https://j2proxy.vn/_next/static/chunks/22675.338cc409fe5a2c0b.js

1"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[22675],{21154:(e,t,a)=>{a.r(t),a.d(t,{default:()=>A});var l=a(95155),s=a(12115),n=a(7007),r=a(39509),i=a(97453),x=a(61589),d=a(43918),c=a(17527),o=a(13744),m=a(86651),p=a(63581),u=a(15239);let h={6:{bgColor:"#f0ffed",textColor:"#239b00",title:"Đ\xe3 ho\xe0n th\xe0nh"},3:{bgColor:"#fff9e6",textColor:"#e9a106",title:"Chờ xử l\xfd"},7:{bgColor:"#ffe6e6",textColor:"#dc2626",title:"Đ\xe3 huỷ"}};function f(e){return(0,l.jsx)("svg",{width:"20",height:"20",viewBox:"0 0 20 20",fill:"none",xmlns:"http://www.w3.org/2000/svg",...e,children:(0,l.jsx)("path",{d:"M10.0007 12.4997L5.83398 8.33301H14.1673L10.0007 12.4997Z",fill:"currentColor"})})}let g={VIETTEL:"/images/images-Template4/viettel.webp",FPT:"/images/images-Template4/fpt.png",VNPT:"/images/images-Template4/vnpt.png",US:"/images/images-Template4/us.png",CMC:"/images/images-Template4/vn.png"},w=["M\xe3 đơn h\xe0ng","T\xe0i khoản","Số lượng","Đơn gi\xe1","Số tiền","Ng\xe0y sử dụng","M\xe3 số thuế","Nh\xe0 mạng"];function N(e){var t;let{data:a,columns:n,totalItems:N}=e,[v]=(0,i.ZA)("limit",i.GJ.withDefault(50)),[j,b]=(0,s.useState)(""),y=Math.ceil(N/v),{table:C}=(0,c.u)({data:a,columns:n,pageCount:y,shallow:!1,debounceMs:500,initialState:{columnVisibility:{id:!0}}}),k=(0,s.useCallback)(e=>{var t;return"s"===e.columnDef.id||(null==(t=e.columnDef.meta)?void 0:t.variant)==="text"},[]),A=(0,s.useMemo)(()=>C.getAllColumns().filter(e=>e.getCanFilter()).filter(e=>k(e)),[C,k]),S=A[0],V=C.getColumn("status.id"),T=null==V?void 0:V.columnDef.meta,_=null==V?void 0:V.getFilterValue(),P=Array.isArray(_)?_[0]:_,D=(0,s.useCallback)(()=>{let e=j.trim();S&&(e?(S.setFilterValue(e),A.filter(e=>e.id!==S.id).forEach(e=>e.setFilterValue(void 0))):S.setFilterValue(void 0))},[A,S,j]),F=a.flatMap(e=>{var t;return((null==(t=e.products)?void 0:t.length)?e.products:[void 0]).map((t,a)=>((e,t,a)=>{var s,n,r,i,x,d,c;let m=h[Number(null==(s=e.status)?void 0:s.id)],p=(null==t?void 0:t.provider)||(null==t||null==(n=t.product)?void 0:n.provider),f=(e=>{if(!e)return null;let t=new Date(e);return Number.isNaN(t.getTime())?null:{date:t.toLocaleDateString("vi-VN"),time:t.toLocaleTimeString("vi-VN")}})(e.createdAt);return m?(0,l.jsxs)("div",{className:"flex w-full min-w-[1104px] flex-col items-start justify-center gap-[8px] rounded-[8px] border-0 bg-white p-[12px] shadow-[inset_0_0_0_1px_#e8e8e9]",children:[(0,l.jsx)("div",{className:"flex w-full items-start justify-between",children:(0,l.jsx)("span",{className:"inline-flex items-center rounded-[999px] px-[8px] py-[4px] text-[14px] leading-[19px] font-semibold whitespace-nowrap",style:{backgroundColor:m.bgColor,color:m.textColor},children:m.title})}),(0,l.jsxs)("div",{className:"flex w-full flex-col items-start",children:[(0,l.jsxs)("div",{className:"flex w-full items-center justify-between border-b-0 py-[4px] shadow-[inset_0_-1px_0_0_#e8e8e9]",children:[w.map(e=>(0,l.jsx)("div",{className:"flex min-w-0 flex-1 items-center justify-center px-[16px]",children:(0,l.jsx)("span",{className:"text-[14px] leading-[19px] font-semibold whitespace-nowrap text-black",children:e})},e)),(0,l.jsx)("div",{className:"flex w-[152px] shrink-0 items-center justify-center px-[16px]",children:(0,l.jsx)("span",{className:"text-[14px] leading-[19px] font-semibold whitespace-nowrap text-black",children:"Ng\xe0y thực hiện"})})]}),(0,l.jsxs)("div",{className:"flex w-full items-center justify-between pt-[8px]",children:[(0,l.jsx)("div",{className:"flex min-w-0 flex-1 items-center justify-center px-[16px]",children:(0,l.jsx)("span",{className:"text-[14px] leading-[19px] whitespace-nowrap text-[#2e2e2e]",children:e.code||"N/A"})}),(0,l.jsx)("div",{className:"flex min-w-0 flex-1 items-center justify-center px-[16px]",children:(0,l.jsx)("span",{className:"text-[14px] leading-[19px] whitespace-nowrap text-[#2e2e2e]",children:(null==(r=e.user)?void 0:r.phone)||"N/A"})}),(0,l.jsx)("div",{className:"flex min-w-0 flex-1 items-center justify-center px-[16px]",children:(0,l.jsx)("span",{className:"text-[14px] leading-[19px] whitespace-nowrap text-[#2e2e2e]",children:null!=(x=null==t?void 0:t.quantity)?x:"N/A"})}),(0,l.jsx)("div",{className:"flex min-w-0 flex-1 items-center justify-center px-[16px]",children:(0,l.jsx)("span",{className:"text-[14px] leading-[19px] whitespace-nowrap text-[#2e2e2e]",children:(null==t?void 0:t.price)?"".concat(o.A.formatNum

1(Number(t.price)),"đ"):"N/A"})}),(0,l.jsx)("div",{className:"flex min-w-0 flex-1 items-center justify-center px-[16px]",children:(0,l.jsxs)("span",{className:"text-[14px] leading-[19px] whitespace-nowrap text-[#2e2e2e]",children:[o.A.formatNum(e.amount||0),"đ"]})}),(0,l.jsx)("div",{className:"flex min-w-0 flex-1 items-center justify-center px-[16px]",children:(0,l.jsx)("span",{className:"text-[14px] leading-[19px] whitespace-nowrap text-[#2e2e2e]",children:null!=(d=null==t?void 0:t.dayOfUse)?d:"N/A"})}),(0,l.jsx)("div",{className:"flex min-w-0 flex-1 items-center justify-center px-[16px]",children:(0,l.jsx)("span",{className:"text-[14px] leading-[19px] whitespace-nowrap text-[#2e2e2e]",children:(null==(i=e.taxCode)?void 0:i.mst)||"-"})}),(0,l.jsx)("div",{className:"flex h-[24px] min-w-0 flex-1 items-center justify-center px-[16px]",children:(null==p?void 0:p.toUpperCase())==="HOMEPROXY"?(0,l.jsx)(u.default,{src:"/images/images-Template4/rotate.webp",alt:"Rotate",width:24,height:24,className:"size-[24px] object-contain"}):g[null!=(c=null==p?void 0:p.toUpperCase())?c:""]?(0,l.jsx)("div",{className:"flex h-5 w-auto items-center justify-center",children:(0,l.jsx)(u.default,{src:g[p.toUpperCase()],alt:null!=p?p:"",width:48,height:24,className:"h-full w-full object-contain"})}):(0,l.jsx)("span",{className:"text-[14px] leading-[19px] whitespace-nowrap text-[#2e2e2e]",children:(e=>{let t=null==e?void 0:e.toUpperCase();return"CMC"===t?"VN":t||"N/A"})(p)})}),(0,l.jsxs)("div",{className:"flex w-[152px] shrink-0 flex-row items-center justify-center gap-[4px] px-[16px]",children:[(0,l.jsx)("span",{className:"text-[14px] leading-[19px] whitespace-nowrap text-[#2e2e2e]",children:(null==f?void 0:f.time)||"N/A"}),(0,l.jsx)("span",{className:"text-[14px] leading-[19px] whitespace-nowrap text-[#2e2e2e]",children:(null==f?void 0:f.date)||""})]})]})]})]},a):null})(e,t,"".concat(e.id,"-").concat(a)))});return(0,l.jsxs)("div",{className:"flex w-full max-w-[var(--template-4-content-max-width,100%)] min-w-0 flex-col gap-4",children:[(0,l.jsx)(r.D,{title:"Lịch sử mua h\xe0ng"}),(0,l.jsxs)("div",{className:"flex w-full min-w-0 flex-col gap-[12px] lg:flex-row lg:items-center",children:[(0,l.jsxs)("div",{className:"flex h-[40px] min-w-0 flex-1 items-center overflow-hidden rounded-[4px] border border-[#d4d4d5] bg-white hover:border-[#1b56d6] has-[[data-state=open]]:border-[#1b56d6]",children:[(0,l.jsx)("input",{placeholder:"Nhập Proxy...",value:j,onChange:e=>b(e.target.value),onKeyDown:e=>{"Enter"===e.key&&(e.preventDefault(),D())},className:"h-full min-w-0 flex-1 bg-transparent px-[12px] text-[14px] text-black placeholder:text-[#9e9e9f] focus:outline-none"}),(0,l.jsx)("button",{type:"button",onClick:D,title:"T\xecm kiếm",className:"flex size-[40px] shrink-0 items-center justify-center rounded-[2px] bg-[#1b56d6] hover:bg-[#0c3ca4]",children:(0,l.jsx)(m.A,{className:"size-[20px] text-white"})})]}),(0,l.jsxs)(x.l6,{value:null!=P?P:"all",onValueChange:e=>null==V?void 0:V.setFilterValue("all"===e?void 0:e),children:[(0,l.jsx)(x.bq,{icon:(0,l.jsx)("span",{className:"flex items-center justify-center rounded-[4px] p-[6px] group-hover:bg-[#e8e8e9] group-data-[state=open]:bg-[#e8e8e9]",children:(0,l.jsx)(f,{className:"size-[20px] shrink-0 text-black transition-transform duration-200 group-data-[state=open]:rotate-180"})}),className:"group h-[40px] w-fit shrink-0 gap-[8px] rounded-[4px] border border-[#e8e8e9] bg-white p-[4px] text-[14px] whitespace-nowrap text-black shadow-none hover:border-[#3976f9] focus:ring-0 data-[state=open]:border-[#3976f9] data-[state=open]:ring-0",children:(0,l.jsxs)("div",{className:"flex items-center gap-[8px]",children:[(0,l.jsxs)("span",{className:"flex shrink-0 items-center gap-[4px] rounded-[4px] bg-[#f5f5f6] p-[6px]",children:[(0,l.jsx)(p.A,{className:"size-[16px] text-[#2e2e2e]"}),(0,l.jsx)("span",{className:"text-[14px] whitespace-nowrap text-[#484848]",children:"Trạng th\xe1i"})]}),(0,l.jsx)("span",{className:"px-[2px] text-[14px] whitespace-nowrap text-black",children:(0,l.jsx)(x.yv,{})})]})}),(0,l.jsxs)(x.gC,{className:"w-[var(--radix-select-trigger-width)] rounded-[4px] border-[#d4d4d5] p-[8px] shadow-[0px_8px_16px_0px_rgba(0,0,0,0.14),0px_0px_2px_0px_rgba(0,0,0,0.12)]",children:[(0,l.jsx)(x.eb,{value:"all",className:"rounded-[2px] p-[4px] text-[14px] font-normal text-black focus:bg-[#e8e8e9] focus:text-black data-[state=checked]:bg-[#e8e8e9]",children:"Tất cả"}),null==T||null==(t=T.options)?void 0:t.map(e=>(0,l.jsx)(x.eb,{value:e.value,className:"rounded-[2px] p-[4px] text-[14px] font-normal text-black focus:bg-[#e8e8e9] focus:text-black data-[state=checked]:bg-[#e8e8e9]",children:e.label},e.value))]})]})]}),(0,l.jsx)("div",{className:"flex w-full max-w-full min-w-0 flex-col gap-[8px] overflow-x-auto",children:F.length>0?F:(0,l.jsx)("div",{className:"flex flex-col items-start justify-start",children:(0,l.jsx)("p",{className:"text-text-normal-template-4 text-base font-bold",children:"Qu\xfd kh\xe1ch kh\xf4ng c\xf3 lịch sử mua h\xe0ng n\xe0o"})})}),N>0&&a.length>0&&(0,l.jsx)("div",{className:"flex w-full justify-center",children:(0,l.jsx)(d.T,{table:C,totalItems:N})})]})}function v(){return(0,l.jsxs)("div",{className:"flex w-full max-w-[var(--template-4-content-max-width,100%)] flex-col gap-4 sm:gap-6",children:[(0,l.jsx)("div",{className:"h-8 sm:h-10 w-48 animate-pulse bg-gray-200 rounded-lg"}),(0,l.jsx)("div",{className:"flex w-full flex-col items-stretch justify-between gap-3 rounded-xl bg-white p-3 sm:flex-row sm:items-center sm:gap-4 sm:rounded-2xl sm:p-4 md:p-6",children:(0,l.jsxs)("div",{className:"flex w-full flex-1 flex-col items-stretch gap-2 sm:flex-row sm:items-center sm:gap-3 md:gap-4",children:[(0,l.jsx)("div",{className:"flex-1 h-[38px] sm:h-[43px] animate-pulse bg-gray-200 rounded-lg"}),(0,l.jsx)("div",{className:"h-[38px] sm:h-[43px] w-full sm:w-24 md:w-28 animate-pulse bg-gray-200 rounded-lg"}),(0,l.jsx)("div",{className:"h-[38px] sm:h-[43px] w-full sm:w-24 md:w-28 animate-pulse bg-gray-200 rounded-lg"})]})}),(0,l.jsx)("div",{className:"flex w-full flex-wrap items-stretch gap-2 sm:items-center sm:gap-3 md:gap-6",children:[1,2,3,4].map(e=>(0,l.jsx)("div",{className:"flex-1 min-h-[48px] sm:min-h-[56px] animate-pulse bg-gray-200 rounded-lg sm:rounded-xl"},e))}),(0,l.jsx)("div",{className:"flex w-full flex-col gap-3 sm:gap-4 md:gap-6",children:[1,2].map(e=>(0,l.jsxs)("div",{className:"relative flex w-full flex-col items-start justify-center gap-3 rounded-xl bg-white p-3 sm:gap-4 sm:rounded-2xl sm:p-4 md:p-6",children:[(0,l.jsxs)("div",{className:"flex h-8 w-auto flex-row items-center gap-2",children:[(0,l.jsx)("div",{className:"h-6 w-6 sm:h-8 sm:w-8 animate-pulse bg-gray-200 rounded-full"}),(0,l.jsx)("div",{className:"h-5 w-32 animate-pulse bg-gray-200 rounded-lg"})]}),(0,l.jsx)("div",{className:"w-full",children:(0,l.jsx)("div",{className:"flex flex-col items-center justify-center gap-4 roun

1ded-lg",children:(0,l.jsxs)("div",{className:"border-gray-200 flex w-full flex-col gap-4 overflow-x-auto rounded-lg border pb-4 md:pb-6",children:[(0,l.jsxs)("div",{className:"flex h-[34px] w-full flex-row items-center gap-2 px-2 sm:gap-4 sm:px-4 md:gap-8 xl:gap-12 min-[1440px]:gap-[80px] 2xl:gap-[90px]",children:[(0,l.jsx)("div",{className:"h-5 w-5 flex-none sm:h-6 sm:w-6 animate-pulse bg-gray-200 rounded"}),(0,l.jsx)("div",{className:"min-w-[100px] flex-1",children:(0,l.jsx)("div",{className:"h-4 w-full animate-pulse bg-gray-200 rounded mx-auto"})}),(0,l.jsx)("div",{className:"min-w-[100px] flex-1",children:(0,l.jsx)("div",{className:"h-4 w-full animate-pulse bg-gray-200 rounded mx-auto"})}),(0,l.jsx)("div",{className:"min-w-[80px] flex-1",children:(0,l.jsx)("div",{className:"h-4 w-full animate-pulse bg-gray-200 rounded mx-auto"})}),(0,l.jsx)("div",{className:"min-w-[80px] flex-1",children:(0,l.jsx)("div",{className:"h-4 w-full animate-pulse bg-gray-200 rounded mx-auto"})}),(0,l.jsx)("div",{className:"w-[140px] flex-none sm:w-[180px]",children:(0,l.jsx)("div",{className:"h-4 w-full animate-pulse bg-gray-200 rounded mx-auto"})}),(0,l.jsx)("div",{className:"w-[90px] flex-none sm:w-[100px]",children:(0,l.jsx)("div",{className:"h-4 w-full animate-pulse bg-gray-200 rounded mx-auto"})})]}),(0,l.jsx)("div",{className:"flex w-full flex-col",children:(0,l.jsxs)("div",{className:"flex flex-row items-center gap-2 px-2 py-3 sm:gap-4 sm:px-4 md:gap-8 xl:gap-12 min-[1440px]:gap-[80px] 2xl:gap-[90px]",children:[(0,l.jsx)("div",{className:"h-5 w-5 flex-none sm:h-6 sm:w-6 animate-pulse bg-gray-200 rounded"}),(0,l.jsx)("div",{className:"min-w-[100px] flex-1",children:(0,l.jsx)("div",{className:"h-4 w-full animate-pulse bg-gray-200 rounded mx-auto"})}),(0,l.jsx)("div",{className:"min-w-[100px] flex-1",children:(0,l.jsx)("div",{className:"h-4 w-full animate-pulse bg-gray-200 rounded mx-auto"})}),(0,l.jsx)("div",{className:"min-w-[80px] flex-1",children:(0,l.jsx)("div",{className:"h-4 w-full animate-pulse bg-gray-200 rounded mx-auto"})}),(0,l.jsx)("div",{className:"min-w-[80px] flex-1",children:(0,l.jsx)("div",{className:"h-4 w-full animate-pulse bg-gray-200 rounded mx-auto"})}),(0,l.jsx)("div",{className:"w-[140px] flex-none sm:w-[180px]",children:(0,l.jsx)("div",{className:"h-4 w-full animate-pulse bg-gray-200 rounded mx-auto"})}),(0,l.jsx)("div",{className:"w-[90px] flex-none sm:w-[100px]",children:(0,l.jsx)("div",{className:"h-[30px] sm:h-[34px] w-[70px] sm:w-[81px] animate-pulse bg-gray-200 rounded-lg mx-auto"})})]})})]})})}),(0,l.jsx)("div",{className:"absolute -bottom-4 left-1/2 z-10 -translate-x-1/2",children:(0,l.jsx)("div",{className:"h-6 w-6 animate-pulse bg-gray-200 rounded-full"})})]},e))}),(0,l.jsx)("div",{className:"flex w-full justify-center",children:(0,l.jsxs)("div",{className:"flex flex-row items-center gap-2",children:[(0,l.jsx)("div",{className:"h-10 w-20 animate-pulse bg-gray-200 rounded-lg"}),(0,l.jsx)("div",{className:"h-10 w-10 animate-pulse bg-gray-200 rounded-lg"}),(0,l.jsx)("div",{className:"h-10 w-10 animate-pulse bg-gray-200 rounded-lg"}),(0,l.jsx)("div",{className:"h-10 w-10 animate-pulse bg-gray-200 rounded-lg"}),(0,l.jsx)("div",{className:"h-10 w-20 animate-pulse bg-gray-200 rounded-lg"})]})})]})}var j=a(88566);let b=[{value:"3",label:j.S5[3]},{value:"6",label:j.S5[6]},{value:"7",label:j.S5[7]}];var y=a(76830);let C=[{id:"code",accessorKey:"code",header:()=>(0,l.jsx)("span",{className:"text-text-normal-template-4 w-full text-left text-xs leading-[130%] font-bold whitespace-nowrap sm:text-sm md:text-base",children:"M\xe3 đơn h\xe0ng"}),cell:e=>{let{cell:t}=e;return(0,l.jsx)("div",{className:"text-left",children:(0,l.jsx)("span",{className:"text-text-normal-template-4 text-xs font-normal sm:text-sm md:text-base",children:t.getValue()})})},meta:{label:"M\xe3 đơn h\xe0ng",variant:"text",placeholder:"Nhập m\xe3 đơn h\xe0ng"},enableColumnFilter:!0},{id:"user",accessorKey:"user",header:()=>(0,l.jsx)("span",{className:"text-text-normal-template-4 w-full text-left text-xs leading-[130%] font-bold whitespace-nowrap sm:text-sm md:text-base",children:"T\xe0i khoản"}),cell:e=>{let{cell:t}=e,a=t.getValue();return(0,l.jsx)("div",{className:"text-left",children:(0,l.jsx)("span",{className:"text-text-normal-template-4 text-xs font-normal sm:text-sm md:text-base",children:(null==a?void 0:a.phone)||"N/A"})})},meta:{label:"T\xe0i khoản"}},{id:"price",accessorKey:"products",header:()=>(0,l.jsx)("span",{className:"text-text-normal-template-4 w-full text-left text-xs leading-[130%] font-bold whitespace-nowrap sm:text-sm md:text-base",children:"Đơn gi\xe1"}),cell:e=>{let{cell:t}=e,a=t.getValue(),s=null==a?void 0:a[0];return(0,l.jsx)("div",{className:"text-left",children:(0,l.jsxs)("span",{className:"text-primary text-xs leading-[130%] font-bold sm:text-sm md:text-base",children:[o.A.formatNum

1((null==s?void 0:s.price)||0),"đ"]})})},meta:{label:"Đơn gi\xe1"}},{id:"quantity",accessorKey:"products",header:()=>(0,l.jsx)("span",{className:"text-text-normal-template-4 w-full text-left text-xs leading-[130%] font-bold whitespace-nowrap sm:text-sm md:text-base",children:"Số lượng"}),cell:e=>{let{cell:t}=e,a=t.getValue(),s=null==a?void 0:a[0];return(0,l.jsx)("div",{className:"text-left",children:(0,l.jsx)("span",{className:"text-primary text-xs leading-[130%] font-bold sm:text-sm md:text-base",children:(null==s?void 0:s.quantity)||0})})},meta:{label:"Số lượng"}},{id:"amount",accessorKey:"amount",header:()=>(0,l.jsx)("span",{className:"text-text-normal-template-4 w-full text-left text-xs leading-[130%] font-bold whitespace-nowrap sm:text-sm md:text-base",children:"Tổng tiền"}),cell:e=>{let{cell:t}=e;return(0,l.jsx)("div",{className:"text-left",children:(0,l.jsxs)("span",{className:"text-primary text-xs leading-[130%] font-bold sm:text-sm md:text-base",children:[o.A.formatNum(t.getValue()||0),"đ"]})})},meta:{label:"Tổng tiền"}},{id:"dayOfUse",accessorKey:"products",header:()=>(0,l.jsx)("span",{className:"text-text-normal-template-4 w-full text-left text-xs leading-[130%] font-bold whitespace-nowrap sm:text-sm md:text-base",children:"Số ng\xe0y sử dụng"}),cell:e=>{let{cell:t}=e,a=t.getValue(),s=null==a?void 0:a[0];return(0,l.jsx)("div",{className:"text-left",children:(0,l.jsx)("span",{className:"text-text-normal-template-4 text-xs leading-[130%] font-normal sm:text-sm md:text-base",children:(null==s?void 0:s.dayOfUse)||0})})},meta:{label:"Số ng\xe0y sử dụng"}},{id:"provider",accessorKey:"products",header:()=>(0,l.jsx)("span",{className:"text-text-normal-template-4 w-full text-left text-xs leading-[130%] font-bold whitespace-nowrap sm:text-sm md:text-base",children:"Nh\xe0 mạng"}),cell:e=>{var t,a;let{cell:s}=e,n=s.getValue(),r=null==n?void 0:n[0],i=null==r||null==(a=r.product)||null==(t=a.provider)?void 0:t.toUpperCase();return(0,l.jsx)("div",{className:"flex items-center justify-start text-left",children:"HOMEPROXY"===i?(0,l.jsx)(y.F.ProxyRotateIcon,{className:"size-14"}):"US"===i?(0,l.jsx)(u.default,{src:"/images/images-template-7/ProxyUS.png",alt:"USA",width:48,height:19,className:"h-auto w-12 object-contain"}):"CMC"===i?(0,l.jsx)(u.default,{src:"/images/images-template-7/ProxyDatacenterVN.png",alt:"VN",width:48,height:19,className:"h-auto w-12 object-contain"}):(0,l.jsx)("span",{className:"text-text-normal-template-4 text-xs font-normal sm:text-sm md:text-base",children:i||"N/A"})})},meta:{label:"Nh\xe0 mạng"}},{id:"status.id",accessorKey:"status",header:()=>(0,l.jsx)("span",{className:"text-text-normal-template-4 w-full text-left text-xs leading-[130%] font-bold whitespace-nowrap sm:text-sm md:text-base",children:"Trạng th\xe1i"}),cell:e=>{var t,a,s,n,r;let{row:i}=e,x=i.original;return(0,l.jsx)("div",{className:"flex justify-start",children:(0,l.jsx)("div",{className:"inline-flex items-center justify-center rounded-lg px-2.5 py-1.5 ".concat(6===Number(null==(t=x.status)?void 0:t.id)?"bg-[#F0FFED]":3===Number(null==(a=x.status)?void 0:a.id)?"bg-[#FFEABE]":"bg-[#FFE6DE]"),children:(0,l.jsx)("span",{className:"text-sm leading-[150%] font-bold ".concat(6===Number(null==(s=x.status)?void 0:s.id)?"text-[#239B00]":3===Number(null==(n=x.status)?void 0:n.id)?"text-[#E9A106]":"text-[#E2372A]"),children:j.S5[Number(null==(r=x.status)?void 0:r.id)]})})})},meta:{label:"Trạng th\xe1i",variant:"select",options:b},enableColumnFilter:!0},{id:"createdAt",accessorKey:"createdAt",header:()=>(0,l.jsx)("span",{className:"text-text-normal-template-4 w-full text-left text-xs leading-[130%] font-bold whitespace-nowrap sm:text-sm md:text-base",children:"Ng\xe0y tạo"}),cell:e=>{let{cell:t}=e,a=t.getValue();return(0,l.jsxs)("div",{className:"flex flex-row items-center justify-start gap-1",children:[(0,l.jsxs)("span",{className:"text-text-normal-template-4 text-xs leading-[130%] font-normal sm:text-sm md:text-base",children:[new Date(a).toLocaleDateString("vi-VN"),","]}),(0,l.jsx)("span",{className:"text-text-normal-template-4 text-xs leading-[130%] font-normal sm:text-sm md:text-base",children:new Date(a).toLocaleTimeString("vi-VN")})]})},meta:{label:"Ng\xe0y tạo"}},{id:"expiryDate",accessorKey:"createdAt",header:()=>(0,l.jsx)("span",{className:"text-text-normal-template-4 w-full text-left text-xs leading-[130%] font-bold whitespace-nowrap sm:text-sm md:text-base",children:"Hết hạn"}),cell:e=>{let{cell:t,row:a}=e,s=t.getValue(),n=a.original.products,r=null==n?void 0:n[0],i=(()=>

1{if(!s||!(null==r?void 0:r.dayOfUse))return null;let e=new Date(new Date(s));return e.setDate(e.getDate()+Number(r.dayOfUse)),e})();return(0,l.jsxs)("div",{className:"flex flex-row items-center justify-start gap-1 whitespace-nowrap",children:[(0,l.jsxs)("span",{className:"text-text-normal-template-4 text-xs leading-[130%] font-normal whitespace-nowrap sm:text-sm md:text-base",children:[i?i.toLocaleDateString("vi-VN"):"N/A",","]}),(0,l.jsx)("span",{className:"text-text-normal-template-4 text-xs leading-[130%] font-normal whitespace-nowrap sm:text-sm md:text-base",children:i?i.toLocaleTimeString("vi-VN"):""})]})},meta:{label:"Hết hạn"}}];var k=a(22640);function A(e){let{params:t}=e,{orders:a,total:r,status:i}=(0,k.h)(t,{suspense:!0});return(0,l.jsx)(n.A,{scrollable:!0,openMarqueeTop:!0,children:(0,l.jsx)("div",{className:"flex w-full max-w-[var(--template-4-content-max-width,100%)] flex-1 flex-col gap-4 sm:gap-6 min-[1440px]:gap-8",children:"authenticated"===i?(0,l.jsx)(s.Suspense,{fallback:(0,l.jsx)(v,{}),children:(0,l.jsx)(N,{columns:C,data:a,totalItems:r})},t):(0,l.jsx)(v,{})})})}},22640:(e,t,a)=>{a.d(t,{h:()=>r});var l=a(13744),s=a(96199),n=a(85400);function r(e,t){var a,r,i;let{data:x,status:d}=(0,s.wV)(),{data:c,isLoading:o}=(0,n.Ay)("authenticated"===d?["/api/v1/orders",e]:null,e=>{let[t,a]=e;return l.A.fetchApi(t+a,null==x?void 0:x.accessToken).then(e=>null!=e?e:{}).catch(()=>({}))},{suspense:null!=(a=null==t?void 0:t.suspense)&&a,revalidateOnFocus:!1});return{orders:null!=(r=null==c?void 0:c.data)?r:[],total:null!=(i=null==c?void 0:c.total)?i:0,isLoading:o,status:d}}},39180:(e,t,a)=>{a.d(t,{r:()=>s});var l=a(68019);let s=(0,a(25959).v)((e,t)=>({config:null,affiliateProgram:null,setConfig:t=>{var a,s;return e({config:{...t,theme:(null==t?void 0:t.theme)?{...t.theme,textmarquee:null!=(s=null!=(a=t.theme.textmarquee)?a:t.theme.textMarquee)?s:"",...t.theme.logo&&{logo:(0,l.V)(t.theme.logo,t.hostName)},...t.theme["logo-l"]&&{"logo-l":(0,l.V)(t.theme["logo-l"],t.hostName)}}:t.theme}})},setAffiliateProgram:t=>e({affiliateProgram:t}),getRotateUrl:()=>{var e,a;return null==(a=t().config)||null==(e=a.theme)?void 0:e.rotateUrl}}))},39509:(e,t,a)=>{a.d(t,{D:()=>n});var l=a(95155),s=a(64269);let n=e=>{let{title:t,description:a,as:n="h1",className:r}=e,i=(0,l.jsx)(n,{className:(0,s.cn)("text-sm leading-[130%] font-semibold text-[#000E43] sm:text-base 2xl:text-[18px]",r),children:t});return a?(0,l.jsxs)("div",{className:"flex w-full flex-col gap-3",children:[i,(0,l.jsx)("p",{className:"text-muted-foreground text-sm",children:a})]}):i}},43918:(e,t,a)=>{a.d(t,{T:()=>d});var l=a(95155),s=a(24033),n=a(90368),r=a(27937),i=a(64269),x=a(61589);function d(e){let{table:t,totalItems:a,pageSizeOptions:d=[10,50,100,200,500,1e3],className:c,...o}=e,m=t.getState().pagination.pageIndex+1,p=Math.max(t.getPageCount(),1),u=t.getState().pagination.pageSize,h=t.getFilteredRowModel().rows.length,f=a&&a>0?t.getState().pagination.pageIndex*u+1:0,g=a&&a>0?Math.min(f+u-1,a):0,w=null!=a?a:h,N=Array.from({length:p},(e,t)=>t+1),v="h-[40px] w-fit shrink-0 gap-[4px] rounded-none border-none bg-transparent px-[16px] py-[10px] text-[14px] text-black shadow-none focus:ring-0";return(0,l.jsxs)("div",{className:(0,i.cn)("flex h-auto w-full flex-col items-stretch justify-between gap-2 overflow-auto sm:h-[40px] sm:flex-row sm:items-center",c),...o,children:[(0,l.jsxs)("div",{className:"flex h-[40px] items-center gap-[16px] px-[16px]",children:[(0,l.jsxs)("div",{className:"flex h-full items-center",children:[(0,l.jsx)("span",{className:"text-[14px] whitespace-nowrap text-black",children:"Số mục tr\xean trang:"}),(0,l.jsxs)(x.l6,{value:String(u),onValueChange:e=>t.setPageSize(Number(e)),children:[(0,l.jsx)(x.bq,{icon:(0,l.jsx)(s.A,{className:"size-[20px] text-black"}),className:v,children:(0,l.jsx)(x.yv,{})}),(0,l.jsx)(x.gC,{children:d.map(e=>(0,l.jsx)(x.eb,{value:String(e),children:e},e))})]}),(0,l.jsx)("div",{className:"h-[40px] w-px shrink-0 bg-[#e0e0e0]"})]}),(0,l.jsx)("span",{className:"text-[14px] whitespace-nowrap text-[#8f9aa3]",children:w>0?"".concat(f," – ").concat(g," trong số ").concat(w," mục"):"0 mục"})]}),(0,l.jsxs)("div",{className:"flex h-[40px] items-center",children:[(0,l.jsxs)("div",{className:"flex h-full items-center",children:[(0,l.jsx)("div",{className:"h-full w-px shrink-0 bg-[#e0e0e0]"}),(0,l.jsxs)(x.l6,{value:String(m),onValueChange:e=>t.setPageIndex(Number(e)-1),children:[(0,l.jsx)(x.bq,{icon:(0,l.jsx)(s.A,{className:"size-[20px] text-black"}),className:v,children:(0,l.jsx)(x.yv,{})}),(0,l.jsx)(x.gC,{children:N.map(e=>(0,l.jsx)(x.eb,{value:String(e),children:e},e))})]}),(0,l.jsxs)("span",{className:"pr-[16px] text-[14px] whitespace-nowrap text-black",children:["trong ",p," trang"]})]}),(0,l.jsxs)("div",{className:"flex h-full items-center",children:[(0,l.jsx)("div",{className:"h-[40px] w-px shrink-0 bg-[#e0e0e0]"}),(0,l.jsx)("button",{type:"button",className:(0,i.cn)("flex size-[40px] shrink-0 items-center justify-center",t.getCanPreviousPage()?"cursor-pointer text-black hover:bg-gray-100":"cursor-not-allowed text-[#c6c6c6]"),onClick:()=>t.previousPage(),disabled:!t.getCanPreviousPage(),children:(0,l.jsx)(n.A,{className:"size-[16

1px]"})}),(0,l.jsx)("div",{className:"h-[40px] w-px shrink-0 bg-[#e0e0e0]"}),(0,l.jsx)("button",{type:"button",className:(0,i.cn)("flex size-[40px] shrink-0 items-center justify-center",t.getCanNextPage()?"cursor-pointer text-black hover:bg-gray-100":"cursor-not-allowed text-[#c6c6c6]"),onClick:()=>t.nextPage(),disabled:!t.getCanNextPage(),children:(0,l.jsx)(r.A,{className:"size-[16px]"})})]})]})]})}},61589:(e,t,a)=>{a.d(t,{bq:()=>m,eb:()=>f,gC:()=>h,l6:()=>c,yv:()=>o});var l=a(95155),s=a(47887),n=a(12108),r=a(24033),i=a(12115),x=a(76830),d=a(64269);let c=s.bL;s.YJ;let o=s.WT,m=i.forwardRef((e,t)=>{let{className:a,children:n,icon:r,iconClassName:i,...c}=e;return(0,l.jsxs)(s.l9,{ref:t,className:(0,d.cn)("border-input ring-offset-background data-[placeholder]:text-muted-foreground flex h-10 w-full cursor-pointer items-center justify-between gap-2 rounded-lg border px-3 py-2.5 text-sm whitespace-nowrap shadow-[4px_4px_8px_0_var(--shadow-proxy-input))] focus:outline-none disabled:cursor-not-allowed disabled:opacity-50 [&>span]:line-clamp-1","data-[state=open]:border-primary data-[state=open]:ring-primary/20 data-[state=open]:ring-[3px]","[&>*:first-child]:min-w-0 [&>*:first-child]:flex-1 [&>*:first-child]:overflow-hidden [&>*:first-child]:text-ellipsis [&>*:first-child]:whitespace-nowrap",a),...c,children:[n,(0,l.jsx)(s.In,{asChild:!0,children:null!=r?r:(0,l.jsx)(x.F.ChevronsDownSolidIcon,{className:(0,d.cn)("text-icon-template-3 h-[14px] w-[14px]",i)})})]})});m.displayName=s.l9.displayName,i.forwardRef((e,t)=>{let{className:a,children:n,...r}=e;return(0,l.jsxs)(s.l9,{ref:t,className:(0,d.cn)("border-input ring-offset-background data-[placeholder]:text-muted-foreground flex h-10 w-full cursor-pointer items-center justify-between gap-2 rounded-lg border px-3 py-2.5 text-sm whitespace-nowrap shadow-[4px_4px_8px_0_var(--shadow-proxy-input))] focus:outline-none disabled:cursor-not-allowed disabled:opacity-50 [&>span]:line-clamp-1","data-[state=open]:border-primary data-[state=open]:ring-primary/20 data-[state=open]:ring-[3px]",a),...r,children:[n,(0,l.jsx)(s.In,{asChild:!0,children:(0,l.jsx)(x.F.ChevronsDownIcon,{className:"h-[20px] w-[20px] text-[#161616]"})})]})}).displayName=s.l9.displayName;let p=i.forwardRef((e,t)=>{let{className:a,...r}=e;return(0,l.jsx)(s.PP,{ref:t,className:(0,d.cn)("flex cursor-default items-center justify-center py-1",a),...r,children:(0,l.jsx)(n.A,{className:"h-4 w-4"})})});p.displayName=s.PP.displayName;let u=i.forwardRef((e,t)=>{let{className:a,...n}=e;return(0,l.jsx)(s.wn,{ref:t,className:(0,d.cn)("flex cursor-default items-center justify-center py-1",a),...n,children:(0,l.jsx)(r.A,{className:"h-4 w-4"})})});u.displayName=s.wn.displayName;let h=i.forwardRef((e,t)=>{let{className:a,viewportClassName:n,children:r,position:i="popper",...x}=e;return(0,l.jsx)(s.ZL,{children:(0,l.jsxs)(s.UC,{ref:t,className:(0,d.cn)("bg-popover text-popover-foreground 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 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 relative z-50 max-h-[--radix-select-content-available-height] min-w-[8rem] origin-[--radix-select-content-transform-origin] overflow-x-hidden overflow-y-auto rounded-md border shadow-md","popper"===i&&"data-[side=bottom]:translate-y-1 data-[side=left]:-translate-x-1 data-[side=right]:translate-x-1 data-[side=top]:-translate-y-1",a),position:i,...x,children:[(0,l.jsx)(p,{}),(0,l.jsx)(s.LM,{className:(0,d.cn)("p-1","popper"===i&&"h-[var(--radix-select-trigger-height)] w-full min-w-[var(--radix-select-trigger-width)]",n),children:r}),(0,l.jsx)(u,{})]})})});h.displayName=s.UC.displayName,i.forwardRef((e,t)=>{let{className:a,...n}=e;return(0,l.jsx)(s.JU,{ref:t,className:(0,d.cn)("px-2 py-1.5 text-sm font-semibold",a),...n})}).displayName=s.JU.displayName;let f=i.forwardRef((e,t)=>{let{className:a,children:n,...r}=e;return(0,l.jsx)(s.q7,{ref:t,className:(0,d.cn)("focus:bg-accent focus:text-accent-foreground relative flex w-full cursor-default items-center rounded-lg py-1.5 pr-8 pl-2 text-sm outline-none select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50",a),...r,children:(0,l.jsx)(s.p4,{children:n})})});f.displayName=s.q7.displayName,i.forwardRef((e,t)=>

1{let{className:a,...n}=e;return(0,l.jsx)(s.wv,{ref:t,className:(0,d.cn)("bg-muted -mx-1 my-1 h-px",a),...n})}).displayName=s.wv.displayName},68019:(e,t,a)=>{a.d(t,{V:()=>l});let l=(e,t)=>{if(!e||"string"!=typeof e)return"";let a=e.trim();if(a.startsWith("https://")||a.startsWith("http://"))return a.replace("/api/v1","");if((e=>e.startsWith("/api/v1/files")||e.startsWith("/files/")||e.includes("/files/"))(a)){let e="https://api.homeproxy.vn".replace(/\/$/,"");if(e){let t=a.startsWith("/")?a:"/".concat(a);return"".concat(e).concat(t).replace("/api/v1","")}}let l=(t||"https://app.homeproxy.vn").trim().replace(/^https?:\/\//,"").replace(/\/$/,"");return l?a.startsWith("/")?"https://".concat(l).concat(a).replace("/api/v1",""):"https://".concat(l,"/").concat(a).replace("/api/v1",""):a}},88566:(e,t,a)=>{a.d(t,{Iw:()=>s,S5:()=>l,Wx:()=>n});let l={1:"Đang hoạt động",2:"Kh\xf4ng hoạt động",3:"Đang chờ xử l\xfd",4:"Chờ lấy h\xe0ng",5:"Chờ tạo đơn",6:"Ho\xe0n th\xe0nh",7:"Đ\xe3 hủy",8:"Hết hạn",9:"Chờ thanh to\xe1n",10:"Tạo thất bại",11:"Cập nhật thất bại",12:"Chờ cập nhật"},s={1:{label:"Kh\xf4ng c\xf3 fingerprint",color:"bg-yellow-100 text-yellow-800"},2:{label:"Fingerprint kh\xf4ng tin cậy",color:"bg-orange-100 text-orange-800"},3:{label:"Click tr\xf9ng lặp",color:"bg-red-100 text-red-800"},4:{label:"VPN/Proxy",color:"bg-purple-100 text-purple-800"},5:{label:"Bot",color:"bg-gray-100 text-gray-800"},6:{label:"Vượt giới hạn",color:"bg-pink-100 text-pink-800"}},n={PENDING:3,SUCCESS:6,FAILED:10}}}]);