@fraku/video 0.1.55 → 0.1.57

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

@@ -3,5 +3,5 @@ import { UserListControllerReturn } from './useUserListController';
 type UserListViewProps = UserListControllerReturn & {
     columnHeader: string;
 };
-declare const UserListView: ({ can, columnHeader, currentUserId, filteredUsers, filter, handleMakeHost, handleMakeManager, handleRevokeManager, handleRequestMakeHost, handleToggleParticipantMic, loading, setFilter, setSelectedUser, userMenuRef }: UserListViewProps) => import("react/jsx-runtime").JSX.Element;
+declare const UserListView: ({ can, columnHeader, currentUserId, filteredUsers, filter, handleMakeHost, handleMakeManager, handleRevokeManager, handleRequestMakeHost, handleToggleParticipantMic, showUserMenuButton, loading, setFilter, setSelectedUser, userMenuRef }: UserListViewProps) => import("react/jsx-runtime").JSX.Element;
 export default UserListView;

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

@@ -18,6 +18,7 @@ export type UserListControllerReturn = {
     handleRevokeManager: () => Promise<void>;
     handleRequestMakeHost: () => Promise<void>;
     handleToggleParticipantMic: (p: Participant) => Promise<void>;
+    showUserMenuButton: boolean;
     loading: boolean;
     setFilter: ReactSetter<string>;
     setSelectedUser: ReactSetter<Participant | null>;

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

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

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

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

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

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

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

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

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

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

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

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

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

@@ -0,0 +1,26 @@
+import { MutableRefObject } from 'react';
+import { VideoPlayer } from '@zoom/videosdk';
+import { VideoAttachmentMode } from '../../../providers/VideoAttachmentState';
+
+type VideoAttachmentRefs = {
+    selfShareViewRef: MutableRefObject<HTMLVideoElement | null>;
+    otherSharedVideoPlayerRef: MutableRefObject<VideoPlayer | null>;
+    videoPlayerRef: MutableRefObject<VideoPlayer | null>;
+    selfViewVideoPlayerRef: MutableRefObject<VideoPlayer | null>;
+};
+/**
+ * useVideoAttachment coordinates video attach/detach operations.
+ *
+ * This hook implements the critical pattern:
+ * 1. Detach previous attachment (if any)
+ * 2. Attach new attachment (based on current mode)
+ *
+ * This ensures only ONE video is attached at any given time and prevents
+ * race conditions or SDK errors from overlapping attachments.
+ *
+ * @param mode - Current video attachment mode
+ * @param userId - User ID to attach (null for NONE mode)
+ * @param refs - Refs to all 4 video containers
+ */
+export declare const useVideoAttachment: (mode: VideoAttachmentMode, userId: number | null, refs: VideoAttachmentRefs) => void;
+export {};

package/dist/providers/VideoAttachmentState/VideoAttachmentState.d.ts

@@ -0,0 +1,15 @@
+import { VideoAttachmentStateProviderProps } from './types';
+
+/**
+ * VideoAttachmentStateProvider determines which video container should have video attached.
+ *
+ * Responsibilities:
+ * - Centralizes logic for determining attachment mode
+ * - Enforces priority order: self-share > other-share > other-camera > self-camera > none
+ * - Provides mode and userId to components for attachment coordination
+ *
+ * This provider does NOT handle actual attach/detach operations.
+ * Those are handled by the useVideoAttachment hook in UserVideo component.
+ */
+declare const VideoAttachmentStateProvider: ({ children }: VideoAttachmentStateProviderProps) => import("react/jsx-runtime").JSX.Element;
+export default VideoAttachmentStateProvider;

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

@@ -0,0 +1,8 @@
+import { VideoAttachmentMode } from './types';
+
+export type VideoAttachmentStateContextType = {
+    mode: VideoAttachmentMode;
+    userId: number | null;
+};
+export declare const VideoAttachmentStateContext: import('react').Context<VideoAttachmentStateContextType | undefined>;
+export declare const useVideoAttachmentState: () => VideoAttachmentStateContextType;

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

@@ -0,0 +1,4 @@
+export { default as VideoAttachmentStateProvider } from './VideoAttachmentState';
+export { useVideoAttachmentState } from './context';
+export { VideoAttachmentMode } from './types';
+export type { VideoAttachmentState, VideoAttachmentStateProviderProps } from './types';

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

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

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

@@ -0,0 +1,31 @@
+import { ReactNode } from 'react';
+
+/**
+ * Video attachment modes representing which container should have video attached.
+ * Priority order (highest to lowest):
+ * 1. SELF_SHARE - Current user sharing screen
+ * 2. OTHER_SHARE - Another user sharing screen
+ * 3. OTHER_CAMERA - Other user's camera
+ * 4. SELF_CAMERA - Current user's camera
+ * 5. NONE - No video attached
+ */
+export declare enum VideoAttachmentMode {
+    SELF_SHARE = "self-share",// Self screen sharing - uses selfShareViewRef
+    OTHER_SHARE = "other-share",// Other user sharing - uses otherSharedVideoPlayerRef
+    OTHER_CAMERA = "other-camera",// Other user camera - uses videoPlayerRef
+    SELF_CAMERA = "self-camera",// Self camera view - uses selfViewVideoPlayerRef
+    NONE = "none"
+}
+/**
+ * Current video attachment state
+ *
+ * @property mode - Current attachment mode (which container should have video)
+ * @property userId - User ID whose video should be attached (null when mode is NONE)
+ */
+export type VideoAttachmentState = {
+    mode: VideoAttachmentMode;
+    userId: number | null;
+};
+export type VideoAttachmentStateProviderProps = {
+    children: ReactNode;
+};

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@fraku/video",
   "private": false,
-  "version": "0.1.55",
+  "version": "0.1.57",
   "type": "module",
   "main": "./dist/index.js",
   "module": "./dist/index.js",