https://anfin.vn/_next/static/chunks/pages/app/deposit-84512652d8971b9b.js

1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[6197],{48107:function(n,e,t){(window.__NEXT_P=window.__NEXT_P||[]).push(["/app/deposit",function(){return t(43681)}])},69429:function(n,e,t){"use strict";t.d(e,{Z:function(){return y}});var i=t(85893),o=t(90948),r=t(80822),s=t(2734),l=t(15861),x=t(51233),c=t(5152),a=t.n(c),d=t(11163),h=t(67294),u=t(21816),p=t(56137),g=t(67030),f=t(76755),m=t(42496),j=t(64458),b=t(72329),Z=t(36470);let F=a()(()=>Promise.resolve().then(t.bind(t,36470)).then(n=>n.MainHeader),{loadableGenerated:{webpack:()=>[36470]}}),k=a()(()=>Promise.all([t.e(4564),t.e(7918),t.e(1535),t.e(6693),t.e(6720),t.e(7022)]).then(t.bind(t,67022)).then(n=>n.AppHeader),{loadableGenerated:{webpack:()=>[67022]}}),S=(0,o.ZP)(r.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"}),v=(0,o.ZP)("main")(n=>{let{theme:e}=n;return{overflow:"auto",width:"100%",marginTop:"".concat(Z.MAIN_DESKTOP_HEADER_HEIGHT,"px"),[e.breakpoints.down("md")]:{marginTop:"".concat(Z.MAIN_DESKTOP_HEADER_HEIGHT,"px")}}});function y(n){let{children:e,sx:t,hasDownloadingApp:o=!1,hasFooter:c=!1,keepAppHeaderForGuest:a=!1}=n,{user:Z}=(0,m.a)(),y=(0,s.Z)(),w=(0,d.useRouter)(),{modalLoginRegister:C}=(0,j.Pb)(),E=w.pathname.startsWith("/app"),[A,R]=(0,h.useState)(!1),[N,I]=(0,h.useState)("login"),T=()=>{R(!0),I("login")},D=()=>{R(!0),I("register")};return(0,i.jsxs)(r.Z,{sx:{position:"relative"},children:[(0,i.jsx)(S,{sx:{display:C[g.Od.LOGINREGISTER]?"flex":"none"},children:A?(0,i.jsx)(u.vF,{tabName:N}):(0,i.jsxs)(r.Z,{sx:{textAlign:"center",fontWeight:"700"},children:["Bạn cần",(0,i.jsx)(l.Z,{sx:{color:"#2491DD",margin:"0px 5px",fontWeight:"bolder",":hover":{textDecoration:"underline"}},onClick:()=>T(),children:"đăng nhập"}),"hoặc",(0,i.jsx)(l.Z,{sx:{color:"#2491DD",margin:"0px 5px",fontWeight:"bolder",":hover":{textDecoration:"underline"}},onClick:()=>D(),children:"đăng k\xfd"}),(0,i.jsx)("br",{}),"t\xe0i khoản Anfin để sử dụng t\xednh năng n\xe0y."]})}),(0,i.jsxs)(x.Z,{sx:{minHeight:1,display:"flex",width:"100%",pl:{md:E?"".concat(p.y,"px"):0}},children:[Z||a?(0,i.jsx)(k,{}):(0,i.jsx)(F,{}),(0,i.jsxs)(v,{sx:t,children:[(0,i.jsx)(r.Z,{sx:{p:{xs:y.spacing(0,2,1,2),sm:y.spacing(0,2,1,3)}},children:e}),(0,i.jsxs)("footer",{children:[o&&(0,i.jsx)(f.default,{}),c&&(0,i.jsx)(b.MainFooter,{})]})]})]})]})}},43681:function(n,e,t){"use strict";t.r(e),t.d(e,{default:function(){return nl}});var i,o,r=t(85893),s=t(87153),l=t(69417),x=t(51233),c=t(67294),a=t(90948),d=t(15861),h=t(80822),u=t(78462),p=t(97212),g=t(89755),f=t.n(g);let m=(0,a.ZP)(d.Z)(n=>{let{theme:e}=n;return{fontWeight:700,fontSize:"24px",color:"#191D2B",width:"95%",display:"flex",margin:"auto",paddingTop:"20px",[e.breakpoints.down("md")]:{justifyContent:"center",display:"flex",fontSize:"18px",marginBottom:"20px"}}}),j=(0,a.ZP)(h.Z)({background:"#FFFFFF",boxShadow:"0px 4px 24px 6px rgba(0, 0, 0, 0.04)",borderRadius:"16px",margin:"auto",marginTop:"3%",width:"95%"}),b=(0,a.ZP)(h.Z)(n=>{let{theme:e}=n;return{display:"flex",alignItems:"center",padding:"24px 30px",[e.breakpoints.down("md")]:{flexDirection:"column"}}}),Z=(0,a.ZP)(h.Z)(n=>{let{theme:e}=n;return{marginLeft:"24px","&.step2":{width:"80%"},[e.breakpoints.down("md")]:{marginLeft:"0px",marginTop:"20px","&.step2":{width:"100%"}}}}),F=(0,a.ZP)(d.Z)(n=>{let{theme:e}=n;return{color:"#2491DD",fontWeight:700,fontSize:"18px",lineHeight:"24px",marginBottom:"12px",display:"block",[e.breakpoints.down("md")]:{justifyContent:"center",display:"flex"}}});function k(){return(0,r.jsxs)(h.Z,{children:[(0,r.jsx)(m,{children:"Hướng dẫn nạp tiền v\xe0o t\xe0i khoản Anfin"}),(0,r.jsxs)(j,{children:[(0,r.jsxs)(b,{children:[(0,r.jsx)(f(),{alt:"L\xe0m thế n\xe0o để nạp tiền?",src:"/common/deposit/Instructions1.png",width:100,height:100}),(0,r.jsxs)(Z,{children:[(0,r.jsx)(F,{children:"L\xe0m thế n\xe0o để nạp tiền?"}),(0,r.jsxs)(h.Z,{sx:{padding:"3px 0px"},children:[(0,r.jsx)("strong",{children:"Bước 1: "}),"Mở ứng dụng ng\xe2n h\xe0ng của bạn"]}),(0,r.jsxs)(h.Z,{sx:{padding:"3px 0px"},children:[(0,r.jsx)("strong",{children:"Bước 2: "}),"Sao ch\xe9p số t\xe0i khoản, số tiền, nội dung chuyển tiền ở lệnh chuyển tiền từ Anfin"]}),(0,r.jsxs)(h.Z,{sx:{padding:"3px 0px"},children:[(0,r.jsx)("strong",{children:"Bước 3: "}

1),"Kiểm tra th\xf4ng tin đảm bảo t\xean người nhận v\xe0 số t\xe0i khoản ch\xednh x\xe1c, thực hiện chuyển tiền"]})]})]}),(0,r.jsxs)(b,{sx:{borderTop:"1px solid #E8EAEE",borderBottom:"1px solid #E8EAEE"},children:[(0,r.jsx)(f(),{alt:"Tại sao t\xf4i lại chuyển tiền cho 9Pay?",src:"/common/deposit/Instructions2.png",width:100,height:100}),(0,r.jsxs)(Z,{className:"step2",children:[(0,r.jsx)(F,{children:"Tại sao t\xf4i lại chuyển tiền cho 9Pay?"}),(0,r.jsx)(h.Z,{children:"9Pay l\xe0 cổng thanh to\xe1n điện tử, được cấp ph\xe9p của Ng\xe2n h\xe0ng Nh\xe0 Nước Việt Nam, thực hiện dịch vụ thu chi hộ cho nhiều đối t\xe1c ch\xednh trong v\xe0 ngo\xe0i nước. Anfin hợp t\xe1c với 9Pay nhằm mang đến trải nghiệm nạp r\xfat tiền nhanh ch\xf3ng, an to\xe0n, miễn ph\xed cho người d\xf9ng."})]})]}),(0,r.jsxs)(b,{children:[(0,r.jsx)(f(),{alt:"Số t\xe0i khoản định danh l\xe0 g\xec?",src:"/common/deposit/Instructions3.png",width:100,height:100}),(0,r.jsxs)(Z,{children:[(0,r.jsx)(F,{children:"Số t\xe0i khoản định danh l\xe0 g\xec?"}),(0,r.jsx)(h.Z,{children:"L\xe0 số t\xe0i khoản duy nhất của mỗi giao dịch nạp tiền của một người d\xf9ng tại hệ thống số t\xe0i khoản của 9Pay - Anfin mở tại ng\xe2n h\xe0ng li\xean kết."}),(0,r.jsxs)(u.Z,{"aria-label":"basic-list",children:[(0,r.jsx)(p.ZP,{children:(0,r.jsx)("strong",{children:"* Số t\xe0i khoản sẽ hết hiệu lực trong v\xf2ng 48h kể từ khi bạn tạo lệnh để tăng t\xednh an to\xe0n bảo mật cho t\xe0i khoản của bạn."})}),(0,r.jsx)(p.ZP,{children:"* Bạn vui l\xf2ng kiểm tra t\xean v\xe0 số t\xe0i khoản đảm bảo khớp đ\xfang trước khi chuyển tiền. Lưu \xfd kh\xf4ng lưu số t\xe0i khoản cho những lần chuyển tiếp theo."})]})]})]})]})]})}var S=t(11145),v=t(50135),y=t(23795),w=t(88767),C=t(15017);let E=[{key:1,value:1e6,text:"1000000"},{key:2,value:1e7,text:"10000000"},{key:3,value:2e7,text:"20000000"}];var A=t(13078),R=t(42496),N=t(77829),I=t(49635),T=t(73046);let D=(0,a.ZP)(h.Z)({backgroundColor:"#FFF",border:"1px solid #E8EAEE",borderRadius:"16px",padding:"32px 40px",maxWidth:420,margin:"0 auto"}),P=(0,a.ZP)(h.Z)({width:72,height:72,borderRadius:"50%",backgroundColor:"#EBFAF1",display:"flex",alignItems:"center",justifyContent:"center",margin:"0 auto 16px"}),z=(0,a.ZP)(x.Z,{shouldForwardProp:n=>"hasError"!==n})(n=>{let{hasError:e}=n;return{flexDirection:"row",alignItems:"center",border:"1px solid ".concat(e?"#FF5959":"#D0D5DC"),borderRadius:"8px",paddingRight:16}}),W=(0,a.ZP)(h.Z)({flex:1,textAlign:"center",backgroundColor:"#E8F5FF",color:"#0AA5FF",borderRadius:"8px",padding:"10px",fontWeight:600,fontSize:14,cursor:"pointer","&:hover":{backgroundColor:"#0AA5FF",color:"#FFF"}}),B=n=>{let{onContinue:e}=n,{user:t}=(0,R.a)(),i=(0,A.C)(),[o,s]=(0,c.useState)(1e6),[a,u]=(0,c.useState)(!1);(0,c.useEffect)(()=>{let n=setTimeout(()=>{u(o<1e6)},500);return()=>clearTimeout(n)},[o]);let{isLoading:p,mutate:g}=(0,w.useMutation)(async()=>{let n=await (null==t?void 0:t.userFS.getIdToken())||"";return fetch("/api/payment/deposit-order",{method:"POST",headers:(0,N.IZ)(n),body:JSON.stringify({amount:o})}).then(n=>n.json())},{onSuccess:n=>{if(200!==n.code){i.error("Kh\xf4ng thể tạo lệnh nạp tiền. Vui l\xf2ng thử lại.");return}e(o,n.data)},onError:n=>{T.k.error("prepareDeposit \n"+JSON.stringify(n)),i.error("Kh\xf4ng thể tạo lệnh nạp tiền. Vui l\xf2ng thử lại.")}}),m=n=>{let e=Number(n.target.value.replace(/[^\d]/g,""));s(e||0)},j=n=>{s(n)};return(0,r.jsxs)(D,{children:[(0,r.jsx)(P,{children:(0,r.jsx)(f(),{src:"/common/deposit/deposit.png",alt:"Nạp tiền",width:40,height:40})}),(0,r.jsxs)(h.Z,{sx:{textAlign:"center",mb:3,display:"flex",flexDirection:"column",alignItems:"center"},children:[(0,r.jsx)(d.Z,{fontWeight:700,fontSize:22,textAlign:"center",children:"Nạp tiền"}),(0,r.jsx)(d.Z,{fontSize:14,color:"#191D2B",sx:{mb:1},children:"Số tiền bạn muốn nạp"})]}),(0,r.jsxs)(z,{hasError:a,children:[(0,r.jsx)(v.Z,{fullWidth:!0,variant:"standard",placeholder:"Nhập số tiền",value:(0,I.uf)(o,C.YN),onChange:m,inputProps:{inputMode:"numeric"},InputProps:{disableUnderline:!0,sx:{px:2}}}),(0,r.jsx)(d.Z,{fontSize:13,color:"#697896",whiteSpace:"nowrap",children:"VND"})]}),a&&(0,r.jsx)(d.Z,{fontSize:12,color:"#FF5959",sx:{mt:.5},children:"*Bạn cần nạp \xedt nhất 1,000,000đ"}),(0,r.jsx)(x.Z,{direction:"row",spacing:1.5,sx:{mt:2,mb:3},children:E.map(n=>(0,r.jsxs)(W,{onClick:()=>

1j(n.value),children:[(0,I.uf)(n.value,C.YN),"đ"]},n.key))}),(0,r.jsx)(l.Z,{fullWidth:!0,variant:"contained",disabled:a||o<=0||p,onClick:()=>g(),sx:{textTransform:"none",fontWeight:700,backgroundColor:"#0AA5FF",borderRadius:"8px",py:1.25},children:p?"Đang tải...":"Tiếp tục"}),(0,r.jsxs)(x.Z,{direction:"row",justifyContent:"center",alignItems:"center",spacing:.5,sx:{mt:2,color:"#0AA5FF"},children:[(0,r.jsx)(S.Z,{fontSize:"small"}),(0,r.jsx)(d.Z,{fontSize:13,fontWeight:600,children:"Hotline:"}),(0,r.jsx)(y.Z,{href:"tel:1900633049",sx:{fontSize:13,fontWeight:600,color:"#0AA5FF"},children:"1900 633 049"})]})]})};var _=t(27608);let L=n=>{let{onShowInstructions:e}=n;return(0,r.jsxs)(x.Z,{direction:"row",justifyContent:"space-between",alignItems:"flex-start",children:[(0,r.jsxs)(h.Z,{sx:{display:"flex",flexDirection:"column"},children:[(0,r.jsx)(d.Z,{fontWeight:700,fontSize:12,color:"#0AA5FF",sx:{textTransform:"uppercase",letterSpacing:"0.04em"},children:"Giao dịch tiền"}),(0,r.jsx)(d.Z,{fontWeight:700,fontSize:26,sx:{mt:.5},children:"Nạp tiền"}),(0,r.jsx)(d.Z,{fontSize:14,color:"#697896",children:"Chuyển khoản v\xe0o t\xe0i khoản chứng kho\xe1n Anfin của bạn"})]}),(0,r.jsx)(l.Z,{variant:"outlined",startIcon:(0,r.jsx)(_.Z,{}),onClick:e,sx:{textTransform:"none",fontWeight:600,borderColor:"#D0D5DC",color:"#191D2B",borderRadius:"8px",whiteSpace:"nowrap",display:"flex","&:hover":{backgroundColor:"#F0F2F5"}},children:"Hướng dẫn nạp tiền"})]})};var O=t(41899),H=t(63441),U=t(59748),K=t(93946),M=t(86886),Q=t(87109),G=t(1653);let Y=(0,a.ZP)(h.Z)({backgroundColor:"#FFF",border:"1px solid #E8EAEE",borderRadius:"16px",padding:"24px"}),V=(0,a.ZP)(x.Z,{shouldForwardProp:n=>"isSelected"!==n})(n=>{let{isSelected:e}=n;return{flexShrink:0,minWidth:140,flexDirection:"row",alignItems:"center",gap:10,padding:"12px 14px",borderRadius:"10px",border:"1px solid ".concat(e?"#0AA5FF":"#E8EAEE"),backgroundColor:e?"#F0F8FF":"#FFF",cursor:"pointer"}}),q=(0,a.ZP)("img")({width:28,height:28,borderRadius:"50%",objectFit:"cover"}),J=n=>{let{label:e,value:t,onCopy:i}=n;return(0,r.jsxs)(x.Z,{direction:{xs:"column",sm:"row"},alignItems:{xs:"flex-start",sm:"center"},justifyContent:"space-between",spacing:{xs:.5,sm:1.5},sx:{py:1.25,borderBottom:"1px solid #EDEFF3"},children:[(0,r.jsx)(d.Z,{fontSize:11,fontWeight:700,color:"#96A0B5",sx:{textTransform:"uppercase",letterSpacing:"0.03em",flexShrink:0,width:{xs:"100%",sm:110}},children:e}),(0,r.jsxs)(x.Z,{direction:"row",alignItems:"center",spacing:.5,sx:{width:{xs:"100%",sm:"auto"},minWidth:0},children:[(0,r.jsx)(d.Z,{fontWeight:700,fontSize:14,color:"#191D2B",sx:{flex:1,minWidth:0,wordBreak:"break-word",textAlign:{xs:"left",sm:"right"}},children:t||C.YN}),(0,r.jsx)(K.Z,{size:"small",onClick:i,disabled:!t,sx:{flexShrink:0},children:(0,r.jsx)(O.Z,{fontSize:"inherit",sx:{color:"#96A0B5"}})})]})]})},X=n=>{let{initialAmount:e,initialDepositInfo:t}=n,{user:i}=(0,R.a)(),o=(0,A.C)(),[s,a]=(0,c.useState)(0),[u,p]=(0,c.useState)(e),[g,f]=(0,c.useState)(t),m=(0,c.useRef)(!1),j=(0,w.useMutation)(async n=>{let e=await (null==i?void 0:i.userFS.getIdToken())||"";return fetch("/api/payment/deposit-order",{method:"POST",headers:(0,N.IZ)(e),body:JSON.stringify({amount:n})}).then(n=>n.json())},{onSuccess:n=>{if(200!==n.code||"string"==typeof n.data){o.error("Kh\xf4ng thể tạo th\xf4ng tin nạp tiền. Vui l\xf2ng thử lại.");return}f(n.data),a(0)},onError:n=>{o.error("Kh\xf4ng thể tạo th\xf4ng tin nạp tiền. Vui l\xf2ng thử lại sau."),T.k.error("createDeposit \n"+JSON.stringify(n))}});(0,c.useEffect)(()=>{if(!i||u<=0||!m.current&&(m.current=!0,u===e&&t))return;let n=setTimeout(()=>{j.mutate(u)},500);return()=>clearTimeout(n)},[u,i]);let b=(null==g?void 0:g.banks)||[],Z=b[s],F=j.isLoading,k=(null==Z?void 0:Z.qrContent)||(null==g?void 0:g.qrContent),S=(0,c.useRef)(null),y=n=>{let e=n.target.value.replace(/[^\d]/g,"");p(e?Number(e):0)},E=n=>{n&&(navigator.clipboard.writeText(n),o.success("Đ\xe3 sao ch\xe9p"))},D=()=>{var n;let e=null===(n=S.current)||void 0===n?void 0:n.querySelector("svg");if(!e)return;let t=new XMLSerializer().serializeToString(e),i=new Blob([t],{type:"image/svg+xml;charset=utf-8"}),o=URL.createObjectURL(i),r=new Image;r.onload=()=>{let n=document.createElement("canvas");n.width=220,n.height=220;let e=n.getContext("2d");e&&(e.fillStyle="#FFFFFF",e.fillRect(0,0,n.width,n.height),e.drawImage(r,0,0,n.width,n.height)),URL.revokeObjectURL(o);let t=document.createElement("a");t.href=n.toDataURL("image/png"),t.download="qr-nap-tien-".concat((null==Z?void 0:Z.code)||"",".png"),document.body.appendChild(t),t.click(),document.body.removeChild(t)},r.src=o};return(0,r.jsx)(Y,{children:(0,r.jsxs)(M.ZP,{container:!0,spacing:4,children:[(0,r.jsxs)(M.ZP,{item:!0,xs:12,md:6,sx:{display:"flex",flexDirection:"column"},children:[(0,r.jsx)(d.Z,{fontWeight:700,fontSize:16,children:"Th\xf4ng tin chuyển khoản"}),(0,r.jsx)(d.Z,{fontSize:13,color:"#697896",sx:{mb:2},children:"Chọn ng\xe2n h\xe0ng nhận v\xe0 chuyển khoản theo đ\xfang th\xf4ng tin b\xean dưới"}),(0,r.jsx)(d.Z,{fontWeight:600,fontSize:13,sx:{mb:1},children:"Ng\xe2n h\xe0ng nhận"}),(0,r.jsx)(x.Z,{direction:"row",spacing:1.5,sx:{mb:2,overflowX:"auto",pb:.5,"&::-webkit-scrollbar":{height:4}},children:b.map((n,e)=>(0,r.jsxs)(V,{isSelected:e===s,onClick:()=>a(e),children:[n.imageUrl&&(0,r.jsx)(q,{src:n.imageUrl,alt:n.code}),(0,r.jsxs)(h.Z,{sx:{display:"flex",flexDirection:"column",gap:.5},children:[(0,r.jsx)(d.Z,{fontWeight:700,fontSize:13,children:n.code}),e===s&&(0,r.jsx)(d.Z,{fontSize:11,color:"#0AA5FF",children:"Đang chọn"})]})]},n.id))}),(0,r.jsxs)(h.Z,{sx:{backgroundColor:"#F7F9FC",borderRadius:"12px",p:2},children:[(0,r.jsx)(J,{label:"Ng\xe2n h\xe0ng nhận",value:Z?"".concat(Z.name).concat(Z.branchName?" — ".concat(Z.branchName):""):"",onCopy:()=>E(null==Z?void 0:Z.name)}),(0,r.jsx)(J,{label:"Số t\xe0i khoản",value:(null==Z?void 0:Z.accountNo)||"",onCopy:()=>E(null==Z?void 0:Z.accountNo)}),(0,r.jsx)(J,{label:"Người nhận",value:(null==Z?void 0:Z.accountName)||"",onCopy:()=>E(null==Z?void 0:Z.accountName)}),(0,r.jsx)(J,{label:"Nội dung chuyển khoản",value:(null==g?void 0:g.content)||"",onCopy:()=>E(null==g?void 0:g.content)})]}),(0,r.jsxs)(x.Z,{direction:"row",spacing:1.5,alignItems:"flex-start",sx:{mt:2,backgroundColor:"#FFF4E5",borderRadius:"10px",p:1.5},children:[(0,r.jsx)(U.Z,{sx:{color:"#FF6B00",fontSize:20,mt:"2px"}}),(0,r.jsxs)(h.Z,{sx:{display:"flex",flexDirection:"column",gap:.5},children:[(0,r.jsx)(d.Z,{fontWeight:700,fontSize:13,color:"#191D2B",children:"Chuyển đ\xfang số t\xe0i khoản v\xe0 nội dung"}),(0,r.jsx)(d.Z,{fontSize:12,color:"#697896",children:"Th\xf4ng tin n\xe0y gi\xfap giao dịch được ghi nhận tự động v\xe0 nhanh ch\xf3ng."})]})]})]}),(0,r.jsxs)(M.ZP,{item:!0,xs:12,md:6,sx:{display:"flex",flexDirection:"column"},children:[(0,r.jsx)(d.Z,{fontWeight:700,fontSize:16,children:"Qu\xe9t m\xe3 QR để nạp tiền"}),(0,r.jsx)(d.Z,{fontSize:13,color:"#697896",sx:{mb:2},children:"M\xe3 QR đ\xe3 bao gồm t\xe0i khoản v\xe0 nội dung chuyển khoản"}),(0,r.jsxs)(x.Z,{alignItems:"center",sx:{backgroundColor:"#F7F9FC",borderRadius:"12px",p:3},children:[k?(0,r.jsx)(h.Z,{ref:S,sx:{width:220,height:220,borderRadius:"8px",overflow:"hidden",backgroundColor:"#FFF"},children:(0,r.jsx)(G.ZP,{value:k,size:220,style:{width:"100%",height:"100%"}})}

1):(0,r.jsx)(h.Z,{sx:{width:220,height:220,backgroundColor:"#EDEFF3",borderRadius:"8px"}}),(0,r.jsx)(d.Z,{fontWeight:700,fontSize:14,sx:{mt:1.5},children:Z?"".concat(Z.code," \xb7 ").concat(Z.accountNo||C.YN):F?"Đang tạo m\xe3 QR...":C.YN}),(0,r.jsx)(d.Z,{fontSize:12,color:"#96A0B5",children:"M\xe3 QR chỉ d\xf9ng cho giao dịch n\xe0y"})]}),(0,r.jsxs)(h.Z,{sx:{mt:2},children:[(0,r.jsx)(d.Z,{fontWeight:600,fontSize:13,sx:{mb:1},children:"Số tiền nạp"}),(0,r.jsx)(v.Z,{fullWidth:!0,value:(0,I.uf)(u,C.YN),onChange:y,inputProps:{inputMode:"numeric"},InputProps:{endAdornment:(0,r.jsx)(Q.Z,{position:"end",children:(0,r.jsx)(d.Z,{fontSize:13,color:"#96A0B5",children:"VND"})})}})]}),(0,r.jsx)(l.Z,{fullWidth:!0,variant:"contained",startIcon:(0,r.jsx)(H.Z,{}),onClick:D,disabled:!k,sx:{mt:2,textTransform:"none",fontWeight:700,backgroundColor:"#0AA5FF",borderRadius:"8px",py:1.25,display:"flex",alignItems:"center",justifyContent:"center",flexDirection:"row"},children:"Lưu m\xe3 QR"})]})]})})};(i=o||(o={})).QUICK_TRANSFER="QUICK_TRANSFER",i.HISTORY="HISTORY";let $=[{label:"Chuyển khoản nhanh",value:o.QUICK_TRANSFER},{label:"Lịch sử nạp tiền",value:o.HISTORY}],nn=n=>{let{value:e,onChange:t}=n;return(0,r.jsx)(x.Z,{direction:"row",spacing:3,sx:{borderBottom:"1px solid #E8EAEE"},children:$.map(n=>{let i=n.value===e;return(0,r.jsx)(x.Z,{sx:{cursor:"pointer",pb:1.5,borderBottom:i?"2px solid #0AA5FF":"2px solid transparent"},onClick:()=>t(n.value),children:(0,r.jsx)(d.Z,{fontWeight:i?700:500,fontSize:15,color:i?"#0AA5FF":"#697896",children:n.label})},n.value)})})};var ne=t(84970),nt=t(67030),ni=t(69429),no=t(64458),nr=t(92292);let ns=()=>{let{user:n,isLoading:e}=(0,R.a)(),{changeModalLoginRegister:t}=(0,no.Pb)(),[i,a]=(0,c.useState)(!1),[d,h]=(0,c.useState)(o.QUICK_TRANSFER),[u,p]=(0,c.useState)(null);return((0,c.useEffect)(()=>{e||t(nt.Od.LOGINREGISTER,!n)},[n,e]),i)?(0,r.jsxs)(ni.Z,{sx:{backgroundColor:"#F5F7FB",height:{xs:"calc(100vh - 56px)",sm:"calc(100vh - 65px)"}},children:[(0,r.jsx)(l.Z,{startIcon:(0,r.jsx)(s.Z,{}),onClick:()=>a(!1),sx:{textTransform:"none",fontWeight:600,color:"#191D2B",mt:2},children:"Quay lại trang nạp tiền"}),(0,r.jsx)(k,{})]}):null===u?(0,r.jsx)(ni.Z,{sx:{backgroundColor:"#F5F7FB",height:{xs:"calc(100vh - 56px)",sm:"calc(100vh - 65px)"}},children:(0,r.jsx)(x.Z,{justifyContent:"center",sx:{pt:{xs:4,md:8}},children:(0,r.jsx)(B,{onContinue:(n,e)=>p({amount:n,depositInfo:e})})})}):(0,r.jsx)(ni.Z,{sx:{backgroundColor:"#F5F7FB",height:{xs:"calc(100vh - 56px)",sm:"calc(100vh - 65px)"}},children:(0,r.jsxs)(x.Z,{spacing:3,sx:{pt:2,pb:4,maxWidth:1040,mx:"auto"},children:[(0,r.jsx)(L,{onShowInstructions:()=>a(!0)}),(0,r.jsx)(nn,{value:d,onChange:h}),d===o.QUICK_TRANSFER?(0,r.jsx)(X,{initialAmount:u.amount,initialDepositInfo:u.depositInfo}):(0,r.jsx)(ne.u,{msg:"T\xednh năng lịch sử nạp tiền đang được ph\xe1t triển"})]})})};ns.getLayout=function(n){return(0,r.jsx)(nr.P,{children:n})};var nl=ns}},function(n){n.O(0,[9774,4885,6779,3601,9043,4564,6951,321,7918,277,1535,4932,4347,9089,6693,7316,5675,7917,6720,4769,7358,2292,1816,2888,179],function(){return n(n.s=48107)}),_N_E=n.O()}]);