https://j2proxy.vn/_next/static/chunks/12963.f1055c2c77c523bc.js

1"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[12963],{1784:(e,t,n)=>{n.d(t,{C9:()=>o,hi:()=>l});var s=n(95155),a=n(64269);function r(e){let{flip:t}=e;return(0,s.jsx)("svg",{width:"43",height:"6",viewBox:"0 0 43 6",fill:"none",xmlns:"http://www.w3.org/2000/svg",className:t?"scale-x-[-1]":void 0,children:(0,s.jsx)("path",{d:"M42.8868 2.88675L40 -2.14577e-06L37.1132 2.88675L40 5.7735L42.8868 2.88675ZM0 2.88675V3.38675H40V2.88675V2.38675H0V2.88675Z",fill:"currentColor"})})}function l(e){let{children:t}=e;return(0,s.jsxs)("div",{className:"text-primary flex items-center justify-center gap-2",children:[(0,s.jsx)(r,{}),(0,s.jsx)("p",{className:"text-text-normal-template-3 shrink-0 text-base leading-5 font-semibold",children:t}),(0,s.jsx)(r,{flip:!0})]})}function i(e){let{variant:t,className:n}=e;return"security"===t?(0,s.jsxs)("svg",{width:"16",height:"16",viewBox:"0 0 16 16",fill:"none",xmlns:"http://www.w3.org/2000/svg",className:n,children:[(0,s.jsx)("path",{d:"M13.3346 8.66666C13.3346 12 11.0013 13.6667 8.22797 14.6333C8.08274 14.6825 7.92499 14.6802 7.7813 14.6267C5.0013 13.6667 2.66797 12 2.66797 8.66666V4C2.66797 3.82319 2.73821 3.65362 2.86323 3.52859C2.98826 3.40357 3.15782 3.33333 3.33464 3.33333C4.66797 3.33333 6.33464 2.53333 7.49464 1.52C7.63587 1.39933 7.81554 1.33303 8.0013 1.33303C8.18707 1.33303 8.36673 1.39933 8.50797 1.52C9.67464 2.54 11.3346 3.33333 12.668 3.33333C12.8448 3.33333 13.0143 3.40357 13.1394 3.52859C13.2644 3.65362 13.3346 3.82319 13.3346 4V8.66666Z",stroke:"currentColor",strokeLinecap:"round",strokeLinejoin:"round"}),(0,s.jsx)("path",{d:"M6 8L7.33333 9.33333L10 6.66666",stroke:"currentColor",strokeLinecap:"round",strokeLinejoin:"round"})]}):"uptime"===t?(0,s.jsxs)("svg",{width:"16",height:"16",viewBox:"0 0 16 16",fill:"none",xmlns:"http://www.w3.org/2000/svg",className:n,children:[(0,s.jsx)("path",{d:"M7.9987 14.6667C11.6806 14.6667 14.6654 11.6819 14.6654 8C14.6654 4.3181 11.6806 1.33334 7.9987 1.33334C4.3168 1.33334 1.33203 4.3181 1.33203 8C1.33203 11.6819 4.3168 14.6667 7.9987 14.6667Z",stroke:"currentColor",strokeLinecap:"round",strokeLinejoin:"round"}),(0,s.jsx)("path",{d:"M8 4V8L10.6667 9.33333",stroke:"currentColor",strokeLinecap:"round",strokeLinejoin:"round"})]}):(0,s.jsx)("svg",{width:"16",height:"16",viewBox:"0 0 16 16",fill:"none",xmlns:"http://www.w3.org/2000/svg",className:n,children:(0,s.jsx)("path",{d:"M2 9.33333H4C4.35362 9.33333 4.69276 9.47381 4.94281 9.72386C5.19286 9.97391 5.33333 10.313 5.33333 10.6667V12.6667C5.33333 13.0203 5.19286 13.3594 4.94281 13.6095C4.69276 13.8595 4.35362 14 4 14H3.33333C2.97971 14 2.64057 13.8595 2.39052 13.6095C2.14048 13.3594 2 13.0203 2 12.6667V8C2 6.4087 2.63214 4.88258 3.75736 3.75736C4.88258 2.63214 6.4087 2 8 2C9.5913 2 11.1174 2.63214 12.2426 3.75736C13.3679 4.88258 14 6.4087 14 8V12.6667C14 13.0203 13.8595 13.3594 13.6095 13.6095C13.3594 13.8595 13.0203 14 12.6667 14H12C11.6464 14 11.3072 13.8595 11.0572 13.6095C10.8071 13.3594 10.6667 13.0203 10.6667 12.6667V10.6667C10.6667 10.313 10.8071 9.97391 11.0572 9.72386C11.3072 9.47381 11.6464 9.33333 12 9.33333H14",stroke:"currentColor",strokeLinecap:"round",strokeLinejoin:"round"})})}function o(){return(0,s.jsx)("div",{className:"flex w-full flex-wrap items-start justify-center gap-3",children:[{variant:"security",label:"IP chất lượng cao",widthClassName:"w-[179px] 2xl:min-w-[179px]"},{variant:"uptime",label:"Nhanh gọn",widthClassName:"w-[138px] 2xl:min-w-[138px]"},{variant:"support",label:"Hỗ trợ 24/7",widthClassName:"w-[139px] 2xl:min-w-[139px]"}].map(e=>{let{variant:t,label:n,widthClassName:r}=e;return(0,s.jsxs)("span",{className:(0,a.cn)("border-border-template-3 text-text-normal-template-3 flex shrink-0 items-center justify-center gap-1.5 rounded-full border bg-white px-5 py-1 text-sm whitespace-nowrap 2xl:w-auto 2xl:flex-1",r),children:[(0,s.jsx)(i,{variant:t,className:"text-primary h-4 w-4 shrink-0"}),n]},n)})})}},12963:(e,t,n)=>{n.d(t,{A:()=>L});var s=n(95155),a=n(86948),r=n(41052),l=n(65142),i=n(66942),o=n(96199),d=n(12115),c=n(22544),x=n(15653),m=n(15239),u=n(18720),p=n(61362),h=n(52056),f=n(13744),g=n(60919),v=n(75746),b=n(33407),j=n(50832),N=n(14734),w=n(39180),y=n(72264),C=n(22493),F=n(64269),k=n(1784),E=n(9379),A=n(79724),z=n(74022),V=n(92666);let B={isNumber:"Số tiền phải l\xe0 số",notFound:"Số điện thoại kh\xf4ng tồn tại"};function L(e){var t,n,L,S,T,_,I,M,H,D,R,P,Z,$,Q,q,J,O,G,U,W;let{open:X,onClose:K}=e,Y=(0,w.r)(e=>e.config),[ee,et]=(0,d.useState)({}),[en,es]=(0,d.useState)(null),ea=(0,w.r)(e=>e.config),er=Math.max(1e3,Number(null!=(P=null==ea||null==(t=ea.setting)?void 0:t.minDeposit)?P:1e3)),el=(0,d.useMemo)(()=>x.z.object({amount:x.z.union([x.z.string(),x.z.number()]).refine(e=>""!==e&&null!=e,{message:"Vui l\xf2ng nhập số tiền"}).transform(e=>"string"==typeof e?parseFloat(e):e).refine(e=>!isNaN(e),{message:"Số tiền phải l\xe0 số"}).refine(e=>e>=er,{message:"Số tiền phải ≥ ".concat(f.A.formatNum2(er),"đ")})}),[er]),ei=(0,c.mN)({resolver:(0,i.u)(el),values:{amount:""}}),{formState:{isSubmitting:eo}}=ei,{data:ed,status:ec}=(0,o.wV)(),ex=(0,z.a)(),em=(0,v.k)(e=>e.updateCoin),eu=(0,v.k)(e=>e.user),{notifications:ep,disconnect:eh,emit:ef,isConnected:eg}=(0,N.F)(null==ed||null==(n=ed.user)?void 0:n.accessToken);async function ev(e){var t,n,a,r,l;try{if(e.amount<er)return void u.toast.error("Số tiền nạp chÆ°a đủ tối thiểu",{description:"Vui l\xf2ng nạp tối thiểu ".concat(f.A.formatNum2(er),"đ"),duration:5e3});let n=await ex.withBuyer(e);if(!n)return;let a=await f.A.postApi("/api/v1/transactions",n,null==ed||null==(t=ed.user)?void 0:t.accessToken,{headers:(0,V.v)()});et(a),u.toast.success("Tạo giao dịch th\xe0nh c\xf4ng",{duration:5e3,icon:(0,s.jsx)(p.A,{className:"h-4 w-4 text-green-600"})})}catch(e){if(e instanceof g.pe){let t=null==(n=e.response)?void 0:n.data;if(null==t?void 0:t.message)u.toast.error("Tạo giao dịch thất bại",{description:null!=(a=null==B?void 0:B[t.message])?a:t.message,duration:5e3,icon:(0,s.jsx)(h.A,{className:"h-4 w-4 text-red-500"})});else if(null==t?void 0:t.errors){if((0,z.S)(t.errors))return;(null==(r=t.errors)?void 0:r.user)?u.toast.error("Tạo giao dịch thất bại",{description:null!=(l=null==B?void 0:B[t.errors.user])?l:t.errors.user,duration:5e3,icon:(0,s.jsx)(h.A,{className:"h-4 w-4 text-red-500"})}):f.A.handleFormErrorFromResponse(ei,t.errors,B)}}else u.toast.error("Tạo giao dịch thất bại",{description:"Lỗi kết nối đến m\xe1y chá»

1§.",duration:5e3,icon:(0,s.jsx)(h.A,{className:"h-4 w-4 text-red-500"})})}}return((0,d.useEffect)(()=>{if(X)return()=>{et({}),eh()}},[X]),(0,d.useEffect)(()=>{eg&&ef("register")},[eg]),(0,d.useEffect)(()=>{let e=ep.find(e=>e.id==ee.id);if(e){var t;et({...ee,...e}),u.toast.success("Thanh to\xe1n th\xe0nh c\xf4ng",{duration:5e3,icon:(0,s.jsx)(p.A,{className:"h-4 w-4 text-green-600"})}),(null==eu||null==(t=eu.role)?void 0:t.id)=="3"&&em(Number(e.amount))}},[ep]),"unauthenticated"!==ec&&ed)?(0,s.jsxs)(b.a,{title:(null==ee?void 0:ee.id)?"Thanh to\xe1n":"Nạp tiền",description:"",isOpen:X,onClose:K,className:(0,F.cn)("w-[calc(100vw-2rem)] overflow-x-hidden",(null==ee?void 0:ee.id)?"no-scrollbar max-h-[90vh] overflow-y-auto sm:w-[707px] sm:max-w-[707px]":"overflow-y-visible sm:w-[712px] sm:max-w-[712px]"),headerClassName:"h-12 justify-between bg-gradient-to-b from-[var(--from-modal-payment)] to-[var(--to-modal-payment)] px-6 py-3",titleClassName:"!text-lg !leading-6 !font-semibold !text-[#18181B]",children:[(0,s.jsx)(a.Zp,{className:"mx-auto gap-3 rounded-b-[24px] border-none py-0 shadow-none",children:(0,s.jsxs)(a.Wu,{className:(0,F.cn)("flex flex-col gap-6 px-4 pt-4 pb-2 sm:px-6 sm:pt-5",(null==ee?void 0:ee.id)?"2xl:px-6 2xl:pt-5 2xl:pb-5":"2xl:px-6 2xl:pt-6 2xl:pb-6"),children:[!(null==ee?void 0:ee.id)&&(0,s.jsx)(r.l

1V,{...ei,children:(0,s.jsxs)("form",{onSubmit:ei.handleSubmit(ev),className:"flex flex-col gap-5",children:[(0,s.jsxs)("div",{className:"flex flex-col gap-4",children:[(0,s.jsxs)("div",{className:"flex flex-col gap-3",children:[(0,s.jsx)(r.zB,{name:"amount",render:e=>{let{field:t}=e;return(0,s.jsxs)(r.eI,{className:"w-full gap-1",children:[(0,s.jsx)(r.lR,{className:"text-[14px] leading-5 font-medium text-black",children:"Số tiền muốn nạp"}),(0,s.jsx)(r.MJ,{children:(0,s.jsx)(l.p,{step:1,type:"number",min:0,placeholder:"Tối thiểu l\xe0 ".concat(f.A.formatNum2(er)," VNĐ"),className:"no-spinner h-10 items-center gap-[10px] rounded-full border border-[#D4D4D8] px-4 py-2.5 text-sm font-normal text-[#18181B] placeholder:text-[rgba(60,60,67,0.6)] focus-visible:ring-0",...t,onChange:e=>t.onChange(e.target.value?+e.target.value:"")})}),(0,s.jsx)(r.C5,{})]})}}),(0,s.jsxs)("div",{className:"flex flex-col items-start gap-3 sm:flex-row",children:[(0,s.jsxs)("span",{className:"text-[16px] leading-5 font-medium text-[#007AFF]",children:["Số dư hiện tại:"," ",f.A.formatNum2(Number(null!=(Z=null==eu?void 0:eu.coin)?Z:0)+(null!=(Q=null!=($=null==eu||null==(L=eu.merchant)?void 0:L.promotionAmountRemaining)?$:null==eu||null==(S=eu.merchant)?void 0:S.amountRemaining)?Q:0))," ","VNĐ"]}),(0===Number(null==eu?void 0:eu.coin)||!(null==eu?void 0:eu.coin))&&(0,s.jsx)("span",{className:"text-primary text-[16px] leading-[22px] font-bold underline",children:"Nạp tiền ngay"})]})]}),(null==Y||null==(T=Y.setting)?void 0:T.depositBonus)&&Y.setting.depositBonus.length>0&&(0,s.jsxs)(s.Fragment,{children:[(0,s.jsxs)("div",{className:"flex items-center gap-4",children:[(0,s.jsx)("div",{className:"h-px flex-1 bg-[#E5E5EA]"}),(0,s.jsx)("span",{className:"text-sm font-normal whitespace-nowrap text-[#3C3C43]/60",children:"Hoặc nạp tiền với"}),(0,s.jsx)("div",{className:"h-px flex-1 bg-[#E5E5EA]"})]}),(0,s.jsxs)("div",{className:"flex flex-col gap-4",children:[(0,s.jsx)("div",{className:"flex items-center justify-center gap-2",children:(0,s.jsx)(k.hi,{children:(0,s.jsx)("p",{className:"text-text-normal-template-3 text-base font-semibold whitespace-nowrap",children:"Nạp nhanh với nhiều ưu đ\xe3i"})})}),(0,s.jsx)("div",{className:"custom-scroll grid max-h-[132px] grid-cols-2 gap-3 overflow-y-auto pr-1 sm:max-h-[136px] sm:grid-cols-3 sm:gap-4",children:null==Y||null==(_=Y.setting)?void 0:_.depositBonus.map(e=>{let t;return(0,s.jsxs)(j.$,{type:"button",onClick:()=>{var t;return t=e.min,void(ei.setValue("amount",t),es(t))},className:"relative flex h-[60px] w-full cursor-pointer flex-col items-start justify-center gap-1 rounded-[12px] border bg-[#FAFAFA] px-3 py-2 transition-colors ".concat(en===e.min?"border-primary":"hover:border-primary border-[#E4E4E7]"),children:[(0,s.jsxs)("div",{className:"text-[12px] leading-[16px] font-normal tracking-[0px] text-[#3C3C43]/60",children:["Nạp từ ",f.A.formatNum2(e.min),"đ"]}),(0,s.jsxs)("div",{className:"text-[16px] leading-[20px] font-semibold tracking-[0%] text-[#007AFF]",children:["Tặng"," ",(t=e.min*e.rate,new Intl.NumberFormat("vi-VN",{style:"currency",currency:"VND"}).format(t).replace(/\s?₫/g,"đ").trim())]}),(0,s.jsx)("div",{className:"absolute top-0 right-0 flex h-[26px] min-w-[49px] items-center justify-center rounded-tr-[8px] rounded-bl-[16px] bg-[#007AFF] px-[5px]",children:(0,s.jsxs)("span",{className:"text-[12px] leading-[16px] font-medium tracking-[0px] text-white",children:["+",100*e.rate,"%"]})})]},e.min)})})]})]})]}),(0,s.jsxs)("div",{className:"flex flex-col gap-3",children:[(0,s.jsx)(A.I,{...ex.checkboxProps}),(0,s.jsx)(j.$,{className:"bg-primary hover:bg-primary/90 text-background flex h-10 w-full shrink-0 items-center justify-center gap-1.5 rounded-full text-sm font-medium ".concat(C.pH.className),disabled:eo,type:"submit",children:"Tạo QR chuyển tiền"}),(0,s.jsxs)("div",{className:"flex w-full items-center gap-[10px] rounded-[10px] bg-[#FBF5EE] px-2.5 py-2.5",children:[(0,s.jsx)(y.F.ICircleIcon,{className:"shrink-0 text-[#91601C]",style:{width:"24px",height:"24px"}}

1),(0,s.jsx)("span",{className:"text-[12px] leading-[16px] font-normal text-[#91601C]",children:"Số dÆ° trong t\xe0i khoản được sá»­ dụng để mua c\xe1c dịch vụ tr\xean web, kh\xf4ng hỗ trợ ho\xe0n lại tiền tiền mặt hoặc chuyển khoản"})]})]})]})}),(null==ee?void 0:ee.id)&&(0,s.jsx)(r.lV,{...ei,children:(0,s.jsx)("form",{onSubmit:ei.handleSubmit(ev),className:"flex flex-col gap-4",children:(0,s.jsxs)("div",{className:"flex flex-col gap-3",children:[(0,s.jsxs)("div",{className:"flex flex-col items-start gap-3 md:flex-row md:gap-4",children:[(0,s.jsxs)("div",{className:"flex w-full max-w-[482px] flex-col gap-2",children:[(0,s.jsx)(r.zB,{name:"amount",render:e=>{let{field:t}=e;return(0,s.jsxs)(r.eI,{className:"w-full max-w-[482px] gap-1",children:[(0,s.jsx)(r.lR,{className:"text-[14px] leading-5 font-medium text-black",children:"Số tiền muốn nạp"}),(0,s.jsx)(r.MJ,{children:(0,s.jsx)(l.p,{step:1,type:"number",min:0,placeholder:"Tối thiểu l\xe0 ".concat(f.A.formatNum2(er)," VNĐ"),className:"no-spinner h-10 items-center gap-[10px] rounded-full border border-[#D4D4D8] px-4 py-2.5 text-sm font-normal text-[#18181B] placeholder:text-[rgba(60,60,67,0.6)] focus-visible:ring-0",...t,onChange:e=>t.onChange(e.target.value?+e.target.value:"")})}),(0,s.jsx)(r.C5,{})]})}}),(0,s.jsx)(A.I,{...ex.checkboxProps})]}),(0,s.jsx)(j.$,{className:"bg-primary hover:bg-primary/90 text-background flex h-10 w-full shrink-0 items-center justify-center gap-1.5 rounded-full text-sm font-medium md:mt-6 md:w-[161px] ".concat(C.pH.className),disabled:eo,type:"submit",children:"Tạo QR chuyển tiền"})]}),(0,s.jsxs)("div",{className:"flex flex-col items-start gap-3 sm:flex-row",children:[(0,s.jsxs)("span",{className:"text-[16px] leading-5 font-medium text-[#007AFF]",children:["Số dÆ° hiện tại:"," ",f.A.formatNum2(Number(null!=(q=null==eu?void 0:eu.coin)?q:0)+(null!=(O=null!=(J=null==eu||null==(I=eu.merchant)?void 0:I.promotionAmountRemaining)?J:null==eu||null==(M=eu.merchant)?void 0:M.amountRemaining)?O:0))," ","VNĐ"]}),(0===Number(null==eu?void 0:eu.coin)||!(null==eu?void 0:eu.coin))&&(0,s.jsx)("span",{className:"text-primary text-[16px] leading-[22px] font-bold underline",children:"Nạp tiền ngay"})]})]})})}),(null==ee?void 0:ee.id)&&(0,s.jsxs)("div",{className:"flex w-full flex-col gap-6 md:flex-row",children:[(0,s.jsx)("div",{className:"flex flex-1 flex-col items-center justify-center gap-2 rounded-xl border border-[#FF9500] bg-gradient-to-b from-[rgba(255,243,227,0.2)] to-[#FFF3E3] p-4 md:w-[317.5px] md:flex-none",children:(0,s.jsx)("div",{className:"flex w-full flex-1 items-center justify-center border-t border-b bg-white p-3",children:(null==(H=ee.status)?void 0:H.id)=="6"?(0,s.jsxs)("div",{className:"flex flex-col items-center justify-center gap-3",children:[(0,s.jsx)(m.default,{className:"object-contain",src:"/images/correct.png",alt:"",width:211,height:211}),(0,s.jsx)("p",{className:"text-center text-2xl font-bold text-green-600",children:"Thanh to\xe1n th\xe0nh c\xf4ng!"})]}):ee.qrCode&&(0,s.jsxs)("div",{className:"relative flex w-full items-center justify-center p-4",children:[(0,s.jsx)("span",{className:"pointer-events-none absolute top-0 left-0 size-6 border-t-4 border-l-4 border-[#FF9500]"}),(0,s.jsx)("span",{className:"pointer-events-none absolute top-0 right-0 size-6 border-t-4 border-r-4 border-[#FF9500]"}),(0,s.jsx)("span",{className:"pointer-events-none absolute bottom-0 left-0 size-6 border-b-4 border-l-4 border-[#FF9500]"}),(0,s.jsx)("span",{className:"pointer-events-none absolute right-0 bottom-0 size-6 border-r-4 border-b-4 border-[#FF9500]"}),(0,s.jsx)(m.default,{className:"h-auto w-full max-w-[285.5px] object-contain",src:ee.qrCode,alt:"",width:286,height:296})]})})}),(0,s.jsxs)("div",{className:"flex min-w-0 flex-1 flex-col gap-4",children:[(0,s.jsxs)("div",{className:"flex min-h-10 w-full items-center justify-between gap-[17px] rounded-[8px] border-b border-[#FF9500] bg-[#FEF9F0] px-[12px]",children:[(0,s.jsx)("span",{className:"text-sm text-[#495061]",children:"Ng\xe2n h\xe0ng"}),(0,s.jsx)("span",{className:"text-base font-medium text-[#18181B]",children:null!=(G=null==ee?void 0:ee.bankName)?G:"Ng\xe2n h\xe0ng TMCP Qu\xe2n đội"})]}),(0,s.jsxs)("div",{className:"flex min-h-10 w-full items-center justify-between gap-[17px] rounded-[8px] border-b border-[#FF9500] bg-[#FEF9F0] px-[12px]",children:[(0,s.jsx)("span",{className:"text-sm text-[#495061]",children:"Số t\xe0i khoản"}),(0,s.jsxs)("div",{className:"flex items-center gap-2",children:[(0,s.jsx)("span",{className:"text-base font-medium text-[#18181B]",children:null!=(U=null==ee?void 0:ee.accountNumber)?U:"02897909245688"}),(0,s.jsx)(j.$,{variant:"ghost",size:"icon",onClick:()=>{var e;navigator.clipboard.writeText(null!=(e=null==ee?void 0:ee.accountNumber)?e:"02897909245688"),u.toast.success("Đ\xe3 copy số t\xe0i khoản")},className:"h-5 w-5 text-[#8E8E93] hover:bg-transparent hover:text-[#3C3C43]",children:(0,s.jsx)(y.F.CopyIcon,{className:"h-5 w-5"})})]})]}),(0,s.jsxs)("div",{className:"flex h-11 w-full items-center justify-between gap-[17px] rounded-[8px] border-b border-[#FF9500] bg-[#FEF9F0] px-[12px]",children:[(0,s.jsx)("span",{className:"shrink-0 text-sm whitespace-nowrap text-[#495061]",children:"Chủ t\xe0i khoản"}),(0,s.jsxs)("div",{className:"flex min-w-0 flex-1 items-center gap-2",children:[(0,s.jsx)("span",{className:"min-w-0 flex-1 truncate text-right text-base font-medium text-[#18181B]",children:null==ee?void 0:ee.accountName}),(0,s.jsx)(j.$,{variant:"ghost",size:"icon",onClick:()=>{var e;navigator.clipboard.writeText(null!=(e=null==ee?void 0:ee.accountName)?e:""),u.toast.success("Đ\xe3 copy chá»

1§ t\xe0i khoản")},className:"h-6 w-6 shrink-0 text-[#8E8E93] hover:bg-transparent hover:text-[#3C3C43]",children:(0,s.jsx)(y.F.CopyIcon,{className:"h-6 w-6"})})]})]}),(0,s.jsxs)("div",{className:"flex min-h-10 w-full items-center justify-between gap-[17px] rounded-[8px] border-b border-[#FF9500] bg-[#FEF9F0] px-[12px]",children:[(0,s.jsx)("span",{className:"text-sm text-[#495061]",children:"Số tiền thanh to\xe1n"}),(0,s.jsx)("span",{className:"text-base font-medium text-[#18181B]",children:f.A.formatNum2(null!=(W=null==ee?void 0:ee.amount)?W:0)})]}),(0,s.jsxs)("div",{className:"flex min-h-10 w-full items-center justify-between gap-[17px] rounded-[8px] border-b border-[#FF9500] bg-[#FEF9F0] px-[12px]",children:[(0,s.jsx)("span",{className:"text-sm text-[#495061]",children:"Nội dung chuyển khoản"}),(0,s.jsx)("div",{className:"flex items-center gap-2",children:(0,s.jsx)("span",{className:"text-base font-medium text-[#18181B]",children:null==ee?void 0:ee.description})})]}),(0,s.jsxs)("div",{className:"flex min-h-11 w-full items-center justify-between gap-[17px] rounded-[8px] border-b border-[#FF9500] bg-[#FEF9F0] px-[12px]",children:[(0,s.jsx)("span",{className:"text-sm text-[#495061]",children:"Trạng th\xe1i"}),(0,s.jsx)("span",{className:"flex items-center gap-[2px] text-base font-medium text-[#18181B]",children:(null==(D=ee.status)?void 0:D.id)=="6"?"Đ\xe3 thanh to\xe1n":(null==(R=ee.status)?void 0:R.id)=="7"?"Đ\xe3 huá»·":(0,s.jsxs)(s.Fragment,{children:[(0,s.jsx)(y.F.LoadingIcon,{className:"h-6 w-6 animate-spin text-[#FF9500]"})," ","ChÆ°a thanh to\xe1n"]})})]})]})]}),(null==ee?void 0:ee.id)&&(0,s.jsxs)("div",{className:"flex w-full items-center gap-[10px] rounded-[10px] bg-[#FBF5EE] p-2.5",children:[(0,s.jsx)(y.F.ICircleIcon,{className:"shrink-0 text-[#91601C]",style:{width:"24px",height:"24px"}}),(0,s.jsx)("span",{className:"text-[12px] leading-[16px] font-normal text-[#91601C]",children:"Sai nội dung hoặc 10 ph\xfat kh\xf4ng l\xean tiền cần li\xean hệ để kiểm tra"})]})]})}),(0,s.jsx)(E.c,{...ex.dialogProps})]}):null}},22493:(e,t,n)=>{n.d(t,{MQ:()=>c.a,pH:()=>j.a,qP:()=>C.a,uV:()=>l.a,z8:()=>w.a});var s=n(50408),a=n.n(s),r=n(39082),l=n.n(r),i=n(36397),o=n.n(i),d=n(32171),c=n.n(d),x=n(18642),m=n.n(x),u=n(93741),p=n.n(u),h=n(71526),f=n.n(h),g=n(57589),v=n.n(g),b=n(80070),j=n.n(b),N=n(62732),w=n.n(N),y=n(76568),C=n.n(y);(0,n(64269).cn)(a().variable,l().variable,o().variable,c().variable,m().variable,p().variable,f().variable,v().variable,j().variable,w().variable)},33407:(e,t,n)=>{n.d(t,{a:()=>r});var s=n(95155),a=n(61504);let r=e=>{let{title:t,description:n,isOpen:r,onClose:l,children:i,className:o,titleClassName:d,headerClassName:c,showCloseButton:x=!0}=e;return(0,s.jsx)(a.lG,{open:r,onOpenChange:e=>{e||l()},children:(0,s.jsx)(a.Cf,{className:o,title:t,description:n,titleClassName:null!=d?d:"",headerClassName:null!=c?c:"",showCloseButton:x,onOpenAutoFocus:e=>{e.preventDefault()},children:(0,s.jsx)("div",{className:"min-w-0",children:i})})})}},50832:(e,t,n)=>{n.d(t,{$:()=>o,r:()=>i});var s=n(95155);n(12115);var a=n(32467),r=n(83101),l=n(64269);let i=(0,r.F)("inline-flex items-center hover:cursor-pointer justify-center gap-2 whitespace-nowrap rounded-lg text-sm font-medium transition-all disabled:pointer-events-none [&_svg]:pointer-events-none [&_svg:not([class*='size-'])]:size-4 shrink-0 [&_svg]:shrink-0 outline-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[1px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive",{variants:{variant:{default:"bg-primary text-primary-foreground shadow-xs",destructive:"bg-destructive text-white shadow-xs hover:bg-destructive/90 focus-visible:ring-destructive/20 dark:focus-visible:ring-destructive/40 dark:bg-destructive/60",outline:"border border-primary bg-transparent shadow-xs hover:bg-accent hover:text-accent-foreground dark:bg-input/30 dark:border-input dark:hover:bg-input/50 text-primary data-[active=true]:text-primary data-[active=true]:border-primary data-[active=true]:bg-primary/10",secondary:"bg-secondary text-secondary-foreground shadow-xs hover:bg-secondary/80",ghost:"hover:bg-primary-hover hover:text-accent-foreground dark:hover:bg-accent/50",link:"text-primary underline-offset-4 hover:underline"},size:{default:"h-9 px-4 py-2 has-[>svg]:px-3",sm:"h-8 rounded-lg gap-1.5 px-3 has-[>svg]:px-2.5",lg:"h-10 rounded-lg px-6 has-[>svg]:px-4",icon:"size-9"}},defaultVariants:{variant:"default",size:"default"}});function o(e){let{className:t,variant:n,size:r,asChild:o=!1,...d}=e,c=o?a.DX:"button";return(0,s.jsx)(c,{"data-slot":"button",className:(0,l.cn)(i({variant:n,size:r,className:t})),...d})}}

1,61504:(e,t,n)=>{n.d(t,{Cf:()=>c,lG:()=>i});var s=n(95155);n(12115);var a=n(89511),r=n(65229),l=n(64269);function i(e){let{...t}=e;return(0,s.jsx)(a.bL,{"data-slot":"dialog",...t})}function o(e){let{...t}=e;return(0,s.jsx)(a.ZL,{"data-slot":"dialog-portal",...t})}function d(e){let{className:t,...n}=e;return(0,s.jsx)(a.hJ,{"data-slot":"dialog-overlay",className:(0,l.cn)("data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 fixed inset-0 z-50 bg-black/50",t),...n})}function c(e){let{className:t,children:n,showCloseButton:i=!0,title:c,titleClassName:u="",headerClassName:p="",description:h,...f}=e;return(0,s.jsxs)(o,{"data-slot":"dialog-portal",children:[(0,s.jsx)(d,{}),(0,s.jsxs)(a.UC,{"data-slot":"dialog-content",className:(0,l.cn)("bg-background data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 fixed top-[50%] left-[50%] z-50 flex w-auto max-w-[583px] min-w-0 translate-x-[-50%] translate-y-[-50%] flex-col rounded-[24px] border-none shadow-[0_2px_4px_0_var(--shadow-modal)] duration-200 sm:max-w-[886px]",t),...f,children:[(0,s.jsxs)(x,{className:p,children:[(0,s.jsx)(m,{className:c?"text-text-normal-template-3 h-full align-middle text-[18px] leading-5 font-semibold ".concat(u," "):"hidden",children:c}),i&&(0,s.jsxs)(a.bm,{"data-slot":"dialog-close",className:"ring-offset-background focus:ring-primary data-[state=open]:bg-accent data-[state=open]:text-muted-foreground rounded-xs transition-opacity hover:cursor-pointer hover:opacity-100 focus:ring-2 focus:ring-offset-2 focus:outline-hidden disabled:pointer-events-none [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",children:[(0,s.jsx)(r.A,{className:"!h-6 !w-6 text-neutral-900"}),(0,s.jsx)("span",{className:"sr-only",children:"Close"})]})]}),n]})]})}function x(e){let{className:t,...n}=e;return(0,s.jsx)("div",{"data-slot":"dialog-header",className:(0,l.cn)("sticky top-0 z-50 flex h-12 w-auto flex-row items-center justify-between rounded-t-[24px] bg-[#F3EAE2] px-8 py-4 text-center sm:text-left",t),...n})}function m(e){let{className:t,...n}=e;return(0,s.jsx)(a.hE,{"data-slot":"dialog-title",className:(0,l.cn)("text-normal text-base leading-none font-semibold",t),...n})}}}]);