npm - @3deye-toolkit/react-event-list - Versions diffs - 0.0.3-alpha.1 → 0.0.3-alpha.3 - Mend

@3deye-toolkit/react-event-list 0.0.3-alpha.1 → 0.0.3-alpha.3

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (2) hide show

package/dist/react-event-list.js +1 -1
package/package.json +2 -2

package/dist/react-event-list.js CHANGED Viewed

	@@ -1 +1 @@
1	- import e from"i18next";import{of as t,from as r,Observable as n,Subscription as a,mergeMap as i,throwError as l,catchError as o,startWith as s,switchMap as c,map as d,exhaustMap as u,EMPTY as m,Subject as h}from"rxjs";import p,{useContext as f,useRef as g,useState as v,cloneElement as b,useCallback as y,memo as E,useEffect as C,useLayoutEffect as w,createContext as T,Children as x,useMemo as D}from"react";import{AppContext as M,app as N}from"@3deye-toolkit/core";import{computed as O,observe as k,makeObservable as P,observable as F,action as I,runInAction as _,reaction as L,when as j}from"mobx";import S,{components as z}from"react-select";import U from"clsx";import{observer as A,useLocalObservable as H}from"mobx-react-lite";import R from"react-ink";import{useFloating as B,offset as $,flip as V,shift as W,autoUpdate as Y,useInteractions as q,useHover as Z,useRole as G,useDismiss as Q,FloatingPortal as X,arrow as J,FloatingFocusManager as K,useMergeRefs as ee,useListItem as te,useFloatingTree as re}from"@floating-ui/react";import ne from"@seznam/compose-react-refs";import{differenceInCalendarDays as ae,max as ie,min as le}from"date-fns";import oe from"memoize-one";import{useElementSize as se}from"@mantine/hooks";var ce={loitering:"loitering",filter:"Filter",eventSearchFilter:{from:"From",to:"To",live:"Live"},button:{ok:"Ok"},confidence:"confidence",color:"color",showEvents_one:"show {{count}} new event",showEvents_other:"show {{count}} new events",noEventsFound:"no events found"};const de={detection:{order:["querystring","htmlTag","navigator"],lookupQuerystring:"lang"},fallbackLng:"en",load:"all",interpolation:{escapeValue:!1}},ue=e.createInstance(),me=p.createContext(null);var he,pe;function fe(e,t=!1){const r=O(e);return new n((e=>{const n=k(r,(({newValue:t})=>e.next(t)),t);return()=>n()}))}!function(e){e[e.CONNECTING=0]="CONNECTING",e[e.CONNECTED=1]="CONNECTED",e[e.RECONNECTING=2]="RECONNECTING",e[e.DISCONNECTED=3]="DISCONNECTED"}(he\|\|(he={})),function(e){e[e.Motion=0]="Motion",e[e.Tampering=1]="Tampering",e[e.PanTiltZoom=2]="PanTiltZoom",e[e.CrossLine=3]="CrossLine",e[e.Intrusion=4]="Intrusion",e[e.LicensePlate=5]="LicensePlate",e[e.FaceDetection=6]="FaceDetection",e[e.Audio=7]="Audio",e[e.Analytic=8]="Analytic",e[e.SpeedDetection=9]="SpeedDetection",e[e.PeopleCounter=10]="PeopleCounter",e[e.Temperature=11]="Temperature",e[e.PoS=12]="PoS",e[e.GPS=13]="GPS",e[e.DigitalInput=14]="DigitalInput",e[e.Normal=15]="Normal",e[e.Suspicious=16]="Suspicious",e[e.Loitering=17]="Loitering",e[e.Vandalism=18]="Vandalism",e[e.Trespass=19]="Trespass",e[e.Emergency=20]="Emergency",e[e.LifeInDanger=21]="LifeInDanger",e[e.ErroneousAlert=22]="ErroneousAlert",e[e.Misidentification=23]="Misidentification",e[e.Fire=24]="Fire",e[e.MedicalDuress=25]="MedicalDuress",e[e.HoldUp=26]="HoldUp",e[e.CheckIn=27]="CheckIn",e[e.CheckOut=28]="CheckOut",e[e.ClockIn=29]="ClockIn",e[e.ClockOut=30]="ClockOut",e[e.ParkingStart=31]="ParkingStart",e[e.ParkingEnd=32]="ParkingEnd",e[e.ParkingViolation=33]="ParkingViolation",e[e.GateAccess=34]="GateAccess",e[e.DoorAccess=35]="DoorAccess",e[e.TemperatureCheck=36]="TemperatureCheck",e[e.IDCheck=37]="IDCheck",e[e.PPECheck=38]="PPECheck",e[e.WelfareCheck=39]="WelfareCheck",e[e.VehicleBreakIn=40]="VehicleBreakIn",e[e.DrugTrafficking=41]="DrugTrafficking",e[e.Assault=42]="Assault",e[e.PackageDelivery=43]="PackageDelivery",e[e.Uncategorized=999]="Uncategorized"}(pe\|\|(pe={}));class ge{constructor(){Object.defineProperty(this,"api",{enumerable:!0,configurable:!0,writable:!0,value:void 0}),Object.defineProperty(this,"disposables",{enumerable:!0,configurable:!0,writable:!0,value:[]})}initWith(e){this.api=e,this.afterInit&&this.afterInit()}dispose(){this.disposables.forEach((e=>{e instanceof a?e.closed\|\|e.unsubscribe():e()}))}}const ve=new Set(["LicensePlate","FaceDetection","Analytic","SpeedDetection","Temperature","PoS","GPS","DigitalInput"]);class be{get startTime(){return new Date(this.raw.startTime)}get endTime(){return new Date(this.raw.endTime)}get isLive(){return!ve.has(this.type)&&+this.startTime==+this.endTime}get acknowledged(){return"sensorId"in this.raw&&!!this.raw.ackEventType}constructor(e){if(Object.defineProperty(this,"id",{enumerable:!0,configurable:!0,writable:!0,value:void 0}),Object.defineProperty(this,"cameraId",{enumerable:!0,configurable:!0,writable:!0,value:void 0}),Object.defineProperty(this,"type",{enumerable:!0,configurable:!0,writable:!0,value:void 0}),Object.defineProperty(this,"raw",{enumerable:!0,configurable:!0,writable:!0,value:void 0}),Object.defineProperty(this,"thumbnailUrl",{enumerable:!0,configurable:!0,writable:!0,value:void 0}),Object.defineProperty(this,"thumbnailWidth",{enumerable:!0,configurable:!0,writable:!0,value:0}),Object.defineProperty(this,"thumbnailHeight",{enumerable:!0,configurable:!0,writable:!0,value:0}),Object.defineProperty(this,"detectedObjects",{enumerable:!0,configurable:!0,writable:!0,value:void 0}),Object.defineProperty(this,"faces",{enumerable:!0,configurable:!0,writable:!0,value:void 0}),Object.defineProperty(this,"instant",{enumerable:!0,configurable:!0,writable:!0,value:void 0}),Object.defineProperty(this,"update",{enumerable:!0,configurable:!0,writable:!0,value:e=>{this.raw=e}}),P(this,{startTime:O,endTime:O,acknowledged:O,isLive:O,raw:F.ref,update:I}),this.raw=e,this.id=e.id,this.type=e.eventType,this.cameraId=e.sensorId,("Analytic"===this.type\|\|"FaceDetection"===this.type\|\|"Loitering"===this.type)&&e.data)try{const t=JSON.parse(e.data);t.FoundObjects&&(this.detectedObjects=t.FoundObjects),t.Faces&&(this.type="FaceDetection",this.faces=t.Faces),t.ThumbnailSize&&(this.thumbnailWidth=t.ThumbnailSize.Width,this.thumbnailHeight=t.ThumbnailSize.Height),this.thumbnailUrl=t.ThumbnailUrl}catch{console.warn("invalid data",e.data),this.type="Motion"}this.instant=ve.has(this.type),this.detectedObjects\|\|(this.detectedObjects=[])}}function ye(e,t){return new Date(e.getTime()-60t601e3)}class Ee extends ge{get isLive(){return"DESC"===this.filters.sortDirection&&!this.filters.to}constructor(e,r,n,a=(e=>[{data:e,objectIdx:-1}])){super(),Object.defineProperty(this,"eventsStore",{enumerable:!0,configurable:!0,writable:!0,value:e}),Object.defineProperty(this,"filters",{enumerable:!0,configurable:!0,writable:!0,value:r}),Object.defineProperty(this,"fetcher",{enumerable:!0,configurable:!0,writable:!0,value:n}),Object.defineProperty(this,"transformData",{enumerable:!0,configurable:!0,writable:!0,value:a}),Object.defineProperty(this,"data",{enumerable:!0,configurable:!0,writable:!0,value:[]}),Object.defineProperty(this,"pendingData",{enumerable:!0,configurable:!0,writable:!0,value:[]}),Object.defineProperty(this,"liveUpdateMode",{enumerable:!0,configurable:!0,writable:!0,value:"auto"}),Object.defineProperty(this,"disposables",{enumerable:!0,configurable:!0,writable:!0,value:[]}),Object.defineProperty(this,"pageInfo",{enumerable:!0,configurable:!0,writable:!0,value:null}),Object.defineProperty(this,"loading",{enumerable:!0,configurable:!0,writable:!0,value:!1}),Object.defineProperty(this,"loadMoreTrigger",{enumerable:!0,configurable:!0,writable:!0,value:0}),Object.defineProperty(this,"retryTrigger",{enumerable:!0,configurable:!0,writable:!0,value:0}),Object.defineProperty(this,"error",{enumerable:!0,configurable:!0,writable:!0,value:null}),Object.defineProperty(this,"loadingInitiated",{enumerable:!0,configurable:!0,writable:!0,value:!1}),Object.defineProperty(this,"flushUpdates",{enumerable:!0,configurable:!0,writable:!0,value:()=>{this.data=[...this.pendingData,...this.data],this.pendingData=[]}}),Object.defineProperty(this,"setLiveUpdateMode",{enumerable:!0,configurable:!0,writable:!0,value:e=>{this.liveUpdateMode=e}}),Object.defineProperty(this,"load",{enumerable:!0,configurable:!0,writable:!0,value:()=>{this.loadingInitiated\|\|(this.loadingInitiated=!0,this.initDataLoading(),this.initLiveUpdates())}}),Object.defineProperty(this,"reload",{enumerable:!0,configurable:!0,writable:!0,value:()=>{this.error&&(this.retryTrigger=+!this.retryTrigger)}}),Object.defineProperty(this,"loadMore",{enumerable:!0,configurable:!0,writable:!0,value:()=>{this.error=null,this.loadMoreTrigger=+!this.loadMoreTrigger}}),Object.defineProperty(this,"queryEvents",{enumerable:!0,configurable:!0,writable:!0,value:e=>this.fetcher(this.api,e).pipe(i((e=>e.success?t({events:e.resultItems,pageInfo:e.pageInfo}):l((()=>e.error)))),o((e=>(console.error(e),this.error=e,t({events:[],pageInfo:null})))))}),P(this,{data:F.ref,pendingData:F.ref,liveUpdateMode:F,setLiveUpdateMode:I,flushUpdates:I,pageInfo:F.ref,isLive:O,loading:F,loadMoreTrigger:F,retryTrigger:F,error:F.ref,loadMore:I})}initDataLoading(){this.disposables.push(this.filters.updated$.pipe(s(null),c((e=>fe((()=>this.retryTrigger),!0).pipe(d((()=>e))))),c((()=>(_((()=>{this.loading=!0,this.pageInfo=null,this.error=null,this.data=[],this.pendingData=[]})),this.queryEvents())))).subscribe((({events:e,pageInfo:t})=>{_((()=>{var r,n,a;if(!t)return;const i=e.map(Ce);this.isLive?this.data=this.uniquelyConcat(this.filters.apply(this.eventsStore.getEvents({cameraIds:this.filters.cameras,from:null!==(n=null===(r=i[0])\|\|void 0===r?void 0:r.startTime)&&void 0!==n?n:ye(new Date,1),to:null,probability:null!==(a=this.filters.probabilityThreshold)&&void 0!==a?a:void 0})),i).flatMap(this.transformData):this.data=i.flatMap(this.transformData),this.eventsStore.add(i),this.pageInfo=t,this.loading=!1}))}))),this.disposables.push(this.filters.updated$.pipe(s(null),c((()=>fe((()=>this.loadMoreTrigger)).pipe(u((()=>{var e;return this.queryEvents(null===(e=this.pageInfo)\|\|void 0===e?void 0:e.nextPageToken)})))))).subscribe((({events:e,pageInfo:t})=>{if(!t)return;const r=e.map(Ce);this.eventsStore.add(r),_((()=>{this.data=this.data.concat(r.flatMap(this.transformData)),this.pageInfo=t,this.loading=!1}))})))}initLiveUpdates(){this.disposables.push(fe((()=>({liveUpdateMode:this.liveUpdateMode,isLive:this.isLive})),!0).pipe(c((({liveUpdateMode:e,isLive:t})=>t&&"auto"===e?fe((()=>this.eventsStore.recentAdditions)):m))).subscribe((e=>{if(this.loading)return;if(!this.pageInfo&&this.error)return;const t=this.filters.apply(e.map((e=>this.eventsStore.eventsById.get(e))));t.length&&_((()=>{this.data=[...t.flatMap(this.transformData),...this.data]}))}))),this.disposables.push(fe((()=>({liveUpdateMode:this.liveUpdateMode,isLive:this.isLive})),!0).pipe(c((({liveUpdateMode:e,isLive:t})=>t&&"manual"===e?fe((()=>this.eventsStore.recentAdditions)):(this.pendingData&&_((()=>this.pendingData=[])),m)))).subscribe((e=>{if(!this.data.length)return;const t=this.filters.apply(e.map((e=>this.eventsStore.eventsById.get(e))));t.length&&_((()=>{this.pendingData=[...t.flatMap(this.transformData),...this.pendingData]}))})))}uniquelyConcat(e,t){if(!e.length)return t.concat();if(!t.length)return e.concat();const r=e=>[e.id,e];return Array.from(new Map([...e.map(r),...t.map(r)]).values())}dispose(){this.disposables.forEach((e=>{e instanceof a?e.closed\|\|e.unsubscribe():e()}))}}function Ce(e){return new be(e)}class we{get regionsWkt(){return this.regions?this.regions.map((e=>this.regionToWktPolygon(e))):[]}constructor(){Object.defineProperty(this,"from",{enumerable:!0,configurable:!0,writable:!0,value:null}),Object.defineProperty(this,"to",{enumerable:!0,configurable:!0,writable:!0,value:null}),Object.defineProperty(this,"probabilityThreshold",{enumerable:!0,configurable:!0,writable:!0,value:.5}),Object.defineProperty(this,"cameras",{enumerable:!0,configurable:!0,writable:!0,value:[]}),Object.defineProperty(this,"detectedObjects",{enumerable:!0,configurable:!0,writable:!0,value:[]}),Object.defineProperty(this,"colors",{enumerable:!0,configurable:!0,writable:!0,value:new Set}),Object.defineProperty(this,"regions",{enumerable:!0,configurable:!0,writable:!0,value:null}),Object.defineProperty(this,"eventTypes",{enumerable:!0,configurable:!0,writable:!0,value:[]}),Object.defineProperty(this,"sortDirection",{enumerable:!0,configurable:!0,writable:!0,value:"DESC"}),Object.defineProperty(this,"updated$",{enumerable:!0,configurable:!0,writable:!0,value:new h}),P(this,{from:F,to:F,probabilityThreshold:F,cameras:F.struct,detectedObjects:F.struct,regions:F.ref,eventTypes:F.struct,sortDirection:F,colors:F.ref,filterJson:O}),L((()=>({from:this.from?+this.from:void 0,to:this.to?+this.to:void 0,sortDirection:this.sortDirection,filter:this.filterJson,cameraFilters:this.cameras,eventTypes:this.eventTypes,regions:this.regions})),(()=>this.updated$.next(null)))}apply(e){let t=e;const{from:r,to:n}=this;if(r&&(t=t.filter((e=>e.startTime>=r))),n&&(t=t.filter((e=>e.startTime<=n))),this.cameras.length&&(t=t.filter((e=>this.cameras.includes(e.cameraId)))),this.eventTypes.length){const e=this.eventTypes.map((e=>pe[e]));t=t.filter((t=>e.includes(t.type)))}return this.detectedObjects.length&&(t=t.filter((e=>e.detectedObjects.some((e=>{var t;const{probabilityThreshold:r}=this;return!(null!==r&&e.Probability<r)&&(this.colors.size?this.detectedObjects.includes(e.Type)&&"Colors"in e&&(null===(t=e.Colors)\|\|void 0===t?void 0:t.some((e=>this.colors.has(e.Color)))):this.detectedObjects.includes(e.Type))}))))),!this.detectedObjects.length&&this.colors.size&&(t=t.filter((e=>e.detectedObjects.some((e=>{var t;const{probabilityThreshold:r}=this;return!(null!==r&&e.Probability<r)&&("Colors"in e&&(null===(t=e.Colors)\|\|void 0===t?void 0:t.some((e=>this.colors.has(e.Color)))))}))))),t}get filterJson(){const{probabilityThreshold:e}=this;if(null===e)return null;const t={And:[]};return this.detectedObjects.length&&t.And.push({Or:this.detectedObjects.map((e=>({Type:e})))}),this.colors.size&&t.And.push({Or:[...this.colors].map((e=>({ObjectColors:[e]})))}),t.And.push({Or:[{Probability:e}]}),JSON.stringify(t)}regionToWktPolygon(e){return e.length?"POLYGON (("+e.concat(e[0]).map((({x:e,y:t})=>`${e} ${t}`)).join(", ")+"))":"POLYGON (())"}}class Te extends ge{get someAnalyticsFilterSelected(){return!!this.objectFilters.length\|\|!!this.colors.size}get filters(){return this.objectFilters.concat(this.eventTypeFilters,this.cameraFilters)}constructor(e){super(),Object.defineProperty(this,"cameraFilters",{enumerable:!0,configurable:!0,writable:!0,value:[]}),Object.defineProperty(this,"objectFilters",{enumerable:!0,configurable:!0,writable:!0,value:[]}),Object.defineProperty(this,"eventTypeFilters",{enumerable:!0,configurable:!0,writable:!0,value:[]}),Object.defineProperty(this,"date",{enumerable:!0,configurable:!0,writable:!0,value:null}),Object.defineProperty(this,"setDate",{enumerable:!0,configurable:!0,writable:!0,value:e=>this.date=e}),Object.defineProperty(this,"clearDate",{enumerable:!0,configurable:!0,writable:!0,value:()=>{this.date=null,this.applyFilters()}}),Object.defineProperty(this,"sortDirection",{enumerable:!0,configurable:!0,writable:!0,value:"DESC"}),Object.defineProperty(this,"probabilityThreshold",{enumerable:!0,configurable:!0,writable:!0,value:.5}),Object.defineProperty(this,"colors",{enumerable:!0,configurable:!0,writable:!0,value:new Set}),Object.defineProperty(this,"disposables",{enumerable:!0,configurable:!0,writable:!0,value:[]}),Object.defineProperty(this,"loader",{enumerable:!0,configurable:!0,writable:!0,value:void 0}),Object.defineProperty(this,"loaderFilters",{enumerable:!0,configurable:!0,writable:!0,value:void 0}),Object.defineProperty(this,"toggleSorting",{enumerable:!0,configurable:!0,writable:!0,value:()=>{this.sortDirection="ASC"===this.sortDirection?"DESC":"ASC",null===this.date&&(this.date=ye(function(e){const t=e.getMinutes(),r=e.getSeconds(),n=e.getMilliseconds();return new Date(e.getTime()-60t1e3-1e3r-n)}(new Date),1))}}),Object.defineProperty(this,"applyFilters",{enumerable:!0,configurable:!0,writable:!0,value:()=>{var e;this.loaderFilters.cameras=this.cameraFilters.map((e=>e.id)),this.loaderFilters.detectedObjects=this.objectFilters.map((e=>e.id)),this.loaderFilters.colors=this.colors,this.loaderFilters.probabilityThreshold=this.objectFilters.length\|\|this.colors.size?this.probabilityThreshold:null,this.loaderFilters.eventTypes=this.eventTypeFilters.map((e=>e.id)),this.date?"ASC"===this.sortDirection?(this.loaderFilters.sortDirection="ASC",this.loaderFilters.to=null,this.loaderFilters.from=this.date):(this.loaderFilters.sortDirection="DESC",this.loaderFilters.from=null,this.loaderFilters.to=null!==(e=this.date)&&void 0!==e?e:void 0):(this.loaderFilters.sortDirection="DESC",this.loaderFilters.from=null,this.loaderFilters.to=null)}}),Object.defineProperty(this,"getProbabilityThreshold",{enumerable:!0,configurable:!0,writable:!0,value:()=>this.probabilityThreshold}),Object.defineProperty(this,"setProbabilityThreshold",{enumerable:!0,configurable:!0,writable:!0,value:e=>{this.probabilityThreshold=e,this.applyFilters()}}),Object.defineProperty(this,"toggleColor",{enumerable:!0,configurable:!0,writable:!0,value:e=>{const t=new Set(this.colors);this.colors.has(e)?t.delete(e):t.add(e),this.colors=t,this.applyFilters()}}),Object.defineProperty(this,"clearColors",{enumerable:!0,configurable:!0,writable:!0,value:()=>{this.colors=new Set,this.applyFilters()}}),P(this,{cameraFilters:F.ref,objectFilters:F.ref,date:F,setDate:I,clearDate:I,sortDirection:F,probabilityThreshold:F,setProbabilityThreshold:I,colors:F.ref,someAnalyticsFilterSelected:O,filters:O,setFilters:I,load:I,toggleColor:I,clearColors:I,applyFilters:I,toggleSorting:I});const t=this.loaderFilters=new we,r=(e=>(t,r)=>{var n,a;return t.cameras.GetSensorEventsPage({sensorIds:e.cameras,sensorType:"camera",sensorEventTypes:e.eventTypes,startTime:null!==(n=e.from)&&void 0!==n?n:void 0,endTime:null!==(a=e.to)&&void 0!==a?a:void 0,isDescending:"DESC"===e.sortDirection,rowsLimit:10,pageToken:r},e.filterJson,e.regionsWkt)})(t);this.loader=new Ee(e,t,r),_((()=>{this.loader.loading=!0,this.loaderFilters.probabilityThreshold=null}))}load(){this.loader.load()}setFilters(e){this.cameraFilters=e?e.filter((e=>!("type"in e))):[],this.eventTypeFilters=e?e.filter((e=>"type"in e&&"eventType"===e.type)):[],this.objectFilters=e?e.filter((e=>"type"in e&&"detectedObject"===e.type)):[]}afterInit(){this.loader.initWith(this.api)}dispose(){this.disposables.forEach((e=>{e instanceof a?e.closed\|\|e.unsubscribe():e()})),this.loader.dispose()}}var xe,De=(xe=8,{container:e=>({...e,padding:xe}),control:(e,t)=>({...e,borderRadius:8,backgroundColor:t.isFocused?"white":"rgba(0, 0, 0, 0.5)",border:"none",boxShadow:null,"&:hover":{borderColor:null}}),menu:e=>({...e,width:`calc(100% - ${2xe}px)`,marginTop:xe?0:e.marginTop}),option:e=>({...e,color:"black"}),multiValueRemove:e=>({...e,color:"black"}),placeholder:(e,t)=>({...e,color:t.isFocused?e.color:"hsl(0, 0%, 70%)"})});function Me(e){return p.forwardRef(((t,r)=>{const{size:n=24,color:a="currentColor",className:i,...l}=t,o=e.viewBox\|\|"0 0 24 24",s=e.svg;return p.createElement("svg",{ref:r,preserveAspectRatio:"xMinYMin",className:U("icon",i),width:n,fill:a,viewBox:o,...l},s)}))}const Ne=Me({viewBox:"0 0 24 24",svg:p.createElement("g",null,p.createElement("path",{d:"M0 0h24v24H0z",fill:"none"}),p.createElement("path",{d:"M10.13 3.245a1.994 1.994 0 0 0-1.542.992l-5.491 9.53c-.55.954-.23 2.178.723 2.728l8.66 5c.953.55 2.174.216 2.724-.737l5.509-9.521c.335-.58.349-1.265.087-1.832L17.65 2.54z"}))});Ne.displayName="LabelIcon";const Oe=Me({viewBox:"0 0 24 24",svg:p.createElement("g",null,p.createElement("path",{d:"M0 0h24v24H0z",fill:"none"}),p.createElement("path",{d:"M17 10.5V7c0-.55-.45-1-1-1H4c-.55 0-1 .45-1 1v10c0 .55.45 1 1 1h12c.55 0 1-.45 1-1v-3.5l4 4v-11l-4 4z"}))});Oe.displayName="CameraIcon";const ke=Me({viewBox:"0 0 24 24",svg:p.createElement("path",{d:"M17,6h-2V3c0-0.55-0.45-1-1-1h-4C9.45,2,9,2.45,9,3v3H7C5.9,6,5,6.9,5,8v11c0,1.1,0.9,2,2,2c0,0.55,0.45,1,1,1 c0.55,0,1-0.45,1-1h6c0,0.55,0.45,1,1,1c0.55,0,1-0.45,1-1c1.1,0,2-0.9,2-2V8C19,6.9,18.1,6,17,6z M9.5,18H8V9h1.5V18z M12.75,18 h-1.5V9h1.5V18z M13.5,6h-3V3.5h3V6z M16,18h-1.5V9H16V18z"})});ke.displayName="LuggageIcon";const Pe=Me({viewBox:"0 0 24 24",svg:p.createElement(p.Fragment,null,p.createElement("path",{d:"M0 0h24v24H0z",fill:"none"}),p.createElement("path",{d:"M18.92 6.01C18.72 5.42 18.16 5 17.5 5h-11c-.66 0-1.21.42-1.42 1.01L3 12v8c0 .55.45 1 1 1h1c.55 0 1-.45 1-1v-1h12v1c0 .55.45 1 1 1h1c.55 0 1-.45 1-1v-8l-2.08-5.99zM6.5 16c-.83 0-1.5-.67-1.5-1.5S5.67 13 6.5 13s1.5.67 1.5 1.5S7.33 16 6.5 16zm11 0c-.83 0-1.5-.67-1.5-1.5s.67-1.5 1.5-1.5 1.5.67 1.5 1.5-.67 1.5-1.5 1.5zM5 11l1.5-4.5h11L19 11H5z"}))});Pe.displayName="CarIcon";const Fe=Me({viewBox:"0 0 24 24",svg:p.createElement(p.Fragment,null,p.createElement("path",{d:"M0 0h24v24H0z",fill:"none"}),p.createElement("path",{d:"M20 21c-1.39 0-2.78-.47-4-1.32-2.44 1.71-5.56 1.71-8 0C6.78 20.53 5.39 21 4 21H2v2h2c1.38 0 2.74-.35 4-.99 2.52 1.29 5.48 1.29 8 0 1.26.65 2.62.99 4 .99h2v-2h-2zM3.95 19H4c1.6 0 3.02-.88 4-2 .98 1.12 2.4 2 4 2s3.02-.88 4-2c.98 1.12 2.4 2 4 2h.05l1.89-6.68c.08-.26.06-.54-.06-.78s-.34-.42-.6-.5L20 10.62V6c0-1.1-.9-2-2-2h-3V1H9v3H6c-1.1 0-2 .9-2 2v4.62l-1.29.42c-.26.08-.48.26-.6.5s-.15.52-.06.78L3.95 19zM6 6h12v3.97L12 8 6 9.97V6z"}))});Fe.displayName="BoatIcon";const Ie=Me({viewBox:"0 0 24 24",svg:p.createElement(p.Fragment,null,p.createElement("path",{d:"M11.74 13.36L14.14 7.71L13.06 5.5H10.5V4H14L14.73 5.5H21.75L20.75 9H16.44L17.11 10.37C17.69 10.13 18.33 10 19 10C21.76 10 24 12.24 24 15C24 17.76 21.76 20 19 20C16.24 20 14 17.76 14 15C14 13.45 14.71 12.06 15.82 11.15L15 9.5L12.25 16H9.9C9.44 18.28 7.42 20 5 20C2.24 20 0 17.76 0 15C0 12.24 2.24 10 5 10C7.59 10 9.72 11.97 10 14.5H10.58L8.3 9H7.5C7.09 9 6.75 8.66 6.75 8.25C6.75 7.84 7.09 7.5 7.5 7.5H10.25C10.66 7.5 11 7.84 11 8.25C11 8.66 10.66 9 10.25 9H9.97L11.74 13.36M5 11.5C3.07 11.5 1.5 13.07 1.5 15C1.5 16.93 3.07 18.5 5 18.5C6.59 18.5 7.93 17.45 8.36 16H4V14.5H8.47C8.22 12.8 6.76 11.5 5 11.5M19 11.5C18.57 11.5 18.15 11.58 17.77 11.72L19.7 15.68L18.35 16.34L16.5 12.55C15.88 13.18 15.5 14.05 15.5 15C15.5 16.93 17.07 18.5 19 18.5C20.93 18.5 22.5 16.93 22.5 15C22.5 13.07 20.93 11.5 19 11.5Z"}))});Ie.displayName="BicycleIcon";const _e=Me({viewBox:"0 0 24 24",svg:p.createElement("g",null,p.createElement("path",{d:"M0 0h24v24H0z",fill:"none"}),p.createElement("path",{d:"M13.5 5.5c1.1 0 2-.9 2-2s-.9-2-2-2-2 .9-2 2 .9 2 2 2zM9.8 8.9L7 23h2.1l1.8-8 2.1 2v6h2v-7.5l-2.1-2 .6-3C14.8 12 16.8 13 19 13v-2c-1.9 0-3.5-1-4.3-2.4l-1-1.6c-.4-.6-1-1-1.7-1-.3 0-.5.1-.8.1L6 8.3V13h2V9.6l1.8-.7"}))});_e.displayName="DirectionsWalkIcon";const Le=Me({viewBox:"0 0 24 24",svg:p.createElement(p.Fragment,null,p.createElement("path",{d:"M0 0h24v24H0z",fill:"none"}),p.createElement("circle",{cx:"4.5",cy:"9.5",r:"2.5"}),p.createElement("circle",{cx:"9",cy:"5.5",r:"2.5"}),p.createElement("circle",{cx:"15",cy:"5.5",r:"2.5"}),p.createElement("circle",{cx:"19.5",cy:"9.5",r:"2.5"}),p.createElement("path",{d:"M17.34 14.86c-.87-1.02-1.6-1.89-2.48-2.91-.46-.54-1.05-1.08-1.75-1.32-.11-.04-.22-.07-.33-.09-.25-.04-.52-.04-.78-.04s-.53 0-.79.05c-.11.02-.22.05-.33.09-.7.24-1.28.78-1.75 1.32-.87 1.02-1.6 1.89-2.48 2.91-1.31 1.31-2.92 2.76-2.62 4.79.29 1.02 1.02 2.03 2.33 2.32.73.15 3.06-.44 5.54-.44h.18c2.48 0 4.81.58 5.54.44 1.31-.29 2.04-1.31 2.33-2.32.31-2.04-1.3-3.49-2.61-4.8z"}))});Le.displayName="PetsIcon";const je=Me({viewBox:"0 0 24 24",svg:p.createElement(p.Fragment,null,p.createElement("path",{d:"M0 0h24v24H0z",fill:"none"}),p.createElement("path",{d:"M4 4c-1.1 0-2 .9-2 2v12c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V6c0-1.1-.9-2-2-2H5Zm0 2h4v2h8V6h4v12H4Z"}),p.createElement("path",{d:"M9.923 10 8.43 12.433 10 15h-.8L8 13.036 6.8 15H6l1.602-2.616L6.136 10h.8l1.093 1.781L9.123 10Z"}),p.createElement("path",{d:"m13.709 10-1.492 2.433L13.787 15h-.8l-1.2-1.964L10.585 15h-.8l1.603-2.616L9.923 10h.799l1.094 1.781L12.91 10Z"}),p.createElement("path",{d:"m17.709 10-1.492 2.433L17.787 15h-.8l-1.2-1.964L14.585 15h-.8l1.603-2.616L13.923 10h.799l1.094 1.781L16.91 10Z"}))});je.displayName="LicensePlateIcon";const Se=Me({viewBox:"0 96 960 960",svg:p.createElement(p.Fragment,null,p.createElement("path",{d:"m513 988-57-18 14-42q3-9 4-17.6 1-8.6 1-17.2 0-17.2-3.912-32.473Q467.176 845.455 456 828q-15.938-26.26-22.969-48.63Q426 757 425 727.844q0-11.844 2.5-27.344Q430 685 434 672l13-42 57 18-14 42q-3 9-4 19t-1 19q0 19 4 32t15 30q15.97 25.948 23.485 49.974Q535 864 535 892.933q0 13.067-2.5 26.567T526 946l-13 42Zm-176 0-57-18 14-42q3-9 4-17.049t1-17.707q0-18.244-4-34.744T280 827q-15.03-21.658-23.015-46.612Q249 755.433 249 728.125 249 714 251 700t7-28l13-42 57 18-14 42q-3 9.771-4 20.086-1 10.314-1 17.914 0 21.065 5.5 36.033Q320 779 328 791q15 22 23 48.5t8 52.802Q359 905 356.5 919t-6.5 27l-13 42Zm348 0-57-18 14-42q3-9 4-17.6 1-8.6 1-17.2 0-17.2-4.5-34.7Q638 841 628 827q-15-21-23-47t-8-52.047q0-13.953 2-27.794 2-13.841 7-28.159l13-42 57 18-14 42q-4 11-4.5 19.438-.5 8.437-.5 18.562 0 18.491 4.471 32.632Q665.941 774.772 676 790q16 23 23.5 48.887 7.5 25.886 7.5 53.69 0 13.423-2.5 26.923Q702 933 698 946l-13 42ZM180 336h600v-60H180v60Zm139 120h322l18-60H301l18 60Zm0 60q-19.5 0-35.25-11.625T262 474l-25-78h-57q-24.75 0-42.375-17.625T120 336V216h720v120q0 25-17.625 42.5T780 396h-57l-30 81q-6.932 17.25-22.338 28.125Q655.257 516 636 516H319ZM180 336v-60 60Z"}))});Se.displayName="DetectorSmokeIcon";const ze=Me({viewBox:"0 0 24 24",svg:p.createElement(p.Fragment,null,p.createElement("path",{d:"M19.48,12.35c-1.57-4.08-7.16-4.3-5.81-10.23c0.1-0.44-0.37-0.78-0.75-0.55C9.29,3.71,6.68,8,8.87,13.62 c0.18,0.46-0.36,0.89-0.75,0.59c-1.81-1.37-2-3.34-1.84-4.75c0.06-0.52-0.62-0.77-0.91-0.34C4.69,10.16,4,11.84,4,14.37 c0.38,5.6,5.11,7.32,6.81,7.54c2.43,0.31,5.06-0.14,6.95-1.87C19.84,18.11,20.6,15.03,19.48,12.35z M10.2,17.38 c1.44-0.35,2.18-1.39,2.38-2.31c0.33-1.43-0.96-2.83-0.09-5.09c0.33,1.87,3.27,3.04,3.27,5.08C15.84,17.59,13.1,19.76,10.2,17.38z"}))});ze.displayName="FireIcon";const Ue=Me({viewBox:"0 0 24 24",svg:p.createElement("path",{d:"M12.703 5.787a2.171 2.171 0 0 0-1.334.438c-.511.788-.8 1.614-1.217 3.267l-3.172.91a.499.499 0 0 0-.341.62l.13.455a.5.5 0 0 0 .62.343l2.328-.67-.377 1.31-3.96 3.827 1.53 6.693h3.78l2.67-10.14 1.29-4.51V7.01l-.32-.48a2.213 2.213 0 0 0-1.627-.743zM5.801 7.771c-.06.008-.12.05-.17.125l-.094.14c-.136.2-.16.57-.055.827l.631 1.535c.106.258.302.305.438.104l.094-.139c.135-.2.158-.57.052-.828l-.63-1.537C6 7.837 5.9 7.758 5.8 7.771zm4.648 7.338-1.5 6.022-.969-3.83 2.47-2.192zM10.756 5.6a2 2 0 0 0 2.33-1.6 2 2 0 0 0-1.6-2.33 2 2 0 0 0-2.33 1.6 2 2 0 0 0 1.6 2.33zM15.971 1.02h2.648v21.96h-2.648z"})});Ue.displayName="LoiteringIcon";const Ae=({data:e})=>{const t=16;return"licensePlate"===e.type?null:e.id===pe.Loitering?p.createElement(Ue,{size:16}):"detectedObject"!==e.type?p.createElement(Oe,{size:t}):"Luggage"===e.id?p.createElement(ke,{size:t}):"Car"===e.id?p.createElement(Pe,{size:t}):"Person"===e.id?p.createElement(_e,{size:t}):"Bicycle"===e.id?p.createElement(Ie,{size:t}):"Boat"===e.id?p.createElement(Fe,{size:t}):"Animal"===e.id?p.createElement(Le,{size:t}):"LicensePlate"===e.id?p.createElement(je,{size:t}):"Smoke"===e.id?p.createElement(Se,{size:t}):"Fire"===e.id?p.createElement(ze,{size:t}):p.createElement(Ne,{size:t})},He=e=>{const{children:t,innerProps:r,...n}=e,{Option:a}=z,i=e.data;if("licensePlate"===i.type)return p.createElement(a,{innerProps:r,...n},p.createElement("span",{style:{paddingLeft:8,paddingRight:8,borderRadius:4,border:"1px solid black"}},t));if("detectedObject"===i.type\|\|"eventType"===i.type){const e={display:"inline-flex",alignItems:"center",width:"auto"},l={...r,style:e};return p.createElement(a,{innerProps:l,...n},p.createElement(Ae,{data:i}),p.createElement("div",{style:{marginLeft:4}},ue.t(t)))}return p.createElement(a,{...e})},Re=e=>{const{children:t,innerProps:r,...n}=e,{MultiValueLabel:a}=z,{data:i}=e,l={...r,style:{display:"flex",alignItems:"center"}};return p.createElement(a,{innerProps:l,...n},p.createElement(Ae,{data:i}),p.createElement("div",{style:{marginLeft:4}},"detectedObject"===i.type?ue.t(t):t))},Be=Me({viewBox:"0 0 24 24",svg:p.createElement(p.Fragment,null,p.createElement("path",{d:"M10 18h4v-2h-4v2zM3 6v2h18V6H3zm3 7h12v-2H6v2z"}),p.createElement("path",{d:"M0 0h24v24H0z",fill:"none"}))});Be.displayName="FilterListIcon";const $e={...De,multiValue:(e,{data:t})=>"color"in t?{...e,backgroundColor:t.color,color:"white"}:e,multiValueLabel:(e,{data:t})=>"color"in t?{...e,color:"white"}:e,multiValueRemove:(e,{data:t})=>"color"in t?{...e,color:"white",":hover":{backgroundColor:"rgba(255, 255, 255, 0.7)",color:t.color}}:{...e,color:"hsl(0, 0%, 20%)"},option:(e,{data:t})=>"color"in t?{...e,color:t.color}:{...e,color:"black"}},Ve=e=>{const{children:t,...r}=e;return p.createElement(z.Placeholder,{...r},p.createElement(Be,{size:16,style:{position:"relative",top:4}})," ",t)},We=A((({camerasOnly:e,store:t})=>{const{cameras:r,eventSchema:n}=f(me),a=g({opened:!1});return p.createElement(S,{closeMenuOnSelect:!1,isMulti:!0,onChange:(e,r)=>{t.setFilters(e),a.current.opened\|\|"remove-value"!==r.action&&"clear"!==r.action\|\|t.applyFilters()},onMenuOpen:()=>a.current.opened=!0,onMenuClose:()=>{a.current.opened=!1,t.applyFilters()},getOptionLabel:e=>e.name,getOptionValue:e=>e.id+"",options:(()=>{if(!n)return[];if(e)return r.data.slice();const t=[{id:pe.Loitering,name:ue.t("loitering"),type:"eventType"}];return[].concat(n.foundObjectTypesForSelect,t,r.data.slice())})(),placeholder:ue.t("filter"),value:t.filters,components:{MultiValueLabel:Re,Option:He,Placeholder:Ve},styles:$e})}));We.displayName="EventsPanelSelect";const Ye=({children:e,label:t,placement:r="bottom",disabled:n})=>{const[a,i]=v(!1),{x:l,y:o,refs:s,strategy:c,context:d}=B({placement:r,open:a,onOpenChange:i,middleware:[$(5),V(),W({padding:8})],whileElementsMounted:(e,t,r)=>Y(e,t,r,{animationFrame:!0})}),{getReferenceProps:u,getFloatingProps:m}=q([Z(d,{enabled:!n}),G(d,{role:"tooltip"}),Q(d,{referencePress:!0})]);return p.createElement(p.Fragment,null,b(e,u({ref:ne(s.setReference,e.ref),...e.props})),p.createElement(X,{id:"x-3deye-floating-ui-root"},a&&p.createElement("div",{...m({ref:s.setFloating,className:"x-3deye-tooltip",style:{position:c,top:null!=o?o:0,left:null!=l?l:0}})},t)))};class qe extends p.Component{render(){const{forwardedRef:e,children:t,className:r,fullWidth:n,variant:a,type:i,title:l,placement:o,...s}=this.props,c=U(r,"x-3deye-button",{"x-3deye-button--fullwidth":n},a?`x-3deye-button--${a}`:void 0),d=p.createElement("button",{ref:e,className:c,type:i\|\|"button",...s},t,s.disabled?null:p.createElement(R,null));return void 0===l?d:p.createElement(Ye,{label:l,placement:o,disabled:!l},d)}}const Ze=p.forwardRef(((e,t)=>p.createElement(qe,{forwardedRef:t,...e}))),Ge=Me({viewBox:"0 0 24 24",svg:p.createElement("g",null,p.createElement("path",{d:"M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"}),p.createElement("path",{d:"M0 0h24v24H0z",fill:"none"}))});Ge.displayName="CloseIcon";const Qe=p.forwardRef((function({width:e,height:t,placement:r="top",style:n},a){const i=[0,"top"===r?t:0],l=[e,i[1]],o=[e/2,t-i[1]],s=[e/4,t("top"===r?3:1)/4],c=[.325e,t-i[1]],d=[e-c[0],c[1]],u=[e-s[0],s[1]],m=e=>e.join(","),h=`M ${m(i)} C ${m(s)} ${m(c)} ${m(o)} ${m(d)} ${m(u)} ${m(l)}`,f=`${h} Z`;return p.createElement("svg",{ref:a,className:"tip",style:n,width:e,height:t,fill:"var(--tip-background, #fff)"},p.createElement("path",{className:"tip-body",d:f}),p.createElement("path",{className:"tip-border",d:h,stroke:"var(--tip-border, transparent)",strokeWidth:1}))})),Xe=({opened:e,onOpenChange:t,children:r,target:n,placement:a,className:i,style:l,autoDismiss:o=!0,initialFocus:s,withArrow:c=!1})=>{var d,u,m;const h=g(null),{x:f,y:v,refs:E,strategy:C,context:w,middlewareData:T,placement:x,update:D}=B({open:e,onOpenChange:t,middleware:[$(5),V(),W(),J({element:h})],placement:a,whileElementsMounted:(e,t,r)=>Y(e,t,(()=>{var e;0!==(null===(e=w.elements.domReference)\|\|void 0===e?void 0:e.getBoundingClientRect().width)?r():w.onOpenChange(!1)}),{animationFrame:!0})}),{getReferenceProps:M,getFloatingProps:N}=q([G(w),Q(w,{ancestorScroll:!0,enabled:o})]),O=y((e=>{h.current=e,D()}),[D]),k={top:"bottom",right:"left",bottom:"top",left:"right"}[null!==(d=null==x?void 0:x.split("-")[0])&&void 0!==d?d:"top"]\|\|"top",P=p.createElement("div",{...N({className:U("x-3deye-popover-container",i),ref:E.setFloating,style:{...l,position:C,top:null!=v?v:0,left:null!=f?f:0}})},c&&p.createElement(Qe,{ref:O,width:24,height:8,placement:k,style:{position:"absolute",left:null===(u=T.arrow)\|\|void 0===u?void 0:u.x,top:null===(m=T.arrow)\|\|void 0===m?void 0:m.y,[k]:-7}}),r);return p.createElement(p.Fragment,null,b(n,M({ref:E.setReference,...n.props})),p.createElement(X,{id:"x-3deye-floating-ui-root"},o&&e&&p.createElement(K,{context:w,modal:!1,order:["reference","content"],returnFocus:!1,initialFocus:s},P),!o&&e&&P))},Je=Me({viewBox:"0 0 24 24",svg:p.createElement(p.Fragment,null,p.createElement("path",{d:"M5.88 4.12L13.76 12l-7.88 7.88L8 22l10-10L8 2z"}),p.createElement("path",{fill:"none",d:"M0 0h24v24H0z"}))});function Ke(e,t,r){return t\|\|r?r?le(t?[ie([e,t]),r]:[r,e]):ie([t,e]):new Date(e)}Je.displayName="ArrowForwardIcon";const et=oe((e=>new Intl.DateTimeFormat(e,{month:"long",year:"numeric"}))),tt=oe((e=>new Intl.DateTimeFormat(e,{weekday:"short"}))),rt=e=>new Date(e.getFullYear(),e.getMonth(),e.getDate()),nt=e=>new Date(Date.UTC(e.getUTCFullYear(),e.getUTCMonth(),e.getUTCDate())),at=E((function({onChange:e,date:t,minDate:r,maxDate:n,utc:a,startOfWeek:i="sunday"}){const[l]=v((()=>({current:a?nt(new Date):rt(new Date)}))),o=null!=t?t:l.current,s=g(+o),c=v(0),[,d]=c;C((()=>{s.current=+o,d(0)}),[null==o?void 0:o.getTime()]);const u=s.current!==+o?0:c[0],m=a?o.getUTCFullYear():o.getFullYear(),h=(a?o.getUTCMonth():o.getMonth())+u,f=a?new Date(Date.UTC(m,h)):new Date(m,h),b=a?(e=>new Date(Date.UTC(e.getUTCFullYear(),e.getUTCMonth()+1,0)).getUTCDate())(f):(e=>new Date(e.getFullYear(),e.getMonth()+1,0).getDate())(f),y=(a?f.getUTCDay():f.getDay())\|\|("monday"===i?7:0),E=y-("monday"===i?1:0),w=a?new Date(Date.UTC(m,h,1-E)):new Date(m,h,1-E),T=t?ae(a?new Date(Date.UTC(o.getUTCFullYear(),o.getUTCMonth(),o.getUTCDate())):new Date(o.getFullYear(),o.getMonth(),o.getDate()),w):-1,x=r?ae(r,w):-1/0,D=n?ae(n,w):1/0,M=ae(l.current,w);return p.createElement("div",null,p.createElement("div",{style:{display:"flex",flexDirection:"column",fontSize:"0.875rem"}},p.createElement("div",{style:{fontWeight:500,height:"3rem",fontSize:"1.125rem",display:"flex",alignItems:"center"}},et(ue.language).format(f),p.createElement(Ze,{style:{marginLeft:"auto"},className:"x-3deye-button--icon x-3deye-datepicker__button--previous-month",disabled:x>=E,onClick:()=>d(u-1)},p.createElement(Je,{size:16,style:{scale:"-1 1"}})),p.createElement(Ze,{className:"x-3deye-button--icon x-3deye-datepicker__button--next-month",disabled:D<E+b,onClick:()=>d(u+1)},p.createElement(Je,{size:16}))),p.createElement("div",{style:{flex:1,display:"grid",gridTemplateColumns:"repeat(7, 1fr)",gap:"0.25rem",placeItems:"center"}},Array.from({length:7}).map(((e,t)=>p.createElement("div",{key:t,style:{color:"oklch(0.7 0 0)"}},tt(ue.language).format(new Date(m,h,("monday"===i?2:1)-y+t)).substring(0,2)))),Array.from({length:42}).map(((t,i)=>{const l=a?new Date(Date.UTC(m,h,i-E+1)):new Date(m,h,i-E+1),s=i<E,c=i>=E+b,d=i<x\|\|i>D,u=i===M;return p.createElement("div",{key:i,className:U("x-3deye-datepicker__day",{"x-3deye-datepicker__day--today":u,"x-3deye-datepicker__day--disabled":d,"x-3deye-datepicker__day--previous-month":s,"x-3deye-datepicker__day--next-month":c,"x-3deye-datepicker__day--selected":i===T}),onClick:d?void 0:()=>{if(a){const t=new Date(Date.UTC(l.getUTCFullYear(),l.getUTCMonth(),l.getUTCDate(),o.getUTCHours(),o.getUTCMinutes(),o.getUTCSeconds(),o.getUTCMilliseconds()));return e(Ke(t,r,n))}const t=new Date(l.getFullYear(),l.getMonth(),l.getDate(),o.getHours(),o.getMinutes(),o.getSeconds(),o.getMilliseconds());return e(Ke(t,r,n))}},a?l.getUTCDate():l.getDate())})))))}));const it={hour:"numeric",minute:"numeric"},lt=oe(((e,t,r,n=!0)=>{const a={...it,second:n?"numeric":void 0,hour12:r\|\|void 0,hourCycle:r?void 0:"h23",timeZone:t?"UTC":void 0};return new Intl.DateTimeFormat(e,a)})),ot=oe(((e,t)=>{var r,n;const a=null!==(n=null===(r=new Intl.DateTimeFormat(e,{hour:"numeric",hour12:!0,timeZone:"UTC"}).formatToParts(new Date("1969-01-01T16:20:00Z")).find((({type:e})=>"dayPeriod"===e)))\|\|void 0===r?void 0:r.value)&&void 0!==n?n:"PM";return(e,r)=>{var n;const i=e.match(/(?<hours>\d{0,2}):(?<minutes>\d{0,2})(:(?<seconds>\d{0,2}))?/);if(null===i)return new Date(NaN);let{hours:l,minutes:o,seconds:s}=i.groups;l=l.padStart(2,"0"),+l<12&&e.toLowerCase().includes(a.toLowerCase())&&(l=(+l+12).toString()),o=o.padStart(2,"0"),s=null!==(n=null==s?void 0:s.padStart(2,"0"))&&void 0!==n?n:"00";const c=new Date(r);return t?(c.setUTCHours(+l),c.setUTCMinutes(+o),c.setUTCSeconds(+s)):(c.setHours(+l),c.setMinutes(+o),c.setSeconds(+s)),c}}));function st(e,t){const r=t?new Date(Date.UTC(e.getUTCFullYear(),e.getUTCMonth(),e.getUTCDate())):new Date(e.getFullYear(),e.getMonth(),e.getDate()),n=new Date(e.getFullYear(),e.getMonth(),e.getDate(),24);return{hoursInDay:t?24:Math.round((+n-+r)/36e5),startOfTheDay:r}}const ct=E((({date:e,onChange:t,hour12:r=!1,utc:n=!1})=>{const a=g(null),i=g(null),l=g(null),o=g(null),s=g(!0),[c,d]=v(lt(ue.language,n,r).format(e));w((()=>{var t,r,o;e&&s.current&&(s.current=!1,null===(t=a.current)\|\|void 0===t\|\|t.children[n?e.getUTCHours():e.getHours()].scrollIntoView(),null===(r=i.current)\|\|void 0===r\|\|r.children[n?e.getUTCMinutes():e.getMinutes()].scrollIntoView(),null===(o=l.current)\|\|void 0===o\|\|o.children[n?e.getUTCSeconds():e.getSeconds()].scrollIntoView())}));C((()=>{document.activeElement!==o.current&&d(lt(ue.language,n,r).format(e))}),[e]);const{hoursInDay:u,startOfTheDay:m}=st(e,n);return p.createElement("div",{className:"x-3deye-timepicker",style:{display:"grid",gridTemplateRows:"3rem auto 1fr",gridTemplateColumns:"1fr 1fr 1fr"}},p.createElement("div",{style:{gridColumnStart:1,gridColumnEnd:4,display:"flex",alignItems:"center"}},p.createElement("input",{ref:o,style:{height:32,margin:2},type:"text",value:c,onChange:r=>{const a=ot(ue.language,n)(r.target.value,e);var i;(i=a)instanceof Date&&!isNaN(i.getTime())&&(s.current=!0,t(a)),d(r.target.value)},onBlur:()=>{d(lt(ue.language,n,r).format(e))}})),p.createElement("div",{ref:a,className:"x-3deye-timepicker__column"},Array.from({length:u},((r,a)=>{const i=new Date(m.getTime()+36e5a);return p.createElement("div",{key:a,className:U({selected:i.getUTCDate()===e.getUTCDate()&&i.getUTCHours()===e.getUTCHours()}),onClick:()=>{const r=n?e.getUTCMinutes():e.getMinutes(),a=n?e.getUTCSeconds():e.getSeconds();t(new Date(+i+60r1e3+1e3a+e.getMilliseconds()))}},p.createElement("div",{className:"x-3deye-timepicker__value"},i[n?"getUTCHours":"getHours"]().toString().padStart(2,"0")))}))),p.createElement("div",{ref:i,className:"x-3deye-timepicker__column"},Array.from({length:60},((r,a)=>p.createElement("div",{key:a,className:U({selected:a===e.getMinutes()}),onClick:()=>{const r=a,i=n?e.getUTCSeconds():e.getSeconds(),l=new Date(Date.UTC(e.getUTCFullYear(),e.getUTCMonth(),e.getUTCDate(),e.getUTCHours())+6e4r+1e3i);t(l)}},p.createElement("div",{className:"x-3deye-timepicker__value"},a.toString().padStart(2,"0")))))),p.createElement("div",{ref:l,className:"x-3deye-timepicker__column"},Array.from({length:60},((r,a)=>p.createElement("div",{key:a,className:U({selected:a===e.getSeconds()}),onClick:()=>{const r=n?e.getUTCMinutes():e.getMinutes(),i=a,l=new Date(Date.UTC(e.getUTCFullYear(),e.getUTCMonth(),e.getUTCDate(),e.getUTCHours())+6e4r+1e3i);t(l)}},p.createElement("div",{className:"x-3deye-timepicker__value"},a.toString().padStart(2,"0")))))))}));ct.displayName="TimePicker";const dt=E((({date:e,onChange:t,utc:r=!1,hour12:n=!1})=>{const a=g(null),i=g(!0);w((()=>{var t;e&&i.current&&(i.current=!1,null===(t=a.current)\|\|void 0===t\|\|t.children[r?e.getUTCHours():e.getHours()].scrollIntoView({block:"center"}))}));const l=e\|\|new Date,{hoursInDay:o,startOfTheDay:s}=st(l,r);return p.createElement("div",{className:"x-3deye-timepicker x-3deye-timepicker--alt"},p.createElement("div",{ref:a,className:"x-3deye-timepicker__column"},Array.from({length:o},((a,i)=>{const l=new Date(s.getTime()+60i601e3);return p.createElement("div",{key:i,className:U({selected:!!e&&(l.getUTCDate()===e.getUTCDate()&&l.getUTCHours()===e.getUTCHours())}),onClick:()=>{t(l)}},p.createElement("div",{className:"x-3deye-timepicker__value"},lt(ue.language,r,n,!1).format(l)))}))))}));dt.displayName="TimePickerShort";const ut=(e,t,r)=>Math.min(Math.max(e,t),r),mt=()=>{},ht=(e,t,r,n)=>ut(Math.floor((e-t)/rn),0,n-1),pt=T({value:null,onPointerDown:mt,setCurrentValue:mt,state:{currentIdx:0,currentValue:null,options:[]}});class ft{get currentValue(){return this.options[this.currentIdx]}constructor(e=0){Object.defineProperty(this,"currentIdx",{enumerable:!0,configurable:!0,writable:!0,value:0}),Object.defineProperty(this,"options",{enumerable:!0,configurable:!0,writable:!0,value:[]}),Object.defineProperty(this,"setCurrentIdx",{enumerable:!0,configurable:!0,writable:!0,value:e=>{this.currentIdx=e}}),Object.defineProperty(this,"setOptions",{enumerable:!0,configurable:!0,writable:!0,value:e=>{this.options=e}}),this.currentIdx=e,P(this,{currentIdx:F,options:F.ref,currentValue:O,setCurrentIdx:I,setOptions:I})}}const gt=A(p.forwardRef((({value:e,onChange:t,children:r,style:n},a)=>{const[i,l]=v(!1),o=g(null),s=x.map(r,(e=>null==e?void 0:e.props.value))\|\|[],c=H((()=>new ft(s.indexOf(e))));c.setOptions(s);const d=x.count(r);C((()=>{c.setCurrentIdx(s.indexOf(e))}),[e]),C((()=>{var e;if(!i)return;const r=null===(e=o.current)\|\|void 0===e?void 0:e.getBoundingClientRect();if(!r)return;const n=({clientX:e})=>{c.setCurrentIdx(ht(e,r.left,r.width,d))},a=()=>{l(!1),t(s[c.currentIdx])};return document.addEventListener("pointermove",n),document.addEventListener("pointerup",a),()=>{document.removeEventListener("pointermove",n),document.removeEventListener("pointerup",a)}}),[i,d]);return p.createElement(pt.Provider,{value:{value:e,state:c,onPointerDown:e=>{const t=o.current;if(!t)return;const{left:r,width:n}=t.getBoundingClientRect(),a=ht(e.clientX,r,n,d);a!==c.currentIdx&&c.setCurrentIdx(a),l(!0)},setCurrentValue:e=>{c.setCurrentIdx(s.indexOf(e))}}},p.createElement("div",{className:"segmented-control-wrapper",style:n,ref:a},p.createElement("div",{role:"radiogroup",ref:o,className:"segmented-control",style:{"--indicator-offset":100c.currentIdx+"%"}},p.createElement("div",{"aria-hidden":!0,className:U("segmented-control-indicator",{active:i}),style:{width:100/s.length+"%"}},p.createElement("div",{className:"segmented-control-indicator-inner"})),r)))}))),vt=A(p.forwardRef((({value:e,children:t},r)=>{const n=f(pt);return p.createElement("button",{ref:r,role:"radio","aria-checked":n.state.currentValue===e,tabIndex:0,className:U("segmented-control-button",{current:n.state.currentValue===e}),onPointerDown:n.onPointerDown,onClick:()=>n.setCurrentValue(e)},t)})));vt.displayName="SegmentedControlOption";const bt={day:"2-digit",month:"short",weekday:"short",hour:"2-digit",minute:"numeric"},yt=A((({store:e})=>{const{date:t,setDate:r,clearDate:n,sortDirection:a,toggleSorting:i,applyFilters:l}=e,{account:o}=f(me),{utc:s,hour12:c,startOfWeek:d}=o.preferences,[u,m]=v(!1),h=D((()=>((e,t,r,n=!0)=>{const a={...bt,second:n?"numeric":void 0,hour12:r\|\|void 0,hourCycle:r?void 0:"h23",timeZone:t?"UTC":void 0,timeZoneName:t?"short":void 0};return new Intl.DateTimeFormat(e,a)})(ue.language,s,c)),[ue.language,s,c]),g=p.createElement("div",{style:{flex:1,display:"flex",position:"relative"}},p.createElement(Ze,{className:"date-button",style:{flex:1,alignItems:"flex-start",borderRadius:0,textTransform:"uppercase"},onClick:()=>m(!u)},t?p.createElement("label",null,"ASC"===a?ue.t("eventSearchFilter.from"):ue.t("eventSearchFilter.to")):null,p.createElement("span",null,t?h.format(t):ue.t("eventSearchFilter.live"))),t?p.createElement(Ze,{className:"x-3deye-button--icon",style:{position:"absolute",right:0},onClick:n},p.createElement(Ge,{size:16})):null);return p.createElement("div",{className:"events-panel-datepicker"},p.createElement("div",{style:{position:"relative"}},p.createElement(Xe,{target:g,opened:u,onOpenChange:m,withArrow:!0,className:"popover-datetimepicker"},p.createElement("div",{style:{display:"flex",flexDirection:"column",gap:8}},p.createElement(gt,{value:a,onChange:i},p.createElement(vt,{value:"ASC"},ue.t("eventSearchFilter.from")),p.createElement(vt,{value:"DESC"},ue.t("eventSearchFilter.to"))),p.createElement("div",{style:{display:"flex",gap:"0.5rem"}},p.createElement(at,{date:t,onChange:r,utc:s,startOfWeek:d}),p.createElement(dt,{date:t,onChange:r,utc:s,hour12:c})),p.createElement(Ze,{onClick:()=>(m(!1),l()),variant:"filled",fullWidth:!0},ue.t("button.ok"))))))}));yt.displayName="EventsPanelDatepicker";const Et=e=>Math.round(e),Ct=p.forwardRef((({value:e,onChange:t,onChangeComplete:r,orientation:n="horizontal",disabled:a=!1,labelFormat:i=(e=>`${e}`),style:l},o)=>{const s=g(null),c=g(null),[d,u]=v(!1),[m,h]=v(e);C((()=>{if(!d)return;const e=s.current;if(!e)return;let a=0,i=0;const l=e.getBoundingClientRect();if(!l)return;const o=({clientX:e,clientY:r})=>{if(!c.current)return;let o=0;"horizontal"===n?(a=ut(e-l.x,0,l.width),o=a/l.width100,c.current.style.transform=`translateX(${a}px)`):(i=l.height-ut(r-l.y,0,l.height),o=i/l.height100,c.current.style.transform=`translateY(${-i}px)`),h(o),null==t\|\|t(Et(o))},m=({clientX:e,clientY:a})=>{if(u(!1),!c.current)return;const i="horizontal"===n?ut(e-l.x,0,l.width)/l.width100:100(1-ut(a-l.y,0,l.height)/l.height);c.current.style.transform="",h(i),null==t\|\|t(Et(i)),null==r\|\|r(Et(i))},p=()=>{if(u(!1),!c.current)return;const e="horizontal"===n?a/l.width100:i/l.height100;c.current.style.transform="",null==t\|\|t(Et(e)),null==r\|\|r(Et(e))};return e.addEventListener("pointercancel",p),e.addEventListener("pointermove",o),e.addEventListener("pointerup",m),()=>{e.removeEventListener("pointercancel",p),e.removeEventListener("pointermove",o),e.removeEventListener("pointerup",m)}}),[d,n,t]);const f=y((({clientX:e,clientY:r,pointerId:i})=>{if(!s.current\|\|a)return;u(!0),s.current.setPointerCapture(i);const l=s.current.getBoundingClientRect();if(!l)return;if(!c.current)return;let o=0;if("horizontal"===n){const t=ut(e-l.x,0,l.width);o=t/l.width100,c.current.style.transform=`translateX(${t}px)`}else{const e=l.height-ut(r-l.y,0,l.height);o=e/l.height100,c.current.style.transform=`translateY(${-e}px)`}h(o),null==t\|\|t(Et(o))}),[n,a]),b=y((n=>{if(a)return;let i=null;"ArrowLeft"===n.code?i=Math.max(e-1,0):"ArrowRight"===n.code?i=Math.min(e+1,100):"ArrowDown"===n.code?i=Math.max(e-1,0):"ArrowUp"===n.code&&(i=Math.min(e+1,100)),null!==i&&(n.stopPropagation(),n.preventDefault(),null==t\|\|t(i),null==r\|\|r(i))}),[e,t,r,n,a]);return p.createElement("div",{ref:ne(o,s),tabIndex:0,onKeyDown:b,className:U("x-3deye-slider",n,{disabled:a}),onPointerDown:f,style:l},p.createElement("div",{className:"x-3deye-slider__track"},p.createElement("div",{className:"x-3deye-slider__bar",style:{width:"horizontal"===n?`${d?m:e}%`:void 0,height:"vertical"===n?`${d?m:e}%`:void 0}})),p.createElement("div",{ref:c,className:U("x-3deye-slider__thumb",{active:d}),style:{touchAction:"none",userSelect:"none",position:"absolute",left:"horizontal"===n?d?0:`${e}%`:"auto",bottom:"vertical"===n?d?0:`${e}%`:"auto"}},null!==i&&p.createElement("div",{className:"x-3deye-slider__label "+(d?"open":"")},i(d?Et(m):e))))}));Ct.displayName="Slider";const wt=A((({getter:e,setter:t})=>{const[r,n]=v(0),a=g(null),i=Math.floor(100e());return C((()=>L(e,(e=>{n(Math.floor(100e))}),{fireImmediately:!0})),[e]),p.createElement("div",{ref:a,style:{paddingLeft:8,paddingRight:8,marginTop:5,marginBottom:10}},p.createElement("div",{style:{display:"flex",justifyContent:"space-between"}},p.createElement("div",{style:{textTransform:"uppercase"}},ue.t("confidence")),p.createElement("div",{style:{fontSize:"1.1em"}},i,"%")),p.createElement("div",{style:{padding:"0 10px"}},p.createElement(Ct,{value:r,labelFormat:e=>`${e}%`,onChangeComplete:e=>{t(e/100)}})))}));wt.displayName="ProbabilitySlider";const Tt={50:"#e3f2fd",100:"#bbdefb",200:"#90caf9",300:"#64b5f6",400:"#42a5f5",500:"#2196f3",600:"#1e88e5",700:"#1976d2",800:"#1565c0",900:"#0d47a1",A100:"#82b1ff",A200:"#448aff",A400:"#2979ff",A700:"#2962ff"},xt={50:"#e8f5e9",100:"#c8e6c9",200:"#a5d6a7",300:"#81c784",400:"#66bb6a",500:"#4caf50",600:"#43a047",700:"#388e3c",800:"#2e7d32",900:"#1b5e20",A100:"#b9f6ca",A200:"#69f0ae",A400:"#00e676",A700:"#00c853"},Dt={50:"#fafafa",100:"#f5f5f5",200:"#eeeeee",300:"#e0e0e0",400:"#bdbdbd",500:"#9e9e9e",600:"#757575",700:"#616161",800:"#424242",900:"#212121",A100:"#f5f5f5",A200:"#eeeeee",A400:"#bdbdbd",A700:"#616161"},Mt={50:"#ffebee",100:"#ffcdd2",200:"#ef9a9a",300:"#e57373",400:"#ef5350",500:"#f44336",600:"#e53935",700:"#d32f2f",800:"#c62828",900:"#b71c1c",A100:"#ff8a80",A200:"#ff5252",A400:"#ff1744",A700:"#d50000"},Nt={50:"#fffde7",100:"#fff9c4",200:"#fff59d",300:"#fff176",400:"#ffee58",500:"#ffeb3b",600:"#fdd835",700:"#fbc02d",800:"#f9a825",900:"#f57f17",A100:"#ffff8d",A200:"#ffff00",A400:"#ffea00",A700:"#ffd600"},Ot=Me({viewBox:"0 0 24 24",svg:p.createElement(p.Fragment,null,p.createElement("path",{fill:"none",d:"M0 0h24v24H0z"}),p.createElement("path",{d:"M9 16.2L4.8 12l-1.4 1.4L9 19 21 7l-1.4-1.4L9 16.2z"}))});Ot.displayName="DoneIcon";const kt=[{color:Mt[500],name:"red",highlightColor:Mt[100]},{color:xt[500],name:"green",highlightColor:xt[100]},{color:Tt[500],name:"blue",highlightColor:Tt[100]},{color:Nt[500],name:"yellow",highlightColor:Nt[900]},{color:"#000",name:"black",highlightColor:"#fff"},{color:"#fff",name:"white",highlightColor:"#000"},{color:Dt[500],name:"dimgrey",highlightColor:Dt[100]}];new Map(kt.map((({color:e,name:t})=>[t,e])));const Pt=A((({value:e,clear:t,toggle:r})=>p.createElement("div",{className:"color-selector"},p.createElement("div",{style:{textTransform:"uppercase"}},ue.t("color")),p.createElement("div",{className:"color-selector__items"},kt.map((({color:t,highlightColor:n,name:a})=>p.createElement("button",{key:a,className:U("color-selector__item",{selected:e.has(a)}),style:{backgroundColor:t},onClick:r.bind(null,a)},p.createElement(Ot,{color:n,size:20})))),p.createElement(Ze,{className:"color-selector__clear",disabled:!e.size,onClick:t},p.createElement(Ge,{size:20}))))));Pt.displayName="ColorSelector";const Ft=({size:e=48})=>p.createElement("svg",{width:e,height:e,xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 100 100",preserveAspectRatio:"xMidYMid"},p.createElement("rect",{x:"0",y:"0",width:"100",height:"100",fill:"none",className:"bk"}),p.createElement("rect",{x:"46.5",y:"38",width:"7",height:"24",rx:"5",ry:"5",fill:"currentColor",transform:"rotate(0 50 50) translate(0 -30)"},p.createElement("animate",{attributeName:"opacity",from:"1",to:"0",dur:"1s",begin:"0s",repeatCount:"indefinite"})),p.createElement("rect",{x:"46.5",y:"38",width:"7",height:"24",rx:"5",ry:"5",fill:"currentColor",transform:"rotate(30 50 50) translate(0 -30)"},p.createElement("animate",{attributeName:"opacity",from:"1",to:"0",dur:"1s",begin:"0.08333333333333333s",repeatCount:"indefinite"})),p.createElement("rect",{x:"46.5",y:"38",width:"7",height:"24",rx:"5",ry:"5",fill:"currentColor",transform:"rotate(60 50 50) translate(0 -30)"},p.createElement("animate",{attributeName:"opacity",from:"1",to:"0",dur:"1s",begin:"0.16666666666666666s",repeatCount:"indefinite"})),p.createElement("rect",{x:"46.5",y:"38",width:"7",height:"24",rx:"5",ry:"5",fill:"currentColor",transform:"rotate(90 50 50) translate(0 -30)"},p.createElement("animate",{attributeName:"opacity",from:"1",to:"0",dur:"1s",begin:"0.25s",repeatCount:"indefinite"})),p.createElement("rect",{x:"46.5",y:"38",width:"7",height:"24",rx:"5",ry:"5",fill:"currentColor",transform:"rotate(120 50 50) translate(0 -30)"},p.createElement("animate",{attributeName:"opacity",from:"1",to:"0",dur:"1s",begin:"0.3333333333333333s",repeatCount:"indefinite"})),p.createElement("rect",{x:"46.5",y:"38",width:"7",height:"24",rx:"5",ry:"5",fill:"currentColor",transform:"rotate(150 50 50) translate(0 -30)"},p.createElement("animate",{attributeName:"opacity",from:"1",to:"0",dur:"1s",begin:"0.4166666666666667s",repeatCount:"indefinite"})),p.createElement("rect",{x:"46.5",y:"38",width:"7",height:"24",rx:"5",ry:"5",fill:"currentColor",transform:"rotate(180 50 50) translate(0 -30)"},p.createElement("animate",{attributeName:"opacity",from:"1",to:"0",dur:"1s",begin:"0.5s",repeatCount:"indefinite"})),p.createElement("rect",{x:"46.5",y:"38",width:"7",height:"24",rx:"5",ry:"5",fill:"currentColor",transform:"rotate(210 50 50) translate(0 -30)"},p.createElement("animate",{attributeName:"opacity",from:"1",to:"0",dur:"1s",begin:"0.5833333333333334s",repeatCount:"indefinite"})),p.createElement("rect",{x:"46.5",y:"38",width:"7",height:"24",rx:"5",ry:"5",fill:"currentColor",transform:"rotate(240 50 50) translate(0 -30)"},p.createElement("animate",{attributeName:"opacity",from:"1",to:"0",dur:"1s",begin:"0.6666666666666666s",repeatCount:"indefinite"})),p.createElement("rect",{x:"46.5",y:"38",width:"7",height:"24",rx:"5",ry:"5",fill:"currentColor",transform:"rotate(270 50 50) translate(0 -30)"},p.createElement("animate",{attributeName:"opacity",from:"1",to:"0",dur:"1s",begin:"0.75s",repeatCount:"indefinite"})),p.createElement("rect",{x:"46.5",y:"38",width:"7",height:"24",rx:"5",ry:"5",fill:"currentColor",transform:"rotate(300 50 50) translate(0 -30)"},p.createElement("animate",{attributeName:"opacity",from:"1",to:"0",dur:"1s",begin:"0.8333333333333334s",repeatCount:"indefinite"})),p.createElement("rect",{x:"46.5",y:"38",width:"7",height:"24",rx:"5",ry:"5",fill:"currentColor",transform:"rotate(330 50 50) translate(0 -30)"},p.createElement("animate",{attributeName:"opacity",from:"1",to:"0",dur:"1s",begin:"0.9166666666666666s",repeatCount:"indefinite"})));Ft.displayName="Preloader";var It="undefined"!=typeof globalThis?globalThis:"undefined"!=typeof window?window:"undefined"!=typeof global?global:"undefined"!=typeof self?self:{};function _t(e){return e&&e.__esModule&&Object.prototype.hasOwnProperty.call(e,"default")?e.default:e}var Lt="object"==typeof It&&It&&It.Object===Object&&It,jt="object"==typeof self&&self&&self.Object===Object&&self,St=Lt\|\|jt\|\|Function("return this")(),zt=St.Symbol,Ut=zt,At=Object.prototype,Ht=At.hasOwnProperty,Rt=At.toString,Bt=Ut?Ut.toStringTag:void 0;var $t=function(e){var t=Ht.call(e,Bt),r=e[Bt];try{e[Bt]=void 0;var n=!0}catch(e){}var a=Rt.call(e);return n&&(t?e[Bt]=r:delete e[Bt]),a},Vt=Object.prototype.toString;var Wt=$t,Yt=function(e){return Vt.call(e)},qt=zt?zt.toStringTag:void 0;var Zt=function(e){var t=typeof e;return null!=e&&("object"==t\|\|"function"==t)},Gt=function(e){return null==e?void 0===e?"[object Undefined]":"[object Null]":qt&&qt in Object(e)?Wt(e):Yt(e)},Qt=Zt;var Xt,Jt=function(e){if(!Qt(e))return!1;var t=Gt(e);return"[object Function]"==t\|\|"[object GeneratorFunction]"==t\|\|"[object AsyncFunction]"==t\|\|"[object Proxy]"==t},Kt=St["__core-js_shared__"],er=(Xt=/[^.]+$/.exec(Kt&&Kt.keys&&Kt.keys.IE_PROTO\|\|""))?"Symbol(src)_1."+Xt:"";var tr=function(e){return!!er&&er in e},rr=Function.prototype.toString;var nr=Jt,ar=tr,ir=Zt,lr=function(e){if(null!=e){try{return rr.call(e)}catch(e){}try{return e+""}catch(e){}}return""},or=/^\[object .+?Constructor\]$/,sr=Function.prototype,cr=Object.prototype,dr=sr.toString,ur=cr.hasOwnProperty,mr=RegExp("^"+dr.call(ur).replace(/[\\^$.+?()[\]{}\|]/g,"\\$&").replace(/hasOwnProperty\|(function).?(?=\\\()\| for .+?(?=\\\])/g,"$1.?")+"$");var hr=function(e){return!(!ir(e)\|\|ar(e))&&(nr(e)?mr:or).test(lr(e))},pr=function(e,t){return null==e?void 0:e[t]};var fr=function(e,t){var r=pr(e,t);return hr(r)?r:void 0},gr=fr(Object,"create"),vr=gr;var br=function(){this.__data__=vr?vr(null):{},this.size=0};var yr=function(e){var t=this.has(e)&&delete this.__data__[e];return this.size-=t?1:0,t},Er=gr,Cr=Object.prototype.hasOwnProperty;var wr=function(e){var t=this.__data__;if(Er){var r=t[e];return"__lodash_hash_undefined__"===r?void 0:r}return Cr.call(t,e)?t[e]:void 0},Tr=gr,xr=Object.prototype.hasOwnProperty;var Dr=function(e){var t=this.__data__;return Tr?void 0!==t[e]:xr.call(t,e)},Mr=gr;var Nr=function(e,t){var r=this.__data__;return this.size+=this.has(e)?0:1,r[e]=Mr&&void 0===t?"__lodash_hash_undefined__":t,this},Or=br,kr=yr,Pr=wr,Fr=Dr,Ir=Nr;function _r(e){var t=-1,r=null==e?0:e.length;for(this.clear();++t<r;){var n=e[t];this.set(n[0],n[1])}}_r.prototype.clear=Or,_r.prototype.delete=kr,_r.prototype.get=Pr,_r.prototype.has=Fr,_r.prototype.set=Ir;var Lr=_r;var jr=function(){this.__data__=[],this.size=0};var Sr=function(e,t){return e===t\|\|e!=e&&t!=t};var zr=function(e,t){for(var r=e.length;r--;)if(Sr(e[r][0],t))return r;return-1},Ur=zr,Ar=Array.prototype.splice;var Hr=function(e){var t=this.__data__,r=Ur(t,e);return!(r<0)&&(r==t.length-1?t.pop():Ar.call(t,r,1),--this.size,!0)},Rr=zr;var Br=function(e){var t=this.__data__,r=Rr(t,e);return r<0?void 0:t[r][1]},$r=zr;var Vr=zr;var Wr=function(e,t){var r=this.__data__,n=Vr(r,e);return n<0?(++this.size,r.push([e,t])):r[n][1]=t,this},Yr=jr,qr=Hr,Zr=Br,Gr=function(e){return $r(this.__data__,e)>-1},Qr=Wr;function Xr(e){var t=-1,r=null==e?0:e.length;for(this.clear();++t<r;){var n=e[t];this.set(n[0],n[1])}}Xr.prototype.clear=Yr,Xr.prototype.delete=qr,Xr.prototype.get=Zr,Xr.prototype.has=Gr,Xr.prototype.set=Qr;var Jr=Xr,Kr=fr(St,"Map"),en=Lr,tn=Jr,rn=Kr;var nn=function(e){var t=typeof e;return"string"==t\|\|"number"==t\|\|"symbol"==t\|\|"boolean"==t?"__proto__"!==e:null===e};var an=function(e,t){var r=e.__data__;return nn(t)?r["string"==typeof t?"string":"hash"]:r.map},ln=an;var on=an;var sn=an;var cn=an;var dn=function(e,t){var r=cn(this,e),n=r.size;return r.set(e,t),this.size+=r.size==n?0:1,this},un=function(){this.size=0,this.__data__={hash:new en,map:new(rn\|\|tn),string:new en}},mn=function(e){var t=ln(this,e).delete(e);return this.size-=t?1:0,t},hn=function(e){return on(this,e).get(e)},pn=function(e){return sn(this,e).has(e)},fn=dn;function gn(e){var t=-1,r=null==e?0:e.length;for(this.clear();++t<r;){var n=e[t];this.set(n[0],n[1])}}gn.prototype.clear=un,gn.prototype.delete=mn,gn.prototype.get=hn,gn.prototype.has=pn,gn.prototype.set=fn;var vn=gn;function bn(e,t){if("function"!=typeof e\|\|null!=t&&"function"!=typeof t)throw new TypeError("Expected a function");var r=function(){var n=arguments,a=t?t.apply(this,n):n[0],i=r.cache;if(i.has(a))return i.get(a);var l=e.apply(this,n);return r.cache=i.set(a,l)\|\|i,l};return r.cache=new(bn.Cache\|\|vn),r}bn.Cache=vn;const yn=_t(bn)((()=>{const e=document.createElement("div");e.style.overflowY="scroll",e.style.position="absolute",e.style.top="-9999px",document.body.append(e);const t=e.offsetWidth;return e.remove(),t})),En=Me({viewBox:"0 0 24 24",svg:p.createElement("g",null,p.createElement("path",{d:"M10 6L8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z"}),p.createElement("path",{d:"M0 0h24v24H0z",fill:"none"}))});En.displayName="ChevronRightIcon";const Cn=p.createContext(null);p.forwardRef((({className:e,children:t,title:r,...n},a)=>{const i=p.useContext(Cn);if(!i)return;const{refs:l,isNested:o,isOpen:s,hasFocusInside:c,item:d,parent:u,setHasFocusInside:m,getReferenceProps:h}=i;return p.createElement(Ze,{ref:ee([l.setReference,d.ref,a]),tabIndex:o?(null==u?void 0:u.activeIndex)===d.index?0:-1:void 0,role:o?"menuitem":void 0,"data-open":s?"":void 0,"data-nested":o?"":void 0,"data-focus-inside":c?"":void 0,className:U(e,{"menu-item":o,"menu-button":!o}),title:s?null:r,...h(null==u?void 0:u.getItemProps({...n,onFocus(e){var t;null===(t=n.onFocus)\|\|void 0===t\|\|t.call(n,e),m(!1),u.setHasFocusInside(!0)}}))},t,o&&p.createElement(En,{style:{marginLeft:"auto"},"aria-hidden":!0,size:20}))})).displayName="MenuButton";p.forwardRef((({label:e,disabled:t,className:r,children:n,...a},i)=>{const l=p.useContext(Cn),o=te({label:t?null:e}),s=re();if(!l)return null;const c=o.index===l.activeIndex;return p.createElement(Ze,{...a,ref:ee([o.ref,i]),type:"button",role:"menuitem",className:U(r,"menu-item"),tabIndex:c?0:-1,disabled:t,...l.getItemProps({onClick(e){var t;null===(t=a.onClick)\|\|void 0===t\|\|t.call(a,e),null==s\|\|s.events.emit("click")},onFocus(e){var t;null===(t=a.onFocus)\|\|void 0===t\|\|t.call(a,e),l.setHasFocusInside(!0)}})},e\|\|n)})).displayName="MenuItem";const wn=A((({data:e,children:t,onClick:r,onAuxClick:n,menuComponent:a})=>{const i=g(null),{ref:l,menuContext:o}=function(){const[e,t]=v(!1),[r,n]=v(),a=y((e=>{n(e\|\|void 0)}),[]),[i]=v((()=>new Set)),l=D((()=>({subscribe:e=>(i.add(e),()=>i.delete(e)),setOpened:t})),[]);return C((()=>{if(r)return r.addEventListener("contextmenu",e),()=>{r.removeEventListener("contextmenu",e)};function e(e){e.preventDefault();for(const t of i)t(e)}}),[r]),{ref:a,menuContext:l,opened:e}}();return p.createElement("div",{ref:ne(i,l),onDragStart:t=>{var r;if(!t.dataTransfer)return;t.dataTransfer.setData("x-3deye/event",`${e.id}`),t.dataTransfer.setData("x-3deye/camera",`${e.cameraId}`),t.dataTransfer.setData("x-3deye/starttime",e.startTime.toISOString()),t.dataTransfer.dropEffect="move";const n=null===(r=i.current)\|\|void 0===r?void 0:r.querySelector("img");if(n){const{x:e,y:r}=n.getBoundingClientRect();t.dataTransfer.setDragImage(n,t.clientX-e,t.clientY-r)}},className:"event-list-item",onClick:()=>null==r?void 0:r(e),onAuxClick:t=>null==n?void 0:n(t,e),draggable:!0},t,a&&p.createElement(a,{ctx:o,data:e}))}));function Tn(e,t,r,n){return e.Top<-n&&(e.Bottom=e.Bottom-e.Top+n,e.Top=-n),e.Left<-n&&(e.Right=e.Right-e.Left+n,e.Left=-n),e.Right+n>t&&(e.Left=e.Left-(e.Right-t)+n,e.Right=t-n),e.Bottom+n>r&&(e.Top=e.Top-(e.Bottom-r)+n,e.Bottom=r-n),e}wn.displayName="EventListItem";const xn=({className:e,style:t,box:{Top:r,Left:n,Right:a,Bottom:i}})=>p.createElement(p.Fragment,null,p.createElement("div",{className:e,style:{position:"absolute",top:100r+"%",left:100n+"%",bottom:100(1-i)+"%",right:100(1-a)+"%",...t}}));function Dn({style:e}){return p.createElement("div",{className:"frame",style:e},p.createElement("div",{className:"corner-highlight-tl"}),p.createElement("div",{className:"corner-highlight-tr"}),p.createElement("div",{className:"corner-highlight-br"}),p.createElement("div",{className:"corner-highlight-bl"}))}function Mn({Top:e,Left:t,Bottom:r,Right:n},a,i,l,o){const s=oe,c=or;return s>i?[0,-1]:c>i?[0,1]:lt>a?[-1,0]:ln>a?[1,0]:[0,s>c?1:-1]}function Nn(e,t){return{Top:e.Top+t[1],Left:e.Left+t[0],Bottom:e.Bottom+t[1],Right:e.Right+t[0]}}xn.displayName="LicensePlateLpr";const On=({face:{Name:e,Box:t,Probability:r},url:n,thumbWidth:a,thumbHeight:i,width:l,height:o})=>{const{Top:s,Left:c,Right:d,Bottom:u}=t,m=100/a/(d-c),h={top:2},f=g(null);return w((()=>{if(!f.current)return;const{width:e,height:r}=f.current.getBoundingClientRect(),n=Mn(t,e,r,l,o);n[0]=n[0](e+(d-c)l)/2,n[1]=n[1](r+(u-s)o)/2;const a=Tn(Nn({Top:(s+u)/2o-r/2,Left:(c+d)/2l-e/2,Bottom:(s+u)/2o+r/2,Right:(c+d)/2l+e/2},n),l,o,0);f.current.style.top=`${a.Top+2Math.sign(n[1])}px`,f.current.style.left=`${a.Left+2Math.sign(n[0])}px`})),c>=1-d?h.left=2:h.right=2,p.createElement(p.Fragment,null,p.createElement("div",{ref:f,className:"event-list-item__detected-object-label trigger",title:`${e} ${Math.floor(100r)}%`},p.createElement("div",{style:{padding:4,display:"flex",alignItems:"center",maxWidth:120,whiteSpace:"break-spaces"}},e),p.createElement("div",{className:"event-list-item__detected-object-label__caption",style:{color:"black",backgroundColor:"orange"}},Math.floor(100r),"%")),p.createElement(xn,{className:"trigger",box:t,style:{outline:"1px solid orange"}}),p.createElement("div",{className:"event-list-item-face preview",style:{overflow:"hidden",width:a(d-c)m,height:i(u-s)m,...h}},p.createElement("img",{style:{width:am,height:im,transform:`translate(-${100c}%, -${100s}%)`},src:n}),p.createElement(Dn,null)))};On.displayName="FaceHighlight";const kn=p.memo((({value:e})=>e?p.createElement(p.Fragment,null,e.split("").map(((e,t)=>(e=>{const t=e.charCodeAt(0);return t>=48&&t<=57})(e)?p.createElement("span",{key:`d${t}${e}`,className:"digit"},e):p.createElement("span",{key:`${t}${e}`,className:"char"},e)))):null));kn.displayName="LicensePlateNumber";const Pn=({detectedObject:e,height:t,width:r,url:n,thumbWidth:a,thumbHeight:i})=>{const{Type:l,Box:{Top:o,Left:s,Right:c,Bottom:d},Probability:u}=e,m=e.Value\|\|e.Number,h=g(null);w((()=>{if(!h.current)return;const e=h.current.getBoundingClientRect();let n=(s+c)/2r-e.width/2,a=ot-e.height-4;a<0&&(a=dt+4),n<0&&(n=0),n>r-e.width&&(n=r-e.width),h.current.style.top=`${a}px`,h.current.style.left=`${n}px`}));const f={top:2};s>=1-c?f.left=2:f.right=2;const v=100/a/(c-s);return p.createElement(p.Fragment,null,p.createElement("div",{ref:h,className:"event-list-item__license-plate-label trigger",title:`${l.toLowerCase()} ${Math.floor(100u)}%`},p.createElement("div",{style:{padding:4}},p.createElement(kn,{value:m})),p.createElement("div",{className:"event-list-item__license-plate-label__caption"},`${Math.floor(100u)}%`)),p.createElement(xn,{className:"event-list-item__license-plate-trigger trigger",box:e.Box}),p.createElement("div",{className:"event-list-item__license-plate preview",style:{overflow:"hidden",width:a(c-s)v,height:i(d-o)v+16,position:"absolute",...f}},p.createElement("img",{style:{width:av,height:iv,transform:`translate(-${100s}%, -${100o}%)`},src:n}),p.createElement("div",{className:"plate-number"},p.createElement(kn,{value:m})),p.createElement(Dn,{style:{height:i(d-o)v}})))};Pn.displayName="LicensePlateHighlight";const Fn=Me({viewBox:"0 0 24 24",svg:p.createElement(p.Fragment,null,p.createElement("path",{d:"M0 0h24v24H0z",fill:"none"}),p.createElement("path",{d:"M15 13V5c0-1.66-1.34-3-3-3S9 3.34 9 5v8c-1.21.91-2 2.37-2 4 0 2.76 2.24 5 5 5s5-2.24 5-5c0-1.63-.79-3.09-2-4zm-4-8c0-.55.45-1 1-1s1 .45 1 1h-1v1h1v2h-1v1h1v2h-2V5z"}))});Fn.displayName="ThermostatIcon";const In=A((({data:e})=>{if("Temperature"!==e.type)return null;let t=Number(e.raw.data);return t=5(t-32)/9+273.15,p.createElement("div",{className:"event-list-item__temperature"},p.createElement(Fn,null),(t-273.15).toFixed(1),"°C / ",(9t/5-459.67).toFixed(1),"°F")}));In.displayName="Temperature";const _n=(e,t,r)=>r?e.getUTCFullYear()===t.getUTCFullYear()&&e.getUTCMonth()===t.getUTCMonth()&&e.getUTCDate()===t.getUTCDate():e.getFullYear()===t.getFullYear()&&e.getMonth()===t.getMonth()&&e.getDate()===t.getDate(),Ln=(e,t,r)=>r?e.getUTCFullYear()===t.getUTCFullYear():e.getFullYear()===t.getFullYear(),jn=(e,{locale:t,utc:r=!1,hour12:n=!1,seconds:a,year:i=!1,dayOfWeek:l=!1,day:o=!1})=>{const s={hour:"numeric",minute:"numeric",hour12:n\|\|void 0,hourCycle:n?void 0:"h23"};return r&&(s.timeZone="UTC"),a&&(s.second="numeric"),i&&(s.year="numeric"),l&&(s.weekday="short"),o&&(s.day="numeric",s.month="short"),new Intl.DateTimeFormat(t,s).format(e)},Sn=(e,t)=>t?e.getUTCSeconds():e.getSeconds();const zn=A((({from:e,to:t})=>{const{account:{preferences:{utc:r,hour12:n}}}=f(me);return p.createElement(p.Fragment,null,function(e,t,{locale:r,utc:n=!1,hour12:a=!1}={}){let i="",l="";const o=Boolean(Sn(e,n)\|\|Sn(t,n)),s={from:!1,to:!1},c={from:!1,to:!1},d={from:!1,to:!1};return Ln(e,new Date,n)?_n(e,new Date,n)\|\|(_n(e,t,n)?(d.from=!0,c.from=!0):(d.from=!0,c.from=!0,d.to=!0,c.to=!0)):(s.from=!0,d.from=!0,d.to=!0,s.to=!Ln(e,t,n)),i=jn(e,{locale:r,utc:n,hour12:a,seconds:o,year:s.from,dayOfWeek:c.from,day:d.from}),+e==+t?i:(l=jn(t,{locale:r,utc:n,hour12:a,seconds:o,year:s.to,dayOfWeek:c.to,day:d.to}),`${i} - ${l}`)}(e,t,{locale:ue.language,utc:r,hour12:n}))}));zn.displayName="DisplayPeriod";const Un=A((({data:e,cameraNameHidden:t})=>{var r;const n=f(me),{cameras:a}=n,i=a.loaded&&(null===(r=a.camerasById.get(e.cameraId))\|\|void 0===r?void 0:r.name)\|\|"...";return p.createElement("div",{className:"event-list-item-caption"},p.createElement("div",{className:"event-list-item__time"},p.createElement(zn,{from:e.startTime,to:e.endTime})),t?null:p.createElement(p.Fragment,null,p.createElement("div",null,e.type),p.createElement("div",{className:"event-list-item__camera-name",title:i},i)),+e.endTime-+e.startTime>0&&p.createElement("div",{className:"event-list-item__duration"},function(e,t,r=!0){if((e=Math.round(e/1e3))<60)return t("duration.ss",{seconds:e});const n=e%60;let a=(e-n)/60;if(a<60)return!n&&r?t("duration.mm",{minutes:a}):t("duration.mmss",{minutes:a,seconds:`${n}`.padStart(2,"0")});const i=Math.floor(a/60);if(a-=60i,!n&&!a&&r)return t("duration.hh",{hours:i});const l=r?`${a}`:`${a}`.padStart(2,"0");return!n&&a&&r?t("duration.hhmm",{hours:i,minutes:l}):t("duration.hhmmss",{hours:i,minutes:l,seconds:`${n}`.padStart(2,"0")})}(+e.endTime-+e.startTime,ue.t)),p.createElement(In,{data:e}))}));Un.displayName="EventListItemCaption";const An=A((({url:e,noPreview:t,width:r})=>p.createElement(p.Fragment,null,e?p.createElement("img",{key:e,style:{position:"absolute",width:"100%",height:"100%",top:0,left:0},src:e}):null,p.createElement(R,{radius:r}),t?p.createElement("div",{className:"no-preview-overlay"}):null)));function Hn({Top:e,Left:t,Bottom:r,Right:n}){return[(t+n)/2,(e+r)/2]}function Rn(e,t){const[r,n]=Hn(e),[a,i]=Hn(t);return[a-r,i-n]}function Bn(e,t){return!(e.Left>t.Right\|\|e.Top>t.Bottom\|\|e.Right<t.Left\|\|e.Bottom<t.Top)}function $n([e,t]){const r=Math.sqrt(ee+tt);return 0===r?[0,0]:[e/r,t/r]}An.displayName="EventThumbnail";const Vn=A((({data:e,width:t,height:r})=>{const n=g(null),{eventSchema:a}=f(me);return w((()=>{if(!n.current)return;const a=[],i=[];for(let l=0;l<e.length;l++){const o=n.current.children[2l+1],s=e[l].Box;a.push({Top:s.Topr,Left:s.Leftt,Bottom:s.Bottomr,Right:s.Rightt});const[c,d]=Hn(a[l]),{width:u,height:m}=o.getBoundingClientRect(),h=Mn(s,u,m,t,r);i.push(Nn({Top:d-m/2-4,Left:c-u/2-4,Bottom:d+m/2+4,Right:c+u/2+4},h))}let l=!0,o=0;for(;l;){if(l=!1,o++>1e3){console.warn("Reached max iterations for label positioning");break}for(let t=0;t<e.length;t++){const r=i[t],n=[0,0];for(let o=0;o<e.length;o++){const e=a[o],s=i[o];if(Bn(r,e)){const t=Rn(e,r);n[0]=n[0]+t[0],n[1]=n[1]+t[1],l=!0}if(o!==t&&Bn(r,s)){const e=Rn(s,r);n[0]=n[0]+e[0],n[1]=n[1]+e[1],l=!0}}[n[0],n[1]]=$n(n),r.Top+=n[1],r.Left+=n[0],r.Bottom+=n[1],r.Right+=n[0]}}for(let a=0;a<e.length;a++){const e=n.current.children[2a+1],{Top:l,Left:o}=Tn(i[a],t,r,4);e.style.top=`${l+4}px`,e.style.left=`${o+4}px`}}),[e,t,r]),p.createElement("div",{ref:n},e.map(((e,t)=>{var r;return p.createElement(p.Fragment,{key:t},p.createElement(xn,{box:e.Box,style:{outline:`2px solid ${null!==(r=a.colorsByFoundObjectType.get(e.Type))&&void 0!==r?r:""}`}}),p.createElement("div",{className:"event-list-item__detected-object-label",title:`${e.Type.toLowerCase()} ${Math.floor(100e.Probability)}%`},p.createElement("div",{style:{padding:4,lineHeight:"24px"}},"Car"===e.Type&&"BodyType"in e&&e.BodyType?e.BodyType.toLowerCase():e.Type.toLowerCase()),p.createElement("div",{className:"event-list-item__detected-object-label__caption",style:{backgroundColor:a.colorsByFoundObjectType.get(e.Type)}},Math.floor(100e.Probability),"%")))})))}));Vn.displayName="DetectedObjects";const Wn=A((({data:e,width:t,height:r,cameraNameHidden:n,onClick:a,onAuxClick:i,menuComponent:l})=>{const o=f(me),{eventSchema:s}=o,[c,d]=function(e){var t;const[r,n]=v(null),a=f(me),{cameras:i,thumbnails:l}=a;C((()=>{if(e.thumbnailUrl)return void n(null);const t=l.fetchThumbnail(e.cameraId,e.startTime,e.startTime).subscribe((e=>{n(e\|\|null)}));return()=>t.unsubscribe()}),[e.id]);let o="",s=!1;return e.thumbnailUrl?o=e.thumbnailUrl:null===r&&i.loaded?(o=(null===(t=i.camerasById.get(e.cameraId))\|\|void 0===t?void 0:t.imageUrl)\|\|"",s=!0):r&&(o=r.url),[o,s]}(e);let u=[],m=null,h=null;if(e.detectedObjects.length){const{thumbnailWidth:n,thumbnailHeight:a}=e;u=e.detectedObjects.filter((({Type:e})=>s.foundObjectTypes.includes(e)&&"LicensePlate"!==e)),m=e.detectedObjects.filter((e=>"LicensePlate"===e.Type)).map(((e,i)=>p.createElement(Pn,{key:i,detectedObject:e,width:t,height:r,thumbWidth:n,thumbHeight:a,url:c})))}if(e.faces){const{thumbnailWidth:n,thumbnailHeight:a}=e;h=e.faces.map(((e,i)=>p.createElement(On,{key:i,face:e,url:c,thumbWidth:n,thumbHeight:a,width:t,height:r})))}return p.createElement(wn,{onClick:a,onAuxClick:i,data:e,width:t,height:r,menuComponent:l},p.createElement("div",{style:{position:"absolute",top:0,left:0,bottom:0,right:0}},p.createElement(An,{url:c,noPreview:d,width:t}),p.createElement(Vn,{data:u,width:t,height:r}),m,h,e.acknowledged?p.createElement("div",{className:"acknowledged-overlay"},"acknowledged"):null,p.createElement(Un,{data:e,cameraNameHidden:n})))}));Wn.displayName="EventItem";const Yn=p.createContext({reportError:(e,t)=>{}});class qn extends p.Component{constructor(){super(...arguments),Object.defineProperty(this,"state",{enumerable:!0,configurable:!0,writable:!0,value:{hasError:!1}})}componentDidCatch(e,t){var r;this.setState({hasError:!0}),null===(r=this.context)\|\|void 0===r\|\|r.reportError(e,t),console.error(e),console.log(t)}render(){if(!this.state.hasError)return this.props.children;const{style:e,children:t,...r}=this.props;return p.createElement("div",{style:{flex:1,padding:10,display:"grid",placeItems:"center",alignContent:"center",textAlign:"center",...this.props.style},...r},p.createElement("h1",null,"Oops. Something went wrong"),p.createElement("div",null,"We've been notified about this problem"),p.createElement(Ze,{onClick:()=>this.setState({hasError:!1})},"retry"))}}function Zn({count:e,overscan:t=1,itemSize:r,horizontal:n=!1,spacing:a=0}){const[i,l]=v(),[o,s]=v(0),c=y((e=>{l(e\|\|void 0)}),[]);C((()=>{if(!i)return;const e=()=>{s(n?i.scrollLeft:i.scrollTop)};return i.addEventListener("scroll",e,{passive:!0,capture:!0}),()=>{i.removeEventListener("scroll",e)}}),[i,n]),C((()=>{i&&(n?i.scrollLeft!==o&&s(i.scrollLeft):i.scrollTop!==o&&s(i.scrollTop))}));return{parentRef:c,getItems:()=>{if(!i)return[];const l=[],{height:s,width:c}=i.getBoundingClientRect(),d=Math.max(0,Math.floor(o/(r+a))-t),u=Math.ceil((n?c:s)/(r+a))+2t;for(let t=d;t<Math.min(e,d+u);t++)l.push({idx:t,start:t(r+a),size:r});return l},getTotalSize:()=>re+Math.max(e-1,0)a}}Object.defineProperty(qn,"contextType",{enumerable:!0,configurable:!0,writable:!0,value:Yn});const Gn=A((({columnIndex:e,rowIndex:t,style:r,store:n,columnCount:a,eventRenderer:i})=>{var l,o;const s=ta+e,c=n.data[s];return s===n.data.length?n.error?p.createElement("div",{style:r},p.createElement("div",{style:{position:"absolute",inset:0,display:"grid",placeItems:"center"}},p.createElement("div",{style:{textAlign:"center"}},p.createElement("div",null,"Couldn't fetch more data"),p.createElement(Ze,{onClick:n.loadMore},"Retry")))):(null===(l=n.pageInfo)\|\|void 0===l?void 0:l.haveMore)?p.createElement("div",{style:r},p.createElement("div",{style:{position:"absolute",inset:0,display:"grid",placeItems:"center"}},p.createElement(Ft,{size:32}))):p.createElement("div",{style:r}):!c&&(null===(o=n.pageInfo)\|\|void 0===o?void 0:o.haveMore)?p.createElement("div",{style:r}):c?p.createElement("div",{style:r},p.createElement(qn,null,i({data:c,width:r.width,height:r.height}))):p.createElement("div",{style:r})})),Qn=A((({store:e,scrollWidth:t,onClick:r})=>e.pendingData.length?p.createElement("div",{style:{position:"absolute",top:0,left:0,right:t,pointerEvents:"none",textAlign:"center",padding:8}},p.createElement(Ze,{className:"x-3deye-button--overlay",style:{background:"rgba(0, 0, 0, 0.75)",padding:"8px 16px",backdropFilter:"blur(2px)",borderRadius:32,pointerEvents:"auto"},onClick:r},ue.t("showEvents",{count:e.pendingData.length}))):null)),Xn=A((({store:e,width:t,height:r,captionHeight:n=0,columnsCount:a=0,minColumnWidth:i,aspectRatio:l=16/9,onEventClick:o,onEventAuxClick:s,eventRenderer:c})=>{const d=g(null),u=()=>{d.current&&(e.setLiveUpdateMode("auto"),d.current.scrollTop=0)};if(C((()=>L((()=>e.loading\|\|!e.data.length),(e=>e&&u()))),[]),e.error&&!e.data.length)return p.createElement("div",{style:{flex:1,display:"flex",justifyContent:"center",alignItems:"center"}},p.createElement("div",{style:{textAlign:"center"}},p.createElement("div",null,"Couldn't fetch data"),p.createElement(Ze,{onClick:e.reload},"Retry")));if(e.loading)return p.createElement("div",{style:{flex:1,display:"flex",justifyContent:"center",alignItems:"center"}},p.createElement(Ft,null));if(!e.data.length)return p.createElement("div",{style:{flex:1,display:"flex",justifyContent:"center",alignItems:"center"}},ue.t("noEventsFound"));const m={store:e,width:t,columnsCount:a,minColumnWidth:i,aspectRatio:l,captionHeight:n,height:r,onEventClick:o,onEventAuxClick:s,eventRenderer:c,containerRef:d,resetScroll:u};return p.createElement(Jn,{...m})}));Xn.displayName="EventGrid";const Jn=A((({store:e,width:t,height:r,captionHeight:n=0,columnsCount:a=0,minColumnWidth:i=320,aspectRatio:l,containerRef:o,onEventClick:s,onEventAuxClick:c,eventRenderer:d=(({data:e,width:t,height:r})=>p.createElement(Wn,{data:e.data,cameraNameHidden:!1,onClick:s,onAuxClick:c,width:t,height:r})),resetScroll:u})=>{var m,h;const f=Math.floor(t/i)\|\|1,g=t/f/l+n,v=fMath.floor(r/g)>=e.data.length?0:yn(),b=Math.min(a,e.data.length)\|\|Math.max(1,Math.floor((t-v)/i));let y=Math.ceil(e.data.length/b);const E=(t-v-2(b-1))/b,w=E/l+n;(null===(m=e.pageInfo)\|\|void 0===m?void 0:m.haveMore)&&yb===e.data.length&&y++;const{parentRef:T,getItems:x,getTotalSize:D}=Zn({count:y,overscan:5,itemSize:w,spacing:2}),{parentRef:M,getItems:N,getTotalSize:O}=Zn({count:b,overscan:5,itemSize:E,horizontal:!0,spacing:2}),k=x(),P=N();C((()=>{var t;e.error\|\|(null===(t=e.pageInfo)\|\|void 0===t?void 0:t.haveMore)&&(e.loading\|\|k.length&&k.at(-1).idx+1===y&&e.loadMore())}),[e.error,null===(h=e.pageInfo)\|\|void 0===h?void 0:h.haveMore,k]);const F=k.flatMap((({idx:t,size:r,start:n})=>P.map((({idx:a,size:i,start:l})=>{var o;const s=tb+a;return s>e.data.length?null:s!==e.data.length\|\|(null===(o=e.pageInfo)\|\|void 0===o?void 0:o.haveMore)?p.createElement(Gn,{key:e.data[s]?`${e.data[s].data.id}-${e.data[s].objectIdx}`:"loading",columnIndex:a,rowIndex:t,columnCount:b,style:{position:"absolute",top:0,left:0,height:r,width:i,transform:`translate(${l}px, ${n}px)`,display:"flex"},store:e,eventRenderer:d}):null}))));return p.createElement("div",{style:{width:"100%",height:"100%",overflow:"hidden",position:"relative"}},p.createElement("div",{ref:ne(o,T,M),style:{width:t,height:r,overflow:"auto"},onScroll:t=>{const{scrollTop:r}=t.target;"disabled"!==e.liveUpdateMode&&e.setLiveUpdateMode(r>=1\|\|e.pendingData.length?"manual":"auto")}},p.createElement("div",{style:{position:"relative",height:D(),width:O()}},F)),p.createElement(Qn,{store:e,scrollWidth:v,onClick:()=>{e.flushUpdates(),u()}}))})),Kn=({onEventClick:e,style:t,...r})=>{var n;const a=null!==(n=f(M))&&void 0!==n?n:N,[i,l]=v(),{ref:o,width:s,height:c}=(e=>{const{ref:t,width:r,height:n}=se(),[a,i]=v(0);return C((()=>{i((e=>e+1))}),e),{ref:t,width:r,height:n,fix:a}})([i]);return C((()=>(null==i\|\|i.dispose(),j((()=>a.initialized),(()=>{const e=new Te(a.events);e.initWith(a.api),e.load(),l(e)})))),[a]),p.createElement(me.Provider,{value:a},i?p.createElement("div",{style:{display:"flex",flexDirection:"column",textAlign:"left",...t},...r},p.createElement(We,{store:i}),p.createElement(yt,{store:i}),i.someAnalyticsFilterSelected&&p.createElement(p.Fragment,null,p.createElement(wt,{getter:i.getProbabilityThreshold,setter:i.setProbabilityThreshold}),p.createElement(Pt,{value:i.colors,toggle:i.toggleColor,clear:i.clearColors})),p.createElement("div",{ref:o,style:{flex:1,display:"flex"}},p.createElement(Xn,{minColumnWidth:1/0,store:i.loader,width:s,height:c,eventRenderer:({data:t,width:r,height:n})=>p.createElement(Wn,{data:t.data,cameraNameHidden:!1,onClick:e,width:r,height:n})}))):null)};var ea;Kn.displayName="EventList",(ea={resources:{en:{translation:ce}}})&&Object.assign(de,ea),ue.isInitialized?(de.resources?Object.keys(de.resources).forEach((e=>{ue.addResourceBundle(e,"translation",de.resources[e].translation,!0)})):console.warn("i18n is already initialized"),t(ue.t)):r(ue.init(de));export{Te as AllEventsStore,Kn as default};
1	+ import e from"i18next";import{of as t,from as r,Observable as n,Subscription as a,mergeMap as i,throwError as l,catchError as o,startWith as s,switchMap as c,map as d,exhaustMap as u,EMPTY as m,Subject as h}from"rxjs";import p,{useContext as f,useRef as g,useState as v,cloneElement as b,useCallback as y,memo as E,useEffect as C,useLayoutEffect as w,createContext as T,Children as x,useMemo as D}from"react";import{AppContext as M,app as N}from"@3deye-toolkit/core";import{computed as O,observe as k,makeObservable as P,observable as F,action as I,runInAction as _,reaction as L,when as j}from"mobx";import S,{components as z}from"react-select";import U from"clsx";import{observer as A,useLocalObservable as H}from"mobx-react-lite";import R from"react-ink";import{useFloating as B,offset as $,flip as V,shift as W,autoUpdate as Y,useInteractions as q,useHover as Z,useRole as G,useDismiss as Q,FloatingPortal as X,arrow as J,FloatingFocusManager as K,useMergeRefs as ee,useListItem as te,useFloatingTree as re}from"@floating-ui/react";import ne from"@seznam/compose-react-refs";import{differenceInCalendarDays as ae,max as ie,min as le}from"date-fns";import oe from"memoize-one";import{useElementSize as se}from"@mantine/hooks";var ce={loitering:"loitering",filter:"Filter",eventSearchFilter:{from:"From",to:"To",live:"Live"},button:{ok:"Ok"},confidence:"confidence",color:"color",showEvents_one:"show {{count}} new event",showEvents_other:"show {{count}} new events",noEventsFound:"no events found"};const de={detection:{order:["querystring","htmlTag","navigator"],lookupQuerystring:"lang"},fallbackLng:"en",load:"all",interpolation:{escapeValue:!1}},ue=e.createInstance(),me=p.createContext(null);var he,pe;function fe(e,t=!1){const r=O(e);return new n((e=>{const n=k(r,(({newValue:t})=>e.next(t)),t);return()=>n()}))}!function(e){e[e.CONNECTING=0]="CONNECTING",e[e.CONNECTED=1]="CONNECTED",e[e.RECONNECTING=2]="RECONNECTING",e[e.DISCONNECTED=3]="DISCONNECTED"}(he\|\|(he={})),function(e){e[e.Motion=0]="Motion",e[e.Tampering=1]="Tampering",e[e.PanTiltZoom=2]="PanTiltZoom",e[e.CrossLine=3]="CrossLine",e[e.Intrusion=4]="Intrusion",e[e.LicensePlate=5]="LicensePlate",e[e.FaceDetection=6]="FaceDetection",e[e.Audio=7]="Audio",e[e.Analytic=8]="Analytic",e[e.SpeedDetection=9]="SpeedDetection",e[e.PeopleCounter=10]="PeopleCounter",e[e.Temperature=11]="Temperature",e[e.PoS=12]="PoS",e[e.GPS=13]="GPS",e[e.DigitalInput=14]="DigitalInput",e[e.Normal=15]="Normal",e[e.Suspicious=16]="Suspicious",e[e.Loitering=17]="Loitering",e[e.Vandalism=18]="Vandalism",e[e.Trespass=19]="Trespass",e[e.Emergency=20]="Emergency",e[e.LifeInDanger=21]="LifeInDanger",e[e.ErroneousAlert=22]="ErroneousAlert",e[e.Misidentification=23]="Misidentification",e[e.Fire=24]="Fire",e[e.MedicalDuress=25]="MedicalDuress",e[e.HoldUp=26]="HoldUp",e[e.CheckIn=27]="CheckIn",e[e.CheckOut=28]="CheckOut",e[e.ClockIn=29]="ClockIn",e[e.ClockOut=30]="ClockOut",e[e.ParkingStart=31]="ParkingStart",e[e.ParkingEnd=32]="ParkingEnd",e[e.ParkingViolation=33]="ParkingViolation",e[e.GateAccess=34]="GateAccess",e[e.DoorAccess=35]="DoorAccess",e[e.TemperatureCheck=36]="TemperatureCheck",e[e.IDCheck=37]="IDCheck",e[e.PPECheck=38]="PPECheck",e[e.WelfareCheck=39]="WelfareCheck",e[e.VehicleBreakIn=40]="VehicleBreakIn",e[e.DrugTrafficking=41]="DrugTrafficking",e[e.Assault=42]="Assault",e[e.PackageDelivery=43]="PackageDelivery",e[e.Uncategorized=999]="Uncategorized"}(pe\|\|(pe={}));class ge{constructor(){Object.defineProperty(this,"api",{enumerable:!0,configurable:!0,writable:!0,value:void 0}),Object.defineProperty(this,"disposables",{enumerable:!0,configurable:!0,writable:!0,value:[]})}initWith(e){this.api=e,this.afterInit&&this.afterInit()}dispose(){this.disposables.forEach((e=>{e instanceof a?e.closed\|\|e.unsubscribe():e()}))}}const ve=new Set(["LicensePlate","FaceDetection","Analytic","SpeedDetection","Temperature","PoS","GPS","DigitalInput","Loitering"]);class be{get startTime(){return new Date(this.raw.startTime)}get endTime(){return new Date(this.raw.endTime)}get isLive(){return!ve.has(this.type)&&+this.startTime==+this.endTime}get acknowledged(){return"sensorId"in this.raw&&!!this.raw.ackEventType}constructor(e){if(Object.defineProperty(this,"id",{enumerable:!0,configurable:!0,writable:!0,value:void 0}),Object.defineProperty(this,"cameraId",{enumerable:!0,configurable:!0,writable:!0,value:void 0}),Object.defineProperty(this,"type",{enumerable:!0,configurable:!0,writable:!0,value:void 0}),Object.defineProperty(this,"raw",{enumerable:!0,configurable:!0,writable:!0,value:void 0}),Object.defineProperty(this,"thumbnailUrl",{enumerable:!0,configurable:!0,writable:!0,value:void 0}),Object.defineProperty(this,"thumbnailWidth",{enumerable:!0,configurable:!0,writable:!0,value:0}),Object.defineProperty(this,"thumbnailHeight",{enumerable:!0,configurable:!0,writable:!0,value:0}),Object.defineProperty(this,"detectedObjects",{enumerable:!0,configurable:!0,writable:!0,value:void 0}),Object.defineProperty(this,"faces",{enumerable:!0,configurable:!0,writable:!0,value:void 0}),Object.defineProperty(this,"instant",{enumerable:!0,configurable:!0,writable:!0,value:void 0}),Object.defineProperty(this,"update",{enumerable:!0,configurable:!0,writable:!0,value:e=>{this.raw=e}}),P(this,{startTime:O,endTime:O,acknowledged:O,isLive:O,raw:F.ref,update:I}),this.raw=e,this.id=e.id,this.type=e.eventType,this.cameraId=e.sensorId,("Analytic"===this.type\|\|"FaceDetection"===this.type\|\|"Loitering"===this.type)&&e.data)try{const t=JSON.parse(e.data);t.FoundObjects&&(this.detectedObjects=t.FoundObjects),t.Faces&&(this.type="FaceDetection",this.faces=t.Faces),t.ThumbnailSize&&(this.thumbnailWidth=t.ThumbnailSize.Width,this.thumbnailHeight=t.ThumbnailSize.Height),this.thumbnailUrl=t.ThumbnailUrl}catch{console.warn("invalid data",e.data),this.type="Motion"}this.instant=ve.has(this.type),this.detectedObjects\|\|(this.detectedObjects=[])}}function ye(e,t){return new Date(e.getTime()-60t601e3)}class Ee extends ge{get isLive(){return"DESC"===this.filters.sortDirection&&!this.filters.to}constructor(e,r,n,a=(e=>[{data:e,objectIdx:-1}])){super(),Object.defineProperty(this,"eventsStore",{enumerable:!0,configurable:!0,writable:!0,value:e}),Object.defineProperty(this,"filters",{enumerable:!0,configurable:!0,writable:!0,value:r}),Object.defineProperty(this,"fetcher",{enumerable:!0,configurable:!0,writable:!0,value:n}),Object.defineProperty(this,"transformData",{enumerable:!0,configurable:!0,writable:!0,value:a}),Object.defineProperty(this,"data",{enumerable:!0,configurable:!0,writable:!0,value:[]}),Object.defineProperty(this,"pendingData",{enumerable:!0,configurable:!0,writable:!0,value:[]}),Object.defineProperty(this,"liveUpdateMode",{enumerable:!0,configurable:!0,writable:!0,value:"auto"}),Object.defineProperty(this,"disposables",{enumerable:!0,configurable:!0,writable:!0,value:[]}),Object.defineProperty(this,"pageInfo",{enumerable:!0,configurable:!0,writable:!0,value:null}),Object.defineProperty(this,"loading",{enumerable:!0,configurable:!0,writable:!0,value:!1}),Object.defineProperty(this,"loadMoreTrigger",{enumerable:!0,configurable:!0,writable:!0,value:0}),Object.defineProperty(this,"retryTrigger",{enumerable:!0,configurable:!0,writable:!0,value:0}),Object.defineProperty(this,"error",{enumerable:!0,configurable:!0,writable:!0,value:null}),Object.defineProperty(this,"loadingInitiated",{enumerable:!0,configurable:!0,writable:!0,value:!1}),Object.defineProperty(this,"flushUpdates",{enumerable:!0,configurable:!0,writable:!0,value:()=>{this.data=[...this.pendingData,...this.data],this.pendingData=[]}}),Object.defineProperty(this,"setLiveUpdateMode",{enumerable:!0,configurable:!0,writable:!0,value:e=>{this.liveUpdateMode=e}}),Object.defineProperty(this,"load",{enumerable:!0,configurable:!0,writable:!0,value:()=>{this.loadingInitiated\|\|(this.loadingInitiated=!0,this.initDataLoading(),this.initLiveUpdates())}}),Object.defineProperty(this,"reload",{enumerable:!0,configurable:!0,writable:!0,value:()=>{this.error&&(this.retryTrigger=+!this.retryTrigger)}}),Object.defineProperty(this,"loadMore",{enumerable:!0,configurable:!0,writable:!0,value:()=>{this.error=null,this.loadMoreTrigger=+!this.loadMoreTrigger}}),Object.defineProperty(this,"queryEvents",{enumerable:!0,configurable:!0,writable:!0,value:e=>this.fetcher(this.api,e).pipe(i((e=>e.success?t({events:e.resultItems,pageInfo:e.pageInfo}):l((()=>e.error)))),o((e=>(console.error(e),this.error=e,t({events:[],pageInfo:null})))))}),P(this,{data:F.ref,pendingData:F.ref,liveUpdateMode:F,setLiveUpdateMode:I,flushUpdates:I,pageInfo:F.ref,isLive:O,loading:F,loadMoreTrigger:F,retryTrigger:F,error:F.ref,loadMore:I})}initDataLoading(){this.disposables.push(this.filters.updated$.pipe(s(null),c((e=>fe((()=>this.retryTrigger),!0).pipe(d((()=>e))))),c((()=>(_((()=>{this.loading=!0,this.pageInfo=null,this.error=null,this.data=[],this.pendingData=[]})),this.queryEvents())))).subscribe((({events:e,pageInfo:t})=>{_((()=>{var r,n,a;if(!t)return;const i=e.map(Ce);this.isLive?this.data=this.uniquelyConcat(this.filters.apply(this.eventsStore.getEvents({cameraIds:this.filters.cameras,from:null!==(n=null===(r=i[0])\|\|void 0===r?void 0:r.startTime)&&void 0!==n?n:ye(new Date,1),to:null,probability:null!==(a=this.filters.probabilityThreshold)&&void 0!==a?a:void 0})),i).flatMap(this.transformData):this.data=i.flatMap(this.transformData),this.eventsStore.add(i),this.pageInfo=t,this.loading=!1}))}))),this.disposables.push(this.filters.updated$.pipe(s(null),c((()=>fe((()=>this.loadMoreTrigger)).pipe(u((()=>{var e;return this.queryEvents(null===(e=this.pageInfo)\|\|void 0===e?void 0:e.nextPageToken)})))))).subscribe((({events:e,pageInfo:t})=>{if(!t)return;const r=e.map(Ce);this.eventsStore.add(r),_((()=>{this.data=this.data.concat(r.flatMap(this.transformData)),this.pageInfo=t,this.loading=!1}))})))}initLiveUpdates(){this.disposables.push(fe((()=>({liveUpdateMode:this.liveUpdateMode,isLive:this.isLive})),!0).pipe(c((({liveUpdateMode:e,isLive:t})=>t&&"auto"===e?fe((()=>this.eventsStore.recentAdditions)):m))).subscribe((e=>{if(this.loading)return;if(!this.pageInfo&&this.error)return;const t=this.filters.apply(e.map((e=>this.eventsStore.eventsById.get(e))));t.length&&_((()=>{this.data=[...t.flatMap(this.transformData),...this.data]}))}))),this.disposables.push(fe((()=>({liveUpdateMode:this.liveUpdateMode,isLive:this.isLive})),!0).pipe(c((({liveUpdateMode:e,isLive:t})=>t&&"manual"===e?fe((()=>this.eventsStore.recentAdditions)):(this.pendingData&&_((()=>this.pendingData=[])),m)))).subscribe((e=>{if(!this.data.length)return;const t=this.filters.apply(e.map((e=>this.eventsStore.eventsById.get(e))));t.length&&_((()=>{this.pendingData=[...t.flatMap(this.transformData),...this.pendingData]}))})))}uniquelyConcat(e,t){if(!e.length)return t.concat();if(!t.length)return e.concat();const r=e=>[e.id,e];return Array.from(new Map([...e.map(r),...t.map(r)]).values())}dispose(){this.disposables.forEach((e=>{e instanceof a?e.closed\|\|e.unsubscribe():e()}))}}function Ce(e){return new be(e)}class we{get regionsWkt(){return this.regions?this.regions.map((e=>this.regionToWktPolygon(e))):[]}constructor(){Object.defineProperty(this,"from",{enumerable:!0,configurable:!0,writable:!0,value:null}),Object.defineProperty(this,"to",{enumerable:!0,configurable:!0,writable:!0,value:null}),Object.defineProperty(this,"probabilityThreshold",{enumerable:!0,configurable:!0,writable:!0,value:.5}),Object.defineProperty(this,"cameras",{enumerable:!0,configurable:!0,writable:!0,value:[]}),Object.defineProperty(this,"detectedObjects",{enumerable:!0,configurable:!0,writable:!0,value:[]}),Object.defineProperty(this,"colors",{enumerable:!0,configurable:!0,writable:!0,value:new Set}),Object.defineProperty(this,"regions",{enumerable:!0,configurable:!0,writable:!0,value:null}),Object.defineProperty(this,"eventTypes",{enumerable:!0,configurable:!0,writable:!0,value:[]}),Object.defineProperty(this,"sortDirection",{enumerable:!0,configurable:!0,writable:!0,value:"DESC"}),Object.defineProperty(this,"updated$",{enumerable:!0,configurable:!0,writable:!0,value:new h}),P(this,{from:F,to:F,probabilityThreshold:F,cameras:F.struct,detectedObjects:F.struct,regions:F.ref,eventTypes:F.struct,sortDirection:F,colors:F.ref,filterJson:O}),L((()=>({from:this.from?+this.from:void 0,to:this.to?+this.to:void 0,sortDirection:this.sortDirection,filter:this.filterJson,cameraFilters:this.cameras,eventTypes:this.eventTypes,regions:this.regions})),(()=>this.updated$.next(null)))}apply(e){let t=e;const{from:r,to:n}=this;if(r&&(t=t.filter((e=>e.startTime>=r))),n&&(t=t.filter((e=>e.startTime<=n))),this.cameras.length&&(t=t.filter((e=>this.cameras.includes(e.cameraId)))),this.eventTypes.length){const e=this.eventTypes.map((e=>pe[e]));t=t.filter((t=>e.includes(t.type)))}return this.detectedObjects.length&&(t=t.filter((e=>e.detectedObjects.some((e=>{var t;const{probabilityThreshold:r}=this;return!(null!==r&&e.Probability<r)&&(this.colors.size?this.detectedObjects.includes(e.Type)&&"Colors"in e&&(null===(t=e.Colors)\|\|void 0===t?void 0:t.some((e=>this.colors.has(e.Color)))):this.detectedObjects.includes(e.Type))}))))),!this.detectedObjects.length&&this.colors.size&&(t=t.filter((e=>e.detectedObjects.some((e=>{var t;const{probabilityThreshold:r}=this;return!(null!==r&&e.Probability<r)&&("Colors"in e&&(null===(t=e.Colors)\|\|void 0===t?void 0:t.some((e=>this.colors.has(e.Color)))))}))))),t}get filterJson(){const{probabilityThreshold:e}=this;if(null===e)return null;const t={And:[]};return this.detectedObjects.length&&t.And.push({Or:this.detectedObjects.map((e=>({Type:e})))}),this.colors.size&&t.And.push({Or:[...this.colors].map((e=>({ObjectColors:[e]})))}),t.And.push({Or:[{Probability:e}]}),JSON.stringify(t)}regionToWktPolygon(e){return e.length?"POLYGON (("+e.concat(e[0]).map((({x:e,y:t})=>`${e} ${t}`)).join(", ")+"))":"POLYGON (())"}}class Te extends ge{get someAnalyticsFilterSelected(){return!!this.objectFilters.length\|\|!!this.colors.size}get filters(){return this.objectFilters.concat(this.eventTypeFilters,this.cameraFilters)}constructor(e){super(),Object.defineProperty(this,"cameraFilters",{enumerable:!0,configurable:!0,writable:!0,value:[]}),Object.defineProperty(this,"objectFilters",{enumerable:!0,configurable:!0,writable:!0,value:[]}),Object.defineProperty(this,"eventTypeFilters",{enumerable:!0,configurable:!0,writable:!0,value:[]}),Object.defineProperty(this,"date",{enumerable:!0,configurable:!0,writable:!0,value:null}),Object.defineProperty(this,"setDate",{enumerable:!0,configurable:!0,writable:!0,value:e=>this.date=e}),Object.defineProperty(this,"clearDate",{enumerable:!0,configurable:!0,writable:!0,value:()=>{this.date=null,this.applyFilters()}}),Object.defineProperty(this,"sortDirection",{enumerable:!0,configurable:!0,writable:!0,value:"DESC"}),Object.defineProperty(this,"probabilityThreshold",{enumerable:!0,configurable:!0,writable:!0,value:.5}),Object.defineProperty(this,"colors",{enumerable:!0,configurable:!0,writable:!0,value:new Set}),Object.defineProperty(this,"disposables",{enumerable:!0,configurable:!0,writable:!0,value:[]}),Object.defineProperty(this,"loader",{enumerable:!0,configurable:!0,writable:!0,value:void 0}),Object.defineProperty(this,"loaderFilters",{enumerable:!0,configurable:!0,writable:!0,value:void 0}),Object.defineProperty(this,"toggleSorting",{enumerable:!0,configurable:!0,writable:!0,value:()=>{this.sortDirection="ASC"===this.sortDirection?"DESC":"ASC",null===this.date&&(this.date=ye(function(e){const t=e.getMinutes(),r=e.getSeconds(),n=e.getMilliseconds();return new Date(e.getTime()-60t1e3-1e3r-n)}(new Date),1))}}),Object.defineProperty(this,"applyFilters",{enumerable:!0,configurable:!0,writable:!0,value:()=>{var e;this.loaderFilters.cameras=this.cameraFilters.map((e=>e.id)),this.loaderFilters.detectedObjects=this.objectFilters.map((e=>e.id)),this.loaderFilters.colors=this.colors,this.loaderFilters.probabilityThreshold=this.objectFilters.length\|\|this.colors.size?this.probabilityThreshold:null,this.loaderFilters.eventTypes=this.eventTypeFilters.map((e=>e.id)),this.date?"ASC"===this.sortDirection?(this.loaderFilters.sortDirection="ASC",this.loaderFilters.to=null,this.loaderFilters.from=this.date):(this.loaderFilters.sortDirection="DESC",this.loaderFilters.from=null,this.loaderFilters.to=null!==(e=this.date)&&void 0!==e?e:void 0):(this.loaderFilters.sortDirection="DESC",this.loaderFilters.from=null,this.loaderFilters.to=null)}}),Object.defineProperty(this,"getProbabilityThreshold",{enumerable:!0,configurable:!0,writable:!0,value:()=>this.probabilityThreshold}),Object.defineProperty(this,"setProbabilityThreshold",{enumerable:!0,configurable:!0,writable:!0,value:e=>{this.probabilityThreshold=e,this.applyFilters()}}),Object.defineProperty(this,"toggleColor",{enumerable:!0,configurable:!0,writable:!0,value:e=>{const t=new Set(this.colors);this.colors.has(e)?t.delete(e):t.add(e),this.colors=t,this.applyFilters()}}),Object.defineProperty(this,"clearColors",{enumerable:!0,configurable:!0,writable:!0,value:()=>{this.colors=new Set,this.applyFilters()}}),P(this,{cameraFilters:F.ref,objectFilters:F.ref,date:F,setDate:I,clearDate:I,sortDirection:F,probabilityThreshold:F,setProbabilityThreshold:I,colors:F.ref,someAnalyticsFilterSelected:O,filters:O,setFilters:I,load:I,toggleColor:I,clearColors:I,applyFilters:I,toggleSorting:I});const t=this.loaderFilters=new we,r=(e=>(t,r)=>{var n,a;return t.cameras.GetSensorEventsPage({sensorIds:e.cameras,sensorType:"camera",sensorEventTypes:e.eventTypes,startTime:null!==(n=e.from)&&void 0!==n?n:void 0,endTime:null!==(a=e.to)&&void 0!==a?a:void 0,isDescending:"DESC"===e.sortDirection,rowsLimit:10,pageToken:r},e.filterJson,e.regionsWkt)})(t);this.loader=new Ee(e,t,r),_((()=>{this.loader.loading=!0,this.loaderFilters.probabilityThreshold=null}))}load(){this.loader.load()}setFilters(e){this.cameraFilters=e?e.filter((e=>!("type"in e))):[],this.eventTypeFilters=e?e.filter((e=>"type"in e&&"eventType"===e.type)):[],this.objectFilters=e?e.filter((e=>"type"in e&&"detectedObject"===e.type)):[]}afterInit(){this.loader.initWith(this.api)}dispose(){this.disposables.forEach((e=>{e instanceof a?e.closed\|\|e.unsubscribe():e()})),this.loader.dispose()}}var xe,De=(xe=8,{container:e=>({...e,padding:xe}),control:(e,t)=>({...e,borderRadius:8,backgroundColor:t.isFocused?"white":"rgba(0, 0, 0, 0.5)",border:"none",boxShadow:null,"&:hover":{borderColor:null}}),menu:e=>({...e,width:`calc(100% - ${2xe}px)`,marginTop:xe?0:e.marginTop}),option:e=>({...e,color:"black"}),multiValueRemove:e=>({...e,color:"black"}),placeholder:(e,t)=>({...e,color:t.isFocused?e.color:"hsl(0, 0%, 70%)"})});function Me(e){return p.forwardRef(((t,r)=>{const{size:n=24,color:a="currentColor",className:i,...l}=t,o=e.viewBox\|\|"0 0 24 24",s=e.svg;return p.createElement("svg",{ref:r,preserveAspectRatio:"xMinYMin",className:U("icon",i),width:n,fill:a,viewBox:o,...l},s)}))}const Ne=Me({viewBox:"0 0 24 24",svg:p.createElement("g",null,p.createElement("path",{d:"M0 0h24v24H0z",fill:"none"}),p.createElement("path",{d:"M10.13 3.245a1.994 1.994 0 0 0-1.542.992l-5.491 9.53c-.55.954-.23 2.178.723 2.728l8.66 5c.953.55 2.174.216 2.724-.737l5.509-9.521c.335-.58.349-1.265.087-1.832L17.65 2.54z"}))});Ne.displayName="LabelIcon";const Oe=Me({viewBox:"0 0 24 24",svg:p.createElement("g",null,p.createElement("path",{d:"M0 0h24v24H0z",fill:"none"}),p.createElement("path",{d:"M17 10.5V7c0-.55-.45-1-1-1H4c-.55 0-1 .45-1 1v10c0 .55.45 1 1 1h12c.55 0 1-.45 1-1v-3.5l4 4v-11l-4 4z"}))});Oe.displayName="CameraIcon";const ke=Me({viewBox:"0 0 24 24",svg:p.createElement("path",{d:"M17,6h-2V3c0-0.55-0.45-1-1-1h-4C9.45,2,9,2.45,9,3v3H7C5.9,6,5,6.9,5,8v11c0,1.1,0.9,2,2,2c0,0.55,0.45,1,1,1 c0.55,0,1-0.45,1-1h6c0,0.55,0.45,1,1,1c0.55,0,1-0.45,1-1c1.1,0,2-0.9,2-2V8C19,6.9,18.1,6,17,6z M9.5,18H8V9h1.5V18z M12.75,18 h-1.5V9h1.5V18z M13.5,6h-3V3.5h3V6z M16,18h-1.5V9H16V18z"})});ke.displayName="LuggageIcon";const Pe=Me({viewBox:"0 0 24 24",svg:p.createElement(p.Fragment,null,p.createElement("path",{d:"M0 0h24v24H0z",fill:"none"}),p.createElement("path",{d:"M18.92 6.01C18.72 5.42 18.16 5 17.5 5h-11c-.66 0-1.21.42-1.42 1.01L3 12v8c0 .55.45 1 1 1h1c.55 0 1-.45 1-1v-1h12v1c0 .55.45 1 1 1h1c.55 0 1-.45 1-1v-8l-2.08-5.99zM6.5 16c-.83 0-1.5-.67-1.5-1.5S5.67 13 6.5 13s1.5.67 1.5 1.5S7.33 16 6.5 16zm11 0c-.83 0-1.5-.67-1.5-1.5s.67-1.5 1.5-1.5 1.5.67 1.5 1.5-.67 1.5-1.5 1.5zM5 11l1.5-4.5h11L19 11H5z"}))});Pe.displayName="CarIcon";const Fe=Me({viewBox:"0 0 24 24",svg:p.createElement(p.Fragment,null,p.createElement("path",{d:"M0 0h24v24H0z",fill:"none"}),p.createElement("path",{d:"M20 21c-1.39 0-2.78-.47-4-1.32-2.44 1.71-5.56 1.71-8 0C6.78 20.53 5.39 21 4 21H2v2h2c1.38 0 2.74-.35 4-.99 2.52 1.29 5.48 1.29 8 0 1.26.65 2.62.99 4 .99h2v-2h-2zM3.95 19H4c1.6 0 3.02-.88 4-2 .98 1.12 2.4 2 4 2s3.02-.88 4-2c.98 1.12 2.4 2 4 2h.05l1.89-6.68c.08-.26.06-.54-.06-.78s-.34-.42-.6-.5L20 10.62V6c0-1.1-.9-2-2-2h-3V1H9v3H6c-1.1 0-2 .9-2 2v4.62l-1.29.42c-.26.08-.48.26-.6.5s-.15.52-.06.78L3.95 19zM6 6h12v3.97L12 8 6 9.97V6z"}))});Fe.displayName="BoatIcon";const Ie=Me({viewBox:"0 0 24 24",svg:p.createElement(p.Fragment,null,p.createElement("path",{d:"M11.74 13.36L14.14 7.71L13.06 5.5H10.5V4H14L14.73 5.5H21.75L20.75 9H16.44L17.11 10.37C17.69 10.13 18.33 10 19 10C21.76 10 24 12.24 24 15C24 17.76 21.76 20 19 20C16.24 20 14 17.76 14 15C14 13.45 14.71 12.06 15.82 11.15L15 9.5L12.25 16H9.9C9.44 18.28 7.42 20 5 20C2.24 20 0 17.76 0 15C0 12.24 2.24 10 5 10C7.59 10 9.72 11.97 10 14.5H10.58L8.3 9H7.5C7.09 9 6.75 8.66 6.75 8.25C6.75 7.84 7.09 7.5 7.5 7.5H10.25C10.66 7.5 11 7.84 11 8.25C11 8.66 10.66 9 10.25 9H9.97L11.74 13.36M5 11.5C3.07 11.5 1.5 13.07 1.5 15C1.5 16.93 3.07 18.5 5 18.5C6.59 18.5 7.93 17.45 8.36 16H4V14.5H8.47C8.22 12.8 6.76 11.5 5 11.5M19 11.5C18.57 11.5 18.15 11.58 17.77 11.72L19.7 15.68L18.35 16.34L16.5 12.55C15.88 13.18 15.5 14.05 15.5 15C15.5 16.93 17.07 18.5 19 18.5C20.93 18.5 22.5 16.93 22.5 15C22.5 13.07 20.93 11.5 19 11.5Z"}))});Ie.displayName="BicycleIcon";const _e=Me({viewBox:"0 0 24 24",svg:p.createElement("g",null,p.createElement("path",{d:"M0 0h24v24H0z",fill:"none"}),p.createElement("path",{d:"M13.5 5.5c1.1 0 2-.9 2-2s-.9-2-2-2-2 .9-2 2 .9 2 2 2zM9.8 8.9L7 23h2.1l1.8-8 2.1 2v6h2v-7.5l-2.1-2 .6-3C14.8 12 16.8 13 19 13v-2c-1.9 0-3.5-1-4.3-2.4l-1-1.6c-.4-.6-1-1-1.7-1-.3 0-.5.1-.8.1L6 8.3V13h2V9.6l1.8-.7"}))});_e.displayName="DirectionsWalkIcon";const Le=Me({viewBox:"0 0 24 24",svg:p.createElement(p.Fragment,null,p.createElement("path",{d:"M0 0h24v24H0z",fill:"none"}),p.createElement("circle",{cx:"4.5",cy:"9.5",r:"2.5"}),p.createElement("circle",{cx:"9",cy:"5.5",r:"2.5"}),p.createElement("circle",{cx:"15",cy:"5.5",r:"2.5"}),p.createElement("circle",{cx:"19.5",cy:"9.5",r:"2.5"}),p.createElement("path",{d:"M17.34 14.86c-.87-1.02-1.6-1.89-2.48-2.91-.46-.54-1.05-1.08-1.75-1.32-.11-.04-.22-.07-.33-.09-.25-.04-.52-.04-.78-.04s-.53 0-.79.05c-.11.02-.22.05-.33.09-.7.24-1.28.78-1.75 1.32-.87 1.02-1.6 1.89-2.48 2.91-1.31 1.31-2.92 2.76-2.62 4.79.29 1.02 1.02 2.03 2.33 2.32.73.15 3.06-.44 5.54-.44h.18c2.48 0 4.81.58 5.54.44 1.31-.29 2.04-1.31 2.33-2.32.31-2.04-1.3-3.49-2.61-4.8z"}))});Le.displayName="PetsIcon";const je=Me({viewBox:"0 0 24 24",svg:p.createElement(p.Fragment,null,p.createElement("path",{d:"M0 0h24v24H0z",fill:"none"}),p.createElement("path",{d:"M4 4c-1.1 0-2 .9-2 2v12c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V6c0-1.1-.9-2-2-2H5Zm0 2h4v2h8V6h4v12H4Z"}),p.createElement("path",{d:"M9.923 10 8.43 12.433 10 15h-.8L8 13.036 6.8 15H6l1.602-2.616L6.136 10h.8l1.093 1.781L9.123 10Z"}),p.createElement("path",{d:"m13.709 10-1.492 2.433L13.787 15h-.8l-1.2-1.964L10.585 15h-.8l1.603-2.616L9.923 10h.799l1.094 1.781L12.91 10Z"}),p.createElement("path",{d:"m17.709 10-1.492 2.433L17.787 15h-.8l-1.2-1.964L14.585 15h-.8l1.603-2.616L13.923 10h.799l1.094 1.781L16.91 10Z"}))});je.displayName="LicensePlateIcon";const Se=Me({viewBox:"0 96 960 960",svg:p.createElement(p.Fragment,null,p.createElement("path",{d:"m513 988-57-18 14-42q3-9 4-17.6 1-8.6 1-17.2 0-17.2-3.912-32.473Q467.176 845.455 456 828q-15.938-26.26-22.969-48.63Q426 757 425 727.844q0-11.844 2.5-27.344Q430 685 434 672l13-42 57 18-14 42q-3 9-4 19t-1 19q0 19 4 32t15 30q15.97 25.948 23.485 49.974Q535 864 535 892.933q0 13.067-2.5 26.567T526 946l-13 42Zm-176 0-57-18 14-42q3-9 4-17.049t1-17.707q0-18.244-4-34.744T280 827q-15.03-21.658-23.015-46.612Q249 755.433 249 728.125 249 714 251 700t7-28l13-42 57 18-14 42q-3 9.771-4 20.086-1 10.314-1 17.914 0 21.065 5.5 36.033Q320 779 328 791q15 22 23 48.5t8 52.802Q359 905 356.5 919t-6.5 27l-13 42Zm348 0-57-18 14-42q3-9 4-17.6 1-8.6 1-17.2 0-17.2-4.5-34.7Q638 841 628 827q-15-21-23-47t-8-52.047q0-13.953 2-27.794 2-13.841 7-28.159l13-42 57 18-14 42q-4 11-4.5 19.438-.5 8.437-.5 18.562 0 18.491 4.471 32.632Q665.941 774.772 676 790q16 23 23.5 48.887 7.5 25.886 7.5 53.69 0 13.423-2.5 26.923Q702 933 698 946l-13 42ZM180 336h600v-60H180v60Zm139 120h322l18-60H301l18 60Zm0 60q-19.5 0-35.25-11.625T262 474l-25-78h-57q-24.75 0-42.375-17.625T120 336V216h720v120q0 25-17.625 42.5T780 396h-57l-30 81q-6.932 17.25-22.338 28.125Q655.257 516 636 516H319ZM180 336v-60 60Z"}))});Se.displayName="DetectorSmokeIcon";const ze=Me({viewBox:"0 0 24 24",svg:p.createElement(p.Fragment,null,p.createElement("path",{d:"M19.48,12.35c-1.57-4.08-7.16-4.3-5.81-10.23c0.1-0.44-0.37-0.78-0.75-0.55C9.29,3.71,6.68,8,8.87,13.62 c0.18,0.46-0.36,0.89-0.75,0.59c-1.81-1.37-2-3.34-1.84-4.75c0.06-0.52-0.62-0.77-0.91-0.34C4.69,10.16,4,11.84,4,14.37 c0.38,5.6,5.11,7.32,6.81,7.54c2.43,0.31,5.06-0.14,6.95-1.87C19.84,18.11,20.6,15.03,19.48,12.35z M10.2,17.38 c1.44-0.35,2.18-1.39,2.38-2.31c0.33-1.43-0.96-2.83-0.09-5.09c0.33,1.87,3.27,3.04,3.27,5.08C15.84,17.59,13.1,19.76,10.2,17.38z"}))});ze.displayName="FireIcon";const Ue=Me({viewBox:"0 0 24 24",svg:p.createElement("path",{d:"M12.703 5.787a2.171 2.171 0 0 0-1.334.438c-.511.788-.8 1.614-1.217 3.267l-3.172.91a.499.499 0 0 0-.341.62l.13.455a.5.5 0 0 0 .62.343l2.328-.67-.377 1.31-3.96 3.827 1.53 6.693h3.78l2.67-10.14 1.29-4.51V7.01l-.32-.48a2.213 2.213 0 0 0-1.627-.743zM5.801 7.771c-.06.008-.12.05-.17.125l-.094.14c-.136.2-.16.57-.055.827l.631 1.535c.106.258.302.305.438.104l.094-.139c.135-.2.158-.57.052-.828l-.63-1.537C6 7.837 5.9 7.758 5.8 7.771zm4.648 7.338-1.5 6.022-.969-3.83 2.47-2.192zM10.756 5.6a2 2 0 0 0 2.33-1.6 2 2 0 0 0-1.6-2.33 2 2 0 0 0-2.33 1.6 2 2 0 0 0 1.6 2.33zM15.971 1.02h2.648v21.96h-2.648z"})});Ue.displayName="LoiteringIcon";const Ae=({data:e})=>{const t=16;return"licensePlate"===e.type?null:e.id===pe.Loitering?p.createElement(Ue,{size:16}):"detectedObject"!==e.type?p.createElement(Oe,{size:t}):"Luggage"===e.id?p.createElement(ke,{size:t}):"Car"===e.id?p.createElement(Pe,{size:t}):"Person"===e.id?p.createElement(_e,{size:t}):"Bicycle"===e.id?p.createElement(Ie,{size:t}):"Boat"===e.id?p.createElement(Fe,{size:t}):"Animal"===e.id?p.createElement(Le,{size:t}):"LicensePlate"===e.id?p.createElement(je,{size:t}):"Smoke"===e.id?p.createElement(Se,{size:t}):"Fire"===e.id?p.createElement(ze,{size:t}):p.createElement(Ne,{size:t})},He=e=>{const{children:t,innerProps:r,...n}=e,{Option:a}=z,i=e.data;if("licensePlate"===i.type)return p.createElement(a,{innerProps:r,...n},p.createElement("span",{style:{paddingLeft:8,paddingRight:8,borderRadius:4,border:"1px solid black"}},t));if("detectedObject"===i.type\|\|"eventType"===i.type){const e={display:"inline-flex",alignItems:"center",width:"auto"},l={...r,style:e};return p.createElement(a,{innerProps:l,...n},p.createElement(Ae,{data:i}),p.createElement("div",{style:{marginLeft:4}},ue.t(t)))}return p.createElement(a,{...e})},Re=e=>{const{children:t,innerProps:r,...n}=e,{MultiValueLabel:a}=z,{data:i}=e,l={...r,style:{display:"flex",alignItems:"center"}};return p.createElement(a,{innerProps:l,...n},p.createElement(Ae,{data:i}),p.createElement("div",{style:{marginLeft:4}},"detectedObject"===i.type?ue.t(t):t))},Be=Me({viewBox:"0 0 24 24",svg:p.createElement(p.Fragment,null,p.createElement("path",{d:"M10 18h4v-2h-4v2zM3 6v2h18V6H3zm3 7h12v-2H6v2z"}),p.createElement("path",{d:"M0 0h24v24H0z",fill:"none"}))});Be.displayName="FilterListIcon";const $e={...De,multiValue:(e,{data:t})=>"color"in t?{...e,backgroundColor:t.color,color:"white"}:e,multiValueLabel:(e,{data:t})=>"color"in t?{...e,color:"white"}:e,multiValueRemove:(e,{data:t})=>"color"in t?{...e,color:"white",":hover":{backgroundColor:"rgba(255, 255, 255, 0.7)",color:t.color}}:{...e,color:"hsl(0, 0%, 20%)"},option:(e,{data:t})=>"color"in t?{...e,color:t.color}:{...e,color:"black"}},Ve=e=>{const{children:t,...r}=e;return p.createElement(z.Placeholder,{...r},p.createElement(Be,{size:16,style:{position:"relative",top:4}})," ",t)},We=A((({camerasOnly:e,store:t})=>{const{cameras:r,eventSchema:n}=f(me),a=g({opened:!1});return p.createElement(S,{closeMenuOnSelect:!1,isMulti:!0,onChange:(e,r)=>{t.setFilters(e),a.current.opened\|\|"remove-value"!==r.action&&"clear"!==r.action\|\|t.applyFilters()},onMenuOpen:()=>a.current.opened=!0,onMenuClose:()=>{a.current.opened=!1,t.applyFilters()},getOptionLabel:e=>e.name,getOptionValue:e=>e.id+"",options:(()=>{if(!n)return[];if(e)return r.data.slice();const t=[{id:pe.Loitering,name:ue.t("loitering"),type:"eventType"}];return[].concat(n.foundObjectTypesForSelect,t,r.data.slice())})(),placeholder:ue.t("filter"),value:t.filters,components:{MultiValueLabel:Re,Option:He,Placeholder:Ve},styles:$e})}));We.displayName="EventsPanelSelect";const Ye=({children:e,label:t,placement:r="bottom",disabled:n})=>{const[a,i]=v(!1),{x:l,y:o,refs:s,strategy:c,context:d}=B({placement:r,open:a,onOpenChange:i,middleware:[$(5),V(),W({padding:8})],whileElementsMounted:(e,t,r)=>Y(e,t,r,{animationFrame:!0})}),{getReferenceProps:u,getFloatingProps:m}=q([Z(d,{enabled:!n}),G(d,{role:"tooltip"}),Q(d,{referencePress:!0})]);return p.createElement(p.Fragment,null,b(e,u({ref:ne(s.setReference,e.ref),...e.props})),p.createElement(X,{id:"x-3deye-floating-ui-root"},a&&p.createElement("div",{...m({ref:s.setFloating,className:"x-3deye-tooltip",style:{position:c,top:null!=o?o:0,left:null!=l?l:0}})},t)))};class qe extends p.Component{render(){const{forwardedRef:e,children:t,className:r,fullWidth:n,variant:a,type:i,title:l,placement:o,...s}=this.props,c=U(r,"x-3deye-button",{"x-3deye-button--fullwidth":n},a?`x-3deye-button--${a}`:void 0),d=p.createElement("button",{ref:e,className:c,type:i\|\|"button",...s},t,s.disabled?null:p.createElement(R,null));return void 0===l?d:p.createElement(Ye,{label:l,placement:o,disabled:!l},d)}}const Ze=p.forwardRef(((e,t)=>p.createElement(qe,{forwardedRef:t,...e}))),Ge=Me({viewBox:"0 0 24 24",svg:p.createElement("g",null,p.createElement("path",{d:"M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"}),p.createElement("path",{d:"M0 0h24v24H0z",fill:"none"}))});Ge.displayName="CloseIcon";const Qe=p.forwardRef((function({width:e,height:t,placement:r="top",style:n},a){const i=[0,"top"===r?t:0],l=[e,i[1]],o=[e/2,t-i[1]],s=[e/4,t("top"===r?3:1)/4],c=[.325e,t-i[1]],d=[e-c[0],c[1]],u=[e-s[0],s[1]],m=e=>e.join(","),h=`M ${m(i)} C ${m(s)} ${m(c)} ${m(o)} ${m(d)} ${m(u)} ${m(l)}`,f=`${h} Z`;return p.createElement("svg",{ref:a,className:"tip",style:n,width:e,height:t,fill:"var(--tip-background, #fff)"},p.createElement("path",{className:"tip-body",d:f}),p.createElement("path",{className:"tip-border",d:h,stroke:"var(--tip-border, transparent)",strokeWidth:1}))})),Xe=({opened:e,onOpenChange:t,children:r,target:n,placement:a,className:i,style:l,autoDismiss:o=!0,initialFocus:s,withArrow:c=!1})=>{var d,u,m;const h=g(null),{x:f,y:v,refs:E,strategy:C,context:w,middlewareData:T,placement:x,update:D}=B({open:e,onOpenChange:t,middleware:[$(5),V(),W(),J({element:h})],placement:a,whileElementsMounted:(e,t,r)=>Y(e,t,(()=>{var e;0!==(null===(e=w.elements.domReference)\|\|void 0===e?void 0:e.getBoundingClientRect().width)?r():w.onOpenChange(!1)}),{animationFrame:!0})}),{getReferenceProps:M,getFloatingProps:N}=q([G(w),Q(w,{ancestorScroll:!0,enabled:o})]),O=y((e=>{h.current=e,D()}),[D]),k={top:"bottom",right:"left",bottom:"top",left:"right"}[null!==(d=null==x?void 0:x.split("-")[0])&&void 0!==d?d:"top"]\|\|"top",P=p.createElement("div",{...N({className:U("x-3deye-popover-container",i),ref:E.setFloating,style:{...l,position:C,top:null!=v?v:0,left:null!=f?f:0}})},c&&p.createElement(Qe,{ref:O,width:24,height:8,placement:k,style:{position:"absolute",left:null===(u=T.arrow)\|\|void 0===u?void 0:u.x,top:null===(m=T.arrow)\|\|void 0===m?void 0:m.y,[k]:-7}}),r);return p.createElement(p.Fragment,null,b(n,M({ref:E.setReference,...n.props})),p.createElement(X,{id:"x-3deye-floating-ui-root"},o&&e&&p.createElement(K,{context:w,modal:!1,order:["reference","content"],returnFocus:!1,initialFocus:s},P),!o&&e&&P))},Je=Me({viewBox:"0 0 24 24",svg:p.createElement(p.Fragment,null,p.createElement("path",{d:"M5.88 4.12L13.76 12l-7.88 7.88L8 22l10-10L8 2z"}),p.createElement("path",{fill:"none",d:"M0 0h24v24H0z"}))});function Ke(e,t,r){return t\|\|r?r?le(t?[ie([e,t]),r]:[r,e]):ie([t,e]):new Date(e)}Je.displayName="ArrowForwardIcon";const et=oe((e=>new Intl.DateTimeFormat(e,{month:"long",year:"numeric"}))),tt=oe((e=>new Intl.DateTimeFormat(e,{weekday:"short"}))),rt=e=>new Date(e.getFullYear(),e.getMonth(),e.getDate()),nt=e=>new Date(Date.UTC(e.getUTCFullYear(),e.getUTCMonth(),e.getUTCDate())),at=E((function({onChange:e,date:t,minDate:r,maxDate:n,utc:a,startOfWeek:i="sunday"}){const[l]=v((()=>({current:a?nt(new Date):rt(new Date)}))),o=null!=t?t:l.current,s=g(+o),c=v(0),[,d]=c;C((()=>{s.current=+o,d(0)}),[null==o?void 0:o.getTime()]);const u=s.current!==+o?0:c[0],m=a?o.getUTCFullYear():o.getFullYear(),h=(a?o.getUTCMonth():o.getMonth())+u,f=a?new Date(Date.UTC(m,h)):new Date(m,h),b=a?(e=>new Date(Date.UTC(e.getUTCFullYear(),e.getUTCMonth()+1,0)).getUTCDate())(f):(e=>new Date(e.getFullYear(),e.getMonth()+1,0).getDate())(f),y=(a?f.getUTCDay():f.getDay())\|\|("monday"===i?7:0),E=y-("monday"===i?1:0),w=a?new Date(Date.UTC(m,h,1-E)):new Date(m,h,1-E),T=t?ae(a?new Date(Date.UTC(o.getUTCFullYear(),o.getUTCMonth(),o.getUTCDate())):new Date(o.getFullYear(),o.getMonth(),o.getDate()),w):-1,x=r?ae(r,w):-1/0,D=n?ae(n,w):1/0,M=ae(l.current,w);return p.createElement("div",null,p.createElement("div",{style:{display:"flex",flexDirection:"column",fontSize:"0.875rem"}},p.createElement("div",{style:{fontWeight:500,height:"3rem",fontSize:"1.125rem",display:"flex",alignItems:"center"}},et(ue.language).format(f),p.createElement(Ze,{style:{marginLeft:"auto"},className:"x-3deye-button--icon x-3deye-datepicker__button--previous-month",disabled:x>=E,onClick:()=>d(u-1)},p.createElement(Je,{size:16,style:{scale:"-1 1"}})),p.createElement(Ze,{className:"x-3deye-button--icon x-3deye-datepicker__button--next-month",disabled:D<E+b,onClick:()=>d(u+1)},p.createElement(Je,{size:16}))),p.createElement("div",{style:{flex:1,display:"grid",gridTemplateColumns:"repeat(7, 1fr)",gap:"0.25rem",placeItems:"center"}},Array.from({length:7}).map(((e,t)=>p.createElement("div",{key:t,style:{color:"oklch(0.7 0 0)"}},tt(ue.language).format(new Date(m,h,("monday"===i?2:1)-y+t)).substring(0,2)))),Array.from({length:42}).map(((t,i)=>{const l=a?new Date(Date.UTC(m,h,i-E+1)):new Date(m,h,i-E+1),s=i<E,c=i>=E+b,d=i<x\|\|i>D,u=i===M;return p.createElement("div",{key:i,className:U("x-3deye-datepicker__day",{"x-3deye-datepicker__day--today":u,"x-3deye-datepicker__day--disabled":d,"x-3deye-datepicker__day--previous-month":s,"x-3deye-datepicker__day--next-month":c,"x-3deye-datepicker__day--selected":i===T}),onClick:d?void 0:()=>{if(a){const t=new Date(Date.UTC(l.getUTCFullYear(),l.getUTCMonth(),l.getUTCDate(),o.getUTCHours(),o.getUTCMinutes(),o.getUTCSeconds(),o.getUTCMilliseconds()));return e(Ke(t,r,n))}const t=new Date(l.getFullYear(),l.getMonth(),l.getDate(),o.getHours(),o.getMinutes(),o.getSeconds(),o.getMilliseconds());return e(Ke(t,r,n))}},a?l.getUTCDate():l.getDate())})))))}));const it={hour:"numeric",minute:"numeric"},lt=oe(((e,t,r,n=!0)=>{const a={...it,second:n?"numeric":void 0,hour12:r\|\|void 0,hourCycle:r?void 0:"h23",timeZone:t?"UTC":void 0};return new Intl.DateTimeFormat(e,a)})),ot=oe(((e,t)=>{var r,n;const a=null!==(n=null===(r=new Intl.DateTimeFormat(e,{hour:"numeric",hour12:!0,timeZone:"UTC"}).formatToParts(new Date("1969-01-01T16:20:00Z")).find((({type:e})=>"dayPeriod"===e)))\|\|void 0===r?void 0:r.value)&&void 0!==n?n:"PM";return(e,r)=>{var n;const i=e.match(/(?<hours>\d{0,2}):(?<minutes>\d{0,2})(:(?<seconds>\d{0,2}))?/);if(null===i)return new Date(NaN);let{hours:l,minutes:o,seconds:s}=i.groups;l=l.padStart(2,"0"),+l<12&&e.toLowerCase().includes(a.toLowerCase())&&(l=(+l+12).toString()),o=o.padStart(2,"0"),s=null!==(n=null==s?void 0:s.padStart(2,"0"))&&void 0!==n?n:"00";const c=new Date(r);return t?(c.setUTCHours(+l),c.setUTCMinutes(+o),c.setUTCSeconds(+s)):(c.setHours(+l),c.setMinutes(+o),c.setSeconds(+s)),c}}));function st(e,t){const r=t?new Date(Date.UTC(e.getUTCFullYear(),e.getUTCMonth(),e.getUTCDate())):new Date(e.getFullYear(),e.getMonth(),e.getDate()),n=new Date(e.getFullYear(),e.getMonth(),e.getDate(),24);return{hoursInDay:t?24:Math.round((+n-+r)/36e5),startOfTheDay:r}}const ct=E((({date:e,onChange:t,hour12:r=!1,utc:n=!1})=>{const a=g(null),i=g(null),l=g(null),o=g(null),s=g(!0),[c,d]=v(lt(ue.language,n,r).format(e));w((()=>{var t,r,o;e&&s.current&&(s.current=!1,null===(t=a.current)\|\|void 0===t\|\|t.children[n?e.getUTCHours():e.getHours()].scrollIntoView(),null===(r=i.current)\|\|void 0===r\|\|r.children[n?e.getUTCMinutes():e.getMinutes()].scrollIntoView(),null===(o=l.current)\|\|void 0===o\|\|o.children[n?e.getUTCSeconds():e.getSeconds()].scrollIntoView())}));C((()=>{document.activeElement!==o.current&&d(lt(ue.language,n,r).format(e))}),[e]);const{hoursInDay:u,startOfTheDay:m}=st(e,n);return p.createElement("div",{className:"x-3deye-timepicker",style:{display:"grid",gridTemplateRows:"3rem auto 1fr",gridTemplateColumns:"1fr 1fr 1fr"}},p.createElement("div",{style:{gridColumnStart:1,gridColumnEnd:4,display:"flex",alignItems:"center"}},p.createElement("input",{ref:o,style:{height:32,margin:2},type:"text",value:c,onChange:r=>{const a=ot(ue.language,n)(r.target.value,e);var i;(i=a)instanceof Date&&!isNaN(i.getTime())&&(s.current=!0,t(a)),d(r.target.value)},onBlur:()=>{d(lt(ue.language,n,r).format(e))}})),p.createElement("div",{ref:a,className:"x-3deye-timepicker__column"},Array.from({length:u},((r,a)=>{const i=new Date(m.getTime()+36e5a);return p.createElement("div",{key:a,className:U({selected:i.getUTCDate()===e.getUTCDate()&&i.getUTCHours()===e.getUTCHours()}),onClick:()=>{const r=n?e.getUTCMinutes():e.getMinutes(),a=n?e.getUTCSeconds():e.getSeconds();t(new Date(+i+60r1e3+1e3a+e.getMilliseconds()))}},p.createElement("div",{className:"x-3deye-timepicker__value"},i[n?"getUTCHours":"getHours"]().toString().padStart(2,"0")))}))),p.createElement("div",{ref:i,className:"x-3deye-timepicker__column"},Array.from({length:60},((r,a)=>p.createElement("div",{key:a,className:U({selected:a===e.getMinutes()}),onClick:()=>{const r=a,i=n?e.getUTCSeconds():e.getSeconds(),l=new Date(Date.UTC(e.getUTCFullYear(),e.getUTCMonth(),e.getUTCDate(),e.getUTCHours())+6e4r+1e3i);t(l)}},p.createElement("div",{className:"x-3deye-timepicker__value"},a.toString().padStart(2,"0")))))),p.createElement("div",{ref:l,className:"x-3deye-timepicker__column"},Array.from({length:60},((r,a)=>p.createElement("div",{key:a,className:U({selected:a===e.getSeconds()}),onClick:()=>{const r=n?e.getUTCMinutes():e.getMinutes(),i=a,l=new Date(Date.UTC(e.getUTCFullYear(),e.getUTCMonth(),e.getUTCDate(),e.getUTCHours())+6e4r+1e3i);t(l)}},p.createElement("div",{className:"x-3deye-timepicker__value"},a.toString().padStart(2,"0")))))))}));ct.displayName="TimePicker";const dt=E((({date:e,onChange:t,utc:r=!1,hour12:n=!1})=>{const a=g(null),i=g(!0);w((()=>{var t;e&&i.current&&(i.current=!1,null===(t=a.current)\|\|void 0===t\|\|t.children[r?e.getUTCHours():e.getHours()].scrollIntoView({block:"center"}))}));const l=e\|\|new Date,{hoursInDay:o,startOfTheDay:s}=st(l,r);return p.createElement("div",{className:"x-3deye-timepicker x-3deye-timepicker--alt"},p.createElement("div",{ref:a,className:"x-3deye-timepicker__column"},Array.from({length:o},((a,i)=>{const l=new Date(s.getTime()+60i601e3);return p.createElement("div",{key:i,className:U({selected:!!e&&(l.getUTCDate()===e.getUTCDate()&&l.getUTCHours()===e.getUTCHours())}),onClick:()=>{t(l)}},p.createElement("div",{className:"x-3deye-timepicker__value"},lt(ue.language,r,n,!1).format(l)))}))))}));dt.displayName="TimePickerShort";const ut=(e,t,r)=>Math.min(Math.max(e,t),r),mt=()=>{},ht=(e,t,r,n)=>ut(Math.floor((e-t)/rn),0,n-1),pt=T({value:null,onPointerDown:mt,setCurrentValue:mt,state:{currentIdx:0,currentValue:null,options:[]}});class ft{get currentValue(){return this.options[this.currentIdx]}constructor(e=0){Object.defineProperty(this,"currentIdx",{enumerable:!0,configurable:!0,writable:!0,value:0}),Object.defineProperty(this,"options",{enumerable:!0,configurable:!0,writable:!0,value:[]}),Object.defineProperty(this,"setCurrentIdx",{enumerable:!0,configurable:!0,writable:!0,value:e=>{this.currentIdx=e}}),Object.defineProperty(this,"setOptions",{enumerable:!0,configurable:!0,writable:!0,value:e=>{this.options=e}}),this.currentIdx=e,P(this,{currentIdx:F,options:F.ref,currentValue:O,setCurrentIdx:I,setOptions:I})}}const gt=A(p.forwardRef((({value:e,onChange:t,children:r,style:n},a)=>{const[i,l]=v(!1),o=g(null),s=x.map(r,(e=>null==e?void 0:e.props.value))\|\|[],c=H((()=>new ft(s.indexOf(e))));c.setOptions(s);const d=x.count(r);C((()=>{c.setCurrentIdx(s.indexOf(e))}),[e]),C((()=>{var e;if(!i)return;const r=null===(e=o.current)\|\|void 0===e?void 0:e.getBoundingClientRect();if(!r)return;const n=({clientX:e})=>{c.setCurrentIdx(ht(e,r.left,r.width,d))},a=()=>{l(!1),t(s[c.currentIdx])};return document.addEventListener("pointermove",n),document.addEventListener("pointerup",a),()=>{document.removeEventListener("pointermove",n),document.removeEventListener("pointerup",a)}}),[i,d]);return p.createElement(pt.Provider,{value:{value:e,state:c,onPointerDown:e=>{const t=o.current;if(!t)return;const{left:r,width:n}=t.getBoundingClientRect(),a=ht(e.clientX,r,n,d);a!==c.currentIdx&&c.setCurrentIdx(a),l(!0)},setCurrentValue:e=>{c.setCurrentIdx(s.indexOf(e))}}},p.createElement("div",{className:"segmented-control-wrapper",style:n,ref:a},p.createElement("div",{role:"radiogroup",ref:o,className:"segmented-control",style:{"--indicator-offset":100c.currentIdx+"%"}},p.createElement("div",{"aria-hidden":!0,className:U("segmented-control-indicator",{active:i}),style:{width:100/s.length+"%"}},p.createElement("div",{className:"segmented-control-indicator-inner"})),r)))}))),vt=A(p.forwardRef((({value:e,children:t},r)=>{const n=f(pt);return p.createElement("button",{ref:r,role:"radio","aria-checked":n.state.currentValue===e,tabIndex:0,className:U("segmented-control-button",{current:n.state.currentValue===e}),onPointerDown:n.onPointerDown,onClick:()=>n.setCurrentValue(e)},t)})));vt.displayName="SegmentedControlOption";const bt={day:"2-digit",month:"short",weekday:"short",hour:"2-digit",minute:"numeric"},yt=A((({store:e})=>{const{date:t,setDate:r,clearDate:n,sortDirection:a,toggleSorting:i,applyFilters:l}=e,{account:o}=f(me),{utc:s,hour12:c,startOfWeek:d}=o.preferences,[u,m]=v(!1),h=D((()=>((e,t,r,n=!0)=>{const a={...bt,second:n?"numeric":void 0,hour12:r\|\|void 0,hourCycle:r?void 0:"h23",timeZone:t?"UTC":void 0,timeZoneName:t?"short":void 0};return new Intl.DateTimeFormat(e,a)})(ue.language,s,c)),[ue.language,s,c]),g=p.createElement("div",{style:{flex:1,display:"flex",position:"relative"}},p.createElement(Ze,{className:"date-button",style:{flex:1,alignItems:"flex-start",borderRadius:0,textTransform:"uppercase"},onClick:()=>m(!u)},t?p.createElement("label",null,"ASC"===a?ue.t("eventSearchFilter.from"):ue.t("eventSearchFilter.to")):null,p.createElement("span",null,t?h.format(t):ue.t("eventSearchFilter.live"))),t?p.createElement(Ze,{className:"x-3deye-button--icon",style:{position:"absolute",right:0},onClick:n},p.createElement(Ge,{size:16})):null);return p.createElement("div",{className:"events-panel-datepicker"},p.createElement("div",{style:{position:"relative"}},p.createElement(Xe,{target:g,opened:u,onOpenChange:m,withArrow:!0,className:"popover-datetimepicker"},p.createElement("div",{style:{display:"flex",flexDirection:"column",gap:8}},p.createElement(gt,{value:a,onChange:i},p.createElement(vt,{value:"ASC"},ue.t("eventSearchFilter.from")),p.createElement(vt,{value:"DESC"},ue.t("eventSearchFilter.to"))),p.createElement("div",{style:{display:"flex",gap:"0.5rem"}},p.createElement(at,{date:t,onChange:r,utc:s,startOfWeek:d}),p.createElement(dt,{date:t,onChange:r,utc:s,hour12:c})),p.createElement(Ze,{onClick:()=>(m(!1),l()),variant:"filled",fullWidth:!0},ue.t("button.ok"))))))}));yt.displayName="EventsPanelDatepicker";const Et=e=>Math.round(e),Ct=p.forwardRef((({value:e,onChange:t,onChangeComplete:r,orientation:n="horizontal",disabled:a=!1,labelFormat:i=(e=>`${e}`),style:l},o)=>{const s=g(null),c=g(null),[d,u]=v(!1),[m,h]=v(e);C((()=>{if(!d)return;const e=s.current;if(!e)return;let a=0,i=0;const l=e.getBoundingClientRect();if(!l)return;const o=({clientX:e,clientY:r})=>{if(!c.current)return;let o=0;"horizontal"===n?(a=ut(e-l.x,0,l.width),o=a/l.width100,c.current.style.transform=`translateX(${a}px)`):(i=l.height-ut(r-l.y,0,l.height),o=i/l.height100,c.current.style.transform=`translateY(${-i}px)`),h(o),null==t\|\|t(Et(o))},m=({clientX:e,clientY:a})=>{if(u(!1),!c.current)return;const i="horizontal"===n?ut(e-l.x,0,l.width)/l.width100:100(1-ut(a-l.y,0,l.height)/l.height);c.current.style.transform="",h(i),null==t\|\|t(Et(i)),null==r\|\|r(Et(i))},p=()=>{if(u(!1),!c.current)return;const e="horizontal"===n?a/l.width100:i/l.height100;c.current.style.transform="",null==t\|\|t(Et(e)),null==r\|\|r(Et(e))};return e.addEventListener("pointercancel",p),e.addEventListener("pointermove",o),e.addEventListener("pointerup",m),()=>{e.removeEventListener("pointercancel",p),e.removeEventListener("pointermove",o),e.removeEventListener("pointerup",m)}}),[d,n,t]);const f=y((({clientX:e,clientY:r,pointerId:i})=>{if(!s.current\|\|a)return;u(!0),s.current.setPointerCapture(i);const l=s.current.getBoundingClientRect();if(!l)return;if(!c.current)return;let o=0;if("horizontal"===n){const t=ut(e-l.x,0,l.width);o=t/l.width100,c.current.style.transform=`translateX(${t}px)`}else{const e=l.height-ut(r-l.y,0,l.height);o=e/l.height100,c.current.style.transform=`translateY(${-e}px)`}h(o),null==t\|\|t(Et(o))}),[n,a]),b=y((n=>{if(a)return;let i=null;"ArrowLeft"===n.code?i=Math.max(e-1,0):"ArrowRight"===n.code?i=Math.min(e+1,100):"ArrowDown"===n.code?i=Math.max(e-1,0):"ArrowUp"===n.code&&(i=Math.min(e+1,100)),null!==i&&(n.stopPropagation(),n.preventDefault(),null==t\|\|t(i),null==r\|\|r(i))}),[e,t,r,n,a]);return p.createElement("div",{ref:ne(o,s),tabIndex:0,onKeyDown:b,className:U("x-3deye-slider",n,{disabled:a}),onPointerDown:f,style:l},p.createElement("div",{className:"x-3deye-slider__track"},p.createElement("div",{className:"x-3deye-slider__bar",style:{width:"horizontal"===n?`${d?m:e}%`:void 0,height:"vertical"===n?`${d?m:e}%`:void 0}})),p.createElement("div",{ref:c,className:U("x-3deye-slider__thumb",{active:d}),style:{touchAction:"none",userSelect:"none",position:"absolute",left:"horizontal"===n?d?0:`${e}%`:"auto",bottom:"vertical"===n?d?0:`${e}%`:"auto"}},null!==i&&p.createElement("div",{className:"x-3deye-slider__label "+(d?"open":"")},i(d?Et(m):e))))}));Ct.displayName="Slider";const wt=A((({getter:e,setter:t})=>{const[r,n]=v(0),a=g(null),i=Math.floor(100e());return C((()=>L(e,(e=>{n(Math.floor(100e))}),{fireImmediately:!0})),[e]),p.createElement("div",{ref:a,style:{paddingLeft:8,paddingRight:8,marginTop:5,marginBottom:10}},p.createElement("div",{style:{display:"flex",justifyContent:"space-between"}},p.createElement("div",{style:{textTransform:"uppercase"}},ue.t("confidence")),p.createElement("div",{style:{fontSize:"1.1em"}},i,"%")),p.createElement("div",{style:{padding:"0 10px"}},p.createElement(Ct,{value:r,labelFormat:e=>`${e}%`,onChangeComplete:e=>{t(e/100)}})))}));wt.displayName="ProbabilitySlider";const Tt={50:"#e3f2fd",100:"#bbdefb",200:"#90caf9",300:"#64b5f6",400:"#42a5f5",500:"#2196f3",600:"#1e88e5",700:"#1976d2",800:"#1565c0",900:"#0d47a1",A100:"#82b1ff",A200:"#448aff",A400:"#2979ff",A700:"#2962ff"},xt={50:"#e8f5e9",100:"#c8e6c9",200:"#a5d6a7",300:"#81c784",400:"#66bb6a",500:"#4caf50",600:"#43a047",700:"#388e3c",800:"#2e7d32",900:"#1b5e20",A100:"#b9f6ca",A200:"#69f0ae",A400:"#00e676",A700:"#00c853"},Dt={50:"#fafafa",100:"#f5f5f5",200:"#eeeeee",300:"#e0e0e0",400:"#bdbdbd",500:"#9e9e9e",600:"#757575",700:"#616161",800:"#424242",900:"#212121",A100:"#f5f5f5",A200:"#eeeeee",A400:"#bdbdbd",A700:"#616161"},Mt={50:"#ffebee",100:"#ffcdd2",200:"#ef9a9a",300:"#e57373",400:"#ef5350",500:"#f44336",600:"#e53935",700:"#d32f2f",800:"#c62828",900:"#b71c1c",A100:"#ff8a80",A200:"#ff5252",A400:"#ff1744",A700:"#d50000"},Nt={50:"#fffde7",100:"#fff9c4",200:"#fff59d",300:"#fff176",400:"#ffee58",500:"#ffeb3b",600:"#fdd835",700:"#fbc02d",800:"#f9a825",900:"#f57f17",A100:"#ffff8d",A200:"#ffff00",A400:"#ffea00",A700:"#ffd600"},Ot=Me({viewBox:"0 0 24 24",svg:p.createElement(p.Fragment,null,p.createElement("path",{fill:"none",d:"M0 0h24v24H0z"}),p.createElement("path",{d:"M9 16.2L4.8 12l-1.4 1.4L9 19 21 7l-1.4-1.4L9 16.2z"}))});Ot.displayName="DoneIcon";const kt=[{color:Mt[500],name:"red",highlightColor:Mt[100]},{color:xt[500],name:"green",highlightColor:xt[100]},{color:Tt[500],name:"blue",highlightColor:Tt[100]},{color:Nt[500],name:"yellow",highlightColor:Nt[900]},{color:"#000",name:"black",highlightColor:"#fff"},{color:"#fff",name:"white",highlightColor:"#000"},{color:Dt[500],name:"dimgrey",highlightColor:Dt[100]}];new Map(kt.map((({color:e,name:t})=>[t,e])));const Pt=A((({value:e,clear:t,toggle:r})=>p.createElement("div",{className:"color-selector"},p.createElement("div",{style:{textTransform:"uppercase"}},ue.t("color")),p.createElement("div",{className:"color-selector__items"},kt.map((({color:t,highlightColor:n,name:a})=>p.createElement("button",{key:a,className:U("color-selector__item",{selected:e.has(a)}),style:{backgroundColor:t},onClick:r.bind(null,a)},p.createElement(Ot,{color:n,size:20})))),p.createElement(Ze,{className:"color-selector__clear",disabled:!e.size,onClick:t},p.createElement(Ge,{size:20}))))));Pt.displayName="ColorSelector";const Ft=({size:e=48})=>p.createElement("svg",{width:e,height:e,xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 100 100",preserveAspectRatio:"xMidYMid"},p.createElement("rect",{x:"0",y:"0",width:"100",height:"100",fill:"none",className:"bk"}),p.createElement("rect",{x:"46.5",y:"38",width:"7",height:"24",rx:"5",ry:"5",fill:"currentColor",transform:"rotate(0 50 50) translate(0 -30)"},p.createElement("animate",{attributeName:"opacity",from:"1",to:"0",dur:"1s",begin:"0s",repeatCount:"indefinite"})),p.createElement("rect",{x:"46.5",y:"38",width:"7",height:"24",rx:"5",ry:"5",fill:"currentColor",transform:"rotate(30 50 50) translate(0 -30)"},p.createElement("animate",{attributeName:"opacity",from:"1",to:"0",dur:"1s",begin:"0.08333333333333333s",repeatCount:"indefinite"})),p.createElement("rect",{x:"46.5",y:"38",width:"7",height:"24",rx:"5",ry:"5",fill:"currentColor",transform:"rotate(60 50 50) translate(0 -30)"},p.createElement("animate",{attributeName:"opacity",from:"1",to:"0",dur:"1s",begin:"0.16666666666666666s",repeatCount:"indefinite"})),p.createElement("rect",{x:"46.5",y:"38",width:"7",height:"24",rx:"5",ry:"5",fill:"currentColor",transform:"rotate(90 50 50) translate(0 -30)"},p.createElement("animate",{attributeName:"opacity",from:"1",to:"0",dur:"1s",begin:"0.25s",repeatCount:"indefinite"})),p.createElement("rect",{x:"46.5",y:"38",width:"7",height:"24",rx:"5",ry:"5",fill:"currentColor",transform:"rotate(120 50 50) translate(0 -30)"},p.createElement("animate",{attributeName:"opacity",from:"1",to:"0",dur:"1s",begin:"0.3333333333333333s",repeatCount:"indefinite"})),p.createElement("rect",{x:"46.5",y:"38",width:"7",height:"24",rx:"5",ry:"5",fill:"currentColor",transform:"rotate(150 50 50) translate(0 -30)"},p.createElement("animate",{attributeName:"opacity",from:"1",to:"0",dur:"1s",begin:"0.4166666666666667s",repeatCount:"indefinite"})),p.createElement("rect",{x:"46.5",y:"38",width:"7",height:"24",rx:"5",ry:"5",fill:"currentColor",transform:"rotate(180 50 50) translate(0 -30)"},p.createElement("animate",{attributeName:"opacity",from:"1",to:"0",dur:"1s",begin:"0.5s",repeatCount:"indefinite"})),p.createElement("rect",{x:"46.5",y:"38",width:"7",height:"24",rx:"5",ry:"5",fill:"currentColor",transform:"rotate(210 50 50) translate(0 -30)"},p.createElement("animate",{attributeName:"opacity",from:"1",to:"0",dur:"1s",begin:"0.5833333333333334s",repeatCount:"indefinite"})),p.createElement("rect",{x:"46.5",y:"38",width:"7",height:"24",rx:"5",ry:"5",fill:"currentColor",transform:"rotate(240 50 50) translate(0 -30)"},p.createElement("animate",{attributeName:"opacity",from:"1",to:"0",dur:"1s",begin:"0.6666666666666666s",repeatCount:"indefinite"})),p.createElement("rect",{x:"46.5",y:"38",width:"7",height:"24",rx:"5",ry:"5",fill:"currentColor",transform:"rotate(270 50 50) translate(0 -30)"},p.createElement("animate",{attributeName:"opacity",from:"1",to:"0",dur:"1s",begin:"0.75s",repeatCount:"indefinite"})),p.createElement("rect",{x:"46.5",y:"38",width:"7",height:"24",rx:"5",ry:"5",fill:"currentColor",transform:"rotate(300 50 50) translate(0 -30)"},p.createElement("animate",{attributeName:"opacity",from:"1",to:"0",dur:"1s",begin:"0.8333333333333334s",repeatCount:"indefinite"})),p.createElement("rect",{x:"46.5",y:"38",width:"7",height:"24",rx:"5",ry:"5",fill:"currentColor",transform:"rotate(330 50 50) translate(0 -30)"},p.createElement("animate",{attributeName:"opacity",from:"1",to:"0",dur:"1s",begin:"0.9166666666666666s",repeatCount:"indefinite"})));Ft.displayName="Preloader";var It="undefined"!=typeof globalThis?globalThis:"undefined"!=typeof window?window:"undefined"!=typeof global?global:"undefined"!=typeof self?self:{};function _t(e){return e&&e.__esModule&&Object.prototype.hasOwnProperty.call(e,"default")?e.default:e}var Lt="object"==typeof It&&It&&It.Object===Object&&It,jt="object"==typeof self&&self&&self.Object===Object&&self,St=Lt\|\|jt\|\|Function("return this")(),zt=St.Symbol,Ut=zt,At=Object.prototype,Ht=At.hasOwnProperty,Rt=At.toString,Bt=Ut?Ut.toStringTag:void 0;var $t=function(e){var t=Ht.call(e,Bt),r=e[Bt];try{e[Bt]=void 0;var n=!0}catch(e){}var a=Rt.call(e);return n&&(t?e[Bt]=r:delete e[Bt]),a},Vt=Object.prototype.toString;var Wt=$t,Yt=function(e){return Vt.call(e)},qt=zt?zt.toStringTag:void 0;var Zt=function(e){var t=typeof e;return null!=e&&("object"==t\|\|"function"==t)},Gt=function(e){return null==e?void 0===e?"[object Undefined]":"[object Null]":qt&&qt in Object(e)?Wt(e):Yt(e)},Qt=Zt;var Xt,Jt=function(e){if(!Qt(e))return!1;var t=Gt(e);return"[object Function]"==t\|\|"[object GeneratorFunction]"==t\|\|"[object AsyncFunction]"==t\|\|"[object Proxy]"==t},Kt=St["__core-js_shared__"],er=(Xt=/[^.]+$/.exec(Kt&&Kt.keys&&Kt.keys.IE_PROTO\|\|""))?"Symbol(src)_1."+Xt:"";var tr=function(e){return!!er&&er in e},rr=Function.prototype.toString;var nr=Jt,ar=tr,ir=Zt,lr=function(e){if(null!=e){try{return rr.call(e)}catch(e){}try{return e+""}catch(e){}}return""},or=/^\[object .+?Constructor\]$/,sr=Function.prototype,cr=Object.prototype,dr=sr.toString,ur=cr.hasOwnProperty,mr=RegExp("^"+dr.call(ur).replace(/[\\^$.+?()[\]{}\|]/g,"\\$&").replace(/hasOwnProperty\|(function).?(?=\\\()\| for .+?(?=\\\])/g,"$1.?")+"$");var hr=function(e){return!(!ir(e)\|\|ar(e))&&(nr(e)?mr:or).test(lr(e))},pr=function(e,t){return null==e?void 0:e[t]};var fr=function(e,t){var r=pr(e,t);return hr(r)?r:void 0},gr=fr(Object,"create"),vr=gr;var br=function(){this.__data__=vr?vr(null):{},this.size=0};var yr=function(e){var t=this.has(e)&&delete this.__data__[e];return this.size-=t?1:0,t},Er=gr,Cr=Object.prototype.hasOwnProperty;var wr=function(e){var t=this.__data__;if(Er){var r=t[e];return"__lodash_hash_undefined__"===r?void 0:r}return Cr.call(t,e)?t[e]:void 0},Tr=gr,xr=Object.prototype.hasOwnProperty;var Dr=function(e){var t=this.__data__;return Tr?void 0!==t[e]:xr.call(t,e)},Mr=gr;var Nr=function(e,t){var r=this.__data__;return this.size+=this.has(e)?0:1,r[e]=Mr&&void 0===t?"__lodash_hash_undefined__":t,this},Or=br,kr=yr,Pr=wr,Fr=Dr,Ir=Nr;function _r(e){var t=-1,r=null==e?0:e.length;for(this.clear();++t<r;){var n=e[t];this.set(n[0],n[1])}}_r.prototype.clear=Or,_r.prototype.delete=kr,_r.prototype.get=Pr,_r.prototype.has=Fr,_r.prototype.set=Ir;var Lr=_r;var jr=function(){this.__data__=[],this.size=0};var Sr=function(e,t){return e===t\|\|e!=e&&t!=t};var zr=function(e,t){for(var r=e.length;r--;)if(Sr(e[r][0],t))return r;return-1},Ur=zr,Ar=Array.prototype.splice;var Hr=function(e){var t=this.__data__,r=Ur(t,e);return!(r<0)&&(r==t.length-1?t.pop():Ar.call(t,r,1),--this.size,!0)},Rr=zr;var Br=function(e){var t=this.__data__,r=Rr(t,e);return r<0?void 0:t[r][1]},$r=zr;var Vr=zr;var Wr=function(e,t){var r=this.__data__,n=Vr(r,e);return n<0?(++this.size,r.push([e,t])):r[n][1]=t,this},Yr=jr,qr=Hr,Zr=Br,Gr=function(e){return $r(this.__data__,e)>-1},Qr=Wr;function Xr(e){var t=-1,r=null==e?0:e.length;for(this.clear();++t<r;){var n=e[t];this.set(n[0],n[1])}}Xr.prototype.clear=Yr,Xr.prototype.delete=qr,Xr.prototype.get=Zr,Xr.prototype.has=Gr,Xr.prototype.set=Qr;var Jr=Xr,Kr=fr(St,"Map"),en=Lr,tn=Jr,rn=Kr;var nn=function(e){var t=typeof e;return"string"==t\|\|"number"==t\|\|"symbol"==t\|\|"boolean"==t?"__proto__"!==e:null===e};var an=function(e,t){var r=e.__data__;return nn(t)?r["string"==typeof t?"string":"hash"]:r.map},ln=an;var on=an;var sn=an;var cn=an;var dn=function(e,t){var r=cn(this,e),n=r.size;return r.set(e,t),this.size+=r.size==n?0:1,this},un=function(){this.size=0,this.__data__={hash:new en,map:new(rn\|\|tn),string:new en}},mn=function(e){var t=ln(this,e).delete(e);return this.size-=t?1:0,t},hn=function(e){return on(this,e).get(e)},pn=function(e){return sn(this,e).has(e)},fn=dn;function gn(e){var t=-1,r=null==e?0:e.length;for(this.clear();++t<r;){var n=e[t];this.set(n[0],n[1])}}gn.prototype.clear=un,gn.prototype.delete=mn,gn.prototype.get=hn,gn.prototype.has=pn,gn.prototype.set=fn;var vn=gn;function bn(e,t){if("function"!=typeof e\|\|null!=t&&"function"!=typeof t)throw new TypeError("Expected a function");var r=function(){var n=arguments,a=t?t.apply(this,n):n[0],i=r.cache;if(i.has(a))return i.get(a);var l=e.apply(this,n);return r.cache=i.set(a,l)\|\|i,l};return r.cache=new(bn.Cache\|\|vn),r}bn.Cache=vn;const yn=_t(bn)((()=>{const e=document.createElement("div");e.style.overflowY="scroll",e.style.position="absolute",e.style.top="-9999px",document.body.append(e);const t=e.offsetWidth;return e.remove(),t})),En=Me({viewBox:"0 0 24 24",svg:p.createElement("g",null,p.createElement("path",{d:"M10 6L8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z"}),p.createElement("path",{d:"M0 0h24v24H0z",fill:"none"}))});En.displayName="ChevronRightIcon";const Cn=p.createContext(null);p.forwardRef((({className:e,children:t,title:r,...n},a)=>{const i=p.useContext(Cn);if(!i)return;const{refs:l,isNested:o,isOpen:s,hasFocusInside:c,item:d,parent:u,setHasFocusInside:m,getReferenceProps:h}=i;return p.createElement(Ze,{ref:ee([l.setReference,d.ref,a]),tabIndex:o?(null==u?void 0:u.activeIndex)===d.index?0:-1:void 0,role:o?"menuitem":void 0,"data-open":s?"":void 0,"data-nested":o?"":void 0,"data-focus-inside":c?"":void 0,className:U(e,{"menu-item":o,"menu-button":!o}),title:s?null:r,...h(null==u?void 0:u.getItemProps({...n,onFocus(e){var t;null===(t=n.onFocus)\|\|void 0===t\|\|t.call(n,e),m(!1),u.setHasFocusInside(!0)}}))},t,o&&p.createElement(En,{style:{marginLeft:"auto"},"aria-hidden":!0,size:20}))})).displayName="MenuButton";p.forwardRef((({label:e,disabled:t,className:r,children:n,...a},i)=>{const l=p.useContext(Cn),o=te({label:t?null:e}),s=re();if(!l)return null;const c=o.index===l.activeIndex;return p.createElement(Ze,{...a,ref:ee([o.ref,i]),type:"button",role:"menuitem",className:U(r,"menu-item"),tabIndex:c?0:-1,disabled:t,...l.getItemProps({onClick(e){var t;null===(t=a.onClick)\|\|void 0===t\|\|t.call(a,e),null==s\|\|s.events.emit("click")},onFocus(e){var t;null===(t=a.onFocus)\|\|void 0===t\|\|t.call(a,e),l.setHasFocusInside(!0)}})},e\|\|n)})).displayName="MenuItem";const wn=A((({data:e,children:t,onClick:r,onAuxClick:n,menuComponent:a})=>{const i=g(null),{ref:l,menuContext:o}=function(){const[e,t]=v(!1),[r,n]=v(),a=y((e=>{n(e\|\|void 0)}),[]),[i]=v((()=>new Set)),l=D((()=>({subscribe:e=>(i.add(e),()=>i.delete(e)),setOpened:t})),[]);return C((()=>{if(r)return r.addEventListener("contextmenu",e),()=>{r.removeEventListener("contextmenu",e)};function e(e){e.preventDefault();for(const t of i)t(e)}}),[r]),{ref:a,menuContext:l,opened:e}}();return p.createElement("div",{ref:ne(i,l),onDragStart:t=>{var r;if(!t.dataTransfer)return;t.dataTransfer.setData("x-3deye/event",`${e.id}`),t.dataTransfer.setData("x-3deye/camera",`${e.cameraId}`),t.dataTransfer.setData("x-3deye/starttime",e.startTime.toISOString()),t.dataTransfer.dropEffect="move";const n=null===(r=i.current)\|\|void 0===r?void 0:r.querySelector("img");if(n){const{x:e,y:r}=n.getBoundingClientRect();t.dataTransfer.setDragImage(n,t.clientX-e,t.clientY-r)}},className:"event-list-item",onClick:()=>null==r?void 0:r(e),onAuxClick:t=>null==n?void 0:n(t,e),draggable:!0},t,a&&p.createElement(a,{ctx:o,data:e}))}));function Tn(e,t,r,n){return e.Top<-n&&(e.Bottom=e.Bottom-e.Top+n,e.Top=-n),e.Left<-n&&(e.Right=e.Right-e.Left+n,e.Left=-n),e.Right+n>t&&(e.Left=e.Left-(e.Right-t)+n,e.Right=t-n),e.Bottom+n>r&&(e.Top=e.Top-(e.Bottom-r)+n,e.Bottom=r-n),e}wn.displayName="EventListItem";const xn=({className:e,style:t,box:{Top:r,Left:n,Right:a,Bottom:i}})=>p.createElement(p.Fragment,null,p.createElement("div",{className:e,style:{position:"absolute",top:100r+"%",left:100n+"%",bottom:100(1-i)+"%",right:100(1-a)+"%",...t}}));function Dn({style:e}){return p.createElement("div",{className:"frame",style:e},p.createElement("div",{className:"corner-highlight-tl"}),p.createElement("div",{className:"corner-highlight-tr"}),p.createElement("div",{className:"corner-highlight-br"}),p.createElement("div",{className:"corner-highlight-bl"}))}function Mn({Top:e,Left:t,Bottom:r,Right:n},a,i,l,o){const s=oe,c=or;return s>i?[0,-1]:c>i?[0,1]:lt>a?[-1,0]:ln>a?[1,0]:[0,s>c?1:-1]}function Nn(e,t){return{Top:e.Top+t[1],Left:e.Left+t[0],Bottom:e.Bottom+t[1],Right:e.Right+t[0]}}xn.displayName="LicensePlateLpr";const On=({face:{Name:e,Box:t,Probability:r},url:n,thumbWidth:a,thumbHeight:i,width:l,height:o})=>{const{Top:s,Left:c,Right:d,Bottom:u}=t,m=100/a/(d-c),h={top:2},f=g(null);return w((()=>{if(!f.current)return;const{width:e,height:r}=f.current.getBoundingClientRect(),n=Mn(t,e,r,l,o);n[0]=n[0](e+(d-c)l)/2,n[1]=n[1](r+(u-s)o)/2;const a=Tn(Nn({Top:(s+u)/2o-r/2,Left:(c+d)/2l-e/2,Bottom:(s+u)/2o+r/2,Right:(c+d)/2l+e/2},n),l,o,0);f.current.style.top=`${a.Top+2Math.sign(n[1])}px`,f.current.style.left=`${a.Left+2Math.sign(n[0])}px`})),c>=1-d?h.left=2:h.right=2,p.createElement(p.Fragment,null,p.createElement("div",{ref:f,className:"event-list-item__detected-object-label trigger",title:`${e} ${Math.floor(100r)}%`},p.createElement("div",{style:{padding:4,display:"flex",alignItems:"center",maxWidth:120,whiteSpace:"break-spaces"}},e),p.createElement("div",{className:"event-list-item__detected-object-label__caption",style:{color:"black",backgroundColor:"orange"}},Math.floor(100r),"%")),p.createElement(xn,{className:"trigger",box:t,style:{outline:"1px solid orange"}}),p.createElement("div",{className:"event-list-item-face preview",style:{overflow:"hidden",width:a(d-c)m,height:i(u-s)m,...h}},p.createElement("img",{style:{width:am,height:im,transform:`translate(-${100c}%, -${100s}%)`},src:n}),p.createElement(Dn,null)))};On.displayName="FaceHighlight";const kn=p.memo((({value:e})=>e?p.createElement(p.Fragment,null,e.split("").map(((e,t)=>(e=>{const t=e.charCodeAt(0);return t>=48&&t<=57})(e)?p.createElement("span",{key:`d${t}${e}`,className:"digit"},e):p.createElement("span",{key:`${t}${e}`,className:"char"},e)))):null));kn.displayName="LicensePlateNumber";const Pn=({detectedObject:e,height:t,width:r,url:n,thumbWidth:a,thumbHeight:i})=>{const{Type:l,Box:{Top:o,Left:s,Right:c,Bottom:d},Probability:u}=e,m=e.Value\|\|e.Number,h=g(null);w((()=>{if(!h.current)return;const e=h.current.getBoundingClientRect();let n=(s+c)/2r-e.width/2,a=ot-e.height-4;a<0&&(a=dt+4),n<0&&(n=0),n>r-e.width&&(n=r-e.width),h.current.style.top=`${a}px`,h.current.style.left=`${n}px`}));const f={top:2};s>=1-c?f.left=2:f.right=2;const v=100/a/(c-s);return p.createElement(p.Fragment,null,p.createElement("div",{ref:h,className:"event-list-item__license-plate-label trigger",title:`${l.toLowerCase()} ${Math.floor(100u)}%`},p.createElement("div",{style:{padding:4}},p.createElement(kn,{value:m})),p.createElement("div",{className:"event-list-item__license-plate-label__caption"},`${Math.floor(100u)}%`)),p.createElement(xn,{className:"event-list-item__license-plate-trigger trigger",box:e.Box}),p.createElement("div",{className:"event-list-item__license-plate preview",style:{overflow:"hidden",width:a(c-s)v,height:i(d-o)v+16,position:"absolute",...f}},p.createElement("img",{style:{width:av,height:iv,transform:`translate(-${100s}%, -${100o}%)`},src:n}),p.createElement("div",{className:"plate-number"},p.createElement(kn,{value:m})),p.createElement(Dn,{style:{height:i(d-o)v}})))};Pn.displayName="LicensePlateHighlight";const Fn=Me({viewBox:"0 0 24 24",svg:p.createElement(p.Fragment,null,p.createElement("path",{d:"M0 0h24v24H0z",fill:"none"}),p.createElement("path",{d:"M15 13V5c0-1.66-1.34-3-3-3S9 3.34 9 5v8c-1.21.91-2 2.37-2 4 0 2.76 2.24 5 5 5s5-2.24 5-5c0-1.63-.79-3.09-2-4zm-4-8c0-.55.45-1 1-1s1 .45 1 1h-1v1h1v2h-1v1h1v2h-2V5z"}))});Fn.displayName="ThermostatIcon";const In=A((({data:e})=>{if("Temperature"!==e.type)return null;const t=Number(e.raw.data);return p.createElement("div",{className:"event-list-item__temperature"},p.createElement(Fn,null),p.createElement("span",null,(t-273.15).toFixed(1),"°C")," / ",p.createElement("span",null,(9t/5-459.67).toFixed(1)," °F"))}));In.displayName="Temperature";const _n=(e,t,r)=>r?e.getUTCFullYear()===t.getUTCFullYear()&&e.getUTCMonth()===t.getUTCMonth()&&e.getUTCDate()===t.getUTCDate():e.getFullYear()===t.getFullYear()&&e.getMonth()===t.getMonth()&&e.getDate()===t.getDate(),Ln=(e,t,r)=>r?e.getUTCFullYear()===t.getUTCFullYear():e.getFullYear()===t.getFullYear(),jn=(e,{locale:t,utc:r=!1,hour12:n=!1,seconds:a,year:i=!1,dayOfWeek:l=!1,day:o=!1})=>{const s={hour:"numeric",minute:"numeric",hour12:n\|\|void 0,hourCycle:n?void 0:"h23"};return r&&(s.timeZone="UTC"),a&&(s.second="numeric"),i&&(s.year="numeric"),l&&(s.weekday="short"),o&&(s.day="numeric",s.month="short"),new Intl.DateTimeFormat(t,s).format(e)},Sn=(e,t)=>t?e.getUTCSeconds():e.getSeconds();const zn=A((({from:e,to:t})=>{const{account:{preferences:{utc:r,hour12:n}}}=f(me);return p.createElement(p.Fragment,null,function(e,t,{locale:r,utc:n=!1,hour12:a=!1}={}){let i="",l="";const o=Boolean(Sn(e,n)\|\|Sn(t,n)),s={from:!1,to:!1},c={from:!1,to:!1},d={from:!1,to:!1};return Ln(e,new Date,n)?_n(e,new Date,n)\|\|(_n(e,t,n)?(d.from=!0,c.from=!0):(d.from=!0,c.from=!0,d.to=!0,c.to=!0)):(s.from=!0,d.from=!0,d.to=!0,s.to=!Ln(e,t,n)),i=jn(e,{locale:r,utc:n,hour12:a,seconds:o,year:s.from,dayOfWeek:c.from,day:d.from}),+e==+t?i:(l=jn(t,{locale:r,utc:n,hour12:a,seconds:o,year:s.to,dayOfWeek:c.to,day:d.to}),`${i} - ${l}`)}(e,t,{locale:ue.language,utc:r,hour12:n}))}));zn.displayName="DisplayPeriod";const Un=A((({data:e,cameraNameHidden:t})=>{var r;const n=f(me),{cameras:a}=n,i=a.loaded&&(null===(r=a.camerasById.get(e.cameraId))\|\|void 0===r?void 0:r.name)\|\|"...";return p.createElement("div",{className:"event-list-item-caption"},p.createElement("div",{className:"event-list-item__time"},p.createElement(zn,{from:e.startTime,to:e.endTime})),t?null:p.createElement(p.Fragment,null,p.createElement("div",null,e.type),p.createElement("div",{className:"event-list-item__camera-name",title:i},i)),+e.endTime-+e.startTime>0&&p.createElement("div",{className:"event-list-item__duration"},function(e,t,r=!0){if((e=Math.round(e/1e3))<60)return t("duration.ss",{seconds:e});const n=e%60;let a=(e-n)/60;if(a<60)return!n&&r?t("duration.mm",{minutes:a}):t("duration.mmss",{minutes:a,seconds:`${n}`.padStart(2,"0")});const i=Math.floor(a/60);if(a-=60i,!n&&!a&&r)return t("duration.hh",{hours:i});const l=r?`${a}`:`${a}`.padStart(2,"0");return!n&&a&&r?t("duration.hhmm",{hours:i,minutes:l}):t("duration.hhmmss",{hours:i,minutes:l,seconds:`${n}`.padStart(2,"0")})}(+e.endTime-+e.startTime,ue.t)),p.createElement(In,{data:e}))}));Un.displayName="EventListItemCaption";const An=A((({url:e,noPreview:t,width:r})=>p.createElement(p.Fragment,null,e?p.createElement("img",{key:e,style:{position:"absolute",width:"100%",height:"100%",top:0,left:0},src:e}):null,p.createElement(R,{radius:r}),t?p.createElement("div",{className:"no-preview-overlay"}):null)));function Hn({Top:e,Left:t,Bottom:r,Right:n}){return[(t+n)/2,(e+r)/2]}function Rn(e,t){const[r,n]=Hn(e),[a,i]=Hn(t);return[a-r,i-n]}function Bn(e,t){return!(e.Left>t.Right\|\|e.Top>t.Bottom\|\|e.Right<t.Left\|\|e.Bottom<t.Top)}function $n([e,t]){const r=Math.sqrt(ee+tt);return 0===r?[0,0]:[e/r,t/r]}An.displayName="EventThumbnail";const Vn=A((({data:e,width:t,height:r})=>{const n=g(null),{eventSchema:a}=f(me);return w((()=>{if(!n.current)return;const a=[],i=[];for(let l=0;l<e.length;l++){const o=n.current.children[2l+1],s=e[l].Box;a.push({Top:s.Topr,Left:s.Leftt,Bottom:s.Bottomr,Right:s.Rightt});const[c,d]=Hn(a[l]),{width:u,height:m}=o.getBoundingClientRect(),h=Mn(s,u,m,t,r);i.push(Nn({Top:d-m/2-4,Left:c-u/2-4,Bottom:d+m/2+4,Right:c+u/2+4},h))}let l=!0,o=0;for(;l;){if(l=!1,o++>1e3){console.warn("Reached max iterations for label positioning");break}for(let t=0;t<e.length;t++){const r=i[t],n=[0,0];for(let o=0;o<e.length;o++){const e=a[o],s=i[o];if(Bn(r,e)){const t=Rn(e,r);n[0]=n[0]+t[0],n[1]=n[1]+t[1],l=!0}if(o!==t&&Bn(r,s)){const e=Rn(s,r);n[0]=n[0]+e[0],n[1]=n[1]+e[1],l=!0}}[n[0],n[1]]=$n(n),r.Top+=n[1],r.Left+=n[0],r.Bottom+=n[1],r.Right+=n[0]}}for(let a=0;a<e.length;a++){const e=n.current.children[2a+1],{Top:l,Left:o}=Tn(i[a],t,r,4);e.style.top=`${l+4}px`,e.style.left=`${o+4}px`}}),[e,t,r]),p.createElement("div",{ref:n},e.map(((e,t)=>{var r;return p.createElement(p.Fragment,{key:t},p.createElement(xn,{box:e.Box,style:{outline:`2px solid ${null!==(r=a.colorsByFoundObjectType.get(e.Type))&&void 0!==r?r:""}`}}),p.createElement("div",{className:"event-list-item__detected-object-label",title:`${e.Type.toLowerCase()} ${Math.floor(100e.Probability)}%`},p.createElement("div",{style:{padding:4,lineHeight:"24px"}},"Car"===e.Type&&"BodyType"in e&&e.BodyType?e.BodyType.toLowerCase():e.Type.toLowerCase()),p.createElement("div",{className:"event-list-item__detected-object-label__caption",style:{backgroundColor:a.colorsByFoundObjectType.get(e.Type)}},Math.floor(100e.Probability),"%")))})))}));Vn.displayName="DetectedObjects";const Wn=A((({data:e,width:t,height:r,cameraNameHidden:n,onClick:a,onAuxClick:i,menuComponent:l})=>{const o=f(me),{eventSchema:s}=o,[c,d]=function(e){var t;const[r,n]=v(null),a=f(me),{cameras:i,thumbnails:l}=a;C((()=>{if(e.thumbnailUrl)return void n(null);const t=l.fetchThumbnail(e.cameraId,e.startTime,e.startTime).subscribe((e=>{n(e\|\|null)}));return()=>t.unsubscribe()}),[e.id]);let o="",s=!1;return e.thumbnailUrl?o=e.thumbnailUrl:null===r&&i.loaded?(o=(null===(t=i.camerasById.get(e.cameraId))\|\|void 0===t?void 0:t.imageUrl)\|\|"",s=!0):r&&(o=r.url),[o,s]}(e);let u=[],m=null,h=null;if(e.detectedObjects.length){const{thumbnailWidth:n,thumbnailHeight:a}=e;u=e.detectedObjects.filter((({Type:e})=>s.foundObjectTypes.includes(e)&&"LicensePlate"!==e)),m=e.detectedObjects.filter((e=>"LicensePlate"===e.Type)).map(((e,i)=>p.createElement(Pn,{key:i,detectedObject:e,width:t,height:r,thumbWidth:n,thumbHeight:a,url:c})))}if(e.faces){const{thumbnailWidth:n,thumbnailHeight:a}=e;h=e.faces.map(((e,i)=>p.createElement(On,{key:i,face:e,url:c,thumbWidth:n,thumbHeight:a,width:t,height:r})))}return p.createElement(wn,{onClick:a,onAuxClick:i,data:e,width:t,height:r,menuComponent:l},p.createElement("div",{style:{position:"absolute",top:0,left:0,bottom:0,right:0}},p.createElement(An,{url:c,noPreview:d,width:t}),p.createElement(Vn,{data:u,width:t,height:r}),m,h,e.acknowledged?p.createElement("div",{className:"acknowledged-overlay"},"acknowledged"):null,p.createElement(Un,{data:e,cameraNameHidden:n})))}));Wn.displayName="EventItem";const Yn=p.createContext({reportError:(e,t)=>{}});class qn extends p.Component{constructor(){super(...arguments),Object.defineProperty(this,"state",{enumerable:!0,configurable:!0,writable:!0,value:{hasError:!1}})}componentDidCatch(e,t){var r;this.setState({hasError:!0}),null===(r=this.context)\|\|void 0===r\|\|r.reportError(e,t),console.error(e),console.log(t)}render(){if(!this.state.hasError)return this.props.children;const{style:e,children:t,...r}=this.props;return p.createElement("div",{style:{flex:1,padding:10,display:"grid",placeItems:"center",alignContent:"center",textAlign:"center",...this.props.style},...r},p.createElement("h1",null,"Oops. Something went wrong"),p.createElement("div",null,"We've been notified about this problem"),p.createElement(Ze,{onClick:()=>this.setState({hasError:!1})},"retry"))}}function Zn({count:e,overscan:t=1,itemSize:r,horizontal:n=!1,spacing:a=0}){const[i,l]=v(),[o,s]=v(0),c=y((e=>{l(e\|\|void 0)}),[]);C((()=>{if(!i)return;const e=()=>{s(n?i.scrollLeft:i.scrollTop)};return i.addEventListener("scroll",e,{passive:!0,capture:!0}),()=>{i.removeEventListener("scroll",e)}}),[i,n]),C((()=>{i&&(n?i.scrollLeft!==o&&s(i.scrollLeft):i.scrollTop!==o&&s(i.scrollTop))}));return{parentRef:c,getItems:()=>{if(!i)return[];const l=[],{height:s,width:c}=i.getBoundingClientRect(),d=Math.max(0,Math.floor(o/(r+a))-t),u=Math.ceil((n?c:s)/(r+a))+2t;for(let t=d;t<Math.min(e,d+u);t++)l.push({idx:t,start:t(r+a),size:r});return l},getTotalSize:()=>re+Math.max(e-1,0)a}}Object.defineProperty(qn,"contextType",{enumerable:!0,configurable:!0,writable:!0,value:Yn});const Gn=A((({columnIndex:e,rowIndex:t,style:r,store:n,columnCount:a,eventRenderer:i})=>{var l,o;const s=ta+e,c=n.data[s];return s===n.data.length?n.error?p.createElement("div",{style:r},p.createElement("div",{style:{position:"absolute",inset:0,display:"grid",placeItems:"center"}},p.createElement("div",{style:{textAlign:"center"}},p.createElement("div",null,"Couldn't fetch more data"),p.createElement(Ze,{onClick:n.loadMore},"Retry")))):(null===(l=n.pageInfo)\|\|void 0===l?void 0:l.haveMore)?p.createElement("div",{style:r},p.createElement("div",{style:{position:"absolute",inset:0,display:"grid",placeItems:"center"}},p.createElement(Ft,{size:32}))):p.createElement("div",{style:r}):!c&&(null===(o=n.pageInfo)\|\|void 0===o?void 0:o.haveMore)?p.createElement("div",{style:r}):c?p.createElement("div",{style:r},p.createElement(qn,null,i({data:c,width:r.width,height:r.height}))):p.createElement("div",{style:r})})),Qn=A((({store:e,scrollWidth:t,onClick:r})=>e.pendingData.length?p.createElement("div",{style:{position:"absolute",top:0,left:0,right:t,pointerEvents:"none",textAlign:"center",padding:8}},p.createElement(Ze,{className:"x-3deye-button--overlay",style:{background:"rgba(0, 0, 0, 0.75)",padding:"8px 16px",backdropFilter:"blur(2px)",borderRadius:32,pointerEvents:"auto"},onClick:r},ue.t("showEvents",{count:e.pendingData.length}))):null)),Xn=A((({store:e,width:t,height:r,captionHeight:n=0,columnsCount:a=0,minColumnWidth:i,aspectRatio:l=16/9,onEventClick:o,onEventAuxClick:s,eventRenderer:c})=>{const d=g(null),u=()=>{d.current&&(e.setLiveUpdateMode("auto"),d.current.scrollTop=0)};if(C((()=>L((()=>e.loading\|\|!e.data.length),(e=>e&&u()))),[]),e.error&&!e.data.length)return p.createElement("div",{style:{flex:1,display:"flex",justifyContent:"center",alignItems:"center"}},p.createElement("div",{style:{textAlign:"center"}},p.createElement("div",null,"Couldn't fetch data"),p.createElement(Ze,{onClick:e.reload},"Retry")));if(e.loading)return p.createElement("div",{style:{flex:1,display:"flex",justifyContent:"center",alignItems:"center"}},p.createElement(Ft,null));if(!e.data.length)return p.createElement("div",{style:{flex:1,display:"flex",justifyContent:"center",alignItems:"center"}},ue.t("noEventsFound"));const m={store:e,width:t,columnsCount:a,minColumnWidth:i,aspectRatio:l,captionHeight:n,height:r,onEventClick:o,onEventAuxClick:s,eventRenderer:c,containerRef:d,resetScroll:u};return p.createElement(Jn,{...m})}));Xn.displayName="EventGrid";const Jn=A((({store:e,width:t,height:r,captionHeight:n=0,columnsCount:a=0,minColumnWidth:i=320,aspectRatio:l,containerRef:o,onEventClick:s,onEventAuxClick:c,eventRenderer:d=(({data:e,width:t,height:r})=>p.createElement(Wn,{data:e.data,cameraNameHidden:!1,onClick:s,onAuxClick:c,width:t,height:r})),resetScroll:u})=>{var m,h;const f=Math.floor(t/i)\|\|1,g=t/f/l+n,v=fMath.floor(r/g)>=e.data.length?0:yn(),b=Math.min(a,e.data.length)\|\|Math.max(1,Math.floor((t-v)/i));let y=Math.ceil(e.data.length/b);const E=(t-v-2(b-1))/b,w=E/l+n;(null===(m=e.pageInfo)\|\|void 0===m?void 0:m.haveMore)&&yb===e.data.length&&y++;const{parentRef:T,getItems:x,getTotalSize:D}=Zn({count:y,overscan:5,itemSize:w,spacing:2}),{parentRef:M,getItems:N,getTotalSize:O}=Zn({count:b,overscan:5,itemSize:E,horizontal:!0,spacing:2}),k=x(),P=N();C((()=>{var t;e.error\|\|(null===(t=e.pageInfo)\|\|void 0===t?void 0:t.haveMore)&&(e.loading\|\|k.length&&k.at(-1).idx+1===y&&e.loadMore())}),[e.error,null===(h=e.pageInfo)\|\|void 0===h?void 0:h.haveMore,k]);const F=k.flatMap((({idx:t,size:r,start:n})=>P.map((({idx:a,size:i,start:l})=>{var o;const s=t*b+a;return s>e.data.length?null:s!==e.data.length\|\|(null===(o=e.pageInfo)\|\|void 0===o?void 0:o.haveMore)?p.createElement(Gn,{key:e.data[s]?`${e.data[s].data.id}-${e.data[s].objectIdx}`:"loading",columnIndex:a,rowIndex:t,columnCount:b,style:{position:"absolute",top:0,left:0,height:r,width:i,transform:`translate(${l}px, ${n}px)`,display:"flex"},store:e,eventRenderer:d}):null}))));return p.createElement("div",{style:{width:"100%",height:"100%",overflow:"hidden",position:"relative"}},p.createElement("div",{ref:ne(o,T,M),style:{width:t,height:r,overflow:"auto"},onScroll:t=>{const{scrollTop:r}=t.target;"disabled"!==e.liveUpdateMode&&e.setLiveUpdateMode(r>=1\|\|e.pendingData.length?"manual":"auto")}},p.createElement("div",{style:{position:"relative",height:D(),width:O()}},F)),p.createElement(Qn,{store:e,scrollWidth:v,onClick:()=>{e.flushUpdates(),u()}}))})),Kn=({onEventClick:e,style:t,...r})=>{var n;const a=null!==(n=f(M))&&void 0!==n?n:N,[i,l]=v(),{ref:o,width:s,height:c}=(e=>{const{ref:t,width:r,height:n}=se(),[a,i]=v(0);return C((()=>{i((e=>e+1))}),e),{ref:t,width:r,height:n,fix:a}})([i]);return C((()=>(null==i\|\|i.dispose(),j((()=>a.initialized),(()=>{const e=new Te(a.events);e.initWith(a.api),e.load(),l(e)})))),[a]),p.createElement(me.Provider,{value:a},i?p.createElement("div",{style:{display:"flex",flexDirection:"column",textAlign:"left",...t},...r},p.createElement(We,{store:i}),p.createElement(yt,{store:i}),i.someAnalyticsFilterSelected&&p.createElement(p.Fragment,null,p.createElement(wt,{getter:i.getProbabilityThreshold,setter:i.setProbabilityThreshold}),p.createElement(Pt,{value:i.colors,toggle:i.toggleColor,clear:i.clearColors})),p.createElement("div",{ref:o,style:{flex:1,display:"flex"}},p.createElement(Xn,{minColumnWidth:1/0,store:i.loader,width:s,height:c,eventRenderer:({data:t,width:r,height:n})=>p.createElement(Wn,{data:t.data,cameraNameHidden:!1,onClick:e,width:r,height:n})}))):null)};var ea;Kn.displayName="EventList",(ea={resources:{en:{translation:ce}}})&&Object.assign(de,ea),ue.isInitialized?(de.resources?Object.keys(de.resources).forEach((e=>{ue.addResourceBundle(e,"translation",de.resources[e].translation,!0)})):console.warn("i18n is already initialized"),t(ue.t)):r(ue.init(de));export{Te as AllEventsStore,Kn as default};

package/package.json CHANGED Viewed

@@ -1,13 +1,13 @@
 {
   "name": "@3deye-toolkit/react-event-list",
-  "version": "0.0.3-alpha.1",
+  "version": "0.0.3-alpha.3",
   "module": "dist/react-event-list.js",
   "types": "dist/react-event-list.d.ts",
   "files": [
     "dist"
   ],
   "dependencies": {
-    "@3deye-toolkit/core": "0.0.3-alpha.1",
+    "@3deye-toolkit/core": "0.0.3-alpha.3",
     "@floating-ui/react": "^0.25.4",
     "@mantine/hooks": "^6.0.21",
     "@seznam/compose-react-refs": "^1.0.6",