@fraku/video 0.1.63 → 0.1.65

package/dist/libs/helpers.d.ts

@@ -21,6 +21,8 @@ export interface GenerateSignatureParams {
     telemetryTrackingId?: string;
     videoWebRtcMode?: 0 | 1;
     audioWebRtcMode?: 0 | 1;
+    cloud_recording_option?: 0 | 1;
+    cloud_recording_election?: 0 | 1;
 }
 /**
  * Generate a Zoom Video SDK signature (JWT)

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

@@ -1,9 +1,12 @@
 import { Menu } from 'primereact/menu';
+import { MenuItem } from 'primereact/menuitem';
 import { DockItem } from './types';
 
 export declare const useButtonsDockController: () => {
     dockItems: DockItem[];
     audioMenuOptionsRef: import('react').RefObject<Menu>;
+    recordingMenuRef: import('react').RefObject<Menu>;
+    recordingMenuItems: MenuItem[];
     videoMenuOptionsRef: import('react').RefObject<Menu>;
     micMenuOptionsRef: import('react').RefObject<Menu>;
     showChatBadge: boolean;

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

@@ -1,10 +1,10 @@
+import { RefObject } from 'react';
 import { Participant } from '@zoom/videosdk';
 import { Menu } from 'primereact/menu';
-import { RefObject } from 'react';
 
 type ActionCellProps = {
     p: Participant;
-    currentUserId: number;
+    isCurrentUserRow: boolean;
     canToggleUserAudio: boolean;
     loading: boolean;
     showUserMenuButton: boolean;
@@ -19,6 +19,8 @@ type ActionCellProps = {
  * 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.
+ *
+ * participationPermissions is also read directly from useSharedContext() for the same reason.
  */
-declare const ActionCell: ({ p, currentUserId, canToggleUserAudio, loading, showUserMenuButton, handleToggleParticipantMic, setSelectedUser, userMenuRef }: ActionCellProps) => import("react/jsx-runtime").JSX.Element;
+declare const ActionCell: ({ p, isCurrentUserRow, canToggleUserAudio, loading, showUserMenuButton, handleToggleParticipantMic, setSelectedUser, userMenuRef }: ActionCellProps) => import("react/jsx-runtime").JSX.Element;
 export default ActionCell;

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, showUserMenuButton, loading, setFilter, setSelectedUser, userMenuRef }: UserListViewProps) => import("react/jsx-runtime").JSX.Element;
+declare const UserListView: ({ can, columnHeader, currentUserId, filteredUsers, filter, handleMakeHost, handleMakeManager, handleRevokeManager, handleRequestMakeHost, handleToggleParticipantMic, handleGrantMicParticipation, handleGrantMicCameraParticipation, handleUpgradeMicToCamera, handleRevokeParticipation, showUserMenuButton, loading, setFilter, setSelectedUser, userMenuRef }: UserListViewProps) => import("react/jsx-runtime").JSX.Element;
 export default UserListView;

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

@@ -9,6 +9,12 @@ export type UserListControllerReturn = {
         revokeManagerRole: boolean;
         makeManagerRole: boolean;
         transferHostRole: boolean;
+        grantMicParticipation: boolean;
+        grantMicCameraParticipation: boolean;
+        upgradeMicToCamera: boolean;
+        revokeParticipation: boolean;
+        inviteToParticipateMic: boolean;
+        inviteToParticipateMicCamera: boolean;
     };
     currentUserId: number;
     filteredUsers: Participant[];
@@ -18,6 +24,10 @@ export type UserListControllerReturn = {
     handleRevokeManager: () => Promise<void>;
     handleRequestMakeHost: () => Promise<void>;
     handleToggleParticipantMic: (p: Participant) => Promise<void>;
+    handleGrantMicParticipation: () => Promise<void>;
+    handleGrantMicCameraParticipation: () => Promise<void>;
+    handleUpgradeMicToCamera: () => Promise<void>;
+    handleRevokeParticipation: () => Promise<void>;
     showUserMenuButton: boolean;
     loading: boolean;
     setFilter: ReactSetter<string>;

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

@@ -1,10 +1,18 @@
 import { Participant } from '@zoom/videosdk';
+import { ParticipationPermission } from '../../../shared/participation/types';
 
 type TurnQueueUserListItemProps = {
     participant: Participant;
+    isAttendee: boolean;
+    participationPermission: ParticipationPermission | undefined;
     onMicToggle: (p: Participant) => Promise<void>;
-    onLowerHand: (userId: number) => Promise<void>;
+    onGrantMic: (p: Participant) => Promise<void>;
+    onGrantMicCamera: (p: Participant) => Promise<void>;
+    onUpgradeMicToCamera: (p: Participant) => Promise<void>;
+    onRevokeParticipation: (p: Participant) => Promise<void>;
+    onLowerHand: (p: Participant) => Promise<void>;
     isMicToggleEnabled: boolean;
+    loading: boolean;
 };
-declare const TurnQueueUserListItem: ({ participant, onMicToggle, onLowerHand, isMicToggleEnabled }: TurnQueueUserListItemProps) => import("react/jsx-runtime").JSX.Element;
+declare const TurnQueueUserListItem: (props: TurnQueueUserListItemProps) => import("react/jsx-runtime").JSX.Element;
 export default TurnQueueUserListItem;

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

@@ -0,0 +1,2 @@
+declare const RecordingIndicator: () => import("react/jsx-runtime").JSX.Element | null;
+export default RecordingIndicator;

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

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

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

@@ -6,8 +6,8 @@ export type AudioContextType = {
     micMuted: boolean;
     muteMic: () => Promise<void>;
     muteUserMic: (userId: number) => Promise<void>;
-    unmuteMic: () => Promise<void>;
     unmuteUserMic: (userId: number) => Promise<void>;
+    unmuteMic: () => Promise<void>;
     switchMic: (deviceId: string) => Promise<void>;
     speakerList: MediaDevice[];
     activeSpeakerId: string;
@@ -20,8 +20,6 @@ export type AudioContextType = {
     setActiveMicId: (id: string) => void;
     setActiveSpeakerId: (id: string) => void;
     setMicMuted: (muted: boolean) => void;
-    hostAskUnmute: boolean;
-    resetHostAskUnmute: () => void;
 };
 export declare const AudioContext: import('react').Context<AudioContextType>;
 export declare const useAudioContext: () => AudioContextType;

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

@@ -11,6 +11,14 @@ export type ConfirmDialogProps = {
     message: string;
     onAccept: () => void;
 };
+export type ConfirmWithAlternativeDialogProps = {
+    header?: string;
+    message: string;
+    confirmLabel: string;
+    alternativeLabel: string;
+    onConfirm: () => void | Promise<void>;
+    onAlternative: () => void | Promise<void>;
+};
 export type NotifyProps = {
     header?: string;
     message: string;
@@ -31,6 +39,7 @@ export type DialogsContextType = {
     notify: (props: NotifyProps) => void;
     alert: (props: AlertDialogProps) => void;
     confirm: (props: ConfirmDialogProps) => void;
+    confirmWithAlternative: (props: ConfirmWithAlternativeDialogProps) => void;
 };
-export declare const DialogsContext: import('react').Context<DialogsContextType>;
+export declare const DialogsContext: import('react').Context<DialogsContextType | null>;
 export declare const useDialogsContext: () => DialogsContextType;

package/dist/providers/RecordingProvider/RecordingProvider.d.ts

@@ -0,0 +1,4 @@
+import { RecordingProviderProps } from './types';
+
+declare const RecordingProvider: ({ children }: RecordingProviderProps) => import("react/jsx-runtime").JSX.Element;
+export default RecordingProvider;

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

@@ -0,0 +1,14 @@
+import { RecordingStatus } from '@zoom/videosdk';
+
+export type RecordingContextType = {
+    recordingStatus: RecordingStatus;
+    isRecording: boolean;
+    isPaused: boolean;
+    canRecord: boolean;
+    startRecording: () => Promise<void>;
+    stopRecording: () => Promise<void>;
+    pauseRecording: () => Promise<void>;
+    resumeRecording: () => Promise<void>;
+};
+export declare const RecordingContext: import('react').Context<RecordingContextType>;
+export declare const useRecordingContext: () => RecordingContextType;

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

@@ -0,0 +1,2 @@
+export { default as RecordingProvider } from './RecordingProvider';
+export { useRecordingContext } from './context';

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

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

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

@@ -0,0 +1,5 @@
+import { ReactNode } from 'react';
+
+export type RecordingProviderProps = {
+    children: ReactNode;
+};

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

@@ -1,19 +1,23 @@
 import { VideoClient } from '@zoom/videosdk';
-import { SharedAction, SharedState } from '../../shared';
+import { CommandChannelAction, SharedState } from '../../shared';
+import { ParticipationPermission } from '../../shared/participation';
 import { AlertDialogProps } from '../DialogsProvider/context';
 import { SendActionOptions } from './hooks';
 
-type CommandChannelContext = {
+export type CommandChannelContext = {
     zmClient: typeof VideoClient;
-    sendAction: (action: SharedAction, options?: SendActionOptions) => Promise<void>;
+    sendAction: (action: CommandChannelAction, options?: SendActionOptions) => Promise<void>;
     sharedState: SharedState;
     alert: (props: AlertDialogProps) => void;
-    dispatch: (action: SharedAction) => void;
+    dispatch: (action: CommandChannelAction) => void;
     setRequestedHostRoleDialogVisible: (visible: boolean) => void;
+    setParticipationGranted: (value: ParticipationPermission | null) => void;
+    setParticipationRevoked: (value: boolean) => void;
+    setPendingParticipationInvite: (value: ParticipationPermission | null) => void;
 };
-type CommandChannelActionHandler = (action: SharedAction, context: CommandChannelContext) => void;
+type CommandChannelActionHandler = (action: CommandChannelAction, context: CommandChannelContext) => void;
 type CommandChannelActionHandlers = {
-    [K in SharedAction['type']]?: CommandChannelActionHandler;
+    [K in CommandChannelAction['type']]?: CommandChannelActionHandler;
 };
 export declare const commandChannelActionHandlers: CommandChannelActionHandlers;
 export {};

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

@@ -1,5 +1,6 @@
 import { Participant } from '@zoom/videosdk';
 import { SharedState } from '../../shared';
+import { ParticipationPermissions } from '../../shared/participation/types';
 import { SessionStatus } from '../VideoPluginProvider/context';
 
 export declare const CHAT_STATE_DEFAULT: {
@@ -33,6 +34,22 @@ export type SharedContextType = {
         userId: number;
         censusUserId: string;
     }) => Promise<void>;
+    participationPermissions: ParticipationPermissions;
+    participationGranted: {
+        audio: boolean;
+        video: boolean;
+    } | null;
+    participationRevoked: boolean;
+    pendingParticipationInvite: {
+        audio: boolean;
+        video: boolean;
+    } | null;
+    resetParticipationGranted: () => void;
+    resetParticipationRevoked: () => void;
+    resetPendingParticipationInvite: () => void;
+    grantParticipation: (userId: number, audio: boolean, video: boolean) => Promise<void>;
+    revokeParticipation: (userId: number) => Promise<void>;
+    requestParticipation: (userId: number, audio: boolean, video: boolean) => Promise<void>;
 };
 export declare const SharedContext: import('react').Context<SharedContextType>;
 export declare const useSharedContext: () => SharedContextType;

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

@@ -1,4 +1,4 @@
-import { SharedAction } from '../../shared';
+import { CommandChannelAction } from '../../shared';
 
 export type SendActionOptions = {
     maxAttempts?: number;
@@ -6,4 +6,4 @@ export type SendActionOptions = {
     connectionTimeout?: number;
     userId?: number;
 };
-export declare const useActionSender: () => (action: SharedAction, options?: SendActionOptions) => Promise<void>;
+export declare const useActionSender: () => (action: CommandChannelAction, options?: SendActionOptions) => Promise<void>;

package/dist/providers/SharedProvider/tests/commandChannelActionHandlers.test.d.ts

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

package/dist/shared/index.d.ts

@@ -1,2 +1,2 @@
 export { default } from './reducer';
-export type { SharedState, SharedAction } from './types';
+export type { SharedState, CommandChannelAction } from './types';

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

@@ -0,0 +1,2 @@
+export type { ParticipationPermission, ParticipationPermissions, GrantParticipationAction, RevokeParticipationAction, InviteToParticipateAction } from './types';
+export { default as participationReducer } from './reducer';

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

@@ -0,0 +1,4 @@
+import { GrantParticipationAction, ParticipationPermissions, RevokeParticipationAction } from './types';
+
+declare const participationReducer: (state: ParticipationPermissions, action: GrantParticipationAction | RevokeParticipationAction) => ParticipationPermissions;
+export default participationReducer;

package/dist/shared/participation/reducer.test.d.ts

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

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

@@ -0,0 +1,27 @@
+export type ParticipationPermission = {
+    audio: boolean;
+    video: boolean;
+};
+export type ParticipationPermissions = Record<number, ParticipationPermission>;
+export type GrantParticipationAction = {
+    type: 'GRANT-PARTICIPATION';
+    payload: {
+        targetUserId: number;
+        audio: boolean;
+        video: boolean;
+    };
+};
+export type RevokeParticipationAction = {
+    type: 'REVOKE-PARTICIPATION';
+    payload: {
+        targetUserId: number;
+    };
+};
+export type InviteToParticipateAction = {
+    type: 'INVITE-TO-PARTICIPATE';
+    payload: {
+        targetUserId: number;
+        audio: boolean;
+        video: boolean;
+    };
+};

package/dist/shared/reducer.d.ts

@@ -1,4 +1,4 @@
-import { SharedState, SharedAction } from './types';
+import { SharedState, CommandChannelAction } from './types';
 
-declare const reducer: (state: SharedState, action: SharedAction) => SharedState;
+declare const reducer: (state: SharedState, action: CommandChannelAction) => SharedState;
 export default reducer;

package/dist/shared/types.d.ts

@@ -1,5 +1,6 @@
 import { SessionStatus } from '../providers/VideoPluginProvider/context';
 import { ChatAction, ChatState } from './chat';
+import { GrantParticipationAction, InviteToParticipateAction, ParticipationPermissions, RevokeParticipationAction } from './participation/types';
 import { RequestHostRoleAction } from './request-host-role';
 import { SessionAction } from './session-info';
 import { SpeakerTurnAction, SpeakerTurnState } from './speaker-turn';
@@ -14,6 +15,7 @@ export type SharedState = {
         userId: number | null;
         timestamp: number;
     };
+    participationPermissions: ParticipationPermissions;
 };
 export type AlertUserAction = {
     type: 'ALERT-USER';
@@ -28,4 +30,4 @@ export type SendStateAction = {
     type: 'SEND-SHARED-STATE';
     state: SharedState;
 };
-export type SharedAction = AlertUserAction | RequestStateAction | SendStateAction | SpeakerTurnAction | ChatAction | SessionAction | RequestHostRoleAction;
+export type CommandChannelAction = AlertUserAction | RequestStateAction | SendStateAction | SpeakerTurnAction | ChatAction | SessionAction | RequestHostRoleAction | GrantParticipationAction | RevokeParticipationAction | InviteToParticipateAction;

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@fraku/video",
   "private": false,
-  "version": "0.1.63",
+  "version": "0.1.65",
   "type": "module",
   "main": "./dist/index.js",
   "module": "./dist/index.js",
@@ -48,16 +48,16 @@
     "react-dom": "^18.2.0"
   },
   "dependencies": {
-    "@zoom/videosdk": "^2.3.14",
+    "@zoom/videosdk": "^2.3.15",
     "classnames": "^2.5.1",
     "clsx": "^2.1.1",
     "i18n": "^0.15.3",
-    "i18next": "^25.8.5",
-    "i18next-browser-languagedetector": "^8.2.0",
-    "jsrsasign": "^11.1.0",
+    "i18next": "^25.8.18",
+    "i18next-browser-languagedetector": "^8.2.1",
+    "jsrsasign": "^11.1.1",
     "primeicons": "^7.0.0",
     "primereact": "^10.9.6",
-    "react-i18next": "^16.5.4",
+    "react-i18next": "^16.5.8",
     "react-use": "^17.6.0",
     "styled-components": "^5.3.11",
     "tailwind-merge": "^3.5.0",
@@ -65,7 +65,7 @@
   },
   "devDependencies": {
     "@playwright/test": "^1.58.2",
-    "@storybook/react-vite": "^10.2.14",
+    "@storybook/react-vite": "^10.2.19",
     "@storybook/test-runner": "^0.24.2",
     "@tailwindcss/container-queries": "^0.1.1",
     "@testing-library/jest-dom": "^6.9.1",
@@ -78,27 +78,27 @@
     "@typescript-eslint/eslint-plugin": "^6.14.0",
     "@typescript-eslint/parser": "^6.14.0",
     "@vitejs/plugin-react": "^4.3.4",
-    "@vitest/coverage-v8": "^4.0.18",
-    "@vitest/ui": "^4.0.18",
+    "@vitest/coverage-v8": "^4.1.0",
+    "@vitest/ui": "^4.1.0",
     "autoprefixer": "^10.4.27",
-    "baseline-browser-mapping": "^2.10.0",
+    "baseline-browser-mapping": "^2.10.8",
     "eslint": "^8.55.0",
     "eslint-plugin-react": "^7.37.5",
     "eslint-plugin-react-hooks": "^4.6.0",
     "eslint-plugin-react-refresh": "^0.4.5",
-    "eslint-plugin-storybook": "^10.2.6",
+    "eslint-plugin-storybook": "^10.2.19",
     "husky": "^9.1.7",
     "jsdom": "^27.4.0",
-    "postcss": "^8.5.6",
+    "postcss": "^8.5.8",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
-    "storybook": "^10.2.14",
+    "storybook": "^10.2.19",
     "tailwindcss": "^3.4.17",
     "typescript": "^5.2.2",
     "vite": "^6.0.7",
     "vite-plugin-dts": "^3.6.4",
-    "vite-plugin-static-copy": "^3.2.0",
-    "vitest": "^4.0.18"
+    "vite-plugin-static-copy": "^3.3.0",
+    "vitest": "^4.1.0"
   },
   "keywords": [
     "react",