@fraku/video 0.1.89 → 0.1.90

package/dist/pages/MainSessionPage/Video/PinnedView/PinnedCompactView.d.ts

@@ -0,0 +1,7 @@
+import { PinnedResolvedUser } from './PinnedView';
+
+type PinnedCompactViewProps = {
+    pinnedUsers: PinnedResolvedUser[];
+};
+declare const PinnedCompactView: ({ pinnedUsers }: PinnedCompactViewProps) => import("react/jsx-runtime").JSX.Element | null;
+export default PinnedCompactView;

package/dist/pages/MainSessionPage/Video/PinnedView/PinnedGridView.d.ts

@@ -0,0 +1,7 @@
+import { PinnedResolvedUser } from './PinnedView';
+
+type PinnedGridViewProps = {
+    pinnedUsers: PinnedResolvedUser[];
+};
+declare const PinnedGridView: ({ pinnedUsers }: PinnedGridViewProps) => import("react/jsx-runtime").JSX.Element;
+export default PinnedGridView;

package/dist/pages/MainSessionPage/Video/PinnedView/PinnedTile.d.ts

@@ -0,0 +1,11 @@
+import { Participant } from '@zoom/videosdk';
+
+export type PinnedTileVariant = 'grid' | 'primary' | 'thumbnail';
+type PinnedTileProps = {
+    userId: number;
+    user: Participant | null;
+    isSpeaking: boolean;
+    variant?: PinnedTileVariant;
+};
+declare const PinnedTile: ({ userId, user, isSpeaking, variant }: PinnedTileProps) => import("react/jsx-runtime").JSX.Element;
+export default PinnedTile;

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

@@ -0,0 +1,9 @@
+import { Participant } from '@zoom/videosdk';
+
+export type PinnedResolvedUser = {
+    userId: number;
+    user: Participant | null;
+    isSpeaking: boolean;
+};
+declare const PinnedView: () => import("react/jsx-runtime").JSX.Element;
+export default PinnedView;

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

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

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

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

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

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

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

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

package/dist/pages/MainSessionPage/Video/PinnedView/usePinnedTileAttachment.d.ts

@@ -0,0 +1,4 @@
+import { VideoPlayer } from '@zoom/videosdk';
+import { PinnedVideoAttachmentOwner } from '../../../../providers/VideoProvider/context';
+
+export declare const usePinnedTileAttachment: (userId: number | null, videoElementRef: React.RefObject<VideoPlayer | null>, owner: PinnedVideoAttachmentOwner) => void;

package/dist/providers/SharedProvider/chatControlFallback.d.ts

@@ -1,6 +1,6 @@
 import { CommandChannelAction } from '../../shared';
 
-type SupportedChatFallbackActionType = 'TOGGLE-HAND' | 'LOWER-USER-HAND' | 'TOGGLE-TURN-QUEUE' | 'TOGGLE-CHAT' | 'CHANGE-SESSION-STATUS' | 'REQUEST-HOST-ROLE' | 'GRANT-PARTICIPATION' | 'REVOKE-PARTICIPATION' | 'REVOKE-VIDEO-PARTICIPATION' | 'INVITE-TO-PARTICIPATE' | 'PIN-FOR-EVERYONE' | 'UNPIN-FOR-EVERYONE';
+type SupportedChatFallbackActionType = 'TOGGLE-HAND' | 'LOWER-USER-HAND' | 'TOGGLE-TURN-QUEUE' | 'TOGGLE-CHAT' | 'CHANGE-SESSION-STATUS' | 'REQUEST-HOST-ROLE' | 'GRANT-PARTICIPATION' | 'REVOKE-PARTICIPATION' | 'REVOKE-VIDEO-PARTICIPATION' | 'INVITE-TO-PARTICIPATE' | 'SET-PINNED-USERS-FOR-EVERYONE' | 'PIN-FOR-EVERYONE' | 'UNPIN-FOR-EVERYONE';
 export type SupportedChatFallbackAction = Extract<CommandChannelAction, {
     type: SupportedChatFallbackActionType;
 }>;

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

@@ -8,8 +8,9 @@ export { CHAT_STATE_DEFAULT, REQUEST_HOST_ROLE_STATE_DEFAULT, TURN_QUEUE_STATE_D
 export type SharedContextType = {
     sharedState: SharedState;
     requestSharedState: () => Promise<void>;
-    pinnedUserId: number | null;
+    pinnedUserIds: number[];
     pinForEveryone: (userId: number) => Promise<void>;
+    unpinUserForEveryone: (userId: number) => Promise<void>;
     unpinForEveryone: () => Promise<void>;
     speakerQueue: Participant[];
     raisedHand: boolean;

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

@@ -5,13 +5,15 @@ import { ReactNode } from 'react';
  * 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
+ * 3. PINNED_VIEW - Multi-panelist pinned grid (2-4 users)
+ * 4. OTHER_CAMERA - Other user's camera (single pin or active speaker)
+ * 5. SELF_CAMERA - Current user's camera
+ * 6. 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
+    PINNED_VIEW = "pinned-view",// Multi-panelist pinned grid - handled by PinnedView component
     OTHER_CAMERA = "other-camera",// Other user camera - uses videoPlayerRef
     SELF_CAMERA = "self-camera",// Self camera view - uses selfViewVideoPlayerRef
     NONE = "none"

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

@@ -12,6 +12,8 @@ export type VirtualBackgroundState = {
     activeCustomImageId: string | null;
 };
 export type BrowserPermissionState = 'granted' | 'denied' | 'prompt' | 'unknown';
+export type PinnedVideoAttachmentOwner = `pinned-view:grid:${number}` | `pinned-view:primary:${number}` | `pinned-view:thumbnail:${number}`;
+export type VideoAttachmentOwner = 'active-video' | PinnedVideoAttachmentOwner;
 export type VideoContextType = {
     activeCameraId: string;
     selfCameraPermission: BrowserPermissionState;
@@ -20,11 +22,11 @@ export type VideoContextType = {
         userId: number;
         videoPlayer: VideoPlayer;
     }) => Promise<void>;
-    attachUserVideo: (userId: number, videoElement: VideoPlayer) => Promise<void>;
+    attachUserVideo: (userId: number, videoElement: VideoPlayer, owner?: VideoAttachmentOwner) => Promise<void>;
     cameraList: MediaDevice[];
     checkIfUserIdRegisteredInCanvas: (userId: number) => boolean;
     detachSharedVideo: (userId: number) => Promise<void>;
-    detachUserVideo: (userId: number) => Promise<void>;
+    detachUserVideo: (userId: number, owner?: VideoAttachmentOwner) => Promise<void>;
     finishScreenSharing: () => Promise<void>;
     localVideoRef: MutableRefObject<HTMLVideoElement | null>;
     localVideoStarted: boolean;

package/dist/shared/pin/index.d.ts

@@ -1,2 +1,3 @@
-export { default, initialPinState } from './reducer';
-export type { PinAction, PinForEveryoneAction, PinState, UnpinForEveryoneAction } from './types';
+export { default, initialPinState, normalizePinnedUserIds } from './reducer';
+export type { PinAction, PinForEveryoneAction, PinState, SetPinnedUsersForEveryoneAction, UnpinForEveryoneAction } from './types';
+export { MAX_PINNED_USERS } from './types';

package/dist/shared/pin/reducer.d.ts

@@ -1,5 +1,6 @@
 import { PinAction, PinState } from './types';
 
 export declare const initialPinState: PinState;
+export declare const normalizePinnedUserIds: (userIds: number[]) => number[];
 declare const pinReducer: (state: PinState, action: PinAction) => PinState;
 export default pinReducer;

package/dist/shared/pin/types.d.ts

@@ -1,3 +1,11 @@
+export declare const MAX_PINNED_USERS = 4;
+export type SetPinnedUsersForEveryoneAction = {
+    type: 'SET-PINNED-USERS-FOR-EVERYONE';
+    payload: {
+        userIds: number[];
+    };
+    timestamp: number;
+};
 export type PinForEveryoneAction = {
     type: 'PIN-FOR-EVERYONE';
     payload: {
@@ -9,8 +17,8 @@ export type UnpinForEveryoneAction = {
     type: 'UNPIN-FOR-EVERYONE';
     timestamp: number;
 };
-export type PinAction = PinForEveryoneAction | UnpinForEveryoneAction;
+export type PinAction = SetPinnedUsersForEveryoneAction | PinForEveryoneAction | UnpinForEveryoneAction;
 export type PinState = {
-    pinnedUserId: number | null;
+    pinnedUserIds: number[];
     lastActionTimestamp: number;
 };

package/package.json

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