https://vtvprime.vn/_next/static/chunks/7845.03ad471447bab9a2.js

1"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[7845],{57845:(e,t,s)=>{s.r(t),s.d(t,{default:()=>N});var l=s(37876),r=s(65426),i=s(14232),n=s(56132),a=s(37847),o=s(99159),d=s(26456),c=s(22085),h=s(55364),x=s(48230),p=s.n(x);let C=function({userInfo:e,setIsOpenModal:t}){let{logOut:s,setUser:x}=(0,r.A)(),[C,v]=(0,i.useState)({}),[j,N]=(0,i.useState)({});(0,i.useEffect)(()=>{(async()=>{let e=await n.AR.getProfile();N({fullName:e?.data?.full_name,phoneNumber:e?.data?.phone_number});let{data:t,error:s}=await (0,d.A)();if(!s){let s={...t,avatarURL:e?.data?.avatar_url||t?.avatarURL,birthDate:e?.data?.birth_date||t?.birthDate,phoneNumber:e?.data?.phone_number||t?.phoneNumber,email:e?.data?.email||t?.email,fullName:e?.data?.full_name||t?.fullName,gender:e?.data?.gender||t?.gender};x(s),v(s)}})()},[]);let k=()=>{t(!1)},_=async()=>{try{await n.AR.logoutVTVprime((0,c.ve)()),(0,c.eF)(),s(),a.Ew.success({message:"Đăng xuất th\xe0nh c\xf4ng"}),window.location.href="/",t(!1)}catch(e){console.log(e),a.Ew.error({message:"Đăng xuất thất bại"})}},y=[{title:"Đ\xe3 th\xedch",count:(C?.likedCounts?.short||0)+(C?.likedCounts?.vod||0),path:`/playlist/${C?.likedPlaylistID}?tab=liked`},{title:"Đ\xe3 lưu",count:(C?.savedCounts?.short||0)+(C?.savedCounts?.vod||0),path:`/playlist/${C?.savedPlaylistID}?tab=saved`},{title:"Danh s\xe1ch ph\xe1t",count:(C?.savedCounts?.genericCollection||0)+(C?.likedCounts?.genericCollection||0),path:`/playlist/${C?.savedPlaylistID}?tab=playlist`},{title:"Nội dung bộ",count:(C?.savedCounts?.series||0)+(C?.likedCounts?.series||0),path:`/playlist/${C?.savedPlaylistID}?tab=contents`}];return(0,l.jsxs)("div",{className:"text-primary max-h-[calc(100svh-120px)] overflow-scroll scrollbar-hide",children:[(0,l.jsxs)(p(),{href:"/profile",onClick:k,className:"flex cursor-pointer items-center justify-between rounded-xl border border-solid border-brand/20 bg-[url('/layout/bg-poupProfile.png')] px-4 py-[14px]",children:[(0,l.jsxs)("div",{className:"w-[calc(100%-56px)]",children:[(0,l.jsx)("p",{className:"text18_600_22 line-clamp-1",children:C?.fullName||j?.fullName||"Bạn"}),(0,l.jsx)("p",{className:"mt-[2px] line-clamp-1 text14_400_20 text-secondary1",children:(0,h.Ly)(e?.phoneNumber||C?.phoneNumber||j?.phoneNumber)})]}),(0,l.jsx)("div",{className:"w-10 h-10 border-[1.25px] border-solid border-dark-100 rounded-full overflow-hidden",children:(0,l.jsx)(o.q5,{avatarUrl:C?.avatarURL||e?.avatarURL,name:C?.fullName||e?.fullName,className:"w-full h-full",isMe:!0})})]}),(0,l.jsxs)(p(),{href:"/subscription",onClick:k,className:"mt-3 flex w-full max-w-full cursor-pointer items-center justify-between rounded-xl border border-solid border-brand/20 bg-[url('/layout/bg-subscriptionProfile.png')] px-4 py-[14px]",children:[(0,l.jsxs)("div",{className:"flex items-center gap-3",children:[(0,l.jsx)("div",{alt:"icon",className:"w-[30px] h-[30px] bg-[url('/layout/icon-subscriptionProfile.png')] bg-contain bg-center bg-no-repeat"}),(0,l.jsxs)("div",{children:[(0,l.jsx)("p",{className:"text15_600_20 text-white",children:"N\xe2ng cấp trải nghiệm"}),(0,l.jsx)("p",{className:"text12_400_18 text-white/80",children:"Mở kh\xf3a thế giới giải tr\xed"})]})]}),(0,l.jsx)("div",{className:"w-[100px] rounded-lg bg-[#E0D6EB] px-2 py-2 text-center",children:(0,l.jsx)("p",{className:"text14_500_18 text-black",children:"Đăng k\xfd g\xf3i"})})]}),(0,l.jsxs)("div",{className:"mt-3 rounded-xl border border-solid border-dark-100 bg-[url('/layout/bg-infoContentProfile.png')] bg-cover px-4 py-4 shadow-[0_10px_28px_rgba(0,0,0,0.12)]",children:[(0,l.jsx)("h2",{className:"text15_600_20 text-white",children:"Danh s\xe1ch của t\xf4i"}),(0,l.jsx)("div",{className:"mt-3",children:y.map((e,t)=>(0,l.jsxs)(p(),{href:e.path,onClick:k,className:`flex min-h-[53px] cursor-pointer items-center justify-between ${t!==y.length-1?"border-b border-solid border-dark-900":""}`,children:[(0,l.jsx)("p",{className:"text14_500_20 text-white",children:e.title}),(0,l.jsxs)("div",{className:"flex min-w-[42px] items-center justify-center gap-[6px] rounded-[10px] bg-surface-bright px-[8px] py-[4px] text12_500_15 text-secondary1",children:[u,e.count]})]},e.title))})]}),(0,l.jsxs)("div",{className:"mt-3 overflow-hidden rounded-xl border border-solid border-dark-100 bg-[linear-gradient(180deg,rgba(43,43,49,0.98)_0%,rgba(38,38,44,0.98)_100%)] shadow-[0_10px_28px_rgba(0,0,0,0.16)]",children:[[{title:"Quản l\xed g\xf3i cước",path:"/subscription/manage",icon:g},{title:"M\xe3 qu\xe0 tặng",path:"/redeem-code",icon:b},{title:"C\xe0i đặt ứng dụng",path:"/setting",icon:m}].map(e=>(0,l.jsxs)(p(),{href:e.path,onClick:k,className:"flex min-h-[52px] curs

1or-pointer items-center gap-3 border-b border-solid border-dark-900 px-4 py-3 text14_500_20 text-primary",children:[(0,l.jsx)("div",{className:"flex h-7 w-7 shrink-0 items-center justify-center rounded-[9px] bg-surface-bright [&_svg]:h-[14px] [&_svg]:w-[14px]",children:e.icon}),(0,l.jsx)("span",{children:e.title})]},e.title)),(0,l.jsxs)("div",{className:"flex min-h-[52px] cursor-pointer items-center gap-3 px-4 py-3 text14_500_20 text-brand",onClick:_,children:[(0,l.jsx)("div",{className:"flex h-7 w-7 shrink-0 items-center justify-center rounded-[9px] bg-surface-bright text-brand [&_svg]:h-[14px] [&_svg]:w-[14px]",children:f}),(0,l.jsx)("span",{children:"Đăng xuất"})]})]}),(0,l.jsxs)("div",{className:"mt-4 flex items-center justify-center text-[13px] font-normal leading-5 text-secondary1",children:[(0,l.jsx)(p(),{href:"/dieu-khoan",target:"_blank",className:"transition-colors hover:text-primary",children:"Điều khoản sử dụng"}),(0,l.jsx)("span",{className:"mx-4",children:w}),(0,l.jsx)(p(),{href:"/chinh-sach",target:"_blank",className:"transition-colors hover:text-primary",children:"Ch\xednh s\xe1ch bảo mật"})]})]})},u=(0,l.jsx)("svg",{xmlns:"http://www.w3.org/2000/svg",width:"8",height:"10",viewBox:"0 0 8 10",fill:"none",children:(0,l.jsx)("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M0.879391 0.683394C0.750611 0.60693 0.5907 0.605466 0.460541 0.679557C0.330381 0.753649 0.25 0.891897 0.25 1.04167V8.95833C0.25 9.1081 0.330381 9.24635 0.460541 9.32044C0.5907 9.39453 0.750611 9.39307 0.879391 9.31661L7.54606 5.35827C7.67249 5.2832 7.75 5.14704 7.75 5C7.75 4.85296 7.67249 4.7168 7.54606 4.64173L0.879391 0.683394Z",fill:"#F4F4F8"})}),m=(0,l.jsxs)("svg",{xmlns:"http://www.w3.org/2000/svg",width:"16",height:"18",viewBox:"0 0 16 18",fill:"none",children:[(0,l.jsx)("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M8.40855 2.68592C8.15487 2.54322 7.84513 2.54322 7.59145 2.68592L2.59145 5.49842C2.32905 5.64602 2.16667 5.92367 2.16667 6.22473V11.7752C2.16667 12.0763 2.32905 12.354 2.59145 12.5016L7.59145 15.3141C7.84513 15.4567 8.15487 15.4567 8.40855 15.3141L13.4086 12.5016C13.6709 12.354 13.8333 12.0763 13.8333 11.7752V6.22473C13.8333 5.92367 13.6709 5.64602 13.4086 5.49842L8.40855 2.68592ZM6.77435 1.23329C7.53538 0.805211 8.46462 0.805211 9.22565 1.23329L14.2257 4.04579C15.0128 4.48859 15.5 5.32155 15.5 6.22473V11.7752C15.5 12.6784 15.0128 13.5114 14.2257 13.9542L9.22565 16.7667C8.46462 17.1948 7.53538 17.1948 6.77435 16.7667L1.77435 13.9542C0.987155 13.5114 0.5 12.6784 0.5 11.7752V6.22473C0.5 5.32155 0.987155 4.48859 1.77435 4.04579L6.77435 1.23329Z",fill:"#F4F4F8"}),(0,l.jsx)("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M7.99996 7.33332C7.07948 7.33332 6.33329 8.07952 6.33329 8.99999C6.33329 9.92046 7.07948 10.6667 7.99996 10.6667C8.92043 10.6667 9.66663 9.92046 9.66663 8.99999C9.66663 8.07952 8.92043 7.33332 7.99996 7.33332ZM4.66663 8.99999C4.66663 7.15904 6.15901 5.66666 7.99996 5.66666C9.84091 5.66666 11.3333 7.15904 11.3333 8.99999C11.3333 10.8409 9.84091 12.3333 7.99996 12.3333C6.15901 12.3333 4.66663 10.8409 4.66663 8.99999Z",fill:"#F4F4F8"})]}),g=(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:"M13.3333 6.66628V3.75016C13.3333 3.05704 13.3333 2.71048 13.1873 2.49751C13.0598 2.31143 12.8622 2.18503 12.6398 2.14718C12.3852 2.10386 12.0706 2.24909 11.4413 2.53955L4.04918 5.95127C3.48792 6.21031 3.20729 6.33984 3.00175 6.54071C2.82005 6.71829 2.68135 6.93507 2.59625 7.17447C2.5 7.44527 2.5 7.75435 2.5 8.3725V12.4996M13.75 12.0829H13.7583M2.5 9.33295L2.5 14.8329C2.5 15.7664 2.5 16.2331 2.68166 16.5896C2.84144 16.9032 3.09641 17.1582 3.41002 17.318C3.76654 17.4996 4.23325 17.4996 5.16667 17.4996H14.8333C15.7668 17.4996 16.2335 17.4996 16.59 17.318C16.9036 17.1582 17.1586 16.9032 17.3183 16.5896C17.5 16.2331 17.5 15.7664 17.5 14.8329V9.33295C17.5 8.39953 17.5 7.93282 17.3183 7.5763C17.1586 7.26269 16.9036 7.00773 16.59 6.84794C16.2335 6.66628 15.7668 6.66628 14.8333 6.66628L5.16667 6.66628C4.23325 6.66628 3.76654 6.66628 3.41002 6.84793C3.09641 7.00772 2.84144 7.26269 2.68166 7.57629C2.5 7.93281 2.5 8.39952 2.5 9.33295ZM14.1667 12.0829C14.1667 12.3131 13.9801 12.4996 13.75 12.4996C13.5199 12.4996 13.3333 12.3131 13.3333 12.0829C13.3333 11.8528 13.5199 11.6663 13.75 11.6663C13.9801 11.6663 14.1667 11.8528 14.1667 12.0829Z",stroke:"#F4F4F8",strokeWidth:"1.6",strokeLinecap:"round",strokeLinejoin:"round"})}),b=(0,l.jsx)("svg",{xmlns:"http://www.w3.org/2000/svg",width:"20",height:"21",viewBox:"0 0 20 21",fill:"none",children:(0,l.jsx)("path",{d:"M10 5.49984V18.8332M10 5.49984H7.05359C6.61946 5.49984 6.2031 5.32424 5.89613 5.01168C5.58915 4.69912 5.41669 4.2752 5.41669 3.83317C5.41669 3.39114 5.58915 2.96722 5.89613 2.65466C6.2031 2.3421 6.61946 2.1665 7.05359 2.1665C9.34526 2.1665 10 5.49984 10 5.49984ZM10 5.49984H12.9464C13.3806 5.49984 13.7969 5.32424 14.1039 5.01168C14.4109 4.69912 14.5834 4.2752 14.5834 3.83317C14.5834 3.39114 14.4109 2.96722 14.1039 2.65466C13.7969 2.3421 13.3806 2.1665 12.9464 2.1665C10.6548 2.1665 10 5.49984 10 5.49984ZM16.6667 9.6665V16.1665C16.6667 17.0999 16.6667 17.5666 16.485 17.9232C16.3252 18.2368 16.0703 18.4917 15.7567 18.6515C15.4001 18.8332 14.9334 18.8332 14 18.8332L6.00002 18.8332C5.0666 18.8332 4.59989 18.8332 4.24337 18.6515C3.92977 18.4917 3.6748 18.2368 3.51501 17.9232C3.33335 17.5666 3.33335 17.0999 3.33335 16.1665V9.6665M1.66669 6.83317L1.66669 8.33317C1.66669 8.79988 1.66669 9.03324 1.75751 9.2115C1.83741 9.3683 1.96489 9.49578 2.12169 9.57567C2.29995 9.6665 2.53331 9.6665 3.00002 9.6665L17 9.6665C17.4667 9.6665 17.7001 9.6665 17.8783 9.57568C18.0351 9.49578 18.1626 9.3683 18.2425 9.2115C18.3334 9.03324 18.3334 8.79988 18.3334 8.33317V6.83317C18.3334 6.36646 18.3334 6.13311 18.2425 5.95485C18.1626 5.79804 18.0351 5.

167056 17.8783 5.59067C17.7001 5.49984 17.4667 5.49984 17 5.49984L3.00002 5.49984C2.53331 5.49984 2.29995 5.49984 2.1217 5.59067C1.96489 5.67056 1.83741 5.79804 1.75752 5.95485C1.66669 6.1331 1.66669 6.36646 1.66669 6.83317Z",stroke:"#F4F4F8",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"})}),f=(0,l.jsx)("svg",{xmlns:"http://www.w3.org/2000/svg",width:"18",height:"18",viewBox:"0 0 18 18",fill:"none",children:(0,l.jsx)("path",{d:"M12 12.75L15.75 8.99999M15.75 8.99999L12 5.24999M15.75 8.99999H6.75M9 12.75C9 12.9717 9 13.0825 8.99176 13.1785C8.90612 14.1765 8.17114 14.9976 7.18878 15.1929C7.09427 15.2117 6.98401 15.224 6.76376 15.2485L5.99771 15.3336C4.84686 15.4614 4.27141 15.5254 3.81425 15.3791C3.2047 15.184 2.70706 14.7386 2.44588 14.1543C2.25 13.7161 2.25 13.1372 2.25 11.9792V6.02076C2.25 4.86281 2.25 4.28383 2.44588 3.84562C2.70706 3.26135 3.2047 2.81594 3.81425 2.62088C4.27141 2.47459 4.84684 2.53852 5.99771 2.6664L6.76376 2.75152C6.98409 2.776 7.09425 2.78824 7.18878 2.80703C8.17114 3.00235 8.90612 3.82352 8.99176 4.82144C9 4.91746 9 5.0283 9 5.24999",stroke:"#F4F4F8",strokeWidth:"1.6",strokeLinecap:"round",strokeLinejoin:"round"})}),w=(0,l.jsx)("svg",{xmlns:"http://www.w3.org/2000/svg",width:"2",height:"2",viewBox:"0 0 2 2",fill:"none",children:(0,l.jsx)("circle",{cx:"1",cy:"1",r:"1",fill:"#C6C6C8"})}),v=(0,i.memo)(()=>{let{userInfo:e,togleModalLogin:t}=(0,r.A)(),{avatarURL:s,fullName:n}=e,[a,d]=(0,i.useState)(!1),h=(0,c.iD)();function x(){t(!0)}return(0,l.jsxs)("div",{className:"relative flex items-center font-semibold text-secondary1 cursor-pointer",children:[h&&"undefined"!==h?(0,l.jsx)(l.Fragment,{children:(0,l.jsx)("div",{onClick:()=>d(!0),className:"h-10 w-10 rounded-full border-[1.25px] border-solid border-white/[0.12]",children:(0,l.jsx)(o.q5,{avatarUrl:s,name:n,className:"w-full h-full",isMe:!0})},1)}):(0,l.jsxs)("div",{className:"flex items-center text16_600_24",onClick:x,role:"button",tabIndex:"0",onKeyDown:x,children:[(0,l.jsx)("p",{className:"hidden hoverTextPrimary whitespace-nowrap xl:block",children:"Đăng nhập"}),(0,l.jsx)("div",{className:"xl:hidden block",children:j})]}),a&&(0,l.jsxs)("div",{className:"",children:[(0,l.jsx)("div",{className:"absolute z-[22] top-12 right-0 w-[390px] min-h-[200px] rounded-2xl bg-popupProfile px-4 py-5",children:(0,l.jsx)(C,{userInfo:e,setIsOpenModal:d})}),(0,l.jsx)("div",{className:"fixed top-0 left-0 w-[100svw] h-[100svh] z-[21]",onClick:()=>d(!1)})]})]})}),j=(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:"M4.44434 14.1666C4.44434 14.4594 4.44434 14.6057 4.45739 14.733C4.56579 15.7895 5.32984 16.6622 6.36272 16.9092C6.48712 16.939 6.63226 16.9583 6.9224 16.997L12.4157 17.7295C13.9794 17.938 14.7612 18.0422 15.368 17.8009C15.9008 17.5891 16.3446 17.2006 16.625 16.7005C16.9443 16.1309 16.9443 15.3421 16.9443 13.7645V6.23535C16.9443 4.65781 16.9443 3.86904 16.625 3.29944C16.3446 2.79934 15.9008 2.41082 15.368 2.19898C14.7612 1.9577 13.9794 2.06194 12.4157 2.27043L6.9224 3.00287C6.63222 3.04156 6.48713 3.06091 6.36272 3.09067C5.32984 3.33774 4.56579 4.21043 4.45739 5.2669C4.44434 5.39415 4.44434 5.54053 4.44434 5.83328M9.44434 6.66661L12.7777 9.99995M12.7777 9.99995L9.44434 13.3333M12.7777 9.99995H1.94434",stroke:"#F4F4F8",strokeWidth:"1.67",strokeLinecap:"round",strokeLinejoin:"round"})}),N=v}}]);