@3deye-toolkit/react-event-list 0.0.1 → 0.0.2

package/dist/react-event-list.css

@@ -6,21 +6,18 @@
 	border-radius: 6px;
 	padding: 8px;
 	text-align: left;
-	-webkit-animation: slide-in 0.15s ease-in;
-	        animation: slide-in 0.15s ease-in;
+	animation: slide-in 0.15s ease-in;
 }
 
-@media(prefers-reduced-motion: reduce) {
-  .x-3deye-popover-container {
-    -webkit-animation: none;
-            animation: none;
-  }
+@media (prefers-reduced-motion: reduce) {
+	.x-3deye-popover-container {
+		animation: none;
+	}
 }
 
-
 .x-3deye-popover-container .tip {
-  --tip-background: #222;
-  --tip-border: rgb(255 255 255 /0.05);
+	--tip-background: #222;
+	--tip-border: rgb(255 255 255 /0.05);
 }
 
 .x-3deye-button {
@@ -117,8 +114,12 @@
 	border: 2px solid rgba(255, 255, 255, 0.5);
 }
 
-.x-3deye-button.x-3deye-button--overlay.x-3deye-button--overlay-danger:not(:disabled),
-.x-3deye-button.x-3deye-button--overlay.x-3deye-button--overlay-danger:not(:disabled):hover {
+.x-3deye-button.x-3deye-button--overlay.x-3deye-button--overlay-danger:not(
+		:disabled
+	),
+.x-3deye-button.x-3deye-button--overlay.x-3deye-button--overlay-danger:not(
+		:disabled
+	):hover {
 	background-color: rgba(156, 51, 49, 0.5);
 }
 
@@ -894,15 +895,15 @@
 }
 
 .events-panel-datepicker .date-button {
-  padding: 4px 8px;
-  display: flex;
-  flex-direction: column;
-  justify-content: center;
+	padding: 4px 8px;
+	display: flex;
+	flex-direction: column;
+	justify-content: center;
 }
 
 .events-panel-datepicker sup {
-  font-size: 0.75em;
-  opacity: 0.5;
+	font-size: 0.75em;
+	opacity: 0.5;
 }
 
 .x-3deye-popover-container.popover-datetimepicker,
@@ -943,15 +944,15 @@
 .segmented-control-wrapper {
 	display: inline-grid;
 	border-radius: 6px;
-  background-color: var(--surface-inverse);
+	background-color: var(--surface-inverse);
 }
 
 .segmented-control {
 	display: grid;
-  margin: 2px;
+	margin: 2px;
 	position: relative;
-  grid-auto-flow: column;
-  grid-auto-columns: 1fr;
+	grid-auto-flow: column;
+	grid-auto-columns: 1fr;
 	--indicator-offset: 0%;
 }
 
@@ -983,13 +984,13 @@
 	margin: 2px;
 	background: none;
 	border: none;
-  color: currentColor;
+	color: currentColor;
 	-webkit-user-select: none;
 	   -moz-user-select: none;
 	    -ms-user-select: none;
 	        user-select: none;
-  text-overflow: ellipsis;
-  overflow: hidden;
+	text-overflow: ellipsis;
+	overflow: hidden;
 	z-index: 1;
 }
 
@@ -1060,7 +1061,8 @@
 .x-3deye-slider__thumb {
 	will-change: transform box-shadow;
 	background: white;
-	box-shadow: 0 0 0 6px rgba(0, 100, 255, 0), 0 0 0 1px rgba(0, 0, 0, 0.1) inset, 1px 1px 2px 0 rgba(0, 0, 0, 0.25);
+	box-shadow: 0 0 0 6px rgba(0, 100, 255, 0), 0 0 0 1px rgba(0, 0, 0, 0.1) inset,
+		1px 1px 2px 0 rgba(0, 0, 0, 0.25);
 	width: 20px;
 	height: 20px;
 	border-radius: 50%;
@@ -1069,13 +1071,13 @@
 
 .x-3deye-slider:not(.disabled) .x-3deye-slider__thumb:hover,
 .x-3deye-slider:focus .x-3deye-slider__thumb {
-	box-shadow: 0 0 0 6px rgba(var(--surface-highlight-rgb, 0, 100, 255), 0.1), 0 0 0 1px rgba(0, 0, 0, 0.1) inset,
-		1px 1px 2px 0 rgba(0, 0, 0, 0.25);
+	box-shadow: 0 0 0 6px rgba(var(--surface-highlight-rgb, 0, 100, 255), 0.1),
+		0 0 0 1px rgba(0, 0, 0, 0.1) inset, 1px 1px 2px 0 rgba(0, 0, 0, 0.25);
 }
 
 .x-3deye-slider:focus .x-3deye-slider__thumb.active {
-	box-shadow: 0 0 0 6px rgba(var(--surface-highlight-rgb, 0, 100, 255), 0.2), 0 0 0 1px rgba(0, 0, 0, 0.1) inset,
-		1px 1px 2px 0 rgba(0, 0, 0, 0.25);
+	box-shadow: 0 0 0 6px rgba(var(--surface-highlight-rgb, 0, 100, 255), 0.2),
+		0 0 0 1px rgba(0, 0, 0, 0.1) inset, 1px 1px 2px 0 rgba(0, 0, 0, 0.25);
 }
 
 .x-3deye-slider.horizontal .x-3deye-slider__thumb {
@@ -1097,7 +1099,6 @@
 	color: var(--on-primary-color, white);
 	font-size: 0.75rem;
 	border-radius: 4px;
-	width: -webkit-fit-content;
 	width: -moz-fit-content;
 	width: fit-content;
 	min-width: 24px;
@@ -1108,7 +1109,9 @@
 }
 
 .x-3deye-slider__label.open,
-.x-3deye-slider:not(.disabled) .x-3deye-slider__thumb:hover .x-3deye-slider__label,
+.x-3deye-slider:not(.disabled)
+	.x-3deye-slider__thumb:hover
+	.x-3deye-slider__label,
 .x-3deye-slider:focus .x-3deye-slider__label {
 	transform: translate(-50%, -100%) scale(1);
 }
@@ -1136,7 +1139,7 @@
 
 .color-selector__items {
 	display: flex;
-  align-items: center;
+	align-items: center;
 }
 
 .color-selector__item {
@@ -1148,11 +1151,12 @@
 	padding: 0;
 	box-shadow: 0 0 0 1.5px currentColor;
 	transition: box-shadow 0.2s ease-in;
-  color: currentColor;
+	color: currentColor;
 }
 
 .color-selector__item:focus {
-	box-shadow: 0 0 0 1.5px currentColor, 0 0 0 5px rgba(var(--surface-highlight-rgb), 0.2);
+	box-shadow: 0 0 0 1.5px currentColor,
+		0 0 0 5px rgba(var(--surface-highlight-rgb), 0.2);
 }
 
 .color-selector__item:focus:active {
@@ -1169,16 +1173,15 @@
 }
 
 .color-selector__clear {
-  border-radius: 50%;
-  padding: 6px;
+	border-radius: 50%;
+	padding: 6px;
 }
 
 .preloader-container {
-  color: var(--on-container);
-  flex: 1;
-  display: flex;
-  justify-content: center;
-  align-items: center;
+	flex: 1;
+	display: flex;
+	justify-content: center;
+	align-items: center;
 }
 
 .event-list-item {

package/dist/react-event-list.d.ts

@@ -16,7 +16,7 @@ declare class CameraEvent {
     constructor(raw: RawSensorEvent);
 }
 
-declare interface DetectedObject {
+declare type DetectedObject = {
     Type: string;
     Value?: string;
     Number?: string;
@@ -30,7 +30,22 @@ declare interface DetectedObject {
     Colors?: {
         Color: string;
     }[];
-}
+} | {
+    Type: 'Car';
+    BodyType?: string;
+    Value?: string;
+    Number?: string;
+    Box: {
+        Left: number;
+        Top: number;
+        Right: number;
+        Bottom: number;
+    };
+    Probability: number;
+    Colors?: {
+        Color: string;
+    }[];
+};
 
 declare const EventList: React_2.FC<Props>;
 export default EventList;

package/dist/react-event-list.js

@@ -1 +1 @@
-import{format as e,subHours as t,startOfHour as r,isSameYear as n,isSameDay as i}from"date-fns/esm";import a from"i18next";import{of as o,from as l,Observable as s,Subscription as c,throwError as d,EMPTY as u}from"rxjs";import h,{useContext as m,useRef as p,useCallback as f,cloneElement as g,useState as v,createContext as b,Children as y,useEffect as E,useLayoutEffect as w}from"react";import{AppContext as x,app as C}from"@3deye-toolkit/core";import{computed as O,makeObservable as T,observable as M,action as L,runInAction as N,reaction as P,when as j}from"mobx";import{subHours as I}from"date-fns";import{mergeMap as _,catchError as k,switchMap as S,map as D,exhaustMap as F}from"rxjs/operators";import z from"earcut";import A,{components as H}from"react-select";import R from"clsx";import{observer as $,useLocalObservable as B}from"mobx-react-lite";import{useFloating as V,offset as U,flip as W,shift as G,arrow as Y,autoUpdate as X,useInteractions as Z,useRole as q,useDismiss as J,FloatingPortal as K,FloatingFocusManager as Q,useHover as ee}from"@floating-ui/react";import te from"react-datepicker";import re from"react-ink";import ne from"@seznam/compose-react-refs";import*as ie from"@sentry/browser";import{useElementSize as ae}from"@mantine/hooks";var oe={filter:"Filter",eventSearchFilter:{from:"From",to:"To",live:"Live"},button:{ok:"Ok"},showEvents_one:"show {{count}} new event",showEvents_other:"show {{count}} new events",noEventsFound:"no events found"};const le=new Map,se={detection:{order:["querystring","htmlTag","navigator"],lookupQuerystring:"lang"},fallbackLng:"en",load:"all",interpolation:{escapeValue:!1}},ce=a.createInstance();function de(t,r){const n=le.get(ce.language);return e(t,r,{locale:n})}const ue=h.createContext(null);var he,me;function pe(e,t=!1){const r=O(e);return new s((e=>{const n=r.observe_((({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.Uncategorized=40]="Uncategorized",e[e.Unknown=999]="Unknown"}(me||(me={}));class fe{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 c?e.closed||e.unsubscribe():e()}))}}const ge=new Set(["LicensePlate","FaceDetection","Analytic","SpeedDetection","Temperature","PoS","GPS","DigitalInput"]);class ve{constructor(e){if(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,"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}),T(this,{id:O,startTime:O,endTime:O,acknowledged:O,isLive:O,raw:M.ref}),this.raw=e,this.type=e.eventType,this.cameraId=e.sensorId,("Analytic"===this.type||"FaceDetection"===this.type)&&e.data)try{const t=JSON.parse(e.data);t.FoundObjects&&(this.type="Analytic",this.detectedObjects=t.FoundObjects),t.Faces&&(this.type="FaceDetection",this.faces=t.Faces),this.thumbnailUrl=t.ThumbnailUrl}catch{console.warn("invalid data",e.data),this.type="Motion"}this.instant=ge.has(this.type),this.detectedObjects||(this.detectedObjects=[])}get id(){return this.raw.id}get startTime(){return new Date(this.raw.startTime)}get endTime(){return new Date(this.raw.endTime)}get isLive(){return!ge.has(this.type)&&+this.startTime==+this.endTime}get acknowledged(){return"sensorId"in this.raw&&!!this.raw.ackEventType}}var be="undefined"!=typeof globalThis?globalThis:"undefined"!=typeof window?window:"undefined"!=typeof global?global:"undefined"!=typeof self?self:{};var ye=function(e,t,r){var n=-1,i=e.length;t<0&&(t=-t>i?0:i+t),(r=r>i?i:r)<0&&(r+=i),i=t>r?0:r-t>>>0,t>>>=0;for(var a=Array(i);++n<i;)a[n]=e[n+t];return a};var Ee=function(e,t){return e===t||e!=e&&t!=t},we="object"==typeof be&&be&&be.Object===Object&&be,xe="object"==typeof self&&self&&self.Object===Object&&self,Ce=we||xe||Function("return this")(),Oe=Ce.Symbol,Te=Oe,Me=Object.prototype,Le=Me.hasOwnProperty,Ne=Me.toString,Pe=Te?Te.toStringTag:void 0;var je=function(e){var t=Le.call(e,Pe),r=e[Pe];try{e[Pe]=void 0;var n=!0}catch(e){}var i=Ne.call(e);return n&&(t?e[Pe]=r:delete e[Pe]),i},Ie=Object.prototype.toString;var _e=je,ke=function(e){return Ie.call(e)},Se=Oe?Oe.toStringTag:void 0;var De=function(e){return null==e?void 0===e?"[object Undefined]":"[object Null]":Se&&Se in Object(e)?_e(e):ke(e)};var Fe=function(e){var t=typeof e;return null!=e&&("object"==t||"function"==t)},ze=De,Ae=Fe;var He=function(e){if(!Ae(e))return!1;var t=ze(e);return"[object Function]"==t||"[object GeneratorFunction]"==t||"[object AsyncFunction]"==t||"[object Proxy]"==t};var Re=He,$e=function(e){return"number"==typeof e&&e>-1&&e%1==0&&e<=9007199254740991};var Be=/^(?:0|[1-9]\d*)$/;var Ve=Ee,Ue=function(e){return null!=e&&$e(e.length)&&!Re(e)},We=function(e,t){var r=typeof e;return!!(t=null==t?9007199254740991:t)&&("number"==r||"symbol"!=r&&Be.test(e))&&e>-1&&e%1==0&&e<t},Ge=Fe;var Ye=/\s/;var Xe=function(e){for(var t=e.length;t--&&Ye.test(e.charAt(t)););return t},Ze=/^\s+/;var qe=De,Je=function(e){return null!=e&&"object"==typeof e};var Ke=function(e){return e?e.slice(0,Xe(e)+1).replace(Ze,""):e},Qe=Fe,et=function(e){return"symbol"==typeof e||Je(e)&&"[object Symbol]"==qe(e)},tt=/^[-+]0x[0-9a-f]+$/i,rt=/^0b[01]+$/i,nt=/^0o[0-7]+$/i,it=parseInt;var at=function(e){if("number"==typeof e)return e;if(et(e))return NaN;if(Qe(e)){var t="function"==typeof e.valueOf?e.valueOf():e;e=Qe(t)?t+"":t}if("string"!=typeof e)return 0===e?e:+e;e=Ke(e);var r=rt.test(e);return r||nt.test(e)?it(e.slice(2),r?2:8):tt.test(e)?NaN:+e};var ot=function(e){return e?Infinity===(e=at(e))||-Infinity===e?17976931348623157e292*(e<0?-1:1):e==e?e:0:0===e?e:0};var lt=ye,st=function(e,t,r){if(!Ge(r))return!1;var n=typeof t;return!!("number"==n?Ue(r)&&We(t,r.length):"string"==n&&t in r)&&Ve(r[t],e)},ct=function(e){var t=ot(e),r=t%1;return t==t?r?t-r:t:0},dt=Math.ceil,ut=Math.max;var ht=function(e,t,r){t=(r?st(e,t,r):void 0===t)?1:ut(ct(t),0);var n=null==e?0:e.length;if(!n||t<1)return[];for(var i=0,a=0,o=Array(dt(n/t));i<n;)o[a++]=lt(e,i,i+=t);return o};const mt=([e,t],[r,n],[i,a])=>{const o=(n-t)*(i-r)-(r-e)*(a-n);return 0===o?0:o>0?1:2},pt=([e,t],[r,n],[i,a])=>r<=Math.max(e,i)&&r>=Math.min(e,i)&&n<=Math.max(t,a)&&n>=Math.min(t,a),ft=(e,t,r)=>!(e<r.x||t<r.y||e>r.x+r.width||t>r.y+r.height),gt=(e,t,r)=>{const n=r.y1*r.x3-r.x1*r.y3+(r.y3-r.y1)*e+(r.x1-r.x3)*t,i=r.x1*r.y2-r.y1*r.x2+(r.y1-r.y2)*e+(r.x2-r.x1)*t;if(n<0!=i<0)return!1;const a=-r.y2*r.x3+r.y1*(r.x3-r.x2)+r.x1*(r.y2-r.y3)+r.x2*r.y3;return a<0?n<=0&&n+i>=a:n>=0&&n+i<=a},vt=(e,t)=>{if(ft(t.x1,t.y1,e))return!0;if(ft(t.x2,t.y2,e))return!0;if(ft(t.x3,t.y3,e))return!0;if(gt(e.x,e.y,t))return!0;if(gt(e.x+e.width,e.y,t))return!0;if(gt(e.x+e.width,e.y+e.height,t))return!0;if(gt(e.x,e.y+e.height,t))return!0;const r=[[[e.x,e.y],[e.x+e.width,e.y]],[[e.x+e.width,e.y],[e.x+e.width,e.y+e.height]],[[e.x,e.y+e.height],[e.x+e.width,e.y+e.height]],[[e.x,e.y],[e.x,e.y+e.height]]];return!![[[t.x1,t.y1],[t.x2,t.y2]],[[t.x1,t.y1],[t.x3,t.y3]]].some((e=>r.some((t=>(([e,t],[r,n])=>{const i=mt(e,t,r),a=mt(e,t,n),o=mt(r,n,e),l=mt(r,n,t);return i!==a&&o!==l||!(0!==i||!pt(e,r,t))||!(0!==a||!pt(e,n,t))||!(0!==o||!pt(r,e,n))||!(0!==l||!pt(r,t,n))})(t,e)))))};class bt extends fe{constructor(e,t="events"){super(),Object.defineProperty(this,"eventsStore",{enumerable:!0,configurable:!0,writable:!0,value:e}),Object.defineProperty(this,"mode",{enumerable:!0,configurable:!0,writable:!0,value:t}),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,"updateTrigger",{enumerable:!0,configurable:!0,writable:!0,value:0}),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,"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,"sortDirection",{enumerable:!0,configurable:!0,writable:!0,value:"DESC"}),Object.defineProperty(this,"probabilityThreshold",{enumerable:!0,configurable:!0,writable:!0,value:.5}),Object.defineProperty(this,"from",{enumerable:!0,configurable:!0,writable:!0,value:void 0}),Object.defineProperty(this,"to",{enumerable:!0,configurable:!0,writable:!0,value:void 0}),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,"regions",{enumerable:!0,configurable:!0,writable:!0,value:null}),Object.defineProperty(this,"eventTypes",{enumerable:!0,configurable:!0,writable:!0,value:[]}),Object.defineProperty(this,"loadingInited",{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.loadingInited||(this.loadingInited=!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,"requestData",{enumerable:!0,configurable:!0,writable:!0,value:({sortDirection:e,from:t,to:r,filter:n,pageInfo:i,cameras:a,regions:l})=>{var s;return this.api.cameras.GetSensorEventsPage({sensorIds:a,sensorType:"camera",sensorEventTypes:this.eventTypes,startTime:t,endTime:r,isDescending:"DESC"===e,rowsLimit:10,pageToken:null==i?void 0:i.nextPageToken},n,null!==(s=null==l?void 0:l.map(this.regionToWktPolygon))&&void 0!==s?s:[]).pipe(_((e=>e.success?o({events:e.resultItems,pageInfo:e.pageInfo}):d((()=>e.error)))),k((e=>(console.error(e),this.error=e,o({events:[],pageInfo:null})))))}}),Object.defineProperty(this,"toObjects",{enumerable:!0,configurable:!0,writable:!0,value:e=>"events"===this.mode?[{data:e,objectIdx:-1}]:e.detectedObjects.map(((e,t)=>{var r,n;return this.detectedObjects.length&&!this.detectedObjects.includes(e.Type)||this.colors.size&&!(null===(r=e.Colors)||void 0===r?void 0:r.some((e=>this.colors.has(e.Color))))||null!==this.probabilityThreshold&&e.Probability<this.probabilityThreshold||(null===(n=this.regions)||void 0===n?void 0:n.length)&&!this.regions.some((t=>((e,t)=>{const r=e.map((({x:e,y:t})=>[e,t]));return ht(z(r.flat()),3).some((r=>vt(t,{x1:e[r[0]].x,y1:e[r[0]].y,x2:e[r[1]].x,y2:e[r[1]].y,x3:e[r[2]].x,y3:e[r[2]].y})))})(t,this.boxToAabb(e.Box))))?-1:t})).filter((e=>-1!==e)).map((t=>({data:e,objectIdx:t})))}),T(this,{data:M.ref,cameras:M.struct,detectedObjects:M.struct,from:M,to:M,sortDirection:M,probabilityThreshold:M,pendingData:M.ref,liveUpdateMode:M,setLiveUpdateMode:L,updateTrigger:M,colors:M.ref,flushUpdates:L,pageInfo:M.ref,isLive:O,loading:M,loadMoreTrigger:M,retryTrigger:M,error:M.ref,loadMore:L,filterJson:O})}get isLive(){return"DESC"===this.sortDirection&&!this.to}get totalCount(){return this.data.length}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)}initDataLoading(){const e=pe((()=>({from:this.from?+this.from:void 0,to:this.to?+this.to:void 0,sortDirection:this.sortDirection,filter:this.filterJson,cameraFilters:this.cameras,regions:this.regions})),!0);this.disposables.push(e.pipe(S((e=>pe((()=>this.retryTrigger),!0).pipe(D((()=>e))))),S((({from:e,to:t,sortDirection:r,filter:n,cameraFilters:i,regions:a})=>(N((()=>{this.loading=!0,this.pageInfo=null,this.error=null,this.data=[],this.pendingData=[]})),this.requestData({from:e?new Date(e):void 0,to:t?new Date(t):void 0,sortDirection:r,filter:n,cameras:i,pageInfo:this.pageInfo,regions:a}))))).subscribe((({events:e,pageInfo:t})=>{N((()=>{var r,n,i;if(!t)return;const a=e.map(yt);this.isLive?this.data=this.uniquelyConcat(this.eventsStore.getEvents({cameraIds:this.cameras,eventTypes:this.eventTypes.map((e=>me[e])),from:null!==(n=null===(r=a[0])||void 0===r?void 0:r.startTime)&&void 0!==n?n:I(new Date,1),to:null,colors:this.colors.size?this.colors:void 0,detectedObjectTypes:this.detectedObjects,probability:null!==(i=this.probabilityThreshold)&&void 0!==i?i:void 0}),a).flatMap(this.toObjects):this.data=a.flatMap(this.toObjects),this.eventsStore.add(a),this.pageInfo=t,this.loading=!1}))}))),this.disposables.push(e.pipe(S((({from:e,to:t,sortDirection:r,filter:n,cameraFilters:i})=>pe((()=>this.loadMoreTrigger)).pipe(F((()=>this.requestData({from:e?new Date(e):void 0,to:t?new Date(t):void 0,sortDirection:r,filter:n,cameras:i,pageInfo:this.pageInfo,regions:this.regions}))))))).subscribe((({events:e,pageInfo:t})=>{if(!t)return;const r=e.map(yt);this.eventsStore.add(r),N((()=>{this.data=this.data.concat(r.flatMap(this.toObjects)),this.pageInfo=t,this.loading=!1}))})))}initLiveUpdates(){this.disposables.push(pe((()=>({liveUpdateMode:this.liveUpdateMode,isLive:this.isLive})),!0).pipe(S((({liveUpdateMode:e,isLive:t})=>t&&"auto"===e?pe((()=>this.eventsStore.recentAdditions)):u))).subscribe((e=>{if(this.loading)return;if(!this.pageInfo&&this.error)return;const t=this.filter(e.map((e=>this.eventsStore.eventsById.get(e))));t.length&&N((()=>{this.data=[...t.flatMap(this.toObjects),...this.data]}))}))),this.disposables.push(pe((()=>({liveUpdateMode:this.liveUpdateMode,isLive:this.isLive})),!0).pipe(S((({liveUpdateMode:e,isLive:t})=>t&&"manual"===e?pe((()=>this.eventsStore.recentAdditions)):(this.pendingData&&N((()=>this.pendingData=[])),u)))).subscribe((e=>{if(!this.data.length)return;const t=this.filter(e.map((e=>this.eventsStore.eventsById.get(e))));t.length&&N((()=>{this.pendingData=[...t.flatMap(this.toObjects),...this.pendingData]}))})))}filter(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=>me[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)&&(null===(t=e.Colors)||void 0===t?void 0:t.some((e=>this.colors.has(e.Color)))):this.detectedObjects.includes(e.Type))}))))),t}boxToAabb(e){return{x:e.Left,y:e.Top,width:e.Right-e.Left,height:e.Bottom-e.Top}}regionToWktPolygon(e){return e.length?"POLYGON (("+e.concat(e[0]).map((({x:e,y:t})=>`${e} ${t}`)).join(", ")+"))":"POLYGON (())"}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 c?e.closed||e.unsubscribe():e()}))}}function yt(e){return new ve(e)}const Et={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"},wt={50:"#e0f7fa",100:"#b2ebf2",200:"#80deea",300:"#4dd0e1",400:"#26c6da",500:"#00bcd4",600:"#00acc1",700:"#0097a7",800:"#00838f",900:"#006064",A100:"#84ffff",A200:"#18ffff",A400:"#00e5ff",A700:"#00b8d4"},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"},Ct={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"},Ot={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"},Tt={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"};class Mt extends fe{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,"date",{enumerable:!0,configurable:!0,writable:!0,value:null}),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,"facesProbabilityThreshold",{enumerable:!0,configurable:!0,writable:!0,value:.7}),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,"eventsLoader",{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=t(r(new Date),1))}}),Object.defineProperty(this,"applyFilters",{enumerable:!0,configurable:!0,writable:!0,value:()=>{var e;this.eventsLoader.cameras=this.cameraFilters.map((e=>e.id)),this.eventsLoader.detectedObjects=this.objectFilters.map((e=>e.id)),this.eventsLoader.colors=this.colors,this.eventsLoader.probabilityThreshold=this.objectFilters.length?this.probabilityThreshold:null,"ASC"===this.sortDirection?(this.eventsLoader.sortDirection="ASC",this.eventsLoader.to=void 0,this.eventsLoader.from=this.date):(this.eventsLoader.sortDirection="DESC",this.eventsLoader.from=void 0,this.eventsLoader.to=null!==(e=this.date)&&void 0!==e?e:void 0)}}),Object.defineProperty(this,"getProbabilityTreshold",{enumerable:!0,configurable:!0,writable:!0,value:()=>this.probabilityThreshold}),Object.defineProperty(this,"setProbabilityTreshold",{enumerable:!0,configurable:!0,writable:!0,value:e=>{this.probabilityThreshold=e,this.applyFilters()}}),T(this,{cameraFilters:M.ref,objectFilters:M.ref,date:M,sortDirection:M,probabilityThreshold:M,setProbabilityTreshold:L,facesProbabilityThreshold:M,colors:M.ref,someAnalyticsFilterSelected:O,filters:O,setFilters:L,load:L,toggleColor:L.bound,clearColors:L.bound,applyFilters:L,toggleSorting:L}),this.eventsLoader=new bt(e),this.eventsLoader.loading=!0,this.eventsLoader.probabilityThreshold=null}get someAnalyticsFilterSelected(){return!!this.objectFilters.length}get filters(){return this.objectFilters.concat(this.cameraFilters)}load(){this.eventsLoader.load()}setFilters(e){this.cameraFilters=e?e.filter((e=>!("type"in e))):[],this.objectFilters=e?e.filter((e=>"type"in e)):[]}toggleColor(e){const t=new Set(this.colors);this.colors.has(e)?t.delete(e):t.add(e),this.colors=t,this.applyFilters()}clearColors(){this.colors=new Set,this.applyFilters()}afterInit(){this.eventsLoader.initWith(this.api)}dispose(){this.disposables.forEach((e=>{e instanceof c?e.closed||e.unsubscribe():e()})),this.eventsLoader.dispose()}}var Lt,Nt=(Lt=8,{container:e=>({...e,padding:Lt}),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% - ${2*Lt}px)`,marginTop:Lt?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 Pt(e){return h.forwardRef(((t,r)=>{const{size:n=24,color:i="currentColor",className:a,...o}=t,l=e.viewBox||"0 0 24 24",s=e.svg;return h.createElement("svg",{ref:r,preserveAspectRatio:"xMinYMin",className:R("icon",a),width:n,fill:i,viewBox:l,...o},s)}))}const jt=Pt({viewBox:"0 0 24 24",svg:h.createElement("g",null,h.createElement("path",{d:"M0 0h24v24H0z",fill:"none"}),h.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"}))});jt.displayName="LabelIcon";const It=Pt({viewBox:"0 0 24 24",svg:h.createElement("g",null,h.createElement("path",{d:"M0 0h24v24H0z",fill:"none"}),h.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"}))});It.displayName="CameraIcon";const _t=Pt({viewBox:"0 0 24 24",svg:h.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"})});_t.displayName="LuggageIcon";const kt=Pt({viewBox:"0 0 24 24",svg:h.createElement(h.Fragment,null,h.createElement("path",{d:"M0 0h24v24H0z",fill:"none"}),h.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"}))});kt.displayName="CarIcon";const St=Pt({viewBox:"0 0 24 24",svg:h.createElement(h.Fragment,null,h.createElement("path",{d:"M0 0h24v24H0z",fill:"none"}),h.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"}))});St.displayName="BoatIcon";const Dt=Pt({viewBox:"0 0 24 24",svg:h.createElement(h.Fragment,null,h.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"}))});Dt.displayName="BicycleIcon";const Ft=Pt({viewBox:"0 0 24 24",svg:h.createElement("g",null,h.createElement("path",{d:"M0 0h24v24H0z",fill:"none"}),h.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"}))});Ft.displayName="DirectionsWalkIcon";const zt=Pt({viewBox:"0 0 24 24",svg:h.createElement(h.Fragment,null,h.createElement("path",{d:"M0 0h24v24H0z",fill:"none"}),h.createElement("circle",{cx:"4.5",cy:"9.5",r:"2.5"}),h.createElement("circle",{cx:"9",cy:"5.5",r:"2.5"}),h.createElement("circle",{cx:"15",cy:"5.5",r:"2.5"}),h.createElement("circle",{cx:"19.5",cy:"9.5",r:"2.5"}),h.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"}))});zt.displayName="PetsIcon";const At=Pt({viewBox:"0 0 24 24",svg:h.createElement(h.Fragment,null,h.createElement("path",{d:"M0 0h24v24H0z",fill:"none"}),h.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"}),h.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"}),h.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"}),h.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"}))});At.displayName="LicensePlateIcon";const Ht=({data:e})=>{const t=16;return"licensePlate"===e.type?null:"detectedObject"!==e.type?h.createElement(It,{size:t}):"Luggage"===e.id?h.createElement(_t,{size:t}):"Car"===e.id?h.createElement(kt,{size:t}):"Person"===e.id?h.createElement(Ft,{size:t}):"Bicycle"===e.id?h.createElement(Dt,{size:t}):"Boat"===e.id?h.createElement(St,{size:t}):"Animal"===e.id?h.createElement(zt,{size:t}):"LicensePlate"===e.id?h.createElement(At,{size:t}):h.createElement(jt,{size:t})},Rt=e=>{const{children:t,innerProps:r,...n}=e,{Option:i}=H,{data:a}=e;if("licensePlate"===a.type)return h.createElement(i,{innerProps:r,...n},h.createElement("span",{style:{paddingLeft:8,paddingRight:8,borderRadius:4,border:"1px solid black"}},t));if("detectedObject"===a.type){const e={display:"inline-flex",alignItems:"center",width:"auto"},o={...r,style:e};return h.createElement(i,{innerProps:o,...n},h.createElement(Ht,{data:a}),h.createElement("div",{style:{marginLeft:4}},t))}return h.createElement(i,{...e})},$t=e=>{const{children:t,innerProps:r,...n}=e,{MultiValueLabel:i}=H,{data:a}=e,o={...r,style:{display:"flex",alignItems:"center"}};return h.createElement(i,{innerProps:o,...n},h.createElement(Ht,{data:a}),h.createElement("div",{style:{marginLeft:4}},t))},Bt=Pt({viewBox:"0 0 24 24",svg:h.createElement(h.Fragment,null,h.createElement("path",{d:"M10 18h4v-2h-4v2zM3 6v2h18V6H3zm3 7h12v-2H6v2z"}),h.createElement("path",{d:"M0 0h24v24H0z",fill:"none"}))});Bt.displayName="FilterListIcon";const Vt={...Nt,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,isFocused:r})=>"color"in t?"type"in t&&"licensePlate"===t.type?{...e,color:t.color,backgroundColor:r?wt[50]:"transparent",":active":{...e[":active"],backgroundColor:wt[100]}}:{...e,color:t.color}:{...e,color:"black"}},Ut=e=>{const{children:t,...r}=e;return h.createElement(H.Placeholder,{...r},h.createElement(Bt,{size:16,style:{position:"relative",top:4}})," ",t)},Wt=$((({addionalFiltersEnabled:e,store:t})=>{const{cameras:r,eventSchema:n}=m(ue),i=p({opened:!1});return h.createElement(A,{closeMenuOnSelect:!1,isMulti:!0,onChange:(e,r)=>{t.setFilters(e),"remove-value"!==r.action||i.current.opened||t.applyFilters()},onMenuOpen:()=>i.current.opened=!0,onMenuClose:()=>{i.current.opened=!1,t.applyFilters()},getOptionLabel:e=>e.name,getOptionValue:e=>e.id,options:(()=>{if(!n)return[];const t=e?n.foundObjectTypesForSelect:[];return r.loaded?[].concat(t,r.data.slice()):t})(),placeholder:ce.t("filter"),value:t.filters,components:{MultiValueLabel:$t,Option:Rt,Placeholder:Ut},styles:Vt})}));Wt.displayName="EventsPanelSelect";const Gt=h.forwardRef((function({width:e,height:t,placement:r="top",style:n},i){const a=[0,"top"===r?t:0],o=[e,a[1]],l=[e/2,t-a[1]],s=[e/4,t*("top"===r?3:1)/4],c=[.325*e,t-a[1]],d=[e-c[0],c[1]],u=[e-s[0],s[1]],m=e=>e.join(","),p=`M ${m(a)} C ${m(s)} ${m(c)} ${m(l)} ${m(d)} ${m(u)} ${m(o)}`,f=`${p} Z`;return h.createElement("svg",{ref:i,className:"tip",style:n,width:e,height:t,fill:"var(--tip-background, #fff)"},h.createElement("path",{className:"tip-body",d:f}),h.createElement("path",{className:"tip-border",d:p,stroke:"var(--tip-border, transparent)",strokeWidth:1}))})),Yt=({opened:e,onOpenChange:t,children:r,target:n,placement:i,className:a,autoDismiss:o=!0,withArrow:l=!1})=>{var s,c,d;const u=p(null),{x:m,y:v,reference:b,floating:y,strategy:E,context:w,middlewareData:x,placement:C,update:O}=V({open:e,onOpenChange:t,middleware:[U(5),W(),G(),Y({element:u})],placement:i,whileElementsMounted:(e,t,r)=>X(e,t,r,{animationFrame:!0})}),{getReferenceProps:T,getFloatingProps:M}=Z([q(w),J(w,{ancestorScroll:!0,enabled:o})]),L=f((e=>{u.current=e,O()}),[O]),N={top:"bottom",right:"left",bottom:"top",left:"right"}[null!==(s=null==C?void 0:C.split("-")[0])&&void 0!==s?s:"top"]||"top",P=h.createElement("div",{...M({className:R("x-3deye-popover-container",a),ref:y,style:{position:E,top:null!=v?v:0,left:null!=m?m:0}})},l&&h.createElement(Gt,{ref:L,width:24,height:8,placement:N,style:{position:"absolute",left:null===(c=x.arrow)||void 0===c?void 0:c.x,top:null===(d=x.arrow)||void 0===d?void 0:d.y,[N]:-7}}),r);return h.createElement(h.Fragment,null,g(n,T({ref:b,...n.props})),h.createElement(K,{id:"x-3deye-floating-ui-root"},o&&e&&h.createElement(Q,{context:w,modal:!1,order:["reference","content"],returnFocus:!1},P),!o&&e&&P))},Xt=({children:e,label:t,placement:r="bottom"})=>{const[n,i]=v(!1),{x:a,y:o,reference:l,floating:s,strategy:c,context:d}=V({placement:r,open:n,onOpenChange:i,middleware:[U(5),W(),G({padding:8})],whileElementsMounted:(e,t,r)=>X(e,t,r,{animationFrame:!0})}),{getReferenceProps:u,getFloatingProps:m}=Z([ee(d),q(d,{role:"tooltip"}),J(d,{referencePress:!0})]);return h.createElement(h.Fragment,null,g(e,u({ref:ne(l,e.ref),...e.props})),h.createElement(K,{id:"x-3deye-floating-ui-root"},n&&h.createElement("div",{...m({ref:s,className:"x-3deye-tooltip",style:{position:c,top:null!=o?o:0,left:null!=a?a:0}})},t)))};class Zt extends h.Component{render(){const{forwardedRef:e,children:t,className:r,fullWidth:n,variant:i,type:a,title:o,placement:l,...s}=this.props,c=R(r,"x-3deye-button",{"x-3deye-button--fullwidth":n},i?`x-3deye-button--${i}`:void 0),d=h.createElement("button",{ref:e,className:c,type:a||"button",...s},t,s.disabled?null:h.createElement(re,null));return o?h.createElement(Xt,{label:o,placement:l},d):d}}const qt=h.forwardRef(((e,t)=>h.createElement(Zt,{forwardedRef:t,...e}))),Jt=Pt({viewBox:"0 0 24 24",svg:h.createElement("g",null,h.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"}),h.createElement("path",{d:"M0 0h24v24H0z",fill:"none"}))});Jt.displayName="CloseIcon";const Kt=(e,t,r)=>Math.min(Math.max(e,t),r),Qt=()=>{};/Mac|iPod|iPhone|iPad/.test(window.navigator.platform);const er=(e,t,r,n)=>Kt(Math.floor((e-t)/r*n),0,n-1),tr=b({value:null,onPointerDown:Qt,setCurrentValue:Qt,state:{currentIdx:0,currentValue:null,options:[]}});class rr{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,T(this,{currentIdx:M,options:M.ref,currentValue:O,setCurrentIdx:L,setOptions:L})}get currentValue(){return this.options[this.currentIdx]}}const nr=$(h.forwardRef((({value:e,onChange:t,children:r,style:n},i)=>{const[a,o]=v(!1),l=p(null),s=y.map(r,(e=>null==e?void 0:e.props.value))||[],c=B((()=>new rr(s.indexOf(e))));c.setOptions(s);const d=y.count(r);E((()=>{c.setCurrentIdx(s.indexOf(e))}),[e]),E((()=>{var e;if(!a)return;const r=null===(e=l.current)||void 0===e?void 0:e.getBoundingClientRect();if(!r)return;const n=({clientX:e})=>{c.setCurrentIdx(er(e,r.left,r.width,d))},i=()=>{o(!1),t(s[c.currentIdx])};return document.addEventListener("pointermove",n),document.addEventListener("pointerup",i),()=>{document.removeEventListener("pointermove",n),document.removeEventListener("pointerup",i)}}),[a,d]);return h.createElement(tr.Provider,{value:{value:e,state:c,onPointerDown:e=>{const t=l.current;if(!t)return;const{left:r,width:n}=t.getBoundingClientRect(),i=er(e.clientX,r,n,d);i!==c.currentIdx&&c.setCurrentIdx(i),o(!0)},setCurrentValue:e=>{c.setCurrentIdx(s.indexOf(e))}}},h.createElement("div",{className:"segmented-control-wrapper",style:n,ref:i},h.createElement("div",{role:"radiogroup",ref:l,className:"segmented-control",style:{"--indicator-offset":100*c.currentIdx+"%"}},h.createElement("div",{"aria-hidden":!0,className:R("segmented-control-indicator",{active:a}),style:{width:100/s.length+"%"}},h.createElement("div",{className:"segmented-control-indicator-inner"})),r)))})));nr.displayName="SegmentedControl";const ir=$(h.forwardRef((({value:e,children:t},r)=>{const n=m(tr);return h.createElement("button",{ref:r,role:"radio","aria-checked":n.state.currentValue===e,tabIndex:0,className:R("segmented-control-button",{current:n.state.currentValue===e}),onPointerDown:n.onPointerDown,onClick:()=>n.setCurrentValue(e)},t)})));ir.displayName="SegmentedControlOption";const ar=$((({store:e})=>{const{date:t,sortDirection:r}=e,n=B((()=>({opened:!1,toggle(){this.opened=!this.opened},setOpened(e){this.opened=e},close(){this.opened=!1,e.applyFilters()},onDateChange(t){e.date=t},clear(){e.date=null,e.applyFilters()}}))),i=h.createElement("div",{style:{flex:1,display:"flex",position:"relative"}},h.createElement(qt,{className:"date-button",style:{flex:1,alignItems:"flex-start",borderRadius:0,textTransform:"uppercase"},onClick:n.toggle},t?h.createElement("sup",null,"ASC"===r?ce.t("eventSearchFilter.from"):ce.t("eventSearchFilter.to")):null,h.createElement("span",null,t?de(t,"MMM d, HH:mm"):ce.t("eventSearchFilter.live"))),t?h.createElement(qt,{className:"x-3deye-button--icon",style:{position:"absolute",right:0},onClick:n.clear},h.createElement(Jt,{size:16})):null);return h.createElement("div",{className:"events-panel-datepicker"},h.createElement("div",{style:{position:"relative"}},h.createElement(Yt,{target:i,opened:n.opened,onOpenChange:e=>n.setOpened(e),withArrow:!0,className:"popover-datetimepicker"},h.createElement("div",{style:{display:"flex",flexDirection:"column",gap:8}},h.createElement(nr,{value:r,onChange:e.toggleSorting},h.createElement(ir,{value:"ASC"},ce.t("eventSearchFilter.from")),h.createElement(ir,{value:"DESC"},ce.t("eventSearchFilter.to"))),h.createElement(te,{selected:t,onChange:n.onDateChange,showTimeSelect:!0,dateFormat:"MMM d, HH:mm",timeFormat:"HH:mm",inline:!0}),h.createElement(qt,{onClick:n.close,variant:"filled",fullWidth:!0},ce.t("button.ok"))))))}));ar.displayName="EventsPanelDatepicker";const or=e=>Math.round(e),lr=h.forwardRef((({value:e,onChange:t,onChangeComplete:r,orientation:n="horizontal",disabled:i=!1,labelFormat:a=(e=>`${e}`),style:o},l)=>{const s=p(null),c=p(null),[d,u]=v(!1),[m,g]=v(e);E((()=>{if(!d)return;const e=s.current;if(!e)return;let i=0,a=0;const o=e.getBoundingClientRect();if(!o)return;const l=({clientX:e,clientY:r})=>{if(!c.current)return;let l=0;"horizontal"===n?(i=Kt(e-o.x,0,o.width),l=i/o.width*100,c.current.style.transform=`translateX(${i}px)`):(a=o.height-Kt(r-o.y,0,o.height),l=a/o.height*100,c.current.style.transform=`translateY(${-a}px)`),g(l),null==t||t(or(l))},h=({clientX:e,clientY:i})=>{if(u(!1),!c.current)return;const a="horizontal"===n?Kt(e-o.x,0,o.width)/o.width*100:100*(1-Kt(i-o.y,0,o.height)/o.height);c.current.style.transform="",g(a),null==t||t(or(a)),null==r||r(or(a))},m=()=>{if(u(!1),!c.current)return;const e="horizontal"===n?i/o.width*100:a/o.height*100;c.current.style.transform="",null==t||t(or(e)),null==r||r(or(e))};return e.addEventListener("pointercancel",m),e.addEventListener("pointermove",l),e.addEventListener("pointerup",h),()=>{e.removeEventListener("pointercancel",m),e.removeEventListener("pointermove",l),e.removeEventListener("pointerup",h)}}),[d,n,t]);const b=f((({clientX:e,clientY:r,pointerId:a})=>{if(!s.current||i)return;u(!0),s.current.setPointerCapture(a);const o=s.current.getBoundingClientRect();if(!o)return;if(!c.current)return;let l=0;if("horizontal"===n){const t=Kt(e-o.x,0,o.width);l=t/o.width*100,c.current.style.transform=`translateX(${t}px)`}else{const e=o.height-Kt(r-o.y,0,o.height);l=e/o.height*100,c.current.style.transform=`translateY(${-e}px)`}g(l),null==t||t(or(l))}),[n,i]),y=f((n=>{if(i)return;let a=null;"ArrowLeft"===n.code?a=Math.max(e-1,0):"ArrowRight"===n.code?a=Math.min(e+1,100):"ArrowDown"===n.code?a=Math.max(e-1,0):"ArrowUp"===n.code&&(a=Math.min(e+1,100)),null!==a&&(n.stopPropagation(),n.preventDefault(),null==t||t(a),null==r||r(a))}),[e,t,r,n,i]);return h.createElement("div",{ref:ne(l,s),tabIndex:0,onKeyDown:y,className:R("x-3deye-slider",n,{disabled:i}),onPointerDown:b,style:o},h.createElement("div",{className:"x-3deye-slider__track"},h.createElement("div",{className:"x-3deye-slider__bar",style:{width:"horizontal"===n?`${d?m:e}%`:void 0,height:"vertical"===n?`${d?m:e}%`:void 0}})),h.createElement("div",{ref:c,className:R("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"}},h.createElement("div",{className:"x-3deye-slider__label "+(d?"open":"")},a(d?or(m):e))))}));lr.displayName="Slider";const sr=$((({getter:e,setter:t})=>{const[r,n]=v(0),i=p(null),a=Math.floor(100*e());return E((()=>P(e,(e=>{n(Math.floor(100*e))}),{fireImmediately:!0})),[e]),h.createElement("div",{ref:i,style:{paddingLeft:8,paddingRight:8,marginTop:5}},h.createElement("div",{style:{display:"flex",justifyContent:"space-between"}},h.createElement("div",null,"CONFIDENCE"),h.createElement("div",{style:{fontSize:"1.1em"}},a,"%")),h.createElement("div",{style:{padding:"0 10px"}},h.createElement(lr,{value:r,labelFormat:e=>`${e}%`,onChangeComplete:e=>{t(e/100)}})))}));sr.displayName="ProbabilitySlider";const cr=Pt({viewBox:"0 0 24 24",svg:h.createElement(h.Fragment,null,h.createElement("path",{fill:"none",d:"M0 0h24v24H0z"}),h.createElement("path",{d:"M9 16.2L4.8 12l-1.4 1.4L9 19 21 7l-1.4-1.4L9 16.2z"}))});cr.displayName="DoneIcon";const dr=[{color:Ot[500],name:"red",highlightColor:Ot[100]},{color:xt[500],name:"green",highlightColor:xt[100]},{color:Et[500],name:"blue",highlightColor:Et[100]},{color:Tt[500],name:"yellow",highlightColor:Tt[900]},{color:"#000",name:"black",highlightColor:"#fff"},{color:"#fff",name:"white",highlightColor:"#000"},{color:Ct[500],name:"dimgrey",highlightColor:Ct[100]}],ur=$((({value:e,clear:t,toggle:r})=>h.createElement("div",{className:"color-selector"},h.createElement("div",null,"COLOR"),h.createElement("div",{className:"color-selector__items"},dr.map((({color:t,highlightColor:n,name:i})=>h.createElement("button",{key:i,className:R("color-selector__item",{selected:e.has(i)}),style:{backgroundColor:t},onClick:r.bind(null,i)},h.createElement(cr,{color:n,size:20})))),h.createElement(qt,{className:"color-selector__clear",disabled:!e.size,onClick:t},h.createElement(Jt,{size:20}))))));ur.displayName="ColorSelector";const hr=({size:e=48})=>h.createElement("svg",{width:e,height:e,xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 100 100",preserveAspectRatio:"xMidYMid"},h.createElement("rect",{x:"0",y:"0",width:"100",height:"100",fill:"none",className:"bk"}),h.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)"},h.createElement("animate",{attributeName:"opacity",from:"1",to:"0",dur:"1s",begin:"0s",repeatCount:"indefinite"})),h.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)"},h.createElement("animate",{attributeName:"opacity",from:"1",to:"0",dur:"1s",begin:"0.08333333333333333s",repeatCount:"indefinite"})),h.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)"},h.createElement("animate",{attributeName:"opacity",from:"1",to:"0",dur:"1s",begin:"0.16666666666666666s",repeatCount:"indefinite"})),h.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)"},h.createElement("animate",{attributeName:"opacity",from:"1",to:"0",dur:"1s",begin:"0.25s",repeatCount:"indefinite"})),h.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)"},h.createElement("animate",{attributeName:"opacity",from:"1",to:"0",dur:"1s",begin:"0.3333333333333333s",repeatCount:"indefinite"})),h.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)"},h.createElement("animate",{attributeName:"opacity",from:"1",to:"0",dur:"1s",begin:"0.4166666666666667s",repeatCount:"indefinite"})),h.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)"},h.createElement("animate",{attributeName:"opacity",from:"1",to:"0",dur:"1s",begin:"0.5s",repeatCount:"indefinite"})),h.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)"},h.createElement("animate",{attributeName:"opacity",from:"1",to:"0",dur:"1s",begin:"0.5833333333333334s",repeatCount:"indefinite"})),h.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)"},h.createElement("animate",{attributeName:"opacity",from:"1",to:"0",dur:"1s",begin:"0.6666666666666666s",repeatCount:"indefinite"})),h.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)"},h.createElement("animate",{attributeName:"opacity",from:"1",to:"0",dur:"1s",begin:"0.75s",repeatCount:"indefinite"})),h.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)"},h.createElement("animate",{attributeName:"opacity",from:"1",to:"0",dur:"1s",begin:"0.8333333333333334s",repeatCount:"indefinite"})),h.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)"},h.createElement("animate",{attributeName:"opacity",from:"1",to:"0",dur:"1s",begin:"0.9166666666666666s",repeatCount:"indefinite"})));hr.displayName="Preloader";var mr,pr=Ce["__core-js_shared__"],fr=(mr=/[^.]+$/.exec(pr&&pr.keys&&pr.keys.IE_PROTO||""))?"Symbol(src)_1."+mr:"";var gr=function(e){return!!fr&&fr in e},vr=Function.prototype.toString;var br=He,yr=gr,Er=Fe,wr=function(e){if(null!=e){try{return vr.call(e)}catch(e){}try{return e+""}catch(e){}}return""},xr=/^\[object .+?Constructor\]$/,Cr=Function.prototype,Or=Object.prototype,Tr=Cr.toString,Mr=Or.hasOwnProperty,Lr=RegExp("^"+Tr.call(Mr).replace(/[\\^$.*+?()[\]{}|]/g,"\\$&").replace(/hasOwnProperty|(function).*?(?=\\\()| for .+?(?=\\\])/g,"$1.*?")+"$");var Nr=function(e){return!(!Er(e)||yr(e))&&(br(e)?Lr:xr).test(wr(e))},Pr=function(e,t){return null==e?void 0:e[t]};var jr=function(e,t){var r=Pr(e,t);return Nr(r)?r:void 0},Ir=jr(Object,"create"),_r=Ir;var kr=function(){this.__data__=_r?_r(null):{},this.size=0};var Sr=function(e){var t=this.has(e)&&delete this.__data__[e];return this.size-=t?1:0,t},Dr=Ir,Fr=Object.prototype.hasOwnProperty;var zr=function(e){var t=this.__data__;if(Dr){var r=t[e];return"__lodash_hash_undefined__"===r?void 0:r}return Fr.call(t,e)?t[e]:void 0},Ar=Ir,Hr=Object.prototype.hasOwnProperty;var Rr=function(e){var t=this.__data__;return Ar?void 0!==t[e]:Hr.call(t,e)},$r=Ir;var Br=function(e,t){var r=this.__data__;return this.size+=this.has(e)?0:1,r[e]=$r&&void 0===t?"__lodash_hash_undefined__":t,this},Vr=kr,Ur=Sr,Wr=zr,Gr=Rr,Yr=Br;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=Vr,Xr.prototype.delete=Ur,Xr.prototype.get=Wr,Xr.prototype.has=Gr,Xr.prototype.set=Yr;var Zr=Xr;var qr=function(){this.__data__=[],this.size=0},Jr=Ee;var Kr=function(e,t){for(var r=e.length;r--;)if(Jr(e[r][0],t))return r;return-1},Qr=Kr,en=Array.prototype.splice;var tn=function(e){var t=this.__data__,r=Qr(t,e);return!(r<0)&&(r==t.length-1?t.pop():en.call(t,r,1),--this.size,!0)},rn=Kr;var nn=function(e){var t=this.__data__,r=rn(t,e);return r<0?void 0:t[r][1]},an=Kr;var on=Kr;var ln=function(e,t){var r=this.__data__,n=on(r,e);return n<0?(++this.size,r.push([e,t])):r[n][1]=t,this},sn=qr,cn=tn,dn=nn,un=function(e){return an(this.__data__,e)>-1},hn=ln;function mn(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])}}mn.prototype.clear=sn,mn.prototype.delete=cn,mn.prototype.get=dn,mn.prototype.has=un,mn.prototype.set=hn;var pn=mn,fn=jr(Ce,"Map"),gn=Zr,vn=pn,bn=fn;var yn=function(e){var t=typeof e;return"string"==t||"number"==t||"symbol"==t||"boolean"==t?"__proto__"!==e:null===e};var En=function(e,t){var r=e.__data__;return yn(t)?r["string"==typeof t?"string":"hash"]:r.map},wn=En;var xn=En;var Cn=En;var On=En;var Tn=function(e,t){var r=On(this,e),n=r.size;return r.set(e,t),this.size+=r.size==n?0:1,this},Mn=function(){this.size=0,this.__data__={hash:new gn,map:new(bn||vn),string:new gn}},Ln=function(e){var t=wn(this,e).delete(e);return this.size-=t?1:0,t},Nn=function(e){return xn(this,e).get(e)},Pn=function(e){return Cn(this,e).has(e)},jn=Tn;function In(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])}}In.prototype.clear=Mn,In.prototype.delete=Ln,In.prototype.get=Nn,In.prototype.has=Pn,In.prototype.set=jn;var _n=In;function kn(e,t){if("function"!=typeof e||null!=t&&"function"!=typeof t)throw new TypeError("Expected a function");var r=function(){var n=arguments,i=t?t.apply(this,n):n[0],a=r.cache;if(a.has(i))return a.get(i);var o=e.apply(this,n);return r.cache=a.set(i,o)||a,o};return r.cache=new(kn.Cache||_n),r}kn.Cache=_n;const Sn=kn((()=>{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})),Dn=$((({data:e,children:t,onClick:r,onAuxClick:n,menuComponent:i})=>{const a=p(null),o=p(null);return h.createElement("div",{ref:a,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=a.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),onContextMenu:e=>{var t;e.preventDefault(),a.current&&(null===(t=o.current)||void 0===t||t.toggleAt(a.current,{top:e.clientY,left:e.clientX}))},draggable:!0},t,i&&h.createElement(i,{ref:o,data:e}))}));function Fn(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}Dn.displayName="EventListItem";const zn=({className:e,style:t,box:{Top:r,Left:n,Right:i,Bottom:a}})=>h.createElement(h.Fragment,null,h.createElement("div",{className:e,style:{position:"absolute",top:100*r+"%",left:100*n+"%",bottom:100*(1-a)+"%",right:100*(1-i)+"%",...t}}));function An({style:e}){return h.createElement("div",{className:"frame",style:e},h.createElement("div",{className:"corner-highlight-tl"}),h.createElement("div",{className:"corner-highlight-tr"}),h.createElement("div",{className:"corner-highlight-br"}),h.createElement("div",{className:"corner-highlight-bl"}))}function Hn({Top:e,Left:t,Bottom:r,Right:n},i,a,o,l){const s=l*e,c=l*r;return s>a?[0,-1]:c>a?[0,1]:o*t>i?[-1,0]:o*n>i?[1,0]:[0,s>c?1:-1]}function Rn(e,t){return{Top:e.Top+t[1],Left:e.Left+t[0],Bottom:e.Bottom+t[1],Right:e.Right+t[0]}}zn.displayName="LicensePlateLpr";const $n=({face:{Name:e,Box:t,Probability:r},url:n,thumbWidth:i,thumbHeight:a,width:o,height:l})=>{const{Top:s,Left:c,Right:d,Bottom:u}=t,m=100/i/(d-c),f={top:2},g=p(null);return w((()=>{if(!g.current)return;const{width:e,height:r}=g.current.getBoundingClientRect(),n=Hn(t,e,r,o,l);n[0]=n[0]*(e+(d-c)*o)/2,n[1]=n[1]*(r+(u-s)*l)/2;const i=Fn(Rn({Top:(s+u)/2*l-r/2,Left:(c+d)/2*o-e/2,Bottom:(s+u)/2*l+r/2,Right:(c+d)/2*o+e/2},n),o,l,0);g.current.style.top=`${i.Top+2*Math.sign(n[1])}px`,g.current.style.left=`${i.Left+2*Math.sign(n[0])}px`})),c>=1-d?f.left=2:f.right=2,h.createElement(h.Fragment,null,h.createElement("div",{ref:g,className:"event-list-item__detected-object-label trigger",title:`${e} ${Math.floor(100*r)}%`},h.createElement("div",{style:{padding:4,display:"flex",alignItems:"center",maxWidth:120,whiteSpace:"break-spaces"}},e),h.createElement("div",{className:"event-list-item__detected-object-label__caption",style:{color:"black",backgroundColor:"orange"}},Math.floor(100*r),"%")),h.createElement(zn,{className:"trigger",box:t,style:{outline:"1px solid orange"}}),h.createElement("div",{className:"event-list-item-face preview",style:{overflow:"hidden",width:i*(d-c)*m,height:a*(u-s)*m,...f}},h.createElement("img",{style:{width:i*m,height:a*m,transform:`translate(-${100*c}%, -${100*s}%)`},src:n}),h.createElement(An,null)))};$n.displayName="FaceHighlight";const Bn=h.memo((({value:e})=>e?h.createElement(h.Fragment,null,e.split("").map(((e,t)=>{const r=e.charCodeAt(0);return r<48||r>57?h.createElement(h.Fragment,{key:t},e):h.createElement("span",{key:t,className:"digit"},e)}))):null));Bn.displayName="LicensePlateNumber";const Vn=({detectedObject:e,height:t,width:r,url:n,thumbWidth:i,thumbHeight:a})=>{const{Type:o,Box:{Top:l,Left:s,Right:c,Bottom:d},Probability:u}=e,m=e.Value||e.Number,f=p(null);w((()=>{if(!f.current)return;const e=f.current.getBoundingClientRect();let n=(s+c)/2*r-e.width/2,i=l*t-e.height-4;i<0&&(i=d*t+4),n<0&&(n=0),n>r-e.width&&(n=r-e.width),f.current.style.top=`${i}px`,f.current.style.left=`${n}px`}));const g={top:2};s>=1-c?g.left=2:g.right=2;const v=100/i/(c-s);return h.createElement(h.Fragment,null,h.createElement("div",{ref:f,className:"event-list-item__license-plate-label trigger",title:`${o.toLowerCase()} ${Math.floor(100*u)}%`},h.createElement("div",{style:{padding:4}},h.createElement(Bn,{value:m})),h.createElement("div",{className:"event-list-item__license-plate-label__caption"},Math.floor(100*u),"%")),h.createElement(zn,{className:"event-list-item__license-plate-trigger trigger",box:e.Box}),h.createElement("div",{className:"event-list-item__license-plate preview",style:{overflow:"hidden",width:i*(c-s)*v,height:a*(d-l)*v+16,position:"absolute",...g}},h.createElement("img",{style:{width:i*v,height:a*v,transform:`translate(-${100*s}%, -${100*l}%)`},src:n}),h.createElement("div",{className:"plate-number"},h.createElement(Bn,{value:m})),h.createElement(An,{style:{height:a*(d-l)*v}})))};Vn.displayName="LicensePlateHighlight";const Un=Pt({viewBox:"0 0 24 24",svg:h.createElement(h.Fragment,null,h.createElement("path",{d:"M0 0h24v24H0z",fill:"none"}),h.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"}))});Un.displayName="ThermostatIcon";const Wn=$((({data:e})=>{if("Temperature"!==e.type)return null;let t=Number(e.raw.data);return t=5*(t-32)/9+273.15,h.createElement("div",{className:"event-list-item__temperature"},h.createElement(Un,null),(t-273.15).toFixed(1),"°C / ",(9*t/5-459.67).toFixed(1),"°F")}));Wn.displayName="Temperature";const Gn=$((({data:e,cameraNameHidden:t})=>{var r;const a=m(ue),{cameras:o}=a,l=o.loaded&&(null===(r=o.camerasById.get(e.cameraId))||void 0===r?void 0:r.name)||"...";return h.createElement("div",{className:"event-list-item-caption"},h.createElement("div",{className:"event-list-item__time"},function(e,t){let r="",a="";return n(e,new Date)?i(e,new Date)?r=a="HH:mm":i(e,t)?(r="EEE d MMM HH:mm",a="HH:mm"):r=a="EEE d MMM HH:mm":n(e,t)?(r="yyyy d MMM HH:mm",a="d MMM HH:mm"):r=a="yyyy d MMM HH:mm",(e.getSeconds()||t.getSeconds())&&(r+=":ss",a+=":ss"),+e==+t?`${de(e,r)}`:`${de(e,r)} - ${de(t,a)}`}(e.startTime,e.endTime)),t?null:h.createElement("div",{className:"event-list-item__camera-name",title:l},l),+e.endTime-+e.startTime>0&&h.createElement("div",{className:"event-list-item__duration"},function(e,t=!0){if((e=Math.round(e/1e3))<60)return`${e}s`;const r=e%60,n=t?`${r}`:`${r}`.padStart(2,"0");let i=(e-r)/60;if(i<60)return!r&&t?`${i}m`:`${i}m ${n}s`;const a=Math.floor(i/60);if(i-=60*a,!r&&!i&&t)return`${a}h`;const o=t?`${i}`:`${i}`.padStart(2,"0");return!r&&i&&t?`${a}h ${o}m`:`${a}h ${o}m ${n}s`}(+e.endTime-+e.startTime)),h.createElement(Wn,{data:e}))}));Gn.displayName="EventListItemCaption";const Yn=$((({url:e,noPreview:t,width:r})=>h.createElement(h.Fragment,null,e?h.createElement("img",{key:e,style:{position:"absolute",width:"100%",height:"100%",top:0,left:0},src:e}):null,h.createElement(re,{radius:r}),t?h.createElement("div",{className:"no-preview-overlay"}):null)));function Xn({Top:e,Left:t,Bottom:r,Right:n}){return[(t+n)/2,(e+r)/2]}function Zn(e,t){const[r,n]=Xn(e),[i,a]=Xn(t);return[i-r,a-n]}function qn(e,t){return!(e.Left>t.Right||e.Top>t.Bottom||e.Right<t.Left||e.Bottom<t.Top)}function Jn([e,t]){const r=Math.sqrt(e*e+t*t);return 0===r?[0,0]:[e/r,t/r]}Yn.displayName="EventThumbnail";const Kn=$((({data:e,width:t,height:r})=>{const n=p(null),{eventSchema:i}=m(ue);return w((()=>{if(!n.current)return;const i=[],a=[];for(let o=0;o<e.length;o++){const l=n.current.children[2*o+1],s=e[o].Box;i.push({Top:s.Top*r,Left:s.Left*t,Bottom:s.Bottom*r,Right:s.Right*t});const[c,d]=Xn(i[o]),{width:u,height:h}=l.getBoundingClientRect(),m=Hn(s,u,h,t,r);a.push(Rn({Top:d-h/2-4,Left:c-u/2-4,Bottom:d+h/2+4,Right:c+u/2+4},m))}let o=!0,l=0;for(;o;){if(o=!1,l++>1e3){console.warn("Reached max iterations for label positioning");break}for(let t=0;t<e.length;t++){const r=a[t],n=[0,0];for(let l=0;l<e.length;l++){const e=i[l],s=a[l];if(qn(r,e)){const t=Zn(e,r);n[0]=n[0]+t[0],n[1]=n[1]+t[1],o=!0}if(l!==t&&qn(r,s)){const e=Zn(s,r);n[0]=n[0]+e[0],n[1]=n[1]+e[1],o=!0}}[n[0],n[1]]=Jn(n),r.Top+=n[1],r.Left+=n[0],r.Bottom+=n[1],r.Right+=n[0]}}for(let i=0;i<e.length;i++){const e=n.current.children[2*i+1],{Top:o,Left:l}=Fn(a[i],t,r,4);e.style.top=o+4+"px",e.style.left=l+4+"px"}}),[e,t,r]),h.createElement("div",{ref:n},e.map((({Box:e,Probability:t,Type:r},n)=>h.createElement(h.Fragment,{key:n},h.createElement(zn,{box:e,style:{outline:`2px solid ${i.colorsByFoundObjectType.get(r)}`}}),h.createElement("div",{className:"event-list-item__detected-object-label",title:`${r.toLowerCase()} ${Math.floor(100*t)}%`},h.createElement("div",{style:{padding:4,lineHeight:"24px"}},r.toLowerCase()),h.createElement("div",{className:"event-list-item__detected-object-label__caption",style:{backgroundColor:i.colorsByFoundObjectType.get(r)}},Math.floor(100*t),"%"))))))}));Kn.displayName="DetectedObjects";const Qn=$((({data:e,width:t,height:r,cameraNameHidden:n,onClick:i,onAuxClick:a,menuComponent:o})=>{const l=m(ue),{eventSchema:s}=l,[c,d]=function(e){var t;const[r,n]=v(null),i=m(ue),{cameras:a,thumbnails:o}=i;E((()=>{if(e.thumbnailUrl)return void n(null);const t=o.fetchThumbnail(e.cameraId,e.startTime,e.startTime).subscribe((e=>{n(e||null)}));return()=>t.unsubscribe()}),[e.id]);let l="",s=!1;return e.thumbnailUrl?l=e.thumbnailUrl:null===r&&a.loaded?(l=(null===(t=a.camerasById.get(e.cameraId))||void 0===t?void 0:t.imageUrl)||"",s=!0):r&&(l=r.url),[l,s]}(e);let u=[],p=null,f=null;if(e.detectedObjects.length){let n,i;const{ThumbnailSize:a}=JSON.parse(e.raw.data);a&&(n=a.Width,i=a.Height),u=e.detectedObjects.filter((({Type:e})=>s.foundObjectTypes.includes(e)&&"LicensePlate"!==e)),p=e.detectedObjects.filter((({Type:e})=>"LicensePlate"===e)).map(((e,a)=>h.createElement(Vn,{key:a,detectedObject:e,width:t,height:r,thumbWidth:n,thumbHeight:i,url:c})))}if(e.faces){const{Width:n,Height:i}=JSON.parse(e.raw.data).ThumbnailSize;f=e.faces.map(((e,a)=>h.createElement($n,{key:a,face:e,url:c,thumbWidth:n,thumbHeight:i,width:t,height:r})))}return h.createElement(Dn,{onClick:i,onAuxClick:a,data:e,width:t,height:r,cameraNameHidden:n,menuComponent:o},h.createElement("div",{style:{position:"absolute",top:0,left:0,bottom:0,right:0}},h.createElement(Yn,{url:c,noPreview:d,width:t}),h.createElement(Kn,{data:u,width:t,height:r}),p,f,e.acknowledged?h.createElement("div",{className:"acknowledged-overlay"},"acknowledged"):null,h.createElement(Gn,{data:e,cameraNameHidden:n})))}));Qn.displayName="EventItem";class ei extends h.Component{constructor(){super(...arguments),Object.defineProperty(this,"state",{enumerable:!0,configurable:!0,writable:!0,value:{hasError:!1}})}componentDidCatch(e,t){this.setState({hasError:!0}),ie.withScope((r=>{Object.keys(t).forEach((e=>{r.setExtra(e,t[e])})),ie.captureException(e)})),console.error(e),console.log(t)}render(){if(!this.state.hasError)return this.props.children;const{style:e,children:t,...r}=this.props;return h.createElement("div",{style:{flex:1,padding:10,display:"grid",placeItems:"center",alignContent:"center",textAlign:"center",...this.props.style},...r},h.createElement("h1",null,"Oops. Something went wrong"),h.createElement("div",null,"We've been notified about this problem"),h.createElement(qt,{onClick:()=>this.setState({hasError:!1})},"retry"))}}function ti({count:e,overscan:t=1,itemSize:r,horizontal:n=!1,spacing:i=0}){const[a,o]=v(),[l,s]=v(0),c=f((e=>{o(e||void 0)}),[]);E((()=>{if(!a)return;const e=()=>{s(n?a.scrollLeft:a.scrollTop)};return a.addEventListener("scroll",e,{passive:!0,capture:!0}),()=>{a.removeEventListener("scroll",e)}}),[a,n]);return{parentRef:c,getItems:()=>{if(!a)return[];const o=[],{height:s,width:c}=a.getBoundingClientRect(),d=Math.max(0,Math.floor(l/(r+i))-t),u=Math.ceil((n?c:s)/(r+i))+2*t;for(let t=d;t<Math.min(e,d+u);t++)o.push({idx:t,start:t*(r+i),size:r});return o},getTotalSize:()=>r*e+Math.max(e-1,0)*i}}const ri=$((({columnIndex:e,rowIndex:t,style:r,store:n,columnCount:i,eventRenderer:a})=>{var o,l;const s=t*i+e,c=n.data[s];return s===n.data.length?n.error?h.createElement("div",{style:r},h.createElement("div",{style:{position:"absolute",inset:0,display:"grid",placeItems:"center"}},h.createElement("div",{style:{textAlign:"center"}},h.createElement("div",null,"Couldn't fetch more data"),h.createElement(qt,{onClick:n.loadMore},"Retry")))):(null===(o=n.pageInfo)||void 0===o?void 0:o.haveMore)?h.createElement("div",{style:r},h.createElement("div",{style:{position:"absolute",inset:0,display:"grid",placeItems:"center"}},h.createElement(hr,{size:32}))):h.createElement("div",{style:r}):!c&&(null===(l=n.pageInfo)||void 0===l?void 0:l.haveMore)?h.createElement("div",{style:r}):c?h.createElement("div",{style:r},h.createElement(ei,null,a({data:c,width:r.width,height:r.height}))):h.createElement("div",{style:r})})),ni=$((({store:e,scrollWidth:t,onClick:r})=>e.pendingData.length?h.createElement("div",{style:{position:"absolute",top:0,left:0,right:t,pointerEvents:"none",textAlign:"center",padding:8}},h.createElement(qt,{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},ce.t("showEvents",{count:e.pendingData.length}))):null)),ii=$((({store:e,width:t,height:r,captionHeight:n=0,minColumnWidth:i=180,aspectRatio:a=16/9,onEventClick:o,onEventAuxClick:l,eventRenderer:s})=>{const c=p(null),d=()=>{c.current&&(c.current.scrollTop=0)};if(e.error&&!e.data.length)return d(),h.createElement("div",{style:{flex:1,display:"flex",justifyContent:"center",alignItems:"center"}},h.createElement("div",{style:{textAlign:"center"}},h.createElement("div",null,"Couldn't fetch data"),h.createElement(qt,{onClick:e.reload},"Retry")));if(e.loading)return d(),h.createElement("div",{style:{flex:1,display:"flex",justifyContent:"center",alignItems:"center"}},h.createElement(hr,null));if(!e.data.length)return d(),h.createElement("div",{style:{flex:1,display:"flex",justifyContent:"center",alignItems:"center"}},ce.t("noEventsFound"));const u={store:e,width:t,minColumnWidth:i,aspectRatio:a,captionHeight:n,height:r,onEventClick:o,onEventAuxClick:l,eventRenderer:s,containerRef:c,resetScroll:d};return h.createElement(ai,{...u})}));ii.displayName="EventGrid";const ai=$((({store:e,width:t,height:r,captionHeight:n=0,minColumnWidth:i=180,aspectRatio:a,containerRef:o,onEventClick:l,onEventAuxClick:s,eventRenderer:c=(({data:e,width:t,height:r})=>h.createElement(Qn,{data:e.data,cameraNameHidden:!1,onClick:l,onAuxClick:s,width:t,height:r})),resetScroll:d})=>{var u,m;const p=Math.floor(t/i)||1,f=t/p/a+n,g=p*Math.floor(r/f)>=e.data.length?0:Sn(),v=Math.max(1,Math.floor((t-g)/i));let b=Math.ceil(e.data.length/v);const y=(t-g-2*(v-1))/v,w=y/a+n;(null===(u=e.pageInfo)||void 0===u?void 0:u.haveMore)&&b*v===e.data.length&&b++;const{parentRef:x,getItems:C,getTotalSize:O}=ti({count:b,overscan:5,itemSize:w,spacing:2}),{parentRef:T,getItems:M,getTotalSize:L}=ti({count:v,overscan:5,itemSize:y,horizontal:!0,spacing:2}),N=C(),P=M();E((()=>{var t;e.error||(null===(t=e.pageInfo)||void 0===t?void 0:t.haveMore)&&(e.loading||N.length&&N.at(-1).idx+1===b&&e.loadMore())}),[e.error,null===(m=e.pageInfo)||void 0===m?void 0:m.haveMore,N]);const j=N.flatMap((({idx:t,size:r,start:n})=>P.map((({idx:i,size:a,start:o})=>{var l;const s=t*v+i;return s>e.data.length?null:s!==e.data.length||(null===(l=e.pageInfo)||void 0===l?void 0:l.haveMore)?h.createElement(ri,{key:e.data[s]?`${e.data[s].data.id}-${e.data[s].objectIdx}`:"loading",columnIndex:i,rowIndex:t,columnCount:v,style:{position:"absolute",top:0,left:0,height:r,width:a,transform:`translate(${o}px, ${n}px)`,display:"flex"},store:e,eventRenderer:c}):null}))));return h.createElement("div",{style:{width:"100%",height:"100%",overflow:"hidden",position:"relative"}},h.createElement("div",{ref:ne(o,x,T),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")}},h.createElement("div",{style:{position:"relative",height:O(),width:L()}},j)),h.createElement(ni,{store:e,scrollWidth:g,onClick:()=>{e.flushUpdates(),e.setLiveUpdateMode("auto"),d()}}))})),oi=({onEventClick:e,style:t,...r})=>{var n;const i=null!==(n=m(x))&&void 0!==n?n:C,[a,o]=v(),{ref:l,width:s,height:c}=(e=>{const{ref:t,width:r,height:n}=ae(),[i,a]=v(0);return E((()=>{a((e=>e+1))}),e),{ref:t,width:r,height:n,fix:i}})([a]);return E((()=>(null==a||a.dispose(),j((()=>i.initialized),(()=>{const e=new Mt(i.events);e.initWith(i.api),e.load(),o(e)})))),[i]),h.createElement(ue.Provider,{value:i},a?h.createElement("div",{style:{display:"flex",flexDirection:"column",textAlign:"left",...t},...r},h.createElement(Wt,{addionalFiltersEnabled:!0,store:a}),h.createElement(ar,{store:a}),a.someAnalyticsFilterSelected&&h.createElement(h.Fragment,null,h.createElement(sr,{getter:a.getProbabilityTreshold,setter:a.setProbabilityTreshold}),h.createElement(ur,{value:a.colors,toggle:a.toggleColor,clear:a.clearColors})),h.createElement("div",{ref:l,style:{flex:1,display:"flex"}},h.createElement(ii,{minColumnWidth:1/0,store:a.eventsLoader,width:s,height:c,eventRenderer:({data:t,width:r,height:n})=>h.createElement(Qn,{data:t.data,cameraNameHidden:!1,onClick:e,width:r,height:n})}))):null)};var li;oi.displayName="EventList",(li={resources:{en:{translation:oe}}})&&Object.assign(se,li),ce.isInitialized?(se.resources?Object.keys(se.resources).forEach((e=>{ce.addResourceBundle(e,"translation",se.resources[e].translation,!0)})):console.warn("i18n is already initialized"),o(ce.t)):l(ce.init(se));export{oi as default};
+import{format as e,subHours as t,startOfHour as r,isSameYear as n,isSameDay as i}from"date-fns/esm";import a from"i18next";import{of as l,from as o,Observable as s,Subscription as c,mergeMap as d,throwError as u,catchError as h,startWith as m,switchMap as p,map as f,exhaustMap as g,EMPTY as v,Subject as b}from"rxjs";import y,{useContext as E,useRef as w,useCallback as C,cloneElement as x,useState as T,createContext as O,Children as M,useEffect as P,useLayoutEffect as N}from"react";import{AppContext as L,app as j}from"@3deye-toolkit/core";import{computed as F,makeObservable as I,observable as _,action as k,runInAction as S,reaction as D,when as z}from"mobx";import{subHours as A}from"date-fns";import H,{components as R}from"react-select";import $ from"clsx";import{observer as B,useLocalObservable as V}from"mobx-react-lite";import{useFloating as U,offset as q,flip as W,shift as Z,arrow as G,autoUpdate as Q,useInteractions as Y,useRole as X,useDismiss as J,FloatingPortal as K,FloatingFocusManager as ee,useHover as te}from"@floating-ui/react";import re from"react-datepicker";import ne from"react-ink";import ie from"@seznam/compose-react-refs";import{useElementSize as ae}from"@mantine/hooks";var le={filter:"Filter",eventSearchFilter:{from:"From",to:"To",live:"Live"},button:{ok:"Ok"},showEvents_one:"show {{count}} new event",showEvents_other:"show {{count}} new events",noEventsFound:"no events found"};const oe=new Map,se={detection:{order:["querystring","htmlTag","navigator"],lookupQuerystring:"lang"},fallbackLng:"en",load:"all",interpolation:{escapeValue:!1}},ce=a.createInstance();function de(t,r){const n=oe.get(ce.language);return e(t,r,{locale:n})}const ue=y.createContext(null);var he,me;function pe(e,t=!1){const r=F(e);return new s((e=>{const n=r.observe_((({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.Uncategorized=40]="Uncategorized",e[e.Unknown=999]="Unknown"}(me||(me={}));class fe{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 c?e.closed||e.unsubscribe():e()}))}}const ge=new Set(["LicensePlate","FaceDetection","Analytic","SpeedDetection","Temperature","PoS","GPS","DigitalInput"]);class ve{get id(){return this.raw.id}get startTime(){return new Date(this.raw.startTime)}get endTime(){return new Date(this.raw.endTime)}get isLive(){return!ge.has(this.type)&&+this.startTime==+this.endTime}get acknowledged(){return"sensorId"in this.raw&&!!this.raw.ackEventType}constructor(e){if(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,"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}),I(this,{id:F,startTime:F,endTime:F,acknowledged:F,isLive:F,raw:_.ref}),this.raw=e,this.type=e.eventType,this.cameraId=e.sensorId,("Analytic"===this.type||"FaceDetection"===this.type)&&e.data)try{const t=JSON.parse(e.data);t.FoundObjects&&(this.type="Analytic",this.detectedObjects=t.FoundObjects),t.Faces&&(this.type="FaceDetection",this.faces=t.Faces),this.thumbnailUrl=t.ThumbnailUrl}catch{console.warn("invalid data",e.data),this.type="Motion"}this.instant=ge.has(this.type),this.detectedObjects||(this.detectedObjects=[])}}class be extends fe{get isLive(){return"DESC"===this.filters.sortDirection&&!this.filters.to}constructor(e,t,r,n=(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:t}),Object.defineProperty(this,"fetcher",{enumerable:!0,configurable:!0,writable:!0,value:r}),Object.defineProperty(this,"transformData",{enumerable:!0,configurable:!0,writable:!0,value:n}),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,"updateTrigger",{enumerable:!0,configurable:!0,writable:!0,value:0}),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(d((e=>e.success?l({events:e.resultItems,pageInfo:e.pageInfo}):u((()=>e.error)))),h((e=>(console.error(e),this.error=e,l({events:[],pageInfo:null})))))}),I(this,{data:_.ref,pendingData:_.ref,liveUpdateMode:_,setLiveUpdateMode:k,updateTrigger:_,flushUpdates:k,pageInfo:_.ref,isLive:F,loading:_,loadMoreTrigger:_,retryTrigger:_,error:_.ref,loadMore:k})}initDataLoading(){this.disposables.push(this.filters.updated$.pipe(m(null),p((e=>pe((()=>this.retryTrigger),!0).pipe(f((()=>e))))),p((()=>(S((()=>{this.loading=!0,this.pageInfo=null,this.error=null,this.data=[],this.pendingData=[]})),this.queryEvents())))).subscribe((({events:e,pageInfo:t})=>{S((()=>{var r,n,i;if(!t)return;const a=e.map(ye);this.isLive?this.data=this.uniquelyConcat(this.filters.apply(this.eventsStore.getEvents({cameraIds:this.filters.cameras,from:null!==(n=null===(r=a[0])||void 0===r?void 0:r.startTime)&&void 0!==n?n:A(new Date,1),to:null,probability:null!==(i=this.filters.probabilityThreshold)&&void 0!==i?i:void 0})),a).flatMap(this.transformData):this.data=a.flatMap(this.transformData),this.eventsStore.add(a),this.pageInfo=t,this.loading=!1}))}))),this.disposables.push(this.filters.updated$.pipe(m(null),p((()=>pe((()=>this.loadMoreTrigger)).pipe(g((()=>{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(ye);this.eventsStore.add(r),S((()=>{this.data=this.data.concat(r.flatMap(this.transformData)),this.pageInfo=t,this.loading=!1}))})))}initLiveUpdates(){this.disposables.push(pe((()=>({liveUpdateMode:this.liveUpdateMode,isLive:this.isLive})),!0).pipe(p((({liveUpdateMode:e,isLive:t})=>t&&"auto"===e?pe((()=>this.eventsStore.recentAdditions)):v))).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&&S((()=>{this.data=[...t.flatMap(this.transformData),...this.data]}))}))),this.disposables.push(pe((()=>({liveUpdateMode:this.liveUpdateMode,isLive:this.isLive})),!0).pipe(p((({liveUpdateMode:e,isLive:t})=>t&&"manual"===e?pe((()=>this.eventsStore.recentAdditions)):(this.pendingData&&S((()=>this.pendingData=[])),v)))).subscribe((e=>{if(!this.data.length)return;const t=this.filters.apply(e.map((e=>this.eventsStore.eventsById.get(e))));t.length&&S((()=>{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 c?e.closed||e.unsubscribe():e()}))}}function ye(e){return new ve(e)}const Ee={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"},we={50:"#e0f7fa",100:"#b2ebf2",200:"#80deea",300:"#4dd0e1",400:"#26c6da",500:"#00bcd4",600:"#00acc1",700:"#0097a7",800:"#00838f",900:"#006064",A100:"#84ffff",A200:"#18ffff",A400:"#00e5ff",A700:"#00b8d4"},Ce={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"},xe={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"},Te={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"},Oe={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"};class Me{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 b}),I(this,{from:_,to:_,probabilityThreshold:_,cameras:_.struct,detectedObjects:_.struct,regions:_.ref,eventTypes:_.struct,sortDirection:_,colors:_.ref,filterJson:F}),D((()=>({from:this.from?+this.from:void 0,to:this.to?+this.to:void 0,sortDirection:this.sortDirection,filter:this.filterJson,cameraFilters:this.cameras,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=>me[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)&&(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)&&(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 Pe extends fe{get someAnalyticsFilterSelected(){return!!this.objectFilters.length||!!this.colors.size}get filters(){return this.objectFilters.concat(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,"date",{enumerable:!0,configurable:!0,writable:!0,value:null}),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,"facesProbabilityThreshold",{enumerable:!0,configurable:!0,writable:!0,value:.7}),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,"eventsLoader",{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=t(r(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.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,"getProbabilityTreshold",{enumerable:!0,configurable:!0,writable:!0,value:()=>this.probabilityThreshold}),Object.defineProperty(this,"setProbabilityTreshold",{enumerable:!0,configurable:!0,writable:!0,value:e=>{this.probabilityThreshold=e,this.applyFilters()}}),I(this,{cameraFilters:_.ref,objectFilters:_.ref,date:_,sortDirection:_,probabilityThreshold:_,setProbabilityTreshold:k,facesProbabilityThreshold:_,colors:_.ref,someAnalyticsFilterSelected:F,filters:F,setFilters:k,load:k,toggleColor:k.bound,clearColors:k.bound,applyFilters:k,toggleSorting:k});const n=this.loaderFilters=new Me,i=(e=>(t,r)=>{var n,i;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!==(i=e.to)&&void 0!==i?i:void 0,isDescending:"DESC"===e.sortDirection,rowsLimit:10,pageToken:r},e.filterJson,e.regionsWkt)})(n);this.eventsLoader=new be(e,n,i),this.eventsLoader.loading=!0,this.loaderFilters.probabilityThreshold=null}load(){this.eventsLoader.load()}setFilters(e){this.cameraFilters=e?e.filter((e=>!("type"in e))):[],this.objectFilters=e?e.filter((e=>"type"in e)):[]}toggleColor(e){const t=new Set(this.colors);this.colors.has(e)?t.delete(e):t.add(e),this.colors=t,this.applyFilters()}clearColors(){this.colors=new Set,this.applyFilters()}afterInit(){this.eventsLoader.initWith(this.api)}dispose(){this.disposables.forEach((e=>{e instanceof c?e.closed||e.unsubscribe():e()})),this.eventsLoader.dispose()}}var Ne,Le=(Ne=8,{container:e=>({...e,padding:Ne}),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% - ${2*Ne}px)`,marginTop:Ne?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 je(e){return y.forwardRef(((t,r)=>{const{size:n=24,color:i="currentColor",className:a,...l}=t,o=e.viewBox||"0 0 24 24",s=e.svg;return y.createElement("svg",{ref:r,preserveAspectRatio:"xMinYMin",className:$("icon",a),width:n,fill:i,viewBox:o,...l},s)}))}const Fe=je({viewBox:"0 0 24 24",svg:y.createElement("g",null,y.createElement("path",{d:"M0 0h24v24H0z",fill:"none"}),y.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"}))});Fe.displayName="LabelIcon";const Ie=je({viewBox:"0 0 24 24",svg:y.createElement("g",null,y.createElement("path",{d:"M0 0h24v24H0z",fill:"none"}),y.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"}))});Ie.displayName="CameraIcon";const _e=je({viewBox:"0 0 24 24",svg:y.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"})});_e.displayName="LuggageIcon";const ke=je({viewBox:"0 0 24 24",svg:y.createElement(y.Fragment,null,y.createElement("path",{d:"M0 0h24v24H0z",fill:"none"}),y.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"}))});ke.displayName="CarIcon";const Se=je({viewBox:"0 0 24 24",svg:y.createElement(y.Fragment,null,y.createElement("path",{d:"M0 0h24v24H0z",fill:"none"}),y.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"}))});Se.displayName="BoatIcon";const De=je({viewBox:"0 0 24 24",svg:y.createElement(y.Fragment,null,y.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"}))});De.displayName="BicycleIcon";const ze=je({viewBox:"0 0 24 24",svg:y.createElement("g",null,y.createElement("path",{d:"M0 0h24v24H0z",fill:"none"}),y.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"}))});ze.displayName="DirectionsWalkIcon";const Ae=je({viewBox:"0 0 24 24",svg:y.createElement(y.Fragment,null,y.createElement("path",{d:"M0 0h24v24H0z",fill:"none"}),y.createElement("circle",{cx:"4.5",cy:"9.5",r:"2.5"}),y.createElement("circle",{cx:"9",cy:"5.5",r:"2.5"}),y.createElement("circle",{cx:"15",cy:"5.5",r:"2.5"}),y.createElement("circle",{cx:"19.5",cy:"9.5",r:"2.5"}),y.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"}))});Ae.displayName="PetsIcon";const He=je({viewBox:"0 0 24 24",svg:y.createElement(y.Fragment,null,y.createElement("path",{d:"M0 0h24v24H0z",fill:"none"}),y.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"}),y.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"}),y.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"}),y.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"}))});He.displayName="LicensePlateIcon";const Re=je({viewBox:"0 96 960 960",svg:y.createElement(y.Fragment,null,y.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"}))});Re.displayName="DetectorSmokeIcon";const $e=je({viewBox:"0 0 24 24",svg:y.createElement(y.Fragment,null,y.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"}))});$e.displayName="FireIcon";const Be=je({viewBox:"0 0 24 24",svg:y.createElement(y.Fragment,null,y.createElement("path",{fill:"currentColor",d:"M11.5 22v-4.65c-.5.78-1.5 1.74-3.47 2.46 0 0 .5-1.71 1.91-2.86-1.3.28-3.26.24-5.94-.95 0 0 2.47-1.41 5.28-1.03C7.69 14 5.7 12.08 4.17 8.11c0 0 4.5 1.23 6.74 5.03C8.88 8.24 12 2 12 2c2.43 5.47 1.91 9.1 1.12 11.1 2.25-3.77 6.71-4.99 6.71-4.99-1.53 3.97-3.52 5.89-5.11 6.86C17.53 14.59 20 16 20 16c-2.68 1.19-4.64 1.23-5.94.95 1.41 1.15 1.91 2.86 1.91 2.86-1.97-.72-2.97-1.68-3.47-2.46V22h-1Z"}))});Be.displayName="CannabisIcon";const Ve=({data:e})=>{const t=16;return"licensePlate"===e.type?null:"detectedObject"!==e.type?y.createElement(Ie,{size:t}):"Luggage"===e.id?y.createElement(_e,{size:t}):"Car"===e.id?y.createElement(ke,{size:t}):"Person"===e.id?y.createElement(ze,{size:t}):"Bicycle"===e.id?y.createElement(De,{size:t}):"Boat"===e.id?y.createElement(Se,{size:t}):"Animal"===e.id?y.createElement(Ae,{size:t}):"LicensePlate"===e.id?y.createElement(He,{size:t}):"Smoke"===e.id?(()=>{const e=new Date;return 3===e.getMonth()&&1===e.getDate()})()?y.createElement(Be,{size:t}):y.createElement(Re,{size:t}):"Fire"===e.id?y.createElement($e,{size:t}):y.createElement(Fe,{size:t})},Ue=e=>{const{children:t,innerProps:r,...n}=e,{Option:i}=R,{data:a}=e;if("licensePlate"===a.type)return y.createElement(i,{innerProps:r,...n},y.createElement("span",{style:{paddingLeft:8,paddingRight:8,borderRadius:4,border:"1px solid black"}},t));if("detectedObject"===a.type){const e={display:"inline-flex",alignItems:"center",width:"auto"},l={...r,style:e};return y.createElement(i,{innerProps:l,...n},y.createElement(Ve,{data:a}),y.createElement("div",{style:{marginLeft:4}},t))}return y.createElement(i,{...e})},qe=e=>{const{children:t,innerProps:r,...n}=e,{MultiValueLabel:i}=R,{data:a}=e,l={...r,style:{display:"flex",alignItems:"center"}};return y.createElement(i,{innerProps:l,...n},y.createElement(Ve,{data:a}),y.createElement("div",{style:{marginLeft:4}},t))},We=je({viewBox:"0 0 24 24",svg:y.createElement(y.Fragment,null,y.createElement("path",{d:"M10 18h4v-2h-4v2zM3 6v2h18V6H3zm3 7h12v-2H6v2z"}),y.createElement("path",{d:"M0 0h24v24H0z",fill:"none"}))});We.displayName="FilterListIcon";const Ze={...Le,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,isFocused:r})=>"color"in t?"type"in t&&"licensePlate"===t.type?{...e,color:t.color,backgroundColor:r?we[50]:"transparent",":active":{...e[":active"],backgroundColor:we[100]}}:{...e,color:t.color}:{...e,color:"black"}},Ge=e=>{const{children:t,...r}=e;return y.createElement(R.Placeholder,{...r},y.createElement(We,{size:16,style:{position:"relative",top:4}})," ",t)},Qe=B((({addionalFiltersEnabled:e,store:t})=>{const{cameras:r,eventSchema:n}=E(ue),i=w({opened:!1});return y.createElement(H,{closeMenuOnSelect:!1,isMulti:!0,onChange:(e,r)=>{t.setFilters(e),i.current.opened||"remove-value"!==r.action&&"clear"!==r.action||t.applyFilters()},onMenuOpen:()=>i.current.opened=!0,onMenuClose:()=>{i.current.opened=!1,t.applyFilters()},getOptionLabel:e=>e.name,getOptionValue:e=>e.id,options:(()=>{if(!n)return[];const t=e?n.foundObjectTypesForSelect:[];return r.loaded?[].concat(t,r.data.slice()):t})(),placeholder:ce.t("filter"),value:t.filters,components:{MultiValueLabel:qe,Option:Ue,Placeholder:Ge},styles:Ze})}));Qe.displayName="EventsPanelSelect";const Ye=y.forwardRef((function({width:e,height:t,placement:r="top",style:n},i){const a=[0,"top"===r?t:0],l=[e,a[1]],o=[e/2,t-a[1]],s=[e/4,t*("top"===r?3:1)/4],c=[.325*e,t-a[1]],d=[e-c[0],c[1]],u=[e-s[0],s[1]],h=e=>e.join(","),m=`M ${h(a)} C ${h(s)} ${h(c)} ${h(o)} ${h(d)} ${h(u)} ${h(l)}`,p=`${m} Z`;return y.createElement("svg",{ref:i,className:"tip",style:n,width:e,height:t,fill:"var(--tip-background, #fff)"},y.createElement("path",{className:"tip-body",d:p}),y.createElement("path",{className:"tip-border",d:m,stroke:"var(--tip-border, transparent)",strokeWidth:1}))})),Xe=({opened:e,onOpenChange:t,children:r,target:n,placement:i,className:a,autoDismiss:l=!0,initialFocus:o,withArrow:s=!1})=>{var c,d,u;const h=w(null),{x:m,y:p,refs:f,strategy:g,context:v,middlewareData:b,placement:E,update:T}=U({open:e,onOpenChange:t,middleware:[q(5),W(),Z(),G({element:h})],placement:i,whileElementsMounted:(e,t,r)=>Q(e,t,r,{animationFrame:!0})}),{getReferenceProps:O,getFloatingProps:M}=Y([X(v),J(v,{ancestorScroll:!0,enabled:l})]),P=C((e=>{h.current=e,T()}),[T]),N={top:"bottom",right:"left",bottom:"top",left:"right"}[null!==(c=null==E?void 0:E.split("-")[0])&&void 0!==c?c:"top"]||"top",L=y.createElement("div",{...M({className:$("x-3deye-popover-container",a),ref:f.setFloating,style:{position:g,top:null!=p?p:0,left:null!=m?m:0}})},s&&y.createElement(Ye,{ref:P,width:24,height:8,placement:N,style:{position:"absolute",left:null===(d=b.arrow)||void 0===d?void 0:d.x,top:null===(u=b.arrow)||void 0===u?void 0:u.y,[N]:-7}}),r);return y.createElement(y.Fragment,null,x(n,O({ref:f.setReference,...n.props})),y.createElement(K,{id:"x-3deye-floating-ui-root"},l&&e&&y.createElement(ee,{context:v,modal:!1,order:["reference","content"],returnFocus:!1,initialFocus:o},L),!l&&e&&L))},Je=({children:e,label:t,placement:r="bottom"})=>{const[n,i]=T(!1),{x:a,y:l,refs:o,strategy:s,context:c}=U({placement:r,open:n,onOpenChange:i,middleware:[q(5),W(),Z({padding:8})],whileElementsMounted:(e,t,r)=>Q(e,t,r,{animationFrame:!0})}),{getReferenceProps:d,getFloatingProps:u}=Y([te(c),X(c,{role:"tooltip"}),J(c,{referencePress:!0})]);return y.createElement(y.Fragment,null,x(e,d({ref:ie(o.setReference,e.ref),...e.props})),y.createElement(K,{id:"x-3deye-floating-ui-root"},n&&y.createElement("div",{...u({ref:o.setFloating,className:"x-3deye-tooltip",style:{position:s,top:null!=l?l:0,left:null!=a?a:0}})},t)))};class Ke extends y.Component{render(){const{forwardedRef:e,children:t,className:r,fullWidth:n,variant:i,type:a,title:l,placement:o,...s}=this.props,c=$(r,"x-3deye-button",{"x-3deye-button--fullwidth":n},i?`x-3deye-button--${i}`:void 0),d=y.createElement("button",{ref:e,className:c,type:a||"button",...s},t,s.disabled?null:y.createElement(ne,null));return l?y.createElement(Je,{label:l,placement:o},d):d}}const et=y.forwardRef(((e,t)=>y.createElement(Ke,{forwardedRef:t,...e}))),tt=je({viewBox:"0 0 24 24",svg:y.createElement("g",null,y.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"}),y.createElement("path",{d:"M0 0h24v24H0z",fill:"none"}))});tt.displayName="CloseIcon";const rt=(e,t,r)=>Math.min(Math.max(e,t),r),nt=()=>{};/Mac|iPod|iPhone|iPad/.test(window.navigator.platform);const it=(e,t,r,n)=>rt(Math.floor((e-t)/r*n),0,n-1),at=O({value:null,onPointerDown:nt,setCurrentValue:nt,state:{currentIdx:0,currentValue:null,options:[]}});class lt{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,I(this,{currentIdx:_,options:_.ref,currentValue:F,setCurrentIdx:k,setOptions:k})}}const ot=B(y.forwardRef((({value:e,onChange:t,children:r,style:n},i)=>{const[a,l]=T(!1),o=w(null),s=M.map(r,(e=>null==e?void 0:e.props.value))||[],c=V((()=>new lt(s.indexOf(e))));c.setOptions(s);const d=M.count(r);P((()=>{c.setCurrentIdx(s.indexOf(e))}),[e]),P((()=>{var e;if(!a)return;const r=null===(e=o.current)||void 0===e?void 0:e.getBoundingClientRect();if(!r)return;const n=({clientX:e})=>{c.setCurrentIdx(it(e,r.left,r.width,d))},i=()=>{l(!1),t(s[c.currentIdx])};return document.addEventListener("pointermove",n),document.addEventListener("pointerup",i),()=>{document.removeEventListener("pointermove",n),document.removeEventListener("pointerup",i)}}),[a,d]);return y.createElement(at.Provider,{value:{value:e,state:c,onPointerDown:e=>{const t=o.current;if(!t)return;const{left:r,width:n}=t.getBoundingClientRect(),i=it(e.clientX,r,n,d);i!==c.currentIdx&&c.setCurrentIdx(i),l(!0)},setCurrentValue:e=>{c.setCurrentIdx(s.indexOf(e))}}},y.createElement("div",{className:"segmented-control-wrapper",style:n,ref:i},y.createElement("div",{role:"radiogroup",ref:o,className:"segmented-control",style:{"--indicator-offset":100*c.currentIdx+"%"}},y.createElement("div",{"aria-hidden":!0,className:$("segmented-control-indicator",{active:a}),style:{width:100/s.length+"%"}},y.createElement("div",{className:"segmented-control-indicator-inner"})),r)))})));ot.displayName="SegmentedControl";const st=B(y.forwardRef((({value:e,children:t},r)=>{const n=E(at);return y.createElement("button",{ref:r,role:"radio","aria-checked":n.state.currentValue===e,tabIndex:0,className:$("segmented-control-button",{current:n.state.currentValue===e}),onPointerDown:n.onPointerDown,onClick:()=>n.setCurrentValue(e)},t)})));st.displayName="SegmentedControlOption";const ct=B((({store:e})=>{const{date:t,sortDirection:r}=e,n=V((()=>({opened:!1,toggle(){this.opened=!this.opened},setOpened(e){this.opened=e},close(){this.opened=!1,e.applyFilters()},onDateChange(t){e.date=t},clear(){e.date=null,e.applyFilters()}}))),i=y.createElement("div",{style:{flex:1,display:"flex",position:"relative"}},y.createElement(et,{className:"date-button",style:{flex:1,alignItems:"flex-start",borderRadius:0,textTransform:"uppercase"},onClick:n.toggle},t?y.createElement("sup",null,"ASC"===r?ce.t("eventSearchFilter.from"):ce.t("eventSearchFilter.to")):null,y.createElement("span",null,t?de(t,"MMM d, HH:mm"):ce.t("eventSearchFilter.live"))),t?y.createElement(et,{className:"x-3deye-button--icon",style:{position:"absolute",right:0},onClick:n.clear},y.createElement(tt,{size:16})):null);return y.createElement("div",{className:"events-panel-datepicker"},y.createElement("div",{style:{position:"relative"}},y.createElement(Xe,{target:i,opened:n.opened,onOpenChange:e=>n.setOpened(e),withArrow:!0,className:"popover-datetimepicker"},y.createElement("div",{style:{display:"flex",flexDirection:"column",gap:8}},y.createElement(ot,{value:r,onChange:e.toggleSorting},y.createElement(st,{value:"ASC"},ce.t("eventSearchFilter.from")),y.createElement(st,{value:"DESC"},ce.t("eventSearchFilter.to"))),y.createElement(re,{selected:t,onChange:n.onDateChange,showTimeSelect:!0,dateFormat:"MMM d, HH:mm",timeFormat:"HH:mm",inline:!0}),y.createElement(et,{onClick:n.close,variant:"filled",fullWidth:!0},ce.t("button.ok"))))))}));ct.displayName="EventsPanelDatepicker";const dt=e=>Math.round(e),ut=y.forwardRef((({value:e,onChange:t,onChangeComplete:r,orientation:n="horizontal",disabled:i=!1,labelFormat:a=(e=>`${e}`),style:l},o)=>{const s=w(null),c=w(null),[d,u]=T(!1),[h,m]=T(e);P((()=>{if(!d)return;const e=s.current;if(!e)return;let i=0,a=0;const l=e.getBoundingClientRect();if(!l)return;const o=({clientX:e,clientY:r})=>{if(!c.current)return;let o=0;"horizontal"===n?(i=rt(e-l.x,0,l.width),o=i/l.width*100,c.current.style.transform=`translateX(${i}px)`):(a=l.height-rt(r-l.y,0,l.height),o=a/l.height*100,c.current.style.transform=`translateY(${-a}px)`),m(o),null==t||t(dt(o))},h=({clientX:e,clientY:i})=>{if(u(!1),!c.current)return;const a="horizontal"===n?rt(e-l.x,0,l.width)/l.width*100:100*(1-rt(i-l.y,0,l.height)/l.height);c.current.style.transform="",m(a),null==t||t(dt(a)),null==r||r(dt(a))},p=()=>{if(u(!1),!c.current)return;const e="horizontal"===n?i/l.width*100:a/l.height*100;c.current.style.transform="",null==t||t(dt(e)),null==r||r(dt(e))};return e.addEventListener("pointercancel",p),e.addEventListener("pointermove",o),e.addEventListener("pointerup",h),()=>{e.removeEventListener("pointercancel",p),e.removeEventListener("pointermove",o),e.removeEventListener("pointerup",h)}}),[d,n,t]);const p=C((({clientX:e,clientY:r,pointerId:a})=>{if(!s.current||i)return;u(!0),s.current.setPointerCapture(a);const l=s.current.getBoundingClientRect();if(!l)return;if(!c.current)return;let o=0;if("horizontal"===n){const t=rt(e-l.x,0,l.width);o=t/l.width*100,c.current.style.transform=`translateX(${t}px)`}else{const e=l.height-rt(r-l.y,0,l.height);o=e/l.height*100,c.current.style.transform=`translateY(${-e}px)`}m(o),null==t||t(dt(o))}),[n,i]),f=C((n=>{if(i)return;let a=null;"ArrowLeft"===n.code?a=Math.max(e-1,0):"ArrowRight"===n.code?a=Math.min(e+1,100):"ArrowDown"===n.code?a=Math.max(e-1,0):"ArrowUp"===n.code&&(a=Math.min(e+1,100)),null!==a&&(n.stopPropagation(),n.preventDefault(),null==t||t(a),null==r||r(a))}),[e,t,r,n,i]);return y.createElement("div",{ref:ie(o,s),tabIndex:0,onKeyDown:f,className:$("x-3deye-slider",n,{disabled:i}),onPointerDown:p,style:l},y.createElement("div",{className:"x-3deye-slider__track"},y.createElement("div",{className:"x-3deye-slider__bar",style:{width:"horizontal"===n?`${d?h:e}%`:void 0,height:"vertical"===n?`${d?h:e}%`:void 0}})),y.createElement("div",{ref:c,className:$("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"}},y.createElement("div",{className:"x-3deye-slider__label "+(d?"open":"")},a(d?dt(h):e))))}));ut.displayName="Slider";const ht=B((({getter:e,setter:t})=>{const[r,n]=T(0),i=w(null),a=Math.floor(100*e());return P((()=>D(e,(e=>{n(Math.floor(100*e))}),{fireImmediately:!0})),[e]),y.createElement("div",{ref:i,style:{paddingLeft:8,paddingRight:8,marginTop:5,marginBottom:10}},y.createElement("div",{style:{display:"flex",justifyContent:"space-between"}},y.createElement("div",null,"CONFIDENCE"),y.createElement("div",{style:{fontSize:"1.1em"}},a,"%")),y.createElement("div",{style:{padding:"0 10px"}},y.createElement(ut,{value:r,labelFormat:e=>`${e}%`,onChangeComplete:e=>{t(e/100)}})))}));ht.displayName="ProbabilitySlider";const mt=je({viewBox:"0 0 24 24",svg:y.createElement(y.Fragment,null,y.createElement("path",{fill:"none",d:"M0 0h24v24H0z"}),y.createElement("path",{d:"M9 16.2L4.8 12l-1.4 1.4L9 19 21 7l-1.4-1.4L9 16.2z"}))});mt.displayName="DoneIcon";const pt=[{color:Te[500],name:"red",highlightColor:Te[100]},{color:Ce[500],name:"green",highlightColor:Ce[100]},{color:Ee[500],name:"blue",highlightColor:Ee[100]},{color:Oe[500],name:"yellow",highlightColor:Oe[900]},{color:"#000",name:"black",highlightColor:"#fff"},{color:"#fff",name:"white",highlightColor:"#000"},{color:xe[500],name:"dimgrey",highlightColor:xe[100]}],ft=B((({value:e,clear:t,toggle:r})=>y.createElement("div",{className:"color-selector"},y.createElement("div",null,"COLOR"),y.createElement("div",{className:"color-selector__items"},pt.map((({color:t,highlightColor:n,name:i})=>y.createElement("button",{key:i,className:$("color-selector__item",{selected:e.has(i)}),style:{backgroundColor:t},onClick:r.bind(null,i)},y.createElement(mt,{color:n,size:20})))),y.createElement(et,{className:"color-selector__clear",disabled:!e.size,onClick:t},y.createElement(tt,{size:20}))))));ft.displayName="ColorSelector";const gt=({size:e=48})=>y.createElement("svg",{width:e,height:e,xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 100 100",preserveAspectRatio:"xMidYMid"},y.createElement("rect",{x:"0",y:"0",width:"100",height:"100",fill:"none",className:"bk"}),y.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)"},y.createElement("animate",{attributeName:"opacity",from:"1",to:"0",dur:"1s",begin:"0s",repeatCount:"indefinite"})),y.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)"},y.createElement("animate",{attributeName:"opacity",from:"1",to:"0",dur:"1s",begin:"0.08333333333333333s",repeatCount:"indefinite"})),y.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)"},y.createElement("animate",{attributeName:"opacity",from:"1",to:"0",dur:"1s",begin:"0.16666666666666666s",repeatCount:"indefinite"})),y.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)"},y.createElement("animate",{attributeName:"opacity",from:"1",to:"0",dur:"1s",begin:"0.25s",repeatCount:"indefinite"})),y.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)"},y.createElement("animate",{attributeName:"opacity",from:"1",to:"0",dur:"1s",begin:"0.3333333333333333s",repeatCount:"indefinite"})),y.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)"},y.createElement("animate",{attributeName:"opacity",from:"1",to:"0",dur:"1s",begin:"0.4166666666666667s",repeatCount:"indefinite"})),y.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)"},y.createElement("animate",{attributeName:"opacity",from:"1",to:"0",dur:"1s",begin:"0.5s",repeatCount:"indefinite"})),y.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)"},y.createElement("animate",{attributeName:"opacity",from:"1",to:"0",dur:"1s",begin:"0.5833333333333334s",repeatCount:"indefinite"})),y.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)"},y.createElement("animate",{attributeName:"opacity",from:"1",to:"0",dur:"1s",begin:"0.6666666666666666s",repeatCount:"indefinite"})),y.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)"},y.createElement("animate",{attributeName:"opacity",from:"1",to:"0",dur:"1s",begin:"0.75s",repeatCount:"indefinite"})),y.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)"},y.createElement("animate",{attributeName:"opacity",from:"1",to:"0",dur:"1s",begin:"0.8333333333333334s",repeatCount:"indefinite"})),y.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)"},y.createElement("animate",{attributeName:"opacity",from:"1",to:"0",dur:"1s",begin:"0.9166666666666666s",repeatCount:"indefinite"})));gt.displayName="Preloader";var vt="undefined"!=typeof globalThis?globalThis:"undefined"!=typeof window?window:"undefined"!=typeof global?global:"undefined"!=typeof self?self:{};function bt(e){return e&&e.__esModule&&Object.prototype.hasOwnProperty.call(e,"default")?e.default:e}var yt="object"==typeof vt&&vt&&vt.Object===Object&&vt,Et="object"==typeof self&&self&&self.Object===Object&&self,wt=yt||Et||Function("return this")(),Ct=wt.Symbol,xt=Ct,Tt=Object.prototype,Ot=Tt.hasOwnProperty,Mt=Tt.toString,Pt=xt?xt.toStringTag:void 0;var Nt=function(e){var t=Ot.call(e,Pt),r=e[Pt];try{e[Pt]=void 0;var n=!0}catch(e){}var i=Mt.call(e);return n&&(t?e[Pt]=r:delete e[Pt]),i},Lt=Object.prototype.toString;var jt=Nt,Ft=function(e){return Lt.call(e)},It=Ct?Ct.toStringTag:void 0;var _t=function(e){var t=typeof e;return null!=e&&("object"==t||"function"==t)},kt=function(e){return null==e?void 0===e?"[object Undefined]":"[object Null]":It&&It in Object(e)?jt(e):Ft(e)},St=_t;var Dt,zt=function(e){if(!St(e))return!1;var t=kt(e);return"[object Function]"==t||"[object GeneratorFunction]"==t||"[object AsyncFunction]"==t||"[object Proxy]"==t},At=wt["__core-js_shared__"],Ht=(Dt=/[^.]+$/.exec(At&&At.keys&&At.keys.IE_PROTO||""))?"Symbol(src)_1."+Dt:"";var Rt=function(e){return!!Ht&&Ht in e},$t=Function.prototype.toString;var Bt=zt,Vt=Rt,Ut=_t,qt=function(e){if(null!=e){try{return $t.call(e)}catch(e){}try{return e+""}catch(e){}}return""},Wt=/^\[object .+?Constructor\]$/,Zt=Function.prototype,Gt=Object.prototype,Qt=Zt.toString,Yt=Gt.hasOwnProperty,Xt=RegExp("^"+Qt.call(Yt).replace(/[\\^$.*+?()[\]{}|]/g,"\\$&").replace(/hasOwnProperty|(function).*?(?=\\\()| for .+?(?=\\\])/g,"$1.*?")+"$");var Jt=function(e){return!(!Ut(e)||Vt(e))&&(Bt(e)?Xt:Wt).test(qt(e))},Kt=function(e,t){return null==e?void 0:e[t]};var er=function(e,t){var r=Kt(e,t);return Jt(r)?r:void 0},tr=er(Object,"create"),rr=tr;var nr=function(){this.__data__=rr?rr(null):{},this.size=0};var ir=function(e){var t=this.has(e)&&delete this.__data__[e];return this.size-=t?1:0,t},ar=tr,lr=Object.prototype.hasOwnProperty;var or=function(e){var t=this.__data__;if(ar){var r=t[e];return"__lodash_hash_undefined__"===r?void 0:r}return lr.call(t,e)?t[e]:void 0},sr=tr,cr=Object.prototype.hasOwnProperty;var dr=function(e){var t=this.__data__;return sr?void 0!==t[e]:cr.call(t,e)},ur=tr;var hr=function(e,t){var r=this.__data__;return this.size+=this.has(e)?0:1,r[e]=ur&&void 0===t?"__lodash_hash_undefined__":t,this},mr=nr,pr=ir,fr=or,gr=dr,vr=hr;function br(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])}}br.prototype.clear=mr,br.prototype.delete=pr,br.prototype.get=fr,br.prototype.has=gr,br.prototype.set=vr;var yr=br;var Er=function(){this.__data__=[],this.size=0};var wr=function(e,t){return e===t||e!=e&&t!=t};var Cr=function(e,t){for(var r=e.length;r--;)if(wr(e[r][0],t))return r;return-1},xr=Cr,Tr=Array.prototype.splice;var Or=function(e){var t=this.__data__,r=xr(t,e);return!(r<0)&&(r==t.length-1?t.pop():Tr.call(t,r,1),--this.size,!0)},Mr=Cr;var Pr=function(e){var t=this.__data__,r=Mr(t,e);return r<0?void 0:t[r][1]},Nr=Cr;var Lr=Cr;var jr=function(e,t){var r=this.__data__,n=Lr(r,e);return n<0?(++this.size,r.push([e,t])):r[n][1]=t,this},Fr=Er,Ir=Or,_r=Pr,kr=function(e){return Nr(this.__data__,e)>-1},Sr=jr;function Dr(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])}}Dr.prototype.clear=Fr,Dr.prototype.delete=Ir,Dr.prototype.get=_r,Dr.prototype.has=kr,Dr.prototype.set=Sr;var zr=Dr,Ar=er(wt,"Map"),Hr=yr,Rr=zr,$r=Ar;var Br=function(e){var t=typeof e;return"string"==t||"number"==t||"symbol"==t||"boolean"==t?"__proto__"!==e:null===e};var Vr=function(e,t){var r=e.__data__;return Br(t)?r["string"==typeof t?"string":"hash"]:r.map},Ur=Vr;var qr=Vr;var Wr=Vr;var Zr=Vr;var Gr=function(e,t){var r=Zr(this,e),n=r.size;return r.set(e,t),this.size+=r.size==n?0:1,this},Qr=function(){this.size=0,this.__data__={hash:new Hr,map:new($r||Rr),string:new Hr}},Yr=function(e){var t=Ur(this,e).delete(e);return this.size-=t?1:0,t},Xr=function(e){return qr(this,e).get(e)},Jr=function(e){return Wr(this,e).has(e)},Kr=Gr;function en(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])}}en.prototype.clear=Qr,en.prototype.delete=Yr,en.prototype.get=Xr,en.prototype.has=Jr,en.prototype.set=Kr;var tn=en;function rn(e,t){if("function"!=typeof e||null!=t&&"function"!=typeof t)throw new TypeError("Expected a function");var r=function(){var n=arguments,i=t?t.apply(this,n):n[0],a=r.cache;if(a.has(i))return a.get(i);var l=e.apply(this,n);return r.cache=a.set(i,l)||a,l};return r.cache=new(rn.Cache||tn),r}rn.Cache=tn;const nn=bt(rn)((()=>{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})),an=B((({data:e,children:t,onClick:r,onAuxClick:n,menuComponent:i})=>{const a=w(null),l=w(null);return y.createElement("div",{ref:a,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=a.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),onContextMenu:e=>{var t;e.preventDefault(),a.current&&(null===(t=l.current)||void 0===t||t.toggleAt(a.current,{top:e.clientY,left:e.clientX}))},draggable:!0},t,i&&y.createElement(i,{ref:l,data:e}))}));function ln(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}an.displayName="EventListItem";const on=({className:e,style:t,box:{Top:r,Left:n,Right:i,Bottom:a}})=>y.createElement(y.Fragment,null,y.createElement("div",{className:e,style:{position:"absolute",top:100*r+"%",left:100*n+"%",bottom:100*(1-a)+"%",right:100*(1-i)+"%",...t}}));function sn({style:e}){return y.createElement("div",{className:"frame",style:e},y.createElement("div",{className:"corner-highlight-tl"}),y.createElement("div",{className:"corner-highlight-tr"}),y.createElement("div",{className:"corner-highlight-br"}),y.createElement("div",{className:"corner-highlight-bl"}))}function cn({Top:e,Left:t,Bottom:r,Right:n},i,a,l,o){const s=o*e,c=o*r;return s>a?[0,-1]:c>a?[0,1]:l*t>i?[-1,0]:l*n>i?[1,0]:[0,s>c?1:-1]}function dn(e,t){return{Top:e.Top+t[1],Left:e.Left+t[0],Bottom:e.Bottom+t[1],Right:e.Right+t[0]}}on.displayName="LicensePlateLpr";const un=({face:{Name:e,Box:t,Probability:r},url:n,thumbWidth:i,thumbHeight:a,width:l,height:o})=>{const{Top:s,Left:c,Right:d,Bottom:u}=t,h=100/i/(d-c),m={top:2},p=w(null);return N((()=>{if(!p.current)return;const{width:e,height:r}=p.current.getBoundingClientRect(),n=cn(t,e,r,l,o);n[0]=n[0]*(e+(d-c)*l)/2,n[1]=n[1]*(r+(u-s)*o)/2;const i=ln(dn({Top:(s+u)/2*o-r/2,Left:(c+d)/2*l-e/2,Bottom:(s+u)/2*o+r/2,Right:(c+d)/2*l+e/2},n),l,o,0);p.current.style.top=`${i.Top+2*Math.sign(n[1])}px`,p.current.style.left=`${i.Left+2*Math.sign(n[0])}px`})),c>=1-d?m.left=2:m.right=2,y.createElement(y.Fragment,null,y.createElement("div",{ref:p,className:"event-list-item__detected-object-label trigger",title:`${e} ${Math.floor(100*r)}%`},y.createElement("div",{style:{padding:4,display:"flex",alignItems:"center",maxWidth:120,whiteSpace:"break-spaces"}},e),y.createElement("div",{className:"event-list-item__detected-object-label__caption",style:{color:"black",backgroundColor:"orange"}},Math.floor(100*r),"%")),y.createElement(on,{className:"trigger",box:t,style:{outline:"1px solid orange"}}),y.createElement("div",{className:"event-list-item-face preview",style:{overflow:"hidden",width:i*(d-c)*h,height:a*(u-s)*h,...m}},y.createElement("img",{style:{width:i*h,height:a*h,transform:`translate(-${100*c}%, -${100*s}%)`},src:n}),y.createElement(sn,null)))};un.displayName="FaceHighlight";const hn=y.memo((({value:e})=>e?y.createElement(y.Fragment,null,e.split("").map(((e,t)=>{const r=e.charCodeAt(0);return r<48||r>57?y.createElement(y.Fragment,{key:t},e):y.createElement("span",{key:t,className:"digit"},e)}))):null));hn.displayName="LicensePlateNumber";const mn=({detectedObject:e,height:t,width:r,url:n,thumbWidth:i,thumbHeight:a})=>{const{Type:l,Box:{Top:o,Left:s,Right:c,Bottom:d},Probability:u}=e,h=e.Value||e.Number,m=w(null);N((()=>{if(!m.current)return;const e=m.current.getBoundingClientRect();let n=(s+c)/2*r-e.width/2,i=o*t-e.height-4;i<0&&(i=d*t+4),n<0&&(n=0),n>r-e.width&&(n=r-e.width),m.current.style.top=`${i}px`,m.current.style.left=`${n}px`}));const p={top:2};s>=1-c?p.left=2:p.right=2;const f=100/i/(c-s);return y.createElement(y.Fragment,null,y.createElement("div",{ref:m,className:"event-list-item__license-plate-label trigger",title:`${l.toLowerCase()} ${Math.floor(100*u)}%`},y.createElement("div",{style:{padding:4}},y.createElement(hn,{value:h})),y.createElement("div",{className:"event-list-item__license-plate-label__caption"},Math.floor(100*u),"%")),y.createElement(on,{className:"event-list-item__license-plate-trigger trigger",box:e.Box}),y.createElement("div",{className:"event-list-item__license-plate preview",style:{overflow:"hidden",width:i*(c-s)*f,height:a*(d-o)*f+16,position:"absolute",...p}},y.createElement("img",{style:{width:i*f,height:a*f,transform:`translate(-${100*s}%, -${100*o}%)`},src:n}),y.createElement("div",{className:"plate-number"},y.createElement(hn,{value:h})),y.createElement(sn,{style:{height:a*(d-o)*f}})))};mn.displayName="LicensePlateHighlight";const pn=je({viewBox:"0 0 24 24",svg:y.createElement(y.Fragment,null,y.createElement("path",{d:"M0 0h24v24H0z",fill:"none"}),y.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"}))});pn.displayName="ThermostatIcon";const fn=B((({data:e})=>{if("Temperature"!==e.type)return null;let t=Number(e.raw.data);return t=5*(t-32)/9+273.15,y.createElement("div",{className:"event-list-item__temperature"},y.createElement(pn,null),(t-273.15).toFixed(1),"°C / ",(9*t/5-459.67).toFixed(1),"°F")}));fn.displayName="Temperature";const gn=B((({data:e,cameraNameHidden:t})=>{var r;const a=E(ue),{cameras:l}=a,o=l.loaded&&(null===(r=l.camerasById.get(e.cameraId))||void 0===r?void 0:r.name)||"...";return y.createElement("div",{className:"event-list-item-caption"},y.createElement("div",{className:"event-list-item__time"},function(e,t){let r="",a="";return n(e,new Date)?i(e,new Date)?r=a="HH:mm":i(e,t)?(r="EEE d MMM HH:mm",a="HH:mm"):r=a="EEE d MMM HH:mm":n(e,t)?(r="yyyy d MMM HH:mm",a="d MMM HH:mm"):r=a="yyyy d MMM HH:mm",(e.getSeconds()||t.getSeconds())&&(r+=":ss",a+=":ss"),+e==+t?`${de(e,r)}`:`${de(e,r)} - ${de(t,a)}`}(e.startTime,e.endTime)),t?null:y.createElement("div",{className:"event-list-item__camera-name",title:o},o),+e.endTime-+e.startTime>0&&y.createElement("div",{className:"event-list-item__duration"},function(e,t=!0){if((e=Math.round(e/1e3))<60)return`${e}s`;const r=e%60,n=t?`${r}`:`${r}`.padStart(2,"0");let i=(e-r)/60;if(i<60)return!r&&t?`${i}m`:`${i}m ${n}s`;const a=Math.floor(i/60);if(i-=60*a,!r&&!i&&t)return`${a}h`;const l=t?`${i}`:`${i}`.padStart(2,"0");return!r&&i&&t?`${a}h ${l}m`:`${a}h ${l}m ${n}s`}(+e.endTime-+e.startTime)),y.createElement(fn,{data:e}))}));gn.displayName="EventListItemCaption";const vn=B((({url:e,noPreview:t,width:r})=>y.createElement(y.Fragment,null,e?y.createElement("img",{key:e,style:{position:"absolute",width:"100%",height:"100%",top:0,left:0},src:e}):null,y.createElement(ne,{radius:r}),t?y.createElement("div",{className:"no-preview-overlay"}):null)));function bn({Top:e,Left:t,Bottom:r,Right:n}){return[(t+n)/2,(e+r)/2]}function yn(e,t){const[r,n]=bn(e),[i,a]=bn(t);return[i-r,a-n]}function En(e,t){return!(e.Left>t.Right||e.Top>t.Bottom||e.Right<t.Left||e.Bottom<t.Top)}function wn([e,t]){const r=Math.sqrt(e*e+t*t);return 0===r?[0,0]:[e/r,t/r]}vn.displayName="EventThumbnail";const Cn=B((({data:e,width:t,height:r})=>{const n=w(null),{eventSchema:i}=E(ue);return N((()=>{if(!n.current)return;const i=[],a=[];for(let l=0;l<e.length;l++){const o=n.current.children[2*l+1],s=e[l].Box;i.push({Top:s.Top*r,Left:s.Left*t,Bottom:s.Bottom*r,Right:s.Right*t});const[c,d]=bn(i[l]),{width:u,height:h}=o.getBoundingClientRect(),m=cn(s,u,h,t,r);a.push(dn({Top:d-h/2-4,Left:c-u/2-4,Bottom:d+h/2+4,Right:c+u/2+4},m))}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=a[t],n=[0,0];for(let o=0;o<e.length;o++){const e=i[o],s=a[o];if(En(r,e)){const t=yn(e,r);n[0]=n[0]+t[0],n[1]=n[1]+t[1],l=!0}if(o!==t&&En(r,s)){const e=yn(s,r);n[0]=n[0]+e[0],n[1]=n[1]+e[1],l=!0}}[n[0],n[1]]=wn(n),r.Top+=n[1],r.Left+=n[0],r.Bottom+=n[1],r.Right+=n[0]}}for(let i=0;i<e.length;i++){const e=n.current.children[2*i+1],{Top:l,Left:o}=ln(a[i],t,r,4);e.style.top=`${l+4}px`,e.style.left=`${o+4}px`}}),[e,t,r]),y.createElement("div",{ref:n},e.map(((e,t)=>{var r;return y.createElement(y.Fragment,{key:t},y.createElement(on,{box:e.Box,style:{outline:`2px solid ${null!==(r=i.colorsByFoundObjectType.get(e.Type))&&void 0!==r?r:""}`}}),y.createElement("div",{className:"event-list-item__detected-object-label",title:`${e.Type.toLowerCase()} ${Math.floor(100*e.Probability)}%`},y.createElement("div",{style:{padding:4,lineHeight:"24px"}},"Car"===e.Type&&"BodyType"in e&&e.BodyType?e.BodyType.toLowerCase():e.Type.toLowerCase()),y.createElement("div",{className:"event-list-item__detected-object-label__caption",style:{backgroundColor:i.colorsByFoundObjectType.get(e.Type)}},Math.floor(100*e.Probability),"%")))})))}));Cn.displayName="DetectedObjects";const xn=B((({data:e,width:t,height:r,cameraNameHidden:n,onClick:i,onAuxClick:a,menuComponent:l})=>{const o=E(ue),{eventSchema:s}=o,[c,d]=function(e){var t;const[r,n]=T(null),i=E(ue),{cameras:a,thumbnails:l}=i;P((()=>{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&&a.loaded?(o=(null===(t=a.camerasById.get(e.cameraId))||void 0===t?void 0:t.imageUrl)||"",s=!0):r&&(o=r.url),[o,s]}(e);let u=[],h=null,m=null;if(e.detectedObjects.length){let n,i;const{ThumbnailSize:a}=JSON.parse(e.raw.data);a&&(n=a.Width,i=a.Height),u=e.detectedObjects.filter((({Type:e})=>s.foundObjectTypes.includes(e)&&"LicensePlate"!==e)),h=e.detectedObjects.filter((({Type:e})=>"LicensePlate"===e)).map(((e,a)=>y.createElement(mn,{key:a,detectedObject:e,width:t,height:r,thumbWidth:n,thumbHeight:i,url:c})))}if(e.faces){const{Width:n,Height:i}=JSON.parse(e.raw.data).ThumbnailSize;m=e.faces.map(((e,a)=>y.createElement(un,{key:a,face:e,url:c,thumbWidth:n,thumbHeight:i,width:t,height:r})))}return y.createElement(an,{onClick:i,onAuxClick:a,data:e,width:t,height:r,cameraNameHidden:n,menuComponent:l},y.createElement("div",{style:{position:"absolute",top:0,left:0,bottom:0,right:0}},y.createElement(vn,{url:c,noPreview:d,width:t}),y.createElement(Cn,{data:u,width:t,height:r}),h,m,e.acknowledged?y.createElement("div",{className:"acknowledged-overlay"},"acknowledged"):null,y.createElement(gn,{data:e,cameraNameHidden:n})))}));xn.displayName="EventItem";const Tn=y.createContext({reportError:(e,t)=>{}});class On extends y.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 y.createElement("div",{style:{flex:1,padding:10,display:"grid",placeItems:"center",alignContent:"center",textAlign:"center",...this.props.style},...r},y.createElement("h1",null,"Oops. Something went wrong"),y.createElement("div",null,"We've been notified about this problem"),y.createElement(et,{onClick:()=>this.setState({hasError:!1})},"retry"))}}function Mn({count:e,overscan:t=1,itemSize:r,horizontal:n=!1,spacing:i=0}){const[a,l]=T(),[o,s]=T(0),c=C((e=>{l(e||void 0)}),[]);P((()=>{if(!a)return;const e=()=>{s(n?a.scrollLeft:a.scrollTop)};return a.addEventListener("scroll",e,{passive:!0,capture:!0}),()=>{a.removeEventListener("scroll",e)}}),[a,n]),P((()=>{a&&(n?a.scrollLeft!==o&&s(a.scrollLeft):a.scrollTop!==o&&s(a.scrollTop))}));return{parentRef:c,getItems:()=>{if(!a)return[];const l=[],{height:s,width:c}=a.getBoundingClientRect(),d=Math.max(0,Math.floor(o/(r+i))-t),u=Math.ceil((n?c:s)/(r+i))+2*t;for(let t=d;t<Math.min(e,d+u);t++)l.push({idx:t,start:t*(r+i),size:r});return l},getTotalSize:()=>r*e+Math.max(e-1,0)*i}}Object.defineProperty(On,"contextType",{enumerable:!0,configurable:!0,writable:!0,value:Tn});const Pn=B((({columnIndex:e,rowIndex:t,style:r,store:n,columnCount:i,eventRenderer:a})=>{var l,o;const s=t*i+e,c=n.data[s];return s===n.data.length?n.error?y.createElement("div",{style:r},y.createElement("div",{style:{position:"absolute",inset:0,display:"grid",placeItems:"center"}},y.createElement("div",{style:{textAlign:"center"}},y.createElement("div",null,"Couldn't fetch more data"),y.createElement(et,{onClick:n.loadMore},"Retry")))):(null===(l=n.pageInfo)||void 0===l?void 0:l.haveMore)?y.createElement("div",{style:r},y.createElement("div",{style:{position:"absolute",inset:0,display:"grid",placeItems:"center"}},y.createElement(gt,{size:32}))):y.createElement("div",{style:r}):!c&&(null===(o=n.pageInfo)||void 0===o?void 0:o.haveMore)?y.createElement("div",{style:r}):c?y.createElement("div",{style:r},y.createElement(On,null,a({data:c,width:r.width,height:r.height}))):y.createElement("div",{style:r})})),Nn=B((({store:e,scrollWidth:t,onClick:r})=>e.pendingData.length?y.createElement("div",{style:{position:"absolute",top:0,left:0,right:t,pointerEvents:"none",textAlign:"center",padding:8}},y.createElement(et,{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},ce.t("showEvents",{count:e.pendingData.length}))):null)),Ln=B((({store:e,width:t,height:r,captionHeight:n=0,minColumnWidth:i=180,aspectRatio:a=16/9,onEventClick:l,onEventAuxClick:o,eventRenderer:s})=>{const c=w(null),d=()=>{c.current&&(e.setLiveUpdateMode("auto"),c.current.scrollTop=0)};if(P((()=>D((()=>e.loading||!e.data.length),(e=>e&&d()))),[]),e.error&&!e.data.length)return y.createElement("div",{style:{flex:1,display:"flex",justifyContent:"center",alignItems:"center"}},y.createElement("div",{style:{textAlign:"center"}},y.createElement("div",null,"Couldn't fetch data"),y.createElement(et,{onClick:e.reload},"Retry")));if(e.loading)return y.createElement("div",{style:{flex:1,display:"flex",justifyContent:"center",alignItems:"center"}},y.createElement(gt,null));if(!e.data.length)return y.createElement("div",{style:{flex:1,display:"flex",justifyContent:"center",alignItems:"center"}},ce.t("noEventsFound"));const u={store:e,width:t,minColumnWidth:i,aspectRatio:a,captionHeight:n,height:r,onEventClick:l,onEventAuxClick:o,eventRenderer:s,containerRef:c,resetScroll:d};return y.createElement(jn,{...u})}));Ln.displayName="EventGrid";const jn=B((({store:e,width:t,height:r,captionHeight:n=0,minColumnWidth:i=180,aspectRatio:a,containerRef:l,onEventClick:o,onEventAuxClick:s,eventRenderer:c=(({data:e,width:t,height:r})=>y.createElement(xn,{data:e.data,cameraNameHidden:!1,onClick:o,onAuxClick:s,width:t,height:r})),resetScroll:d})=>{var u,h;const m=Math.floor(t/i)||1,p=t/m/a+n,f=m*Math.floor(r/p)>=e.data.length?0:nn(),g=Math.max(1,Math.floor((t-f)/i));let v=Math.ceil(e.data.length/g);const b=(t-f-2*(g-1))/g,E=b/a+n;(null===(u=e.pageInfo)||void 0===u?void 0:u.haveMore)&&v*g===e.data.length&&v++;const{parentRef:w,getItems:C,getTotalSize:x}=Mn({count:v,overscan:5,itemSize:E,spacing:2}),{parentRef:T,getItems:O,getTotalSize:M}=Mn({count:g,overscan:5,itemSize:b,horizontal:!0,spacing:2}),N=C(),L=O();P((()=>{var t;e.error||(null===(t=e.pageInfo)||void 0===t?void 0:t.haveMore)&&(e.loading||N.length&&N.at(-1).idx+1===v&&e.loadMore())}),[e.error,null===(h=e.pageInfo)||void 0===h?void 0:h.haveMore,N]);const j=N.flatMap((({idx:t,size:r,start:n})=>L.map((({idx:i,size:a,start:l})=>{var o;const s=t*g+i;return s>e.data.length?null:s!==e.data.length||(null===(o=e.pageInfo)||void 0===o?void 0:o.haveMore)?y.createElement(Pn,{key:e.data[s]?`${e.data[s].data.id}-${e.data[s].objectIdx}`:"loading",columnIndex:i,rowIndex:t,columnCount:g,style:{position:"absolute",top:0,left:0,height:r,width:a,transform:`translate(${l}px, ${n}px)`,display:"flex"},store:e,eventRenderer:c}):null}))));return y.createElement("div",{style:{width:"100%",height:"100%",overflow:"hidden",position:"relative"}},y.createElement("div",{ref:ie(l,w,T),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")}},y.createElement("div",{style:{position:"relative",height:x(),width:M()}},j)),y.createElement(Nn,{store:e,scrollWidth:f,onClick:()=>{e.flushUpdates(),d()}}))})),Fn=({onEventClick:e,style:t,...r})=>{var n;const i=null!==(n=E(L))&&void 0!==n?n:j,[a,l]=T(),{ref:o,width:s,height:c}=(e=>{const{ref:t,width:r,height:n}=ae(),[i,a]=T(0);return P((()=>{a((e=>e+1))}),e),{ref:t,width:r,height:n,fix:i}})([a]);return P((()=>(null==a||a.dispose(),z((()=>i.initialized),(()=>{const e=new Pe(i.events);e.initWith(i.api),e.load(),l(e)})))),[i]),y.createElement(ue.Provider,{value:i},a?y.createElement("div",{style:{display:"flex",flexDirection:"column",textAlign:"left",...t},...r},y.createElement(Qe,{addionalFiltersEnabled:!0,store:a}),y.createElement(ct,{store:a}),a.someAnalyticsFilterSelected&&y.createElement(y.Fragment,null,y.createElement(ht,{getter:a.getProbabilityTreshold,setter:a.setProbabilityTreshold}),y.createElement(ft,{value:a.colors,toggle:a.toggleColor,clear:a.clearColors})),y.createElement("div",{ref:o,style:{flex:1,display:"flex"}},y.createElement(Ln,{minColumnWidth:1/0,store:a.eventsLoader,width:s,height:c,eventRenderer:({data:t,width:r,height:n})=>y.createElement(xn,{data:t.data,cameraNameHidden:!1,onClick:e,width:r,height:n})}))):null)};var In;Fn.displayName="EventList",(In={resources:{en:{translation:le}}})&&Object.assign(se,In),ce.isInitialized?(se.resources?Object.keys(se.resources).forEach((e=>{ce.addResourceBundle(e,"translation",se.resources[e].translation,!0)})):console.warn("i18n is already initialized"),l(ce.t)):o(ce.init(se));export{Fn as default};

package/dist/tsdoc-metadata.json

@@ -5,7 +5,7 @@
   "toolPackages": [
     {
       "packageName": "@microsoft/api-extractor",
-      "packageVersion": "7.28.3"
+      "packageVersion": "7.34.8"
     }
   ]
 }

package/package.json

@@ -1,20 +1,18 @@
 {
   "name": "@3deye-toolkit/react-event-list",
-  "version": "0.0.1",
+  "version": "0.0.2",
   "module": "dist/react-event-list.js",
   "types": "dist/react-event-list.d.ts",
   "files": [
     "dist"
   ],
   "dependencies": {
-    "@3deye-toolkit/core": "0.0.1",
-    "@floating-ui/react": "^0.14.0",
+    "@3deye-toolkit/core": "0.0.2",
+    "@floating-ui/react": "^0.24.0",
     "@mantine/hooks": "^5.5.6",
-    "@sentry/browser": "^5.15.5",
     "@seznam/compose-react-refs": "^1.0.6",
-    "clsx": "^1.1.1",
+    "clsx": "^1.2.1",
     "date-fns": "^2.28.0",
-    "earcut": "^2.2.3",
     "i18next": "21.6.11",
     "lodash": "4.17.21",
     "mobx": "^6.3.13",
@@ -36,4 +34,4 @@
     "*.css"
   ],
   "license": "mit"
-}
+}