@luxonis/common-fe-components 1.9.5

package/dist/components/custom/Toast.js

@@ -0,0 +1,26 @@
+'use client';
+import { jsx as _jsx } from "react/jsx-runtime";
+import { createStyleContext } from '@shadow-panda/style-context';
+import * as ToastPrimitive from '@radix-ui/react-toast';
+import { _ToastAction, _ToastClose, _ToastDescription, _ToastTitle, __Toast } from '../shadow-panda/_Toast.js';
+import { toast } from '../../styled-system/recipes/toast.mjs';
+import { toastViewport } from '../../styled-system/recipes/toast-viewport.mjs';
+import { icon } from '../../styled-system/recipes/icon.mjs';
+import { styled } from '../../styled-system/jsx/factory.mjs';
+import { colorStyles } from '../../recipes/colors.js';
+import { CloseIcon } from '../../icons/react-icons.js';
+const { withProvider, withContext } = createStyleContext(toast);
+const _Toast = withProvider(__Toast, 'root', { className: 'group' });
+export const Toast = ({ variant = 'outline', colorVariant = 'white', ...props }) => {
+    return _jsx(_Toast, { className: colorStyles({ colorVariant, variant }), ...props });
+};
+// TODO: move to shadow-panda and keep only custom styles here
+export const ToastProvider = ToastPrimitive.Provider;
+export const ToastViewport = styled(ToastPrimitive.Viewport, toastViewport);
+export const ToastAction = withContext(_ToastAction, 'action');
+export const ToastClose = withContext(_ToastClose, 'close', {
+    children: _jsx(CloseIcon, { className: icon() }),
+});
+export const ToastTitle = withContext(_ToastTitle, 'title');
+export const ToastDescription = withContext(_ToastDescription, 'description');
+//# sourceMappingURL=Toast.js.map

package/dist/components/custom/Toast.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Toast.js","sourceRoot":"","sources":["../../../src/components/custom/Toast.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAGb,OAAO,EAAE,kBAAkB,EAAE,MAAM,6BAA6B,CAAC;AACjE,OAAO,KAAK,cAAc,MAAM,uBAAuB,CAAC;AAExD,OAAO,EAAE,YAAY,EAAE,WAAW,EAAE,iBAAiB,EAAE,WAAW,EAAE,OAAO,EAAE,MAAM,2BAA2B,CAAC;AAC/G,OAAO,EAAE,KAAK,EAAE,MAAM,uCAAuC,CAAC;AAC9D,OAAO,EAAE,aAAa,EAAE,MAAM,gDAAgD,CAAC;AAC/E,OAAO,EAAE,IAAI,EAAE,MAAM,sCAAsC,CAAC;AAC5D,OAAO,EAAE,MAAM,EAAE,MAAM,qCAAqC,CAAC;AAC7D,OAAO,EAAE,WAAW,EAAE,MAAM,yBAAyB,CAAC;AAEtD,OAAO,EAAE,SAAS,EAAE,MAAM,4BAA4B,CAAC;AAGvD,MAAM,EAAE,YAAY,EAAE,WAAW,EAAE,GAAG,kBAAkB,CAAC,KAAK,CAAC,CAAC;AAEhE,MAAM,MAAM,GAA2C,YAAY,CAAC,OAAO,EAAE,MAAM,EAAE,EAAE,SAAS,EAAE,OAAO,EAAE,CAAC,CAAC;AAI7G,MAAM,CAAC,MAAM,KAAK,GAAG,CAAC,EAAE,OAAO,GAAG,SAAS,EAAE,YAAY,GAAG,OAAO,EAAE,GAAG,KAAK,EAAiB,EAAE,EAAE;IAChG,OAAO,KAAC,MAAM,IAAC,SAAS,EAAE,WAAW,CAAC,EAAE,YAAY,EAAE,OAAO,EAAE,CAAC,KAAM,KAAK,GAAI,CAAC;AAClF,CAAC,CAAC;AAEF,8DAA8D;AAC9D,MAAM,CAAC,MAAM,aAAa,GAAG,cAAc,CAAC,QAAQ,CAAC;AACrD,MAAM,CAAC,MAAM,aAAa,GAAG,MAAM,CAAC,cAAc,CAAC,QAAQ,EAAE,aAAa,CAAC,CAAC;AAC5E,MAAM,CAAC,MAAM,WAAW,GAAgC,WAAW,CAAC,YAAY,EAAE,QAAQ,CAAC,CAAC;AAC5F,MAAM,CAAC,MAAM,UAAU,GAA+B,WAAW,CAAC,WAAW,EAAE,OAAO,EAAE;IACtF,QAAQ,EAAE,KAAC,SAAS,IAAC,SAAS,EAAE,IAAI,EAAE,GAAI;CAC3C,CAAC,CAAC;AACH,MAAM,CAAC,MAAM,UAAU,GAA+B,WAAW,CAAC,WAAW,EAAE,OAAO,CAAC,CAAC;AACxF,MAAM,CAAC,MAAM,gBAAgB,GAAqC,WAAW,CAAC,iBAAiB,EAAE,aAAa,CAAC,CAAC"}

package/dist/components/custom/Tooltip.d.ts

@@ -0,0 +1,10 @@
+import React from 'react';
+import { _Tooltip, TooltipContent, TooltipTrigger } from '../shadow-panda/_Tooltip.js';
+export type TooltipButtonProps = Omit<React.ComponentProps<typeof _Tooltip>, 'content'> & Pick<React.ComponentProps<typeof TooltipContent>, 'side'> & {
+    content: React.ReactNode;
+    className?: string;
+    contentClassName?: string;
+    lineHeight?: Pick<React.ComponentProps<typeof TooltipTrigger>, 'lineHeight'>;
+};
+export declare const Tooltip: React.ForwardRefExoticComponent<Omit<TooltipButtonProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
+//# sourceMappingURL=Tooltip.d.ts.map

package/dist/components/custom/Tooltip.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Tooltip.d.ts","sourceRoot":"","sources":["../../../src/components/custom/Tooltip.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,OAAO,EAAE,QAAQ,EAAE,cAAc,EAAmB,cAAc,EAAE,MAAM,6BAA6B,CAAC;AAKxG,MAAM,MAAM,kBAAkB,GAAG,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,OAAO,QAAQ,CAAC,EAAE,SAAS,CAAC,GACrF,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,OAAO,cAAc,CAAC,EAAE,MAAM,CAAC,GAAG;IAC1D,OAAO,EAAE,KAAK,CAAC,SAAS,CAAC;IACzB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,UAAU,CAAC,EAAE,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,OAAO,cAAc,CAAC,EAAE,YAAY,CAAC,CAAC;CAC9E,CAAC;AAEJ,eAAO,MAAM,OAAO,wGAwBlB,CAAC"}

package/dist/components/custom/Tooltip.js

@@ -0,0 +1,16 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import React from 'react';
+import { Portal } from '@radix-ui/react-tooltip';
+import { _Tooltip, TooltipContent, TooltipProvider, TooltipTrigger } from '../shadow-panda/_Tooltip.js';
+import { css } from '../../styled-system/css/css.mjs';
+import { clsx } from '../../helpers.js';
+import { Label } from './Text.js';
+export const Tooltip = React.forwardRef((props, ref) => {
+    const { className, content, children, side = 'top', lineHeight = 1, contentClassName, ...rest } = props;
+    const contentWrapper = css({
+        'display': 'inline-block',
+        'lineHeight': lineHeight,
+    });
+    return (_jsx(TooltipProvider, { children: _jsxs(_Tooltip, { ref: ref, ...rest, children: [_jsx(TooltipTrigger, { asChild: true, children: _jsx("div", { className: clsx(contentWrapper, className), children: children }) }), content && (_jsx(Portal, { children: _jsx(TooltipContent, { className: contentClassName, side: side, children: typeof content === 'string' ? _jsx(Label, { text: content }) : content }) }))] }) }));
+});
+//# sourceMappingURL=Tooltip.js.map

package/dist/components/custom/Tooltip.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Tooltip.js","sourceRoot":"","sources":["../../../src/components/custom/Tooltip.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,MAAM,EAAE,MAAM,yBAAyB,CAAC;AAEjD,OAAO,EAAE,QAAQ,EAAE,cAAc,EAAE,eAAe,EAAE,cAAc,EAAE,MAAM,6BAA6B,CAAC;AACxG,OAAO,EAAE,GAAG,EAAE,MAAM,iCAAiC,CAAC;AACtD,OAAO,EAAE,IAAI,EAAE,MAAM,kBAAkB,CAAC;AACxC,OAAO,EAAE,KAAK,EAAE,MAAM,WAAW,CAAC;AAUlC,MAAM,CAAC,MAAM,OAAO,GAAG,KAAK,CAAC,UAAU,CAAqC,CAAC,KAAK,EAAE,GAAG,EAAqB,EAAE;IAC5G,MAAM,EAAE,SAAS,EAAE,OAAO,EAAE,QAAQ,EAAE,IAAI,GAAG,KAAK,EAAE,UAAU,GAAG,CAAC,EAAE,gBAAgB,EAAE,GAAG,IAAI,EAAE,GAAG,KAAK,CAAC;IAExG,MAAM,cAAc,GAAG,GAAG,CAAC;QACzB,SAAS,EAAE,cAAc;QACzB,YAAY,EAAE,UAAU;KACzB,CAAC,CAAC;IAEH,OAAO,CACL,KAAC,eAAe,cACd,MAAC,QAAQ,IAAC,GAAG,EAAE,GAAG,KAAM,IAAI,aAC1B,KAAC,cAAc,IAAC,OAAO,kBACrB,cAAK,SAAS,EAAE,IAAI,CAAC,cAAc,EAAE,SAAS,CAAC,YAAG,QAAQ,GAAO,GAClD,EAChB,OAAO,IAAI,CACV,KAAC,MAAM,cACL,KAAC,cAAc,IAAC,SAAS,EAAE,gBAAgB,EAAE,IAAI,EAAE,IAAI,YACpD,OAAO,OAAO,KAAK,QAAQ,CAAC,CAAC,CAAC,KAAC,KAAK,IAAC,IAAI,EAAE,OAAO,GAAI,CAAC,CAAC,CAAC,OAAO,GAClD,GACV,CACV,IACQ,GACK,CACnB,CAAC;AACJ,CAAC,CAAC,CAAC"}

package/dist/components/custom/TurnstileWidget.d.ts

@@ -0,0 +1,26 @@
+export declare const TURNSTILE_SCRIPT_URL = "https://challenges.cloudflare.com/turnstile/v0/api.js?onload=onloadTurnstileCallback";
+interface Turnstile {
+    render: (container: HTMLElement | string, options: {
+        sitekey: string;
+        callback: (token: string) => void;
+    }) => void;
+    reset: (widgetId: string) => void;
+    remove: (widgetId: string) => void;
+}
+declare global {
+    interface Window {
+        onloadTurnstileCallback?: (token: string) => void;
+        turnstile?: Turnstile;
+    }
+}
+type TurnstileWidgetProps<T> = {
+    onChange: (newValue: any) => void;
+    value: T | null;
+    siteKey: string | undefined;
+};
+export declare const TurnstileWidget: {
+    <T>(props: TurnstileWidgetProps<T>): JSX.Element;
+    displayName: string;
+};
+export {};
+//# sourceMappingURL=TurnstileWidget.d.ts.map

package/dist/components/custom/TurnstileWidget.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TurnstileWidget.d.ts","sourceRoot":"","sources":["../../../src/components/custom/TurnstileWidget.tsx"],"names":[],"mappings":"AAKA,eAAO,MAAM,oBAAoB,yFACuD,CAAC;AAEzF,UAAU,SAAS;IACjB,MAAM,EAAE,CACN,SAAS,EAAE,WAAW,GAAG,MAAM,EAC/B,OAAO,EAAE;QACP,OAAO,EAAE,MAAM,CAAC;QAChB,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;KACnC,KACE,IAAI,CAAC;IACV,KAAK,EAAE,CAAC,QAAQ,EAAE,MAAM,KAAK,IAAI,CAAC;IAClC,MAAM,EAAE,CAAC,QAAQ,EAAE,MAAM,KAAK,IAAI,CAAC;CACpC;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,MAAM;QACd,uBAAuB,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;QAClD,SAAS,CAAC,EAAE,SAAS,CAAC;KACvB;CACF;AAID,KAAK,oBAAoB,CAAC,CAAC,IAAI;IAC7B,QAAQ,EAAE,CAAC,QAAQ,EAAE,GAAG,KAAK,IAAI,CAAC;IAClC,KAAK,EAAE,CAAC,GAAG,IAAI,CAAC;IAChB,OAAO,EAAE,MAAM,GAAG,SAAS,CAAC;CAC7B,CAAC;AAEF,eAAO,MAAM,eAAe;KAAI,CAAC,SAAU,oBAAoB,CAAC,CAAC,CAAC,GAAG,GAAG,CAAC,OAAO;;CAiC/E,CAAC"}

package/dist/components/custom/TurnstileWidget.js

@@ -0,0 +1,37 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import React, { useState } from 'react';
+import { useScript } from '@luxonis/common-fe-utils';
+import { css } from '../../styled-system/css/css.mjs';
+export const TURNSTILE_SCRIPT_URL = 'https://challenges.cloudflare.com/turnstile/v0/api.js?onload=onloadTurnstileCallback';
+export const TurnstileWidget = (props) => {
+    const { onChange, value, siteKey } = props;
+    const [created, setCreated] = useState(false);
+    const widgetId = '#turnstile-widget';
+    useScript(TURNSTILE_SCRIPT_URL, {
+        removeOnUnmount: false,
+    });
+    const setupTurnstile = React.useCallback(() => {
+        window.onloadTurnstileCallback = function () {
+            if (siteKey) {
+                turnstile.render(widgetId, {
+                    sitekey: siteKey,
+                    callback: (token) => {
+                        onChange(token);
+                        setCreated(true);
+                    },
+                });
+            }
+        };
+    }, [onChange, siteKey]);
+    React.useEffect(() => {
+        if (created && !value) {
+            turnstile?.reset(widgetId);
+        }
+        if (!created) {
+            setupTurnstile();
+        }
+    }, [setupTurnstile, value, created]);
+    return _jsx("div", { id: "turnstile-widget", className: css({ width: '300px' }) });
+};
+TurnstileWidget.displayName = 'TurnstileWidget';
+//# sourceMappingURL=TurnstileWidget.js.map

package/dist/components/custom/TurnstileWidget.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TurnstileWidget.js","sourceRoot":"","sources":["../../../src/components/custom/TurnstileWidget.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,EAAE,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACxC,OAAO,EAAE,SAAS,EAAE,MAAM,0BAA0B,CAAC;AAErD,OAAO,EAAE,GAAG,EAAE,MAAM,iCAAiC,CAAC;AAEtD,MAAM,CAAC,MAAM,oBAAoB,GAC/B,sFAAsF,CAAC;AA6BzF,MAAM,CAAC,MAAM,eAAe,GAAG,CAAK,KAA8B,EAAe,EAAE;IACjF,MAAM,EAAE,QAAQ,EAAE,KAAK,EAAE,OAAO,EAAE,GAAG,KAAK,CAAC;IAC3C,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAC9C,MAAM,QAAQ,GAAG,mBAAmB,CAAC;IAErC,SAAS,CAAC,oBAAoB,EAAE;QAC9B,eAAe,EAAE,KAAK;KACvB,CAAC,CAAC;IAEH,MAAM,cAAc,GAAG,KAAK,CAAC,WAAW,CAAC,GAAG,EAAE;QAC5C,MAAM,CAAC,uBAAuB,GAAG;YAC/B,IAAI,OAAO,EAAE,CAAC;gBACZ,SAAS,CAAC,MAAM,CAAC,QAAQ,EAAE;oBACzB,OAAO,EAAE,OAAO;oBAChB,QAAQ,EAAE,CAAC,KAAa,EAAE,EAAE;wBAC1B,QAAQ,CAAC,KAAK,CAAC,CAAC;wBAChB,UAAU,CAAC,IAAI,CAAC,CAAC;oBACnB,CAAC;iBACF,CAAC,CAAC;YACL,CAAC;QACH,CAAC,CAAC;IACJ,CAAC,EAAE,CAAC,QAAQ,EAAE,OAAO,CAAC,CAAC,CAAC;IAExB,KAAK,CAAC,SAAS,CAAC,GAAG,EAAE;QACnB,IAAI,OAAO,IAAI,CAAC,KAAK,EAAE,CAAC;YACtB,SAAS,EAAE,KAAK,CAAC,QAAQ,CAAC,CAAC;QAC7B,CAAC;QACD,IAAI,CAAC,OAAO,EAAE,CAAC;YACb,cAAc,EAAE,CAAC;QACnB,CAAC;IACH,CAAC,EAAE,CAAC,cAAc,EAAE,KAAK,EAAE,OAAO,CAAC,CAAC,CAAC;IAErC,OAAO,cAAK,EAAE,EAAC,kBAAkB,EAAC,SAAS,EAAE,GAAG,CAAC,EAAE,KAAK,EAAE,OAAO,EAAE,CAAC,GAAI,CAAC;AAC3E,CAAC,CAAC;AACF,eAAe,CAAC,WAAW,GAAG,iBAAiB,CAAC"}

package/dist/components/custom/VideoPlayer.d.ts

@@ -0,0 +1,71 @@
+import React from 'react';
+type VideoStreamErrorCode = 'unknown' | 'timeout' | 'stream_not_found' | 'clients_limit' | 'active_clients_limit' | 'no_sdp' | 'invalid_metadata' | 'video' | 'slow_connection' | 'not_initialized' | 'client_not_ready';
+type VideoStreamError = {
+    code: VideoStreamErrorCode;
+    extra?: unknown;
+};
+export type VideoStreamRenderer = {
+    readonly initialized: boolean;
+    readonly id: string;
+    readonly rendering: boolean;
+    init: (args: {
+        video: HTMLVideoElement;
+        canvas: HTMLCanvasElement;
+        timeZone?: string;
+        onError?: (error: VideoStreamError) => void;
+    }) => void;
+    render: (args: {
+        streamKey: string;
+        servers?: RTCIceServer[];
+        onStreamStart?: () => void;
+    } & SignalingParams) => void;
+    clear: () => void;
+    dispose: () => void;
+    containsStream: (streamKey: string) => boolean;
+};
+export type SdpRequestResult = {
+    streamId: string | null;
+    sdp: string | null;
+    errorCode?: VideoStreamErrorCode;
+    extra?: unknown;
+} | null;
+export type SignalingParams = {
+    signalingUrl: string;
+    requestSdp?: undefined;
+    submitSdp?: undefined;
+} | {
+    signalingUrl?: undefined;
+    requestSdp: () => Promise<SdpRequestResult>;
+    submitSdp: (sdp: string, streamId: string) => Promise<{
+        success: boolean;
+    }>;
+};
+export type VideoPlayerProps = {
+    wrapperStyles?: string;
+    overlayStyles?: string;
+    videoStyles?: string;
+    canvasStyles?: string;
+    streamKey: string | null;
+    timeZone?: string;
+    servers?: RTCIceServer[] | null;
+    refetch?: () => void;
+    streamEnabled?: boolean;
+    noStreamMeansLoading?: boolean;
+    onPlay?: (ev: HTMLVideoElementEventMap['play']) => any;
+    onLoadStart?: (ev: HTMLVideoElementEventMap['loadstart']) => any;
+    onLoadedData?: (ev: HTMLVideoElementEventMap['loadeddata']) => any;
+    onWaiting?: (ev: HTMLVideoElementEventMap['waiting']) => any;
+    onEnded?: (ev: HTMLVideoElementEventMap['ended']) => any;
+    onError?: (ev: HTMLVideoElementEventMap['error']) => any;
+    className?: string;
+    controls?: React.ReactNode;
+    fullScreen?: boolean;
+    onFullScreenExited?: () => void;
+    videoStreamRendererFactory: () => VideoStreamRenderer;
+} & SignalingParams;
+export declare const VideoPlayer: {
+    (props: VideoPlayerProps): JSX.Element;
+    displayName: string;
+};
+export {};
+//# sourceMappingURL=VideoPlayer.d.ts.map

package/dist/components/custom/VideoPlayer.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"VideoPlayer.d.ts","sourceRoot":"","sources":["../../../src/components/custom/VideoPlayer.tsx"],"names":[],"mappings":"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"}

package/dist/components/custom/VideoPlayer.js

@@ -0,0 +1,287 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import React from 'react';
+import { log, SECOND } from '@luxonis/common-fe-utils';
+import { css } from '../../styled-system/css/css.mjs';
+import { Header } from './Text.js';
+export const VideoPlayer = (props) => {
+    const { wrapperStyles, overlayStyles, videoStyles, canvasStyles, streamKey, timeZone, servers = [], streamEnabled = true, onPlay, onLoadStart, onLoadedData, onWaiting, onError, onEnded, noStreamMeansLoading = false, controls, fullScreen = false, onFullScreenExited, className, refetch, videoStreamRendererFactory, ...signalingParams } = props;
+    const videoPlayerRef = React.useRef(null);
+    const videoInFullscreenRef = React.useRef(false);
+    const connectionTimeoutId = React.useRef(null);
+    let videoRef = null;
+    let canvasRef = null;
+    const [playerError, setPlayerError] = React.useState(null);
+    const [playerState, setPlayerState] = React.useState(null);
+    const unsupportedBrowser = React.useMemo(() => !('requestVideoFrameCallback' in HTMLVideoElement.prototype), []);
+    const renderer = React.useMemo(() => (unsupportedBrowser ? null : videoStreamRendererFactory()), [unsupportedBrowser, videoStreamRendererFactory]);
+    React.useEffect(() => {
+        const listener = () => {
+            if (document.fullscreenElement === null && videoInFullscreenRef.current) {
+                onFullScreenExited?.();
+            }
+            const rootDiv = videoPlayerRef.current;
+            videoInFullscreenRef.current = document.fullscreenElement === rootDiv;
+        };
+        document.addEventListener('fullscreenchange', listener);
+        return () => document.removeEventListener('fullscreenchange', listener);
+    }, [onFullScreenExited]);
+    React.useEffect(() => {
+        if (playerState === 'playing') {
+            setPlayerError(null);
+        }
+    }, [playerState]);
+    const startSlowConnectionTimer = React.useCallback(() => {
+        if (connectionTimeoutId.current) {
+            clearTimeout(connectionTimeoutId.current);
+        }
+        connectionTimeoutId.current = setTimeout(() => {
+            if (playerState !== 'playing' && playerState !== 'ended' && playerError === null) {
+                setPlayerError('slow_connection');
+            }
+        }, 10 * SECOND);
+    }, [playerError, playerState]);
+    const updateFullScreen = React.useCallback((wantFullScreen) => {
+        if (wantFullScreen !== videoInFullscreenRef.current && videoPlayerRef.current) {
+            if (videoInFullscreenRef.current) {
+                void document.exitFullscreen();
+            }
+            else {
+                void videoPlayerRef.current?.requestFullscreen();
+            }
+            videoInFullscreenRef.current = wantFullScreen;
+        }
+    }, []);
+    const handleError = React.useCallback((error) => {
+        log.error({ error }, 'Video Player error');
+        setPlayerError(error.code);
+    }, []);
+    void updateFullScreen(fullScreen);
+    const handleRootRef = React.useCallback((it) => {
+        videoPlayerRef.current = it;
+        updateFullScreen(fullScreen);
+    }, [fullScreen, updateFullScreen]);
+    const playCallback = React.useCallback((event) => {
+        if (!renderer) {
+            return;
+        }
+        log.trace('[VideoPlayer] play');
+        setPlayerState('loading');
+        if (onPlay)
+            onPlay(event);
+        renderer.clear();
+    }, [onPlay, renderer]);
+    const playingCallback = React.useCallback(() => {
+        log.trace('[VideoPlayer] playing');
+        setPlayerState('playing');
+    }, []);
+    const loadStartCallback = React.useCallback((event) => {
+        log.trace('[VideoPlayer] loadstart');
+        setPlayerState('loading');
+        if (onLoadStart)
+            onLoadStart(event);
+    }, [onLoadStart]);
+    const loadedDataCallback = React.useCallback((event) => {
+        log.trace('[VideoPlayer] loadeddata');
+        setPlayerState('first_frame_ready');
+        if (onLoadedData)
+            onLoadedData(event);
+        if (videoRef) {
+            void videoRef.play();
+        }
+    }, [onLoadedData, videoRef]);
+    const waitingCallback = React.useCallback((event) => {
+        log.trace('[VideoPlayer] waiting');
+        setPlayerState('waiting');
+        if (onWaiting)
+            onWaiting(event);
+    }, [onWaiting]);
+    const endedCallback = React.useCallback((event) => {
+        log.trace('[VideoPlayer] ended');
+        setPlayerState('ended');
+        if (onEnded)
+            onEnded(event);
+    }, [onEnded]);
+    const errorCallback = React.useCallback((event) => {
+        // setPlayerState('ended');
+        log.warn({ event }, 'VideoPlayer Error!');
+        if (onError)
+            onError(event);
+    }, [onError]);
+    const initCanvas = (canvas) => {
+        canvasRef = canvas;
+        if (!renderer) {
+            return;
+        }
+        if (!renderer.initialized && videoRef && canvasRef && !unsupportedBrowser) {
+            renderer.init({
+                video: videoRef,
+                canvas: canvasRef,
+                timeZone,
+                onError: error => {
+                    log.error({ error }, 'Video Stream Renderer Error');
+                    handleError(error);
+                },
+            });
+            log.debug(`VideoPlayer ${renderer.id} > create new renderer`);
+        }
+    };
+    const initVideo = (video) => {
+        videoRef = video;
+        if (!renderer) {
+            return;
+        }
+        if (videoRef) {
+            videoRef.addEventListener('play', playCallback);
+            videoRef.addEventListener('playing', playingCallback);
+            videoRef.addEventListener('loadstart', loadStartCallback);
+            videoRef.addEventListener('loadeddata', loadedDataCallback);
+            videoRef.addEventListener('waiting', waitingCallback);
+            videoRef.addEventListener('ended', endedCallback);
+            videoRef.addEventListener('error', errorCallback);
+            if (!renderer.initialized && videoRef && canvasRef) {
+                renderer.init({
+                    video: videoRef,
+                    canvas: canvasRef,
+                    onError: error => {
+                        log.error({ error }, 'Renderer error');
+                        setPlayerError(error.code);
+                    },
+                });
+                log.debug(`VideoPlayer ${renderer.id} > create new renderer`);
+            }
+        }
+    };
+    React.useEffect(() => {
+        if (!renderer) {
+            return;
+        }
+        return () => {
+            log.debug(`VideoPlayer ${renderer.id} > final dispose`);
+            renderer.dispose();
+        };
+    }, [renderer]);
+    React.useEffect(() => {
+        if (!renderer) {
+            return;
+        }
+        if ((!streamKey || (streamKey && !renderer.containsStream(streamKey)) || !streamEnabled) && renderer.rendering) {
+            log.debug(`VideoPlayer ${renderer.id} > dispose current state`);
+            renderer.dispose();
+        }
+        if (streamKey && streamEnabled && servers !== null && !renderer.containsStream(streamKey)) {
+            log.debug(`VideoPlayer ${renderer.id} > render`);
+            setPlayerState('initializing');
+            try {
+                renderer.render({
+                    streamKey,
+                    ...signalingParams,
+                    servers,
+                    onStreamStart: () => {
+                        setPlayerState('playing');
+                        if (connectionTimeoutId.current) {
+                            clearTimeout(connectionTimeoutId.current);
+                        }
+                    },
+                });
+            }
+            catch (error) {
+                log.error({ error }, 'Initial render error');
+                setPlayerError('not_initialized');
+            }
+        }
+    }, [streamKey, renderer, streamEnabled, servers, signalingParams]);
+    React.useEffect(() => {
+        if (playerState === 'initializing') {
+            startSlowConnectionTimer();
+        }
+    }, [playerState, startSlowConnectionTimer]);
+    const overlayVisible = React.useMemo(() => {
+        return (playerState && playerState !== 'playing') || !streamEnabled || unsupportedBrowser;
+    }, [playerState, streamEnabled, unsupportedBrowser]);
+    const statusText = React.useMemo(() => {
+        if (unsupportedBrowser) {
+            return 'Unsupported browser. To enable live streaming use recent version of Chrome, Edge or Safari.';
+        }
+        if (playerState !== 'playing') {
+            switch (playerError) {
+                case 'slow_connection':
+                    return 'Connection is taking longer than usual…';
+                case 'timeout':
+                    return 'Connection timeout. Please ensure you have stable internet connection and correctly configured firewall.';
+                case 'not_initialized':
+                    return 'Player initialization failed.';
+                case 'no_sdp':
+                    return 'Unable to communicate with OAK.';
+                case 'clients_limit':
+                    return 'Stream connections limit reached.';
+                case 'active_clients_limit':
+                    return 'Stream watchers limit reached.';
+                case 'stream_not_found':
+                    return 'Stream not found.';
+                case 'unknown':
+                    return 'Unknown error occurred.';
+                default:
+                    break;
+            }
+        }
+        if (!streamEnabled) {
+            return noStreamMeansLoading ? 'Opening connection…' : 'No streams available.';
+        }
+        switch (playerState) {
+            case 'initializing':
+                return 'Waiting for a stream…';
+            case 'loading':
+                return 'Opening connection…';
+            case 'first_frame_ready':
+                return 'Just a sec…';
+            case 'ended':
+                return 'Stream ended.';
+            case 'waiting':
+                return 'Slow connection, please wait…';
+            default:
+                break;
+        }
+        return `[${playerState}]`;
+    }, [unsupportedBrowser, playerState, streamEnabled, playerError, noStreamMeansLoading]);
+    const videoPlayerStyle = css({
+        borderRadius: 'var(--border-radius)',
+        overflow: 'hidden',
+        width: '100%',
+        height: 'auto',
+        outline: 'unset',
+        margin: '0 -1px -1px 0',
+        position: 'relative',
+        backgroundColor: '#000',
+        display: 'flex',
+        justifyContent: 'center',
+    });
+    const videoPlayerOverlayStyle = css({
+        position: 'absolute',
+        top: '0',
+        left: '0',
+        zIndex: '10',
+        width: '100%',
+        height: '100%',
+        display: 'flex',
+        flexDirection: 'row',
+        alignItems: 'center',
+        justifyContent: 'center',
+        padding: 'sm',
+        textAlign: 'center',
+    });
+    const videoPlayerVideoStyle = css({
+        position: 'absolute',
+        width: '100%',
+        height: 'auto',
+        display: 'none',
+        borderRadius: 'var(--border-radius)',
+    });
+    const videoPlayerCanvasStyle = css({
+        width: '100%',
+        height: 'auto',
+        borderRadius: 'var(--border-radius)',
+    });
+    return (_jsxs("div", { ref: it => handleRootRef(it), className: wrapperStyles ?? (props.className ? props.className : videoPlayerStyle), children: [overlayVisible && (_jsx("div", { className: overlayStyles ?? videoPlayerOverlayStyle, children: _jsx(Header, { text: statusText, color: "white" }) })), controls, _jsx("video", { ref: initVideo, autoPlay: true, muted: true, playsInline: true, className: videoStyles ?? videoPlayerVideoStyle }), _jsx("canvas", { ref: initCanvas, className: canvasStyles ?? videoPlayerCanvasStyle })] }));
+};
+VideoPlayer.displayName = 'VideoPlayer';
+//# sourceMappingURL=VideoPlayer.js.map

package/dist/components/custom/VideoPlayer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"VideoPlayer.js","sourceRoot":"","sources":["../../../src/components/custom/VideoPlayer.tsx"],"names":[],"mappings":"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"}

package/dist/components/custom/index.d.ts

@@ -0,0 +1,43 @@
+export * from './Alert.js';
+export * from './Modal.js';
+export * from './ErrorView.js';
+export * from './ExternalLink.js';
+export * from './MonospaceBlock.js';
+export * from './Table.js';
+export * from './LabelledProgress.js';
+export * from './Card.js';
+export * from './Badge.js';
+export * from './BadgeLine.js';
+export * from './CardList.js';
+export * from './SourceCode.js';
+export * from './Grid.js';
+export * from './Dropzone.js';
+export * from './Checkbox.js';
+export * from './RadioGroup.js';
+export * from './KpiDisplay.js';
+export * from './Checkbox.js';
+export * from './EmptyView.js';
+export * from './Select.js';
+export * from './ProgressTicker.js';
+export * from './Flex.js';
+export * from './VideoPlayer.js';
+export * from './Stepper.js';
+export * from './TurnstileWidget.js';
+export * from './Tooltip.js';
+export * from './Button.js';
+export * from './Form.js';
+export * from './Text.js';
+export * from './Circle.js';
+export * from './PasswordInput.js';
+export * from './SelectCards.js';
+export * from './Switch.js';
+export * from './Toast.js';
+export * from './TimePicker.js';
+export * from './Slider.js';
+export * from './DropdownMenu.js';
+export * from './Markdown.js';
+export * from './StatusBar.js';
+export * from './Input.js';
+export * from './FilterDropdown.js';
+export * from './Command.js';
+//# sourceMappingURL=index.d.ts.map

package/dist/components/custom/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/custom/index.ts"],"names":[],"mappings":"AAAA,cAAc,YAAY,CAAC;AAE3B,cAAc,YAAY,CAAC;AAE3B,cAAc,gBAAgB,CAAC;AAE/B,cAAc,mBAAmB,CAAC;AAElC,cAAc,qBAAqB,CAAC;AAEpC,cAAc,YAAY,CAAC;AAE3B,cAAc,uBAAuB,CAAC;AAEtC,cAAc,WAAW,CAAC;AAE1B,cAAc,YAAY,CAAC;AAE3B,cAAc,gBAAgB,CAAC;AAE/B,cAAc,eAAe,CAAC;AAE9B,cAAc,iBAAiB,CAAC;AAEhC,cAAc,WAAW,CAAC;AAE1B,cAAc,eAAe,CAAC;AAE9B,cAAc,eAAe,CAAC;AAE9B,cAAc,iBAAiB,CAAC;AAEhC,cAAc,iBAAiB,CAAC;AAEhC,cAAc,eAAe,CAAC;AAE9B,cAAc,gBAAgB,CAAC;AAE/B,cAAc,aAAa,CAAC;AAE5B,cAAc,qBAAqB,CAAC;AAEpC,cAAc,WAAW,CAAC;AAE1B,cAAc,kBAAkB,CAAC;AAEjC,cAAc,cAAc,CAAC;AAE7B,cAAc,sBAAsB,CAAC;AAErC,cAAc,cAAc,CAAC;AAE7B,cAAc,aAAa,CAAC;AAE5B,cAAc,WAAW,CAAC;AAE1B,cAAc,WAAW,CAAC;AAE1B,cAAc,aAAa,CAAC;AAE5B,cAAc,oBAAoB,CAAC;AAEnC,cAAc,kBAAkB,CAAC;AAEjC,cAAc,aAAa,CAAC;AAE5B,cAAc,YAAY,CAAC;AAE3B,cAAc,iBAAiB,CAAC;AAEhC,cAAc,aAAa,CAAC;AAE5B,cAAc,mBAAmB,CAAC;AAElC,cAAc,eAAe,CAAC;AAE9B,cAAc,gBAAgB,CAAC;AAE/B,cAAc,YAAY,CAAC;AAE3B,cAAc,qBAAqB,CAAC;AAEpC,cAAc,cAAc,CAAC"}

package/dist/components/custom/index.js

@@ -0,0 +1,43 @@
+export * from './Alert.js';
+export * from './Modal.js';
+export * from './ErrorView.js';
+export * from './ExternalLink.js';
+export * from './MonospaceBlock.js';
+export * from './Table.js';
+export * from './LabelledProgress.js';
+export * from './Card.js';
+export * from './Badge.js';
+export * from './BadgeLine.js';
+export * from './CardList.js';
+export * from './SourceCode.js';
+export * from './Grid.js';
+export * from './Dropzone.js';
+export * from './Checkbox.js';
+export * from './RadioGroup.js';
+export * from './KpiDisplay.js';
+export * from './Checkbox.js';
+export * from './EmptyView.js';
+export * from './Select.js';
+export * from './ProgressTicker.js';
+export * from './Flex.js';
+export * from './VideoPlayer.js';
+export * from './Stepper.js';
+export * from './TurnstileWidget.js';
+export * from './Tooltip.js';
+export * from './Button.js';
+export * from './Form.js';
+export * from './Text.js';
+export * from './Circle.js';
+export * from './PasswordInput.js';
+export * from './SelectCards.js';
+export * from './Switch.js';
+export * from './Toast.js';
+export * from './TimePicker.js';
+export * from './Slider.js';
+export * from './DropdownMenu.js';
+export * from './Markdown.js';
+export * from './StatusBar.js';
+export * from './Input.js';
+export * from './FilterDropdown.js';
+export * from './Command.js';
+//# sourceMappingURL=index.js.map

package/dist/components/custom/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/custom/index.ts"],"names":[],"mappings":"AAAA,cAAc,YAAY,CAAC;AAE3B,cAAc,YAAY,CAAC;AAE3B,cAAc,gBAAgB,CAAC;AAE/B,cAAc,mBAAmB,CAAC;AAElC,cAAc,qBAAqB,CAAC;AAEpC,cAAc,YAAY,CAAC;AAE3B,cAAc,uBAAuB,CAAC;AAEtC,cAAc,WAAW,CAAC;AAE1B,cAAc,YAAY,CAAC;AAE3B,cAAc,gBAAgB,CAAC;AAE/B,cAAc,eAAe,CAAC;AAE9B,cAAc,iBAAiB,CAAC;AAEhC,cAAc,WAAW,CAAC;AAE1B,cAAc,eAAe,CAAC;AAE9B,cAAc,eAAe,CAAC;AAE9B,cAAc,iBAAiB,CAAC;AAEhC,cAAc,iBAAiB,CAAC;AAEhC,cAAc,eAAe,CAAC;AAE9B,cAAc,gBAAgB,CAAC;AAE/B,cAAc,aAAa,CAAC;AAE5B,cAAc,qBAAqB,CAAC;AAEpC,cAAc,WAAW,CAAC;AAE1B,cAAc,kBAAkB,CAAC;AAEjC,cAAc,cAAc,CAAC;AAE7B,cAAc,sBAAsB,CAAC;AAErC,cAAc,cAAc,CAAC;AAE7B,cAAc,aAAa,CAAC;AAE5B,cAAc,WAAW,CAAC;AAE1B,cAAc,WAAW,CAAC;AAE1B,cAAc,aAAa,CAAC;AAE5B,cAAc,oBAAoB,CAAC;AAEnC,cAAc,kBAAkB,CAAC;AAEjC,cAAc,aAAa,CAAC;AAE5B,cAAc,YAAY,CAAC;AAE3B,cAAc,iBAAiB,CAAC;AAEhC,cAAc,aAAa,CAAC;AAE5B,cAAc,mBAAmB,CAAC;AAElC,cAAc,eAAe,CAAC;AAE9B,cAAc,gBAAgB,CAAC;AAE/B,cAAc,YAAY,CAAC;AAE3B,cAAc,qBAAqB,CAAC;AAEpC,cAAc,cAAc,CAAC"}

package/dist/components/shadow-panda/Accordion.d.ts

@@ -0,0 +1,14 @@
+import * as React from 'react';
+import * as AccordionPrimitive from '@radix-ui/react-accordion';
+import { accordion } from '../../styled-system/recipes/accordion.mjs';
+import type { Nested, Provider } from '../../helpers.js';
+declare const _Accordion: import("../../styled-system/types/jsx.mjs").StyledComponent<React.ForwardRefExoticComponent<(AccordionPrimitive.AccordionSingleProps | AccordionPrimitive.AccordionMultipleProps) & React.RefAttributes<HTMLDivElement>>, {}>;
+export declare const Accordion: Provider<typeof _Accordion, typeof accordion>;
+declare const _AccordionItem: import("../../styled-system/types/jsx.mjs").StyledComponent<React.ForwardRefExoticComponent<AccordionPrimitive.AccordionItemProps & React.RefAttributes<HTMLDivElement>>, {}>;
+export declare const AccordionItem: Nested<typeof _AccordionItem>;
+declare const _AccordionTrigger: import("../../styled-system/types/jsx.mjs").StyledComponent<React.ForwardRefExoticComponent<Omit<AccordionPrimitive.AccordionTriggerProps & React.RefAttributes<HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>, {}>;
+export declare const AccordionTrigger: Nested<typeof _AccordionTrigger>;
+declare const _AccordionContent: import("../../styled-system/types/jsx.mjs").StyledComponent<React.ForwardRefExoticComponent<Omit<AccordionPrimitive.AccordionContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>, {}>;
+export declare const AccordionContent: Nested<typeof _AccordionContent>;
+export {};
+//# sourceMappingURL=Accordion.d.ts.map