https://bmwccv-app.vercel.app/_next/static/chunks/4701.aa22ee629e46bc9d.js

1!function(){try{var e="undefined"!=typeof window?window:"undefined"!=typeof global?global:"undefined"!=typeof globalThis?globalThis:"undefined"!=typeof self?self:{},t=(new e.Error).stack;t&&(e._sentryDebugIds=e._sentryDebugIds||{},e._sentryDebugIds[t]="dba89db4-b21d-4570-9790-3e3c900d3b4f",e._sentryDebugIdIdentifier="sentry-dbid-dba89db4-b21d-4570-9790-3e3c900d3b4f")}catch(e){}}();"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[4701],{23187:(e,t,n)=>{n.d(t,{I:()=>s});var i=n(95155),l=n(12115);function a(e){let t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:new Date,n=/^(\d{2})\/(\d{2})\/(\d{4})$/.exec(e.trim());if(!n)return null;let[i,l,a]=[+n[1],+n[2],+n[3]];if(a<1900||a>t.getFullYear()||l<1||l>12||i<1||i>new Date(Date.UTC(a,l,0)).getUTCDate())return null;let r="".concat(n[3],"-").concat(n[2],"-").concat(n[1]);return r>t.toISOString().slice(0,10)?null:r}function r(e){let t=/^(\d{4})-(\d{2})-(\d{2})/.exec(e||"");return t?"".concat(t[3],"/").concat(t[2],"/").concat(t[1]):""}function s(e){let{value:t,onChange:n,style:s,id:o,ariaLabel:d,required:c,className:h,disabled:p}=e,[x,g]=(0,l.useState)(r(t));(0,l.useEffect)(()=>{(a(x)||"")!==(t||"")&&g(r(t))},[t]);let u=10===x.length,f=u?a(x):null,v=u&&!f;return(0,i.jsxs)("span",{style:{display:"block"},children:[(0,i.jsx)("input",{id:o,type:"text",inputMode:"numeric",autoComplete:"bday",placeholder:"DD/MM/YYYY","aria-label":d,"aria-invalid":v||void 0,required:c,maxLength:10,className:h,disabled:p,value:x,onChange:e=>{let t=function(e){let t=e.replace(/\D/g,"").slice(0,8);return t.length<=2?t:t.length<=4?"".concat(t.slice(0,2),"/").concat(t.slice(2)):"".concat(t.slice(0,2),"/").concat(t.slice(2,4),"/").concat(t.slice(4))}(e.target.value);g(t),n(10===t.length&&a(t)||"")},style:{...s,fontVariantNumeric:"tabular-nums",letterSpacing:".02em",...v?{borderColor:"var(--danger)"}:null}}),!p&&(0,i.jsx)("span",{style:{display:"block",fontSize:11.5,marginTop:5,color:v?"var(--danger-soft)":"var(--muted-2)"},children:v?"Ng\xe0y kh\xf4ng hợp lệ — kiểm lại ng\xe0y/th\xe1ng/năm":"G\xf5 8 chữ số, vd 15081985 → 15/08/1985"})]})}},33438:(e,t,n)=>{n.d(t,{T:()=>l});var i=n(30926);let l=(0,i.createServerReference)("40cffba55904f91c91d5930872b15168f37a93bc29",i.callServer,void 0,i.findSourceMapURL,"changeMemberEmail")},48788:(e,t,n)=>{n.d(t,{j:()=>r});var i=n(95155),l=n(12115),a=n(76917);function r(e){let{cardId:t,cardName:n,t:r,khoa:s=null}=e,o=(0,l.useRef)(null),d=(0,l.useRef)(null),c=(0,l.useRef)(null),h=!!s,p=e=>{let t=e.currentTarget.getBoundingClientRect(),n=Math.min(1,Math.max(0,(e.clientX-t.left)/t.width)),i=Math.min(1,Math.max(0,(e.clientY-t.top)/t.height));o.current&&(o.current.style.transition="transform .06s ease-out",o.current.style.transform="rotateX(".concat(((.5-i)*24).toFixed(2),"deg) rotateY(").concat(((n-.5)*32).toFixed(2),"deg)")),d.current&&(d.current.style.background="radial-gradient(circle at ".concat((100*n).toFixed(1),"% ").concat((100*i).toFixed(1),"%, rgba(255,255,255,.5), rgba(255,255,255,0) 45%)")),c.current&&(c.current.style.opacity=".5")},x=()=>{o.current&&(o.current.style.transition="transform .7s cubic-bezier(.22,1,.36,1)",o.current.style.transform="rotateX(0deg) rotateY(0deg)"),d.current&&(d.current.style.background="radial-gradient(circle at 50% 0%, rgba(255,255,255,.22), rgba(255,255,255,0) 55%)"),c.current&&(c.current.style.opacity=".22")},g=h?{}:{onPointerDown:e=>{var t,n;null==(t=(n=e.currentTarget).setPointerCapture)||t.call(n,e.pointerId),p(e)},onPointerMove:p,onPointerUp:x,onPointerCancel:x,onPointerLeave:x};return(0,i.jsxs)("div",{style:{margin:"2px 0 8px",perspective:1100,touchAction:h?void 0:"none",cursor:h?"default":"grab",userSelect:"none"},...g,children:[(0,i.jsx)("div",{ref:o,style:{position:"relative",transformStyle:"preserve-3d",borderRadius:20,transition:"transform .7s cubic-bezier(.22,1,.36,1)",boxShadow:h?"0 10px 24px rgba(0,0,0,.45)":"0 22px 48px rgba(0,0,0,.55),0 3px 8px rgba(0,0,0,.4)",willChange:"transform"},children:(0,i.jsxs)("div",{style:{position:"relative",borderRadius:20,overflow:"hidden"},children:[(0,i.jsx)("img",{src:a.nJ,alt:"BMWCCV Club Membership",style:{width:"100%",height:"auto",display:"block",filter:h?"grayscale(.9) brightness(.5)":void 0}}),!h&&(0,i.jsxs)(i.Fragment,{children:[(0,i.jsx)("div",{ref:c,style:{position:"absolute",inset:0,background:"linear-gradient(115deg,transparent 18%,rgba(0,200,255,.20) 36%,rgba(255,0,140,.18) 50%,rgba(150,255,190,.18) 64%,transparent 82%)",backgroundSize:"280% 280%",mixBlendMode:"color-dodge",opacity:.22,pointerEvents:"none",animation:"holoShift 7s linear infinite"}}),(0,i.jsx)("div",{style:{position:"absolute",inset:0,overflow:"hidden",pointerEvents:"none"},children:(0,i.jsx)("div",{style:{position:"absolute",top:"-60%",left:"-45%",width:"36%",height:"220%",background:"linear-gradient(90deg,transparent,rgba(255,255,255,.42),transparent)",transform:"rotate(18deg)",animation:"cardSweep 6s ease-in-out infinite"}})}),(0,i.jsx)("div",{ref:d,style:{position:"absolute",inset:0,background:"radial-gradient(circle at 50% 0%, rgba(255,255,255,.22), rgba(255,255,255,0) 55%)",mixBlendMode:"soft-light",pointerEvents:"none"}})]}),(0,i.jsxs)("div",{style:{position:"absolute",left:"5.5%",right:"5.5%",bottom:"7%",display:"flex",alignItems:"flex-end",justifyContent:"space-between",gap:12,pointerEvents:"none",opacity:h?.55:1},children:[(0,i.jsxs)("span",{style:{fontWeight:500,fontSize:18,letterSpacing:".04em",color:"var(--ink-4)",whiteSpace:"nowrap",textShadow:"0 2px 10px rgba(0,0,0,.7)"},children:["BIMMER ID ",t]}),(0,i.jsx)("span",{style:{fontWeight:500,fontSize:18,letterSpacing:".04em",color:"var(--ink-4)",whiteSpace:"nowrap",textTransform:"uppercase",textShadow:"0 2px 10px rgba(0,0,0,.7)",overflow:"hidden",textOverflow:"ellipsis",maxWidth:"60%",textAlign:"right"},children:n})]}),h&&(0,i.jsx)("div",{style:{position:"absolute",inset:0,display:"flex",alignItems:"center",justifyContent:"center",padding:16,pointerEvents:"none"},children:(0,i.jsx)("span",{style:{background:"rgba(10,11,13,.72)",border:"1px solid color-mix(in srgb, var(--past) 45%, transparent)",color:"var(--past)",borderRadius:"var(--rp)",padding:"7px 16px",fontSize:12.5,fontWeight:800,letterSpacing:".02em",textAlign:"center",backdropFilter:"blur(4px)"},children:r(s)})})]})}),!h&&(0,i.jsx)("div",{style:{textAlign:"center",fontSize:11,color:"var(--muted-3)",marginTop:10},children:r("Chạm & k\xe9o để xoay thẻ")})]})}},73776:(e,t,n)=>{n.d(t,{f:()=>l});var i=n(30926);let l=(0,i.createServerReference)("00f57c2e81929e0bec184ba9f5a0e9f3aaa51e6aa6",i.callServer,void 0,i.findSourceMapURL,"getMyMembership")},76307:(e,t,n)=>{n.d(t,{VJ:()=>r,_u:()=>a,f$:()=>l});let i={club:0,chapter:1,team:2};function l(e){var t;let n=arguments.length>1&&void 0!==arguments[1]?arguments[1]:Date.now(),l=(e||[]).filter(e=>!e.end||new Date(e.end).getTime()>=n).sort((e,t)=>

1{var n,l;return(null!=(n=i[e.scope])?n:9)-(null!=(l=i[t.scope])?l:9)}),a=l.find(e=>e.primary)||l[0];return(null==a||null==(t=a.title)?void 0:t.trim())||""}function a(e){var t;let n=null!=(t=e.now)?t:new Date().getFullYear(),i=Math.max(0,n-(e.sinceYear||n)),l=(e.donationTotal||0)/1e6;return Math.max(40,Math.min(99,Math.round(40+4*i+.9*(e.events||0)+3*(e.medals||0)+2*(e.teams||0)+Math.min(20,.3*l))))}function r(e){let t=(e||0)/1e6;return t<=0?"0":t>=1e3?(t/1e3).toFixed(1).replace(/\.0$/,"")+"tỷ":t>=100?Math.round(t)+"tr":t.toFixed(1).replace(/\.0$/,"")+"tr"}},84701:(e,t,n)=>{n.r(t),n.d(t,{Profile:()=>B});var i=n(95155),l=n(23187),a=n(67909),r=n(12115),s=n(29637),o=n(71341),d=n(40738),c=n(25976),h=n(25008),p=n(63784),x=n(31439),g=n(73776),u=n(48788),f=n(84436),v=n(11498),y=n(17917),m=n(30926);let b=(0,m.createServerReference)("400826cafb4d0b055b41392e5581a81d5b829b80d5",m.callServer,void 0,m.findSourceMapURL,"getFollowers");var j=n(33438),k=n(28150),S=n(99322),w=n(49274),z=n(86813),C=n(79341),I=n(76307),M=n(42047),T=n(3828);let R=(0,a.default)(()=>Promise.all([n.e(3311),n.e(1605),n.e(5002)]).then(n.bind(n,45002)).then(e=>e.ShareCardSheet),{loadableGenerated:{webpack:()=>[45002]},ssr:!1}),W="var(--font-mono)",D={fontFamily:W,fontSize:10,letterSpacing:".14em",color:"var(--accent2)"},H={display:"inline-flex",alignItems:"center",gap:6,height:34,padding:"0 13px",borderRadius:999,background:"rgba(10,11,13,.55)",backdropFilter:"blur(8px)",color:"#fff",fontSize:12.5,fontWeight:600},N={background:"var(--surface)",border:"1px solid rgba(255,255,255,.06)",borderRadius:"var(--rc)",overflow:"hidden"},F=[["club","Tham gia"],["achievements","Th\xe0nh t\xedch"],["events","Sự kiện"],["garage","Garage"],["personal","C\xe1 nh\xe2n"]];function B(){var e,t,n,l,a,x,g,y,m,j,B,V,$,_,O,Z,K;let{t:q,go:J,openMembership:Q,openEvent:ee,openDetail:et,info:en,setInfo:ei,social:el,setSocial:ea,clubInfo:er,currentMemberId:es,followerCount:eo,openMember:ed,nameOf:ec,cars:eh,isExpired:ep}=(0,s.n)(),{openImage:ex}=(0,o.$D)(),[eg,eu]=(0,r.useState)("club"),[ef,ev]=(0,r.useState)(!1),[ey,em]=(0,r.useState)(0),eb=es||"",ej=(0,h.i9)(eb),ek=(0,h.I2)(eb),eS=(0,h.ZP)(eb),ew=eS.reduce((e,t)=>e+t.amount,0),ez=(0,C.X)(eS,eb),eC=(0,h.CT)(eb),eI=(null==(e=(0,h.ru)(eb))?void 0:e.initials)||"?",eM=!!(null==(t=(0,h.ru)(eb))?void 0:t.isStaff),eT=!!((null==(n=el.facebook)?void 0:n.trim())||(null==(l=el.instagram)?void 0:l.trim())||(null==(a=el.tiktok)?void 0:a.trim())||(null==(x=el.zalo)?void 0:x.trim())),[eR,eW]=(0,r.useState)(!1),[eD,eH]=(0,r.useState)([]),[eN,eF]=(0,r.useState)(!1),[eB,eL]=(0,r.useState)(null),eP=(0,r.useRef)(null),eE=(0,r.useRef)(null),[eA,eG]=(0,r.useState)(!1),[eY,eV]=(0,r.useState)({x:50,y:50,zoom:1}),eX=(0,r.useRef)(null),eU=e=>Math.min(100,Math.max(0,e)),e$=()=>{eX.current=null},[e_,eO]=(0,r.useState)(""),eZ=e=>async t=>{var n;let i=null==(n=t.target.files)?void 0:n[0];if(t.target.value="",i){eO("");try{let t=await (0,v.z)(await (0,f.w)(i,"avatar"===e?640:1280),"avatar"===e?"avatars":"covers");"error"in t?eO(t.error):ei({...en,[e]:t.url})}catch(t){eO((null==t?void 0:t.message)||q("avatar"===e?"Kh\xf4ng tải được ảnh đại diện. Vui l\xf2ng thử lại.":"Kh\xf4ng tải được ảnh b\xeca. Vui l\xf2ng thử lại."))}}},eK=null==(g=en.avatar)?void 0:g.trim(),eq=(null==(y=en.cover)?void 0:y.trim())||h.m3.cover,eJ=eA?eY:(0,h.hD)(en.coverPos),eQ=(null==(m=en.displayName)?void 0:m.trim())||(null==(j=en.fullName)?void 0:j.trim())||h.m3.name,e0=h.m3.cid.replace("#",""),e1=(()=>{var e;let t=(0,h.ru)(eb),n=eh.find(e=>!1!==e.active)||eh[0],i=/^(\d{2})\/(\d{2})\/(\d{4})$/.exec(er.joinDate||""),l=i?"".concat(i[2],"/").concat(i[3]):h.m3.since?String(h.m3.since):"—",a=(null==(e=er.seniority)?void 0:e.trim())||(h.m3.since?"".concat(new Date().getFullYear()-h.m3.since," năm"):"—");return{name:eQ,clubId:h.m3.cid,tier:(null==t?void 0:t.tier)||"Silver",city:h.m3.city,chapter:h.m3.chapter,avatar:eK||(null==t?void 0:t.photo)||"",initials:eI,cover:eq||"",coverPos:en.coverPos,seniority:a,joinLabel:l,sinceYear:h.m3.since,events:eC.length,medals:ek.length,teams:ej.length,donationTotal:ew,car:n?{name:n.fullName||n.model,gen:n.gen,plate:n.plate,year:n.year,photo:(0,k.B)(n)}:void 0,score:(0,I._u)({sinceYear:h.m3.since,events:eC.length,medals:ek.length,teams:ej.length,donationTotal:ew}),title:(0,I.f$)(null==t?void 0:t.positions)}})(),e2=[["Họ v\xe0 t\xean",en.fullName],["T\xean hiển thị",(null==(B=en.displayName)?void 0:B.trim())||"Chưa đặt"],["Địa chỉ",en.address],["Ng\xe0y sinh",en.birthday],["Số điện thoại",en.phone],["Email",en.email],["Size đồ

1ng phục",en.uniformSize]],e5=(0,M.S)({...en,cars:eh}),e3={avatar:"M12 12a4 4 0 1 0 0-8 4 4 0 0 0 0 8ZM4 21a8 8 0 0 1 16 0",cover:"M23 19a2 2 0 0 1-2 2H3a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h4l2-3h6l2 3h4a2 2 0 0 1 2 2zM12 17a4 4 0 1 0 0-8 4 4 0 0 0 0 8z",bio:"M4 6h16M4 12h16M4 18h10",carPhoto:"M5 17h14M6 17l1.5-5h9L18 17M7 12l1-4h8l1 4M7 20v-3M17 20v-3",carInfo:"M12 8v4m0 4h.01M21 12a9 9 0 1 1-18 0 9 9 0 0 1 18 0Z"},e4=!eM&&!ep&&!e5.complete;return(0,i.jsxs)("div",{className:"relative",children:[(0,i.jsxs)("div",{style:{background:"var(--bg)"},children:[(0,i.jsx)("input",{ref:eE,type:"file",accept:"image/*",onChange:eZ("cover"),style:{display:"none"}}),(0,i.jsx)("input",{ref:eP,type:"file",accept:"image/*",onChange:eZ("avatar"),style:{display:"none"}}),(0,i.jsxs)("div",{style:{position:"relative",height:152,overflow:"hidden",touchAction:eA?"none":void 0,cursor:eA?"grab":void 0},onPointerDown:e=>{eA&&(e.currentTarget.setPointerCapture(e.pointerId),eX.current={sx:e.clientX,sy:e.clientY,px:eY.x,py:eY.y})},onPointerMove:e=>{if(!eA||!eX.current)return;let t=e.currentTarget.getBoundingClientRect(),n=e.clientX-eX.current.sx,i=e.clientY-eX.current.sy;eV(e=>({...e,x:eU(eX.current.px-n/t.width*100),y:eU(eX.current.py-i/t.height*100)}))},onPointerUp:e$,onPointerCancel:e$,children:[eq?(0,i.jsx)("img",{...(0,T.cI)(eq,640),alt:"",draggable:!1,onClick:()=>{eA||ex(eq)},style:{width:"100%",height:"100%",objectFit:"cover",display:"block",objectPosition:"".concat(eJ.x,"% ").concat(eJ.y,"%"),transform:"scale(".concat(eJ.zoom,")"),transformOrigin:"".concat(eJ.x,"% ").concat(eJ.y,"%"),cursor:eA?void 0:"zoom-in"}}):(0,i.jsx)(d.D,{src:"",label:ep?void 0:q("Th\xeam ảnh b\xeca"),style:{position:"absolute",inset:0}}),(0,i.jsx)("div",{style:{position:"absolute",inset:0,pointerEvents:"none",background:"linear-gradient(180deg,rgba(10,11,13,.25) 0%,transparent 40%,rgba(10,11,13,.92))"}}),eA||ep?eA?(0,i.jsxs)(i.Fragment,{children:[(0,i.jsx)("div",{style:{position:"absolute",top:14,left:16,fontSize:11.5,color:"#fff",background:"rgba(10,11,13,.55)",backdropFilter:"blur(6px)",padding:"5px 10px",borderRadius:999},children:q("K\xe9o để chỉnh vị tr\xed")}),(0,i.jsxs)("div",{onPointerDown:e=>e.stopPropagation(),style:{position:"absolute",left:16,right:16,bottom:12,display:"flex",alignItems:"center",gap:12,background:"rgba(10,11,13,.62)",backdropFilter:"blur(8px)",borderRadius:999,padding:"8px 14px"},children:[(0,i.jsx)(c.In,{d:"M21 21l-4.3-4.3M11 8v6M8 11h6M3 11a8 8 0 1 0 16 0 8 8 0 0 0-16 0z",size:16,stroke:"var(--ink-3)",width:1.9}),(0,i.jsx)("input",{type:"range",min:1,max:3,step:.05,value:eY.zoom,onChange:e=>eV(t=>({...t,zoom:parseFloat(e.target.value)})),style:{flex:1,accentColor:"var(--accent)"}}),(0,i.jsx)("button",{onClick:()=>eG(!1),style:{color:"var(--ink-3)",fontSize:13,fontWeight:600},children:q("Hủy")}),(0,i.jsx)("button",{onClick:()=>{ei({...en,coverPos:"".concat(Math.round(eY.x),",").concat(Math.round(eY.y),",").concat(eY.zoom.toFixed(2))}),eG(!1)},style:{color:"#fff",fontSize:13,fontWeight:700,background:"var(--accent)",borderRadius:999,padding:"5px 13px"},children:q("Lưu")})]})]}):null:(0,i.jsxs)("div",{style:{position:"absolute",top:14,right:16,display:"flex",gap:8},children:[(0,i.jsxs)("button",{onClick:()=>{var e;return null==(e=eE.current)?void 0:e.click()},style:H,children:[(0,i.jsx)(c.In,{d:"M23 19a2 2 0 0 1-2 2H3a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h4l2-3h6l2 3h4a2 2 0 0 1 2 2zM12 17a4 4 0 1 0 0-8 4 4 0 0 0 0 8z",size:14,width:1.8}),q("Đổi ảnh b\xeca")]}),!!eq&&(0,i.jsxs)("button",{onClick:()=>{eV((0,h.hD)(en.coverPos)),eG(!0)},style:H,title:q("Điều chỉnh vị tr\xed ảnh b\xeca"),children:[(0,i.jsx)(c.In,{d:"M5 9l-3 3 3 3M9 5l3-3 3 3M15 19l-3 3-3-3M19 9l3 3-3 3M2 12h20M12 2v20",size:14,width:1.8}),q("Chỉnh vị tr\xed")]})]})]}),(0,i.jsxs)("div",{style:{display:"flex",alignItems:"flex-end",gap:14,padding:"0 20px 16px",marginTop:-40,position:"relative"},children:[(0,i.jsxs)("div",{onClick:eK?()=>ex(eK):ep?void 0:()=>{var e;return null==(e=eP.current)?void 0:e.click()},style:{position:"relative",width:80,height:80,borderRadius:"50%",flex:"none",padding:3,background:"var(--mstripe)",cursor:eK?"zoom-in":ep?"default":"pointer"},children:[(0,i.jsx)("div",{style:{width:"100%",height:"100%",borderRadius:"50%",overflow:"hidden",border:"3px solid var(--bg)",background:"#1c3d6e",display:"flex",alignItems:"center",justifyContent:"center",fontSize:26,fontWeight:800,color:"#fff"},children:eK?(0,i.jsx)("img",{...(0,T.cI)(eK,160),alt:"",style:{width:"100%",height:"100%",objectFit:"cover"}}):eI}),!ep&&(0,i.jsx)("button",{onClick:e=>{var t;e.stopPropagation(),null==(t=eP.current)||t.click()},"aria-label":q("Đổi ảnh đại diện"),style:{position:"absolute",right:0,bottom:0,width:26,height:26,borderRadius:"50%",background:"var(--accent)",border:"2px s

1olid var(--bg)",display:"flex",alignItems:"center",justifyContent:"center"},children:(0,i.jsx)(c.In,{d:"M23 19a2 2 0 0 1-2 2H3a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h4l2-3h6l2 3h4a2 2 0 0 1 2 2zM12 17a4 4 0 1 0 0-8 4 4 0 0 0 0 8z",size:12,width:1.9,stroke:"#fff"})})]}),(0,i.jsxs)("div",{style:{flex:1,minWidth:0,paddingBottom:2},children:[(0,i.jsxs)("div",{style:{display:"flex",alignItems:"baseline",gap:8,flexWrap:"wrap"},children:[(0,i.jsx)("span",{style:{fontSize:22,fontWeight:800,letterSpacing:"-.015em",lineHeight:1.1},children:eQ}),(0,i.jsx)("span",{style:{fontFamily:W,fontSize:13,fontWeight:600,color:"var(--accent2)"},children:h.m3.cid})]}),(0,i.jsxs)("div",{style:{display:"flex",alignItems:"center",gap:10,marginTop:8,flexWrap:"wrap"},children:[(0,i.jsxs)("span",{style:{display:"inline-flex",alignItems:"center",gap:4,fontSize:12,color:"var(--ink-4)"},children:[(0,i.jsx)(c.In,{d:"M20 10c0 6-8 12-8 12s-8-6-8-12a8 8 0 0 1 16 0Z",size:13,stroke:"var(--muted-2)"}),h.m3.city]}),(0,i.jsxs)("span",{style:{display:"inline-flex",alignItems:"center",gap:5,fontSize:12,color:"var(--ink-4)"},children:[(0,i.jsx)("span",{style:{width:7,height:7,borderRadius:"50%",background:"var(--ok)"}}),q("Đang hoạt động")]}),(0,i.jsxs)("button",{onClick:()=>{eW(!0),es&&b(es).then(e=>eH(e.map(e=>(0,h.ru)(e)).filter(Boolean))).catch(()=>{})},style:{fontSize:12,color:"var(--ink-4)",display:"inline-flex",alignItems:"center",gap:4},children:[(0,i.jsx)("b",{style:{color:"var(--ink)",fontFamily:"var(--font-num)"},children:es?eo(es):0})," ",q("người theo d\xf5i")]})]})]})]}),!eM&&(0,i.jsx)("div",{style:{padding:"0 20px 14px"},children:(0,i.jsxs)("button",{onClick:()=>ev(!0),style:{display:"flex",alignItems:"center",justifyContent:"center",gap:8,width:"100%",height:44,borderRadius:999,background:"var(--surface-2)",border:"1px solid rgba(95,163,236,.32)",color:"#fff",fontSize:14,fontWeight:700},children:[(0,i.jsx)(c.In,{d:"M4 12v7a1 1 0 0 0 1 1h14a1 1 0 0 0 1-1v-7M16 6l-4-4-4 4M12 2v13",size:16,stroke:"var(--accent2)",width:1.9}),q("Chia sẻ thẻ th\xe0nh t\xedch")]})})]}),e_&&(0,i.jsx)("div",{style:{padding:"14px 20px 0"},children:(0,i.jsxs)("div",{role:"alert",style:{display:"flex",alignItems:"flex-start",gap:10,background:"color-mix(in srgb, var(--m-red) 12%, transparent)",border:"1px solid color-mix(in srgb, var(--m-red) 35%, transparent)",borderRadius:"var(--rb)",padding:"11px 13px",fontSize:13,lineHeight:1.45,color:"var(--danger-soft)"},children:[(0,i.jsx)("span",{style:{flex:1,minWidth:0},children:e_}),(0,i.jsx)("button",{onClick:()=>eO(""),"aria-label":q("Đ\xf3ng"),style:{flex:"none",marginTop:1},children:(0,i.jsx)(c.In,{d:"M18 6 6 18M6 6l12 12",size:14,stroke:"var(--danger-soft)",width:2})})]})}),e4&&(0,i.jsx)("div",{style:{padding:"16px 20px 0"},children:(0,i.jsxs)("div",{style:{borderRadius:16,padding:"14px 15px 15px",background:"linear-gradient(120deg, color-mix(in srgb, var(--accent) 15%, transparent), color-mix(in srgb, var(--accent2) 11%, transparent))",border:"1px solid color-mix(in srgb, var(--accent2) 32%, transparent)"},children:[(0,i.jsxs)("div",{style:{display:"flex",alignItems:"center",gap:10},children:[(0,i.jsx)("span",{style:{fontSize:18,flex:"none"},children:"\uD83E\uDEAA"}),(0,i.jsxs)("div",{style:{flex:1,minWidth:0},children:[(0,i.jsx)("div",{style:{fontSize:13.5,fontWeight:800,color:"#fff"},children:q("Ho\xe0n thiện hồ sơ")}),(0,i.jsxs)("div",{style:{fontSize:11.5,color:"var(--ink-4)",marginTop:1},children:[q("C\xf2n thiếu")," ",e5.missing.length,"/",e5.total," ",q("mục")]})]}),(0,i.jsxs)("span",{style:{fontFamily:W,fontSize:15,fontWeight:800,color:"var(--accent2)",flex:"none"},children:[e5.percent,"%"]})]}),(0,i.jsx)("div",{style:{height:6,borderRadius:999,background:"rgba(255,255,255,.1)",margin:"11px 0 13px",overflow:"hidden"},children:(0,i.jsx)("div",{style:{height:"100%",width:"".concat(e5.percent,"%"),borderRadius:999,background:"var(--mstripe)",transition:"width .3s ease"}})}),(0,i.jsx)("div",{style:{display:"flex",flexWrap:"wrap",gap:8},children:e5.missing.map(e=>{let t;return(0,i.jsxs)("button",{onClick:()=>{var t,n,i;"avatar"===(t=e.key)?null==(n=eP.current)||n.click():"cover"===t?null==(i=eE.current)||i.click():"bio"===t?(eu("personal"),eL("bio")):(eu("garage"),em(e=>e+1))},style:{display:"inline-flex",alignItems:"center",gap:6,padding:"7px 12px 7px 10px",borderRadius:999,background:"rgba(10,11,13,.4)",border:"1px solid color-mix(in srgb, var(--accent2) 28%, transparent)",color:"#fff",fontSize:12.5,fontWeight:700},children:[(0,i.jsx)(c.In,{d:e3[e.key],size:14,width:1.9,stroke:"var(--accent2)"}),(t=q(e.label))?t.charAt(0).toUpperCase()+t.slice(1):t,(0,i.jsx)("span",{style:{color:"var(--accent2)",fontSize:14,lineHeight:1,marginLeft:1},children:"›"})]},e.key)})})]})}),(0,i.jsx)("div",{style:{display:"flex",borderBottom:"1px solid rgba(255,255,255,.08)",marginTop:22,padding:"0 8px"},children:F.map(e=>{let[t,n]=e;return(0,i.jsxs)("button",{onClick:()=>eu(t),style:{flex:"1 1 0",minWidth:0,padding:"13px 3px 0"},children:[(0,i.jsxs)("span",{style:{display:"flex",alignItems:"center",justifyContent:"center",gap:4,fontSize:12.5,fontWeight:700,textAlign:"center",whiteSpace:"nowrap",overflow:"hidden",textOverflow:"ellipsis",color:eg===t?"#fff":"var(--muted-2)"},children:[q(n),("personal"===t&&e5.missing.some(e=>"bio"===e.key)||"garage"===t&&e5.missing.some(e=>

1"carPhoto"===e.key||"carInfo"===e.key))&&(0,i.jsx)("span",{title:q("C\xf2n mục chưa ho\xe0n thiện"),style:{width:6,height:6,borderRadius:"50%",background:"var(--accent)",flex:"none"}})]}),(0,i.jsx)("div",{style:{height:3,borderRadius:"3px 3px 0 0",marginTop:11,background:eg===t?"var(--accent)":"transparent"}})]},t)})}),"club"===eg&&eM&&(0,i.jsx)("div",{style:{padding:20},children:(0,i.jsxs)("div",{style:{...N,padding:20},children:[(0,i.jsx)("div",{style:{fontSize:15,fontWeight:800},children:q("T\xe0i khoản nh\xe2n sự CLB")}),(0,i.jsx)("div",{style:{fontSize:13,color:"var(--muted-2)",marginTop:8,lineHeight:1.65},children:q("Đ\xe2y l\xe0 t\xe0i khoản nh\xe2n sự (staff), kh\xf4ng phải hội vi\xean — n\xean kh\xf4ng c\xf3 thẻ hội vi\xean, Club ID hay th\xf4ng tin tham gia CLB. Bạn vẫn c\xf3 thể xem tin tức, sự kiện v\xe0 c\xe1c nội dung kh\xe1c của CLB.")})]})}),"club"===eg&&!eM&&(0,i.jsxs)("div",{style:{padding:20},children:[(0,i.jsx)(u.j,{cardId:e0,cardName:eQ,t:q,khoa:ep?"Membership đ\xe3 hết hạn":null}),(()=>{var e;let t=(0,h.ru)(eb);return t&&((null==(e=t.positions)?void 0:e.length)||t.bdh)?(0,i.jsx)("div",{style:{marginBottom:22},children:(0,i.jsx)(w.H,{member:t,pad:!1})}):null})(),(0,i.jsx)(P,{t:q,openMembership:Q}),(0,i.jsx)("div",{style:{...D,marginBottom:12},children:q("TH\xd4NG TIN THAM GIA")}),(0,i.jsxs)("div",{style:N,children:[(0,i.jsx)(E,{label:"Ng\xe0y tham gia",value:er.joinDate||"—",t:q}),(0,i.jsx)(A,{}),(0,i.jsx)(E,{label:"Th\xe2m ni\xean",value:er.seniority||"—",t:q,accent:!0}),(0,i.jsx)(A,{}),(0,i.jsx)(E,{label:"Chapter hoạt động",value:h.m3.chapter,t:q})]}),(0,i.jsxs)("div",{style:{display:"flex",alignItems:"center",justifyContent:"space-between",margin:"26px 0 12px"},children:[(0,i.jsx)("span",{style:D,children:q("TEAM ĐANG THAM GIA")}),(0,i.jsxs)("span",{style:{fontSize:11,color:"var(--muted-2)"},children:[ej.length," team"]})]}),0===ej.length?(0,i.jsx)("div",{style:{fontSize:12.5,color:"var(--muted-3)"},children:q("Chưa tham gia team n\xe0o")}):(0,i.jsx)("div",{style:{display:"grid",gridTemplateColumns:"1fr 1fr",gap:12},children:ej.map(e=>{let t=e.name.split(/\s+/).filter(Boolean).slice(0,2).map(e=>e[0]).join("").toUpperCase();return(0,i.jsxs)("button",{onClick:()=>et("team",e.id),style:{display:"block",textAlign:"left",...N},children:[(0,i.jsx)("div",{style:{height:84,display:"flex",alignItems:"center",justifyContent:"center",background:"color-mix(in srgb,".concat(e.brand," 14%,var(--surface-3))"),borderBottom:"1px solid rgba(255,255,255,.05)"},children:(0,i.jsx)("div",{style:{width:46,height:46,borderRadius:12,background:e.brand,display:"flex",alignItems:"center",justifyContent:"center",fontSize:17,fontWeight:800,color:"#fff"},children:t})}),(0,i.jsxs)("div",{style:{padding:"11px 13px",minHeight:52},children:[(0,i.jsx)("div",{style:{fontSize:13,fontWeight:700,whiteSpace:"nowrap",overflow:"hidden",textOverflow:"ellipsis"},children:e.name}),(0,i.jsx)("div",{style:{fontSize:11,color:"var(--muted-2)",marginTop:4},children:q(e.leaderId===eb?"Trưởng nh\xf3m":"Th\xe0nh vi\xean")})]})]},e.id)})})]}),"achievements"===eg&&(0,i.jsxs)("div",{style:{padding:"20px 0"},children:[(0,i.jsxs)("div",{style:{display:"flex",alignItems:"center",justifyContent:"space-between",padding:"0 20px 4px"},children:[(0,i.jsx)("span",{style:D,children:q("HUY CHƯƠNG")}),(0,i.jsxs)("button",{onClick:()=>eF(!0),style:{fontSize:12,color:"var(--muted-2)",display:"inline-flex",alignItems:"center",gap:3},children:[q("Xem tất cả"),(0,i.jsx)(c.In,{d:"m9 18 6-6-6-6",size:13,width:2})]})]}),0===ek.length?(0,i.jsx)("div",{style:{fontSize:12.5,color:"var(--muted-3)",padding:"12px 20px 6px"},children:q("Chưa c\xf3 huy chương")}):(0,i.jsx)("div",{className:"hscroll",style:{display:"flex",gap:14,overflowX:"auto",padding:"14px 20px 6px"},children:ek.map((e,t)=>(0,i.jsx)(Y,{md:e},t))}),(0,i.jsx)("div",{style:{...D,padding:"22px 20px 0"},children:q("Đ\xd3NG G\xd3P THIỆN NGUYỆN")}),(0,i.jsxs)("div",{style:{fontSize:12,color:"var(--muted-2)",padding:"5px 20px 12px"},children:[q("Tổng đ\xe3 đ\xf3ng g\xf3p:")," ",(0,i.jsx)("span",{style:{color:"var(--accent2)",fontWeight:700,fontFamily:"var(--font-num)"},children:(0,p.NC)(ew)})]}),0===eS.length?(0,i.jsx)("div",{style:{fontSize:12.5,color:"var(--muted-3)",padding:"0 20px"},children:q("Chưa c\xf3 đ\xf3ng g\xf3p")}):(0,i.jsxs)("div",{style:{padding:"0 20px"},children:[(0,i.jsx)("div",{style:N,children:ez.pageItems.map((e,t)=>(0,i.jsxs)("button",{onClick:()=>et("charity",e.targetId),style:{display:"flex",alignItems:"center",gap:12,padding:"10px 12px",width:"100%",textAlign:"left",borderTop:0===t?"none":"1px solid rgba(255,255,255,.05)"},children:[(0,i.jsx)("img",{...(0,T.cI)(e.cover,96),alt:"",style:{width:54,height:54,borderRadius:"var(--rb)",objectFit:"cover",flex:"none",background:"var(--surface-2)"}}),(0,i.jsxs)("div",{style:{flex:1,minWidth:0},children:[(0,i.jsx)("div",{style:{fontSize:13.5,fontWeight:700,whiteSpace:"nowrap",overflow:"hidden",textOverflow:"ellipsis"},children:e.name}),(0,i.jsx)("div",{style:{fontSize:11,color:"var(--muted-2)",marginTop:4,fontFamily:W},children:e.year})]}),(0,i.jsx)("span",{style:{fontSize:14,fontWeight:700,fontFamily:"var(--font-num)",color:"var(--accent2)",flex:"none",whiteSpace:"nowrap"},children:(0,p.Gx)(e.amount)})]},e.id))}),(0,i.jsx)(C.i,{cur:ez.cur,pages:ez.pages,setPage:ez.setPage,t:q})]})]}),"events"===eg&&(0,i.jsxs)("div",{style:{padding:20},children:[(0,i.jsxs)("div",{style:{display:"flex",alignItems:"center",justifyContent:"space-between",marginBottom:14},children:[(0,i.jsx)("span",{style:D,children:q("EVENT Đ\xc3 THAM GIA")}),(0,i.jsxs)("span",{style:{fontSize:11,color:"var(--muted-2)"},children:[eC.length," ",q("sự kiện")]})]}),0===eC.length?(0,i.jsx)("div",{style:{fontSize:12.5,color:"var(--muted-3)"},children:q("Chưa tham gia sự kiện n\xe0o")}):(0,i.jsx)(z.E,{events:eC,resetKey:eb,t:q,onOpen:ee})]}),"garage"===eg&&(0,i.jsx)(L,{t:q,flash:ey}),"personal"===eg&&(0,i.jsxs)("div",{style:{padding:20},children:[(0,i.jsx)(G,{label:"GIỚI THIỆU",onEdit:ep?void 0:()=>eL("bio"),t:q}),(0,i.jsx)("div",{style:{...N,padding:16,fontSize:13.5,lineHeight:1.7,color:(null==(V=en.bio)?void 0:V.trim())?"var(--ink-4)":"var(--muted-3)",marginBottom:26},children:(null==($=en.bio)?void 0:$.trim())||q("Chưa cập nhật giới thiệu")}),(0,i.jsx)(G,{label:"TH\xd4NG TIN C\xc1 NH\xc2N",onEdit:ep?void 0:()=>eL("info"),t:q,badge:"Chỉ BDH mới thấy"}),(0,i.jsx)("div",{style:N,children:e2.map((e,t)=>

1{let[n,l]=e;return(0,i.jsxs)("div",{style:{display:"flex",justifyContent:"space-between",alignItems:"center",padding:"13px 16px",gap:14,borderBottom:t<e2.length-1?"1px solid rgba(255,255,255,.05)":"none"},children:[(0,i.jsx)("span",{style:{fontSize:13,color:"var(--muted-2)",flex:"none"},children:q(n)}),(0,i.jsx)("span",{style:{fontSize:14,fontWeight:600,textAlign:"right",color:(null==l?void 0:l.trim())?void 0:"var(--muted-3)"},children:(null==l?void 0:l.trim())?q(l):q("Chưa cập nhật")})]},t)})}),(0,i.jsx)("div",{style:{marginTop:26},children:(0,i.jsx)(G,{label:"MẠNG X\xc3 HỘI",onEdit:ep?void 0:()=>eL("social"),t:q})}),eT?(0,i.jsxs)("div",{style:{display:"flex",gap:12,flexWrap:"wrap"},children:[(null==(_=el.facebook)?void 0:_.trim())&&(0,i.jsx)(X,{platform:"facebook",value:el.facebook}),(null==(O=el.instagram)?void 0:O.trim())&&(0,i.jsx)(X,{platform:"instagram",value:el.instagram}),(null==(Z=el.tiktok)?void 0:Z.trim())&&(0,i.jsx)(X,{platform:"tiktok",value:el.tiktok}),(null==(K=el.zalo)?void 0:K.trim())&&(0,i.jsx)(X,{platform:"zalo",value:el.zalo})]}):(0,i.jsx)("div",{style:{fontSize:12.5,color:"var(--muted-3)"},children:q("Chưa cập nhật mạng x\xe3 hội")})]}),es&&(0,i.jsx)("div",{style:{borderTop:"8px solid rgba(255,255,255,.04)",marginTop:12},children:(0,i.jsx)(S.m,{profileMemberId:es})}),eN&&(0,i.jsx)("div",{onClick:()=>eF(!1),className:"anim-fade",style:{position:"fixed",inset:0,background:"rgba(0,0,0,.74)",zIndex:60,display:"flex",alignItems:"flex-end",justifyContent:"center"},children:(0,i.jsxs)("div",{onClick:e=>e.stopPropagation(),style:{display:"flex",flexDirection:"column",width:"100%",maxWidth:440,maxHeight:"84%",background:"linear-gradient(180deg,#16191f,#0a0b0d)",borderRadius:"22px 22px 0 0",borderTop:"1px solid rgba(255,255,255,.1)"},children:[(0,i.jsx)("div",{style:{display:"flex",justifyContent:"center",padding:"12px 0 4px"},children:(0,i.jsx)("div",{style:{width:38,height:4,borderRadius:3,background:"rgba(255,255,255,.18)"}})}),(0,i.jsx)("div",{style:{height:4,background:"var(--mstripe)",margin:"6px 22px 0",borderRadius:3}}),(0,i.jsxs)("div",{style:{display:"flex",alignItems:"center",justifyContent:"space-between",padding:"18px 22px 8px"},children:[(0,i.jsxs)("div",{children:[(0,i.jsx)("div",{style:{fontSize:18,fontWeight:800,color:"#fff"},children:q("Huy chương")}),(0,i.jsxs)("div",{style:{fontSize:12,color:"var(--muted-2)",marginTop:2},children:[eQ," \xb7 ",ek.length]})]}),(0,i.jsx)("button",{onClick:()=>eF(!1),style:{width:32,height:32,borderRadius:"50%",background:"var(--surface-2)",display:"flex",alignItems:"center",justifyContent:"center"},children:(0,i.jsx)(c.In,{d:"M18 6 6 18M6 6l12 12",size:17,stroke:"var(--ink-5)",width:2})})]}),(0,i.jsx)("div",{className:"scrollarea",style:{overflowY:"auto",padding:"12px 20px calc(28px + env(safe-area-inset-bottom, 0px))"},children:(0,i.jsx)("div",{style:{display:"grid",gridTemplateColumns:"1fr 1fr 1fr",gap:"18px 10px"},children:ek.map((e,t)=>(0,i.jsx)(Y,{md:e,grid:!0},t))})})]})}),eR&&(0,i.jsx)("div",{onClick:()=>eW(!1),className:"anim-fade",style:{position:"fixed",inset:0,background:"rgba(0,0,0,.74)",zIndex:60,display:"flex",alignItems:"flex-end",justifyContent:"center"},children:(0,i.jsxs)("div",{onClick:e=>e.stopPropagation(),style:{display:"flex",flexDirection:"column",width:"100%",maxWidth:440,maxHeight:"84%",background:"linear-gradient(180deg,#16191f,#0a0b0d)",borderRadius:"22px 22px 0 0",borderTop:"1px solid rgba(255,255,255,.1)"},children:[(0,i.jsx)("div",{style:{display:"flex",justifyContent:"center",padding:"12px 0 4px"},children:(0,i.jsx)("div",{style:{width:38,height:4,borderRadius:3,background:"rgba(255,255,255,.18)"}})}),(0,i.jsx)("div",{style:{height:4,background:"var(--mstripe)",margin:"6px 22px 0",borderRadius:3}}),(0,i.jsxs)("div",{style:{display:"flex",alignItems:"center",justifyContent:"space-between",padding:"18px 22px 8px"},children:[(0,i.jsxs)("div",{children:[(0,i.jsx)("div",{style:{fontSize:18,fontWeight:800,color:"#fff"},children:q("Người theo d\xf5i")}),(0,i.jsx)("div",{style:{fontSize:12,color:"var(--muted-2)",marginTop:2},children:es?eo(es):0})]}),(0,i.jsx)("button",{onClick:()=>eW(!1),style:{width:32,height:32,borderRadius:"50%",background:"var(--surface-2)",display:"flex",alignItems:"center",justifyContent:"center"},children:(0,i.jsx)(c.In,{d:"M18 6 6 18M6 6l12 12",size:17,stroke:"var(--ink-5)",width:2})})]}),(0,i.jsx)("div",{className:"scrollarea",style:{overflowY:"auto",padding:"6px 14px calc(28px + env(safe-area-inset-bottom, 0px))",display:"flex",flexDirection:"column",gap:2},children:0===eD.length?(0,i.jsx)("div",{style:{textAlign:"center",color:"var(--muted-3)",fontSize:13,padding:"30px 0"},children:q("Chưa c\xf3 người theo d\xf5i")}):eD.map(e=>(0,i.jsxs)("button",{onClick:()=>{eW(!1),ed(e.id)},style:{display:"flex",alignItems:"center",gap:12,padding:"10px 8px",textAlign:"left",borderRadius:"var(--rb)"},children:[(0,i.jsx)(c.eu,{photo:e.photo,initials:e.initials,bg:e.avatar,size:42}),(0,i.jsxs)("div",{style:{flex:1,minWidth:0},children:[(0,i.jsx)("div",{style:{fontSize:14,fontWeight:700,whiteSpace:"nowrap",overflow:"hidden",textOverflow:"ellipsis"},children:ec(e)}),(0,i.jsxs)("div",{style:{fontSize:11.5,color:"var(--muted-2)",marginTop:2},children:[e.cid," \xb7 ",e.city]})]}),(0,i.jsx)(c.In,{d:"m9 18 6-6-6-6",size:16,stroke:"var(--muted-3)",width:2})]},e.id))})]})}),ef&&(0,i.jsx)(R,{data:e1,onClose:()=>ev(!1),t:q}),eB&&(0,i.jsx)(U,{kind:eB,info:en,social:el,onClose:()=>eL(null),onSaveInfo:e=>{ei(e),eL(null)},onSaveSocial:e=>{ea(e),eL(null)},onSaveBio:e=>{ei({...en,bio:e}),eL(null)},t:q})]})}function L(e){let{t,flash:n=0}=e,{cars:l,setCars:a,openCar:o,isExpired:d}=(0,s.n)(),[h,p]=(0,r.useState)(null),[x,g]=(0,r.useState)(!1),u=h&&null!=h.index?l[h.index]:null;return(0,r.useEffect)(()=>

1{if(n&&!d)if(0===l.length)p({index:null});else{g(!0);let e=setTimeout(()=>g(!1),1800);return()=>clearTimeout(e)}},[n]),(0,i.jsxs)("div",{style:{padding:20},children:[(0,i.jsxs)("div",{style:{display:"flex",alignItems:"center",justifyContent:"space-between",marginBottom:14},children:[(0,i.jsx)("span",{style:D,children:t("GARAGE")}),(0,i.jsxs)("span",{style:{fontSize:11,color:"var(--muted-2)"},children:[l.length," ",t("xe").toLowerCase()]})]}),(0,i.jsxs)("div",{style:{display:"flex",flexDirection:"column",gap:16},children:[l.map((e,n)=>(0,i.jsxs)("div",{style:N,children:[(0,i.jsxs)("button",{onClick:()=>e.id&&o(e.id),disabled:!e.id,style:{display:"block",width:"100%",textAlign:"left",position:"relative",height:184,cursor:e.id?"pointer":"default"},children:[(0,i.jsx)("img",{...(0,T.cI)((0,k.B)(e),440),alt:"",style:{width:"100%",height:"100%",objectFit:"cover",display:"block"}}),(0,i.jsx)("span",{style:{position:"absolute",top:12,left:12,fontFamily:W,fontSize:10,letterSpacing:".08em",color:"#fff",background:"rgba(10,11,13,.6)",backdropFilter:"blur(6px)",padding:"5px 10px",borderRadius:6},children:e.gen})]}),(0,i.jsxs)("div",{style:{padding:"14px 16px",display:"flex",alignItems:"center",justifyContent:"space-between",gap:12},children:[(0,i.jsxs)("div",{style:{minWidth:0},children:[(0,i.jsx)("div",{style:{fontSize:17,fontWeight:800,letterSpacing:"-.01em",whiteSpace:"nowrap",overflow:"hidden",textOverflow:"ellipsis"},children:e.model}),(0,i.jsx)("div",{style:{fontSize:12,color:"var(--muted-2)",marginTop:3}

1,children:[e.series,e.plate,e.year].filter(Boolean).join(" \xb7 ")})]}),!d&&(0,i.jsxs)("button",{onClick:()=>p({index:n}),style:{flex:"none",display:"inline-flex",alignItems:"center",gap:5,fontSize:12,fontWeight:700,color:"var(--accent2)",border:"1px solid color-mix(in srgb, var(--accent2) 30%, transparent)",borderRadius:8,padding:"6px 11px"},children:[(0,i.jsx)(c.In,{d:"M12 20h9M16.5 3.5a2.1 2.1 0 0 1 3 3L7 19l-4 1 1-4z",size:13,width:1.9}),t("Sửa")]})]})]},e.id||n)),!d&&(0,i.jsxs)("button",{onClick:()=>p({index:null}),className:x?"anim-pulse":void 0,style:{display:"flex",alignItems:"center",justifyContent:"center",gap:8,width:"100%",padding:16,border:x?"1.5px solid var(--accent)":"1.5px dashed rgba(255,255,255,.18)",borderRadius:"var(--rc)",color:"var(--accent2)",fontSize:14,fontWeight:700,background:x?"color-mix(in srgb, var(--accent) 12%, transparent)":void 0},children:[(0,i.jsx)(c.In,{d:"M12 5v14M5 12h14",size:18,width:2.2}),t("Th\xeam xe mới")]})]}),!d&&h&&(0,i.jsx)(y.e,{initial:u,onClose:()=>p(null),onSave:e=>{let t=[...l];(null==h?void 0:h.index)!=null?t[h.index]={...t[h.index],...e}:t.push(e),a(t),p(null)},onDelete:null!=h.index?()=>{(null==h?void 0:h.index)!=null&&a(l.filter((e,t)=>t!==h.index)),p(null)}:void 0,t:t})]})}function P(e){let{t,openMembership:n}=e,[l,a]=(0,r.useState)(null),[s,o]=(0,r.useState)(!1);if((0,r.useEffect)(()=>{let e=!0;return(0,g.f)().then(t=>{e&&a(t)}).catch(()=>{}).finally(()=>{e&&o(!0)}),()=>{e=!1}},[]),!s||!l||!l.expiryDate&&0===l.periods.length)return null;let d=x.Bs[l.status],c="active"!==l.status,h=l.periods.length;return(0,i.jsxs)("div",{style:{marginBottom:26},children:[(0,i.jsxs)("div",{style:{display:"flex",alignItems:"center",justifyContent:"space-between",marginBottom:12},children:[(0,i.jsx)("span",{style:D,children:t("MEMBERSHIP")}),(0,i.jsxs)("button",{onClick:()=>n(),style:{fontSize:11.5,color:"var(--accent2)",fontWeight:700},children:[t("Xem chi tiết")," →"]})]}),(0,i.jsxs)("div",{style:{...N,borderColor:c?"color-mix(in srgb, ".concat(d.color," 34%, transparent)"):void 0},children:[(0,i.jsxs)("div",{style:{padding:"13px 15px",display:"flex",alignItems:"center",gap:10,flexWrap:"wrap"},children:[(0,i.jsxs)("span",{style:{display:"inline-flex",alignItems:"center",gap:6,fontSize:13,fontWeight:800,color:d.color},children:[(0,i.jsx)("span",{style:{width:7,height:7,borderRadius:999,background:d.color}}),t(d.label)]}),l.expiryDate&&(0,i.jsxs)("span",{style:{fontSize:12.5,color:"var(--muted-2)"},children:["expired"===l.status?t("Hết hạn ng\xe0y"):t("Hạn thẻ")," ",(0,i.jsx)("b",{style:{fontFamily:W,color:"var(--ink-2)"},children:(0,p.$b)(l.expiryDate)})]})]}),null!=l.daysLeft&&"active"!==l.status&&(0,i.jsxs)(i.Fragment,{children:[(0,i.jsx)(A,{}),(0,i.jsxs)("div",{style:{padding:"11px 15px",fontSize:12.5,color:"var(--ink-2)",lineHeight:1.55},children:[l.daysLeft>=0?"".concat(t("C\xf2n")," ").concat(l.daysLeft," ").concat(t("ng\xe0y l\xe0 tới hạn.")):"".concat(t("Đ\xe3 qu\xe1 hạn")," ").concat(Math.abs(l.daysLeft)," ").concat(t("ng\xe0y."))," ",t("Gia hạn để giữ đầy đủ quyền lợi hội vi\xean.")]})]}),h>0&&(0,i.jsxs)(i.Fragment,{children:[(0,i.jsx)(A,{}),(0,i.jsxs)("div",{style:{padding:"12px 15px"},children:[(0,i.jsxs)("div",{style:{fontSize:11.5,color:"var(--label)",marginBottom:8},children:[t("C\xe1c kỳ đ\xe3 đ\xf3ng ph\xed")," (",h,")"]}),l.periods.slice(0,3).map((e,n)=>{let l=!!e.endDate&&new Date(e.endDate)>=new Date(new Date().toDateString());return(0,i.jsxs)("div",{style:{display:"flex",alignItems:"center",gap:8,fontSize:12.5,marginTop:6*!!n},children:[(0,i.jsxs)("span",{style:{fontFamily:W,color:"var(--ink-2)"},children:[e.startDate?(0,p.$b)(e.startDate):"—"," → ",e.endDate?(0,p.$b)(e.endDate):"—"]}),0===n&&l&&(0,i.jsx)("span",{style:{fontSize:10,color:"var(--accent2)",fontWeight:700},children:t("KỲ HIỆN TẠI")})]},n)}),h>3&&(0,i.jsxs)("button",{onClick:()=>n("ky-phi"),style:{fontSize:12,color:"var(--muted-2)",marginTop:8},children:[t("v\xe0")," ",h-3," ",t("kỳ trước đ\xf3")," →"]})]})]}),c&&(0,i.jsxs)(i.Fragment,{children:[(0,i.jsx)(A,{}),(0,i.jsx)("div",{style:{padding:"12px 15px"},children:(0,i.jsx)("button",{onClick:()=>n("ky-phi"),style:{width:"100%",padding:"11px 14px",borderRadius:"var(--rb)",background:"var(--accent)",color:"#fff",fontSize:13.5,fontWeight:800},children:t("Gia hạn membership")})})]})]})]})}function E(e){let{label:t,value:n,t:l,accent:a}=e;return(0,i.jsxs)("div",{style:{display:"flex",justifyContent:"space-between",alignItems:"center",padding:"14px 16px",gap:14},children:[(0,i.jsx)("span",{style:{fontSize:13,color:"var(--muted-2)",flex:"none"},children:l(t)}),(0,i.jsx)("span",{style:{fontSize:14,fontWeight:a?700:600,textAlign:"right",color:a?"var(--accent2)":void 0},children:n})]})}let A=()=>(0,i.jsx)("div",{style:{height:1,background:"rgba(255,255,255,.06)",margin:"0 16px"}});function G(e){let{label:t,onEdit:n,t:l,badge:a}=e;return(0,i.jsxs)("div",{style:{display:"flex",alignItems:"center",justifyContent:"space-between",marginBottom:12,gap:10},children:[(0,i.jsxs)("div",{style:{display:"flex",alignItems:"center",gap:8,minWidth:0,flexWrap:"wrap"},children:[(0,i.jsx)("span",{style:D,children:l(t)}),a&&(0,i.jsxs)("span",{style:{display:"inline-flex",alignItems:"center",gap:4,fontSize:9.5,fontWeight:700,color:"var(--past)",background:"color-mix(in srgb,var(--past) 14%,transparent)",border:"1px solid color-mix(in srgb,var(--past) 34%,transparent)",borderRadius:6,padding:"3px 7px",whiteSpace:"nowrap"},children:[(0,i.jsx)(c.In,{d:"M19 11H5a2 2 0 0 0-2 2v7a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7a2 2 0 0 0-2-2zM7 11V7a5 5 0 0 1 10 0v4",size:11,stroke:"var(--past)",width:1.9}),l(a)]})]}),n&&(0,i.jsxs)("button",{onClick:n,style:{display:"inline-flex",alignItems:"center",gap:5,fontSize:12,fontWeight:700,color:"var(--accent2)",border:"1px solid color-mix(in srgb, var(--accent2) 30%, transparent)",borderRadius:8,padding:"5px 10px",flex:"none"},children:[(0,i.jsx)(c.In,{d:"M12 20h9M16.5 3.5a2.1 2.1 0 0 1 3 3L7 19l-4 1 1-4z",size:13,width:1.9}),l("Sửa")]})]})}function Y(e){let{md:t,grid:n}=e;return(0,i.jsxs)("div",{style:{flex:n?void 0:"none",width:n?"100%":92,textAlign:"center"},children:[(0,i.jsx)("div",{style:{width:72,height:72,margin:"0 auto",borderRadius:"50%",background:"color-mix(in srgb,".concat(t.tint," 16%,var(--surface))"),border:"1.5px solid ".concat(t.tint),display:"flex",alignItems:"center",justifyContent:"center",boxShadow:"0 6px 18px color-mix(in srgb,".concat(t.tint," 18%,transparent)")},children:(0,i.jsxs)("svg",{viewBox:"0 0 24 24",fill:"none",stroke:t.tint,strokeWidth:1.8,strokeLinecap:"round",strokeLinejoin:"round",style:{width:32,height:32},children:[(0,i.jsx)("path",{d:"M8 21h8M12 17v4M7 4h10v4a5 5 0 0 1-10 0V4Z"}),(0,i.jsx)("path",{d:"M5 5H3v2a3 3 0 0 0 3 3M19 5h2v2a3 3 0 0 1-3 3"})]})}),(0,i.jsx)("div",{style:{fontSize:11,fontWeight:700,marginTop:9,lineHeight:1.25},children:t.label}

1),(0,i.jsx)("div",{style:{fontSize:10,color:"var(--muted-2)",fontFamily:W,marginTop:3},children:t.year})]})}let V={facebook:{bg:"#1877f2",label:"Facebook",svg:(0,i.jsx)("path",{d:"M13 22v-8h2.6l.4-3H13V9c0-.9.3-1.5 1.6-1.5H17V4.8c-.3 0-1.3-.1-2.4-.1-2.5 0-4.1 1.4-4.1 4.1V11H8v3h2.5v8H13z"})},instagram:{bg:"linear-gradient(45deg,#f09433,#dc2743,#bc1888)",label:"Instagram",svg:(0,i.jsxs)(i.Fragment,{children:[(0,i.jsx)("rect",{x:"3.5",y:"3.5",width:"17",height:"17",rx:"5",fill:"none",stroke:"#fff",strokeWidth:2}),(0,i.jsx)("circle",{cx:"12",cy:"12",r:"4",fill:"none",stroke:"#fff",strokeWidth:2}),(0,i.jsx)("circle",{cx:"17",cy:"7",r:"1.3"})]})},tiktok:{bg:"#0a0a0a",label:"TikTok",svg:(0,i.jsx)("path",{d:"M16.2 3c.3 2 1.6 3.6 3.6 3.9v2.6c-1.3 0-2.6-.4-3.6-1.2v5.9a5.3 5.3 0 1 1-5.3-5.3c.3 0 .6 0 .9.1v2.7a2.6 2.6 0 1 0 1.8 2.5V3h2.6z"})},zalo:{bg:"#0068ff",label:"Zalo",svg:(0,i.jsx)("path",{d:"M6 7.5h7.5L6 15.5v1h9v-2H8.2L15.5 6V5H6v2.5zM17.5 6.5h1.6v10h-1.6z"})}};function X(e){let{platform:t,value:n}=e,l=V[t];return(0,i.jsx)("a",{href:(0,p.h$)(t,n),target:"_blank",rel:"noreferrer",title:l.label,"aria-label":l.label,style:{width:46,height:46,borderRadius:12,background:l.bg,border:"tiktok"===t?"1px solid rgba(255,255,255,.16)":void 0,display:"flex",alignItems:"center",justifyContent:"center",flex:"none"},children:(0,i.jsx)("svg",{viewBox:"0 0 24 24",fill:"#fff",style:{width:24,height:24},children:l.svg})})}function U(e){let{kind:t,info:n,social:a,onClose:s,onSaveInfo:o,onSaveSocial:d,onSaveBio:h,t:p}=e,[x,g]=(0,r.useState)("info"===t?{...n}:"social"===t?{...a}:{bio:n.bio}),u=(e,t)=>{g(n=>({...n,[e]:t})),m(null)},[f,v]=(0,r.useState)(!1),[y,m]=(0,r.useState)(null),b={width:"100%",background:"var(--surface-2)",border:"1px solid rgba(255,255,255,.1)",borderRadius:"var(--rb)",padding:"11px 13px",color:"var(--ink)",fontSize:14,outline:"none"},k=["S","M","L","XL","2XL","3XL","4XL","5XL"],S=async()=>{if("info"!==t)return void("social"===t?d(x):h(x.bio||""));let e=(x.email||"").trim().toLowerCase();if(e!==(n.email||"").trim().toLowerCase()){if(!e||!e.includes("@"))return void m(p("Email kh\xf4ng hợp lệ."));v(!0),m(null);try{let t=await (0,j.T)(e);if(!t.ok)return void m(t.error)}catch(e){m(p("Kh\xf4ng kết nối được m\xe1y chủ."));return}finally{v(!1)}}o({...x,email:e})};return(0,i.jsx)("div",{onClick:s,className:"anim-fade",style:{position:"fixed",inset:0,background:"rgba(0,0,0,.6)",zIndex:60,display:"flex",alignItems:"flex-end",justifyContent:"center"},children:(0,i.jsxs)("div",{onClick:e=>e.stopPropagation(),className:"anim-sheet",style:{width:"100%",maxWidth:440,maxHeight:"88%",background:"var(--surface)",borderRadius:"22px 22px 0 0",display:"flex",flexDirection:"column",overflow:"hidden"},children:[(0,i.jsx)("div",{style:{height:4,background:"var(--mstripe)",margin:"10px 22px 0",borderRadius:3}}),(0,i.jsxs)("div",{style:{display:"flex",alignItems:"center",justifyContent:"space-between",padding:"16px 20px 8px"},children:[(0,i.jsxs)("div",{style:{fontSize:16,fontWeight:800},children:[p("Sửa")," \xb7 ",p("info"===t?"TH\xd4NG TIN C\xc1 NH\xc2N":"social"===t?"MẠNG X\xc3 HỘI":"GIỚI THIỆU")]}),(0,i.jsx)("button",{onClick:s,style:{width:32,height:32,borderRadius:"50%",background:"var(--surface-2)",display:"flex",alignItems:"center",justifyContent:"center"},children:(0,i.jsx)(c.In,{d:"M18 6 6 18M6 6l12 12",size:17,stroke:"var(--ink-5)",width:2})})]}),(0,i.jsx)("div",{className:"scrollarea",style:{overflowY:"auto",padding:"8px 20px 16px",display:"flex",flexDirection:"column",gap:14},children:("info"===t?[{key:"fullName",label:"Họ v\xe0 t\xean"},{key:"displayName",label:"T\xean hiển thị",ph:"Để trống sẽ hiển thị họ v\xe0 t\xean đầy đủ."},{key:"email",label:"Email",ph:"Đ\xe2y cũng l\xe0 email đăng nhập app. Đổi ở đ\xe2y hay ở C\xe0i đặt → T\xe0i khoản app đều như nhau."},{key:"address",label:"Địa chỉ"},{key:"birthday",label:"Ng\xe0y sinh"},{key:"phone",label:"Số điện thoại"},{key:"uniformSize",label:"Size đồng phục"}]:"social"===t?[{key:"facebook",label:"Facebook"},{key:"instagram",label:"Instagram"},{key:"tiktok",label:"TikTok"},{key:"zalo",label:"Zalo",ph:"Số điện thoại hoặc link zalo.me. C\xe1c th\xe0nh vi\xean kh\xe1c sẽ thấy v\xe0 c\xf3 thể li\xean hệ."}]:[{key:"bio",label:"Giới thiệu"}]).map(e=>(0,i.jsxs)("div",{children:[(0,i.jsx)("div",{style:{fontSize:11,color:"var(--muted-2)",marginBottom:6,fontFamily:W,letterSpacing:".06em"},children:p(e.label).toUpperCase()}),"bio"===t?(0,i.jsx)("textarea",{value:x[e.key]||"",onChange:t=>u(e.key,t.target.value),rows:5,style:{...b,resize:"none"}}):"birthday"===e.key?(0,i.jsx)(l.I,{value:(e=>{let t=/^(\d{2})\/(\d{2})\/(\d{4})$/.exec(e||"");return t?"".concat(t[3],"-").concat(t[2],"-").concat(t[1]):""})(x.birthday||""),onChange:e=>u("birthday",e?(e=>{let t=/^(\d{4})-(\d{2})-(\d{2})$/.exec(e||"");return t?"".concat(t[3],"/").concat(t[2],"/").concat(t[1]):""})(e):""),style:b,ariaLabel:"Ng\xe0y sinh"}):"uniformSize"===e.key?(0,i.jsxs)("select",{value:x.uniformSize||"",onChange:e=>u("uniformSize",e.target.value),style:{...b,appearance:"none"},children:[(0,i.jsx)("option",{value:"",children:"—"}),k.map(e=>(0,i.jsx)("option",{value:e,children:e},e))]}):"email"===e.key?(0,i.jsx)("input",{type:"email",autoComplete:"email",autoCapitalize:"none",spellCheck:!1,value:x.email||"",onChange:e=>u("email",e.target.value),style:b}):(0,i.jsx)("input",{value:x[e.key]||"",onChange:t=>u(e.key,t.target.value),style:b}),e.ph&&(0,i.jsx)("div",{style:{fontSize:11,color:"var(--muted-3)",marginTop:5},children:p(e.ph)})]},e.key))}),(0,i.jsxs)("div",{style:{padding:"8px 20px calc(22px + env(safe-area-inset-bottom, 0px))",borderTop:"1px solid rgba(255,255,255,.06)"},children:[y&&(0,i.jsx)("div",{style:{fontSize:12.5,color:"var(--danger-soft)",lineHeight:1.5,marginBottom:9},children:y}),(0,i.jsx)("button",{onClick:S,disabled:f,style:{width:"100%",background:f?"var(--surface-2)":"var(--accent)",color:f?"var(--muted-2)":"#fff",fontSize:15,fontWeight:700,padding:14,borderRadius:"var(--rb)"},children:f?p("Đang lưu…"):p("Lưu")})]})]})})}}}]);