@fraku/video 0.1.88 → 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';
+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

@@ -1,24 +1,17 @@
 import { Participant } from '@zoom/videosdk';
-import { SharedState } from '../../shared';
+import { CHAT_STATE_DEFAULT, REQUEST_HOST_ROLE_STATE_DEFAULT, TURN_QUEUE_STATE_DEFAULT, SharedState } from '../../shared';
 import { ParticipationPermissions } from '../../shared/participation/types';
 import { SessionStatus } from '../VideoPluginProvider/context';
 import { CommandChannelStatus } from './useCommandChannelController';
 
-export declare const CHAT_STATE_DEFAULT: {
-    active: boolean;
-    timestamp: number;
-};
-export declare const TURN_QUEUE_STATE_DEFAULT: {
-    active: boolean;
-    timestamp: number;
-};
-export declare const REQUEST_HOST_ROLE_STATE_DEFAULT: {
-    userId: null;
-    timestamp: number;
-};
+export { CHAT_STATE_DEFAULT, REQUEST_HOST_ROLE_STATE_DEFAULT, TURN_QUEUE_STATE_DEFAULT };
 export type SharedContextType = {
     sharedState: SharedState;
     requestSharedState: () => Promise<void>;
+    pinnedUserIds: number[];
+    pinForEveryone: (userId: number) => Promise<void>;
+    unpinUserForEveryone: (userId: number) => Promise<void>;
+    unpinForEveryone: () => Promise<void>;
     speakerQueue: Participant[];
     raisedHand: boolean;
     toggleHand: () => Promise<void>;

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/defaultState.d.ts

@@ -0,0 +1,16 @@
+import { SharedState } from './types';
+
+export declare const CHAT_STATE_DEFAULT: {
+    active: boolean;
+    timestamp: number;
+};
+export declare const TURN_QUEUE_STATE_DEFAULT: {
+    active: boolean;
+    timestamp: number;
+};
+export declare const REQUEST_HOST_ROLE_STATE_DEFAULT: {
+    userId: null;
+    timestamp: number;
+};
+export declare const SHARED_STATE_DEFAULT: SharedState;
+export declare const normalizeSharedState: (state: SharedState) => SharedState;

package/dist/shared/index.d.ts

@@ -1,2 +1,3 @@
 export { default } from './reducer';
+export { CHAT_STATE_DEFAULT, REQUEST_HOST_ROLE_STATE_DEFAULT, SHARED_STATE_DEFAULT, TURN_QUEUE_STATE_DEFAULT, normalizeSharedState } from './defaultState';
 export type { SharedState, CommandChannelAction, SharedReducerAction } from './types';

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

@@ -0,0 +1,3 @@
+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

@@ -0,0 +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/reducer.test.d.ts

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

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

@@ -0,0 +1,24 @@
+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: {
+        userId: number;
+    };
+    timestamp: number;
+};
+export type UnpinForEveryoneAction = {
+    type: 'UNPIN-FOR-EVERYONE';
+    timestamp: number;
+};
+export type PinAction = SetPinnedUsersForEveryoneAction | PinForEveryoneAction | UnpinForEveryoneAction;
+export type PinState = {
+    pinnedUserIds: number[];
+    lastActionTimestamp: number;
+};

package/dist/shared/types.d.ts

@@ -1,6 +1,7 @@
 import { SessionStatus } from '../providers/VideoPluginProvider/context';
 import { ChatAction, ChatState } from './chat';
 import { GrantParticipationAction, InviteToParticipateAction, ParticipationPermissions, RevokeParticipationAction, RevokeVideoParticipationAction } from './participation/types';
+import { PinAction, PinState } from './pin';
 import { RequestHostRoleAction } from './request-host-role';
 import { SessionAction } from './session-info';
 import { SpeakerTurnAction, SpeakerTurnState } from './speaker-turn';
@@ -18,6 +19,7 @@ export type SharedState = {
         timestamp: number;
     };
     participationPermissions: ParticipationPermissions;
+    pinState: PinState;
 };
 export type AlertUserAction = {
     type: 'ALERT-USER';
@@ -36,6 +38,10 @@ export type ResetSharedStateAction = {
     type: 'RESET-SHARED-STATE';
     state: SharedState;
 };
+export type ClearPinnedUserAction = {
+    type: 'CLEAR-PINNED-USER';
+    userId: number;
+};
 export type RequestStateRecoveryAction = {
     type: 'REQUEST-STATE-RECOVERY';
     requesterUserId: number;
@@ -48,5 +54,5 @@ export type SendStateRecoveryAction = {
     responderUserId: number;
     responderRole: 'host' | 'manager' | 'attendee';
 };
-export type CommandChannelAction = AlertUserAction | RequestStateAction | SendStateAction | RequestStateRecoveryAction | SendStateRecoveryAction | SpeakerTurnAction | ChatAction | SessionAction | RequestHostRoleAction | GrantParticipationAction | RevokeParticipationAction | RevokeVideoParticipationAction | InviteToParticipateAction;
-export type SharedReducerAction = CommandChannelAction | ResetSharedStateAction;
+export type CommandChannelAction = AlertUserAction | RequestStateAction | SendStateAction | RequestStateRecoveryAction | SendStateRecoveryAction | SpeakerTurnAction | ChatAction | SessionAction | RequestHostRoleAction | GrantParticipationAction | RevokeParticipationAction | RevokeVideoParticipationAction | InviteToParticipateAction | PinAction;
+export type SharedReducerAction = CommandChannelAction | ResetSharedStateAction | ClearPinnedUserAction;

package/package.json

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