https://anfin.vn/_next/static/chunks/pages/app/trading/[symbol]-78b28534109523d9.js

1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[4784],{28136:function(e,n,t){(window.__NEXT_P=window.__NEXT_P||[]).push(["/app/trading/[symbol]",function(){return t(97253)}])},97253:function(e,n,t){"use strict";t.r(n),t.d(n,{__N_SSP:function(){return ed},default:function(){return ex}});var i=t(85893),s=t(2962),r=t(67294),o=t(90948),l=t(80822),a=t(51233),c=t(39941),d=t(85541),x=t(68455),h=t(42496),g=t(87999),p=t(73046),f=t(44652),m=t(47036),u=t(11163),j=t(88767),b=t(65141),Z=t(5152),y=t.n(Z),k=t(5666),w=t(44267),C=t(2734),P=t(66242),N=t(78445),v=t(15861),E=t(13486),S=t(60265),T=t(7528),O=t(40962),A=t(92486),I=t(15017),_=t(26221),G=t(12205),D=t(19641),H=t(64458),W=t(9192),R=t(49635);let z=(0,o.ZP)(w.Z)(e=>{let{theme:n}=e;return{"&:last-child":{paddingBottom:0,paddingRight:0},"& .listTranSanThamChieu":{[n.breakpoints.between("xs","sm")]:{alignItems:"flex-start",width:"100%"}}}}),B=(0,o.ZP)(a.Z)({justifyContent:"flex-end",alignItems:"flex-start"}),M=(0,o.ZP)(a.Z)(e=>{let{theme:n}=e;return{[n.breakpoints.between("xs","sm")]:{flexDirection:"column","& > div:first-of-type":{marginBottom:"20px",width:"100%"},"& .labelTimeOpenClose":{display:"flex",alignItems:"center"},"& .timeOpenAndClose":{fontSize:"10px"}}}}),F=e=>{let{stockAndPrice:n}=e,t=(0,C.Z)(),s=n.exchange.toLocaleUpperCase().trim(),o=(0,W.ns)(s),c=(0,W.t0)(s),d=n.priceChange||0;(0,H.Pb)(),(0,h.a)();let[x,g]=(0,r.useState)(!1),[p,f]=(0,r.useState)(!1);return(0,i.jsxs)(i.Fragment,{children:[(0,i.jsxs)(P.Z,{sx:{boxShadow:"none"},children:[(0,i.jsx)(N.Z,{sx:{pl:0,py:t.spacing(1)},avatar:(0,i.jsx)(T.Z,{symbol:n.ticker,width:48,height:48}),title:(0,i.jsxs)(a.Z,{direction:"row",spacing:t.spacing(1),alignItems:"flex-end",children:[(0,i.jsx)(v.Z,{component:"div",fontWeight:700,fontSize:20,lineHeight:1,children:n.ticker}),(0,i.jsx)(v.Z,{component:"div",fontWeight:400,fontSize:12,lineHeight:1,children:"("+n.exchange.trim().toUpperCase()+")"})]}),subheader:(0,i.jsx)(v.Z,{component:"div",fontWeight:400,fontSize:12,sx:{color:m.Z[600]},children:n.companyName})}),(0,i.jsx)(z,{sx:{pl:0,py:0},children:(0,i.jsxs)(M,{direction:{xs:"column",sm:"column",md:"row"},justifyContent:"space-between",alignItems:{sm:"flex-start",md:"center"},spacing:1,children:[(0,i.jsxs)(a.Z,{direction:{xs:"column",sm:"row"},alignItems:{xs:"flex-start",sm:"flex-end"},justifyContent:"flex-start",spacing:3,children:[(0,i.jsxs)(a.Z,{spacing:1,justifyContent:"center",alignItems:"flex-start",children:[(0,i.jsxs)(l.Z,{children:[(0,i.jsx)(v.Z,{fontWeight:700,fontSize:28,children:(0,R.uf)(n.price,I.YN)})," ",(0,i.jsx)(v.Z,{fontWeight:700,fontSize:12,children:"VND"}),(0,i.jsxs)(v.Z,{fontWeight:600,fontSize:20,sx:{ml:1,color:(0,R.CF)(d>0?_.C.UP:d<0?_.C.DOWN:_.C.NO_CHANGE)},children:[d>0?"+":"",(0,R.uf)(d,I.YN)," (",n.priceChangePercent,"%)"]})]}),(0,i.jsxs)(a.Z,{direction:"row",className:"labelTimeOpenClose",children:[(0,i.jsxs)(v.Z,{fontWeight:700,fontSize:12,sx:{color:o?E.Z[500]:S.Z[500]},children:[o?"THỊ TRƯỜNG MỞ":"THỊ TRƯỜNG Đ\xd3NG CỬA","\xa0"]}),(0,i.jsx)(v.Z,{className:"timeOpenAndClose",fontWeight:400,fontSize:12,children:c&&(0,i.jsxs)(i.Fragment,{children:["(KỂ TỪ"," ",c.locale("vi").format("HH:mm [GMT+7], DD [THG] MM"),")"]})})]})]}),(0,i.jsx)(a.Z,{direction:"row",justifyContent:{xs:"flex-start",sm:"center"},alignItems:"flex-end",spacing:3,className:"listTranSanThamChieu",children:Object.keys(G.EI).map((e,t)=>(0,i.jsxs)(B,{spacing:1,children:[(0,i.jsx)(v.Z,{fontWeight:700,fontSize:16,align:"right",sx:{color:(0,R.cQ)(G.EI[e])},children:(0,R.uf)(n[e.toLowerCase()+"Price"],I.YN)}),(0,i.jsx)(v.Z,{fontWeight:400,fontSize:12,sx:{color:m.Z[600]},children:G.EI[e]})]},t))})]}),(0,i.jsx)(l.Z,{flexGrow:1,display:{xs:"none",sm:"none",md:"flex"}})]})})]}),(0,i.jsx)(A.D,{canOpen:x,handleClose:()=>g(!1),data:D.gB}),(0,i.jsx)(O.H,{canOpen:p,handleClose:()=>f(!1)})]})},U=y()(()=>t.e(5978).then(t.bind(t,25978)).then(e=>e.TVChartContainer),{loadableGenerated:{webpack:()=>[25978]},ssr:!1}),K=e=>{let{stockDetail:n}=e,t=(0,k.h1)([n.profile.symbol]),s=t[n.profile.symbol];return(0,i.jsx)(a.Z,{width:"100%",sx:{my:1},children:(0,i.jsxs)(a.Z,{flexGrow:1,children:[(0,i.jsx)(F,{stockAndPrice:{ticker:n.profile.symbol,exchange:n.profile.exchange,companyName:n.profile.companyName,price:null==s?void 0:s.matchedPrice,ceilPrice:(null==s?void 0:s.ceiling)||n.statistic.ceilPrice,floorPrice:(null==s?void 0:s.floor)||n.statistic.floorPrice,refPrice:n.statistic.refPrice,priceChange:null==s?void 0:s.priceChange,priceChangePercent:null==s?void 0:s.priceChangePercent}}),(0,i.jsx)(l.Z,{my:2,children:(0,i.jsx)(U,{symbol:n.profile.symbol,interval:"5",isMinimal:!0})})]})})},L=(0,o.ZP)("div")(e=>{let{theme:n}=e;return{height:"100%",backgroundColor:"light"===n.palette.mode?m.Z[100]:n.palette.background.default}}),X=(0,o.ZP)(l.Z)(e=>{let{theme:n}=e;return{backgroundColor:"light"===n.palette.mode?"#fff":m.Z[800]}}),V=e=>{let{symbol:n}

1=e,[,t]=(0,r.useState)(0),[s,o]=(0,r.useState)(!1),{setSymbol:c}=(0,g.kb)(),d=(0,u.useRouter)(),x="undefined"!=typeof navigator&&/iPad|iPhone|iPod/.test(navigator.userAgent),h=(0,b.Z)(),{data:p}=(0,j.useQuery)(["stock-detail",n],()=>""!==n?fetch("/api/public/stocks/".concat(n,"/detail")).then(e=>e.json()):Promise.resolve({})),m=e=>()=>{if(!e){c("");let e=window.location.pathname,n=e.includes("trading")?"trading":"market";d.replace("/app/".concat(n,"/VNINDEX"))}o(e)};return(0,r.useEffect)(()=>{""!==n&&(o(!0),t(0))},[n]),(0,i.jsxs)(i.Fragment,{children:[h&&(0,i.jsx)(a.Z,{sx:{flexGrow:1},children:(null==p?void 0:p.data)&&(0,i.jsx)(l.Z,{sx:{display:"flex",flexGrow:1},children:(0,i.jsx)(K,{stockDetail:p.data})})}),!h&&(0,i.jsx)(L,{children:(0,i.jsx)(f.Z,{anchor:"bottom",open:s,disableBackdropTransition:!x,disableDiscovery:x,onClose:m(!1),onOpen:m(!0),PaperProps:{sx:{p:1}},children:(0,i.jsx)(X,{sx:{height:"2000px",overflow:"auto"},children:(null==p?void 0:p.data)&&(0,i.jsx)(i.Fragment,{children:(0,i.jsx)(K,{stockDetail:p.data})})})})})]})};var Y=t(52006),Q=t(30413);let q=(0,o.ZP)(l.Z)(e=>{let{theme:n}=e;return{height:"100%","& .desktop":{display:"flex",height:"100%",[n.breakpoints.down("md")]:{display:"none"}},"& .mobile":{display:"none",[n.breakpoints.down("md")]:{display:"block"}},"& .mobile.user":{paddingBottom:"12%"}}}),J=()=>{let[e,n]=(0,r.useState)(),{user:t}=(0,h.a)(),{symbol:s,marketIndicator:o}=(0,g.kb)(),[f]=(0,r.useState)("market");(0,r.useEffect)(()=>{m()},[o]);let m=async()=>{try{if(!o)return;let e=await fetch("/api/public/stock-index?index=".concat(o),{method:"GET"}),t=await e.json();200===t.code?n(t.data):p.k.error("API response is not an array",t.data)}catch(e){"AbortError"!==e.name&&p.k.error(e)}};return(0,i.jsxs)(q,{children:[(0,i.jsx)(l.Z,{className:"desktop",sx:{display:"flex",position:"relative"},children:(0,i.jsxs)(a.Z,{sx:{flexGrow:1},children:[(0,i.jsx)(Y.h,{index:1}),o&&(0,i.jsx)(c.Z,{index:o,ix:e}),(0,i.jsx)(V,{symbol:s})]})}),(0,i.jsxs)(l.Z,{className:t?"mobile user":"mobile",children:[f===x.Ub.MARKET&&(0,i.jsx)(l.Z,{sx:{flexGrow:1},children:o&&(0,i.jsx)(c.Z,{index:o,ix:e})}),f!==x.Ub.MARKET&&(0,i.jsxs)(i.Fragment,{children:[(0,i.jsx)(Q.A,{query:f}),(0,i.jsx)(d.R,{symbol:s})]})]})]})};var $=t(67030),ee=t(95487),en=t(21816),et=t(76755),ei=t(72329),es=t(36470);let er=(0,o.ZP)(l.Z)({position:"absolute",width:"100%",height:"100%",background:"rgba(255, 255, 255, 0.4)",backdropFilter:"blur(15px)",zIndex:2,display:"flex",alignItems:"center",justifyContent:"center"}),eo=(0,o.ZP)("main")(e=>{let{theme:n}=e;return{overflow:"auto",width:"100%",marginTop:"".concat(es.MAIN_DESKTOP_HEADER_HEIGHT,"px"),[n.breakpoints.down("md")]:{marginTop:"".concat(es.MAIN_DESKTOP_HEADER_HEIGHT,"px")}}});function el(e){let{children:n,sx:t,hasDownloadingApp:s=!1,hasFooter:o=!1}=e,{user:c}=(0,h.a)(),{modalLoginRegister:d}=(0,H.Pb)(),[x,g]=(0,r.useState)(!1),[p,f]=(0,r.useState)("login"),m=()=>{g(!0),f("login")},u=()=>{g(!0),f("register")};return(0,i.jsxs)(l.Z,{sx:{position:"relative"},children:[(0,i.jsx)(er,{sx:{display:d[$.Od.LOGINREGISTER]?"flex":"none"},children:x?(0,i.jsx)(en.vF,{tabName:p}):(0,i.jsxs)(l.Z,{sx:{textAlign:"center",fontWeight:"700"},children:["Bạn cần",(0,i.jsx)(v.Z,{sx:{color:"#2491DD",margin:"0px 5px",fontWeight:"bolder",":hover":{textDecoration:"underline"}},onClick:()=>m(),children:"đăng nhập"}),"hoặc",(0,i.jsx)(v.Z,{sx:{color:"#2491DD",margin:"0px 5px",fontWeight:"bolder",":hover":{textDecoration:"underline"}},onClick:()=>u(),children:"đăng k\xfd"}),(0,i.jsx)("br",{}),"t\xe0i khoản Anfin để sử dụng t\xednh năng n\xe0y."]})}),(0,i.jsx)(a.Z,{sx:{minHeight:1,display:"flex",width:"100%",pb:{xs:c?8:0,sm:c?8:0,md:0}},children:(0,i.jsxs)(eo,{sx:t,children:[(0,i.jsx)(l.Z,{children:n}),(0,i.jsxs)("footer",{children:[s&&(0,i.jsx)(et.default,{}),o&&(0,i.jsx)(ei.MainFooter,{})]})]})})]})}var ea=t(92292);let ec=e=>{let{symbol:n}

1=e,{setSymbol:t,setMarketIndicator:o}=(0,g.kb)(),{changeModalLoginRegister:l}=(0,H.Pb)();return(0,r.useEffect)(()=>{l($.Od.LOGINREGISTER,!1)},[]),(0,r.useEffect)(()=>{Object.keys(ee.Ns).indexOf(n)>-1?(t(""),o(n)):(t(n),o(null))},[n]),(0,i.jsxs)(i.Fragment,{children:[(0,i.jsx)(s.PB,{title:"Anfin - Bảng gi\xe1 chứng kho\xe1n",description:"Bảng gi\xe1 chứng kho\xe1n Anfin trực tuyến, cập nhật thị trường, bảng gi\xe1 HOSE, bảng gi\xe1 HNX, UPCOM",openGraph:{url:"https://iboard.anfin.vn/",title:"Anfin - Bảng gi\xe1 chứng kho\xe1n",description:"Bảng gi\xe1 chứng kho\xe1n Anfin trực tuyến, cập nhật thị trường, bảng gi\xe1 HOSE, bảng gi\xe1 HNX, UPCOM",images:[{url:"/logo/board-anfin.jpg",width:1200,height:600,alt:"Anfin - Bảng gi\xe1 chứng kho\xe1n",type:"image/jpg"}],site_name:"Anfin"}}),(0,i.jsx)(el,{children:(0,i.jsx)(J,{})})]})};ec.getLayout=function(e){return(0,i.jsx)(ea.P,{children:e})};var ed=!0,ex=ec}},function(e){e.O(0,[9774,4885,6779,3601,9043,4564,6951,321,7918,277,1535,4932,4347,9089,6693,7316,5675,2962,4652,1558,838,6720,4769,7358,2292,1816,4687,2888,179],function(){return e(e.s=28136)}),_N_E=e.O()}]);