@fraku/video 0.0.2 → 0.0.6

package/dist/App.d.ts

@@ -0,0 +1,3 @@
+
+declare function App(): import("react/jsx-runtime").JSX.Element;
+export default App;

package/dist/components/ZoomVideoPlugin/ZoomVideoPlugin.d.ts

@@ -0,0 +1,4 @@
+import { ZoomVideoPluginProps } from './types';
+
+declare const ZoomVideoPlugin: ({ credentials, closeParentContainer, setIsCloseButtonVisible }: ZoomVideoPluginProps) => import("react/jsx-runtime").JSX.Element;
+export default ZoomVideoPlugin;

package/dist/components/ZoomVideoPlugin/ZoomVideoPlugin.stories.d.ts

@@ -0,0 +1,27 @@
+import { StoryObj } from '@storybook/react-vite';
+
+declare const meta: {
+    title: string;
+    component: ({ credentials, closeParentContainer, setIsCloseButtonVisible }: import('./types').ZoomVideoPluginProps) => import("react/jsx-runtime").JSX.Element;
+    parameters: {
+        layout: string;
+    };
+    tags: string[];
+    argTypes: {
+        credentials: {
+            description: string;
+            control: "object";
+        };
+        closeParentContainer: {
+            description: string;
+            action: string;
+        };
+        setIsCloseButtonVisible: {
+            description: string;
+            action: string;
+        };
+    };
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Default: Story;

package/dist/components/ZoomVideoPlugin/components/ButtonsDock/ButtonsDock.d.ts

@@ -0,0 +1,13 @@
+import { SessionStep } from '../../types';
+
+type ButtonsDockProps = {
+    exit: () => void;
+    setIsCamOn: () => void;
+    setIsMicOn: () => void;
+    sessionStep: SessionStep;
+    setActiveMicrophone: (deviceId: string) => void;
+    setActiveCamera: (deviceId: string) => void;
+    setActiveAudioOutput: (deviceId: string) => void;
+};
+declare const ButtonsDock: ({ sessionStep, exit, setIsMicOn, setIsCamOn, setActiveMicrophone, setActiveCamera, setActiveAudioOutput }: ButtonsDockProps) => import("react/jsx-runtime").JSX.Element;
+export default ButtonsDock;

package/dist/components/ZoomVideoPlugin/components/ButtonsDock/DockButton.d.ts

@@ -0,0 +1,30 @@
+import { default as React } from 'react';
+
+type DockButtonProps = {
+    className?: string;
+    mainIcon: string;
+    mainLabel?: string;
+    mainTitle?: string;
+    onMainClick: (e: React.MouseEvent<HTMLButtonElement>) => void;
+    showSecondary?: boolean;
+    secondaryIcon?: string;
+    secondaryTitle?: string;
+    onSecondaryClick?: (e: React.MouseEvent<HTMLButtonElement>) => void;
+};
+/**
+ * Renders a customizable dock button component with optional main and secondary actions.
+ *
+ * @param className - Additional CSS class names to apply to the container.
+ * @param mainIcon - The CSS class for the main icon to display.
+ * @param mainLabel - Optional label text for the main button.
+ * @param mainTitle - The title attribute for the main button (for accessibility/tooltips).
+ * @param onMainClick - Click handler for the main button action.
+ * @param showSecondary - Flag to indicate if the secondary button should be displayed.
+ * @param secondaryIcon - Optional CSS class for the secondary icon to display.
+ * @param secondaryTitle - The title attribute for the secondary button (for accessibility/tooltips).
+ * @param onSecondaryClick - Optional click handler for the secondary button action.
+ *
+ * @returns A dock button component with main and optional secondary actions.
+ */
+declare const DockButton: ({ className, mainIcon, mainLabel, mainTitle, onMainClick, secondaryIcon, secondaryTitle, onSecondaryClick, showSecondary }: DockButtonProps) => import("react/jsx-runtime").JSX.Element;
+export default DockButton;

package/dist/components/ZoomVideoPlugin/components/ButtonsDock/MenuItemTemplate.d.ts

@@ -0,0 +1,9 @@
+import { MenuItem, MenuItemOptions } from 'primereact/menuitem';
+
+type Props = {
+    item: MenuItem;
+    options: MenuItemOptions;
+    activeItem: string | undefined;
+};
+declare const MenuItemTemplate: ({ item, options, activeItem }: Props) => import("react/jsx-runtime").JSX.Element;
+export default MenuItemTemplate;

package/dist/components/ZoomVideoPlugin/components/ButtonsDock/index.d.ts

@@ -0,0 +1 @@
+export { default } from './ButtonsDock';

package/dist/components/ZoomVideoPlugin/components/MobileIconButton/MobileIconButton.d.ts

@@ -0,0 +1,9 @@
+type MobileIconButtonProps = {
+    className?: string;
+    icon: string;
+    onClick: () => void;
+    title?: string;
+    id?: string;
+};
+declare const MobileIconButton: ({ className, icon, onClick, title, id }: MobileIconButtonProps) => import("react/jsx-runtime").JSX.Element;
+export default MobileIconButton;

package/dist/components/ZoomVideoPlugin/components/MobileIconButton/index.d.ts

@@ -0,0 +1 @@
+export { default } from './MobileIconButton';

package/dist/components/ZoomVideoPlugin/components/Overlay/Overlay.d.ts

@@ -0,0 +1,13 @@
+import { Breakpoint } from '../../hooks/useDeviceSize';
+
+type OverlayProps = {
+    breakpoint: Breakpoint;
+    children: React.ReactNode;
+    className?: string;
+    header?: string | React.ReactNode;
+    onHide: () => void;
+    width?: string | number;
+    visible: boolean;
+};
+declare const Overlay: ({ breakpoint, children, onHide, className, visible, width, header }: OverlayProps) => import("react/jsx-runtime").JSX.Element;
+export default Overlay;

package/dist/components/ZoomVideoPlugin/components/Overlay/index.d.ts

@@ -0,0 +1 @@
+export { default } from './Overlay';

package/dist/components/ZoomVideoPlugin/components/ParticipantsList.d.ts

@@ -0,0 +1,11 @@
+import { Participant, VideoClient } from '@zoom/videosdk';
+import { ReactSetter } from '../types';
+
+type Props = {
+    participants: Participant[];
+    setIsCamOn: ReactSetter<boolean>;
+    setIsMicOn: ReactSetter<boolean>;
+    zmClient: typeof VideoClient;
+};
+declare const ParticipantsList: ({ zmClient, setIsCamOn, setIsMicOn, participants }: Props) => import("react/jsx-runtime").JSX.Element;
+export default ParticipantsList;

package/dist/components/ZoomVideoPlugin/components/SettingsOverlay/SettingsContent.d.ts

@@ -0,0 +1,2 @@
+declare const SettingsContent: () => import("react/jsx-runtime").JSX.Element | null;
+export default SettingsContent;

package/dist/components/ZoomVideoPlugin/components/SettingsOverlay/SettingsMenu.d.ts

@@ -0,0 +1,2 @@
+declare const SettingsMenu: () => import("react/jsx-runtime").JSX.Element;
+export default SettingsMenu;

package/dist/components/ZoomVideoPlugin/components/SettingsOverlay/SettingsOverlay.d.ts

@@ -0,0 +1,11 @@
+import { Breakpoint } from '../../hooks/useDeviceSize';
+import { SettingsTab } from './context';
+
+type Props = {
+    breakpoint: Breakpoint;
+    visible: boolean;
+    onHide: () => void;
+    defaultTab?: SettingsTab;
+};
+declare const SettingsOverlay: ({ visible, onHide, breakpoint, defaultTab }: Props) => import("react/jsx-runtime").JSX.Element;
+export default SettingsOverlay;

package/dist/components/ZoomVideoPlugin/components/SettingsOverlay/Tabs/AudioSettings.d.ts

@@ -0,0 +1,2 @@
+declare const AudioSettings: () => import("react/jsx-runtime").JSX.Element;
+export default AudioSettings;

package/dist/components/ZoomVideoPlugin/components/SettingsOverlay/Tabs/BackgroundSettings.d.ts

@@ -0,0 +1,2 @@
+declare const BackgroundSettings: () => import("react/jsx-runtime").JSX.Element;
+export default BackgroundSettings;

package/dist/components/ZoomVideoPlugin/components/SettingsOverlay/Tabs/DropdownItemTemplate.d.ts

@@ -0,0 +1,8 @@
+declare const DropdownItemTemplate: ({ option, isActive }: {
+    option: {
+        label: string;
+        value: string;
+    };
+    isActive: boolean;
+}) => import("react/jsx-runtime").JSX.Element;
+export default DropdownItemTemplate;

package/dist/components/ZoomVideoPlugin/components/SettingsOverlay/Tabs/DropdownValueTemplate.d.ts

@@ -0,0 +1,8 @@
+declare const DropdownValueTemplate: ({ option, icon }: {
+    option: {
+        label: string;
+        value: string;
+    };
+    icon: string;
+}) => import("react/jsx-runtime").JSX.Element;
+export default DropdownValueTemplate;

package/dist/components/ZoomVideoPlugin/components/SettingsOverlay/Tabs/VideoSettings.d.ts

@@ -0,0 +1,2 @@
+declare const VideoSettings: () => import("react/jsx-runtime").JSX.Element;
+export default VideoSettings;

package/dist/components/ZoomVideoPlugin/components/SettingsOverlay/context.d.ts

@@ -0,0 +1,13 @@
+import { ReactSetter } from '../../types';
+
+export declare enum SettingsTab {
+    Audio = "Audio",
+    Video = "Video",
+    Background = "Background"
+}
+export type SettingsOverlayContextProps = {
+    selectedSettingsTab: SettingsTab;
+    setSelectedSettingsTab: ReactSetter<SettingsTab>;
+};
+export declare const settingsOverlayContext: import('react').Context<SettingsOverlayContextProps>;
+export declare const useSettingsOverlayContext: () => SettingsOverlayContextProps;

package/dist/components/ZoomVideoPlugin/components/SettingsOverlay/index.d.ts

@@ -0,0 +1 @@
+export { default } from './SettingsOverlay';

package/dist/components/ZoomVideoPlugin/components/Video.d.ts

@@ -0,0 +1,5 @@
+type VideoProps = {
+    fullRef: React.RefObject<HTMLVideoElement> | null;
+};
+declare const Video: ({ fullRef }: VideoProps) => import("react/jsx-runtime").JSX.Element;
+export default Video;

package/dist/components/ZoomVideoPlugin/constants.d.ts

@@ -0,0 +1,2 @@
+export declare const VIDEO_PLACEHOLDER = "<div class=\"video-placeholder flex items-center justify-center bg-neutral-20 w-full h-full aspect-video text-white\"><i class=\"fa-regular fa-video-slash fa-lg\"/></div>";
+export declare const SETTINGS_OVERLAY_WIDTH = 680;

package/dist/components/ZoomVideoPlugin/context.d.ts

@@ -0,0 +1,38 @@
+import { ActiveSpeaker, ConnectionState, LocalAudioTrack, LocalVideoTrack, MediaDevice, Participant, Stream, VideoClient } from '@zoom/videosdk';
+import { Breakpoint } from './hooks/useDeviceSize';
+
+export declare const zmClient: typeof VideoClient;
+export type ZoomVideoContextType = {
+    activeAudioOutput: string | undefined;
+    activeCamera: string | undefined;
+    activeMicrophone: string | undefined;
+    activeSpeakers: ActiveSpeaker[];
+    activeVideoId: number | null;
+    audioOutputList: MediaDevice[];
+    breakpoint: Breakpoint;
+    cameraList: MediaDevice[];
+    closeParentContainer: () => void;
+    connectionState: ConnectionState | null;
+    isBlurred: boolean;
+    isCamOn: boolean;
+    isMicOn: boolean;
+    localAudio: LocalAudioTrack | undefined;
+    localVideo: LocalVideoTrack | undefined;
+    mediaStream: typeof Stream | null;
+    micList: MediaDevice[];
+    participants: Participant[];
+    setActiveCamera: ReactSetter<string | undefined>;
+    setIsBlurred: ReactSetter<boolean>;
+    setIsCamOn: ReactSetter<boolean>;
+    setIsMicOn: ReactSetter<boolean>;
+    setLocalAudio: ReactSetter<LocalAudioTrack>;
+    setLocalVideo: ReactSetter<LocalVideoTrack>;
+    setMediaStream: ReactSetter<typeof Stream | null>;
+    setParticipants: ReactSetter<Participant[]>;
+    stopSession: () => Promise<void>;
+    switchActiveAudioOutput: (deviceId: string) => Promise<void>;
+    switchActiveMicrophone: (deviceId: string) => Promise<void>;
+    zmClient: typeof VideoClient;
+};
+export declare const ZoomVideoContext: import('react').Context<ZoomVideoContextType>;
+export declare const useZoomVideoContext: () => ZoomVideoContextType;

package/dist/components/ZoomVideoPlugin/hooks/useClientMessages.d.ts

@@ -0,0 +1,21 @@
+import { ActiveSpeaker, ConnectionState, MediaDevice, Participant, Stream, VideoClient } from '@zoom/videosdk';
+
+type Props = {
+    zmClient: typeof VideoClient | null;
+    mediaStream: typeof Stream | null;
+    setActiveMicrophone: ReactSetter<string | undefined>;
+    setActiveAudioOutput: ReactSetter<string | undefined>;
+    setActiveCamera: ReactSetter<string | undefined>;
+    setMicList: ReactSetter<MediaDevice[]>;
+    setAudioOutputList: ReactSetter<MediaDevice[]>;
+    setCameraList: ReactSetter<MediaDevice[]>;
+    setConnectionState: ReactSetter<ConnectionState | null>;
+    setIsCamOn: ReactSetter<boolean>;
+    setIsMicOn: ReactSetter<boolean>;
+    setActiveSpeakers: ReactSetter<ActiveSpeaker[]>;
+    setParticipants: ReactSetter<Participant[]>;
+    setActiveVideoId: ReactSetter<number | null>;
+    setHandRaises: ReactSetter<Record<string, boolean>>;
+};
+export declare const useClientMessages: ({ zmClient, mediaStream, setActiveMicrophone, setActiveAudioOutput, setActiveCamera, setMicList, setAudioOutputList, setCameraList, setConnectionState, setIsCamOn, setIsMicOn, setActiveSpeakers, setActiveVideoId, setParticipants, setHandRaises }: Props) => void;
+export {};

package/dist/components/ZoomVideoPlugin/hooks/useDeviceSize.d.ts

@@ -0,0 +1,10 @@
+export declare enum Breakpoint {
+    Mobile = 0,
+    Tablet = 1,
+    Desktop = 2
+}
+export declare const useContainerSize: () => {
+    ref: import('react-use/lib/useMeasure').UseMeasureRef<HTMLDivElement>;
+    width: number;
+    breakpoint: Breakpoint;
+};

package/dist/components/ZoomVideoPlugin/hooks/useStartVideoOptions.d.ts

@@ -0,0 +1,10 @@
+import { Stream } from '@zoom/videosdk';
+
+export declare const useStartVideoOptions: ({ mediaStream }: {
+    mediaStream: typeof Stream | null;
+}) => {
+    hd: boolean;
+    fullHd: boolean;
+    ptz: boolean | undefined;
+    originalRatio: boolean;
+};

package/dist/components/ZoomVideoPlugin/hooks/useZoomVideoPlayer.d.ts

@@ -0,0 +1,7 @@
+import { RefObject } from 'react';
+
+type UseZoomVideoPlayerProps = {
+    fullRef: RefObject<HTMLVideoElement | null>;
+};
+export declare const useZoomVideoPlayer: ({ fullRef }: UseZoomVideoPlayerProps) => void;
+export {};

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

@@ -0,0 +1,2 @@
+export { default } from './ZoomVideoPlugin';
+export type { ZoomVideoPluginProps } from './types';

package/dist/components/ZoomVideoPlugin/lib/platforms.d.ts

@@ -0,0 +1,4 @@
+export declare const isIPad: () => boolean;
+export declare const isIOSMobile: () => boolean;
+export declare const isAndroidBrowser: () => boolean;
+export declare const isAndroidOrIOSBrowser: () => boolean;

package/dist/components/ZoomVideoPlugin/pages/AfterSession.d.ts

@@ -0,0 +1,4 @@
+declare const AfterSession: ({ restartSession }: {
+    restartSession: () => void;
+}) => import("react/jsx-runtime").JSX.Element;
+export default AfterSession;

package/dist/components/ZoomVideoPlugin/pages/MainSession.d.ts

@@ -0,0 +1,2 @@
+declare const MainSession: () => import("react/jsx-runtime").JSX.Element;
+export default MainSession;

package/dist/components/ZoomVideoPlugin/pages/PanelistsSession.d.ts

@@ -0,0 +1,4 @@
+declare const PanelistsSession: ({ initMainSession }: {
+    initMainSession: () => void;
+}) => import("react/jsx-runtime").JSX.Element;
+export default PanelistsSession;

package/dist/components/ZoomVideoPlugin/pages/PreSessionConfiguration.d.ts

@@ -0,0 +1,4 @@
+declare const PreSessionConfiguration: ({ joinSession }: {
+    joinSession: () => Promise<void>;
+}) => import("react/jsx-runtime").JSX.Element;
+export default PreSessionConfiguration;

package/dist/components/ZoomVideoPlugin/types.d.ts

@@ -0,0 +1,20 @@
+import { default as React } from 'react';
+
+export declare enum SessionStep {
+    LocalSettingsConfiguration = 0,
+    OnlyPanelistsSession = 1,
+    MainSession = 2,
+    AfterSession = 3
+}
+export type Credentials = {
+    sessionName: string;
+    signature: string;
+    userName: string;
+    sessionPasscode: string;
+};
+export type ReactSetter<T> = React.Dispatch<React.SetStateAction<T>>;
+export type ZoomVideoPluginProps = {
+    credentials: Credentials | null;
+    closeParentContainer: () => void;
+    setIsCloseButtonVisible: ReactSetter<boolean>;
+};