@fraku/video 0.1.60 → 0.1.62

package/dist/libs/browserPermissions.d.ts

@@ -6,6 +6,9 @@
  * 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' otherwise.
+ * @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 declare function requestBrowserPermission(kind: 'audio' | 'video'): Promise<'granted' | 'denied'>;
+export type BrowserPermissionResult = 'granted' | 'denied' | 'error';
+export declare function requestBrowserPermission(kind: 'audio' | 'video'): Promise<BrowserPermissionResult>;

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

@@ -8,4 +8,7 @@ export declare const useButtonsDockController: () => {
     micMenuOptionsRef: import('react').RefObject<Menu>;
     showChatBadge: boolean;
     showHandRaiseBadge: boolean | undefined;
+    handleToggleMic: () => Promise<void>;
+    handleToggleVideo: () => Promise<void>;
+    handleToggleScreenShare: () => Promise<void>;
 };

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/pages/MainSessionPage/Video/PiPControls.d.ts

@@ -0,0 +1,2 @@
+declare const PiPControls: () => import('react').ReactPortal | null;
+export default PiPControls;

package/dist/pages/MainSessionPage/Video/tests/PiPControls.test.d.ts

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

package/dist/pages/MainSessionPage/Video/tests/usePictureInPicture.test.d.ts

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

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

@@ -0,0 +1,10 @@
+import { RefObject } from 'react';
+
+export declare const usePictureInPicture: (videoContainerRef: RefObject<HTMLElement | null>) => {
+    isPiP: boolean;
+    isPiPSupported: boolean;
+    enterPiP: () => Promise<void>;
+    leavePiP: () => void;
+    togglePiP: () => void;
+    pipControlsContainer: HTMLDivElement | null;
+};

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

@@ -5,6 +5,11 @@ type PageContextType = {
     openTabs: number[];
     handleOpenCloseTab: (tabIdx: number) => void;
     selfShareViewRef: MutableRefObject<HTMLVideoElement | null>;
+    videoContainerRef: MutableRefObject<HTMLDivElement | null>;
+    isPiP: boolean;
+    isPiPSupported: boolean;
+    togglePiP: () => void;
+    pipControlsContainer: HTMLDivElement | null;
 };
 export declare const PageContext: import('react').Context<PageContextType>;
 export declare const useMainPageContext: () => PageContextType;

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

@@ -12,7 +12,9 @@ export type AudioContextType = {
     speakerList: MediaDevice[];
     activeSpeakerId: string;
     switchSpeaker: (deviceId: string) => Promise<void>;
-    startAudio: () => Promise<void>;
+    startAudio: (muteOverride?: boolean) => Promise<void>;
+    noiseSuppression: boolean;
+    toggleNoiseSuppression: () => 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/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@fraku/video",
   "private": false,
-  "version": "0.1.60",
+  "version": "0.1.62",
   "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",