@3sc/common-component 0.0.593 → 0.0.595

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (10) hide show
  1. package/dist/{index-CkhUEeG8.js → index-BYB8m4rH.js} +5 -4
  2. package/dist/{index-CkhUEeG8.js.map → index-BYB8m4rH.js.map} +1 -1
  3. package/dist/index.es.js +1 -1
  4. package/dist/index.umd.js +1 -1
  5. package/dist/index.umd.js.map +1 -1
  6. package/dist/{nl-B5o0SjnI.js → nl-BEfMoYAP.js} +2 -2
  7. package/dist/{nl-B5o0SjnI.js.map → nl-BEfMoYAP.js.map} +1 -1
  8. package/dist/{tr-aNOmr5ul.js → tr-Dd5Y820o.js} +2 -2
  9. package/dist/{tr-aNOmr5ul.js.map → tr-Dd5Y820o.js.map} +1 -1
  10. package/package.json +2 -2
package/dist/index.umd.js CHANGED
@@ -256,5 +256,5 @@ To suppress this warning, you need to explicitly provide the \`palette.${t}Chann
256
256
  `);return a===-1?"":o.stack.slice(a+1)})();try{if(!r.stack)r.stack=s;else if(s){const a=s.indexOf(`
257
257
  `),l=a===-1?-1:s.indexOf(`
258
258
  `,a+1),c=l===-1?"":s.slice(l+1);String(r.stack).endsWith(c)||(r.stack+=`
259
- `+s)}}catch{}}throw r}}_request(t,n){typeof t=="string"?(n=n||{},n.url=t):n=t||{},n=Po(this.defaults,n);const{transitional:r,paramsSerializer:o,headers:s}=n;r!==void 0&&Ec.assertOptions(r,{silentJSONParsing:xn.transitional(xn.boolean),forcedJSONParsing:xn.transitional(xn.boolean),clarifyTimeoutError:xn.transitional(xn.boolean),legacyInterceptorReqResOrdering:xn.transitional(xn.boolean),advertiseZstdAcceptEncoding:xn.transitional(xn.boolean)},!1),o!=null&&(q.isFunction(o)?n.paramsSerializer={serialize:o}:Ec.assertOptions(o,{encode:xn.function,serialize:xn.function},!0)),n.allowAbsoluteUrls!==void 0||(this.defaults.allowAbsoluteUrls!==void 0?n.allowAbsoluteUrls=this.defaults.allowAbsoluteUrls:n.allowAbsoluteUrls=!0),Ec.assertOptions(n,{baseUrl:xn.spelling("baseURL"),withXsrfToken:xn.spelling("withXSRFToken")},!0),n.method=(n.method||this.defaults.method||"get").toLowerCase();let a=s&&q.merge(s.common,s[n.method]);s&&q.forEach(["delete","get","head","post","put","patch","query","common"],y=>{delete s[y]}),n.headers=dn.concat(a,s);const l=[];let c=!0;this.interceptors.request.forEach(function(g){if(typeof g.runWhen=="function"&&g.runWhen(n)===!1)return;c=c&&g.synchronous;const b=n.transitional||up;b&&b.legacyInterceptorReqResOrdering?l.unshift(g.fulfilled,g.rejected):l.push(g.fulfilled,g.rejected)});const u=[];this.interceptors.response.forEach(function(g){u.push(g.fulfilled,g.rejected)});let d,f=0,m;if(!c){const y=[M2.bind(this),void 0];for(y.unshift(...l),y.push(...u),m=y.length,d=Promise.resolve(n);f<m;)d=d.then(y[f++],y[f++]);return d}m=l.length;let h=n;for(;f<m;){const y=l[f++],g=l[f++];try{h=y(h)}catch(b){g.call(this,b);break}}try{d=M2.call(this,h)}catch(y){return Promise.reject(y)}for(f=0,m=u.length;f<m;)d=d.then(u[f++],u[f++]);return d}getUri(t){t=Po(this.defaults,t);const n=b2(t.baseURL,t.url,t.allowAbsoluteUrls);return d2(n,t.params,t.paramsSerializer)}};q.forEach(["delete","get","head","options"],function(t){jo.prototype[t]=function(n,r){return this.request(Po(r||{},{method:t,url:n,data:(r||{}).data}))}}),q.forEach(["post","put","patch","query"],function(t){function n(r){return function(s,a,l){return this.request(Po(l||{},{method:t,headers:r?{"Content-Type":"multipart/form-data"}:{},url:s,data:a}))}}jo.prototype[t]=n(),t!=="query"&&(jo.prototype[t+"Form"]=n(!0))});let I8=class Dx{constructor(t){if(typeof t!="function")throw new TypeError("executor must be a function.");let n;this.promise=new Promise(function(s){n=s});const r=this;this.promise.then(o=>{if(!r._listeners)return;let s=r._listeners.length;for(;s-- >0;)r._listeners[s](o);r._listeners=null}),this.promise.then=o=>{let s;const a=new Promise(l=>{r.subscribe(l),s=l}).then(o);return a.cancel=function(){r.unsubscribe(s)},a},t(function(s,a,l){r.reason||(r.reason=new ca(s,a,l),n(r.reason))})}throwIfRequested(){if(this.reason)throw this.reason}subscribe(t){if(this.reason){t(this.reason);return}this._listeners?this._listeners.push(t):this._listeners=[t]}unsubscribe(t){if(!this._listeners)return;const n=this._listeners.indexOf(t);n!==-1&&this._listeners.splice(n,1)}toAbortSignal(){const t=new AbortController,n=r=>{t.abort(r)};return this.subscribe(n),t.signal.unsubscribe=()=>this.unsubscribe(n),t.signal}static source(){let t;return{token:new Dx(function(o){t=o}),cancel:t}}};function R8(e){return function(n){return e.apply(null,n)}}function N8(e){return q.isObject(e)&&e.isAxiosError===!0}const yp={Continue:100,SwitchingProtocols:101,Processing:102,EarlyHints:103,Ok:200,Created:201,Accepted:202,NonAuthoritativeInformation:203,NoContent:204,ResetContent:205,PartialContent:206,MultiStatus:207,AlreadyReported:208,ImUsed:226,MultipleChoices:300,MovedPermanently:301,Found:302,SeeOther:303,NotModified:304,UseProxy:305,Unused:306,TemporaryRedirect:307,PermanentRedirect:308,BadRequest:400,Unauthorized:401,PaymentRequired:402,Forbidden:403,NotFound:404,MethodNotAllowed:405,NotAcceptable:406,ProxyAuthenticationRequired:407,RequestTimeout:408,Conflict:409,Gone:410,LengthRequired:411,PreconditionFailed:412,PayloadTooLarge:413,UriTooLong:414,UnsupportedMediaType:415,RangeNotSatisfiable:416,ExpectationFailed:417,ImATeapot:418,MisdirectedRequest:421,UnprocessableEntity:422,Locked:423,FailedDependency:424,TooEarly:425,UpgradeRequired:426,PreconditionRequired:428,TooManyRequests:429,RequestHeaderFieldsTooLarge:431,UnavailableForLegalReasons:451,InternalServerError:500,NotImplemented:501,BadGateway:502,ServiceUnavailable:503,GatewayTimeout:504,HttpVersionNotSupported:505,VariantAlsoNegotiates:506,InsufficientStorage:507,LoopDetected:508,NotExtended:510,NetworkAuthenticationRequired:511,WebServerIsDown:521,ConnectionTimedOut:522,OriginIsUnreachable:523,TimeoutOccurred:524,SslHandshakeFailed:525,InvalidSslCertificate:526};Object.entries(yp).forEach(([e,t])=>{yp[t]=e});function j2(e){const t=new jo(e),n=X1(jo.prototype.request,t);return q.extend(n,jo.prototype,t,{allOwnKeys:!0}),q.extend(n,t,null,{allOwnKeys:!0}),n.create=function(o){return j2(Po(e,o))},n}const Et=j2(la);Et.Axios=jo,Et.CanceledError=ca,Et.CancelToken=I8,Et.isCancel=h2,Et.VERSION=hp,Et.toFormData=Sc,Et.AxiosError=Oe,Et.Cancel=Et.CanceledError,Et.all=function(t){return Promise.all(t)},Et.spread=R8,Et.isAxiosError=N8,Et.mergeConfig=Po,Et.AxiosHeaders=dn,Et.formToJSON=e=>p2(q.isHTMLForm(e)?new FormData(e):e),Et.getAdapter=O2.getAdapter,Et.HttpStatusCode=yp,Et.default=Et;const{Axios:t7,AxiosError:n7,CanceledError:r7,isCancel:o7,CancelToken:s7,VERSION:i7,all:a7,Cancel:l7,isAxiosError:c7,spread:u7,toFormData:d7,AxiosHeaders:f7,HttpStatusCode:p7,formToJSON:h7,getAdapter:m7,mergeConfig:g7,create:y7}=Et,bp={BASE_URL:"https://qa.3sc.ai/api",VERSION:"/v1"},ua={headers:{"Content-Type":"application/json"},withCredentials:!0},A2=Et.create({baseURL:bp.BASE_URL,axiosConfig:ua});A2.interceptors.request.use(function(e){return e},function(e){return Promise.reject(e)}),A2.interceptors.response.use(function(e){return e},function(e){return Promise.reject(e)});const fn={TOKEN:"token",USER:"user",SNOP:"snop",SELECTED_BU:"selected_business_unit",SETTINGS:"settings"},D2={TENANT_ID:"tenant_id",BU_ID:"bu_id"},$8=Object.values({"SKU Name":"sku_name",Node:"node","Channel Name":"channel_name"}),B8=[10,25,50,100],L8={MARK_ALL_READ:"MARK_ALL_READ"},_8=B8.map(e=>({label:e,value:e})),I2={PRIMARY:"PRIMARY",SECONDARY:"SECONDARY"},Oc={NOTIFICATION:"/notifications",SETTING:"/configuration/setting"};function Mc(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)r!=="__proto__"&&(e[r]=n[r])}return e}var F8={read:function(e){return e[0]==='"'&&(e=e.slice(1,-1)),e.replace(/(%[\dA-F]{2})+/gi,decodeURIComponent)},write:function(e){return encodeURIComponent(e).replace(/%(2[346BF]|3[AC-F]|40|5[BDE]|60|7[BCD])/g,decodeURIComponent)}};function vp(e,t){function n(o,s,a){if(!(typeof document>"u")){a=Mc({},t,a),typeof a.expires=="number"&&(a.expires=new Date(Date.now()+a.expires*864e5)),a.expires&&(a.expires=a.expires.toUTCString()),o=encodeURIComponent(o).replace(/%(2[346B]|5E|60|7C)/g,decodeURIComponent).replace(/[()]/g,escape);var l="";for(var c in a)a[c]&&(l+="; "+c,a[c]!==!0&&(l+="="+a[c].split(";")[0]));return document.cookie=o+"="+e.write(s,o)+l}}function r(o){if(!(typeof document>"u"||arguments.length&&!o)){for(var s=document.cookie?document.cookie.split("; "):[],a={},l=0;l<s.length;l++){var c=s[l].split("="),u=c.slice(1).join("=");try{var d=decodeURIComponent(c[0]);if(d in a||(a[d]=e.read(u,d)),o===d)break}catch{}}return o?a[o]:a}}return Object.create({set:n,get:r,remove:function(o,s){n(o,"",Mc({},s,{expires:-1}))},withAttributes:function(o){return vp(this.converter,Mc({},this.attributes,o))},withConverter:function(o){return vp(Mc({},this.converter,o),this.attributes)}},{attributes:{value:Object.freeze(t)},converter:{value:Object.freeze(e)}})}var W8=vp(F8,{path:"/"});const z8=dc(fn.SNOP),V8=dc(fn.SELECTED_BU),H8=dc(fn.USER);dc(fn.SETTINGS);const R2={BU_IDS:V8?.business_unit_id,TOKEN:JSON.parse(W8.get(fn.TOKEN)||null),TENANT_IDS:H8?.tenant_id,SNOP_IDS:z8?.snop_id},{TENANT_ID:U8,BU_ID:q8}=D2,{TENANT_IDS:Y8,BU_IDS:G8}=R2,js=async({baseUrl:e,payload:t})=>{try{const n=`${e}${Oc.SETTING}/v1?${U8}=${Y8}&${q8}=${G8}`;return await Et.post(n,t,ua)}catch(n){return n}},da=JSON.parse(localStorage.getItem("configuration")),xp=localStorage.getItem("i18nextLng"),K8=da?.entities?.locationHierarchy?.[xp]??da?.entities?.locationHierarchy??{},X8=da?.entities?.productHierarchy?.[xp]??da?.entities?.productHierarchy??{},Z8=K8?.base??"Node",J8=X8?.base??"SKU",Q8=da?.entities?.labelChannel?.[xp]||"Channel";JSON.parse(localStorage.getItem("snop"));const eB=()=>{try{return JSON.parse(localStorage.getItem(fn.SELECTED_BU)||"{}")?.business_unit_id}catch{return null}},tB=({columns:e,gridPath:t,baseUrl:n,isDefaultConfig:r,pageSize:o=10,childUniqueKey:s,data:a})=>{const l=a?.length;let{definitions:c,defaultUserSettings:u,labels:d}=e;const f=Br(d),m=t.split("/").filter(Boolean),h=JSON.parse(localStorage.getItem(fn.SETTINGS));let y=m.reduce((x,w)=>x?.[w],h)||null;const g=Br(y?.columns||[]);if(!r&&t&&l){let x=(u&&wp({col:u,childUniqueKey:s,definitions:c}))??wp({col:c,childUniqueKey:s});const w=x.filter(k=>!g[k.key]),C=y&&y?.columns?.some(k=>k?.children&&k.children[s]);if(l&&(w.length||s&&C===!1)){if(C==!1&&s.length>0){const k=Br(x);x=y?.columns?.map(O=>O?.children&&!O.children[s]?{...O,children:{...O.children,[s]:k?.[O?.key]?.children[s]}}:O)}(async()=>{try{const O={...h||{platform:{theme:"light"}}},M=y?.pageSize??o;let P=O;for(let j=0;j<m.length;j++){const B=m[j];j===m.length-1?P[B]={columns:x,pageSize:M}:(P[B]={...P[B]||{}},P=P[B])}localStorage.setItem(fn.SETTINGS,JSON.stringify(O)),await js({baseUrl:n,payload:O})}catch(k){console.error(k)}})()}}u=(y?.columns&&nB(g,u,s))??u??wp({col:c});const b=[],v=Br(u);for(const x of c){const w=v[x.key]||{},C=f[x.key]||{},k=g[x.key],O=Br(w.children||[]),M=Br(C.children||[]);let P={...x,style:k?.style,...w,...C};x.children?.length&&(P.children=x.children.map(j=>({...j,...O[j.key],...M[j.key]}))),b.push(P)}return b.sort((x,w)=>x.sequenceId-w.sequenceId)},N2=e=>e.sort((t,n)=>t.sequenceId-n.sequenceId),fa=({columns:e,childUniqueKey:t,definitions:n})=>{let r=n||e;return e?.map(o=>{let s=r?.find(a=>a?.key===o?.key);return{id:o.id,key:o.key,sequenceId:o.sequenceId||o.id,isHidden:o.isHidden||!1,style:o.style||s?.style||{},...o?.children&&{children:t?{[t]:fa({columns:o.children,definitions:s?.children})}:fa({columns:o.children,definitions:s?.children})}}})},Br=e=>Array.isArray(e)&&e?.reduce((t,n)=>(t[n.key]=n,t),{}),wp=({col:e,childUniqueKey:t,definitions:n})=>fa({columns:e,childUniqueKey:t,definitions:n}),nB=(e,t,n)=>t.map(o=>{const s=e[o.key],a=o.children?o.children.map(l=>{const u=Br(Array.isArray(s?.children)?s?.children:s?.children?.[n])?.[l.key];return{...l,sequenceId:u?.sequenceId||l.sequenceId,isHidden:u?.isHidden??l.isHidden}}):void 0;return{...o,sequenceId:s?.sequenceId||o.sequenceId,isHidden:s?.isHidden??o.isHidden,...a?{children:a}:{}}}),rB=({t:e})=>{const t=[{id:1,key:"sku_name",isSortable:!0,isMandatory:!0},{id:2,key:"node",isSortable:!0,isMandatory:!0},{id:3,key:"channel_name",isSortable:!0,isMandatory:!0}],n=[{id:1,key:"sku_name",sequenceId:1,isHidden:!1,style:{width:"20rem",minWidth:"20rem",maxWidth:"20rem"}},{id:2,key:"node",sequenceId:2,isHidden:!1,style:{width:"20rem",minWidth:"20rem",maxWidth:"20rem"}},{id:3,key:"channel_name",sequenceId:3,isHidden:!1,style:{width:"20rem",minWidth:"20rem",maxWidth:"20rem"}}],r=[{id:1,key:"sku_name",label:e(J8),isLocalizable:!1},{id:2,key:"node",label:e(Z8),isLocalizable:!1},{id:3,key:"channel_name",label:e(Q8),isLocalizable:!1}];return{definitions:t,defaultUserSettings:n,labels:r}},oB=e=>{if(!e)return null;try{const t=JSON.parse(localStorage.getItem(fn.SETTINGS));return e.split("/").filter(Boolean).reduce((n,r)=>n?.[r],t)??null}catch{return null}},$2=(e=[],t)=>{const n=new Map,r=o=>o.forEach(s=>{n.set(s.key,s);const a=Array.isArray(s.children)?s.children:t?s.children?.[t]??[]:[];a.length&&r(a)});return r(e),n},B2=(e,t,n,r)=>e.map(o=>{const s=t.get(o.key),a=n?.get(o.key),l={key:o.key,sequenceId:s?.sequenceId??a?.sequenceId??o.sequenceId,isHidden:s?.isHidden??!1,style:s?.style??o.style??{}};if(o.children?.length){const c=B2(o.children,t,n,r);if(r){const u=s?.children&&!Array.isArray(s.children)?s.children:{};l.children={...u,[r]:c}}else l.children=c}return l}),sB=({definitions:e=[],defaultSetting:t=[],gridPath:n,childUniqueKey:r})=>{const s=oB(n)?.columns??[],a=$2(s,r),l=$2(t,r),c=(()=>{if(!s.length)return!0;const u=d=>d.some(f=>!a.has(f.key)||u(f.children??[]));return u(e)})();return{settings:B2(e,a,l,r),hasNewColumns:c}},Pc=async({settings:e,gridPath:t,baseUrl:n})=>{if(t)try{const r=JSON.parse(localStorage.getItem(fn.SETTINGS))??{platform:{theme:"light"}},o=t.split("/").filter(Boolean);let s=r;for(let a=0;a<o.length;a++){const l=o[a];a===o.length-1?s[l]={...s[l]??{},columns:e}:(s[l]={...s[l]??{}},s=s[l])}localStorage.setItem(fn.SETTINGS,JSON.stringify(r)),n&&await js({baseUrl:n,payload:r})}catch(r){console.error("saveColumnSettings failed:",r)}},iB=async({groupBy:e,gridPath:t,baseUrl:n,groupByUniqueKey:r})=>{if(!(!t||!Array.isArray(e)))try{const o=r||eB(),s=JSON.parse(localStorage.getItem(fn.SETTINGS))??{platform:{theme:"light"}},a=t.split("/").filter(Boolean);let l=s;for(let c=0;c<a.length;c++){const u=a[c];if(c===a.length-1){const d=l[u]?.groupBy,f=o?l[u]?.groupByFilters?.[o]:null;if(o&&Array.isArray(f)&&JSON.stringify(f)===JSON.stringify(e)||!o&&Array.isArray(d)&&JSON.stringify(d)===JSON.stringify(e)||!d&&e.length===0)return;l[u]={...l[u]??{},...o?{groupByFilters:{...l[u]?.groupByFilters||{},[o]:e}}:{groupBy:e}}}else l[u]={...l[u]??{}},l=l[u]}localStorage.setItem(fn.SETTINGS,JSON.stringify(s)),n&&await js({baseUrl:n,payload:s})}catch(o){console.error("saveGroupBySettings failed:",o)}},aB=e=>{if(!e)return null;const{options:t,...n}=e,r=t?"select":"button",o={button:s=>p.jsx(Ir,{...s,styles:{...s.styles,iconPrimary:s?.styles?.variant=="filled"}}),select:s=>p.jsx(ie,{sx:{"& .MuiInputBase-input":{padding:"0rem!important"},width:s.styles?.width},children:p.jsx(qv,{...s,options:t})})};return o[r]?o[r](n):null},lB=({presentSetting:e,gridSetting:t,gridPath:n,childUniqueKey:r})=>{if(!n)return e;const o=n.split("/").filter(Boolean);let s=o.reduce((u,d)=>u?.[d],e)||null,a=fa({columns:t?.grid,childUniqueKey:r});const l=Br(s?.columns);a=a?.map(u=>{const d=u?.children||{},f=l?.[u?.key]?.children||{};return{...u,...(Object.keys(f)?.length>0||d?.[r])&&{children:{...f,[r]:d?.[r]}}}});let c=e;for(let u=0;u<o.length;u++){const d=o[u];u===o.length-1?c[d]={columns:a,pageSize:t?.pageSize??null}:(c[d]=c[d]||{},c=c[d])}return{settingObject:e,defaultUserSettings:a}},cB=async({baseUrl:e,gridSetting:t,childUniqueKey:n,gridPath:r})=>{try{const o=JSON.parse(localStorage.getItem("settings")),{settingObject:s,defaultUserSettings:a}=lB({presentSetting:o,gridSetting:t,gridPath:r,childUniqueKey:n});return localStorage.setItem("settings",JSON.stringify(s)),await js({baseUrl:e,payload:s}),a}catch(o){console.error(o)}},L2=({index:e,visibleGridColumns:t,width:n,columnUpdaterFunction:r})=>{if(!t||!t[e])return null;t[e];let o=`${n/10}rem`;const s=t.map((a,l)=>l===e?{...a,style:{...a.style,width:o,minWidth:o,maxWidth:o}}:a);return r({updatedColumns:s}),s[e]},uB=({definitions:e=[],labels:t=[],settings:n=[],childUniqueKey:r})=>{const o=(f=[],m=!1)=>{const h=[],y=g=>{g?.forEach(b=>{h.push(b);let v=b.children;m&&r&&v&&!Array.isArray(v)&&(v=v[r]??[]),Array.isArray(v)&&v.length&&y(v)})};return y(f),h},s=o(t),a=o(n,!0),l=new Map(s.map(f=>[f.key,f])),c=new Map(a.map(f=>[f.key,f])),u=f=>{if(f){if(typeof f=="number")return f;if(f.includes("rem"))return parseFloat(f)*16;if(f.includes("px"))return parseFloat(f)}},d=f=>{const m=l.get(f.key),h=c.get(f.key),y=f.isMandatory===!0;return{id:f.key,label:m?.label,field:f.key,renderHeader:g=>p.jsx(ls,{title:g.helpText??g.label,placement:"top",componentsProps:{tooltip:{sx:{fontSize:"1rem",padding:"0.6rem 1rem",boxShadow:"0 2px 8px rgba(0,0,0,0.3)"}}},children:g.label??""}),width:u(h?.style?.width??f.style?.width),minWidth:u(f.style?.minWidth),maxWidth:u(f.style?.maxWidth),sortable:f.isSortable??!1,pinned:f.isSticky?"left":void 0,hidden:h?.isHidden??!1,resizable:f?.isResizable??!0,draggable:f?.isDraggable??!y,hideable:!y,align:"center",deferRender:f.deferRender,renderCell:f.cellRenderer?(g,b,v)=>f.cellRenderer(b,v):void 0,meta:{isMandatory:y,...f},children:f.children?.map(d)}};return e.map(d)},dB=({customTools:e})=>{const t=e?.filter(r=>r?.type===I2.PRIMARY)?.sort((r,o)=>r.sequenceId-o.sequenceId),n=e?.filter(r=>r?.type===I2.SECONDARY)?.sort((r,o)=>r.sequenceId-o.sequenceId);return{primaryButtons:t,secondaryButtons:n}},_2=({customTools:e,isExpanded:t,setIsExpanded:n})=>{const{primaryButtons:r,secondaryButtons:o}=dB({customTools:e}),[s,a]=S.useState(r),l=o?.length>0,{t:c}=S.useContext(ln),u=f=>{f?a([...r,...o]):setTimeout(()=>{a(r)},100)},d=()=>{const f=!t;n(f),u(f)};return S.useEffect(()=>{u(t)},[e]),p.jsxs(p.Fragment,{children:[t&&p.jsx("div",{style:{position:"fixed",left:0,width:"100vw",height:"4rem",zIndex:998}}),p.jsxs(ie,{sx:{display:"flex",alignItems:"center",gap:"0.8rem",flexWrap:"nowrap",maxWidth:"100%",whiteSpace:"nowrap",zIndex:999},children:[p.jsx(ZD,{mode:"popLayout",children:s.map((f,m)=>p.jsx(Jr.div,{initial:{opacity:0},animate:{opacity:1},exit:{opacity:0},transition:{duration:.15},layout:!0,children:p.jsx(ie,{sx:{flexShrink:0,minWidth:"fit-content"},children:aB(f)})},`${f.id}_${m}`))}),l&&p.jsx(ie,{sx:{paddingLeft:t?"0.5rem":0},children:p.jsx(Ir,{label:t?"":c("LABEL_MORE_ACTIONS"),styles:{iconPrimary:!0,icon:t?Ke.CrossWhite:Ke.More,colorType:t?"danger":""},onClick:d})})]})]})};_2.propTypes={customTools:i.array.isRequired};const jc=({defaultTools:e,isManageable:t,customTools:n,baseUrl:r,gridPath:o,pageSize:s,gridData:a,childUniqueKey:l})=>{const{t:c}=S.useContext(ln),u=S.useContext(xs),d=S.useContext(Ji)||{},{visibleGridColumns:f=[],triggerApi:m=!1}=d,[h,y]=S.useState([]),[g,b]=S.useState(!1),v=n?.filter(k=>k.position==="left").sort((k,O)=>k.sequenceId-O.sequenceId)||[],T=n?.filter(k=>k.position==="right").sort((k,O)=>k.sequenceId-O.sequenceId)||[];S.useEffect(()=>{if(f.length&&t){const k={id:99999,sequenceId:99999,isLocalizable:!1,key:"horizons",label:c("Horizons"),isSortable:!1,isHidden:!0,showChildCheckbox:!0,showCheckbox:!1,isMandatory:!0,showInHierarchy:!0,showHide:!0,children:[]};let O=f.map(P=>(P?.children&&P.children.forEach(j=>{k.children.some(E=>E.key===j.key)||k.children.push({...j,showInHierarchy:!0})}),P)).filter(P=>P?.id!==k?.id);const M=k.children.length>0?[...O,k]:O;y(M)}},[f]);const x=async k=>{try{await cB({baseUrl:r,gridPath:o,childUniqueKey:l,gridSetting:{grid:k,pageSize:s}})}catch(O){console.error(O)}finally{u({type:We.HAS_SETTING_CHANGE,payload:{hasChange:!1}}),u({type:We.TRIGGER_API,payload:{triggerApi:!1}})}};S.useEffect(()=>{m&&t&&x(f)},[m]);const w=k=>{const O=k?.map(j=>j.id),M=k?.flatMap(j=>j.children||[])?.map(j=>j.id),P=h?.map(j=>{const B=O?.includes(j.id);if(Array.isArray(j.children)&&j.children.length>0){const R=j?.children?.map($=>{const N=M?.includes?.($.id);return{...$,isHidden:!N}}),A=R?.filter($=>h?.some(N=>N.children?.some(U=>U.id===$.id)))?.every($=>$.isHidden);return{...j,...!j.children[0]?.showInHierarchy&&{isHidden:A||!B},children:R}}return{...j,isHidden:!B}});u({type:We.SET_GRID_DATA,payload:{visibleGridColumns:P}}),u({type:We.HAS_SETTING_CHANGE,payload:{hasChange:!0}})},C=()=>h.map(O=>{const M=Array.isArray(O.children)?O.children.filter(P=>!P.isHidden):void 0;return!O.isHidden||O.isHidden&&O.showInHierarchy?{...O,children:M}:null}).filter(Boolean);return p.jsxs(ie,{sx:{margin:"1rem 0",position:"relative",zIndex:10,display:"flex",flexDirection:"row",justifyContent:"space-between",alignItems:"center",gap:"0.6rem",width:"100%"},children:[p.jsxs(ie,{sx:{display:"flex",flexDirection:"row",gap:"0.6rem",alignItems:"center"},children:[e?.search?.isRequired&&p.jsx(zv,{...e?.search,iconUrl:Ke.Search}),e?.refresh?.isRequired&&p.jsx(Ir,{...e?.refresh,styles:{variant:"filled",icon:Ke.Refresh,colorType:"empty",width:"3.2rem",height:"3.2rem"}}),e?.groupBy?.isRequired&&p.jsx(ie,{sx:{"& .MuiInputBase-input":{padding:"0rem!important"}},children:p.jsx(ws,{styles:{icon:Ke.Group},...e.groupBy})}),t&&p.jsx(ie,{sx:{"& .MuiInputBase-input":{padding:"0rem!important"}},children:p.jsx(ws,{placeholder:c("LABEL_MANAGE_COLUMN"),options:h,value:C(),isMulti:!0,isDraggable:!0,showSearch:!0,isManageColumn:!0,onChange:w,disabled:!a.length,styles:{icon:Ke.Manage}})}),v?.length>0&&v.map((k,O)=>p.jsx(S.Fragment,{children:k.render()},k.id))]}),p.jsxs(ie,{sx:{display:"flex",flexDirection:"row",justifyContent:"flex-end",alignItems:"center",gap:"0.6rem"},children:[T?.length>0&&T.map((k,O)=>p.jsx(S.Fragment,{children:k.render()},k.id)),n&&p.jsx(_2,{customTools:n,setIsExpanded:b,isExpanded:g}),e?.save?.isRequired&&p.jsx(ie,{sx:{px:"0.5rem"},children:p.jsx(Ir,{label:g?"":"Save",styles:{icon:Ke.Save,colorType:"empty"},...e?.save})}),e?.upload?.isRequired&&p.jsx(Ir,{...e?.upload,styles:{variant:g?"outlined":"filled",icon:g?Ke.UploadDark:Ke.Upload,iconPrimary:!g,colorType:"secondary",isAnimate:!0}}),e?.download?.isRequired&&p.jsx(Ir,{...e?.download,styles:{variant:"outlined",icon:Ke.Download,isAnimate:!0}})]})]})};jc.propTypes={defaultTools:i.object.isRequired,customTools:i.array,isManageable:i.bool,baseUrl:i.string,gridPath:i.gridPath};function fB(e){return"children"in e&&Array.isArray(e.children)}const pB=120,hB=40,mB=1/0;function F2(e,t,n){return Math.max(t,Math.min(n,e))}function gB(e,t){switch(t.type){case"RESIZE":{const n=e.colMap[t.id];if(!n)return e;const r=F2(n.width+t.delta,n.minWidth,n.maxWidth);return r===n.width?e:{...e,colMap:{...e.colMap,[t.id]:{...n,width:r}}}}case"SET_WIDTH":{const n=e.colMap[t.id];if(!n)return e;const r=F2(t.width,n.minWidth,n.maxWidth);return{...e,colMap:{...e.colMap,[t.id]:{...n,width:r}}}}case"PIN":{const n=e.colMap[t.id];return!n||n.pinned===t.side?e:{...e,colMap:{...e.colMap,[t.id]:{...n,pinned:t.side}}}}case"TOGGLE_HIDDEN":{const n=e.colMap[t.id];return n?{...e,colMap:{...e.colMap,[t.id]:{...n,hidden:!n.hidden}}}:e}case"SHOW_ALL":{const n={...e.colMap};for(const r of Object.keys(n)){const o=n[r];o?.hidden&&(n[r]={...o,hidden:!1})}return{...e,colMap:n}}case"MOVE_BEFORE":{const{sourceId:n,targetId:r}=t,o=[...e.colOrder],s=o.indexOf(n),a=o.indexOf(r);if(s===-1||a===-1||s===a)return e;o.splice(s,1);const l=o.indexOf(r);return o.splice(l,0,n),{...e,colOrder:o}}case"MOVE_LAST":{const n=[...e.colOrder],r=n.indexOf(t.sourceId);return r===-1||r===n.length-1?e:(n.splice(r,1),n.push(t.sourceId),{...e,colOrder:n})}case"TOGGLE_SORT":{const{sort:n}=e;let r="asc";if(n.columnId===t.id)if(n.direction==="asc")r="desc";else return{...e,sort:{columnId:null,direction:"asc"}};return{...e,sort:{columnId:t.id,direction:r}}}case"RESET":return t.initial;default:return e}}function W2(e){const t=[],n=[];return e.forEach((r,o)=>{fB(r)?(n.push(r),r.children.forEach(s=>{t.push({...s,groupId:r.id,defIndex:o})})):t.push({...r,groupId:null,defIndex:o})}),{leaves:t,groups:n}}function yB(e){var t,n,r,o,s;const{leaves:a,groups:l}=W2(e),c={},u=[];for(const d of a)u.push(d.id),c[d.id]={width:(t=d.width)!=null?t:pB,minWidth:(n=d.minWidth)!=null?n:hB,maxWidth:(r=d.maxWidth)!=null?r:mB,pinned:(o=d.pinned)!=null?o:null,hidden:(s=d.hidden)!=null?s:!1};return{internal:{colMap:c,colOrder:u,sort:{columnId:null,direction:"asc"}},leaves:a,groups:l}}function bB(e){const{initial:t}=S.useMemo(()=>({initial:yB(e).internal}),[]),{leaves:n,groups:r}=S.useMemo(()=>W2(e),[e]),[o,s]=S.useReducer(gB,t),a=S.useMemo(()=>o.colOrder.flatMap(P=>{var j,B,E,R,A;const $=n.find(Z=>Z.id===P),N=o.colMap[P];return!$||!N?[]:[{id:$.id,label:$.label,field:$.field,accessor:$.accessor,renderCell:$.renderCell,deferRender:$.deferRender,renderHeader:$.renderHeader,cellStyle:$.cellStyle,headerStyle:$.headerStyle,align:(j=$.align)!=null?j:"left",sortable:(B=$.sortable)!=null?B:!0,resizable:(E=$.resizable)!=null?E:!0,draggable:(R=$.draggable)!=null?R:!0,hideable:(A=$.hideable)!=null?A:!0,groupId:$.groupId,defIndex:$.defIndex,width:N.width,minWidth:N.minWidth,maxWidth:N.maxWidth,pinned:N.pinned,hidden:N.hidden}]}),[o.colOrder,o.colMap,n]),l=S.useMemo(()=>a.filter(P=>!P.hidden),[a]),c=S.useMemo(()=>l.filter(P=>P.pinned==="left"),[l]),u=S.useMemo(()=>l.filter(P=>P.pinned==="right"),[l]),d=S.useMemo(()=>l.filter(P=>!P.pinned),[l]),f=S.useMemo(()=>c.reduce((P,j)=>P+j.width,0),[c]),m=S.useMemo(()=>u.reduce((P,j)=>P+j.width,0),[u]),h=S.useMemo(()=>d.reduce((P,j)=>P+j.width,0),[d]),y=S.useCallback((P,j)=>s({type:"RESIZE",id:P,delta:j}),[]),g=S.useCallback((P,j)=>s({type:"SET_WIDTH",id:P,width:j}),[]),b=S.useCallback((P,j)=>s({type:"PIN",id:P,side:j}),[]),v=S.useCallback(P=>s({type:"TOGGLE_HIDDEN",id:P}),[]),T=S.useCallback(()=>s({type:"SHOW_ALL"}),[]),x=S.useCallback((P,j)=>s({type:"MOVE_BEFORE",sourceId:P,targetId:j}),[]),w=S.useCallback(P=>s({type:"MOVE_LAST",sourceId:P}),[]),C=S.useCallback(P=>s({type:"TOGGLE_SORT",id:P}),[]),k=S.useCallback(()=>s({type:"RESET",initial:t}),[t]);return{...{orderedColumns:a,visibleColumns:l,pinnedLeftColumns:c,pinnedRightColumns:u,scrollableColumns:d,pinnedLeftWidth:f,pinnedRightWidth:m,scrollableWidth:h,sortState:o.sort,groups:r,hasGroups:r.length>0},...{resizeColumn:y,setColumnWidth:g,pinColumn:b,toggleColumnVisibility:v,showAllColumns:T,moveColumnBefore:x,moveColumnToEnd:w,toggleSort:C,resetColumns:k}}}const z2=16,V2=1e3;function vB(e,t,n,r){if(e===0||r<=0)return{startIndex:0,endIndex:-1,totalHeight:e*t,offsetY:0};const o=e*t,s=Math.floor(n/t),a=Math.max(0,s-z2),l=Math.ceil(r/t),c=Math.min(e-1,s+l+z2);return{startIndex:a,endIndex:c,totalHeight:o,offsetY:a*t}}function xB(e,t,n,r){var o,s,a;const l=e.length;if(l===0)return{startIndex:0,endIndex:-1};const c=Math.max(0,n-V2),u=n+r+V2;let d=0,f=l-1;for(;d<f;){const y=d+f>>>1;((o=e[y])!=null?o:0)+((s=t[y])!=null?s:0)<=c?d=y+1:f=y}const m=d;let h=m;for(;h<l-1&&((a=e[h+1])!=null?a:0)<u;)h++;return{startIndex:m,endIndex:Math.min(l-1,h)}}function wB(e){var t,n;const r=new Array(e.length);let o=0;for(let s=0;s<e.length;s++)r[s]=o,o+=(n=(t=e[s])==null?void 0:t.width)!=null?n:0;return r}function SB({onResize:e,onResizeEnd:t,getCurrentWidth:n}){const r=S.useRef(0),o=S.useRef("");return{startResize:S.useCallback((a,l)=>{a.preventDefault(),a.stopPropagation(),r.current=a.clientX,o.current=l;const c=d=>{const f=d.clientX-r.current;r.current=d.clientX,e(o.current,f)},u=()=>{window.removeEventListener("mousemove",c),window.removeEventListener("mouseup",u),document.body.style.cursor="",document.body.style.userSelect="",t?.(o.current,n(o.current))};document.body.style.cursor="col-resize",document.body.style.userSelect="none",window.addEventListener("mousemove",c),window.addEventListener("mouseup",u)},[e,t,n])}}const H2=4,U2={draggingId:null,overTargetId:null,insertBefore:!0};function CB({onMoveColumnBefore:e,onMoveColumnToEnd:t,columns:n,getColumnViewportBounds:r}){const[o,s]=S.useState(U2),a=S.useRef(n);a.current=n;const l=S.useRef(r);l.current=r;const c=S.useRef(null),u=S.useRef(!1),d=S.useRef(0),f=S.useCallback(b=>{c.current=b},[]);S.useLayoutEffect(()=>{o.draggingId&&c.current&&(c.current.style.left=`${d.current}px`)},[o.draggingId]);const m=S.useCallback(b=>{var v,T;const x=a.current,w=x.findIndex(j=>j.id===b);if(w===-1)return{ids:new Set([b]),afterId:null};const C=x[w];let k=w,O=w;for(let j=w-1;j>=0;j--){const B=x[j];if(B.pinned!==C.pinned||B.groupId!==C.groupId||!B.draggable)break;k=j}for(let j=w+1;j<x.length;j++){const B=x[j];if(B.pinned!==C.pinned||B.groupId!==C.groupId||!B.draggable)break;O=j}const M=new Set(x.slice(k,O+1).map(j=>j.id)),P=(T=(v=x[O+1])==null?void 0:v.id)!=null?T:null;return{ids:M,afterId:P}},[]),h=S.useCallback((b,v)=>{var T,x,w;const{ids:C,afterId:k}=m(v),O=l.current,M=a.current,P=[];for(const R of C){if(R===v)continue;const A=O(R);if(!A)continue;const $=M.find(N=>N.id===R);P.push({id:R,left:A.left,right:A.right,mid:(A.left+A.right)/2,draggable:(T=$?.draggable)!=null?T:!1})}P.sort((R,A)=>R.left-A.left);let j=null;for(const R of P){if(b<=R.mid)return R.draggable?{id:R.id,afterId:k,highlightId:R.id,insertBefore:!0}:{id:R.id,afterId:k,highlightId:(x=j?.id)!=null?x:null,insertBefore:!1};R.draggable&&(j=R)}let B=null;for(let R=P.length-1;R>=0;R--)if(P[R].draggable){B=P[R];break}return P[P.length-1]?{id:null,afterId:k,highlightId:(w=B?.id)!=null?w:null,insertBefore:!1}:{id:null,afterId:k,highlightId:null,insertBefore:!0}},[m]),y=S.useCallback(b=>({onPointerDown:v=>{if(v.button!==0)return;v.preventDefault();const T=v.clientX,x=v.clientY;let w=!1,C=0,k=0,O=null,M=null,P=!0;const j=()=>{if(!O)return;const R=O;O=null;const{highlightId:A,insertBefore:$}=h(R.clientX,b);c.current&&(c.current.style.left=`${R.clientX-C}px`),(A!==M||$!==P)&&(M=A,P=$,s(N=>N.overTargetId===A&&N.insertBefore===$?N:{...N,overTargetId:A,insertBefore:$}))},B=R=>{if(!w){if(Math.abs(R.clientX-T)<H2&&Math.abs(R.clientY-x)<H2)return;w=!0;const A=l.current(b);A&&(C=T-A.left),d.current=T-C;const{highlightId:$,insertBefore:N}=h(T,b);M=$,P=N,s({draggingId:b,overTargetId:$,insertBefore:N}),document.body.style.cursor="grabbing",document.body.style.userSelect="none";return}O=R,k||(k=requestAnimationFrame(()=>{k=0,j()}))},E=R=>{if(document.removeEventListener("pointermove",B),document.removeEventListener("pointerup",E),k&&cancelAnimationFrame(k),document.body.style.cursor="",document.body.style.userSelect="",w){const{id:A,afterId:$}=h(R.clientX,b);A!==null&&A!==b?e(b,A):A===null&&($!==null?e(b,$):t?.(b)),u.current=!0,setTimeout(()=>{u.current=!1},0)}s(U2)};document.addEventListener("pointermove",B),document.addEventListener("pointerup",E)}}),[e,t,h]),g=S.useCallback(()=>u.current?(u.current=!1,!0):!1,[]);return{getDragHandlers:y,dragState:o,registerGhost:f,consumeDragEnd:g}}const q2=S.createContext(null),TB=q2.Provider;function As(){const e=S.useContext(q2);if(!e)throw new Error("[LatticeGrid] useGridContext must be inside a <LatticeGrid>.");return e}const pa={"--vg-font":"'DM Sans', 'Segoe UI', system-ui, sans-serif","--vg-font-mono":"'JetBrains Mono', 'Fira Code', 'Cascadia Code', monospace","--vg-font-size":"12.5px","--vg-line-height":"1.45","--vg-row-height":"36px","--vg-header-height":"38px","--vg-group-height":"28px","--vg-radius":"7px","--vg-radius-sm":"4px","--vg-radius-xs":"3px","--vg-transition":"0.12s ease","--vg-z-pinned":"3","--vg-z-header":"4","--vg-z-panel":"100","--vg-scrollbar-width":"6px"},Ac={light:{...pa,"--vg-bg":"#ffffff","--vg-bg-header":"#f7f8fa","--vg-bg-group":"#f0f2f6","--vg-bg-row-alt":"#fafbfc","--vg-bg-row-hover":"#f0f5ff","--vg-bg-row-selected":"#e8efff","--vg-bg-pinned":"#ffffff","--vg-bg-frozen":"#eff6ff","--vg-bg-toolbar":"#ffffff","--vg-bg-panel":"#ffffff","--vg-bg-btn":"#f3f4f6","--vg-bg-btn-hover":"#e9eaec","--vg-bg-btn-active":"#dbeafe","--vg-bg-tag":"#f0f2f6","--vg-bg-input":"#ffffff","--vg-text":"#111827","--vg-text-dim":"#6b7280","--vg-text-header":"#374151","--vg-text-group":"#1e2939","--vg-text-placeholder":"#9ca3af","--vg-border":"#e5e7eb","--vg-border-strong":"#d1d5db","--vg-border-focus":"#2563eb","--vg-accent":"#2563eb","--vg-accent-hover":"#1d4ed8","--vg-accent-bg":"#dbeafe","--vg-accent-text":"#1d4ed8","--vg-accent-fg":"#ffffff","--vg-shadow-pin":"4px 0 12px rgba(0,0,0,0.06)","--vg-shadow-panel":"0 8px 24px rgba(0,0,0,0.10), 0 2px 6px rgba(0,0,0,0.06)","--vg-scrollbar-track":"#f1f3f5","--vg-scrollbar-thumb":"#d1d5db","--vg-sort-icon":"#9ca3af","--vg-sort-active":"#2563eb","--vg-resize-hover":"#2563eb","--vg-drag-indicator":"#2563eb"},dark:{...pa,"--vg-bg":"#0d1117","--vg-bg-header":"#161c28","--vg-bg-group":"#1a2235","--vg-bg-row-alt":"#111620","--vg-bg-row-hover":"#1c2438","--vg-bg-row-selected":"#1a3558","--vg-bg-pinned":"#0d1117","--vg-bg-frozen":"#0f2040","--vg-bg-toolbar":"#161c28","--vg-bg-panel":"#161c28","--vg-bg-btn":"#1c2438","--vg-bg-btn-hover":"#242e48","--vg-bg-btn-active":"#1e3558","--vg-bg-tag":"#1c2438","--vg-bg-input":"#1c2438","--vg-text":"#e2e8f4","--vg-text-dim":"#8896b4","--vg-text-header":"#b4c0d8","--vg-text-group":"#d0daf0","--vg-text-placeholder":"#4a5670","--vg-border":"#1e2840","--vg-border-strong":"#283550","--vg-border-focus":"#3b82f6","--vg-accent":"#3b82f6","--vg-accent-hover":"#60a5fa","--vg-accent-bg":"#1e3558","--vg-accent-text":"#93c5fd","--vg-accent-fg":"#ffffff","--vg-shadow-pin":"4px 0 16px rgba(0,0,0,0.4)","--vg-shadow-panel":"0 8px 32px rgba(0,0,0,0.5), 0 2px 8px rgba(0,0,0,0.3)","--vg-scrollbar-track":"#161c28","--vg-scrollbar-thumb":"#283550","--vg-sort-icon":"#3a4a68","--vg-sort-active":"#3b82f6","--vg-resize-hover":"#3b82f6","--vg-drag-indicator":"#3b82f6"},ocean:{...pa,"--vg-bg":"#081425","--vg-bg-header":"#0c1e38","--vg-bg-group":"#0f2444","--vg-bg-row-alt":"#0a1830","--vg-bg-row-hover":"#112440","--vg-bg-row-selected":"#0e2c58","--vg-bg-pinned":"#081425","--vg-bg-frozen":"#051830","--vg-bg-toolbar":"#0c1e38","--vg-bg-panel":"#0c1e38","--vg-bg-btn":"#0f2444","--vg-bg-btn-hover":"#163058","--vg-bg-btn-active":"#0e2c58","--vg-bg-tag":"#0f2444","--vg-bg-input":"#0f2444","--vg-text":"#b8d4f8","--vg-text-dim":"#3c6080","--vg-text-header":"#6aabf0","--vg-text-group":"#9ccaf0","--vg-text-placeholder":"#2a4860","--vg-border":"#0f2444","--vg-border-strong":"#163058","--vg-border-focus":"#0e9eff","--vg-accent":"#0e9eff","--vg-accent-hover":"#40b6ff","--vg-accent-bg":"#0e2c58","--vg-accent-text":"#7dd0ff","--vg-accent-fg":"#ffffff","--vg-shadow-pin":"4px 0 16px rgba(0,0,0,0.5)","--vg-shadow-panel":"0 8px 40px rgba(0,10,30,0.7)","--vg-scrollbar-track":"#0c1e38","--vg-scrollbar-thumb":"#163058","--vg-sort-icon":"#1a4070","--vg-sort-active":"#0e9eff","--vg-resize-hover":"#0e9eff","--vg-drag-indicator":"#0e9eff"},forest:{...pa,"--vg-bg":"#0a140c","--vg-bg-header":"#0f1e12","--vg-bg-group":"#132418","--vg-bg-row-alt":"#0c1810","--vg-bg-row-hover":"#162c1c","--vg-bg-row-selected":"#143a1a","--vg-bg-pinned":"#0a140c","--vg-bg-frozen":"#0a1f0a","--vg-bg-toolbar":"#0f1e12","--vg-bg-panel":"#0f1e12","--vg-bg-btn":"#132418","--vg-bg-btn-hover":"#1e3828","--vg-bg-btn-active":"#143a1a","--vg-bg-tag":"#132418","--vg-bg-input":"#132418","--vg-text":"#b8d8a8","--vg-text-dim":"#406840","--vg-text-header":"#72b860","--vg-text-group":"#98c888","--vg-text-placeholder":"#284828","--vg-border":"#132418","--vg-border-strong":"#1e3828","--vg-border-focus":"#4ade80","--vg-accent":"#4ade80","--vg-accent-hover":"#86efac","--vg-accent-bg":"#143a1a","--vg-accent-text":"#86efac","--vg-accent-fg":"#0a140c","--vg-shadow-pin":"4px 0 16px rgba(0,0,0,0.5)","--vg-shadow-panel":"0 8px 40px rgba(0,10,0,0.7)","--vg-scrollbar-track":"#0f1e12","--vg-scrollbar-thumb":"#1e3828","--vg-sort-icon":"#204020","--vg-sort-active":"#4ade80","--vg-resize-hover":"#4ade80","--vg-drag-indicator":"#4ade80"},sunset:{...pa,"--vg-bg":"#160a04","--vg-bg-header":"#221008","--vg-bg-group":"#2e160c","--vg-bg-row-alt":"#1c0e06","--vg-bg-row-hover":"#2e1a0c","--vg-bg-row-selected":"#3a1a08","--vg-bg-pinned":"#160a04","--vg-bg-frozen":"#1f0d04","--vg-bg-toolbar":"#221008","--vg-bg-panel":"#221008","--vg-bg-btn":"#2e160c","--vg-bg-btn-hover":"#3e2018","--vg-bg-btn-active":"#3a1a08","--vg-bg-tag":"#2e160c","--vg-bg-input":"#2e160c","--vg-text":"#f0c8a0","--vg-text-dim":"#805030","--vg-text-header":"#e09060","--vg-text-group":"#f0a870","--vg-text-placeholder":"#503020","--vg-border":"#2e160c","--vg-border-strong":"#3e2018","--vg-border-focus":"#fb923c","--vg-accent":"#fb923c","--vg-accent-hover":"#fdba74","--vg-accent-bg":"#3a1a08","--vg-accent-text":"#fdba74","--vg-accent-fg":"#160a04","--vg-shadow-pin":"4px 0 16px rgba(0,0,0,0.5)","--vg-shadow-panel":"0 8px 40px rgba(20,0,0,0.7)","--vg-scrollbar-track":"#221008","--vg-scrollbar-thumb":"#3e2018","--vg-sort-icon":"#50280c","--vg-sort-active":"#fb923c","--vg-resize-hover":"#fb923c","--vg-drag-indicator":"#fb923c"}};function kB(e){var t;return!e||e==="light"?Ac.light:typeof e=="string"?(t=Ac[e])!=null?t:Ac.light:{...Ac.light,...e}}function v7(e){return e}function EB({direction:e,active:t}){return p.jsxs("span",{style:{display:"inline-flex",flexDirection:"column",gap:1,marginLeft:3,opacity:t?1:.3,flexShrink:0,color:t?"var(--vg-sort-active)":"var(--vg-sort-icon)",transition:"opacity var(--vg-transition)"},children:[p.jsx("svg",{width:"7",height:"5",viewBox:"0 0 7 5",children:p.jsx("path",{d:"M3.5 0L7 5H0z",fill:"currentColor",opacity:t&&e==="asc"?1:.35})}),p.jsx("svg",{width:"7",height:"5",viewBox:"0 0 7 5",children:p.jsx("path",{d:"M3.5 5L0 0h7z",fill:"currentColor",opacity:t&&e==="desc"?1:.35})})]})}function OB(){return p.jsx("svg",{width:"8",height:"8",viewBox:"0 0 8 8",fill:"none",children:p.jsx("path",{d:"M1 1l6 6M7 1L1 7",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round"})})}const Ao=S.memo(function({column:t,style:n,showResizeHandle:r=!0,isFirst:o=!1,isLast:s=!1}){var a,l;const{engine:c,dragHandlers:u,startResize:d,features:f,icons:m,texts:h,styles:y,classNames:g}=As(),{sortState:b,toggleSort:v,toggleColumnVisibility:T}=c,{getDragHandlers:x,dragState:w,consumeDragEnd:C}=u,[k,O]=S.useState(!1),M=b.columnId===t.id,P=w.draggingId===t.id,j=w.overTargetId===t.id,B=w.insertBefore,E=t.sortable&&f.sort,R=t.resizable&&f.resize,A=t.draggable&&f.reorder,$=t.hideable&&f.columnHide,N=A?x(t.id):{},U=W=>{C()||W.target.closest("[data-vg-hide]")||E&&v(t.id)},Z=W=>{W.stopPropagation(),T(t.id)},z=W=>{W.stopPropagation(),W.preventDefault(),d(W,t.id)},F=j?"var(--vg-accent-bg)":k?"var(--vg-bg-row-hover)":"var(--vg-bg-header)",I=o?"1px solid var(--vg-border)":void 0,V="1px solid var(--vg-border)",K=j?B?"inset 3px 0 0 var(--vg-accent)":"inset -3px 0 0 var(--vg-accent)":void 0;return p.jsxs("div",{role:"columnheader","aria-sort":M?b.direction==="asc"?"ascending":"descending":"none",className:(a=g.headerCell)!=null?a:void 0,...N,onClick:U,onMouseEnter:()=>O(!0),onMouseLeave:()=>O(!1),style:{...n,position:"absolute",display:"flex",alignItems:"center",justifyContent:t.align==="center"?"center":t.align==="right"?"flex-end":"flex-start",padding:"0 8px",fontWeight:600,fontSize:"var(--vg-font-size)",color:"var(--vg-text-header)",background:F,borderLeft:I,borderRight:V,borderBottom:"1px solid var(--vg-border)",boxShadow:K,cursor:E?"pointer":A?"grab":"default",userSelect:"none",opacity:P?.45:1,boxSizing:"border-box",overflow:"visible",whiteSpace:"nowrap",transition:"background var(--vg-transition)",outline:"none",...t.headerStyle,...y.headerCell,...t.groupId?y.groupHeaderCell:{}},children:[p.jsx("span",{style:{flex:1,overflow:"hidden",textOverflow:"ellipsis",whiteSpace:"nowrap",textAlign:t.align},children:t.renderHeader?t.renderHeader(t,c):t.label}),E&&(()=>{if(M){const W=b.direction==="asc"?m.sortAsc:m.sortDesc;if(W)return p.jsx("span",{style:{marginLeft:3,flexShrink:0},children:W})}else if(m.sortNone)return p.jsx("span",{style:{marginLeft:3,flexShrink:0,opacity:.3},children:m.sortNone});return p.jsx(EB,{direction:b.direction,active:M})})(),$&&p.jsx("span",{"data-vg-hide":"",role:"button","aria-label":h.hideColumn,title:h.hideColumn,onClick:Z,style:{display:"inline-flex",alignItems:"center",justifyContent:"center",width:14,height:14,borderRadius:3,marginLeft:3,flexShrink:0,cursor:"pointer",opacity:k?.7:0,pointerEvents:k?"auto":"none",background:"transparent",color:"var(--vg-text-dim)",transition:"opacity 0.12s",userSelect:"none"},onMouseEnter:W=>{W.currentTarget.style.opacity="1",W.currentTarget.style.background="var(--vg-border-strong)"},onMouseLeave:W=>{W.currentTarget.style.opacity=k?"0.7":"0",W.currentTarget.style.background="transparent"},children:(l=m.hideColumn)!=null?l:p.jsx(OB,{})}),r&&R&&p.jsx("div",{"aria-hidden":"true","data-resize-handle":"",onPointerDown:W=>W.stopPropagation(),onMouseDown:z,onClick:W=>W.stopPropagation(),style:{position:"absolute",right:-4,top:0,width:8,height:"100%",borderRadius:2,cursor:"col-resize",background:"transparent",zIndex:3,transition:"background var(--vg-transition)"},onMouseEnter:W=>W.currentTarget.style.background="var(--vg-resize-hover)",onMouseLeave:W=>W.currentTarget.style.background="transparent"})]})});if(typeof document<"u"){const e="vg-shimmer-keyframes";if(!document.getElementById(e)){const t=document.createElement("style");t.id=e,t.textContent="@keyframes vg-shimmer{from{background-position:200% 0}to{background-position:-200% 0}}",document.head.appendChild(t)}}function MB(e,t){return e.column===t.column&&e.row===t.row&&e.pinned===t.pinned&&e.isScrolling===t.isScrolling&&e.style.left===t.style.left&&e.style.top===t.style.top&&e.style.width===t.style.width&&e.style.height===t.style.height&&e.style.background===t.style.background&&e.style.zIndex===t.style.zIndex}function PB(){return p.jsx("div",{style:{width:"60%",height:10,borderRadius:4,background:"linear-gradient(90deg, var(--vg-border) 25%, var(--vg-bg-row-hover) 50%, var(--vg-border) 75%)",backgroundSize:"200% 100%",animation:"vg-shimmer 1.2s infinite linear"}})}const Dc=S.memo(function({column:t,row:n,style:r,pinned:o=!1,isScrolling:s=!1,loadingCell:a}){var l,c;const{styles:u,classNames:d}=As();if(s&&t.deferRender&&t.renderCell)return p.jsx("div",{style:{...r,position:"absolute",display:"flex",alignItems:"center",justifyContent:"center",padding:"0 10px",boxSizing:"border-box",overflow:"hidden"},children:a??p.jsx(PB,{})});const f=t.accessor?t.accessor(n):n[(l=t.field)!=null?l:t.id],m=t.renderCell?t.renderCell(f,n):f??"—",h=t.align==="center"?"center":t.align==="right"?"flex-end":"flex-start",y=o?u.pinnedCell:u.cell,{background:g,backgroundColor:b,...v}=y??{},{background:T,backgroundColor:x,...w}=(c=t.cellStyle)!=null?c:{};return p.jsx("div",{className:[d.cell,o?d.pinnedCell:void 0].filter(Boolean).join(" ")||void 0,style:{...r,position:"absolute",display:"flex",alignItems:"center",justifyContent:h,padding:"0 10px",fontSize:"var(--vg-font-size)",color:"var(--vg-text)",borderRight:"1px solid var(--vg-border)",boxSizing:"border-box",overflow:"hidden",whiteSpace:"nowrap",textOverflow:"ellipsis",...w,...v},children:m})},MB),Y2=S.memo(function({group:t,left:n,width:r,height:o}){const{classNames:s,styles:a}=As();return p.jsx("div",{className:s.groupRow||void 0,style:{position:"absolute",left:n,top:0,width:r,height:o,display:"flex",alignItems:"center",justifyContent:"center",background:"var(--vg-bg-header)",borderRight:"1px solid var(--vg-border)",borderBottom:"1px solid var(--vg-border)",fontWeight:700,fontSize:"calc(var(--vg-font-size) - 0.5px)",letterSpacing:"0.025em",color:"var(--vg-text-group)",overflow:"hidden",whiteSpace:"nowrap",textOverflow:"ellipsis",boxSizing:"border-box",...t.headerStyle,...a.groupRow},children:t.label})}),jB=S.memo(function({height:t,slot:n}){return p.jsx("div",{style:{height:t,display:"flex",flexDirection:"column",alignItems:"center",justifyContent:"center",gap:10,color:"var(--vg-text-dim)",fontSize:"var(--vg-font-size)",fontFamily:"var(--vg-font)"},children:n??p.jsxs(p.Fragment,{children:[p.jsxs("svg",{width:"36",height:"36",viewBox:"0 0 36 36",fill:"none",children:[p.jsx("rect",{x:"4",y:"4",width:"28",height:"28",rx:"4",stroke:"currentColor",strokeWidth:"1.5",opacity:"0.4"}),p.jsx("line",{x1:"4",y1:"13",x2:"32",y2:"13",stroke:"currentColor",strokeWidth:"1.2",opacity:"0.3"}),p.jsx("line",{x1:"4",y1:"22",x2:"32",y2:"22",stroke:"currentColor",strokeWidth:"1.2",opacity:"0.2"}),p.jsx("line",{x1:"14",y1:"4",x2:"14",y2:"32",stroke:"currentColor",strokeWidth:"1.2",opacity:"0.2"})]}),p.jsx("span",{style:{opacity:.5},children:"No data to display"})]})})}),AB=S.memo(function({onClose:t}){const{engine:n,features:r,texts:o,classNames:s}=As(),{orderedColumns:a,toggleColumnVisibility:l,pinColumn:c,showAllColumns:u}=n,d=S.useRef(null);S.useEffect(()=>{const m=y=>{d.current&&!d.current.contains(y.target)&&t()},h=setTimeout(()=>document.addEventListener("mousedown",m),50);return()=>{clearTimeout(h),document.removeEventListener("mousedown",m)}},[t]);const f=a.filter(m=>m.hidden).length;return p.jsxs("div",{ref:d,role:"dialog","aria-label":o.columnManager,className:s.columnPanel||void 0,style:{position:"absolute",top:"calc(100% + 4px)",right:0,zIndex:"var(--vg-z-panel)",background:"var(--vg-bg-panel)",border:"1px solid var(--vg-border-strong)",borderRadius:"var(--vg-radius)",boxShadow:"var(--vg-shadow-panel)",minWidth:260,maxHeight:420,display:"flex",flexDirection:"column",overflow:"hidden",fontFamily:"var(--vg-font)"},children:[p.jsxs("div",{style:{display:"flex",alignItems:"center",justifyContent:"space-between",padding:"10px 14px 8px",borderBottom:"1px solid var(--vg-border)",flexShrink:0},children:[p.jsxs("span",{style:{fontWeight:700,fontSize:11,textTransform:"uppercase",letterSpacing:"0.08em",color:"var(--vg-text-dim)"},children:[o.columns,f>0&&p.jsxs("span",{style:{marginLeft:6,background:"var(--vg-accent-bg)",color:"var(--vg-accent-text)",borderRadius:10,padding:"1px 6px",fontSize:10},children:[f," ",o.hidden]})]}),f>0&&p.jsx("button",{onClick:u,style:{background:"none",border:"none",cursor:"pointer",fontSize:11,color:"var(--vg-accent)",fontWeight:600,fontFamily:"var(--vg-font)",padding:"2px 4px"},children:o.showAll})]}),p.jsx("div",{style:{overflow:"auto",flex:1},children:a.map(m=>{var h;return p.jsxs("div",{style:{display:"flex",alignItems:"center",gap:8,padding:"6px 14px",fontSize:"var(--vg-font-size)",color:m.hidden?"var(--vg-text-dim)":"var(--vg-text)",transition:"background var(--vg-transition)"},onMouseEnter:y=>y.currentTarget.style.background="var(--vg-bg-row-hover)",onMouseLeave:y=>y.currentTarget.style.background="transparent",children:[p.jsx("input",{type:"checkbox",id:`vg-col-${m.id}`,checked:!m.hidden,onChange:()=>l(m.id),style:{accentColor:"var(--vg-accent)",cursor:"pointer",width:13,height:13,flexShrink:0}}),p.jsx("label",{htmlFor:`vg-col-${m.id}`,style:{flex:1,cursor:"pointer",overflow:"hidden",textOverflow:"ellipsis",whiteSpace:"nowrap"},children:m.label}),r.columnPin&&p.jsxs("select",{value:(h=m.pinned)!=null?h:"",onChange:y=>c(m.id,y.target.value||null),style:{fontSize:11,padding:"2px 5px",background:"var(--vg-bg-btn)",color:"var(--vg-text)",border:"1px solid var(--vg-border-strong)",borderRadius:"var(--vg-radius-xs)",cursor:"pointer",fontFamily:"var(--vg-font)",outline:"none"},children:[p.jsx("option",{value:"",children:o.noPin}),p.jsx("option",{value:"left",children:o.pinLeft}),p.jsx("option",{value:"right",children:o.pinRight})]})]},m.id)})}),p.jsx("div",{style:{padding:"10px 14px",borderTop:"1px solid var(--vg-border)",flexShrink:0},children:p.jsx("button",{onClick:t,style:{width:"100%",padding:"7px 12px",background:"var(--vg-accent)",color:"var(--vg-accent-fg)",border:"none",borderRadius:"var(--vg-radius-sm)",cursor:"pointer",fontWeight:600,fontSize:"var(--vg-font-size)",fontFamily:"var(--vg-font)",transition:"background var(--vg-transition)"},onMouseEnter:m=>m.currentTarget.style.background="var(--vg-accent-hover)",onMouseLeave:m=>m.currentTarget.style.background="var(--vg-accent)",children:o.done})})]})}),DB=S.memo(function({left:t,right:n,colManagerSlot:r}){const{classNames:o,styles:s}=As();return p.jsxs("div",{role:"toolbar",className:o.toolbar||void 0,style:{display:"flex",alignItems:"center",justifyContent:"space-between",padding:"7px 12px",background:"var(--vg-bg-toolbar)",borderBottom:"1px solid var(--vg-border)",gap:8,flexShrink:0,position:"relative",...s.toolbar},children:[p.jsx("div",{style:{display:"flex",alignItems:"center",gap:8},children:t}),p.jsxs("div",{style:{display:"flex",alignItems:"center",gap:6,position:"relative"},children:[n,r]})]})}),IB=S.memo(function({onClick:t,active:n=!1,children:r,icon:o,"aria-label":s}){return p.jsxs("button",{onClick:t,"aria-label":s,"aria-pressed":n,style:{display:"inline-flex",alignItems:"center",gap:5,padding:"5px 10px",borderRadius:"var(--vg-radius-sm)",border:`1px solid ${n?"var(--vg-accent)":"var(--vg-border-strong)"}`,background:n?"var(--vg-accent-bg)":"var(--vg-bg-btn)",color:n?"var(--vg-accent-text)":"var(--vg-text)",fontSize:12,fontWeight:600,cursor:"pointer",fontFamily:"var(--vg-font)",transition:"all var(--vg-transition)",lineHeight:1},onMouseEnter:a=>{n||(a.currentTarget.style.background="var(--vg-bg-btn-hover)")},onMouseLeave:a=>{n||(a.currentTarget.style.background="var(--vg-bg-btn)")},children:[o,r]})}),RB=S.memo(function({startRow:t,endRow:n,totalRows:r,visibleCols:o,totalCols:s}){const{classNames:a,styles:l,texts:c}=As();return p.jsxs("div",{className:a.footer||void 0,style:{display:"flex",alignItems:"center",justifyContent:"flex-end",padding:"5px 12px",background:"var(--vg-bg-toolbar)",borderTop:"1px solid var(--vg-border)",fontSize:11,color:"var(--vg-text-dim)",fontFamily:"var(--vg-font-mono)",flexShrink:0,gap:12,...l.footer},children:[p.jsxs("span",{children:[t.toLocaleString(),"–",n.toLocaleString()," ",c.of," ",r.toLocaleString()," ",c.rows]}),p.jsx("span",{style:{opacity:.5},children:"·"}),p.jsxs("span",{children:[o,"/",s," ",c.columns]})]})});function NB(){return p.jsxs("svg",{width:"13",height:"13",viewBox:"0 0 13 13",fill:"none","aria-hidden":"true",children:[p.jsx("rect",{x:"0.5",y:"1.5",width:"3.5",height:"9",rx:"0.8",stroke:"currentColor",strokeWidth:"1.15"}),p.jsx("rect",{x:"5",y:"1.5",width:"3",height:"9",rx:"0.8",stroke:"currentColor",strokeWidth:"1.15"}),p.jsx("rect",{x:"9.5",y:"1.5",width:"3",height:"9",rx:"0.8",stroke:"currentColor",strokeWidth:"1.15"})]})}const $B=36,BB=38,LB=28,_B={sort:!0,resize:!0,reorder:!0,columnHide:!0,columnPin:!0,alternateRows:!0,toolbar:!0,footer:!0,rowSelection:!0},FB={},WB={},zB={},VB={hideColumn:"Hide column",manageColumns:"Manage columns",columnManager:"Column manager",columns:"columns",rows:"rows",selected:"selected",hidden:"hidden",showAll:"Show all",noPin:"No pin",pinLeft:"Pin left",pinRight:"Pin right",done:"Done",loading:"Loading...",of:"of"};function HB(e,t,n,r){var o;if(r<=0)return null;const s=e.findIndex(a=>a.id===n);return s<0?null:((o=t[s])!=null?o:0)<r?s:null}function UB({columns:e,data:t,getRowId:n,height:r,maxHeight:o=600,rowHeight:s=$B,headerHeight:a=BB,groupHeaderHeight:l=LB,theme:c="light",features:u,icons:d,texts:f,classNames:m,styles:h,slots:y={},freezeColId:g,loading:b=!1,selectedRowId:v,onRowClick:T,onSortChange:x,onColumnStateChange:w,onColumnResize:C,onColumnReorder:k,sortMode:O="client",ariaLabel:M="Data grid",className:P,style:j}){var B,E,R,A,$;const N=S.useMemo(()=>({..._B,...u}),[JSON.stringify(u)]),U=d??FB,Z=S.useMemo(()=>({...VB,...f}),[JSON.stringify(f)]),z=h??WB,F=m??zB,I=bB(e),{pinnedLeftColumns:V,pinnedRightColumns:K,scrollableColumns:W,pinnedLeftWidth:X,pinnedRightWidth:G,sortState:H,groups:oe,hasGroups:ae,visibleColumns:_,orderedColumns:Y,resizeColumn:L,moveColumnBefore:ce,moveColumnToEnd:te}=I,Q=S.useRef(H);S.useEffect(()=>{(Q.current.columnId!==H.columnId||Q.current.direction!==H.direction)&&(Q.current=H,x?.(H))},[H,x]);const xe=S.useRef(null);S.useEffect(()=>{var se;xe.current=H.columnId&&(se=I.orderedColumns.find(fe=>fe.id===H.columnId))!=null?se:null},[H.columnId]);const he=S.useMemo(()=>{var se;if(O==="server")return t;const fe=xe.current;if(!H.columnId||!fe)return t;const pe=(se=fe.accessor)!=null?se:we=>{var Ue;return we[(Ue=fe.field)!=null?Ue:fe.id]};return[...t].sort((we,Ue)=>{const Be=pe(we),qe=pe(Ue);if(Be==null)return 1;if(qe==null)return-1;const Fe=Be<qe?-1:Be>qe?1:0;return H.direction==="asc"?Fe:-Fe})},[t,O,H.columnId,H.direction]),Se=S.useRef("");S.useEffect(()=>{if(!w)return;const se=I.orderedColumns.map((pe,we)=>({id:pe.id,hidden:pe.hidden,pinned:pe.pinned,width:pe.width,order:we})),fe=JSON.stringify(se);fe!==Se.current&&(Se.current=fe,w(se))},[I.orderedColumns,w]);const[Ce,ze]=S.useState(null);S.useEffect(()=>{N.rowSelection&&ze(v!=null?String(v):null)},[v,N.rowSelection]);const ke=S.useCallback((se,fe)=>{if(N.rowSelection){const pe=String(n?n(se,fe):fe);ze(pe)}T?.(se,fe)},[N.rowSelection,n,T]),ge=S.useCallback((se,fe)=>!Ce||!N.rowSelection?!1:String(n?n(se,fe):fe)===Ce,[Ce,N.rowSelection,n]),re=S.useRef(null),le=S.useRef(0),Me=S.useRef(0),[,me]=S.useReducer(se=>se+1,0),be=S.useRef(0),Ae=S.useRef(!1),Ve=S.useRef(null),Xe=S.useRef(null),Ee=S.useRef(null),pt=S.useRef(null),Ze=S.useMemo(()=>wB(W),[W]),et=S.useMemo(()=>W.map(se=>se.width),[W]),Zt=S.useMemo(()=>et.reduce((se,fe)=>se+fe,0),[et]),tn=S.useRef(null),[pn,wn]=S.useState(400),[De,ue]=S.useState(800);S.useEffect(()=>{const se=tn.current;if(!se)return;const fe=new ResizeObserver(([pe])=>{pe&&(wn(pe.contentRect.height),ue(pe.contentRect.width))});return fe.observe(se),wn(se.clientHeight),ue(se.clientWidth),()=>fe.disconnect()},[]);const de=ae?l+a:a,Pe=Math.max(0,De-X-G),ot=X+Zt+G,Je=ot>De+1,Io=N.toolbar&&!y.toolbar?36:0,Ro=N.footer&&!y.footer?29:0,Rt=Je?17:0,ve=de+he.length*s+Io+Ro+Rt,nt=Math.min(ve,r??o),rt=S.useRef({startIndex:0,endIndex:-1,totalHeight:0,offsetY:0}),kt=S.useCallback(se=>{rt.current=vB(he.length,s,se,Math.max(0,pn-de))},[he.length,s,pn,de]),jn=S.useRef({startIndex:0,endIndex:0}),Vn=S.useCallback(se=>{const fe=Math.max(0,se-X),pe=Pe>0?Pe:1400;jn.current=xB(Ze,et,fe,pe)},[Ze,et,Pe,X]),tr=S.useRef(null),No=S.useCallback(se=>{if(!g){tr.current=null;return}const fe=Math.max(0,se-X);tr.current=HB(W,Ze,g,fe)},[g,W,Ze,X]),Hn=S.useMemo(()=>{var se;return g&&(se=W.find(fe=>fe.id===g))!=null?se:null},[g,W]),IL=S.useMemo(()=>{var se;if(!Hn)return 0;const fe=W.findIndex(pe=>pe.id===Hn.id);return fe>=0&&(se=Ze[fe])!=null?se:0},[Hn,W,Ze]),RL=S.useCallback(()=>{const se=re.current;if(!se)return;const fe=se.scrollTop,pe=se.scrollLeft;Me.current=fe,le.current=pe,kt(fe),Vn(pe),No(pe);const we=tr.current!==null;Xe.current&&(Xe.current.style.visibility=we?"visible":"hidden",Xe.current.style.pointerEvents=we?"auto":"none"),Ae.current=!0,Ve.current&&clearTimeout(Ve.current),Ve.current=setTimeout(()=>{Ae.current=!1,me()},150),cancelAnimationFrame(be.current),be.current=requestAnimationFrame(me)},[kt,Vn,No,me]);S.useEffect(()=>{kt(Me.current),Vn(le.current),No(le.current)},[kt,Vn,No]),S.useEffect(()=>{const se=Ue=>{Ue.preventDefault();const Be=re.current;Be&&(Be.scrollTop+=Ue.deltaY,Be.scrollLeft+=Ue.deltaX)},fe={passive:!1},pe=Ee.current,we=pt.current;return pe?.addEventListener("wheel",se,fe),we?.addEventListener("wheel",se,fe),()=>{pe?.removeEventListener("wheel",se,fe),we?.removeEventListener("wheel",se,fe)}},[]),S.useLayoutEffect(()=>{if(!Xe.current)return;const se=tr.current!==null;Xe.current.style.visibility=se?"visible":"hidden",Xe.current.style.pointerEvents=se?"auto":"none"});const no=jn.current,Lc=tr.current,_r=Lc!==null&&(B=W[Lc])!=null?B:null,Ns=(E=Hn?.width)!=null?E:0,Tr=rt.current,_c=Ae.current,wx=S.useMemo(()=>{const se=new Set(oe.flatMap(fe=>fe.children.map(pe=>pe.id)));return new Set(W.filter(fe=>!se.has(fe.id)).map(fe=>fe.id))},[oe,W]),$p=S.useRef(I.orderedColumns);$p.current=I.orderedColumns;const ha=S.useRef(k);ha.current=k;const Sx=S.useRef(se=>120);Sx.current=se=>{var fe,pe;return(pe=(fe=I.orderedColumns.find(we=>we.id===se))==null?void 0:fe.width)!=null?pe:120};const{startResize:Cx}=SB({onResize:(se,fe)=>L(se,fe),onResizeEnd:(se,fe)=>C?.(se,fe),getCurrentWidth:S.useCallback(se=>Sx.current(se),[])}),NL=S.useCallback(se=>{var fe,pe;const we=(fe=tn.current)==null?void 0:fe.getBoundingClientRect();if(!we)return null;const Ue=le.current;let Be=0;for(const Fe of V){if(Fe.id===se)return{left:we.left+Be,right:we.left+Be+Fe.width};Be+=Fe.width}const qe=W.findIndex(Fe=>Fe.id===se);if(qe!==-1){const Fe=W[qe],Tt=X+((pe=Ze[qe])!=null?pe:0)-Ue;return{left:we.left+Tt,right:we.left+Tt+Fe.width}}Be=0;for(const Fe of K){if(Fe.id===se){const Tt=we.right-G;return{left:Tt+Be,right:Tt+Be+Fe.width}}Be+=Fe.width}return null},[V,W,K,X,G,Ze]),ma=CB({onMoveColumnBefore:(se,fe)=>{if(ce(se,fe),ha.current){const we=$p.current.map(Ue=>Ue.id).filter(Ue=>Ue!==se);we.splice(we.indexOf(fe),0,se),ha.current(we)}},onMoveColumnToEnd:se=>{if(te(se),ha.current){const pe=[...$p.current.map(we=>we.id).filter(we=>we!==se),se];ha.current(pe)}},columns:_.map(se=>({id:se.id,groupId:se.groupId,draggable:se.draggable,pinned:se.pinned})),getColumnViewportBounds:NL}),[Tx,Bp]=S.useState(!1),kx=S.useMemo(()=>kB(c),[c]),$L=S.useMemo(()=>kx,[kx]),BL=S.useMemo(()=>({engine:I,dragHandlers:ma,startResize:Cx,features:N,icons:U,texts:Z,styles:z,classNames:F}),[I,ma,Cx,N,U,Z,z,F]),Ex=S.useCallback((se,fe)=>{var pe,we,Ue,Be,qe,Fe,Tt,ht;return ge(se,fe)?(Be=(Ue=(pe=z.rowSelected)==null?void 0:pe.background)!=null?Ue:(we=z.rowSelected)==null?void 0:we.backgroundColor)!=null?Be:"var(--vg-bg-row-selected)":N.alternateRows&&fe%2===1?"var(--vg-bg-row-alt)":(ht=(Tt=(qe=z.row)==null?void 0:qe.background)!=null?Tt:(Fe=z.row)==null?void 0:Fe.backgroundColor)!=null?ht:"var(--vg-bg)"},[ge,N.alternateRows,z.rowSelected,z.row]),LL=S.useCallback((se,fe)=>{var pe,we,Ue,Be,qe,Fe,Tt,ht,Mt,Qe;return ge(se,fe)?(Be=(Ue=(pe=z.rowSelected)==null?void 0:pe.background)!=null?Ue:(we=z.rowSelected)==null?void 0:we.backgroundColor)!=null?Be:"var(--vg-bg-row-selected)":N.alternateRows&&fe%2===1?"var(--vg-bg-row-alt)":(Qe=(Mt=(Tt=(qe=z.pinnedCell)==null?void 0:qe.background)!=null?Tt:(Fe=z.pinnedCell)==null?void 0:Fe.backgroundColor)!=null?Mt:(ht=z.row)==null?void 0:ht.background)!=null?Qe:"var(--vg-bg-pinned)"},[ge,N.alternateRows,z.rowSelected,z.row,z.pinnedCell]),_L=()=>{var se,fe;const pe=[],we=new Set;for(let Ue=no.startIndex;Ue<=no.endIndex;Ue++){const Be=W[Ue];if(!Be)continue;const qe=X+((se=Ze[Ue])!=null?se:0);if(wx.has(Be.id)){pe.push(p.jsx(Ao,{column:Be,style:{position:"absolute",left:qe,top:0,width:Be.width,height:l+a,zIndex:1,background:"var(--vg-bg-header)"}},`hspan-${Be.id}`));continue}const Fe=oe.find(Qe=>Qe.children.some($t=>$t.id===Be.id));if(!Fe||we.has(Fe.id))continue;we.add(Fe.id);const Tt=W.filter(Qe=>Fe.children.some($t=>$t.id===Qe.id)),ht=Tt.reduce((Qe,$t)=>Qe+$t.width,0),Mt=W.findIndex(Qe=>{var $t;return Qe.id===(($t=Tt[0])==null?void 0:$t.id)});pe.push(p.jsx(Y2,{group:Fe,left:X+((fe=Ze[Mt])!=null?fe:0),width:ht,height:l},`grp-${Fe.id}`))}return pe},FL=()=>{const se=[];let fe;const pe=[];for(let we=no.startIndex;we<=no.endIndex;we++){const Ue=W[we];!Ue||wx.has(Ue.id)||pe.push(we)}return pe.forEach((we,Ue)=>{var Be;const qe=W[we];if(!qe)return;const Fe=qe.groupId!==fe;fe=qe.groupId;const Tt=Ue===pe.length-1;se.push(p.jsx(Ao,{column:qe,isFirst:Fe,isLast:Tt,style:{position:"absolute",left:X+((Be=Ze[we])!=null?Be:0),top:0,width:qe.width,height:a,zIndex:1}},`lh-${qe.id}`))}),se},WL=()=>{const se=[],fe=[];for(let pe=no.startIndex;pe<=no.endIndex;pe++)W[pe]&&fe.push(pe);return fe.forEach((pe,we)=>{var Ue;const Be=W[pe];Be&&se.push(p.jsx(Ao,{column:Be,isFirst:we===0,isLast:we===fe.length-1,style:{position:"absolute",left:X+((Ue=Ze[pe])!=null?Ue:0),top:0,width:Be.width,height:a,zIndex:1}},`fh-${Be.id}`))}),se},zL=se=>{var fe,pe;const we=he[se];if(!we)return null;const Ue=de+se*s,Be=Ex(we,se),qe=LL(we,se),Fe=ge(we,se),Tt=String(n?n(we,se):se),ht=[];for(let Bt=no.startIndex;Bt<=no.endIndex;Bt++){const Jt=W[Bt];Jt&&ht.push(p.jsx(Dc,{column:Jt,row:we,isScrolling:_c,loadingCell:y.loadingCell,style:{position:"absolute",left:X+((fe=Ze[Bt])!=null?fe:0),top:0,width:Jt.width,height:s,background:Be}},`ds-${Jt.id}`))}let Mt=0;const Qe=V.length>0?V.map(Bt=>{const Jt=Mt;return Mt+=Bt.width,p.jsx(Dc,{column:Bt,row:we,pinned:!0,isScrolling:_c,loadingCell:y.loadingCell,style:{position:"absolute",left:Jt,top:0,width:Bt.width,height:s,background:qe}},`ps-l-${Bt.id}`)}):null;let $t=0;const $s=K.length>0?K.map(Bt=>{const Jt=$t;return $t+=Bt.width,p.jsx(Dc,{column:Bt,row:we,pinned:!0,isScrolling:_c,loadingCell:y.loadingCell,style:{position:"absolute",left:Jt,top:0,width:Bt.width,height:s,background:qe}},`ps-r-${Bt.id}`)}):null;return p.jsxs("div",{role:"row","aria-rowindex":se+1,"aria-selected":Fe,onClick:()=>ke(we,se),className:[F.row,Fe?F.rowSelected:void 0].filter(Boolean).join(" ")||void 0,style:{position:"absolute",top:Ue,left:0,width:ot,height:s,background:Be,cursor:"pointer",display:"flex",...z.row,...Fe?z.rowSelected:{}},onMouseEnter:Bt=>{if(!Fe){const Jt=Bt.currentTarget;Jt.style.background="var(--vg-bg-row-hover)",Jt.querySelectorAll("[data-pinned-sticky]").forEach($o=>{$o.style.background="var(--vg-bg-row-hover)"})}},onMouseLeave:Bt=>{const Jt=Bt.currentTarget;Jt.style.background=Be,Jt.querySelectorAll("[data-pinned-sticky]").forEach($o=>{$o.style.background=qe})},children:[Qe&&p.jsx("div",{"data-pinned-sticky":"left",style:{position:"sticky",left:0,width:X,height:s,flexShrink:0,zIndex:5,background:qe,overflow:"hidden"},children:Qe}),$s&&p.jsx("div",{style:{flex:1}}),$s&&p.jsx("div",{"data-pinned-sticky":"right",style:{position:"sticky",right:0,width:G,height:s,flexShrink:0,zIndex:5,background:qe,overflow:"hidden"},children:$s}),ht,Fe&&((pe=y.rowSelectionIndicator)==null?void 0:pe.call(y,we,se))]},Tt)},VL=()=>{var se,fe,pe,we,Ue;if(!Hn)return null;const Be=[];for(let qe=Tr.startIndex;qe<=Tr.endIndex;qe++){const Fe=he[qe];if(!Fe)continue;const Tt=String(n?n(Fe,qe):qe),ht=ge(Fe,qe),Mt=ht?(we=(pe=(se=z.rowSelected)==null?void 0:se.background)!=null?pe:(fe=z.rowSelected)==null?void 0:fe.backgroundColor)!=null?we:"var(--vg-bg-row-selected)":"var(--vg-bg-frozen, var(--vg-bg-row-alt))";Be.push(p.jsxs("div",{onClick:()=>ke(Fe,qe),className:[F.row,ht?F.rowSelected:void 0].filter(Boolean).join(" ")||void 0,style:{position:"absolute",left:0,top:qe*s,width:Ns,height:s,background:Mt,cursor:"pointer",overflow:"hidden",...z.row,...ht?z.rowSelected:{}},onMouseEnter:Qe=>{ht||(Qe.currentTarget.style.background="var(--vg-bg-row-hover)")},onMouseLeave:Qe=>{Qe.currentTarget.style.background=Mt},children:[p.jsx(Dc,{column:Hn,row:Fe,pinned:!0,isScrolling:_c,loadingCell:y.loadingCell,style:{position:"absolute",left:0,top:0,width:Ns,height:s,background:Mt,zIndex:2}}),ht&&p.jsx("div",{style:{position:"absolute",inset:0,zIndex:3,pointerEvents:"none"},children:(Ue=y.rowSelectionIndicator)==null?void 0:Ue.call(y,Fe,qe)})]},Tt))}return Be},Ox=se=>{const fe=se==="left",pe=fe?V:K,we=fe?X:G,Ue=fe&&_r!==null,Be=Ue?we+Ns:we;if(!pe.length&&!Ue)return null;const qe=[];let Fe=0;for(const Mt of pe)qe.push(Fe),Fe+=Mt.width;const Tt=Fe,ht=[];if(ae){const Mt=new Set;if(pe.forEach((Qe,$t)=>{var $s,Bt,Jt;if(!Qe.groupId)ht.push(p.jsx(Ao,{column:Qe,isFirst:$t===0,isLast:$t===pe.length-1,style:{position:"absolute",left:qe[$t],top:0,width:Qe.width,height:l+a,zIndex:2,background:"var(--vg-bg-header)"}},`ph-span-${Qe.id}`));else{if(!Mt.has(Qe.groupId)){Mt.add(Qe.groupId);const $o=oe.find(jx=>jx.id===Qe.groupId);if($o){const YL=pe.filter(Lp=>Lp.groupId===Qe.groupId).reduce((Lp,GL)=>Lp+GL.width,0);ht.push(p.jsx(Y2,{group:$o,left:($s=qe[$t])!=null?$s:0,width:YL,height:l},`pgh-${$o.id}`))}}ht.push(p.jsx(Ao,{column:Qe,isFirst:$t===0||((Bt=pe[$t-1])==null?void 0:Bt.groupId)!==Qe.groupId,isLast:$t===pe.length-1||((Jt=pe[$t+1])==null?void 0:Jt.groupId)!==Qe.groupId,style:{position:"absolute",left:qe[$t],top:l,width:Qe.width,height:a,zIndex:2,background:"var(--vg-bg-header)"}},`ph-leaf-${Qe.id}`))}}),Ue&&_r){const Qe=_r.align==="center"?"center":_r.align==="right"?"flex-end":"flex-start";ht.push(p.jsx("div",{style:{position:"absolute",left:Tt,top:0,width:Ns,height:l+a,background:"var(--vg-bg-frozen, var(--vg-bg-group))",borderRight:"1px solid var(--vg-border-strong)",borderBottom:"1px solid var(--vg-border-strong)",zIndex:2,boxSizing:"border-box",display:"flex",alignItems:"center",justifyContent:Qe,padding:"0 10px",fontWeight:700,fontSize:"calc(var(--vg-font-size) - 0.5px)",color:"var(--vg-text-group)",overflow:"hidden",whiteSpace:"nowrap",...z.headerCell},children:_r.label},`ph-frozen-${_r.id}`))}}else pe.forEach((Mt,Qe)=>{ht.push(p.jsx(Ao,{column:Mt,isFirst:Qe===0,isLast:Qe===pe.length-1,style:{position:"absolute",left:qe[Qe],top:0,width:Mt.width,height:a,zIndex:2,background:"var(--vg-bg-header)"}},`ph-${Mt.id}`))}),Ue&&_r&&ht.push(p.jsx(Ao,{column:_r,style:{position:"absolute",left:Tt,top:0,width:Ns,height:a,zIndex:2,background:"var(--vg-bg-frozen, var(--vg-accent-bg))"}},`ph-frozen-${_r.id}`));return p.jsxs("div",{style:{position:"absolute",[se]:0,top:0,width:Be,height:"100%",zIndex:20,pointerEvents:"none"},children:[p.jsx("div",{ref:fe?Ee:pt,style:{position:"absolute",top:0,left:0,width:Be,height:de,pointerEvents:"auto"},children:p.jsx("div",{style:{position:"absolute",top:0,left:0,width:Be,height:de,background:"var(--vg-bg-header)",borderBottom:"1px solid var(--vg-border-strong)",zIndex:10,overflow:"visible"},children:ht})}),p.jsx("div",{"aria-hidden":"true",style:{position:"absolute",[fe?"right":"left"]:-8,top:0,width:8,height:"100%",pointerEvents:"none",zIndex:15,background:fe?"linear-gradient(to right, rgba(0,0,0,0.08), transparent)":"linear-gradient(to left, rgba(0,0,0,0.08), transparent)"}})]},`layer-${se}`)},HL=p.jsxs("span",{style:{fontSize:12,color:"var(--vg-text-dim)",fontWeight:500},children:[he.length.toLocaleString()," ",Z.rows,Ce&&p.jsxs("span",{style:{marginLeft:8,color:"var(--vg-accent)",fontWeight:600},children:["· 1 ",Z.selected]})]}),UL=Tx?y.columnManager?y.columnManager({engine:I,onClose:()=>Bp(!1)}):p.jsx(AB,{onClose:()=>Bp(!1)}):null,qL=(R=U.columnsPanel)!=null?R:p.jsx(NB,{}),Mx={startRow:Tr.startIndex+1,endRow:Math.min(Tr.endIndex+1,he.length),totalRows:he.length,visibleCols:_.length,totalCols:Y.length},Px=de+he.length*s;return p.jsx(TB,{value:BL,children:p.jsxs("div",{role:"grid","aria-label":M,"aria-rowcount":he.length,"aria-colcount":_.length,className:[F.root,P].filter(Boolean).join(" ")||void 0,style:{...$L,fontFamily:"var(--vg-font)",fontSize:"var(--vg-font-size)",lineHeight:"var(--vg-line-height)",background:"var(--vg-bg)",border:"1px solid var(--vg-border-strong)",borderRadius:"var(--vg-radius)",overflow:"hidden",display:"flex",flexDirection:"column",height:nt,position:"relative",...z.root,...j},children:[N.toolbar&&(y.toolbar?y.toolbar(I):p.jsx(DB,{left:(A=y.toolbarLeft)!=null?A:HL,right:y.toolbarRight,colManagerSlot:p.jsxs(p.Fragment,{children:[p.jsx(IB,{onClick:()=>Bp(se=>!se),active:Tx,icon:qL,"aria-label":Z.manageColumns,children:Z.columns}),UL]})})),p.jsx("div",{ref:tn,style:{position:"relative",flex:1,overflow:"hidden"},children:he.length===0?p.jsx(jB,{height:pn,slot:y.emptyState}):p.jsxs(p.Fragment,{children:[p.jsx("div",{ref:re,onScroll:RL,style:{position:"absolute",inset:0,overflowX:"auto",overflowY:Px>pn?"auto":"hidden",scrollbarWidth:"thin",scrollbarColor:"var(--vg-scrollbar-thumb) var(--vg-scrollbar-track)",willChange:"scroll-position"},children:p.jsxs("div",{style:{width:ot,height:Px,position:"relative"},children:[p.jsx("div",{style:{position:"sticky",top:0,width:ot,height:de,zIndex:8,background:"var(--vg-bg-header)",borderBottom:"1px solid var(--vg-border-strong)",...z.headerRow},children:ae?p.jsxs(p.Fragment,{children:[p.jsx("div",{role:"row",style:{position:"absolute",top:0,left:0,width:ot,height:l,overflow:"visible"},children:_L()}),p.jsx("div",{role:"row",style:{position:"absolute",top:l,left:0,width:ot,height:a,overflow:"visible"},children:FL()})]}):p.jsx("div",{role:"row",style:{position:"absolute",top:0,left:0,width:ot,height:a,overflow:"visible"},children:WL()})}),Hn&&p.jsx("div",{ref:Xe,style:{position:"sticky",left:X,marginLeft:X+IL,width:Ns,height:he.length*s,zIndex:6,visibility:Lc!==null?"visible":"hidden",pointerEvents:Lc!==null?"auto":"none"},children:VL()}),Array.from({length:Math.max(0,Tr.endIndex-Tr.startIndex+1)},(se,fe)=>zL(Tr.startIndex+fe))]})}),Ox("left"),Ox("right"),b&&p.jsx("div",{style:{position:"absolute",inset:0,background:"rgba(255,255,255,0.6)",display:"flex",alignItems:"center",justifyContent:"center",zIndex:50,backdropFilter:"blur(1px)"},children:($=y.loadingOverlay)!=null?$:p.jsx("div",{style:{padding:"10px 20px",borderRadius:6,background:"var(--vg-bg)",border:"1px solid var(--vg-border-strong)",fontSize:13,color:"var(--vg-text-dim)",fontFamily:"var(--vg-font)"},children:Z.loading})})]})}),N.footer&&(y.footer?y.footer(Mx):p.jsx(RB,{...Mx})),ma.dragState.draggingId&&(()=>{var se;const{draggingId:fe}=ma.dragState,pe=_.find(Be=>Be.id===fe);if(!pe)return null;const we=(se=tn.current)==null?void 0:se.getBoundingClientRect();if(!we)return null;const Ue=pe.align==="center"?"center":pe.align==="right"?"flex-end":"flex-start";return p.jsx(p.Fragment,{children:p.jsxs("div",{ref:ma.registerGhost,style:{position:"fixed",top:we.top,width:pe.width,height:we.height,zIndex:9999,pointerEvents:"none",boxShadow:"0 6px 24px rgba(0,0,0,0.20)",borderRadius:4,overflow:"hidden",background:"var(--vg-bg)"},children:[p.jsx("div",{style:{height:de,background:"var(--vg-bg-header)",borderBottom:"1px solid var(--vg-border-strong)",display:"flex",alignItems:"center",justifyContent:Ue,padding:"0 8px",fontWeight:600,fontSize:"var(--vg-font-size)",color:"var(--vg-text-header)",boxSizing:"border-box",overflow:"hidden",whiteSpace:"nowrap"},children:pe.label}),Array.from({length:Tr.endIndex-Tr.startIndex+1},(Be,qe)=>{var Fe;const Tt=Tr.startIndex+qe,ht=he[Tt];if(!ht)return null;const Mt=pe.accessor?pe.accessor(ht):ht[(Fe=pe.field)!=null?Fe:pe.id],Qe=pe.renderCell?pe.renderCell(Mt,ht):Mt??"—";return p.jsx("div",{style:{height:s,display:"flex",alignItems:"center",justifyContent:Ue,padding:"0 10px",fontSize:"var(--vg-font-size)",color:"var(--vg-text)",borderBottom:"1px solid var(--vg-border)",boxSizing:"border-box",overflow:"hidden",whiteSpace:"nowrap",background:Ex(ht,Tt)},children:Qe},Tt)})]})})})()]})})}const qB=S.memo(UB);S.memo(function({currentPage:t,pageCount:n,totalRows:r,startIndex:o,endIndex:s,pageSize:a,pageSizeOptions:l,canGoPrev:c,canGoNext:u,goToPage:d,nextPage:f,prevPage:m,firstPage:h,lastPage:y,setPageSize:g}){const b=YB(t,n);return p.jsxs("div",{style:{display:"flex",alignItems:"center",justifyContent:"space-between",gap:12,padding:"8px 12px",background:"var(--vg-bg-toolbar)",borderTop:"1px solid var(--vg-border)",borderRadius:"0 0 var(--vg-radius) var(--vg-radius)",fontFamily:"var(--vg-font)",flexWrap:"wrap"},children:[p.jsxs("span",{style:{fontSize:12,color:"var(--vg-text-dim)",fontFamily:"var(--vg-font-mono)",flexShrink:0},children:[(o+1).toLocaleString(),"–",Math.min(s+1,r).toLocaleString()," of"," ",r.toLocaleString()," rows"]}),p.jsxs("div",{style:{display:"flex",alignItems:"center",gap:3},children:[p.jsx(Ic,{onClick:h,disabled:!c,title:"First page",children:p.jsx(K2,{left:!0})}),p.jsx(Ic,{onClick:m,disabled:!c,title:"Previous page",children:p.jsx(G2,{left:!0})}),b.map((v,T)=>v==="…"?p.jsx("span",{style:{padding:"0 4px",fontSize:12,color:"var(--vg-text-dim)"},children:"…"},`ellipsis-${T}`):p.jsx("button",{onClick:()=>d(v),"aria-current":v===t?"page":void 0,style:{minWidth:28,height:28,padding:"0 6px",borderRadius:"var(--vg-radius-xs)",border:`1px solid ${v===t?"var(--vg-accent)":"var(--vg-border-strong)"}`,background:v===t?"var(--vg-accent-bg)":"var(--vg-bg-btn)",color:v===t?"var(--vg-accent-text)":"var(--vg-text)",fontWeight:v===t?700:500,fontSize:12,cursor:"pointer",fontFamily:"var(--vg-font-mono)",lineHeight:1,transition:"all var(--vg-transition)"},children:v},v)),p.jsx(Ic,{onClick:f,disabled:!u,title:"Next page",children:p.jsx(G2,{})}),p.jsx(Ic,{onClick:y,disabled:!u,title:"Last page",children:p.jsx(K2,{})})]}),p.jsxs("div",{style:{display:"flex",alignItems:"center",gap:7,flexShrink:0},children:[p.jsx("span",{style:{fontSize:12,color:"var(--vg-text-dim)"},children:"Rows per page"}),p.jsx("select",{value:a,onChange:v=>g(Number(v.target.value)),style:{padding:"3px 6px",borderRadius:"var(--vg-radius-xs)",border:"1px solid var(--vg-border-strong)",background:"var(--vg-bg-btn)",color:"var(--vg-text)",fontSize:12,cursor:"pointer",fontFamily:"var(--vg-font)",outline:"none"},children:l.map(v=>p.jsx("option",{value:v,children:v},v))})]})]})});function Ic({onClick:e,disabled:t,title:n,children:r}){return p.jsx("button",{onClick:e,disabled:t,title:n,style:{width:28,height:28,display:"flex",alignItems:"center",justifyContent:"center",borderRadius:"var(--vg-radius-xs)",border:"1px solid var(--vg-border-strong)",background:"var(--vg-bg-btn)",color:t?"var(--vg-text-dim)":"var(--vg-text)",cursor:t?"not-allowed":"pointer",opacity:t?.45:1,transition:"all var(--vg-transition)",padding:0},children:r})}function G2({left:e=!1}){return p.jsx("svg",{width:"12",height:"12",viewBox:"0 0 12 12",fill:"none",style:{transform:e?"rotate(180deg)":void 0},children:p.jsx("path",{d:"M4.5 2.5L7.5 6l-3 3.5",stroke:"currentColor",strokeWidth:"1.4",strokeLinecap:"round",strokeLinejoin:"round"})})}function K2({left:e=!1}){return p.jsx("svg",{width:"12",height:"12",viewBox:"0 0 12 12",fill:"none",style:{transform:e?"rotate(180deg)":void 0},children:p.jsx("path",{d:"M7 2.5L4 6l3 3.5M10 2.5L7 6l3 3.5",stroke:"currentColor",strokeWidth:"1.4",strokeLinecap:"round",strokeLinejoin:"round"})})}function YB(e,t){if(t<=7)return Array.from({length:t},(s,a)=>a+1);const n=[];n.push(1);const r=Math.max(2,e-1),o=Math.min(t-1,e+1);r>2&&n.push("…");for(let s=r;s<=o;s++)n.push(s);return o<t-1&&n.push("…"),n.push(t),n}function GB({engine:e,onClose:t}){const{orderedColumns:n,toggleColumnVisibility:r,pinColumn:o,showAllColumns:s,resetColumns:a}=e,[l,c]=S.useState(""),u=S.useMemo(()=>n.filter(f=>f.label.toLowerCase().includes(l.toLowerCase())),[n,l]),d=n.filter(f=>f.hidden).length;return p.jsxs("div",{style:{display:"flex",flexDirection:"column",fontFamily:'var(--vg-font, "DM Sans", sans-serif)',fontSize:"var(--vg-font-size, 12.5px)",background:"var(--vg-bg-panel, #fff)",border:"1px solid var(--vg-border-strong, #d1d5db)",borderRadius:"var(--vg-radius, 7px)",boxShadow:"var(--vg-shadow-panel, 0 8px 24px rgba(0,0,0,0.1))",overflow:"hidden",minWidth:240},children:[p.jsxs("div",{style:{display:"flex",alignItems:"center",justifyContent:"space-between",padding:"10px 14px 8px",borderBottom:"1px solid var(--vg-border, #e5e7eb)",gap:8,flexShrink:0},children:[p.jsxs("span",{style:{fontWeight:700,fontSize:11,textTransform:"uppercase",letterSpacing:"0.08em",color:"var(--vg-text-dim, #6b7280)"},children:["Columns",d>0&&p.jsxs("span",{style:{marginLeft:6,background:"var(--vg-accent-bg, #dbeafe)",color:"var(--vg-accent-text, #1d4ed8)",borderRadius:10,padding:"1px 6px",fontSize:10},children:[d," hidden"]})]}),p.jsxs("div",{style:{display:"flex",gap:6},children:[d>0&&p.jsx("button",{onClick:s,style:{background:"none",border:"none",cursor:"pointer",fontSize:11,color:"var(--vg-accent, #2563eb)",fontWeight:600,fontFamily:"var(--vg-font, sans-serif)",padding:"2px 4px"},children:"Show all"}),p.jsx("button",{onClick:a,style:{background:"none",border:"none",cursor:"pointer",fontSize:11,color:"var(--vg-text-dim, #6b7280)",fontFamily:"var(--vg-font, sans-serif)",padding:"2px 4px"},children:"Reset"})]})]}),p.jsx("div",{style:{padding:"8px 14px",borderBottom:"1px solid var(--vg-border, #e5e7eb)",flexShrink:0},children:p.jsx("input",{value:l,onChange:f=>c(f.target.value),placeholder:"Search columns…",style:{width:"100%",padding:"5px 9px",border:"1px solid var(--vg-border-strong, #d1d5db)",borderRadius:"var(--vg-radius-sm, 4px)",background:"var(--vg-bg, #fff)",color:"var(--vg-text, #111827)",fontSize:12,outline:"none",fontFamily:"var(--vg-font, sans-serif)",boxSizing:"border-box"}})}),p.jsxs("div",{style:{overflow:"auto",flex:1,maxHeight:320},children:[u.map(f=>{var m;return p.jsxs("div",{style:{display:"flex",alignItems:"center",gap:8,padding:"6px 14px",borderBottom:"1px solid var(--vg-border, #e5e7eb)",transition:"background 0.1s"},onMouseEnter:h=>h.currentTarget.style.background="var(--vg-bg-row-hover, #f0f5ff)",onMouseLeave:h=>h.currentTarget.style.background="transparent",children:[p.jsx("input",{type:"checkbox",id:`vcm-${f.id}`,checked:!f.hidden,onChange:()=>r(f.id),style:{accentColor:"var(--vg-accent, #2563eb)",cursor:"pointer",width:13,height:13,flexShrink:0}}),p.jsx("label",{htmlFor:`vcm-${f.id}`,style:{flex:1,cursor:"pointer",color:f.hidden?"var(--vg-text-dim, #6b7280)":"var(--vg-text, #111827)",overflow:"hidden",textOverflow:"ellipsis",whiteSpace:"nowrap"},children:f.label}),p.jsxs("select",{value:(m=f.pinned)!=null?m:"",onChange:h=>o(f.id,h.target.value||null),style:{fontSize:11,padding:"2px 5px",background:"var(--vg-bg-btn, #f3f4f6)",color:"var(--vg-text, #111827)",border:"1px solid var(--vg-border-strong, #d1d5db)",borderRadius:"var(--vg-radius-xs, 3px)",cursor:"pointer",fontFamily:"var(--vg-font, sans-serif)",outline:"none"},children:[p.jsx("option",{value:"",children:"No pin"}),p.jsx("option",{value:"left",children:"Pin left"}),p.jsx("option",{value:"right",children:"Pin right"})]})]},f.id)}),u.length===0&&p.jsxs("div",{style:{padding:"20px 14px",textAlign:"center",fontSize:12,color:"var(--vg-text-dim, #6b7280)"},children:['No columns match "',l,'"']})]}),t&&p.jsx("div",{style:{padding:"10px 14px",borderTop:"1px solid var(--vg-border, #e5e7eb)",flexShrink:0},children:p.jsx("button",{onClick:t,style:{width:"100%",padding:"7px 12px",background:"var(--vg-accent, #2563eb)",color:"var(--vg-accent-fg, #fff)",border:"none",borderRadius:"var(--vg-radius-sm, 4px)",cursor:"pointer",fontWeight:600,fontSize:"var(--vg-font-size, 12.5px)",fontFamily:"var(--vg-font, sans-serif)"},children:"Done"})})]})}function KB(){const[e,t]=S.useState(!1),n=S.useRef(null),[r,o]=S.useState(!1),s=S.useCallback(()=>t(!0),[]),a=S.useCallback(()=>t(!1),[]),l=S.useCallback(()=>t(d=>!d),[]),c=S.useCallback(d=>{n.current=d,r||o(!0)},[r]),u=S.useCallback(({render:d,onClose:f,style:m,className:h})=>{const y=n.current;return y?d?p.jsx("div",{style:m,className:h,children:d({engine:y,close:a})}):p.jsx("div",{style:m,className:h,children:p.jsx(GB,{engine:y,onClose:f})}):null},[r,a]);return{isOpen:e,open:s,close:a,toggle:l,captureEngine:c,engine:n.current,ColumnManagerPanel:u}}const Rc=({pagination:e,gridPath:t,baseUrl:n,t:r})=>{const{selectedPage:o,rowPerPage:s,totalRecords:a,onPageChange:l,onPageSizeChange:c}=e,u=yt(),d=async(h,y)=>{if(!y)return;const g=y.split("/").filter(Boolean),b="settings",T={...JSON.parse(localStorage.getItem(b))||{}};let x=T;for(let w=0;w<g.length;w++){const C=g[w];w===g.length-1?x[C]={...x[C]||{},pageSize:h}:(x[C]={...x[C]||{}},x=x[C])}localStorage.setItem(b,JSON.stringify(T)),await js({baseUrl:n,payload:T})},f=a===0?0:(o-1)*s+1,m=Math.min(o*s,a);return p.jsxs(ie,{sx:{display:"flex",p:"1rem 1.5rem"},children:[p.jsxs(ie,{sx:{display:"flex",flexDirection:"row",alignItems:"center",gap:"0.5rem",width:"100%"},children:[p.jsx(ft,{sx:{fontSize:"1.1rem",color:u.palette.primary.notifyTextColor},children:r("SHOWING_ROWS",{start:f,end:m,current:Math.min(o*s,a),total:a})}),p.jsx(ie,{sx:{"& .MuiInputBase-input":{padding:"0rem 0.8rem!important"},width:"6rem"},children:p.jsx(ws,{options:_8,value:s,onChange:async h=>{c(h),d(h?.value,t)}})})]}),p.jsx(p0,{count:Math.ceil(a/s),page:o,onChange:async(h,y)=>{l(y)},siblingCount:0,shape:"rounded",sx:{width:"100%","& .MuiPagination-ul":{width:"100%",display:"flex",justifyContent:"flex-end","& li:first-of-type":{border:`0.1rem solid ${u.palette.primary.notifyBorderColor}`,color:u.palette.primary.notifyActiveText,marginRight:"1.5rem",borderRadius:"1rem",width:"3rem",height:"3rem",justifyContent:"center",alignItems:"center",display:"flex"},"& li:last-child":{border:`0.1rem solid ${u.palette.primary.notifyBorderColor}`,color:u.palette.primary.notifyActiveText,marginLeft:"1.5rem",borderRadius:"1rem",width:"3rem",height:"3rem",justifyContent:"center",alignItems:"center",display:"flex"}},"& .MuiPaginationItem-root":{color:"#595959",fontSize:"1.1rem",borderRadius:"1rem",width:"3rem",height:"3rem",justifyContent:"center",alignItems:"center",display:"flex","& .MuiSvgIcon-root":{fontSize:"2.2rem"}},"& .Mui-selected":{color:u.palette.primary.notifyActiveText,backgroundColor:`${u.palette.brandColor.paginationBc} !important`}}})]})};Rc.propTypes={pagination:i.object.isRequired},ne(od)(({theme:e})=>({"& .MuiPaper-root":{borderRadius:8,border:`1px solid ${e.palette.primary.notifyBorderColor}`,boxShadow:e.shadows[4],padding:"1rem 1rem 0rem 1rem",backgroundColor:e.palette.primary.notifyBackground}}));const Lr=ne(ft)(({theme:e})=>({color:e.palette.primary.notifyTextColor,fontSize:"1.1rem"})),XB=ne(m0)(({theme:e})=>({width:28,height:16,padding:0,display:"flex","&:active":{"& .MuiSwitch-thumb":{width:15},"& .MuiSwitch-switchBase.Mui-checked":{transform:"translateX(9px)"}},"& .MuiSwitch-switchBase":{padding:2,"&.Mui-checked":{transform:"translateX(12px)",color:"#fff","& + .MuiSwitch-track":{opacity:1,backgroundColor:"#1890ff",...e.applyStyles("dark",{backgroundColor:"#177ddc"})}}},"& .MuiSwitch-thumb":{boxShadow:"0 2px 4px 0 rgb(0 35 11 / 20%)",width:12,height:12,borderRadius:6,transition:e.transitions.create(["width"],{duration:200})},"& .MuiSwitch-track":{borderRadius:16/2,opacity:1,backgroundColor:"rgba(0,0,0,.25)",boxSizing:"border-box",...e.applyStyles("dark",{backgroundColor:"rgba(255,255,255,.35)"})}})),ZB=ne(as)(({theme:e})=>({color:e.palette.primary.notifyTextColor,padding:"0.6rem 0",fontSize:"0.9rem",fontWeight:500,"&::before, &::after":{borderColor:`${e.palette.primary.notifyBorderColor}!important`}})),JB=ne(Zu)(({theme:e})=>({"& .MuiBadge-badge":{right:3.5,top:1.8,border:`0.1rem solid ${e.palette.primary.notifyBackground}`,padding:"0 1.3px",borderRadius:"50%",backgroundColor:"#D44E40",fontSize:"0.725rem",minWidth:"0.7rem",height:"0.7rem"}}));ne(xd)(({theme:e})=>({"& .MuiInputBase-root":{height:"3.52rem"},"& .MuiFormLabel-root":{color:`${e.palette.primary.notifyBorderColor} !important`,fontSize:"1rem",marginTop:"0.4rem"},"& label.Mui-focused":{color:e.palette.primary.notifyTextColor},"& .MuiInput-underline:after":{borderBottomColor:e.palette.primary.notifyBorderColor,borderBottomWidth:"0.1rem"},"& .MuiOutlinedInput-root":{"& fieldset":{borderColor:e.palette.primary.notifyBorderColor,borderWidth:"0.1rem"},"&:hover fieldset":{borderColor:e.palette.primary.notifyBorderColor,borderWidth:"0.1rem"},"&.Mui-focused fieldset":{borderColor:e.palette.primary.notifyBorderColor,borderWidth:"0.1rem"}}}));const QB=ne(P0)(({theme:e})=>({minHeight:"2rem","& .MuiTabs-indicator":{height:"0.1rem",backgroundColor:e.palette.primary.notifyActiveText}})),Sp=ne(g0)(({theme:e})=>({color:e.palette.primary.notifyActiveText,textTransform:"none",fontWeight:"normal",padding:0,fontSize:"1rem",minHeight:"2rem",paddingBottom:"1rem","&.Mui-selected":{fontWeight:"bold",color:e.palette.primary.notifyActiveText}})),Nc=ne(bg)(({theme:e})=>({"&.MuiChip-outlined":{borderColor:e.palette.primary.notifyBorderColor,color:e.palette.primary.notifyActiveText},height:"2rem",fontSize:"0.9rem",fontWeight:"300",borderColor:e.palette.primary.notifyBorderColor,color:e.palette.primary.notifyActiveText,borderRadius:"0.6rem",padding:"0.2rem","&:hover":{backgroundColor:`${e.palette.brandColor.orange} !important`,color:`${e.palette.brandColor.white} !important`}}));function eL(e,t){const n=new Map((t??[]).map(s=>[s.id,s.label])),r=[],o=new Set;for(const s of e)s.label?.trim()&&(s.groupId?(o.has(s.groupId)||(o.add(s.groupId),r.push({isGroup:!0,id:s.groupId,label:n.get(s.groupId)??s.groupId,children:[]})),r.find(a=>a.isGroup&&a.id===s.groupId)?.children.push(s)):r.push({isGroup:!1,...s}));return r}const Ds=({children:e,indent:t=!1,onClick:n,...r})=>p.jsx(Ge,{direction:"row",alignItems:"center",gap:"0.5rem",onClick:n,sx:{pl:t?"2.2rem":"0.8rem",pr:"0.8rem",py:"0.4rem",cursor:"pointer",minHeight:"2rem",userSelect:"none","&:hover":{background:o=>o.palette.action?.hover??"rgba(0,0,0,0.04)"}},...r,children:e}),Is=({hidden:e,children:t})=>p.jsx(ft,{sx:{fontSize:"1.1rem",fontWeight:300,color:n=>e?n.palette.primary.notifyTextColor:n.palette.primary.notifyActiveText,overflow:"hidden",textOverflow:"ellipsis",minWidth:0},children:t});function tL({item:e,onDragEnd:t,hiddenIds:n,expandedIds:r,toggleExpand:o,handleGroupToggle:s,handleChildToggle:a,groupAllVisible:l,groupSomeVisible:c}){const u=$v(),d=r.has(e.id);return p.jsxs(Fv,{value:e,dragListener:!1,dragControls:u,onDragEnd:t,as:"div",whileDrag:{opacity:.75,scale:1.01,zIndex:50},layout:!1,style:{listStyle:"none"},children:[p.jsx(Ds,{onClick:()=>e.children.length===1&&s(e),children:p.jsxs(Ge,{direction:"row",justifyContent:"space-between",alignItems:"center",width:"100%",gap:"0.5rem",children:[p.jsx(ie,{onPointerDown:f=>f.stopPropagation(),onClick:f=>{f.stopPropagation(),o(e.id)},sx:{cursor:"pointer",flexShrink:0,width:"2rem",height:"0.9rem",opacity:.6,display:"flex",alignItems:"center",justifyContent:"center"},children:p.jsx(Vt,{url:d?Ke.ArrowSelectUp:Ke.ArrowRight})}),p.jsxs(Ge,{direction:"row",gap:"0.5rem",width:"100%",alignItems:"center",children:[p.jsx(ie,{onPointerDown:f=>f.stopPropagation(),children:p.jsx(vr,{sx:{p:0},checked:l(e),indeterminate:c(e),onClick:f=>{f.stopPropagation(),s(e)}})}),p.jsx(Is,{hidden:!l(e)&&!c(e),children:e.label})]})]})}),d&&e.children.map(f=>p.jsx(Ds,{indent:!0,onClick:()=>a(f),children:p.jsxs(Ge,{direction:"row",gap:"1rem",width:"100%",children:[p.jsx(ie,{sx:{flexShrink:0,width:"1rem",height:"0.9rem"}}),p.jsx(ie,{onPointerDown:m=>m.stopPropagation(),children:p.jsx(vr,{sx:{p:0},checked:!n.has(f.id),onClick:m=>{m.stopPropagation(),a(f)}})}),p.jsx(Is,{hidden:n.has(f.id),children:f.label})]})},f.id))]})}function nL({item:e,onDragEnd:t,hiddenIds:n,handleLeafToggle:r}){const o=$v();return p.jsx(Fv,{value:e,dragListener:!1,dragControls:o,onDragEnd:t,as:"div",whileDrag:{opacity:.75,scale:1.01,zIndex:50},layout:!1,style:{listStyle:"none"},children:p.jsx(Ds,{onClick:()=>r(e),children:p.jsxs(Ge,{direction:"row",justifyContent:"space-between",alignItems:"center",width:"100%",gap:"0.5rem",children:[p.jsx(ie,{sx:{flexShrink:0,width:"2rem",height:"0.9rem"}}),p.jsxs(Ge,{direction:"row",gap:"0.5rem",width:"100%",alignItems:"center",children:[p.jsx(ie,{onPointerDown:s=>s.stopPropagation(),children:p.jsx(vr,{sx:{p:0},checked:!n.has(e.id),onClick:s=>{s.stopPropagation(),r(e)}})}),p.jsx(Is,{hidden:n.has(e.id),children:e.label})]})]})})})}const rL=({engine:e,onClose:t})=>{const{t:n}=S.useContext(ln),{orderedColumns:r,toggleColumnVisibility:o,showAllColumns:s,resetColumns:a,moveColumnBefore:l,groups:c=[]}=e,u=S.useMemo(()=>r.filter(A=>A.draggable||A.hideable),[r]),[d,f]=S.useState(""),[m,h]=S.useState(new Set),[y,g]=S.useState(()=>eL(u,c)),b=S.useRef(y),[v,T]=S.useState(()=>{const A=new Set;return u.forEach($=>{$.hidden&&A.add($.id)}),A}),x=A=>h($=>{const N=new Set($);return N.has(A)?N.delete(A):N.add(A),N}),w=S.useMemo(()=>u.filter(A=>A.label?.trim()).map(A=>A.id),[u]);w.length>0&&w.every(A=>!v.has(A));const C=A=>A.children.every($=>!v.has($.id)),k=A=>A.children.some($=>!v.has($.id))&&!A.children.every($=>!v.has($.id)),O=A=>{const $=new Set(v),N=A.children.every(U=>!$.has(U.id));T(U=>{const Z=new Set(U);return A.children.forEach(z=>N?Z.add(z.id):Z.delete(z.id)),Z}),setTimeout(()=>{A.children.forEach(U=>{const Z=$.has(U.id);N&&!Z&&o(U.id),!N&&Z&&o(U.id)})},0)},M=A=>{o(A.id),T($=>{const N=new Set($);return N.has(A.id)?N.delete(A.id):N.add(A.id),N})},P=A=>{o(A.id),T($=>{const N=new Set($);return N.has(A.id)?N.delete(A.id):N.add(A.id),N})},j=A=>{g(A),b.current=A},B=()=>{const $=b.current.flatMap(N=>N.isGroup?N.children.map(U=>U.id):[N.id]);setTimeout(()=>{for(let N=$.length-2;N>=0;N--)l($[N],$[N+1])},0)},E=S.useMemo(()=>{if(!d)return y;const A=d.toLowerCase();return y.reduce(($,N)=>{if(N.isGroup){const U=N.label.toLowerCase().includes(A),Z=N.children.filter(z=>z.label.toLowerCase().includes(A));U?$.push(N):Z.length&&$.push({...N,children:Z})}else N.label.toLowerCase().includes(A)&&$.push(N);return $},[])},[y,d]),R={hiddenIds:v,expandedIds:m,toggleExpand:x,handleGroupToggle:O,handleChildToggle:M,handleLeafToggle:P,groupAllVisible:C,groupSomeVisible:k,onDragEnd:B};return p.jsxs(ie,{sx:{display:"flex",flexDirection:"column",height:"100%",background:A=>A.palette.primary.notifyBackground,border:A=>`0.1rem solid ${A.palette.primary.notifyBorderColor}`,overflow:"hidden",py:"1rem"},children:[p.jsx(ie,{sx:{flexShrink:0,padding:"0rem 1rem",pb:"0.5rem"},children:p.jsx(Zi,{type:"text",placeholder:n("SEARCH"),value:d,variant:"standard",size:"small",InputProps:{disableUnderline:!0},onChange:A=>f(A.target.value),sx:{background:A=>A.palette.primary.appBackground,borderRadius:"0.8rem",border:A=>`0.1rem solid ${A.palette.primary.notifyBorderColor}`,width:"100%","& .MuiInputBase-input":{padding:"0.5rem 0.8rem!important",height:"1.8rem"}}})}),p.jsx(ie,{sx:{flex:1,overflowY:"auto",scrollbarWidth:"thin"},children:(d?E:y).length===0?p.jsx(Ge,{justifyContent:"center",alignItems:"center",sx:{height:"3rem"},children:p.jsx(ft,{sx:{color:A=>A.palette.primary.notifyTextColor,fontSize:"1.1rem"},children:n("NO_OPTIONS")})}):d?p.jsx(ie,{children:E.map(A=>A.isGroup?p.jsxs(ie,{children:[p.jsx(Ds,{onClick:()=>A.children.length===1&&O(A),children:p.jsxs(Ge,{direction:"row",justifyContent:"space-between",alignItems:"center",width:"100%",gap:"0.5rem",children:[p.jsx(ie,{onClick:$=>{$.stopPropagation(),x(A.id)},sx:{cursor:"pointer",flexShrink:0,width:"2rem",height:"0.9rem",opacity:.6,display:"flex",alignItems:"center",justifyContent:"center"},children:p.jsx(Vt,{url:m.has(A.id)?Ke.ArrowSelectUp:Ke.ArrowRight})}),p.jsxs(Ge,{direction:"row",gap:"0.5rem",width:"100%",alignItems:"center",children:[p.jsx(vr,{sx:{p:0},checked:C(A),indeterminate:k(A),onClick:$=>{$.stopPropagation(),O(A)}}),p.jsx(ie,{sx:{flexShrink:0,width:"2rem",height:"0.9rem",opacity:.25,display:"flex",alignItems:"center",justifyContent:"center"}}),p.jsx(Is,{hidden:!C(A)&&!k(A),children:A.label})]})]})}),A.children.map($=>p.jsx(Ds,{indent:!0,onClick:()=>M($),children:p.jsxs(Ge,{direction:"row",gap:"1rem",width:"100%",children:[p.jsx(ie,{sx:{flexShrink:0,width:"1rem",height:"0.9rem"}}),p.jsx(vr,{sx:{p:0},checked:!v.has($.id),onClick:N=>{N.stopPropagation(),M($)}}),p.jsx(Is,{hidden:v.has($.id),children:$.label})]})},$.id))]},A.id):p.jsx(Ds,{onClick:()=>P(A),children:p.jsxs(Ge,{direction:"row",justifyContent:"space-between",alignItems:"center",width:"100%",gap:"0.5rem",children:[p.jsx(ie,{sx:{flexShrink:0,width:"2rem",height:"0.9rem"}}),p.jsxs(Ge,{direction:"row",gap:"0.5rem",width:"100%",alignItems:"center",children:[p.jsx(vr,{sx:{p:0},checked:!v.has(A.id),onClick:$=>{$.stopPropagation(),P(A)}}),p.jsx(ie,{sx:{flexShrink:0,width:"2rem",height:"0.5rem",opacity:.25,display:"flex",alignItems:"center",justifyContent:"center"}}),p.jsx(Is,{hidden:v.has(A.id),children:A.label})]})]})},A.id))}):p.jsx(cR,{as:"div",axis:"y",values:y,onReorder:j,style:{padding:0,margin:0},children:y.map(A=>A.isGroup?p.jsx(tL,{item:A,...R},A.id):p.jsx(nL,{item:A,...R},A.id))})})]})};function oL({columns:e,data:t,maxHeight:n=400,freezeColId:r,features:o,rowHeight:s,colMgr:a,sidebarOpen:l,onColumnSave:c,onColumnReorder:u,onColumnResize:d,isManageable:f,...m}){const h=yt(),y=h.mode==="dark"?"dark":"light",g=h.palette.primary.notifyBackground,b=h.palette.primary.appBackground,v=h.palette.primary.notifyTextColor,T=h.palette.primary.notifyActiveText,x=h.palette.primary.notifyBorderColor,w=h.typography?.fontFamily??"Euclid Circular Regular, sans-serif",C={root:{borderRadius:f?"1.4rem 0 0 1.4rem":"1.4rem",border:`0.1rem solid ${x}`,borderRight:l?"none":`0.1rem solid ${x}`,background:g,fontFamily:w,fontSize:"1.1rem",overflow:"hidden"},headerRow:{background:g,color:T,fontWeight:600},groupRow:{background:g,color:T,borderColor:x,borderLeft:`0.1rem solid ${x}`,fontWeight:600,borderBottom:`0.1rem solid ${x}`},groupHeaderCell:{borderColor:x,borderLeft:`0.1rem solid ${x}`,borderRight:`0.1rem solid ${x}`},headerCell:{background:g,color:v,borderColor:x,borderRight:"none",padding:"0 12px",textAlign:"center",fontWeight:"bold",fontSize:"1.1rem",lineHeight:"1.5rem",whiteSpace:"nowrap",overflow:"hidden",textOverflow:"ellipsis"},row:{background:g,color:v,borderColor:x,fontSize:"1.1rem"},cell:{background:g,borderBottom:`0.1rem solid ${x}`,borderRight:"none",color:v,borderColor:x,padding:"0",textAlign:"center",fontSize:"1.1rem",whiteSpace:"nowrap",overflow:"hidden",textOverflow:"ellipsis",fontVariantNumeric:"tabular-nums"},pinnedCell:{background:g,color:v,borderBottom:`0.1rem solid ${x}`,borderRight:"none",padding:"0"},pinnedHeaderCell:{background:g,color:v,borderColor:x,borderRight:"none",padding:"0"},rowSelected:{background:b}},k={sortAsc:p.jsx(Vt,{url:Ke.AscSort}),sortDesc:p.jsx(Vt,{url:Ke.DescSort}),sortNone:p.jsx(Vt,{url:Ke.Unsort})},O={columns:e,data:t,rowHeight:s,maxHeight:n,theme:y,features:o,styles:C,icons:k,slots:{loadingCell:p.jsx(mc,{type:"cell"}),toolbar:M=>{a.captureEngine(M)},rowSelectionIndicator:(M,P)=>p.jsx("div",{style:{position:"absolute",bottom:0,left:0,width:"100%",height:"0.08rem",background:"linear-gradient(to right, #F9B16E, #F68080)",pointerEvents:"none",zIndex:5}})},onColumnStateChange:M=>c?.(M),onColumnReorder:u,onColumnResize:d,...m};return p.jsx(qB,{...O})}function sL(e){const{t}=S.useContext(ln),n=KB(),{tableProps:r,toolbarProps:o}=e,{pagination:s={},data:a=[],childUniqueKey:l="",groupByUniqueKey:c=""}=r??{},{gridPath:u="",baseUrl:d="",groupByUniqueKey:f=""}=o??{},m=c||f,h=r?.columns?.definitions,[y,g]=S.useState(0),b=h?.definitions??[],v=h?.defaultUserSettings??[],T=S.useMemo(()=>b.filter(I=>I.isVisible!==!1),[h?.definitions]),{settings:x,hasNewColumns:w}=S.useMemo(()=>!u||!b.length?{settings:h?.settings??[],hasNewColumns:!1}:sB({definitions:b,defaultSetting:v,gridPath:u,childUniqueKey:l}),[u,l,y]),C=S.useRef(null),k=S.useRef(null),O=S.useRef(null),M=S.useRef(x),P=o?.defaultTools?.groupBy?.appliedValue;S.useEffect(()=>{if(!u||!Array.isArray(P))return;const I=JSON.stringify(P);I!==O.current&&(O.current=I,iB({groupBy:P,gridPath:u,baseUrl:d,groupByUniqueKey:m}))},[P,u,d,l,m]);const j=S.useRef(l);j.current!==l&&(j.current=l,M.current=x,k.current=null);const B=I=>{const V=[];return I.forEach(K=>{V.push(K),(Array.isArray(K.children)?K.children:l?K.children?.[l]??[]:[]).forEach(X=>V.push(X))}),V},E=S.useCallback(I=>{u&&(clearTimeout(C.current),C.current=setTimeout(()=>{const V=new Map(I.map(H=>[H.id,H])),K=new Map(B(M.current).map(H=>[H.key,H])),W=new Map(B(x).map(H=>[H.key,H])),X=b.map(H=>{const oe=V.get(H.key),ae=K.get(H.key)??W.get(H.key),_={key:H.key,sequenceId:ae?.sequenceId??0,isHidden:oe?oe.hidden:ae?.isHidden??!0,style:ae?.style??H.style??{}};if(H.children?.length&&l){const Y=ae?.children&&!Array.isArray(ae.children)?ae.children:{},L=H.children.map(ce=>{const te=V.get(ce.key),Q=K.get(ce.key)??W.get(ce.key);return{key:ce.key,sequenceId:Q?.sequenceId??0,isHidden:te?te.hidden:Q?.isHidden??!1,style:Q?.style??ce.style??{}}});_.children={...Y,[l]:L}}return _}),G=JSON.stringify(X);if(k.current===null){k.current=G,M.current=X,w&&(Pc({settings:X,gridPath:u,baseUrl:d}),g(H=>H+1));return}G!==k.current&&(k.current=G,M.current=X,Pc({settings:X,gridPath:u,baseUrl:d}),g(H=>H+1))},1500))},[u,d,w,b,x,l]),R=S.useCallback(I=>{if(!u)return;const V=new Map(I.map((G,H)=>[G,H])),K=new Map(B(M.current).map(G=>[G.key,G])),W=b.map(G=>{const H=K.get(G.key),oe={key:G.key,sequenceId:V.get(G.key)??H?.sequenceId??0,isHidden:H?.isHidden??!1,style:H?.style??G.style??{}};return G.children?.length&&l&&H?.children&&(oe.children=H.children),oe}),X=JSON.stringify(W);X!==k.current&&(k.current=X,M.current=W,Pc({settings:W,gridPath:u,baseUrl:d}),g(G=>G+1))},[u,d,b,l]),A=S.useCallback((I,V)=>{u&&(clearTimeout(C.current),C.current=setTimeout(()=>{const K=`${V}px`,W=new Map(B(M.current).map(H=>[H.key,H])),X=b.map(H=>{const oe=W.get(H.key),_=H.key===I?{width:K}:oe?.style??H.style??{},Y={key:H.key,sequenceId:oe?.sequenceId??0,isHidden:oe?.isHidden??!1,style:_};if(H.children?.length&&l){const L=oe?.children??{},te=(Array.isArray(L[l])?L[l]:[]).map(Q=>Q.key===I?{...Q,style:{width:K}}:Q);Y.children={...L,[l]:te}}return Y}),G=JSON.stringify(X);G!==k.current&&(k.current=G,M.current=X,Pc({settings:X,gridPath:u,baseUrl:d}),g(H=>H+1))},1500))},[u,d,b,l]),$=S.useMemo(()=>{if(!x.length)return T;const I=new Map(x.map(V=>[V.key,V.sequenceId??0]));return[...T].sort((V,K)=>(I.get(V.key)??0)-(I.get(K.key)??0))},[T,x]),N=S.useMemo(()=>h&&{...h,definitions:$,settings:x,childUniqueKey:l},[h,$,x,l]),U=S.useMemo(()=>uB(N),[N]),Z=S.useRef(null),z={pageSize:s?.rowPerPage,gridData:a},F=S.useMemo(()=>{const I=o?.defaultTools?.groupBy;if(!I||!Object.prototype.hasOwnProperty.call(I,"appliedValue"))return o;const V={...I};return delete V.appliedValue,{...o,defaultTools:{...o.defaultTools,groupBy:V}}},[o]);return p.jsxs(qt,{children:[o&&p.jsx(jc,{...F,...z}),a.length?p.jsxs(p.Fragment,{children:[p.jsxs(ie,{sx:{display:"flex",alignItems:"stretch"},children:[p.jsxs(ie,{ref:Z,sx:{flex:1,minWidth:0,alignSelf:"flex-start",position:"relative"},children:[p.jsx(oL,{...r,columns:U,colMgr:n,sidebarOpen:!1,isManageable:r?.columns?.isManageable,onColumnSave:E,onColumnReorder:R,onColumnResize:A}),r?.columns?.isManageable&&n.isOpen&&p.jsx(ie,{sx:{position:"absolute",top:0,right:0,width:260,height:"100%",zIndex:10,display:"flex",flexDirection:"column",overflow:"hidden"},children:p.jsx(n.ColumnManagerPanel,{style:{width:"100%",height:"100%",display:"flex",flexDirection:"column",overflow:"hidden"},render:({engine:I,close:V})=>p.jsx(rL,{engine:I,onClose:V})})})]}),r?.columns?.isManageable&&p.jsx(ls,{title:t("LABEL_MANAGE_COLUMN"),placement:"left",children:p.jsxs(ie,{onClick:n.toggle,sx:{width:"2rem",flexShrink:0,display:"flex",flexDirection:"column",alignItems:"center",justifyContent:"center",cursor:"pointer",gap:"0.5rem",p:"0 1.3rem",borderRadius:(n.isOpen,"0 1.4rem 1.4rem 0"),border:I=>`0.1rem solid ${I.palette.primary.notifyBorderColor}`,borderLeft:"none",background:I=>I.palette.primary.notifyButtonBackground,transition:"background 0.15s","&:hover":{background:I=>I.palette.primary.appBackground}},children:[p.jsx(ie,{component:"img",src:Ke.Manage,sx:{width:"1.6rem",height:"2rem",transform:"rotate(90deg)"}}),p.jsx(ft,{sx:{fontSize:"1rem",letterSpacing:"0.08em",writingMode:"vertical-rl",textOrientation:"mixed",transform:"rotate(360deg)",userSelect:"none",color:I=>I.palette.primary.notifyTextColor},children:a?.length>1?t("LABEL_MANAGE_COLUMN"):t("LABEL_MANAGE_COLUMN")?.slice(0,7)})]})})]}),Object.keys(s).length>0&&p.jsx(Rc,{pagination:s,gridPath:u,baseUrl:d,t})]}):p.jsx(Lr,{sx:{textAlign:"center"},children:t(xr.NRF)})]})}const X2=e=>{let{disabled:t=!1,minWidth:n=0,maxWidth:r,className:o="",id:s,resizeStart:a,resizeEnd:l,defaultWidth:c,rowSpan:u=1,colSpan:d=1}=e;const[f,m]=S.useState(!1),[h,y]=S.useState(0),[g,b]=S.useState(0),[v,T]=S.useState(0),[x,w]=S.useState(null),C=S.useRef(null),k=S.useCallback(E=>{if(!t&&(w(s),a&&a(),m(!0),y(E),b(0),C.current)){const R=C.current.previousSibling;R&&b(R.clientWidth)}},[t,s,a]),O=S.useCallback(()=>{t||(f&&l&&x===s&&l(v),m(!1),w(null))},[t,l,x,s,v,f]),M=S.useCallback(E=>{if(t)return;const R="touches"in E?E.touches[0].screenX:E.screenX;if(!f)return;const A=C.current;if(!A||!A.previousSibling)return;const $=A.previousSibling,N=h-R;let U=g-N;n!==void 0&&U<n&&(U=n),r!==void 0&&U>r&&(U=r),$.style.width=U+"px",$.style.minWidth=U+"px",$.style.maxWidth=U+"px",$.style.setProperty("--column_resize_before_width",U+"px"),T(U)},[t,f,h,g,n,r]);S.useEffect(()=>{const E=C.current;if(E&&E.previousSibling){const R=E.previousSibling;c?(R.style.minWidth=c+"px",R.style.width=c+"px",R.style.maxWidth=c+"px",R.style.setProperty("--column_resize_before_width",c+"px")):n&&(R.style.minWidth=n+"px",R.style.width=n+"px",R.style.maxWidth=n+"px",R.style.setProperty("--column_resize_before_width",n+"px"))}},[c,n]),S.useEffect(()=>{const E=C.current;if(t&&E&&E.previousSibling){const R=E.previousSibling;c&&(R.style.minWidth=c+"px",R.style.width=c+"px",R.style.maxWidth=c+"px",R.style.setProperty("--column_resize_before_width",c+"px")),r&&(R.style.maxWidth=r+"px")}},[t,c,r]);const P=S.useCallback(()=>{document.addEventListener("mousemove",M),document.addEventListener("mouseup",O),document.addEventListener("touchmove",M),document.addEventListener("touchend",O)},[M,O]),j=S.useCallback(()=>{document.removeEventListener("mousemove",M),document.removeEventListener("mouseup",O),document.removeEventListener("touchmove",M),document.removeEventListener("touchend",O)},[M,O]);S.useEffect(()=>(t||P(),()=>{j()}),[t,P,j]);const B={userSelect:"none"};return t||(B.cursor="ew-resize"),o===""&&(B.width="6px",B.backgroundColor="rgba(0, 0, 0, 0.1)"),S.createElement("th",{ref:C,style:B,rowSpan:u,colSpan:d,className:"column_resizer_own_class ".concat(t?"disabled_column_resize":""," ").concat(o),onMouseDown:t?void 0:E=>k(E.screenX),onTouchStart:t?void 0:E=>k(E.touches[0].screenX)})};function $c({isRenderCellContent:e,column:t,row:n,parent:r}){const o=n[t.key],s=o?.length>20;return p.jsx(p.Fragment,{children:e?p.jsx(ie,{sx:{display:"flex",alignItems:"center",justifyContent:"center",width:"100%",overflow:"hidden",whiteSpace:"nowrap",textOverflow:"ellipsis",textTransform:"none",fontSize:"1.1rem"},children:t?.cellRenderer(n,{column:t,parent:r})}):p.jsx(p.Fragment,{children:s?p.jsx(ls,{title:o,placement:"top",componentsProps:{tooltip:{sx:{fontSize:"1rem",padding:"0.5rem 1rem",boxShadow:"0 2px 8px rgba(0,0,0,0.3)"}}},children:p.jsx(ie,{sx:{maxWidth:"auto",whiteSpace:"normal"},children:p.jsx(ft,{sx:{fontSize:"1.1rem",overflow:"hidden",whiteSpace:"nowrap",textOverflow:"ellipsis",textTransform:"none"},children:o})})}):p.jsx(ie,{sx:{overflow:"hidden",whiteSpace:"nowrap",textOverflow:"ellipsis",textTransform:"none",fontSize:"1.1rem",m:0},id:t.key,component:"p",children:o??""})})})}$c.propTypes={isRenderCellContent:i.bool,column:i.object,row:i.object};const iL=ne(cs)(({theme:e})=>({overflow:"hidden",textOverflow:"ellipsis",whiteSpace:"nowrap",display:"table-cell",[`&.${gd.head}`]:{color:e.palette.primary.notifyTextColor,backgroundColor:e.palette.primary.notifyBackground,borderColor:e.palette.primary.notifyBorderColor,padding:"0rem",textAlign:"center",lineHeight:"1.5rem"},[`&.${gd.body}`]:{color:e.palette.primary.notifyTextColor,borderColor:e.palette.primary.notifyBorderColor,padding:"0rem",textAlign:"center"}}));function Do({children:e,...t}){return p.jsx(iL,{...t,children:e})}Do.propTypes={children:i.node};const aL=ne(S0)(()=>({"&:last-child td":{borderBottom:"none"}}));function to({children:e,...t}){return p.jsx(aL,{...t,children:e})}to.propTypes={children:i.node};const Z2=S.memo(({row:e,isSelected:t,isHigh:n,onRowClick:r,children:o,sxProps:s})=>p.jsx(to,{sx:a=>({backgroundColor:t||n?a.palette.primary.appBackground:a.palette.primary.notifyBackground,...s}),onClick:()=>r?.(e),children:o},e?.fhi)),J2=S.memo(({nestedData:e,nestedColumn:t,t:n})=>e?.length?p.jsx(p.Fragment,{children:e.map((r,o)=>p.jsx(to,{children:t.map((s,a)=>p.jsx(Do,{style:s?.style,children:p.jsx($c,{isRenderCellContent:!!s?.cellRenderer,column:s,row:r})},a))},`nested-${o}`))}):p.jsx(to,{children:p.jsx(Do,{colSpan:t.length,children:p.jsx(Lr,{sx:{textAlign:"center"},children:n(xr.NRF)})})})),Q2=(e,t,n,r,o,s)=>{const[a,l]=S.useState({isOpen:!1,column:null}),c=(m,h,y)=>{l({isOpen:m.currentTarget,column:h,isChild:!!y})},u=()=>{l({isOpen:!1,column:null,isChild:!1})},d=async()=>{u();const m=e.map(h=>{if(a?.isChild&&Array.isArray(h.children)){const y=h.children.map(b=>b.key===a.column?.key?{...b,isHidden:!0}:b),g=y.every(b=>b.isHidden);return{...h,isHidden:g?!0:h.isHidden,children:y}}return h.key===a.column?.key?{...h,isHidden:!0}:h});f({updatedColumns:m})},f=async({updatedColumns:m})=>{t({type:We.SET_GRID_DATA,payload:{visibleGridColumns:m}});const h=r.split("/").filter(Boolean),y=JSON.parse(localStorage.getItem(fn.SETTINGS));let g=h.reduce((k,O)=>k?.[O],y)||null,b=fa({columns:m,childUniqueKey:s});const v=Br(g?.columns);b=b?.map(k=>{const O=k?.children||{},M=v?.[k?.key]?.children||{};return{...k,...(Object.keys(M)?.length>0||O?.[s])&&{children:{...M,[s]:O?.[s]}}}});const x={...y||{platform:{theme:"light"}}},w=g?.pageSize??o;let C=x;for(let k=0;k<h.length;k++){const O=h[k];k===h.length-1?C[O]={columns:b,pageSize:w}:(C[O]={...C[O]||{}},C=C[O])}localStorage.setItem(fn.SETTINGS,JSON.stringify(x)),await js({baseUrl:n,payload:x})};return{selectedColumn:a,handleMenuClick:c,handleClose:u,handleHideClick:d,columnUpdaterFunction:f}},Cp=({menuOpen:e,handleClose:t,onHideClick:n})=>{const r=yt(),{t:o}=S.useContext(ln);return p.jsx(ji,{open:!!e,anchorEl:e,onClose:t,anchorOrigin:{vertical:"bottom",horizontal:"left"},children:p.jsx(ie,{sx:{backgroundColor:r.palette.primary.notifyBackground,border:`0.1rem solid ${r.palette.primary.notifyBorderColor}`,minHeight:"2.3rem",display:"flex",justifyContent:"center",alignItems:"center"},children:p.jsx(Cl,{onClick:n,disableRipple:!0,sx:{textTransform:"none",fontSize:"1.1rem",p:"0.4rem 1rem",minHeight:"unset",fontWeight:500,color:r.palette.primary.notifyTextColor,backgroundColor:"transparent","&:hover":{backgroundColor:"transparent"},"&:active":{backgroundColor:"transparent"},"&:focus":{backgroundColor:"transparent"}},children:o("LABEL_HIDE_COLUMN")})})})};Cp.propTypes={menuOpen:i.object,handleClose:i.func,onHideClick:i.func};const ex=({sortKey:e,sortField:t,sortDir:n,handleSortClick:r})=>{const o=s=>p.jsx(al,{onClick:r,sx:{padding:"0.2rem"},draggable:!1,children:p.jsx(Vt,{url:s})});return p.jsx(p.Fragment,{children:o(t===e?n==="asc"?Ke.AscSort:Ke.DescSort:Ke.Unsort)})};ex.propTypes={sortKey:i.string.isRequired,sortField:i.string,sortDir:i.string,handleSortClick:i.func};function Tp({parent:e,column:t,sort:n,handleMenuClick:r,isManageable:o}){const s=o&&(!t?.isMandatory||t?.isMandatory&&t?.showHide===!0),a=t?.label,l=t?.helpText,c=t?.isSortable,u=n?.sortField,d=n?.sortDir,f=n?.onSort;return p.jsxs(ie,{sx:{display:"flex",alignItems:"center",justifyContent:"center"},draggable:!1,children:[p.jsx(ie,{sx:{fontWeight:"bold",fontSize:"1.1rem",whiteSpace:"nowrap",overflow:"hidden",textOverflow:"ellipsis",padding:"0.5rem",textAlign:"center"},children:p.jsx(ls,{title:l??a,placement:"top",componentsProps:{tooltip:{sx:{fontSize:"1rem",padding:"0.6rem 1rem",boxShadow:"0 2px 8px rgba(0,0,0,0.3)"}}},children:a??""})}),p.jsxs(ie,{sx:{display:"flex",alignItems:"center"},draggable:!1,children:[c&&p.jsx(ex,{sortKey:e?`${e?.key}|${t?.key}`:t?.key,sortField:u,sortDir:d,handleSortClick:()=>f({column:t,sortDir:d,sortField:u,parent:e})}),s&&p.jsx(al,{draggable:!1,onClick:m=>r(m,t,e),sx:{padding:"0.2rem"},children:p.jsx(Vt,{url:Ke.Menu})})]})]})}Tp.propTypes={column:i.object.isRequired,sort:i.object.isRequired,handleMenuClick:i.func,isManageable:i.bool};function tx({rows:e,sort:t,data:n,pagination:r,columns:o,nested:s,baseUrl:a,gridPath:l,childUniqueKey:c,isVirtualizedTable:u=!1,t:d}){const f=yt(),{visibleGridColumns:m}=S.useContext(Ji),h=S.useContext(xs),{selectedColumn:y,handleMenuClick:g,handleClose:b,handleHideClick:v,columnUpdaterFunction:T}=Q2(m,h,a,l,r?.rowPerPage,c),x=o?.isManageable,w=o?.isResizable,C=n?.length>0,k=S.useRef(null),O=S.useRef(null),M=45,P=10,j=n?.length,[B,E]=S.useState({start:0,end:10}),[R,A]=S.useState(null),[$,N]=S.useState(null),[U,Z]=S.useState(null);let z=null;const F=S.useRef(0),I=S.useRef(!1),V=S.useRef(null),K=N2(s?.column?.definitions||[]),W=s?.isNested,X=s?.data||[],G=s?.hashKey,[H,oe]=S.useState(0);S.useEffect(()=>{if(k.current){const re=()=>{oe(k.current.offsetHeight)};return re(),window.addEventListener("resize",re),()=>window.removeEventListener("resize",re)}},[n]),S.useEffect(()=>{const le=k.current?.querySelector("thead");if(!le)return;const Me=()=>{Z(null)};return le?.addEventListener("mousedown",Me),()=>{le?.removeEventListener("mousedown",Me)}},[]);const ae=(re,le)=>{if(I.current){re.preventDefault();return}A(le),Z(null),re.dataTransfer.setData("colIndex",le);const Me=m[le],me=Me?.label,be=document.createElement("div");be.textContent=me,Object.assign(be.style,{display:"flex",alignItems:"center",justifyContent:"center",padding:"1.5rem 2.5rem",minWidth:Me?.style?.minWidth,maxWidth:Me?.style?.maxWidth,fontSize:"1.2rem",fontWeight:"500",color:f.palette.primary.notifyTextColor,background:f.palette.primary.notifyBackground,border:`0.1rem solid ${f.palette.primary.notifyBorderColor}`,borderRadius:"0rem",pointerEvents:"none",position:"absolute",top:"0",left:"0",zIndex:"-1",textAlign:"center",boxSizing:"border-box",boxShadow:"0 1px 4px rgba(0, 0, 0, 0.2)"}),document.body.appendChild(be);const{offsetWidth:Ae,offsetHeight:Ve}=be;re.dataTransfer.setDragImage(be,Ae/2,Ve/2),requestAnimationFrame(()=>{document.body.removeChild(be)})},_=(re,le)=>{re.preventDefault(),N(le),he(re)},Y=async(re,le)=>{if(re.preventDefault(),clearInterval(z),R===null||R===le)return;const Me=[...m],[me]=Me.splice(R,1);Me.splice(le,0,me);const be=m[R].sequenceId,Ae=m[le].sequenceId,Ve=Me.map(Xe=>Xe.key===m[R].key?{...Xe,sequenceId:Ae}:Xe.key===m[le].key?{...Xe,sequenceId:be}:Xe);T({updatedColumns:Ve}),A(null),N(null)},L=()=>{A(null),N(null)},ce=(re,le,Me,me)=>{if(!re)return null;const be=re?.isMandatory&&re?.isSticky,Ae=parseFloat(re?.style?.minWidth?.toString().replace("rem",""))||7.5;le===0&&(F.current=0);const Ve=be?le===0?0:`${F.current}rem`:void 0;be&&(F.current+=Ae);const Xe=R===le,Ee=$==le||m?.[$]?.isMandatory,pt=et=>{re.isMandatory?(et.preventDefault(),et.dataTransfer.dropEffect="none"):(et.preventDefault(),et.dataTransfer.dropEffect="move"),_?.(et,le)},Ze=et=>{re.isMandatory||Y?.(et,le)};return me&&`${me?.key}${re?.key}${le}`,p.jsx(Do,{rowSpan:re?.children?1:2,colSpan:re?.children?.filter(et=>!et?.isHidden)?.length,style:re?.style,draggable:Me&&!re?.isMandatory,onDragStart:Me&&!re?.isMandatory?et=>ae(et,le):et=>{et.preventDefault()},onDragOver:Me&&!re?.isMandatory?pt:void 0,onDrop:Me&&!re?.isMandatory?Ze:void 0,onDragEnd:Me&&!re?.isMandatory?L:void 0,sx:{...re?.isSticky&&{boxShadow:"rgba(17, 17, 26, 0.3) 4px 0px 6px -2px"},...re.isCenterTable&&{borderRight:"0.1rem solid",borderBottom:"0.1rem solid",borderTop:"none",...re?.key==="volume_value"&&{borderLeft:"1px solid"}},...Xe&&{border:`0.1rem solid ${f.palette.brandColor.lightBlue}!important`},...be&&{position:"sticky",left:Ve,zIndex:3},cursor:Ee?"not-allowed":Me&&!re?.isMandatory?"grab":"default"},children:p.jsx(Tp,{parent:me,column:re,sort:t,handleMenuClick:g,isManageable:Me})},le)},te=S.useCallback((re,le,Me,me)=>{if(!re)return null;const be=re?.isMandatory&&re?.isSticky,Ae=parseFloat(re?.style?.minWidth?.toString().replace("rem",""))||7.5;Me===0&&(F.current=0);const Ve=be?Me===0?0:`${F.current}rem`:void 0;return be&&(F.current+=Ae),p.jsxs(Do,{colSpan:1,style:re?.style,className:`${re?.label}`,sx:{position:"relative",...re.isCenterTable&&{borderRight:"0.1rem solid",borderBottom:"0.1rem solid",borderTop:"none",...re?.key==="volume_value"&&{borderLeft:"1px solid"}},...re?.isSticky&&{boxShadow:"rgba(17, 17, 26, 0.3) 4px 0px 6px -2px"},...be&&{position:"sticky",left:Ve,zIndex:2,backgroundColor:Xe=>e?.selectedRow&&e?.selectedRow?.fhi===le?.fhi||le?.isHigh?Xe.palette.primary.appBackground:Xe.palette.primary.notifyBackground}},children:[(e?.selectedRow&&e?.selectedRow?.fhi===le?.fhi||le?.isHigh)&&p.jsx(ie,{sx:{position:"absolute",bottom:0,left:0,width:"100%",height:"0.08rem",background:"linear-gradient(#F9B16E, #F68080)",pointerEvents:"none",zIndex:1}}),p.jsx($c,{isRenderCellContent:!!re?.cellRenderer,column:re,row:le,parent:me})]},Me)},[e?.selectedRow,f]),Q=(re,le,Me,me)=>p.jsx(p.Fragment,{children:re&&Me&&!re?.isMandatory?p.jsx(ie,{resizeStart:()=>{re?.isMandatory&&!re?.isResizable||(I.current=!0)},resizeEnd:be=>{re?.isMandatory&&!re?.isResizable||be<=20||(I.current=!1,L2({index:le,visibleGridColumns:m,width:be,columnUpdaterFunction:T}))},component:re?.children||re?.isMandatory?cs:X2,rowSpan:re?.children?1:2,colSpan:1,id:le,sx:{width:"1rem",maxWidth:"1rem",minWidth:"1rem",padding:0,position:"relative",borderBottom:`0.1rem solid ${f.palette.primary.notifyBorderColor}`,cursor:"col-resize","&::after":{content:'""',position:"absolute",top:"50%",left:"50%",transform:"translate(-50%, -50%)",width:"0.15rem",height:"1.5rem",backgroundColor:f.palette.primary.notifyBorderColor,zIndex:1},...!re?.isMandatory&&{"&:hover::after":{content:'""',position:"absolute",top:0,left:"50%",transform:"translateX(-50%)",width:"0.2rem",height:`${H}px`,backgroundColor:f.palette.primary.notifyBorderColor,zIndex:1}}}}):null}),xe=S.useCallback((re,le,Me,me,be,Ae,Ve)=>p.jsx(p.Fragment,{children:le&&me&&!le?.isMandatory?p.jsx(cs,{className:"column_resizer_body",sx:{width:"1rem",maxWidth:"1rem",minWidth:"1rem",padding:0,position:"relative",borderBottom:`0.1rem solid ${f.palette.primary.notifyBorderColor}`},children:(e?.selectedRow&&e?.selectedRow?.fhi===re?.fhi||re?.isHigh)&&p.jsx(ie,{sx:{position:"absolute",bottom:0,left:0,width:"100%",height:"0.08rem",background:"linear-gradient(#F9B16E, #F68080)",pointerEvents:"none"}})},`resize-${Me}_${Ve}`):null}),[e?.selectedRow,f]),he=re=>{const le=k.current,{left:Me,right:me}=le.getBoundingClientRect(),be=50,Ae=re.clientX>me-be?1:re.clientX<Me+be?-1:0;Ae!==0?(V.current&&clearInterval(V.current),V.current=setInterval(()=>{le.scrollLeft+=Ae*10},50)):V.current&&(clearInterval(V.current),V.current=null)},Se=re=>re?.map((le,Me)=>{const me=B.start+Me,be=le[G],Ae=X?.[be],Ve=e?.selectedRow&&e?.selectedRow?.fhi===le?.fhi,Xe=le?.isHigh;return p.jsxs(S.Fragment,{children:[p.jsx(Z2,{row:le,isSelected:Ve,isHigh:Xe,onRowClick:e?.onRowClick,children:m.map((Ee,pt)=>Ee?.isHidden||Ee?.isVisible===!1?null:Ee?.children?Ee.children.map((Ze,et)=>Ze?.isHidden?null:p.jsxs(S.Fragment,{children:[te(Ze,le,et,Ee),w&&xe(le,Ze,et,x,Ee,"",me)]},`col-${pt}-${et}`)):p.jsxs(S.Fragment,{children:[te(Ee,le,pt),w&&xe(le,Ee,pt,x,"","",me)]},`col-${pt}`))}),W&&Ae&&p.jsx(J2,{nestedData:Ae,nestedColumn:K,t:d})]},`row-${me}`)}),Ce=()=>{const re=O.current;if(!re)return;const le=re.scrollTop,Me=re.clientHeight,me=Math.floor(le/M)-P,be=Math.ceil(Me/M)+2*P,Ae=Math.max(0,Math.min(j-1,me)),Ve=Math.max(Ae,Math.min(j,Ae+be));E(Xe=>Xe.start===Ae&&Xe.end===Ve?Xe:{start:Ae,end:Ve})};S.useEffect(()=>{let re;const le=()=>{re&&cancelAnimationFrame(re),re=requestAnimationFrame(()=>{Ce()})},Me=O.current;if(!(!Me||!u))return Ce(),Me.addEventListener("scroll",le),()=>{cancelAnimationFrame(re),Me.removeEventListener("scroll",le)}},[j]);const ze=B.start*M,ke=(j-B.end)*M,ge=u?n?.slice(B.start,B.end):n;return C?p.jsxs(p.Fragment,{children:[p.jsx(yd,{ref:O,sx:{willChange:"transform",WebkitTransform:"translateZ(0)",maxHeight:"40rem",whiteSpace:"nowrap",overflow:"auto",width:"100%",border:`0.1rem solid ${f.palette.primary.notifyBorderColor}`,borderRadius:"1.4rem",position:"relative"},children:p.jsxs(hd,{ref:k,stickyHeader:!0,"aria-label":"sticky table",sx:{backgroundColor:re=>re.palette.primary.notifyBackground},children:[p.jsxs(bd,{children:[p.jsx(to,{sx:{position:"sticky",top:0,zIndex:3,backgroundColor:re=>re.palette.primary.notifyBackground},children:m.map((re,le)=>re?.isHidden||re?.isVisible===!1?null:p.jsxs(S.Fragment,{children:[ce(re,le,x),Q(re,le,x)]},le))}),p.jsx(to,{draggable:!1,sx:{position:"sticky",top:"2.5rem",backgroundColor:f.palette.primary.notifyBackground,zIndex:2},children:m.flatMap((re,le)=>re?.isHidden||!re?.children||re?.isVisible===!1?[]:re.children.map((Me,me)=>Me?.isHidden?null:p.jsxs(S.Fragment,{children:[ce(Me,me,x,re),w&&Q(Me,me,x)]},`${le}-${me}`)))})]}),p.jsxs(md,{children:[u&&p.jsx("tr",{style:{height:ze}}),Se(ge),u&&p.jsx("tr",{style:{height:ke}})]})]})}),r&&p.jsx(Rc,{pagination:r,gridPath:l,baseUrl:a,t:d}),p.jsx(Cp,{menuOpen:y?.isOpen,handleClose:b,onHideClick:v})]}):p.jsx(Lr,{sx:{textAlign:"center"},children:d(xr.NRF)})}tx.propTypes={sort:i.object,data:i.array,pagination:i.object,columns:i.object,nested:i.object};function nx(e){return Hv(e?.style?.width??e?.style?.minWidth??e?.style?.maxWidth)||0}const rx=e=>e?.isHidden||e?.isVisible===!1;function lL(e){const t=S.useMemo(()=>{let o=0;return e.flatMap((s,a)=>{if(rx(s))return[];if(Array.isArray(s.children)&&s.children.length){const u=s.children.filter(d=>!rx(d));return u.length?u.map(d=>{const f=nx(d),m={...d,_parent:s,_originalIndex:a,width:f,start:o,end:o+f,isSticky:!!(d?.isSticky??s?.isSticky)};return o+=f,m}):[]}const l=nx(s);if(l===0)return[];const c={...s,_parent:null,_originalIndex:a,width:l,start:o,end:o+l,isSticky:!!s?.isSticky};return o+=l,c})},[e]),n=S.useMemo(()=>{let o=0;const s={};return t.forEach(a=>{a.isSticky&&(s[a.sequenceId]=o,o+=a.width)}),s},[t]);return{columnsMeta:t,stickyOffsets:n,getStickyLeft:o=>{if(!o?.isMandatory||!o?.isSticky)return;const s=n[o.sequenceId];return s===0?0:`${s}px`}}}function cL({visibleGridColumns:e,columnUpdaterFunction:t,isResizingRef:n,startAutoScroll:r,stopAutoScroll:o}){const s=yt(),[a,l]=S.useState(null),[c,u]=S.useState(null),d=S.useCallback((b,v)=>{if(n.current){b.preventDefault();return}l(v),b.dataTransfer.setData("colIndex",v);const T=e[v],x=document.createElement("div");x.textContent=T?.label,Object.assign(x.style,{display:"flex",alignItems:"center",justifyContent:"center",padding:"1.5rem 2.5rem",minWidth:T?.style?.minWidth,maxWidth:T?.style?.maxWidth,fontSize:"1.2rem",fontWeight:"500",color:s.palette.primary.notifyTextColor,background:s.palette.primary.notifyBackground,border:`0.1rem solid ${s.palette.primary.notifyBorderColor}`,borderRadius:"0rem",pointerEvents:"none",position:"absolute",top:"0",left:"0",zIndex:"-1",textAlign:"center",boxSizing:"border-box",boxShadow:"0 1px 4px rgba(0, 0, 0, 0.2)"}),document.body.appendChild(x);const{offsetWidth:w,offsetHeight:C}=x;b.dataTransfer.setDragImage(x,w/2,C/2),requestAnimationFrame(()=>document.body.removeChild(x))},[n,e,s]),f=S.useCallback((b,v)=>{if(b.preventDefault(),e?.[v]?.isMandatory){b.dataTransfer.dropEffect="none";return}b.dataTransfer.dropEffect="move",u(v),r(b.clientX)},[r,e]),m=S.useCallback(async(b,v)=>{if(b.preventDefault(),o(),a===null||a===v||e?.[v]?.isMandatory)return;const T=[...e],[x]=T.splice(a,1);T.splice(v,0,x);const w=[...e].sort((k,O)=>k.sequenceId-O.sequenceId).map(k=>k.sequenceId),C=T.map((k,O)=>({...k,sequenceId:w[O]??k.sequenceId}));t({updatedColumns:C}),l(null),u(null)},[a,e,t,o]),h=S.useCallback(()=>{o(),l(null),u(null)},[o]),y=b=>!b?.isMandatory,g=S.useCallback(b=>c===null||a===null?!1:!!(e?.[b]?.isMandatory||e?.[c]?.isMandatory),[c,a,e]);return{draggedColIndex:a,dragOverIndex:c,handleDragStart:d,handleDragOver:f,handleDrop:m,handleDragEnd:h,isDraggable:y,isInvalidDrop:g}}const ox=50,uL=10,dL=50;function fL(e){const t=S.useRef(null),n=S.useCallback(()=>{t.current&&(clearInterval(t.current),t.current=null)},[]);return{startAutoScroll:S.useCallback(o=>{const s=e.current;if(!s)return;const{left:a,right:l}=s.getBoundingClientRect(),c=o>l-ox?1:o<a+ox?-1:0;if(c===0){n();return}t.current||(t.current=setInterval(()=>{s.scrollLeft+=c*uL},dL))},[e,n]),stopAutoScroll:n}}const kp=S.memo(function({column:t,index:n,isManageable:r,parent:o,stickyLeft:s,colSpanOverride:a,draggedColIndex:l,isInvalidDrop:c,onDragStart:u,onDragOver:d,onDrop:f,onDragEnd:m,sort:h,handleMenuClick:y}){const g=yt(),b=l===n,v=r&&!t?.isMandatory,T=t?.isMandatory&&t?.isSticky,x=o&&o.children?.find(k=>!k?.isHidden&&k?.isVisible!==!1)?.key===t?.key,w=!o&&Array.isArray(t?.children)&&t.children.some(k=>!k?.isHidden&&k?.isVisible!==!1),C=a??t.children?.filter(k=>!k?.isHidden)?.length;return p.jsx(Do,{rowSpan:t?.children?1:2,colSpan:C,style:t?.style,draggable:v,onDragStart:v?k=>u(k,n):k=>k.preventDefault(),onDragOver:v?k=>d(k,n):void 0,onDrop:v?k=>f(k,n):void 0,onDragEnd:v?m:void 0,sx:{...t?.isSticky&&{boxShadow:"rgba(17, 17, 26, 0.3) 4px 0px 6px -2px"},...t.isCenterTable&&{borderRight:"0.1rem solid",borderBottom:"0.1rem solid",borderTop:"none",...(x||w)&&{borderLeft:"0.1rem solid"}},...b&&{border:`0.1rem solid ${g.palette.brandColor.lightBlue}!important`},...T&&{position:"sticky",left:s,zIndex:3},cursor:c(n)?"not-allowed":v?"grab":"default"},children:p.jsx(Tp,{parent:o,column:t,sort:h,handleMenuClick:y,isManageable:r})},n)}),Ep=S.memo(function({column:t,index:n,isManageable:r,tableHeight:o,onResizeStart:s,onResizeEnd:a}){const l=yt();return!t||!r||t?.isMandatory?null:p.jsx(ie,{component:t?.children||t?.isMandatory?cs:X2,rowSpan:t?.children?1:2,colSpan:1,id:n,resizeStart:s,resizeEnd:a,sx:{width:"1rem",maxWidth:"1rem",minWidth:"1rem",padding:0,position:"relative",borderBottom:`0.1rem solid ${l.palette.primary.notifyBorderColor}`,cursor:"col-resize","&::after":{content:'""',position:"absolute",top:"50%",left:"50%",transform:"translate(-50%, -50%)",width:"0.15rem",height:"1.5rem",backgroundColor:l.palette.primary.notifyBorderColor,zIndex:1},"&:hover::after":{content:'""',position:"absolute",top:0,left:"50%",transform:"translateX(-50%)",width:"0.2rem",height:`${o}px`,backgroundColor:l.palette.primary.notifyBorderColor,zIndex:1}}})}),pL=S.memo(function({stickyGridColumns:t,virtualisedColumns:n,isManageable:r,isResizable:o,tableHeight:s,sort:a,handleMenuClick:l,getStickyLeft:c,offsetX:u,draggedColIndex:d,isInvalidDrop:f,onDragStart:m,onDragOver:h,onDrop:y,onDragEnd:g,isResizingRef:b,columnUpdaterFunction:v,visibleGridColumns:T}){const x=yt(),w={draggedColIndex:d,isInvalidDrop:f,onDragStart:m,onDragOver:h,onDrop:y,onDragEnd:g},C=(O,M)=>({onResizeStart:()=>{O?.isMandatory&&!O?.isResizable||(b.current=!0)},onResizeEnd:P=>{O?.isMandatory&&!O?.isResizable||P<=20||(b.current=!1,L2({index:M,visibleGridColumns:T,width:P,columnUpdaterFunction:v}))}}),k=S.useMemo(()=>{const O=[];return n.forEach(M=>{const P=M._parent?.key??M.key,j=O[O.length-1];j&&j.key===P?j.colSpan+=1:O.push({key:P,column:M._parent??M,colSpan:1,firstChild:M})}),O},[n]);return p.jsxs(bd,{children:[p.jsxs(to,{sx:{position:"sticky",top:0,zIndex:3,backgroundColor:x.palette.primary.notifyBackground},children:[t.map((O,M)=>{const P=O._parent??O;return p.jsxs(S.Fragment,{children:[p.jsx(kp,{column:P,index:O._originalIndex,isManageable:r,stickyLeft:c(O),sort:a,handleMenuClick:l,...w}),o&&p.jsx(Ep,{column:P,index:O._originalIndex,isManageable:r,tableHeight:s,...C(P,O._originalIndex)})]},`sticky-p-${M}`)}),p.jsx("th",{style:{minWidth:u,width:u,padding:0,border:"none"}}),k.map((O,M)=>p.jsxs(S.Fragment,{children:[p.jsx(kp,{column:O.column,index:O.firstChild._originalIndex,colSpanOverride:O.colSpan,isManageable:r,stickyLeft:c(O.firstChild),sort:a,handleMenuClick:l,...w}),o&&p.jsx(Ep,{column:O.column,index:O.firstChild._originalIndex,isManageable:r,tableHeight:s,...C(O.column,O.firstChild._originalIndex)})]},`parent-${O.key}`))]}),p.jsxs(to,{draggable:!1,sx:{position:"sticky",top:"2.5rem",backgroundColor:x.palette.primary.notifyBackground,zIndex:2},children:[p.jsx("th",{style:{minWidth:u,width:u,padding:0,border:"none"}}),n?.map((O,M)=>O._parent&&p.jsxs(S.Fragment,{children:[p.jsx(kp,{column:O,index:O._originalIndex,isManageable:r,parent:O._parent,stickyLeft:c(O),sort:a,handleMenuClick:l,...w}),o&&p.jsx(Ep,{column:O,index:O._originalIndex,isManageable:r,tableHeight:s,...C(O,O._originalIndex)})]},`child-${O?._parent?.key??O.key}-${M}`))]})]})}),hL=()=>p.jsx(ie,{sx:{position:"absolute",bottom:0,left:0,width:"100%",height:"0.08rem",background:"linear-gradient(#F9B16E, #F68080)",pointerEvents:"none",zIndex:1}}),sx=S.memo(function({column:t,row:n,cellKey:r,parent:o,stickyLeft:s,isSelected:a,isHigh:l}){const c=yt(),u=t?.isMandatory&&t?.isSticky,d=a||l,f=o&&o.children?.find(m=>!m?.isHidden&&m?.isVisible!==!1)?.key===t?.key;return p.jsxs(Do,{colSpan:1,style:t?.style,className:`${t?.label}`,sx:{position:"relative",...t.isCenterTable&&{borderRight:"0.1rem solid",borderBottom:"0.1rem solid",borderTop:"none",...f&&{borderLeft:"0.1rem solid"}},...t?.isSticky&&{boxShadow:"rgba(17, 17, 26, 0.3) 4px 0px 6px -2px"},...u&&{position:"sticky",left:s,zIndex:2,backgroundColor:d?c.palette.primary.appBackground:c.palette.primary.notifyBackground}},children:[d&&p.jsx(hL,{}),p.jsx($c,{isRenderCellContent:!!t?.cellRenderer,column:t,row:n,parent:o})]},r)});function mL({actualIndex:e,extraHeight:t,measureRow:n,resetRow:r}){return useEffect(()=>(n(e,t),()=>r(e)),[e,t]),null}const gL=S.memo(function({visibleRows:t,stickyGridColumns:n,virtualisedColumns:r,isResizable:o,isManageable:s,topSpacerHeight:a,bottomSpacerHeight:l,selectedRow:c,isNested:u,nestedRow:d,nestedColumn:f,hashKey:m,getStickyLeft:h,offsetX:y,rightSpacerWidth:g,rowStart:b,defaultRowHeight:v,measureRow:T,resetRow:x,t:w}){const C=yt(),k=S.useCallback((O,M,P)=>{if(!O||!s||O?.isMandatory)return null;const j=c&&c?.fhi===M?.fhi||M?.isHigh;return p.jsx(cs,{className:"column_resizer_body",sx:{width:"1rem",maxWidth:"1rem",minWidth:"1rem",padding:0,position:"relative",borderBottom:`0.1rem solid ${C.palette.primary.notifyBorderColor}`},children:j&&p.jsx("div",{style:{position:"absolute",bottom:0,left:0,width:"100%",height:"0.08rem",background:"linear-gradient(#F9B16E, #F68080)",pointerEvents:"none"}})},`resize-${P}`)},[s,c,C]);return p.jsxs(md,{children:[p.jsx("tr",{style:{height:a}}),t?.map((O,M)=>{const P=b+M,j=c&&c?.fhi===O?.fhi,B=O?.isHigh,E=d?.[O[m]];return p.jsxs(S.Fragment,{children:[p.jsxs(Z2,{row:O,isSelected:j,isHigh:B,sxProps:{height:"3.5rem","& td, & th":{height:"3.5rem"}},children:[n.map((R,A)=>p.jsxs(S.Fragment,{children:[p.jsx(sx,{column:R,row:O,cellKey:A,parent:R._parent,stickyLeft:h(R),isSelected:j,isHigh:B}),o&&k(R,O,`sticky-${A}-${P}`)]},`sticky-${R.sequenceId??A}`)),p.jsx("td",{style:{minWidth:y,width:y,padding:0,border:"none"}}),r.map((R,A)=>p.jsxs(S.Fragment,{children:[p.jsx(sx,{column:R,row:O,cellKey:A,parent:R._parent,stickyLeft:h(R),isSelected:j,isHigh:B}),o&&k(R,O,`${A}-${P}`)]},`col-${R?._parent?.key??R.key}-${A}`))]}),u&&E&&p.jsxs(p.Fragment,{children:[p.jsx(mL,{actualIndex:P,extraHeight:E.length*v,measureRow:T,resetRow:x}),p.jsx(J2,{nestedData:E,nestedColumn:f,t:w})]})]},`row-${P}`)}),p.jsx("tr",{style:{height:l}})]})});function yL({rowCount:e,defaultRowHeight:t,scrollTop:n,containerRef:r,overscan:o=5}){const s=S.useRef(0),[a,l]=S.useState(()=>Hv("40rem"));S.useEffect(()=>{const h=r?.current;if(!h)return;const y=h.clientHeight;y&&y!==s.current&&(s.current=y,l(y));const g=new ResizeObserver(b=>{const v=b[0].contentRect;v.height!==s.current&&(s.current=v.height,l(v.height))});return g.observe(h),()=>g.disconnect()},[]);const[c,u]=S.useState({}),d=(h,y)=>{u(g=>g[h]===y?g:{...g,[h]:y})},f=h=>{u(y=>{if(!(h in y))return y;const g={...y};return delete g[h],g})},m=S.useMemo(()=>{const h=new Array(e+1);h[0]=0;for(let y=0;y<e;y++)h[y+1]=h[y]+(c[y]??t);return h},[c,e,t]);return S.useMemo(()=>{const h=m[e],y=n+a;let g=0,b=e-1,v=0;for(;g<=b;){const x=g+b>>1;m[x+1]>n?(v=x,b=x-1):g=x+1}v=Math.max(0,v-o),g=v,b=e-1;let T=e;for(;g<=b;){const x=g+b>>1;m[x]>=y?(T=x,b=x-1):g=x+1}return T=Math.min(e,T+o),{startIndex:v,endIndex:T,topSpacerHeight:m[v],bottomSpacerHeight:h-m[T],totalHeight:h,measureRow:d,resetRow:f}},[m,e,a,n,o])}function bL({columnWidths:e,scrollLeft:t,overscan:n=2}){const r=S.useRef(0),[o,s]=S.useState(0),a=S.useRef(null),l=S.useCallback(f=>{if(a.current?.disconnect(),!f)return;const m=f.clientWidth;m&&(r.current=m,s(m)),a.current=new ResizeObserver(h=>{const y=h[0].contentRect;y.width!==r.current&&(r.current=y.width,s(y.width))}),a.current.observe(f)},[]),c=S.useMemo(()=>e.map(f=>{const m=Number(f);return Number.isFinite(m)&&m>0?m:0}),[e]),u=S.useMemo(()=>{const f=new Array(c.length+1);f[0]=0;for(let m=0;m<c.length;m++)f[m+1]=f[m]+c[m];return f},[c]);return{...S.useMemo(()=>{const f=t+o,m=u[c.length];let h=0,y=c.length-1,g=c.length;for(;h<=y;){const v=h+y>>1;u[v+1]>t?(g=v,y=v-1):h=v+1}g=Math.max(0,g-n),h=g,y=c.length-1;let b=c.length;for(;h<=y;){const v=h+y>>1;u[v]>=f?(b=v,y=v-1):h=v+1}return b=Math.min(c.length,b+n),{startIndex:g,endIndex:b,offsetX:u[g]||0,rightSpacerWidth:m-u[b],viewportWidth:o}},[c,u,o,t,n]),measuredRef:l}}const ix=45;function vL({rows:e,sort:t,data:n,pagination:r,columns:o,nested:s,baseUrl:a,gridPath:l,childUniqueKey:c,isVirtualizedTable:u=!1,t:d}){const f=yt(),{visibleGridColumns:m}=S.useContext(Ji),h=S.useContext(xs),{selectedColumn:y,handleMenuClick:g,handleClose:b,handleHideClick:v,columnUpdaterFunction:T}=Q2(m,h,a,l,r?.rowPerPage,c),x=o?.isManageable,w=o?.isResizable,C=S.useRef(null),k=S.useRef(null),O=S.useRef(!1),M=S.useRef(0),P=S.useRef(0),j=S.useRef(!1),B=S.useRef(n),[,E]=S.useState({}),{getStickyLeft:R,columnsMeta:A}=lL(m),{startAutoScroll:$,stopAutoScroll:N}=fL(C),{draggedColIndex:U,isInvalidDrop:Z,handleDragStart:z,handleDragOver:F,handleDrop:I,handleDragEnd:V}=cL({visibleGridColumns:m,columnUpdaterFunction:T,isResizingRef:O,startAutoScroll:$,stopAutoScroll:N});B.current!==n&&(B.current=n,M.current=0,P.current=0,k.current&&(k.current.scrollTop=0,k.current.scrollLeft=0));const K=me=>{const be=me.currentTarget.scrollTop,Ae=me.currentTarget.scrollLeft;j.current||(j.current=!0,requestAnimationFrame(()=>{M.current=be,P.current=Ae,E({}),j.current=!1}))},W=S.useMemo(()=>A.filter(me=>me.isSticky&&!me.isCenterTable),[A]),X=S.useMemo(()=>A.filter(me=>me.isSticky&&me.isCenterTable||!me.isSticky),[A]),G=S.useMemo(()=>X.map(me=>me.width),[X]),{startIndex:H,endIndex:oe,topSpacerHeight:ae,bottomSpacerHeight:_,measureRow:Y,resetRow:L}=yL({rowCount:n.length,defaultRowHeight:ix,scrollTop:M.current,containerRef:k,overscan:15}),{startIndex:ce,endIndex:te,offsetX:Q,measuredRef:xe}=bL({columnWidths:G,scrollLeft:P.current,overscan:2}),he=S.useMemo(()=>X.slice(ce,te),[X,ce,te]),Se=n?.slice(H,oe),[Ce,ze]=S.useState(0);S.useEffect(()=>{const me=C.current;if(!me)return;const be=new ResizeObserver(()=>ze(me.offsetHeight));return be.observe(me),()=>be.disconnect()},[]);const ke=N2(s?.column?.definitions||[]),ge=s?.isNested,re=s?.data||[],le=s?.hashKey,Me=S.useCallback(me=>{k.current=me,xe(me)},[xe]);return n?.length?p.jsxs(p.Fragment,{children:[p.jsx(yd,{ref:Me,onScroll:K,sx:{willChange:"transform",WebkitTransform:"translateZ(0)",maxHeight:"40rem",whiteSpace:"nowrap",overflow:"auto",width:"100%",border:`0.1rem solid ${f.palette.primary.notifyBorderColor}`,borderRadius:"1.4rem",position:"relative"},children:p.jsxs(hd,{ref:C,stickyHeader:!0,"aria-label":"sticky table",sx:{backgroundColor:f.palette.primary.notifyBackground},children:[p.jsx(pL,{offsetX:Q,stickyGridColumns:W,virtualisedColumns:he,isManageable:x,isResizable:w,tableHeight:Ce,sort:t,handleMenuClick:g,getStickyLeft:R,draggedColIndex:U,isInvalidDrop:Z,onDragStart:z,onDragOver:F,onDrop:I,onDragEnd:V,isResizingRef:O,visibleGridColumns:m,columnUpdaterFunction:T}),p.jsx(gL,{offsetX:Q,rowStart:H,defaultRowHeight:ix,measureRow:Y,resetRow:L,visibleRows:Se,stickyGridColumns:W,virtualisedColumns:he,isResizable:w,isManageable:x,topSpacerHeight:ae,bottomSpacerHeight:_,selectedRow:e?.selectedRow,isNested:ge,nestedRow:re,nestedColumn:ke,hashKey:le,getStickyLeft:R,t:d})]})}),r&&p.jsx(Rc,{pagination:r,gridPath:l,baseUrl:a,t:d}),p.jsx(Cp,{menuOpen:y?.isOpen,handleClose:b,onHideClick:v})]}):p.jsx(Lr,{sx:{textAlign:"center"},children:d(xr.NRF)})}function ax({tableProps:e,isDefaultConfig:t,gridPath:n,baseUrl:r,childUniqueKey:o}){const{columns:s}=e,a=S.useContext(xs),{t:l}=S.useContext(ln),c=!!e?.isVirtualizedTable,u=tB({columns:s,gridPath:n,baseUrl:r,isDefaultConfig:t,childUniqueKey:o,pageSize:e?.pagination?.rowPerPage,data:e?.data});return S.useEffect(()=>{u?.length&&e?.data?.length&&a?.({type:We.SET_GRID_DATA,payload:{visibleGridColumns:u}})},[u,e?.data]),p.jsx(p.Fragment,{children:c?p.jsx(vL,{...e,gridPath:n,baseUrl:r,childUniqueKey:o,t:l}):p.jsx(tx,{...e,gridPath:n,baseUrl:r,childUniqueKey:o,t:l})})}ax.propTypes={tableProps:i.object.isRequired,mergedColumns:i.array.isRequired};function Op({tableProps:e,toolbarProps:t,isDefaultConfig:n,isLoading:r}){const o=e.columns?.isManageable;return p.jsx(Uv,{children:r?p.jsxs(p.Fragment,{children:[t&&p.jsx(mc,{type:"toolbar"}),e&&p.jsx(mc,{type:"grid"})]}):p.jsxs(ie,{sx:{position:"sticky"},children:[t&&p.jsx(jc,{...t,isManageable:o,pageSize:e?.pagination?.rowPerPage,gridData:e?.data}),p.jsx(ax,{tableProps:e,isDefaultConfig:n,gridPath:t?.gridPath||"",baseUrl:t?.baseUrl||"",childUniqueKey:t?.childUniqueKey||""})]})})}Op.propTypes={tableProps:i.object.isRequired,toolbarProps:i.object,isDefaultConfig:i.bool};const{TENANT_ID:Mp,BU_ID:Pp}=D2,{TENANT_IDS:jp,BU_IDS:Ap}=R2,xL=async e=>{try{const t=localStorage.getItem("i18nextLng"),n=`${e}${Oc.NOTIFICATION}/v1?${Mp}=${jp}&${Pp}=${Ap}&lang=${t}`;return await Et.get(n,ua)}catch(t){return t}},lx=async(e,t,n)=>{try{const r=localStorage.getItem("i18nextLng"),o=`${e}${Oc.NOTIFICATION}${bp.VERSION}?${Mp}=${jp}&${Pp}=${Ap}&lang=${r}`;return await Et.put(o,t,ua)}catch(r){return r}},wL=async({baseUrl:e,id:t,snopId:n})=>{try{const r=localStorage.getItem("i18nextLng"),o=`${e}${Oc.NOTIFICATION}${bp.VERSION}?${Mp}=${jp}&${Pp}=${Ap}&id=${t}&lang=${r}`;return await Et.get(o,ua)}catch(r){return r}},Rs={OK:200,CREATED:201,NO_CONTENT:204,BAD_REQUEST:400,UNAUTHORIZED:401,NOT_FOUND:404,INTERNAL_SERVER_ERROR:500},cx=({baseUrl:e})=>{const t=S.useContext(V1),[n,r]=S.useState(!1),[o,s]=S.useState(!1),[a,l]=S.useState(!1),[c,u]=S.useState({}),[d,f]=S.useState(null),[m,h]=S.useState(1),y=S.useRef(!1),{loading:g,data:b,isMarkAllAsRead:v,mode:T,activeTab:x}=S.useContext(ep),[w,C]=S.useState([]);S.useEffect(()=>{C(b)},[b]);const k=S.useCallback(async()=>{if(!(y.current||!e))try{t({type:We.LOADING,loading:!0}),t({type:We.SUCCESS,data:[]});const R=await xL(e);if(R.status===Rs.UNAUTHORIZED){y.current=!0;return}if(R.status===Rs.OK){const A=R.data?.responseData?.response||[],$=fc(A);t({type:We.SET_MODE,mode:!1}),t({type:We.SUCCESS,data:fc($)}),t({type:We.MARK_ALL_AS_READ,isMarkAllAsRead:{count:Vv(A),boo:Vv(A)>0}}),t({type:We.LOADING,loading:!1})}}catch(R){R?.response?.status===Rs.UNAUTHORIZED&&(y.current=!0),t({type:We.ERROR,error:xr.SWR}),t({type:We.LOADING,loading:!1})}},[e,t]),O=R=>{const A=(b||[]).filter($=>T?!$.isRead:!0);return{0:A,1:A.filter($=>$?.type==="INFO"),2:A.filter($=>$?.type==="ERROR")}};S.useEffect(()=>{k();const R=setInterval(k,3e5);return()=>clearInterval(R)},[k]);const M=async(R,A)=>{if(!(!R||!e)){f(R);try{const $=await wL({baseUrl:e,id:R,snopId:A});if($.status===Rs.OK){const N=$.data?.responseData?.response||{};u(N||{}),l(!0)}else throw new Error}catch{t({type:We.ERROR,error:xr.SWR})}finally{f(null)}}},P=async(R,A)=>{if(!(!R.length||!e)){t({type:We.LOADING,loading:!0});try{if((await lx(e,R,A)).status===Rs.OK){const N=b.map(Z=>R.includes(Z.id)?{...Z,isRead:!0}:Z),U=N.filter(Z=>!Z.isRead).length;U===0&&t({type:We.SET_MODE,mode:!1}),t({type:We.SUCCESS,data:fc(N)}),t({type:We.MARK_ALL_AS_READ,isMarkAllAsRead:{count:U,boo:U>0}}),setTimeout(()=>{t({type:We.LOADING,loading:!1})},200)}}catch{t({type:We.ERROR,error:xr.SWR}),t({type:We.LOADING,loading:!1})}}},j=async()=>{if(e){t({type:We.LOADING,loading:!0});try{const R=wR(b);if((await lx(e,R,L8.MARK_ALL_READ)).status===Rs.OK){const $=b.map(N=>({...N,isRead:!0}));t({type:We.SET_MODE,mode:!1}),t({type:We.SUCCESS,data:fc($)}),t({type:We.MARK_ALL_AS_READ,isMarkAllAsRead:{count:0,boo:!1}}),setTimeout(()=>{t({type:We.LOADING,loading:!1})},200)}}catch{t({type:We.ERROR,error:xr.SWR}),t({type:We.LOADING,loading:!1})}}},B=(R,A)=>{t({type:We.LOADING,loading:!0}),t({type:We.SET_ACTIVE_TAB,activeTab:A}),setTimeout(()=>{t({type:We.LOADING,loading:!1})},400)},E=()=>{t({type:We.LOADING,loading:!0});const R=T?b||[]:(w||[]).filter(A=>!A.isRead);t({type:We.SET_MODE,mode:!T}),C(R),h(1),setTimeout(()=>{t({type:We.LOADING,loading:!1})},400)};return{fetchNotification:k,showDetailsProps:{open:a,handleClose:()=>l(!1),setOpen:l,data:c,clickId:d},alertDialogProps:{open:n,handleClose:()=>r(!1),onRefresh:k,handleRead:P,handleMarkAllAsRead:j,setOpen:r,handleShowDetails:M,clickId:d,isMainDialog:!0},activeTab:x,loading:g,tabData:O()[x],data:w,mode:T,handleTabChange:B,toggleAlertMode:E,page:m,setPage:h,isMarkAllAsRead:v}};var ux,dx,fx;function Dp(){return Dp=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)({}).hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},Dp.apply(null,arguments)}var SL=function(t){return D.createElement("svg",Dp({xmlns:"http://www.w3.org/2000/svg",width:16,height:17,fill:"none"},t),ux||(ux=D.createElement("path",{stroke:"#909090",strokeLinecap:"round",strokeMiterlimit:10,d:"M8.013 2.19c-2.206 0-4 1.793-4 4v1.927c0 .406-.173 1.026-.38 1.373l-.766 1.273c-.474.787-.147 1.66.72 1.954 2.873.96 5.973.96 8.846 0a1.335 1.335 0 0 0 .72-1.954l-.766-1.273c-.2-.347-.374-.967-.374-1.373V6.19c0-2.2-1.8-4-4-4Z"})),dx||(dx=D.createElement("path",{stroke:"#909090",strokeLinecap:"round",strokeLinejoin:"round",strokeMiterlimit:10,d:"M9.247 2.383a4.503 4.503 0 0 0-2.467 0 1.324 1.324 0 0 1 2.467 0"})),fx||(fx=D.createElement("path",{stroke:"#909090",strokeMiterlimit:10,d:"M10.013 12.957c0 1.1-.9 2-2 2a2.007 2.007 0 0 1-2-2"})))};const CL=({count:e})=>(yt(),p.jsxs(p.Fragment,{children:[p.jsx(ie,{sx:{gap:"0.5rem",display:"flex",justifyContent:"center",alignItems:"center","& svg":{transform:"scale(1)"}},children:p.jsx(SL,{style:{scale:1.2}})}),p.jsx(JB,{badgeContent:e!=0?"":null,color:"error"})]}));var px;function Ip(){return Ip=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)({}).hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},Ip.apply(null,arguments)}var TL=function(t){return D.createElement("svg",Ip({xmlns:"http://www.w3.org/2000/svg",width:14,height:9,fill:"none",viewBox:"0 0 13 9"},t),px||(px=D.createElement("path",{fill:"#A8A8A8",fillRule:"evenodd",d:"M8.954 1.004a.406.406 0 0 1 0 .575L3.537 6.996a.406.406 0 0 1-.574 0L.796 4.829a.406.406 0 1 1 .575-.575l1.879 1.88 5.13-5.13a.406.406 0 0 1 .574 0m3.25 0a.406.406 0 0 1 0 .575L6.787 6.996a.406.406 0 1 1-.574-.575l5.416-5.417a.406.406 0 0 1 .575 0",clipRule:"evenodd"})))},hx,mx;function Rp(){return Rp=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)({}).hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},Rp.apply(null,arguments)}var kL=function(t){return D.createElement("svg",Rp({xmlns:"http://www.w3.org/2000/svg",width:12,height:12,fill:"none"},t),hx||(hx=D.createElement("path",{stroke:"#fff",strokeLinecap:"round",strokeLinejoin:"round",d:"M7.79 6c0 .99-.8 1.79-1.79 1.79S4.21 6.99 4.21 6 5.01 4.21 6 4.21s1.79.8 1.79 1.79"})),mx||(mx=D.createElement("path",{stroke:"#fff",strokeLinecap:"round",strokeLinejoin:"round",d:"M6 10.135c1.765 0 3.41-1.04 4.555-2.84.45-.705.45-1.89 0-2.595C9.41 2.9 7.765 1.86 6 1.86S2.59 2.9 1.445 4.7c-.45.705-.45 1.89 0 2.595 1.145 1.8 2.79 2.84 4.555 2.84"})))},gx;function Np(){return Np=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)({}).hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},Np.apply(null,arguments)}var EL=function(t){return D.createElement("svg",Np({xmlns:"http://www.w3.org/2000/svg",width:9,height:8,fill:"none"},t),gx||(gx=D.createElement("path",{fill:"#fff",fillRule:"evenodd",d:"M8.277 1.004a.406.406 0 0 1 0 .575L2.86 6.996a.406.406 0 0 1-.574 0L.119 4.829a.406.406 0 1 1 .575-.575l1.879 1.88 5.13-5.13a.406.406 0 0 1 .574 0",clipRule:"evenodd"})))};const yx=({type:e,item:t,handleShowDetails:n,handleRead:r,handleCTAClicked:o,clickId:s,t:a})=>{const l=yt(),c=JSON.parse(localStorage.getItem("settings"))?.platform?.theme;return p.jsxs(ie,{className:"cards",sx:{pt:" 0.8rem"},children:[p.jsx(Ge,{display:"flex",flexDirection:"row",alignItems:"start",justifyContent:"space-between",gap:1,children:p.jsx(Zu,{sx:{width:"calc(100% - 2%)","& .MuiBadge-badge":{backgroundColor:"#6041EA",height:"0.5rem",minWidth:"0.5rem"}},variant:"dot",invisible:t?.isRead,children:p.jsx(Lr,{sx:{color:l.palette.primary.notifyActiveText,whiteSpace:"normal",wordBreak:"break-word"},component:"p",className:["title-card",t?.isRead&&"read"].join(" "),children:a(t?.message)})})}),p.jsx(Ge,{display:"flex",flexDirection:"row",alignItems:"center",justifyContent:"space-between",children:p.jsxs(Ge,{display:"flex",flexDirection:"row",justifyContent:"start",gap:1,sx:{p:"0.5rem 0"},children:[t?.isNotificationDetails&&p.jsx(Nc,{icon:p.jsx(kL,{className:`${c==="light"?"chip-icon-light":"chip-icon-dark"}`}),disabled:s,onClick:n,label:s===t?.id?p.jsx(Jo,{color:"primary",size:13}):a("SHOW_DETAILS"),component:"button",variant:"filled",clickable:!0,size:"small",sx:{backgroundColor:l.palette.brandColor.orange,color:l.palette.brandColor.white}}),!t?.isRead&&p.jsx(Nc,{icon:p.jsx(EL,{className:`${c==="light"?"chip-icon-light":"chip-icon-dark"}`}),disabled:s,onClick:r,label:a("ACKNOWLEDGE"),component:"button",variant:"outlined",clickable:!0,size:"small"}),t?.primaryCTAURL&&p.jsx(Nc,{disabled:t?.isPrimaryCTAClicked,onClick:()=>o({redirect:t?.isPrimaryCTARedirect,isClicked:t?.isPrimaryCTAClicked,url:t?.primaryCTAURL}),label:a(t?.primaryCTALabel),component:"button",variant:"outlined",clickable:!0,size:"small"}),t?.secondaryCTAURL&&p.jsx(Nc,{disabled:t?.isSecondaryCTAClicked,onClick:()=>o({redirect:t?.isSecondaryCTARedirect,isClicked:t?.isSecondaryCTAClicked,url:t?.secondaryCTAURL}),label:a(t?.secondaryCTALabel),component:"button",variant:"outlined",clickable:!0,size:"small"})]})}),p.jsxs(Ge,{display:"flex",flexDirection:"row",alignItems:"center",gap:.35,children:[p.jsx(Lr,{sx:{fontSize:"0.8rem"},children:a(t?.product)}),p.jsx(Lr,{color:l.palette.primary.notifyTextColor,children:"•"}),p.jsx(Lr,{sx:{fontSize:"0.8rem"},children:xR(t?.createdAt,a)})]})]})};yx.propTypes={type:i.string,title:i.string,subTitle:i.string,isRead:i.bool,handleShowDetails:i.func,handleRead:i.func};const Bc=60,bx=2,vx=({data:e,handleRead:t,handleShowDetails:n,clickId:r,mode:o,t:s})=>{const{isMarkAllAsRead:a}=S.useContext(ep),l=S.useRef(null),[c,u]=S.useState({start:0,end:4}),d=e?.length,f=new Date,m=new Intl.DateTimeFormat("en-US",{day:"numeric",month:"long",year:"numeric"}).format(f),h=S.useMemo(()=>o?a?.count?e?.filter(w=>!w.isRead):[]:e||[],[e,o,a]),y=h.slice(c.start,c.end),g=c.start*Bc,b=(d-c.end)*Bc,v=()=>{const w=l.current;if(!w)return;const C=w.scrollTop,k=w.clientHeight,O=Math.floor(C/Bc)-bx,M=Math.ceil(k/Bc)+2*bx,P=Math.max(0,Math.min(d-1,O)),j=Math.max(P,Math.min(d,P+M));u(B=>B.start===P&&B.end===j?B:{start:P,end:j})},T=({url:w})=>{window.open(w,"_blank")},x=S.useMemo(()=>TR(y),[y]);return S.useEffect(()=>{let w;const C=()=>{w&&cancelAnimationFrame(w),w=requestAnimationFrame(()=>{v()})},k=l.current;if(k)return v(),k.addEventListener("scroll",C),()=>{cancelAnimationFrame(w),k.removeEventListener("scroll",C)}},[d]),h.length||s("CONTAINER_MESSAGE"),p.jsxs(ie,{ref:l,sx:{height:"100%",overflowY:"auto"},children:[p.jsx(ie,{style:{height:g}}),Object.entries(x).map(([w,C])=>{const k=localStorage.getItem("i18nextLng"),O=new Date(w),M=new Intl.DateTimeFormat(k,{month:"long"}).format(O),P=O.getDate(),j=O.getFullYear(),B=`${M} ${P}, ${j}`;return p.jsxs(S.Fragment,{children:[w!==m&&p.jsx(ZB,{children:B}),C.map((E,R)=>p.jsx(yx,{item:E,handleCTAClicked:T,handleShowDetails:()=>n(E.id,E.snopId),handleRead:()=>t([E.id],E.snopId),clickId:r,t:s},`${E.id}_${R}`))]},w)}),p.jsx(ie,{style:{height:b}})]})};vx.propTypes={data:i.array,handleRead:i.func,handleShowDetails:i.func};const OL=({onRefresh:e,handleShowDetails:t,clickId:n,handleRead:r,handleMarkAllAsRead:o,t:s})=>{const{loading:a,activeTab:l,data:c,tabData:u,mode:d,page:f,setPage:m,handleTabChange:h,toggleAlertMode:y}=cx({});return p.jsxs(p.Fragment,{children:[p.jsxs(ie,{sx:{display:"flex",alignItems:"center",justifyContent:"space-between",px:2,pt:2},children:[p.jsx(ft,{variant:"h2",sx:{fontSize:"1.2rem",color:g=>g.palette.primary.notifyTextColor},children:s("NOTIFICATION")}),p.jsx(ie,{onClick:e,children:p.jsx(Vt,{url:Ke.Refresh,alt:"refresh",sx:{cursor:"pointer"}})})]}),p.jsx(ie,{sx:{borderBottom:1,m:"1.2rem 1.2rem 0 1.2rem",borderColor:g=>g.palette.primary.notifyBorderColor},children:p.jsxs(QB,{value:l,onChange:h,children:[p.jsx(Sp,{label:p.jsx(ie,{sx:{display:"flex",alignItems:"center",fontSize:"1rem",fontWeight:"500"},children:p.jsx(ft,{component:"span",sx:{fontWeight:500,fontSize:"1rem"},children:s("ALL",{count:c?.filter(g=>!g?.isRead)?.length||0})})})}),p.jsx(Sp,{label:p.jsx(ie,{sx:{display:"flex",alignItems:"center",fontSize:"1rem",fontWeight:"500"},children:p.jsx(ft,{component:"span",sx:{fontWeight:500,fontSize:"1rem"},children:s("INFO",{count:c?.filter(g=>g?.type==="INFO"&&!g?.isRead)?.length||0})})}),sx:{color:g=>g.palette.brandColor.blue}}),p.jsx(Sp,{label:p.jsx(ie,{sx:{display:"flex",alignItems:"center",fontSize:"1rem",fontWeight:"500"},children:s("ERROR",{count:c?.filter(g=>g?.type==="ERROR"&&!g?.isRead)?.length||0})}),sx:{color:g=>g.palette.brandColor.red}})]})}),p.jsx(id,{dividers:!0,sx:{p:0,...a&&!u.length&&{alignItems:"center",justifyContent:"center"},flexGrow:1,overflowY:"auto",mx:"1.2rem",borderColor:g=>g.palette.primary.notifyBorderColor},tabIndex:-1,children:a&&!u.length?p.jsx(ie,{sx:{height:300,display:"flex",justifyContent:"center",alignItems:"center"},children:p.jsx(Jo,{size:30,sx:{color:g=>g.palette.primary.notifyIconColor}})}):p.jsx(p.Fragment,{children:p.jsx(vx,{data:u,handleShowDetails:t,handleRead:r,clickId:n,page:f,setPage:m,mode:d,t:s})})}),p.jsxs(sd,{sx:{justifyContent:"space-between",px:"1.2rem"},children:[p.jsxs(Ge,{direction:"row",gap:1,children:[p.jsx(Lr,{sx:{fontSize:"1rem"},children:s("SHOW_UNREAD")}),p.jsx(XB,{disabled:a,checked:d,onChange:y})]}),p.jsx(Cl,{variant:"outlined",className:"view-all",onClick:o,startIcon:p.jsx(TL,{}),disabled:!c?.filter(g=>!g?.isRead)?.length,style:{backgroundColor:"transparent"},sx:{fontSize:"1rem",fontWeight:"300",p:0,border:"none",textTransform:"none",color:g=>g.palette.primary.notifyTextColor,"&:hover":{color:g=>g.palette.primary.notifyActiveText,background:"transparent",boxShadow:"none",border:"none"},"&.Mui-disabled":{opacity:.5,color:g=>`${g.palette.primary.notifyActiveText}!important`,background:"transparent",boxShadow:"none",border:"none"}},children:s("READ_ALL")})]})]})},ML=({data:e,handleClose:t,t:n})=>{const[r,o]=S.useState(1),[s,a]=S.useState(10),[l,c]=S.useState(e?.notificationDetails?.length||0),[u,d]=S.useState("sku_name"),[f,m]=S.useState("asc"),[h,y]=S.useState([]),[g,b]=S.useState("");return S.useEffect(()=>{if((g||u)&&e?.notificationDetails?.length){const v=SR(e?.notificationDetails,$8,g);if(u){const T=CR(v,u,f);y(Lf(T,r,s)),c(T?.length||0);return}y(Lf(v,r,s)),c(v?.length||0);return}y(Lf(e?.notificationDetails,r,s)),c(e?.notificationDetails?.length)},[g,e,r,s,f,u]),p.jsxs(p.Fragment,{children:[p.jsxs(Ge,{direction:"row",justifyContent:"space-between",sx:{padding:"1.5rem 2rem",borderBottom:"0.1rem solid",borderColor:v=>v.palette.primary.notifyBorderColor},children:[p.jsx(ft,{component:"h2",sx:{fontSize:"1.4rem",color:v=>v.palette.primary.notifyActiveText},children:n(e?.message)||e?.message}),p.jsx(ie,{onClick:t,sx:{cursor:"pointer"},children:p.jsx(Vt,{url:Ke.CloseCircle})})]}),p.jsx(id,{children:p.jsx(Op,{t:n,tableProps:{data:h,columns:{...rB({t:n}),isManageable:!1},sort:{sortField:u,sortDir:f,onSort:v=>{const T=v?.column?.key;m(x=>u===T&&x==="asc"?"desc":"asc"),d(T)}},pagination:{selectedPage:r,rowPerPage:s,totalRecords:l,onPageChange:v=>{o(v)},onPageSizeChange:v=>{a(v?.value),o(1)}}},toolbarProps:{defaultTools:{search:{isRequired:!0,onChange:v=>{const T=v.target.value;T&&o(1),b(T)},placeholder:`${n("SEARCH")}...`}}}})}),p.jsx(sd,{sx:{padding:"1.5rem 2rem"}})]})},PL=({baseUrl:e,t})=>{const{alertDialogProps:n,showDetailsProps:r,fetchNotification:o,isMarkAllAsRead:s}=cx({baseUrl:e});return p.jsxs(p.Fragment,{children:[p.jsx(ie,{sx:{display:"flex",justifyContent:"center",cursor:"pointer",marginTop:"0.6rem"},onClick:()=>{o(),n?.setOpen?.(!0)},children:p.jsx(CL,{count:s.count})}),p.jsx(tp,{...n,children:p.jsx(OL,{...n,t})}),p.jsx(tp,{...r,children:p.jsx(ML,{...r,t})})]})},jL=({baseUrl:e,t})=>p.jsx(qt,{children:p.jsx(H1,{children:p.jsx(PL,{baseUrl:e,t})})}),xx=S.createContext(null),AL=xx.Provider,DL=()=>{const e=S.useContext(xx);return e||console.warn("useAnalytics used outside AnalyticsProvider"),e};st.Accordion=q1,st.AnalyticsProvider=AL,st.Breadcrumb=K9,st.Button=Ir,st.Checkbox=vr,st.DatePicker=I9,st.Dialog=Y9,st.Grid=Op,st.GridTable=sL,st.Header=K1,st.InputField=zv,st.Loader=V9,st.Notification=jL,st.Select=qv,st.SkeletonLoader=H9,st.SliderLayout=Y1,st.Switch=Gv,st.TextField=Zi,st.TimePicker=R9,st.ToastProvider=W9,st.Toolbar=jc,st.TranslationContext=ln,st.toast=B9,st.useAnalytics=DL,Object.defineProperty(st,Symbol.toStringTag,{value:"Module"})}));
259
+ `+s)}}catch{}}throw r}}_request(t,n){typeof t=="string"?(n=n||{},n.url=t):n=t||{},n=Po(this.defaults,n);const{transitional:r,paramsSerializer:o,headers:s}=n;r!==void 0&&Ec.assertOptions(r,{silentJSONParsing:xn.transitional(xn.boolean),forcedJSONParsing:xn.transitional(xn.boolean),clarifyTimeoutError:xn.transitional(xn.boolean),legacyInterceptorReqResOrdering:xn.transitional(xn.boolean),advertiseZstdAcceptEncoding:xn.transitional(xn.boolean)},!1),o!=null&&(q.isFunction(o)?n.paramsSerializer={serialize:o}:Ec.assertOptions(o,{encode:xn.function,serialize:xn.function},!0)),n.allowAbsoluteUrls!==void 0||(this.defaults.allowAbsoluteUrls!==void 0?n.allowAbsoluteUrls=this.defaults.allowAbsoluteUrls:n.allowAbsoluteUrls=!0),Ec.assertOptions(n,{baseUrl:xn.spelling("baseURL"),withXsrfToken:xn.spelling("withXSRFToken")},!0),n.method=(n.method||this.defaults.method||"get").toLowerCase();let a=s&&q.merge(s.common,s[n.method]);s&&q.forEach(["delete","get","head","post","put","patch","query","common"],y=>{delete s[y]}),n.headers=dn.concat(a,s);const l=[];let c=!0;this.interceptors.request.forEach(function(g){if(typeof g.runWhen=="function"&&g.runWhen(n)===!1)return;c=c&&g.synchronous;const b=n.transitional||up;b&&b.legacyInterceptorReqResOrdering?l.unshift(g.fulfilled,g.rejected):l.push(g.fulfilled,g.rejected)});const u=[];this.interceptors.response.forEach(function(g){u.push(g.fulfilled,g.rejected)});let d,f=0,m;if(!c){const y=[M2.bind(this),void 0];for(y.unshift(...l),y.push(...u),m=y.length,d=Promise.resolve(n);f<m;)d=d.then(y[f++],y[f++]);return d}m=l.length;let h=n;for(;f<m;){const y=l[f++],g=l[f++];try{h=y(h)}catch(b){g.call(this,b);break}}try{d=M2.call(this,h)}catch(y){return Promise.reject(y)}for(f=0,m=u.length;f<m;)d=d.then(u[f++],u[f++]);return d}getUri(t){t=Po(this.defaults,t);const n=b2(t.baseURL,t.url,t.allowAbsoluteUrls);return d2(n,t.params,t.paramsSerializer)}};q.forEach(["delete","get","head","options"],function(t){jo.prototype[t]=function(n,r){return this.request(Po(r||{},{method:t,url:n,data:(r||{}).data}))}}),q.forEach(["post","put","patch","query"],function(t){function n(r){return function(s,a,l){return this.request(Po(l||{},{method:t,headers:r?{"Content-Type":"multipart/form-data"}:{},url:s,data:a}))}}jo.prototype[t]=n(),t!=="query"&&(jo.prototype[t+"Form"]=n(!0))});let I8=class Dx{constructor(t){if(typeof t!="function")throw new TypeError("executor must be a function.");let n;this.promise=new Promise(function(s){n=s});const r=this;this.promise.then(o=>{if(!r._listeners)return;let s=r._listeners.length;for(;s-- >0;)r._listeners[s](o);r._listeners=null}),this.promise.then=o=>{let s;const a=new Promise(l=>{r.subscribe(l),s=l}).then(o);return a.cancel=function(){r.unsubscribe(s)},a},t(function(s,a,l){r.reason||(r.reason=new ca(s,a,l),n(r.reason))})}throwIfRequested(){if(this.reason)throw this.reason}subscribe(t){if(this.reason){t(this.reason);return}this._listeners?this._listeners.push(t):this._listeners=[t]}unsubscribe(t){if(!this._listeners)return;const n=this._listeners.indexOf(t);n!==-1&&this._listeners.splice(n,1)}toAbortSignal(){const t=new AbortController,n=r=>{t.abort(r)};return this.subscribe(n),t.signal.unsubscribe=()=>this.unsubscribe(n),t.signal}static source(){let t;return{token:new Dx(function(o){t=o}),cancel:t}}};function R8(e){return function(n){return e.apply(null,n)}}function N8(e){return q.isObject(e)&&e.isAxiosError===!0}const yp={Continue:100,SwitchingProtocols:101,Processing:102,EarlyHints:103,Ok:200,Created:201,Accepted:202,NonAuthoritativeInformation:203,NoContent:204,ResetContent:205,PartialContent:206,MultiStatus:207,AlreadyReported:208,ImUsed:226,MultipleChoices:300,MovedPermanently:301,Found:302,SeeOther:303,NotModified:304,UseProxy:305,Unused:306,TemporaryRedirect:307,PermanentRedirect:308,BadRequest:400,Unauthorized:401,PaymentRequired:402,Forbidden:403,NotFound:404,MethodNotAllowed:405,NotAcceptable:406,ProxyAuthenticationRequired:407,RequestTimeout:408,Conflict:409,Gone:410,LengthRequired:411,PreconditionFailed:412,PayloadTooLarge:413,UriTooLong:414,UnsupportedMediaType:415,RangeNotSatisfiable:416,ExpectationFailed:417,ImATeapot:418,MisdirectedRequest:421,UnprocessableEntity:422,Locked:423,FailedDependency:424,TooEarly:425,UpgradeRequired:426,PreconditionRequired:428,TooManyRequests:429,RequestHeaderFieldsTooLarge:431,UnavailableForLegalReasons:451,InternalServerError:500,NotImplemented:501,BadGateway:502,ServiceUnavailable:503,GatewayTimeout:504,HttpVersionNotSupported:505,VariantAlsoNegotiates:506,InsufficientStorage:507,LoopDetected:508,NotExtended:510,NetworkAuthenticationRequired:511,WebServerIsDown:521,ConnectionTimedOut:522,OriginIsUnreachable:523,TimeoutOccurred:524,SslHandshakeFailed:525,InvalidSslCertificate:526};Object.entries(yp).forEach(([e,t])=>{yp[t]=e});function j2(e){const t=new jo(e),n=X1(jo.prototype.request,t);return q.extend(n,jo.prototype,t,{allOwnKeys:!0}),q.extend(n,t,null,{allOwnKeys:!0}),n.create=function(o){return j2(Po(e,o))},n}const Et=j2(la);Et.Axios=jo,Et.CanceledError=ca,Et.CancelToken=I8,Et.isCancel=h2,Et.VERSION=hp,Et.toFormData=Sc,Et.AxiosError=Oe,Et.Cancel=Et.CanceledError,Et.all=function(t){return Promise.all(t)},Et.spread=R8,Et.isAxiosError=N8,Et.mergeConfig=Po,Et.AxiosHeaders=dn,Et.formToJSON=e=>p2(q.isHTMLForm(e)?new FormData(e):e),Et.getAdapter=O2.getAdapter,Et.HttpStatusCode=yp,Et.default=Et;const{Axios:t7,AxiosError:n7,CanceledError:r7,isCancel:o7,CancelToken:s7,VERSION:i7,all:a7,Cancel:l7,isAxiosError:c7,spread:u7,toFormData:d7,AxiosHeaders:f7,HttpStatusCode:p7,formToJSON:h7,getAdapter:m7,mergeConfig:g7,create:y7}=Et,bp={BASE_URL:"https://qa.3sc.ai/api",VERSION:"/v1"},ua={headers:{"Content-Type":"application/json"},withCredentials:!0},A2=Et.create({baseURL:bp.BASE_URL,axiosConfig:ua});A2.interceptors.request.use(function(e){return e},function(e){return Promise.reject(e)}),A2.interceptors.response.use(function(e){return e},function(e){return Promise.reject(e)});const fn={TOKEN:"token",USER:"user",SNOP:"snop",SELECTED_BU:"selected_business_unit",SETTINGS:"settings"},D2={TENANT_ID:"tenant_id",BU_ID:"bu_id"},$8=Object.values({"SKU Name":"sku_name",Node:"node","Channel Name":"channel_name"}),B8=[10,25,50,100],L8={MARK_ALL_READ:"MARK_ALL_READ"},_8=B8.map(e=>({label:e,value:e})),I2={PRIMARY:"PRIMARY",SECONDARY:"SECONDARY"},Oc={NOTIFICATION:"/notifications",SETTING:"/configuration/setting"};function Mc(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)r!=="__proto__"&&(e[r]=n[r])}return e}var F8={read:function(e){return e[0]==='"'&&(e=e.slice(1,-1)),e.replace(/(%[\dA-F]{2})+/gi,decodeURIComponent)},write:function(e){return encodeURIComponent(e).replace(/%(2[346BF]|3[AC-F]|40|5[BDE]|60|7[BCD])/g,decodeURIComponent)}};function vp(e,t){function n(o,s,a){if(!(typeof document>"u")){a=Mc({},t,a),typeof a.expires=="number"&&(a.expires=new Date(Date.now()+a.expires*864e5)),a.expires&&(a.expires=a.expires.toUTCString()),o=encodeURIComponent(o).replace(/%(2[346B]|5E|60|7C)/g,decodeURIComponent).replace(/[()]/g,escape);var l="";for(var c in a)a[c]&&(l+="; "+c,a[c]!==!0&&(l+="="+a[c].split(";")[0]));return document.cookie=o+"="+e.write(s,o)+l}}function r(o){if(!(typeof document>"u"||arguments.length&&!o)){for(var s=document.cookie?document.cookie.split("; "):[],a={},l=0;l<s.length;l++){var c=s[l].split("="),u=c.slice(1).join("=");try{var d=decodeURIComponent(c[0]);if(d in a||(a[d]=e.read(u,d)),o===d)break}catch{}}return o?a[o]:a}}return Object.create({set:n,get:r,remove:function(o,s){n(o,"",Mc({},s,{expires:-1}))},withAttributes:function(o){return vp(this.converter,Mc({},this.attributes,o))},withConverter:function(o){return vp(Mc({},this.converter,o),this.attributes)}},{attributes:{value:Object.freeze(t)},converter:{value:Object.freeze(e)}})}var W8=vp(F8,{path:"/"});const z8=dc(fn.SNOP),V8=dc(fn.SELECTED_BU),H8=dc(fn.USER);dc(fn.SETTINGS);const R2={BU_IDS:V8?.business_unit_id,TOKEN:JSON.parse(W8.get(fn.TOKEN)||null),TENANT_IDS:H8?.tenant_id,SNOP_IDS:z8?.snop_id},{TENANT_ID:U8,BU_ID:q8}=D2,{TENANT_IDS:Y8,BU_IDS:G8}=R2,js=async({baseUrl:e,payload:t})=>{try{console.log("setting api",e,t);const n=`${e}${Oc.SETTING}/v1?${U8}=${Y8}&${q8}=${G8}`;return await Et.post(n,t,ua)}catch(n){return n}},da=JSON.parse(localStorage.getItem("configuration")),xp=localStorage.getItem("i18nextLng"),K8=da?.entities?.locationHierarchy?.[xp]??da?.entities?.locationHierarchy??{},X8=da?.entities?.productHierarchy?.[xp]??da?.entities?.productHierarchy??{},Z8=K8?.base??"Node",J8=X8?.base??"SKU",Q8=da?.entities?.labelChannel?.[xp]||"Channel";JSON.parse(localStorage.getItem("snop"));const eB=()=>{try{return JSON.parse(localStorage.getItem(fn.SELECTED_BU)||"{}")?.business_unit_id}catch{return null}},tB=({columns:e,gridPath:t,baseUrl:n,isDefaultConfig:r,pageSize:o=10,childUniqueKey:s,data:a})=>{const l=a?.length;let{definitions:c,defaultUserSettings:u,labels:d}=e;const f=Br(d),m=t.split("/").filter(Boolean),h=JSON.parse(localStorage.getItem(fn.SETTINGS));let y=m.reduce((x,w)=>x?.[w],h)||null;const g=Br(y?.columns||[]);if(!r&&t&&l){let x=(u&&wp({col:u,childUniqueKey:s,definitions:c}))??wp({col:c,childUniqueKey:s});const w=x.filter(k=>!g[k.key]),C=y&&y?.columns?.some(k=>k?.children&&k.children[s]);if(l&&(w.length||s&&C===!1)){if(C==!1&&s.length>0){const k=Br(x);x=y?.columns?.map(O=>O?.children&&!O.children[s]?{...O,children:{...O.children,[s]:k?.[O?.key]?.children[s]}}:O)}(async()=>{try{const O={...h||{platform:{theme:"light"}}},M=y?.pageSize??o;let P=O;for(let j=0;j<m.length;j++){const B=m[j];j===m.length-1?P[B]={columns:x,pageSize:M}:(P[B]={...P[B]||{}},P=P[B])}localStorage.setItem(fn.SETTINGS,JSON.stringify(O)),await js({baseUrl:n,payload:O})}catch(k){console.error(k)}})()}}u=(y?.columns&&nB(g,u,s))??u??wp({col:c});const b=[],v=Br(u);for(const x of c){const w=v[x.key]||{},C=f[x.key]||{},k=g[x.key],O=Br(w.children||[]),M=Br(C.children||[]);let P={...x,style:k?.style,...w,...C};x.children?.length&&(P.children=x.children.map(j=>({...j,...O[j.key],...M[j.key]}))),b.push(P)}return b.sort((x,w)=>x.sequenceId-w.sequenceId)},N2=e=>e.sort((t,n)=>t.sequenceId-n.sequenceId),fa=({columns:e,childUniqueKey:t,definitions:n})=>{let r=n||e;return e?.map(o=>{let s=r?.find(a=>a?.key===o?.key);return{id:o.id,key:o.key,sequenceId:o.sequenceId||o.id,isHidden:o.isHidden||!1,style:o.style||s?.style||{},...o?.children&&{children:t?{[t]:fa({columns:o.children,definitions:s?.children})}:fa({columns:o.children,definitions:s?.children})}}})},Br=e=>Array.isArray(e)&&e?.reduce((t,n)=>(t[n.key]=n,t),{}),wp=({col:e,childUniqueKey:t,definitions:n})=>fa({columns:e,childUniqueKey:t,definitions:n}),nB=(e,t,n)=>t.map(o=>{const s=e[o.key],a=o.children?o.children.map(l=>{const u=Br(Array.isArray(s?.children)?s?.children:s?.children?.[n])?.[l.key];return{...l,sequenceId:u?.sequenceId||l.sequenceId,isHidden:u?.isHidden??l.isHidden}}):void 0;return{...o,sequenceId:s?.sequenceId||o.sequenceId,isHidden:s?.isHidden??o.isHidden,...a?{children:a}:{}}}),rB=({t:e})=>{const t=[{id:1,key:"sku_name",isSortable:!0,isMandatory:!0},{id:2,key:"node",isSortable:!0,isMandatory:!0},{id:3,key:"channel_name",isSortable:!0,isMandatory:!0}],n=[{id:1,key:"sku_name",sequenceId:1,isHidden:!1,style:{width:"20rem",minWidth:"20rem",maxWidth:"20rem"}},{id:2,key:"node",sequenceId:2,isHidden:!1,style:{width:"20rem",minWidth:"20rem",maxWidth:"20rem"}},{id:3,key:"channel_name",sequenceId:3,isHidden:!1,style:{width:"20rem",minWidth:"20rem",maxWidth:"20rem"}}],r=[{id:1,key:"sku_name",label:e(J8),isLocalizable:!1},{id:2,key:"node",label:e(Z8),isLocalizable:!1},{id:3,key:"channel_name",label:e(Q8),isLocalizable:!1}];return{definitions:t,defaultUserSettings:n,labels:r}},oB=e=>{if(!e)return null;try{const t=JSON.parse(localStorage.getItem(fn.SETTINGS));return e.split("/").filter(Boolean).reduce((n,r)=>n?.[r],t)??null}catch{return null}},$2=(e=[],t)=>{const n=new Map,r=o=>o.forEach(s=>{n.set(s.key,s);const a=Array.isArray(s.children)?s.children:t?s.children?.[t]??[]:[];a.length&&r(a)});return r(e),n},B2=(e,t,n,r)=>e.map(o=>{const s=t.get(o.key),a=n?.get(o.key),l={key:o.key,sequenceId:s?.sequenceId??a?.sequenceId??o.sequenceId,isHidden:s?.isHidden??!1,style:s?.style??o.style??{}};if(o.children?.length){const c=B2(o.children,t,n,r);if(r){const u=s?.children&&!Array.isArray(s.children)?s.children:{};l.children={...u,[r]:c}}else l.children=c}return l}),sB=({definitions:e=[],defaultSetting:t=[],gridPath:n,childUniqueKey:r})=>{const s=oB(n)?.columns??[],a=$2(s,r),l=$2(t,r),c=(()=>{if(!s.length)return!0;const u=d=>d.some(f=>!a.has(f.key)||u(f.children??[]));return u(e)})();return{settings:B2(e,a,l,r),hasNewColumns:c}},Pc=async({settings:e,gridPath:t,baseUrl:n})=>{if(t)try{const r=JSON.parse(localStorage.getItem(fn.SETTINGS))??{platform:{theme:"light"}},o=t.split("/").filter(Boolean);let s=r;for(let a=0;a<o.length;a++){const l=o[a];a===o.length-1?s[l]={...s[l]??{},columns:e}:(s[l]={...s[l]??{}},s=s[l])}localStorage.setItem(fn.SETTINGS,JSON.stringify(r)),console.log("saveColumnSettings stored:",{settings:e,stored:r,gridPath:t,baseUrl:n}),n&&await js({baseUrl:n,payload:r})}catch(r){console.error("saveColumnSettings failed:",r)}},iB=async({groupBy:e,gridPath:t,baseUrl:n,groupByUniqueKey:r})=>{if(!(!t||!Array.isArray(e)))try{const o=r||eB(),s=JSON.parse(localStorage.getItem(fn.SETTINGS))??{platform:{theme:"light"}},a=t.split("/").filter(Boolean);let l=s;for(let c=0;c<a.length;c++){const u=a[c];if(c===a.length-1){const d=l[u]?.groupBy,f=o?l[u]?.groupByFilters?.[o]:null;if(o&&Array.isArray(f)&&JSON.stringify(f)===JSON.stringify(e)||!o&&Array.isArray(d)&&JSON.stringify(d)===JSON.stringify(e)||!d&&e.length===0)return;l[u]={...l[u]??{},...o?{groupByFilters:{...l[u]?.groupByFilters||{},[o]:e}}:{groupBy:e}}}else l[u]={...l[u]??{}},l=l[u]}localStorage.setItem(fn.SETTINGS,JSON.stringify(s)),n&&await js({baseUrl:n,payload:s})}catch(o){console.error("saveGroupBySettings failed:",o)}},aB=e=>{if(!e)return null;const{options:t,...n}=e,r=t?"select":"button",o={button:s=>p.jsx(Ir,{...s,styles:{...s.styles,iconPrimary:s?.styles?.variant=="filled"}}),select:s=>p.jsx(ie,{sx:{"& .MuiInputBase-input":{padding:"0rem!important"},width:s.styles?.width},children:p.jsx(qv,{...s,options:t})})};return o[r]?o[r](n):null},lB=({presentSetting:e,gridSetting:t,gridPath:n,childUniqueKey:r})=>{if(!n)return e;const o=n.split("/").filter(Boolean);let s=o.reduce((u,d)=>u?.[d],e)||null,a=fa({columns:t?.grid,childUniqueKey:r});const l=Br(s?.columns);a=a?.map(u=>{const d=u?.children||{},f=l?.[u?.key]?.children||{};return{...u,...(Object.keys(f)?.length>0||d?.[r])&&{children:{...f,[r]:d?.[r]}}}});let c=e;for(let u=0;u<o.length;u++){const d=o[u];u===o.length-1?c[d]={columns:a,pageSize:t?.pageSize??null}:(c[d]=c[d]||{},c=c[d])}return{settingObject:e,defaultUserSettings:a}},cB=async({baseUrl:e,gridSetting:t,childUniqueKey:n,gridPath:r})=>{try{const o=JSON.parse(localStorage.getItem("settings")),{settingObject:s,defaultUserSettings:a}=lB({presentSetting:o,gridSetting:t,gridPath:r,childUniqueKey:n});return localStorage.setItem("settings",JSON.stringify(s)),await js({baseUrl:e,payload:s}),a}catch(o){console.error(o)}},L2=({index:e,visibleGridColumns:t,width:n,columnUpdaterFunction:r})=>{if(!t||!t[e])return null;t[e];let o=`${n/10}rem`;const s=t.map((a,l)=>l===e?{...a,style:{...a.style,width:o,minWidth:o,maxWidth:o}}:a);return r({updatedColumns:s}),s[e]},uB=({definitions:e=[],labels:t=[],settings:n=[],childUniqueKey:r})=>{const o=(f=[],m=!1)=>{const h=[],y=g=>{g?.forEach(b=>{h.push(b);let v=b.children;m&&r&&v&&!Array.isArray(v)&&(v=v[r]??[]),Array.isArray(v)&&v.length&&y(v)})};return y(f),h},s=o(t),a=o(n,!0),l=new Map(s.map(f=>[f.key,f])),c=new Map(a.map(f=>[f.key,f])),u=f=>{if(f){if(typeof f=="number")return f;if(f.includes("rem"))return parseFloat(f)*16;if(f.includes("px"))return parseFloat(f)}},d=f=>{const m=l.get(f.key),h=c.get(f.key),y=f.isMandatory===!0;return{id:f.key,label:m?.label,field:f.key,renderHeader:g=>p.jsx(ls,{title:g.helpText??g.label,placement:"top",componentsProps:{tooltip:{sx:{fontSize:"1rem",padding:"0.6rem 1rem",boxShadow:"0 2px 8px rgba(0,0,0,0.3)"}}},children:g.label??""}),width:u(h?.style?.width??f.style?.width),minWidth:u(f.style?.minWidth),maxWidth:u(f.style?.maxWidth),sortable:f.isSortable??!1,pinned:f.isSticky?"left":void 0,hidden:h?.isHidden??!1,resizable:f?.isResizable??!0,draggable:f?.isDraggable??!y,hideable:!y,align:"center",deferRender:f.deferRender,renderCell:f.cellRenderer?(g,b,v)=>f.cellRenderer(b,v):void 0,meta:{isMandatory:y,...f},children:f.children?.map(d)}};return e.map(d)},dB=({customTools:e})=>{const t=e?.filter(r=>r?.type===I2.PRIMARY)?.sort((r,o)=>r.sequenceId-o.sequenceId),n=e?.filter(r=>r?.type===I2.SECONDARY)?.sort((r,o)=>r.sequenceId-o.sequenceId);return{primaryButtons:t,secondaryButtons:n}},_2=({customTools:e,isExpanded:t,setIsExpanded:n})=>{const{primaryButtons:r,secondaryButtons:o}=dB({customTools:e}),[s,a]=S.useState(r),l=o?.length>0,{t:c}=S.useContext(ln),u=f=>{f?a([...r,...o]):setTimeout(()=>{a(r)},100)},d=()=>{const f=!t;n(f),u(f)};return S.useEffect(()=>{u(t)},[e]),p.jsxs(p.Fragment,{children:[t&&p.jsx("div",{style:{position:"fixed",left:0,width:"100vw",height:"4rem",zIndex:998}}),p.jsxs(ie,{sx:{display:"flex",alignItems:"center",gap:"0.8rem",flexWrap:"nowrap",maxWidth:"100%",whiteSpace:"nowrap",zIndex:999},children:[p.jsx(ZD,{mode:"popLayout",children:s.map((f,m)=>p.jsx(Jr.div,{initial:{opacity:0},animate:{opacity:1},exit:{opacity:0},transition:{duration:.15},layout:!0,children:p.jsx(ie,{sx:{flexShrink:0,minWidth:"fit-content"},children:aB(f)})},`${f.id}_${m}`))}),l&&p.jsx(ie,{sx:{paddingLeft:t?"0.5rem":0},children:p.jsx(Ir,{label:t?"":c("LABEL_MORE_ACTIONS"),styles:{iconPrimary:!0,icon:t?Ke.CrossWhite:Ke.More,colorType:t?"danger":""},onClick:d})})]})]})};_2.propTypes={customTools:i.array.isRequired};const jc=({defaultTools:e,isManageable:t,customTools:n,baseUrl:r,gridPath:o,pageSize:s,gridData:a,childUniqueKey:l})=>{const{t:c}=S.useContext(ln),u=S.useContext(xs),d=S.useContext(Ji)||{},{visibleGridColumns:f=[],triggerApi:m=!1}=d,[h,y]=S.useState([]),[g,b]=S.useState(!1),v=n?.filter(k=>k.position==="left").sort((k,O)=>k.sequenceId-O.sequenceId)||[],T=n?.filter(k=>k.position==="right").sort((k,O)=>k.sequenceId-O.sequenceId)||[];S.useEffect(()=>{if(f.length&&t){const k={id:99999,sequenceId:99999,isLocalizable:!1,key:"horizons",label:c("Horizons"),isSortable:!1,isHidden:!0,showChildCheckbox:!0,showCheckbox:!1,isMandatory:!0,showInHierarchy:!0,showHide:!0,children:[]};let O=f.map(P=>(P?.children&&P.children.forEach(j=>{k.children.some(E=>E.key===j.key)||k.children.push({...j,showInHierarchy:!0})}),P)).filter(P=>P?.id!==k?.id);const M=k.children.length>0?[...O,k]:O;y(M)}},[f]);const x=async k=>{try{await cB({baseUrl:r,gridPath:o,childUniqueKey:l,gridSetting:{grid:k,pageSize:s}})}catch(O){console.error(O)}finally{u({type:We.HAS_SETTING_CHANGE,payload:{hasChange:!1}}),u({type:We.TRIGGER_API,payload:{triggerApi:!1}})}};S.useEffect(()=>{m&&t&&x(f)},[m]);const w=k=>{const O=k?.map(j=>j.id),M=k?.flatMap(j=>j.children||[])?.map(j=>j.id),P=h?.map(j=>{const B=O?.includes(j.id);if(Array.isArray(j.children)&&j.children.length>0){const R=j?.children?.map($=>{const N=M?.includes?.($.id);return{...$,isHidden:!N}}),A=R?.filter($=>h?.some(N=>N.children?.some(U=>U.id===$.id)))?.every($=>$.isHidden);return{...j,...!j.children[0]?.showInHierarchy&&{isHidden:A||!B},children:R}}return{...j,isHidden:!B}});u({type:We.SET_GRID_DATA,payload:{visibleGridColumns:P}}),u({type:We.HAS_SETTING_CHANGE,payload:{hasChange:!0}})},C=()=>h.map(O=>{const M=Array.isArray(O.children)?O.children.filter(P=>!P.isHidden):void 0;return!O.isHidden||O.isHidden&&O.showInHierarchy?{...O,children:M}:null}).filter(Boolean);return p.jsxs(ie,{sx:{margin:"1rem 0",position:"relative",zIndex:10,display:"flex",flexDirection:"row",justifyContent:"space-between",alignItems:"center",gap:"0.6rem",width:"100%"},children:[p.jsxs(ie,{sx:{display:"flex",flexDirection:"row",gap:"0.6rem",alignItems:"center"},children:[e?.search?.isRequired&&p.jsx(zv,{...e?.search,iconUrl:Ke.Search}),e?.refresh?.isRequired&&p.jsx(Ir,{...e?.refresh,styles:{variant:"filled",icon:Ke.Refresh,colorType:"empty",width:"3.2rem",height:"3.2rem"}}),e?.groupBy?.isRequired&&p.jsx(ie,{sx:{"& .MuiInputBase-input":{padding:"0rem!important"}},children:p.jsx(ws,{styles:{icon:Ke.Group},...e.groupBy})}),t&&p.jsx(ie,{sx:{"& .MuiInputBase-input":{padding:"0rem!important"}},children:p.jsx(ws,{placeholder:c("LABEL_MANAGE_COLUMN"),options:h,value:C(),isMulti:!0,isDraggable:!0,showSearch:!0,isManageColumn:!0,onChange:w,disabled:!a.length,styles:{icon:Ke.Manage}})}),v?.length>0&&v.map((k,O)=>p.jsx(S.Fragment,{children:k.render()},k.id))]}),p.jsxs(ie,{sx:{display:"flex",flexDirection:"row",justifyContent:"flex-end",alignItems:"center",gap:"0.6rem"},children:[T?.length>0&&T.map((k,O)=>p.jsx(S.Fragment,{children:k.render()},k.id)),n&&p.jsx(_2,{customTools:n,setIsExpanded:b,isExpanded:g}),e?.save?.isRequired&&p.jsx(ie,{sx:{px:"0.5rem"},children:p.jsx(Ir,{label:g?"":"Save",styles:{icon:Ke.Save,colorType:"empty"},...e?.save})}),e?.upload?.isRequired&&p.jsx(Ir,{...e?.upload,styles:{variant:g?"outlined":"filled",icon:g?Ke.UploadDark:Ke.Upload,iconPrimary:!g,colorType:"secondary",isAnimate:!0}}),e?.download?.isRequired&&p.jsx(Ir,{...e?.download,styles:{variant:"outlined",icon:Ke.Download,isAnimate:!0}})]})]})};jc.propTypes={defaultTools:i.object.isRequired,customTools:i.array,isManageable:i.bool,baseUrl:i.string,gridPath:i.gridPath};function fB(e){return"children"in e&&Array.isArray(e.children)}const pB=120,hB=40,mB=1/0;function F2(e,t,n){return Math.max(t,Math.min(n,e))}function gB(e,t){switch(t.type){case"RESIZE":{const n=e.colMap[t.id];if(!n)return e;const r=F2(n.width+t.delta,n.minWidth,n.maxWidth);return r===n.width?e:{...e,colMap:{...e.colMap,[t.id]:{...n,width:r}}}}case"SET_WIDTH":{const n=e.colMap[t.id];if(!n)return e;const r=F2(t.width,n.minWidth,n.maxWidth);return{...e,colMap:{...e.colMap,[t.id]:{...n,width:r}}}}case"PIN":{const n=e.colMap[t.id];return!n||n.pinned===t.side?e:{...e,colMap:{...e.colMap,[t.id]:{...n,pinned:t.side}}}}case"TOGGLE_HIDDEN":{const n=e.colMap[t.id];return n?{...e,colMap:{...e.colMap,[t.id]:{...n,hidden:!n.hidden}}}:e}case"SHOW_ALL":{const n={...e.colMap};for(const r of Object.keys(n)){const o=n[r];o?.hidden&&(n[r]={...o,hidden:!1})}return{...e,colMap:n}}case"MOVE_BEFORE":{const{sourceId:n,targetId:r}=t,o=[...e.colOrder],s=o.indexOf(n),a=o.indexOf(r);if(s===-1||a===-1||s===a)return e;o.splice(s,1);const l=o.indexOf(r);return o.splice(l,0,n),{...e,colOrder:o}}case"MOVE_LAST":{const n=[...e.colOrder],r=n.indexOf(t.sourceId);return r===-1||r===n.length-1?e:(n.splice(r,1),n.push(t.sourceId),{...e,colOrder:n})}case"TOGGLE_SORT":{const{sort:n}=e;let r="asc";if(n.columnId===t.id)if(n.direction==="asc")r="desc";else return{...e,sort:{columnId:null,direction:"asc"}};return{...e,sort:{columnId:t.id,direction:r}}}case"RESET":return t.initial;default:return e}}function W2(e){const t=[],n=[];return e.forEach((r,o)=>{fB(r)?(n.push(r),r.children.forEach(s=>{t.push({...s,groupId:r.id,defIndex:o})})):t.push({...r,groupId:null,defIndex:o})}),{leaves:t,groups:n}}function yB(e){var t,n,r,o,s;const{leaves:a,groups:l}=W2(e),c={},u=[];for(const d of a)u.push(d.id),c[d.id]={width:(t=d.width)!=null?t:pB,minWidth:(n=d.minWidth)!=null?n:hB,maxWidth:(r=d.maxWidth)!=null?r:mB,pinned:(o=d.pinned)!=null?o:null,hidden:(s=d.hidden)!=null?s:!1};return{internal:{colMap:c,colOrder:u,sort:{columnId:null,direction:"asc"}},leaves:a,groups:l}}function bB(e){const{initial:t}=S.useMemo(()=>({initial:yB(e).internal}),[]),{leaves:n,groups:r}=S.useMemo(()=>W2(e),[e]),[o,s]=S.useReducer(gB,t),a=S.useMemo(()=>o.colOrder.flatMap(P=>{var j,B,E,R,A;const $=n.find(Z=>Z.id===P),N=o.colMap[P];return!$||!N?[]:[{id:$.id,label:$.label,field:$.field,accessor:$.accessor,renderCell:$.renderCell,deferRender:$.deferRender,renderHeader:$.renderHeader,cellStyle:$.cellStyle,headerStyle:$.headerStyle,align:(j=$.align)!=null?j:"left",sortable:(B=$.sortable)!=null?B:!0,resizable:(E=$.resizable)!=null?E:!0,draggable:(R=$.draggable)!=null?R:!0,hideable:(A=$.hideable)!=null?A:!0,groupId:$.groupId,defIndex:$.defIndex,width:N.width,minWidth:N.minWidth,maxWidth:N.maxWidth,pinned:N.pinned,hidden:N.hidden}]}),[o.colOrder,o.colMap,n]),l=S.useMemo(()=>a.filter(P=>!P.hidden),[a]),c=S.useMemo(()=>l.filter(P=>P.pinned==="left"),[l]),u=S.useMemo(()=>l.filter(P=>P.pinned==="right"),[l]),d=S.useMemo(()=>l.filter(P=>!P.pinned),[l]),f=S.useMemo(()=>c.reduce((P,j)=>P+j.width,0),[c]),m=S.useMemo(()=>u.reduce((P,j)=>P+j.width,0),[u]),h=S.useMemo(()=>d.reduce((P,j)=>P+j.width,0),[d]),y=S.useCallback((P,j)=>s({type:"RESIZE",id:P,delta:j}),[]),g=S.useCallback((P,j)=>s({type:"SET_WIDTH",id:P,width:j}),[]),b=S.useCallback((P,j)=>s({type:"PIN",id:P,side:j}),[]),v=S.useCallback(P=>s({type:"TOGGLE_HIDDEN",id:P}),[]),T=S.useCallback(()=>s({type:"SHOW_ALL"}),[]),x=S.useCallback((P,j)=>s({type:"MOVE_BEFORE",sourceId:P,targetId:j}),[]),w=S.useCallback(P=>s({type:"MOVE_LAST",sourceId:P}),[]),C=S.useCallback(P=>s({type:"TOGGLE_SORT",id:P}),[]),k=S.useCallback(()=>s({type:"RESET",initial:t}),[t]);return{...{orderedColumns:a,visibleColumns:l,pinnedLeftColumns:c,pinnedRightColumns:u,scrollableColumns:d,pinnedLeftWidth:f,pinnedRightWidth:m,scrollableWidth:h,sortState:o.sort,groups:r,hasGroups:r.length>0},...{resizeColumn:y,setColumnWidth:g,pinColumn:b,toggleColumnVisibility:v,showAllColumns:T,moveColumnBefore:x,moveColumnToEnd:w,toggleSort:C,resetColumns:k}}}const z2=16,V2=1e3;function vB(e,t,n,r){if(e===0||r<=0)return{startIndex:0,endIndex:-1,totalHeight:e*t,offsetY:0};const o=e*t,s=Math.floor(n/t),a=Math.max(0,s-z2),l=Math.ceil(r/t),c=Math.min(e-1,s+l+z2);return{startIndex:a,endIndex:c,totalHeight:o,offsetY:a*t}}function xB(e,t,n,r){var o,s,a;const l=e.length;if(l===0)return{startIndex:0,endIndex:-1};const c=Math.max(0,n-V2),u=n+r+V2;let d=0,f=l-1;for(;d<f;){const y=d+f>>>1;((o=e[y])!=null?o:0)+((s=t[y])!=null?s:0)<=c?d=y+1:f=y}const m=d;let h=m;for(;h<l-1&&((a=e[h+1])!=null?a:0)<u;)h++;return{startIndex:m,endIndex:Math.min(l-1,h)}}function wB(e){var t,n;const r=new Array(e.length);let o=0;for(let s=0;s<e.length;s++)r[s]=o,o+=(n=(t=e[s])==null?void 0:t.width)!=null?n:0;return r}function SB({onResize:e,onResizeEnd:t,getCurrentWidth:n}){const r=S.useRef(0),o=S.useRef("");return{startResize:S.useCallback((a,l)=>{a.preventDefault(),a.stopPropagation(),r.current=a.clientX,o.current=l;const c=d=>{const f=d.clientX-r.current;r.current=d.clientX,e(o.current,f)},u=()=>{window.removeEventListener("mousemove",c),window.removeEventListener("mouseup",u),document.body.style.cursor="",document.body.style.userSelect="",t?.(o.current,n(o.current))};document.body.style.cursor="col-resize",document.body.style.userSelect="none",window.addEventListener("mousemove",c),window.addEventListener("mouseup",u)},[e,t,n])}}const H2=4,U2={draggingId:null,overTargetId:null,insertBefore:!0};function CB({onMoveColumnBefore:e,onMoveColumnToEnd:t,columns:n,getColumnViewportBounds:r}){const[o,s]=S.useState(U2),a=S.useRef(n);a.current=n;const l=S.useRef(r);l.current=r;const c=S.useRef(null),u=S.useRef(!1),d=S.useRef(0),f=S.useCallback(b=>{c.current=b},[]);S.useLayoutEffect(()=>{o.draggingId&&c.current&&(c.current.style.left=`${d.current}px`)},[o.draggingId]);const m=S.useCallback(b=>{var v,T;const x=a.current,w=x.findIndex(j=>j.id===b);if(w===-1)return{ids:new Set([b]),afterId:null};const C=x[w];let k=w,O=w;for(let j=w-1;j>=0;j--){const B=x[j];if(B.pinned!==C.pinned||B.groupId!==C.groupId||!B.draggable)break;k=j}for(let j=w+1;j<x.length;j++){const B=x[j];if(B.pinned!==C.pinned||B.groupId!==C.groupId||!B.draggable)break;O=j}const M=new Set(x.slice(k,O+1).map(j=>j.id)),P=(T=(v=x[O+1])==null?void 0:v.id)!=null?T:null;return{ids:M,afterId:P}},[]),h=S.useCallback((b,v)=>{var T,x,w;const{ids:C,afterId:k}=m(v),O=l.current,M=a.current,P=[];for(const R of C){if(R===v)continue;const A=O(R);if(!A)continue;const $=M.find(N=>N.id===R);P.push({id:R,left:A.left,right:A.right,mid:(A.left+A.right)/2,draggable:(T=$?.draggable)!=null?T:!1})}P.sort((R,A)=>R.left-A.left);let j=null;for(const R of P){if(b<=R.mid)return R.draggable?{id:R.id,afterId:k,highlightId:R.id,insertBefore:!0}:{id:R.id,afterId:k,highlightId:(x=j?.id)!=null?x:null,insertBefore:!1};R.draggable&&(j=R)}let B=null;for(let R=P.length-1;R>=0;R--)if(P[R].draggable){B=P[R];break}return P[P.length-1]?{id:null,afterId:k,highlightId:(w=B?.id)!=null?w:null,insertBefore:!1}:{id:null,afterId:k,highlightId:null,insertBefore:!0}},[m]),y=S.useCallback(b=>({onPointerDown:v=>{if(v.button!==0)return;v.preventDefault();const T=v.clientX,x=v.clientY;let w=!1,C=0,k=0,O=null,M=null,P=!0;const j=()=>{if(!O)return;const R=O;O=null;const{highlightId:A,insertBefore:$}=h(R.clientX,b);c.current&&(c.current.style.left=`${R.clientX-C}px`),(A!==M||$!==P)&&(M=A,P=$,s(N=>N.overTargetId===A&&N.insertBefore===$?N:{...N,overTargetId:A,insertBefore:$}))},B=R=>{if(!w){if(Math.abs(R.clientX-T)<H2&&Math.abs(R.clientY-x)<H2)return;w=!0;const A=l.current(b);A&&(C=T-A.left),d.current=T-C;const{highlightId:$,insertBefore:N}=h(T,b);M=$,P=N,s({draggingId:b,overTargetId:$,insertBefore:N}),document.body.style.cursor="grabbing",document.body.style.userSelect="none";return}O=R,k||(k=requestAnimationFrame(()=>{k=0,j()}))},E=R=>{if(document.removeEventListener("pointermove",B),document.removeEventListener("pointerup",E),k&&cancelAnimationFrame(k),document.body.style.cursor="",document.body.style.userSelect="",w){const{id:A,afterId:$}=h(R.clientX,b);A!==null&&A!==b?e(b,A):A===null&&($!==null?e(b,$):t?.(b)),u.current=!0,setTimeout(()=>{u.current=!1},0)}s(U2)};document.addEventListener("pointermove",B),document.addEventListener("pointerup",E)}}),[e,t,h]),g=S.useCallback(()=>u.current?(u.current=!1,!0):!1,[]);return{getDragHandlers:y,dragState:o,registerGhost:f,consumeDragEnd:g}}const q2=S.createContext(null),TB=q2.Provider;function As(){const e=S.useContext(q2);if(!e)throw new Error("[LatticeGrid] useGridContext must be inside a <LatticeGrid>.");return e}const pa={"--vg-font":"'DM Sans', 'Segoe UI', system-ui, sans-serif","--vg-font-mono":"'JetBrains Mono', 'Fira Code', 'Cascadia Code', monospace","--vg-font-size":"12.5px","--vg-line-height":"1.45","--vg-row-height":"36px","--vg-header-height":"38px","--vg-group-height":"28px","--vg-radius":"7px","--vg-radius-sm":"4px","--vg-radius-xs":"3px","--vg-transition":"0.12s ease","--vg-z-pinned":"3","--vg-z-header":"4","--vg-z-panel":"100","--vg-scrollbar-width":"6px"},Ac={light:{...pa,"--vg-bg":"#ffffff","--vg-bg-header":"#f7f8fa","--vg-bg-group":"#f0f2f6","--vg-bg-row-alt":"#fafbfc","--vg-bg-row-hover":"#f0f5ff","--vg-bg-row-selected":"#e8efff","--vg-bg-pinned":"#ffffff","--vg-bg-frozen":"#eff6ff","--vg-bg-toolbar":"#ffffff","--vg-bg-panel":"#ffffff","--vg-bg-btn":"#f3f4f6","--vg-bg-btn-hover":"#e9eaec","--vg-bg-btn-active":"#dbeafe","--vg-bg-tag":"#f0f2f6","--vg-bg-input":"#ffffff","--vg-text":"#111827","--vg-text-dim":"#6b7280","--vg-text-header":"#374151","--vg-text-group":"#1e2939","--vg-text-placeholder":"#9ca3af","--vg-border":"#e5e7eb","--vg-border-strong":"#d1d5db","--vg-border-focus":"#2563eb","--vg-accent":"#2563eb","--vg-accent-hover":"#1d4ed8","--vg-accent-bg":"#dbeafe","--vg-accent-text":"#1d4ed8","--vg-accent-fg":"#ffffff","--vg-shadow-pin":"4px 0 12px rgba(0,0,0,0.06)","--vg-shadow-panel":"0 8px 24px rgba(0,0,0,0.10), 0 2px 6px rgba(0,0,0,0.06)","--vg-scrollbar-track":"#f1f3f5","--vg-scrollbar-thumb":"#d1d5db","--vg-sort-icon":"#9ca3af","--vg-sort-active":"#2563eb","--vg-resize-hover":"#2563eb","--vg-drag-indicator":"#2563eb"},dark:{...pa,"--vg-bg":"#0d1117","--vg-bg-header":"#161c28","--vg-bg-group":"#1a2235","--vg-bg-row-alt":"#111620","--vg-bg-row-hover":"#1c2438","--vg-bg-row-selected":"#1a3558","--vg-bg-pinned":"#0d1117","--vg-bg-frozen":"#0f2040","--vg-bg-toolbar":"#161c28","--vg-bg-panel":"#161c28","--vg-bg-btn":"#1c2438","--vg-bg-btn-hover":"#242e48","--vg-bg-btn-active":"#1e3558","--vg-bg-tag":"#1c2438","--vg-bg-input":"#1c2438","--vg-text":"#e2e8f4","--vg-text-dim":"#8896b4","--vg-text-header":"#b4c0d8","--vg-text-group":"#d0daf0","--vg-text-placeholder":"#4a5670","--vg-border":"#1e2840","--vg-border-strong":"#283550","--vg-border-focus":"#3b82f6","--vg-accent":"#3b82f6","--vg-accent-hover":"#60a5fa","--vg-accent-bg":"#1e3558","--vg-accent-text":"#93c5fd","--vg-accent-fg":"#ffffff","--vg-shadow-pin":"4px 0 16px rgba(0,0,0,0.4)","--vg-shadow-panel":"0 8px 32px rgba(0,0,0,0.5), 0 2px 8px rgba(0,0,0,0.3)","--vg-scrollbar-track":"#161c28","--vg-scrollbar-thumb":"#283550","--vg-sort-icon":"#3a4a68","--vg-sort-active":"#3b82f6","--vg-resize-hover":"#3b82f6","--vg-drag-indicator":"#3b82f6"},ocean:{...pa,"--vg-bg":"#081425","--vg-bg-header":"#0c1e38","--vg-bg-group":"#0f2444","--vg-bg-row-alt":"#0a1830","--vg-bg-row-hover":"#112440","--vg-bg-row-selected":"#0e2c58","--vg-bg-pinned":"#081425","--vg-bg-frozen":"#051830","--vg-bg-toolbar":"#0c1e38","--vg-bg-panel":"#0c1e38","--vg-bg-btn":"#0f2444","--vg-bg-btn-hover":"#163058","--vg-bg-btn-active":"#0e2c58","--vg-bg-tag":"#0f2444","--vg-bg-input":"#0f2444","--vg-text":"#b8d4f8","--vg-text-dim":"#3c6080","--vg-text-header":"#6aabf0","--vg-text-group":"#9ccaf0","--vg-text-placeholder":"#2a4860","--vg-border":"#0f2444","--vg-border-strong":"#163058","--vg-border-focus":"#0e9eff","--vg-accent":"#0e9eff","--vg-accent-hover":"#40b6ff","--vg-accent-bg":"#0e2c58","--vg-accent-text":"#7dd0ff","--vg-accent-fg":"#ffffff","--vg-shadow-pin":"4px 0 16px rgba(0,0,0,0.5)","--vg-shadow-panel":"0 8px 40px rgba(0,10,30,0.7)","--vg-scrollbar-track":"#0c1e38","--vg-scrollbar-thumb":"#163058","--vg-sort-icon":"#1a4070","--vg-sort-active":"#0e9eff","--vg-resize-hover":"#0e9eff","--vg-drag-indicator":"#0e9eff"},forest:{...pa,"--vg-bg":"#0a140c","--vg-bg-header":"#0f1e12","--vg-bg-group":"#132418","--vg-bg-row-alt":"#0c1810","--vg-bg-row-hover":"#162c1c","--vg-bg-row-selected":"#143a1a","--vg-bg-pinned":"#0a140c","--vg-bg-frozen":"#0a1f0a","--vg-bg-toolbar":"#0f1e12","--vg-bg-panel":"#0f1e12","--vg-bg-btn":"#132418","--vg-bg-btn-hover":"#1e3828","--vg-bg-btn-active":"#143a1a","--vg-bg-tag":"#132418","--vg-bg-input":"#132418","--vg-text":"#b8d8a8","--vg-text-dim":"#406840","--vg-text-header":"#72b860","--vg-text-group":"#98c888","--vg-text-placeholder":"#284828","--vg-border":"#132418","--vg-border-strong":"#1e3828","--vg-border-focus":"#4ade80","--vg-accent":"#4ade80","--vg-accent-hover":"#86efac","--vg-accent-bg":"#143a1a","--vg-accent-text":"#86efac","--vg-accent-fg":"#0a140c","--vg-shadow-pin":"4px 0 16px rgba(0,0,0,0.5)","--vg-shadow-panel":"0 8px 40px rgba(0,10,0,0.7)","--vg-scrollbar-track":"#0f1e12","--vg-scrollbar-thumb":"#1e3828","--vg-sort-icon":"#204020","--vg-sort-active":"#4ade80","--vg-resize-hover":"#4ade80","--vg-drag-indicator":"#4ade80"},sunset:{...pa,"--vg-bg":"#160a04","--vg-bg-header":"#221008","--vg-bg-group":"#2e160c","--vg-bg-row-alt":"#1c0e06","--vg-bg-row-hover":"#2e1a0c","--vg-bg-row-selected":"#3a1a08","--vg-bg-pinned":"#160a04","--vg-bg-frozen":"#1f0d04","--vg-bg-toolbar":"#221008","--vg-bg-panel":"#221008","--vg-bg-btn":"#2e160c","--vg-bg-btn-hover":"#3e2018","--vg-bg-btn-active":"#3a1a08","--vg-bg-tag":"#2e160c","--vg-bg-input":"#2e160c","--vg-text":"#f0c8a0","--vg-text-dim":"#805030","--vg-text-header":"#e09060","--vg-text-group":"#f0a870","--vg-text-placeholder":"#503020","--vg-border":"#2e160c","--vg-border-strong":"#3e2018","--vg-border-focus":"#fb923c","--vg-accent":"#fb923c","--vg-accent-hover":"#fdba74","--vg-accent-bg":"#3a1a08","--vg-accent-text":"#fdba74","--vg-accent-fg":"#160a04","--vg-shadow-pin":"4px 0 16px rgba(0,0,0,0.5)","--vg-shadow-panel":"0 8px 40px rgba(20,0,0,0.7)","--vg-scrollbar-track":"#221008","--vg-scrollbar-thumb":"#3e2018","--vg-sort-icon":"#50280c","--vg-sort-active":"#fb923c","--vg-resize-hover":"#fb923c","--vg-drag-indicator":"#fb923c"}};function kB(e){var t;return!e||e==="light"?Ac.light:typeof e=="string"?(t=Ac[e])!=null?t:Ac.light:{...Ac.light,...e}}function v7(e){return e}function EB({direction:e,active:t}){return p.jsxs("span",{style:{display:"inline-flex",flexDirection:"column",gap:1,marginLeft:3,opacity:t?1:.3,flexShrink:0,color:t?"var(--vg-sort-active)":"var(--vg-sort-icon)",transition:"opacity var(--vg-transition)"},children:[p.jsx("svg",{width:"7",height:"5",viewBox:"0 0 7 5",children:p.jsx("path",{d:"M3.5 0L7 5H0z",fill:"currentColor",opacity:t&&e==="asc"?1:.35})}),p.jsx("svg",{width:"7",height:"5",viewBox:"0 0 7 5",children:p.jsx("path",{d:"M3.5 5L0 0h7z",fill:"currentColor",opacity:t&&e==="desc"?1:.35})})]})}function OB(){return p.jsx("svg",{width:"8",height:"8",viewBox:"0 0 8 8",fill:"none",children:p.jsx("path",{d:"M1 1l6 6M7 1L1 7",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round"})})}const Ao=S.memo(function({column:t,style:n,showResizeHandle:r=!0,isFirst:o=!1,isLast:s=!1}){var a,l;const{engine:c,dragHandlers:u,startResize:d,features:f,icons:m,texts:h,styles:y,classNames:g}=As(),{sortState:b,toggleSort:v,toggleColumnVisibility:T}=c,{getDragHandlers:x,dragState:w,consumeDragEnd:C}=u,[k,O]=S.useState(!1),M=b.columnId===t.id,P=w.draggingId===t.id,j=w.overTargetId===t.id,B=w.insertBefore,E=t.sortable&&f.sort,R=t.resizable&&f.resize,A=t.draggable&&f.reorder,$=t.hideable&&f.columnHide,N=A?x(t.id):{},U=W=>{C()||W.target.closest("[data-vg-hide]")||E&&v(t.id)},Z=W=>{W.stopPropagation(),T(t.id)},z=W=>{W.stopPropagation(),W.preventDefault(),d(W,t.id)},F=j?"var(--vg-accent-bg)":k?"var(--vg-bg-row-hover)":"var(--vg-bg-header)",I=o?"1px solid var(--vg-border)":void 0,V="1px solid var(--vg-border)",K=j?B?"inset 3px 0 0 var(--vg-accent)":"inset -3px 0 0 var(--vg-accent)":void 0;return p.jsxs("div",{role:"columnheader","aria-sort":M?b.direction==="asc"?"ascending":"descending":"none",className:(a=g.headerCell)!=null?a:void 0,...N,onClick:U,onMouseEnter:()=>O(!0),onMouseLeave:()=>O(!1),style:{...n,position:"absolute",display:"flex",alignItems:"center",justifyContent:t.align==="center"?"center":t.align==="right"?"flex-end":"flex-start",padding:"0 8px",fontWeight:600,fontSize:"var(--vg-font-size)",color:"var(--vg-text-header)",background:F,borderLeft:I,borderRight:V,borderBottom:"1px solid var(--vg-border)",boxShadow:K,cursor:E?"pointer":A?"grab":"default",userSelect:"none",opacity:P?.45:1,boxSizing:"border-box",overflow:"visible",whiteSpace:"nowrap",transition:"background var(--vg-transition)",outline:"none",...t.headerStyle,...y.headerCell,...t.groupId?y.groupHeaderCell:{}},children:[p.jsx("span",{style:{flex:1,overflow:"hidden",textOverflow:"ellipsis",whiteSpace:"nowrap",textAlign:t.align},children:t.renderHeader?t.renderHeader(t,c):t.label}),E&&(()=>{if(M){const W=b.direction==="asc"?m.sortAsc:m.sortDesc;if(W)return p.jsx("span",{style:{marginLeft:3,flexShrink:0},children:W})}else if(m.sortNone)return p.jsx("span",{style:{marginLeft:3,flexShrink:0,opacity:.3},children:m.sortNone});return p.jsx(EB,{direction:b.direction,active:M})})(),$&&p.jsx("span",{"data-vg-hide":"",role:"button","aria-label":h.hideColumn,title:h.hideColumn,onClick:Z,style:{display:"inline-flex",alignItems:"center",justifyContent:"center",width:14,height:14,borderRadius:3,marginLeft:3,flexShrink:0,cursor:"pointer",opacity:k?.7:0,pointerEvents:k?"auto":"none",background:"transparent",color:"var(--vg-text-dim)",transition:"opacity 0.12s",userSelect:"none"},onMouseEnter:W=>{W.currentTarget.style.opacity="1",W.currentTarget.style.background="var(--vg-border-strong)"},onMouseLeave:W=>{W.currentTarget.style.opacity=k?"0.7":"0",W.currentTarget.style.background="transparent"},children:(l=m.hideColumn)!=null?l:p.jsx(OB,{})}),r&&R&&p.jsx("div",{"aria-hidden":"true","data-resize-handle":"",onPointerDown:W=>W.stopPropagation(),onMouseDown:z,onClick:W=>W.stopPropagation(),style:{position:"absolute",right:-4,top:0,width:8,height:"100%",borderRadius:2,cursor:"col-resize",background:"transparent",zIndex:3,transition:"background var(--vg-transition)"},onMouseEnter:W=>W.currentTarget.style.background="var(--vg-resize-hover)",onMouseLeave:W=>W.currentTarget.style.background="transparent"})]})});if(typeof document<"u"){const e="vg-shimmer-keyframes";if(!document.getElementById(e)){const t=document.createElement("style");t.id=e,t.textContent="@keyframes vg-shimmer{from{background-position:200% 0}to{background-position:-200% 0}}",document.head.appendChild(t)}}function MB(e,t){return e.column===t.column&&e.row===t.row&&e.pinned===t.pinned&&e.isScrolling===t.isScrolling&&e.style.left===t.style.left&&e.style.top===t.style.top&&e.style.width===t.style.width&&e.style.height===t.style.height&&e.style.background===t.style.background&&e.style.zIndex===t.style.zIndex}function PB(){return p.jsx("div",{style:{width:"60%",height:10,borderRadius:4,background:"linear-gradient(90deg, var(--vg-border) 25%, var(--vg-bg-row-hover) 50%, var(--vg-border) 75%)",backgroundSize:"200% 100%",animation:"vg-shimmer 1.2s infinite linear"}})}const Dc=S.memo(function({column:t,row:n,style:r,pinned:o=!1,isScrolling:s=!1,loadingCell:a}){var l,c;const{styles:u,classNames:d}=As();if(s&&t.deferRender&&t.renderCell)return p.jsx("div",{style:{...r,position:"absolute",display:"flex",alignItems:"center",justifyContent:"center",padding:"0 10px",boxSizing:"border-box",overflow:"hidden"},children:a??p.jsx(PB,{})});const f=t.accessor?t.accessor(n):n[(l=t.field)!=null?l:t.id],m=t.renderCell?t.renderCell(f,n):f??"—",h=t.align==="center"?"center":t.align==="right"?"flex-end":"flex-start",y=o?u.pinnedCell:u.cell,{background:g,backgroundColor:b,...v}=y??{},{background:T,backgroundColor:x,...w}=(c=t.cellStyle)!=null?c:{};return p.jsx("div",{className:[d.cell,o?d.pinnedCell:void 0].filter(Boolean).join(" ")||void 0,style:{...r,position:"absolute",display:"flex",alignItems:"center",justifyContent:h,padding:"0 10px",fontSize:"var(--vg-font-size)",color:"var(--vg-text)",borderRight:"1px solid var(--vg-border)",boxSizing:"border-box",overflow:"hidden",whiteSpace:"nowrap",textOverflow:"ellipsis",...w,...v},children:m})},MB),Y2=S.memo(function({group:t,left:n,width:r,height:o}){const{classNames:s,styles:a}=As();return p.jsx("div",{className:s.groupRow||void 0,style:{position:"absolute",left:n,top:0,width:r,height:o,display:"flex",alignItems:"center",justifyContent:"center",background:"var(--vg-bg-header)",borderRight:"1px solid var(--vg-border)",borderBottom:"1px solid var(--vg-border)",fontWeight:700,fontSize:"calc(var(--vg-font-size) - 0.5px)",letterSpacing:"0.025em",color:"var(--vg-text-group)",overflow:"hidden",whiteSpace:"nowrap",textOverflow:"ellipsis",boxSizing:"border-box",...t.headerStyle,...a.groupRow},children:t.label})}),jB=S.memo(function({height:t,slot:n}){return p.jsx("div",{style:{height:t,display:"flex",flexDirection:"column",alignItems:"center",justifyContent:"center",gap:10,color:"var(--vg-text-dim)",fontSize:"var(--vg-font-size)",fontFamily:"var(--vg-font)"},children:n??p.jsxs(p.Fragment,{children:[p.jsxs("svg",{width:"36",height:"36",viewBox:"0 0 36 36",fill:"none",children:[p.jsx("rect",{x:"4",y:"4",width:"28",height:"28",rx:"4",stroke:"currentColor",strokeWidth:"1.5",opacity:"0.4"}),p.jsx("line",{x1:"4",y1:"13",x2:"32",y2:"13",stroke:"currentColor",strokeWidth:"1.2",opacity:"0.3"}),p.jsx("line",{x1:"4",y1:"22",x2:"32",y2:"22",stroke:"currentColor",strokeWidth:"1.2",opacity:"0.2"}),p.jsx("line",{x1:"14",y1:"4",x2:"14",y2:"32",stroke:"currentColor",strokeWidth:"1.2",opacity:"0.2"})]}),p.jsx("span",{style:{opacity:.5},children:"No data to display"})]})})}),AB=S.memo(function({onClose:t}){const{engine:n,features:r,texts:o,classNames:s}=As(),{orderedColumns:a,toggleColumnVisibility:l,pinColumn:c,showAllColumns:u}=n,d=S.useRef(null);S.useEffect(()=>{const m=y=>{d.current&&!d.current.contains(y.target)&&t()},h=setTimeout(()=>document.addEventListener("mousedown",m),50);return()=>{clearTimeout(h),document.removeEventListener("mousedown",m)}},[t]);const f=a.filter(m=>m.hidden).length;return p.jsxs("div",{ref:d,role:"dialog","aria-label":o.columnManager,className:s.columnPanel||void 0,style:{position:"absolute",top:"calc(100% + 4px)",right:0,zIndex:"var(--vg-z-panel)",background:"var(--vg-bg-panel)",border:"1px solid var(--vg-border-strong)",borderRadius:"var(--vg-radius)",boxShadow:"var(--vg-shadow-panel)",minWidth:260,maxHeight:420,display:"flex",flexDirection:"column",overflow:"hidden",fontFamily:"var(--vg-font)"},children:[p.jsxs("div",{style:{display:"flex",alignItems:"center",justifyContent:"space-between",padding:"10px 14px 8px",borderBottom:"1px solid var(--vg-border)",flexShrink:0},children:[p.jsxs("span",{style:{fontWeight:700,fontSize:11,textTransform:"uppercase",letterSpacing:"0.08em",color:"var(--vg-text-dim)"},children:[o.columns,f>0&&p.jsxs("span",{style:{marginLeft:6,background:"var(--vg-accent-bg)",color:"var(--vg-accent-text)",borderRadius:10,padding:"1px 6px",fontSize:10},children:[f," ",o.hidden]})]}),f>0&&p.jsx("button",{onClick:u,style:{background:"none",border:"none",cursor:"pointer",fontSize:11,color:"var(--vg-accent)",fontWeight:600,fontFamily:"var(--vg-font)",padding:"2px 4px"},children:o.showAll})]}),p.jsx("div",{style:{overflow:"auto",flex:1},children:a.map(m=>{var h;return p.jsxs("div",{style:{display:"flex",alignItems:"center",gap:8,padding:"6px 14px",fontSize:"var(--vg-font-size)",color:m.hidden?"var(--vg-text-dim)":"var(--vg-text)",transition:"background var(--vg-transition)"},onMouseEnter:y=>y.currentTarget.style.background="var(--vg-bg-row-hover)",onMouseLeave:y=>y.currentTarget.style.background="transparent",children:[p.jsx("input",{type:"checkbox",id:`vg-col-${m.id}`,checked:!m.hidden,onChange:()=>l(m.id),style:{accentColor:"var(--vg-accent)",cursor:"pointer",width:13,height:13,flexShrink:0}}),p.jsx("label",{htmlFor:`vg-col-${m.id}`,style:{flex:1,cursor:"pointer",overflow:"hidden",textOverflow:"ellipsis",whiteSpace:"nowrap"},children:m.label}),r.columnPin&&p.jsxs("select",{value:(h=m.pinned)!=null?h:"",onChange:y=>c(m.id,y.target.value||null),style:{fontSize:11,padding:"2px 5px",background:"var(--vg-bg-btn)",color:"var(--vg-text)",border:"1px solid var(--vg-border-strong)",borderRadius:"var(--vg-radius-xs)",cursor:"pointer",fontFamily:"var(--vg-font)",outline:"none"},children:[p.jsx("option",{value:"",children:o.noPin}),p.jsx("option",{value:"left",children:o.pinLeft}),p.jsx("option",{value:"right",children:o.pinRight})]})]},m.id)})}),p.jsx("div",{style:{padding:"10px 14px",borderTop:"1px solid var(--vg-border)",flexShrink:0},children:p.jsx("button",{onClick:t,style:{width:"100%",padding:"7px 12px",background:"var(--vg-accent)",color:"var(--vg-accent-fg)",border:"none",borderRadius:"var(--vg-radius-sm)",cursor:"pointer",fontWeight:600,fontSize:"var(--vg-font-size)",fontFamily:"var(--vg-font)",transition:"background var(--vg-transition)"},onMouseEnter:m=>m.currentTarget.style.background="var(--vg-accent-hover)",onMouseLeave:m=>m.currentTarget.style.background="var(--vg-accent)",children:o.done})})]})}),DB=S.memo(function({left:t,right:n,colManagerSlot:r}){const{classNames:o,styles:s}=As();return p.jsxs("div",{role:"toolbar",className:o.toolbar||void 0,style:{display:"flex",alignItems:"center",justifyContent:"space-between",padding:"7px 12px",background:"var(--vg-bg-toolbar)",borderBottom:"1px solid var(--vg-border)",gap:8,flexShrink:0,position:"relative",...s.toolbar},children:[p.jsx("div",{style:{display:"flex",alignItems:"center",gap:8},children:t}),p.jsxs("div",{style:{display:"flex",alignItems:"center",gap:6,position:"relative"},children:[n,r]})]})}),IB=S.memo(function({onClick:t,active:n=!1,children:r,icon:o,"aria-label":s}){return p.jsxs("button",{onClick:t,"aria-label":s,"aria-pressed":n,style:{display:"inline-flex",alignItems:"center",gap:5,padding:"5px 10px",borderRadius:"var(--vg-radius-sm)",border:`1px solid ${n?"var(--vg-accent)":"var(--vg-border-strong)"}`,background:n?"var(--vg-accent-bg)":"var(--vg-bg-btn)",color:n?"var(--vg-accent-text)":"var(--vg-text)",fontSize:12,fontWeight:600,cursor:"pointer",fontFamily:"var(--vg-font)",transition:"all var(--vg-transition)",lineHeight:1},onMouseEnter:a=>{n||(a.currentTarget.style.background="var(--vg-bg-btn-hover)")},onMouseLeave:a=>{n||(a.currentTarget.style.background="var(--vg-bg-btn)")},children:[o,r]})}),RB=S.memo(function({startRow:t,endRow:n,totalRows:r,visibleCols:o,totalCols:s}){const{classNames:a,styles:l,texts:c}=As();return p.jsxs("div",{className:a.footer||void 0,style:{display:"flex",alignItems:"center",justifyContent:"flex-end",padding:"5px 12px",background:"var(--vg-bg-toolbar)",borderTop:"1px solid var(--vg-border)",fontSize:11,color:"var(--vg-text-dim)",fontFamily:"var(--vg-font-mono)",flexShrink:0,gap:12,...l.footer},children:[p.jsxs("span",{children:[t.toLocaleString(),"–",n.toLocaleString()," ",c.of," ",r.toLocaleString()," ",c.rows]}),p.jsx("span",{style:{opacity:.5},children:"·"}),p.jsxs("span",{children:[o,"/",s," ",c.columns]})]})});function NB(){return p.jsxs("svg",{width:"13",height:"13",viewBox:"0 0 13 13",fill:"none","aria-hidden":"true",children:[p.jsx("rect",{x:"0.5",y:"1.5",width:"3.5",height:"9",rx:"0.8",stroke:"currentColor",strokeWidth:"1.15"}),p.jsx("rect",{x:"5",y:"1.5",width:"3",height:"9",rx:"0.8",stroke:"currentColor",strokeWidth:"1.15"}),p.jsx("rect",{x:"9.5",y:"1.5",width:"3",height:"9",rx:"0.8",stroke:"currentColor",strokeWidth:"1.15"})]})}const $B=36,BB=38,LB=28,_B={sort:!0,resize:!0,reorder:!0,columnHide:!0,columnPin:!0,alternateRows:!0,toolbar:!0,footer:!0,rowSelection:!0},FB={},WB={},zB={},VB={hideColumn:"Hide column",manageColumns:"Manage columns",columnManager:"Column manager",columns:"columns",rows:"rows",selected:"selected",hidden:"hidden",showAll:"Show all",noPin:"No pin",pinLeft:"Pin left",pinRight:"Pin right",done:"Done",loading:"Loading...",of:"of"};function HB(e,t,n,r){var o;if(r<=0)return null;const s=e.findIndex(a=>a.id===n);return s<0?null:((o=t[s])!=null?o:0)<r?s:null}function UB({columns:e,data:t,getRowId:n,height:r,maxHeight:o=600,rowHeight:s=$B,headerHeight:a=BB,groupHeaderHeight:l=LB,theme:c="light",features:u,icons:d,texts:f,classNames:m,styles:h,slots:y={},freezeColId:g,loading:b=!1,selectedRowId:v,onRowClick:T,onSortChange:x,onColumnStateChange:w,onColumnResize:C,onColumnReorder:k,sortMode:O="client",ariaLabel:M="Data grid",className:P,style:j}){var B,E,R,A,$;const N=S.useMemo(()=>({..._B,...u}),[JSON.stringify(u)]),U=d??FB,Z=S.useMemo(()=>({...VB,...f}),[JSON.stringify(f)]),z=h??WB,F=m??zB,I=bB(e),{pinnedLeftColumns:V,pinnedRightColumns:K,scrollableColumns:W,pinnedLeftWidth:X,pinnedRightWidth:G,sortState:H,groups:oe,hasGroups:ae,visibleColumns:_,orderedColumns:Y,resizeColumn:L,moveColumnBefore:ce,moveColumnToEnd:te}=I,Q=S.useRef(H);S.useEffect(()=>{(Q.current.columnId!==H.columnId||Q.current.direction!==H.direction)&&(Q.current=H,x?.(H))},[H,x]);const xe=S.useRef(null);S.useEffect(()=>{var se;xe.current=H.columnId&&(se=I.orderedColumns.find(fe=>fe.id===H.columnId))!=null?se:null},[H.columnId]);const he=S.useMemo(()=>{var se;if(O==="server")return t;const fe=xe.current;if(!H.columnId||!fe)return t;const pe=(se=fe.accessor)!=null?se:we=>{var Ue;return we[(Ue=fe.field)!=null?Ue:fe.id]};return[...t].sort((we,Ue)=>{const Be=pe(we),qe=pe(Ue);if(Be==null)return 1;if(qe==null)return-1;const Fe=Be<qe?-1:Be>qe?1:0;return H.direction==="asc"?Fe:-Fe})},[t,O,H.columnId,H.direction]),Se=S.useRef("");S.useEffect(()=>{if(!w)return;const se=I.orderedColumns.map((pe,we)=>({id:pe.id,hidden:pe.hidden,pinned:pe.pinned,width:pe.width,order:we})),fe=JSON.stringify(se);fe!==Se.current&&(Se.current=fe,w(se))},[I.orderedColumns,w]);const[Ce,ze]=S.useState(null);S.useEffect(()=>{N.rowSelection&&ze(v!=null?String(v):null)},[v,N.rowSelection]);const ke=S.useCallback((se,fe)=>{if(N.rowSelection){const pe=String(n?n(se,fe):fe);ze(pe)}T?.(se,fe)},[N.rowSelection,n,T]),ge=S.useCallback((se,fe)=>!Ce||!N.rowSelection?!1:String(n?n(se,fe):fe)===Ce,[Ce,N.rowSelection,n]),re=S.useRef(null),le=S.useRef(0),Me=S.useRef(0),[,me]=S.useReducer(se=>se+1,0),be=S.useRef(0),Ae=S.useRef(!1),Ve=S.useRef(null),Xe=S.useRef(null),Ee=S.useRef(null),pt=S.useRef(null),Ze=S.useMemo(()=>wB(W),[W]),et=S.useMemo(()=>W.map(se=>se.width),[W]),Zt=S.useMemo(()=>et.reduce((se,fe)=>se+fe,0),[et]),tn=S.useRef(null),[pn,wn]=S.useState(400),[De,ue]=S.useState(800);S.useEffect(()=>{const se=tn.current;if(!se)return;const fe=new ResizeObserver(([pe])=>{pe&&(wn(pe.contentRect.height),ue(pe.contentRect.width))});return fe.observe(se),wn(se.clientHeight),ue(se.clientWidth),()=>fe.disconnect()},[]);const de=ae?l+a:a,Pe=Math.max(0,De-X-G),ot=X+Zt+G,Je=ot>De+1,Io=N.toolbar&&!y.toolbar?36:0,Ro=N.footer&&!y.footer?29:0,Rt=Je?17:0,ve=de+he.length*s+Io+Ro+Rt,nt=Math.min(ve,r??o),rt=S.useRef({startIndex:0,endIndex:-1,totalHeight:0,offsetY:0}),kt=S.useCallback(se=>{rt.current=vB(he.length,s,se,Math.max(0,pn-de))},[he.length,s,pn,de]),jn=S.useRef({startIndex:0,endIndex:0}),Vn=S.useCallback(se=>{const fe=Math.max(0,se-X),pe=Pe>0?Pe:1400;jn.current=xB(Ze,et,fe,pe)},[Ze,et,Pe,X]),tr=S.useRef(null),No=S.useCallback(se=>{if(!g){tr.current=null;return}const fe=Math.max(0,se-X);tr.current=HB(W,Ze,g,fe)},[g,W,Ze,X]),Hn=S.useMemo(()=>{var se;return g&&(se=W.find(fe=>fe.id===g))!=null?se:null},[g,W]),IL=S.useMemo(()=>{var se;if(!Hn)return 0;const fe=W.findIndex(pe=>pe.id===Hn.id);return fe>=0&&(se=Ze[fe])!=null?se:0},[Hn,W,Ze]),RL=S.useCallback(()=>{const se=re.current;if(!se)return;const fe=se.scrollTop,pe=se.scrollLeft;Me.current=fe,le.current=pe,kt(fe),Vn(pe),No(pe);const we=tr.current!==null;Xe.current&&(Xe.current.style.visibility=we?"visible":"hidden",Xe.current.style.pointerEvents=we?"auto":"none"),Ae.current=!0,Ve.current&&clearTimeout(Ve.current),Ve.current=setTimeout(()=>{Ae.current=!1,me()},150),cancelAnimationFrame(be.current),be.current=requestAnimationFrame(me)},[kt,Vn,No,me]);S.useEffect(()=>{kt(Me.current),Vn(le.current),No(le.current)},[kt,Vn,No]),S.useEffect(()=>{const se=Ue=>{Ue.preventDefault();const Be=re.current;Be&&(Be.scrollTop+=Ue.deltaY,Be.scrollLeft+=Ue.deltaX)},fe={passive:!1},pe=Ee.current,we=pt.current;return pe?.addEventListener("wheel",se,fe),we?.addEventListener("wheel",se,fe),()=>{pe?.removeEventListener("wheel",se,fe),we?.removeEventListener("wheel",se,fe)}},[]),S.useLayoutEffect(()=>{if(!Xe.current)return;const se=tr.current!==null;Xe.current.style.visibility=se?"visible":"hidden",Xe.current.style.pointerEvents=se?"auto":"none"});const no=jn.current,Lc=tr.current,_r=Lc!==null&&(B=W[Lc])!=null?B:null,Ns=(E=Hn?.width)!=null?E:0,Tr=rt.current,_c=Ae.current,wx=S.useMemo(()=>{const se=new Set(oe.flatMap(fe=>fe.children.map(pe=>pe.id)));return new Set(W.filter(fe=>!se.has(fe.id)).map(fe=>fe.id))},[oe,W]),$p=S.useRef(I.orderedColumns);$p.current=I.orderedColumns;const ha=S.useRef(k);ha.current=k;const Sx=S.useRef(se=>120);Sx.current=se=>{var fe,pe;return(pe=(fe=I.orderedColumns.find(we=>we.id===se))==null?void 0:fe.width)!=null?pe:120};const{startResize:Cx}=SB({onResize:(se,fe)=>L(se,fe),onResizeEnd:(se,fe)=>C?.(se,fe),getCurrentWidth:S.useCallback(se=>Sx.current(se),[])}),NL=S.useCallback(se=>{var fe,pe;const we=(fe=tn.current)==null?void 0:fe.getBoundingClientRect();if(!we)return null;const Ue=le.current;let Be=0;for(const Fe of V){if(Fe.id===se)return{left:we.left+Be,right:we.left+Be+Fe.width};Be+=Fe.width}const qe=W.findIndex(Fe=>Fe.id===se);if(qe!==-1){const Fe=W[qe],Tt=X+((pe=Ze[qe])!=null?pe:0)-Ue;return{left:we.left+Tt,right:we.left+Tt+Fe.width}}Be=0;for(const Fe of K){if(Fe.id===se){const Tt=we.right-G;return{left:Tt+Be,right:Tt+Be+Fe.width}}Be+=Fe.width}return null},[V,W,K,X,G,Ze]),ma=CB({onMoveColumnBefore:(se,fe)=>{if(ce(se,fe),ha.current){const we=$p.current.map(Ue=>Ue.id).filter(Ue=>Ue!==se);we.splice(we.indexOf(fe),0,se),ha.current(we)}},onMoveColumnToEnd:se=>{if(te(se),ha.current){const pe=[...$p.current.map(we=>we.id).filter(we=>we!==se),se];ha.current(pe)}},columns:_.map(se=>({id:se.id,groupId:se.groupId,draggable:se.draggable,pinned:se.pinned})),getColumnViewportBounds:NL}),[Tx,Bp]=S.useState(!1),kx=S.useMemo(()=>kB(c),[c]),$L=S.useMemo(()=>kx,[kx]),BL=S.useMemo(()=>({engine:I,dragHandlers:ma,startResize:Cx,features:N,icons:U,texts:Z,styles:z,classNames:F}),[I,ma,Cx,N,U,Z,z,F]),Ex=S.useCallback((se,fe)=>{var pe,we,Ue,Be,qe,Fe,Tt,ht;return ge(se,fe)?(Be=(Ue=(pe=z.rowSelected)==null?void 0:pe.background)!=null?Ue:(we=z.rowSelected)==null?void 0:we.backgroundColor)!=null?Be:"var(--vg-bg-row-selected)":N.alternateRows&&fe%2===1?"var(--vg-bg-row-alt)":(ht=(Tt=(qe=z.row)==null?void 0:qe.background)!=null?Tt:(Fe=z.row)==null?void 0:Fe.backgroundColor)!=null?ht:"var(--vg-bg)"},[ge,N.alternateRows,z.rowSelected,z.row]),LL=S.useCallback((se,fe)=>{var pe,we,Ue,Be,qe,Fe,Tt,ht,Mt,Qe;return ge(se,fe)?(Be=(Ue=(pe=z.rowSelected)==null?void 0:pe.background)!=null?Ue:(we=z.rowSelected)==null?void 0:we.backgroundColor)!=null?Be:"var(--vg-bg-row-selected)":N.alternateRows&&fe%2===1?"var(--vg-bg-row-alt)":(Qe=(Mt=(Tt=(qe=z.pinnedCell)==null?void 0:qe.background)!=null?Tt:(Fe=z.pinnedCell)==null?void 0:Fe.backgroundColor)!=null?Mt:(ht=z.row)==null?void 0:ht.background)!=null?Qe:"var(--vg-bg-pinned)"},[ge,N.alternateRows,z.rowSelected,z.row,z.pinnedCell]),_L=()=>{var se,fe;const pe=[],we=new Set;for(let Ue=no.startIndex;Ue<=no.endIndex;Ue++){const Be=W[Ue];if(!Be)continue;const qe=X+((se=Ze[Ue])!=null?se:0);if(wx.has(Be.id)){pe.push(p.jsx(Ao,{column:Be,style:{position:"absolute",left:qe,top:0,width:Be.width,height:l+a,zIndex:1,background:"var(--vg-bg-header)"}},`hspan-${Be.id}`));continue}const Fe=oe.find(Qe=>Qe.children.some($t=>$t.id===Be.id));if(!Fe||we.has(Fe.id))continue;we.add(Fe.id);const Tt=W.filter(Qe=>Fe.children.some($t=>$t.id===Qe.id)),ht=Tt.reduce((Qe,$t)=>Qe+$t.width,0),Mt=W.findIndex(Qe=>{var $t;return Qe.id===(($t=Tt[0])==null?void 0:$t.id)});pe.push(p.jsx(Y2,{group:Fe,left:X+((fe=Ze[Mt])!=null?fe:0),width:ht,height:l},`grp-${Fe.id}`))}return pe},FL=()=>{const se=[];let fe;const pe=[];for(let we=no.startIndex;we<=no.endIndex;we++){const Ue=W[we];!Ue||wx.has(Ue.id)||pe.push(we)}return pe.forEach((we,Ue)=>{var Be;const qe=W[we];if(!qe)return;const Fe=qe.groupId!==fe;fe=qe.groupId;const Tt=Ue===pe.length-1;se.push(p.jsx(Ao,{column:qe,isFirst:Fe,isLast:Tt,style:{position:"absolute",left:X+((Be=Ze[we])!=null?Be:0),top:0,width:qe.width,height:a,zIndex:1}},`lh-${qe.id}`))}),se},WL=()=>{const se=[],fe=[];for(let pe=no.startIndex;pe<=no.endIndex;pe++)W[pe]&&fe.push(pe);return fe.forEach((pe,we)=>{var Ue;const Be=W[pe];Be&&se.push(p.jsx(Ao,{column:Be,isFirst:we===0,isLast:we===fe.length-1,style:{position:"absolute",left:X+((Ue=Ze[pe])!=null?Ue:0),top:0,width:Be.width,height:a,zIndex:1}},`fh-${Be.id}`))}),se},zL=se=>{var fe,pe;const we=he[se];if(!we)return null;const Ue=de+se*s,Be=Ex(we,se),qe=LL(we,se),Fe=ge(we,se),Tt=String(n?n(we,se):se),ht=[];for(let Bt=no.startIndex;Bt<=no.endIndex;Bt++){const Jt=W[Bt];Jt&&ht.push(p.jsx(Dc,{column:Jt,row:we,isScrolling:_c,loadingCell:y.loadingCell,style:{position:"absolute",left:X+((fe=Ze[Bt])!=null?fe:0),top:0,width:Jt.width,height:s,background:Be}},`ds-${Jt.id}`))}let Mt=0;const Qe=V.length>0?V.map(Bt=>{const Jt=Mt;return Mt+=Bt.width,p.jsx(Dc,{column:Bt,row:we,pinned:!0,isScrolling:_c,loadingCell:y.loadingCell,style:{position:"absolute",left:Jt,top:0,width:Bt.width,height:s,background:qe}},`ps-l-${Bt.id}`)}):null;let $t=0;const $s=K.length>0?K.map(Bt=>{const Jt=$t;return $t+=Bt.width,p.jsx(Dc,{column:Bt,row:we,pinned:!0,isScrolling:_c,loadingCell:y.loadingCell,style:{position:"absolute",left:Jt,top:0,width:Bt.width,height:s,background:qe}},`ps-r-${Bt.id}`)}):null;return p.jsxs("div",{role:"row","aria-rowindex":se+1,"aria-selected":Fe,onClick:()=>ke(we,se),className:[F.row,Fe?F.rowSelected:void 0].filter(Boolean).join(" ")||void 0,style:{position:"absolute",top:Ue,left:0,width:ot,height:s,background:Be,cursor:"pointer",display:"flex",...z.row,...Fe?z.rowSelected:{}},onMouseEnter:Bt=>{if(!Fe){const Jt=Bt.currentTarget;Jt.style.background="var(--vg-bg-row-hover)",Jt.querySelectorAll("[data-pinned-sticky]").forEach($o=>{$o.style.background="var(--vg-bg-row-hover)"})}},onMouseLeave:Bt=>{const Jt=Bt.currentTarget;Jt.style.background=Be,Jt.querySelectorAll("[data-pinned-sticky]").forEach($o=>{$o.style.background=qe})},children:[Qe&&p.jsx("div",{"data-pinned-sticky":"left",style:{position:"sticky",left:0,width:X,height:s,flexShrink:0,zIndex:5,background:qe,overflow:"hidden"},children:Qe}),$s&&p.jsx("div",{style:{flex:1}}),$s&&p.jsx("div",{"data-pinned-sticky":"right",style:{position:"sticky",right:0,width:G,height:s,flexShrink:0,zIndex:5,background:qe,overflow:"hidden"},children:$s}),ht,Fe&&((pe=y.rowSelectionIndicator)==null?void 0:pe.call(y,we,se))]},Tt)},VL=()=>{var se,fe,pe,we,Ue;if(!Hn)return null;const Be=[];for(let qe=Tr.startIndex;qe<=Tr.endIndex;qe++){const Fe=he[qe];if(!Fe)continue;const Tt=String(n?n(Fe,qe):qe),ht=ge(Fe,qe),Mt=ht?(we=(pe=(se=z.rowSelected)==null?void 0:se.background)!=null?pe:(fe=z.rowSelected)==null?void 0:fe.backgroundColor)!=null?we:"var(--vg-bg-row-selected)":"var(--vg-bg-frozen, var(--vg-bg-row-alt))";Be.push(p.jsxs("div",{onClick:()=>ke(Fe,qe),className:[F.row,ht?F.rowSelected:void 0].filter(Boolean).join(" ")||void 0,style:{position:"absolute",left:0,top:qe*s,width:Ns,height:s,background:Mt,cursor:"pointer",overflow:"hidden",...z.row,...ht?z.rowSelected:{}},onMouseEnter:Qe=>{ht||(Qe.currentTarget.style.background="var(--vg-bg-row-hover)")},onMouseLeave:Qe=>{Qe.currentTarget.style.background=Mt},children:[p.jsx(Dc,{column:Hn,row:Fe,pinned:!0,isScrolling:_c,loadingCell:y.loadingCell,style:{position:"absolute",left:0,top:0,width:Ns,height:s,background:Mt,zIndex:2}}),ht&&p.jsx("div",{style:{position:"absolute",inset:0,zIndex:3,pointerEvents:"none"},children:(Ue=y.rowSelectionIndicator)==null?void 0:Ue.call(y,Fe,qe)})]},Tt))}return Be},Ox=se=>{const fe=se==="left",pe=fe?V:K,we=fe?X:G,Ue=fe&&_r!==null,Be=Ue?we+Ns:we;if(!pe.length&&!Ue)return null;const qe=[];let Fe=0;for(const Mt of pe)qe.push(Fe),Fe+=Mt.width;const Tt=Fe,ht=[];if(ae){const Mt=new Set;if(pe.forEach((Qe,$t)=>{var $s,Bt,Jt;if(!Qe.groupId)ht.push(p.jsx(Ao,{column:Qe,isFirst:$t===0,isLast:$t===pe.length-1,style:{position:"absolute",left:qe[$t],top:0,width:Qe.width,height:l+a,zIndex:2,background:"var(--vg-bg-header)"}},`ph-span-${Qe.id}`));else{if(!Mt.has(Qe.groupId)){Mt.add(Qe.groupId);const $o=oe.find(jx=>jx.id===Qe.groupId);if($o){const YL=pe.filter(Lp=>Lp.groupId===Qe.groupId).reduce((Lp,GL)=>Lp+GL.width,0);ht.push(p.jsx(Y2,{group:$o,left:($s=qe[$t])!=null?$s:0,width:YL,height:l},`pgh-${$o.id}`))}}ht.push(p.jsx(Ao,{column:Qe,isFirst:$t===0||((Bt=pe[$t-1])==null?void 0:Bt.groupId)!==Qe.groupId,isLast:$t===pe.length-1||((Jt=pe[$t+1])==null?void 0:Jt.groupId)!==Qe.groupId,style:{position:"absolute",left:qe[$t],top:l,width:Qe.width,height:a,zIndex:2,background:"var(--vg-bg-header)"}},`ph-leaf-${Qe.id}`))}}),Ue&&_r){const Qe=_r.align==="center"?"center":_r.align==="right"?"flex-end":"flex-start";ht.push(p.jsx("div",{style:{position:"absolute",left:Tt,top:0,width:Ns,height:l+a,background:"var(--vg-bg-frozen, var(--vg-bg-group))",borderRight:"1px solid var(--vg-border-strong)",borderBottom:"1px solid var(--vg-border-strong)",zIndex:2,boxSizing:"border-box",display:"flex",alignItems:"center",justifyContent:Qe,padding:"0 10px",fontWeight:700,fontSize:"calc(var(--vg-font-size) - 0.5px)",color:"var(--vg-text-group)",overflow:"hidden",whiteSpace:"nowrap",...z.headerCell},children:_r.label},`ph-frozen-${_r.id}`))}}else pe.forEach((Mt,Qe)=>{ht.push(p.jsx(Ao,{column:Mt,isFirst:Qe===0,isLast:Qe===pe.length-1,style:{position:"absolute",left:qe[Qe],top:0,width:Mt.width,height:a,zIndex:2,background:"var(--vg-bg-header)"}},`ph-${Mt.id}`))}),Ue&&_r&&ht.push(p.jsx(Ao,{column:_r,style:{position:"absolute",left:Tt,top:0,width:Ns,height:a,zIndex:2,background:"var(--vg-bg-frozen, var(--vg-accent-bg))"}},`ph-frozen-${_r.id}`));return p.jsxs("div",{style:{position:"absolute",[se]:0,top:0,width:Be,height:"100%",zIndex:20,pointerEvents:"none"},children:[p.jsx("div",{ref:fe?Ee:pt,style:{position:"absolute",top:0,left:0,width:Be,height:de,pointerEvents:"auto"},children:p.jsx("div",{style:{position:"absolute",top:0,left:0,width:Be,height:de,background:"var(--vg-bg-header)",borderBottom:"1px solid var(--vg-border-strong)",zIndex:10,overflow:"visible"},children:ht})}),p.jsx("div",{"aria-hidden":"true",style:{position:"absolute",[fe?"right":"left"]:-8,top:0,width:8,height:"100%",pointerEvents:"none",zIndex:15,background:fe?"linear-gradient(to right, rgba(0,0,0,0.08), transparent)":"linear-gradient(to left, rgba(0,0,0,0.08), transparent)"}})]},`layer-${se}`)},HL=p.jsxs("span",{style:{fontSize:12,color:"var(--vg-text-dim)",fontWeight:500},children:[he.length.toLocaleString()," ",Z.rows,Ce&&p.jsxs("span",{style:{marginLeft:8,color:"var(--vg-accent)",fontWeight:600},children:["· 1 ",Z.selected]})]}),UL=Tx?y.columnManager?y.columnManager({engine:I,onClose:()=>Bp(!1)}):p.jsx(AB,{onClose:()=>Bp(!1)}):null,qL=(R=U.columnsPanel)!=null?R:p.jsx(NB,{}),Mx={startRow:Tr.startIndex+1,endRow:Math.min(Tr.endIndex+1,he.length),totalRows:he.length,visibleCols:_.length,totalCols:Y.length},Px=de+he.length*s;return p.jsx(TB,{value:BL,children:p.jsxs("div",{role:"grid","aria-label":M,"aria-rowcount":he.length,"aria-colcount":_.length,className:[F.root,P].filter(Boolean).join(" ")||void 0,style:{...$L,fontFamily:"var(--vg-font)",fontSize:"var(--vg-font-size)",lineHeight:"var(--vg-line-height)",background:"var(--vg-bg)",border:"1px solid var(--vg-border-strong)",borderRadius:"var(--vg-radius)",overflow:"hidden",display:"flex",flexDirection:"column",height:nt,position:"relative",...z.root,...j},children:[N.toolbar&&(y.toolbar?y.toolbar(I):p.jsx(DB,{left:(A=y.toolbarLeft)!=null?A:HL,right:y.toolbarRight,colManagerSlot:p.jsxs(p.Fragment,{children:[p.jsx(IB,{onClick:()=>Bp(se=>!se),active:Tx,icon:qL,"aria-label":Z.manageColumns,children:Z.columns}),UL]})})),p.jsx("div",{ref:tn,style:{position:"relative",flex:1,overflow:"hidden"},children:he.length===0?p.jsx(jB,{height:pn,slot:y.emptyState}):p.jsxs(p.Fragment,{children:[p.jsx("div",{ref:re,onScroll:RL,style:{position:"absolute",inset:0,overflowX:"auto",overflowY:Px>pn?"auto":"hidden",scrollbarWidth:"thin",scrollbarColor:"var(--vg-scrollbar-thumb) var(--vg-scrollbar-track)",willChange:"scroll-position"},children:p.jsxs("div",{style:{width:ot,height:Px,position:"relative"},children:[p.jsx("div",{style:{position:"sticky",top:0,width:ot,height:de,zIndex:8,background:"var(--vg-bg-header)",borderBottom:"1px solid var(--vg-border-strong)",...z.headerRow},children:ae?p.jsxs(p.Fragment,{children:[p.jsx("div",{role:"row",style:{position:"absolute",top:0,left:0,width:ot,height:l,overflow:"visible"},children:_L()}),p.jsx("div",{role:"row",style:{position:"absolute",top:l,left:0,width:ot,height:a,overflow:"visible"},children:FL()})]}):p.jsx("div",{role:"row",style:{position:"absolute",top:0,left:0,width:ot,height:a,overflow:"visible"},children:WL()})}),Hn&&p.jsx("div",{ref:Xe,style:{position:"sticky",left:X,marginLeft:X+IL,width:Ns,height:he.length*s,zIndex:6,visibility:Lc!==null?"visible":"hidden",pointerEvents:Lc!==null?"auto":"none"},children:VL()}),Array.from({length:Math.max(0,Tr.endIndex-Tr.startIndex+1)},(se,fe)=>zL(Tr.startIndex+fe))]})}),Ox("left"),Ox("right"),b&&p.jsx("div",{style:{position:"absolute",inset:0,background:"rgba(255,255,255,0.6)",display:"flex",alignItems:"center",justifyContent:"center",zIndex:50,backdropFilter:"blur(1px)"},children:($=y.loadingOverlay)!=null?$:p.jsx("div",{style:{padding:"10px 20px",borderRadius:6,background:"var(--vg-bg)",border:"1px solid var(--vg-border-strong)",fontSize:13,color:"var(--vg-text-dim)",fontFamily:"var(--vg-font)"},children:Z.loading})})]})}),N.footer&&(y.footer?y.footer(Mx):p.jsx(RB,{...Mx})),ma.dragState.draggingId&&(()=>{var se;const{draggingId:fe}=ma.dragState,pe=_.find(Be=>Be.id===fe);if(!pe)return null;const we=(se=tn.current)==null?void 0:se.getBoundingClientRect();if(!we)return null;const Ue=pe.align==="center"?"center":pe.align==="right"?"flex-end":"flex-start";return p.jsx(p.Fragment,{children:p.jsxs("div",{ref:ma.registerGhost,style:{position:"fixed",top:we.top,width:pe.width,height:we.height,zIndex:9999,pointerEvents:"none",boxShadow:"0 6px 24px rgba(0,0,0,0.20)",borderRadius:4,overflow:"hidden",background:"var(--vg-bg)"},children:[p.jsx("div",{style:{height:de,background:"var(--vg-bg-header)",borderBottom:"1px solid var(--vg-border-strong)",display:"flex",alignItems:"center",justifyContent:Ue,padding:"0 8px",fontWeight:600,fontSize:"var(--vg-font-size)",color:"var(--vg-text-header)",boxSizing:"border-box",overflow:"hidden",whiteSpace:"nowrap"},children:pe.label}),Array.from({length:Tr.endIndex-Tr.startIndex+1},(Be,qe)=>{var Fe;const Tt=Tr.startIndex+qe,ht=he[Tt];if(!ht)return null;const Mt=pe.accessor?pe.accessor(ht):ht[(Fe=pe.field)!=null?Fe:pe.id],Qe=pe.renderCell?pe.renderCell(Mt,ht):Mt??"—";return p.jsx("div",{style:{height:s,display:"flex",alignItems:"center",justifyContent:Ue,padding:"0 10px",fontSize:"var(--vg-font-size)",color:"var(--vg-text)",borderBottom:"1px solid var(--vg-border)",boxSizing:"border-box",overflow:"hidden",whiteSpace:"nowrap",background:Ex(ht,Tt)},children:Qe},Tt)})]})})})()]})})}const qB=S.memo(UB);S.memo(function({currentPage:t,pageCount:n,totalRows:r,startIndex:o,endIndex:s,pageSize:a,pageSizeOptions:l,canGoPrev:c,canGoNext:u,goToPage:d,nextPage:f,prevPage:m,firstPage:h,lastPage:y,setPageSize:g}){const b=YB(t,n);return p.jsxs("div",{style:{display:"flex",alignItems:"center",justifyContent:"space-between",gap:12,padding:"8px 12px",background:"var(--vg-bg-toolbar)",borderTop:"1px solid var(--vg-border)",borderRadius:"0 0 var(--vg-radius) var(--vg-radius)",fontFamily:"var(--vg-font)",flexWrap:"wrap"},children:[p.jsxs("span",{style:{fontSize:12,color:"var(--vg-text-dim)",fontFamily:"var(--vg-font-mono)",flexShrink:0},children:[(o+1).toLocaleString(),"–",Math.min(s+1,r).toLocaleString()," of"," ",r.toLocaleString()," rows"]}),p.jsxs("div",{style:{display:"flex",alignItems:"center",gap:3},children:[p.jsx(Ic,{onClick:h,disabled:!c,title:"First page",children:p.jsx(K2,{left:!0})}),p.jsx(Ic,{onClick:m,disabled:!c,title:"Previous page",children:p.jsx(G2,{left:!0})}),b.map((v,T)=>v==="…"?p.jsx("span",{style:{padding:"0 4px",fontSize:12,color:"var(--vg-text-dim)"},children:"…"},`ellipsis-${T}`):p.jsx("button",{onClick:()=>d(v),"aria-current":v===t?"page":void 0,style:{minWidth:28,height:28,padding:"0 6px",borderRadius:"var(--vg-radius-xs)",border:`1px solid ${v===t?"var(--vg-accent)":"var(--vg-border-strong)"}`,background:v===t?"var(--vg-accent-bg)":"var(--vg-bg-btn)",color:v===t?"var(--vg-accent-text)":"var(--vg-text)",fontWeight:v===t?700:500,fontSize:12,cursor:"pointer",fontFamily:"var(--vg-font-mono)",lineHeight:1,transition:"all var(--vg-transition)"},children:v},v)),p.jsx(Ic,{onClick:f,disabled:!u,title:"Next page",children:p.jsx(G2,{})}),p.jsx(Ic,{onClick:y,disabled:!u,title:"Last page",children:p.jsx(K2,{})})]}),p.jsxs("div",{style:{display:"flex",alignItems:"center",gap:7,flexShrink:0},children:[p.jsx("span",{style:{fontSize:12,color:"var(--vg-text-dim)"},children:"Rows per page"}),p.jsx("select",{value:a,onChange:v=>g(Number(v.target.value)),style:{padding:"3px 6px",borderRadius:"var(--vg-radius-xs)",border:"1px solid var(--vg-border-strong)",background:"var(--vg-bg-btn)",color:"var(--vg-text)",fontSize:12,cursor:"pointer",fontFamily:"var(--vg-font)",outline:"none"},children:l.map(v=>p.jsx("option",{value:v,children:v},v))})]})]})});function Ic({onClick:e,disabled:t,title:n,children:r}){return p.jsx("button",{onClick:e,disabled:t,title:n,style:{width:28,height:28,display:"flex",alignItems:"center",justifyContent:"center",borderRadius:"var(--vg-radius-xs)",border:"1px solid var(--vg-border-strong)",background:"var(--vg-bg-btn)",color:t?"var(--vg-text-dim)":"var(--vg-text)",cursor:t?"not-allowed":"pointer",opacity:t?.45:1,transition:"all var(--vg-transition)",padding:0},children:r})}function G2({left:e=!1}){return p.jsx("svg",{width:"12",height:"12",viewBox:"0 0 12 12",fill:"none",style:{transform:e?"rotate(180deg)":void 0},children:p.jsx("path",{d:"M4.5 2.5L7.5 6l-3 3.5",stroke:"currentColor",strokeWidth:"1.4",strokeLinecap:"round",strokeLinejoin:"round"})})}function K2({left:e=!1}){return p.jsx("svg",{width:"12",height:"12",viewBox:"0 0 12 12",fill:"none",style:{transform:e?"rotate(180deg)":void 0},children:p.jsx("path",{d:"M7 2.5L4 6l3 3.5M10 2.5L7 6l3 3.5",stroke:"currentColor",strokeWidth:"1.4",strokeLinecap:"round",strokeLinejoin:"round"})})}function YB(e,t){if(t<=7)return Array.from({length:t},(s,a)=>a+1);const n=[];n.push(1);const r=Math.max(2,e-1),o=Math.min(t-1,e+1);r>2&&n.push("…");for(let s=r;s<=o;s++)n.push(s);return o<t-1&&n.push("…"),n.push(t),n}function GB({engine:e,onClose:t}){const{orderedColumns:n,toggleColumnVisibility:r,pinColumn:o,showAllColumns:s,resetColumns:a}=e,[l,c]=S.useState(""),u=S.useMemo(()=>n.filter(f=>f.label.toLowerCase().includes(l.toLowerCase())),[n,l]),d=n.filter(f=>f.hidden).length;return p.jsxs("div",{style:{display:"flex",flexDirection:"column",fontFamily:'var(--vg-font, "DM Sans", sans-serif)',fontSize:"var(--vg-font-size, 12.5px)",background:"var(--vg-bg-panel, #fff)",border:"1px solid var(--vg-border-strong, #d1d5db)",borderRadius:"var(--vg-radius, 7px)",boxShadow:"var(--vg-shadow-panel, 0 8px 24px rgba(0,0,0,0.1))",overflow:"hidden",minWidth:240},children:[p.jsxs("div",{style:{display:"flex",alignItems:"center",justifyContent:"space-between",padding:"10px 14px 8px",borderBottom:"1px solid var(--vg-border, #e5e7eb)",gap:8,flexShrink:0},children:[p.jsxs("span",{style:{fontWeight:700,fontSize:11,textTransform:"uppercase",letterSpacing:"0.08em",color:"var(--vg-text-dim, #6b7280)"},children:["Columns",d>0&&p.jsxs("span",{style:{marginLeft:6,background:"var(--vg-accent-bg, #dbeafe)",color:"var(--vg-accent-text, #1d4ed8)",borderRadius:10,padding:"1px 6px",fontSize:10},children:[d," hidden"]})]}),p.jsxs("div",{style:{display:"flex",gap:6},children:[d>0&&p.jsx("button",{onClick:s,style:{background:"none",border:"none",cursor:"pointer",fontSize:11,color:"var(--vg-accent, #2563eb)",fontWeight:600,fontFamily:"var(--vg-font, sans-serif)",padding:"2px 4px"},children:"Show all"}),p.jsx("button",{onClick:a,style:{background:"none",border:"none",cursor:"pointer",fontSize:11,color:"var(--vg-text-dim, #6b7280)",fontFamily:"var(--vg-font, sans-serif)",padding:"2px 4px"},children:"Reset"})]})]}),p.jsx("div",{style:{padding:"8px 14px",borderBottom:"1px solid var(--vg-border, #e5e7eb)",flexShrink:0},children:p.jsx("input",{value:l,onChange:f=>c(f.target.value),placeholder:"Search columns…",style:{width:"100%",padding:"5px 9px",border:"1px solid var(--vg-border-strong, #d1d5db)",borderRadius:"var(--vg-radius-sm, 4px)",background:"var(--vg-bg, #fff)",color:"var(--vg-text, #111827)",fontSize:12,outline:"none",fontFamily:"var(--vg-font, sans-serif)",boxSizing:"border-box"}})}),p.jsxs("div",{style:{overflow:"auto",flex:1,maxHeight:320},children:[u.map(f=>{var m;return p.jsxs("div",{style:{display:"flex",alignItems:"center",gap:8,padding:"6px 14px",borderBottom:"1px solid var(--vg-border, #e5e7eb)",transition:"background 0.1s"},onMouseEnter:h=>h.currentTarget.style.background="var(--vg-bg-row-hover, #f0f5ff)",onMouseLeave:h=>h.currentTarget.style.background="transparent",children:[p.jsx("input",{type:"checkbox",id:`vcm-${f.id}`,checked:!f.hidden,onChange:()=>r(f.id),style:{accentColor:"var(--vg-accent, #2563eb)",cursor:"pointer",width:13,height:13,flexShrink:0}}),p.jsx("label",{htmlFor:`vcm-${f.id}`,style:{flex:1,cursor:"pointer",color:f.hidden?"var(--vg-text-dim, #6b7280)":"var(--vg-text, #111827)",overflow:"hidden",textOverflow:"ellipsis",whiteSpace:"nowrap"},children:f.label}),p.jsxs("select",{value:(m=f.pinned)!=null?m:"",onChange:h=>o(f.id,h.target.value||null),style:{fontSize:11,padding:"2px 5px",background:"var(--vg-bg-btn, #f3f4f6)",color:"var(--vg-text, #111827)",border:"1px solid var(--vg-border-strong, #d1d5db)",borderRadius:"var(--vg-radius-xs, 3px)",cursor:"pointer",fontFamily:"var(--vg-font, sans-serif)",outline:"none"},children:[p.jsx("option",{value:"",children:"No pin"}),p.jsx("option",{value:"left",children:"Pin left"}),p.jsx("option",{value:"right",children:"Pin right"})]})]},f.id)}),u.length===0&&p.jsxs("div",{style:{padding:"20px 14px",textAlign:"center",fontSize:12,color:"var(--vg-text-dim, #6b7280)"},children:['No columns match "',l,'"']})]}),t&&p.jsx("div",{style:{padding:"10px 14px",borderTop:"1px solid var(--vg-border, #e5e7eb)",flexShrink:0},children:p.jsx("button",{onClick:t,style:{width:"100%",padding:"7px 12px",background:"var(--vg-accent, #2563eb)",color:"var(--vg-accent-fg, #fff)",border:"none",borderRadius:"var(--vg-radius-sm, 4px)",cursor:"pointer",fontWeight:600,fontSize:"var(--vg-font-size, 12.5px)",fontFamily:"var(--vg-font, sans-serif)"},children:"Done"})})]})}function KB(){const[e,t]=S.useState(!1),n=S.useRef(null),[r,o]=S.useState(!1),s=S.useCallback(()=>t(!0),[]),a=S.useCallback(()=>t(!1),[]),l=S.useCallback(()=>t(d=>!d),[]),c=S.useCallback(d=>{n.current=d,r||o(!0)},[r]),u=S.useCallback(({render:d,onClose:f,style:m,className:h})=>{const y=n.current;return y?d?p.jsx("div",{style:m,className:h,children:d({engine:y,close:a})}):p.jsx("div",{style:m,className:h,children:p.jsx(GB,{engine:y,onClose:f})}):null},[r,a]);return{isOpen:e,open:s,close:a,toggle:l,captureEngine:c,engine:n.current,ColumnManagerPanel:u}}const Rc=({pagination:e,gridPath:t,baseUrl:n,t:r})=>{const{selectedPage:o,rowPerPage:s,totalRecords:a,onPageChange:l,onPageSizeChange:c}=e,u=yt(),d=async(h,y)=>{if(!y)return;const g=y.split("/").filter(Boolean),b="settings",T={...JSON.parse(localStorage.getItem(b))||{}};let x=T;for(let w=0;w<g.length;w++){const C=g[w];w===g.length-1?x[C]={...x[C]||{},pageSize:h}:(x[C]={...x[C]||{}},x=x[C])}localStorage.setItem(b,JSON.stringify(T)),await js({baseUrl:n,payload:T})},f=a===0?0:(o-1)*s+1,m=Math.min(o*s,a);return p.jsxs(ie,{sx:{display:"flex",p:"1rem 1.5rem"},children:[p.jsxs(ie,{sx:{display:"flex",flexDirection:"row",alignItems:"center",gap:"0.5rem",width:"100%"},children:[p.jsx(ft,{sx:{fontSize:"1.1rem",color:u.palette.primary.notifyTextColor},children:r("SHOWING_ROWS",{start:f,end:m,current:Math.min(o*s,a),total:a})}),p.jsx(ie,{sx:{"& .MuiInputBase-input":{padding:"0rem 0.8rem!important"},width:"6rem"},children:p.jsx(ws,{options:_8,value:s,onChange:async h=>{c(h),d(h?.value,t)}})})]}),p.jsx(p0,{count:Math.ceil(a/s),page:o,onChange:async(h,y)=>{l(y)},siblingCount:0,shape:"rounded",sx:{width:"100%","& .MuiPagination-ul":{width:"100%",display:"flex",justifyContent:"flex-end","& li:first-of-type":{border:`0.1rem solid ${u.palette.primary.notifyBorderColor}`,color:u.palette.primary.notifyActiveText,marginRight:"1.5rem",borderRadius:"1rem",width:"3rem",height:"3rem",justifyContent:"center",alignItems:"center",display:"flex"},"& li:last-child":{border:`0.1rem solid ${u.palette.primary.notifyBorderColor}`,color:u.palette.primary.notifyActiveText,marginLeft:"1.5rem",borderRadius:"1rem",width:"3rem",height:"3rem",justifyContent:"center",alignItems:"center",display:"flex"}},"& .MuiPaginationItem-root":{color:"#595959",fontSize:"1.1rem",borderRadius:"1rem",width:"3rem",height:"3rem",justifyContent:"center",alignItems:"center",display:"flex","& .MuiSvgIcon-root":{fontSize:"2.2rem"}},"& .Mui-selected":{color:u.palette.primary.notifyActiveText,backgroundColor:`${u.palette.brandColor.paginationBc} !important`}}})]})};Rc.propTypes={pagination:i.object.isRequired},ne(od)(({theme:e})=>({"& .MuiPaper-root":{borderRadius:8,border:`1px solid ${e.palette.primary.notifyBorderColor}`,boxShadow:e.shadows[4],padding:"1rem 1rem 0rem 1rem",backgroundColor:e.palette.primary.notifyBackground}}));const Lr=ne(ft)(({theme:e})=>({color:e.palette.primary.notifyTextColor,fontSize:"1.1rem"})),XB=ne(m0)(({theme:e})=>({width:28,height:16,padding:0,display:"flex","&:active":{"& .MuiSwitch-thumb":{width:15},"& .MuiSwitch-switchBase.Mui-checked":{transform:"translateX(9px)"}},"& .MuiSwitch-switchBase":{padding:2,"&.Mui-checked":{transform:"translateX(12px)",color:"#fff","& + .MuiSwitch-track":{opacity:1,backgroundColor:"#1890ff",...e.applyStyles("dark",{backgroundColor:"#177ddc"})}}},"& .MuiSwitch-thumb":{boxShadow:"0 2px 4px 0 rgb(0 35 11 / 20%)",width:12,height:12,borderRadius:6,transition:e.transitions.create(["width"],{duration:200})},"& .MuiSwitch-track":{borderRadius:16/2,opacity:1,backgroundColor:"rgba(0,0,0,.25)",boxSizing:"border-box",...e.applyStyles("dark",{backgroundColor:"rgba(255,255,255,.35)"})}})),ZB=ne(as)(({theme:e})=>({color:e.palette.primary.notifyTextColor,padding:"0.6rem 0",fontSize:"0.9rem",fontWeight:500,"&::before, &::after":{borderColor:`${e.palette.primary.notifyBorderColor}!important`}})),JB=ne(Zu)(({theme:e})=>({"& .MuiBadge-badge":{right:3.5,top:1.8,border:`0.1rem solid ${e.palette.primary.notifyBackground}`,padding:"0 1.3px",borderRadius:"50%",backgroundColor:"#D44E40",fontSize:"0.725rem",minWidth:"0.7rem",height:"0.7rem"}}));ne(xd)(({theme:e})=>({"& .MuiInputBase-root":{height:"3.52rem"},"& .MuiFormLabel-root":{color:`${e.palette.primary.notifyBorderColor} !important`,fontSize:"1rem",marginTop:"0.4rem"},"& label.Mui-focused":{color:e.palette.primary.notifyTextColor},"& .MuiInput-underline:after":{borderBottomColor:e.palette.primary.notifyBorderColor,borderBottomWidth:"0.1rem"},"& .MuiOutlinedInput-root":{"& fieldset":{borderColor:e.palette.primary.notifyBorderColor,borderWidth:"0.1rem"},"&:hover fieldset":{borderColor:e.palette.primary.notifyBorderColor,borderWidth:"0.1rem"},"&.Mui-focused fieldset":{borderColor:e.palette.primary.notifyBorderColor,borderWidth:"0.1rem"}}}));const QB=ne(P0)(({theme:e})=>({minHeight:"2rem","& .MuiTabs-indicator":{height:"0.1rem",backgroundColor:e.palette.primary.notifyActiveText}})),Sp=ne(g0)(({theme:e})=>({color:e.palette.primary.notifyActiveText,textTransform:"none",fontWeight:"normal",padding:0,fontSize:"1rem",minHeight:"2rem",paddingBottom:"1rem","&.Mui-selected":{fontWeight:"bold",color:e.palette.primary.notifyActiveText}})),Nc=ne(bg)(({theme:e})=>({"&.MuiChip-outlined":{borderColor:e.palette.primary.notifyBorderColor,color:e.palette.primary.notifyActiveText},height:"2rem",fontSize:"0.9rem",fontWeight:"300",borderColor:e.palette.primary.notifyBorderColor,color:e.palette.primary.notifyActiveText,borderRadius:"0.6rem",padding:"0.2rem","&:hover":{backgroundColor:`${e.palette.brandColor.orange} !important`,color:`${e.palette.brandColor.white} !important`}}));function eL(e,t){const n=new Map((t??[]).map(s=>[s.id,s.label])),r=[],o=new Set;for(const s of e)s.label?.trim()&&(s.groupId?(o.has(s.groupId)||(o.add(s.groupId),r.push({isGroup:!0,id:s.groupId,label:n.get(s.groupId)??s.groupId,children:[]})),r.find(a=>a.isGroup&&a.id===s.groupId)?.children.push(s)):r.push({isGroup:!1,...s}));return r}const Ds=({children:e,indent:t=!1,onClick:n,...r})=>p.jsx(Ge,{direction:"row",alignItems:"center",gap:"0.5rem",onClick:n,sx:{pl:t?"2.2rem":"0.8rem",pr:"0.8rem",py:"0.4rem",cursor:"pointer",minHeight:"2rem",userSelect:"none","&:hover":{background:o=>o.palette.action?.hover??"rgba(0,0,0,0.04)"}},...r,children:e}),Is=({hidden:e,children:t})=>p.jsx(ft,{sx:{fontSize:"1.1rem",fontWeight:300,color:n=>e?n.palette.primary.notifyTextColor:n.palette.primary.notifyActiveText,overflow:"hidden",textOverflow:"ellipsis",minWidth:0},children:t});function tL({item:e,onDragEnd:t,hiddenIds:n,expandedIds:r,toggleExpand:o,handleGroupToggle:s,handleChildToggle:a,groupAllVisible:l,groupSomeVisible:c}){const u=$v(),d=r.has(e.id);return p.jsxs(Fv,{value:e,dragListener:!1,dragControls:u,onDragEnd:t,as:"div",whileDrag:{opacity:.75,scale:1.01,zIndex:50},layout:!1,style:{listStyle:"none"},children:[p.jsx(Ds,{onClick:()=>e.children.length===1&&s(e),children:p.jsxs(Ge,{direction:"row",justifyContent:"space-between",alignItems:"center",width:"100%",gap:"0.5rem",children:[p.jsx(ie,{onPointerDown:f=>f.stopPropagation(),onClick:f=>{f.stopPropagation(),o(e.id)},sx:{cursor:"pointer",flexShrink:0,width:"2rem",height:"0.9rem",opacity:.6,display:"flex",alignItems:"center",justifyContent:"center"},children:p.jsx(Vt,{url:d?Ke.ArrowSelectUp:Ke.ArrowRight})}),p.jsxs(Ge,{direction:"row",gap:"0.5rem",width:"100%",alignItems:"center",children:[p.jsx(ie,{onPointerDown:f=>f.stopPropagation(),children:p.jsx(vr,{sx:{p:0},checked:l(e),indeterminate:c(e),onClick:f=>{f.stopPropagation(),s(e)}})}),p.jsx(Is,{hidden:!l(e)&&!c(e),children:e.label})]})]})}),d&&e.children.map(f=>p.jsx(Ds,{indent:!0,onClick:()=>a(f),children:p.jsxs(Ge,{direction:"row",gap:"1rem",width:"100%",children:[p.jsx(ie,{sx:{flexShrink:0,width:"1rem",height:"0.9rem"}}),p.jsx(ie,{onPointerDown:m=>m.stopPropagation(),children:p.jsx(vr,{sx:{p:0},checked:!n.has(f.id),onClick:m=>{m.stopPropagation(),a(f)}})}),p.jsx(Is,{hidden:n.has(f.id),children:f.label})]})},f.id))]})}function nL({item:e,onDragEnd:t,hiddenIds:n,handleLeafToggle:r}){const o=$v();return p.jsx(Fv,{value:e,dragListener:!1,dragControls:o,onDragEnd:t,as:"div",whileDrag:{opacity:.75,scale:1.01,zIndex:50},layout:!1,style:{listStyle:"none"},children:p.jsx(Ds,{onClick:()=>r(e),children:p.jsxs(Ge,{direction:"row",justifyContent:"space-between",alignItems:"center",width:"100%",gap:"0.5rem",children:[p.jsx(ie,{sx:{flexShrink:0,width:"2rem",height:"0.9rem"}}),p.jsxs(Ge,{direction:"row",gap:"0.5rem",width:"100%",alignItems:"center",children:[p.jsx(ie,{onPointerDown:s=>s.stopPropagation(),children:p.jsx(vr,{sx:{p:0},checked:!n.has(e.id),onClick:s=>{s.stopPropagation(),r(e)}})}),p.jsx(Is,{hidden:n.has(e.id),children:e.label})]})]})})})}const rL=({engine:e,onClose:t})=>{const{t:n}=S.useContext(ln),{orderedColumns:r,toggleColumnVisibility:o,showAllColumns:s,resetColumns:a,moveColumnBefore:l,groups:c=[]}=e,u=S.useMemo(()=>r.filter(A=>A.draggable||A.hideable),[r]),[d,f]=S.useState(""),[m,h]=S.useState(new Set),[y,g]=S.useState(()=>eL(u,c)),b=S.useRef(y),[v,T]=S.useState(()=>{const A=new Set;return u.forEach($=>{$.hidden&&A.add($.id)}),A}),x=A=>h($=>{const N=new Set($);return N.has(A)?N.delete(A):N.add(A),N}),w=S.useMemo(()=>u.filter(A=>A.label?.trim()).map(A=>A.id),[u]);w.length>0&&w.every(A=>!v.has(A));const C=A=>A.children.every($=>!v.has($.id)),k=A=>A.children.some($=>!v.has($.id))&&!A.children.every($=>!v.has($.id)),O=A=>{const $=new Set(v),N=A.children.every(U=>!$.has(U.id));T(U=>{const Z=new Set(U);return A.children.forEach(z=>N?Z.add(z.id):Z.delete(z.id)),Z}),setTimeout(()=>{A.children.forEach(U=>{const Z=$.has(U.id);N&&!Z&&o(U.id),!N&&Z&&o(U.id)})},0)},M=A=>{o(A.id),T($=>{const N=new Set($);return N.has(A.id)?N.delete(A.id):N.add(A.id),N})},P=A=>{o(A.id),T($=>{const N=new Set($);return N.has(A.id)?N.delete(A.id):N.add(A.id),N})},j=A=>{g(A),b.current=A},B=()=>{const $=b.current.flatMap(N=>N.isGroup?N.children.map(U=>U.id):[N.id]);setTimeout(()=>{for(let N=$.length-2;N>=0;N--)l($[N],$[N+1])},0)},E=S.useMemo(()=>{if(!d)return y;const A=d.toLowerCase();return y.reduce(($,N)=>{if(N.isGroup){const U=N.label.toLowerCase().includes(A),Z=N.children.filter(z=>z.label.toLowerCase().includes(A));U?$.push(N):Z.length&&$.push({...N,children:Z})}else N.label.toLowerCase().includes(A)&&$.push(N);return $},[])},[y,d]),R={hiddenIds:v,expandedIds:m,toggleExpand:x,handleGroupToggle:O,handleChildToggle:M,handleLeafToggle:P,groupAllVisible:C,groupSomeVisible:k,onDragEnd:B};return p.jsxs(ie,{sx:{display:"flex",flexDirection:"column",height:"100%",background:A=>A.palette.primary.notifyBackground,border:A=>`0.1rem solid ${A.palette.primary.notifyBorderColor}`,overflow:"hidden",py:"1rem"},children:[p.jsx(ie,{sx:{flexShrink:0,padding:"0rem 1rem",pb:"0.5rem"},children:p.jsx(Zi,{type:"text",placeholder:n("SEARCH"),value:d,variant:"standard",size:"small",InputProps:{disableUnderline:!0},onChange:A=>f(A.target.value),sx:{background:A=>A.palette.primary.appBackground,borderRadius:"0.8rem",border:A=>`0.1rem solid ${A.palette.primary.notifyBorderColor}`,width:"100%","& .MuiInputBase-input":{padding:"0.5rem 0.8rem!important",height:"1.8rem"}}})}),p.jsx(ie,{sx:{flex:1,overflowY:"auto",scrollbarWidth:"thin"},children:(d?E:y).length===0?p.jsx(Ge,{justifyContent:"center",alignItems:"center",sx:{height:"3rem"},children:p.jsx(ft,{sx:{color:A=>A.palette.primary.notifyTextColor,fontSize:"1.1rem"},children:n("NO_OPTIONS")})}):d?p.jsx(ie,{children:E.map(A=>A.isGroup?p.jsxs(ie,{children:[p.jsx(Ds,{onClick:()=>A.children.length===1&&O(A),children:p.jsxs(Ge,{direction:"row",justifyContent:"space-between",alignItems:"center",width:"100%",gap:"0.5rem",children:[p.jsx(ie,{onClick:$=>{$.stopPropagation(),x(A.id)},sx:{cursor:"pointer",flexShrink:0,width:"2rem",height:"0.9rem",opacity:.6,display:"flex",alignItems:"center",justifyContent:"center"},children:p.jsx(Vt,{url:m.has(A.id)?Ke.ArrowSelectUp:Ke.ArrowRight})}),p.jsxs(Ge,{direction:"row",gap:"0.5rem",width:"100%",alignItems:"center",children:[p.jsx(vr,{sx:{p:0},checked:C(A),indeterminate:k(A),onClick:$=>{$.stopPropagation(),O(A)}}),p.jsx(ie,{sx:{flexShrink:0,width:"2rem",height:"0.9rem",opacity:.25,display:"flex",alignItems:"center",justifyContent:"center"}}),p.jsx(Is,{hidden:!C(A)&&!k(A),children:A.label})]})]})}),A.children.map($=>p.jsx(Ds,{indent:!0,onClick:()=>M($),children:p.jsxs(Ge,{direction:"row",gap:"1rem",width:"100%",children:[p.jsx(ie,{sx:{flexShrink:0,width:"1rem",height:"0.9rem"}}),p.jsx(vr,{sx:{p:0},checked:!v.has($.id),onClick:N=>{N.stopPropagation(),M($)}}),p.jsx(Is,{hidden:v.has($.id),children:$.label})]})},$.id))]},A.id):p.jsx(Ds,{onClick:()=>P(A),children:p.jsxs(Ge,{direction:"row",justifyContent:"space-between",alignItems:"center",width:"100%",gap:"0.5rem",children:[p.jsx(ie,{sx:{flexShrink:0,width:"2rem",height:"0.9rem"}}),p.jsxs(Ge,{direction:"row",gap:"0.5rem",width:"100%",alignItems:"center",children:[p.jsx(vr,{sx:{p:0},checked:!v.has(A.id),onClick:$=>{$.stopPropagation(),P(A)}}),p.jsx(ie,{sx:{flexShrink:0,width:"2rem",height:"0.5rem",opacity:.25,display:"flex",alignItems:"center",justifyContent:"center"}}),p.jsx(Is,{hidden:v.has(A.id),children:A.label})]})]})},A.id))}):p.jsx(cR,{as:"div",axis:"y",values:y,onReorder:j,style:{padding:0,margin:0},children:y.map(A=>A.isGroup?p.jsx(tL,{item:A,...R},A.id):p.jsx(nL,{item:A,...R},A.id))})})]})};function oL({columns:e,data:t,maxHeight:n=400,freezeColId:r,features:o,rowHeight:s,colMgr:a,sidebarOpen:l,onColumnSave:c,onColumnReorder:u,onColumnResize:d,isManageable:f,...m}){const h=yt(),y=h.mode==="dark"?"dark":"light",g=h.palette.primary.notifyBackground,b=h.palette.primary.appBackground,v=h.palette.primary.notifyTextColor,T=h.palette.primary.notifyActiveText,x=h.palette.primary.notifyBorderColor,w=h.typography?.fontFamily??"Euclid Circular Regular, sans-serif",C={root:{borderRadius:f?"1.4rem 0 0 1.4rem":"1.4rem",border:`0.1rem solid ${x}`,borderRight:l?"none":`0.1rem solid ${x}`,background:g,fontFamily:w,fontSize:"1.1rem",overflow:"hidden"},headerRow:{background:g,color:T,fontWeight:600},groupRow:{background:g,color:T,borderColor:x,borderLeft:`0.1rem solid ${x}`,fontWeight:600,borderBottom:`0.1rem solid ${x}`},groupHeaderCell:{borderColor:x,borderLeft:`0.1rem solid ${x}`,borderRight:`0.1rem solid ${x}`},headerCell:{background:g,color:v,borderColor:x,borderRight:"none",padding:"0 12px",textAlign:"center",fontWeight:"bold",fontSize:"1.1rem",lineHeight:"1.5rem",whiteSpace:"nowrap",overflow:"hidden",textOverflow:"ellipsis"},row:{background:g,color:v,borderColor:x,fontSize:"1.1rem"},cell:{background:g,borderBottom:`0.1rem solid ${x}`,borderRight:"none",color:v,borderColor:x,padding:"0",textAlign:"center",fontSize:"1.1rem",whiteSpace:"nowrap",overflow:"hidden",textOverflow:"ellipsis",fontVariantNumeric:"tabular-nums"},pinnedCell:{background:g,color:v,borderBottom:`0.1rem solid ${x}`,borderRight:"none",padding:"0"},pinnedHeaderCell:{background:g,color:v,borderColor:x,borderRight:"none",padding:"0"},rowSelected:{background:b}},k={sortAsc:p.jsx(Vt,{url:Ke.AscSort}),sortDesc:p.jsx(Vt,{url:Ke.DescSort}),sortNone:p.jsx(Vt,{url:Ke.Unsort})},O={columns:e,data:t,rowHeight:s,maxHeight:n,theme:y,features:o,styles:C,icons:k,slots:{loadingCell:p.jsx(mc,{type:"cell"}),toolbar:M=>{a.captureEngine(M)},rowSelectionIndicator:(M,P)=>p.jsx("div",{style:{position:"absolute",bottom:0,left:0,width:"100%",height:"0.08rem",background:"linear-gradient(to right, #F9B16E, #F68080)",pointerEvents:"none",zIndex:5}})},onColumnStateChange:M=>c?.(M),onColumnReorder:u,onColumnResize:d,...m};return p.jsx(qB,{...O})}function sL(e){const{t}=S.useContext(ln),n=KB(),{tableProps:r,toolbarProps:o}=e,{pagination:s={},data:a=[],childUniqueKey:l="",groupByUniqueKey:c=""}=r??{},{gridPath:u="",baseUrl:d="",groupByUniqueKey:f=""}=o??{},m=c||f,h=r?.columns?.definitions,[y,g]=S.useState(0),b=h?.definitions??[],v=h?.defaultUserSettings??[],T=S.useMemo(()=>b.filter(I=>I.isVisible!==!1),[h?.definitions]),{settings:x,hasNewColumns:w}=S.useMemo(()=>!u||!b.length?{settings:h?.settings??[],hasNewColumns:!1}:sB({definitions:b,defaultSetting:v,gridPath:u,childUniqueKey:l}),[u,l,y]),C=S.useRef(null),k=S.useRef(null),O=S.useRef(null),M=S.useRef(x),P=o?.defaultTools?.groupBy?.appliedValue;S.useEffect(()=>{if(!u||!Array.isArray(P))return;const I=JSON.stringify(P);I!==O.current&&(O.current=I,iB({groupBy:P,gridPath:u,baseUrl:d,groupByUniqueKey:m}))},[P,u,d,l,m]);const j=S.useRef(l);j.current!==l&&(j.current=l,M.current=x,k.current=null);const B=I=>{const V=[];return I.forEach(K=>{V.push(K),(Array.isArray(K.children)?K.children:l?K.children?.[l]??[]:[]).forEach(X=>V.push(X))}),V},E=S.useCallback(I=>{u&&(clearTimeout(C.current),C.current=setTimeout(()=>{const V=new Map(I.map(H=>[H.id,H])),K=new Map(B(M.current).map(H=>[H.key,H])),W=new Map(B(x).map(H=>[H.key,H])),X=b.map(H=>{const oe=V.get(H.key),ae=K.get(H.key)??W.get(H.key),_={key:H.key,sequenceId:ae?.sequenceId??0,isHidden:oe?oe.hidden:ae?.isHidden??!0,style:ae?.style??H.style??{}};if(H.children?.length&&l){const Y=ae?.children&&!Array.isArray(ae.children)?ae.children:{},L=H.children.map(ce=>{const te=V.get(ce.key),Q=K.get(ce.key)??W.get(ce.key);return{key:ce.key,sequenceId:Q?.sequenceId??0,isHidden:te?te.hidden:Q?.isHidden??!1,style:Q?.style??ce.style??{}}});_.children={...Y,[l]:L}}return _}),G=JSON.stringify(X);if(k.current===null){k.current=G,M.current=X,w&&(Pc({settings:X,gridPath:u,baseUrl:d}),g(H=>H+1));return}G!==k.current&&(k.current=G,M.current=X,Pc({settings:X,gridPath:u,baseUrl:d}),g(H=>H+1))},1500))},[u,d,w,b,x,l]),R=S.useCallback(I=>{if(!u)return;const V=new Map(I.map((G,H)=>[G,H])),K=new Map(B(M.current).map(G=>[G.key,G])),W=b.map(G=>{const H=K.get(G.key),oe={key:G.key,sequenceId:V.get(G.key)??H?.sequenceId??0,isHidden:H?.isHidden??!1,style:H?.style??G.style??{}};return G.children?.length&&l&&H?.children&&(oe.children=H.children),oe}),X=JSON.stringify(W);X!==k.current&&(k.current=X,M.current=W,Pc({settings:W,gridPath:u,baseUrl:d}),g(G=>G+1))},[u,d,b,l]),A=S.useCallback((I,V)=>{u&&(clearTimeout(C.current),C.current=setTimeout(()=>{const K=`${V}px`,W=new Map(B(M.current).map(H=>[H.key,H])),X=b.map(H=>{const oe=W.get(H.key),_=H.key===I?{width:K}:oe?.style??H.style??{},Y={key:H.key,sequenceId:oe?.sequenceId??0,isHidden:oe?.isHidden??!1,style:_};if(H.children?.length&&l){const L=oe?.children??{},te=(Array.isArray(L[l])?L[l]:[]).map(Q=>Q.key===I?{...Q,style:{width:K}}:Q);Y.children={...L,[l]:te}}return Y}),G=JSON.stringify(X);G!==k.current&&(k.current=G,M.current=X,Pc({settings:X,gridPath:u,baseUrl:d}),g(H=>H+1))},1500))},[u,d,b,l]),$=S.useMemo(()=>{if(!x.length)return T;const I=new Map(x.map(V=>[V.key,V.sequenceId??0]));return[...T].sort((V,K)=>(I.get(V.key)??0)-(I.get(K.key)??0))},[T,x]),N=S.useMemo(()=>h&&{...h,definitions:$,settings:x,childUniqueKey:l},[h,$,x,l]),U=S.useMemo(()=>uB(N),[N]),Z=S.useRef(null),z={pageSize:s?.rowPerPage,gridData:a},F=S.useMemo(()=>{const I=o?.defaultTools?.groupBy;if(!I||!Object.prototype.hasOwnProperty.call(I,"appliedValue"))return o;const V={...I};return delete V.appliedValue,{...o,defaultTools:{...o.defaultTools,groupBy:V}}},[o]);return p.jsxs(qt,{children:[o&&p.jsx(jc,{...F,...z}),a.length?p.jsxs(p.Fragment,{children:[p.jsxs(ie,{sx:{display:"flex",alignItems:"stretch"},children:[p.jsxs(ie,{ref:Z,sx:{flex:1,minWidth:0,alignSelf:"flex-start",position:"relative"},children:[p.jsx(oL,{...r,columns:U,colMgr:n,sidebarOpen:!1,isManageable:r?.columns?.isManageable,onColumnSave:E,onColumnReorder:R,onColumnResize:A}),r?.columns?.isManageable&&n.isOpen&&p.jsx(ie,{sx:{position:"absolute",top:0,right:0,width:260,height:"100%",zIndex:10,display:"flex",flexDirection:"column",overflow:"hidden"},children:p.jsx(n.ColumnManagerPanel,{style:{width:"100%",height:"100%",display:"flex",flexDirection:"column",overflow:"hidden"},render:({engine:I,close:V})=>p.jsx(rL,{engine:I,onClose:V})})})]}),r?.columns?.isManageable&&p.jsx(ls,{title:t("LABEL_MANAGE_COLUMN"),placement:"left",children:p.jsxs(ie,{onClick:n.toggle,sx:{width:"2rem",flexShrink:0,display:"flex",flexDirection:"column",alignItems:"center",justifyContent:"center",cursor:"pointer",gap:"0.5rem",p:"0 1.3rem",borderRadius:(n.isOpen,"0 1.4rem 1.4rem 0"),border:I=>`0.1rem solid ${I.palette.primary.notifyBorderColor}`,borderLeft:"none",background:I=>I.palette.primary.notifyButtonBackground,transition:"background 0.15s","&:hover":{background:I=>I.palette.primary.appBackground}},children:[p.jsx(ie,{component:"img",src:Ke.Manage,sx:{width:"1.6rem",height:"2rem",transform:"rotate(90deg)"}}),p.jsx(ft,{sx:{fontSize:"1rem",letterSpacing:"0.08em",writingMode:"vertical-rl",textOrientation:"mixed",transform:"rotate(360deg)",userSelect:"none",color:I=>I.palette.primary.notifyTextColor},children:a?.length>1?t("LABEL_MANAGE_COLUMN"):t("LABEL_MANAGE_COLUMN")?.slice(0,7)})]})})]}),Object.keys(s).length>0&&p.jsx(Rc,{pagination:s,gridPath:u,baseUrl:d,t})]}):p.jsx(Lr,{sx:{textAlign:"center"},children:t(xr.NRF)})]})}const X2=e=>{let{disabled:t=!1,minWidth:n=0,maxWidth:r,className:o="",id:s,resizeStart:a,resizeEnd:l,defaultWidth:c,rowSpan:u=1,colSpan:d=1}=e;const[f,m]=S.useState(!1),[h,y]=S.useState(0),[g,b]=S.useState(0),[v,T]=S.useState(0),[x,w]=S.useState(null),C=S.useRef(null),k=S.useCallback(E=>{if(!t&&(w(s),a&&a(),m(!0),y(E),b(0),C.current)){const R=C.current.previousSibling;R&&b(R.clientWidth)}},[t,s,a]),O=S.useCallback(()=>{t||(f&&l&&x===s&&l(v),m(!1),w(null))},[t,l,x,s,v,f]),M=S.useCallback(E=>{if(t)return;const R="touches"in E?E.touches[0].screenX:E.screenX;if(!f)return;const A=C.current;if(!A||!A.previousSibling)return;const $=A.previousSibling,N=h-R;let U=g-N;n!==void 0&&U<n&&(U=n),r!==void 0&&U>r&&(U=r),$.style.width=U+"px",$.style.minWidth=U+"px",$.style.maxWidth=U+"px",$.style.setProperty("--column_resize_before_width",U+"px"),T(U)},[t,f,h,g,n,r]);S.useEffect(()=>{const E=C.current;if(E&&E.previousSibling){const R=E.previousSibling;c?(R.style.minWidth=c+"px",R.style.width=c+"px",R.style.maxWidth=c+"px",R.style.setProperty("--column_resize_before_width",c+"px")):n&&(R.style.minWidth=n+"px",R.style.width=n+"px",R.style.maxWidth=n+"px",R.style.setProperty("--column_resize_before_width",n+"px"))}},[c,n]),S.useEffect(()=>{const E=C.current;if(t&&E&&E.previousSibling){const R=E.previousSibling;c&&(R.style.minWidth=c+"px",R.style.width=c+"px",R.style.maxWidth=c+"px",R.style.setProperty("--column_resize_before_width",c+"px")),r&&(R.style.maxWidth=r+"px")}},[t,c,r]);const P=S.useCallback(()=>{document.addEventListener("mousemove",M),document.addEventListener("mouseup",O),document.addEventListener("touchmove",M),document.addEventListener("touchend",O)},[M,O]),j=S.useCallback(()=>{document.removeEventListener("mousemove",M),document.removeEventListener("mouseup",O),document.removeEventListener("touchmove",M),document.removeEventListener("touchend",O)},[M,O]);S.useEffect(()=>(t||P(),()=>{j()}),[t,P,j]);const B={userSelect:"none"};return t||(B.cursor="ew-resize"),o===""&&(B.width="6px",B.backgroundColor="rgba(0, 0, 0, 0.1)"),S.createElement("th",{ref:C,style:B,rowSpan:u,colSpan:d,className:"column_resizer_own_class ".concat(t?"disabled_column_resize":""," ").concat(o),onMouseDown:t?void 0:E=>k(E.screenX),onTouchStart:t?void 0:E=>k(E.touches[0].screenX)})};function $c({isRenderCellContent:e,column:t,row:n,parent:r}){const o=n[t.key],s=o?.length>20;return p.jsx(p.Fragment,{children:e?p.jsx(ie,{sx:{display:"flex",alignItems:"center",justifyContent:"center",width:"100%",overflow:"hidden",whiteSpace:"nowrap",textOverflow:"ellipsis",textTransform:"none",fontSize:"1.1rem"},children:t?.cellRenderer(n,{column:t,parent:r})}):p.jsx(p.Fragment,{children:s?p.jsx(ls,{title:o,placement:"top",componentsProps:{tooltip:{sx:{fontSize:"1rem",padding:"0.5rem 1rem",boxShadow:"0 2px 8px rgba(0,0,0,0.3)"}}},children:p.jsx(ie,{sx:{maxWidth:"auto",whiteSpace:"normal"},children:p.jsx(ft,{sx:{fontSize:"1.1rem",overflow:"hidden",whiteSpace:"nowrap",textOverflow:"ellipsis",textTransform:"none"},children:o})})}):p.jsx(ie,{sx:{overflow:"hidden",whiteSpace:"nowrap",textOverflow:"ellipsis",textTransform:"none",fontSize:"1.1rem",m:0},id:t.key,component:"p",children:o??""})})})}$c.propTypes={isRenderCellContent:i.bool,column:i.object,row:i.object};const iL=ne(cs)(({theme:e})=>({overflow:"hidden",textOverflow:"ellipsis",whiteSpace:"nowrap",display:"table-cell",[`&.${gd.head}`]:{color:e.palette.primary.notifyTextColor,backgroundColor:e.palette.primary.notifyBackground,borderColor:e.palette.primary.notifyBorderColor,padding:"0rem",textAlign:"center",lineHeight:"1.5rem"},[`&.${gd.body}`]:{color:e.palette.primary.notifyTextColor,borderColor:e.palette.primary.notifyBorderColor,padding:"0rem",textAlign:"center"}}));function Do({children:e,...t}){return p.jsx(iL,{...t,children:e})}Do.propTypes={children:i.node};const aL=ne(S0)(()=>({"&:last-child td":{borderBottom:"none"}}));function to({children:e,...t}){return p.jsx(aL,{...t,children:e})}to.propTypes={children:i.node};const Z2=S.memo(({row:e,isSelected:t,isHigh:n,onRowClick:r,children:o,sxProps:s})=>p.jsx(to,{sx:a=>({backgroundColor:t||n?a.palette.primary.appBackground:a.palette.primary.notifyBackground,...s}),onClick:()=>r?.(e),children:o},e?.fhi)),J2=S.memo(({nestedData:e,nestedColumn:t,t:n})=>e?.length?p.jsx(p.Fragment,{children:e.map((r,o)=>p.jsx(to,{children:t.map((s,a)=>p.jsx(Do,{style:s?.style,children:p.jsx($c,{isRenderCellContent:!!s?.cellRenderer,column:s,row:r})},a))},`nested-${o}`))}):p.jsx(to,{children:p.jsx(Do,{colSpan:t.length,children:p.jsx(Lr,{sx:{textAlign:"center"},children:n(xr.NRF)})})})),Q2=(e,t,n,r,o,s)=>{const[a,l]=S.useState({isOpen:!1,column:null}),c=(m,h,y)=>{l({isOpen:m.currentTarget,column:h,isChild:!!y})},u=()=>{l({isOpen:!1,column:null,isChild:!1})},d=async()=>{u();const m=e.map(h=>{if(a?.isChild&&Array.isArray(h.children)){const y=h.children.map(b=>b.key===a.column?.key?{...b,isHidden:!0}:b),g=y.every(b=>b.isHidden);return{...h,isHidden:g?!0:h.isHidden,children:y}}return h.key===a.column?.key?{...h,isHidden:!0}:h});f({updatedColumns:m})},f=async({updatedColumns:m})=>{t({type:We.SET_GRID_DATA,payload:{visibleGridColumns:m}});const h=r.split("/").filter(Boolean),y=JSON.parse(localStorage.getItem(fn.SETTINGS));let g=h.reduce((k,O)=>k?.[O],y)||null,b=fa({columns:m,childUniqueKey:s});const v=Br(g?.columns);b=b?.map(k=>{const O=k?.children||{},M=v?.[k?.key]?.children||{};return{...k,...(Object.keys(M)?.length>0||O?.[s])&&{children:{...M,[s]:O?.[s]}}}});const x={...y||{platform:{theme:"light"}}},w=g?.pageSize??o;let C=x;for(let k=0;k<h.length;k++){const O=h[k];k===h.length-1?C[O]={columns:b,pageSize:w}:(C[O]={...C[O]||{}},C=C[O])}localStorage.setItem(fn.SETTINGS,JSON.stringify(x)),await js({baseUrl:n,payload:x})};return{selectedColumn:a,handleMenuClick:c,handleClose:u,handleHideClick:d,columnUpdaterFunction:f}},Cp=({menuOpen:e,handleClose:t,onHideClick:n})=>{const r=yt(),{t:o}=S.useContext(ln);return p.jsx(ji,{open:!!e,anchorEl:e,onClose:t,anchorOrigin:{vertical:"bottom",horizontal:"left"},children:p.jsx(ie,{sx:{backgroundColor:r.palette.primary.notifyBackground,border:`0.1rem solid ${r.palette.primary.notifyBorderColor}`,minHeight:"2.3rem",display:"flex",justifyContent:"center",alignItems:"center"},children:p.jsx(Cl,{onClick:n,disableRipple:!0,sx:{textTransform:"none",fontSize:"1.1rem",p:"0.4rem 1rem",minHeight:"unset",fontWeight:500,color:r.palette.primary.notifyTextColor,backgroundColor:"transparent","&:hover":{backgroundColor:"transparent"},"&:active":{backgroundColor:"transparent"},"&:focus":{backgroundColor:"transparent"}},children:o("LABEL_HIDE_COLUMN")})})})};Cp.propTypes={menuOpen:i.object,handleClose:i.func,onHideClick:i.func};const ex=({sortKey:e,sortField:t,sortDir:n,handleSortClick:r})=>{const o=s=>p.jsx(al,{onClick:r,sx:{padding:"0.2rem"},draggable:!1,children:p.jsx(Vt,{url:s})});return p.jsx(p.Fragment,{children:o(t===e?n==="asc"?Ke.AscSort:Ke.DescSort:Ke.Unsort)})};ex.propTypes={sortKey:i.string.isRequired,sortField:i.string,sortDir:i.string,handleSortClick:i.func};function Tp({parent:e,column:t,sort:n,handleMenuClick:r,isManageable:o}){const s=o&&(!t?.isMandatory||t?.isMandatory&&t?.showHide===!0),a=t?.label,l=t?.helpText,c=t?.isSortable,u=n?.sortField,d=n?.sortDir,f=n?.onSort;return p.jsxs(ie,{sx:{display:"flex",alignItems:"center",justifyContent:"center"},draggable:!1,children:[p.jsx(ie,{sx:{fontWeight:"bold",fontSize:"1.1rem",whiteSpace:"nowrap",overflow:"hidden",textOverflow:"ellipsis",padding:"0.5rem",textAlign:"center"},children:p.jsx(ls,{title:l??a,placement:"top",componentsProps:{tooltip:{sx:{fontSize:"1rem",padding:"0.6rem 1rem",boxShadow:"0 2px 8px rgba(0,0,0,0.3)"}}},children:a??""})}),p.jsxs(ie,{sx:{display:"flex",alignItems:"center"},draggable:!1,children:[c&&p.jsx(ex,{sortKey:e?`${e?.key}|${t?.key}`:t?.key,sortField:u,sortDir:d,handleSortClick:()=>f({column:t,sortDir:d,sortField:u,parent:e})}),s&&p.jsx(al,{draggable:!1,onClick:m=>r(m,t,e),sx:{padding:"0.2rem"},children:p.jsx(Vt,{url:Ke.Menu})})]})]})}Tp.propTypes={column:i.object.isRequired,sort:i.object.isRequired,handleMenuClick:i.func,isManageable:i.bool};function tx({rows:e,sort:t,data:n,pagination:r,columns:o,nested:s,baseUrl:a,gridPath:l,childUniqueKey:c,isVirtualizedTable:u=!1,t:d}){const f=yt(),{visibleGridColumns:m}=S.useContext(Ji),h=S.useContext(xs),{selectedColumn:y,handleMenuClick:g,handleClose:b,handleHideClick:v,columnUpdaterFunction:T}=Q2(m,h,a,l,r?.rowPerPage,c),x=o?.isManageable,w=o?.isResizable,C=n?.length>0,k=S.useRef(null),O=S.useRef(null),M=45,P=10,j=n?.length,[B,E]=S.useState({start:0,end:10}),[R,A]=S.useState(null),[$,N]=S.useState(null),[U,Z]=S.useState(null);let z=null;const F=S.useRef(0),I=S.useRef(!1),V=S.useRef(null),K=N2(s?.column?.definitions||[]),W=s?.isNested,X=s?.data||[],G=s?.hashKey,[H,oe]=S.useState(0);S.useEffect(()=>{if(k.current){const re=()=>{oe(k.current.offsetHeight)};return re(),window.addEventListener("resize",re),()=>window.removeEventListener("resize",re)}},[n]),S.useEffect(()=>{const le=k.current?.querySelector("thead");if(!le)return;const Me=()=>{Z(null)};return le?.addEventListener("mousedown",Me),()=>{le?.removeEventListener("mousedown",Me)}},[]);const ae=(re,le)=>{if(I.current){re.preventDefault();return}A(le),Z(null),re.dataTransfer.setData("colIndex",le);const Me=m[le],me=Me?.label,be=document.createElement("div");be.textContent=me,Object.assign(be.style,{display:"flex",alignItems:"center",justifyContent:"center",padding:"1.5rem 2.5rem",minWidth:Me?.style?.minWidth,maxWidth:Me?.style?.maxWidth,fontSize:"1.2rem",fontWeight:"500",color:f.palette.primary.notifyTextColor,background:f.palette.primary.notifyBackground,border:`0.1rem solid ${f.palette.primary.notifyBorderColor}`,borderRadius:"0rem",pointerEvents:"none",position:"absolute",top:"0",left:"0",zIndex:"-1",textAlign:"center",boxSizing:"border-box",boxShadow:"0 1px 4px rgba(0, 0, 0, 0.2)"}),document.body.appendChild(be);const{offsetWidth:Ae,offsetHeight:Ve}=be;re.dataTransfer.setDragImage(be,Ae/2,Ve/2),requestAnimationFrame(()=>{document.body.removeChild(be)})},_=(re,le)=>{re.preventDefault(),N(le),he(re)},Y=async(re,le)=>{if(re.preventDefault(),clearInterval(z),R===null||R===le)return;const Me=[...m],[me]=Me.splice(R,1);Me.splice(le,0,me);const be=m[R].sequenceId,Ae=m[le].sequenceId,Ve=Me.map(Xe=>Xe.key===m[R].key?{...Xe,sequenceId:Ae}:Xe.key===m[le].key?{...Xe,sequenceId:be}:Xe);T({updatedColumns:Ve}),A(null),N(null)},L=()=>{A(null),N(null)},ce=(re,le,Me,me)=>{if(!re)return null;const be=re?.isMandatory&&re?.isSticky,Ae=parseFloat(re?.style?.minWidth?.toString().replace("rem",""))||7.5;le===0&&(F.current=0);const Ve=be?le===0?0:`${F.current}rem`:void 0;be&&(F.current+=Ae);const Xe=R===le,Ee=$==le||m?.[$]?.isMandatory,pt=et=>{re.isMandatory?(et.preventDefault(),et.dataTransfer.dropEffect="none"):(et.preventDefault(),et.dataTransfer.dropEffect="move"),_?.(et,le)},Ze=et=>{re.isMandatory||Y?.(et,le)};return me&&`${me?.key}${re?.key}${le}`,p.jsx(Do,{rowSpan:re?.children?1:2,colSpan:re?.children?.filter(et=>!et?.isHidden)?.length,style:re?.style,draggable:Me&&!re?.isMandatory,onDragStart:Me&&!re?.isMandatory?et=>ae(et,le):et=>{et.preventDefault()},onDragOver:Me&&!re?.isMandatory?pt:void 0,onDrop:Me&&!re?.isMandatory?Ze:void 0,onDragEnd:Me&&!re?.isMandatory?L:void 0,sx:{...re?.isSticky&&{boxShadow:"rgba(17, 17, 26, 0.3) 4px 0px 6px -2px"},...re.isCenterTable&&{borderRight:"0.1rem solid",borderBottom:"0.1rem solid",borderTop:"none",...re?.key==="volume_value"&&{borderLeft:"1px solid"}},...Xe&&{border:`0.1rem solid ${f.palette.brandColor.lightBlue}!important`},...be&&{position:"sticky",left:Ve,zIndex:3},cursor:Ee?"not-allowed":Me&&!re?.isMandatory?"grab":"default"},children:p.jsx(Tp,{parent:me,column:re,sort:t,handleMenuClick:g,isManageable:Me})},le)},te=S.useCallback((re,le,Me,me)=>{if(!re)return null;const be=re?.isMandatory&&re?.isSticky,Ae=parseFloat(re?.style?.minWidth?.toString().replace("rem",""))||7.5;Me===0&&(F.current=0);const Ve=be?Me===0?0:`${F.current}rem`:void 0;return be&&(F.current+=Ae),p.jsxs(Do,{colSpan:1,style:re?.style,className:`${re?.label}`,sx:{position:"relative",...re.isCenterTable&&{borderRight:"0.1rem solid",borderBottom:"0.1rem solid",borderTop:"none",...re?.key==="volume_value"&&{borderLeft:"1px solid"}},...re?.isSticky&&{boxShadow:"rgba(17, 17, 26, 0.3) 4px 0px 6px -2px"},...be&&{position:"sticky",left:Ve,zIndex:2,backgroundColor:Xe=>e?.selectedRow&&e?.selectedRow?.fhi===le?.fhi||le?.isHigh?Xe.palette.primary.appBackground:Xe.palette.primary.notifyBackground}},children:[(e?.selectedRow&&e?.selectedRow?.fhi===le?.fhi||le?.isHigh)&&p.jsx(ie,{sx:{position:"absolute",bottom:0,left:0,width:"100%",height:"0.08rem",background:"linear-gradient(#F9B16E, #F68080)",pointerEvents:"none",zIndex:1}}),p.jsx($c,{isRenderCellContent:!!re?.cellRenderer,column:re,row:le,parent:me})]},Me)},[e?.selectedRow,f]),Q=(re,le,Me,me)=>p.jsx(p.Fragment,{children:re&&Me&&!re?.isMandatory?p.jsx(ie,{resizeStart:()=>{re?.isMandatory&&!re?.isResizable||(I.current=!0)},resizeEnd:be=>{re?.isMandatory&&!re?.isResizable||be<=20||(I.current=!1,L2({index:le,visibleGridColumns:m,width:be,columnUpdaterFunction:T}))},component:re?.children||re?.isMandatory?cs:X2,rowSpan:re?.children?1:2,colSpan:1,id:le,sx:{width:"1rem",maxWidth:"1rem",minWidth:"1rem",padding:0,position:"relative",borderBottom:`0.1rem solid ${f.palette.primary.notifyBorderColor}`,cursor:"col-resize","&::after":{content:'""',position:"absolute",top:"50%",left:"50%",transform:"translate(-50%, -50%)",width:"0.15rem",height:"1.5rem",backgroundColor:f.palette.primary.notifyBorderColor,zIndex:1},...!re?.isMandatory&&{"&:hover::after":{content:'""',position:"absolute",top:0,left:"50%",transform:"translateX(-50%)",width:"0.2rem",height:`${H}px`,backgroundColor:f.palette.primary.notifyBorderColor,zIndex:1}}}}):null}),xe=S.useCallback((re,le,Me,me,be,Ae,Ve)=>p.jsx(p.Fragment,{children:le&&me&&!le?.isMandatory?p.jsx(cs,{className:"column_resizer_body",sx:{width:"1rem",maxWidth:"1rem",minWidth:"1rem",padding:0,position:"relative",borderBottom:`0.1rem solid ${f.palette.primary.notifyBorderColor}`},children:(e?.selectedRow&&e?.selectedRow?.fhi===re?.fhi||re?.isHigh)&&p.jsx(ie,{sx:{position:"absolute",bottom:0,left:0,width:"100%",height:"0.08rem",background:"linear-gradient(#F9B16E, #F68080)",pointerEvents:"none"}})},`resize-${Me}_${Ve}`):null}),[e?.selectedRow,f]),he=re=>{const le=k.current,{left:Me,right:me}=le.getBoundingClientRect(),be=50,Ae=re.clientX>me-be?1:re.clientX<Me+be?-1:0;Ae!==0?(V.current&&clearInterval(V.current),V.current=setInterval(()=>{le.scrollLeft+=Ae*10},50)):V.current&&(clearInterval(V.current),V.current=null)},Se=re=>re?.map((le,Me)=>{const me=B.start+Me,be=le[G],Ae=X?.[be],Ve=e?.selectedRow&&e?.selectedRow?.fhi===le?.fhi,Xe=le?.isHigh;return p.jsxs(S.Fragment,{children:[p.jsx(Z2,{row:le,isSelected:Ve,isHigh:Xe,onRowClick:e?.onRowClick,children:m.map((Ee,pt)=>Ee?.isHidden||Ee?.isVisible===!1?null:Ee?.children?Ee.children.map((Ze,et)=>Ze?.isHidden?null:p.jsxs(S.Fragment,{children:[te(Ze,le,et,Ee),w&&xe(le,Ze,et,x,Ee,"",me)]},`col-${pt}-${et}`)):p.jsxs(S.Fragment,{children:[te(Ee,le,pt),w&&xe(le,Ee,pt,x,"","",me)]},`col-${pt}`))}),W&&Ae&&p.jsx(J2,{nestedData:Ae,nestedColumn:K,t:d})]},`row-${me}`)}),Ce=()=>{const re=O.current;if(!re)return;const le=re.scrollTop,Me=re.clientHeight,me=Math.floor(le/M)-P,be=Math.ceil(Me/M)+2*P,Ae=Math.max(0,Math.min(j-1,me)),Ve=Math.max(Ae,Math.min(j,Ae+be));E(Xe=>Xe.start===Ae&&Xe.end===Ve?Xe:{start:Ae,end:Ve})};S.useEffect(()=>{let re;const le=()=>{re&&cancelAnimationFrame(re),re=requestAnimationFrame(()=>{Ce()})},Me=O.current;if(!(!Me||!u))return Ce(),Me.addEventListener("scroll",le),()=>{cancelAnimationFrame(re),Me.removeEventListener("scroll",le)}},[j]);const ze=B.start*M,ke=(j-B.end)*M,ge=u?n?.slice(B.start,B.end):n;return C?p.jsxs(p.Fragment,{children:[p.jsx(yd,{ref:O,sx:{willChange:"transform",WebkitTransform:"translateZ(0)",maxHeight:"40rem",whiteSpace:"nowrap",overflow:"auto",width:"100%",border:`0.1rem solid ${f.palette.primary.notifyBorderColor}`,borderRadius:"1.4rem",position:"relative"},children:p.jsxs(hd,{ref:k,stickyHeader:!0,"aria-label":"sticky table",sx:{backgroundColor:re=>re.palette.primary.notifyBackground},children:[p.jsxs(bd,{children:[p.jsx(to,{sx:{position:"sticky",top:0,zIndex:3,backgroundColor:re=>re.palette.primary.notifyBackground},children:m.map((re,le)=>re?.isHidden||re?.isVisible===!1?null:p.jsxs(S.Fragment,{children:[ce(re,le,x),Q(re,le,x)]},le))}),p.jsx(to,{draggable:!1,sx:{position:"sticky",top:"2.5rem",backgroundColor:f.palette.primary.notifyBackground,zIndex:2},children:m.flatMap((re,le)=>re?.isHidden||!re?.children||re?.isVisible===!1?[]:re.children.map((Me,me)=>Me?.isHidden?null:p.jsxs(S.Fragment,{children:[ce(Me,me,x,re),w&&Q(Me,me,x)]},`${le}-${me}`)))})]}),p.jsxs(md,{children:[u&&p.jsx("tr",{style:{height:ze}}),Se(ge),u&&p.jsx("tr",{style:{height:ke}})]})]})}),r&&p.jsx(Rc,{pagination:r,gridPath:l,baseUrl:a,t:d}),p.jsx(Cp,{menuOpen:y?.isOpen,handleClose:b,onHideClick:v})]}):p.jsx(Lr,{sx:{textAlign:"center"},children:d(xr.NRF)})}tx.propTypes={sort:i.object,data:i.array,pagination:i.object,columns:i.object,nested:i.object};function nx(e){return Hv(e?.style?.width??e?.style?.minWidth??e?.style?.maxWidth)||0}const rx=e=>e?.isHidden||e?.isVisible===!1;function lL(e){const t=S.useMemo(()=>{let o=0;return e.flatMap((s,a)=>{if(rx(s))return[];if(Array.isArray(s.children)&&s.children.length){const u=s.children.filter(d=>!rx(d));return u.length?u.map(d=>{const f=nx(d),m={...d,_parent:s,_originalIndex:a,width:f,start:o,end:o+f,isSticky:!!(d?.isSticky??s?.isSticky)};return o+=f,m}):[]}const l=nx(s);if(l===0)return[];const c={...s,_parent:null,_originalIndex:a,width:l,start:o,end:o+l,isSticky:!!s?.isSticky};return o+=l,c})},[e]),n=S.useMemo(()=>{let o=0;const s={};return t.forEach(a=>{a.isSticky&&(s[a.sequenceId]=o,o+=a.width)}),s},[t]);return{columnsMeta:t,stickyOffsets:n,getStickyLeft:o=>{if(!o?.isMandatory||!o?.isSticky)return;const s=n[o.sequenceId];return s===0?0:`${s}px`}}}function cL({visibleGridColumns:e,columnUpdaterFunction:t,isResizingRef:n,startAutoScroll:r,stopAutoScroll:o}){const s=yt(),[a,l]=S.useState(null),[c,u]=S.useState(null),d=S.useCallback((b,v)=>{if(n.current){b.preventDefault();return}l(v),b.dataTransfer.setData("colIndex",v);const T=e[v],x=document.createElement("div");x.textContent=T?.label,Object.assign(x.style,{display:"flex",alignItems:"center",justifyContent:"center",padding:"1.5rem 2.5rem",minWidth:T?.style?.minWidth,maxWidth:T?.style?.maxWidth,fontSize:"1.2rem",fontWeight:"500",color:s.palette.primary.notifyTextColor,background:s.palette.primary.notifyBackground,border:`0.1rem solid ${s.palette.primary.notifyBorderColor}`,borderRadius:"0rem",pointerEvents:"none",position:"absolute",top:"0",left:"0",zIndex:"-1",textAlign:"center",boxSizing:"border-box",boxShadow:"0 1px 4px rgba(0, 0, 0, 0.2)"}),document.body.appendChild(x);const{offsetWidth:w,offsetHeight:C}=x;b.dataTransfer.setDragImage(x,w/2,C/2),requestAnimationFrame(()=>document.body.removeChild(x))},[n,e,s]),f=S.useCallback((b,v)=>{if(b.preventDefault(),e?.[v]?.isMandatory){b.dataTransfer.dropEffect="none";return}b.dataTransfer.dropEffect="move",u(v),r(b.clientX)},[r,e]),m=S.useCallback(async(b,v)=>{if(b.preventDefault(),o(),a===null||a===v||e?.[v]?.isMandatory)return;const T=[...e],[x]=T.splice(a,1);T.splice(v,0,x);const w=[...e].sort((k,O)=>k.sequenceId-O.sequenceId).map(k=>k.sequenceId),C=T.map((k,O)=>({...k,sequenceId:w[O]??k.sequenceId}));t({updatedColumns:C}),l(null),u(null)},[a,e,t,o]),h=S.useCallback(()=>{o(),l(null),u(null)},[o]),y=b=>!b?.isMandatory,g=S.useCallback(b=>c===null||a===null?!1:!!(e?.[b]?.isMandatory||e?.[c]?.isMandatory),[c,a,e]);return{draggedColIndex:a,dragOverIndex:c,handleDragStart:d,handleDragOver:f,handleDrop:m,handleDragEnd:h,isDraggable:y,isInvalidDrop:g}}const ox=50,uL=10,dL=50;function fL(e){const t=S.useRef(null),n=S.useCallback(()=>{t.current&&(clearInterval(t.current),t.current=null)},[]);return{startAutoScroll:S.useCallback(o=>{const s=e.current;if(!s)return;const{left:a,right:l}=s.getBoundingClientRect(),c=o>l-ox?1:o<a+ox?-1:0;if(c===0){n();return}t.current||(t.current=setInterval(()=>{s.scrollLeft+=c*uL},dL))},[e,n]),stopAutoScroll:n}}const kp=S.memo(function({column:t,index:n,isManageable:r,parent:o,stickyLeft:s,colSpanOverride:a,draggedColIndex:l,isInvalidDrop:c,onDragStart:u,onDragOver:d,onDrop:f,onDragEnd:m,sort:h,handleMenuClick:y}){const g=yt(),b=l===n,v=r&&!t?.isMandatory,T=t?.isMandatory&&t?.isSticky,x=o&&o.children?.find(k=>!k?.isHidden&&k?.isVisible!==!1)?.key===t?.key,w=!o&&Array.isArray(t?.children)&&t.children.some(k=>!k?.isHidden&&k?.isVisible!==!1),C=a??t.children?.filter(k=>!k?.isHidden)?.length;return p.jsx(Do,{rowSpan:t?.children?1:2,colSpan:C,style:t?.style,draggable:v,onDragStart:v?k=>u(k,n):k=>k.preventDefault(),onDragOver:v?k=>d(k,n):void 0,onDrop:v?k=>f(k,n):void 0,onDragEnd:v?m:void 0,sx:{...t?.isSticky&&{boxShadow:"rgba(17, 17, 26, 0.3) 4px 0px 6px -2px"},...t.isCenterTable&&{borderRight:"0.1rem solid",borderBottom:"0.1rem solid",borderTop:"none",...(x||w)&&{borderLeft:"0.1rem solid"}},...b&&{border:`0.1rem solid ${g.palette.brandColor.lightBlue}!important`},...T&&{position:"sticky",left:s,zIndex:3},cursor:c(n)?"not-allowed":v?"grab":"default"},children:p.jsx(Tp,{parent:o,column:t,sort:h,handleMenuClick:y,isManageable:r})},n)}),Ep=S.memo(function({column:t,index:n,isManageable:r,tableHeight:o,onResizeStart:s,onResizeEnd:a}){const l=yt();return!t||!r||t?.isMandatory?null:p.jsx(ie,{component:t?.children||t?.isMandatory?cs:X2,rowSpan:t?.children?1:2,colSpan:1,id:n,resizeStart:s,resizeEnd:a,sx:{width:"1rem",maxWidth:"1rem",minWidth:"1rem",padding:0,position:"relative",borderBottom:`0.1rem solid ${l.palette.primary.notifyBorderColor}`,cursor:"col-resize","&::after":{content:'""',position:"absolute",top:"50%",left:"50%",transform:"translate(-50%, -50%)",width:"0.15rem",height:"1.5rem",backgroundColor:l.palette.primary.notifyBorderColor,zIndex:1},"&:hover::after":{content:'""',position:"absolute",top:0,left:"50%",transform:"translateX(-50%)",width:"0.2rem",height:`${o}px`,backgroundColor:l.palette.primary.notifyBorderColor,zIndex:1}}})}),pL=S.memo(function({stickyGridColumns:t,virtualisedColumns:n,isManageable:r,isResizable:o,tableHeight:s,sort:a,handleMenuClick:l,getStickyLeft:c,offsetX:u,draggedColIndex:d,isInvalidDrop:f,onDragStart:m,onDragOver:h,onDrop:y,onDragEnd:g,isResizingRef:b,columnUpdaterFunction:v,visibleGridColumns:T}){const x=yt(),w={draggedColIndex:d,isInvalidDrop:f,onDragStart:m,onDragOver:h,onDrop:y,onDragEnd:g},C=(O,M)=>({onResizeStart:()=>{O?.isMandatory&&!O?.isResizable||(b.current=!0)},onResizeEnd:P=>{O?.isMandatory&&!O?.isResizable||P<=20||(b.current=!1,L2({index:M,visibleGridColumns:T,width:P,columnUpdaterFunction:v}))}}),k=S.useMemo(()=>{const O=[];return n.forEach(M=>{const P=M._parent?.key??M.key,j=O[O.length-1];j&&j.key===P?j.colSpan+=1:O.push({key:P,column:M._parent??M,colSpan:1,firstChild:M})}),O},[n]);return p.jsxs(bd,{children:[p.jsxs(to,{sx:{position:"sticky",top:0,zIndex:3,backgroundColor:x.palette.primary.notifyBackground},children:[t.map((O,M)=>{const P=O._parent??O;return p.jsxs(S.Fragment,{children:[p.jsx(kp,{column:P,index:O._originalIndex,isManageable:r,stickyLeft:c(O),sort:a,handleMenuClick:l,...w}),o&&p.jsx(Ep,{column:P,index:O._originalIndex,isManageable:r,tableHeight:s,...C(P,O._originalIndex)})]},`sticky-p-${M}`)}),p.jsx("th",{style:{minWidth:u,width:u,padding:0,border:"none"}}),k.map((O,M)=>p.jsxs(S.Fragment,{children:[p.jsx(kp,{column:O.column,index:O.firstChild._originalIndex,colSpanOverride:O.colSpan,isManageable:r,stickyLeft:c(O.firstChild),sort:a,handleMenuClick:l,...w}),o&&p.jsx(Ep,{column:O.column,index:O.firstChild._originalIndex,isManageable:r,tableHeight:s,...C(O.column,O.firstChild._originalIndex)})]},`parent-${O.key}`))]}),p.jsxs(to,{draggable:!1,sx:{position:"sticky",top:"2.5rem",backgroundColor:x.palette.primary.notifyBackground,zIndex:2},children:[p.jsx("th",{style:{minWidth:u,width:u,padding:0,border:"none"}}),n?.map((O,M)=>O._parent&&p.jsxs(S.Fragment,{children:[p.jsx(kp,{column:O,index:O._originalIndex,isManageable:r,parent:O._parent,stickyLeft:c(O),sort:a,handleMenuClick:l,...w}),o&&p.jsx(Ep,{column:O,index:O._originalIndex,isManageable:r,tableHeight:s,...C(O,O._originalIndex)})]},`child-${O?._parent?.key??O.key}-${M}`))]})]})}),hL=()=>p.jsx(ie,{sx:{position:"absolute",bottom:0,left:0,width:"100%",height:"0.08rem",background:"linear-gradient(#F9B16E, #F68080)",pointerEvents:"none",zIndex:1}}),sx=S.memo(function({column:t,row:n,cellKey:r,parent:o,stickyLeft:s,isSelected:a,isHigh:l}){const c=yt(),u=t?.isMandatory&&t?.isSticky,d=a||l,f=o&&o.children?.find(m=>!m?.isHidden&&m?.isVisible!==!1)?.key===t?.key;return p.jsxs(Do,{colSpan:1,style:t?.style,className:`${t?.label}`,sx:{position:"relative",...t.isCenterTable&&{borderRight:"0.1rem solid",borderBottom:"0.1rem solid",borderTop:"none",...f&&{borderLeft:"0.1rem solid"}},...t?.isSticky&&{boxShadow:"rgba(17, 17, 26, 0.3) 4px 0px 6px -2px"},...u&&{position:"sticky",left:s,zIndex:2,backgroundColor:d?c.palette.primary.appBackground:c.palette.primary.notifyBackground}},children:[d&&p.jsx(hL,{}),p.jsx($c,{isRenderCellContent:!!t?.cellRenderer,column:t,row:n,parent:o})]},r)});function mL({actualIndex:e,extraHeight:t,measureRow:n,resetRow:r}){return useEffect(()=>(n(e,t),()=>r(e)),[e,t]),null}const gL=S.memo(function({visibleRows:t,stickyGridColumns:n,virtualisedColumns:r,isResizable:o,isManageable:s,topSpacerHeight:a,bottomSpacerHeight:l,selectedRow:c,isNested:u,nestedRow:d,nestedColumn:f,hashKey:m,getStickyLeft:h,offsetX:y,rightSpacerWidth:g,rowStart:b,defaultRowHeight:v,measureRow:T,resetRow:x,t:w}){const C=yt(),k=S.useCallback((O,M,P)=>{if(!O||!s||O?.isMandatory)return null;const j=c&&c?.fhi===M?.fhi||M?.isHigh;return p.jsx(cs,{className:"column_resizer_body",sx:{width:"1rem",maxWidth:"1rem",minWidth:"1rem",padding:0,position:"relative",borderBottom:`0.1rem solid ${C.palette.primary.notifyBorderColor}`},children:j&&p.jsx("div",{style:{position:"absolute",bottom:0,left:0,width:"100%",height:"0.08rem",background:"linear-gradient(#F9B16E, #F68080)",pointerEvents:"none"}})},`resize-${P}`)},[s,c,C]);return p.jsxs(md,{children:[p.jsx("tr",{style:{height:a}}),t?.map((O,M)=>{const P=b+M,j=c&&c?.fhi===O?.fhi,B=O?.isHigh,E=d?.[O[m]];return p.jsxs(S.Fragment,{children:[p.jsxs(Z2,{row:O,isSelected:j,isHigh:B,sxProps:{height:"3.5rem","& td, & th":{height:"3.5rem"}},children:[n.map((R,A)=>p.jsxs(S.Fragment,{children:[p.jsx(sx,{column:R,row:O,cellKey:A,parent:R._parent,stickyLeft:h(R),isSelected:j,isHigh:B}),o&&k(R,O,`sticky-${A}-${P}`)]},`sticky-${R.sequenceId??A}`)),p.jsx("td",{style:{minWidth:y,width:y,padding:0,border:"none"}}),r.map((R,A)=>p.jsxs(S.Fragment,{children:[p.jsx(sx,{column:R,row:O,cellKey:A,parent:R._parent,stickyLeft:h(R),isSelected:j,isHigh:B}),o&&k(R,O,`${A}-${P}`)]},`col-${R?._parent?.key??R.key}-${A}`))]}),u&&E&&p.jsxs(p.Fragment,{children:[p.jsx(mL,{actualIndex:P,extraHeight:E.length*v,measureRow:T,resetRow:x}),p.jsx(J2,{nestedData:E,nestedColumn:f,t:w})]})]},`row-${P}`)}),p.jsx("tr",{style:{height:l}})]})});function yL({rowCount:e,defaultRowHeight:t,scrollTop:n,containerRef:r,overscan:o=5}){const s=S.useRef(0),[a,l]=S.useState(()=>Hv("40rem"));S.useEffect(()=>{const h=r?.current;if(!h)return;const y=h.clientHeight;y&&y!==s.current&&(s.current=y,l(y));const g=new ResizeObserver(b=>{const v=b[0].contentRect;v.height!==s.current&&(s.current=v.height,l(v.height))});return g.observe(h),()=>g.disconnect()},[]);const[c,u]=S.useState({}),d=(h,y)=>{u(g=>g[h]===y?g:{...g,[h]:y})},f=h=>{u(y=>{if(!(h in y))return y;const g={...y};return delete g[h],g})},m=S.useMemo(()=>{const h=new Array(e+1);h[0]=0;for(let y=0;y<e;y++)h[y+1]=h[y]+(c[y]??t);return h},[c,e,t]);return S.useMemo(()=>{const h=m[e],y=n+a;let g=0,b=e-1,v=0;for(;g<=b;){const x=g+b>>1;m[x+1]>n?(v=x,b=x-1):g=x+1}v=Math.max(0,v-o),g=v,b=e-1;let T=e;for(;g<=b;){const x=g+b>>1;m[x]>=y?(T=x,b=x-1):g=x+1}return T=Math.min(e,T+o),{startIndex:v,endIndex:T,topSpacerHeight:m[v],bottomSpacerHeight:h-m[T],totalHeight:h,measureRow:d,resetRow:f}},[m,e,a,n,o])}function bL({columnWidths:e,scrollLeft:t,overscan:n=2}){const r=S.useRef(0),[o,s]=S.useState(0),a=S.useRef(null),l=S.useCallback(f=>{if(a.current?.disconnect(),!f)return;const m=f.clientWidth;m&&(r.current=m,s(m)),a.current=new ResizeObserver(h=>{const y=h[0].contentRect;y.width!==r.current&&(r.current=y.width,s(y.width))}),a.current.observe(f)},[]),c=S.useMemo(()=>e.map(f=>{const m=Number(f);return Number.isFinite(m)&&m>0?m:0}),[e]),u=S.useMemo(()=>{const f=new Array(c.length+1);f[0]=0;for(let m=0;m<c.length;m++)f[m+1]=f[m]+c[m];return f},[c]);return{...S.useMemo(()=>{const f=t+o,m=u[c.length];let h=0,y=c.length-1,g=c.length;for(;h<=y;){const v=h+y>>1;u[v+1]>t?(g=v,y=v-1):h=v+1}g=Math.max(0,g-n),h=g,y=c.length-1;let b=c.length;for(;h<=y;){const v=h+y>>1;u[v]>=f?(b=v,y=v-1):h=v+1}return b=Math.min(c.length,b+n),{startIndex:g,endIndex:b,offsetX:u[g]||0,rightSpacerWidth:m-u[b],viewportWidth:o}},[c,u,o,t,n]),measuredRef:l}}const ix=45;function vL({rows:e,sort:t,data:n,pagination:r,columns:o,nested:s,baseUrl:a,gridPath:l,childUniqueKey:c,isVirtualizedTable:u=!1,t:d}){const f=yt(),{visibleGridColumns:m}=S.useContext(Ji),h=S.useContext(xs),{selectedColumn:y,handleMenuClick:g,handleClose:b,handleHideClick:v,columnUpdaterFunction:T}=Q2(m,h,a,l,r?.rowPerPage,c),x=o?.isManageable,w=o?.isResizable,C=S.useRef(null),k=S.useRef(null),O=S.useRef(!1),M=S.useRef(0),P=S.useRef(0),j=S.useRef(!1),B=S.useRef(n),[,E]=S.useState({}),{getStickyLeft:R,columnsMeta:A}=lL(m),{startAutoScroll:$,stopAutoScroll:N}=fL(C),{draggedColIndex:U,isInvalidDrop:Z,handleDragStart:z,handleDragOver:F,handleDrop:I,handleDragEnd:V}=cL({visibleGridColumns:m,columnUpdaterFunction:T,isResizingRef:O,startAutoScroll:$,stopAutoScroll:N});B.current!==n&&(B.current=n,M.current=0,P.current=0,k.current&&(k.current.scrollTop=0,k.current.scrollLeft=0));const K=me=>{const be=me.currentTarget.scrollTop,Ae=me.currentTarget.scrollLeft;j.current||(j.current=!0,requestAnimationFrame(()=>{M.current=be,P.current=Ae,E({}),j.current=!1}))},W=S.useMemo(()=>A.filter(me=>me.isSticky&&!me.isCenterTable),[A]),X=S.useMemo(()=>A.filter(me=>me.isSticky&&me.isCenterTable||!me.isSticky),[A]),G=S.useMemo(()=>X.map(me=>me.width),[X]),{startIndex:H,endIndex:oe,topSpacerHeight:ae,bottomSpacerHeight:_,measureRow:Y,resetRow:L}=yL({rowCount:n.length,defaultRowHeight:ix,scrollTop:M.current,containerRef:k,overscan:15}),{startIndex:ce,endIndex:te,offsetX:Q,measuredRef:xe}=bL({columnWidths:G,scrollLeft:P.current,overscan:2}),he=S.useMemo(()=>X.slice(ce,te),[X,ce,te]),Se=n?.slice(H,oe),[Ce,ze]=S.useState(0);S.useEffect(()=>{const me=C.current;if(!me)return;const be=new ResizeObserver(()=>ze(me.offsetHeight));return be.observe(me),()=>be.disconnect()},[]);const ke=N2(s?.column?.definitions||[]),ge=s?.isNested,re=s?.data||[],le=s?.hashKey,Me=S.useCallback(me=>{k.current=me,xe(me)},[xe]);return n?.length?p.jsxs(p.Fragment,{children:[p.jsx(yd,{ref:Me,onScroll:K,sx:{willChange:"transform",WebkitTransform:"translateZ(0)",maxHeight:"40rem",whiteSpace:"nowrap",overflow:"auto",width:"100%",border:`0.1rem solid ${f.palette.primary.notifyBorderColor}`,borderRadius:"1.4rem",position:"relative"},children:p.jsxs(hd,{ref:C,stickyHeader:!0,"aria-label":"sticky table",sx:{backgroundColor:f.palette.primary.notifyBackground},children:[p.jsx(pL,{offsetX:Q,stickyGridColumns:W,virtualisedColumns:he,isManageable:x,isResizable:w,tableHeight:Ce,sort:t,handleMenuClick:g,getStickyLeft:R,draggedColIndex:U,isInvalidDrop:Z,onDragStart:z,onDragOver:F,onDrop:I,onDragEnd:V,isResizingRef:O,visibleGridColumns:m,columnUpdaterFunction:T}),p.jsx(gL,{offsetX:Q,rowStart:H,defaultRowHeight:ix,measureRow:Y,resetRow:L,visibleRows:Se,stickyGridColumns:W,virtualisedColumns:he,isResizable:w,isManageable:x,topSpacerHeight:ae,bottomSpacerHeight:_,selectedRow:e?.selectedRow,isNested:ge,nestedRow:re,nestedColumn:ke,hashKey:le,getStickyLeft:R,t:d})]})}),r&&p.jsx(Rc,{pagination:r,gridPath:l,baseUrl:a,t:d}),p.jsx(Cp,{menuOpen:y?.isOpen,handleClose:b,onHideClick:v})]}):p.jsx(Lr,{sx:{textAlign:"center"},children:d(xr.NRF)})}function ax({tableProps:e,isDefaultConfig:t,gridPath:n,baseUrl:r,childUniqueKey:o}){const{columns:s}=e,a=S.useContext(xs),{t:l}=S.useContext(ln),c=!!e?.isVirtualizedTable,u=tB({columns:s,gridPath:n,baseUrl:r,isDefaultConfig:t,childUniqueKey:o,pageSize:e?.pagination?.rowPerPage,data:e?.data});return S.useEffect(()=>{u?.length&&e?.data?.length&&a?.({type:We.SET_GRID_DATA,payload:{visibleGridColumns:u}})},[u,e?.data]),p.jsx(p.Fragment,{children:c?p.jsx(vL,{...e,gridPath:n,baseUrl:r,childUniqueKey:o,t:l}):p.jsx(tx,{...e,gridPath:n,baseUrl:r,childUniqueKey:o,t:l})})}ax.propTypes={tableProps:i.object.isRequired,mergedColumns:i.array.isRequired};function Op({tableProps:e,toolbarProps:t,isDefaultConfig:n,isLoading:r}){const o=e.columns?.isManageable;return p.jsx(Uv,{children:r?p.jsxs(p.Fragment,{children:[t&&p.jsx(mc,{type:"toolbar"}),e&&p.jsx(mc,{type:"grid"})]}):p.jsxs(ie,{sx:{position:"sticky"},children:[t&&p.jsx(jc,{...t,isManageable:o,pageSize:e?.pagination?.rowPerPage,gridData:e?.data}),p.jsx(ax,{tableProps:e,isDefaultConfig:n,gridPath:t?.gridPath||"",baseUrl:t?.baseUrl||"",childUniqueKey:t?.childUniqueKey||""})]})})}Op.propTypes={tableProps:i.object.isRequired,toolbarProps:i.object,isDefaultConfig:i.bool};const{TENANT_ID:Mp,BU_ID:Pp}=D2,{TENANT_IDS:jp,BU_IDS:Ap}=R2,xL=async e=>{try{const t=localStorage.getItem("i18nextLng"),n=`${e}${Oc.NOTIFICATION}/v1?${Mp}=${jp}&${Pp}=${Ap}&lang=${t}`;return await Et.get(n,ua)}catch(t){return t}},lx=async(e,t,n)=>{try{const r=localStorage.getItem("i18nextLng"),o=`${e}${Oc.NOTIFICATION}${bp.VERSION}?${Mp}=${jp}&${Pp}=${Ap}&lang=${r}`;return await Et.put(o,t,ua)}catch(r){return r}},wL=async({baseUrl:e,id:t,snopId:n})=>{try{const r=localStorage.getItem("i18nextLng"),o=`${e}${Oc.NOTIFICATION}${bp.VERSION}?${Mp}=${jp}&${Pp}=${Ap}&id=${t}&lang=${r}`;return await Et.get(o,ua)}catch(r){return r}},Rs={OK:200,CREATED:201,NO_CONTENT:204,BAD_REQUEST:400,UNAUTHORIZED:401,NOT_FOUND:404,INTERNAL_SERVER_ERROR:500},cx=({baseUrl:e})=>{const t=S.useContext(V1),[n,r]=S.useState(!1),[o,s]=S.useState(!1),[a,l]=S.useState(!1),[c,u]=S.useState({}),[d,f]=S.useState(null),[m,h]=S.useState(1),y=S.useRef(!1),{loading:g,data:b,isMarkAllAsRead:v,mode:T,activeTab:x}=S.useContext(ep),[w,C]=S.useState([]);S.useEffect(()=>{C(b)},[b]);const k=S.useCallback(async()=>{if(!(y.current||!e))try{t({type:We.LOADING,loading:!0}),t({type:We.SUCCESS,data:[]});const R=await xL(e);if(R.status===Rs.UNAUTHORIZED){y.current=!0;return}if(R.status===Rs.OK){const A=R.data?.responseData?.response||[],$=fc(A);t({type:We.SET_MODE,mode:!1}),t({type:We.SUCCESS,data:fc($)}),t({type:We.MARK_ALL_AS_READ,isMarkAllAsRead:{count:Vv(A),boo:Vv(A)>0}}),t({type:We.LOADING,loading:!1})}}catch(R){R?.response?.status===Rs.UNAUTHORIZED&&(y.current=!0),t({type:We.ERROR,error:xr.SWR}),t({type:We.LOADING,loading:!1})}},[e,t]),O=R=>{const A=(b||[]).filter($=>T?!$.isRead:!0);return{0:A,1:A.filter($=>$?.type==="INFO"),2:A.filter($=>$?.type==="ERROR")}};S.useEffect(()=>{k();const R=setInterval(k,3e5);return()=>clearInterval(R)},[k]);const M=async(R,A)=>{if(!(!R||!e)){f(R);try{const $=await wL({baseUrl:e,id:R,snopId:A});if($.status===Rs.OK){const N=$.data?.responseData?.response||{};u(N||{}),l(!0)}else throw new Error}catch{t({type:We.ERROR,error:xr.SWR})}finally{f(null)}}},P=async(R,A)=>{if(!(!R.length||!e)){t({type:We.LOADING,loading:!0});try{if((await lx(e,R,A)).status===Rs.OK){const N=b.map(Z=>R.includes(Z.id)?{...Z,isRead:!0}:Z),U=N.filter(Z=>!Z.isRead).length;U===0&&t({type:We.SET_MODE,mode:!1}),t({type:We.SUCCESS,data:fc(N)}),t({type:We.MARK_ALL_AS_READ,isMarkAllAsRead:{count:U,boo:U>0}}),setTimeout(()=>{t({type:We.LOADING,loading:!1})},200)}}catch{t({type:We.ERROR,error:xr.SWR}),t({type:We.LOADING,loading:!1})}}},j=async()=>{if(e){t({type:We.LOADING,loading:!0});try{const R=wR(b);if((await lx(e,R,L8.MARK_ALL_READ)).status===Rs.OK){const $=b.map(N=>({...N,isRead:!0}));t({type:We.SET_MODE,mode:!1}),t({type:We.SUCCESS,data:fc($)}),t({type:We.MARK_ALL_AS_READ,isMarkAllAsRead:{count:0,boo:!1}}),setTimeout(()=>{t({type:We.LOADING,loading:!1})},200)}}catch{t({type:We.ERROR,error:xr.SWR}),t({type:We.LOADING,loading:!1})}}},B=(R,A)=>{t({type:We.LOADING,loading:!0}),t({type:We.SET_ACTIVE_TAB,activeTab:A}),setTimeout(()=>{t({type:We.LOADING,loading:!1})},400)},E=()=>{t({type:We.LOADING,loading:!0});const R=T?b||[]:(w||[]).filter(A=>!A.isRead);t({type:We.SET_MODE,mode:!T}),C(R),h(1),setTimeout(()=>{t({type:We.LOADING,loading:!1})},400)};return{fetchNotification:k,showDetailsProps:{open:a,handleClose:()=>l(!1),setOpen:l,data:c,clickId:d},alertDialogProps:{open:n,handleClose:()=>r(!1),onRefresh:k,handleRead:P,handleMarkAllAsRead:j,setOpen:r,handleShowDetails:M,clickId:d,isMainDialog:!0},activeTab:x,loading:g,tabData:O()[x],data:w,mode:T,handleTabChange:B,toggleAlertMode:E,page:m,setPage:h,isMarkAllAsRead:v}};var ux,dx,fx;function Dp(){return Dp=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)({}).hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},Dp.apply(null,arguments)}var SL=function(t){return D.createElement("svg",Dp({xmlns:"http://www.w3.org/2000/svg",width:16,height:17,fill:"none"},t),ux||(ux=D.createElement("path",{stroke:"#909090",strokeLinecap:"round",strokeMiterlimit:10,d:"M8.013 2.19c-2.206 0-4 1.793-4 4v1.927c0 .406-.173 1.026-.38 1.373l-.766 1.273c-.474.787-.147 1.66.72 1.954 2.873.96 5.973.96 8.846 0a1.335 1.335 0 0 0 .72-1.954l-.766-1.273c-.2-.347-.374-.967-.374-1.373V6.19c0-2.2-1.8-4-4-4Z"})),dx||(dx=D.createElement("path",{stroke:"#909090",strokeLinecap:"round",strokeLinejoin:"round",strokeMiterlimit:10,d:"M9.247 2.383a4.503 4.503 0 0 0-2.467 0 1.324 1.324 0 0 1 2.467 0"})),fx||(fx=D.createElement("path",{stroke:"#909090",strokeMiterlimit:10,d:"M10.013 12.957c0 1.1-.9 2-2 2a2.007 2.007 0 0 1-2-2"})))};const CL=({count:e})=>(yt(),p.jsxs(p.Fragment,{children:[p.jsx(ie,{sx:{gap:"0.5rem",display:"flex",justifyContent:"center",alignItems:"center","& svg":{transform:"scale(1)"}},children:p.jsx(SL,{style:{scale:1.2}})}),p.jsx(JB,{badgeContent:e!=0?"":null,color:"error"})]}));var px;function Ip(){return Ip=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)({}).hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},Ip.apply(null,arguments)}var TL=function(t){return D.createElement("svg",Ip({xmlns:"http://www.w3.org/2000/svg",width:14,height:9,fill:"none",viewBox:"0 0 13 9"},t),px||(px=D.createElement("path",{fill:"#A8A8A8",fillRule:"evenodd",d:"M8.954 1.004a.406.406 0 0 1 0 .575L3.537 6.996a.406.406 0 0 1-.574 0L.796 4.829a.406.406 0 1 1 .575-.575l1.879 1.88 5.13-5.13a.406.406 0 0 1 .574 0m3.25 0a.406.406 0 0 1 0 .575L6.787 6.996a.406.406 0 1 1-.574-.575l5.416-5.417a.406.406 0 0 1 .575 0",clipRule:"evenodd"})))},hx,mx;function Rp(){return Rp=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)({}).hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},Rp.apply(null,arguments)}var kL=function(t){return D.createElement("svg",Rp({xmlns:"http://www.w3.org/2000/svg",width:12,height:12,fill:"none"},t),hx||(hx=D.createElement("path",{stroke:"#fff",strokeLinecap:"round",strokeLinejoin:"round",d:"M7.79 6c0 .99-.8 1.79-1.79 1.79S4.21 6.99 4.21 6 5.01 4.21 6 4.21s1.79.8 1.79 1.79"})),mx||(mx=D.createElement("path",{stroke:"#fff",strokeLinecap:"round",strokeLinejoin:"round",d:"M6 10.135c1.765 0 3.41-1.04 4.555-2.84.45-.705.45-1.89 0-2.595C9.41 2.9 7.765 1.86 6 1.86S2.59 2.9 1.445 4.7c-.45.705-.45 1.89 0 2.595 1.145 1.8 2.79 2.84 4.555 2.84"})))},gx;function Np(){return Np=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)({}).hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},Np.apply(null,arguments)}var EL=function(t){return D.createElement("svg",Np({xmlns:"http://www.w3.org/2000/svg",width:9,height:8,fill:"none"},t),gx||(gx=D.createElement("path",{fill:"#fff",fillRule:"evenodd",d:"M8.277 1.004a.406.406 0 0 1 0 .575L2.86 6.996a.406.406 0 0 1-.574 0L.119 4.829a.406.406 0 1 1 .575-.575l1.879 1.88 5.13-5.13a.406.406 0 0 1 .574 0",clipRule:"evenodd"})))};const yx=({type:e,item:t,handleShowDetails:n,handleRead:r,handleCTAClicked:o,clickId:s,t:a})=>{const l=yt(),c=JSON.parse(localStorage.getItem("settings"))?.platform?.theme;return p.jsxs(ie,{className:"cards",sx:{pt:" 0.8rem"},children:[p.jsx(Ge,{display:"flex",flexDirection:"row",alignItems:"start",justifyContent:"space-between",gap:1,children:p.jsx(Zu,{sx:{width:"calc(100% - 2%)","& .MuiBadge-badge":{backgroundColor:"#6041EA",height:"0.5rem",minWidth:"0.5rem"}},variant:"dot",invisible:t?.isRead,children:p.jsx(Lr,{sx:{color:l.palette.primary.notifyActiveText,whiteSpace:"normal",wordBreak:"break-word"},component:"p",className:["title-card",t?.isRead&&"read"].join(" "),children:a(t?.message)})})}),p.jsx(Ge,{display:"flex",flexDirection:"row",alignItems:"center",justifyContent:"space-between",children:p.jsxs(Ge,{display:"flex",flexDirection:"row",justifyContent:"start",gap:1,sx:{p:"0.5rem 0"},children:[t?.isNotificationDetails&&p.jsx(Nc,{icon:p.jsx(kL,{className:`${c==="light"?"chip-icon-light":"chip-icon-dark"}`}),disabled:s,onClick:n,label:s===t?.id?p.jsx(Jo,{color:"primary",size:13}):a("SHOW_DETAILS"),component:"button",variant:"filled",clickable:!0,size:"small",sx:{backgroundColor:l.palette.brandColor.orange,color:l.palette.brandColor.white}}),!t?.isRead&&p.jsx(Nc,{icon:p.jsx(EL,{className:`${c==="light"?"chip-icon-light":"chip-icon-dark"}`}),disabled:s,onClick:r,label:a("ACKNOWLEDGE"),component:"button",variant:"outlined",clickable:!0,size:"small"}),t?.primaryCTAURL&&p.jsx(Nc,{disabled:t?.isPrimaryCTAClicked,onClick:()=>o({redirect:t?.isPrimaryCTARedirect,isClicked:t?.isPrimaryCTAClicked,url:t?.primaryCTAURL}),label:a(t?.primaryCTALabel),component:"button",variant:"outlined",clickable:!0,size:"small"}),t?.secondaryCTAURL&&p.jsx(Nc,{disabled:t?.isSecondaryCTAClicked,onClick:()=>o({redirect:t?.isSecondaryCTARedirect,isClicked:t?.isSecondaryCTAClicked,url:t?.secondaryCTAURL}),label:a(t?.secondaryCTALabel),component:"button",variant:"outlined",clickable:!0,size:"small"})]})}),p.jsxs(Ge,{display:"flex",flexDirection:"row",alignItems:"center",gap:.35,children:[p.jsx(Lr,{sx:{fontSize:"0.8rem"},children:a(t?.product)}),p.jsx(Lr,{color:l.palette.primary.notifyTextColor,children:"•"}),p.jsx(Lr,{sx:{fontSize:"0.8rem"},children:xR(t?.createdAt,a)})]})]})};yx.propTypes={type:i.string,title:i.string,subTitle:i.string,isRead:i.bool,handleShowDetails:i.func,handleRead:i.func};const Bc=60,bx=2,vx=({data:e,handleRead:t,handleShowDetails:n,clickId:r,mode:o,t:s})=>{const{isMarkAllAsRead:a}=S.useContext(ep),l=S.useRef(null),[c,u]=S.useState({start:0,end:4}),d=e?.length,f=new Date,m=new Intl.DateTimeFormat("en-US",{day:"numeric",month:"long",year:"numeric"}).format(f),h=S.useMemo(()=>o?a?.count?e?.filter(w=>!w.isRead):[]:e||[],[e,o,a]),y=h.slice(c.start,c.end),g=c.start*Bc,b=(d-c.end)*Bc,v=()=>{const w=l.current;if(!w)return;const C=w.scrollTop,k=w.clientHeight,O=Math.floor(C/Bc)-bx,M=Math.ceil(k/Bc)+2*bx,P=Math.max(0,Math.min(d-1,O)),j=Math.max(P,Math.min(d,P+M));u(B=>B.start===P&&B.end===j?B:{start:P,end:j})},T=({url:w})=>{window.open(w,"_blank")},x=S.useMemo(()=>TR(y),[y]);return S.useEffect(()=>{let w;const C=()=>{w&&cancelAnimationFrame(w),w=requestAnimationFrame(()=>{v()})},k=l.current;if(k)return v(),k.addEventListener("scroll",C),()=>{cancelAnimationFrame(w),k.removeEventListener("scroll",C)}},[d]),h.length||s("CONTAINER_MESSAGE"),p.jsxs(ie,{ref:l,sx:{height:"100%",overflowY:"auto"},children:[p.jsx(ie,{style:{height:g}}),Object.entries(x).map(([w,C])=>{const k=localStorage.getItem("i18nextLng"),O=new Date(w),M=new Intl.DateTimeFormat(k,{month:"long"}).format(O),P=O.getDate(),j=O.getFullYear(),B=`${M} ${P}, ${j}`;return p.jsxs(S.Fragment,{children:[w!==m&&p.jsx(ZB,{children:B}),C.map((E,R)=>p.jsx(yx,{item:E,handleCTAClicked:T,handleShowDetails:()=>n(E.id,E.snopId),handleRead:()=>t([E.id],E.snopId),clickId:r,t:s},`${E.id}_${R}`))]},w)}),p.jsx(ie,{style:{height:b}})]})};vx.propTypes={data:i.array,handleRead:i.func,handleShowDetails:i.func};const OL=({onRefresh:e,handleShowDetails:t,clickId:n,handleRead:r,handleMarkAllAsRead:o,t:s})=>{const{loading:a,activeTab:l,data:c,tabData:u,mode:d,page:f,setPage:m,handleTabChange:h,toggleAlertMode:y}=cx({});return p.jsxs(p.Fragment,{children:[p.jsxs(ie,{sx:{display:"flex",alignItems:"center",justifyContent:"space-between",px:2,pt:2},children:[p.jsx(ft,{variant:"h2",sx:{fontSize:"1.2rem",color:g=>g.palette.primary.notifyTextColor},children:s("NOTIFICATION")}),p.jsx(ie,{onClick:e,children:p.jsx(Vt,{url:Ke.Refresh,alt:"refresh",sx:{cursor:"pointer"}})})]}),p.jsx(ie,{sx:{borderBottom:1,m:"1.2rem 1.2rem 0 1.2rem",borderColor:g=>g.palette.primary.notifyBorderColor},children:p.jsxs(QB,{value:l,onChange:h,children:[p.jsx(Sp,{label:p.jsx(ie,{sx:{display:"flex",alignItems:"center",fontSize:"1rem",fontWeight:"500"},children:p.jsx(ft,{component:"span",sx:{fontWeight:500,fontSize:"1rem"},children:s("ALL",{count:c?.filter(g=>!g?.isRead)?.length||0})})})}),p.jsx(Sp,{label:p.jsx(ie,{sx:{display:"flex",alignItems:"center",fontSize:"1rem",fontWeight:"500"},children:p.jsx(ft,{component:"span",sx:{fontWeight:500,fontSize:"1rem"},children:s("INFO",{count:c?.filter(g=>g?.type==="INFO"&&!g?.isRead)?.length||0})})}),sx:{color:g=>g.palette.brandColor.blue}}),p.jsx(Sp,{label:p.jsx(ie,{sx:{display:"flex",alignItems:"center",fontSize:"1rem",fontWeight:"500"},children:s("ERROR",{count:c?.filter(g=>g?.type==="ERROR"&&!g?.isRead)?.length||0})}),sx:{color:g=>g.palette.brandColor.red}})]})}),p.jsx(id,{dividers:!0,sx:{p:0,...a&&!u.length&&{alignItems:"center",justifyContent:"center"},flexGrow:1,overflowY:"auto",mx:"1.2rem",borderColor:g=>g.palette.primary.notifyBorderColor},tabIndex:-1,children:a&&!u.length?p.jsx(ie,{sx:{height:300,display:"flex",justifyContent:"center",alignItems:"center"},children:p.jsx(Jo,{size:30,sx:{color:g=>g.palette.primary.notifyIconColor}})}):p.jsx(p.Fragment,{children:p.jsx(vx,{data:u,handleShowDetails:t,handleRead:r,clickId:n,page:f,setPage:m,mode:d,t:s})})}),p.jsxs(sd,{sx:{justifyContent:"space-between",px:"1.2rem"},children:[p.jsxs(Ge,{direction:"row",gap:1,children:[p.jsx(Lr,{sx:{fontSize:"1rem"},children:s("SHOW_UNREAD")}),p.jsx(XB,{disabled:a,checked:d,onChange:y})]}),p.jsx(Cl,{variant:"outlined",className:"view-all",onClick:o,startIcon:p.jsx(TL,{}),disabled:!c?.filter(g=>!g?.isRead)?.length,style:{backgroundColor:"transparent"},sx:{fontSize:"1rem",fontWeight:"300",p:0,border:"none",textTransform:"none",color:g=>g.palette.primary.notifyTextColor,"&:hover":{color:g=>g.palette.primary.notifyActiveText,background:"transparent",boxShadow:"none",border:"none"},"&.Mui-disabled":{opacity:.5,color:g=>`${g.palette.primary.notifyActiveText}!important`,background:"transparent",boxShadow:"none",border:"none"}},children:s("READ_ALL")})]})]})},ML=({data:e,handleClose:t,t:n})=>{const[r,o]=S.useState(1),[s,a]=S.useState(10),[l,c]=S.useState(e?.notificationDetails?.length||0),[u,d]=S.useState("sku_name"),[f,m]=S.useState("asc"),[h,y]=S.useState([]),[g,b]=S.useState("");return S.useEffect(()=>{if((g||u)&&e?.notificationDetails?.length){const v=SR(e?.notificationDetails,$8,g);if(u){const T=CR(v,u,f);y(Lf(T,r,s)),c(T?.length||0);return}y(Lf(v,r,s)),c(v?.length||0);return}y(Lf(e?.notificationDetails,r,s)),c(e?.notificationDetails?.length)},[g,e,r,s,f,u]),p.jsxs(p.Fragment,{children:[p.jsxs(Ge,{direction:"row",justifyContent:"space-between",sx:{padding:"1.5rem 2rem",borderBottom:"0.1rem solid",borderColor:v=>v.palette.primary.notifyBorderColor},children:[p.jsx(ft,{component:"h2",sx:{fontSize:"1.4rem",color:v=>v.palette.primary.notifyActiveText},children:n(e?.message)||e?.message}),p.jsx(ie,{onClick:t,sx:{cursor:"pointer"},children:p.jsx(Vt,{url:Ke.CloseCircle})})]}),p.jsx(id,{children:p.jsx(Op,{t:n,tableProps:{data:h,columns:{...rB({t:n}),isManageable:!1},sort:{sortField:u,sortDir:f,onSort:v=>{const T=v?.column?.key;m(x=>u===T&&x==="asc"?"desc":"asc"),d(T)}},pagination:{selectedPage:r,rowPerPage:s,totalRecords:l,onPageChange:v=>{o(v)},onPageSizeChange:v=>{a(v?.value),o(1)}}},toolbarProps:{defaultTools:{search:{isRequired:!0,onChange:v=>{const T=v.target.value;T&&o(1),b(T)},placeholder:`${n("SEARCH")}...`}}}})}),p.jsx(sd,{sx:{padding:"1.5rem 2rem"}})]})},PL=({baseUrl:e,t})=>{const{alertDialogProps:n,showDetailsProps:r,fetchNotification:o,isMarkAllAsRead:s}=cx({baseUrl:e});return p.jsxs(p.Fragment,{children:[p.jsx(ie,{sx:{display:"flex",justifyContent:"center",cursor:"pointer",marginTop:"0.6rem"},onClick:()=>{o(),n?.setOpen?.(!0)},children:p.jsx(CL,{count:s.count})}),p.jsx(tp,{...n,children:p.jsx(OL,{...n,t})}),p.jsx(tp,{...r,children:p.jsx(ML,{...r,t})})]})},jL=({baseUrl:e,t})=>p.jsx(qt,{children:p.jsx(H1,{children:p.jsx(PL,{baseUrl:e,t})})}),xx=S.createContext(null),AL=xx.Provider,DL=()=>{const e=S.useContext(xx);return e||console.warn("useAnalytics used outside AnalyticsProvider"),e};st.Accordion=q1,st.AnalyticsProvider=AL,st.Breadcrumb=K9,st.Button=Ir,st.Checkbox=vr,st.DatePicker=I9,st.Dialog=Y9,st.Grid=Op,st.GridTable=sL,st.Header=K1,st.InputField=zv,st.Loader=V9,st.Notification=jL,st.Select=qv,st.SkeletonLoader=H9,st.SliderLayout=Y1,st.Switch=Gv,st.TextField=Zi,st.TimePicker=R9,st.ToastProvider=W9,st.Toolbar=jc,st.TranslationContext=ln,st.toast=B9,st.useAnalytics=DL,Object.defineProperty(st,Symbol.toStringTag,{value:"Module"})}));
260
260
  //# sourceMappingURL=index.umd.js.map