1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[4063],{14503:(e,t,r)=>{"use strict";r.d(t,{A:()=>d});var i=r(37876),s=r(77328),l=r.n(s),a=r(89099),n=r(9097),o=r(58639);function d({title:e,imageURL:t,query:r,description:s,canonicalPath:c,canonicalUrl:m,noIndex:h}){let u=(0,a.useRouter)(),x=e||n.A.title,p=(0,o.lN)(s,n.A.description),g=(0,o.qw)({canonicalUrl:m,canonicalPath:c,query:r,routePath:u?.asPath}),f="boolean"==typeof h?h:(0,o.Lh)(u?.pathname||u?.asPath),j=(0,o.ol)(f),w=r?.id?"article":"website",b=t?(0,o.oK)(t):(0,o.oK)(n.A.thumb);return(0,i.jsx)(i.Fragment,{children:(0,i.jsxs)(l(),{children:[(0,i.jsx)("title",{children:x},"title"),(0,i.jsx)("meta",{name:"title",content:x},"title-meta"),(0,i.jsx)("meta",{name:"description",content:p},"description"),(0,i.jsx)("meta",{name:"robots",content:j},"robots"),(0,i.jsx)("link",{rel:"canonical",href:g},"canonical"),(0,i.jsx)("meta",{property:"og:type",content:w},"og:type"),(0,i.jsx)("meta",{property:"og:title",content:x},"og:title"),(0,i.jsx)("meta",{property:"og:description",content:p},"og:description"),(0,i.jsx)("meta",{property:"og:url",content:g},"og:url"),(0,i.jsx)("meta",{property:"og:site_name",content:"VTVprime"},"og:site_name"),(0,i.jsx)("meta",{property:"og:image",content:b},"og:image"),(0,i.jsx)("meta",{name:"twitter:card",content:"summary_large_image"},"twitter:card"),(0,i.jsx)("meta",{name:"twitter:title",content:x},"twitter:title"),(0,i.jsx)("meta",{name:"twitter:description",content:p},"twitter:description"),(0,i.jsx)("meta",{name:"twitter:url",content:g},"twitter:url"),(0,i.jsx)("meta",{name:"twitter:site",content:"@VTVprime"},"twitter:site"),(0,i.jsx)("meta",{name:"twitter:creator",content:"@VTVprime"},"twitter:creator"),(0,i.jsx)("meta",{name:"twitter:image",content:b},"twitter:image")]})})}},40323:e=>{function t(e){var t=Error("Cannot find module '"+e+"'");throw t.code="MODULE_NOT_FOUND",t}t.keys=()=>[],t.resolve=t,t.id=40323,e.exports=t},42092:(e,t,r)=>{"use strict";r.r(t),r.d(t,{default:()=>J});var i=r(37876),s=r(78379),l=r(65426),a=r(26456),n=r(55364),o=r(14232),d=r(56856);r(22222);var c=r(41629),m=r(56132),h=r(37847),u=r(41506),x=r(99159),p=r(84449),g=r(59);let f=function({dataProfile:e,setDataProfile:t,dataProfileRest:s}){let[a,f]=(0,o.useState)(!1),{setUser:C,userInfo:v}=(0,l.A)(),[L,N]=(0,o.useState)({full_name:"",birth_date:"",gender:"",email:""});(0,o.useEffect)(()=>{N({birth_date:e?.birthDate,full_name:e?.fullName||s?.fullName,gender:e?.gender,email:e?.email})},[e]);let _=e=>{N(t=>({...t,gender:e.target.value}))},y=async i=>{let s=i.target.files[0];if(!s)return;let l=(s.type?.split("/")[1]||s.name.split(".").pop()||"").toLowerCase();if("heic"===l||"heif"===l)try{let e=(await r.e(2246).then(r.t.bind(r,3290,23))).default,t=await e({blob:s,toType:"image/jpeg",quality:.8});if(t.size>5242880){let e=document.createElement("img");e.src=URL.createObjectURL(t),await new Promise(t=>e.onload=t);let r=document.createElement("canvas"),i=r.getContext("2d"),s=Math.sqrt(5242880/t.size);r.width=e.width*s,r.height=e.height*s,i.drawImage(e,0,0,r.width,r.height),t=await new Promise(e=>r.toBlob(e,"image/jpeg",.8))}s=new File([t],s.name.replace(/\.heic$/i,".jpg"),{type:"image/jpeg"}),l="jpg"}catch(e){console.error("Convert HEIC failed",e),h.Ew.error({message:"Kh\xf4ng thá» xá» l\xfd ảnh HEIC, vui l\xf2ng chá»n ảnh JPG hoặc PNG"});return}try{let r=await m.AR.updateAvatarStep1({profilePicture:s,fileExtension:l});if(![200,201].includes(r.status))throw Error("Step1 failed");let i=await m.AR.updateAvatarStep2({avatar_image:{id:r?.data?.fileID,extension:l}});if(![200,201].includes(i.status))throw Error("Step2 failed");h.Ew.success({message:"Cáºp nháºt ảnh Äại diá»n th\xe0nh c\xf4ng"}),t({...e,avatarURL:i.data?.avatar_url})}catch(e){console.error(e),h.Ew.error({message:"Cáºp nháºt ảnh Äại diá»n thất bại"})}},k=async()=>{if(!(0,u.Lt)(L?.full_name))return void h.Ew.error({message:"Chá» Äược nháºp chữ c\xe1i (A-Z), chữ sá» (0-9). T\xean ngÆ°á»i d\xf9ng tá»i Äa 20 k\xed tá»±."});if(!(0,u.vL)(L?.email))return void h.Ew.error({message:"Email kh\xf4ng hợp lá». Vui l\xf2ng kiá»m tra v\xe0 nháºp lại"});let r=await m.AR.updateProfile(L);if(r?.status===200){h.Ew.success({message:"Cáºp nháºt th\xf4ng tin th\xe0nh c\xf4ng"}),t({...e,fullName:L?.full_name,birthDate:L?.birth_date,gender:L?.gender,email:L?.email});let r={...v,fullName:L?.full_name,birthDate:L?.birth_date,gender:L?.gender,email:L?.email};C(r),(0,p.v9)({fullName:L?.full_name,birthDate:L?.birth_date,gender:L?.gender,email:L?.email}),sessionStorage.setItem("user_id",r?.id||""),await (0,g.y4)(r)}else h.Ew.error({message:"Cáºp nháºt th\xf4ng tin thất bại"})};return(0,i.jsxs)("div",{className:"p-3 sm:p-6 rounded-2xl bg-disable border border-solid border-bright2",children:[(0,i.jsxs)("div",{className:"flex justify-between",children:[(0,i.jsxs)("div",{className:"relative w-[60px] h-[60px] lg:w-[90px] lg:h-[90px] border-[1.25px] border-solid border-dark-100 rounded-full",children:[(0,i.jsx)(x.q5,{avatarUrl:e?.avatarURL,name:e?.fullName,className:"w-full h-full",size:64,isMe:!0}),a&&(0,i.jsxs)("label",{htmlFor:"inputAvatar",className:"xs:hidden xl:block",children:[(0,i.jsx)("div",{className:"cursor-pointer absolute top-[50%] left-[50%] translate-x-[-50%] translate-y-[-50%] w-8 h-8 flex justify-center items-center rounded-full border border-solid border-dark bg-background4 backdrop-blur",children:w}),(0,i.jsx)("input",{id:"inputAvatar",type:"file",className:"hidden",onChange:y,accept:"image/png, image/jpeg, image/jpg, image/gif, image/bmp"})]})]}
1),(0,i.jsxs)("div",{className:"flex w-[calc(100%-80px)] lg:w-[calc(100%-114px)] justify-between items-center",children:[(0,i.jsxs)("div",{className:"w-[calc(100%-70px)]",children:[(0,i.jsxs)("div",{className:"text24_400_32 flex items-center w-full",children:["Ch\xe0o, ",(0,i.jsx)("p",{className:"text20_700_24 line-clamp-1",children:e?.fullName||s?.fullName})]}),(0,i.jsx)("p",{className:"text16_400_20 line-clamp-1 mt-1",children:(0,n.Ly)(e?.phoneNumber||s?.phoneNumber)})]}),!a&&(0,i.jsxs)("div",{className:"cursor-pointer flex items-center text16_400_20 text-secondary1",onClick:()=>f(!0),children:[j,"\xa0 Sá»a"]})]})]}),(0,i.jsx)("div",{className:`${a?"mt-5 h-auto opacity-100":"h-0 opacity-0"} transition-all duration-300`,children:a&&(0,i.jsxs)(i.Fragment,{children:[(0,i.jsxs)("div",{children:[(0,i.jsx)("p",{className:"text16_400_20 text-secondary1",children:"T\xean"}),(0,i.jsx)("input",{className:"w-full mt-[6px] px-3 py-[14px] text18_400_22 rounded-lg bg-bright border border-solid border-bright2",placeholder:"T\xean của bạn",value:L?.full_name,onChange:e=>N({...L,full_name:e.target.value})})]}),(0,i.jsxs)("div",{className:"mt-4 relative",children:[(0,i.jsx)("p",{className:"text16_400_20 text-secondary1",children:"Ng\xe0y sinh"}),(0,i.jsx)(d.Ay,{className:"w-full mt-[6px] px-3 py-[14px] text18_400_22 rounded-lg bg-bright border border-solid border-bright2",dateFormat:"dd-MM-yyyy",placeholderText:"dd-MM-yyyy",selected:function(e){if(!e)return null;let t=new Date(e);return Number.isNaN(t.getTime())?null:t}(L?.birth_date),onChange:e=>{N(t=>({...t,birth_date:(0,c._v)(e)}))},todayButton:"Today"}),(0,i.jsx)("div",{className:"absolute right-3 top-[50%]",children:b})]}),(0,i.jsxs)("div",{className:"mt-4",children:[(0,i.jsx)("p",{className:"text16_400_20 text-secondary1",children:"Email"}),(0,i.jsx)("input",{className:"w-full mt-[6px] px-3 py-[14px] text18_400_22 rounded-lg bg-bright border border-solid border-bright2",placeholder:"Email của bạn",value:L?.email,onChange:e=>N({...L,email:e.target.value})})]}),(0,i.jsxs)("div",{className:"mt-4",children:[(0,i.jsx)("p",{className:"text16_400_20 text-secondary1",children:"Giá»i t\xednh"}),(0,i.jsxs)("div",{className:"pl-1 mt-2 text18_400_22 flex items-center",children:[(0,i.jsxs)("div",{className:"cursor-pointer relative",children:[(0,i.jsx)("input",{type:"radio",id:"MALE",name:"gender",value:"MALE",className:"inputRadioGender",checked:L?.gender==="MALE",onChange:_})," ","\xa0",(0,i.jsx)("label",{className:"cursor-pointer",htmlFor:"MALE",children:"Nam"})]}),(0,i.jsxs)("div",{className:"ml-6 cursor-pointer relative",children:[(0,i.jsx)("input",{type:"radio",id:"FEMALE",name:"gender",value:"FEMALE",className:"inputRadioGender",checked:L?.gender==="FEMALE",onChange:_})," ","\xa0",(0,i.jsx)("label",{className:"cursor-pointer",htmlFor:"FEMALE",children:"Nữ"})]}),(0,i.jsxs)("div",{className:"ml-6 cursor-pointer relative",children:[(0,i.jsx)("input",{type:"radio",id:"OTHER",name:"gender",value:"OTHER",className:"inputRadioGender",checked:L?.gender==="OTHER",onChange:_})," ","\xa0",(0,i.jsx)("label",{className:"cursor-pointer",htmlFor:"OTHER",children:"Giá»i t\xednh kh\xe1c"})]})]})]}),(0,i.jsxs)("div",{className:"w-full mt-5 flex justify-between items-center text18_400_22",children:[(0,i.jsx)("button",{className:"py-3 sm:px-8 px-4 w-1/2 bg-bright border border-solid border-bright2 rounded-lg mr-6",onClick:()=>{f(!1),N({birth_date:e?.birthDate,full_name:e?.fullName,gender:e?.gender,email:e?.email})},children:"Huá»· thay Äá»i"}),(0,i.jsx)("button",{className:"py-3 sm:px-8 px-4 w-1/2 bg-brand rounded-lg",onClick:k,children:"LÆ°u thay Äá»i"})]})]})})]})},j=(0,i.jsx)("svg",{xmlns:"http://www.w3.org/2000/svg",width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",children:(0,i.jsx)("path",{d:"M2.87604 18.1156C2.92198 17.7021 2.94496 17.4954 3.00751 17.3022C3.06301 17.1307 3.14143 16.9676 3.24064 16.8171C3.35246 16.6475 3.49955 16.5005 3.79373 16.2063L17 3C18.1046 1.89543 19.8955 1.89543 21 3C22.1046 4.10457 22.1046 5.89543 21 7L7.79373 20.2063C7.49955 20.5005 7.35245 20.6475 7.18289 20.7594C7.03245 20.8586 6.86929 20.937 6.69785 20.9925C6.5046 21.055 6.29786 21.078 5.88437 21.124L2.5 21.5L2.87604 18.1156Z",stroke:"#C6C6C8",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"})}),w=(0,i.jsxs)("svg",{xmlns:"http://www.w3.org/2000/svg",width:"20",height:"18",viewBox:"0 0 20 18",fill:"none",children:[(0,i.jsx)("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M8.32007 2.33334C7.95934 2.33334 7.62956 2.53715 7.46824 2.8598L7.09259 3.61109C6.60861 4.57904 5.61929 5.19048 4.53708 5.19048H3.33334C2.80735 5.19048 2.38096 5.61687 2.38096 6.14286V14.7143C2.38096 15.2403 2.80735 15.6667 3.33334 15.6667H16.6667C17.1927 15.6667 17.6191 15.2403 17.6191 14.7143V6.14286C17.6191 5.61687 17.1927 5.19048 16.6667 5.19048H15.4629C14.3807 5.19048 13.3914 4.57904 12.9074 3.61109L12.5318 2.8598C12.3705 2.53715 12.0407 2.33334 11.6799 2.33334H8.32007ZM5.76456 2.00796C6.24854 1.04001 7.23787 0.428574 8.32007 0.428574H11.6799C12.7621 0.428574 13.7515 1.04001 14.2354 2.00796L14.6111 2.75925C14.7724 3.0819 15.1022 3.28572 15.4629 3.28572H16.6667C18.2446 3.28572 19.5238 4.5649 19.5238 6.14286V14.7143C19.5238 16.2922 18.2446 17.5714 16.6667 17.5714H3.33334C1.75538 17.5714 0.476196 16.2922 0.476196 14.7143V6.14286C0.476196 4.5649 1.75538 3.28572 3.33334 3.28572H4.53708C4.89782 3.28572 5.22759 3.0819 5.38892 2.75925L5.76456 2.00796Z",fill:"#F4F4F8"}),(0,i.jsx)("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M10.0001 7.09524C8.42211 7.09524 7.14292 8.37442 7.14292 9.95238C7.14292 11.5303 8.42211 12.8095 10.0001 12.8095C11.578 12.8095 12.8572 11.5303 12.8572 9.95238C12.8572 8.37442 11.578 7.09524 10.0001 7.09524ZM5.23816 9.95238C5.23816 7.32245 7.37014 5.19048 10.0001 5.19048C12.63 5.19048 14.762 7.32245 14.762 9.95238C14.762 12.5823 12.63 14.7143 10.0001 14.7143C7.37014 14.7143 5.23816 12.5823 5.23816 9.95238Z",fill:"#F4F4F8"})]}),b=(0,i.jsxs)("svg",{xmlns:"http://www.w3.org/2000/svg",width:"20",height:"21",viewBox:"0 0 20 21",fill:"none",children:[(0,i.jsx)("path",{d:"M5.09082 1.90909V3.54545",stroke:"#F4F4F8",strokeWidth:"2",strokeMiterlimit:"10",strokeLinecap:"square"}),(0,i.jsx)("path",{d:"M14.9092 1.90909V3.54545",stroke:"#F4F4F8",strokeWidth:"2",strokeMiterlimit:"10",strokeLinecap:"square"}
1),(0,i.jsx)("path",{d:"M5.70907 10.9091H4.47271C4.36225 10.9091 4.27271 10.9986 4.27271 11.1091V11.5273C4.27271 11.6377 4.36225 11.7273 4.47271 11.7273H5.70907C5.81953 11.7273 5.90907 11.6377 5.90907 11.5273V11.1091C5.90907 10.9986 5.81953 10.9091 5.70907 10.9091Z",stroke:"#F4F4F8",strokeMiterlimit:"10",strokeLinecap:"square"}),(0,i.jsx)("path",{d:"M10.6182 10.9091H9.38188C9.27143 10.9091 9.18188 10.9986 9.18188 11.1091V11.5273C9.18188 11.6377 9.27143 11.7273 9.38188 11.7273H10.6182C10.7287 11.7273 10.8182 11.6377 10.8182 11.5273V11.1091C10.8182 10.9986 10.7287 10.9091 10.6182 10.9091Z",stroke:"#F4F4F8",strokeMiterlimit:"10",strokeLinecap:"square"}),(0,i.jsx)("path",{d:"M5.70931 13.9999H4.47295C4.36249 13.9999 4.27295 14.0895 4.27295 14.1999V14.6181C4.27295 14.7285 4.36249 14.8181 4.47295 14.8181H5.70931C5.81977 14.8181 5.90931 14.7285 5.90931 14.6181V14.1999C5.90931 14.0895 5.81977 13.9999 5.70931 13.9999Z",stroke:"#F4F4F8",strokeMiterlimit:"10",strokeLinecap:"square"}),(0,i.jsx)("path",{d:"M10.618 13.9999H9.38164C9.27118 13.9999 9.18164 14.0895 9.18164 14.1999V14.6181C9.18164 14.7285 9.27118 14.8181 9.38164 14.8181H10.618C10.7285 14.8181 10.818 14.7285 10.818 14.6181V14.1999C10.818 14.0895 10.7285 13.9999 10.618 13.9999Z",stroke:"#F4F4F8",strokeMiterlimit:"10",strokeLinecap:"square"}),(0,i.jsx)("path",{d:"M15.5272 10.9091H14.2908C14.1804 10.9091 14.0908 10.9986 14.0908 11.1091V11.5273C14.0908 11.6377 14.1804 11.7273 14.2908 11.7273H15.5272C15.6376 11.7273 15.7272 11.6377 15.7272 11.5273V11.1091C15.7272 10.9986 15.6376 10.9091 15.5272 10.9091Z",stroke:"#F4F4F8",strokeMiterlimit:"10",strokeLinecap:"square"}),(0,i.jsx)("path",{d:"M1 7.63635H19",stroke:"#F4F4F8",strokeWidth:"2",strokeMiterlimit:"10",strokeLinecap:"square"}),(0,i.jsx)("path",{d:"M17.3636 4.36365H2.63636C1.73262 4.36365 1 5.09627 1 6.00001V17.4546C1 18.3583 1.73262 19.0909 2.63636 19.0909H17.3636C18.2674 19.0909 19 18.3583 19 17.4546V6.00001C19 5.09627 18.2674 4.36365 17.3636 4.36365Z",stroke:"#F4F4F8",strokeWidth:"2",strokeMiterlimit:"10",strokeLinecap:"square"})]});var C=r(94710),v=r(54587),L=r.n(v),N=r(30955),_=r(63906),y=r(37216),k=r(83133),F=r(48230),A=r.n(F);let E=function({data:e,type:t}){let[r,s]=(0,o.useState)(e?.profileImageURL),[l,a]=(0,o.useState)(e?.followed),{returnLinkByContentType:n}=(0,y.A)(),{followStudioProfile:d,loading:m}=(0,C.A)(l?"unFollow":"follow");(0,o.useEffect)(()=>{s(e?.profileImageURL),a(e?.followed)},[e]);let h=async t=>{if(t?.preventDefault(),t?.stopPropagation(),m)return;let r=await d({variables:{id:l?e?.id:[e?.id]}});if(r?.data?.follow){a(!0),(0,k.Jl)({studio_id:e?.id,studio_name:e?.title});return}if(r?.data?.unFollow){a(!1),(0,k.Ul)({studio_id:e?.id,studio_name:e?.title});return}_.A.error({message:"Thao t\xe1c kh\xf4ng th\xe0nh c\xf4ng. Vui l\xf2ng thá» lại sau"})};return(0,i.jsxs)(A(),{href:`${n(e)}`,className:"block rounded-xl overflow-hidden bg-surface cursor-pointer",children:[(0,i.jsxs)("div",{className:"relative aspect-[34/15] w-full",children:[(0,i.jsx)(L(),{className:"object-cover",fill:!0,sizes:"100vw",src:e?.bannerImageURL||N.A.IMAGE_HORIRONTAL_DEFAULT,alt:e?.title||"studio banner",style:{objectFit:"cover"},onError:()=>s(N.A.IMAGE_HORIRONTAL_DEFAULT)}),(0,i.jsxs)("div",{className:`absolute border border-solid ${"recommend"===t?"w-[50px] h-[50px]":"w-10 h-10"} left-3 -bottom-1 overflow-hidden rounded-full border-white`,children:[(0,i.jsx)(L(),{className:"cursor-pointer rounded-full object-cover",fill:!0,sizes:"recommend"===t?"50px":"40px",src:r||N.A.AVATAR_DEFAULT,alt:e?.title||"studio avatar",style:{objectFit:"cover"},onError:()=>s(N.A.AVATAR_DEFAULT)}),e?.isVerified&&(0,i.jsx)("div",{className:"absolute right-[-5px] bottom-[-2px]",children:S})]})]}),(0,i.jsxs)("div",{className:`px-3 pb-3 pt-3 flex justify-between ${"recommend"===t?"items-center":"items-start"}`,children:[(0,i.jsxs)("div",{className:`${"recommend"===t?"max-w-[calc(100%-110px)]":""}`,children:[(0,i.jsx)("div",{className:"text14_500_18 text-primary line-clamp-1",children:e?.title}),(0,i.jsxs)("div",{className:"text12_400_18 text-secondary1",children:[(0,c.c5)(e?.followerCount)," ngÆ°á»i theo d\xf5i"]})]}),"recommend"===t?(0,i.jsx)("div",{className:`text14_700_20 curs
1or-pointer py-1 px-[14px] rounded-lg text-primary max-w-[110px] ${l?"":"bg-brand"}`,onClick:h,children:l?"Ä\xe3 theo d\xf5i":"Theo d\xf5i"}):(0,i.jsx)("div",{onClick:h,children:l?M:R})]})]})},S=(0,i.jsxs)("svg",{xmlns:"http://www.w3.org/2000/svg",width:"18",height:"18",viewBox:"0 0 18 18",fill:"none",children:[(0,i.jsx)("path",{d:"M5.93945 1.08691C6.38513 0.952195 6.86588 0.974553 7.2998 1.1543L8.60645 1.69531H8.60742C8.85845 1.79904 9.14073 1.79941 9.3916 1.69531L9.39258 1.69434L10.7012 1.1543V1.15527C11.1971 0.949941 11.7541 0.949856 12.25 1.15527L12.4316 1.24121C12.8418 1.461 13.1659 1.81641 13.3457 2.25L13.8838 3.5498C13.8849 3.55247 13.8866 3.55493 13.8877 3.55762L13.9316 3.64941C14.0427 3.857 14.2221 4.02114 14.4414 4.1123L15.75 4.6543L15.9316 4.74023C16.342 4.96008 16.6659 5.31613 16.8457 5.75L16.9131 5.93848C17.0288 6.32081 17.0288 6.72899 16.9131 7.11133L16.8457 7.2998L16.3037 8.60742C16.2126 8.8273 16.2022 9.07082 16.2705 9.2959L16.3047 9.3916V9.39258L16.8457 10.7002L16.9121 10.8877C16.9697 11.0777 16.9999 11.2753 17 11.4746L16.9902 11.6738C16.9772 11.8056 16.9515 11.9358 16.9131 12.0625L16.8457 12.25C16.7439 12.4957 16.5943 12.7192 16.4062 12.9072C16.2182 13.0951 15.9946 13.2431 15.749 13.3447L15.75 13.3457L14.4414 13.8877C14.2218 13.9785 14.0411 14.1421 13.9297 14.3496L13.8867 14.4414L13.3447 15.75C13.1649 16.1841 12.8403 16.5399 12.4297 16.7598L12.249 16.8457C11.8151 17.0254 11.3343 17.0478 10.8887 16.9131L10.6992 16.8457L9.3916 16.3037C9.14077 16.2002 8.85905 16.2007 8.6084 16.3047H8.60742L7.29883 16.8467C6.86488 17.0261 6.38401 17.048 5.93848 16.9131L5.75 16.8457C5.31662 16.6661 4.96106 16.3424 4.74121 15.9326L4.65527 15.751L4.11328 14.4414H4.1123C4.00849 14.1905 3.80936 13.9909 3.55859 13.8867V13.8857L2.25 13.3447C1.81636 13.165 1.46104 12.8408 1.24121 12.4307L1.15527 12.25C0.949763 11.7543 0.949347 11.1971 1.1543 10.7012V10.7002L1.69629 9.39258L1.73047 9.29785C1.79853 9.07229 1.78634 8.82891 1.69531 8.60938V8.6084L1.1543 7.29883C1.05255 7.05331 1.00009 6.79018 1 6.52441L1.00977 6.3252C1.02925 6.12743 1.07798 5.93328 1.1543 5.74902L1.23926 5.56934C1.33296 5.39405 1.45171 5.23284 1.59277 5.0918L1.74023 4.95801C1.89383 4.83202 2.06579 4.7296 2.25 4.65332L3.55859 4.11133L3.65039 4.06836C3.85768 3.95749 4.02106 3.77747 4.1123 3.55859L4.6543 2.25L4.74023 2.06836C4.96005 1.65799 5.31617 1.33409 5.75 1.1543L5.93945 1.08691Z",fill:"#1570EF",stroke:"#050506",strokeLinecap:"round",strokeLinejoin:"round"}),(0,i.jsx)("path",{d:"M6.75 9L8.25 10.5L11.625 7.125",stroke:"white",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"})]}),R=(0,i.jsxs)("svg",{xmlns:"http://www.w3.org/2000/svg",width:"17",height:"17",viewBox:"0 0 17 17",fill:"none",children:[(0,i.jsx)("g",{clipPath:"url(#clip0_1437_27588)",children:(0,i.jsx)("path",{d:"M8.91545 6.15942V11.4928M6.24878 8.82609H11.5821M15.5821 8.82609C15.5821 12.508 12.5973 15.4928 8.91545 15.4928C5.23355 15.4928 2.24878 12.508 2.24878 8.82609C2.24878 5.14419 5.23355 2.15942 8.91545 2.15942C12.5973 2.15942 15.5821 5.14419 15.5821 8.82609Z",stroke:"#F4F4F8",strokeWidth:"1.2",strokeLinecap:"round",strokeLinejoin:"round"})}),(0,i.jsx)("defs",{children:(0,i.jsx)("clipPath",{id:"clip0_1437_27588",children:(0,i.jsx)("rect",{width:"16",height:"16",fill:"white",transform:"translate(0.915527 0.82608)"})})})]}),M=(0,i.jsxs)("svg",{xmlns:"http://www.w3.org/2000/svg",width:"16",height:"16",viewBox:"0 0 16 16",fill:"none",children:[(0,i.jsx)("g",{clipPath:"url(#clip0_1135_12923)",children:(0,i.jsx)("path",{d:"M5 8L7 10L11 6M14.6667 8C14.6667 11.6819 11.6819 14.6667 8 14.6667C4.3181 14.6667 1.33333 11.6819 1.33333 8C1.33333 4.3181 4.3181 1.33333 8 1.33333C11.6819 1.33333 14.6667 4.3181 14.6667 8Z",stroke:"#1B9F67",strokeWidth:"1.2",strokeLinecap:"round",strokeLinejoin:"round"})}),(0,i.jsx)("defs",{children:(0,i.jsx)("clipPath",{id:"clip0_1135_12923",children:(0,i.jsx)("rect",{width:"16",height:"16",fill:"white"})})})]}),V=function({data:e}){let[t,r]=(0,o.useState)(e?.profileImageURL),[s,l]=(0,o.useState)(e?.followed),{returnLinkByContentType:a}=(0,y.A)(),{followStudioProfile:n,loading:d}=(0,C.A)(s?"unFollow":"follow");(0,o.useEffect)(()=>{r(e?.profileImageURL),l(e?.followed)},[e]);let m=async t=>{if(t?.preventDefault(),t?.stopPropagation(),d)return;let r=await n({variables:{id:s?e?.id:[e?.id]}});if(r?.data?.follow){l(!0),(0,k.Jl)({studio_id:e?.id,studio_name:e?.title});return}if(r?.data?.unFollow){l(!1),(0,k.Ul)({studio_id:e?.id,studio_name:e?.title});return}_.A.error({message:"Thao t\xe1c kh\xf4ng th\xe0nh c\xf4ng. Vui l\xf2ng thá» lại sau"})};return(0,i.jsxs)(A(),{href:`${a(e)}`,className:"text-primary py-3 border-b border-solid border-b-bright2 flex justify-between items-center",children:[(0,i.jsxs)("div",{className:"flex items-center cursor-pointer",children:[(0,i.jsxs)("div",{className:"relative h-11 w-11 overflow-hidden rounded-full border-[1px] border-solid border-primary",children:[(0,i.jsx)(L(),{className:"cursor-pointer rounded-full object-cover",fill:!0,sizes:"44px",src:t||N.A.AVATAR_DEFAULT,alt:e?.title||"studio avatar",style:{objectFit:"cover"},onError:()=>r(N.A.AVATAR_DEFAULT)}),e?.isVerified&&(0,i.jsx)("div",{className:"absolute right-[-5px] bottom-[-2px]",children:P})]}),(0,i.jsxs)("div",{className:"ml-3",children:[(0,i.jsx)("div",{className:"text18_600_22",children:e?.title}),(0,i.jsxs)("div",{className:"text14_400_20 text-secondary1 mt-1",children:[(0,c.c5)(e?.followerCount)," ngÆ°á»i theo d\xf5i"]})]})]}
1),(0,i.jsx)("div",{className:`text14_600_20 cursor-pointer py-[10px] px-[12px] rounded-lg text-primary ${s?"bg-bright border border-solid border-bright2":"bg-brand"}`,onClick:m,children:s?"Ä\xe3 theo d\xf5i":"Theo d\xf5i"})]})},P=(0,i.jsxs)("svg",{xmlns:"http://www.w3.org/2000/svg",width:"18",height:"18",viewBox:"0 0 18 18",fill:"none",children:[(0,i.jsx)("path",{d:"M5.93945 1.08691C6.38513 0.952195 6.86588 0.974553 7.2998 1.1543L8.60645 1.69531H8.60742C8.85845 1.79904 9.14073 1.79941 9.3916 1.69531L9.39258 1.69434L10.7012 1.1543V1.15527C11.1971 0.949941 11.7541 0.949856 12.25 1.15527L12.4316 1.24121C12.8418 1.461 13.1659 1.81641 13.3457 2.25L13.8838 3.5498C13.8849 3.55247 13.8866 3.55493 13.8877 3.55762L13.9316 3.64941C14.0427 3.857 14.2221 4.02114 14.4414 4.1123L15.75 4.6543L15.9316 4.74023C16.342 4.96008 16.6659 5.31613 16.8457 5.75L16.9131 5.93848C17.0288 6.32081 17.0288 6.72899 16.9131 7.11133L16.8457 7.2998L16.3037 8.60742C16.2126 8.8273 16.2022 9.07082 16.2705 9.2959L16.3047 9.3916V9.39258L16.8457 10.7002L16.9121 10.8877C16.9697 11.0777 16.9999 11.2753 17 11.4746L16.9902 11.6738C16.9772 11.8056 16.9515 11.9358 16.9131 12.0625L16.8457 12.25C16.7439 12.4957 16.5943 12.7192 16.4062 12.9072C16.2182 13.0951 15.9946 13.2431 15.749 13.3447L15.75 13.3457L14.4414 13.8877C14.2218 13.9785 14.0411 14.1421 13.9297 14.3496L13.8867 14.4414L13.3447 15.75C13.1649 16.1841 12.8403 16.5399 12.4297 16.7598L12.249 16.8457C11.8151 17.0254 11.3343 17.0478 10.8887 16.9131L10.6992 16.8457L9.3916 16.3037C9.14077 16.2002 8.85905 16.2007 8.6084 16.3047H8.60742L7.29883 16.8467C6.86488 17.0261 6.38401 17.048 5.93848 16.9131L5.75 16.8457C5.31662 16.6661 4.96106 16.3424 4.74121 15.9326L4.65527 15.751L4.11328 14.4414H4.1123C4.00849 14.1905 3.80936 13.9909 3.55859 13.8867V13.8857L2.25 13.3447C1.81636 13.165 1.46104 12.8408 1.24121 12.4307L1.15527 12.25C0.949763 11.7543 0.949347 11.1971 1.1543 10.7012V10.7002L1.69629 9.39258L1.73047 9.29785C1.79853 9.07229 1.78634 8.82891 1.69531 8.60938V8.6084L1.1543 7.29883C1.05255 7.05331 1.00009 6.79018 1 6.52441L1.00977 6.3252C1.02925 6.12743 1.07798 5.93328 1.1543 5.74902L1.23926 5.56934C1.33296 5.39405 1.45171 5.23284 1.59277 5.0918L1.74023 4.95801C1.89383 4.83202 2.06579 4.7296 2.25 4.65332L3.55859 4.11133L3.65039 4.06836C3.85768 3.95749 4.02106 3.77747 4.1123 3.55859L4.6543 2.25L4.74023 2.06836C4.96005 1.65799 5.31617 1.33409 5.75 1.1543L5.93945 1.08691Z",fill:"#1570EF",stroke:"#050506",strokeLinecap:"round",strokeLinejoin:"round"}),(0,i.jsx)("path",{d:"M6.75 9L8.25 10.5L11.625 7.125",stroke:"white",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"})]});var I=r(96705),T=r(79350),D=r(52639);let H=(0,T.J1)` 2 query RecommendedStudioProfiles($pageSize: Int, $cursor: String) { 3 recommendedStudioProfiles(pageSize: $pageSize, cursor: $cursor) { 4 nextCursor 5 items { 6 id 7 title 8 profileImageURL(imageName: STUDIO_PROFILE, screenScale: X2) 9 bannerImageURL(screenScale: X2) 10 followerCount 11 isVerified 12 followed 13 shareURL 14 errorCode 15 } 16 } 17 } 18`;async function U(e,t){let{data:r,loading:i,error:s}=await D.client.query({query:H,variables:{pageSize:t||10,cursor:e||null},fetchPolicy:"no-cache"});return{loading:i,error:s,data:r?.recommendedStudioProfiles?.items,nextCursor:r?.recommendedStudioProfiles?.nextCursor}}function $({isOpen:e,onClose:t}){let r=(0,o.useRef)(),s=(0,o.useRef)(),[l,a]=(0,o.useState)(null),[n,d]=(0,o.useState)(null),[c,m]=(0,o.useState)([]),[u,x]=(0,o.useState)([]);async function p(e,t){let{data:r,nextCursor:i}=await (0,I.A)(e,10);m([...t,...r||[]]),d(i)}async function g(e,t){let{data:r,nextCursor:i}=await U(e,10);x([...t,...r||[]]),a(i)}return(0,o.useEffect)(()=>{e&&(p(null,[]),g(null,[]))},[e]),(0,i.jsx)(h.aF,{isOpen:e,onCancel:function(){t()},className:"bg-background",classWidth:"lg:w-[702px] w-[98%] sm:w-[90%]",children:(0,i.jsxs)("div",{className:"sm:px-[46px] sm:py-[42px] p-4 h-[calc(100svh-48px)]",children:[c?.length>0&&(0,i.jsxs)("div",{className:"mb-8 scrollbar-hide overflow-y-scroll",ref:r,children:[(0,i.jsx)("h1",{className:"text24_700_28 text-primary",children:"Danh s\xe1ch nh\xe0 s\xe1ng tạo"}),(0,i.jsxs)("div",{className:"mt-6",children:[(0,i.jsx)("div",{children:c?.map((e,t)=>(0,i.jsx)("div",{children:(0,i.jsx)(V,{data:e})},t))}),n&&(0,i.jsx)("div",{className:"flex justify-center mt-4",children:(0,i.jsx)("button",{onClick:()=>{p(n,c)},className:"w-full text16_600_20 py-[10px] px-5 rounded-full bg-surface text-primary text-center",children:"Xem th\xeam"})})]})]}),u?.length>0&&(0,i.jsxs)("div",{className:"scrollbar-hide overflow-y-scroll",ref:s,children:[(0,i.jsx)("p",{className:"text16_600_20 text-secondary1",children:"Gợi \xfd cho bạn"}),(0,i.jsx)("div",{className:"mt-6 grid sm:grid-cols-2 grid-cols-1 gap-4",children:u?.map((e,t)=>(0,i.jsx)("div",{children:(0,i.jsx)(E,{data:e,type:"recommend"})},t))}),l&&(0,i.jsx)("div",{className:"flex justify-center mt-4",children:(0,i.jsx)("button",{onClick:()=>{g(l,u)},className:"w-full text16_600_20 py-[10px] px-5 rounded-full bg-surface text-primary text-center",children:"Xem th\xeam"})})]})]})})}let q=(0,T.J1)` 19 query FollowedAndRecommendedStudioProfiles($pageSize: Int) { 20 followedAndRecommendedStudioProfiles(pageSize: $pageSize) { 21 id 22 title 23 profileImageURL(imageName: STUDIO_PROFILE_SMALL, screenScale: X2) 24 bannerImageURL(screenScale: X2) 25 followerCount 26 isVerified 27 followed 28 shareURL 29 } 30 } 31`;async function O(e){let{data:t,loading:r,error:i}=await D.client.query({query:q,variables:{pageSize:e||10},fetchPolicy:"no-cache"});return{loading:r,error:i,data:t?.followedAndRecommendedStudioProfiles}}let z=function(){let[e,t]=(0,o.useState)(!1),[r,s]=(0,o.useState)([]);async function l(){let{data:e}=await O(6);s(e)}return(0,o.useEffect)(()=>{e||l()},[e]),(0,i.jsxs)("div",{className:"p-3 sm:p-6 rounded-2xl border border-solid border-bright2",children:[(0,i.jsxs)("div",{className:"flex items-center justify-between",children:[(0,i.jsx)("h3",{className:"text18_600_22",children:"Nh\xe0 s\xe1ng tạo"}),(0,i.jsxs)("div",{className:"flex items-center text16_600_24 text-secondary1 cursor-pointer",onClick:()=>{t(!0)},children:["Xem tất cả \xa0 ",Z]})]}),r?.length>0&&(0,i.jsx)("div",{className:"mt-5 grid lg:grid-cols-2 md:grid-cols-3 grid-cols-2 gap-4",children:r?.map((e,t)=>(0,i.jsx)("div",{children:(0,i.jsx)(E,{data:e})},t))}),r?.length<=0&&(0,i.jsx)("div",{className:"text20_600_24 text-secondary2 w-full flex justify-center items-center min-h-[100px]",children:"Bạn chÆ°a theo d\xf5i nh\xe0 s\xe1ng tạo n\xe0o"}),(0,i.jsx)($,{isOpen:e,onClose:()=>{t(!1)}})]})},Z=(0,i.jsx)("svg",{xmlns:"http://www.w3.org/2000/svg",width:"20",height:"20",viewBox:"0 0 20 20",fill:"none",children:(0,i.jsx)("path",{d:"M7.5 15L12.5 10L7.5 5",stroke:"#C6C6C8",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"})}),B=function({dataProfile:e}){let t=[{value:"liked",title:"Ä\xe3 th\xedch",numVideo:(e?.likedCounts?.short||0)+(e?.likedCounts?.vod||0),playListID:e?.likedPlaylistID,image:"/profile/image-liked.png"}
31,{value:"saved",title:"Xem sau",numVideo:(e?.savedCounts?.short||0)+(e?.savedCounts?.vod||0),playListID:e?.savedPlaylistID,image:"/profile/image-saved.png"},{value:"playlist",title:"Danh s\xe1ch ph\xe1t",numVideo:(e?.savedCounts?.genericCollection||0)+(e?.likedCounts?.genericCollection||0),playListID:e?.savedPlaylistID,image:"/profile/image-playlist.png"},{value:"contents",title:"Ná»i dung bá»",numVideo:(e?.savedCounts?.series||0)+(e?.likedCounts?.series||0),playListID:e?.savedPlaylistID,image:"/profile/image-content.png"}];return(0,i.jsx)("div",{className:"mt-5 p-3 sm:p-6 rounded-2xl bg-disable border border-solid border-bright2 grid grid-cols-2 gap-4",children:t?.map((e,t)=>(0,i.jsxs)(A(),{href:`/playlist/${e?.playListID}?tab=${e?.value}`,className:"relative w-full p-4 bg-surface border border-solid border-dark rounded-xl overflow-hidden cursor-pointer",children:[(0,i.jsx)("div",{className:"max-w-[50px]",children:(0,i.jsx)("img",{src:e?.image,alt:"",className:"max-w-[50] object-cover"})}),(0,i.jsxs)("div",{className:"mt-3 flex items-center justify-between gap-2",children:[(0,i.jsx)("p",{className:"text18_400_22 text-primary",children:e?.title}),(0,i.jsxs)("p",{className:"flex items-center gap-2 px-2 py-[2px] rounded-xl bg-surface-bright",children:[X," ",e?.numVideo]})]})]},t))})},X=(0,i.jsx)("svg",{xmlns:"http://www.w3.org/2000/svg",width:"13",height:"14",viewBox:"0 0 13 14",fill:"none",children:(0,i.jsx)("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M1.50703 0.0934302C1.30098 -0.0289112 1.04512 -0.0312548 0.836865 0.0872918C0.62861 0.205838 0.5 0.427035 0.5 0.666667V13.3333C0.5 13.573 0.62861 13.7942 0.836865 13.9127C1.04512 14.0313 1.30098 14.0289 1.50703 13.9066L12.1737 7.57324C12.376 7.45312 12.5 7.23527 12.5 7C12.5 6.76473 12.376 6.54688 12.1737 6.42676L1.50703 0.0934302Z",fill:"#F4F4F8"})});var W=r(14503);function G(){let{setUser:e}=(0,l.A)(),[t,r]=(0,o.useState)(),[s,d]=(0,o.useState)();return(0,o.useEffect)(()=>{(async()=>{let t=await m.AR.getProfile();d({fullName:t?.data?.full_name,phoneNumber:t?.data?.phone_number});try{let{data:i}=await (0,a.A)(),s={...i,avatarURL:t?.data?.avatar_url||i?.avatarURL,birthDate:t?.data?.birth_date||i?.birthDate,email:t?.data?.email||i?.email,fullName:t?.data?.full_name||i?.fullName,gender:t?.data?.gender||i?.gender},l=(0,n.nd)(s);e(l),r(s)}catch(e){console.log({error:e})}})()},[]),(0,i.jsx)("section",{className:"w-full min-h-[calc(100svh-80px-80px)] mt-[80px] mb-[40px] px-[3.15%] text-primary",children:(0,i.jsxs)("div",{className:"w-full grid grid-cols-3 gap-5",children:[(0,i.jsxs)("div",{className:"lg:col-span-2 col-span-3 h-full",children:[(0,i.jsx)(f,{dataProfile:t,setDataProfile:r,dataProfileRest:s}),(0,i.jsxs)("div",{className:"block lg:hidden mt-3 md:mt-6",children:[(0,i.jsx)(K,{}),(0,i.jsx)(z,{})]}),(0,i.jsx)(B,{dataProfile:t})]}),(0,i.jsxs)("div",{className:"col-span-1 hidden lg:block",children:[(0,i.jsx)(K,{}),(0,i.jsx)(z,{})]})]})})}let J=G;function K(){return(0,i.jsxs)("div",{className:"relative w-full h-[120px] lg:h-[140px] p-3 sm:p-6 rounded-2xl bg-[#42104A] overflow-hidden border border-solid border-transparent backdrop-blur-sm mb-3 md:mb-5 flex flex-col justify-between",children:[(0,i.jsx)(W.A,{title:"Trang c\xe1 nh\xe2n",description:"Th\xf4ng tin c\xe1 nh\xe2n của bạn"},"Trang c\xe1 nh\xe2n"),(0,i.jsxs)("div",{className:"flex items-center justify-start gap-2",children:[(0,i.jsx)("div",{className:"w-10 h-10",children:(0,i.jsx)("img",{src:"/profile/image-sub.png",alt:"",className:"w-full h-full object-cover"})}),(0,i.jsxs)("div",{className:"pointer-events-none",children:[(0,i.jsx)("p",{className:"text18_600_22 mb-[2px]",children:"N\xe2ng cấp trải nghiá»m"}),(0,i.jsx)("p",{className:"text16_400_20",children:"Má» kh\xf3a thế giá»i giải tr\xed Äá»nh cao"})]})]}),(0,i.jsx)(A(),{href:"/subscription",className:"mt-3 text14_600_20 text-invert bg-[#F4F4F8CC] text-center p-2 rounded-lg cursor-pointer",children:"ÄÄng k\xfd g\xf3i"}),(0,i.jsxs)("div",{className:"absolute top-0 left-0 w-full h-[120px] lg:h-[140px] -z-[1]",children:[(0,i.jsx)("img",{src:"/profile/bgCardIntroSub1.png",alt:"",className:"w-full h-full object-cover"}),(0,i.jsx)("img",{src:"/profile/bgCardIntroSub2.png",alt:"",className:"w-full h-full object-cover"})]})]})}G.Layout=s.PE},56369:(e,t,r)=>{(window.__NEXT_P=window.__NEXT_P||[]).push(["/profile",function(){return r(42092)}])},94710:(e,t,r)=>{"use strict";r.d(t,{A:()=>n});var i=r(79350),s=r(53588);let l=(0,i.J1)` 32 mutation Follow($id: [ID!]) { 33 follow(studioProfileIDs: $id) 34 } 35`,a=(0,i.J1)` 36 mutation UnFollow($id: ID!) { 37 unFollow(studioProfileID: $id) 38 } 39`;function n(e){let[t,{data:r,loading:i,error:n}]=(0,s.n)("follow"===e?l:a);return{followStudioProfile:t,data:r,error:n,loading:i}}},96705:(e,t,r)=>{"use strict";r.d(t,{A:()=>a});var i=r(79350),s=r(52639);let l=(0,i.J1)` 40 query FollowedStudioProfiles($pageSize: Int, $cursor: String) { 41 followedStudioProfiles(pageSize: $pageSize, cursor: $cursor) { 42 nextCursor 43 items { 44 id 45 title 46 profileImageURL(imageName: STUDIO_PROFILE, screenScale: X2) 47 bannerImageURL(screenScale: X2) 48 isVerified 49 followed 50 followerCount 51 shareURL 52 } 53 } 54 } 55`;async function a(e,t){let{data:r,loading:i,error:a}=await s.client.query({query:l,variables:{pageSize:t||10,cursor:e||null},fetchPolicy:"no-cache"});return{loading:i,error:a,data:r?.followedStudioProfiles?.items,nextCursor:r?.followedStudioProfiles?.nextCursor}}}},e=>{e.O(0,[1121,6701,6567,6095,4094,636,6593,8792],()=>e(e.s=56369)),_N_E=e.O()}]);
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.