@naviedu/room-platform-react 0.0.41 → 0.0.42

package/index.d.ts

@@ -292,7 +292,7 @@ declare type RoomPlatformControlBarProps = {
     onToggleTheaterMode?: () => void;
 };
 
-export declare function RoomPlatformCurrentOperationStrip({ activeSpeakerParticipantIdentity, canClearActiveSpeaker, isClearingActiveSpeaker, onClearActiveSpeaker, currentPrivateRoomOperation, onCancelPrivateRoom, participants, }: {
+export declare function RoomPlatformCurrentOperationStrip({ activeSpeakerParticipantIdentity, canClearActiveSpeaker, isClearingActiveSpeaker, onClearActiveSpeaker, currentPrivateRoomOperation, onCancelPrivateRoom, participants, currentOperation, }: {
     activeSpeakerParticipantIdentity?: string;
     canClearActiveSpeaker?: boolean;
     isClearingActiveSpeaker?: boolean;
@@ -303,6 +303,11 @@ export declare function RoomPlatformCurrentOperationStrip({ activeSpeakerPartici
     };
     onCancelPrivateRoom?: () => Promise<void> | void;
     participants: readonly Pick<RoomParticipantPresence, 'name' | 'participantIdentity' | 'externalActorId' | 'isLocal'>[];
+    currentOperation?: {
+        label: string;
+        name: string;
+        leading?: ReactNode;
+    };
 }): JSX.Element;
 
 export declare type RoomPlatformDeviceKind = 'audioinput' | 'audiooutput' | 'videoinput';
@@ -337,6 +342,11 @@ export declare type RoomPlatformExtensionProps = {
 };
 
 export declare type RoomPlatformExtensions = {
+    currentOperation?: {
+        label: string;
+        name: string;
+        leading?: ReactNode;
+    };
     topBarLeading?: ComponentType<RoomPlatformExtensionProps>;
     topBarTrailing?: ComponentType<RoomPlatformExtensionProps>;
     monitor?: {

package/index.esm.js

@@ -19106,7 +19106,7 @@ function _ts_generator$g(thisArg, body) {
     }
 }
 function RoomPlatformCurrentOperationStrip(param) {
-    var activeSpeakerParticipantIdentity = param.activeSpeakerParticipantIdentity, canClearActiveSpeaker = param.canClearActiveSpeaker, isClearingActiveSpeaker = param.isClearingActiveSpeaker, onClearActiveSpeaker = param.onClearActiveSpeaker, currentPrivateRoomOperation = param.currentPrivateRoomOperation, onCancelPrivateRoom = param.onCancelPrivateRoom, participants = param.participants;
+    var activeSpeakerParticipantIdentity = param.activeSpeakerParticipantIdentity, canClearActiveSpeaker = param.canClearActiveSpeaker, isClearingActiveSpeaker = param.isClearingActiveSpeaker, onClearActiveSpeaker = param.onClearActiveSpeaker, currentPrivateRoomOperation = param.currentPrivateRoomOperation, onCancelPrivateRoom = param.onCancelPrivateRoom, participants = param.participants, currentOperation = param.currentOperation;
     var _ref, _ref1;
     var _useState = _sliced_to_array$g(useState(false), 2), isCancelingPrivateRoomOperation = _useState[0], setIsCancelingPrivateRoomOperation = _useState[1];
     var roomPlatformToast = useRoomPlatformToast();
@@ -19118,6 +19118,10 @@ function RoomPlatformCurrentOperationStrip(param) {
         return participant.externalActorId === currentPrivateRoomOperation.studentExternalActorId;
     }) : undefined;
     var privateStudentName = (_ref1 = privateStudent === null || privateStudent === void 0 ? void 0 : privateStudent.name) !== null && _ref1 !== void 0 ? _ref1 : currentPrivateRoomOperation === null || currentPrivateRoomOperation === void 0 ? void 0 : currentPrivateRoomOperation.studentExternalActorId;
+    var operation = currentOperation !== null && currentOperation !== void 0 ? currentOperation : activeSpeakerName ? {
+        label: 'Đang phát biểu',
+        name: activeSpeakerName
+    } : undefined;
     var cancelPrivateRoomOperation = function() {
         return _async_to_generator$g(function() {
             return _ts_generator$g(this, function(_state) {
@@ -19165,23 +19169,29 @@ function RoomPlatformCurrentOperationStrip(param) {
             });
         })();
     };
-    if (!activeSpeakerName && !privateStudentName) return null;
+    if (!operation && !privateStudentName) return null;
     return /*#__PURE__*/ jsxs("div", {
         className: "grid gap-2 border-b border-primary/10 p-3",
         children: [
-            activeSpeakerName ? /*#__PURE__*/ jsxs("div", {
+            operation ? /*#__PURE__*/ jsxs("div", {
                 className: "flex items-center justify-between gap-3 rounded-lg border border-liveclass-orange/30 bg-liveclass-orange/10 px-3 py-2",
                 children: [
                     /*#__PURE__*/ jsxs("div", {
-                        className: "min-w-0",
+                        className: "flex min-w-0 items-center gap-2",
                         children: [
-                            /*#__PURE__*/ jsx("p", {
-                                className: "text-xs font-semibold uppercase text-liveclass-orange",
-                                children: "Đang ph\xe1t biểu"
-                            }),
-                            /*#__PURE__*/ jsx("p", {
-                                className: "truncate text-sm font-semibold text-primary",
-                                children: activeSpeakerName
+                            operation.leading,
+                            /*#__PURE__*/ jsxs("div", {
+                                className: "min-w-0",
+                                children: [
+                                    /*#__PURE__*/ jsx("p", {
+                                        className: "text-xs font-semibold uppercase text-liveclass-orange",
+                                        children: operation.label
+                                    }),
+                                    /*#__PURE__*/ jsx("p", {
+                                        className: "truncate text-sm font-semibold text-primary",
+                                        children: operation.name
+                                    })
+                                ]
                             })
                         ]
                     }),
@@ -29128,6 +29138,7 @@ var RoomPlatformWorkspaceContent = function(param) {
                 canClearActiveSpeaker: canModerate,
                 isClearingActiveSpeaker: isClearingActiveSpeaker,
                 onClearActiveSpeaker: canModerate ? clearActiveSpeaker : undefined,
+                currentOperation: extensions === null || extensions === void 0 ? void 0 : extensions.currentOperation,
                 currentPrivateRoomOperation: currentPrivateRoomOperation,
                 onCancelPrivateRoom: cancelPrivateRoom,
                 participants: participants

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@naviedu/room-platform-react",
-  "version": "0.0.41",
+  "version": "0.0.42",
   "type": "module",
   "main": "./index.esm.js",
   "module": "./index.esm.js",