@ukpc-lib/react 0.13.3 → 0.13.4

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.
@@ -133,7 +133,7 @@ Previous: %s
133
133
  Incoming: %s`,Ki,"["+v.join(", ")+"]","["+l.join(", ")+"]");for(var d=0;d<l.length&&d<v.length;d++)if(!qt(v[d],l[d]))return!1;return!0}function $u(){if(So>0)throw new Error("Rendered more hooks than during the previous render");return{memoizedState:null,queue:null,next:null}}function xi(){return Zt===null?Ws===null?(hs=!1,Ws=Zt=$u()):(hs=!0,Zt=Ws):Zt.next===null?(hs=!1,Zt=Zt.next=$u()):(hs=!0,Zt=Zt.next),Zt}function Vu(v,l){bi=l,Sa=v,$r=!1,ti=0}function Ys(v,l,d,m){for(;tl;)tl=!1,ti=0,So+=1,Zt=null,d=v(l,m);return Hu(),d}function Vr(){var v=ti!==0;return v}function Hu(){$r=!1,bi=null,Sa=null,tl=!1,Ws=null,So=0,wi=null,Zt=null}function Uu(v){return $r&&i("Context can only be read while React is rendering. In classes, you can read it in the render method or getDerivedStateFromProps. In function components, you can read it directly in the function body, but not inside Hooks like useReducer() or useMemo()."),xa(v)}function Wu(v){return Ki="useContext",zs(),xa(v)}function Gs(v,l){return typeof l=="function"?l(v):l}function ps(v){return Ki="useState",zu(Gs,v)}function zu(v,l,d){if(v!==Gs&&(Ki="useReducer"),bi=zs(),Zt=xi(),hs){var m=Zt.queue,x=m.dispatch;if(wi!==null){var _=wi.get(m);if(_!==void 0){wi.delete(m);var B=Zt.memoizedState,z=_;do{var ne=z.action;$r=!0,B=v(B,ne),$r=!1,z=z.next}while(z!==null);return Zt.memoizedState=B,[B,x]}}return[Zt.memoizedState,x]}else{$r=!0;var xe;v===Gs?xe=typeof l=="function"?l():l:xe=d!==void 0?d(l):l,$r=!1,Zt.memoizedState=xe;var Ne=Zt.queue={last:null,dispatch:null},ze=Ne.dispatch=Vc.bind(null,bi,Ne);return[Zt.memoizedState,ze]}}function $c(v,l){bi=zs(),Zt=xi();var d=l===void 0?null:l;if(Zt!==null){var m=Zt.memoizedState;if(m!==null&&d!==null){var x=m[1];if(Bc(d,x))return m[0]}}$r=!0;var _=v();return $r=!1,Zt.memoizedState=[_,d],_}function $l(v){bi=zs(),Zt=xi();var l=Zt.memoizedState;if(l===null){var d={current:v};return Object.seal(d),Zt.memoizedState=d,d}else return l}function Gf(v,l){Ki="useLayoutEffect",i("useLayoutEffect does nothing on the server, because its effect cannot be encoded into the server renderer's output format. This will lead to a mismatch between the initial, non-hydrated UI and the intended UI. To avoid this, useLayoutEffect should only be used in components that render exclusively on the client. See https://reactjs.org/link/uselayouteffect-ssr for common fixes.")}function Vc(v,l,d){if(So>=Bu)throw new Error("Too many re-renders. React limits the number of renders to prevent an infinite loop.");if(v===bi){tl=!0;var m={action:d,next:null};wi===null&&(wi=new Map);var x=wi.get(l);if(x===void 0)wi.set(l,m);else{for(var _=x;_.next!==null;)_=_.next;_.next=m}}}function fr(v,l){return $c(function(){return v},l)}function Yu(v,l,d){return zs(),l(v._source)}function Hc(v,l,d){if(d===void 0)throw new Error("Missing getServerSnapshot, which is required for server-rendered content. Will revert to client rendering.");return d()}function Si(v){return zs(),v}function Vl(){throw new Error("startTransition cannot be called during server rendering.")}function Ta(){return zs(),[!1,Vl]}function gs(){var v=Sa,l=Ho(v.treeContext),d=qs;if(d===null)throw new Error("Invalid hook call. Hooks can only be called inside of the body of a function component.");var m=ti++;return jn(d,l,m)}function nl(){}var rr={readContext:Uu,useContext:Wu,useMemo:$c,useReducer:zu,useRef:$l,useState:ps,useInsertionEffect:nl,useLayoutEffect:Gf,useCallback:fr,useImperativeHandle:nl,useEffect:nl,useDebugValue:nl,useDeferredValue:Si,useTransition:Ta,useId:gs,useMutableSource:Yu,useSyncExternalStore:Hc},qs=null;function Hl(v){qs=v}function Ca(v){try{var l="",d=v;do{switch(d.tag){case 0:l+=Xi(d.type,null,null);break;case 1:l+=ma(d.type,null,null);break;case 2:l+=Ic(d.type,null,null);break}d=d.parent}while(d);return l}catch(m){return`
134
134
  Error generating stack: `+m.message+`
135
135
  `+m.stack}}var Ul=n.ReactCurrentDispatcher,Ea=n.ReactDebugCurrentFrame,Wl=0,To=1,zl=2,Xs=3,Uc=4,rl=0,ka=1,Da=2,Gu=12800;function Wc(v){return console.error(v),null}function Ks(){}function Yl(v,l,d,m,x,_,B,z,ne){var xe=[],Ne=new Set,ze={destination:null,responseState:l,progressiveChunkSize:m===void 0?Gu:m,status:rl,fatalError:null,nextSegmentId:0,allPendingTasks:0,pendingRootTasks:0,completedRootSegment:null,abortableTasks:Ne,pingedTasks:xe,clientRenderedBoundaries:[],completedBoundaries:[],partialBoundaries:[],onError:x===void 0?Wc:x,onAllReady:_===void 0?Ks:_,onShellReady:B===void 0?Ks:B,onShellError:z===void 0?Ks:z,onFatalError:ne===void 0?Ks:ne},nt=il(ze,0,null,d,!1,!1);nt.parentFlushed=!0;var xt=Wo(ze,v,null,nt,Ne,Gn,Ll,Uf);return xe.push(xt),ze}function Uo(v,l){var d=v.pingedTasks;d.push(l),d.length===1&&a(function(){return ec(v)})}function Gl(v,l){return{id:_i,rootSegmentID:-1,parentFlushed:!1,pendingTasks:0,forceClientRender:!1,completedSegments:[],byteSize:0,fallbackAbortableTasks:l,errorDigest:null}}function Wo(v,l,d,m,x,_,B,z){v.allPendingTasks++,d===null?v.pendingRootTasks++:d.pendingTasks++;var ne={node:l,ping:function(){return Uo(v,ne)},blockedBoundary:d,blockedSegment:m,abortSet:x,legacyContext:_,context:B,treeContext:z};return ne.componentStack=null,x.add(ne),ne}function il(v,l,d,m,x,_){return{status:Wl,id:-1,index:l,parentFlushed:!1,chunks:[],children:[],formatContext:m,boundary:d,lastPushedText:x,textEmbedded:_}}var Zi=null;function Ji(){return Zi===null||Zi.componentStack===null?"":Ca(Zi.componentStack)}function Co(v,l){v.componentStack={tag:0,parent:v.componentStack,type:l}}function ol(v,l){v.componentStack={tag:1,parent:v.componentStack,type:l}}function ms(v,l){v.componentStack={tag:2,parent:v.componentStack,type:l}}function Qi(v){v.componentStack===null?i("Unexpectedly popped too many stack frames. This is a bug in React."):v.componentStack=v.componentStack.parent}var Pa=null;function ql(v,l){{var d;typeof l=="string"?d=l:l&&typeof l.message=="string"?d=l.message:d=String(l);var m=Pa||Ji();Pa=null,v.errorMessage=d,v.errorComponentStack=m}}function sl(v,l){var d=v.onError(l);if(d!=null&&typeof d!="string")throw new Error('onError returned something with a type other than "string". onError should return a string and may return null or undefined but must not return anything else. It received something of type "'+typeof d+'" instead');return d}function Oa(v,l){var d=v.onShellError;d(l);var m=v.onFatalError;m(l),v.destination!==null?(v.status=Da,H(v.destination,l)):(v.status=ka,v.fatalError=l)}function zc(v,l,d){Co(l,"Suspense");var m=l.blockedBoundary,x=l.blockedSegment,_=d.fallback,B=d.children,z=new Set,ne=Gl(v,z),xe=x.chunks.length,Ne=il(v,xe,ne,x.formatContext,!1,!1);x.children.push(Ne),x.lastPushedText=!1;var ze=il(v,0,null,x.formatContext,!1,!1);ze.parentFlushed=!0,l.blockedBoundary=ne,l.blockedSegment=ze;try{if(Ti(v,l,B),_n(ze.chunks,v.responseState,ze.lastPushedText,ze.textEmbedded),ze.status=To,bs(ne,ze),ne.pendingTasks===0){Qi(l);return}}catch(xt){ze.status=Uc,ne.forceClientRender=!0,ne.errorDigest=sl(v,xt),ql(ne,xt)}finally{l.blockedBoundary=m,l.blockedSegment=x}var nt=Wo(v,_,m,Ne,z,l.legacyContext,l.context,l.treeContext);nt.componentStack=l.componentStack,v.pingedTasks.push(nt),Qi(l)}function qu(v,l,d,m){Co(l,d);var x=l.blockedSegment,_=co(x.chunks,d,m,v.responseState,x.formatContext);x.lastPushedText=!1;var B=x.formatContext;x.formatContext=pi(B,d,m),Ti(v,l,_),x.formatContext=B,Mo(x.chunks,d),x.lastPushedText=!1,Qi(l)}function Xu(v){return v.prototype&&v.prototype.isReactComponent}function Zs(v,l,d,m,x){var _={};Vu(l,_);var B=d(m,x);return Ys(d,m,B,x)}function Ku(v,l,d,m,x){var _=d.render();d.props!==x&&(Kl||i("It looks like %s is reassigning its own `this.props` while rendering. This is not supported and can lead to confusing bugs.",pn(m)||"a component"),Kl=!0);{var B=m.childContextTypes;if(B!=null){var z=l.legacyContext,ne=Iu(d,m,z,B);l.legacyContext=ne,dr(v,l,_),l.legacyContext=z;return}}dr(v,l,_)}function Xl(v,l,d,m){ms(l,d);var x=ls(d,l.legacyContext),_=xo(d,m,x);el(_,d,m,x),Ku(v,l,_,d,m),Qi(l)}var Bt={},al={},Zu={},Js={},Kl=!1,Yc={},Gc=!1,ni=!1,qc=!1;function Zl(v,l,d,m){var x;if(x=ls(d,l.legacyContext),ol(l,d),d.prototype&&typeof d.prototype.render=="function"){var _=pn(d)||"Unknown";Bt[_]||(i("The <%s /> component appears to have a render method, but doesn't extend React.Component. This is likely to cause errors. Change %s to extend React.Component instead.",_,_),Bt[_]=!0)}var B=Zs(v,l,d,m,x),z=Vr();if(typeof B=="object"&&B!==null&&typeof B.render=="function"&&B.$$typeof===void 0){var ne=pn(d)||"Unknown";al[ne]||(i("The <%s /> component appears to be a function component that returns a class instance. Change %s to a class that extends React.Component instead. If you can't use a class try assigning the prototype on the function as a workaround. `%s.prototype = React.Component.prototype`. Don't use an arrow function since it cannot be called with `new` by React.",ne,ne,ne),al[ne]=!0)}if(typeof B=="object"&&B!==null&&typeof B.render=="function"&&B.$$typeof===void 0){{var xe=pn(d)||"Unknown";al[xe]||(i("The <%s /> component appears to be a function component that returns a class instance. Change %s to a class that extends React.Component instead. If you can't use a class try assigning the prototype on the function as a workaround. `%s.prototype = React.Component.prototype`. Don't use an arrow function since it cannot be called with `new` by React.",xe,xe,xe),al[xe]=!0)}el(B,d,m,x),Ku(v,l,B,d,m)}else if(Ju(d),z){var Ne=l.treeContext,ze=1,nt=0;l.treeContext=Nu(Ne,ze,nt);try{dr(v,l,B)}finally{l.treeContext=Ne}}else dr(v,l,B);Qi(l)}function Ju(v){{if(v&&v.childContextTypes&&i("%s(...): childContextTypes cannot be defined on a function component.",v.displayName||v.name||"Component"),v.defaultProps!==void 0){var l=pn(v)||"Unknown";Yc[l]||(i("%s: Support for defaultProps will be removed from function components in a future major release. Use JavaScript default parameters instead.",l),Yc[l]=!0)}if(typeof v.getDerivedStateFromProps=="function"){var d=pn(v)||"Unknown";Js[d]||(i("%s: Function components do not support getDerivedStateFromProps.",d),Js[d]=!0)}if(typeof v.contextType=="object"&&v.contextType!==null){var m=pn(v)||"Unknown";Zu[m]||(i("%s: Function components do not support contextType.",m),Zu[m]=!0)}}}function Qu(v,l){if(v&&v.defaultProps){var d=J({},l),m=v.defaultProps;for(var x in m)d[x]===void 0&&(d[x]=m[x]);return d}return l}function Xc(v,l,d,m,x){ol(l,d.render);var _=Zs(v,l,d.render,m,x),B=Vr();if(B){var z=l.treeContext,ne=1,xe=0;l.treeContext=Nu(z,ne,xe);try{dr(v,l,_)}finally{l.treeContext=z}}else dr(v,l,_);Qi(l)}function Hr(v,l,d,m,x){var _=d.type,B=Qu(_,m);Qs(v,l,_,B,x)}function vs(v,l,d,m){d._context===void 0?d!==d.Consumer&&(qc||(qc=!0,i("Rendering <Context> directly is not supported and will be removed in a future major release. Did you mean to render <Context.Consumer> instead?"))):d=d._context;var x=m.children;typeof x!="function"&&i("A context consumer was rendered with multiple children, or a child that isn't a function. A context consumer expects a single child that is a function. If you did pass a function, make sure there is no trailing or leading whitespace around it.");var _=xa(d),B=x(_);dr(v,l,B)}function Ur(v,l,d,m){var x=d._context,_=m.value,B=m.children,z;z=l.context,l.context=Mu(x,_),dr(v,l,B),l.context=Bf(x),z!==l.context&&i("Popping the context provider did not return back to the original snapshot. This is a bug in React.")}function Kc(v,l,d,m,x){Co(l,"Lazy");var _=d._payload,B=d._init,z=B(_),ne=Qu(z,m);Qs(v,l,z,ne,x),Qi(l)}function Qs(v,l,d,m,x){if(typeof d=="function")if(Xu(d)){Xl(v,l,d,m);return}else{Zl(v,l,d,m);return}if(typeof d=="string"){qu(v,l,d,m);return}switch(d){case Yn:case Vt:case Z:case ce:case ke:{dr(v,l,m.children);return}case lt:{Co(l,"SuspenseList"),dr(v,l,m.children),Qi(l);return}case wt:throw new Error("ReactDOMServer does not yet support scope components.");case st:{zc(v,l,m);return}}if(typeof d=="object"&&d!==null)switch(d.$$typeof){case Fe:{Xc(v,l,d,m,x);return}case rt:{Hr(v,l,d,m,x);return}case le:{Ur(v,l,d,m);return}case Ie:{vs(v,l,d,m);return}case It:{Kc(v,l,d,m);return}}var _="";throw(d===void 0||typeof d=="object"&&d!==null&&Object.keys(d).length===0)&&(_+=" You likely forgot to export your component from the file it's defined in, or you might have mixed up default and named imports."),new Error("Element type is invalid: expected a string (for built-in components) or a class/function (for composite components) "+("but got: "+(d==null?d:typeof d)+"."+_))}function Zc(v,l){typeof Symbol=="function"&&v[Symbol.toStringTag]==="Generator"&&(Gc||i("Using Generators as children is unsupported and will likely yield unexpected results because enumerating a generator mutates it. You may convert it to an array with `Array.from()` or the `[...spread]` operator before rendering. Keep in mind you might need to polyfill these features for older browsers."),Gc=!0),v.entries===l&&(ni||i("Using Maps as children is not supported. Use an array of keyed ReactElements instead."),ni=!0)}function dr(v,l,d){try{return Jc(v,l,d)}catch(m){throw typeof m=="object"&&m!==null&&typeof m.then=="function"||(Pa=Pa!==null?Pa:Ji()),m}}function Jc(v,l,d){if(l.node=d,typeof d=="object"&&d!==null){switch(d.$$typeof){case de:{var m=d,x=m.type,_=m.props,B=m.ref;Qs(v,l,x,_,B);return}case Ce:throw new Error("Portals are not currently supported by the server renderer. Render them conditionally so that they only appear on the client render.");case It:{var z=d,ne=z._payload,xe=z._init,Ne;try{Ne=xe(ne)}catch(eo){throw typeof eo=="object"&&eo!==null&&typeof eo.then=="function"&&Co(l,"Lazy"),eo}dr(v,l,Ne);return}}if(er(d)){Jl(v,l,d);return}var ze=jr(d);if(ze){Zc(d,ze);var nt=ze.call(d);if(nt){var xt=nt.next();if(!xt.done){var en=[];do en.push(xt.value),xt=nt.next();while(!xt.done);Jl(v,l,en);return}return}}var ir=Object.prototype.toString.call(d);throw new Error("Objects are not valid as a React child (found: "+(ir==="[object Object]"?"object with keys {"+Object.keys(d).join(", ")+"}":ir)+"). If you meant to render a collection of children, use an array instead.")}if(typeof d=="string"){var Eo=l.blockedSegment;Eo.lastPushedText=On(l.blockedSegment.chunks,d,v.responseState,Eo.lastPushedText);return}if(typeof d=="number"){var ws=l.blockedSegment;ws.lastPushedText=On(l.blockedSegment.chunks,""+d,v.responseState,ws.lastPushedText);return}typeof d=="function"&&i("Functions are not valid as a React child. This may happen if you return a Component instead of <Component /> from render. Or maybe you meant to call this function rather than return it.")}function Jl(v,l,d){for(var m=d.length,x=0;x<m;x++){var _=l.treeContext;l.treeContext=Nu(_,m,x);try{Ti(v,l,d[x])}finally{l.treeContext=_}}}function Ql(v,l,d){var m=l.blockedSegment,x=m.chunks.length,_=il(v,x,null,m.formatContext,m.lastPushedText,!0);m.children.push(_),m.lastPushedText=!1;var B=Wo(v,l.node,l.blockedBoundary,_,l.abortSet,l.legacyContext,l.context,l.treeContext);l.componentStack!==null&&(B.componentStack=l.componentStack.parent);var z=B.ping;d.then(z,z)}function Ti(v,l,d){var m=l.blockedSegment.formatContext,x=l.legacyContext,_=l.context,B=null;B=l.componentStack;try{return dr(v,l,d)}catch(z){if(Hu(),typeof z=="object"&&z!==null&&typeof z.then=="function"){Ql(v,l,z),l.blockedSegment.formatContext=m,l.legacyContext=x,l.context=_,fs(_),l.componentStack=B;return}else throw l.blockedSegment.formatContext=m,l.legacyContext=x,l.context=_,fs(_),l.componentStack=B,z}}function Qc(v,l,d,m){var x=sl(v,m);if(l===null?Oa(v,m):(l.pendingTasks--,l.forceClientRender||(l.forceClientRender=!0,l.errorDigest=x,ql(l,m),l.parentFlushed&&v.clientRenderedBoundaries.push(l))),v.allPendingTasks--,v.allPendingTasks===0){var _=v.onAllReady;_()}}function ys(v){var l=this,d=v.blockedBoundary,m=v.blockedSegment;m.status=Xs,ea(l,d,m)}function eu(v,l,d){var m=v.blockedBoundary,x=v.blockedSegment;if(x.status=Xs,m===null)l.allPendingTasks--,l.status!==Da&&(l.status=Da,l.destination!==null&&A(l.destination));else{if(m.pendingTasks--,!m.forceClientRender){m.forceClientRender=!0;var _=d===void 0?new Error("The render was aborted by the server without a reason."):d;m.errorDigest=l.onError(_);{var B="The server did not finish this Suspense boundary: ";_&&typeof _.message=="string"?_=B+_.message:_=B+String(_);var z=Zi;Zi=v;try{ql(m,_)}finally{Zi=z}}m.parentFlushed&&l.clientRenderedBoundaries.push(m)}if(m.fallbackAbortableTasks.forEach(function(xe){return eu(xe,l,d)}),m.fallbackAbortableTasks.clear(),l.allPendingTasks--,l.allPendingTasks===0){var ne=l.onAllReady;ne()}}}function bs(v,l){if(l.chunks.length===0&&l.children.length===1&&l.children[0].boundary===null){var d=l.children[0];d.id=l.id,d.parentFlushed=!0,d.status===To&&bs(v,d)}else{var m=v.completedSegments;m.push(l)}}function ea(v,l,d){if(l===null){if(d.parentFlushed){if(v.completedRootSegment!==null)throw new Error("There can only be one root segment. This is a bug in React.");v.completedRootSegment=d}if(v.pendingRootTasks--,v.pendingRootTasks===0){v.onShellError=Ks;var m=v.onShellReady;m()}}else if(l.pendingTasks--,!l.forceClientRender){if(l.pendingTasks===0)d.parentFlushed&&d.status===To&&bs(l,d),l.parentFlushed&&v.completedBoundaries.push(l),l.fallbackAbortableTasks.forEach(ys,v),l.fallbackAbortableTasks.clear();else if(d.parentFlushed&&d.status===To){bs(l,d);var x=l.completedSegments;x.length===1&&l.parentFlushed&&v.partialBoundaries.push(l)}}if(v.allPendingTasks--,v.allPendingTasks===0){var _=v.onAllReady;_()}}function qf(v,l){var d=l.blockedSegment;if(d.status===Wl){fs(l.context);var m=null;m=Zi,Zi=l;try{dr(v,l,l.node),_n(d.chunks,v.responseState,d.lastPushedText,d.textEmbedded),l.abortSet.delete(l),d.status=To,ea(v,l.blockedBoundary,d)}catch(_){if(Hu(),typeof _=="object"&&_!==null&&typeof _.then=="function"){var x=l.ping;_.then(x,x)}else l.abortSet.delete(l),d.status=Uc,Qc(v,l.blockedBoundary,d,_)}finally{Zi=m}}}function ec(v){if(v.status!==Da){var l=Lc(),d=Ul.current;Ul.current=rr;var m;m=Ea.getCurrentStack,Ea.getCurrentStack=Ji;var x=qs;Hl(v.responseState);try{var _=v.pingedTasks,B;for(B=0;B<_.length;B++){var z=_[B];qf(v,z)}_.splice(0,B),v.destination!==null&&Ii(v,v.destination)}catch(ne){sl(v,ne),Oa(v,ne)}finally{Hl(x),Ul.current=d,Ea.getCurrentStack=m,d===rr&&fs(l)}}}function ll(v,l,d){switch(d.parentFlushed=!0,d.status){case Wl:{var m=d.id=v.nextSegmentId++;return d.lastPushedText=!1,d.textEmbedded=!1,cr(l,v.responseState,m)}case To:{d.status=zl;for(var x=!0,_=d.chunks,B=0,z=d.children,ne=0;ne<z.length;ne++){for(var xe=z[ne];B<xe.index;B++)g(l,_[B]);x=ul(v,l,xe)}for(;B<_.length-1;B++)g(l,_[B]);return B<_.length&&(x=T(l,_[B])),x}default:throw new Error("Aborted, errored or already flushed boundaries should not be flushed again. This is a bug in React.")}}function ul(v,l,d){var m=d.boundary;if(m===null)return ll(v,l,d);if(m.parentFlushed=!0,m.forceClientRender)return $e(l,v.responseState,m.errorDigest,m.errorMessage,m.errorComponentStack),ll(v,l,d),Et(l,v.responseState);if(m.pendingTasks>0){m.rootSegmentID=v.nextSegmentId++,m.completedSegments.length>0&&v.partialBoundaries.push(m);var x=m.id=nn(v.responseState);return Te(l,v.responseState,x),ll(v,l,d),Tt(l,v.responseState)}else{if(m.byteSize>v.progressiveChunkSize)return m.rootSegmentID=v.nextSegmentId++,v.completedBoundaries.push(m),Te(l,v.responseState,m.id),ll(v,l,d),Tt(l,v.responseState);Ae(l,v.responseState);var _=m.completedSegments;if(_.length!==1)throw new Error("A previously unvisited boundary must have exactly one root segment. This is a bug in React.");var B=_[0];return ul(v,l,B),it(l,v.responseState)}}function tc(v,l,d){return Rl(l,v.responseState,d.id,d.errorDigest,d.errorMessage,d.errorComponentStack)}function tu(v,l,d){return St(l,v.responseState,d.formatContext,d.id),ul(v,l,d),vt(l,d.formatContext)}function nc(v,l,d){for(var m=d.completedSegments,x=0;x<m.length;x++){var _=m[x];Wr(v,l,d,_)}return m.length=0,mo(l,v.responseState,d.id,d.rootSegmentID)}function ef(v,l,d){for(var m=d.completedSegments,x=0;x<m.length;x++){var _=m[x];if(!Wr(v,l,d,_))return x++,m.splice(0,x),!1}return m.splice(0,x),!0}function Wr(v,l,d,m){if(m.status===zl)return!0;var x=m.id;if(x===-1){var _=m.id=d.rootSegmentID;if(_===-1)throw new Error("A root segment ID must have been assigned by now. This is a bug in React.");return tu(v,l,m)}else return tu(v,l,m),za(l,v.responseState,x)}function Ii(v,l){b();try{var d=v.completedRootSegment;d!==null&&v.pendingRootTasks===0&&(ul(v,l,d),v.completedRootSegment=null,yi(l,v.responseState));var m=v.clientRenderedBoundaries,x;for(x=0;x<m.length;x++){var _=m[x];tc(v,l,_)}m.splice(0,x);var B=v.completedBoundaries;for(x=0;x<B.length;x++){var z=B[x];nc(v,l,z)}B.splice(0,x),E(l),b(l);var ne=v.partialBoundaries;for(x=0;x<ne.length;x++){var xe=ne[x];if(!ef(v,l,xe)){v.destination=null,x++,ne.splice(0,x);return}}ne.splice(0,x);var Ne=v.completedBoundaries;for(x=0;x<Ne.length;x++){var ze=Ne[x];nc(v,l,ze)}Ne.splice(0,x)}finally{E(l),v.allPendingTasks===0&&v.pingedTasks.length===0&&v.clientRenderedBoundaries.length===0&&v.completedBoundaries.length===0&&(v.abortableTasks.size!==0&&i("There was still abortable task at the root when we closed. This is a bug in React."),A(l))}}function tf(v){a(function(){return ec(v)})}function Xf(v,l){if(v.status===ka){v.status=Da,H(l,v.fatalError);return}if(v.status!==Da&&v.destination===null){v.destination=l;try{Ii(v,l)}catch(d){sl(v,d),Oa(v,d)}}}function cl(v,l){try{var d=v.abortableTasks;d.forEach(function(m){return eu(m,v,l)}),d.clear(),v.destination!==null&&Ii(v,v.destination)}catch(m){sl(v,m),Oa(v,m)}}function _a(v,l){return new Promise(function(d,m){var x,_,B=new Promise(function(nt,xt){_=nt,x=xt});function z(){var nt=new ReadableStream({type:"bytes",pull:function(xt){Xf(xe,xt)},cancel:function(xt){cl(xe)}},{highWaterMark:0});nt.allReady=B,d(nt)}function ne(nt){B.catch(function(){}),m(nt)}var xe=Yl(v,Oi(l?l.identifierPrefix:void 0,l?l.nonce:void 0,l?l.bootstrapScriptContent:void 0,l?l.bootstrapScripts:void 0,l?l.bootstrapModules:void 0),hi(l?l.namespaceURI:void 0),l?l.progressiveChunkSize:void 0,l?l.onError:void 0,_,z,ne,x);if(l&&l.signal){var Ne=l.signal,ze=function(){cl(xe,Ne.reason),Ne.removeEventListener("abort",ze)};Ne.addEventListener("abort",ze)}tf(xe)})}Mh.renderToReadableStream=_a,Mh.version=e}()),Mh}var kc,Ev;process.env.NODE_ENV==="production"?(kc=M4(),Ev=L4()):(kc=F4(),Ev=N4());kc.version;var j4=kc.renderToString;kc.renderToStaticMarkup;kc.renderToNodeStream;kc.renderToStaticNodeStream;Ev.renderToReadableStream;var B4=typeof globalThis<"u"?globalThis:typeof window<"u"?window:typeof global<"u"?global:typeof self<"u"?self:{};function BD(t,e){return t(e={exports:{}},e.exports),e.exports}var $4=BD(function(t){(function(e){var n=function(j,R,H){if(!f(R)||b(R)||g(R)||T(R)||c(R))return R;var G,re=0,q=0;if(p(R))for(G=[],q=R.length;re<q;re++)G.push(n(j,R[re],H));else for(var se in G={},R)Object.prototype.hasOwnProperty.call(R,se)&&(G[j(se,H)]=n(j,R[se],H));return G},r=function(j){return E(j)?j:(j=j.replace(/[\-_\s]+(.)?/g,function(R,H){return H?H.toUpperCase():""})).substr(0,1).toLowerCase()+j.substr(1)},i=function(j){var R=r(j);return R.substr(0,1).toUpperCase()+R.substr(1)},o=function(j,R){return function(H,G){var re=(G=G||{}).separator||"_",q=G.split||/(?=[A-Z])/;return H.split(q).join(re)}(j,R).toLowerCase()},a=Object.prototype.toString,c=function(j){return typeof j=="function"},f=function(j){return j===Object(j)},p=function(j){return a.call(j)=="[object Array]"},b=function(j){return a.call(j)=="[object Date]"},g=function(j){return a.call(j)=="[object RegExp]"},T=function(j){return a.call(j)=="[object Boolean]"},E=function(j){return(j-=0)==j},A=function(j,R){var H=R&&"process"in R?R.process:R;return typeof H!="function"?j:function(G,re){return H(G,j,re)}},I={camelize:r,decamelize:o,pascalize:i,depascalize:o,camelizeKeys:function(j,R){return n(A(r,R),j)},decamelizeKeys:function(j,R){return n(A(o,R),j,R)},pascalizeKeys:function(j,R){return n(A(i,R),j)},depascalizeKeys:function(){return this.decamelizeKeys.apply(this,arguments)}};t.exports?t.exports=I:e.humps=I})(B4)}).decamelize,V4=function(t){if(Array.isArray(t))return t},H4=function(t,e){if(typeof Symbol<"u"&&Symbol.iterator in Object(t)){var n=[],r=!0,i=!1,o=void 0;try{for(var a,c=t[Symbol.iterator]();!(r=(a=c.next()).done)&&(n.push(a.value),!e||n.length!==e);r=!0);}catch(f){i=!0,o=f}finally{try{r||c.return==null||c.return()}finally{if(i)throw o}}return n}},S1=function(t,e){(e==null||e>t.length)&&(e=t.length);for(var n=0,r=new Array(e);n<e;n++)r[n]=t[n];return r},U4=function(t,e){if(t){if(typeof t=="string")return S1(t,e);var n=Object.prototype.toString.call(t).slice(8,-1);return n==="Object"&&t.constructor&&(n=t.constructor.name),n==="Map"||n==="Set"?Array.from(t):n==="Arguments"||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?S1(t,e):void 0}},W4=function(){throw new TypeError(`Invalid attempt to destructure non-iterable instance.
136
- In order to be iterable, non-array objects must have a [Symbol.iterator]() method.`)},z4=function(t,e){return V4(t)||H4(t,e)||U4(t,e)||W4()},$D=BD(function(t){function e(){return t.exports=e=Object.assign||function(n){for(var r=1;r<arguments.length;r++){var i=arguments[r];for(var o in i)Object.prototype.hasOwnProperty.call(i,o)&&(n[o]=i[o])}return n},e.apply(this,arguments)}t.exports=e}),Y4=function(t,e){if(t==null)return{};var n,r,i={},o=Object.keys(t);for(r=0;r<o.length;r++)n=o[r],e.indexOf(n)>=0||(i[n]=t[n]);return i},VD=function(t,e){if(t==null)return{};var n,r,i=Y4(t,e);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(t);for(r=0;r<o.length;r++)n=o[r],e.indexOf(n)>=0||Object.prototype.propertyIsEnumerable.call(t,n)&&(i[n]=t[n])}return i},G4=X.createContext(null);function HD(t){var e=t.children,n=e===void 0?"":e,r=VD(t,["children"]);return typeof n!="string"&&(n=j4(n)),X.createElement("template",$D({},r,{dangerouslySetInnerHTML:{__html:n}}))}function UD(t){var e=t.root,n=t.children;return Fv.createPortal(n===void 0?null:n,e)}function q4(t){var e=X.forwardRef(function(n,r){var i,o,a=n.mode,c=a===void 0?"open":a,f=n.delegatesFocus,p=f!==void 0&&f,b=n.styleSheets,g=b===void 0?[]:b,T=n.ssr,E=T!==void 0&&T,A=n.children,I=VD(n,["mode","delegatesFocus","styleSheets","ssr","children"]),j=(o=X.useRef((i=r)&&i.current),X.useEffect(function(){i&&(i.current=o.current)},[i]),o),R=X.useState(null),H=z4(R,2),G=H[0],re=H[1],q="node_".concat(c).concat(p);return X.useLayoutEffect(function(){if(j.current)try{if(typeof r=="function"&&r(j.current),E){var se=j.current.shadowRoot;return void re(se)}var S=j.current.attachShadow({mode:c,delegatesFocus:p});g.length>0&&(S.adoptedStyleSheets=g),re(S)}catch(ue){(function(ae){var Ue=ae.error,tt=ae.styleSheets,et=ae.root;switch(Ue.name){case"NotSupportedError":tt.length>0&&(et.adoptedStyleSheets=tt);break;default:throw Ue}})({error:ue,styleSheets:g,root:G})}},[r,j,g]),X.createElement(X.Fragment,null,X.createElement(t.tag,$D({key:q,ref:j},I),(G||E)&&X.createElement(G4.Provider,{value:G},E?X.createElement(HD,{shadowroot:c,shadowrootmode:c},t.render({root:G,ssr:E,children:A})):X.createElement(UD,{root:G},t.render({root:G,ssr:E,children:A})))))});return e.propTypes={mode:_s.oneOf(["open","closed"]),delegatesFocus:_s.bool,styleSheets:_s.arrayOf(_s.instanceOf(globalThis.CSSStyleSheet)),ssr:_s.bool,children:_s.node},e}HD.propTypes={children:_s.oneOfType([_s.string,_s.node])},UD.propTypes={root:_s.object.isRequired,children:_s.node};var mm=new Map;function X4(){var t=arguments.length>0&&arguments[0]!==void 0?arguments[0]:{},e=arguments.length>1&&arguments[1]!==void 0?arguments[1]:"core",n=arguments.length>2&&arguments[2]!==void 0?arguments[2]:function(r){return r.children};return new Proxy(t,{get:function(r,i){var o=$4(i,{separator:"-"}),a="".concat(e,"-").concat(o);return mm.has(a)||mm.set(a,q4({tag:o,render:n})),mm.get(a)}})}var WD=X4();const K4=".app,.treeRoot{height:100%}.draggingSource{opacity:.3}.placeholderContainer{position:relative}.dropTarget{background-color:#8d878711}",Z4=".favorite-bar{position:sticky;top:64px;z-index:900;transition:transform .3s ease,opacity .3s ease;border-bottom:1px solid #ddd}.favorite-bar--hidden{transform:translateY(-100%);opacity:0}.favorite-bar--visible{transform:translateY(0);opacity:1}";var T1;(function(t){t.DragStart="dragStart",t.DragMove="dragMove",t.DragEnd="dragEnd",t.DragCancel="dragCancel",t.DragOver="dragOver",t.RegisterDroppable="registerDroppable",t.SetDroppableDisabled="setDroppableDisabled",t.UnregisterDroppable="unregisterDroppable"})(T1||(T1={}));const J4=Object.freeze({x:0,y:0});var Tf;(function(t){t[t.Forward=1]="Forward",t[t.Backward=-1]="Backward"})(Tf||(Tf={}));var C1;(function(t){t.Click="click",t.DragStart="dragstart",t.Keydown="keydown",t.ContextMenu="contextmenu",t.Resize="resize",t.SelectionChange="selectionchange",t.VisibilityChange="visibilitychange"})(C1||(C1={}));var Rs;(function(t){t.Space="Space",t.Down="ArrowDown",t.Right="ArrowRight",t.Left="ArrowLeft",t.Up="ArrowUp",t.Esc="Escape",t.Enter="Enter",t.Tab="Tab"})(Rs||(Rs={}));Rs.Space,Rs.Enter,Rs.Esc,Rs.Space,Rs.Enter,Rs.Tab;var E1;(function(t){t[t.RightClick=2]="RightClick"})(E1||(E1={}));var k1;(function(t){t[t.Pointer=0]="Pointer",t[t.DraggableRect=1]="DraggableRect"})(k1||(k1={}));var D1;(function(t){t[t.TreeOrder=0]="TreeOrder",t[t.ReversedTreeOrder=1]="ReversedTreeOrder"})(D1||(D1={}));Tf.Backward+"",Tf.Forward+"",Tf.Backward+"",Tf.Forward+"";var kv;(function(t){t[t.Always=0]="Always",t[t.BeforeDragging=1]="BeforeDragging",t[t.WhileDragging=2]="WhileDragging"})(kv||(kv={}));var Dv;(function(t){t.Optimized="optimized"})(Dv||(Dv={}));kv.WhileDragging,Dv.Optimized;({...J4});var P1;(function(t){t[t.Uninitialized=0]="Uninitialized",t[t.Initializing=1]="Initializing",t[t.Initialized=2]="Initialized"})(P1||(P1={}));function Q4(t,e,n){const r=t.slice();return r.splice(n<0?r.length+n:n,0,r.splice(e,1)[0]),r}Rs.Down,Rs.Right,Rs.Up,Rs.Left;function e6(t){const e=new CustomEvent("updateFavoriteMenu",{detail:{menuItem:t}});window.dispatchEvent(e)}const vm="MENU_ITEM";function t6(t){const e=Sp.useLocation(),[n,r]=X.useState([]),[i,o]=X.useState([]),[a,c]=X.useState(!1);console.log("isSubmit",a);const f=X.useRef(null),[p,b]=X.useState(window.location.href);X.useEffect(()=>{b(window.location.href)},[e]);const g=q=>`${q}`;function T(q,se){for(const S of q){if(S.id===se)return S;if(S.children){const ue=T(S.children,se);if(ue)return ue}}return null}function E(q,se){const S=T(n,q);S?(S.isFavorite=se,e6(S),nb(q,se)):console.error(`Item with id ${q} not found`)}const A=q=>{console.log("Favorite menus changed",q);const se=q.detail.favoriteMenus||[];r(se)},[I,j]=X.useState(!1);X.useEffect(()=>{const q=se=>{j(se.detail.isLoading)};return window.addEventListener("favoriteLoadingChange",q),()=>{window.removeEventListener("favoriteLoadingChange",q)}},[]),X.useEffect(()=>(window.addEventListener("favoriteMenusChange",A),()=>{window.removeEventListener("favoriteMenusChange",A)}),[]);const R=(q,se)=>{n[q];const S=Q4(n,q,se);r(S),c(!0);const ue={menuItemIds:S.map(ae=>ae.id)};As.post("global-menu-config/api/v1/menu-items/user/order-favorites",ue,{baseURL:t.baseUrl}).then(()=>{window.dispatchEvent(new CustomEvent("favoriteOrderUpdated",{detail:{favoriteMenuId:S.map(ae=>ae.id)}}))}).catch(ae=>{console.error(ae),r(n)}).finally(()=>{c(!1)})};console.log("favoriteItems",n);const H=Object.entries(t.brandColors||{}).reduce((q,[se,S])=>(S&&(q[`--${se}`]=S),q),{}),G=({item:q,index:se})=>{const S=X.useRef(null),[{isDragging:ue},ae]=XE({type:vm,item:()=>({id:q.id,index:se}),collect:Le=>({isDragging:Le.isDragging()})}),[{isOver:Ue,isOverCurrent:tt},et]=up(()=>({accept:vm,collect:Le=>({isOver:Le.isOver(),isOverCurrent:Le.isOver({shallow:!0})}),drop:Le=>{Le.index!==se&&(Le.index<se?(R(Le.index,se-1),Le.index=se-1):(R(Le.index,se),Le.index=se))}}),[]);let De="hover-off";return(tt||Ue)&&(De="hover-on"),ae(et(S)),Re.jsx("div",{ref:S,style:{opacity:ue?.7:1,boxShadow:ue?"0 4px 8px rgba(0, 0, 0, 0.2)":"none",cursor:"move",display:"inline-block",marginRight:"8px",position:"relative",transition:"transform 0.3s ease-in-out",...H},className:`item ${De}`,children:Re.jsx(jD,{replacePath:t.replacePath,ssr:t.ssr,brandColors:t.brandColors,baseUrl:t.baseUrl,item:q,level:1,onSetFavoriteSuccess:E,isDrop:a})})},re=()=>{const q=X.useRef(null),[{isOver:se,canDrop:S},ue]=up(()=>({accept:vm,drop:ae=>{R(ae.index,n.length-1),ae.index=n.length-1},collect:ae=>({isOver:ae.isOver(),canDrop:ae.canDrop()})}),[n]);return ue(q),Re.jsx("div",{ref:q,style:{height:48,width:150,display:"flex",alignItems:"center",justifyContent:"center",borderLeft:se&&S?"2px solid var(--primary300)":"transparent",...H}})};return console.log("isLoading fav",I),Re.jsx(Re.Fragment,{children:I?Re.jsx(Re.Fragment,{}):n.length?Re.jsx("div",{className:g("favorite-menu"),children:Re.jsx(Wv,{ref:f,className:g("wrap-section favorite-menu__menu"),style:{marginTop:4,flex:1,overflow:"auto",height:"100%",overflowY:"hidden"},children:Re.jsx(UE,{backend:eC,children:Re.jsxs("div",{style:{display:"inline-flex"},children:[n.map((q,se)=>Re.jsx(G,{item:q,index:se},q.id)),Re.jsx(re,{})]})})})}):""})}function n6(t=32){const[e,n]=X.useState(!0),[r,i]=X.useState(0),o=()=>{const a=window.scrollY;a>r&&a>t?n(!1):a<r&&n(!0),i(a)};return X.useEffect(()=>(window.addEventListener("scroll",o),()=>window.removeEventListener("scroll",o)),[r]),{isFavoriteBarVisible:e}}function r6(t){const{isFavoriteBarVisible:e}=n6();return Re.jsxs(Re.Fragment,{children:[Re.jsx("style",{children:Z4}),Re.jsx("div",{className:`favorite-bar ${e?"favorite-bar--visible":"favorite-bar--hidden"}`,children:Re.jsx(WD.div,{children:Re.jsx(Vv,{styles:[VT,I4,K4],children:Re.jsx(t6,{...t})})})})]})}function nb(t,e){const n=JSON.parse(localStorage.getItem("favoriteItems")||"[]");if(e)n.includes(t)||n.push(t);else{const r=n.indexOf(t);r>-1&&n.splice(r,1)}localStorage.setItem("favoriteItems",JSON.stringify(n))}function zD({...t}){var Se,je,Qe;const e=t.item,n=t.level||0,r=!!((Se=t.item.children)!=null&&Se.length),{isActive:i,isCollapsed:o}=t,a=`level-${n}`,c=o?"collapsed":"expanded",f=i(e.id)?"active":"",p=r?"parent":"child",b=t.params.isOpen?"isOpen":"isClose",g=t.isInternalApp?"isInternalApp":"",T=(Ye,Ke=a)=>`${Ye} ${Ke} ${c} ${f} ${p} ${b} ${g}`,[E,A]=X.useState(!1),[I,j]=X.useState(e.isFavorite||!1);X.useEffect(()=>{j(!!t.item.isFavorite)},[t.item.isFavorite]);const R=X.useRef(),H=X.useRef();H!=null&&H.current&&((je=H==null?void 0:H.current)==null?void 0:je.scrollWidth)>((Qe=H==null?void 0:H.current)==null?void 0:Qe.clientWidth);const G=window.location.origin,re=e.path&&e.path.includes("http")?new URL(e.path):{origin:"",pathname:""},q=window.location.pathname.split("/")[1],se=re.pathname.split("/")[1],S=t.item.redirectUrl||t.ssr||!G.includes("local")&&G!==re.origin||se!==q,ue=r?"div":!t.isInternalApp&&S?"a":Sp.Link,ae=e.redirectUrl||e.path||"#",Ue=n+1,tt=r&&o&&E,et=o||n===0?void 0:`${n+.25}rem`,De=()=>{A(!0)},Le=()=>{A(!1)},fe="/global-menu-config/api/v1/menu-items/user/set-favorite",me=e.serviceKey==="mn_poms";t.params.depth*20,t.params.depth,_H(e.id,t.params.isOpen,t.params.onToggle);const Be=me||o&&n===0?e.name==="POMs"?"Parking Operations Management":e.description||e.name:null,Ze=Object.entries(t.brandColors||{}).reduce((Ye,[Ke,qe])=>(qe&&(Ye[`--${Ke}`]=qe),Ye),{}),ve=G!==re.origin||t.item.redirectUrl?"_blank":"_self";return Re.jsxs("div",{ref:R,className:T("menu-item__wrapper tree-node"),style:{borderRadius:"8px",transition:"all 0.3s",...Ze},onMouseOver:De,onMouseOut:Le,onDragStart:Ye=>{o&&n>1&&Ye.preventDefault()},children:[Re.jsx(sa.Tooltip,{placement:"top",title:Be,disableInteractive:!0,children:Re.jsxs(ue,{target:ve,to:ae,href:ae,draggable:"true",className:T("menu-item__link"),style:{paddingLeft:et},onClick:Ye=>{ue==="a"&&ve==="_blank"||(!r&&e.path&&localStorage.setItem("latestClickMenuPath",(e.path||"").replace(window.location.origin,"")),!o&&t.toggleExpand(Ye))},children:[Re.jsx(i6,{cls:T,item:e}),Re.jsx("span",{className:T("menu-item__label"),ref:H,children:e.name}),Re.jsx(o6,{tooltipPosition:Be?"right":"top",menuLevel:n,hasChildren:r,isHovered:E,isFavorite:I,onClick:Ye=>{const Ke={menuConfigId:e.id,isFavorite:Ye},qe=t.baseUrl+fe;As.post(qe,Ke).then(ot=>{var ct;j(Ye),Yv("Set favorite menu item successfully"),(ct=t.onSetFavoriteSuccess)==null||ct.call(t,t.item.id,Ye),nb(t.item.id,Ye)}).catch(ot=>{var ct,pt;Wd(((pt=(ct=ot.response)==null?void 0:ct.data)==null?void 0:pt.errorMessage)||"Have error when set favorite menu item")})}}),r&&Re.jsx("div",{className:T("menu-item__icon-arrow__wrapper"),children:Re.jsx(Q5,{className:T(`menu-item__icon-arrow__icon ${t.params.isOpen?"open":"close"}`)})})]})}),tt&&Re.jsx(e4,{parentRef:R,onlyChild:!o,renderChildren:({maxHeight:Ye})=>{var Ke;return Re.jsx(OD.div,{className:T(`menu-item__dropdown ${t.params.isOpen?"menu-item__dropdown--open":"menu-item__dropdown--close"}`,`level-${Ue}`),style:eb({maxHeight:Ye,overflowY:"auto",paddingRight:3},Ye!=="auto"&&!!Ue),children:(Ke=e.children)==null?void 0:Ke.map(qe=>X.createElement(zD,{...t,key:qe.id,item:qe,level:Ue}))})}})]})}function i6({item:t,cls:e}){return Re.jsx("div",{className:e("menu-item__icon"),children:Re.jsx(ND,{item:t})})}function o6(t){const e={marginRight:t.hasChildren?10:0,fontSize:18,fill:ki.warning};return Re.jsxs(Re.Fragment,{children:[t.isHovered&&!t.isFavorite&&Re.jsx(sa.Tooltip,{placement:t.tooltipPosition||"top",title:"Add to favorites",disableInteractive:!0,children:Re.jsx("div",{children:Re.jsx(_D,{style:e,onClick:n=>{var r;n.preventDefault(),n.stopPropagation(),(r=t.onClick)==null||r.call(t,!0)}})})}),t.isFavorite&&Re.jsx(sa.Tooltip,{placement:t.tooltipPosition||"top",title:"Remove from favorites",disableInteractive:!0,children:Re.jsx("div",{children:Re.jsx(RD,{style:e,onClick:n=>{var r;n.preventDefault(),n.stopPropagation(),(r=t.onClick)==null||r.call(t,!1)}})})})]})}function s6(){return Re.jsx("svg",{xmlns:"http://www.w3.org/2000/svg",width:"22",height:"22",fill:"currentColor",stroke:"currentColor",strokeWidth:"0",viewBox:"0 0 24 24",children:Re.jsx("path",{d:"M21 18v2H3v-2h18zM6.596 3.903L8.01 5.318 4.828 8.5 8.01 11.68l-1.414 1.415L2 8.5l4.596-4.597zM21 11v2h-9v-2h9zm0-7v2h-9V4h9z"})})}function a6(){return Re.jsx("svg",{xmlns:"http://www.w3.org/2000/svg",width:"22",height:"22",fill:"currentColor",stroke:"currentColor",strokeWidth:"0",viewBox:"0 0 24 24",children:Re.jsx("path",{d:"M3 4h18v2H3V4zm0 7h18v2H3v-2zm0 7h18v2H3v-2z"})})}function l6(t){return Re.jsx("svg",{xmlns:"http://www.w3.org/2000/svg",width:"18",height:"20",fill:"none",viewBox:"0 0 18 20",...t,children:Re.jsx("path",{fill:"#E01B00",fillRule:"evenodd",d:"M.179 2.875A2.375 2.375 0 012.554.5h3.393a1.018 1.018 0 010 2.036H2.554a.34.34 0 00-.34.339v14.25c0 .187.152.34.34.34h3.393a1.018 1.018 0 110 2.035H2.554a2.375 2.375 0 01-2.375-2.375V2.875zm14.167 6.107h-7.72a1.018 1.018 0 000 2.036h7.72l-2.673 2.673a1.018 1.018 0 101.44 1.44l4.41-4.411a1.018 1.018 0 000-1.44l-4.41-4.41a1.018 1.018 0 10-1.44 1.439l2.673 2.673z",clipRule:"evenodd"})})}const u6=".flex-col-center{display:flex;flex-direction:column;justify-content:center}.wrap-section{padding:0 8px;transition:all .3s}.wrap-section.collapsed{padding:0 4px}.side-bar{position:fixed;top:64px;left:0;height:calc(100vh - 64px);max-width:18rem;display:flex;flex-direction:column;border-right:1px solid #ddd;background-color:#fafafa;transition:all .3s}.side-bar.expanded{width:17rem}.side-bar.collapsed{width:64px}.side-bar__wrap-btn-logout,.side-bar__btn-logout{margin:5px 0}.side-bar__logout-btn__text{margin-left:12px;font-size:.875rem;opacity:1}.side-bar__logout-btn__text.collapsed{opacity:0;transition:ease-in-out .2s;transition-delay:.15s}.side-bar__wrapper-toggle-btn{display:flex;flex-direction:row;justify-content:flex-end;transition:all .3s;margin-right:-8px;margin-top:40px}.side-bar__wrapper-toggle-btn.collapsed{justify-content:center;width:100%}.side-bar__toggle-btn{margin-top:-6px;color:#85858a}.side-bar__logout-btn{width:100%;text-align:left;display:flex;flex-direction:row;align-items:center;padding:8px 16px 8px 18.6665px;min-height:48px;border-radius:.375rem;overflow:hidden;transition:all .3s ease-in-out;background-color:initial}.side-bar__logout-btn:hover{background-color:#919eab14}.side-bar__icon-logout{flex-shrink:0}.menu-item__wrapper{display:flex;flex-direction:column;position:relative;width:100%;color:#292929}.menu-item__wrapper.collapsed.active,.menu-item__wrapper.expanded.active.parent.isClose,.menu-item__wrapper.expanded.active.child{color:var(--primary400);background-color:var(--primary200)}.menu-item__link{display:flex;flex-direction:row;border-radius:.375rem;align-items:center;padding:.5rem;position:relative;height:48px;cursor:pointer}.menu-item__link.expanded.level-0{padding:.5rem 10px}.menu-item__link:hover{background-color:#919eab14}.menu-item__link.collapsed.level-0{padding-left:calc(.5rem + 7.665px)!important}.menu-item__link.active{background-color:#009d4f1a;color:inherit}.menu-item__link.active.level-0,.menu-item__link.active.level-1,.menu-item__link.active.level-2,.menu-item__link.active.level-3,.menu-item__link.active.level-4,.menu-item__link.active.level-5,.menu-item__link.active.level-6,.menu-item__link.active.level-7,.menu-item__link.active.level-8,.menu-item__link.active.level-9{background-color:inherit;color:inherit}.menu-item__link.active.level-1:hover,.menu-item__link.active.level-2:hover,.menu-item__link.active.level-3:hover,.menu-item__link.active.level-4:hover,.menu-item__link.active.level-5:hover,.menu-item__link.active.level-6:hover,.menu-item__link.active.level-7:hover,.menu-item__link.active.level-8:hover,.menu-item__link.active.level-9:hover,.menu-item__link.active.level-0:hover{background-color:#919eab14}.menu-item__link.level-0{transition:padding .2s}.menu-item__link.menu-item__link.collapsed.level-0{padding:0}.menu-item__icon{width:1.5rem;height:1.5rem;flex-shrink:0;display:grid;place-items:center;color:#85858a}.menu-item__icon.collapsed.active,.menu-item__icon.expanded.active.parent.isClose,.menu-item__icon.expanded.active.child{color:inherit}.menu-item__icon.collapsed.level-0>*{margin:0 auto}.menu-item__label{font-size:.875rem;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;width:100%;flex-shrink:1;margin-left:12px;padding-right:12px;opacity:1}.menu-item__label.level-0.collapsed{text-overflow:unset}.menu-item__label.active{color:inherit}.menu-item__label.collapsed{margin-left:8px;font-size:.75rem;line-height:1rem}.menu-item__label.collapsed.level-0{font-size:.875rem;opacity:0;transition-delay:.15s}.menu-item__label.level-0{margin-left:8px;font-weight:500;font-size:.951rem}.menu-item__label.level-0.isInternalApp{font-weight:unset!important}.menu-item__icon-arrow__wrapper{display:grid;place-items:center;position:absolute;top:50%;transform:translateY(-50%);right:0}.menu-item__icon-arrow__wrapper.expanded{right:4px}.menu-item__icon-arrow__icon{transition:transform .3s!important;transform:rotate(-90deg)!important}.menu-item__icon-arrow__icon.active{color:inherit}.menu-item__icon-arrow__icon.expanded.open{transform:rotate(0)!important}.menu-item__dropdown.collapsed{background-color:#fafafa;border:1px solid #ddd;box-shadow:#0000001a 0 10px 15px -3px,#0000000d 0 4px 6px -2px;border-radius:4px;width:210px;max-width:210px;padding:4px;z-index:1200}.menu-item__dropdown::-webkit-scrollbar{width:4px}.menu-item__dropdown::-webkit-scrollbar-thumb{background-color:#9b9b9b99;border-radius:2px}.menu-item__dropdown,.menu-item__dropdown>*{margin-top:4px}.menu-item__dropdown.expanded.menu-item__dropdown--close{margin-top:0;transition:margin-top .3s}.menu-item__dropdown:first-of-type{margin-top:0}.menu-item__dropdown>*:first-child{margin-top:0}.menu-item__dropdown.collapsed .menu-item__link{height:40px}.menu-item__dropdown.collapsed .menu-item__link.level-0{height:48px}.menu-item__dropdown.collapsed.level-0{width:auto;max-width:unset;box-shadow:none;border:none;padding:0;background-color:unset}.menu-item__dropdown.expanded{overflow:hidden}.icon-btn{display:inline-flex;align-items:center;justify-content:center;padding:8px;border-radius:50%;background-color:transparent;transition:background-color .3s ease;border:none}.icon-btn:hover{background-color:var(--btn-bg-hover)}.simplebar-scrollbar:before{background-color:#0000002d}.side-bar__menu.collapsed .simplebar-track.simplebar-vertical{display:none}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}",c6=t=>{const e=t.isCollapsed?0:t.depth*16;return Re.jsx("div",{style:{backgroundColor:t.color||"#93D500",height:"2px",position:"absolute",right:"0",top:"0",left:e}})},f6=".app,.treeRoot{height:100%}.draggingSource{opacity:.3}.placeholderContainer{position:relative}.dropTarget{background-color:#8d878711}",d6=t=>{const[e,n]=X.useState(()=>{const r=localStorage.getItem("openingMenuIds");return r&&r!=="[]"?JSON.parse(r):(t==null?void 0:t.initOpenIds)||[]});return X.useEffect(()=>{localStorage.setItem("openingMenuIds",JSON.stringify(e))},[e]),[e,n]};function YD(t){document.documentElement.style.setProperty("--global-menu-width",!t||t==="true"?"64px":"17rem")}const Gh=localStorage.getItem("isCollapsed");YD(Gh);function h6(t){const e=new CustomEvent("favoriteMenusChange",{detail:{favoriteMenus:t}});window.dispatchEvent(e)}function p6(t){const e=Sp.useLocation(),[n,r]=X.useState([]),i=n.map(De=>De.data),[o,a]=X.useState(!1),[c,f]=X.useState([]),[p,b]=X.useState(Gh===null?!0:Gh==="true"),[g,T]=X.useState(window.location.href),E=X.useRef(null);X.useEffect(()=>{var De;(De=t.handleCallback)==null||De.call(t,i)},[i,t.handleCallback]),X.useEffect(()=>{T(window.location.href)},[e]);const A=m6(i,g),[I,j]=d6({initOpenIds:t.initOpenIds}),R=()=>{var De,Le;if(b(!p),localStorage.setItem("isCollapsed",JSON.stringify(!p)),YD(p),p)I&&((De=E.current)==null||De.open(I));else{const fe=n.filter(me=>me.parent===0).map(me=>me.id);console.log("closeIds:",fe),(Le=E.current)==null||Le.close(fe)}},[H,G]=X.useState(!1),re=p?"collapsed":"expanded",q=De=>`${De} ${re}`,se=X.useRef(null);X.useLayoutEffect(()=>{(async()=>{var Le,fe;try{const me=t.menuPath||"/global-menu-config/api/v1/menu-items/user",Pe=t.baseUrl+me,{data:Be}=await As.get(Pe);let Ze=Be.map(Se=>({...Se,parentKey:Se.parentKey||0}));Ze=qD(Ze),t.replacePath&&(Ze=GD(Ze,t.replacePath));const ve=Ze.map(Se=>({id:Se.id,parent:Se.parentKey,text:Se.name,data:Se}));r(ve)}catch(me){console.error("Global menu",me),Wd(((fe=(Le=me.response)==null?void 0:Le.data)==null?void 0:fe.errorMessage)||me.message||"Have error when get menu items")}})()},[t.baseUrl,t.menuPath,t.replacePath]);const[S,ue]=X.useState(!1),ae=async()=>{ue(!0),window.dispatchEvent(new CustomEvent("favoriteLoadingChange",{detail:{isLoading:!0}}));try{const De=await fetch(`${t.baseUrl}/global-menu-config/api/v1/menu-items/user/get-favorites`);if(!De.ok)throw new Error("Failed to fetch favorite items");const Le=await De.json();f(Le)}catch(De){console.error("Error fetching favorite items:",De)}finally{ue(!1),window.dispatchEvent(new CustomEvent("favoriteLoadingChange",{detail:{isLoading:!1}}))}};X.useEffect(()=>{ae()},[t.baseUrl,e]),X.useEffect(()=>{const De=Le=>{f(Le.detail.favoriteMenuId)};return window.addEventListener("favoriteOrderUpdated",De),()=>{window.removeEventListener("favoriteOrderUpdated",De)}},[]),console.log("favoriteMenuId",c),X.useEffect(()=>{let De=[];c.forEach(me=>{const Pe=i.find(Be=>Be.id===me&&Be.isFavorite===!0);Pe&&(De=[...De,Pe])}),console.log(De);function Le(me){return i.every(Pe=>Pe.parentKey!==me.id)?me:{...me,children:i.filter(Pe=>Pe.parentKey===me.id).map(Pe=>Le(Pe))}}const fe=De.map(me=>Le(me));h6(fe)},[i]);function Ue(De){const Le=De.detail.menuItem;r(fe=>fe.map(me=>me.id!==Le.id?me:{...me,data:Le})),ae()}X.useEffect(()=>(window.addEventListener("updateFavoriteMenu",Ue),()=>{window.removeEventListener("updateFavoriteMenu",Ue)}),[]),X.useLayoutEffect(()=>{var me;const De=localStorage.getItem("scrollPos");De&&se.current&&setTimeout(()=>{const Pe=se.current.getScrollElement();Pe.scrollTop=parseInt(De)},0);const Le=()=>{if(se.current){const Pe=se.current.getScrollElement();localStorage.setItem("scrollPos",Pe.scrollTop.toString())}},fe=(me=se.current)==null?void 0:me.getScrollElement();return fe==null||fe.addEventListener("scroll",Le),()=>{fe==null||fe.removeEventListener("scroll",Le)}},[i]);function tt(De){a(!0);const Le=[...n];r(De);const fe=De.map((me,Pe)=>({menuItemId:me.id,order:Pe}));As.post("/global-menu-config/api/v1/menu-items/user",fe,{baseURL:t.baseUrl}).then(()=>{}).catch(me=>{console.error(me),r(Le)}).finally(()=>{a(!1)})}const et=X.useMemo(()=>Gh==="false"?I:[],[]);return console.log("nodesglobal menu",n),Re.jsxs("div",{className:q("side-bar"),children:[Re.jsx("div",{className:q("wrap-section side-bar__wrapper-toggle-btn"),children:Re.jsx("button",{className:"icon-btn side-bar__toggle-btn",onClick:R,children:p?Re.jsx(a6,{}):Re.jsx(s6,{})})}),Re.jsx(Wv,{ref:se,className:q("wrap-section side-bar__menu"),style:{marginTop:24,flex:1,overflow:"auto",height:"100%",overflowX:"hidden"},children:Re.jsx(UE,{backend:eH,options:EH(),children:Re.jsx(HH,{ref:E,classes:{root:"treeRoot",draggingSource:"draggingSource",placeholder:"placeholderContainer",listItem:De=>{var Le;return((Le=De.data)==null?void 0:Le.name)==="Home"?"isHome":""}},tree:n,rootId:0,sort:!1,insertDroppableFirst:!1,enableAnimateExpand:!0,dropTargetOffset:10,onDrop:tt,render:(De,Le)=>{function fe(Ze){return n.every(ve=>ve.parent!==Ze.id)?Ze:{...Ze,children:n.filter(ve=>ve.parent===Ze.id).map(ve=>fe(ve.data))}}const me=fe(De.data),Pe=Ze=>A.some(ve=>ve.id===Ze);function Be(Ze,ve){r(Se=>Se.map(je=>je.id===Ze?{...je,data:{...je.data,isFavorite:ve}}:je)),ae()}return Re.jsx(zD,{isInternalApp:t.isInternalApp,isActive:Pe,isCollapsed:p,replacePath:t.replacePath,ssr:t.ssr,brandColors:t.brandColors,baseUrl:t.baseUrl,node:De,params:Le,nodes:n,item:me,expanded:()=>!1,toggleExpand:Ze=>{var ve;if(Ze.stopPropagation(),Le.isOpen)console.log("open toggleExpand"),Le.onToggle();else{console.log("close toggleExpand");const Se=n.filter(je=>je.parent===De.parent&&je.id!==De.id).map(je=>je.id);console.log(" closeIds:",Se),(ve=E.current)==null||ve.open(De.id),setTimeout(()=>{var je;(je=E.current)==null||je.close(Se)},0)}},level:Le.depth,onSetFavoriteSuccess:Be})},placeholderRender:(De,{depth:Le})=>{var fe;return Re.jsx(c6,{node:De,depth:Le,color:(fe=t.brandColors)==null?void 0:fe.primary300,isCollapsed:p})},canDrag:()=>!o,canDrop:(De,{dragSource:Le,dropTargetId:fe})=>(Le==null?void 0:Le.parent)===fe,onDragStart:De=>{console.log("onDragStart",De)},onChangeOpen:De=>{localStorage.getItem("isCollapsed")==="false"&&(console.log("onChangeOpen:",De),j(De))},initialOpen:et})})}),Re.jsxs("div",{className:q("wrap-section side-bar__wrap-btn-logout"),children:[Re.jsxs("button",{className:q("side-bar__logout-btn"),onClick:()=>G(!0),children:[Re.jsx(l6,{className:q("side-bar__icon-logout")}),Re.jsx("span",{className:q("side-bar__logout-btn__text"),children:"Logout"})]}),Re.jsx(X1,{isOpen:H,onClose:()=>G(!1),onConfirm:()=>t.logout?t.logout():oT(t.baseUrl)})]})]})}const O1={"/stella/page/SiteManagement/Company/List?tenantId=1":["/stella/page/SiteManagement/Company","/stella/page/SiteManagement/Region","/stella/page/SiteManagement/Location","/stella/page/SiteManagement/Zone","/stella/page/SiteManagement/Service","/stella/page/SiteManagement/Sign"],"/stella/page/SiteManagement/Portfolio/List":["/stella/page/SiteManagement/Portfolio"],"/stella/page/SiteManagement/CountryRegion/List":["/stella/page/SiteManagement/CountryRegion"],"/stella/page/SiteManagement/VehicleListController/List":["/stella/page/SiteManagement/VehicleListController"],"/stella/page/ContraventionManagement/CorrespondenceTemplate/List":["/stella/page/ContraventionManagement/CorrespondenceTemplate"],"/stella/page/ContraventionManagement/VerificationsAudit/List":["/stella/page/ContraventionManagement/VerificationsAudit"],"/stella/page/ContraventionManagement/PendingWardenVerification/List":["/stella/page/ContraventionManagement/PendingWardenVerification"],"/stella/page/ContraventionManagement/Appeal/Search":["/stella/page/ContraventionManagement/Appeal"],"/stella/page/ContraventionManagement/Contravention/Search":["/stella/page/ContraventionManagement/Contravention"],"/stella/page/ContraventionManagement/Tag/Search":["/stella/page/ContraventionManagement/Tag"],"/stella/page/ContraventionManagement/WorkflowMapping/List":["/stella/page/ContraventionManagement/WorkflowMapping"],"/stella/page/ContraventionManagement/WorkflowLetterTemplateMapping/List":["/stella/page/ContraventionManagement/WorkflowLetterTemplateMapping"],"/stella/page/ContraventionManagement/ScannedAppeal/Summary":["/stella/page/ContraventionManagement/ScannedAppeal"],"/stella/page/ContraventionManagement/PendingAppealWorkQueue/List":["/stella/page/ContraventionManagement/PendingAppeal"],"/stella/page/ContraventionManagement/NoDecisionAIAppeal/List":["/stella/page/ContraventionManagement/NoDecisionAIAppeal"],"/stella/page/ContraventionManagement/VerifyAIAppeal/List":["/stella/page/ContraventionManagement/VerifyAIAppeal"],"/anpr/page/LocationDisableReasons/Index":["/anpr/page/LocationDisableReasons"],"/anpr/page/Tags/Index":["/anpr/page/Tags"],"/anpr/page/VendorLocations/Index":["/anpr/page/VendorLocations"],"/anpr/page/Cameras/Index":["/anpr/page/Cameras"],"/anpr/page/Locations/Index":["/anpr/page/Locations"],"/anpr/page/Devices/Index":["/anpr/page/Devices","/anpr/page/Locations"],"/anpr/page/Technical/Overview":["/anpr/page/Technical"],"/anpr/page/Technical/Index":["/anpr/page/Technical"],"/anpr/page/Technical/Index?priority=P1":["/anpr/page/Technical"],"/anpr/page/Technical/Index?priority=P2":["/anpr/page/Technical"],"/anpr/page/Technical/Index?priority=P3":["/anpr/page/Technical"],"/anpr/page/Technical/Index?priority=P4":["/anpr/page/Technical"],"/anpr/page/CustomVerifications/Overview":["/anpr/page/CustomVerifications/Overview"],"/anpr/page/CustomVerifications/WipByLocation":["/anpr/page/CustomVerifications"],"/anpr/page/Issues/Create":["/anpr/page/Issues/Create"],"/anpr/page/Issues/ExportAsCsv":["/anpr/page/Issues/ExportAsCsv"],"/anpr/page/Issues/Overview":["/anpr/page/Issues/Overview"],"/anpr/page/Issues/Index?status=Closed":["/anpr/page/Issues"],"/anpr/page/Issues/Index":["/anpr/page/Issues"]};function g6(t,e){const r=t.replace(window.origin,""),i=new URL(r,window.location.origin),o=new URL(e,window.origin),a=localStorage.getItem("latestClickMenuPath");return r&&O1[r]&&O1[r].some(c=>e.includes(c))?a===r?5:4:i.pathname===o.pathname&&i.search===o.search?3:i.pathname===o.pathname?2:o.pathname.startsWith(i.pathname)?1:0}function m6(t,e){const n=t.map(a=>({item:a,priority:a.path?g6(a.path,e):0})).filter(a=>a.priority>0);console.log(" index.tsx ~ matchedItems:",n);const r=n.length>0?n.reduce((a,c)=>c.priority>a.priority?c:a).item:null,i=[];let o=r;for(;o;)i.unshift(o),o=t.find(a=>a.id===(o==null?void 0:o.parentKey))||null;return i}function GD(t,e){return t.map(n=>{var r;return(r=n.children)!=null&&r.length?(n.path="",n.children=GD(n.children,e)):n.path=e(n.path),n})}function qD(t){return t.map(n=>n.path&&!n.path.includes("http")&&n.path.includes("/")?{...n,path:window.location.origin+n.path}:(n.children&&(n.children=qD(n.children)),n))}function v6(t){return Re.jsx(WD.div,{children:Re.jsx(Vv,{styles:[VT,u6,f6],style:{position:"sticky",zIndex:1300},children:Re.jsx(p6,{...t})})})}const y6={"page-container":"_page-container_1pwo1_1","page-main-content":"_page-main-content_1pwo1_8","page-title":"_page-title_1pwo1_19","text-base":"_text-base_1pwo1_26","mt-4":"_mt-4_1pwo1_33"};var bp={exports:{}};/**
136
+ In order to be iterable, non-array objects must have a [Symbol.iterator]() method.`)},z4=function(t,e){return V4(t)||H4(t,e)||U4(t,e)||W4()},$D=BD(function(t){function e(){return t.exports=e=Object.assign||function(n){for(var r=1;r<arguments.length;r++){var i=arguments[r];for(var o in i)Object.prototype.hasOwnProperty.call(i,o)&&(n[o]=i[o])}return n},e.apply(this,arguments)}t.exports=e}),Y4=function(t,e){if(t==null)return{};var n,r,i={},o=Object.keys(t);for(r=0;r<o.length;r++)n=o[r],e.indexOf(n)>=0||(i[n]=t[n]);return i},VD=function(t,e){if(t==null)return{};var n,r,i=Y4(t,e);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(t);for(r=0;r<o.length;r++)n=o[r],e.indexOf(n)>=0||Object.prototype.propertyIsEnumerable.call(t,n)&&(i[n]=t[n])}return i},G4=X.createContext(null);function HD(t){var e=t.children,n=e===void 0?"":e,r=VD(t,["children"]);return typeof n!="string"&&(n=j4(n)),X.createElement("template",$D({},r,{dangerouslySetInnerHTML:{__html:n}}))}function UD(t){var e=t.root,n=t.children;return Fv.createPortal(n===void 0?null:n,e)}function q4(t){var e=X.forwardRef(function(n,r){var i,o,a=n.mode,c=a===void 0?"open":a,f=n.delegatesFocus,p=f!==void 0&&f,b=n.styleSheets,g=b===void 0?[]:b,T=n.ssr,E=T!==void 0&&T,A=n.children,I=VD(n,["mode","delegatesFocus","styleSheets","ssr","children"]),j=(o=X.useRef((i=r)&&i.current),X.useEffect(function(){i&&(i.current=o.current)},[i]),o),R=X.useState(null),H=z4(R,2),G=H[0],re=H[1],q="node_".concat(c).concat(p);return X.useLayoutEffect(function(){if(j.current)try{if(typeof r=="function"&&r(j.current),E){var se=j.current.shadowRoot;return void re(se)}var S=j.current.attachShadow({mode:c,delegatesFocus:p});g.length>0&&(S.adoptedStyleSheets=g),re(S)}catch(ue){(function(ae){var Ue=ae.error,tt=ae.styleSheets,et=ae.root;switch(Ue.name){case"NotSupportedError":tt.length>0&&(et.adoptedStyleSheets=tt);break;default:throw Ue}})({error:ue,styleSheets:g,root:G})}},[r,j,g]),X.createElement(X.Fragment,null,X.createElement(t.tag,$D({key:q,ref:j},I),(G||E)&&X.createElement(G4.Provider,{value:G},E?X.createElement(HD,{shadowroot:c,shadowrootmode:c},t.render({root:G,ssr:E,children:A})):X.createElement(UD,{root:G},t.render({root:G,ssr:E,children:A})))))});return e.propTypes={mode:_s.oneOf(["open","closed"]),delegatesFocus:_s.bool,styleSheets:_s.arrayOf(_s.instanceOf(globalThis.CSSStyleSheet)),ssr:_s.bool,children:_s.node},e}HD.propTypes={children:_s.oneOfType([_s.string,_s.node])},UD.propTypes={root:_s.object.isRequired,children:_s.node};var mm=new Map;function X4(){var t=arguments.length>0&&arguments[0]!==void 0?arguments[0]:{},e=arguments.length>1&&arguments[1]!==void 0?arguments[1]:"core",n=arguments.length>2&&arguments[2]!==void 0?arguments[2]:function(r){return r.children};return new Proxy(t,{get:function(r,i){var o=$4(i,{separator:"-"}),a="".concat(e,"-").concat(o);return mm.has(a)||mm.set(a,q4({tag:o,render:n})),mm.get(a)}})}var WD=X4();const K4=".app,.treeRoot{height:100%}.draggingSource{opacity:.3}.placeholderContainer{position:relative}.dropTarget{background-color:#8d878711}",Z4=".favorite-bar{z-index:900;transition:transform .3s ease,opacity .3s ease;border-bottom:1px solid #ddd}.favorite-bar--hidden{transform:translateY(-100%);opacity:0}.favorite-bar--visible{transform:translateY(0);opacity:1}";var T1;(function(t){t.DragStart="dragStart",t.DragMove="dragMove",t.DragEnd="dragEnd",t.DragCancel="dragCancel",t.DragOver="dragOver",t.RegisterDroppable="registerDroppable",t.SetDroppableDisabled="setDroppableDisabled",t.UnregisterDroppable="unregisterDroppable"})(T1||(T1={}));const J4=Object.freeze({x:0,y:0});var Tf;(function(t){t[t.Forward=1]="Forward",t[t.Backward=-1]="Backward"})(Tf||(Tf={}));var C1;(function(t){t.Click="click",t.DragStart="dragstart",t.Keydown="keydown",t.ContextMenu="contextmenu",t.Resize="resize",t.SelectionChange="selectionchange",t.VisibilityChange="visibilitychange"})(C1||(C1={}));var Rs;(function(t){t.Space="Space",t.Down="ArrowDown",t.Right="ArrowRight",t.Left="ArrowLeft",t.Up="ArrowUp",t.Esc="Escape",t.Enter="Enter",t.Tab="Tab"})(Rs||(Rs={}));Rs.Space,Rs.Enter,Rs.Esc,Rs.Space,Rs.Enter,Rs.Tab;var E1;(function(t){t[t.RightClick=2]="RightClick"})(E1||(E1={}));var k1;(function(t){t[t.Pointer=0]="Pointer",t[t.DraggableRect=1]="DraggableRect"})(k1||(k1={}));var D1;(function(t){t[t.TreeOrder=0]="TreeOrder",t[t.ReversedTreeOrder=1]="ReversedTreeOrder"})(D1||(D1={}));Tf.Backward+"",Tf.Forward+"",Tf.Backward+"",Tf.Forward+"";var kv;(function(t){t[t.Always=0]="Always",t[t.BeforeDragging=1]="BeforeDragging",t[t.WhileDragging=2]="WhileDragging"})(kv||(kv={}));var Dv;(function(t){t.Optimized="optimized"})(Dv||(Dv={}));kv.WhileDragging,Dv.Optimized;({...J4});var P1;(function(t){t[t.Uninitialized=0]="Uninitialized",t[t.Initializing=1]="Initializing",t[t.Initialized=2]="Initialized"})(P1||(P1={}));function Q4(t,e,n){const r=t.slice();return r.splice(n<0?r.length+n:n,0,r.splice(e,1)[0]),r}Rs.Down,Rs.Right,Rs.Up,Rs.Left;function e6(t){const e=new CustomEvent("updateFavoriteMenu",{detail:{menuItem:t}});window.dispatchEvent(e)}const vm="MENU_ITEM";function t6(t){const e=Sp.useLocation(),[n,r]=X.useState([]),[i,o]=X.useState([]),[a,c]=X.useState(!1);console.log("isSubmit",a);const f=X.useRef(null),[p,b]=X.useState(window.location.href);X.useEffect(()=>{b(window.location.href)},[e]);const g=q=>`${q}`;function T(q,se){for(const S of q){if(S.id===se)return S;if(S.children){const ue=T(S.children,se);if(ue)return ue}}return null}function E(q,se){const S=T(n,q);S?(S.isFavorite=se,e6(S),nb(q,se)):console.error(`Item with id ${q} not found`)}const A=q=>{console.log("Favorite menus changed",q);const se=q.detail.favoriteMenus||[];r(se)},[I,j]=X.useState(!1);X.useEffect(()=>{const q=se=>{j(se.detail.isLoading)};return window.addEventListener("favoriteLoadingChange",q),()=>{window.removeEventListener("favoriteLoadingChange",q)}},[]),X.useEffect(()=>(window.addEventListener("favoriteMenusChange",A),()=>{window.removeEventListener("favoriteMenusChange",A)}),[]);const R=(q,se)=>{n[q];const S=Q4(n,q,se);r(S),c(!0);const ue={menuItemIds:S.map(ae=>ae.id)};As.post("global-menu-config/api/v1/menu-items/user/order-favorites",ue,{baseURL:t.baseUrl}).then(()=>{window.dispatchEvent(new CustomEvent("favoriteOrderUpdated",{detail:{favoriteMenuId:S.map(ae=>ae.id)}}))}).catch(ae=>{console.error(ae),r(n)}).finally(()=>{c(!1)})};console.log("favoriteItems",n);const H=Object.entries(t.brandColors||{}).reduce((q,[se,S])=>(S&&(q[`--${se}`]=S),q),{}),G=({item:q,index:se})=>{const S=X.useRef(null),[{isDragging:ue},ae]=XE({type:vm,item:()=>({id:q.id,index:se}),collect:Le=>({isDragging:Le.isDragging()})}),[{isOver:Ue,isOverCurrent:tt},et]=up(()=>({accept:vm,collect:Le=>({isOver:Le.isOver(),isOverCurrent:Le.isOver({shallow:!0})}),drop:Le=>{Le.index!==se&&(Le.index<se?(R(Le.index,se-1),Le.index=se-1):(R(Le.index,se),Le.index=se))}}),[]);let De="hover-off";return(tt||Ue)&&(De="hover-on"),ae(et(S)),Re.jsx("div",{ref:S,style:{opacity:ue?.7:1,boxShadow:ue?"0 4px 8px rgba(0, 0, 0, 0.2)":"none",cursor:"move",display:"inline-block",marginRight:"8px",position:"relative",transition:"transform 0.3s ease-in-out",...H},className:`item ${De}`,children:Re.jsx(jD,{replacePath:t.replacePath,ssr:t.ssr,brandColors:t.brandColors,baseUrl:t.baseUrl,item:q,level:1,onSetFavoriteSuccess:E,isDrop:a})})},re=()=>{const q=X.useRef(null),[{isOver:se,canDrop:S},ue]=up(()=>({accept:vm,drop:ae=>{R(ae.index,n.length-1),ae.index=n.length-1},collect:ae=>({isOver:ae.isOver(),canDrop:ae.canDrop()})}),[n]);return ue(q),Re.jsx("div",{ref:q,style:{height:48,width:150,display:"flex",alignItems:"center",justifyContent:"center",borderLeft:se&&S?"2px solid var(--primary300)":"transparent",...H}})};return console.log("isLoading fav",I),Re.jsx(Re.Fragment,{children:I?Re.jsx(Re.Fragment,{}):n.length?Re.jsx("div",{className:g("favorite-menu"),children:Re.jsx(Wv,{ref:f,className:g("wrap-section favorite-menu__menu"),style:{marginTop:4,flex:1,overflow:"auto",height:"100%",overflowY:"hidden"},children:Re.jsx(UE,{backend:eC,children:Re.jsxs("div",{style:{display:"inline-flex"},children:[n.map((q,se)=>Re.jsx(G,{item:q,index:se},q.id)),Re.jsx(re,{})]})})})}):""})}function n6(t=32){const[e,n]=X.useState(!0),[r,i]=X.useState(0),o=()=>{const a=window.scrollY;a>r&&a>t?n(!1):a<r&&n(!0),i(a)};return X.useEffect(()=>(window.addEventListener("scroll",o),()=>window.removeEventListener("scroll",o)),[r]),{isFavoriteBarVisible:e}}function r6(t){const{isFavoriteBarVisible:e}=n6();return Re.jsxs(Re.Fragment,{children:[Re.jsx("style",{children:Z4}),Re.jsx("div",{className:`favorite-bar ${e?"favorite-bar--visible":"favorite-bar--hidden"}`,children:Re.jsx(WD.div,{children:Re.jsx(Vv,{styles:[VT,I4,K4],children:Re.jsx(t6,{...t})})})})]})}function nb(t,e){const n=JSON.parse(localStorage.getItem("favoriteItems")||"[]");if(e)n.includes(t)||n.push(t);else{const r=n.indexOf(t);r>-1&&n.splice(r,1)}localStorage.setItem("favoriteItems",JSON.stringify(n))}function zD({...t}){var Se,je,Qe;const e=t.item,n=t.level||0,r=!!((Se=t.item.children)!=null&&Se.length),{isActive:i,isCollapsed:o}=t,a=`level-${n}`,c=o?"collapsed":"expanded",f=i(e.id)?"active":"",p=r?"parent":"child",b=t.params.isOpen?"isOpen":"isClose",g=t.isInternalApp?"isInternalApp":"",T=(Ye,Ke=a)=>`${Ye} ${Ke} ${c} ${f} ${p} ${b} ${g}`,[E,A]=X.useState(!1),[I,j]=X.useState(e.isFavorite||!1);X.useEffect(()=>{j(!!t.item.isFavorite)},[t.item.isFavorite]);const R=X.useRef(),H=X.useRef();H!=null&&H.current&&((je=H==null?void 0:H.current)==null?void 0:je.scrollWidth)>((Qe=H==null?void 0:H.current)==null?void 0:Qe.clientWidth);const G=window.location.origin,re=e.path&&e.path.includes("http")?new URL(e.path):{origin:"",pathname:""},q=window.location.pathname.split("/")[1],se=re.pathname.split("/")[1],S=t.item.redirectUrl||t.ssr||!G.includes("local")&&G!==re.origin||se!==q,ue=r?"div":!t.isInternalApp&&S?"a":Sp.Link,ae=e.redirectUrl||e.path||"#",Ue=n+1,tt=r&&o&&E,et=o||n===0?void 0:`${n+.25}rem`,De=()=>{A(!0)},Le=()=>{A(!1)},fe="/global-menu-config/api/v1/menu-items/user/set-favorite",me=e.serviceKey==="mn_poms";t.params.depth*20,t.params.depth,_H(e.id,t.params.isOpen,t.params.onToggle);const Be=me||o&&n===0?e.name==="POMs"?"Parking Operations Management":e.description||e.name:null,Ze=Object.entries(t.brandColors||{}).reduce((Ye,[Ke,qe])=>(qe&&(Ye[`--${Ke}`]=qe),Ye),{}),ve=G!==re.origin||t.item.redirectUrl?"_blank":"_self";return Re.jsxs("div",{ref:R,className:T("menu-item__wrapper tree-node"),style:{borderRadius:"8px",transition:"all 0.3s",...Ze},onMouseOver:De,onMouseOut:Le,onDragStart:Ye=>{o&&n>1&&Ye.preventDefault()},children:[Re.jsx(sa.Tooltip,{placement:"top",title:Be,disableInteractive:!0,children:Re.jsxs(ue,{target:ve,to:ae,href:ae,draggable:"true",className:T("menu-item__link"),style:{paddingLeft:et},onClick:Ye=>{ue==="a"&&ve==="_blank"||(!r&&e.path&&localStorage.setItem("latestClickMenuPath",(e.path||"").replace(window.location.origin,"")),!o&&t.toggleExpand(Ye))},children:[Re.jsx(i6,{cls:T,item:e}),Re.jsx("span",{className:T("menu-item__label"),ref:H,children:e.name}),Re.jsx(o6,{tooltipPosition:Be?"right":"top",menuLevel:n,hasChildren:r,isHovered:E,isFavorite:I,onClick:Ye=>{const Ke={menuConfigId:e.id,isFavorite:Ye},qe=t.baseUrl+fe;As.post(qe,Ke).then(ot=>{var ct;j(Ye),Yv("Set favorite menu item successfully"),(ct=t.onSetFavoriteSuccess)==null||ct.call(t,t.item.id,Ye),nb(t.item.id,Ye)}).catch(ot=>{var ct,pt;Wd(((pt=(ct=ot.response)==null?void 0:ct.data)==null?void 0:pt.errorMessage)||"Have error when set favorite menu item")})}}),r&&Re.jsx("div",{className:T("menu-item__icon-arrow__wrapper"),children:Re.jsx(Q5,{className:T(`menu-item__icon-arrow__icon ${t.params.isOpen?"open":"close"}`)})})]})}),tt&&Re.jsx(e4,{parentRef:R,onlyChild:!o,renderChildren:({maxHeight:Ye})=>{var Ke;return Re.jsx(OD.div,{className:T(`menu-item__dropdown ${t.params.isOpen?"menu-item__dropdown--open":"menu-item__dropdown--close"}`,`level-${Ue}`),style:eb({maxHeight:Ye,overflowY:"auto",paddingRight:3},Ye!=="auto"&&!!Ue),children:(Ke=e.children)==null?void 0:Ke.map(qe=>X.createElement(zD,{...t,key:qe.id,item:qe,level:Ue}))})}})]})}function i6({item:t,cls:e}){return Re.jsx("div",{className:e("menu-item__icon"),children:Re.jsx(ND,{item:t})})}function o6(t){const e={marginRight:t.hasChildren?10:0,fontSize:18,fill:ki.warning};return Re.jsxs(Re.Fragment,{children:[t.isHovered&&!t.isFavorite&&Re.jsx(sa.Tooltip,{placement:t.tooltipPosition||"top",title:"Add to favorites",disableInteractive:!0,children:Re.jsx("div",{children:Re.jsx(_D,{style:e,onClick:n=>{var r;n.preventDefault(),n.stopPropagation(),(r=t.onClick)==null||r.call(t,!0)}})})}),t.isFavorite&&Re.jsx(sa.Tooltip,{placement:t.tooltipPosition||"top",title:"Remove from favorites",disableInteractive:!0,children:Re.jsx("div",{children:Re.jsx(RD,{style:e,onClick:n=>{var r;n.preventDefault(),n.stopPropagation(),(r=t.onClick)==null||r.call(t,!1)}})})})]})}function s6(){return Re.jsx("svg",{xmlns:"http://www.w3.org/2000/svg",width:"22",height:"22",fill:"currentColor",stroke:"currentColor",strokeWidth:"0",viewBox:"0 0 24 24",children:Re.jsx("path",{d:"M21 18v2H3v-2h18zM6.596 3.903L8.01 5.318 4.828 8.5 8.01 11.68l-1.414 1.415L2 8.5l4.596-4.597zM21 11v2h-9v-2h9zm0-7v2h-9V4h9z"})})}function a6(){return Re.jsx("svg",{xmlns:"http://www.w3.org/2000/svg",width:"22",height:"22",fill:"currentColor",stroke:"currentColor",strokeWidth:"0",viewBox:"0 0 24 24",children:Re.jsx("path",{d:"M3 4h18v2H3V4zm0 7h18v2H3v-2zm0 7h18v2H3v-2z"})})}function l6(t){return Re.jsx("svg",{xmlns:"http://www.w3.org/2000/svg",width:"18",height:"20",fill:"none",viewBox:"0 0 18 20",...t,children:Re.jsx("path",{fill:"#E01B00",fillRule:"evenodd",d:"M.179 2.875A2.375 2.375 0 012.554.5h3.393a1.018 1.018 0 010 2.036H2.554a.34.34 0 00-.34.339v14.25c0 .187.152.34.34.34h3.393a1.018 1.018 0 110 2.035H2.554a2.375 2.375 0 01-2.375-2.375V2.875zm14.167 6.107h-7.72a1.018 1.018 0 000 2.036h7.72l-2.673 2.673a1.018 1.018 0 101.44 1.44l4.41-4.411a1.018 1.018 0 000-1.44l-4.41-4.41a1.018 1.018 0 10-1.44 1.439l2.673 2.673z",clipRule:"evenodd"})})}const u6=".flex-col-center{display:flex;flex-direction:column;justify-content:center}.wrap-section{padding:0 8px;transition:all .3s}.wrap-section.collapsed{padding:0 4px}.side-bar{position:fixed;top:64px;left:0;height:calc(100vh - 64px);max-width:18rem;display:flex;flex-direction:column;border-right:1px solid #ddd;background-color:#fafafa;transition:all .3s}.side-bar.expanded{width:17rem}.side-bar.collapsed{width:64px}.side-bar__wrap-btn-logout,.side-bar__btn-logout{margin:5px 0}.side-bar__logout-btn__text{margin-left:12px;font-size:.875rem;opacity:1}.side-bar__logout-btn__text.collapsed{opacity:0;transition:ease-in-out .2s;transition-delay:.15s}.side-bar__wrapper-toggle-btn{display:flex;flex-direction:row;justify-content:flex-end;transition:all .3s;margin-right:-8px;margin-top:40px}.side-bar__wrapper-toggle-btn.collapsed{justify-content:center;width:100%}.side-bar__toggle-btn{margin-top:-6px;color:#85858a}.side-bar__logout-btn{width:100%;text-align:left;display:flex;flex-direction:row;align-items:center;padding:8px 16px 8px 18.6665px;min-height:48px;border-radius:.375rem;overflow:hidden;transition:all .3s ease-in-out;background-color:initial}.side-bar__logout-btn:hover{background-color:#919eab14}.side-bar__icon-logout{flex-shrink:0}.menu-item__wrapper{display:flex;flex-direction:column;position:relative;width:100%;color:#292929}.menu-item__wrapper.collapsed.active,.menu-item__wrapper.expanded.active.parent.isClose,.menu-item__wrapper.expanded.active.child{color:var(--primary400);background-color:var(--primary200)}.menu-item__link{display:flex;flex-direction:row;border-radius:.375rem;align-items:center;padding:.5rem;position:relative;height:48px;cursor:pointer}.menu-item__link.expanded.level-0{padding:.5rem 10px}.menu-item__link:hover{background-color:#919eab14}.menu-item__link.collapsed.level-0{padding-left:calc(.5rem + 7.665px)!important}.menu-item__link.active{background-color:#009d4f1a;color:inherit}.menu-item__link.active.level-0,.menu-item__link.active.level-1,.menu-item__link.active.level-2,.menu-item__link.active.level-3,.menu-item__link.active.level-4,.menu-item__link.active.level-5,.menu-item__link.active.level-6,.menu-item__link.active.level-7,.menu-item__link.active.level-8,.menu-item__link.active.level-9{background-color:inherit;color:inherit}.menu-item__link.active.level-1:hover,.menu-item__link.active.level-2:hover,.menu-item__link.active.level-3:hover,.menu-item__link.active.level-4:hover,.menu-item__link.active.level-5:hover,.menu-item__link.active.level-6:hover,.menu-item__link.active.level-7:hover,.menu-item__link.active.level-8:hover,.menu-item__link.active.level-9:hover,.menu-item__link.active.level-0:hover{background-color:#919eab14}.menu-item__link.level-0{transition:padding .2s}.menu-item__link.menu-item__link.collapsed.level-0{padding:0}.menu-item__icon{width:1.5rem;height:1.5rem;flex-shrink:0;display:grid;place-items:center;color:#85858a}.menu-item__icon.collapsed.active,.menu-item__icon.expanded.active.parent.isClose,.menu-item__icon.expanded.active.child{color:inherit}.menu-item__icon.collapsed.level-0>*{margin:0 auto}.menu-item__label{font-size:.875rem;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;width:100%;flex-shrink:1;margin-left:12px;padding-right:12px;opacity:1}.menu-item__label.level-0.collapsed{text-overflow:unset}.menu-item__label.active{color:inherit}.menu-item__label.collapsed{margin-left:8px;font-size:.75rem;line-height:1rem}.menu-item__label.collapsed.level-0{font-size:.875rem;opacity:0;transition-delay:.15s}.menu-item__label.level-0{margin-left:8px;font-weight:500;font-size:.951rem}.menu-item__label.level-0.isInternalApp{font-weight:unset!important}.menu-item__icon-arrow__wrapper{display:grid;place-items:center;position:absolute;top:50%;transform:translateY(-50%);right:0}.menu-item__icon-arrow__wrapper.expanded{right:4px}.menu-item__icon-arrow__icon{transition:transform .3s!important;transform:rotate(-90deg)!important}.menu-item__icon-arrow__icon.active{color:inherit}.menu-item__icon-arrow__icon.expanded.open{transform:rotate(0)!important}.menu-item__dropdown.collapsed{background-color:#fafafa;border:1px solid #ddd;box-shadow:#0000001a 0 10px 15px -3px,#0000000d 0 4px 6px -2px;border-radius:4px;width:210px;max-width:210px;padding:4px;z-index:1200}.menu-item__dropdown::-webkit-scrollbar{width:4px}.menu-item__dropdown::-webkit-scrollbar-thumb{background-color:#9b9b9b99;border-radius:2px}.menu-item__dropdown,.menu-item__dropdown>*{margin-top:4px}.menu-item__dropdown.expanded.menu-item__dropdown--close{margin-top:0;transition:margin-top .3s}.menu-item__dropdown:first-of-type{margin-top:0}.menu-item__dropdown>*:first-child{margin-top:0}.menu-item__dropdown.collapsed .menu-item__link{height:40px}.menu-item__dropdown.collapsed .menu-item__link.level-0{height:48px}.menu-item__dropdown.collapsed.level-0{width:auto;max-width:unset;box-shadow:none;border:none;padding:0;background-color:unset}.menu-item__dropdown.expanded{overflow:hidden}.icon-btn{display:inline-flex;align-items:center;justify-content:center;padding:8px;border-radius:50%;background-color:transparent;transition:background-color .3s ease;border:none}.icon-btn:hover{background-color:var(--btn-bg-hover)}.simplebar-scrollbar:before{background-color:#0000002d}.side-bar__menu.collapsed .simplebar-track.simplebar-vertical{display:none}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}",c6=t=>{const e=t.isCollapsed?0:t.depth*16;return Re.jsx("div",{style:{backgroundColor:t.color||"#93D500",height:"2px",position:"absolute",right:"0",top:"0",left:e}})},f6=".app,.treeRoot{height:100%}.draggingSource{opacity:.3}.placeholderContainer{position:relative}.dropTarget{background-color:#8d878711}",d6=t=>{const[e,n]=X.useState(()=>{const r=localStorage.getItem("openingMenuIds");return r&&r!=="[]"?JSON.parse(r):(t==null?void 0:t.initOpenIds)||[]});return X.useEffect(()=>{localStorage.setItem("openingMenuIds",JSON.stringify(e))},[e]),[e,n]};function YD(t){document.documentElement.style.setProperty("--global-menu-width",!t||t==="true"?"64px":"17rem")}const Gh=localStorage.getItem("isCollapsed");YD(Gh);function h6(t){const e=new CustomEvent("favoriteMenusChange",{detail:{favoriteMenus:t}});window.dispatchEvent(e)}function p6(t){const e=Sp.useLocation(),[n,r]=X.useState([]),i=n.map(De=>De.data),[o,a]=X.useState(!1),[c,f]=X.useState([]),[p,b]=X.useState(Gh===null?!0:Gh==="true"),[g,T]=X.useState(window.location.href),E=X.useRef(null);X.useEffect(()=>{var De;(De=t.handleCallback)==null||De.call(t,i)},[i,t.handleCallback]),X.useEffect(()=>{T(window.location.href)},[e]);const A=m6(i,g),[I,j]=d6({initOpenIds:t.initOpenIds}),R=()=>{var De,Le;if(b(!p),localStorage.setItem("isCollapsed",JSON.stringify(!p)),YD(p),p)I&&((De=E.current)==null||De.open(I));else{const fe=n.filter(me=>me.parent===0).map(me=>me.id);console.log("closeIds:",fe),(Le=E.current)==null||Le.close(fe)}},[H,G]=X.useState(!1),re=p?"collapsed":"expanded",q=De=>`${De} ${re}`,se=X.useRef(null);X.useLayoutEffect(()=>{(async()=>{var Le,fe;try{const me=t.menuPath||"/global-menu-config/api/v1/menu-items/user",Pe=t.baseUrl+me,{data:Be}=await As.get(Pe);let Ze=Be.map(Se=>({...Se,parentKey:Se.parentKey||0}));Ze=qD(Ze),t.replacePath&&(Ze=GD(Ze,t.replacePath));const ve=Ze.map(Se=>({id:Se.id,parent:Se.parentKey,text:Se.name,data:Se}));r(ve)}catch(me){console.error("Global menu",me),Wd(((fe=(Le=me.response)==null?void 0:Le.data)==null?void 0:fe.errorMessage)||me.message||"Have error when get menu items")}})()},[t.baseUrl,t.menuPath,t.replacePath]);const[S,ue]=X.useState(!1),ae=async()=>{ue(!0),window.dispatchEvent(new CustomEvent("favoriteLoadingChange",{detail:{isLoading:!0}}));try{const De=await fetch(`${t.baseUrl}/global-menu-config/api/v1/menu-items/user/get-favorites`);if(!De.ok)throw new Error("Failed to fetch favorite items");const Le=await De.json();f(Le)}catch(De){console.error("Error fetching favorite items:",De)}finally{ue(!1),window.dispatchEvent(new CustomEvent("favoriteLoadingChange",{detail:{isLoading:!1}}))}};X.useEffect(()=>{ae()},[t.baseUrl,e]),X.useEffect(()=>{const De=Le=>{f(Le.detail.favoriteMenuId)};return window.addEventListener("favoriteOrderUpdated",De),()=>{window.removeEventListener("favoriteOrderUpdated",De)}},[]),console.log("favoriteMenuId",c),X.useEffect(()=>{let De=[];c.forEach(me=>{const Pe=i.find(Be=>Be.id===me&&Be.isFavorite===!0);Pe&&(De=[...De,Pe])}),console.log(De);function Le(me){return i.every(Pe=>Pe.parentKey!==me.id)?me:{...me,children:i.filter(Pe=>Pe.parentKey===me.id).map(Pe=>Le(Pe))}}const fe=De.map(me=>Le(me));h6(fe)},[i]);function Ue(De){const Le=De.detail.menuItem;r(fe=>fe.map(me=>me.id!==Le.id?me:{...me,data:Le})),ae()}X.useEffect(()=>(window.addEventListener("updateFavoriteMenu",Ue),()=>{window.removeEventListener("updateFavoriteMenu",Ue)}),[]),X.useLayoutEffect(()=>{var me;const De=localStorage.getItem("scrollPos");De&&se.current&&setTimeout(()=>{const Pe=se.current.getScrollElement();Pe.scrollTop=parseInt(De)},0);const Le=()=>{if(se.current){const Pe=se.current.getScrollElement();localStorage.setItem("scrollPos",Pe.scrollTop.toString())}},fe=(me=se.current)==null?void 0:me.getScrollElement();return fe==null||fe.addEventListener("scroll",Le),()=>{fe==null||fe.removeEventListener("scroll",Le)}},[i]);function tt(De){a(!0);const Le=[...n];r(De);const fe=De.map((me,Pe)=>({menuItemId:me.id,order:Pe}));As.post("/global-menu-config/api/v1/menu-items/user",fe,{baseURL:t.baseUrl}).then(()=>{}).catch(me=>{console.error(me),r(Le)}).finally(()=>{a(!1)})}const et=X.useMemo(()=>Gh==="false"?I:[],[]);return console.log("nodesglobal menu",n),Re.jsxs("div",{className:q("side-bar"),children:[Re.jsx("div",{className:q("wrap-section side-bar__wrapper-toggle-btn"),children:Re.jsx("button",{className:"icon-btn side-bar__toggle-btn",onClick:R,children:p?Re.jsx(a6,{}):Re.jsx(s6,{})})}),Re.jsx(Wv,{ref:se,className:q("wrap-section side-bar__menu"),style:{marginTop:24,flex:1,overflow:"auto",height:"100%",overflowX:"hidden"},children:Re.jsx(UE,{backend:eH,options:EH(),children:Re.jsx(HH,{ref:E,classes:{root:"treeRoot",draggingSource:"draggingSource",placeholder:"placeholderContainer",listItem:De=>{var Le;return((Le=De.data)==null?void 0:Le.name)==="Home"?"isHome":""}},tree:n,rootId:0,sort:!1,insertDroppableFirst:!1,enableAnimateExpand:!0,dropTargetOffset:10,onDrop:tt,render:(De,Le)=>{function fe(Ze){return n.every(ve=>ve.parent!==Ze.id)?Ze:{...Ze,children:n.filter(ve=>ve.parent===Ze.id).map(ve=>fe(ve.data))}}const me=fe(De.data),Pe=Ze=>A.some(ve=>ve.id===Ze);function Be(Ze,ve){r(Se=>Se.map(je=>je.id===Ze?{...je,data:{...je.data,isFavorite:ve}}:je)),ae()}return Re.jsx(zD,{isInternalApp:t.isInternalApp,isActive:Pe,isCollapsed:p,replacePath:t.replacePath,ssr:t.ssr,brandColors:t.brandColors,baseUrl:t.baseUrl,node:De,params:Le,nodes:n,item:me,expanded:()=>!1,toggleExpand:Ze=>{var ve;if(Ze.stopPropagation(),Le.isOpen)console.log("open toggleExpand"),Le.onToggle();else{console.log("close toggleExpand");const Se=n.filter(je=>je.parent===De.parent&&je.id!==De.id).map(je=>je.id);console.log(" closeIds:",Se),(ve=E.current)==null||ve.open(De.id),setTimeout(()=>{var je;(je=E.current)==null||je.close(Se)},0)}},level:Le.depth,onSetFavoriteSuccess:Be})},placeholderRender:(De,{depth:Le})=>{var fe;return Re.jsx(c6,{node:De,depth:Le,color:(fe=t.brandColors)==null?void 0:fe.primary300,isCollapsed:p})},canDrag:()=>!o,canDrop:(De,{dragSource:Le,dropTargetId:fe})=>(Le==null?void 0:Le.parent)===fe,onDragStart:De=>{console.log("onDragStart",De)},onChangeOpen:De=>{localStorage.getItem("isCollapsed")==="false"&&(console.log("onChangeOpen:",De),j(De))},initialOpen:et})})}),Re.jsxs("div",{className:q("wrap-section side-bar__wrap-btn-logout"),children:[Re.jsxs("button",{className:q("side-bar__logout-btn"),onClick:()=>G(!0),children:[Re.jsx(l6,{className:q("side-bar__icon-logout")}),Re.jsx("span",{className:q("side-bar__logout-btn__text"),children:"Logout"})]}),Re.jsx(X1,{isOpen:H,onClose:()=>G(!1),onConfirm:()=>t.logout?t.logout():oT(t.baseUrl)})]})]})}const O1={"/stella/page/SiteManagement/Company/List?tenantId=1":["/stella/page/SiteManagement/Company","/stella/page/SiteManagement/Region","/stella/page/SiteManagement/Location","/stella/page/SiteManagement/Zone","/stella/page/SiteManagement/Service","/stella/page/SiteManagement/Sign"],"/stella/page/SiteManagement/Portfolio/List":["/stella/page/SiteManagement/Portfolio"],"/stella/page/SiteManagement/CountryRegion/List":["/stella/page/SiteManagement/CountryRegion"],"/stella/page/SiteManagement/VehicleListController/List":["/stella/page/SiteManagement/VehicleListController"],"/stella/page/ContraventionManagement/CorrespondenceTemplate/List":["/stella/page/ContraventionManagement/CorrespondenceTemplate"],"/stella/page/ContraventionManagement/VerificationsAudit/List":["/stella/page/ContraventionManagement/VerificationsAudit"],"/stella/page/ContraventionManagement/PendingWardenVerification/List":["/stella/page/ContraventionManagement/PendingWardenVerification"],"/stella/page/ContraventionManagement/Appeal/Search":["/stella/page/ContraventionManagement/Appeal"],"/stella/page/ContraventionManagement/Contravention/Search":["/stella/page/ContraventionManagement/Contravention"],"/stella/page/ContraventionManagement/Tag/Search":["/stella/page/ContraventionManagement/Tag"],"/stella/page/ContraventionManagement/WorkflowMapping/List":["/stella/page/ContraventionManagement/WorkflowMapping"],"/stella/page/ContraventionManagement/WorkflowLetterTemplateMapping/List":["/stella/page/ContraventionManagement/WorkflowLetterTemplateMapping"],"/stella/page/ContraventionManagement/ScannedAppeal/Summary":["/stella/page/ContraventionManagement/ScannedAppeal"],"/stella/page/ContraventionManagement/PendingAppealWorkQueue/List":["/stella/page/ContraventionManagement/PendingAppeal"],"/stella/page/ContraventionManagement/NoDecisionAIAppeal/List":["/stella/page/ContraventionManagement/NoDecisionAIAppeal"],"/stella/page/ContraventionManagement/VerifyAIAppeal/List":["/stella/page/ContraventionManagement/VerifyAIAppeal"],"/anpr/page/LocationDisableReasons/Index":["/anpr/page/LocationDisableReasons"],"/anpr/page/Tags/Index":["/anpr/page/Tags"],"/anpr/page/VendorLocations/Index":["/anpr/page/VendorLocations"],"/anpr/page/Cameras/Index":["/anpr/page/Cameras"],"/anpr/page/Locations/Index":["/anpr/page/Locations"],"/anpr/page/Devices/Index":["/anpr/page/Devices","/anpr/page/Locations"],"/anpr/page/Technical/Overview":["/anpr/page/Technical"],"/anpr/page/Technical/Index":["/anpr/page/Technical"],"/anpr/page/Technical/Index?priority=P1":["/anpr/page/Technical"],"/anpr/page/Technical/Index?priority=P2":["/anpr/page/Technical"],"/anpr/page/Technical/Index?priority=P3":["/anpr/page/Technical"],"/anpr/page/Technical/Index?priority=P4":["/anpr/page/Technical"],"/anpr/page/CustomVerifications/Overview":["/anpr/page/CustomVerifications/Overview"],"/anpr/page/CustomVerifications/WipByLocation":["/anpr/page/CustomVerifications"],"/anpr/page/Issues/Create":["/anpr/page/Issues/Create"],"/anpr/page/Issues/ExportAsCsv":["/anpr/page/Issues/ExportAsCsv"],"/anpr/page/Issues/Overview":["/anpr/page/Issues/Overview"],"/anpr/page/Issues/Index?status=Closed":["/anpr/page/Issues"],"/anpr/page/Issues/Index":["/anpr/page/Issues"]};function g6(t,e){const r=t.replace(window.origin,""),i=new URL(r,window.location.origin),o=new URL(e,window.origin),a=localStorage.getItem("latestClickMenuPath");return r&&O1[r]&&O1[r].some(c=>e.includes(c))?a===r?5:4:i.pathname===o.pathname&&i.search===o.search?3:i.pathname===o.pathname?2:o.pathname.startsWith(i.pathname)?1:0}function m6(t,e){const n=t.map(a=>({item:a,priority:a.path?g6(a.path,e):0})).filter(a=>a.priority>0);console.log(" index.tsx ~ matchedItems:",n);const r=n.length>0?n.reduce((a,c)=>c.priority>a.priority?c:a).item:null,i=[];let o=r;for(;o;)i.unshift(o),o=t.find(a=>a.id===(o==null?void 0:o.parentKey))||null;return i}function GD(t,e){return t.map(n=>{var r;return(r=n.children)!=null&&r.length?(n.path="",n.children=GD(n.children,e)):n.path=e(n.path),n})}function qD(t){return t.map(n=>n.path&&!n.path.includes("http")&&n.path.includes("/")?{...n,path:window.location.origin+n.path}:(n.children&&(n.children=qD(n.children)),n))}function v6(t){return Re.jsx(WD.div,{children:Re.jsx(Vv,{styles:[VT,u6,f6],style:{position:"sticky",zIndex:1300},children:Re.jsx(p6,{...t})})})}const y6={"page-container":"_page-container_1pwo1_1","page-main-content":"_page-main-content_1pwo1_8","page-title":"_page-title_1pwo1_19","text-base":"_text-base_1pwo1_26","mt-4":"_mt-4_1pwo1_33"};var bp={exports:{}};/**
137
137
  * @license
138
138
  * Lodash <https://lodash.com/>
139
139
  * Copyright OpenJS Foundation and other contributors <https://openjsf.org/>
@@ -1 +1 @@
1
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../index.esm2017-__DA2hbX.cjs"),m=require("axios"),u=require("react"),i=require("react/jsx-runtime");require("@r2wc/react-to-web-component");const l=require("react-router-dom");require("@mui/material");const c=s=>{const[t,o]=u.useState([]);return u.useEffect(()=>{m.get(`${s}/user-management/api/v1/users/my-account/permissions`,{withCredentials:!0}).then(r=>o(r.data)).catch(r=>{console.error("Getting user permission error:",r)})},[s]),t},a=s=>(t,o)=>{const r=c(s);return o?t.every(n=>r==null?void 0:r.includes(n)):t.some(n=>r==null?void 0:r.includes(n))},h=({baseUrl:s,accessWith:t,requireAll:o,children:r})=>a(s)(t,o)?i.jsx(i.Fragment,{children:r}):null,P=({accessWith:s,requireAll:t,baseUrl:o,unAuthorizedPath:r,children:n})=>a(o)(s,t)?i.jsx(i.Fragment,{children:n}):i.jsx(l.Navigate,{to:r,replace:!0});exports.AuthContext=e.AuthContext;exports.AuthProvider=e.AuthProvider;exports.ERROR_MESSAGE=e.ERROR_MESSAGE;exports.SaasThemeProvider=e.SaasThemeProvider;exports.TranslationProvider=e.TranslationProvider;exports.axiosInstance=e.axiosInstance;exports.color=e.color;exports.createCustomTheme=e.createCustomTheme;exports.handleErrorAxios=e.handleErrorAxios;exports.login=e.login;exports.logout=e.logout;exports.responseInterceptor=e.responseInterceptor;exports.search=e.search;exports.setFavicon=e.setFavicon;exports.translate=e.translate;exports.translationConfig=e.translationConfig;exports.useAuth=e.useAuth;exports.useCustomTranslation=e.useCustomTranslation;exports.useTheme=e.useTheme;exports.useTranslation=e.useTranslation$1;exports.HasPermission=h;exports.PermissionRoute=P;exports.getUseHasPermission=a;exports.useGetPermission=c;
1
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../index.esm2017-BtTWLbPn.cjs"),m=require("axios"),u=require("react"),i=require("react/jsx-runtime");require("@r2wc/react-to-web-component");const l=require("react-router-dom");require("@mui/material");const c=s=>{const[t,o]=u.useState([]);return u.useEffect(()=>{m.get(`${s}/user-management/api/v1/users/my-account/permissions`,{withCredentials:!0}).then(r=>o(r.data)).catch(r=>{console.error("Getting user permission error:",r)})},[s]),t},a=s=>(t,o)=>{const r=c(s);return o?t.every(n=>r==null?void 0:r.includes(n)):t.some(n=>r==null?void 0:r.includes(n))},h=({baseUrl:s,accessWith:t,requireAll:o,children:r})=>a(s)(t,o)?i.jsx(i.Fragment,{children:r}):null,P=({accessWith:s,requireAll:t,baseUrl:o,unAuthorizedPath:r,children:n})=>a(o)(s,t)?i.jsx(i.Fragment,{children:n}):i.jsx(l.Navigate,{to:r,replace:!0});exports.AuthContext=e.AuthContext;exports.AuthProvider=e.AuthProvider;exports.ERROR_MESSAGE=e.ERROR_MESSAGE;exports.SaasThemeProvider=e.SaasThemeProvider;exports.TranslationProvider=e.TranslationProvider;exports.axiosInstance=e.axiosInstance;exports.color=e.color;exports.createCustomTheme=e.createCustomTheme;exports.handleErrorAxios=e.handleErrorAxios;exports.login=e.login;exports.logout=e.logout;exports.responseInterceptor=e.responseInterceptor;exports.search=e.search;exports.setFavicon=e.setFavicon;exports.translate=e.translate;exports.translationConfig=e.translationConfig;exports.useAuth=e.useAuth;exports.useCustomTranslation=e.useCustomTranslation;exports.useTheme=e.useTheme;exports.useTranslation=e.useTranslation$1;exports.HasPermission=h;exports.PermissionRoute=P;exports.getUseHasPermission=a;exports.useGetPermission=c;
@@ -1,4 +1,4 @@
1
- import { M as R, N as S, O as G, a0 as y, Y as F, a as H, c as I, Z as M, U as N, R as O, T as $, V as j, v as w, $ as U, t as V, W as X, b as Y, u as Z, g as _, X as b } from "../index.esm2017-sxGi8Zey.js";
1
+ import { M as R, N as S, O as G, a0 as y, Y as F, a as H, c as I, Z as M, U as N, R as O, T as $, V as j, v as w, $ as U, t as V, W as X, b as Y, u as Z, g as _, X as b } from "../index.esm2017-9AyxX2BH.js";
2
2
  import u from "axios";
3
3
  import { useState as m, useEffect as c } from "react";
4
4
  import { jsx as a, Fragment as n } from "react/jsx-runtime";
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@ukpc-lib/react",
3
3
  "private": false,
4
- "version": "0.13.3",
4
+ "version": "0.13.4",
5
5
  "type": "module",
6
6
  "main": "./dist/",
7
7
  "module": "./dist/",
@@ -1,5 +1,5 @@
1
- import "../react-to-web-component-CXwKHjZr.js";
2
- import { U as e } from "../index-B4uOLjGK.js";
1
+ import "../react-to-web-component-D7SoYMky.js";
2
+ import { U as e } from "../index-CI-NA37P.js";
3
3
  export {
4
4
  e as UnauthorizedPage
5
5
  };
@@ -1,5 +1,5 @@
1
- import "../react-to-web-component-CXwKHjZr.js";
2
- import { aa as m } from "../index-BTy-Dpix.js";
1
+ import "../react-to-web-component-D7SoYMky.js";
2
+ import { aa as m } from "../index-DE6E5mlm.js";
3
3
  export {
4
4
  m as BaseBreadcrumbs
5
5
  };
@@ -1,7 +1,7 @@
1
- import "../react-to-web-component-CXwKHjZr.js";
2
- import { F as i, u as m } from "../index-DnOeS8yb.js";
3
- import "../index-BSe1av43.js";
4
- import "../index-BTy-Dpix.js";
1
+ import "../react-to-web-component-D7SoYMky.js";
2
+ import { F as i, u as m } from "../index-zcrVuQUa.js";
3
+ import "../index-Cx0zTfOC.js";
4
+ import "../index-DE6E5mlm.js";
5
5
  export {
6
6
  i as FavoriteMenu,
7
7
  m as updateFavoriteItems
@@ -1,7 +1,7 @@
1
- import "../react-to-web-component-CXwKHjZr.js";
2
- import { G as i } from "../index-DnOeS8yb.js";
3
- import "../index-BSe1av43.js";
4
- import "../index-BTy-Dpix.js";
1
+ import "../react-to-web-component-D7SoYMky.js";
2
+ import { G as i } from "../index-zcrVuQUa.js";
3
+ import "../index-Cx0zTfOC.js";
4
+ import "../index-DE6E5mlm.js";
5
5
  export {
6
6
  i as GlobalMenu
7
7
  };
@@ -1,9 +1,9 @@
1
- import "../react-to-web-component-CXwKHjZr.js";
2
- import { L as n, T as s } from "../index-DnOeS8yb.js";
3
- import "../index-BSe1av43.js";
4
- import "../index-B4uOLjGK.js";
5
- import "../index-BTy-Dpix.js";
6
- import "../react-toastify.esm-CrTD7cpE.js";
1
+ import "../react-to-web-component-D7SoYMky.js";
2
+ import { L as n, T as s } from "../index-zcrVuQUa.js";
3
+ import "../index-Cx0zTfOC.js";
4
+ import "../index-CI-NA37P.js";
5
+ import "../index-DE6E5mlm.js";
6
+ import "../react-toastify.esm-Y1WvK90L.js";
7
7
  import "../toast-config/index.js";
8
8
  import "../toast-config-notification/index.js";
9
9
  export {
@@ -1,6 +1,6 @@
1
- import "../react-to-web-component-CXwKHjZr.js";
2
- import { H as e, g as m } from "../index-DnOeS8yb.js";
3
- import "../index-BTy-Dpix.js";
1
+ import "../react-to-web-component-D7SoYMky.js";
2
+ import { H as e, g as m } from "../index-zcrVuQUa.js";
3
+ import "../index-DE6E5mlm.js";
4
4
  export {
5
5
  e as HasPermission,
6
6
  m as getUseHasPermission
@@ -1,4 +1,4 @@
1
- import { r as $, c as ce, g as Jt, s as Xt, j as E } from "./react-to-web-component-CXwKHjZr.js";
1
+ import { r as $, c as ce, g as Jt, s as Xt, j as E } from "./react-to-web-component-D7SoYMky.js";
2
2
  import { _ as Wt, a as Z } from "./setPrototypeOf-BVKdEITT.js";
3
3
  function Gt(i, e) {
4
4
  for (var t = 0; t < e.length; t++) {
@@ -1,4 +1,4 @@
1
- import { j as e, s as a } from "./react-to-web-component-CXwKHjZr.js";
1
+ import { j as e, s as a } from "./react-to-web-component-D7SoYMky.js";
2
2
  const l = "*,:before,:after{box-sizing:border-box;border-width:0;border-style:solid;border-color:#e5e7eb}html,:host{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;-webkit-tap-highlight-color:transparent}body{margin:0;line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}ol,ul,menu{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}button,[role=button]{cursor:pointer}:disabled{cursor:default}img,svg,video,canvas,audio,iframe,embed,object{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]{display:none}";
3
3
  function s({ children: t, styles: o = [], ...i }) {
4
4
  return /* @__PURE__ */ e.jsxs("div", { ...i, children: [