https://j2proxy.vn/_next/static/chunks/9371.51c232d0b8c31635.js

1"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[9371],{468:(e,t,a)=>{a.d(t,{x:()=>u,i:()=>x});var l=a(95155),r=a(64269),n=a(55970),s=a(97543);a(12115);var o=a(23529),i=a(62043),d=a(72264);function c(e){var t,a;let{table:r}=e,n=r.getColumn("status.id"),s=null==n?void 0:n.columnDef.meta,c=null==n?void 0:n.getFilterValue(),u=Array.isArray(c)?c[0]:c;return(0,l.jsxs)("div",{className:"flex shrink-0 items-center gap-2",children:[n&&(0,l.jsxs)(o.l6,{value:null!=u?u:"all",onValueChange:e=>n.setFilterValue("all"===e?void 0:e),children:[(0,l.jsxs)(o.bq,{hideIcon:!0,className:"group h-10 w-[125px] shrink-0 rounded-full border-[#D4D4D8] bg-white px-4 text-[14px] leading-5 font-normal tracking-[0] text-[#18181B] shadow-none data-[state=open]:!border-[#DF3B30] data-[state=open]:!ring-0",children:[(0,l.jsx)(o.yv,{placeholder:null!=(a=null==s?void 0:s.label)?a:"Trạng th\xe1i"}),(0,l.jsx)(d.F.DropdownChevronIcon,{className:"!h-4 !w-4 shrink-0 text-[#8A92A6] transition-transform group-data-[state=open]:rotate-180"})]}),(0,l.jsxs)(o.gC,{className:"rounded-[16px] border-[#E4E4E7] p-[6px] shadow-[0px_0px_4px_rgba(0,0,0,0.05)]",children:[(0,l.jsx)(o.eb,{value:"all",className:"rounded-[12px] px-[8px] py-[4px] not-last:mb-[4px] focus:bg-[#F4F4F5] data-[state=checked]:bg-[#F4F4F5]",children:"Tất cả"}),null==s||null==(t=s.options)?void 0:t.map(e=>(0,l.jsx)(o.eb,{value:e.value,className:"rounded-[12px] px-[8px] py-[4px] not-last:mb-[4px] focus:bg-[#F4F4F5] data-[state=checked]:bg-[#F4F4F5]",children:e.label},e.value))]})]}),(0,l.jsx)(i.q,{table:r,className:"shrink-0"})]})}function u(e){let{toolbarCustomProxy:t,table:a,isCdk:o=!1,customClassName:i}=e;return t&&a?(0,l.jsxs)("div",{className:(0,r.cn)("w-full min-w-0",i),children:["proxies"===t&&(0,l.jsx)(n.D,{withToolbar:!0}),"rotateproxies"===t&&(0,l.jsx)(s.D,{withToolbar:!0,isCdk:o}),"usproxies"===t&&(0,l.jsx)(n.D,{withToolbar:!0}),("orders"===t||"transactions"===t||"ipchangelog"===t)&&(0,l.jsx)(c,{table:a})]}):null}function x(e){return(0,l.jsx)(u,{...e})}},3998:(e,t,a)=>{a.d(t,{$:()=>i,r:()=>o});var l=a(95155);a(12115);var r=a(32467),n=a(83101),s=a(64269);let o=(0,n.F)("inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium transition-all disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg:not([class*='size-'])]:size-4 shrink-0 [&_svg]:shrink-0 outline-none focus-visible:border-primary focus-visible:ring-primary/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive cursor-pointer",{variants:{variant:{default:"bg-primary text-primary-foreground shadow-xs hover:bg-primary/90",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 bg-background shadow-xs hover:bg-accent hover:text-accent-foreground dark:bg-input/30 dark:border-input dark:hover:bg-input/50 hover:border-primary/50",secondary:"bg-secondary text-secondary-foreground shadow-xs hover:bg-secondary/80",ghost:"hover:bg-accent 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-md gap-1.5 px-3 has-[>svg]:px-2.5",lg:"h-10 rounded-md px-6 has-[>svg]:px-4",icon:"size-9"}},defaultVariants:{variant:"default",size:"default"}});function i(e){let{className:t,variant:a,size:n,asChild:i=!1,...d}=e,c=i?r.DX:"button";return(0,l.jsx)(c,{"data-slot":"button",className:(0,s.cn)(o({variant:a,size:n,className:t})),...d})}},6097:(e,t,a)=>{function l(e){let{column:t,withBorder:a=!1}=e,l=t.getIsPinned(),r="left"===l&&t.getIsLastColumn("left"),n="right"===l&&t.getIsFirstColumn("right");return{boxShadow:a?r?"-4px 0 4px -4px hsl(var(--border)) inset":n?"4px 0 4px -4px hsl(var(--border)) inset":void 0:void 0,left:"left"===l?"".concat(t.getStart("left"),"px"):void 0,right:"right"===l?"".concat(t.getAfter("right"),"px"):void 0,opacity:l?.97:1,position:l?"sticky":"relative",background:"hsl(var(--background))",width:t.getSize(),maxWidth:t.columnDef.maxSize,minWidth:t.columnDef.minSize,zIndex:+!!l}}a.d(t,{Z0:()=>l}),a(278)},16688:(e,t,a)=>{a.d(t,{b:()=>_});var l=a(95155),r=a(30563),n=a(6097),s=a(72264),o=a(12115),i=a(83360),d=a(64269);let c=o.forwardRef((e,t)=>

1{let{className:a,children:r,...n}=e;return(0,l.jsxs)(i.bL,{ref:t,"data-slot":"scroll-area",className:(0,d.cn)("relative overflow-hidden",a),...n,children:[(0,l.jsx)(i.LM,{"data-slot":"scroll-area-viewport",className:"h-full w-full rounded-[inherit]",children:r}),(0,l.jsx)(u,{}),(0,l.jsx)(i.OK,{})]})});c.displayName=i.bL.displayName;let u=o.forwardRef((e,t)=>{let{className:a,orientation:r="vertical",...n}=e;return(0,l.jsx)(i.VM,{ref:t,"data-slot":"scroll-area-scrollbar",orientation:r,className:(0,d.cn)("flex touch-none transition-colors select-none","vertical"===r&&"h-full w-2.5 border-l border-l-transparent p-[1px]","horizontal"===r&&"h-2.5 flex-col border-t border-t-transparent p-[1px]",a),...n,children:(0,l.jsx)(i.lr,{"data-slot":"scroll-area-thumb",className:"bg-border relative flex-1 rounded-full"})})});u.displayName=i.VM.displayName;let x=o.forwardRef((e,t)=>{let{className:a,...r}=e;return(0,l.jsx)("div",{className:"relative w-full overflow-x-auto",children:(0,l.jsx)("table",{ref:t,className:(0,d.cn)("w-max min-w-full caption-bottom text-sm",a),...r})})});x.displayName="Table";let m=o.forwardRef((e,t)=>{let{className:a,...r}=e;return(0,l.jsx)("thead",{ref:t,className:(0,d.cn)("[&_tr]:border-b",a),...r})});m.displayName="TableHeader";let p=o.forwardRef((e,t)=>{let{className:a,...r}=e;return(0,l.jsx)("tbody",{ref:t,className:(0,d.cn)("[&_tr:last-child]:border-0 overflow-auto",a),...r})});p.displayName="TableBody",o.forwardRef((e,t)=>{let{className:a,...r}=e;return(0,l.jsx)("tfoot",{ref:t,className:(0,d.cn)("border-t bg-muted/50 font-medium [&>tr]:last:border-b-0",a),...r})}).displayName="TableFooter";let f=o.forwardRef((e,t)=>{let{className:a,...r}=e;return(0,l.jsx)("tr",{ref:t,className:(0,d.cn)("transition-colors hover:bg-muted/50 data-[state=selected]:bg-muted",a),...r})});f.displayName="TableRow";let h=o.forwardRef((e,t)=>{let{className:a,...r}=e;return(0,l.jsx)("th",{ref:t,className:(0,d.cn)("h-10 px-2 text-left align-middle font-medium text-icon [&:has([role=checkbox])]:pr-0 [&>[role=checkbox]]:translate-y-[2px]",a),...r})});h.displayName="TableHead";let g=o.forwardRef((e,t)=>{let{className:a,children:r,...n}=e;return(0,l.jsx)("td",{ref:t,className:(0,d.cn)("p-2 align-middle [&:has([role=checkbox])]:pr-0 [&>[role=checkbox]]:translate-y-[2px]",a),...n,children:function(e){return null==e||"string"==typeof e&&""===e.trim()?"-":e}(r)})});g.displayName="TableCell",o.forwardRef((e,t)=>{let{className:a,...r}=e;return(0,l.jsx)("caption",{ref:t,className:(0,d.cn)("mt-4 text-sm text-muted-foreground",a),...r})}).displayName="TableCaption";var v=a(51042),b=a(23529),w=a(24033),j=a(99975),N=a(90368),y=a(27937),k=a(90088);let C="flex h-8 w-8 shrink-0 items-center justify-center rounded-lg border border-[#D4D4D8] bg-white text-sm font-normal text-[#18181B] disabled:cursor-not-allowed disabled:opacity-50 hover:cursor-pointer";function F(e){let{table:t,totalItems:a,className:r,...n}=e,s=t.getState().pagination.pageIndex+1,o=t.getPageCount(),i=t.getFilteredRowModel().rows.length,c=Array.from({length:o},(e,t)=>t+1);return(0,l.jsxs)("div",{className:(0,d.cn)("flex w-full flex-col items-center justify-between gap-4 pt-4 sm:flex-row",r),...n,children:[(0,l.jsxs)("div",{className:"flex items-center gap-2",children:[(0,l.jsx)("span",{className:"text-base font-normal text-[#18181B]",children:"Trang"}),(0,l.jsxs)(b.l6,{value:"".concat(s),onValueChange:e=>{t.setPageIndex(Number(e)-1)},disabled:!((null!=a?a:i)>0),children:[(0,l.jsxs)(b.bq,{hideIcon:!0,className:"h-8 w-auto min-w-[51px] gap-2 rounded-lg border-[#D7DBE0] bg-white px-2.5 py-2.5 text-base font-semibold text-[#18181B] shadow-none",children:[(0,l.jsx)(b.yv,{placeholder:s}),(0,l.jsx)(w.A,{className:"!h-4 !w-4 shrink-0 text-[#18181B]"})]}),(0,l.jsx)(b.gC,{side:"top",children:c.map(e=>(0,l.jsx)(b.eb,{value:"".concat(e),children:e},e))})]}),(0,l.jsxs)("span",{className:"text-base font-normal whitespace-nowrap text-[#18181B]",children:["của ",o]})]}),(0,l.jsxs)("div",{className:"flex items-center gap-[5px]",children:[(0,l.jsx)("button",{type:"button",className:C,onClick:()=>t.setPageIndex(0),disabled:!t.getCanPreviousPage(),"aria-label":"Trang đầu",children:(0,l.jsx)(j.A,{className:"!h-4 !w-4",strokeWidth:1.5})}),(0,l.jsx)("button",{type:"button",className:C,onClick:()=>t.previousPage(),disabled:!t.getCanPreviousPage(),"aria-label":"Trang trước",children:(0,l.jsx)(N.A,{className:"!h-4 !w-4",strokeWidth:1.5})}),(()=>{let e=[];

1if(o<=5)for(let t=1;t<=o;t++)e.push(t);else if(s<=3){for(let t=1;t<=3;t++)e.push(t);e.push("..."),e.push(o)}else if(s>=o-2){e.push(1),e.push("...");for(let t=o-2;t<=o;t++)e.push(t)}else{e.push(1),e.push("...");for(let t=s-1;t<=s+1;t++)e.push(t);e.push("..."),e.push(o)}return e})().map((e,a)=>"..."===e?(0,l.jsx)("span",{className:"flex h-8 w-8 shrink-0 items-center justify-center text-sm text-[#18181B]",children:"..."},"ellipsis-".concat(a)):(0,l.jsx)("button",{type:"button",className:(0,d.cn)(C,e===s?"bg-[#FBEBEA]":"bg-white"),onClick:()=>t.setPageIndex(e-1),children:e},e)),(0,l.jsx)("button",{type:"button",className:C,onClick:()=>t.nextPage(),disabled:!t.getCanNextPage(),"aria-label":"Trang sau",children:(0,l.jsx)(y.A,{className:"!h-4 !w-4",strokeWidth:1.5})}),(0,l.jsx)("button",{type:"button",className:C,onClick:()=>t.setPageIndex(o-1),disabled:!t.getCanNextPage(),"aria-label":"Trang cuối",children:(0,l.jsx)(k.A,{className:"!h-4 !w-4",strokeWidth:1.5})})]})]})}function _(e){var t;let{table:a,heading:o="",WaitingProxies:i,StatusFilterTabs:b,cardClassName:w,containerClassName:j,tableContainerClassName:N,headerClassName:y,bodyCellClassName:k,hideViewToggle:C=!1,children:_}=e;return(0,l.jsxs)("div",{className:"relative flex h-full w-full max-w-full min-w-0 flex-1 flex-col gap-3 overflow-x-hidden 2xl:!gap-0",children:[o?(0,l.jsx)("span",{className:"absolute top-0 left-0 z-10 inline-flex max-w-[70%] items-center truncate rounded-tl-[32px] rounded-br-[32px] bg-gradient-to-r from-[#fc98b1] to-[#fbccc9] px-6 py-1 text-sm font-medium text-[#591c19]",children:o}):null,(0,l.jsxs)("div",{className:"flex h-full max-w-full min-w-0 flex-col overflow-x-hidden",children:[(0,l.jsxs)("div",{className:(0,d.cn)("bg-background col-span-2 mx-auto flex h-full min-h-0 w-full max-w-full min-w-0 flex-col gap-5 overflow-x-hidden !rounded-[32px] pt-10 pb-8 shadow-[0_0_8px_rgba(0,0,0,0.05)] sm:min-h-[450px] 2xl:!pt-[42px]",j),children:[_,(0,l.jsx)(v.Zp,{className:(0,d.cn)("mx-auto flex h-full w-full max-w-full min-w-0 flex-1 gap-4 overflow-x-hidden !rounded-none !border-none px-3 !shadow-none sm:gap-5 sm:px-6 2xl:!px-8",w),children:(0,l.jsx)(v.Wu,{className:"flex max-w-full min-w-0 flex-col overflow-x-hidden px-0 pt-0",children:(0,l.jsx)("div",{className:(0,d.cn)("relative flex h-[min(420px,calc(100dvh-22rem))] min-h-[280px] w-full max-w-full min-w-0 overflow-hidden rounded-[20px] sm:h-[500px] sm:min-h-[360px] lg:h-[600px]",N),children:(0,l.jsx)("div",{className:"absolute inset-0 flex w-full overflow-hidden rounded-[20px] border border-[#D4D4D8] bg-white",children:(0,l.jsxs)(c,{className:"h-full w-full",children:[(0,l.jsxs)(x,{className:"w-full table-fixed rounded-[20px]",children:[(0,l.jsx)(m,{className:(0,d.cn)("sticky top-0 z-10 !h-[44px] w-full rounded-t-[20px] bg-[#FEF5EC] whitespace-nowrap",y),children:a.getHeaderGroups().map(e=>(0,l.jsx)(f,{className:"border-b border-[#E4E4E7]",children:e.headers.map(e=>(0,l.jsx)(h,{colSpan:e.colSpan,className:"text-text-normal-template-3 sticky !h-[44px] px-2 text-center !font-semibold sm:px-4 [&_*]:!font-semibold",style:{...(0,n.Z0)({column:e.column}),...e.column.columnDef.minSize?{minWidth:e.column.columnDef.minSize}:{}},children:e.isPlaceholder?null:(0,r.Kv)(e.column.columnDef.header,e.getContext())},e.id))},e.id))}),(0,l.jsx)(p,{className:"[&_tr:last-child:not(:only-child)]:shadow-none",children:(null==(t=a.getRowModel().rows)?void 0:t.length)?a.getRowModel().rows.map(e=>(0,l.jsx)(f,{"data-state":e.getIsSelected()&&"selected",className:"h-[56px] shadow-[inset_0_-1px_0_0_#E4E4E7] hover:bg-[#f5f5f5]",children:e.getVisibleCells().map(e=>(0,l.jsx)(g,{style:{...(0,n.Z0)({column:e.column}),...e.column.columnDef.minSize?{minWidth:e.column.columnDef.minSize}:{}},className:(0,d.cn)("h-[56px] px-2 py-3 text-center sm:px-4 sm:py-4",k),children:function(e){let t=(0,r.Kv)(e.column.columnDef.cell,e.getContext());return null==t||"string"==typeof t&&""===t.trim()?"-":t}(e)},e.id))},e.id)):(0,l.jsx)(f,{className:"hover:bg-transparent",children:(0,l.jsxs)(g,{colSpan:a.getVisibleLeafColumns().length,className:"gap-3 pt-30 text-center",children:[(0,l.jsx)(s.F.EmptyIcon,{className:"mx-auto h-[182px] w-[217px]"}),(0,l.jsx)("div",{className:"text-icon-template-3 h-[22px] text-center text-[16px] leading-[22px] font-medium",children:"Chưa c\xf3 dữ liệu"})]})})})]}),(0,l.jsx)(u,{orientation:"horizontal"})]})})})})})]}),(0,l.jsx)("div",{className:"flex flex-col gap-2.5",children:(0,l.jsx)(F,{table:a,totalItems:a.getCoreRowModel().rows.length})})]})]})}},20243:(e,t,a)=>{a.d(t,{E:()=>n});var l=a(95155),r=a(64269);function n(e){let{className:t,...a}=e;return(0,l.jsx)("div",{"data-slot":"skeleton",className:(0,r.cn)("bg-accent animate-pulse rounded-md",t),...a})}},23529:(e,t,a)=>{a.d(t,{l6:()=>u,gC:()=>h,eb:()=>g,bq:()=>m,yv:()=>x});var l=a(95155),r=a(47887),n=a(12108),s=a(24033),o=a(12115),i=a(72264);let d=e=>(0,l.jsx)("svg",{width:"16",height:"16",viewBox:"0 0 16 16",fill:"none",xmlns:"http://www.w3.org/2000/svg",...e,children:(0,l.jsx)("path",{d:"M13.3346 4L6.0013 11.3333L2.66797 8",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"})});var c=a(64269);let u=r.bL;r.YJ;let x=r.WT,m=o.forwardRef((e,t)=>

1{let{className:a,children:n,hideIcon:s,...o}=e;return(0,l.jsxs)(r.l9,{ref:t,className:(0,c.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 shadow-[4px_4px_8px_0_var(--shadow-proxy-input))] focus:outline-none disabled:cursor-not-allowed disabled:opacity-50","data-[state=open]:border-primary data-[state=open]:ring-primary/20 data-[state=open]:ring-[3px]","[&>span]:min-w-0 [&>span]:flex-1 [&>span]:truncate [&>span]:text-left",a),...o,children:[n,!s&&(0,l.jsx)(r.In,{asChild:!0,className:"shrink-0 hover:cursor-pointer",children:(0,l.jsx)(i.F.ChevronsDownSolidIcon,{className:"text-icon-template-3 h-[14px] w-[14px]"})})]})});m.displayName=r.l9.displayName,o.forwardRef((e,t)=>{let{className:a,children:n,...s}=e;return(0,l.jsxs)(r.l9,{ref:t,className:(0,c.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),...s,children:[n,(0,l.jsx)(r.In,{asChild:!0,className:"hover:cursor-pointer",children:(0,l.jsx)(i.F.ChevronsDownIcon,{className:"h-[20px] w-[20px] text-[#161616]"})})]})}).displayName=r.l9.displayName;let p=o.forwardRef((e,t)=>{let{className:a,...s}=e;return(0,l.jsx)(r.PP,{ref:t,className:(0,c.cn)("flex cursor-default items-center justify-center py-1",a),...s,children:(0,l.jsx)(n.A,{className:"h-4 w-4"})})});p.displayName=r.PP.displayName;let f=o.forwardRef((e,t)=>{let{className:a,...n}=e;return(0,l.jsx)(r.wn,{ref:t,className:(0,c.cn)("flex cursor-default items-center justify-center py-1",a),...n,children:(0,l.jsx)(s.A,{className:"h-4 w-4"})})});f.displayName=r.wn.displayName;let h=o.forwardRef((e,t)=>{let{className:a,children:n,position:s="popper",...o}=e;return(0,l.jsx)(r.ZL,{children:(0,l.jsxs)(r.UC,{ref:t,className:(0,c.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"===s&&"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:s,...o,children:[(0,l.jsx)(p,{}),(0,l.jsx)(r.LM,{className:(0,c.cn)("p-1","popper"===s&&"h-[var(--radix-select-trigger-height)] w-full min-w-[var(--radix-select-trigger-width)]"),children:n}),(0,l.jsx)(f,{})]})})});h.displayName=r.UC.displayName,o.forwardRef((e,t)=>{let{className:a,...n}=e;return(0,l.jsx)(r.JU,{ref:t,className:(0,c.cn)("px-2 py-1.5 text-sm font-semibold",a),...n})}).displayName=r.JU.displayName;let g=o.forwardRef((e,t)=>{let{className:a,children:n,...s}=e;return(0,l.jsxs)(r.q7,{ref:t,className:(0,c.cn)("focus:bg-accent focus:text-accent-foreground relative flex w-full cursor-default items-center gap-2 rounded-lg py-1.5 pr-2 pl-2 text-sm outline-none select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50",a),...s,children:[(0,l.jsx)("span",{className:"min-w-0 flex-1 truncate",children:(0,l.jsx)(r.p4,{children:n})}),(0,l.jsx)("span",{className:"flex h-4 w-4 shrink-0 items-center justify-center text-[#18181B]",children:(0,l.jsx)(r.VF,{children:(0,l.jsx)(d,{className:"h-4 w-4"})})})]})});g.displayName=r.q7.displayName,o.forwardRef((e,t)=>{let{className:a,...n}=e;return(0,l.jsx)(r.wv,{ref:t,className:(0,c.cn)("bg-muted -mx-1 my-1 h-px",a),...n})}).displayName=r.wv.displayName},26333:(e,t,a)=>{a.d(t,{AM:()=>s,Wv:()=>

1o,dT:()=>d,hl:()=>i});var l=a(95155);a(12115);var r=a(82286),n=a(64269);function s(e){let{...t}=e;return(0,l.jsx)(r.bL,{"data-slot":"popover",...t})}function o(e){let{...t}=e;return(0,l.jsx)(r.l9,{"data-slot":"popover-trigger",...t})}function i(e){let{className:t,align:a="center",sideOffset:s=4,...o}=e;return(0,l.jsx)(r.ZL,{children:(0,l.jsx)(r.UC,{"data-slot":"popover-content",align:a,sideOffset:s,className:(0,n.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 z-50 w-72 origin-(--radix-popover-content-transform-origin) rounded-md border p-4 shadow-md outline-hidden",t),...o})})}function d(e){let{...t}=e;return(0,l.jsx)(r.Mz,{"data-slot":"popover-anchor",...t})}},26767:(e,t,a)=>{a.d(t,{A:()=>s});var l=a(95155),r=a(64269),n=a(77186);function s(e){let{children:t,scrollable:a=!0,className:s="",contentMaxWidthClassName:o="max-w-[1480px]",openMarqueeTop:i=!0,openMarqueeBottom:d=!0}=e;return(0,l.jsx)(l.Fragment,{children:a?(0,l.jsx)(n.F,{className:(0,r.cn)("bg-background-blur-template-3 mx-auto h-[calc(100dvh-70px)] w-full max-w-full min-w-0 overflow-x-hidden px-3 sm:px-4 md:px-6 [&_[data-slot=scroll-area-viewport]]:max-w-full [&_[data-slot=scroll-area-viewport]]:min-w-0 [&_[data-slot=scroll-area-viewport]]:overflow-x-hidden [&_[data-slot=scroll-area-viewport]>div]:max-w-full [&_[data-slot=scroll-area-viewport]>div]:min-w-0",s),children:(0,l.jsx)("div",{className:"flex min-h-full w-full min-w-0 flex-col justify-between gap-3 overflow-x-hidden",children:(0,l.jsx)("div",{className:"@container mx-auto flex w-full max-w-[var(--template-3-content-max-width,1152px)] min-w-0 flex-1 overflow-x-hidden pt-6 pb-10",children:t})})}):(0,l.jsx)("div",{className:"bg-background-blur-template-3 mx-auto flex h-full w-full max-w-full min-w-0 overflow-x-hidden px-3 pt-3 sm:px-4 md:px-6 ".concat(s),children:(0,l.jsx)("div",{className:"flex h-full w-full min-w-0 flex-col justify-between gap-3 overflow-x-hidden",children:(0,l.jsx)("div",{className:"mx-auto flex w-full max-w-[var(--template-3-content-max-width,1152px)] min-w-0 flex-1 overflow-x-hidden py-3 pt-6 pb-8",children:t})})})})}a(12115)},31120:(e,t,a)=>{a.d(t,{T:()=>n});var l=a(95155);a(12115);var r=a(64269);function n(e){let{className:t,...a}=e;return(0,l.jsx)("textarea",{"data-slot":"textarea",className:(0,r.cn)("border-input placeholder:text-muted-foreground focus-visible:border-primary focus-visible:ring-primary/20 aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive dark:bg-input/30 flex field-sizing-content min-h-16 w-full rounded-md border bg-transparent px-3 py-2 text-base shadow-xs transition-[color,box-shadow] outline-none focus-visible:ring-[3px] hover:border-primary/50 disabled:cursor-not-allowed disabled:opacity-50 md:text-sm",t),...a})}},39180:(e,t,a)=>{a.d(t,{r:()=>r});var l=a(68019);let r=(0,a(25959).v)((e,t)=>({config:null,affiliateProgram:null,setConfig:t=>{var a,r;return e({config:{...t,theme:(null==t?void 0:t.theme)?{...t.theme,textmarquee:null!=(r=null!=(a=t.theme.textmarquee)?a:t.theme.textMarquee)?r:"",...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}}))},41052:(e,t,a)=>{a.d(t,{C5:()=>v,MJ:()=>h,Rr:()=>g,eI:()=>p,lR:()=>f,lV:()=>d,zB:()=>u});var l=a(95155),r=a(12115),n=a(32467),s=a(22544),o=a(64269),i=a(76444);let d=s.Op,c=r.createContext({}),u=e=>{let{...t}=e;return(0,l.jsx)(c.Provider,{value:{name:t.name},children:(0,l.jsx)(s.xI,{...t})})},x=()=>{let e=r.useContext(c),t=r.useContext(m),{getFieldState:a}=(0,s.xW)(),l=(0,s.lN)({name:e.name}),n=a(e.name,l);if(!e)throw Error("useFormField should be used within <FormField>");let{id:o}=t;return{id:o,name:e.name,formItemId:"".concat(o,"-form-item"),formDescriptionId:"".concat(o,"-form-item-description"),formMessageId:"".concat(o,"-form-item-message"),...n}},m=r.createContext({});function p(e){let{className:t,...a}=e,n=r.useId();return(0,l.jsx)(m.Provider,{value:{id:n},children:(0,l.jsx)("div",{"data-slot":"form-item",className:(0,o.cn)("grid gap-2",t),...a})})}function f(e){let{className:t,...a}=e,{error:r,formItemId:n}=x();return(0,l.jsx)(i.J,{"data-slot":"form-label","data-error":!!r,className:(0,o.cn)("data-[error=true]:text-destructive",t),htmlFor:n,...a})}function h(e){let{...t}=e,{error:a,formItemId:r,formDescriptionId:s,formMessageId:o}=x();return(0,l.jsx)(n.DX,{"data-slot":"form-control",id:r,"aria-describedby":a?"".concat(s," ").concat(o):"".concat(s),"aria-invalid":!!a,...t})}function g(e){let{className:t,...a}=e,{formDescriptionId:r}=x();return(0,l.jsx)("p",{"data-slot":"form-description",id:r,className:(0,o.cn)("text-muted-foreground text-sm",t),...a})}function v(e){var t;let{className:a,...r}=e,{error:n,formMessageId:s}=x(),i=n?String(null!=(t=null==n?void 0:n.message)?t:""):r.children;return i?(0,l.jsx)("p",{"data-slot":"form-message",id:s,className:(0,o.cn)("text-destructive text-sm",a),...r,children:i}):null}},51834:(e,t,a)=>{a.d(t,{Cf:()=>x,Es:()=>p,HM:()=>c,L3:()=>f,LC:()=>u,ZJ:()=>d,c7:()=>m,lG:()=>o,rr:()=>h,zM:()=>i});var l=a(95155);a(12115);var r=a(89511),n=a(65229),s=a(64269);function o(e){let{...t}=e;return(0,l.jsx)(r.bL,{"data-slot":"dialog",...t})}function i(e){let{...t}=e;return(0,l.jsx)(r.l9,{"data-slot":"dialog-trigger",...t})}function d(e){let{...t}=e;return(0,l.jsx)(r.ZL,{"data-slot":"dialog-portal",...t})}function c(e){let{...t}=e;return(0,l.jsx)(r.bm,{"data-slot":"dialog-close",...t})}function u(e){let{className:t,...a}=e;return(0,l.jsx)(r.hJ,{"data-slot":"dialog-overlay",className:(0,s.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),...a})}function x(e){let{className:t,iconColor:a,template:o,hideCloseButton:i,closeClassName:c,children:x,...m}=e;return(0,l.jsxs)(d,{"data-slot":"dialog-portal",children:[(0,l.jsx)(u,{}),(0,l.jsxs)(r.UC,{"data-slot":"dialog-content",className:(0,s.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 grid w-full max-w-[calc(100%-2rem)] translate-x-[-50%] translate-y-[-50%] gap-4 roun

1ded-lg border p-6 shadow-lg duration-200 sm:max-w-lg",t),...m,children:[x,!i&&(0,l.jsxs)(r.bm,{className:(0,s.cn)("ring-offset-background focus:ring-primary data-[state=open]:bg-accent data-[state=open]:text-muted-foreground absolute top-4 right-4 z-50 cursor-pointer rounded-xs opacity-70 transition-opacity 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",c),children:[(0,l.jsx)(n.A,{className:(0,s.cn)("!h-6 !w-6",a,"blue-tech"===o&&"text-primary")}),(0,l.jsx)("span",{className:"sr-only",children:"Close"})]})]})]})}function m(e){let{className:t,...a}=e;return(0,l.jsx)("div",{"data-slot":"dialog-header",className:(0,s.cn)("flex flex-col gap-2 text-center sm:text-left",t),...a})}function p(e){let{className:t,...a}=e;return(0,l.jsx)("div",{"data-slot":"dialog-footer",className:(0,s.cn)("flex flex-col-reverse gap-2 sm:flex-row sm:justify-end",t),...a})}function f(e){let{className:t,...a}=e;return(0,l.jsx)(r.hE,{"data-slot":"dialog-title",className:(0,s.cn)("text-lg leading-none font-semibold",t),...a})}function h(e){let{className:t,...a}=e;return(0,l.jsx)(r.VY,{"data-slot":"dialog-description",className:(0,s.cn)("text-muted-foreground text-sm",t),...a})}},63817:(e,t,a)=>{a.d(t,{G7:()=>i,L$:()=>u,fx:()=>x,h_:()=>m,oI:()=>d,uB:()=>o,xL:()=>c});var l=a(95155);a(12115);var r=a(41808),n=a(86651),s=a(64269);function o(e){let{className:t,...a}=e;return(0,l.jsx)(r.uB,{"data-slot":"command",className:(0,s.cn)("bg-popover text-popover-foreground flex h-full w-full flex-col overflow-hidden rounded-md",t),...a})}function i(e){let{className:t,...a}=e;return(0,l.jsxs)("div",{"data-slot":"command-input-wrapper",className:"flex h-9 items-center gap-2 border-b px-3",children:[(0,l.jsx)(n.A,{className:"size-4 shrink-0 opacity-50"}),(0,l.jsx)(r.uB.Input,{"data-slot":"command-input",className:(0,s.cn)("placeholder:text-muted-foreground flex h-10 w-full rounded-md bg-transparent py-3 text-sm outline-hidden disabled:cursor-not-allowed disabled:opacity-50",t),...a})]})}function d(e){let{className:t,...a}=e;return(0,l.jsx)(r.uB.List,{"data-slot":"command-list",onWheel:e=>e.stopPropagation(),className:(0,s.cn)("max-h-[300px] scroll-py-1 overflow-x-hidden overflow-y-auto",t),...a})}function c(e){let{...t}=e;return(0,l.jsx)(r.uB.Empty,{"data-slot":"command-empty",className:"py-6 text-center text-sm",...t})}function u(e){let{className:t,...a}=e;return(0,l.jsx)(r.uB.Group,{"data-slot":"command-group",className:(0,s.cn)("text-foreground [&_[cmdk-group-heading]]:text-muted-foreground overflow-hidden p-1 [&_[cmdk-group-heading]]:px-2 [&_[cmdk-group-heading]]:py-1.5 [&_[cmdk-group-heading]]:text-xs [&_[cmdk-group-heading]]:font-medium",t),...a})}function x(e){let{className:t,...a}=e;return(0,l.jsx)(r.uB.Separator,{"data-slot":"command-separator",className:(0,s.cn)("bg-border -mx-1 h-px",t),...a})}function m(e){let{className:t,...a}=e;return(0,l.jsx)(r.uB.Item,{"data-slot":"command-item",className:(0,s.cn)("data-[selected=true]:bg-accent data-[selected=true]:text-accent-foreground [&_svg:not([class*='text-'])]:text-muted-foreground relative flex cursor-default items-center gap-2 rounded-sm px-2 py-1.5 text-sm outline-hidden select-none data-[disabled=true]:pointer-events-none data-[disabled=true]:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",t),...a})}a(51834)},65142:(e,t,a)=>{a.d(t,{p:()=>n});var l=a(95155);a(12115);var r=a(64269);function n(e){let{className:t,type:a,...n}=e;return(0,l.jsx)("input",{type:a,"data-slot":"input",className:(0,r.cn)("file:text-foreground placeholder:text-muted-foreground selection:bg-primary selection:text-primary-foreground dark:bg-input/30 border-input flex h-9 w-full min-w-0 rounded-md border bg-transparent px-3 py-1 text-base shadow-xs transition-[color,box-shadow] outline-none file:inline-flex file:h-7 file:border-0 file:bg-transparent file:text-sm file:font-medium disabled:pointer-events-none disabled:cursor-not-allowed disabled:opacity-50 md:text-sm","focus-visible:border-primary focus-visible:ring-primary/50 focus-visible:ring-[3px]","aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive",t),...n})}},68019:(e,t,a)=>{a.d(t,{V:()=>l});let l=(e,t)=>

1{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}},76444:(e,t,a)=>{a.d(t,{J:()=>s});var l=a(95155);a(12115);var r=a(10489),n=a(64269);function s(e){let{className:t,...a}=e;return(0,l.jsx)(r.b,{"data-slot":"label",className:(0,n.cn)("flex items-center gap-2 text-sm leading-none font-medium select-none group-data-[disabled=true]:pointer-events-none group-data-[disabled=true]:opacity-50 peer-disabled:cursor-not-allowed peer-disabled:opacity-50",t),...a})}},77186:(e,t,a)=>{a.d(t,{$:()=>i,F:()=>o});var l=a(95155),r=a(12115),n=a(83360),s=a(64269);let o=r.forwardRef((e,t)=>{let{className:a,children:r,...o}=e;return(0,l.jsxs)(n.bL,{ref:t,"data-slot":"scroll-area",className:(0,s.cn)("relative overflow-hidden",a),...o,children:[(0,l.jsx)(n.LM,{"data-slot":"scroll-area-viewport",className:"h-full w-full rounded-[inherit]",children:r}),(0,l.jsx)(i,{}),(0,l.jsx)(n.OK,{})]})});o.displayName=n.bL.displayName;let i=r.forwardRef((e,t)=>{let{className:a,orientation:r="vertical",...o}=e;return(0,l.jsx)(n.VM,{ref:t,"data-slot":"scroll-area-scrollbar",orientation:r,className:(0,s.cn)("flex touch-none transition-colors select-none","vertical"===r&&"h-full w-2.5 border-l border-l-transparent p-[1px]","horizontal"===r&&"h-2.5 flex-col border-t border-t-transparent p-[1px]",a),...o,children:(0,l.jsx)(n.lr,{"data-slot":"scroll-area-thumb",className:"bg-border relative flex-1 rounded-full"})})});i.displayName=n.VM.displayName},86948:(e,t,a)=>{a.d(t,{BT:()=>i,Wu:()=>d,ZB:()=>o,Zp:()=>n,aR:()=>s,wL:()=>c});var l=a(95155);a(12115);var r=a(64269);function n(e){let{className:t,...a}=e;return(0,l.jsx)("div",{"data-slot":"card",className:(0,r.cn)("bg-card text-card-foreground flex flex-col gap-6 rounded-xl border py-6 shadow-sm",t),...a})}function s(e){let{className:t,...a}=e;return(0,l.jsx)("div",{"data-slot":"card-header",className:(0,r.cn)("@container/card-header grid auto-rows-min grid-rows-[auto_auto] items-start gap-1.5 px-6 has-data-[slot=card-action]:grid-cols-[1fr_auto] [.border-b]:pb-6",t),...a})}function o(e){let{className:t,...a}=e;return(0,l.jsx)("div",{"data-slot":"card-title",className:(0,r.cn)("leading-none font-semibold",t),...a})}function i(e){let{className:t,...a}=e;return(0,l.jsx)("div",{"data-slot":"card-description",className:(0,r.cn)("text-muted-foreground text-sm",t),...a})}function d(e){let{className:t,...a}=e;return(0,l.jsx)("div",{"data-slot":"card-content",className:(0,r.cn)("px-4",t),...a})}function c(e){let{className:t,...a}=e;return(0,l.jsx)("div",{"data-slot":"card-footer",className:(0,r.cn)("flex items-center px-4 [.border-t]:pt-6",t),...a})}},94166:(e,t,a)=>{a.d(t,{w:()=>m});var l=a(95155),r=a(3998),n=a(65142),s=a(64269),o=a(72264),i=a(23529),d=a(468),c=a(58067),u=a(65229),x=a(12115);function m(e){var t,a,m;let{toolbarCustomProxy:f,table:h,className:g,title:v,isCdk:b=!1,...w}=e,j=h.getState().columnFilters.length>0,N=x.useCallback(e=>{let t=e.findIndex(e=>{var t,a,l;let r=null==(a=e.columnDef.meta)||null==(t=a.label)?void 0:t.toString().toLowerCase();return(null==(l=e.id)?void 0:l.toString().toLowerCase())==="proxy"||"proxy"===r});if(t>0){let a=e.slice(),[l]=a.splice(t,1);return a.unshift(l),a}return e},[]),y=x.useCallback(e=>{let t=e.findIndex(e=>{var t,a,l;let r=null==(a=e.columnDef.meta)||null==(t=a.label)?void 0:t.toString().toLowerCase();return(null==(l=e.id)?void 0:l.toString().toLowerCase())==="id"||"id"===r});if(t>-1&&t!==e.length-1){let a=e.slice(),[l]=a.splice(t,1);return a.push(l),a}return e},[]),k=x.useMemo(()=>h.getAllColumns().filter(e=>e.getCanFilter()),[h]),C=x.useCallback(e=>{var t;return"s"===e.columnDef.id||(null==(t=e.columnDef.meta)?void 0:t.variant)==="text"},[]),F=y(N(k.filter(e=>!C(e)))),_=x.useMemo(()=>y(N(k.filter(e=>

1C(e)))),[k,C,N,y]),[D,z]=x.useState(()=>{var e,t;return null!=(t=null==(e=_[0])?void 0:e.id)?t:""}),[E,I]=x.useState(()=>{let e=_[0];return(null==e?void 0:e.getFilterValue())||""});x.useEffect(()=>{let e=_.find(e=>e.id===D);e&&I(e.getFilterValue()||"")},[D]);let B=x.useCallback(()=>{h.resetColumnFilters(),I("")},[h]),L=x.useCallback(()=>{let e=_.find(e=>e.id===D);if(e){let t=E.trim();E&&E.trim().startsWith("0")&&(t=(0,c.k)(E)),e.setFilterValue(t),_.filter(e=>e.id!==D).forEach(e=>e.setFilterValue(void 0))}},[_,D,E]),S=x.useCallback(e=>{"Enter"===e.key&&(e.preventDefault(),L())},[L]),A=null==(t=_.find(e=>e.id===D))?void 0:t.columnDef.meta,R=(null!=(m=null!=(a=null==A?void 0:A.placeholder)?a:null==A?void 0:A.label)?m:"")+"...",V=(0,l.jsxs)(l.Fragment,{children:[_.length>0&&(0,l.jsx)("div",{className:"flex w-full min-w-0 flex-col gap-3 sm:flex-row sm:items-center sm:gap-3 lg:min-w-0 lg:flex-1",children:(0,l.jsxs)("div",{className:(0,s.cn)("relative flex h-10 w-full min-w-0 shrink-0 items-center overflow-hidden rounded-full bg-white pr-10 outline -outline-offset-1 outline-[#D4D4D8] has-[input:focus]:outline-[#DF3B30]","rotateproxies"===f?b?"max-w-[599px]":"max-w-[510px]":"orders"===f||"transactions"===f?"max-w-[803px]":"ipchangelog"===f?"max-w-[936px]":"max-w-[340px]"),children:[(0,l.jsxs)(i.l6,{value:D,onValueChange:e=>z(e),children:[(0,l.jsxs)(i.bq,{hideIcon:!0,className:"text-text-normal-template-3 group flex h-9.5 w-auto shrink-0 flex-row overflow-hidden rounded-full border border-transparent bg-[#F4F4F5] px-3 text-start text-[12px] leading-4 font-normal tracking-[0] !shadow-none focus:ring-0 data-[state=open]:!border-[#DF3B30] data-[state=open]:!bg-white data-[state=open]:!ring-0",children:[(0,l.jsx)(i.yv,{className:"truncate"}),(0,l.jsx)(o.F.DropdownChevronIcon,{className:"!h-4 !w-4 shrink-0 text-[#8A92A6] transition-transform group-data-[state=open]:rotate-180"})]}),(0,l.jsx)(i.gC,{className:"rounded-[16px] border-[#E4E4E7] p-[6px] shadow-[0px_0px_4px_rgba(0,0,0,0.05)]",children:_.map(e=>{var t,a;return(0,l.jsx)(i.eb,{value:e.id,className:"rounded-[12px] px-[8px] py-[4px] not-last:mb-[4px] focus:bg-[#F4F4F5] data-[state=checked]:bg-[#F4F4F5]",children:(0,l.jsx)("span",{className:"text-[12px] leading-[16px] font-normal tracking-[0] text-[#18181B]",children:null!=(a=null==(t=e.columnDef.meta)?void 0:t.label)?a:e.id})},e.id)})})]}),(0,l.jsx)(n.p,{placeholder:R,value:E,onChange:e=>I(e.target.value),onKeyDown:S,className:"text-text-normal-template-3 h-10 min-w-0 flex-1 truncate border-0 bg-transparent px-3 text-[14px] leading-5 font-normal tracking-[0] shadow-none placeholder:text-[rgba(60,60,67,0.6)] focus-visible:ring-0"}),j&&(0,l.jsx)("button",{type:"button",onClick:B,"aria-label":"X\xf3a t\xecm kiếm",className:"flex h-10 w-8 shrink-0 items-center justify-center text-[#8E8E93] hover:text-[#3C3C43]",children:(0,l.jsx)(u.A,{className:"!h-4 !w-4"})}),(0,l.jsx)(r.$,{type:"button",className:"!absolute !top-0 !right-0 !h-10 !w-10 !min-w-0 !shrink-0 !gap-0 !rounded-full !p-0",onClick:L,"aria-label":"Kiểm tra",children:(0,l.jsx)(o.F.MagnifyingGlass,{className:"text-background !h-6 !w-6"})})]})}),"orders"!==f&&"transactions"!==f&&"ipchangelog"!==f&&F.map(e=>(0,l.jsx)(p,{column:e},e.id))]}),M=(0,l.jsx)("div",{className:"flex w-full min-w-0 flex-col gap-3 px-3 py-0 sm:flex-row sm:flex-wrap sm:items-center sm:gap-3 sm:px-6 2xl:!px-8",children:V});return(0,l.jsx)("div",{className:"flex w-full flex-col items-stretch",role:"toolbar","aria-orientation":"horizontal",...w,children:(0,l.jsx)("div",{className:(0,s.cn)("bg-background w-full !rounded-t-[32px] shadow-[0_0_8px_rgba(0,0,0,0.05)]",g),children:f?(0,l.jsxs)("div",{className:"flex w-full min-w-0 flex-col gap-3 px-3 py-0 sm:flex-row sm:flex-wrap sm:items-center sm:justify-end sm:gap-3 sm:px-6 2xl:!px-8",children:[V,(0,l.jsx)(d.x,{table:h,toolbarCustomProxy:f,isCdk:b,customClassName:"flex w-full min-w-0 sm:w-auto 2xl:!shrink-0"})]}):M})})}function p(e){var t;let{column:a}=e,r=a.columnDef.meta,[s,o]=x.useState(null!=(t=a.getFilterValue())?t:(null==r?void 0:r.variant)==="multiSelect"?[]:"");return x.useEffect(()=>{var e;o(null!=(e=a.getFilterValue())?e:(null==r?void 0:r.variant)==="multiSelect"?[]:"")},[a.getFilterValue()]),x.useCallback(()=>{var e,t,i,d;if(!(null==r?void 0:r.variant))return null;switch(r.variant){case"text":return(0,l.jsx)(n.p,{placeholder:null!=(e=r.placeholder)?e:r.label,value:null!=s?s:"",onCh

1ange:e=>{let t=e.target.value;o(t),a.setFilterValue(t||void 0)},className:"h-10 rounded-md border border-[#D9D9D9] text-sm focus:border-[#EB4A4A] focus:ring-0 md:w-56"});case"select":case"multiSelect":return(0,l.jsxs)("div",{className:"flex w-full min-w-0 flex-col gap-1 sm:w-auto sm:shrink-0 lg:w-[200px] xl:w-[220px]",children:[(0,l.jsx)("label",{className:"text-text-normal-template-3 text-sm font-semibold whitespace-nowrap sm:text-[15px]",children:null!=(i=r.label)?i:a.id}),(0,l.jsxs)("div",{className:"relative w-full",children:[(0,l.jsxs)("select",{multiple:"multiSelect"===r.variant,value:"multiSelect"===r.variant?s:Array.isArray(s)?null!=(d=s[0])?d:"":s,onChange:e=>{if("multiSelect"===r.variant){let t=Array.from(e.target.selectedOptions,e=>e.value);o(t),a.setFilterValue(t.length?t:void 0)}else{let t=e.target.value;o(t),a.setFilterValue(""===t?void 0:t)}},className:"text-text-normal-template-3 h-11 w-full cursor-pointer appearance-none rounded-md border border-[#D9D9D9] bg-white px-3 pr-10 text-[14px] leading-[22px] font-normal focus:border-[#EB4A4A] focus:ring-0 focus:outline-none",children:[(0,l.jsx)("option",{value:"",children:"Tất cả"}),null==(t=r.options)?void 0:t.map(e=>(0,l.jsx)("option",{value:e.value,children:e.label},e.value))]}),(0,l.jsx)("span",{"aria-hidden":!0,className:"pointer-events-none absolute inset-y-0 right-3 flex items-center",children:(0,l.jsx)("svg",{className:"h-4 w-4 text-[#888888]",xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 24 24",stroke:"currentColor",children:(0,l.jsx)("path",{strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:"2",d:"M19 9l-7 7-7-7"})})})]})]});default:return null}},[a,r,s])()}}}]);