@fraku/video 0.1.8 → 0.1.10

package/dist/pages/MainSessionPage/Chat/ChatFooter.d.ts

@@ -0,0 +1,11 @@
+import { ChatUserItem } from '@zoom/videosdk';
+
+type ChatFooterProps = {
+    receivers: ChatUserItem[];
+    sendMessage: ({ text, receiverId }: {
+        text: string;
+        receiverId: number;
+    }) => void;
+};
+declare const ChatFooter: ({ receivers, sendMessage }: ChatFooterProps) => import("react/jsx-runtime").JSX.Element;
+export default ChatFooter;

package/dist/pages/MainSessionPage/Chat/MessageCard.d.ts

@@ -0,0 +1,8 @@
+import { ChatMessage } from '@zoom/videosdk';
+
+export type MessageCardProps = {
+    chatMessage: ChatMessage;
+    currentUserId: number;
+};
+declare const MessageCard: ({ chatMessage, currentUserId }: MessageCardProps) => import("react/jsx-runtime").JSX.Element | null;
+export default MessageCard;

package/dist/pages/MainSessionPage/Chat/MessageHeader.d.ts

@@ -0,0 +1,8 @@
+type MessageHeaderProps = {
+    isCurrentUserSender: boolean;
+    isPrivate: boolean;
+    receiverName: string;
+    isPrivateToCurrentUser: boolean;
+};
+declare const MessageHeader: ({ isCurrentUserSender, isPrivate, receiverName, isPrivateToCurrentUser }: MessageHeaderProps) => import("react/jsx-runtime").JSX.Element | null;
+export default MessageHeader;

package/dist/pages/MainSessionPage/Chat/SenderInfo.d.ts

@@ -0,0 +1,6 @@
+import { ChatMessage } from '@zoom/videosdk';
+
+declare const SenderInfo: ({ sender }: {
+    sender: ChatMessage["sender"];
+}) => import("react/jsx-runtime").JSX.Element;
+export default SenderInfo;

package/dist/pages/MainSessionPage/Chat/tests/ChatFooter.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/pages/MainSessionPage/UserList.d.ts

@@ -0,0 +1,8 @@
+import { Participant } from '@zoom/videosdk';
+
+type UserListProps = {
+    users: Participant[];
+    columnHeader: string;
+};
+declare const UserList: ({ users, columnHeader }: UserListProps) => import("react/jsx-runtime").JSX.Element;
+export default UserList;

package/dist/pages/MainSessionPage/UserVideo.d.ts

@@ -0,0 +1,8 @@
+import { Participant } from '@zoom/videosdk';
+
+type ParticipantVideoProps = {
+    user: Participant;
+    className?: string;
+};
+declare const ParticipantVideo: ({ user, className }: ParticipantVideoProps) => import("react/jsx-runtime").JSX.Element;
+export default ParticipantVideo;

package/dist/providers/AudioProvider/AudioProvider.d.ts

@@ -0,0 +1,4 @@
+import { AudioProviderProps } from './types';
+
+declare const AudioProvider: ({ children }: AudioProviderProps) => import("react/jsx-runtime").JSX.Element;
+export default AudioProvider;

package/dist/providers/AudioProvider/context.d.ts

@@ -0,0 +1,27 @@
+import { MediaDevice } from '@zoom/videosdk';
+
+export type AudioContextType = {
+    micList: MediaDevice[];
+    activeMicId: string;
+    micMuted: boolean;
+    muteMic: () => Promise<void>;
+    muteUserMic: (userId: number) => Promise<void>;
+    unmuteMic: () => Promise<void>;
+    unmuteUserMic: (userId: number) => Promise<void>;
+    switchMic: (deviceId: string) => Promise<void>;
+    speakerList: MediaDevice[];
+    activeSpeakerId: string;
+    switchSpeaker: (deviceId: string) => Promise<void>;
+    startAudio: (options: {
+        micId: string;
+        speakerId: string;
+        micMuted?: boolean;
+    }) => Promise<void>;
+    setMicList: (mics: MediaDevice[]) => void;
+    setSpeakerList: (speakers: MediaDevice[]) => void;
+    setActiveMicId: (id: string) => void;
+    setActiveSpeakerId: (id: string) => void;
+    setMicMuted: (muted: boolean) => void;
+};
+export declare const AudioContext: import('react').Context<AudioContextType | null>;
+export declare const useAudioContext: () => AudioContextType;

package/dist/providers/AudioProvider/index.d.ts

@@ -0,0 +1,2 @@
+export { default } from './AudioProvider';
+export { useAudioContext } from './context';

package/dist/providers/AudioProvider/types.d.ts

@@ -0,0 +1,5 @@
+import { ReactNode } from 'react';
+
+export type AudioProviderProps = {
+    children: ReactNode;
+};

package/dist/providers/ChatProvider/ChatProvider.d.ts

@@ -0,0 +1,4 @@
+import { ChatProviderProps } from './types';
+
+declare const ChatProvider: ({ messages: mockMessages, children }: ChatProviderProps) => import("react/jsx-runtime").JSX.Element;
+export default ChatProvider;

package/dist/providers/ChatProvider/context.d.ts

@@ -0,0 +1,13 @@
+import { ChatMessage, ChatUserItem } from '@zoom/videosdk';
+
+export type ChatContextType = {
+    messages: ChatMessage[];
+    receivers: ChatUserItem[];
+    sendMessage: ({ text, receiverId }: {
+        text: string;
+        receiverId: number;
+    }) => Promise<void>;
+    updateReceiversAndChatHistory: () => void;
+};
+export declare const ChatContext: import('react').Context<ChatContextType | null>;
+export declare const useChatContext: () => ChatContextType;

package/dist/providers/ChatProvider/index.d.ts

@@ -0,0 +1,2 @@
+export { default } from './ChatProvider';
+export { useChatContext } from './context';

package/dist/providers/ChatProvider/types.d.ts

@@ -0,0 +1,7 @@
+import { ReactNode } from 'react';
+import { ChatMessage } from '@zoom/videosdk';
+
+export type ChatProviderProps = {
+    messages?: ChatMessage[];
+    children: ReactNode;
+};

package/dist/providers/DialogsProvider/context.d.ts

@@ -1,3 +1,4 @@
 import { DialogsContextType } from './types';
 
 export declare const DialogsContext: import('react').Context<DialogsContextType>;
+export declare const useDialogsContext: () => DialogsContextType;

package/dist/providers/DialogsProvider/index.d.ts

@@ -1,2 +1,2 @@
 export { default } from './DialogsProvider';
-export { DialogsContext } from './context';
+export { DialogsContext, useDialogsContext } from './context';

package/dist/providers/SessionProvider/SessionProvider.d.ts

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

package/dist/providers/SessionProvider/context.d.ts

@@ -0,0 +1,11 @@
+import { default as ZoomVideo } from '@zoom/videosdk';
+
+export type SessionContextType = {
+    zmClient: ReturnType<typeof ZoomVideo.createClient>;
+    sessionStarted: boolean;
+    signature: string;
+    joinSession: () => Promise<void>;
+    leaveSession: () => Promise<void>;
+};
+export declare const SessionContext: import('react').Context<SessionContextType | null>;
+export declare const useSessionContext: () => SessionContextType;

package/dist/providers/SessionProvider/index.d.ts

@@ -0,0 +1,2 @@
+export { default } from './SessionProvider';
+export { useSessionContext } from './context';

package/dist/providers/SessionProvider/types.d.ts

@@ -0,0 +1,7 @@
+import { ReactNode } from 'react';
+import { Credentials } from '../../types';
+
+export type SessionProviderProps = {
+    credentials: Credentials;
+    children: ReactNode;
+};

package/dist/providers/UsersProvider/UsersProvider.d.ts

@@ -0,0 +1,4 @@
+import { ParticipantsProviderProps } from './types';
+
+declare const UsersProvider: ({ children }: ParticipantsProviderProps) => import("react/jsx-runtime").JSX.Element;
+export default UsersProvider;

package/dist/providers/UsersProvider/context.d.ts

@@ -0,0 +1,10 @@
+import { Participant } from '@zoom/videosdk';
+import { User } from '../../types/permissions';
+
+export type UsersContextType = {
+    users: Participant[];
+    currentUser: User | null;
+    activeSpeaker: Participant | null;
+};
+export declare const UsersContext: import('react').Context<UsersContextType | null>;
+export declare const useUsersContext: () => UsersContextType;

package/dist/providers/UsersProvider/index.d.ts

@@ -0,0 +1,2 @@
+export { default } from './UsersProvider';
+export { useUsersContext } from './context';

package/dist/providers/UsersProvider/types.d.ts

@@ -0,0 +1,5 @@
+import { ReactNode } from 'react';
+
+export type ParticipantsProviderProps = {
+    children: ReactNode;
+};

package/dist/providers/VideoPluginProvider/VideoPluginProvider.d.ts

@@ -0,0 +1,4 @@
+import { VideoPluginProviderProps } from './types';
+
+declare const VideoPluginProvider: import('react').ForwardRefExoticComponent<VideoPluginProviderProps & import('react').RefAttributes<unknown>>;
+export default VideoPluginProvider;

package/dist/providers/VideoPluginProvider/context.d.ts

@@ -0,0 +1,4 @@
+import { VideoPluginContextType } from './types';
+
+export declare const VideoPluginContext: import('react').Context<VideoPluginContextType>;
+export declare const useVideoPluginContext: () => VideoPluginContextType;

package/dist/providers/VideoPluginProvider/index.d.ts

@@ -0,0 +1,2 @@
+export { default } from './VideoPluginProvider';
+export { useVideoPluginContext } from './context';

package/dist/providers/VideoPluginProvider/types.d.ts

@@ -0,0 +1,13 @@
+import { ReactNode } from 'react';
+import { ChatMessage } from '@zoom/videosdk';
+import { Credentials } from '../../types';
+
+export type VideoPluginContextType = {};
+export type VideoPluginProviderProps = {
+    credentials: Credentials;
+    messages?: ChatMessage[];
+    children: ReactNode;
+    onInitVotingPreSession?: () => Promise<void>;
+    onInitVotingSession?: () => Promise<void>;
+    onCloseVotingSession?: () => Promise<void>;
+};

package/dist/providers/VideoProvider/VideoProvider.d.ts

@@ -0,0 +1,4 @@
+import { VideoProviderProps } from './types';
+
+declare const VideoProvider: ({ children }: VideoProviderProps) => import("react/jsx-runtime").JSX.Element;
+export default VideoProvider;

package/dist/providers/VideoProvider/context.d.ts

@@ -0,0 +1,16 @@
+import { MediaDevice, VideoPlayer } from '@zoom/videosdk';
+
+export type VideoContextType = {
+    cameraList: MediaDevice[];
+    activeCameraId: string;
+    videoStarted: boolean;
+    startVideo: (deviceId: string) => Promise<void>;
+    stopVideo: () => Promise<void>;
+    switchCamera: (deviceId: string) => Promise<void>;
+    attachUserVideo: (userId: number, videoElement: VideoPlayer) => Promise<void>;
+    detachUserVideo: (userId: number) => Promise<void>;
+    setCameraList: (cameras: MediaDevice[]) => void;
+    setActiveCameraId: (id: string) => void;
+};
+export declare const VideoContext: import('react').Context<VideoContextType | null>;
+export declare const useVideoContext: () => VideoContextType;

package/dist/providers/VideoProvider/index.d.ts

@@ -0,0 +1,2 @@
+export { default } from './VideoProvider';
+export { useVideoContext } from './context';

package/dist/providers/VideoProvider/types.d.ts

@@ -0,0 +1,5 @@
+import { ReactNode } from 'react';
+
+export type VideoProviderProps = {
+    children: ReactNode;
+};

package/dist/providers/VotingProvider/VotingProvider.d.ts

@@ -0,0 +1,4 @@
+import { VotingProviderProps } from './types';
+
+declare const VotingProvider: ({ onInitVotingPreSession, onInitVotingSession, onCloseVotingSession, children }: VotingProviderProps) => import("react/jsx-runtime").JSX.Element;
+export default VotingProvider;

package/dist/providers/VotingProvider/context.d.ts

@@ -0,0 +1,6 @@
+export type VotingContextType = {
+    votingStarted: boolean;
+    initVotingSession?: () => Promise<void>;
+};
+export declare const VotingContext: import('react').Context<VotingContextType | null>;
+export declare const useVotingContext: () => VotingContextType;

package/dist/providers/VotingProvider/index.d.ts

@@ -0,0 +1,2 @@
+export { default } from './VotingProvider';
+export { useVotingContext } from './context';

package/dist/providers/VotingProvider/types.d.ts

@@ -0,0 +1,8 @@
+import { ReactNode } from 'react';
+
+export type VotingProviderProps = {
+    onInitVotingPreSession?: () => Promise<void>;
+    onInitVotingSession?: () => Promise<void>;
+    onCloseVotingSession?: () => Promise<void>;
+    children: ReactNode;
+};

package/dist/test/setup.d.ts

@@ -0,0 +1 @@
+

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@fraku/video",
   "private": false,
-  "version": "0.1.8",
+  "version": "0.1.10",
   "type": "module",
   "main": "./dist/index.js",
   "module": "./dist/index.js",
@@ -23,7 +23,7 @@
   ],
   "scripts": {
     "build": "tsc && vite build",
-    "build:css": "tailwindcss -c ./tailwind.config.js -i ./dist/themes/lara-light-blue/theme.css -o ./dist/index.css --minify",
+    "build:css": "tailwindcss -c ./tailwind.config.js -i ./src/index.css -o ./dist/index.css --minify",
     "watch:css": "tailwindcss -c ./tailwind.config.js -o ./dist/index.css --watch",
     "lint": "npm run lint:ts && npm run lint:js",
     "lint:ts": "tsc --noEmit",
@@ -31,16 +31,18 @@
     "preview": "vite preview",
     "prepublishOnly": "npm run build",
     "storybook": "storybook dev -p 6006 --no-open",
-    "test": "react-app-rewired test",
+    "test": "vitest",
+    "test:ui": "vitest --ui",
+    "test:coverage": "vitest --coverage",
     "build:ci": "tsc && vite build",
-    "build:css:ci": "tailwindcss -c ./tailwind.config.js -i ./dist/themes/lara-light-blue/theme.css -o ./dist/index.css --minify"
+    "build:css:ci": "tailwindcss -c ./tailwind.config.js -i ./src/index.css -o ./dist/index.css --minify"
   },
   "peerDependencies": {
     "react": "^18.2.0",
     "react-dom": "^18.2.0"
   },
   "dependencies": {
-    "@zoom/videosdk": "^2.2.12",
+    "@zoom/videosdk": "^2.3.0",
     "classnames": "^2.5.1",
     "clsx": "^2.1.1",
     "jsrsasign": "^11.1.0",
@@ -53,6 +55,8 @@
   "devDependencies": {
     "@storybook/react-vite": "^9.1.13",
     "@tailwindcss/container-queries": "^0.1.1",
+    "@testing-library/jest-dom": "^6.9.1",
+    "@testing-library/react": "^16.3.0",
     "@types/jsrsasign": "^10.5.15",
     "@types/node": "^24.8.1",
     "@types/react": "^18.2.43",
@@ -61,11 +65,13 @@
     "@typescript-eslint/eslint-plugin": "^6.14.0",
     "@typescript-eslint/parser": "^6.14.0",
     "@vitejs/plugin-react": "^4.3.4",
+    "@vitest/ui": "^4.0.13",
     "autoprefixer": "^10.4.21",
     "eslint": "^8.55.0",
     "eslint-plugin-react-hooks": "^4.6.0",
     "eslint-plugin-react-refresh": "^0.4.5",
     "eslint-plugin-storybook": "^9.1.13",
+    "jsdom": "^27.2.0",
     "postcss": "^8.5.6",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
@@ -74,7 +80,8 @@
     "typescript": "^5.2.2",
     "vite": "^6.0.7",
     "vite-plugin-dts": "^3.6.4",
-    "vite-plugin-static-copy": "^3.1.4"
+    "vite-plugin-static-copy": "^3.1.4",
+    "vitest": "^4.0.13"
   },
   "keywords": [
     "react",

package/dist/hooks/useAsyncHandler.d.ts

@@ -1,5 +0,0 @@
-export declare const useAsyncHandler: <T extends (...args: any[]) => Promise<any>>(callback: T, deps: React.DependencyList) => [(...args: Parameters<T>) => Promise<void>, {
-    loading: boolean;
-    value: Awaited<ReturnType<T>> | undefined;
-    error: Error | undefined;
-}];

package/dist/pages/MainSessionPage/ParticipantList.d.ts

@@ -1,8 +0,0 @@
-import { Participant } from '@zoom/videosdk';
-
-type ParticipantsPanelProps = {
-    items: Participant[];
-    columnHeader: string;
-};
-declare const ParticipantList: ({ items, columnHeader }: ParticipantsPanelProps) => import("react/jsx-runtime").JSX.Element;
-export default ParticipantList;

package/dist/pages/MainSessionPage/ParticipantVideo.d.ts

@@ -1,8 +0,0 @@
-import { Participant } from '@zoom/videosdk';
-
-type ParticipantVideoProps = {
-    participant: Participant;
-    className?: string;
-};
-declare const ParticipantVideo: ({ participant, className }: ParticipantVideoProps) => import("react/jsx-runtime").JSX.Element;
-export default ParticipantVideo;

package/dist/providers/MediaProvider/MediaProvider.d.ts

@@ -1,4 +0,0 @@
-import { MediaProviderProps } from './types';
-
-declare const MediaProvider: import('react').ForwardRefExoticComponent<MediaProviderProps & import('react').RefAttributes<unknown>>;
-export default MediaProvider;

package/dist/providers/MediaProvider/context.d.ts

@@ -1,3 +0,0 @@
-import { MediaContextType } from './types';
-
-export declare const MediaContext: import('react').Context<MediaContextType>;

package/dist/providers/MediaProvider/index.d.ts

@@ -1,2 +0,0 @@
-export { default } from './MediaProvider';
-export { MediaContext } from './context';

package/dist/providers/MediaProvider/types.d.ts

@@ -1,38 +0,0 @@
-import { ReactNode } from 'react';
-import { ChatMessage, MediaDevice, Participant, VideoPlayer } from '@zoom/videosdk';
-import { Credentials } from '../../types';
-import { User } from '../../types/permissions';
-
-export type MediaContextType = {
-    sessionStarted: boolean;
-    videoStarted: boolean;
-    activeCameraId: string;
-    activeMicId: string;
-    activeSpeakerId: string;
-    cameraList: MediaDevice[];
-    speakerList: MediaDevice[];
-    micList: MediaDevice[];
-    joinSession: () => Promise<void>;
-    leaveSession: () => Promise<void>;
-    attachUserVideo: (userId: number, videoElement: VideoPlayer) => Promise<void>;
-    detachUserVideo: (userId: number) => Promise<void>;
-    startVideo: (deviceId: string) => Promise<void>;
-    stopVideo: () => Promise<void>;
-    switchCamera: (deviceId: string) => Promise<void>;
-    switchMicrophone: (deviceId: string) => Promise<void>;
-    switchSpeaker: (deviceId: string) => Promise<void>;
-    participants: Participant[];
-    currentUser: User | null;
-    activeSpeaker: Participant | null;
-    messages: ChatMessage[];
-    votingStarted: boolean;
-    initVotingSession?: () => Promise<void>;
-};
-export type MediaProviderProps = {
-    credentials: Credentials;
-    messages?: ChatMessage[];
-    children: ReactNode;
-    onInitVotingPreSession?: () => Promise<void>;
-    onInitVotingSession?: () => Promise<void>;
-    onCloseVotingSession?: () => Promise<void>;
-};