https://cahnfc.com/_next/static/chunks/4697.d6cc9b4428a03ca2.js

1"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[4697],{57249:function(e,i,t){t.d(i,{H9:function(){return a},T4:function(){return o},_5:function(){return n},fJ:function(){return r}});var s=t(22520);const r=async()=>{const{data:e}=await s.d.get("/cahnfc/api/public/memberships/settings");return e},n=async()=>{const{data:e}=await s.d.get("/cahnfc/api/memberships");return e},o=async e=>{const{data:i}=await s.d.post("/cahnfc/api/memberships",e);return i},a=async()=>{const{data:e}=await s.d.post("/cahnfc/api/memberships/extend");return e}},5572:function(e,i,t){t.d(i,{a:function(){return u}});var s=t(85893),r=t(90948),n=t(12963),o=t(99226),a=t(25675),l=t.n(a),c=t(41664),d=t.n(c),h=t(44012);const p=(0,r.ZP)("div")((()=>({display:"flex",flexWrap:"wrap",alignItems:"center"}))),x=(0,r.ZP)("span")((()=>({fontWeight:500,fontSize:"13px",lineHeight:"18px"})));function u(e){let{textColor:i="dark",routeSegments:t}=e;return(0,s.jsx)(p,{children:(0,s.jsxs)(n.Z,{separator:(0,s.jsx)(o.Z,{mt:.25,children:(0,s.jsx)(l(),{src:"/assets/images/vuesax/arrow-right-gray.svg",width:16,height:16,alt:"",style:{filter:"dark"===i?"invert(0%) sepia(99%) saturate(15%) hue-rotate(13deg) brightness(94%) contrast(100%)":"invert(100%) sepia(100%) saturate(0%) hue-rotate(84deg) brightness(111%) contrast(101%)"}})}),sx:{display:"flex",alignItems:"center",position:"relative"},children:[(0,s.jsx)(d(),{href:"/",passHref:!0,prefetch:!1,children:(0,s.jsx)(x,{sx:{color:"dark"===i?"#495057":"#FFFFFF","&:hover":{color:"#ED1E24"}},children:(0,s.jsx)(h.Z,{id:"home"})})}),t?t.map(((e,r)=>{var n;return r!==t.length-1?(0,s.jsx)(d(),{href:null!==(n=e.path)&&void 0!==n?n:"",passHref:!0,children:(0,s.jsx)(x,{sx:{color:"dark"===i?"#495057":"#FFFFFF","&:hover":{color:"#ED1E24"}},children:e.name})},r):(0,s.jsx)(x,{sx:{color:"dark"===i?"#495057":"#FFFFFF"},children:e.name},r)})):null]})})}},92995:function(e,i,t){t.d(i,{O:function(){return l}});var s=t(85893),r=t(90948),n=t(15861),o=t(86010);const a=(0,r.ZP)(n.Z)((e=>{let{ellipsis:i,lineclamp:t}=e;return{overflow:i?"hidden":"",textOverflow:i?"ellipsis":"",display:i?"-webkit-box":"",WebkitLineClamp:i&&t?"".concat(t.toString()):"",WebkitBoxOrient:i?"vertical":"unset"}})),l=e=>{let{children:i,className:t,ellipsis:r="",lineclamp:n=2,...l}=e;return(0,s.jsx)(a,{ellipsis:r,lineclamp:n,className:(0,o.Z)({[t||""]:!0}),...l,children:i})}},13462:function(e,i,t){t.d(i,{t:function(){return m}});var s=t(85893),r=t(92995),n=t(99226),o=t(98396),a=t(26447),l=t(90948),c=t(67285),d=t(25675),h=t.n(d),p=t(67294),x=t(44012),u=t(46066);t(19678),t(84640);const g=(0,l.ZP)(n.Z)({position:"relative",width:"calc(100% + 24px)",marginLeft:"-12px",zIndex:1,"& .slick-slide":{},"& .slick-center":{},"& .slick-prev, & .slick-next":{},"& .slick-prev":{},"& .slick-next":{},"& .slick-prev:before, & .slick-next:before":{},"& .slick-dots":{bottom:"-48px","@media (max-width: 600px)":{bottom:"-36px"},"& li button:before":{fontSize:"12px",color:"#fff",opacity:"0.5"},"& .slick-active button:before":{opacity:"1"}}});function m(e){let{items:i,titleColor:t,title:l,children:d,fontSizeTitle:m="large",slidesToShow:f=4,slidesToShowMobile:v=1.25,isShowPaging:j=!1,activeColor:b="black",deActiveColor:w="white"}=e;const y=(0,p.useRef)(null),Z=(0,o.Z)("(max-width:576px)"),[F,k]=(0,p.useState)(0),S=()=>{y&&y.current&&F>0&&y.current.slickPrev()},C=()=>{y&&y.current&&F<i.length-f&&y.current.slickNext()},E={customPaging:function(e){return j?(0,s.jsx)(n.Z,{sx:{opacity:e===F?1:.5,transition:"0.5s ease-in-out",cursor:"pointer"},width:24,height:2,borderRadius:100,bgcolor:"#FFFFFF",zIndex:9}):(0,s.jsx)(s.Fragment,{})},dots:!0,loop:!1,dotsClass:"slick-dots",infinite:!1,speed:500,slidesToShow:f,slidesToScroll:1,arrows:!1,responsive:[{breakpoint:576,settings:{slidesToShow:v,centerMode:!1,slidesToScroll:Math.floor(v)}},{breakpoint:769,settings:{slidesToShow:2,centerMode:!1,slidesToScroll:1}},{breakpoint:1080,settings:{slidesToShow:f>=4?f-1:f,centerMode:!1,slidesToScroll:1}}]};return(0,s.jsx)(g,{children:(0,s.jsxs)(a.Z,{gap:Z?1.5:"large"===m?4:3,children:[(0,s.jsxs)(a.Z,{px:1.5,direction:"row",justifyContent:l?"space-between":"flex-end",alignItems:"center",children:[l&&(0,s.jsx)(r.O,{letterSpacing:"1px",variant:"large"===m?"h2":"h4",fontSize:Z?"large"===m?"1.75rem!important":"1.5rem!important":"large"===m?"3rem!important":"1.75rem!important",color:"light"===t?"primary":"secondary",children:(0,s.jsx)(x.Z,{id:l})}),(0,s.jsxs)(a.Z,{direction:"row",justifyContent:"space-between",gap:2,display:{xs:"none",md:"flex"},children:[(0,s.jsx)(c.E.button,{style:{padding:"8px",backgroundColor:F>

10?"red"===b?"#ED1E24":"#212529":"black"===w?"#212529":"#E9ECEF",borderRadius:100,display:"flex",border:"none",cursor:"pointer"},whileTap:{scale:F>0?.8:1},onClick:S,children:(0,s.jsx)(h(),{src:"/assets/images/vuesax/arrow-left.svg",width:24,height:24,style:{filter:F>0?"invert(0%) sepia(99%) saturate(15%) hue-rotate(13deg) brightness(94%) contrast(100%)":"invert(100%) sepia(100%) saturate(0%) hue-rotate(84deg) brightness(111%) contrast(101%)"},alt:"icon"})}),(0,s.jsx)(c.E.button,{style:{padding:"8px",backgroundColor:F<i.length-f?"red"===b?"#ED1E24":"#212529":"black"===w?"#212529":"#E9ECEF",borderRadius:100,display:"flex",border:"none",cursor:"pointer"},whileTap:{scale:F<i.length-f?.8:1},onClick:C,children:(0,s.jsx)(h(),{src:"/assets/images/vuesax/arrow-right.svg",width:24,height:24,style:{filter:F<i.length-f?"invert(0%) sepia(99%) saturate(15%) hue-rotate(13deg) brightness(94%) contrast(100%)":"invert(100%) sepia(100%) saturate(0%) hue-rotate(84deg) brightness(111%) contrast(101%)"},alt:"icon"})})]})]}),(0,s.jsx)(u.Z,{ref:y,...E,afterChange:e=>{k(e)},children:d})]})})}},72187:function(e,i,t){t.r(i),t.d(i,{CAHNTV:function(){return w},JustifyBox:function(){return b}});var s=t(85893),r=t(60190),n=t(90948),o=t(99226),a=t(98396),l=t(46574),c=t(15861),d=t(86886),h=t(83321),p=t(3471),x=t(41664),u=t.n(x),g=t(44012),m=t(47771),f=t(68250),v=t(25024),j=t(13462);const b=(0,n.ZP)(o.Z)((()=>({display:"flex",justifyContent:"center",alignItems:"center"})));function w(){const{data:e,isFetching:i}=(0,p.useQuery)(["videos-home"],(()=>(0,r.nc)("videos")),{refetchOnWindowFocus:!1,keepPreviousData:!0,staleTime:18e5}),t=(0,a.Z)("(max-width:576px)");return(null===e||void 0===e?void 0:e.length)||i?(0,s.jsx)(o.Z,{py:{xs:4,md:8},sx:{bgcolor:"#ffffff"},children:(0,s.jsxs)(l.Z,{sx:{position:"relative"},children:[(0,s.jsx)(c.Z,{variant:"h2",sx:{fontSize:{xs:"1.75rem!important",md:"3rem!important"}},color:"secondary",children:"CAHN FC TV"}),(null===e||void 0===e?void 0:e.length)?(0,s.jsx)(o.Z,{pt:{xs:2,sm:3,md:4},pb:{xs:0,sm:3,md:8},children:(0,s.jsx)(m.O,{item:e[0],showHighlight:!0})}):null,t&&!!(null===e||void 0===e?void 0:e.length)&&(null===e||void 0===e?void 0:e.length)>1&&(0,s.jsx)(j.t,{items:null!==(n=e.slice(1,5))&&void 0!==n?n:[],titleColor:"dark",fontSizeTitle:"medium",slidesToShow:4,children:e.slice(1,5).map(((e,i)=>(0,s.jsx)(o.Z,{sx:{padding:{xs:"8px",md:"12px"}},children:(0,s.jsx)(f.L,{item:e,index:i,width:"100%"})},e.id)))}),!t&&(0,s.jsx)(d.ZP,{container:!0,spacing:3,children:!!(null===e||void 0===e?void 0:e.length)&&(null===e||void 0===e?void 0:e.length)>1&&e.slice(1,5).map(((e,i)=>(0,s.jsx)(d.ZP,{item:!0,xs:12,sm:4,md:3,className:"item",children:(0,s.jsx)(f.L,{item:e,index:i,width:"100%"})},e.id)))}),i&&(0,s.jsx)(d.ZP,{container:!0,spacing:3,children:Array(4).fill(0).map(((e,i)=>(0,s.jsx)(d.ZP,{item:!0,xs:12,sm:6,md:3,children:(0,s.jsx)(v.S,{})},i)))}),(0,s.jsx)(b,{mt:{xs:3,md:5},children:(0,s.jsx)(u(),{href:"/videos",passHref:!0,prefetch:!1,children:(0,s.jsx)(h.Z,{onClick:()=>{},variant:"contained",sx:{color:"#FFD200",width:200,height:48},children:(0,s.jsx)(g.Z,{id:"view_all"})})})})]})}):(0,s.jsx)(s.Fragment,{});var n}},81786:function(e,i,t){t.r(i),t.d(i,{Profile:function(){return T}});var s=t(85893),r=t(60190),n=t(57249),o=t(62984),a=t(27625),l=t(66378),c=t(77167),d=t(99226),h=t(46574),p=t(26447),x=t(67720),u=t(69661),g=t(93946),m=t(83321),f=t(25675),v=t.n(f),j=t(41664),b=t.n(j),w=t(11163),y=t(67294),Z=t(32512),F=t(86896),k=t(44012),S=t(76248),C=t(5572),E=t(92995),P=t(72187);function T(){const e=(0,F.Z)(),{profile:i,logoutUser:t,setQuantityCart:f,addAllCart:j,setProfile:T}=(0,c.qr)((e=>({profile:e.profile,logoutUser:e.logoutUser,setQuantityCart:e.setQuantityCart,addAllCart:e.addAllCart,setProfile:e.setProfile})),S.X),[z,I]=(0,y.useState)();(0,y.useEffect)((()=>{(async()=>{try{const e=await(0,n._5)();I(e)}catch(e){}})()}),[]);const[O,N]=(0,y.useState)(null),W=(0,y.useRef)(null),R=(0,w.useRouter)(),H=[{name:"acc_info",path:"/profile/account-info",icon:"/assets/images/vuesax/profile-circle.svg"},{name:"membership_info",path:"/profile/membership-info",icon:"/assets/images/vuesax/medal-star.svg"},{name:"purchase_history",path:"/profile/orders-history",icon:"/assets/images/vuesax/bag-timer.svg"},{name:"change_pw",path:"/profile/change-password",icon:"/assets/images/vuesax/lock.svg"}],{mutate:D}=(0,l.G)();var M,_;return(0,s.jsx)(d.Z,{sx:{pt:0,backgroundPosition:"center",backgroundSize:"cover",backgroundImage:"url(/assets/images/profile/bg-profile.jpg)",minHeight:"100vh"},children:(0,s.jsxs)(h.Z,{sx:{py:1.5},children:[(0,s.jsx)(C.a,{routeSegments:[{name:e.formatMessage({id:"account"})}]}),(0,s.jsxs)(p.Z,{direction:{xs:"column",md:"row"},sx:{borderRadius:4,bgcolor:"#FFFFFF",py:{xs:3,md:6},pl:{xs:3,md:9.5},pr:{xs:3,md:4},my:{xs:3,md:10}},children:[(0,s.jsxs)(p.Z,{flex:3,gap:{xs:2,md:5},divider:(0,s.jsx)(x.Z,{orientation:"horizontal",sx:{background:"#E9ECEF"},flexItem:!0}),children:[(0,s.jsxs)(p.Z,{direction:"row",gap:{xs:2,md:4},children:[(0,s.jsx)(Z.ZP,{ref:W,onDrop:(e,t)=>{t.length&&(0,a.bW)({message:"file-too-large"===t[0].errors[0].code?"\u1ea2nh t\u1ea3i l\xean kh\xf4ng \u0111\u01b0\u1ee3c v\u01b0\u1ee3t qu\xe1 1MB":t[0].errors[0].message}),e&&e.length&&(N({url:URL.createObjectURL(e[0])}),(async e=>{try{const h=await(0,r.cT)(e);if(h.path){const e=i;var t,s,n,l,c,d;const p={fullName:e.fullName,email:null!==(t=e.email)&&void 0!==t?t:"",phone:e.phone,gender:1==(null===e||void 0===e?void 0:e.gender)?"MALE":2==(null===e||void 0===e?void 0:e.gender)?"FEMALE":"OTHER",birthday:null!==(s=e.birthday)&&void 0!==s?s:null,avatar:null!==(n=h.path)&&void 0!==n?n:"",idProvince:null,idDistrict:Number(null===e||void 0===e?void 0:e.idDistrict)||null,idWard:null!==(l=Number(e.idWard))&&void 0!==l?l:null,address:null!==(c=e.address)&&void 0!==c?c:"",imageUrl:null!==(d=h.path)&&void 0!==d?d:""};D(p,{onSuccess:async()=>{const e=await(0,r.Ai)();T(e)},onError:e=>{const i=(0,o.l)(e);(0,a.bW)({message:i})}})}}catch(h){const e=(0,o.l)(h);(0,a.bW)({message:e})}})(e[0]))},accept:{"image/png":[".png",".PNG"],"image/jpeg":[".jpg",".jpeg"]},multiple:!1,maxSize:1048576,children:e=>

1{let{getRootProps:t,getInputProps:r}=e;return(0,s.jsx)(s.Fragment,{children:(0,s.jsxs)("div",{...t({className:"dropzone"}),children:[(0,s.jsx)("input",{...r()}),(0,s.jsxs)(d.Z,{position:"relative",sx:{width:104,height:104},children:[(0,s.jsx)(u.Z,{alt:"avatar",src:(null===O||void 0===O?void 0:O.url)||i.imageUrl||"/assets/images/vuesax/avatar-default.svg",sx:{width:104,height:104}}),(0,s.jsx)(g.Z,{sx:{position:"absolute",bottom:-8,right:-8},children:(0,s.jsx)(u.Z,{alt:"avatar",src:"/assets/images/vuesax/camera.svg",sx:{width:32,height:32,p:.75,bgcolor:"#F1F3F5",border:"1px solid #FFFFFF",backdropFilter:"blur(2px)"}})})]})]})})}}),(0,s.jsxs)(p.Z,{gap:1,alignItems:"flex-start",children:[(0,s.jsxs)(E.O,{variant:"h5",color:"secondary",letterSpacing:"1px",children:[(0,s.jsx)(k.Z,{id:"welcome"}),"!"]}),(0,s.jsx)(E.O,{sx:{fontSize:{xs:"1.125rem",md:"2rem"},fontWeight:700,lineHeight:1.5},color:"secondary",children:null!==(M=null===i||void 0===i?void 0:i.fullName)&&void 0!==M?M:null===i||void 0===i?void 0:i.phone}),!!i.isFanClub&&(0,s.jsxs)(p.Z,{direction:"row",gap:1,sx:{bgcolor:"#ED1E24",borderRadius:2,px:1,py:.5},children:[(0,s.jsx)(v(),{src:"/assets/images/vuesax/medal-rank.svg",width:24,height:24,alt:""}),(0,s.jsxs)(E.O,{variant:"h6",fontSize:"1rem!important",sx:{pb:.5},color:"primary",children:[(0,s.jsx)(k.Z,{id:"member"}),":"," ",(0,s.jsx)(k.Z,{id:"ranking"})," ",i.rankMembership]})]})]})]}),(0,s.jsx)(p.Z,{direction:"row",justifyContent:"space-between",alignItems:"flex-end",gap:2,children:(0,s.jsxs)(p.Z,{gap:3,direction:"row",flex:3,children:[(0,s.jsx)(p.Z,{flex:1,gap:3.5,children:H.slice(0,2).map(((e,i)=>(0,s.jsx)(b(),{href:"/profile/membership-info"!==e.path||z&&0!==z.status?e.path:"/membership/regis",passHref:!0,children:(0,s.jsxs)(p.Z,{gap:1.5,alignItems:"center",direction:"row",children:[(0,s.jsx)(v(),{src:e.icon,width:24,height:24,alt:""}),(0,s.jsx)(E.O,{variant:"body1",fontWeight:500,color:"secondary",pt:.5,ellipsis:"ellipsis",lineclamp:1,children:(0,s.jsx)(k.Z,{id:e.name})})]})},i)))}),(0,s.jsx)(p.Z,{flex:1,gap:3.5,children:H.slice(2).map(((e,i)=>(0,s.jsx)(b(),{href:e.path,passHref:!0,children:(0,s.jsxs)(p.Z,{gap:1.5,alignItems:"center",direction:"row",children:[(0,s.jsx)(v(),{src:e.icon,width:24,height:24,alt:""}),(0,s.jsx)(E.O,{variant:"body1",fontWeight:500,color:"secondary",pt:.5,ellipsis:"ellipsis",lineclamp:1,children:(0,s.jsx)(k.Z,{id:e.name})})]})},i)))})]})})]}),(0,s.jsxs)(P.JustifyBox,{flexDirection:"column",flex:2,mt:{xs:2,md:"-13.3%"},children:[(0,s.jsxs)(P.JustifyBox,{sx:{aspectRatio:"calc(426/502)",position:"relative",overflow:"hidden",width:"100%",borderRadius:"12px",cursor:"pointer"},children:[(0,s.jsx)(v(),{src:"/assets/images/profile/shirt.png",fill:!0,alt:""}),(0,s.jsx)(E.O,{sx:{zIndex:99,top:"14%",position:"absolute",letterSpacing:"1px"},variant:"h5",color:"primary",children:null!==(_=null===i||void 0===i?void 0:i.fullName)&&void 0!==_?_:null===i||void 0===i?void 0:i.phone}),(0,s.jsx)(E.O,{sx:{zIndex:9,mb:"20%"},variant:"h1",fontSize:"9.3125rem",color:"primary",children:"10"})]}),(0,s.jsxs)(p.Z,{gap:1,direction:"row",alignItems:"center",divider:(0,s.jsx)(x.Z,{orientation:"vertical",sx:{background:"#E9ECEF",my:.75},flexItem:!0}),mt:-1,children:[(0,s.jsx)(m.Z,{variant:"text",onClick:()=>R.push("/profile/delete-account"),children:(0,s.jsx)(E.O,{variant:"body1",fontWeight:500,fontSize:"0.9375rem",color:"secondary.light",children:(0,s.jsx)(k.Z,{id:"del_acc"})})}),(0,s.jsx)(m.Z,{variant:"text",onClick:e=>(async e=>{e.preventDefault();try{await(0,r.ni)(),t(),f(0),j([])}catch(i){}})(e),children:(0,s.jsx)(E.O,{variant:"body1",fontWeight:500,fontSize:"0.9375rem",color:"secondary.light",children:(0,s.jsx)(k.Z,{id:"logout"})})})]})]})]})]})})}},66378:function(e,i,t){t.d(i,{G:function(){return o},y:function(){return n}});var s=t(60190),r=t(3471);const n=(e,i)=>(0,r.useMutation)((e=>(0,s.Cp)(e)),{onSuccess:e,onError:i}),o=(e,i)=>{const t=(0,r.useQueryClient)();return(0,r.useMutation)((e=>(0,s.ck)(e)),{onSettled:()=>{t.invalidateQueries(["profile"])},onSuccess:e,onError:i})}}}]);