affiliate-front-shared 1.0.0 → 1.2.0

package/dist/index.cjs

@@ -0,0 +1,3062 @@
+"use strict";var vr=Object.defineProperty;var wr=(n,e,t)=>e in n?vr(n,e,{enumerable:!0,configurable:!0,writable:!0,value:t}):n[e]=t;var Pe=(n,e,t)=>wr(n,typeof e!="symbol"?e+"":e,t);Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("react/jsx-runtime"),S=require("react"),N=require("antd"),m=require("styled-components"),ne=require("react-router"),tt=require("zustand"),Bt=require("react-i18next"),Sr=require("echarts"),Cr=require("react-dom"),jr=require("i18next-browser-languagedetector"),kr=require("i18next-http-backend"),Lr=require("lodash"),Dr=require("xlsx");function rt(n){const e=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(n){for(const t in n)if(t!=="default"){const r=Object.getOwnPropertyDescriptor(n,t);Object.defineProperty(e,t,r.get?r:{enumerable:!0,get:()=>n[t]})}}return e.default=n,Object.freeze(e)}const P=rt(S),$r=rt(Sr),He=rt(Dr),Gt=S.createContext({});function Er({services:n,children:e}){return i.jsx(Gt.Provider,{value:n,children:e})}function ke(){return S.useContext(Gt)}let he=n=>n;function xt(n){he=n}const U=(n,e)=>he(`general.${n}`,e),oe=(n,e)=>he(`actions.${n}`,e),te=(n,e)=>he(`authentication.${n}`,e),ae=(n,e)=>he(`months.${n}`,e),Se=(n,e)=>he(`date.${n}`,e),xe=(n,e)=>he(`weekDays.${n}`,e),Or=(n,e)=>he(`noData.${n}`,e),yt=(n,e)=>he(`comingSoon.${n}`,e);function Tr({t:n,children:e}){return xt(n),S.useEffect(()=>{xt(n)},[n]),i.jsx(i.Fragment,{children:e})}const nt=n=>P.createElement("svg",{width:16,height:16,viewBox:"0 0 16 16",fill:"none",xmlns:"http://www.w3.org/2000/svg",...n},P.createElement("path",{d:"M5.33343 5.72363L8.0001 8.3903L10.6668 5.72363L11.6096 6.66644L8.0001 10.2759L4.39062 6.66644L5.33343 5.72363Z",fill:"currentColor",fillOpacity:.75})),Ir=m(nt)`
+    color: var(--color-text-primary, #131412);
+`,zr=m.div`
+    background: var(--color-bg-secondary, #f5f5f5);
+    color: #000;
+    width: 100%;
+    box-sizing: border-box;
+    position: relative;
+
+    height: 100vh;
+    display: flex;
+    flex-direction: column;
+    box-sizing: border-box;
+    position: relative;
+`,Mr=m.div`
+    display: inline-flex;
+    flex-direction: column;
+    gap: 0.5rem;
+    padding: 1rem;
+    img {
+        width: var(--size-300, 1.5rem);
+        height: var(--size-300, 1.5rem);
+        border-radius: var(--border-radius-025, 0.125rem);
+    }
+    span {
+        color: var(--color-text-primary, #131412);
+        font-size: var(--typo-caption-size-medium, 0.875rem);
+        font-weight: var(--text-weight-medium, 500);
+        line-height: var(--typo-caption-lineHeight-medium, 1.125rem);
+        letter-spacing: var(--typo-caption-spacing-medium, 0.00625rem);
+    }
+`,Pr=m.div`
+    display: flex;
+    align-items: center;
+    gap: 5px;
+    padding-top: 10px;
+    cursor: pointer;
+    width: max-content;
+    color: var(--color-text-primary, #131412);
+
+    font-family: var(--text-font-family-base, Geist);
+    font-size: var(--typo-caption-size-medium, 14px);
+    font-style: normal;
+    font-weight: var(--text-weight-medium, 500);
+    line-height: var(--typo-caption-lineHeight-medium, 18px); /* 128.571% */
+    letter-spacing: var(--typo-caption-spacing-medium, 0.1px);
+`,Hr=m(N.Menu)`
+    border: none !important;
+    background: transparent;
+    flex: 1;
+    overflow-y: auto;
+    overflow-x: hidden;
+
+    border: none !important;
+    background: transparent;
+    .ant-menu-item {
+        height: auto;
+        width: auto;
+        margin: 0.13rem 0.75rem !important;
+        padding: 0.5rem !important;
+        border-radius: var(--border-radius-025, 0.125rem);
+        &.ant-menu-item-selected {
+            background: var(--color-bg-tertiary, #e7e7e7);
+            color: var(--color-text-primary, #131412);
+            font-weight: var(--text-weight-medium, 500);
+        }
+    }
+    .ant-menu-item-group {
+        margin-top: 0.5rem;
+    }
+    .ant-menu-item-group-title {
+        padding: 0.75rem 0 0.5rem 1.25rem;
+        color: var(--color-text-tertiary, rgba(19, 20, 18, 0.5));
+        font-size: var(--typo-caption-size-small, 0.75rem);
+        font-weight: var(--text-weight-regular, 400);
+        line-height: var(--typo-caption-lineHeight-small, 1rem);
+        letter-spacing: var(--typo-caption-spacing-small, 0.00625rem);
+    }
+    .ant-menu-item,
+    .ant-menu-submenu-title {
+        color: var(--color-text-primary, #131412);
+        font-size: var(--typo-caption-size-medium, 0.875rem);
+        font-weight: var(--text-weight-regular, 400);
+        line-height: var(--typo-caption-lineHeight-medium, 1.125rem);
+        letter-spacing: var(--typo-caption-spacing-medium, 0.00625rem);
+        &:hover {
+            a {
+                color: var(--color-text-primary, #131412);
+            }
+        }
+        svg {
+            path {
+                fill: var(--color-icon-primary, rgba(255, 255, 255, 0.75));
+            }
+        }
+    }
+
+    .ant-menu-submenu-title {
+        height: auto;
+        width: auto;
+        padding: 0.75rem 0 0.5rem 0.5rem !important;
+        margin: 0.13rem 0.75rem !important;
+        border-radius: var(--border-radius-025, 0.125rem);
+    }
+
+    .ant-menu-submenu-selected > .ant-menu-submenu-title {
+        color: var(--color-text-primary, #131412);
+    }
+
+    @media (max-width: 991px) {
+        .ant-menu-submenu .ant-menu-item {
+            margin-left: 1.5rem !important;
+        }
+    }
+`,at=(n,e=[])=>{const[t,r]=S.useState(null),[a,o]=S.useState(null),[s,l]=S.useState(!0),[d,c]=S.useState(null),u=async()=>{var p;try{l(!0),r(null);const g=await n();r(g),(p=g==null?void 0:g.data)!=null&&p.items&&o(g.data.items)}catch{c("Failed to fetch data")}finally{l(!1)}};return S.useEffect(()=>{u()},[...e]),{response:t,loading:s,error:d,fetchData:u,listItems:a}},we=tt.create((n,e)=>({user:localStorage.getItem("userData")?JSON.parse(localStorage.getItem("userData")):null,prefersDark:!1,storedThemeMode:null,setUser:t=>{localStorage.setItem("useToken",t.token),localStorage.setItem("userData",JSON.stringify(t)),n({user:t})},setThemeMode:t=>{const r=t===null?window.matchMedia("(prefers-color-scheme: dark)").matches:!!t;n({prefersDark:r,storedThemeMode:t}),document.documentElement.setAttribute("data-theme",r?"dark":"light"),localStorage.setItem("themeMode",JSON.stringify(t))},logout:()=>{localStorage.removeItem("userData"),localStorage.removeItem("useToken"),n({user:null})},isSentsitiveInfoVisible:()=>{const t=e().user;return t!=null&&t.sensitiveDataExpiration?new Date<new Date(t.sensitiveDataExpiration):!1},isTokenActive:()=>{const t=e().user;return t!=null&&t.expired?new Date<new Date(t.expired):!1},isManager:()=>{const t=e().user;return(t==null?void 0:t.type)==="Manager"},hasPermission:t=>{const r=e().user;return r!=null&&r.permissions?!!r.permissions[t]:!1}})),Ee=n=>P.createElement("svg",{width:16,height:16,viewBox:"0 0 16 16",fill:"none",xmlns:"http://www.w3.org/2000/svg",...n},P.createElement("path",{d:"M13.4715 5.13812L12.5286 4.19531L7.00005 9.72391L4.13812 6.86198L3.19531 7.80479L7.00005 11.6095L13.4715 5.13812Z",fill:"currentColor"})),Rr=m(Ee)`
+    display: flex;
+    justify-content: center;
+    color: var(--color-text-primary, #131412) !important;
+`,Fr=m.div`
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+    width: 256px;
+`,Nr=m.span`
+    color: var(--color-text-primary, #131412);
+
+    /* caption/medium-r */
+    font-family: var(--text-font-family-base, Geist);
+    font-size: var(--typo-caption-size-medium, 14px);
+    font-style: normal;
+    font-weight: var(--text-weight-regular, 400);
+    line-height: var(--typo-caption-lineHeight-medium, 18px); /* 128.571% */
+    letter-spacing: var(--typo-caption-spacing-medium, 0.1px);
+`,J=m(N.Menu)`
+    display: flex;
+    padding: var(--spacing-050, 4px) 0;
+    flex-direction: column;
+    gap: var(--spacing-025, 2px);
+    align-self: stretch;
+    background: var(--color-bg-quaternary, #fff);
+    box-shadow:
+        0 4px 8px 0 rgba(20, 20, 20, 0.02),
+        0 4px 16px 0 rgba(20, 20, 20, 0.04) !important;
+    border: none !important;
+    border: 2px solid var(--color-bg-secondary, #f5f5f5) !important;
+
+    .ant-menu-item-selected {
+        background-color: transparent !important;
+    }
+    .ant-menu-item,
+    .ant-menu-submenu-title {
+        color: var(--color-text-primary, #131412) !important;
+        font-family: var(--text-font-family-base, Geist);
+        font-size: var(--typo-caption-size-medium, 14px) !important;
+        font-style: normal;
+        font-weight: var(--text-weight-regular, 400);
+        letter-spacing: var(--typo-caption-spacing-medium, 0.1px);
+    }
+    .ant-menu-item-divider {
+        background: var(--color-bg-secondary, #f5f5f5) !important;
+        height: 3px;
+    }
+
+    .ant-menu-submenu-popup > .ant-menu {
+        border-radius: var(--border-radius-025, 2px);
+        background: var(--color-bg-quaternary, #fff);
+    }
+
+    .ant-menu-submenu-popup .ant-menu-item {
+        background-color: transparent !important;
+        display: flex;
+        align-items: center;
+    }
+
+    .ant-menu-submenu-popup .ant-menu-item:hover {
+        background-color: transparent !important;
+    }
+`,Vr=m.div`
+    width: 256px;
+    position: absolute !important;
+    z-index: 10000;
+`,Ar=({closeProfileDropdown:n})=>{const e=ne.useNavigate(),{getCustomers:t,postSelectedCustomer:r}=ke(),{storedThemeMode:a,logout:o,setThemeMode:s,user:l}=we(),{i18n:d}=Bt.useTranslation();function c(){o(),e("/authorization/login")}function u(w){d.changeLanguage(w),window.location.reload()}const p=(w,O)=>i.jsxs(Fr,{children:[i.jsx(Nr,{children:w}),O&&i.jsx("span",{children:i.jsx(Rr,{})})]}),{response:g}=at(t??(()=>Promise.resolve({data:[]})),[]);async function f(w){if(!r)return;const A=(await r(w)).data.value;localStorage.setItem("useToken",A.token),localStorage.setItem("userData",JSON.stringify(A))}const h=()=>{(l==null?void 0:l.type)==="Manager"?e(`/affiliate-manager/profile/${l.id}`):e(`/affiliate-users/profile/${l==null?void 0:l.affiliateUserId}`)};return i.jsx(Vr,{children:i.jsxs(J,{mode:window.innerWidth<780?"inline":"vertical",getPopupContainer:w=>w.parentElement||document.body,onClick:()=>n(!1),children:[i.jsx(J.Item,{onClick:h,children:"Profile"},"10-1"),i.jsxs(J.Item,{children:[" ","Notifications"]},"10-2"),i.jsxs(J.Item,{children:[" ","SecurityAccess"]},"10-3"),i.jsx(J.Divider,{}),i.jsxs(J.SubMenu,{title:"Language",children:[i.jsx(J.Item,{onClick:()=>u("en"),children:p("English",d.language==="en")},"20-1"),i.jsx(J.Item,{onClick:()=>u("ka"),children:p("Georgian",d.language==="ka")},"20-2")]},"20"),i.jsxs(J.SubMenu,{title:"ColorTheme",children:[i.jsx(J.Item,{onClick:()=>s(!1),children:p("Light",a===!1)},"30-1"),i.jsx(J.Item,{onClick:()=>s(!0),children:p("Dark",a===!0)},"30-2"),i.jsx(J.Item,{onClick:()=>s(null),children:p(`DefinedBySystem (${window.matchMedia("(prefers-color-scheme: dark)").matches?"Dark":"Light"})`,a===null)},"30-3")]},"30"),i.jsx(J.Divider,{}),i.jsx(J.SubMenu,{title:"ConnectedAccounts",children:((g==null?void 0:g.data)||[]).map(w=>i.jsx(J.Item,{onClick:()=>f(w.id),children:p(w.name)},w.id))},"40"),i.jsx(J.Divider,{}),i.jsx(J.Item,{onClick:c,children:"LogOut"},"100")]},"10")})},Ut=({items:n,topLogoPrimaryUrl:e,shortName:t})=>{const r=ne.useLocation(),[a,o]=S.useState(!1),s=S.useRef(null),l=()=>o(d=>!d);return S.useEffect(()=>{function d(c){s.current&&!s.current.contains(c.target)&&o(!1)}return document.addEventListener("mousedown",d),()=>document.removeEventListener("mousedown",d)},[]),i.jsxs(zr,{className:"sidebar-wrapper",children:[i.jsxs(Mr,{ref:s,children:[i.jsxs(Pr,{onClick:l,children:[i.jsx("img",{src:e,alt:"logo"}),i.jsx("span",{children:t}),i.jsx(Ir,{})]}),i.jsx("div",{children:a&&i.jsx(Ar,{closeProfileDropdown:o})})]}),i.jsx(Hr,{mode:"inline",selectedKeys:[r.pathname],items:n})]})},Br=m.div`
+    min-height: 100vh;
+    min-height: 100dvh;
+    background: var(--color-bg-primary, #fff);
+    display: flex;
+
+    .sidebar-wrapper {
+        min-width: 15rem;
+        flex: 0 0 250px;
+        max-width: 250px;
+        min-width: 250px;
+        width: 250px;
+        flex-shrink: 0;
+    }
+    @media (max-width: 991px) {
+        .sidebar-wrapper {
+            display: none;
+        }
+    }
+`,Gr=m.div`
+    display: flex;
+    flex-direction: column;
+    flex: 1;
+    overflow-y: auto;
+    max-height: 100vh;
+`,Ur=m.div`
+    background: var(--color-bg-primary, #fff);
+`,_r=({children:n})=>i.jsxs(Br,{children:[i.jsx(Ut,{}),i.jsx(Gr,{children:i.jsx(Ur,{children:n})})]}),Wr=m.div`
+    display: grid;
+    grid-template-columns: 33.625rem 1fr;
+    min-height: 100vh;
+    overflow: hidden;
+
+    .card-logo {
+        width: var(--size-400, 32px);
+        height: var(--size-400, 32px);
+        flex-shrink: 0;
+        object-fit: contain;
+    }
+
+    .terms-logo {
+        width: var(--size-600, 48px);
+        height: var(--size-600, 48px);
+        flex-shrink: 0;
+        object-fit: contain;
+    }
+`,Yr=m.span`
+    font-size: 15px;
+`,Kr=m.button`
+    height: var(--size-400, 2rem);
+    width: var(--size-400, 2rem);
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    flex-shrink: 0;
+    border-radius: var(--border-radius-full, 100%);
+    border: none;
+    background: var(--color-bg-opaque-primary, rgba(20, 20, 20, 0.05));
+    cursor: pointer;
+    path {
+        fill: var(--color-icon-primary, #131412);
+    }
+`,qr=m.div`
+    display: flex;
+    flex-direction: column;
+    padding: 0 1.5rem;
+    background: var(--color-bg-primary, #141414);
+    header {
+        padding: 1.25rem 0;
+        height: 4.5rem;
+    }
+    @media (max-width: 1024px) {
+        width: 100vw;
+        height: 100%;
+        header {
+            height: 0;
+        }
+    }
+
+    footer {
+        margin-top: auto;
+        padding: 1.5rem 0;
+        height: 5rem;
+        display: flex;
+        justify-content: space-between;
+        align-items: center;
+        path[fill='#131412'] {
+            fill: var(--color-text-primary);
+        }
+        nav {
+            display: flex;
+            gap: 1rem;
+            a {
+                color: var(--color-text-secondary, rgba(19, 20, 18, 0.75));
+                font-size: var(--typo-caption-size-medium, 0.875rem);
+                font-weight: var(--text-weight-regular, 400);
+                line-height: var(--typo-caption-lineHeight-medium, 1.125rem);
+                letter-spacing: var(--typo-caption-spacing-medium, 0.00625rem);
+            }
+        }
+
+        @media (max-width: 768px) {
+            margin-bottom: 2rem;
+        }
+    }
+`,Zr=m.div``,Jr=m.div`
+    display: flex;
+    flex-direction: column;
+    gap: 0.25rem;
+    padding: 3rem 0 2rem;
+    span {
+        color: var(--color-text-primary, #fff);
+        font-size: var(--typo-heading-size-medium, 1.875rem);
+        font-weight: var(--text-weight-medium, 500);
+        line-height: var(--typo-heading-lineHeight-medium, 1.875rem);
+        letter-spacing: var(--typo-heading-spacing-medium, -0.0375rem);
+    }
+    p {
+        color: var(--color-text-secondary, rgba(255, 255, 255, 0.75));
+        font-size: var(--typo-body-size-medium, 1.125rem);
+        font-weight: var(--text-weight-regular, 400);
+        line-height: var(--typo-body-lineHeight-medium, 1.25rem);
+        letter-spacing: var(--typo-body-spacing-medium, 0.00938rem);
+        padding-right: 6rem;
+    }
+
+    @media (max-width: 768px) {
+        padding: 1.7rem 0 1rem;
+    }
+`,Xr=m.div`
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    background-color: ${n=>n.backgroundcolor};
+    img,
+    video {
+        width: 50%;
+        height: 50%;
+        object-fit: contain;
+    }
+
+    @media (max-width: 1024px) {
+        display: none;
+    }
+`,Qr=m.p`
+    /* body/medium */
+    font-family: var(--text-font-family-base, Geist);
+    font-size: var(--typo-body-size-medium, 18px);
+    font-style: normal;
+    font-weight: var(--text-weight-regular, 400);
+    line-height: var(--typo-body-lineHeight-medium, 20px); /* 111.111% */
+    letter-spacing: var(--typo-body-spacing-medium, 0.15px);
+`,en=m.span`
+    /* heading/medium */
+    font-family: var(--text-font-family-base, Geist);
+    font-size: var(--typo-heading-size-medium, 24px);
+    font-style: normal;
+    font-weight: var(--text-weight-medium, 500);
+    line-height: var(--typo-heading-lineHeight-medium, 28px); /* 116.667% */
+    letter-spacing: var(--typo-heading-spacing-medium, -0.5px);
+`,tn=m.div`
+    display: none;
+    margin-bottom: 3px;
+
+    @media (max-width: 768px) {
+        display: block;
+    }
+`,rn=m.footer`
+    display: flex;
+    gap: 10px;
+
+    @media (max-width: 480px) {
+        display: flex;
+        flex-direction: column;
+        align-items: start !important;
+    }
+`,bt=m.span``,_t=n=>P.createElement("svg",{width:12,height:10,viewBox:"0 0 12 10",fill:"none",xmlns:"http://www.w3.org/2000/svg",...n},P.createElement("path",{d:"M5.60945 1.66669L2.94279 4.33335H11.3333V5.66669H2.94279L5.60945 8.33335L4.66665 9.27616L0.390503 5.00002L4.66665 0.723877L5.60945 1.66669Z",fill:"currentColor"})),nn=m(_t)`
+    cursor: pointer;
+
+    svg {
+        width: 1rem;
+        height: 1rem;
+        path {
+            fill: var(--color-text-inverse-primary, #fff) !important;
+            transition: 0.1s;
+        }
+    }
+`,an=m.div`
+    width: 100%;
+    height: 128px;
+    max-height: max-content;
+    border-radius: 2px;
+`,on=m.div`
+    display: flex;
+    height: 100%;
+    padding: 20px;
+    flex-direction: column;
+    justify-content: space-between;
+    align-items: flex-start;
+    background-color: var(--color-bg-secondary, #232323) !important;
+    cursor: pointer;
+    &.isActive {
+        background-color: var(--color-bg-secondary, #232323);
+        opacity: 1;
+        transition: 0.3s all;
+    }
+    &.isNotActive {
+        background-color: var(--color-bg-secondary, #232323);
+        opacity: 0.2;
+        transition: 0.3s all;
+    }
+    &.isActiveLightColor {
+        /* var(--color-bg-secondary, #232323); */
+        border-left: 4px solid ${n=>n.color};
+    }
+`,sn=m.span`
+    color: var(--color-text-primary, #fff);
+
+    /* subheading/medium */
+    font-family: var(--text-font-family-base, Geist);
+    font-size: var(--typo-subheading-size-medium, 24px);
+    font-style: normal;
+    font-weight: var(--text-weight-medium, 500);
+    line-height: var(--typo-subheading-lineHeight-medium, 28px); /* 116.667% */
+    letter-spacing: var(--typo-subheading-spacing-medium, -0.5px);
+`,ln=m.span`
+    color: var(--color-text-secondary, rgba(255, 255, 255, 0.75));
+
+    /* caption/medium-r */
+    font-family: var(--text-font-family-base, Geist);
+    font-size: var(--typo-caption-size-medium, 14px);
+    font-style: normal;
+    font-weight: var(--text-weight-regular, 400);
+    line-height: var(--typo-caption-lineHeight-medium, 18px); /* 128.571% */
+    letter-spacing: var(--typo-caption-spacing-medium, 0.1px);
+`;m.span`
+    color: var(--color-text-tertiary, rgba(255, 255, 255, 0.5));
+
+    /* caption/small */
+    font-family: var(--text-font-family-base, Geist);
+    font-size: var(--typo-caption-size-small, 12px);
+    font-style: normal;
+    font-weight: var(--text-weight-regular, 400);
+    line-height: var(--typo-caption-lineHeight-small, 16px); /* 133.333% */
+    letter-spacing: var(--typo-caption-spacing-small, 0.1px);
+`;const cn=m.span`
+    color: ${n=>n.color};
+    font-size: 12px;
+`,Wt=({boxBottomText:n,boxTopText:e,onClick:t,className:r,color:a,commissionStatus:o})=>i.jsx(i.Fragment,{children:i.jsx(an,{children:i.jsxs(on,{color:a,onClick:t,className:r,children:[i.jsx(ln,{children:e}),i.jsx(sn,{children:n}),o&&e===U("Commission")&&i.jsx(cn,{color:a,children:o})]})})}),dn=({pageTitle:n,pageDesc:e,logoPrimaryUrl:t,shortName:r,colorPrimary:a,children:o})=>{const[s]=ne.useSearchParams(),l=s.get("backPath"),d=ne.useNavigate();function c(u){d(u)}return i.jsxs(Wr,{children:[i.jsxs(qr,{children:[i.jsx("header",{children:l&&i.jsx(Kr,{onClick:()=>c(l),children:i.jsx(nn,{})})}),i.jsx(Zr,{children:i.jsxs(Jr,{children:[i.jsx(en,{children:n}),i.jsx(Qr,{children:e})]})}),i.jsx(tn,{children:i.jsx(Wt,{boxTopText:i.jsx("img",{className:"card-logo",src:t,alt:"logo"}),boxBottomText:i.jsx(Yr,{children:r})})}),o,i.jsxs(rn,{children:[i.jsx("img",{className:"terms-logo",width:60,height:20,src:t,alt:"logo"}),i.jsxs("nav",{children:[i.jsx("a",{href:"",children:i.jsx(bt,{children:te("TermsOfUsage")})}),i.jsx("a",{href:"",children:i.jsx(bt,{children:te("PrivacyPolicy")})})]})]})]}),i.jsx(Xr,{backgroundcolor:a,children:i.jsx("img",{src:t,alt:"logo"})})]})};var fe=(n=>(n[n.TABLE=0]="TABLE",n[n.LIST=1]="LIST",n[n.BOARD=2]="BOARD",n))(fe||{}),Q=(n=>(n[n.ASC=0]="ASC",n[n.DESC=1]="DESC",n))(Q||{}),be=(n=>(n[n.NONE=0]="NONE",n[n.COLUMN=1]="COLUMN",n[n.TYPE=2]="TYPE",n[n.VALUE=3]="VALUE",n))(be||{}),se=(n=>(n[n.INPUT=0]="INPUT",n[n.SELECT=1]="SELECT",n[n.TwoComponentSelect=2]="TwoComponentSelect",n[n.DATEPICKER=3]="DATEPICKER",n[n.MULTISELECT=4]="MULTISELECT",n))(se||{});const vt=n=>{let e;const t=new Set,r=(c,u)=>{const p=typeof c=="function"?c(e):c;if(!Object.is(p,e)){const g=e;e=u??(typeof p!="object"||p===null)?p:Object.assign({},e,p),t.forEach(f=>f(e,g))}},a=()=>e,l={setState:r,getState:a,getInitialState:()=>d,subscribe:c=>(t.add(c),()=>t.delete(c))},d=e=n(r,a,l);return l},pn=(n=>n?vt(n):vt),Yt={Page:1,PageSize:25},wt={filters:Yt,filterItems:[],sortItems:[],hideItems:{},groupByArr:[],activeTableView:fe.TABLE},un=()=>pn((n,e)=>({columns:[],...wt,isHydrated:!1,hasDeleteBtn:!1,selectedConfig:null,setSelectedConfig:t=>n({selectedConfig:t}),configsVersion:0,bumpConfigsVersion:()=>n(t=>({configsVersion:t.configsVersion+1})),hydrateFromStorage:(t,r=fe.TABLE)=>{if(e().isHydrated)return;const a=sessionStorage.getItem(t);if(a)try{const o=JSON.parse(a);n({filters:o.filters??Yt,filterItems:o.filterItems??[],sortItems:o.sortItems??[],activeTableView:o.activeTableView??r,hideItems:o.hideItems??{},groupByArr:o.groupByArr??[],selectedConfig:o.selectedConfig??null,isHydrated:!0});return}catch{console.warn("Failed to hydrate grid view state")}n({activeTableView:r,isHydrated:!0})},hasCreateBtn:!1,setHasCreateBtn:t=>n({hasCreateBtn:!!t}),checkedValue:!0,setCheckedValue:t=>n({checkedValue:t}),hasSelect:!1,setHasSelect:t=>n({hasSelect:!!t}),setFilters:t=>{e().isHydrated&&n({filters:t})},setSortItems:t=>{e().isHydrated&&(n({sortItems:t}),n(r=>{const{Sort:a,Asc:o,...s}=r.filters,l=t.length>0?{Sort:t[0].param,Asc:t[0].direction===Q.ASC}:{};return{filters:{...s,...l}}}))},setFilterItems:(t,r=!1)=>{if(!e().isHydrated||(n({filterItems:t}),!r))return;const{filters:a,sortItems:o}=e(),{PageSize:s,Sort:l,Asc:d,QuickSearch:c}=a,u={};t.forEach(p=>{u[p.dataIndex]=p.filterValue,p.isCountryGroup!==void 0&&(u.isCountryGroup=p.isCountryGroup)}),n({filters:{Page:1,PageSize:s,QuickSearch:c||"",...o.length>0?{Sort:l,Asc:d}:{},...u}})},setHideItems:t=>n({hideItems:t}),setGroupByArr:t=>n({groupByArr:t}),setActiveTableView:t=>n({activeTableView:t}),setColumns:t=>n({columns:t}),resetStore:()=>{n({...wt,isHydrated:!0,selectedConfig:null})}})),Kt=S.createContext(null),fn=({children:n})=>{const e=S.useRef();return e.current||(e.current=un()),i.jsx(Kt.Provider,{value:e.current,children:n})},D=n=>{const e=S.useContext(Kt);if(!e)throw new Error("GridViewStoreProvider is missing");return tt.useStore(e,n)},gn=()=>{const n=D(u=>u.hydrateFromStorage),e=D(u=>u.isHydrated),t=D(u=>u.filters),r=D(u=>u.filterItems),a=D(u=>u.sortItems),o=D(u=>u.hideItems),s=D(u=>u.groupByArr),l=D(u=>u.activeTableView),d=D(u=>u.selectedConfig),c=ne.useLocation();S.useEffect(()=>(n(`grid-filters:${c.pathname}`),sessionStorage.clear()),[]),S.useEffect(()=>{e&&sessionStorage.setItem(`grid-filters:${c.pathname}`,JSON.stringify({filters:t,filterItems:r,sortItems:a,activeTableView:l,hideItems:o,groupByArr:s,selectedConfig:d}))},[t,r,a,l,o,s,d,e])};function qt(n){const[e,t]=S.useState(0);return S.useEffect(()=>{if(!n.current)return;const r=new ResizeObserver(([a])=>{t(a.contentRect.height)});return r.observe(n.current),t(n.current.clientHeight),()=>r.disconnect()},[n]),e}const{RangePicker:hn}=N.DatePicker,mn=m.div`
+    background: var(--color-bg-primary, #fff);
+`,xn=m.div`
+    height: var(--size-800, 4rem);
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+    padding-right: 1.5rem;
+
+    button {
+        padding: 0.44rem 0.75rem;
+        font-family: var(--text-font-family-base, Geist);
+        font-size: var(--typo-caption-size-medium, 0.875rem);
+        font-weight: var(--text-weight-regular, 400);
+        line-height: var(--typo-caption-lineHeight-medium, 1.125rem);
+        letter-spacing: var(--typo-caption-spacing-medium, 0.00625rem);
+        color: var(--color-text-secondary, rgba(19, 20, 18, 0.75));
+        border: none;
+        outline: none;
+        cursor: pointer;
+        transition: 0.1s;
+        border-radius: var(--border-radius-050, 0.25rem);
+        background: var(--color-bg-opaque-primary, rgba(20, 20, 20, 0.05));
+
+        svg {
+            width: 1rem;
+            height: 1rem;
+        }
+
+        &.create-btn {
+            border-radius: var(--border-radius-025, 0.125rem);
+            background: var(--color-bg-opaque-secondary, rgba(255, 255, 255, 0.1));
+            backdrop-filter: blur(calc(var(--blur-size-200, 16px) / 2));
+            color: var(--color-text-brand-special, #06c193) !important;
+        }
+    }
+
+    .icon {
+        width: 2rem;
+        height: 2rem;
+        padding: 0;
+        display: flex;
+        align-items: center;
+        justify-content: center;
+
+        path {
+            fill: var(--color-text-primary, #131412);
+        }
+
+        &.sidebar {
+            display: none;
+        }
+    }
+
+    .page-starter {
+        display: flex;
+        gap: 0.12rem;
+
+        button {
+            color: var(--color-text-secondary, rgba(19, 20, 18, 0.75));
+        }
+
+        .icon {
+            border-radius: 50%;
+        }
+    }
+
+    .page-actions {
+        display: flex;
+        gap: 0.12rem;
+
+        button {
+            color: var(--color-text-primary, #131412);
+
+            &:hover {
+                background: var(--color-bg-opaque-secondary, rgba(255, 255, 255, 0.1));
+                backdrop-filter: blur(calc(var(--blur-size-200, 16px) / 2));
+            }
+        }
+
+        input {
+            border-radius: var(--border-radius-025, 0.125rem);
+            background: var(--color-bg-secondary, #232323);
+            border: 1px solid var(--color-bg-secondary, #232323);
+            padding-left: 0.5rem;
+            color: var(--color-text-primary, #131412);
+            font-family: var(--text-font-family-base, Geist);
+            font-size: var(--typo-caption-size-small, 0.75rem);
+            font-weight: var(--text-weight-regular, 400);
+            line-height: var(--typo-caption-lineHeight-small, 1rem);
+            letter-spacing: var(--typo-caption-spacing-small, 0.00625rem);
+
+            &:focus {
+                border-color: var(--color-border-brand-special, #02e0ae);
+                outline: none;
+            }
+        }
+    }
+
+    .sidebar-wrapper {
+        display: none;
+    }
+
+    @media (max-width: 991px) {
+        padding: 1rem;
+        gap: 0.5rem;
+        .page-starter {
+            display: none;
+        }
+
+        .page-actions {
+            input {
+                width: 100px;
+            }
+        }
+
+        .icon.sidebar {
+            display: flex;
+            border-radius: 50%;
+            padding: 0.5rem;
+        }
+
+        .sidebar-wrapper {
+            position: fixed;
+            top: 0;
+            left: 0;
+            width: 100%;
+            max-width: 100%;
+            height: 100vh;
+            z-index: 1000;
+            display: flex;
+            flex-direction: column;
+            overflow-y: auto;
+        }
+    }
+`,yn=m.div``;m(N.Table)`
+    .ant-table-thead {
+        tr {
+            th {
+                padding: 0 0.75rem;
+                overflow: hidden;
+                color: var(--color-text-secondary, rgba(255, 255, 255, 0.75));
+                text-overflow: ellipsis;
+                font-family: var(--text-font-family-base, Geist);
+                font-size: var(--typo-caption-size-small, 0.75rem);
+                font-weight: var(--text-weight-regular, 400);
+                line-height: var(--typo-caption-lineHeight-small, 1rem);
+                letter-spacing: var(--typo-caption-spacing-small, 0.00625rem);
+                height: var(--size-450, 2.25rem);
+                min-width: var(--size-1000, 5rem);
+                border-top: 1px solid var(--color-border-primary, rgba(255, 255, 255, 0.1));
+                border-bottom: 1px solid var(--color-border-primary, rgba(255, 255, 255, 0.1));
+                background: var(--color-bg-primary, #141414);
+                text-transform: capitalize;
+                &:first-child {
+                    min-width: 1.5rem;
+                    width: 1.5rem;
+                    padding: 0;
+                    border-start-start-radius: 0px !important;
+                }
+                &:last-child,
+                &:first-child {
+                    border-start-start-radius: 0px !important;
+                }
+                &:before {
+                    display: none;
+                }
+            }
+        }
+    }
+    .ant-table-tbody {
+        tr {
+            td {
+                padding: 0 0.75rem;
+                overflow: hidden;
+                color: var(--color-text-primary, #131412);
+                text-overflow: ellipsis;
+                font-family: var(--text-font-family-base, Geist);
+                font-size: var(--typo-caption-size-medium, 0.875rem);
+                font-weight: var(--text-weight-regular, 400);
+                line-height: var(--typo-caption-lineHeight-medium, 1.125rem); /* 128.571% */
+                letter-spacing: var(--typo-caption-spacing-medium, 0.00625rem);
+                min-width: 5rem;
+                height: 3rem;
+                &:first-child {
+                    padding: 0;
+                }
+            }
+        }
+    }
+`;const ot=m.div`
+    border-radius: var(--border-radius-025, 0.125rem);
+    /* background: var(--color-bg-secondary, #f5f5f5);
+    box-shadow:
+        0px 4px 8px 0px rgba(20, 20, 20, 0.02),
+        0px 4px 16px 0px rgba(20, 20, 20, 0.04); */
+    background: var(--color-bg-quaternary, #fff);
+    border: 1px solid var(--color-bg-secondary, #f5f5f5);
+    min-width: 18.5rem;
+    box-shadow:
+        0px 4px 8px 0px rgba(20, 20, 20, 0.02),
+        0px 4px 16px 0px rgba(20, 20, 20, 0.04);
+    input {
+        width: 100%;
+        padding: 0.75rem;
+        border: none;
+        overflow: hidden;
+        text-overflow: ellipsis;
+        color: var(--color-text-primary, #131412);
+        font-family: var(--text-font-family-base, Geist);
+        font-size: var(--typo-caption-size-small, 0.75rem);
+        font-weight: var(--text-weight-regular, 400);
+        line-height: var(--typo-caption-lineHeight-small, 1rem);
+        letter-spacing: var(--typo-caption-spacing-small, 0.00625rem);
+        background-color: transparent;
+        &::placeholder {
+            color: var(--color-text-quaternary, rgba(19, 20, 18, 0.25));
+        }
+        &:focus {
+            outline: none;
+        }
+        &.filter-item-search {
+            &:focus,
+            &:active {
+                border-radius: var(--border-radius-025, 0.125rem);
+                border: 1px solid var(--color-border-brand-special, #02e0ae);
+                background: var(--color-bg-quaternary, #2f2f2f);
+            }
+        }
+    }
+
+    div {
+        padding: 0.25rem 0;
+        border-top: 1px solid var(--color-bg-secondary, #f5f5f5);
+        display: flex;
+        flex-direction: column;
+        gap: 0.12rem;
+        button {
+            padding: 0.5rem 0.75rem;
+            display: flex;
+            align-items: center;
+            gap: 0.75rem;
+            color: var(--color-text-primary, #fff);
+            font-family: var(--text-font-family-base, Geist);
+            font-size: var(--typo-caption-size-medium, 0.875rem);
+            font-weight: var(--text-weight-regular, 400);
+            line-height: var(--typo-caption-lineHeight-medium, 1.125rem); /* 128.571% */
+            letter-spacing: var(--typo-caption-spacing-medium, 0.00625rem);
+            transition: 0.1s;
+            span {
+                margin-left: auto;
+            }
+            &:hover {
+                background-color: var(--color-bg-opaque-primary, rgba(20, 20, 20, 0.05));
+            }
+            svg {
+                width: 1rem;
+                height: 1rem;
+                path {
+                    fill: var(--color-icon-primary, rgba(255, 255, 255, 0.75));
+                }
+            }
+        }
+    }
+
+    @media (max-width: 480px) {
+        min-width: auto;
+        &.filter-item-content {
+            width: calc(100vw - 32px);
+        }
+    }
+`,bn=m.div`
+    display: flex;
+    flex-wrap: wrap;
+    gap: 0.12rem;
+    padding: 0.5rem 1.5rem;
+    border-top: 1px solid var(--color-border-primary, rgba(20, 20, 20, 0.05));
+
+    @media (max-width: 480px) {
+        .debug-dropdwon {
+            inset-inline-start: 16px !important;
+        }
+    }
+`,Je=m.div`
+    display: flex;
+    color: var(--color-text-secondary, rgba(19, 20, 18, 0.75));
+    font-family: var(--text-font-family-base, Geist);
+    font-size: var(--typo-caption-size-medium, 0.875rem);
+    font-weight: var(--text-weight-regular, 400);
+    line-height: var(--typo-caption-lineHeight-medium, 1.125rem);
+    letter-spacing: var(--typo-caption-spacing-medium, 0.00625rem);
+    border: 1px solid var(--color-border-primary, rgba(20, 20, 20, 0.05));
+    border-radius: var(--border-radius-full, 62.4375rem);
+    padding: 0 0.25rem;
+    align-items: center;
+    &.sort {
+        margin-right: 1rem;
+    }
+    &.add-filter {
+        margin-right: 1rem;
+        span {
+            color: var(--color-text-tertiary, rgba(19, 20, 18, 0.5));
+            svg {
+                path {
+                    fill: var(--color-icon-tertiary);
+                }
+            }
+        }
+    }
+    span {
+        padding: 0.5rem;
+        display: flex;
+        align-items: center;
+        gap: 0.25rem;
+        cursor: pointer;
+        color: var(--color-text-secondary, rgba(255, 255, 255, 0.75));
+        font-family: var(--text-font-family-base, Geist);
+        font-size: var(--typo-caption-size-medium, 0.875rem);
+        font-weight: var(--text-weight-regular, 400);
+        line-height: var(--typo-caption-lineHeight-medium, 1.125rem);
+        letter-spacing: var(--typo-caption-spacing-medium, 0.00625rem);
+        svg {
+            width: 1rem;
+            height: 1rem;
+            path {
+                fill: var(--color-icon-secondary);
+            }
+        }
+        &:not(:first-child) {
+            border-left: 1px solid var(--color-border-primary, rgba(20, 20, 20, 0.05));
+        }
+    }
+`,vn=m.div`
+    display: flex;
+    align-items: center;
+    justify-content: flex-end;
+    flex: 1;
+    flex-shrink: 0;
+    button {
+        display: flex;
+        align-items: center;
+        gap: 0.25rem;
+        color: var(--color-text-secondary, rgba(255, 255, 255, 0.75));
+        font-family: var(--text-font-family-base, Geist);
+        font-size: var(--typo-caption-size-medium, 0.875rem);
+        font-style: normal;
+        font-weight: var(--text-weight-regular, 400);
+        line-height: var(--typo-caption-lineHeight-medium, 1.125rem); /* 128.571% */
+        letter-spacing: var(--typo-caption-spacing-medium, 0.00625rem);
+        padding: 0.5rem;
+        svg {
+            width: 1rem;
+            height: 1rem;
+            flex-shrink: 0;
+            path {
+                fill: var(--color-text-secondary, rgba(255, 255, 255, 0.75));
+            }
+        }
+    }
+`,Zt=m(hn)`
+    height: 0;
+    padding: 0 !important;
+    overflow: hidden;
+    border: none !important;
+`,wn=m.span`
+    color: var(--color-text-primary, #fff);
+
+    /* caption/medium-r */
+    font-family: var(--text-font-family-base, Geist);
+    font-size: var(--typo-caption-size-medium, 14px);
+    font-style: normal;
+    font-weight: var(--text-weight-regular, 400);
+    line-height: var(--typo-caption-lineHeight-medium, 18px); /* 128.571% */
+    letter-spacing: var(--typo-caption-spacing-medium, 0.1px);
+`,Sn=m.div`
+    display: flex;
+    min-height: var(--size-400, 32px);
+    padding: var(--spacing-050, 4px) var(--spacing-150, 12px) !important;
+    gap: var(--spacing-150, 12px);
+    align-self: stretch;
+`,Cn=m.div`
+    color: var(--color-text-tertiary, rgba(255, 255, 255, 0.5));
+
+    background: var(--color-bg-secondary, #232323);
+    display: flex;
+    padding-left: 30px !important;
+    gap: 8px;
+`,jn=m.div`
+    max-height: 300px;
+    overflow: hidden;
+`,kn=m.div`
+    height: ${n=>n.height||"100%"};
+`,Ne=n=>P.createElement("svg",{width:16,height:16,viewBox:"0 0 16 16",fill:"none",xmlns:"http://www.w3.org/2000/svg",...n},P.createElement("path",{d:"M1.33203 3.33333H14.6654V4.66667H1.33203V3.33333Z",fill:"#131412"}),P.createElement("path",{d:"M3.33203 7.33333H12.6654V8.66667H3.33203V7.33333Z",fill:"#131412"}),P.createElement("path",{d:"M5.33203 11.3333H10.6654V12.6667H5.33203V11.3333Z",fill:"#131412"})),Jt=n=>P.createElement("svg",{width:16,height:16,viewBox:"0 0 16 16",fill:"none",xmlns:"http://www.w3.org/2000/svg",...n},P.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M3.9987 2V4H1.33203V5.33333H3.9987V7.33333H7.9987V5.33333H14.6654V4H7.9987V2H3.9987ZM6.66536 3.33333H5.33203V6H6.66536V3.33333Z",fill:"currentColor"}),P.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M7.9987 8.66667V10.6667H1.33203V12H7.9987V14H11.9987V12H14.6654V10.6667H11.9987V8.66667H7.9987ZM9.33203 10H10.6654V12.6667H9.33203V10Z",fill:"currentColor"})),Ln=n=>P.createElement("svg",{width:12,height:12,viewBox:"0 0 12 12",fill:"none",xmlns:"http://www.w3.org/2000/svg",...n},P.createElement("path",{d:"M4 12H0V8H4V12Z",fill:"white"}),P.createElement("path",{d:"M12 12H8V8H12V12Z",fill:"white"}),P.createElement("path",{d:"M4 4H0V0H4V4Z",fill:"white"}),P.createElement("path",{d:"M12 4H8V0H12V4Z",fill:"white"})),it=(n,e,t=[])=>{const r=S.useMemo(()=>Lr.debounce(n,e),t);return S.useEffect(()=>()=>{r.cancel()},[r]),r},st=n=>P.createElement("svg",{width:24,height:24,viewBox:"0 0 16 16",fill:"none",xmlns:"http://www.w3.org/2000/svg",...n},P.createElement("path",{d:"M7.99947 2.38989L3.72266 6.6667L4.66547 7.60951L7.3328 4.94218V13.3334H8.66613V4.94218L11.3335 7.60951L12.2763 6.6667L7.99947 2.38989Z",fill:"currentColor",fillOpacity:.75})),lt=n=>P.createElement("svg",{width:24,height:24,viewBox:"0 0 16 16",fill:"none",xmlns:"http://www.w3.org/2000/svg",...n},P.createElement("path",{d:"M8.66613 2.66675H7.3328V11.0573L4.66547 8.38994L3.72266 9.33275L7.99947 13.6096L12.2763 9.33275L11.3335 8.38994L8.66613 11.0573V2.66675Z",fill:"currentColor",fillOpacity:.75})),Dn=n=>P.createElement("svg",{width:16,height:16,viewBox:"0 0 16 16",fill:"none",xmlns:"http://www.w3.org/2000/svg",...n},P.createElement("path",{d:"M13.7337 6.67614L14.6765 5.73333L11.3337 2.39052L7.99089 5.73333L8.93369 6.67614L10.667 4.94281L10.667 13.3333H12.0004L12.0004 4.94281L13.7337 6.67614Z",fill:"#131412"}),P.createElement("path",{d:"M8.00984 10.2667L4.66703 13.6095L1.32422 10.2667L2.26703 9.32385L4.00036 11.0572L4.00036 2.66666L5.33369 2.66666L5.33369 11.0572L7.06703 9.32386L8.00984 10.2667Z",fill:"#131412"})),$n=({children:n,overlay:e,placement:t="bottomRight"})=>{const[r,a]=S.useState(!1);return i.jsx(N.Dropdown,{open:r,onOpenChange:a,placement:t,popupRender:()=>typeof e=="function"?e(a):e,trigger:["click"],children:i.jsx("button",{className:"icon",children:n})})},Xt=({placement:n,children:e})=>{const t=D(f=>f.columns),r=D(f=>f.sortItems),a=D(f=>f.setSortItems),o=r[0],[s,l]=S.useState(""),[d,c]=S.useState((o==null?void 0:o.direction)===Q.ASC?Q.ASC:Q.DESC),u=t.filter(f=>f.title.toLowerCase().includes(s.toLowerCase())&&f.sortable!==!1);function p(f,h){a([{title:f.title,dataIndex:f.dataIndex.charAt(0).toUpperCase()+f.dataIndex.slice(1),direction:h}])}function g(){a([])}return i.jsx($n,{overlay:f=>i.jsxs(ot,{children:[i.jsx("input",{type:"text",placeholder:"Search...",value:s,onChange:h=>l(h.target.value)}),i.jsx("div",{children:u.map((h,w)=>i.jsxs("button",{onClick:()=>{h.title==(o==null?void 0:o.title)?g():p(h,d)},children:[h.title,h.title==(o==null?void 0:o.title)&&i.jsx("span",{children:i.jsx(Ee,{})})]},w))}),i.jsxs("div",{children:[i.jsxs("button",{onClick:()=>{c(Q.ASC),o&&p(o,Q.ASC)},children:[i.jsx(st,{}),"Ascending",d===Q.ASC&&i.jsx(Ee,{})]}),i.jsxs("button",{onClick:()=>{c(Q.DESC),o&&p(o,Q.DESC)},children:[i.jsx(lt,{}),"Descending",d===Q.DESC&&i.jsx(Ee,{})]})]})]}),placement:n||"bottomRight",children:e||i.jsx(Dn,{})})},ct=({placement:n,children:e,onSelect:t,CustomFilters:r})=>{const[a,o]=S.useState(!1),[s,l]=S.useState(""),d=D(g=>g.columns),c=D(g=>g.filterItems),u=D(g=>g.setFilterItems);function p(g){t?t(g):u([...c,{...g,selectType:be.VALUE}]),o(!1)}return i.jsx(N.Dropdown,{open:a,onOpenChange:o,placement:n||"bottomRight",popupRender:()=>i.jsxs(ot,{children:[i.jsx("input",{type:"text",placeholder:oe("Search")+"...",value:s,onChange:g=>l(g.target.value)}),i.jsx("div",{children:d.filter(g=>g.filterable!==!1).filter(g=>!c.some(f=>f.title==g.title)).filter(g=>g.filterable!==!1).filter(g=>g.title.toLowerCase().includes(s)).map((g,f)=>i.jsx("button",{onClick:()=>p(g),children:g.title},f))}),r&&i.jsx(r,{setFilterItems:u,filterItems:c,columns:d,setDropdownOpen:o})]}),trigger:["click"],children:i.jsx("button",{className:"icon",children:e})})},En={open:!0,closeIcon:!1,footer:null,maskClosable:!0},On={okText:"Create",cancelText:"Cancel"},ge=tt.create((n,e)=>{const t=r=>({...r,popupOptions:{...En,...r.popupOptions},footerOptions:{...On,...r.footerOptions},hideFooter:r.hideFooter??!1,onCancel:r.onCancel??(()=>e().close())});return{options:null,isOpen:!1,store:r=>n({options:t(r)}),openModal:r=>n({isOpen:!0,options:t(r)}),open:()=>n(r=>r.options?{...r,isOpen:!0}:r),close:()=>n({isOpen:!1}),setOnOk:r=>n(a=>a.options?{options:{...a.options,onOk:r}}:a),setOnCancel:r=>n(a=>a.options?{options:{...a.options,onCancel:r}}:a),setComponentProps:r=>n(a=>a.options?{options:{...a.options,componentProps:{...a.options.componentProps,...r}}}:a),setPopupOptions:r=>n(a=>a.options?{options:{...a.options,popupOptions:{...a.options.popupOptions,...r}}}:a),setFooterOptions:r=>n(a=>a.options?{options:{...a.options,footerOptions:r==null?void 0:{...a.options.footerOptions,...r}}}:a),setHideFooter:r=>n(a=>a.options?{options:{...a.options,hideFooter:r,footerOptions:r?void 0:a.options.footerOptions}}:a),setTitle:r=>n(a=>a.options?{options:{...a.options,title:r}}:a)}}),St=m(N.Select)`
+    width: 200px;
+
+    display: flex;
+    flex-direction: column;
+    gap: 2.5rem;
+    display: flex;
+    flex-direction: column;
+    gap: 0.5rem;
+    .ant-select-selector {
+        border-radius: var(--border-radius-025, 0.125rem);
+        background: var(--color-bg-secondary, #f5f5f5) !important;
+        border: none !important;
+        .ant-select-selection-placeholder {
+            path {
+                fill: var(--color-text-secondary, rgba(255, 255, 255, 0.75)) !important;
+            }
+        }
+    }
+    span {
+        color: var(--color-text-secondary, rgba(19, 20, 18, 0.75)) !important;
+        font-family: var(--text-font-family-base, Geist);
+        font-size: var(--typo-caption-size-medium, 0.875rem);
+        font-weight: var(--text-weight-regular, 400);
+        line-height: var(--typo-caption-lineHeight-medium, 1.125rem); /* 128.571% */
+        letter-spacing: var(--typo-caption-spacing-medium, 0.00625rem);
+    }
+`,Ct={"/reports/activity-report":1,"/reports/commission-report":2,"/reports/deposit-report":3,"/reports/media-report":4,"/reports/payments-report":5,"/reports/registation-report":6,"/affiliate-manager":7,"/end-user":8,"/marketing-tools":9,"/sub-affiliates":10,"/affiliate-users":14,"/country-group":11,"/email-constructor":15,"/roles":12,"/tags":13},dt=()=>{const{pathname:n}=ne.useLocation(),e=Object.keys(Ct).find(t=>n===t||n.startsWith(t+"/"));return e?Ct[e]:void 0};function Qt(n,e){return e.label.toLowerCase().includes(n.toLowerCase())||e.value==n}const Tn=({setisSettingPopupVisible:n,CustomFilters:e,tableAdditionalFields:t,createIsModal:r,exportButton:a,hasSelect:o,selectProps:s,GridPageTopLeftComponent:l,noNeedSidebarResponsiveButton:d})=>{const c=ne.useNavigate(),u=D(x=>x.filters),p=D(x=>x.hasCreateBtn),g=D(x=>x.setFilters),f=D(x=>x.setFilterItems),h=D(x=>x.setSortItems),[w,O]=S.useState(()=>{var x,b;try{const E=sessionStorage.getItem(`grid-filters:${window.location.pathname}`);return E?!!((b=(x=JSON.parse(E))==null?void 0:x.filters)!=null&&b.QuickSearch):!1}catch{return!1}}),[A,j]=S.useState(!1),{open:L}=ge(),[T,V]=S.useState(!1),{getMyFilters:B}=ke(),_=dt(),[Y,I]=S.useState([]),$=D(x=>x.selectedConfig),v=D(x=>x.setSelectedConfig),R=D(x=>x.configsVersion);S.useEffect(()=>{_==null||!B||B(String(_)).then(x=>I(x.data??[]))},[_,R,B]);function M(x){const b=Y.find(F=>F.id===x);if(!b)return;const{filterItems:E,sortItems:z}=JSON.parse(b.value);f(E,!0),h(z),v({id:b.id,name:b.name})}const k=it(x=>{g({...u,QuickSearch:x.target.value})},500);function C(){n(!0)}function y(){r?L():c("new")}return i.jsxs(xn,{children:[!d&&i.jsx("button",{className:"icon sidebar",onClick:()=>j(!0),children:i.jsx(Ln,{})}),l&&l,i.jsxs("div",{className:"page-actions",children:[Y.length>0&&i.jsx(St,{showSearch:!0,placeholder:U("SavedConfiguration"),options:Y.map(x=>({value:x.id,label:x.name})),value:($==null?void 0:$.id)??null,filterOption:Qt,onChange:x=>x!=null?M(x):v(null)}),o&&s&&i.jsx("div",{children:i.jsx(St,{options:s.options,placeholder:s.placeholder,onChange:x=>{s.onChange(x??null)}})}),t&&t(T,V),w?i.jsx("input",{type:"text",placeholder:oe("QuickSearch"),defaultValue:(u==null?void 0:u.QuickSearch)??"",onChange:k}):i.jsx("button",{onClick:()=>O(!0),children:oe("Search")}),i.jsx(Xt,{}),i.jsx(ct,{CustomFilters:e,children:i.jsx(Ne,{})}),i.jsx("button",{className:"icon",onClick:C,children:i.jsx(Jt,{})}),a&&a,p&&i.jsx("button",{onClick:y,className:"create-btn",children:oe("Create")})]}),A&&i.jsx(Ut,{})]})},In=n=>P.createElement("svg",{width:16,height:16,viewBox:"0 0 16 16",fill:"none",xmlns:"http://www.w3.org/2000/svg",...n},P.createElement("path",{d:"M8.66665 7.3335H12.6666V8.66683H8.66665V12.6668H7.33331V8.66683H3.33331V7.3335H7.33331V3.3335H8.66665V7.3335Z",fill:"white"})),er=n=>P.createElement("svg",{width:16,height:16,viewBox:"0 0 16 16",fill:"none",xmlns:"http://www.w3.org/2000/svg",...n},P.createElement("path",{d:"M8 2C9.69989 2 11.2343 2.70742 12.3255 3.84245V2.42578H13.6589V6.11654H9.96875V4.7832H11.3796C10.5289 3.88969 9.32909 3.33333 8 3.33333C5.42286 3.33333 3.33333 5.42286 3.33333 8C3.33333 10.5771 5.42286 12.6667 8 12.6667C10.5771 12.6667 12.6667 10.5771 12.6667 8V7.33333H14V8C14 11.3135 11.3135 14 8 14C4.68648 14 2 11.3135 2 8C2 4.68648 4.68648 2 8 2Z",fill:"#131412"})),ue=class ue{static equals(e,t){const r=e??null,a=t??null;return r===a?!0:!r||!a?!1:r.getTime()===a.getTime()}static toMMddyyyy(e){const t=this.parseDate(e);if(!t)return null;const r=t.getMonth()+1,a=t.getDate(),o=t.getFullYear(),s=r<10?`0${r}`:`${r}`,l=a<10?`0${a}`:`${a}`;return`${s}/${l}/${o}`}static toLocal(e,t=!1,r=!1){const a=this.parseDate(e);return a?(t&&a.setHours(0,0,0,0),r&&a.setHours(23,59,59,999),this.utcToLocal(a)):null}static getDates(e,t){const r=new Array;let a=new Date(e.valueOf());for(;a<=t;)r.push(new Date(a)),a=this.addDays(a,1);return r}static dateOnly(e){const t=e.getFullYear(),r=e.getMonth()+1,a=e.getDate();return`${t}/${r}/${a}`}static dateWithDashes(e){const t=e.getFullYear(),r=e.getMonth()+1,a=e.getDate();return`${t}-${r}-${a}`}static today(){return this.dateOnly(new Date)}static toISODateString(e){const t=this.parseDate(e);if(!t)return null;const r=t.getFullYear(),a=t.getMonth()+1,o=t.getDate();return`${r}-${a<10?"0":""}${a}-${o<10?"0":""}${o}`}static toISODateStringWithTime(e){const t=this.parseDate(e);if(!t)return null;const r=t.getFullYear(),a=t.getMonth()+1,o=t.getDate(),s=t.getHours(),l=t.getMinutes(),d=`${s<10?"0":""}${s}:${l<10?"0":""}${l}`;return`${r}-${a<10?"0":""}${a}-${o<10?"0":""}${o} `+d}static monthDayYear(e){const t=this.parseDate(e);if(!t)return null;const a=["Jan","Feb","Mar","Apr","May","Jun","Jul","Aug","Sep","Oct","Nov","Dec"][t.getMonth()],o=t.getDate(),s=t.getFullYear();return`${a} ${o}, ${s}`}static withdrawalTableDateFormat(e){const t=this.parseDate(e);if(!t||isNaN(t.getTime()))return null;const r=e.getFullYear(),a=e.getMonth()+1,o=e.getDate(),s=`${r}/${a}/${o}`,l=t.toLocaleTimeString("en-US",{hour:"2-digit",minute:"2-digit",hour12:!1});return`${s}, ${l}`}static getDateOnlyMonthAndNumber(e){if(!e)return"";const t=new Date(e);if(isNaN(t.getTime()))return"";const r=t.getDate(),o=t.getMonth();return`${r} ${o}`}static fromDateOrStringToTable(e){const t=this.parseDate(e);if(!t||isNaN(t.getTime()))return null;const r=t.toLocaleString("en-US",{month:"long",day:"numeric",year:"numeric"}),a=t.toLocaleTimeString("en-US",{hour:"2-digit",minute:"2-digit",hour12:!1});return`${r}, ${a}`}static toISOTimeString(e){const t=ue.parseDate(e);if(!t)return null;const r=t.getHours(),a=t.getMinutes(),o=t.getSeconds();return`${r<10?"0":""}${r}:${a<10?"0":""}${a}:${o<10?"0":""}${o}`}static toTimeInput(e){const t=ue.parseDate(e);if(!t)return null;const r=t.getHours(),a=t.getMinutes();return`${r<10?"0":""}${r}:${a<10?"0":""}${a}`}static utcToLocal(e){const t=e instanceof Date?e:new Date(e);return new Date(t.getTime()+this._utcDiff)}static localToUtc(e){const t=e instanceof Date?e:new Date(e);return new Date(t.getTime()+this._utcDiff)}static addYears(e,t){if(!t)return e;const r=e;return r.setFullYear(e.getFullYear()+t),r}static addMonths(e,t){if(!t)return e;const r=e;return r.setMonth(r.getMonth()+t),r}static addDays(e,t){if(!t)return e;const r=e;return r.setDate(r.getDate()+t),r}static addHours(e,t){if(!t)return e;const r=new Date(e);return r.setHours(r.getHours()+t),r}static addMinutes(e,t){if(!t)return e;const r=new Date(e);return r.setMinutes(r.getMinutes()+t),r}static addSeconds(e,t){if(!t)return e;const r=e;return r.setSeconds(r.getSeconds()+t),r}static isToday(e){const t=new Date;return this.isSameDate(e,t)}static clone(e){return new Date(+e)}static isAnotherMonth(e,t){return t&&e.getMonth()!==t.getMonth()}static isWeekend(e){return e.getDay()===0||e.getDay()===6}static isSameDate(e,t){return t&&e.getFullYear()===t.getFullYear()&&e.getMonth()===t.getMonth()&&e.getDate()===t.getDate()}static getAge(e,t){if(e==null||e===""||e!==e)return null;const r=this.toDate(e),o=(t?t.getTime():Date.now())-r.getTime();return Math.floor(o/864e5/365.25)}static subtractMonths(e,t){const r=t<=e?t:e,a=t<=e?e:t,o=t<=e?1:-1;let s=(a.getFullYear()-r.getFullYear())*12;return s-=r.getMonth(),s+=a.getMonth(),s*o}static subtractDays(e,t){if(!t)return null;t=this.toDate(t);const r=t.getTime()-e.getTime();return Math.floor(r/864e5)}static subtractHours(e,t){if(!t)return null;t=this.toDate(t);const r=t.getTime()-e.getTime();return Math.floor(r%864e5/36e5)}static subtractMinutes(e,t){if(!t)return null;t=this.toDate(t);const r=t.getTime()-e.getTime();return Math.floor(r%864e5%36e5/6e4)}static parseDate(e){return typeof e>"u"||e==null||e===""?null:this.toDate(e)}static toDate(e){if(this.isDate(e))return e;if(typeof e=="number"&&!isNaN(e))return new Date(e);if(typeof e=="string"){e=e.trim();const r=parseFloat(e);if(!isNaN(e-r))return new Date(r);if(/^(\d{4}-\d{1,2}-\d{1,2})$/.test(e)){const[o,s,l]=e.split("-").map(d=>+d);return new Date(o,s-1,l)}let a;if(a=e.match(this.ISO8601_DATE_REGEX))return this.isoStringToDate(a)}const t=new Date(e);if(!this.isDate(t))throw new Error(`Unable to convert "${e}" into a date`);return t}static isoStringToDate(e){const t=new Date(0);let r=0,a=0;const o=e[8]?t.setUTCFullYear:t.setFullYear,s=e[8]?t.setUTCHours:t.setHours;e[9]&&(r=Number(e[9]+e[10]),a=Number(e[9]+e[11])),o.call(t,Number(e[1]),Number(e[2])-1,Number(e[3]));const l=Number(e[4]||0)-r,d=Number(e[5]||0)-a,c=Number(e[6]||0),u=Math.round(parseFloat("0."+(e[7]||0))*1e3);return s.call(t,l,d,c,u),t}static isDate(e){return e instanceof Date&&!isNaN(e.valueOf())}};Pe(ue,"getCommonDateRange",e=>{let t=new Date,r=new Date;switch(e){case"week":r.setDate(t.getDate()-7);break;case"month":r.setDate(t.getDate()-30);break;case"threeMonth":r.setMonth(t.getMonth()-3),r.setDate(1);break;case"sixMonth":r.setMonth(t.getMonth()-6),r.setDate(1);break;case"twelveMonth":r.setMonth(t.getMonth()-12),r.setDate(1);break;case"year":r.setMonth(0),r.setDate(1);break;case"all":t=null,r=null;break;case"custom":break;default:r.setDate(t.getDate()-7)}return{startDate:r?ue.toISODateString(r):null,endDate:t?ue.toISODateString(t):null}}),Pe(ue,"_utcDiff",-new Date().getTimezoneOffset()*6e4),Pe(ue,"ISO8601_DATE_REGEX",/^(\d{4})-?(\d\d)-?(\d\d)(?:T(\d\d)(?::?(\d\d)(?::?(\d\d)(?:\.(\d+))?)?)?(Z|([+-])(\d\d):?(\d\d))?)?$/);let ee=ue;const zn=n=>P.createElement("svg",{width:16,height:16,viewBox:"0 0 16 16",fill:"none",xmlns:"http://www.w3.org/2000/svg",...n},P.createElement("path",{d:"M12.471 4.47152L8.94238 8.00016L12.471 11.5288L11.5283 12.4715L7.99967 8.94287L4.47103 12.4715L3.52832 11.5288L7.05697 8.00016L3.52832 4.47152L4.47103 3.52881L7.99967 7.05745L11.5283 3.52881L12.471 4.47152Z",fill:"currentColor",fillOpacity:.75})),pt=m(zn)`
+    width: 25px;
+    height: 25px;
+    cursor: pointer;
+
+    svg {
+        height: 24px;
+        width: 24px;
+        path {
+            fill: var(--color-text-primary, #fff);
+        }
+    }
+`,ut=m(N.Modal)`
+    display: flex;
+    width: 420px;
+    padding: var(--spacing-025, 2px);
+    flex-direction: column;
+    align-items: flex-start;
+    gap: var(--spacing-025, 2px);
+    color: var(--color-text-primary, #131412);
+
+    box-shadow:
+        0px 4px 8px 0px rgba(20, 20, 20, 0.02),
+        0px 4px 16px 0px rgba(20, 20, 20, 0.04);
+    .ant-modal-content {
+        padding: 0px;
+        border-radius: var(--border-radius-025, 2px);
+        background: var(--color-bg-quaternary) !important;
+        color: var(--color-text-primary) !important;
+    }
+    .ant-modal-header {
+        background: var(--color-bg-quaternary) !important;
+    }
+    .ant-modal-title {
+        color: var(--color-text-primary) !important;
+    }
+    .ant-modal-close-x {
+        color: var(--color-icon-primary) !important;
+    }
+
+    .ant-select {
+        .ant-select-selector {
+            padding: 0 !important;
+            border: none !important;
+            background-color: transparent !important;
+            box-shadow: none !important;
+        }
+
+        .ant-select-selection-placeholder {
+            color: var(--color-text-secondary, #fff) !important;
+        }
+
+        .ant-select-selection-item {
+            color: var(--color-text-primary) !important;
+        }
+
+        .ant-select-selection-search-input {
+            color: var(--color-text-primary) !important;
+            background: transparent !important;
+            padding: 0 !important;
+        }
+    }
+    .ant-modal-mask {
+        background: rgba(0, 0, 0, 0.25) !important;
+    }
+`,Mn=m.div`
+    color: var(--color-text-primary, #fff);
+    display: flex;
+    padding: 24px 24px 0;
+    // padding-bottom: var(--spacing-400, 32px);
+    flex-direction: row;
+    align-items: center;
+    justify-content: space-between;
+    gap: var(--spacing-050, 4px);
+    align-self: stretch;
+
+    font-family: var(--text-font-family-base, Geist);
+    font-size: var(--typo-subheading-size-medium, 24px);
+    font-style: normal;
+    font-weight: var(--text-weight-medium, 500);
+    line-height: var(--typo-subheading-lineHeight-medium, 28px);
+    letter-spacing: var(--typo-subheading-spacing-medium, -0.5px);
+`,Pn=m.button`
+    color: var(--color-text-primary, #fff);
+    display: flex;
+    align-items: center;
+    text-align: center;
+    background: none;
+    border: none;
+    padding: 0;
+    cursor: pointer;
+
+    svg {
+        height: 24px;
+        width: 24px;
+        path {
+            fill: var(--color-text-primary, #fff);
+        }
+    }
+`,ft=m.div`
+    display: flex;
+    align-items: start;
+    flex-direction: column;
+    padding: 24px;
+    padding-top: 0px;
+
+    border-radius: var(--border-radius-025, 2px);
+    padding-bottom: var(--spacing-200, 16px);
+`,Hn=m(N.Select)`
+    width: 100%;
+
+    min-height: 40px;
+    align-items: center;
+    gap: 8px;
+    align-self: stretch;
+    border-radius: var(--border-radius-025, 2px);
+    background: var(--color-bg-secondary, #f5f5f5);
+
+    .arrow-svg {
+        svg {
+            width: 16px;
+            height: 16px;
+            path {
+                fill: var(--color-text-primary, #131412);
+            }
+        }
+    }
+
+    &.ant-select-multiple .ant-select-selection-placeholder {
+        color: var(--color-text-tertiary, rgba(255, 255, 255, 0.5)) !important;
+    }
+
+    &:hover {
+        border: 1px solid var(--color-border-brand-special, #02e0ae) !important;
+    }
+
+    .ant-select-selector {
+        padding: 0 !important;
+        border: none !important;
+        background-color: transparent !important;
+        box-shadow: none !important;
+    }
+    .ant-select-selection-overflow {
+        justify-content: flex-start !important;
+        background-color: none;
+        margin-top: 5px;
+    }
+    .ant-select-selection-item {
+        background: transparent !important;
+    }
+
+    &&& {
+        .ant-select-selector {
+            border: none !important;
+            box-shadow: none !important;
+            background-color: transparent !important;
+            padding: 0 !important;
+        }
+
+        &:hover .ant-select-selector,
+        &.ant-select-focused .ant-select-selector,
+        &.ant-select-open .ant-select-selector {
+            border: none !important;
+            box-shadow: none !important;
+        }
+    }
+    &.ant-select-single {
+        .ant-select-selector .ant-select-selection-placeholder {
+            color: var(--color-text-tertiary, rgba(255, 255, 255, 0.5)) !important;
+        }
+        padding: var(--spacing-025, 2px) var(--spacing-150, 12px);
+    }
+
+    &.ant-select-multiple {
+        .ant-select-selection-placeholder {
+            color: var(--color-text-tertiary, rgba(255, 255, 255, 0.5)) !important;
+        }
+        padding: var(--spacing-025, 2px) var(--spacing-150, 5px);
+    }
+    .anticon.anticon-close {
+        color: var(--color-text-secondary, rgba(255, 255, 255, 0.5)) !important;
+    }
+`;m.span`
+    color: var(--color-text-secondary, rgba(255, 255, 255, 0.5)) !important;
+`;const Ve=m.div`
+    color: var(--color-text-secondary, rgba(19, 20, 18, 0.75));
+    font-family: var(--text-font-family-base, Geist);
+    font-size: var(--typo-caption-size-medium, 14px);
+    font-style: normal;
+    font-weight: var(--text-weight-regular, 400);
+    line-height: var(--typo-caption-lineHeight-medium, 18px); /* 128.571% */
+    letter-spacing: var(--typo-caption-spacing-medium, 0.1px);
+    margin-bottom: 0.25rem;
+    max-width: 350px;
+`,Rn=m.div`
+    padding-top: 2px;
+    display: flex;
+    width: 100%;
+    background: var(--color-bg-secondary, #232323);
+`,gt=m(N.Button)`
+    display: flex;
+    height: var(--size-800, 64px);
+    padding: var(--spacing-200, 16px) var(--spacing-300, 24px);
+    align-items: center;
+    justify-content: flex-start;
+    gap: var(--spacing-200, 16px);
+    flex: 1 0 0;
+    border-radius: var(--border-radius-025, 2px);
+    background: var(--color-bg-quaternary, #2f2f2f);
+    justify-content: flex-start;
+    width: 100%;
+
+    color: var(--color-text-primary, #fff);
+
+    font-family: var(--text-font-family-base, Geist);
+    font-size: var(--typo-body-size-small, 16px);
+    font-style: normal;
+    font-weight: var(--text-weight-regular, 400);
+    line-height: var(--typo-body-lineHeight-small, 20px);
+    letter-spacing: var(--typo-body-spacing-small, 0.15px);
+    border: none;
+    width: 100%;
+    &:hover {
+        border: none !important;
+    }
+`,Fn=m.div`
+    width: 50%;
+`,Ae=m(N.Button)`
+    display: flex;
+    height: var(--size-800, 64px);
+    padding: var(--spacing-200, 16px) var(--spacing-300, 24px);
+    align-items: center;
+    gap: var(--spacing-200, 16px);
+    flex: 1 0 0;
+    width: 100%;
+    justify-content: space-between;
+
+    border-radius: var(--border-radius-025, 2px);
+    background: var(--color-bg-brand-special, #141414);
+    color: var(--color-text-inverse-primary, #fff) !important;
+
+    /* body/small */
+    font-family: var(--text-font-family-base, Geist);
+    font-size: var(--typo-body-size-small, 15px);
+    font-style: normal;
+    font-weight: var(--text-weight-regular, 400);
+    line-height: var(--typo-body-lineHeight-small, 20px); /* 125% */
+    letter-spacing: var(--typo-body-spacing-small, 0.15px);
+    .arrow-styled {
+        display: flex;
+        align-items: center;
+        justify-content: space-between;
+        gap: 100px;
+        svg {
+            width: 1rem;
+            height: 1rem;
+            path {
+                fill: var(--color-text-inverse-primary, #fff) !important;
+                transition: 0.1s;
+            }
+        }
+        @media (max-width: 445px) {
+            gap: 50px;
+        }
+    }
+
+    &:disabled {
+        border-radius: var(--border-radius-025, 2px);
+        background: var(--color-bg-opaque-secondary, rgba(255, 255, 255, 0.1));
+        border: none;
+        color: var(--color-text-quaternary, rgba(255, 255, 255, 0.25));
+        font-family: var(--text-font-family-base, Geist);
+        font-size: var(--typo-body-size-small, 16px);
+        font-style: normal;
+        font-weight: var(--text-weight-regular, 400);
+        line-height: var(--typo-body-lineHeight-small, 20px); /* 125% */
+        letter-spacing: var(--typo-body-spacing-small, 0.15px);
+
+        .arrow-styled {
+            svg {
+                path {
+                    fill: var(--color-text-quaternary, rgba(255, 255, 255, 0.25)) !important;
+                    transition: 0.1s;
+                }
+            }
+        }
+    }
+    &:hover {
+        background: var(--color-bg-brand-special, #141414) !important;
+        color: var(--color-text-inverse-primary, #fff) !important;
+    }
+`;m(N.Button)`
+    display: flex;
+    height: var(--size-800, 64px);
+    padding: var(--spacing-200, 16px) var(--spacing-300, 24px);
+    align-items: center;
+    gap: var(--spacing-200, 16px);
+    flex: 1 0 0;
+    width: 100%;
+
+    border-radius: var(--border-radius-025, 2px);
+    background: var(--color-bg-status-error, #fd7f60);
+    color: var(--color-text-inverse-primary, #fff) !important;
+
+    /* body/small */
+    font-family: var(--text-font-family-base, Geist);
+    font-size: var(--typo-body-size-small, 16px);
+    font-style: normal;
+    font-weight: var(--text-weight-regular, 400);
+    line-height: var(--typo-body-lineHeight-small, 20px); /* 125% */
+    letter-spacing: var(--typo-body-spacing-small, 0.15px);
+    .arrow-styled {
+        display: flex;
+        align-items: center;
+        align-items: center;
+        justify-content: space-between;
+        gap: 100px;
+        svg {
+            width: 1rem;
+            height: 1rem;
+            path {
+                fill: var(--color-text-inverse-primary, #fff) !important;
+                transition: 0.1s;
+            }
+        }
+    }
+
+    &:disabled {
+        border-radius: var(--border-radius-025, 2px);
+        background: var(--color-bg-opaque-secondary, rgba(255, 255, 255, 0.1));
+        border: none;
+        color: var(--color-text-quaternary, rgba(255, 255, 255, 0.25));
+        font-family: var(--text-font-family-base, Geist);
+        font-size: var(--typo-body-size-small, 16px);
+        font-style: normal;
+        font-weight: var(--text-weight-regular, 400);
+        line-height: var(--typo-body-lineHeight-small, 20px); /* 125% */
+        letter-spacing: var(--typo-body-spacing-small, 0.15px);
+
+        .arrow-styled {
+            svg {
+                path {
+                    fill: var(--color-text-quaternary, rgba(255, 255, 255, 0.25)) !important;
+                    transition: 0.1s;
+                }
+            }
+        }
+    }
+    &:hover {
+        color: var(--color-text-inverse-primary, #fff) !important;
+        background: var(--color-bg-status-error, #fd7f60) !important;
+    }
+`;const tr=m(N.Input)`
+    input[type='number'] {
+        &::-webkit-outer-spin-button,
+        &::-webkit-inner-spin-button {
+            display: none;
+        }
+    }
+
+    &.ant-input-status-error,
+    &.ant-input-affix-wrapper-status-error {
+        border: 1px solid var(--color-border-status-error) !important;
+
+        .ant-input {
+            background: transparent !important;
+        }
+
+        .ant-input-prefix {
+            color: var(--color-text-status-error) !important;
+        }
+        .ant-input-suffix {
+            color: var(--color-text-status-error) !important;
+        }
+    }
+
+    &::placeholder,
+    .ant-input::placeholder {
+        color: var(--color-text-tertiary, rgba(255, 255, 255, 0.5)) !important;
+    }
+
+    &.ant-input-outlined:hover {
+        background: var(--color-bg-secondary, #f5f5f5);
+        border: 1px solid var(--color-border-brand-special, #02e0ae) !important;
+    }
+
+    &.ant-input-outlined:focus {
+        background: var(--color-bg-secondary, #f5f5f5);
+        border: 1px solid var(--color-border-brand-special, #02e0ae) !important;
+    }
+
+    &.ant-input-affix-wrapper-focused {
+        background: var(--color-bg-secondary, #f5f5f5);
+        border: 1px solid var(--color-border-brand-special, #02e0ae) !important;
+    }
+    display: flex;
+    height: 40px;
+    padding: var(--spacing-025, 2px) var(--spacing-150, 12px);
+    align-items: center;
+    align-self: stretch;
+    border-radius: var(--border-radius-025, 2px);
+    border: 1px solid var(--color-border-primary, rgba(20, 20, 20, 0.05));
+    background: var(--color-bg-secondary, #2f2f2f) !important;
+
+    color: var(--color-text-primary, #131412);
+
+    font-family: var(--text-font-family-base, Geist);
+    font-size: var(--typo-caption-size-medium, 14px);
+    font-style: normal;
+    font-weight: var(--text-weight-regular, 400);
+    line-height: var(--typo-caption-lineHeight-medium, 18px); /* 128.571% */
+    letter-spacing: var(--typo-caption-spacing-medium, 0.1px);
+    .ant-input-prefix {
+        color: var(--color-text-primary, #131412);
+        margin-left: 1px;
+        gap: 8px;
+        font-family: var(--text-font-family-base, Geist);
+        font-size: var(--typo-caption-size-medium, 14px);
+        font-style: normal;
+        font-weight: var(--text-weight-regular, 400);
+        line-height: var(--typo-caption-lineHeight-medium, 18px); /* 128.571% */
+        letter-spacing: var(--typo-caption-spacing-medium, 0.1px);
+    }
+`,Nn=n=>new Promise((e,t)=>{const r=new FileReader;r.readAsDataURL(n),r.onload=()=>e(r.result),r.onerror=a=>t(a)});function rr(n){return n&&n.charAt(0).toLowerCase()+n.slice(1)}const Vn=async n=>{try{await navigator.clipboard.writeText(n),N.notification.success({className:"bottom-right-notification",placement:"bottomRight",message:"Copy To Clipboard"})}catch{N.notification.error({className:"bottom-right-notification",placement:"bottomRight",message:"Error",description:"Failed to copy text."})}};function nr(n,e){if(n.status===400){const t=n.response.data,r=[];for(const a in t.errors)r.push({name:rr(a),errors:t.errors[a]});e.setFields(r)}}const ar=({type:n,value:e,selectedConfig:t,onSuccess:r,postMyFilter:a,putMyFilter:o})=>{const[s]=N.Form.useForm(),l=ge(c=>c.setOnOk),d=ge(c=>c.close);return S.useEffect(()=>{t&&s.setFieldsValue({name:t.name})},[t,s]),S.useEffect(()=>{l(async()=>{try{const c=await s.validateFields();t?await o({id:t.id,type:n,name:c.name,value:e??""}):await a({type:n,name:c.name,value:e??""}),r==null||r(c.name),d()}catch(c){const u=nr(c,s);s.setFields(u)}})},[n,e,t,r,s,l,d]),i.jsxs(N.Form,{form:s,children:[i.jsx(Ve,{children:U("ConfigurationName")}),i.jsx(N.Form.Item,{name:"name",children:i.jsx(tr,{})})]})},An=n=>P.createElement("svg",{width:20,height:20,viewBox:"0 0 20 20",fill:"none",xmlns:"http://www.w3.org/2000/svg",...n},P.createElement("path",{d:"M11.6666 4.65485L10.4881 5.83336L13.8215 9.16669H3.33331V10.8334H13.8215L10.4881 14.1667L11.6666 15.3452L17.0118 10L11.6666 4.65485Z",fill:"currentColor"})),je=m(An)`
+    cursor: pointer;
+    svg {
+        width: 1rem;
+        height: 1rem;
+        path {
+            fill: var(--color-text-inverse-primary, #fff) !important;
+            transition: 0.1s;
+        }
+    }
+`,Bn=()=>i.jsx(ft,{children:i.jsx("div",{children:i.jsx("p",{children:U("DeleteRecordQuestion")})})}),Gn=m(N.Checkbox)`
+    .ant-checkbox-inner {
+        background-color: transparent;
+        border: 1px solid #ccc;
+    }
+    span {
+        color: var(--color-text-tertiary, #fff);
+    }
+
+    .ant-checkbox-checked .ant-checkbox-inner {
+        background-color: white !important;
+        border-color: black !important;
+    }
+
+    .ant-checkbox:hover .ant-checkbox-inner {
+        border-color: var(--color-border-tertiary, black);
+    }
+
+    .ant-checkbox-checked:hover .ant-checkbox-inner {
+        background-color: white !important;
+    }
+
+    .ant-checkbox-checked .ant-checkbox-inner::after {
+        border-color: black;
+    }
+`,Un=({item:n})=>{var j,L,T,V,B,_,Y,I,$;const e=S.useRef(null),t=D(v=>v.filterItems),r=D(v=>v.setFilterItems),[a,o]=S.useState(n.selectType==be.VALUE);function s(){var v;(v=e==null?void 0:e.current)==null||v.focus()}function l(v){r(t.map(R=>R.title==n.title?{...R,filterValue:v.id,filterLabel:v.name}:R),!0),o(!1)}function d(v,R=!1){r(t.map(M=>M.title==n.title?{...M,filterValue:v.id,filterLabel:v.name,isCountryGroup:R}:M),!0),o(!1)}const[c,u]=S.useState(n.filterValue||[]),p=v=>{var k,C;const R=c.includes(v)?c.filter(y=>y!==v):[...c,v];u(R);const M=(C=(k=n==null?void 0:n.filters)==null?void 0:k.options)==null?void 0:C.filter(y=>R.includes(y.id)).map(y=>y.name).join(", ");r(t.map(y=>y.title===n.title?{...y,filterValue:R,filterLabel:M||""}:y),!0)};function g(v){r(t.map(R=>R.title==n.title?{...v,selectType:be.VALUE}:R))}const f=it(v=>{const R=v.target.value;r(t.map(M=>M.title==n.title?{...M,filterValue:R}:M),!0)},500);function h(v){r(t.map(R=>R.title==n.title?{...R,selectType:be.NONE}:R)),o(v)}function w(){r(t.filter(v=>v.title!=n.title),!0)}S.useEffect(()=>{var v;a&&((v=n==null?void 0:n.filters)==null?void 0:v.type)!==se.SELECT&&setTimeout(()=>{s()},0)},[a]);const O={[se.INPUT]:i.jsx("input",{ref:e,type:"text",placeholder:"Search...",className:"filter-item-search",onChange:f}),[se.SELECT]:i.jsx("div",{children:(L=(j=n==null?void 0:n.filters)==null?void 0:j.options)==null?void 0:L.map(v=>i.jsx("button",{onClick:()=>l(v),children:v.name},v.id))}),[se.TwoComponentSelect]:i.jsxs(i.Fragment,{children:[i.jsx(Cn,{children:(T=n==null?void 0:n.filters)==null?void 0:T.firstGroupName}),i.jsx(jn,{children:(B=(V=n==null?void 0:n.filters)==null?void 0:V.options)==null?void 0:B.map(v=>i.jsx("button",{onClick:()=>d(v,!1),children:v.name},v.id))})]}),[se.MULTISELECT]:i.jsx("div",{children:(Y=(_=n==null?void 0:n.filters)==null?void 0:_.options)==null?void 0:Y.map(v=>i.jsx(Sn,{children:i.jsx(Gn,{onChange:()=>p(v==null?void 0:v.id),children:i.jsx(wn,{children:v.name})})},v.id))}),[se.DATEPICKER]:i.jsx(Zt,{open:!0,allowClear:!0,format:"MMM D, YYYY",placeholder:["From","To"],onChange:v=>{if(!v)r(t.map(R=>R.title===n.title?{...R,filterValue:null,filterLabel:""}:R),!0);else{const R=v.map((M,k)=>{var C;return M?(C=ee.toLocal(M,k===0,k===v.length-1))==null?void 0:C.toISOString():null});r(t.map(M=>M.title===n.title?{...M,filterValue:R,filterLabel:`${v[0].format("MMM D, YYYY")} → ${v[1].format("MMM D, YYYY")}`}:M),!0)}o(!1)},getPopupContainer:v=>{var R;return((R=v==null?void 0:v.parentElement)==null?void 0:R.parentElement)??document.body}})},A=i.jsx(ot,{style:{border:((I=n==null?void 0:n.filters)==null?void 0:I.type)===se.DATEPICKER?"none":"inherit"},children:O[(($=n==null?void 0:n.filters)==null?void 0:$.type)||se.INPUT]});return i.jsxs(Je,{children:[i.jsx(ct,{placement:"bottomLeft",onSelect:g,children:i.jsxs("span",{children:[i.jsx(Jt,{}),n.title]})}),i.jsx(N.Dropdown,{overlayClassName:"debug-dropdwon",placement:"bottomLeft",open:a,onOpenChange:h,popupRender:()=>A,trigger:["click"],getPopupContainer:v=>{var R;return((R=v==null?void 0:v.parentElement)==null?void 0:R.parentElement)??document.body},children:i.jsx("div",{children:n.filterValue?n.filterLabel?n.filterLabel:n.filterValue:"NotSelected"})}),i.jsx("span",{onClick:w,children:i.jsx(pt,{})})]})},_n=()=>{const n=D(f=>f.filterItems),e=D(f=>f.sortItems),t=D(f=>f.setSelectedConfig),r=D(f=>f.resetStore),a=D(f=>f.selectedConfig),o=D(f=>f.bumpConfigsVersion),{open:s,store:l,close:d}=ge(),c=dt();async function u(){try{if(!a)return;t(null),o()}catch(f){console.log(f,"Error happened deleting configuration")}}function p(){l({component:Bn,title:a?"UpdateConfiguration":"NameYourConfiguration",footerOptions:{okText:i.jsx(Ae,{onClick:()=>{u(),d(),r()},children:i.jsxs("span",{className:"arrow-styled",children:["Delete",i.jsx(je,{})]})}),cancelText:"Cancel"}}),s()}function g(){const f=JSON.stringify({filterItems:n,sortItems:e});l({component:ar,componentProps:{type:c,value:f,selectedConfig:a,onSuccess:h=>{a&&t({...a,name:h}),o()}},title:a?"UpdateConfiguration":"NameYourConfiguration",footerOptions:{okText:i.jsx(Ae,{children:i.jsxs("span",{className:"arrow-styled",children:["Save",i.jsx(je,{})]})}),cancelText:"Cancel"}}),s()}return i.jsxs(bn,{children:[e.length>0&&i.jsx(Xt,{placement:"bottomLeft",children:i.jsx(Je,{className:"sort",children:i.jsxs("span",{children:[e[0].title,e[0].direction==Q.ASC?i.jsx(st,{}):i.jsx(lt,{})]})})}),n.map(f=>i.jsx(Un,{item:f},f.title)),i.jsx(ct,{placement:"bottomLeft",children:i.jsx(Je,{className:"add-filter",children:i.jsxs("span",{children:[i.jsx(In,{}),"AddFilter"]})})}),i.jsxs(vn,{children:[i.jsx("button",{onClick:g,children:a?"UpdateConfiguration":"SaveConfiguration"}),a&&i.jsx("button",{onClick:p,children:"DeleteConfiguration"}),i.jsxs("button",{onClick:r,children:[i.jsx(er,{}),"ResetConditions"]})]})]})},Wn=m.div`
+    height: 100%;
+    display: flex;
+    flex-direction: column;
+    overflow-x: auto;
+    overflow-y: auto;
+    width: 100%;
+
+    table {
+        border-collapse: collapse;
+        width: 100%;
+        thead {
+            tr {
+                position: sticky;
+                top: 0;
+                z-index: 2;
+                th {
+                    padding: 0.25rem 0.25rem;
+                    position: relative;
+                    overflow: hidden;
+                    color: var(--color-text-secondary, rgba(255, 255, 255, 0.75));
+                    text-overflow: ellipsis;
+                    font-family: var(--text-font-family-base, Geist);
+                    font-size: var(--typo-caption-size-small, 0.75rem);
+                    font-weight: var(--text-weight-regular, 400);
+                    line-height: var(--typo-caption-lineHeight-small, 1rem);
+                    letter-spacing: var(--typo-caption-spacing-small, 0.00625rem);
+                    height: var(--size-450, 2.25rem);
+                    background: var(--color-bg-primary, #141414);
+                    text-transform: capitalize;
+                    text-align: left;
+                    transition: 0.1s;
+                    span {
+                        display: flex;
+                        padding: 0.5rem 0.75rem;
+                        min-width: var(--size-1000, 5rem);
+                    }
+                    &:first-child {
+                        min-width: 1.5rem;
+                        width: 1.5rem;
+                        padding: 0;
+                        border-start-start-radius: 0px !important;
+                        span {
+                            display: none;
+                        }
+
+                        @media (max-width: 991px) {
+                            min-width: 1rem;
+                            width: 1rem;
+                        }
+                    }
+
+
+                    &:nth-child(2) {
+                        width: 10px;
+                    }
+                    &:after {
+                        display: none !important;
+                    }
+
+                    &:last-child,
+                    &:first-child {
+                        border-start-start-radius: 0px !important;
+                    }
+                    &:before,
+                    &:after {
+                        content: '';
+                        display: block;
+                        position: absolute;
+                        left: 0;
+                        top: 0px;
+                        height: 1px;
+                        width: 100%;
+                        background-color: var(--color-border-primary, rgba(255, 255, 255, 0.1));
+                    }
+                    &:before {
+                        top: unset;
+                        bottom: 0px;
+                    }
+                    &.active,
+                    &:active,
+                    &:hover {
+                        span {
+                            border-radius: var(--border-radius-025, 0.125rem);
+                            background: var(--color-bg-secondary, #f5f5f5);
+                        }
+                    }
+                }
+            }
+        }
+        tbody {
+            tr {
+                transition: 0.1s;
+                position: relative;
+
+                td {
+                    padding: 0 0.75rem;
+                    overflow: hidden;
+                    color: var(--color-text-primary, #131412);
+                    text-overflow: ellipsis;
+                    font-family: var(--text-font-family-base, Geist);
+                    font-size: var(--typo-caption-size-medium, 0.875rem);
+                    font-weight: var(--text-weight-regular, 400);
+                    line-height: var(--typo-caption-lineHeight-medium, 1.125rem); /* 128.571% */
+                    letter-spacing: var(--typo-caption-spacing-medium, 0.00625rem);
+                    height: 3rem;
+                    &:first-child {
+                        padding: 0;
+                    }
+                }
+
+                .row-actions {
+                    opacity: 0;
+                    transition: opacity 0.2s ease-in-out;
+                }
+
+                /* &:hover {
+                    background: var(--color-bg-tertiary, #e7e7e7);
+                } */
+                &.main-group-header {
+                    background: var(--color-bg-opaque-primary, rgba(20, 20, 20, 0.05));
+                    span {
+                        color: var(--color-text-quaternary, rgba(255, 255, 255, 0.25));
+                        font-family: var(--text-font-family-base, Geist);
+                        font-size: var(--typo-caption-size-medium, 0.875rem);
+                        font-weight: var(--text-weight-regular, 400);
+                        line-height: var(--typo-caption-lineHeight-medium, 1.125rem); /* 128.571% */
+                        letter-spacing: var(--typo-caption-spacing-medium, 0.00625rem);
+                        margin-left: 0.5rem;
+                    }
+                }
+
+                &.sub-group-header {
+                    div {
+                        display: flex;
+                        align-items: center;
+                    }
+                    span {
+                        color: var(--color-text-quaternary, rgba(255, 255, 255, 0.25));
+                        font-family: var(--text-font-family-base, Geist);
+                        font-size: var(--typo-caption-size-medium, 0.875rem);
+                        font-weight: var(--text-weight-regular, 400);
+                        line-height: var(--typo-caption-lineHeight-medium, 1.125rem); /* 128.571% */
+                        letter-spacing: var(--typo-caption-spacing-medium, 0.00625rem);
+                        margin-left: 0.5rem;
+                    }
+
+                    .line {
+                        height: 0.0625rem;
+                        background: var(--color-border-secondary, rgba(255, 255, 255, 0.2));
+                        flex: 1;
+                        margin: 0 1rem;
+                    }
+                }
+
+                .action-buttons-wrapper {
+                    position: sticky;
+                    right: 1rem;
+                    border-radius: var(--border-radius-025, 0.125rem);
+                    background: var(--color-bg-primary, #141414);
+                    backdrop-filter: blur(calc(var(--blur-size-200, 16px) / 2));
+                    opacity: 0;
+                    padding: 0;
+                    div {
+                        display: flex;
+                        gap: 0.5rem;
+                        padding: 0.5rem 0.75rem;
+                        path {
+                            fill: var(--color-icon-primary, #fff);
+                        }
+                    }
+                }
+
+                &:hover {
+                    .action-buttons-wrapper {
+                        opacity: 1;
+                    }
+                }
+                &.checked {
+                    background: var(--color-bg-opaque-primary, rgba(255, 255, 255, 0.05));
+                }
+            }
+            tr:hover .row-actions {
+                opacity: 1;
+            }
+        }
+    }
+
+    .ant-skeleton-paragraph {
+        li {
+            background: var(--color-interaction-press-primary) !important;
+        }
+    }
+`,Yn=m.div`
+    display: flex;
+    flex-direction: column;
+    background: var(--color-bg-quaternary, #fff);
+    border-radius: var(--border-radius-025, 0.125rem);
+    box-shadow:
+        0px 4px 8px 0px rgba(20, 20, 20, 0.02),
+        0px 4px 16px 0px rgba(20, 20, 20, 0.04);
+    button {
+        min-width: 8.5rem;
+        padding: 0.5rem 0.75rem;
+        display: flex;
+        gap: 0.75rem;
+        align-items: center;
+        color: var(--color-text-primary, #131412);
+        font-family: var(--text-font-family-base, Geist);
+        font-size: var(--typo-caption-size-medium, 0.875rem);
+        font-weight: var(--text-weight-regular, 400);
+        line-height: var(--typo-caption-lineHeight-medium, 1.125rem);
+        letter-spacing: var(--typo-caption-spacing-medium, 0.00625rem);
+        background-color: transparent;
+        transition: 0.1s;
+        svg {
+            width: 1rem;
+            height: 1rem;
+            path {
+                fill: var(--color-icon-primary, rgba(255, 255, 255, 0.75));
+            }
+        }
+        &:hover {
+            background: var(--color-bg-secondary, #f5f5f5);
+        }
+    }
+`,Kn=m.div`
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+    border-top: 1px solid var(--color-border-primary, rgba(255, 255, 255, 0.1));
+    padding: 0 1.5rem;
+    margin-top: auto;
+    position: sticky;
+    left: 0;
+    bottom: 0;
+    width: 100%;
+    background: var(--color-bg-primary, #141414);
+    .ant-pagination-next,
+    .ant-pagination-prev,
+    .ant-pagination-jump-next {
+        min-width: 1.5rem;
+        height: 1.5rem;
+        line-height: 1.5rem;
+    }
+    .ant-pagination-item {
+        min-width: 1.5rem;
+        height: 1.5rem;
+        border: none;
+        background: transparent;
+        display: flex;
+        align-items: center;
+        justify-content: center;
+        margin-inline-end: 0.12rem;
+        &.ant-pagination-item-active {
+            border-radius: var(--border-radius-025, 0.125rem);
+            background: var(--color-bg-opaque-secondary, rgba(255, 255, 255, 0.1));
+        }
+        a {
+            color: var(--color-text-secondary, rgba(255, 255, 255, 0.75));
+            font-family: var(--text-font-family-base, Geist);
+            font-size: var(--typo-caption-size-medium, 0.875rem);
+            font-weight: var(--text-weight-regular, 400);
+            line-height: var(--typo-caption-lineHeight-medium, 1.125rem);
+            letter-spacing: var(--typo-caption-spacing-medium, 0.00625rem);
+        }
+    }
+    .anticon {
+        color: var(--color-icon-primary, rgba(255, 255, 255, 0.75));
+    }
+
+    .ant-pagination-disabled {
+        opacity: 40%;
+    }
+
+    .ant-select {
+        height: 1.5rem;
+        .ant-select-selector {
+            border: none;
+            background-color: transparent;
+        }
+
+        .ant-select-selection-item {
+            color: var(--color-text-secondary, rgba(255, 255, 255, 0.75));
+            font-family: var(--text-font-family-base, Geist);
+            font-size: var(--typo-caption-size-medium, 0.875rem);
+            font-style: normal;
+            font-weight: var(--text-weight-regular, 400);
+            line-height: var(--typo-caption-lineHeight-medium, 1.125rem); /* 128.571% */
+            letter-spacing: var(--typo-caption-spacing-medium, 0.00625rem);
+        }
+    }
+
+    .page-size-select-header {
+        padding: 0.5rem 0;
+        color: var(--color-text-secondary, rgba(255, 255, 255, 0.75));
+        font-family: var(--text-font-family-base, Geist);
+        font-size: var(--typo-caption-size-medium, 0.875rem);
+        font-style: normal;
+        font-weight: var(--text-weight-regular, 400);
+        line-height: var(--typo-caption-lineHeight-medium, 1.125rem); /* 128.571% */
+        letter-spacing: var(--typo-caption-spacing-medium, 0.00625rem);
+        display: flex;
+        align-items: center;
+        gap: 0.25rem;
+        cursor: pointer;
+        svg {
+            width: 1rem;
+            height: 1rem;
+            path {
+                fill: var(--color-icon-secondary);
+            }
+        }
+    }
+
+    @media (max-width: 991px) {
+        padding: 0 1rem;
+    }
+`,qn=m.div`
+    border-radius: var(--border-radius-025, 0.125rem);
+    background: var(--color-bg-secondary, #232323);
+    box-shadow:
+        0px 4px 8px 0px rgba(20, 20, 20, 0.02),
+        0px 4px 16px 0px rgba(20, 20, 20, 0.04);
+    display: flex;
+    flex-direction: column;
+    button {
+        padding: 0.5rem 0.75rem;
+        color: var(--color-text-primary, #fff);
+        font-family: var(--text-font-family-base, Geist);
+        font-size: var(--typo-caption-size-medium, 0.875rem);
+        font-weight: var(--text-weight-regular, 400);
+        line-height: var(--typo-caption-lineHeight-medium, 1.125rem); /* 128.571% */
+        letter-spacing: var(--typo-caption-spacing-medium, 0.00625rem);
+        min-width: 12rem;
+        display: flex;
+        justify-content: space-between;
+        align-items: center;
+        text-align: left;
+        path {
+            fill: var(--color-text-primary, #fff);
+        }
+    }
+`;function jt(n,e){const t={};return e.forEach(r=>{const a=r[n.dataIndex];t[a]?t[a].push(r):t[a]=[r]}),t}function Zn(n){return Object.values(n).reduce((e,t)=>e+t.length,0)}function Jn({item:n,columns:e,rowKey:t,onRowClick:r}){const a=D(o=>o.checkedValue);return i.jsx("tr",{onClick:r?()=>r(n):void 0,className:`${a&&a[n[t]]?"checked":""}`,children:e.map(o=>i.jsx("td",{children:o!=null&&o.render?o.render(n[o.dataIndex],n):n[o.dataIndex]},`${n[t]}-${o.dataIndex}`))},n[t])}function ht({rows:n,columns:e,rowKey:t,onRowClick:r}){return n.map(a=>i.jsx(Jn,{item:a,columns:e,rowKey:t,onRowClick:r},a[t]))}function Xn({rowLength:n,columnLength:e}){return Array(n).fill(null).map((t,r)=>i.jsx("tr",{children:Array(e).fill(null).map((a,o)=>i.jsx("td",{children:i.jsx(N.Skeleton,{active:!0,title:!1,paragraph:{rows:1,width:"100%"}})},`${r}-${o}`))},`skeleton-row-${r}`))}function Qn({subGroups:n,columns:e,rowKey:t,onRowClick:r}){return i.jsx(i.Fragment,{children:Object.keys(n).map(a=>i.jsxs(S.Fragment,{children:[i.jsxs("tr",{className:"sub-group-header",children:[i.jsx("td",{}),i.jsx("td",{colSpan:e.length,children:i.jsxs("div",{children:[a," ",i.jsx("span",{children:n[a].length}),i.jsx("span",{className:"line"})]})})]}),i.jsx(ht,{rows:n[a],columns:e,rowKey:t,onRowClick:r})]},a))})}function ea({label:n,colSpan:e,count:t}){return i.jsxs("tr",{className:"main-group-header",children:[i.jsx("td",{}),i.jsxs("td",{colSpan:e,children:[n," ",i.jsx("span",{children:t})]}),i.jsx("td",{})]})}function ta({dataSource:n,columns:e,isSubGroupped:t,getGroupLength:r,rowKey:a,onRowClick:o}){return i.jsx(i.Fragment,{children:Object.keys(n).map(s=>{var l;return i.jsxs(S.Fragment,{children:[i.jsx(ea,{label:s,colSpan:e.length,count:t?r(n[s]):(l=n[s])==null?void 0:l.length}),t?i.jsx(Qn,{subGroups:n[s],columns:e,rowKey:a,onRowClick:o}):i.jsx(ht,{rows:n[s],columns:e,rowKey:a,onRowClick:o})]},s)})})}function ra({pagination:n,onPerPageSelectChange:e,totalItemCount:t,onPaginationChange:r}){const[a,o]=S.useState(!1);return i.jsxs(Kn,{children:[i.jsx(N.Pagination,{current:n.current,pageSize:n.pageSize,total:t,showSizeChanger:!1,onChange:r}),i.jsx(N.Dropdown,{placement:"bottomRight",popupRender:()=>i.jsx(qn,{children:((n==null?void 0:n.items)||[{label:`10 ${U("Items")}`,value:10},{label:`25 ${U("Items")}`,value:25},{label:`50 ${U("Items")}`,value:50},{label:`100 ${U("Items")}`,value:100}]).map(s=>i.jsxs("button",{onClick:()=>e(s.value),children:[s.label," ",s.value==n.pageSize&&i.jsx(Ee,{})]},s.value))}),trigger:["click"],open:a,onOpenChange:o,children:i.jsxs("div",{className:"page-size-select-header",children:[n.pageSize," ",U("ItemsPerPage")," ",i.jsx(nt,{})]})})]})}const na=n=>P.createElement("svg",{width:16,height:16,viewBox:"0 0 16 16",fill:"none",xmlns:"http://www.w3.org/2000/svg",...n},P.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M13.6094 3.33333L5.1263 11.8158C5.12139 11.8211 5.11638 11.8263 5.11133 11.8314L3.33333 13.6094L2.39062 12.6667L3.66211 11.3939C2.75363 10.5112 1.95159 9.31206 1.41341 8.31706L1.24219 8L1.41341 7.68294C2.08047 6.44895 3.05011 5.21371 4.17253 4.2793C5.28611 3.35227 6.61809 2.66667 8 2.66667C9.16616 2.66667 10.294 3.10021 11.291 3.76562L12.6667 2.39062L13.6094 3.33333ZM8 4C7.05196 4 6.01458 4.48114 5.02604 5.30404C4.14063 6.04112 3.34853 7.00907 2.76562 8C3.26512 8.86691 3.9209 9.79039 4.60482 10.4512L5.63021 9.42643C4.98911 8.36284 5.12669 6.96121 6.04427 6.04362C6.96186 5.12604 8.36349 4.98846 9.42708 5.62956L10.3255 4.73047C9.55755 4.26174 8.76273 4 8 4ZM8.42513 6.63151C7.93343 6.47928 7.37623 6.59708 6.98698 6.98633C6.59773 7.37558 6.47993 7.93278 6.63216 8.42448L8.42513 6.63151Z",fill:"currentColor",fillOpacity:.75}),P.createElement("path",{d:"M13.2266 5.51432L13.4199 5.75651C13.8705 6.35556 14.306 7.16405 14.5866 7.68294L14.7578 8L14.5866 8.31706C13.9196 9.55061 12.9498 10.7856 11.8275 11.7201C10.714 12.6471 9.38194 13.3333 8 13.3333C7.42626 13.3333 6.86164 13.2272 6.32031 13.0423L6.08984 12.9583L5.5332 12.7422L6.5638 11.7116L6.57161 11.7148L6.75195 11.7806C7.17263 11.9243 7.59142 12 8 12C8.94792 12 9.98545 11.5189 10.974 10.696C11.8609 9.95749 12.6538 8.98668 13.237 7.99414C12.9701 7.50763 12.6616 6.96796 12.3665 6.57357L12.2122 6.38021L12.0664 6.20898L13.0124 5.26302L13.2266 5.51432Z",fill:"currentColor",fillOpacity:.75}));function aa({col:n}){const[e,t]=S.useState(!1),r=D(f=>f.filterItems),a=D(f=>f.hideItems),o=D(f=>f.setFilterItems),s=D(f=>f.setSortItems),l=D(f=>f.setHideItems);function d(f,h){s([{title:f.title,dataIndex:f.dataIndex.charAt(0).toUpperCase()+f.dataIndex.slice(1),direction:h}])}function c(f){const h=r.filter(w=>f.title!=w.title);o([...h,{...f,selectType:be.VALUE}])}function u(f,h){l({...a,[f.dataIndex]:!0})}const p=()=>t(!1),g=[{icon:i.jsx(Ne,{}),text:U("Filter"),action:()=>c(n)},{icon:i.jsx(st,{}),text:oe("Ascending"),action:()=>d(n,Q.ASC)},{icon:i.jsx(lt,{}),text:oe("Descending"),action:()=>d(n,Q.DESC)},{icon:i.jsx(na,{}),text:U("HideInView"),action:()=>u(n)}];return n.filterDropdown===!1?i.jsx("th",{}):i.jsx(N.Dropdown,{placement:"bottomLeft",popupRender:()=>i.jsx(Yn,{children:g.map(({icon:f,text:h,action:w})=>i.jsxs("button",{onClick:()=>{w(),p()},children:[f,h]},h))}),trigger:["click"],open:e,onOpenChange:t,getPopupContainer:f=>(f==null?void 0:f.parentElement)??document.body,children:i.jsx("th",{className:e?"active":"",children:i.jsx("span",{children:n.title})})})}const oa=m.div`
+    display: flex;
+    height: 80vh;
+    padding: 24px var(--spacing-300, 24px);
+    align-items: center;
+    justify-content: center;
+    flex-direction: column;
+    text-align: center;
+    gap: var(--spacing-400, 32px);
+`,ia=m.div`
+    display: flex;
+    width: 864px;
+    flex-direction: column;
+    align-items: center;
+    gap: 8px;
+`,sa=m.p`
+    color: var(--color-text-primary, #131412);
+    text-align: center;
+
+    /* body/medium */
+    font-family: var(--text-font-family-base, Geist);
+    font-size: var(--typo-body-size-medium, 18px);
+    font-style: normal;
+    font-weight: var(--text-weight-regular, 400);
+    line-height: var(--typo-body-lineHeight-medium, 20px); /* 111.111% */
+    letter-spacing: var(--typo-body-spacing-medium, 0.15px);
+`,la=m.p`
+    color: var(--color-text-secondary, rgba(19, 20, 18, 0.75));
+    text-align: center;
+    width: 400px;
+
+    /* caption/medium-r */
+    font-family: var(--text-font-family-base, Geist);
+    font-size: var(--typo-caption-size-medium, 14px);
+    font-style: normal;
+    font-weight: var(--text-weight-regular, 400);
+    line-height: var(--typo-caption-lineHeight-medium, 18px); /* 128.571% */
+    letter-spacing: var(--typo-caption-spacing-medium, 0.1px);
+
+    @media (max-width: 410px) {
+        font-size: 10px;
+        width: 350px;
+    }
+`,ca=m.span`
+    color: var(--color-text-status-info, #17adc1);
+
+    /* caption/medium-r */
+    font-family: var(--text-font-family-base, Geist);
+    font-size: var(--typo-caption-size-medium, 14px);
+    font-style: normal;
+    font-weight: var(--text-weight-regular, 400);
+    line-height: var(--typo-caption-lineHeight-medium, 18px);
+    letter-spacing: var(--typo-caption-spacing-medium, 0.1px);
+`;m(N.Button)`
+    display: flex;
+    height: var(--size-400, 32px);
+    padding: 8px;
+    justify-content: center;
+    align-items: center;
+
+    border-radius: var(--border-radius-025, 2px);
+    background: var(--color-bg-opaque-primary, rgba(20, 20, 20, 0.05));
+    backdrop-filter: blur(calc(var(--blur-size-200, 16px) / 2));
+
+    border: none;
+
+    color: var(--color-text-primary, #131412);
+
+    font-family: var(--text-font-family-base, Geist);
+    font-size: var(--typo-caption-size-medium, 14px);
+    font-style: normal;
+    font-weight: var(--text-weight-regular, 400);
+    line-height: var(--typo-caption-lineHeight-medium, 18px); /* 128.571% */
+    letter-spacing: var(--typo-caption-spacing-medium, 0.1px);
+`;const or=({title:n,description:e,button:t,helpSpan:r})=>i.jsx(oa,{children:i.jsxs(ia,{children:[i.jsx(sa,{children:n}),i.jsxs(la,{children:[e," ",r&&i.jsx(ca,{children:r})]}),t&&t]})}),da=({activeTableView:n,columns:e,rowKey:t,dataSource:r,loading:a,pagination:o,totalItemCount:s,onRowClick:l,noPagination:d,noDataProps:c})=>{const u=D(L=>L.filters),p=D(L=>L.groupByArr),g=D(L=>L.setFilters),f=S.useMemo(()=>p.length>0?e.filter(L=>!p.some(T=>T.dataIndex==L.dataIndex)):e,[e,p]),{isTableGroupped:h,isTableSubGroupped:w}=S.useMemo(()=>({isTableGroupped:!!p[0],isTableSubGroupped:!!p[1]}),[p]),O=S.useMemo(()=>{if(p[0]){const L=jt(p[0],r);if(p[1]){const T={};return Object.keys(L).forEach(V=>{T[V]=jt(p[1],L[V])}),T}return L}return r},[r,p]);function A(L){g({...u,PageSize:L,Page:1})}function j(L){g({...u,Page:L})}return i.jsxs(Wn,{children:[i.jsxs("table",{children:[n!=fe.LIST&&i.jsx("thead",{children:i.jsxs("tr",{children:[f.map(L=>i.jsx(aa,{col:L},L.dataIndex)),i.jsx("th",{})]})}),i.jsx("tbody",{children:a?i.jsx(Xn,{rowLength:o.pageSize,columnLength:f.length}):(O==null?void 0:O.length)==0&&c?i.jsx("tr",{children:i.jsx("td",{colSpan:f.length,children:i.jsx(or,{...c})})}):i.jsx(i.Fragment,{children:h?i.jsx(ta,{dataSource:O,columns:f,isSubGroupped:w,getGroupLength:Zn,rowKey:t,onRowClick:l}):i.jsx(ht,{rows:O,columns:f,rowKey:t,onRowClick:l})})})]}),o&&!d&&i.jsx(ra,{pagination:o,totalItemCount:s,onPerPageSelectChange:A,onPaginationChange:j})]})},pa=m.div`
+    display: flex;
+    flex-direction: column;
+    position: fixed;
+    right: 0;
+    top: 0;
+    height: 100vh;
+    background: var(--color-bg-primary, #fff);
+    border-left: 1px solid var(--color-bg-secondary, #f5f5f5);
+    max-width: 22.5rem;
+    width: 100%;
+    z-index: 3;
+    header {
+        display: flex;
+        align-items: center;
+        justify-content: space-between;
+        padding: 1.5rem;
+        span {
+            color: var(--color-text-secondary, rgba(19, 20, 18, 0.75));
+            font-family: var(--text-font-family-base, Geist);
+            font-size: var(--typo-caption-size-medium, 0.875rem);
+            font-weight: var(--text-weight-regular, 400);
+            line-height: var(--typo-caption-lineHeight-medium, 1.125rem); /* 128.571% */
+            letter-spacing: var(--typo-caption-spacing-medium, 0.00625rem);
+        }
+        button {
+            display: flex;
+            align-items: center;
+            svg {
+                width: 1rem;
+                height: 1rem;
+                path {
+                    fill: var(--color-icon-primary);
+                }
+            }
+        }
+    }
+
+    .setting-sidebar-content {
+        padding: 0 1.5rem;
+        margin-top: 1.2rem;
+        .table-view-list {
+            display: grid;
+            grid-template-columns: repeat(2, 1fr);
+            li {
+                display: flex;
+                flex-direction: column;
+                align-items: flex-start;
+                padding: 0.75rem;
+                border: 1px solid var(--color-bg-secondary, #f5f5f5);
+                border-radius: var(--border-radius-025, 0.125rem);
+                background: var(--color-bg-quaternary, #fff);
+                gap: 0.75rem;
+                transition: 0.1s;
+                cursor: pointer;
+                span {
+                    color: var(--color-text-secondary, rgba(19, 20, 18, 0.75));
+                    font-family: var(--text-font-family-base, Geist);
+                    font-size: var(--typo-body-size-small, 1rem);
+                    font-weight: var(--text-weight-regular, 400);
+                    line-height: var(--typo-body-lineHeight-small, 1.25rem); /* 125% */
+                    letter-spacing: var(--typo-body-spacing-small, 0.00938rem);
+                    transition: 0.1s;
+                }
+                svg {
+                    width: var(--size-250, 1.25rem);
+                    height: var(--size-250, 1.25rem);
+                    path {
+                        fill: var(--color-icon-secondary);
+                        transition: 0.1s;
+                    }
+                }
+                &.active,
+                &:hover {
+                    border-radius: var(--border-radius-025, 0.125rem);
+                    background: var(--color-bg-brand-special, #141414);
+                    span {
+                        color: var(--color-text-inverse-primary, #fff);
+                    }
+                    svg {
+                        path {
+                            fill: var(--color-icon-inverse);
+                        }
+                    }
+                }
+            }
+        }
+
+        .grouping-list {
+            display: flex;
+            flex-direction: column;
+            gap: 2.5rem;
+            margin-top: 2.5rem;
+            li {
+                display: flex;
+                flex-direction: column;
+                gap: 0.5rem;
+                .ant-select-selector {
+                    border-radius: var(--border-radius-025, 0.125rem);
+                    background: var(--color-bg-secondary, #f5f5f5);
+                    border: none;
+                    .ant-select-selection-placeholder {
+                        path {
+                            fill: var(--color-text-secondary, rgba(255, 255, 255, 0.75));
+                        }
+                    }
+                }
+                span {
+                    color: var(--color-text-secondary, rgba(19, 20, 18, 0.75));
+                    font-family: var(--text-font-family-base, Geist);
+                    font-size: var(--typo-caption-size-medium, 0.875rem);
+                    font-weight: var(--text-weight-regular, 400);
+                    line-height: var(--typo-caption-lineHeight-medium, 1.125rem); /* 128.571% */
+                    letter-spacing: var(--typo-caption-spacing-medium, 0.00625rem);
+                }
+            }
+        }
+
+        .properties-list {
+            display: flex;
+            flex-direction: column;
+            gap: 0.5rem;
+            margin-top: 2.5rem;
+            span {
+                color: var(--color-text-secondary, rgba(19, 20, 18, 0.75));
+                font-family: var(--text-font-family-base, Geist);
+                font-size: var(--typo-caption-size-medium, 0.875rem);
+                font-weight: var(--text-weight-regular, 400);
+                line-height: var(--typo-caption-lineHeight-medium, 1.125rem); /* 128.571% */
+                letter-spacing: var(--typo-caption-spacing-medium, 0.00625rem);
+            }
+            ul {
+                display: flex;
+                flex-wrap: wrap;
+                gap: 0.25rem;
+                li {
+                    display: flex;
+                    align-items: center;
+                    gap: 0.25rem;
+                    color: var(--color-text-primary, #131412);
+                    text-align: center;
+                    font-family: var(--text-font-family-base, Geist);
+                    font-size: var(--typo-body-size-small, 1rem);
+                    font-weight: var(--text-weight-regular, 400);
+                    line-height: var(--typo-body-lineHeight-small, 1.25rem); /* 125% */
+                    letter-spacing: var(--typo-body-spacing-small, 0.00938rem);
+                    padding: 0.25rem 0.75rem 0.25rem 0.4rem;
+                    border-radius: var(--border-radius-full, 62.4375rem);
+                    background-color: var(--color-bg-secondary);
+                    border: 1px solid var(--color-bg-secondary, rgba(20, 20, 20, 0.05));
+                    cursor: pointer;
+                    text-transform: capitalize;
+                    &::before {
+                        content: '';
+                        display: block;
+                        width: 0.875rem;
+                        height: 0.875rem;
+                        background-color: var(--color-icon-primary);
+                        border-radius: 100%;
+                    }
+                    &.hide {
+                        background-color: transparent;
+                        border: 1px dashed var(--color-border-primary, rgba(20, 20, 20, 0.05));
+                        color: var(--color-text-tertiary, rgba(19, 20, 18, 0.5));
+                        &::before {
+                            width: 0.5rem;
+                            height: 0.5rem;
+                            margin: 0.25rem;
+                            background-color: var(--color-text-tertiary, rgba(19, 20, 18, 0.5));
+                        }
+                    }
+                }
+            }
+        }
+    }
+
+    footer {
+        display: flex;
+        flex-direction: column;
+        gap: 0.5rem;
+        padding: 0 1.5rem;
+        margin-top: auto;
+        padding-bottom: 1.5rem;
+        button {
+            display: flex;
+            justify-content: space-between;
+            align-items: center;
+            gap: 0.25rem;
+            color: var(--color-text-primary, #131412);
+            font-family: var(--text-font-family-base, Geist);
+            font-size: var(--typo-caption-size-medium, 0.875rem);
+            font-weight: var(--text-weight-regular, 400);
+            line-height: var(--typo-caption-lineHeight-medium, 1.125rem);
+            letter-spacing: var(--typo-caption-spacing-medium, 0.00625rem);
+            padding: 0.5rem;
+            border-radius: var(--border-radius-025, 0.125rem);
+            background: var(--color-bg-opaque-primary, rgba(20, 20, 20, 0.05));
+            svg {
+                width: 1rem;
+                height: 1rem;
+                path {
+                    fill: var(--color-icon-primary);
+                }
+            }
+        }
+    }
+
+    @media (max-width: 991px) {
+        max-width: 100%;
+        overflow: auto;
+        header {
+            position: sticky;
+            top: 0;
+            left: 0;
+            background: var(--color-bg-primary, #fff);
+            z-index: 9;
+        }
+    }
+`,ua=m.div`
+    display: flex;
+    align-items: center;
+    gap: 8px;
+`,kt=n=>P.createElement("svg",{width:20,height:20,viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",...n},P.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M12 2C6.47672 2 2 6.47672 2 12C2 17.5233 6.47672 22 12 22C17.5233 22 22 17.5233 22 12C22 6.47672 17.5233 2 12 2ZM4 12C4 7.58128 7.58128 4 12 4C16.4187 4 20 7.58128 20 12C20 16.4187 16.4187 20 12 20C7.58128 20 4 16.4187 4 12Z",fill:"currentColor"}),P.createElement("path",{d:"M16.207 9.20703L13.4141 12L16.207 14.793L14.793 16.207L12 13.4141L9.20703 16.207L7.79297 14.793L10.5859 12L7.79297 9.20703L9.20703 7.79297L12 10.5859L14.793 7.79297L16.207 9.20703Z",fill:"currentColor"})),Lt=n=>P.createElement("svg",{width:20,height:20,viewBox:"0 0 20 20",fill:"none",xmlns:"http://www.w3.org/2000/svg",...n},P.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M10.0013 1.66675C5.39856 1.66675 1.66797 5.39734 1.66797 10.0001C1.66797 14.6028 5.39856 18.3334 10.0013 18.3334C14.604 18.3334 18.3346 14.6028 18.3346 10.0001C18.3346 5.39734 14.604 1.66675 10.0013 1.66675ZM13.9239 8.92267C14.2493 8.59723 14.2493 8.0696 13.9239 7.74416C13.5985 7.41872 13.0708 7.41872 12.7454 7.74416L9.16797 11.3216L7.25722 9.41083C6.93179 9.08539 6.40415 9.08539 6.07871 9.41083C5.75328 9.73626 5.75328 10.2639 6.07871 10.5893L8.57871 13.0893C8.90415 13.4148 9.43179 13.4148 9.75723 13.0893L13.9239 8.92267Z",fill:"currentColor"})),ir=m.div`
+    display: flex;
+    flex-direction: column;
+    padding-top: 1.5rem;
+    h2 {
+        color: var(--color-text-primary, #fff);
+        font-family: var(--text-font-family-base, Geist);
+        font-size: var(--typo-subheading-size-medium, 1.5rem);
+        font-weight: var(--text-weight-medium, 500);
+        line-height: var(--typo-subheading-lineHeight-medium, 1.75rem);
+        letter-spacing: var(--typo-subheading-spacing-medium, -0.03125rem);
+        margin-bottom: 0.25rem;
+        padding: 0 1.5rem;
+    }
+    p {
+        color: var(--color-text-secondary, rgba(255, 255, 255, 0.75));
+        font-family: var(--text-font-family-base, Geist);
+        font-size: var(--typo-body-size-small, 1rem);
+        font-weight: var(--text-weight-regular, 400);
+        line-height: var(--typo-body-lineHeight-small, 1.25rem);
+        letter-spacing: var(--typo-body-spacing-small, 0.00938rem);
+        margin-bottom: 2rem;
+        padding: 0 1.5rem;
+    }
+    button {
+        color: var(--color-text-inverse-primary, #131412);
+        font-family: var(--text-font-family-base, Geist);
+        font-size: var(--typo-body-size-small, 1rem);
+        font-weight: var(--text-weight-regular, 400);
+        line-height: var(--typo-body-lineHeight-small, 1.25rem);
+        letter-spacing: var(--typo-body-spacing-small, 0.00938rem);
+        border-radius: var(--border-radius-025, 0.125rem);
+        background: var(--color-bg-brand-special, #02e0ae);
+        display: flex;
+        align-items: center;
+        justify-content: space-between;
+        padding: 1.25rem 1.5rem;
+        path {
+            fill: var(--color-icon-inverse);
+        }
+    }
+`,fa=m.div`
+    margin-bottom: 2.5rem;
+    padding: 0 1.5rem;
+    display: flex;
+    flex-direction: column;
+    gap: 0.5rem;
+    .ant-otp {
+        column-gap: 0.12rem;
+    }
+    .ant-otp-input-wrapper {
+        input {
+            width: 3rem;
+            height: 4rem;
+            border-radius: var(--border-radius-025, 0.125rem);
+            border: 1px solid var(--color-bg-secondary, #232323);
+            background: var(--color-bg-secondary, #232323);
+            color: var(--color-text-primary, #fff);
+            font-family: var(--text-font-family-base, Geist);
+            font-size: var(--typo-subheading-size-medium, 1.5rem);
+            font-weight: var(--text-weight-medium, 500);
+            line-height: var(--typo-subheading-lineHeight-medium, 1.75rem); /* 116.667% */
+            letter-spacing: var(--typo-subheading-spacing-medium, -0.03125rem);
+            &:focus {
+                border: 1px solid var(--color-border-brand-special, #02e0ae);
+            }
+        }
+        &:nth-child(3) {
+            margin-right: 0.38rem;
+        }
+    }
+
+    &.verification-error {
+        .ant-otp-input-wrapper {
+            border: 1px solid var(--color-border-status-error, #fd7f60);
+        }
+        & > span {
+            display: flex;
+            align-items: center;
+            gap: 0.25rem;
+            color: var(--color-text-status-error, #fd6c49);
+            font-family: var(--text-font-family-base, Geist);
+            font-size: var(--typo-body-size-small, 1rem);
+            font-weight: var(--text-weight-regular, 400);
+            line-height: var(--typo-body-lineHeight-small, 1.25rem);
+            letter-spacing: var(--typo-body-spacing-small, 0.00938rem);
+        }
+    }
+`,ga=m.span`
+    color: var(--color-text-secondary, rgba(255, 255, 255, 0.75));
+
+    font-family: var(--text-font-family-base, Geist);
+    font-size: var(--typo-caption-size-medium, 14px);
+    font-style: normal;
+    font-weight: var(--text-weight-regular, 400);
+    line-height: var(--typo-caption-lineHeight-medium, 18px); /* 128.571% */
+    letter-spacing: var(--typo-caption-spacing-medium, 0.1px);
+`,ha=m(ir)`
+    border-radius: var(--border-radius-025, 2px);
+    background: var(--color-bg-status-error, #fd7f60) !important;
+    border: 2px solid var(--color-bg-secondary, #f5f5f5);
+    padding-top: 0 !important;
+`,ma=m.div`
+    width: 100%;
+    display: flex;
+    flex-direction: column;
+    gap: var(--spacing-050, 4px);
+    padding: var(--spacing-400, 32px) var(--spacing-300, 24px) !important;
+`,xa=m.div`
+    display: flex;
+    justify-content: space-between;
+    color: var(--color-text-contrast-onlight-primary, #131412);
+
+    /* subheading/medium */
+    font-family: var(--text-font-family-base, Geist);
+    font-size: var(--typo-subheading-size-medium, 24px);
+    font-style: normal;
+    font-weight: var(--text-weight-medium, 500);
+    line-height: var(--typo-subheading-lineHeight-medium, 28px); /* 116.667% */
+    letter-spacing: var(--typo-subheading-spacing-medium, -0.5px);
+`,ya=m.div`
+    color: var(--color-text-contrast-onlight-secondary, rgba(19, 20, 18, 0.75));
+
+    /* body/small */
+    font-family: var(--text-font-family-base, Geist);
+    font-size: var(--typo-body-size-small, 16px);
+    font-style: normal;
+    font-weight: var(--text-weight-regular, 400);
+    line-height: var(--typo-body-lineHeight-small, 20px); /* 125% */
+    letter-spacing: var(--typo-body-spacing-small, 0.15px);
+    padding-bottom: var(--spacing-400, 32px) !important;
+`,ba=m(N.Button)`
+    border-radius: var(--border-radius-025, 2px);
+    background: var(--color-bg-brand-special, #02e0ae);
+    display: flex;
+    justify-content: start;
+    color: var(--color-text-inverse-primary, #131412) !important;
+    border: none !important;
+    border-top: 2px solid var(--color-bg-secondary, #f5f5f5) !important;
+    /* body/small */
+    font-family: var(--text-font-family-base, Geist);
+    font-size: var(--typo-body-size-small, 16px);
+    font-style: normal;
+    font-weight: var(--text-weight-regular, 400);
+    line-height: var(--typo-body-lineHeight-small, 20px); /* 125% */
+    letter-spacing: var(--typo-body-spacing-small, 0.15px);
+    padding: var(--spacing-350, 30px) var(--spacing-300, 24px) !important;
+    &:hover {
+        border-radius: var(--border-radius-025, 2px);
+        background: var(--color-bg-brand-special, #02e0ae) !important;
+        border: none !important;
+        color: var(--color-text-inverse-primary, #131412) !important;
+        border-top: 2px solid var(--color-bg-secondary, #f5f5f5) !important;
+    }
+`,mt=n=>P.createElement("svg",{width:16,height:16,viewBox:"0 0 16 16",fill:"none",xmlns:"http://www.w3.org/2000/svg",...n},P.createElement("path",{d:"M7.16635 10.8358C7.16765 11.2949 7.54029 11.6667 7.99968 11.6667C8.45987 11.6667 8.83301 11.2936 8.83301 10.8334C8.83301 10.3715 8.45813 10 7.99901 10C7.54056 10 7.1643 10.372 7.16635 10.8358Z",fill:"#FD6C49"}),P.createElement("path",{d:"M8.66634 9.00004V4.33338H7.33301V9.00004H8.66634Z",fill:"#FD6C49"}),P.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M10.943 1.33337L11.1383 1.52921C12.2476 2.64117 13.3589 3.75126 14.4708 4.86166L14.6663 5.05698V10.9429L10.9425 14.6667H5.05687L1.33301 10.9429L1.33301 5.05723L5.05687 1.33338L10.943 1.33337ZM5.60915 2.66671L2.66634 5.60952L2.66634 10.3906L5.60915 13.3334H10.3902L13.333 10.3906V5.60977C12.3516 4.62959 11.37 3.64891 10.3898 2.66671L5.60915 2.66671Z",fill:"#FD6C49"}));function sr(n){if(!n)return n;let e=n[0].toLowerCase();for(let t=1;t<n.length;t++){const r=n[t-1],a=n[t],o=n[t+1];/[A-Z]/.test(a)?/[A-Z]/.test(r)&&/[A-Z]/.test(o)?e+=a.toLowerCase():(/[A-Z]/.test(r)&&(!o||/[^A-Z]/.test(o)),e+=a):e+=a}return e}function ve(n){return Object.entries(n).map(([e,t])=>({name:e.replace(/\[(\d+)\]/g,".$1").split(".").map(a=>isNaN(a)?sr(a):Number(a)),errors:t}))}m(N.Form.Item)`
+    margin-bottom: 2.5rem;
+    padding: 0 1.5rem;
+    display: flex;
+    flex-direction: column;
+    gap: 0.5rem;
+    .ant-otp {
+        column-gap: 0.12rem;
+    }
+    .ant-otp-input-wrapper {
+        input {
+            width: 3rem;
+            height: 4rem;
+            border-radius: var(--border-radius-025, 0.125rem);
+            border: 1px solid var(--color-bg-secondary, #232323);
+            background: var(--color-bg-secondary, #232323);
+            color: var(--color-text-primary, #fff);
+            font-family: var(--text-font-family-base, Geist);
+            font-size: var(--typo-subheading-size-medium, 1.5rem);
+            font-weight: var(--text-weight-medium, 500);
+            line-height: var(--typo-subheading-lineHeight-medium, 1.75rem); /* 116.667% */
+            letter-spacing: var(--typo-subheading-spacing-medium, -0.03125rem);
+            &:focus {
+                border: 1px solid var(--color-border-brand-special, #02e0ae);
+            }
+        }
+        &:nth-child(3) {
+            margin-right: 0.38rem;
+        }
+    }
+
+    &.verification-error {
+        .ant-otp-input-wrapper {
+            border: 1px solid var(--color-border-status-error, #fd7f60);
+        }
+        & > span {
+            display: flex;
+            align-items: center;
+            gap: 0.25rem;
+            color: var(--color-text-status-error, #fd6c49);
+            font-family: var(--text-font-family-base, Geist);
+            font-size: var(--typo-body-size-small, 1rem);
+            font-weight: var(--text-weight-regular, 400);
+            line-height: var(--typo-body-lineHeight-small, 1.25rem);
+            letter-spacing: var(--typo-body-spacing-small, 0.00938rem);
+        }
+    }
+`;const lr=m.div`
+    display: flex;
+    flex-direction: column;
+    border-top: 1px solid black;
+`;m(N.Button)`
+    display: flex;
+    height: var(--size-800, 64px);
+    padding: var(--spacing-200, 16px) var(--spacing-300, 24px);
+    align-items: center;
+    gap: var(--spacing-200, 16px);
+    align-self: stretch;
+
+    border-radius: var(--border-radius-025, 2px);
+    background: var(--color-bg-quaternary, #2f2f2f);
+`;const cr=m.span`
+    color: var(--color-text-brand, #06c193);
+    cursor: pointer;
+
+    font-family: var(--text-font-family-base, Geist);
+    font-size: var(--typo-caption-size-medium, 14px);
+    font-style: normal;
+    font-weight: var(--text-weight-regular, 400);
+    line-height: var(--typo-caption-lineHeight-medium, 18px);
+    letter-spacing: var(--typo-caption-spacing-medium, 0.1px);
+    cursor: pointer;
+`,va=m.span`
+    color: var(--color-text-secondary, rgba(255, 255, 255, 0.75));
+
+    font-family: var(--text-font-family-base, Geist);
+    font-size: var(--typo-caption-size-medium, 14px);
+    font-style: normal;
+    font-weight: var(--text-weight-regular, 400);
+    line-height: var(--typo-caption-lineHeight-medium, 18px); /* 128.571% */
+    letter-spacing: var(--typo-caption-spacing-medium, 0.1px);
+`,wa=m.span`
+    color: var(--color-text-tertiary, rgba(255, 255, 255, 0.5));
+
+    font-family: var(--text-font-family-base, Geist);
+    font-size: var(--typo-caption-size-small, 12px);
+    font-style: normal;
+    font-weight: var(--text-weight-regular, 400);
+    line-height: var(--typo-caption-lineHeight-small, 16px); /* 133.333% */
+    letter-spacing: var(--typo-caption-spacing-small, 0.1px);
+`,dr=m.div`
+    margin-bottom: 2.5rem;
+    padding: 0 1.5rem;
+    display: flex;
+    flex-direction: column;
+    gap: 0.5rem;
+
+    /* ✅ OTP input styling */
+    .ant-otp {
+        column-gap: 0.12rem;
+    }
+
+    .ant-otp-input-wrapper {
+        input {
+            width: 3rem;
+            height: 4rem;
+            border-radius: var(--border-radius-025, 0.125rem);
+            border: 1px solid var(--color-bg-secondary, #232323);
+            background: var(--color-bg-secondary, #232323);
+            color: var(--color-text-primary, #fff);
+            font-family: var(--text-font-family-base, Geist);
+            font-size: var(--typo-subheading-size-medium, 1.5rem);
+            font-weight: var(--text-weight-medium, 500);
+            line-height: var(--typo-subheading-lineHeight-medium, 1.75rem);
+            letter-spacing: var(--typo-subheading-spacing-medium, -0.03125rem);
+
+            &:focus {
+                border: 1px solid var(--color-border-brand-special, #02e0ae);
+                box-shadow: none;
+            }
+        }
+
+        &:nth-child(3) {
+            margin-right: 0.38rem;
+        }
+    }
+
+    /* ✅ Regular Ant Design Input styling */
+    .ant-input {
+        height: 3rem;
+        border-radius: var(--border-radius-025, 0.125rem);
+        border: 1px solid var(--color-bg-secondary, #232323);
+        background: var(--color-bg-secondary, #232323);
+        color: var(--color-text-primary, #fff);
+        font-family: var(--text-font-family-base, Geist);
+        font-size: 1rem;
+        font-weight: var(--text-weight-regular, 400);
+        line-height: 1.25rem;
+        transition:
+            border-color 0.2s ease,
+            box-shadow 0.2s ease;
+
+        &::placeholder {
+            color: rgba(255, 255, 255, 0.4);
+        }
+
+        &:focus,
+        &.ant-input-focused {
+            border-color: var(--color-border-brand-special, #02e0ae);
+            box-shadow: none;
+        }
+
+        &.ant-input-status-error,
+        &.ant-input-status-error:focus {
+            border-color: var(--color-border-status-error, #fd7f60) !important;
+            box-shadow: none !important;
+        }
+    }
+
+    /* ✅ Error wrapper for both OTP and Inputs */
+    &.verification-error {
+        .ant-otp-input-wrapper input,
+        .ant-input {
+            border-color: var(--color-border-status-error, #fd7f60);
+        }
+
+        & > span {
+            display: flex;
+            align-items: center;
+            gap: 0.25rem;
+            color: var(--color-text-status-error, #fd6c49);
+            font-family: var(--text-font-family-base, Geist);
+            font-size: var(--typo-body-size-small, 1rem);
+            font-weight: var(--text-weight-regular, 400);
+            line-height: var(--typo-body-lineHeight-small, 1.25rem);
+            letter-spacing: var(--typo-body-spacing-small, 0.00938rem);
+        }
+    }
+`,pr=m.div`
+    display: flex;
+    flex-direction: column;
+    gap: 8px;
+    padding: 15px 15px 0 0;
+
+    color: var(--color-text-primary, #fff);
+    font-family: var(--text-font-family-base, Geist);
+    font-size: var(--typo-subheading-size-medium, 24px);
+    font-style: normal;
+    font-weight: var(--text-weight-medium, 500);
+    line-height: var(--typo-subheading-lineHeight-medium, 28px);
+    letter-spacing: var(--typo-subheading-spacing-medium, -0.5px);
+`;m.div`
+    margin-bottom: 2.5rem;
+    padding: 0 1.5rem;
+    display: flex;
+    flex-direction: column;
+    gap: 0.5rem;
+    .ant-otp {
+        column-gap: 0.12rem;
+    }
+    .ant-otp-input-wrapper {
+        input {
+            width: 3rem;
+            height: 4rem;
+            border-radius: var(--border-radius-025, 0.125rem);
+            border: 1px solid var(--color-bg-secondary, #232323);
+            background: var(--color-bg-secondary, #232323);
+            color: var(--color-text-primary, #fff);
+            font-family: var(--text-font-family-base, Geist);
+            font-size: var(--typo-subheading-size-medium, 1.5rem);
+            font-weight: var(--text-weight-medium, 500);
+            line-height: var(--typo-subheading-lineHeight-medium, 1.75rem); /* 116.667% */
+            letter-spacing: var(--typo-subheading-spacing-medium, -0.03125rem);
+            &:focus {
+                border: 1px solid var(--color-border-brand-special, #02e0ae);
+            }
+        }
+        &:nth-child(3) {
+            margin-right: 0.38rem;
+        }
+    }
+
+    &.verification-error {
+        .ant-otp-input-wrapper {
+            border: 1px solid var(--color-border-status-error, #fd7f60);
+        }
+        & > span {
+            display: flex;
+            align-items: center;
+            gap: 0.25rem;
+            color: var(--color-text-status-error, #fd6c49);
+            font-family: var(--text-font-family-base, Geist);
+            font-size: var(--typo-body-size-small, 1rem);
+            font-weight: var(--text-weight-regular, 400);
+            line-height: var(--typo-body-lineHeight-small, 1.25rem);
+            letter-spacing: var(--typo-body-spacing-small, 0.00938rem);
+        }
+    }
+`;m.div`
+    padding: 1.5rem;
+`;const Sa=m.div`
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    padding: 1.5rem;
+`;m.div`
+    display: flex;
+    align-items: center;
+    padding: 24px;
+
+    .ant-btn {
+        background: var(--color-bg-brand-special, #02e0ae);
+        color: var(--color-text-inverse-primary, #131412);
+        &:hover {
+            background: var(--color-bg-brand-special, #02e0ae) !important;
+            color: var(--color-text-inverse-primary, #131412) !important;
+        }
+    }
+`;m(N.Input.Password)`
+    input[type='number'] {
+        &::-webkit-outer-spin-button,
+        &::-webkit-inner-spin-button {
+            display: none;
+        }
+    }
+
+    &.ant-input-status-error,
+    &.ant-input-affix-wrapper-status-error {
+        border: 1px solid var(--color-border-status-error) !important;
+
+        .ant-input {
+            background: transparent !important;
+        }
+
+        .ant-input-prefix {
+            color: var(--color-text-status-error) !important;
+        }
+        .ant-input-suffix {
+            color: var(--color-text-status-error) !important;
+        }
+    }
+
+    &::placeholder,
+    .ant-input::placeholder {
+        color: var(--color-text-tertiary, rgba(255, 255, 255, 0.5)) !important;
+    }
+
+    &.ant-input-outlined:hover {
+        background: var(--color-bg-secondary, #f5f5f5);
+        border: 1px solid var(--color-border-brand-special, #02e0ae) !important;
+    }
+
+    &.ant-input-outlined:focus {
+        background: var(--color-bg-secondary, #f5f5f5);
+        border: 1px solid var(--color-border-brand-special, #02e0ae) !important;
+    }
+
+    &.ant-input-affix-wrapper-focused {
+        background: var(--color-bg-secondary, #f5f5f5);
+        border: 1px solid var(--color-border-brand-special, #02e0ae) !important;
+    }
+
+    display: flex;
+    height: 40px;
+    padding: var(--spacing-025, 2px) var(--spacing-150, 12px);
+    align-items: center;
+    align-self: stretch;
+    border-radius: var(--border-radius-025, 2px);
+    border: 1px solid var(--color-border-primary, rgba(20, 20, 20, 0.05));
+    background: var(--color-bg-secondary, #2f2f2f) !important;
+
+    color: var(--color-text-primary, #131412);
+
+    font-family: var(--text-font-family-base, Geist);
+    font-size: var(--typo-caption-size-medium, 14px);
+    font-style: normal;
+    font-weight: var(--text-weight-regular, 400);
+    line-height: var(--typo-caption-lineHeight-medium, 18px); /* 128.571% */
+    letter-spacing: var(--typo-caption-spacing-medium, 0.1px);
+
+    &:hover,
+    &:focus,
+    &:focus-within,
+    &:active {
+        background: none;
+        border: 1px solid var(--color-border-brand-special, #02e0ae) !important;
+        box-shadow: none;
+    }
+    &:focus,
+    &.ant-input:focus,
+    &.ant-input-focused {
+        border: 1px solid var(--color-border-brand-special, #02e0ae) !important;
+        box-shadow: none !important;
+    }
+
+    &:hover,
+    &:focus,
+    &:focus-within,
+    &:active,
+    &.has-value {
+        outline: none;
+        span {
+            transform: translateY(0%);
+            top: 1rem;
+            color: var(--color-text-secondary, rgba(19, 20, 18, 0.75));
+            font-family: var(--text-font-family-base, Geist);
+            font-size: var(--typo-caption-size-small, 0.75rem);
+            font-style: normal;
+            font-weight: var(--text-weight-regular, 400);
+            line-height: var(--typo-caption-lineHeight-small, 1rem);
+            letter-spacing: var(--typo-caption-spacing-small, 0.00625rem);
+        }
+    }
+
+    .ant-input-suffix {
+        color: var(--color-text-primary, #131412) !important;
+
+        svg path {
+            fill: var(--color-text-primary, #131412) !important;
+        }
+    }
+`;const ur=({confirmationToken:n,backupCodeEndpoint:e,setBackupActivated:t,setVisible:r,id:a,setRefetchData:o})=>{const[s,l]=S.useState(),[d,c]=S.useState([]);async function u(){var p,g,f;try{const h=await e({confirmationToken:n,code:s,id:a});(p=h==null?void 0:h.data)!=null&&p.success&&(r(!1),o(w=>!w))}catch(h){const w=ve((f=(g=h==null?void 0:h.response)==null?void 0:g.data)==null?void 0:f.errors);c(w),console.log(h)}}return i.jsxs("div",{children:[i.jsx(ft,{children:i.jsxs(pr,{children:[te("EnterBackupCode"),i.jsx(Ve,{children:te("BackupCodesDesc")})]})}),i.jsxs(dr,{className:d.length>0?"verification-error":"",children:[i.jsx(Ve,{children:te("BackupCode")}),i.jsx(tr,{value:s,onChange:p=>l(p.target.value),placeholder:"xxxx-xxxx-xxxx"}),d.map(p=>i.jsxs("span",{children:[i.jsx(mt,{})," ",p.errors[0]]},p.name)),i.jsx(wa,{children:te("BackupCodeSpan")})]}),i.jsxs(lr,{children:[i.jsx(gt,{onClick:()=>{t(!1)},children:oe("Back")}),i.jsx(Ae,{onClick:u,children:i.jsxs("span",{className:"arrow-styled",children:[oe("Continue")," ",i.jsx(je,{})]})})]})]})},Ca=m.div`
+    position: fixed;
+    top: 0;
+    left: 0;
+    width: 100vw;
+    height: 100vh;
+    background: var(--color-overlay-primary, rgba(20, 20, 20, 0.8));
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    z-index: 1000;
+`,ja=m.div`
+    border-radius: var(--border-radius-025, 0.125rem);
+    background: var(--color-bg-quaternary, #2f2f2f);
+    min-width: 300px;
+    max-width: 500px;
+    position: relative;
+    animation: fadeIn 0.3s ease;
+`,ka=document.getElementById("modal-root")||(()=>{const n=document.createElement("div");return n.id="modal-root",document.body.appendChild(n),n})();function Xe({isOpen:n,onClose:e,children:t}){return S.useEffect(()=>{const r=a=>{a.key==="Escape"&&e()};return document.addEventListener("keydown",r),()=>document.removeEventListener("keydown",r)},[e]),n?Cr.createPortal(i.jsx(Ca,{onClick:e,children:i.jsx(ja,{onClick:r=>r.stopPropagation(),children:t})}),ka):null}const La={1:"Enable2FaFirst",2:"ToViewOtpContactInfoDesc",3:"ToViewTotpContactInfoDesc",4:"ToViewBackupCodeContactInfoDesc"},fr=({isVisible:n,setVisible:e,code:t,mfaType:r,id:a,isBlocked:o,onBlockStateClose:s})=>{const{confirmContactInfo:l,confirmContactInfoBackup:d}=ke(),{setUser:c}=we(),[u,p]=S.useState(""),[g,f]=S.useState([]),[h,w]=S.useState(!1);function O(T){p(T)}async function A(){const T=l;if(T)try{f([]);const V=await T(t,u,a);c(V.data.value),L()}catch(V){if(console.log(V),V.status===400){const B=V.response.data,_=ve(B.errors);f(_)}}}async function j(T){const V=d;if(V)try{f([]);const B=await V(T);c(B.data.value)}catch(B){if(console.log(B),B.status===400){const _=B.response.data,Y=ve(_.errors);f(Y)}}}function L(){p(""),e(!1),f([])}return o?i.jsx(Xe,{isOpen:o,onClose:s,children:i.jsxs(ha,{children:[i.jsxs(ma,{children:[i.jsxs(xa,{children:[i.jsx("span",{children:U("ContactInformationBlocked")}),i.jsx("span",{onClick:s,children:i.jsx(pt,{})})]}),i.jsx(ya,{children:U("ContactInformationBlockedDesc")})]}),i.jsxs(ba,{children:[U("TryAgain"),i.jsx(je,{})]})]})}):i.jsx(Xe,{isOpen:n,onClose:L,children:h?i.jsx(ur,{setBackupActivated:w,backupCodeEndpoint:j,confirmationToken:t,id:a,setVisible:e}):i.jsxs(ir,{children:[i.jsx("h2",{children:te("EnterVerificationCode")}),i.jsx("p",{children:r!==void 0?U(La[r]):""}),r!==1&&i.jsxs(i.Fragment,{children:[i.jsxs(fa,{className:g.length>0?"verification-error":"",children:[i.jsx(N.Input.OTP,{value:u,onChange:O}),i.jsxs(ga,{children:[te("DidnReceiveCode")," ",i.jsx(cr,{onClick:()=>w(!0),children:te("EnterBackupCode")})]}),g.map(T=>i.jsxs("span",{children:[i.jsx(mt,{}),T.errors[0]]},T.name))]}),i.jsxs("button",{onClick:A,disabled:u.length!==6,children:[oe("ShowContactInformation"),i.jsx(je,{})]})]})]})})},gr=()=>{const{enableContactInfo:n,disableContactInfo:e}=ke(),{setUser:t}=we(),[r,a]=S.useState(!1),[o,s]=S.useState(null),[l,d]=S.useState(!1),c=async()=>{var g,f,h,w,O,A,j;if(n)try{d(!1);const L=await n();s({token:(f=(g=L.data)==null?void 0:g.value)==null?void 0:f.token,id:(w=(h=L.data)==null?void 0:h.value)==null?void 0:w.id,mfaType:(A=(O=L.data)==null?void 0:O.value)==null?void 0:A.mfaType}),a(!0)}catch(L){const T=(j=L.response)==null?void 0:j.data,V=T==null?void 0:T.errors;(V&&Array.isArray(V[""])&&V[""][0]==="TooManyAttempts"||V[""][0]==="IsNotAllowed")&&d(!0)}};async function u(){if(!e)return;const g=await e();t(g.data.value)}const p=()=>{d(!1),a(!1)};return{isContactInfoModalVisible:r,setIsContactInfoModalVisible:a,isBlocked:l,setIsBlocked:d,onBlockStateClose:p,handleEnableContactInfo:c,handleDisableContactInfo:u,ContactInfoModalProps:{isVisible:r,setVisible:a,code:o==null?void 0:o.token,mfaType:o==null?void 0:o.mfaType,id:o==null?void 0:o.id,isBlocked:l,onBlockStateClose:p}}},Da=({close:n})=>{var A;const{user:e}=we(),t=D(j=>j.columns),r=D(j=>j.groupByArr),a=D(j=>j.hideItems),o=D(j=>j.activeTableView),s=D(j=>j.setActiveTableView),l=D(j=>j.setGroupByArr),d=D(j=>j.setHideItems),c=D(j=>j.resetStore),{handleEnableContactInfo:u,handleDisableContactInfo:p,ContactInfoModalProps:g}=gr();function f(j){const L=t.find(T=>T.dataIndex==j.value);l([L])}function h(j,L){d({...a,[j.dataIndex]:!!L})}function w(j,L){const T=new Date(j),V=new Date(L),B=Math.abs(V.getTime()-T.getTime()),_=Math.floor(B/(1e3*60))%60,Y=Math.floor(B/(1e3*60*60))%24,I=[];return Y>0&&I.push(`${Y}h`),_>0&&I.push(`${_}m`),I.join(" ")}function O(){c(),n()}return i.jsxs(pa,{children:[i.jsxs("header",{children:[i.jsx("span",{children:U("ViewOptions")}),i.jsx("button",{onClick:n,children:i.jsx(kt,{})})]}),i.jsxs("div",{className:"setting-sidebar-content",children:[i.jsxs("ul",{className:"table-view-list",children:[i.jsxs("li",{className:o==fe.TABLE?"active":"",onClick:()=>s(fe.TABLE),children:[i.jsx(Lt,{}),i.jsx("span",{children:U("Table")})]}),i.jsxs("li",{className:o==fe.LIST?"active":"",onClick:()=>s(fe.LIST),children:[i.jsx(Ne,{}),i.jsx("span",{children:U("List")})]})]}),i.jsx("ul",{className:"grouping-list",children:i.jsxs("li",{children:[i.jsx("span",{children:U("Grouping")}),i.jsx(N.Select,{className:"teeest",showSearch:!0,options:t.map(j=>({value:j.dataIndex,label:j.title})),labelInValue:!0,placeholder:i.jsxs(ua,{children:[i.jsx(Ne,{}),U("NoGrouping")]}),value:((A=r[0])==null?void 0:A.dataIndex)||null,onChange:f})]})}),i.jsxs("div",{className:"properties-list",children:[i.jsx("span",{children:U("ShowProperties")}),i.jsx("ul",{children:t.map(j=>i.jsx("li",{className:a[j.dataIndex]===!0?"hide":"",onClick:()=>h(j,a[j.dataIndex]!==!0),children:j.title},j.dataIndex))})]})]}),i.jsxs("footer",{children:[e!=null&&e.sensitiveDataExpiration&&new Date(e==null?void 0:e.sensitiveDataExpiration)>new Date?i.jsxs("button",{onClick:p,children:[U("HideContactInfo")," •"," ",w(new Date(e==null?void 0:e.sensitiveDataExpiration),new Date),i.jsx(kt,{})]}):i.jsxs("button",{onClick:u,children:[oe("ShowContactInformation")," ",i.jsx(Lt,{})]}),i.jsxs("button",{onClick:O,children:[oe("ResetAllOptions"),i.jsx(er,{})]})]}),i.jsx(fr,{...g})]})},$a=({columns:n,getData:e,update:t,hasCreateBtn:r,GridPageTopLeftComponent:a,contentAfterPageHeader:o,onRowClick:s,checkedValue:l,rowKey:d,pagination:c,CustomFilters:u,initialFilterValues:p,tableAdditionalFields:g,createIsModal:f,editButton:h,noPagination:w,noDataProps:O,exportButton:A,hasSelect:j,selectProps:L,TableComponent:T,tableProps:V={},noNeedSidebarResponsiveButton:B,loadedData:_=()=>{}})=>{var Z,ce,ie;const{user:Y}=we(),I=D(K=>K.filters),$=D(K=>K.filterItems),v=D(K=>K.sortItems),R=D(K=>K.hideItems),M=D(K=>K.activeTableView),k=D(K=>K.setColumns),C=D(K=>K.setHasCreateBtn),y=D(K=>K.setHasSelect),x=D(K=>K.setCheckedValue),{response:b,loading:E}=at(()=>e({...I,...p}),[I,Y,t]);gn(),S.useEffect(()=>{b!=null&&b.data&&_(b.data)},[b,_]);const[z,F]=S.useState(!1),G=S.useRef(null),W=qt(G),q=S.useMemo(()=>n.filter(de=>R[de.dataIndex]!==!0),[n,R]);return S.useEffect(()=>{C(r||!1),y(j||!1)},[j]),S.useEffect(()=>{k(n)},[n]),S.useEffect(()=>{x(l)},[l]),i.jsxs(mn,{children:[i.jsxs(yn,{ref:G,children:[i.jsx(Tn,{noNeedSidebarResponsiveButton:B,hasSelect:j,selectProps:L,exportButton:A,setisSettingPopupVisible:F,CustomFilters:u,tableAdditionalFields:g,createIsModal:f,GridPageTopLeftComponent:a}),o,($.length>0||v.length>0)&&i.jsx(_n,{})]}),i.jsx(kn,{height:`calc(100vh - ${`${W}px`})`,children:T?i.jsx(T,{dataSource:((Z=b==null?void 0:b.data)==null?void 0:Z.items)||[],...V,rowKey:d||"id",columns:[{title:"",dataIndex:""},...q],loading:E,pagination:{current:I.Page,pageSize:I.PageSize,items:c==null?void 0:c.items}}):i.jsx(da,{noPagination:w,editButton:h,createIsModal:f,rowKey:d||"id",columns:[{title:"",dataIndex:""},...q],dataSource:((ce=b==null?void 0:b.data)==null?void 0:ce.items)||[],loading:E,pagination:{current:I.Page,pageSize:I.PageSize,items:c==null?void 0:c.items},activeTableView:M,totalItemCount:((ie=b==null?void 0:b.data)==null?void 0:ie.totalItemCount)||0,onRowClick:s,noDataProps:O||null})}),z&&i.jsx(Da,{close:()=>F(!1)})]})},Ea=n=>i.jsx(fn,{children:i.jsx($a,{...n})}),Oa=()=>{const n=ge(w=>w.isOpen),e=ge(w=>w.options),t=ge(w=>w.close),r=ne.useLocation();if(S.useEffect(()=>{n&&t()},[r.pathname]),!e||!n)return null;const{title:a,component:o,componentProps:s,popupOptions:l,footerOptions:d,hideFooter:c,showCloseButton:u,onOk:p,onCancel:g}=e,f=()=>{g==null||g()},h=()=>{p==null||p()};return i.jsxs(ut,{centered:!0,title:a||u?i.jsxs(Mn,{children:[i.jsx("span",{children:a}),u&&i.jsx(Pn,{onClick:t,children:i.jsx(pt,{})})]}):void 0,...l,children:[o&&i.jsx(o,{...s}),!c&&i.jsxs(Rn,{children:[i.jsx(gt,{onClick:f,children:d==null?void 0:d.cancelText}),i.jsx(Fn,{onClick:h,role:"button",tabIndex:0,onKeyDown:w=>{(w.key==="Enter"||w.key===" ")&&h()},children:d==null?void 0:d.okText})]})]})},Ta=({displayAddRuleModal:n,onClose:e,title:t,hideFooter:r=!1,children:a})=>i.jsx(ut,{open:n,onCancel:e,closeIcon:!1,title:t,footer:r?null:void 0,destroyOnClose:!0,centered:!0,children:a}),Ia=m.div`
+    height: var(--size-800, 4rem);
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+    padding: 0 1.5rem;
+
+    button {
+        border: none;
+        outline: none;
+        transition: 0.1s;
+    }
+
+    .icon {
+        border-radius: 50%;
+        width: 2rem;
+        height: 2rem;
+        padding: 0;
+        display: flex;
+        align-items: center;
+        justify-content: center;
+        background: var(--color-bg-opaque-primary, rgba(20, 20, 20, 0.05));
+
+        svg {
+            width: 1rem;
+            height: 1rem;
+        }
+
+        path {
+            fill: var(--color-icon-primary, #131412);
+        }
+    }
+
+    .page-starter {
+        display: flex;
+        gap: 0.12rem;
+    }
+`,za=m.div`
+    cursor: pointer;
+`,Ma=m(_t)`
+    width: 10.943px !important;
+    height: 8.552px !important;
+
+    path {
+        fill: var(--color-icon-primary, #131412) !important;
+    }
+`,hr=m(N.Breadcrumb)`
+    font-family: var(--text-font-family-base, Geist);
+    font-size: var(--typo-caption-size-medium, 0.875rem);
+    font-weight: var(--text-weight-regular, 400);
+    line-height: var(--typo-caption-lineHeight-medium, 1.125rem);
+    letter-spacing: var(--typo-caption-spacing-medium, 0.00625rem);
+    color: var(--color-text-secondary, rgba(19, 20, 18, 0.75));
+    padding: 0.44rem 0.75rem;
+    border-radius: var(--border-radius-050, 1rem);
+    background: var(--color-bg-opaque-primary, rgba(20, 20, 20, 0.05));
+    .ant-breadcrumb-separator {
+        color: var(--color-text-quaternary, rgba(255, 255, 255, 0.25));
+    }
+    .ant-breadcrumb-link {
+        font-family: var(--text-font-family-base, Geist);
+        font-size: var(--typo-caption-size-medium, 0.875rem);
+        font-weight: var(--text-weight-regular, 400);
+        line-height: var(--typo-caption-lineHeight-medium, 1.125rem);
+        letter-spacing: var(--typo-caption-spacing-medium, 0.00625rem);
+        color: var(--color-text-secondary, rgba(19, 20, 18, 0.75));
+    }
+`,Pa=({breadcrumbItems:n,logo:e,button:t,className:r,backButton:a=i.jsx(Ma,{})})=>{const o=ne.useNavigate();return i.jsxs(Ia,{className:r||"",children:[i.jsxs("div",{className:"page-starter",children:[e?i.jsx("div",{className:"icon",children:e}):i.jsx(za,{className:"icon",onClick:()=>o(-1),children:a}),i.jsx(hr,{items:n})]}),i.jsx("div",{children:t&&t})]})};var Qe=(n=>(n[n.None=1]="None",n[n.OTP=2]="OTP",n[n.TOTP=3]="TOTP",n[n.BackupCode=4]="BackupCode",n))(Qe||{});const Ha={1:"",2:"OtpDesc",3:"TotpDesc",4:"TotpDesc"},Ra=({confirmationToken:n,updatedResponse:e,mfaType:t=1,id:r,setRefetchData:a,setVisible:o,visible:s})=>{const{confirmTwoFactor:l,resendOTP:d,confirmTwoFactorBackupCode:c}=ke(),[u,p]=S.useState(""),[g,f]=S.useState(!0),[h,w]=S.useState(60),{close:O}=ge(),[A,j]=S.useState([]),[L,T]=S.useState(!1);async function V(){var $,v,R;const I=l;if(!(!u||!I))try{const M=await I({confirmationToken:n,code:u,id:r});($=M==null?void 0:M.data)!=null&&$.success&&(o(!1),a&&a(k=>!k),O())}catch(M){const k=ve((R=(v=M==null?void 0:M.response)==null?void 0:v.data)==null?void 0:R.errors);j(k),console.log("Error in Save OTP",M)}}async function B(){const I=d;if(I)try{const $=await I(n,r);$.data.success&&(e($),f(!0),w(60))}catch($){console.log("Error in OTP resend",$)}}function _(){o(!1)}function Y(I){p(I)}return S.useEffect(()=>{if(!g)return;const I=setInterval(()=>{w($=>$<=1?(clearInterval(I),f(!1),0):$-1)},1e3);return()=>clearInterval(I)},[g]),i.jsx(ut,{open:s,onCancel:_,footer:[null],children:n?i.jsx(i.Fragment,{children:L?i.jsx(i.Fragment,{children:i.jsx(ur,{setBackupActivated:T,backupCodeEndpoint:c,setVisible:o,id:r,setRefetchData:a,confirmationToken:n})}):i.jsxs(i.Fragment,{children:[i.jsx(ft,{children:i.jsxs(pr,{children:[te("EnterVerificationCode"),i.jsx(Ve,{children:te(Ha[t])})]})}),i.jsxs(dr,{className:A.length>0?"verification-error":"",children:[i.jsx(N.Input.OTP,{value:u,onChange:Y}),A.map(I=>i.jsxs("span",{children:[i.jsx(mt,{}),I.errors[0]]},I.name)),i.jsxs(va,{children:[te("DidnReceiveCode")," ",i.jsx(cr,{onClick:()=>T(!0),children:te("EnterBackupCode")})]})]}),i.jsxs(lr,{children:[t!==Qe.TOTP&&i.jsx(gt,{disabled:g,onClick:B,children:g?`${te("ResendAvailable")} ${h} ${U("Second")}`:`${te("Resend")}`}),i.jsxs(Ae,{onClick:V,disabled:(u==null?void 0:u.length)!==6&&t!==Qe.TOTP,children:[i.jsxs("span",{children:[" ",oe("Continue")]}),i.jsx(je,{})]})]})]})}):i.jsx(Sa,{children:i.jsx(N.Spin,{})})})},Fa=m.div`
+    width: 100%;
+    height: 100%;
+`,Na=({option:n})=>(S.useEffect(()=>{const e=document.getElementById("my-chart"),t=$r.init(e);t.setOption(n);const r=()=>t.resize();return window.addEventListener("resize",r,{passive:!0,capture:!0}),()=>{window.removeEventListener("resize",r),t.dispose()}},[n]),i.jsx(Fa,{id:"my-chart"}));m.div`
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    height: 100vh;
+    background-color: ${n=>n.backgroundcolor};
+`;const Va=m(N.Spin)`
+    .ant-spin-dot-item {
+        background-color: ${n=>n.backgroundcolor};
+    }
+`,Aa=({backgroundcolor:n})=>i.jsx("div",{children:i.jsx(Va,{size:"large",backgroundcolor:n})}),Ba=m.div`
+    position: absolute;
+    left: 0;
+    top: 0;
+    width: 100%;
+    height: 100%;
+    background: var(--color-overlay-primary, rgba(20, 20, 20, 0.8));
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    z-index: 99;
+    div {
+        display: flex;
+        flex-direction: column;
+        align-items: center;
+        gap: 0.25rem;
+    }
+
+    h2 {
+        font-family: var(--text-font-family-base, Geist);
+        color: #fff;
+        text-align: center;
+        font-weight: var(--text-weight-medium, 500);
+        font-size: 1.5rem;
+    }
+
+    p {
+        font-family: var(--text-font-family-base, Geist);
+        color: rgba(255, 255, 255, 0.75);
+        text-align: center;
+        font-style: normal;
+        font-weight: 400;
+        font-size: 1.125rem;
+        max-width: 25rem;
+    }
+`,Ga=m.keyframes`
+  0% {
+    opacity: 90%;
+  }
+  50% {
+    opacity: 100%;
+  }
+  100% {
+    opacity: 90%;
+  }
+`,ze=m.div`
+    background: #282828; /* Dark base color */
+    border-radius: 4px;
+    background-size: 1000px 100%;
+    animation: ${Ga} 1.5s infinite linear;
+    background: var(--color-interaction-press-primary, rgba(20, 20, 20, 0.1));
+`,Ua=m(ze)`
+    width: 70%; /* Mimics the main title area */
+    height: 20px;
+    margin-bottom: 10px;
+`,pe=m(ze)`
+    width: ${n=>n.width};
+    height: ${n=>n.height};
+    margin-bottom: ${n=>n.marginbottom};
+`,Be=m(ze)`
+    flex-grow: 1;
+    height: 130px;
+    margin: 0 1px;
+    background: var(--color-bg-secondary, #f5f5f5);
+    padding: 20px;
+    display: flex;
+    flex-direction: column;
+    justify-content: space-between;
+    animation: unset;
+`,Ye=m.div`
+    display: flex;
+    margin-bottom: 2px;
+    justify-content: space-between;
+    margin-top: auto;
+    ${Be}:first-child {
+        margin-left: 0;
+    }
+    ${Be}:last-child {
+        margin-right: 0;
+    }
+`,_a=m.div`
+    padding: 20px;
+    overflow-y: hidden;
+    height: 100vh;
+    position: relative;
+    background: var(--color-bg-primary, #fff);
+`,Wa=m.div`
+    display: flex;
+    width: fit-content;
+    gap: 2rem;
+    background: var(--color-bg-secondary, #232323);
+    padding: 0.5rem;
+    margin-top: 3rem;
+    margin-bottom: 1.5rem;
+`,Ya=m(ze)`
+    width: 4rem;
+    height: 1rem;
+    border-radius: 5px;
+`,Dt=m(ze)`
+    width: ${n=>n.width||"100%"};
+    height: 20px;
+    margin-bottom: 8px;
+`,Ka=m.div`
+    border-radius: 2px;
+    background: var(--color-bg-secondary, #232323);
+    height: 40rem;
+    display: flex;
+    flex-direction: column;
+    padding: 1rem;
+    margin-bottom: 2px;
+`,$t=()=>i.jsxs(i.Fragment,{children:[i.jsx(Dt,{width:"80%"}),i.jsx(Dt,{width:"60%"})]}),qa=()=>i.jsxs(_a,{children:[i.jsx(Ba,{children:i.jsxs("div",{children:[i.jsx("h2",{children:yt("ComingSoon")}),i.jsx("p",{children:yt("ComingSoonDesc")})]})}),i.jsx(Ua,{}),i.jsx(pe,{}),i.jsx(Wa,{children:[...Array(7)].map((n,e)=>i.jsx(Ya,{},e))}),i.jsx(Ye,{children:[...Array(5)].map((n,e)=>i.jsx(Be,{children:i.jsx($t,{})},e))}),i.jsxs(Ka,{children:[i.jsx(pe,{width:"20%",height:"18px",marginbottom:"10px"}),i.jsx(pe,{width:"20%",height:"18px",marginbottom:"20px"}),i.jsxs(Ye,{children:[i.jsx(pe,{width:"12%",height:"18px",marginbottom:"10"}),i.jsx(pe,{width:"12%",height:"18px",marginbottom:"10"}),i.jsx(pe,{width:"12%",height:"18px",marginbottom:"10"}),i.jsx(pe,{width:"12%",height:"18px",marginbottom:"10px"}),i.jsx(pe,{width:"120%",height:"18px",marginbottom:"10"}),i.jsx(pe,{width:"12%",height:"18px",marginbottom:"10px"})]})]}),i.jsx(Ye,{children:[...Array(5)].map((n,e)=>i.jsx(Be,{children:i.jsx($t,{})},e))})]}),Za=m(N.Table)`
+    .ant-table-thead > tr > th {
+        background: var(--color-bg-primary, #fff);
+        color: var(--color-text-secondary, rgba(19, 20, 18, 0.75));
+
+        border: none !important;
+        height: var(--size-500, 40px);
+        padding: var(--spacing-025, 2px) var(--spacing-300, 12px);
+        align-items: center;
+        flex-shrink: 0;
+        align-self: stretch;
+
+        overflow: hidden;
+        text-overflow: ellipsis;
+
+        /* caption/small */
+        font-family: var(--text-font-family-base, Geist);
+        font-size: var(--typo-caption-size-small, 12px);
+        font-style: normal;
+        font-weight: var(--text-weight-regular, 400);
+        line-height: var(--typo-caption-lineHeight-small, 16px); /* 133.333% */
+        letter-spacing: var(--typo-caption-spacing-small, 0.1px);
+        border-start-start-radius: 0px !important;
+    }
+
+    .ant-table-tbody > tr:hover > td {
+        background: inherit !important;
+    }
+    .ant-pagination-item {
+        min-width: 1.5rem;
+        height: 1.5rem;
+        border: none;
+        background: transparent;
+        display: flex;
+        align-items: center;
+        justify-content: center;
+        margin-inline-end: 0.12rem;
+
+        &.ant-pagination-item-active {
+            border-radius: var(--border-radius-025, 0.125rem);
+            background: var(--color-bg-opaque-secondary, rgba(255, 255, 255, 0.1));
+        }
+    }
+    .anticon {
+        color: var(--color-icon-primary, rgba(255, 255, 255, 0.75));
+    }
+
+    .ant-table-tbody > tr {
+        background: var(--color-bg-secondary);
+        color: var(--color-text-primary, #131412);
+    }
+    &:where(.css-dev-only-do-not-override-vrrzze).ant-table-wrapper
+        .ant-table-tbody
+        .ant-table-row
+        > .ant-table-cell-row-hover {
+        background-color: transparent !important;
+    }
+    .ant-collapse {
+        background-color: transparent !important;
+    }
+
+    .ant-collapse-item {
+        background-color: transparent !important;
+    }
+
+    .ant-collapse-header {
+        background-color: transparent !important;
+    }
+
+    // this disables the right column seperator on headers
+    .ant-table-thead > tr > th::before {
+        display: none !important;
+    }
+
+    .ant-table-tbody > tr > td {
+        height: 48px;
+        flex-direction: column;
+        justify-content: center;
+        align-items: flex-start;
+        gap: 4px;
+        align-self: stretch;
+        border-bottom: 1px solid var(--color-border-primary, #f5f5f5);
+    }
+
+    .ant-table-expanded-row > .ant-table-cell {
+        padding: 24px;
+        border-bottom: 1px solid var(--color-border-primary, #f5f5f5);
+    }
+
+    .arrow-svg {
+        svg {
+            width: 1rem;
+            height: 1rem;
+            path {
+                fill: var(--color-icon-primary, #fff);
+                transition: 0.1s;
+            }
+        }
+    }
+
+    .active-svg-closemark {
+        svg {
+            width: 1rem;
+            height: 1rem;
+            path {
+                fill: var(--color-text-status-error);
+                transition: 0.1s;
+            }
+        }
+    }
+
+    .active-svg-checkmark {
+        svg {
+            width: 1rem;
+            height: 1rem;
+            path {
+                fill: var(--color-text-status-success);
+                transition: 0.1s;
+            }
+        }
+    }
+`,Ja=n=>P.createElement("svg",{width:16,height:16,viewBox:"0 0 16 16",fill:"none",xmlns:"http://www.w3.org/2000/svg",...n},P.createElement("path",{d:"M8.0001 5.72363L11.6096 9.33311L10.6668 10.2759L8.0001 7.60925L5.33343 10.2759L4.39062 9.33311L8.0001 5.72363Z",fill:"currentColor"})),Xa=({rowKey:n,CustomExpandableRow:e,columns:t,dataTableColumns:r,dataSource:a,expandableRowProps:o,expandedRows:s,setExpandedRow:l,loading:d,pagination:c})=>{const[u,p]=S.useState([]),g=t||r;S.useEffect(()=>{s&&s.length>0&&p(h=>[...s,...h])},[s]);function f(h){p(h),l&&l([])}return i.jsx(Za,{rowKey:n||"id",pagination:c,scroll:{x:1500},locale:{emptyText:i.jsx(N.Empty,{description:Or("NoData")})},loading:d,columns:g,expandedRowKeys:u,onExpandedRowsChange:f,expandable:{expandedRowRender:h=>i.jsx(e,{...o,record:h}),expandIcon:({expanded:h})=>i.jsx(i.Fragment,{children:h?i.jsx("span",{className:"arrow-svg",children:i.jsx(Ja,{})}):i.jsx("span",{className:"arrow-svg",children:i.jsx(nt,{})})}),expandRowByClick:!0},dataSource:a})},Qa=m(N.Tabs)`
+    display: flex;
+    gap: var(--spacing-025, 2px);
+    color: var(--color-text-secondary, rgba(19, 20, 18, 0.75));
+    font-family: var(--text-font-family-base, Geist);
+    font-size: var(--typo-caption-size-medium, 14px);
+    font-style: normal;
+    font-weight: var(--text-weight-regular, 400);
+    line-height: var(--typo-caption-lineHeight-medium, 18px);
+    letter-spacing: var(--typo-caption-spacing-medium, 0.1px);
+
+    .ant-tabs-tab {
+        margin: 0 !important;
+        border-radius: 0 !important;
+        border: none !important;
+        .ant-tabs-tab-btn {
+            font-family: var(--text-font-family-base, Geist);
+            font-size: var(--typo-caption-size-medium, 0.875rem);
+            font-style: normal;
+            font-weight: var(--text-weight-regular, 400);
+            line-height: var(--typo-caption-lineHeight-medium, 1.125rem);
+            letter-spacing: var(--typo-caption-spacing-medium, 0.00625rem);
+
+            border-radius: var(--border-radius-025, 2px);
+            color: var(--color-text-secondary, rgba(19, 20, 18, 0.75));
+            font-family: var(--text-font-family-base, Geist);
+            font-size: var(--typo-caption-size-medium, 0.875rem);
+            font-weight: var(--text-weight-regular, 400);
+            line-height: var(--typo-caption-lineHeight-medium, 1.125rem);
+            letter-spacing: var(--typo-caption-spacing-medium, 0.00625rem);
+
+            transition: color 0.2s;
+
+            &:hover,
+            &:focus {
+                color: var(--color-text-secondary, rgba(19, 20, 18, 0.75));
+            }
+        }
+
+        &.ant-tabs-tab-active {
+            background: var(--color-bg-inverse-primary, #141414) !important;
+
+            .ant-tabs-tab-btn {
+                color: var(--color-text-inverse-primary, #131412) !important;
+
+                &:hover,
+                &:focus {
+                    color: var(--color-text-inverse-primary, #131412) !important;
+                }
+            }
+        }
+        @media (max-width: 1080px) {
+            display: none !important;
+        }
+    }
+    .ant-tabs-nav {
+        margin: 0;
+
+        &::before {
+            display: none;
+        }
+    }
+
+    .ant-tabs-ink-bar {
+        display: none;
+    }
+
+    .ant-tabs-nav-list {
+        border-radius: var(--border-radius-025, 2px);
+        background: var(--color-bg-secondary);
+    }
+
+    .ant-tabs-nav-more {
+        display: none !important;
+    }
+
+    .ant-tabs-nav-add {
+        background-color: #f0f0f0;
+        border: none !important;
+        path {
+            fill: var(--color-icon-primary, #fff);
+        }
+    }
+`;m.div`
+    display: flex;
+    height: var(--size-400, 32px);
+    padding: 0 var(--spacing-100, 8px);
+    justify-content: center;
+    align-items: center;
+    border-radius: var(--border-radius-025, 2px);
+    background: var(--color-bg-opaque-primary, rgba(255, 255, 255, 0.05));
+    backdrop-filter: blur(calc(var(--blur-size-200, 16px) / 2));
+    cursor: pointer;
+
+    &.space {
+        display: flex;
+        gap: 5px;
+    }
+`;const eo=m.div`
+    position: relative;
+    @media (min-width: 1080px) {
+        .tab-select {
+            display: none;
+        }
+    }
+`,to=m.div`
+    position: absolute;
+    left: 20px;
+    top: 10px;
+    z-index: 1000;
+`,H=n=>typeof n=="string",De=()=>{let n,e;const t=new Promise((r,a)=>{n=r,e=a});return t.resolve=n,t.reject=e,t},Et=n=>n==null?"":String(n),ro=(n,e,t)=>{n.forEach(r=>{e[r]&&(t[r]=e[r])})},no=/###/g,Ot=n=>n&&n.includes("###")?n.replace(no,"."):n,Tt=n=>!n||H(n),Oe=(n,e,t)=>{const r=H(e)?e.split("."):e;let a=0;for(;a<r.length-1;){if(Tt(n))return{};const o=Ot(r[a]);!n[o]&&t&&(n[o]=new t),Object.prototype.hasOwnProperty.call(n,o)?n=n[o]:n={},++a}return Tt(n)?{}:{obj:n,k:Ot(r[a])}},It=(n,e,t)=>{const{obj:r,k:a}=Oe(n,e,Object);if(r!==void 0||e.length===1){r[a]=t;return}let o=e[e.length-1],s=e.slice(0,e.length-1),l=Oe(n,s,Object);for(;l.obj===void 0&&s.length;)o=`${s[s.length-1]}.${o}`,s=s.slice(0,s.length-1),l=Oe(n,s,Object),l!=null&&l.obj&&typeof l.obj[`${l.k}.${o}`]<"u"&&(l.obj=void 0);l.obj[`${l.k}.${o}`]=t},ao=(n,e,t,r)=>{const{obj:a,k:o}=Oe(n,e,Object);a[o]=a[o]||[],a[o].push(t)},Ge=(n,e)=>{const{obj:t,k:r}=Oe(n,e);if(t&&Object.prototype.hasOwnProperty.call(t,r))return t[r]},oo=(n,e,t)=>{const r=Ge(n,t);return r!==void 0?r:Ge(e,t)},mr=(n,e,t)=>{for(const r in e)r!=="__proto__"&&r!=="constructor"&&(r in n?H(n[r])||n[r]instanceof String||H(e[r])||e[r]instanceof String?t&&(n[r]=e[r]):mr(n[r],e[r],t):n[r]=e[r]);return n},ye=n=>n.replace(/[\-\[\]\/\{\}\(\)\*\+\?\.\\\^\$\|]/g,"\\$&"),io={"&":"&amp;","<":"&lt;",">":"&gt;",'"':"&quot;","'":"&#39;","/":"&#x2F;"},so=n=>H(n)?n.replace(/[&<>"'\/]/g,e=>io[e]):n;class lo{constructor(e){this.capacity=e,this.regExpMap=new Map,this.regExpQueue=[]}getRegExp(e){const t=this.regExpMap.get(e);if(t!==void 0)return t;const r=new RegExp(e);return this.regExpQueue.length===this.capacity&&this.regExpMap.delete(this.regExpQueue.shift()),this.regExpMap.set(e,r),this.regExpQueue.push(e),r}}const co=[" ",",","?","!",";"],po=new lo(20),uo=(n,e,t)=>{e=e||"",t=t||"";const r=co.filter(s=>!e.includes(s)&&!t.includes(s));if(r.length===0)return!0;const a=po.getRegExp(`(${r.map(s=>s==="?"?"\\?":s).join("|")})`);let o=!a.test(n);if(!o){const s=n.indexOf(t);s>0&&!a.test(n.substring(0,s))&&(o=!0)}return o},et=(n,e,t=".")=>{if(!n)return;if(n[e])return Object.prototype.hasOwnProperty.call(n,e)?n[e]:void 0;const r=e.split(t);let a=n;for(let o=0;o<r.length;){if(!a||typeof a!="object")return;let s,l="";for(let d=o;d<r.length;++d)if(d!==o&&(l+=t),l+=r[d],s=a[l],s!==void 0){if(["string","number","boolean"].includes(typeof s)&&d<r.length-1)continue;o+=d-o+1;break}a=s}return a},Ie=n=>n==null?void 0:n.replace(/_/g,"-"),fo={type:"logger",log(n){this.output("log",n)},warn(n){this.output("warn",n)},error(n){this.output("error",n)},output(n,e){var t,r;(r=(t=console==null?void 0:console[n])==null?void 0:t.apply)==null||r.call(t,console,e)}};class Ue{constructor(e,t={}){this.init(e,t)}init(e,t={}){this.prefix=t.prefix||"i18next:",this.logger=e||fo,this.options=t,this.debug=t.debug}log(...e){return this.forward(e,"log","",!0)}warn(...e){return this.forward(e,"warn","",!0)}error(...e){return this.forward(e,"error","")}deprecate(...e){return this.forward(e,"warn","WARNING DEPRECATED: ",!0)}forward(e,t,r,a){return a&&!this.debug?null:(H(e[0])&&(e[0]=`${r}${this.prefix} ${e[0]}`),this.logger[t](e))}create(e){return new Ue(this.logger,{prefix:`${this.prefix}:${e}:`,...this.options})}clone(e){return e=e||this.options,e.prefix=e.prefix||this.prefix,new Ue(this.logger,e)}}var le=new Ue;class We{constructor(){this.observers={}}on(e,t){return e.split(" ").forEach(r=>{this.observers[r]||(this.observers[r]=new Map);const a=this.observers[r].get(t)||0;this.observers[r].set(t,a+1)}),this}off(e,t){if(this.observers[e]){if(!t){delete this.observers[e];return}this.observers[e].delete(t)}}once(e,t){const r=(...a)=>{t(...a),this.off(e,r)};return this.on(e,r),this}emit(e,...t){this.observers[e]&&Array.from(this.observers[e].entries()).forEach(([a,o])=>{for(let s=0;s<o;s++)a(...t)}),this.observers["*"]&&Array.from(this.observers["*"].entries()).forEach(([a,o])=>{for(let s=0;s<o;s++)a(e,...t)})}}class zt extends We{constructor(e,t={ns:["translation"],defaultNS:"translation"}){super(),this.data=e||{},this.options=t,this.options.keySeparator===void 0&&(this.options.keySeparator="."),this.options.ignoreJSONStructure===void 0&&(this.options.ignoreJSONStructure=!0)}addNamespaces(e){this.options.ns.includes(e)||this.options.ns.push(e)}removeNamespaces(e){const t=this.options.ns.indexOf(e);t>-1&&this.options.ns.splice(t,1)}getResource(e,t,r,a={}){var c,u;const o=a.keySeparator!==void 0?a.keySeparator:this.options.keySeparator,s=a.ignoreJSONStructure!==void 0?a.ignoreJSONStructure:this.options.ignoreJSONStructure;let l;e.includes(".")?l=e.split("."):(l=[e,t],r&&(Array.isArray(r)?l.push(...r):H(r)&&o?l.push(...r.split(o)):l.push(r)));const d=Ge(this.data,l);return!d&&!t&&!r&&e.includes(".")&&(e=l[0],t=l[1],r=l.slice(2).join(".")),d||!s||!H(r)?d:et((u=(c=this.data)==null?void 0:c[e])==null?void 0:u[t],r,o)}addResource(e,t,r,a,o={silent:!1}){const s=o.keySeparator!==void 0?o.keySeparator:this.options.keySeparator;let l=[e,t];r&&(l=l.concat(s?r.split(s):r)),e.includes(".")&&(l=e.split("."),a=t,t=l[1]),this.addNamespaces(t),It(this.data,l,a),o.silent||this.emit("added",e,t,r,a)}addResources(e,t,r,a={silent:!1}){for(const o in r)(H(r[o])||Array.isArray(r[o]))&&this.addResource(e,t,o,r[o],{silent:!0});a.silent||this.emit("added",e,t,r)}addResourceBundle(e,t,r,a,o,s={silent:!1,skipCopy:!1}){let l=[e,t];e.includes(".")&&(l=e.split("."),a=r,r=t,t=l[1]),this.addNamespaces(t);let d=Ge(this.data,l)||{};s.skipCopy||(r=JSON.parse(JSON.stringify(r))),a?mr(d,r,o):d={...d,...r},It(this.data,l,d),s.silent||this.emit("added",e,t,r)}removeResourceBundle(e,t){this.hasResourceBundle(e,t)&&delete this.data[e][t],this.removeNamespaces(t),this.emit("removed",e,t)}hasResourceBundle(e,t){return this.getResource(e,t)!==void 0}getResourceBundle(e,t){return t||(t=this.options.defaultNS),this.getResource(e,t)}getDataByLanguage(e){return this.data[e]}hasLanguageSomeTranslations(e){const t=this.getDataByLanguage(e);return!!(t&&Object.keys(t)||[]).find(a=>t[a]&&Object.keys(t[a]).length>0)}toJSON(){return this.data}}var xr={processors:{},addPostProcessor(n){this.processors[n.name]=n},handle(n,e,t,r,a){return n.forEach(o=>{var s;e=((s=this.processors[o])==null?void 0:s.process(e,t,r,a))??e}),e}};const yr=Symbol("i18next/PATH_KEY");function go(){const n=[],e=Object.create(null);let t;return e.get=(r,a)=>{var o;return(o=t==null?void 0:t.revoke)==null||o.call(t),a===yr?n:(n.push(a),t=Proxy.revocable(r,e),t.proxy)},Proxy.revocable(Object.create(null),e).proxy}function Ce(n,e){const{[yr]:t}=n(go()),r=(e==null?void 0:e.keySeparator)??".",a=(e==null?void 0:e.nsSeparator)??":";if(t.length>1&&a){const o=e==null?void 0:e.ns,s=Array.isArray(o)?o:null;if(s&&s.length>1&&s.slice(1).includes(t[0]))return`${t[0]}${a}${t.slice(1).join(r)}`}return t.join(r)}const Ke=n=>!H(n)&&typeof n!="boolean"&&typeof n!="number";class _e extends We{constructor(e,t={}){super(),ro(["resourceStore","languageUtils","pluralResolver","interpolator","backendConnector","i18nFormat","utils"],e,this),this.options=t,this.options.keySeparator===void 0&&(this.options.keySeparator="."),this.logger=le.create("translator"),this.checkedLoadedFor={}}changeLanguage(e){e&&(this.language=e)}exists(e,t={interpolation:{}}){const r={...t};if(e==null)return!1;const a=this.resolve(e,r);if((a==null?void 0:a.res)===void 0)return!1;const o=Ke(a.res);return!(r.returnObjects===!1&&o)}extractFromKey(e,t){let r=t.nsSeparator!==void 0?t.nsSeparator:this.options.nsSeparator;r===void 0&&(r=":");const a=t.keySeparator!==void 0?t.keySeparator:this.options.keySeparator;let o=t.ns||this.options.defaultNS||[];const s=r&&e.includes(r),l=!this.options.userDefinedKeySeparator&&!t.keySeparator&&!this.options.userDefinedNsSeparator&&!t.nsSeparator&&!uo(e,r,a);if(s&&!l){const d=e.match(this.interpolator.nestingRegexp);if(d&&d.length>0)return{key:e,namespaces:H(o)?[o]:o};const c=e.split(r);(r!==a||r===a&&this.options.ns.includes(c[0]))&&(o=c.shift()),e=c.join(a)}return{key:e,namespaces:H(o)?[o]:o}}translate(e,t,r){let a=typeof t=="object"?{...t}:t;if(typeof a!="object"&&this.options.overloadTranslationOptionHandler&&(a=this.options.overloadTranslationOptionHandler(arguments)),typeof a=="object"&&(a={...a}),a||(a={}),e==null)return"";typeof e=="function"&&(e=Ce(e,{...this.options,...a})),Array.isArray(e)||(e=[String(e)]),e=e.map(M=>typeof M=="function"?Ce(M,{...this.options,...a}):String(M));const o=a.returnDetails!==void 0?a.returnDetails:this.options.returnDetails,s=a.keySeparator!==void 0?a.keySeparator:this.options.keySeparator,{key:l,namespaces:d}=this.extractFromKey(e[e.length-1],a),c=d[d.length-1];let u=a.nsSeparator!==void 0?a.nsSeparator:this.options.nsSeparator;u===void 0&&(u=":");const p=a.lng||this.language,g=a.appendNamespaceToCIMode||this.options.appendNamespaceToCIMode;if((p==null?void 0:p.toLowerCase())==="cimode")return g?o?{res:`${c}${u}${l}`,usedKey:l,exactUsedKey:l,usedLng:p,usedNS:c,usedParams:this.getUsedParamsDetails(a)}:`${c}${u}${l}`:o?{res:l,usedKey:l,exactUsedKey:l,usedLng:p,usedNS:c,usedParams:this.getUsedParamsDetails(a)}:l;const f=this.resolve(e,a);let h=f==null?void 0:f.res;const w=(f==null?void 0:f.usedKey)||l,O=(f==null?void 0:f.exactUsedKey)||l,A=["[object Number]","[object Function]","[object RegExp]"],j=a.joinArrays!==void 0?a.joinArrays:this.options.joinArrays,L=!this.i18nFormat||this.i18nFormat.handleAsObject,T=a.count!==void 0&&!H(a.count),V=_e.hasDefaultValue(a),B=T?this.pluralResolver.getSuffix(p,a.count,a):"",_=a.ordinal&&T?this.pluralResolver.getSuffix(p,a.count,{ordinal:!1}):"",Y=T&&!a.ordinal&&a.count===0,I=Y&&a[`defaultValue${this.options.pluralSeparator}zero`]||a[`defaultValue${B}`]||a[`defaultValue${_}`]||a.defaultValue;let $=h;L&&!h&&V&&($=I);const v=Ke($),R=Object.prototype.toString.apply($);if(L&&$&&v&&!A.includes(R)&&!(H(j)&&Array.isArray($))){if(!a.returnObjects&&!this.options.returnObjects){this.options.returnedObjectHandler||this.logger.warn("accessing an object - but returnObjects options is not enabled!");const M=this.options.returnedObjectHandler?this.options.returnedObjectHandler(w,$,{...a,ns:d}):`key '${l} (${this.language})' returned an object instead of string.`;return o?(f.res=M,f.usedParams=this.getUsedParamsDetails(a),f):M}if(s){const M=Array.isArray($),k=M?[]:{},C=M?O:w;for(const y in $)if(Object.prototype.hasOwnProperty.call($,y)){const x=`${C}${s}${y}`;V&&!h?k[y]=this.translate(x,{...a,defaultValue:Ke(I)?I[y]:void 0,joinArrays:!1,ns:d}):k[y]=this.translate(x,{...a,joinArrays:!1,ns:d}),k[y]===x&&(k[y]=$[y])}h=k}}else if(L&&H(j)&&Array.isArray(h))h=h.join(j),h&&(h=this.extendTranslation(h,e,a,r));else{let M=!1,k=!1;!this.isValidLookup(h)&&V&&(M=!0,h=I),this.isValidLookup(h)||(k=!0,h=l);const y=(a.missingKeyNoValueFallbackToKey||this.options.missingKeyNoValueFallbackToKey)&&k?void 0:h,x=V&&I!==h&&this.options.updateMissing;if(k||M||x){if(this.logger.log(x?"updateKey":"missingKey",p,c,l,x?I:h),s){const F=this.resolve(l,{...a,keySeparator:!1});F&&F.res&&this.logger.warn("Seems the loaded translations were in flat JSON format instead of nested. Either set keySeparator: false on init or make sure your translations are published in nested format.")}let b=[];const E=this.languageUtils.getFallbackCodes(this.options.fallbackLng,a.lng||this.language);if(this.options.saveMissingTo==="fallback"&&E&&E[0])for(let F=0;F<E.length;F++)b.push(E[F]);else this.options.saveMissingTo==="all"?b=this.languageUtils.toResolveHierarchy(a.lng||this.language):b.push(a.lng||this.language);const z=(F,G,W)=>{var Z;const q=V&&W!==h?W:y;this.options.missingKeyHandler?this.options.missingKeyHandler(F,c,G,q,x,a):(Z=this.backendConnector)!=null&&Z.saveMissing&&this.backendConnector.saveMissing(F,c,G,q,x,a),this.emit("missingKey",F,c,G,h)};this.options.saveMissing&&(this.options.saveMissingPlurals&&T?b.forEach(F=>{const G=this.pluralResolver.getSuffixes(F,a);Y&&a[`defaultValue${this.options.pluralSeparator}zero`]&&!G.includes(`${this.options.pluralSeparator}zero`)&&G.push(`${this.options.pluralSeparator}zero`),G.forEach(W=>{z([F],l+W,a[`defaultValue${W}`]||I)})}):z(b,l,I))}h=this.extendTranslation(h,e,a,f,r),k&&h===l&&this.options.appendNamespaceToMissingKey&&(h=`${c}${u}${l}`),(k||M)&&this.options.parseMissingKeyHandler&&(h=this.options.parseMissingKeyHandler(this.options.appendNamespaceToMissingKey?`${c}${u}${l}`:l,M?h:void 0,a))}return o?(f.res=h,f.usedParams=this.getUsedParamsDetails(a),f):h}extendTranslation(e,t,r,a,o){var d,c;if((d=this.i18nFormat)!=null&&d.parse)e=this.i18nFormat.parse(e,{...this.options.interpolation.defaultVariables,...r},r.lng||this.language||a.usedLng,a.usedNS,a.usedKey,{resolved:a});else if(!r.skipInterpolation){r.interpolation&&this.interpolator.init({...r,interpolation:{...this.options.interpolation,...r.interpolation}});const u=H(e)&&(((c=r==null?void 0:r.interpolation)==null?void 0:c.skipOnVariables)!==void 0?r.interpolation.skipOnVariables:this.options.interpolation.skipOnVariables);let p;if(u){const f=e.match(this.interpolator.nestingRegexp);p=f&&f.length}let g=r.replace&&!H(r.replace)?r.replace:r;if(this.options.interpolation.defaultVariables&&(g={...this.options.interpolation.defaultVariables,...g}),e=this.interpolator.interpolate(e,g,r.lng||this.language||a.usedLng,r),u){const f=e.match(this.interpolator.nestingRegexp),h=f&&f.length;p<h&&(r.nest=!1)}!r.lng&&a&&a.res&&(r.lng=this.language||a.usedLng),r.nest!==!1&&(e=this.interpolator.nest(e,(...f)=>(o==null?void 0:o[0])===f[0]&&!r.context?(this.logger.warn(`It seems you are nesting recursively key: ${f[0]} in key: ${t[0]}`),null):this.translate(...f,t),r)),r.interpolation&&this.interpolator.reset()}const s=r.postProcess||this.options.postProcess,l=H(s)?[s]:s;return e!=null&&(l!=null&&l.length)&&r.applyPostProcessor!==!1&&(e=xr.handle(l,e,t,this.options&&this.options.postProcessPassResolved?{i18nResolved:{...a,usedParams:this.getUsedParamsDetails(r)},...r}:r,this)),e}resolve(e,t={}){let r,a,o,s,l;return H(e)&&(e=[e]),Array.isArray(e)&&(e=e.map(d=>typeof d=="function"?Ce(d,{...this.options,...t}):d)),e.forEach(d=>{if(this.isValidLookup(r))return;const c=this.extractFromKey(d,t),u=c.key;a=u;let p=c.namespaces;this.options.fallbackNS&&(p=p.concat(this.options.fallbackNS));const g=t.count!==void 0&&!H(t.count),f=g&&!t.ordinal&&t.count===0,h=t.context!==void 0&&(H(t.context)||typeof t.context=="number")&&t.context!=="",w=t.lngs?t.lngs:this.languageUtils.toResolveHierarchy(t.lng||this.language,t.fallbackLng);p.forEach(O=>{var A,j;this.isValidLookup(r)||(l=O,!this.checkedLoadedFor[`${w[0]}-${O}`]&&((A=this.utils)!=null&&A.hasLoadedNamespace)&&!((j=this.utils)!=null&&j.hasLoadedNamespace(l))&&(this.checkedLoadedFor[`${w[0]}-${O}`]=!0,this.logger.warn(`key "${a}" for languages "${w.join(", ")}" won't get resolved as namespace "${l}" was not yet loaded`,"This means something IS WRONG in your setup. You access the t function before i18next.init / i18next.loadNamespace / i18next.changeLanguage was done. Wait for the callback or Promise to resolve before accessing it!!!")),w.forEach(L=>{var B;if(this.isValidLookup(r))return;s=L;const T=[u];if((B=this.i18nFormat)!=null&&B.addLookupKeys)this.i18nFormat.addLookupKeys(T,u,L,O,t);else{let _;g&&(_=this.pluralResolver.getSuffix(L,t.count,t));const Y=`${this.options.pluralSeparator}zero`,I=`${this.options.pluralSeparator}ordinal${this.options.pluralSeparator}`;if(g&&(t.ordinal&&_.startsWith(I)&&T.push(u+_.replace(I,this.options.pluralSeparator)),T.push(u+_),f&&T.push(u+Y)),h){const $=`${u}${this.options.contextSeparator||"_"}${t.context}`;T.push($),g&&(t.ordinal&&_.startsWith(I)&&T.push($+_.replace(I,this.options.pluralSeparator)),T.push($+_),f&&T.push($+Y))}}let V;for(;V=T.pop();)this.isValidLookup(r)||(o=V,r=this.getResource(L,O,V,t))}))})}),{res:r,usedKey:a,exactUsedKey:o,usedLng:s,usedNS:l}}isValidLookup(e){return e!==void 0&&!(!this.options.returnNull&&e===null)&&!(!this.options.returnEmptyString&&e==="")}getResource(e,t,r,a={}){var o;return(o=this.i18nFormat)!=null&&o.getResource?this.i18nFormat.getResource(e,t,r,a):this.resourceStore.getResource(e,t,r,a)}getUsedParamsDetails(e={}){const t=["defaultValue","ordinal","context","replace","lng","lngs","fallbackLng","ns","keySeparator","nsSeparator","returnObjects","returnDetails","joinArrays","postProcess","interpolation"],r=e.replace&&!H(e.replace);let a=r?e.replace:e;if(r&&typeof e.count<"u"&&(a.count=e.count),this.options.interpolation.defaultVariables&&(a={...this.options.interpolation.defaultVariables,...a}),!r){a={...a};for(const o of t)delete a[o]}return a}static hasDefaultValue(e){const t="defaultValue";for(const r in e)if(Object.prototype.hasOwnProperty.call(e,r)&&r.startsWith(t)&&e[r]!==void 0)return!0;return!1}}class Mt{constructor(e){this.options=e,this.supportedLngs=this.options.supportedLngs||!1,this.logger=le.create("languageUtils")}getScriptPartFromCode(e){if(e=Ie(e),!e||!e.includes("-"))return null;const t=e.split("-");return t.length===2||(t.pop(),t[t.length-1].toLowerCase()==="x")?null:this.formatLanguageCode(t.join("-"))}getLanguagePartFromCode(e){if(e=Ie(e),!e||!e.includes("-"))return e;const t=e.split("-");return this.formatLanguageCode(t[0])}formatLanguageCode(e){if(H(e)&&e.includes("-")){let t;try{t=Intl.getCanonicalLocales(e)[0]}catch{}return t&&this.options.lowerCaseLng&&(t=t.toLowerCase()),t||(this.options.lowerCaseLng?e.toLowerCase():e)}return this.options.cleanCode||this.options.lowerCaseLng?e.toLowerCase():e}isSupportedCode(e){return(this.options.load==="languageOnly"||this.options.nonExplicitSupportedLngs)&&(e=this.getLanguagePartFromCode(e)),!this.supportedLngs||!this.supportedLngs.length||this.supportedLngs.includes(e)}getBestMatchFromCodes(e){if(!e)return null;let t;return e.forEach(r=>{if(t)return;const a=this.formatLanguageCode(r);(!this.options.supportedLngs||this.isSupportedCode(a))&&(t=a)}),!t&&this.options.supportedLngs&&e.forEach(r=>{if(t)return;const a=this.getScriptPartFromCode(r);if(this.isSupportedCode(a))return t=a;const o=this.getLanguagePartFromCode(r);if(this.isSupportedCode(o))return t=o;t=this.options.supportedLngs.find(s=>s===o?!0:!s.includes("-")&&!o.includes("-")?!1:!!(s.includes("-")&&!o.includes("-")&&s.slice(0,s.indexOf("-"))===o||s.startsWith(o)&&o.length>1))}),t||(t=this.getFallbackCodes(this.options.fallbackLng)[0]),t}getFallbackCodes(e,t){if(!e)return[];if(typeof e=="function"&&(e=e(t)),H(e)&&(e=[e]),Array.isArray(e))return e;if(!t)return e.default||[];let r=e[t];return r||(r=e[this.getScriptPartFromCode(t)]),r||(r=e[this.formatLanguageCode(t)]),r||(r=e[this.getLanguagePartFromCode(t)]),r||(r=e.default),r||[]}toResolveHierarchy(e,t){const r=this.getFallbackCodes((t===!1?[]:t)||this.options.fallbackLng||[],e),a=[],o=s=>{s&&(this.isSupportedCode(s)?a.push(s):this.logger.warn(`rejecting language code not found in supportedLngs: ${s}`))};return H(e)&&(e.includes("-")||e.includes("_"))?(this.options.load!=="languageOnly"&&o(this.formatLanguageCode(e)),this.options.load!=="languageOnly"&&this.options.load!=="currentOnly"&&o(this.getScriptPartFromCode(e)),this.options.load!=="currentOnly"&&o(this.getLanguagePartFromCode(e))):H(e)&&o(this.formatLanguageCode(e)),r.forEach(s=>{a.includes(s)||o(this.formatLanguageCode(s))}),a}}const Pt={zero:0,one:1,two:2,few:3,many:4,other:5},Ht={select:n=>n===1?"one":"other",resolvedOptions:()=>({pluralCategories:["one","other"]})};class ho{constructor(e,t={}){this.languageUtils=e,this.options=t,this.logger=le.create("pluralResolver"),this.pluralRulesCache={}}clearCache(){this.pluralRulesCache={}}getRule(e,t={}){const r=Ie(e==="dev"?"en":e),a=t.ordinal?"ordinal":"cardinal",o=JSON.stringify({cleanedCode:r,type:a});if(o in this.pluralRulesCache)return this.pluralRulesCache[o];let s;try{s=new Intl.PluralRules(r,{type:a})}catch{if(typeof Intl>"u")return this.logger.error("No Intl support, please use an Intl polyfill!"),Ht;if(!e.match(/-|_/))return Ht;const d=this.languageUtils.getLanguagePartFromCode(e);s=this.getRule(d,t)}return this.pluralRulesCache[o]=s,s}needsPlural(e,t={}){let r=this.getRule(e,t);return r||(r=this.getRule("dev",t)),(r==null?void 0:r.resolvedOptions().pluralCategories.length)>1}getPluralFormsOfKey(e,t,r={}){return this.getSuffixes(e,r).map(a=>`${t}${a}`)}getSuffixes(e,t={}){let r=this.getRule(e,t);return r||(r=this.getRule("dev",t)),r?r.resolvedOptions().pluralCategories.sort((a,o)=>Pt[a]-Pt[o]).map(a=>`${this.options.prepend}${t.ordinal?`ordinal${this.options.prepend}`:""}${a}`):[]}getSuffix(e,t,r={}){const a=this.getRule(e,r);return a?`${this.options.prepend}${r.ordinal?`ordinal${this.options.prepend}`:""}${a.select(t)}`:(this.logger.warn(`no plural rule found for: ${e}`),this.getSuffix("dev",t,r))}}const Rt=(n,e,t,r=".",a=!0)=>{let o=oo(n,e,t);return!o&&a&&H(t)&&(o=et(n,t,r),o===void 0&&(o=et(e,t,r))),o},qe=n=>n.replace(/\$/g,"$$$$");class Ft{constructor(e={}){var t;this.logger=le.create("interpolator"),this.options=e,this.format=((t=e==null?void 0:e.interpolation)==null?void 0:t.format)||(r=>r),this.init(e)}init(e={}){e.interpolation||(e.interpolation={escapeValue:!0});const{escape:t,escapeValue:r,useRawValueToEscape:a,prefix:o,prefixEscaped:s,suffix:l,suffixEscaped:d,formatSeparator:c,unescapeSuffix:u,unescapePrefix:p,nestingPrefix:g,nestingPrefixEscaped:f,nestingSuffix:h,nestingSuffixEscaped:w,nestingOptionsSeparator:O,maxReplaces:A,alwaysFormat:j}=e.interpolation;this.escape=t!==void 0?t:so,this.escapeValue=r!==void 0?r:!0,this.useRawValueToEscape=a!==void 0?a:!1,this.prefix=o?ye(o):s||"{{",this.suffix=l?ye(l):d||"}}",this.formatSeparator=c||",",this.unescapePrefix=u?"":p||"-",this.unescapeSuffix=this.unescapePrefix?"":u||"",this.nestingPrefix=g?ye(g):f||ye("$t("),this.nestingSuffix=h?ye(h):w||ye(")"),this.nestingOptionsSeparator=O||",",this.maxReplaces=A||1e3,this.alwaysFormat=j!==void 0?j:!1,this.resetRegExp()}reset(){this.options&&this.init(this.options)}resetRegExp(){const e=(t,r)=>(t==null?void 0:t.source)===r?(t.lastIndex=0,t):new RegExp(r,"g");this.regexp=e(this.regexp,`${this.prefix}(.+?)${this.suffix}`),this.regexpUnescape=e(this.regexpUnescape,`${this.prefix}${this.unescapePrefix}(.+?)${this.unescapeSuffix}${this.suffix}`),this.nestingRegexp=e(this.nestingRegexp,`${this.nestingPrefix}((?:[^()"']+|"[^"]*"|'[^']*'|\\((?:[^()]|"[^"]*"|'[^']*')*\\))*?)${this.nestingSuffix}`)}interpolate(e,t,r,a){var f;let o,s,l;const d=this.options&&this.options.interpolation&&this.options.interpolation.defaultVariables||{},c=h=>{if(!h.includes(this.formatSeparator)){const j=Rt(t,d,h,this.options.keySeparator,this.options.ignoreJSONStructure);return this.alwaysFormat?this.format(j,void 0,r,{...a,...t,interpolationkey:h}):j}const w=h.split(this.formatSeparator),O=w.shift().trim(),A=w.join(this.formatSeparator).trim();return this.format(Rt(t,d,O,this.options.keySeparator,this.options.ignoreJSONStructure),A,r,{...a,...t,interpolationkey:O})};this.resetRegExp();const u=(a==null?void 0:a.missingInterpolationHandler)||this.options.missingInterpolationHandler,p=((f=a==null?void 0:a.interpolation)==null?void 0:f.skipOnVariables)!==void 0?a.interpolation.skipOnVariables:this.options.interpolation.skipOnVariables;return[{regex:this.regexpUnescape,safeValue:h=>qe(h)},{regex:this.regexp,safeValue:h=>this.escapeValue?qe(this.escape(h)):qe(h)}].forEach(h=>{for(l=0;o=h.regex.exec(e);){const w=o[1].trim();if(s=c(w),s===void 0)if(typeof u=="function"){const A=u(e,o,a);s=H(A)?A:""}else if(a&&Object.prototype.hasOwnProperty.call(a,w))s="";else if(p){s=o[0];continue}else this.logger.warn(`missed to pass in variable ${w} for interpolating ${e}`),s="";else!H(s)&&!this.useRawValueToEscape&&(s=Et(s));const O=h.safeValue(s);if(e=e.replace(o[0],O),p?(h.regex.lastIndex+=s.length,h.regex.lastIndex-=o[0].length):h.regex.lastIndex=0,l++,l>=this.maxReplaces)break}}),e}nest(e,t,r={}){let a,o,s;const l=(d,c)=>{const u=this.nestingOptionsSeparator;if(!d.includes(u))return d;const p=d.split(new RegExp(`${ye(u)}[ ]*{`));let g=`{${p[1]}`;d=p[0],g=this.interpolate(g,s);const f=g.match(/'/g),h=g.match(/"/g);(((f==null?void 0:f.length)??0)%2===0&&!h||((h==null?void 0:h.length)??0)%2!==0)&&(g=g.replace(/'/g,'"'));try{s=JSON.parse(g),c&&(s={...c,...s})}catch(w){return this.logger.warn(`failed parsing options string in nesting for key ${d}`,w),`${d}${u}${g}`}return s.defaultValue&&s.defaultValue.includes(this.prefix)&&delete s.defaultValue,d};for(;a=this.nestingRegexp.exec(e);){let d=[];s={...r},s=s.replace&&!H(s.replace)?s.replace:s,s.applyPostProcessor=!1,delete s.defaultValue;const c=/{.*}/.test(a[1])?a[1].lastIndexOf("}")+1:a[1].indexOf(this.formatSeparator);if(c!==-1&&(d=a[1].slice(c).split(this.formatSeparator).map(u=>u.trim()).filter(Boolean),a[1]=a[1].slice(0,c)),o=t(l.call(this,a[1].trim(),s),s),o&&a[0]===e&&!H(o))return o;H(o)||(o=Et(o)),o||(this.logger.warn(`missed to resolve ${a[1]} for nesting ${e}`),o=""),d.length&&(o=d.reduce((u,p)=>this.format(u,p,r.lng,{...r,interpolationkey:a[1].trim()}),o.trim())),e=e.replace(a[0],o),this.regexp.lastIndex=0}return e}}const mo=n=>{let e=n.toLowerCase().trim();const t={};if(n.includes("(")){const r=n.split("(");e=r[0].toLowerCase().trim();const a=r[1].slice(0,-1);e==="currency"&&!a.includes(":")?t.currency||(t.currency=a.trim()):e==="relativetime"&&!a.includes(":")?t.range||(t.range=a.trim()):a.split(";").forEach(s=>{if(s){const[l,...d]=s.split(":"),c=d.join(":").trim().replace(/^'+|'+$/g,""),u=l.trim();t[u]||(t[u]=c),c==="false"&&(t[u]=!1),c==="true"&&(t[u]=!0),isNaN(c)||(t[u]=parseInt(c,10))}})}return{formatName:e,formatOptions:t}},Nt=n=>{const e={};return(t,r,a)=>{let o=a;a&&a.interpolationkey&&a.formatParams&&a.formatParams[a.interpolationkey]&&a[a.interpolationkey]&&(o={...o,[a.interpolationkey]:void 0});const s=r+JSON.stringify(o);let l=e[s];return l||(l=n(Ie(r),a),e[s]=l),l(t)}},xo=n=>(e,t,r)=>n(Ie(t),r)(e);class yo{constructor(e={}){this.logger=le.create("formatter"),this.options=e,this.init(e)}init(e,t={interpolation:{}}){this.formatSeparator=t.interpolation.formatSeparator||",";const r=t.cacheInBuiltFormats?Nt:xo;this.formats={number:r((a,o)=>{const s=new Intl.NumberFormat(a,{...o});return l=>s.format(l)}),currency:r((a,o)=>{const s=new Intl.NumberFormat(a,{...o,style:"currency"});return l=>s.format(l)}),datetime:r((a,o)=>{const s=new Intl.DateTimeFormat(a,{...o});return l=>s.format(l)}),relativetime:r((a,o)=>{const s=new Intl.RelativeTimeFormat(a,{...o});return l=>s.format(l,o.range||"day")}),list:r((a,o)=>{const s=new Intl.ListFormat(a,{...o});return l=>s.format(l)})}}add(e,t){this.formats[e.toLowerCase().trim()]=t}addCached(e,t){this.formats[e.toLowerCase().trim()]=Nt(t)}format(e,t,r,a={}){if(!t||e==null)return e;const o=t.split(this.formatSeparator);if(o.length>1&&o[0].indexOf("(")>1&&!o[0].includes(")")&&o.find(l=>l.includes(")"))){const l=o.findIndex(d=>d.includes(")"));o[0]=[o[0],...o.splice(1,l)].join(this.formatSeparator)}return o.reduce((l,d)=>{var p;const{formatName:c,formatOptions:u}=mo(d);if(this.formats[c]){let g=l;try{const f=((p=a==null?void 0:a.formatParams)==null?void 0:p[a.interpolationkey])||{},h=f.locale||f.lng||a.locale||a.lng||r;g=this.formats[c](l,h,{...u,...a,...f})}catch(f){this.logger.warn(f)}return g}else this.logger.warn(`there was no format function for ${c}`);return l},e)}}const bo=(n,e)=>{n.pending[e]!==void 0&&(delete n.pending[e],n.pendingCount--)};class vo extends We{constructor(e,t,r,a={}){var o,s;super(),this.backend=e,this.store=t,this.services=r,this.languageUtils=r.languageUtils,this.options=a,this.logger=le.create("backendConnector"),this.waitingReads=[],this.maxParallelReads=a.maxParallelReads||10,this.readingCalls=0,this.maxRetries=a.maxRetries>=0?a.maxRetries:5,this.retryTimeout=a.retryTimeout>=1?a.retryTimeout:350,this.state={},this.queue=[],(s=(o=this.backend)==null?void 0:o.init)==null||s.call(o,r,a.backend,a)}queueLoad(e,t,r,a){const o={},s={},l={},d={};return e.forEach(c=>{let u=!0;t.forEach(p=>{const g=`${c}|${p}`;!r.reload&&this.store.hasResourceBundle(c,p)?this.state[g]=2:this.state[g]<0||(this.state[g]===1?s[g]===void 0&&(s[g]=!0):(this.state[g]=1,u=!1,s[g]===void 0&&(s[g]=!0),o[g]===void 0&&(o[g]=!0),d[p]===void 0&&(d[p]=!0)))}),u||(l[c]=!0)}),(Object.keys(o).length||Object.keys(s).length)&&this.queue.push({pending:s,pendingCount:Object.keys(s).length,loaded:{},errors:[],callback:a}),{toLoad:Object.keys(o),pending:Object.keys(s),toLoadLanguages:Object.keys(l),toLoadNamespaces:Object.keys(d)}}loaded(e,t,r){const a=e.split("|"),o=a[0],s=a[1];t&&this.emit("failedLoading",o,s,t),!t&&r&&this.store.addResourceBundle(o,s,r,void 0,void 0,{skipCopy:!0}),this.state[e]=t?-1:2,t&&r&&(this.state[e]=0);const l={};this.queue.forEach(d=>{ao(d.loaded,[o],s),bo(d,e),t&&d.errors.push(t),d.pendingCount===0&&!d.done&&(Object.keys(d.loaded).forEach(c=>{l[c]||(l[c]={});const u=d.loaded[c];u.length&&u.forEach(p=>{l[c][p]===void 0&&(l[c][p]=!0)})}),d.done=!0,d.errors.length?d.callback(d.errors):d.callback())}),this.emit("loaded",l),this.queue=this.queue.filter(d=>!d.done)}read(e,t,r,a=0,o=this.retryTimeout,s){if(!e.length)return s(null,{});if(this.readingCalls>=this.maxParallelReads){this.waitingReads.push({lng:e,ns:t,fcName:r,tried:a,wait:o,callback:s});return}this.readingCalls++;const l=(c,u)=>{if(this.readingCalls--,this.waitingReads.length>0){const p=this.waitingReads.shift();this.read(p.lng,p.ns,p.fcName,p.tried,p.wait,p.callback)}if(c&&u&&a<this.maxRetries){setTimeout(()=>{this.read(e,t,r,a+1,o*2,s)},o);return}s(c,u)},d=this.backend[r].bind(this.backend);if(d.length===2){try{const c=d(e,t);c&&typeof c.then=="function"?c.then(u=>l(null,u)).catch(l):l(null,c)}catch(c){l(c)}return}return d(e,t,l)}prepareLoading(e,t,r={},a){if(!this.backend)return this.logger.warn("No backend was added via i18next.use. Will not load resources."),a&&a();H(e)&&(e=this.languageUtils.toResolveHierarchy(e)),H(t)&&(t=[t]);const o=this.queueLoad(e,t,r,a);if(!o.toLoad.length)return o.pending.length||a(),null;o.toLoad.forEach(s=>{this.loadOne(s)})}load(e,t,r){this.prepareLoading(e,t,{},r)}reload(e,t,r){this.prepareLoading(e,t,{reload:!0},r)}loadOne(e,t=""){const r=e.split("|"),a=r[0],o=r[1];this.read(a,o,"read",void 0,void 0,(s,l)=>{s&&this.logger.warn(`${t}loading namespace ${o} for language ${a} failed`,s),!s&&l&&this.logger.log(`${t}loaded namespace ${o} for language ${a}`,l),this.loaded(e,s,l)})}saveMissing(e,t,r,a,o,s={},l=()=>{}){var d,c,u,p,g;if((c=(d=this.services)==null?void 0:d.utils)!=null&&c.hasLoadedNamespace&&!((p=(u=this.services)==null?void 0:u.utils)!=null&&p.hasLoadedNamespace(t))){this.logger.warn(`did not save key "${r}" as the namespace "${t}" was not yet loaded`,"This means something IS WRONG in your setup. You access the t function before i18next.init / i18next.loadNamespace / i18next.changeLanguage was done. Wait for the callback or Promise to resolve before accessing it!!!");return}if(!(r==null||r==="")){if((g=this.backend)!=null&&g.create){const f={...s,isUpdate:o},h=this.backend.create.bind(this.backend);if(h.length<6)try{let w;h.length===5?w=h(e,t,r,a,f):w=h(e,t,r,a),w&&typeof w.then=="function"?w.then(O=>l(null,O)).catch(l):l(null,w)}catch(w){l(w)}else h(e,t,r,a,l,f)}!e||!e[0]||this.store.addResource(e[0],t,r,a)}}}const Ze=()=>({debug:!1,initAsync:!0,ns:["translation"],defaultNS:["translation"],fallbackLng:["dev"],fallbackNS:!1,supportedLngs:!1,nonExplicitSupportedLngs:!1,load:"all",preload:!1,keySeparator:".",nsSeparator:":",pluralSeparator:"_",contextSeparator:"_",partialBundledLanguages:!1,saveMissing:!1,updateMissing:!1,saveMissingTo:"fallback",saveMissingPlurals:!0,missingKeyHandler:!1,missingInterpolationHandler:!1,postProcess:!1,postProcessPassResolved:!1,returnNull:!1,returnEmptyString:!0,returnObjects:!1,joinArrays:!1,returnedObjectHandler:!1,parseMissingKeyHandler:!1,appendNamespaceToMissingKey:!1,appendNamespaceToCIMode:!1,overloadTranslationOptionHandler:n=>{let e={};if(typeof n[1]=="object"&&(e=n[1]),H(n[1])&&(e.defaultValue=n[1]),H(n[2])&&(e.tDescription=n[2]),typeof n[2]=="object"||typeof n[3]=="object"){const t=n[3]||n[2];Object.keys(t).forEach(r=>{e[r]=t[r]})}return e},interpolation:{escapeValue:!0,prefix:"{{",suffix:"}}",formatSeparator:",",unescapePrefix:"-",nestingPrefix:"$t(",nestingSuffix:")",nestingOptionsSeparator:",",maxReplaces:1e3,skipOnVariables:!0},cacheInBuiltFormats:!0}),Vt=n=>(H(n.ns)&&(n.ns=[n.ns]),H(n.fallbackLng)&&(n.fallbackLng=[n.fallbackLng]),H(n.fallbackNS)&&(n.fallbackNS=[n.fallbackNS]),n.supportedLngs&&!n.supportedLngs.includes("cimode")&&(n.supportedLngs=n.supportedLngs.concat(["cimode"])),n),Re=()=>{},wo=n=>{Object.getOwnPropertyNames(Object.getPrototypeOf(n)).forEach(t=>{typeof n[t]=="function"&&(n[t]=n[t].bind(n))})};class Te extends We{constructor(e={},t){if(super(),this.options=Vt(e),this.services={},this.logger=le,this.modules={external:[]},wo(this),t&&!this.isInitialized&&!e.isClone){if(!this.options.initAsync)return this.init(e,t),this;setTimeout(()=>{this.init(e,t)},0)}}init(e={},t){this.isInitializing=!0,typeof e=="function"&&(t=e,e={}),e.defaultNS==null&&e.ns&&(H(e.ns)?e.defaultNS=e.ns:e.ns.includes("translation")||(e.defaultNS=e.ns[0]));const r=Ze();this.options={...r,...this.options,...Vt(e)},this.options.interpolation={...r.interpolation,...this.options.interpolation},e.keySeparator!==void 0&&(this.options.userDefinedKeySeparator=e.keySeparator),e.nsSeparator!==void 0&&(this.options.userDefinedNsSeparator=e.nsSeparator),typeof this.options.overloadTranslationOptionHandler!="function"&&(this.options.overloadTranslationOptionHandler=r.overloadTranslationOptionHandler);const a=c=>c?typeof c=="function"?new c:c:null;if(!this.options.isClone){this.modules.logger?le.init(a(this.modules.logger),this.options):le.init(null,this.options);let c;this.modules.formatter?c=this.modules.formatter:c=yo;const u=new Mt(this.options);this.store=new zt(this.options.resources,this.options);const p=this.services;p.logger=le,p.resourceStore=this.store,p.languageUtils=u,p.pluralResolver=new ho(u,{prepend:this.options.pluralSeparator}),c&&(p.formatter=a(c),p.formatter.init&&p.formatter.init(p,this.options),this.options.interpolation.format=p.formatter.format.bind(p.formatter)),p.interpolator=new Ft(this.options),p.utils={hasLoadedNamespace:this.hasLoadedNamespace.bind(this)},p.backendConnector=new vo(a(this.modules.backend),p.resourceStore,p,this.options),p.backendConnector.on("*",(g,...f)=>{this.emit(g,...f)}),this.modules.languageDetector&&(p.languageDetector=a(this.modules.languageDetector),p.languageDetector.init&&p.languageDetector.init(p,this.options.detection,this.options)),this.modules.i18nFormat&&(p.i18nFormat=a(this.modules.i18nFormat),p.i18nFormat.init&&p.i18nFormat.init(this)),this.translator=new _e(this.services,this.options),this.translator.on("*",(g,...f)=>{this.emit(g,...f)}),this.modules.external.forEach(g=>{g.init&&g.init(this)})}if(this.format=this.options.interpolation.format,t||(t=Re),this.options.fallbackLng&&!this.services.languageDetector&&!this.options.lng){const c=this.services.languageUtils.getFallbackCodes(this.options.fallbackLng);c.length>0&&c[0]!=="dev"&&(this.options.lng=c[0])}!this.services.languageDetector&&!this.options.lng&&this.logger.warn("init: no languageDetector is used and no lng is defined"),["getResource","hasResourceBundle","getResourceBundle","getDataByLanguage"].forEach(c=>{this[c]=(...u)=>this.store[c](...u)}),["addResource","addResources","addResourceBundle","removeResourceBundle"].forEach(c=>{this[c]=(...u)=>(this.store[c](...u),this)});const l=De(),d=()=>{const c=(u,p)=>{this.isInitializing=!1,this.isInitialized&&!this.initializedStoreOnce&&this.logger.warn("init: i18next is already initialized. You should call init just once!"),this.isInitialized=!0,this.options.isClone||this.logger.log("initialized",this.options),this.emit("initialized",this.options),l.resolve(p),t(u,p)};if(this.languages&&!this.isInitialized)return c(null,this.t.bind(this));this.changeLanguage(this.options.lng,c)};return this.options.resources||!this.options.initAsync?d():setTimeout(d,0),l}loadResources(e,t=Re){var o,s;let r=t;const a=H(e)?e:this.language;if(typeof e=="function"&&(r=e),!this.options.resources||this.options.partialBundledLanguages){if((a==null?void 0:a.toLowerCase())==="cimode"&&(!this.options.preload||this.options.preload.length===0))return r();const l=[],d=c=>{if(!c||c==="cimode")return;this.services.languageUtils.toResolveHierarchy(c).forEach(p=>{p!=="cimode"&&(l.includes(p)||l.push(p))})};a?d(a):this.services.languageUtils.getFallbackCodes(this.options.fallbackLng).forEach(u=>d(u)),(s=(o=this.options.preload)==null?void 0:o.forEach)==null||s.call(o,c=>d(c)),this.services.backendConnector.load(l,this.options.ns,c=>{!c&&!this.resolvedLanguage&&this.language&&this.setResolvedLanguage(this.language),r(c)})}else r(null)}reloadResources(e,t,r){const a=De();return typeof e=="function"&&(r=e,e=void 0),typeof t=="function"&&(r=t,t=void 0),e||(e=this.languages),t||(t=this.options.ns),r||(r=Re),this.services.backendConnector.reload(e,t,o=>{a.resolve(),r(o)}),a}use(e){if(!e)throw new Error("You are passing an undefined module! Please check the object you are passing to i18next.use()");if(!e.type)throw new Error("You are passing a wrong module! Please check the object you are passing to i18next.use()");return e.type==="backend"&&(this.modules.backend=e),(e.type==="logger"||e.log&&e.warn&&e.error)&&(this.modules.logger=e),e.type==="languageDetector"&&(this.modules.languageDetector=e),e.type==="i18nFormat"&&(this.modules.i18nFormat=e),e.type==="postProcessor"&&xr.addPostProcessor(e),e.type==="formatter"&&(this.modules.formatter=e),e.type==="3rdParty"&&this.modules.external.push(e),this}setResolvedLanguage(e){if(!(!e||!this.languages)&&!["cimode","dev"].includes(e)){for(let t=0;t<this.languages.length;t++){const r=this.languages[t];if(!["cimode","dev"].includes(r)&&this.store.hasLanguageSomeTranslations(r)){this.resolvedLanguage=r;break}}!this.resolvedLanguage&&!this.languages.includes(e)&&this.store.hasLanguageSomeTranslations(e)&&(this.resolvedLanguage=e,this.languages.unshift(e))}}changeLanguage(e,t){this.isLanguageChangingTo=e;const r=De();this.emit("languageChanging",e);const a=l=>{this.language=l,this.languages=this.services.languageUtils.toResolveHierarchy(l),this.resolvedLanguage=void 0,this.setResolvedLanguage(l)},o=(l,d)=>{d?this.isLanguageChangingTo===e&&(a(d),this.translator.changeLanguage(d),this.isLanguageChangingTo=void 0,this.emit("languageChanged",d),this.logger.log("languageChanged",d)):this.isLanguageChangingTo=void 0,r.resolve((...c)=>this.t(...c)),t&&t(l,(...c)=>this.t(...c))},s=l=>{var u,p;!e&&!l&&this.services.languageDetector&&(l=[]);const d=H(l)?l:l&&l[0],c=this.store.hasLanguageSomeTranslations(d)?d:this.services.languageUtils.getBestMatchFromCodes(H(l)?[l]:l);c&&(this.language||a(c),this.translator.language||this.translator.changeLanguage(c),(p=(u=this.services.languageDetector)==null?void 0:u.cacheUserLanguage)==null||p.call(u,c)),this.loadResources(c,g=>{o(g,c)})};return!e&&this.services.languageDetector&&!this.services.languageDetector.async?s(this.services.languageDetector.detect()):!e&&this.services.languageDetector&&this.services.languageDetector.async?this.services.languageDetector.detect.length===0?this.services.languageDetector.detect().then(s):this.services.languageDetector.detect(s):s(e),r}getFixedT(e,t,r){const a=(o,s,...l)=>{let d;typeof s!="object"?d=this.options.overloadTranslationOptionHandler([o,s].concat(l)):d={...s},d.lng=d.lng||a.lng,d.lngs=d.lngs||a.lngs,d.ns=d.ns||a.ns,d.keyPrefix!==""&&(d.keyPrefix=d.keyPrefix||r||a.keyPrefix);const c={...this.options,...d};typeof d.keyPrefix=="function"&&(d.keyPrefix=Ce(d.keyPrefix,c));const u=this.options.keySeparator||".";let p;return d.keyPrefix&&Array.isArray(o)?p=o.map(g=>(typeof g=="function"&&(g=Ce(g,c)),`${d.keyPrefix}${u}${g}`)):(typeof o=="function"&&(o=Ce(o,c)),p=d.keyPrefix?`${d.keyPrefix}${u}${o}`:o),this.t(p,d)};return H(e)?a.lng=e:a.lngs=e,a.ns=t,a.keyPrefix=r,a}t(...e){var t;return(t=this.translator)==null?void 0:t.translate(...e)}exists(...e){var t;return(t=this.translator)==null?void 0:t.exists(...e)}setDefaultNamespace(e){this.options.defaultNS=e}hasLoadedNamespace(e,t={}){if(!this.isInitialized)return this.logger.warn("hasLoadedNamespace: i18next was not initialized",this.languages),!1;if(!this.languages||!this.languages.length)return this.logger.warn("hasLoadedNamespace: i18n.languages were undefined or empty",this.languages),!1;const r=t.lng||this.resolvedLanguage||this.languages[0],a=this.options?this.options.fallbackLng:!1,o=this.languages[this.languages.length-1];if(r.toLowerCase()==="cimode")return!0;const s=(l,d)=>{const c=this.services.backendConnector.state[`${l}|${d}`];return c===-1||c===0||c===2};if(t.precheck){const l=t.precheck(this,s);if(l!==void 0)return l}return!!(this.hasResourceBundle(r,e)||!this.services.backendConnector.backend||this.options.resources&&!this.options.partialBundledLanguages||s(r,e)&&(!a||s(o,e)))}loadNamespaces(e,t){const r=De();return this.options.ns?(H(e)&&(e=[e]),e.forEach(a=>{this.options.ns.includes(a)||this.options.ns.push(a)}),this.loadResources(a=>{r.resolve(),t&&t(a)}),r):(t&&t(),Promise.resolve())}loadLanguages(e,t){const r=De();H(e)&&(e=[e]);const a=this.options.preload||[],o=e.filter(s=>!a.includes(s)&&this.services.languageUtils.isSupportedCode(s));return o.length?(this.options.preload=a.concat(o),this.loadResources(s=>{r.resolve(),t&&t(s)}),r):(t&&t(),Promise.resolve())}dir(e){var a,o;if(e||(e=this.resolvedLanguage||(((a=this.languages)==null?void 0:a.length)>0?this.languages[0]:this.language)),!e)return"rtl";try{const s=new Intl.Locale(e);if(s&&s.getTextInfo){const l=s.getTextInfo();if(l&&l.direction)return l.direction}}catch{}const t=["ar","shu","sqr","ssh","xaa","yhd","yud","aao","abh","abv","acm","acq","acw","acx","acy","adf","ads","aeb","aec","afb","ajp","apc","apd","arb","arq","ars","ary","arz","auz","avl","ayh","ayl","ayn","ayp","bbz","pga","he","iw","ps","pbt","pbu","pst","prp","prd","ug","ur","ydd","yds","yih","ji","yi","hbo","men","xmn","fa","jpr","peo","pes","prs","dv","sam","ckb"],r=((o=this.services)==null?void 0:o.languageUtils)||new Mt(Ze());return e.toLowerCase().indexOf("-latn")>1?"ltr":t.includes(r.getLanguagePartFromCode(e))||e.toLowerCase().indexOf("-arab")>1?"rtl":"ltr"}static createInstance(e={},t){const r=new Te(e,t);return r.createInstance=Te.createInstance,r}cloneInstance(e={},t=Re){const r=e.forkResourceStore;r&&delete e.forkResourceStore;const a={...this.options,...e,isClone:!0},o=new Te(a);if((e.debug!==void 0||e.prefix!==void 0)&&(o.logger=o.logger.clone(e)),["store","services","language"].forEach(l=>{o[l]=this[l]}),o.services={...this.services},o.services.utils={hasLoadedNamespace:o.hasLoadedNamespace.bind(o)},r){const l=Object.keys(this.store.data).reduce((d,c)=>(d[c]={...this.store.data[c]},d[c]=Object.keys(d[c]).reduce((u,p)=>(u[p]={...d[c][p]},u),d[c]),d),{});o.store=new zt(l,a),o.services.resourceStore=o.store}if(e.interpolation){const d={...Ze().interpolation,...this.options.interpolation,...e.interpolation},c={...a,interpolation:d};o.services.interpolator=new Ft(c)}return o.translator=new _e(o.services,a),o.translator.on("*",(l,...d)=>{o.emit(l,...d)}),o.init(a,t),o.translator.options=a,o.translator.backendConnector.services.utils={hasLoadedNamespace:o.hasLoadedNamespace.bind(o)},o}toJSON(){return{options:this.options,store:this.store,language:this.language,languages:this.languages,resolvedLanguage:this.resolvedLanguage}}}const X=Te.createInstance();X.createInstance;X.dir;X.init;X.loadResources;X.reloadResources;X.use;X.changeLanguage;X.getFixedT;X.t;X.exists;X.setDefaultNamespace;X.hasLoadedNamespace;X.loadNamespaces;X.loadLanguages;X.use(kr).use(jr).use(Bt.initReactI18next).init({fallbackLng:"en",supportedLngs:["en","ka"],debug:!1,backend:{loadPath:"/locales/langs/{{lng}}.json"},detection:{order:["localStorage"],lookupLocalStorage:"Language",caches:["localStorage"]},interpolation:{escapeValue:!1}});function So(n){return n&&n.__esModule&&Object.prototype.hasOwnProperty.call(n,"default")?n.default:n}var Fe={exports:{}},Co=Fe.exports,At;function jo(){return At||(At=1,(function(n,e){(function(t,r){n.exports=r()})(Co,(function(){var t=1e3,r=6e4,a=36e5,o="millisecond",s="second",l="minute",d="hour",c="day",u="week",p="month",g="quarter",f="year",h="date",w="Invalid Date",O=/^(\d{4})[-/]?(\d{1,2})?[-/]?(\d{0,2})[Tt\s]*(\d{1,2})?:?(\d{1,2})?:?(\d{1,2})?[.:]?(\d+)?$/,A=/\[([^\]]+)]|Y{1,4}|M{1,4}|D{1,2}|d{1,4}|H{1,2}|h{1,2}|a|A|m{1,2}|s{1,2}|Z{1,2}|SSS/g,j={name:"en",weekdays:"Sunday_Monday_Tuesday_Wednesday_Thursday_Friday_Saturday".split("_"),months:"January_February_March_April_May_June_July_August_September_October_November_December".split("_"),ordinal:function(k){var C=["th","st","nd","rd"],y=k%100;return"["+k+(C[(y-20)%10]||C[y]||C[0])+"]"}},L=function(k,C,y){var x=String(k);return!x||x.length>=C?k:""+Array(C+1-x.length).join(y)+k},T={s:L,z:function(k){var C=-k.utcOffset(),y=Math.abs(C),x=Math.floor(y/60),b=y%60;return(C<=0?"+":"-")+L(x,2,"0")+":"+L(b,2,"0")},m:function k(C,y){if(C.date()<y.date())return-k(y,C);var x=12*(y.year()-C.year())+(y.month()-C.month()),b=C.clone().add(x,p),E=y-b<0,z=C.clone().add(x+(E?-1:1),p);return+(-(x+(y-b)/(E?b-z:z-b))||0)},a:function(k){return k<0?Math.ceil(k)||0:Math.floor(k)},p:function(k){return{M:p,y:f,w:u,d:c,D:h,h:d,m:l,s,ms:o,Q:g}[k]||String(k||"").toLowerCase().replace(/s$/,"")},u:function(k){return k===void 0}},V="en",B={};B[V]=j;var _="$isDayjsObject",Y=function(k){return k instanceof R||!(!k||!k[_])},I=function k(C,y,x){var b;if(!C)return V;if(typeof C=="string"){var E=C.toLowerCase();B[E]&&(b=E),y&&(B[E]=y,b=E);var z=C.split("-");if(!b&&z.length>1)return k(z[0])}else{var F=C.name;B[F]=C,b=F}return!x&&b&&(V=b),b||!x&&V},$=function(k,C){if(Y(k))return k.clone();var y=typeof C=="object"?C:{};return y.date=k,y.args=arguments,new R(y)},v=T;v.l=I,v.i=Y,v.w=function(k,C){return $(k,{locale:C.$L,utc:C.$u,x:C.$x,$offset:C.$offset})};var R=(function(){function k(y){this.$L=I(y.locale,null,!0),this.parse(y),this.$x=this.$x||y.x||{},this[_]=!0}var C=k.prototype;return C.parse=function(y){this.$d=(function(x){var b=x.date,E=x.utc;if(b===null)return new Date(NaN);if(v.u(b))return new Date;if(b instanceof Date)return new Date(b);if(typeof b=="string"&&!/Z$/i.test(b)){var z=b.match(O);if(z){var F=z[2]-1||0,G=(z[7]||"0").substring(0,3);return E?new Date(Date.UTC(z[1],F,z[3]||1,z[4]||0,z[5]||0,z[6]||0,G)):new Date(z[1],F,z[3]||1,z[4]||0,z[5]||0,z[6]||0,G)}}return new Date(b)})(y),this.init()},C.init=function(){var y=this.$d;this.$y=y.getFullYear(),this.$M=y.getMonth(),this.$D=y.getDate(),this.$W=y.getDay(),this.$H=y.getHours(),this.$m=y.getMinutes(),this.$s=y.getSeconds(),this.$ms=y.getMilliseconds()},C.$utils=function(){return v},C.isValid=function(){return this.$d.toString()!==w},C.isSame=function(y,x){var b=$(y);return this.startOf(x)<=b&&b<=this.endOf(x)},C.isAfter=function(y,x){return $(y)<this.startOf(x)},C.isBefore=function(y,x){return this.endOf(x)<$(y)},C.$g=function(y,x,b){return v.u(y)?this[x]:this.set(b,y)},C.unix=function(){return Math.floor(this.valueOf()/1e3)},C.valueOf=function(){return this.$d.getTime()},C.startOf=function(y,x){var b=this,E=!!v.u(x)||x,z=v.p(y),F=function(de,re){var me=v.w(b.$u?Date.UTC(b.$y,re,de):new Date(b.$y,re,de),b);return E?me:me.endOf(c)},G=function(de,re){return v.w(b.toDate()[de].apply(b.toDate("s"),(E?[0,0,0,0]:[23,59,59,999]).slice(re)),b)},W=this.$W,q=this.$M,Z=this.$D,ce="set"+(this.$u?"UTC":"");switch(z){case f:return E?F(1,0):F(31,11);case p:return E?F(1,q):F(0,q+1);case u:var ie=this.$locale().weekStart||0,K=(W<ie?W+7:W)-ie;return F(E?Z-K:Z+(6-K),q);case c:case h:return G(ce+"Hours",0);case d:return G(ce+"Minutes",1);case l:return G(ce+"Seconds",2);case s:return G(ce+"Milliseconds",3);default:return this.clone()}},C.endOf=function(y){return this.startOf(y,!1)},C.$set=function(y,x){var b,E=v.p(y),z="set"+(this.$u?"UTC":""),F=(b={},b[c]=z+"Date",b[h]=z+"Date",b[p]=z+"Month",b[f]=z+"FullYear",b[d]=z+"Hours",b[l]=z+"Minutes",b[s]=z+"Seconds",b[o]=z+"Milliseconds",b)[E],G=E===c?this.$D+(x-this.$W):x;if(E===p||E===f){var W=this.clone().set(h,1);W.$d[F](G),W.init(),this.$d=W.set(h,Math.min(this.$D,W.daysInMonth())).$d}else F&&this.$d[F](G);return this.init(),this},C.set=function(y,x){return this.clone().$set(y,x)},C.get=function(y){return this[v.p(y)]()},C.add=function(y,x){var b,E=this;y=Number(y);var z=v.p(x),F=function(q){var Z=$(E);return v.w(Z.date(Z.date()+Math.round(q*y)),E)};if(z===p)return this.set(p,this.$M+y);if(z===f)return this.set(f,this.$y+y);if(z===c)return F(1);if(z===u)return F(7);var G=(b={},b[l]=r,b[d]=a,b[s]=t,b)[z]||1,W=this.$d.getTime()+y*G;return v.w(W,this)},C.subtract=function(y,x){return this.add(-1*y,x)},C.format=function(y){var x=this,b=this.$locale();if(!this.isValid())return b.invalidDate||w;var E=y||"YYYY-MM-DDTHH:mm:ssZ",z=v.z(this),F=this.$H,G=this.$m,W=this.$M,q=b.weekdays,Z=b.months,ce=b.meridiem,ie=function(re,me,Le,Me){return re&&(re[me]||re(x,E))||Le[me].slice(0,Me)},K=function(re){return v.s(F%12||12,re,"0")},de=ce||function(re,me,Le){var Me=re<12?"AM":"PM";return Le?Me.toLowerCase():Me};return E.replace(A,(function(re,me){return me||(function(Le){switch(Le){case"YY":return String(x.$y).slice(-2);case"YYYY":return v.s(x.$y,4,"0");case"M":return W+1;case"MM":return v.s(W+1,2,"0");case"MMM":return ie(b.monthsShort,W,Z,3);case"MMMM":return ie(Z,W);case"D":return x.$D;case"DD":return v.s(x.$D,2,"0");case"d":return String(x.$W);case"dd":return ie(b.weekdaysMin,x.$W,q,2);case"ddd":return ie(b.weekdaysShort,x.$W,q,3);case"dddd":return q[x.$W];case"H":return String(F);case"HH":return v.s(F,2,"0");case"h":return K(1);case"hh":return K(2);case"a":return de(F,G,!0);case"A":return de(F,G,!1);case"m":return String(G);case"mm":return v.s(G,2,"0");case"s":return String(x.$s);case"ss":return v.s(x.$s,2,"0");case"SSS":return v.s(x.$ms,3,"0");case"Z":return z}return null})(re)||z.replace(":","")}))},C.utcOffset=function(){return 15*-Math.round(this.$d.getTimezoneOffset()/15)},C.diff=function(y,x,b){var E,z=this,F=v.p(x),G=$(y),W=(G.utcOffset()-this.utcOffset())*r,q=this-G,Z=function(){return v.m(z,G)};switch(F){case f:E=Z()/12;break;case p:E=Z();break;case g:E=Z()/3;break;case u:E=(q-W)/6048e5;break;case c:E=(q-W)/864e5;break;case d:E=q/a;break;case l:E=q/r;break;case s:E=q/t;break;default:E=q}return b?E:v.a(E)},C.daysInMonth=function(){return this.endOf(p).$D},C.$locale=function(){return B[this.$L]},C.locale=function(y,x){if(!y)return this.$L;var b=this.clone(),E=I(y,x,!0);return E&&(b.$L=E),b},C.clone=function(){return v.w(this.$d,this)},C.toDate=function(){return new Date(this.valueOf())},C.toJSON=function(){return this.isValid()?this.toISOString():null},C.toISOString=function(){return this.$d.toISOString()},C.toString=function(){return this.$d.toUTCString()},k})(),M=R.prototype;return $.prototype=M,[["$ms",o],["$s",s],["$m",l],["$H",d],["$W",c],["$M",p],["$y",f],["$D",h]].forEach((function(k){M[k[1]]=function(C){return this.$g(C,k[0],k[1])}})),$.extend=function(k,C){return k.$i||(k(C,R,$),k.$i=!0),$},$.locale=I,$.isDayjs=Y,$.unix=function(k){return $(1e3*k)},$.en=B[V],$.Ls=B,$.p={},$}))})(Fe)),Fe.exports}var ko=jo();const br=So(ko),Lo=({setDateFilter:n,setShowRange:e,setDates:t})=>{const r=s=>s&&s>br().endOf("day"),a=s=>{if(s&&s[0]&&s[1]){const l=ee.toISODateString(s[0].toDate()),d=ee.toISODateString(s[1].toDate());t([l,d]),n(c=>({...c,startDate:l,endDate:d})),e(!1)}},o={lang:{locale:X.language,shortMonths:[ae("0"),ae("1"),ae("2"),ae("3"),ae("4"),ae("5"),ae("6"),ae("7"),ae("8"),ae("9"),ae("10"),ae("11")],shortWeekDays:[xe("Sun"),xe("Mon"),xe("Tue"),xe("Wed"),xe("Thu"),xe("Fri"),xe("Sat")]}};return i.jsx(Zt,{dropdownClassName:"date-picker-column-style",locale:o,open:!0,allowClear:!0,format:"MMM D, YYYY",placeholder:["From","To"],getPopupContainer:s=>{var l;return((l=s==null?void 0:s.parentElement)==null?void 0:l.parentElement)??document.body},onOpenChange:s=>{s||e(!1)},onChange:s=>a(s),disabledDate:r})},Do=m(Hn)`
+    border: ${n=>n.border||"1px solid transparent"};
+    .ant-select-dropdown {
+        max-height: 200px;
+        overflow-y: auto;
+    }
+    width: ${n=>n.width||"auto"};
+`,$o=({setDateFilters:n,hasAllFilter:e=!1})=>{const[t,r]=S.useState([]),a=[{key:"week",label:Se("7D"),...ee.getCommonDateRange("week")},{key:"month",label:Se("30D"),...ee.getCommonDateRange("month")},{key:"threeMonth",label:Se("3M"),...ee.getCommonDateRange("threeMonth")},{key:"sixMonth",label:Se("6M"),...ee.getCommonDateRange("sixMonth")},{key:"twelveMonth",label:Se("12M"),...ee.getCommonDateRange("twelveMonth")},{key:"year",label:Se("YTD"),...ee.getCommonDateRange("year")},{key:"custom",label:t.length===2&&t[0]!==""?`${U("Custom")}: ${t[0]} / ${t[1]}`:U("Custom"),...ee.getCommonDateRange("custom")}],[o,s]=S.useState(),l=S.useMemo(()=>e?[{key:"all",label:U("All"),...ee.getCommonDateRange("all")},...a]:a,[e,t]);function d(c){if(c==="custom")s(!0);else{s(!1);const u=l.find(p=>p.key===c);u&&n(p=>({...p,startDate:u.startDate,endDate:u.endDate}))}return c}return i.jsxs(eo,{id:"tabs-container",children:[i.jsx(Qa,{type:"editable-card",items:l,onTabClick:d,activeKey:o?"custom":void 0,removeIcon:!0,hideAdd:!0}),o&&i.jsx(to,{children:i.jsx(Lo,{setDates:r,setDateFilter:n,setShowRange:s,getPopupContainer:()=>document.getElementById("tabs-container")})}),i.jsx(Do,{border:"1px solid var(--color-border-brand-special, #02e0ae)",className:"tab-select",width:"200px",placeholder:U("Choose"),getPopupContainer:c=>c.parentElement,onChange:d,options:l.map(c=>({value:c.key,label:c.label}))})]})},Eo=m.div`
+    .ant-dropdown-menu {
+        border-radius: 2px !important;
+        background: var(--color-bg-quaternary, #2f2f2f) !important;
+        width: 150px !important;
+        padding: 0 !important;
+    }
+
+    .ant-dropdown-menu-item {
+        padding: 0 !important; /* რომ შიდა კონტენტი გაიწელოს */
+
+        &:hover {
+            background-color: rgba(255, 255, 255, 0.05) !important;
+        }
+    }
+
+    .ant-dropdown-menu-title-content {
+        color: var(--color-text-primary, #fff) !important;
+        font-family: Geist;
+        font-size: var(--typo-caption-size-medium, 14px);
+        font-weight: 400;
+        line-height: var(--typo-caption-lineHeight-medium, 18px);
+        letter-spacing: var(--typo-caption-spacing-medium, 0.1px);
+        padding: 8px 12px; /* აქ დაარეგულირე შიდა დაშორება */
+        display: block;
+    }
+`,Oo=(n,e)=>{const t=window.URL.createObjectURL(n),r=document.createElement("a");r.href=t,r.setAttribute("download",e),document.body.appendChild(r),r.click(),document.body.removeChild(r),window.URL.revokeObjectURL(t)},To=(n,e)=>{const t=new Blob([n],{type:"text/csv;charset=utf-8;"}),r=window.URL.createObjectURL(t),a=document.createElement("a");a.href=r,a.setAttribute("download",e),document.body.appendChild(a),a.click(),document.body.removeChild(a),window.URL.revokeObjectURL(r)},Io=m(N.Dropdown)`
+    background: var(--color-bg-secondary, #f0ededff) !important;
+    font-size: 14px;
+    font-weight: 500;
+
+    .menu .ant-dropdown-menu-item .ant-dropdown-trigger {
+        padding: 10px 14px !important;
+        border-radius: 8px !important;
+        background: #000 !important;
+
+        font-size: 14px;
+        font-weight: 500;
+        color: var(--color-text-primary, #000000ff) !important;
+    }
+`,zo=m.div`
+    background-color: red;
+    padding: 5px;
+    background: var(--color-bg-opaque-primary, rgba(255, 255, 255, 0.05));
+    color: var(--color-text-primary, #fff);
+    cursor: pointer;
+`,Mo=({exportFileName:n,filters:e,service:t})=>{const r=async o=>{try{const{PageSize:s,Page:l,...d}=e,u=(await t(d,o)).data;o==="xlsx"?Oo(u,`${n}.${o}`):To(u,`${n}`)}catch(s){console.error("Export failed:",s)}},a=[{key:"1",label:`${U("ExportAs")} ${U("Xlsx")}`,onClick:()=>r("xlsx")},{key:"2",label:`${U("ExportAs")} ${U("Csv")}`,onClick:()=>r("csv")}];return i.jsx(Io,{menu:{items:a,className:"dropdown-menu"},popupRender:o=>i.jsx(Eo,{children:o}),placement:"bottomLeft",children:i.jsx(zo,{children:U("Export")})})},Po=({value:n,onChange:e,...t})=>{const r=n?br(n):null,a=o=>{o?e==null||e(ee.toISODateString(o.toDate())):e==null||e(null)};return i.jsx(N.DatePicker,{value:r,onChange:a,allowClear:!0,...t})},Ho=({id:n,refetchFormItems:e,redirectPrevPage:t,updateItem:r,addItem:a,getItemById:o,onSetFormValues:s})=>{const l=ne.useNavigate(),[d]=N.Form.useForm(),[c,u]=S.useState(n=="new"),[p,g]=S.useState(null),f=async w=>{const O=window.location.pathname,A=O.substring(0,O.lastIndexOf("/"));try{if(p){let j;return n?j=await r({...w,id:n}):j=await r(w),t!==!1&&j.data.success===!0&&l(A),j}else{const j=await a(w);return t!==!1&&j.data.success===!0&&l(A),j}}catch(j){if(j.status===400){const L=j.response.data,T=ve(L.errors);d.setFields(T)}}},h=async w=>{try{const O=await o(w),A=s?s(O.data):O.data;g(A),d.setFieldsValue(A)}catch(O){console.log(O,"Error in Form Controller.")}};return S.useEffect(()=>{u(n=="new"),n!="new"?h(Number(n)):d.resetFields()},[n,e]),{form:d,item:p,getItemById:o,isAddingForm:c,handleSave:f}},Ro=({id:n,formItem:e,updateItem:t,addItem:r,getItemById:a})=>{const[o]=N.Form.useForm(),[s,l]=S.useState(null),d=async u=>{try{let p;return n?p=await t({...u}):p=await r(u),p}catch(p){if(p.status===400){const g=p.response.data,f=ve(g.errors);o.setFields(f)}throw p}},c=async u=>{try{const g=(await a(u)).data;l(g),o.setFieldsValue(g)}catch(p){console.log(p,"Error in Form Controller.")}};return S.useEffect(()=>{try{if(!e)return;l(e),o.setFieldsValue(e)}catch(u){console.log(u,"Error in Form Controller.")}},[e]),S.useEffect(()=>{n&&c(Number(n))},[n]),{form:o,item:s,handleSave:d}},Fo=()=>{const n=ne.useNavigate(),{setUser:e}=we(),[t,r]=S.useState({visible:!1,token:""}),a=s=>{e(s),r({visible:!1,token:""}),n("/")};return{handleTwoFactorResponse:(s,l)=>{const{success:d,value:c}=s.data;if(!d)throw new Error("Authentication failed");if(c.isTwoFactorRequired){r({visible:!0,token:c.token,id:c.id,mfaType:c.mfaType});return}l&&a(c)},finalizeLogin:a,twoFactor:t,setTwoFactor:r}};function No(n){const{navigator:e}=S.useContext(ne.UNSAFE_NavigationContext),t=ne.useLocation();S.useEffect(()=>{if(!n)return;const r=e.push,a=e.replace,o=s=>(...l)=>{N.Modal.confirm({title:"UnsavedChanges",content:"UnsavedMoveDesc",okText:"Leave",className:"custom-confirm-modal",cancelText:"Save",okButtonProps:{className:"ok-text-btn"},cancelButtonProps:{className:"no-hover-cancel-btn"},onOk:()=>{s(...l)},onCancel:()=>{}})};return e.push=o(r),e.replace=o(a),()=>{e.push=r,e.replace=a}},[n,e,t]),S.useEffect(()=>{const r=a=>{n&&(a.preventDefault(),a.returnValue="")};return window.addEventListener("beforeunload",r),()=>{window.removeEventListener("beforeunload",r)}},[n])}function Vo(n){S.useEffect(()=>{const e=t=>{t.animationName==="onAutoFillStart"&&n(t)};return document.addEventListener("animationstart",e,!0),()=>{document.removeEventListener("animationstart",e,!0)}},[])}const Ao=(n,e,t)=>{const r=n.filter(p=>e[p.id]),a=Object.keys(r[0]),o=r.map(p=>a.map(g=>{const f=p[g];return f==null?"":typeof f=="object"?Object.values(f).find(w=>typeof w!="object")??"":f})),s=[a,...o].map(p=>p.map(g=>`"${(g||"").toString().replace(/"/g,'""')}"`).join(",")).join(`\r
+`),l="\uFEFF",d=new Blob([l+s],{type:"text/csv;charset=utf-8;"}),c=document.createElement("a"),u=URL.createObjectURL(d);c.setAttribute("href",u),c.setAttribute("download",t),document.body.appendChild(c),c.click(),document.body.removeChild(c),URL.revokeObjectURL(u)},Bo=(n,e,t)=>{const a=n.filter(p=>e[p.id]).map(p=>{const g={};return Object.entries(p).forEach(([f,h])=>{if(h==null)g[f]="";else if(typeof h=="object"){const w=Object.values(h).find(O=>typeof O!="object");g[f]=w??""}else g[f]=h}),g}),o=He.utils.json_to_sheet(a),s=He.utils.book_new();He.utils.book_append_sheet(s,o,"Data");const l=He.write(s,{bookType:"xlsx",type:"array"}),d=new Blob([l],{type:"application/octet-stream"}),c=URL.createObjectURL(d),u=document.createElement("a");u.href=c,u.download=t,document.body.appendChild(u),u.click(),document.body.removeChild(u),URL.revokeObjectURL(c)};function Go(n,e){if(!n)return"";const t=new Date(n);if(isNaN(t.getTime()))return"";const r=t.getDate(),a=t.getMonth(),o=t.getFullYear(),l=`${r} ${a}, ${o}`;if(e!=null&&e.withTime){const d=t.getHours().toString().padStart(2,"0"),c=t.getMinutes().toString().padStart(2,"0");return`${l} ${d}:${c}`}return l}function Uo(n,e="en-US"){return n<1?0:n?n.toLocaleString(e):""}const _o=(n,e)=>Array.isArray(n)?n.filter(t=>t.type?(Array.isArray(t.type)?t.type:[t.type]).some(a=>e.includes(a)):!1):[],$e=n=>n.replace(/^[A-Z]+/,e=>e.length===n.length?e.toLowerCase():e.length>1?e.slice(0,-1).toLowerCase()+e.slice(-1):e.toLowerCase()),Wo=/^Commissions\[(\d+)\]\.(\w+)\.(\w+)\[(\d+)\]\.(\w+)$/,Yo=/^Commissions\[(\d+)\]\.(\w+)\.(\w+)$/,Ko=/^Commissions\[(\d+)\]\.(\w+)\.(\w+)\.(\w+)$/,qo=/^Commissions\[(\d+)\]$/;function Zo(n){const{errors:e}=n.response.data,t=Object.keys(e)[0],r=e[t][0],a=t.match(Wo);if(a){const[,l,d,c,u,p]=a;return{brandIndex:Number(l),generalType:$e(d),specificType:$e(c),itemIndex:Number(u),field:$e(p),message:r}}const o=t.match(Yo)||t.match(Ko);if(o){const[,l,d,c]=o;return{brandIndex:Number(l),generalType:$e(d),specificType:$e(c),message:r}}const s=t.match(qo);return s?{brandIndex:Number(s[1]),message:r}:(console.warn("parseCommissionErrors: unrecognized key format from the validations on commissions",t),null)}const Jo=m(N.Empty)`
+    .ant-empty-description {
+        color: var(--color-text-secondary, rgba(19, 20, 18, 0.75));
+    }
+`,Xo=m(N.Table)`
+    .ant-table-thead > tr > th {
+        background: var(--color-bg-primary, #fff);
+        color: var(--color-text-secondary, rgba(19, 20, 18, 0.75));
+
+        border: none !important;
+        height: var(--size-500, 40px);
+        padding: var(--spacing-025, 2px) var(--spacing-300, 12px);
+        align-items: center;
+        flex-shrink: 0;
+        align-self: stretch;
+
+        overflow: hidden;
+        text-overflow: ellipsis;
+
+        /* caption/small */
+        font-family: var(--text-font-family-base, Geist);
+        font-size: var(--typo-caption-size-small, 12px);
+        font-style: normal;
+        font-weight: var(--text-weight-regular, 400);
+        line-height: var(--typo-caption-lineHeight-small, 16px); /* 133.333% */
+        letter-spacing: var(--typo-caption-spacing-small, 0.1px);
+
+        border-bottom: 1px solid var(--color-border-primary, rgba(255, 255, 255, 0.1)) !important;
+        border-radius: 0px !important;
+        &::before {
+            display: none !important;
+        }
+    }
+
+    .ant-table-tbody {
+        tr {
+            background: var(--color-bg-primary, #fff) !important;
+            color: var(--color-text-primary, #131412);
+            td {
+                height: 48px;
+                flex-direction: column;
+                justify-content: center;
+                align-items: flex-start;
+                gap: 4px;
+                align-self: stretch;
+                border-bottom: 1px solid var(--color-border-primary, #f5f5f5);
+                background: var(--color-bg-primary, #fff) !important;
+                border-bottom: none !important;
+                &:hover {
+                    background: var(--color-bg-primary, #fff) !important;
+                }
+            }
+
+            &:hover {
+                background: var(--color-bg-primary, #fff) !important;
+                td {
+                    background-color: var(--color-bg-primary, #fff) !important;
+                }
+            }
+        }
+    }
+
+    .ant-empty-image {
+        svg {
+            path {
+                fill: transparent !important;
+            }
+            ellipse {
+                fill: transparent !important;
+            }
+        }
+    }
+
+    .ant-empty-image svg .ant-empty-description {
+        color: lightgray;
+    }
+
+    .ant-pagination-item {
+        min-width: 1.5rem;
+        height: 1.5rem;
+        border: none;
+        background: transparent;
+        display: flex;
+        align-items: center;
+        justify-content: center;
+        margin-inline-end: 0.12rem;
+
+        &.ant-pagination-item-active {
+            border-radius: var(--border-radius-025, 0.125rem);
+            background: var(--color-bg-opaque-secondary, rgba(255, 255, 255, 0.1));
+        }
+    }
+    .anticon {
+        color: var(--color-icon-primary, rgba(255, 255, 255, 0.75));
+    }
+
+    .ant-collapse {
+        background-color: transparent !important;
+    }
+
+    .ant-collapse-item {
+        background-color: transparent !important;
+    }
+
+    .ant-collapse-header {
+        background-color: transparent !important;
+    }
+`;exports.AdminLayout=_r;exports.AuthorizationLayout=dn;exports.BoxComponent=Wt;exports.Chart=Na;exports.ColumnFilterType=se;exports.ComingSoon=qa;exports.ContactInfoModal=fr;exports.DateHelper=ee;exports.DatePickerToISO=Po;exports.DateRangeFilterTabs=$o;exports.ExcelExport=Mo;exports.ExpandableTable=Xa;exports.FilterConfiguration=ar;exports.FilterSelectTypes=be;exports.GenericModal=Xe;exports.GridViewPage=Ea;exports.ModalHost=Oa;exports.NoData=or;exports.PackageServicesProvider=Er;exports.PackageTranslationProvider=Tr;exports.PageBreadcrumb=Pa;exports.PopupMFA=Ta;exports.SortDirections=Q;exports.Spinner=Aa;exports.StyledBreadcrumb=hr;exports.StyledEmpty=Jo;exports.StyledTable=Xo;exports.TableViewOptions=fe;exports.TwoFactorPopup=Ra;exports.catchErrorMessage=nr;exports.exportSelectedToCSV=Ao;exports.exportSelectedToXLSX=Bo;exports.formatDate=Go;exports.getBase64=Nn;exports.handleCopy=Vn;exports.handleDictionarySelectFilter=Qt;exports.lowercaseFirstLetter=rr;exports.numberFormatterWithComma=Uo;exports.parseCommissionErrors=Zo;exports.parseErrorMessageKey=sr;exports.parseServerErrors=ve;exports.showByType=_o;exports.useAutofillStartDetection=Vo;exports.useContactInfoController=gr;exports.useDebounce=it;exports.useElementHeight=qt;exports.useFetch=at;exports.useFilterDataSourceType=dt;exports.useFormController=Ho;exports.useModalStore=ge;exports.useNavigationGuard=No;exports.useNewDesignFormController=Ro;exports.usePackageServices=ke;exports.useTwoFactor=Fo;exports.useUserStore=we;
+//# sourceMappingURL=index.cjs.map