@fraku/video 0.1.59 → 0.1.61

package/dist/libs/browserPermissions.d.ts

@@ -0,0 +1,14 @@
+/**
+ * Triggers the browser's native permission prompt for the given media kind.
+ * Works cross-browser: the native prompt appears when permission state is
+ * "prompt"; if permission is already "denied" the call rejects immediately.
+ *
+ * The acquired tracks are stopped right away — we only need the permission
+ * grant, not an active stream.
+ *
+ * @returns 'granted' if the user allowed access, 'denied' if the user explicitly
+ * denied the permission (NotAllowedError), or 'error' for any other failure
+ * (e.g. device not found, hardware error).
+ */
+export type BrowserPermissionResult = 'granted' | 'denied' | 'error';
+export declare function requestBrowserPermission(kind: 'audio' | 'video'): Promise<BrowserPermissionResult>;

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

@@ -1,2 +1,4 @@
-declare const MainSessionPage: () => import("react/jsx-runtime").JSX.Element;
+declare const MainSessionPage: ({ devTools }: {
+    devTools?: boolean;
+}) => import("react/jsx-runtime").JSX.Element;
 export default MainSessionPage;

package/dist/pages/MainSessionPage/ParticipantsList/ActionCell.d.ts

@@ -0,0 +1,24 @@
+import { Participant } from '@zoom/videosdk';
+import { Menu } from 'primereact/menu';
+import { RefObject } from 'react';
+
+type ActionCellProps = {
+    p: Participant;
+    currentUserId: number;
+    canToggleUserAudio: boolean;
+    loading: boolean;
+    showUserMenuButton: boolean;
+    handleToggleParticipantMic: (p: Participant) => Promise<void>;
+    setSelectedUser: (p: Participant) => void;
+    userMenuRef: RefObject<Menu>;
+};
+/**
+ * ActionCell reads selfCameraPermission / selfMicPermission directly from
+ * useVideoContext() rather than accepting them as props. This is intentional:
+ * PrimeReact DataTable memoizes row rendering based on row data, so changes to
+ * the parent's closure (props) don't trigger cell re-renders. As a React
+ * component subscribed to context, ActionCell re-renders independently when
+ * permission state changes.
+ */
+declare const ActionCell: ({ p, currentUserId, canToggleUserAudio, loading, showUserMenuButton, handleToggleParticipantMic, setSelectedUser, userMenuRef }: ActionCellProps) => import("react/jsx-runtime").JSX.Element;
+export default ActionCell;

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

@@ -12,7 +12,7 @@ export type AudioContextType = {
     speakerList: MediaDevice[];
     activeSpeakerId: string;
     switchSpeaker: (deviceId: string) => Promise<void>;
-    startAudio: () => Promise<void>;
+    startAudio: (muteOverride?: boolean) => Promise<void>;
     setMicList: (mics: MediaDevice[]) => void;
     setSpeakerList: (speakers: MediaDevice[]) => void;
     setActiveMicId: (id: string) => void;

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

@@ -1,7 +1,7 @@
 import { SettingsTab } from '../../components/ConfigDialog/context';
 import { AcceptParticipationDialogConfig } from '../../components/AcceptParticipationDialog/types';
 
-export type NotifySeverity = 'info' | 'success' | 'error';
+export type NotifySeverity = 'info' | 'success' | 'warn' | 'error';
 export type AlertDialogProps = {
     header?: string;
     message: string;

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

@@ -2,6 +2,7 @@ import { default as ZoomVideo } from '@zoom/videosdk';
 
 export type SessionContextType = {
     zmClient: ReturnType<typeof ZoomVideo.createClient>;
+    clientInitialized: boolean;
     sessionStarted: boolean;
     signature: string;
     isSessionStarted: () => boolean;

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

@@ -1,9 +1,14 @@
 import { ActiveSpeaker, Participant } from '@zoom/videosdk';
 
+export type NetworkQuality = {
+    uplink: number;
+    downlink: number;
+};
 export type UsersContextType = {
     activeSpeakers: ActiveSpeaker[];
     activeVideoParticipant: Participant | null;
     currentUser: Participant | null;
+    networkQualityMap: Map<number, NetworkQuality>;
     screenSharingUser: Participant | null;
     users: Participant[];
 };

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

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

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

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

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

@@ -11,8 +11,11 @@ export type VirtualBackgroundState = {
     customImages: CustomBackgroundImage[];
     activeCustomImageId: string | null;
 };
+export type BrowserPermissionState = 'granted' | 'denied' | 'prompt' | 'unknown';
 export type VideoContextType = {
     activeCameraId: string;
+    selfCameraPermission: BrowserPermissionState;
+    selfMicPermission: BrowserPermissionState;
     attachSharedVideo: ({ userId, videoPlayer }: {
         userId: number;
         videoPlayer: VideoPlayer;
@@ -38,5 +41,5 @@ export type VideoContextType = {
     uploadBackgroundImage: (file: File) => Promise<void>;
     virtualBackground: VirtualBackgroundState;
 };
-export declare const VideoContext: import('react').Context<VideoContextType>;
+export declare const VideoContext: import('react').Context<VideoContextType | null>;
 export declare const useVideoContext: () => VideoContextType;

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

@@ -7,9 +7,10 @@ type UseVideoEventHandlersParams = {
     onVideoStopped: () => void;
     onDeviceChange: () => void;
     onScreenShareStopped: () => void;
+    onPermissionRestored: (name: 'camera' | 'microphone') => void;
 };
 /**
  * Custom hook to manage Zoom video event subscriptions
  */
-export declare const useVideoEventHandlers: ({ zmClient, sessionStarted, onVideoStarted, onVideoStopped, onDeviceChange, onScreenShareStopped }: UseVideoEventHandlersParams) => void;
+export declare const useVideoEventHandlers: ({ zmClient, sessionStarted, onVideoStarted, onVideoStopped, onDeviceChange, onScreenShareStopped, onPermissionRestored }: UseVideoEventHandlersParams) => void;
 export {};

package/dist/providers/mediaCodeAlerts.d.ts

@@ -0,0 +1,25 @@
+import { ActiveMediaFailedCode } from '@zoom/videosdk';
+
+export type MediaFailedConfig = {
+    messageKey: string;
+    mutesMic?: boolean;
+    stopVideo?: boolean;
+    stopSharing?: boolean;
+    reloadPage?: boolean;
+    requestPermission?: 'audio' | 'video';
+};
+export declare const MEDIA_FAILED_CONFIGS: Record<ActiveMediaFailedCode, MediaFailedConfig>;
+type ShowMediaFailedDialogParams = {
+    config: MediaFailedConfig;
+    alert: (opts: {
+        message: string;
+    }) => void;
+    confirm: (opts: {
+        header: string;
+        message: string;
+        onAccept: () => void | Promise<void>;
+    }) => void;
+    t: (key: string) => string;
+};
+export declare const showMediaFailedDialog: ({ config, alert, confirm, t }: ShowMediaFailedDialogParams) => void;
+export {};

package/dist/providers/mediaCodeAlerts.test.d.ts

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

package/dist/types/index.d.ts

@@ -20,5 +20,7 @@ export type VideoPluginProps = {
     credentials: Credentials;
     language?: string;
     className?: string;
+    /** Renders a floating panel to simulate active-media-failed errors. For development only. */
+    devTools?: boolean;
 };
 export type ReactSetter<T> = React.Dispatch<React.SetStateAction<T>>;

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@fraku/video",
   "private": false,
-  "version": "0.1.59",
+  "version": "0.1.61",
   "type": "module",
   "main": "./dist/index.js",
   "module": "./dist/index.js",
@@ -60,12 +60,12 @@
     "react-i18next": "^16.5.4",
     "react-use": "^17.6.0",
     "styled-components": "^5.3.11",
-    "tailwind-merge": "^3.4.0",
+    "tailwind-merge": "^3.5.0",
     "uuid": "^13.0.0"
   },
   "devDependencies": {
     "@playwright/test": "^1.58.2",
-    "@storybook/react-vite": "^10.2.10",
+    "@storybook/react-vite": "^10.2.14",
     "@storybook/test-runner": "^0.24.2",
     "@tailwindcss/container-queries": "^0.1.1",
     "@testing-library/jest-dom": "^6.9.1",
@@ -80,8 +80,8 @@
     "@vitejs/plugin-react": "^4.3.4",
     "@vitest/coverage-v8": "^4.0.18",
     "@vitest/ui": "^4.0.18",
-    "autoprefixer": "^10.4.23",
-    "baseline-browser-mapping": "^2.9.19",
+    "autoprefixer": "^10.4.27",
+    "baseline-browser-mapping": "^2.10.0",
     "eslint": "^8.55.0",
     "eslint-plugin-react": "^7.37.5",
     "eslint-plugin-react-hooks": "^4.6.0",
@@ -92,7 +92,7 @@
     "postcss": "^8.5.6",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
-    "storybook": "^10.2.10",
+    "storybook": "^10.2.14",
     "tailwindcss": "^3.4.17",
     "typescript": "^5.2.2",
     "vite": "^6.0.7",