odaptos_design_system 2.0.267 → 2.0.268
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/Molecules/Interviews/ControlsBar.d.ts +2 -1
- package/dist/odaptos_design_system.cjs.development.js +11 -2
- package/dist/odaptos_design_system.cjs.development.js.map +1 -1
- package/dist/odaptos_design_system.cjs.production.min.js +1 -1
- package/dist/odaptos_design_system.cjs.production.min.js.map +1 -1
- package/dist/odaptos_design_system.esm.js +11 -2
- package/dist/odaptos_design_system.esm.js.map +1 -1
- package/package.json +1 -1
- package/src/Molecules/Interviews/ControlsBar.tsx +15 -2
|
@@ -51,5 +51,6 @@ export interface ControlsBarProps extends HTMLAttributes<HTMLDivElement> {
|
|
|
51
51
|
selectedAudioInput?: string;
|
|
52
52
|
onVideoInputChange?: (deviceId: string) => void;
|
|
53
53
|
onAudioInputChange?: (deviceId: string) => void;
|
|
54
|
+
isScreenShareActive?: boolean;
|
|
54
55
|
}
|
|
55
|
-
export declare const ControlsBar: ({ className, identity, isSpeaking, endInterview, enableScreenSharing, enableMicrophone, muteMicrophone, enableCamera, muteCamera, displayChat, displayTasks, startRecording, isChatOpen, areTasksOpen, isNewTask, isNewMessage, isMicrophoneActive, isCameraActive, isRecording, screenShareText, disabledRecording, disabledEndInterview, myTasksText, protocolText, isModerated, endInterviewText, stopRecPopoverTitle, stopRecPopoverDescription, stopRecPopoverBtnOneText, stopRecPopoverBtnTwoText, isRecordingBtnDisplay, stopRecPopoverBtnOneOnClick, stopRecPopoverBtnTwoOnClick, stopRecText, startRecText, exitInterview, exitInterviewText, disabledExitInterview, disabledEndInterviewText, videoInputDevices, audioInputDevices, selectedVideoInput, onVideoInputChange, selectedAudioInput, onAudioInputChange, ...props }: ControlsBarProps) => React.JSX.Element;
|
|
56
|
+
export declare const ControlsBar: ({ className, identity, isSpeaking, endInterview, enableScreenSharing, enableMicrophone, muteMicrophone, enableCamera, muteCamera, displayChat, displayTasks, startRecording, isChatOpen, areTasksOpen, isNewTask, isNewMessage, isMicrophoneActive, isCameraActive, isRecording, screenShareText, disabledRecording, disabledEndInterview, myTasksText, protocolText, isModerated, endInterviewText, stopRecPopoverTitle, stopRecPopoverDescription, stopRecPopoverBtnOneText, stopRecPopoverBtnTwoText, isRecordingBtnDisplay, stopRecPopoverBtnOneOnClick, stopRecPopoverBtnTwoOnClick, stopRecText, startRecText, exitInterview, exitInterviewText, disabledExitInterview, disabledEndInterviewText, videoInputDevices, audioInputDevices, selectedVideoInput, onVideoInputChange, selectedAudioInput, onAudioInputChange, isScreenShareActive, ...props }: ControlsBarProps) => React.JSX.Element;
|
|
@@ -91874,6 +91874,7 @@ const ControlsBar = ({
|
|
|
91874
91874
|
onVideoInputChange,
|
|
91875
91875
|
selectedAudioInput,
|
|
91876
91876
|
onAudioInputChange,
|
|
91877
|
+
isScreenShareActive,
|
|
91877
91878
|
...props
|
|
91878
91879
|
}) => {
|
|
91879
91880
|
const [isStopRecPopoverOpen, setIsStopRecPopoverOpen] = React.useState(false);
|
|
@@ -92166,7 +92167,14 @@ const ControlsBar = ({
|
|
|
92166
92167
|
}), /*#__PURE__*/React__default.createElement(Text, {
|
|
92167
92168
|
weight: "semi-bold",
|
|
92168
92169
|
text: isRecording ? stopRecText : startRecText
|
|
92169
|
-
})),
|
|
92170
|
+
})), !isModerated && screenShareText && enableScreenSharing && /*#__PURE__*/React__default.createElement(InterviewButton, {
|
|
92171
|
+
id: "odaptos_screen_share",
|
|
92172
|
+
text: screenShareText,
|
|
92173
|
+
variant: "screenshare",
|
|
92174
|
+
icon: /*#__PURE__*/React__default.createElement(TvFlatScreenIcon, null),
|
|
92175
|
+
isActive: isScreenShareActive,
|
|
92176
|
+
onClick: () => enableScreenSharing()
|
|
92177
|
+
}), identity === 'interviewer' && endInterview && !disabledEndInterview ? /*#__PURE__*/React__default.createElement(InterviewButton, {
|
|
92170
92178
|
text: endInterviewText,
|
|
92171
92179
|
variant: "end-interview",
|
|
92172
92180
|
disabled: disabledEndInterview,
|
|
@@ -92184,11 +92192,12 @@ const ControlsBar = ({
|
|
|
92184
92192
|
icon: /*#__PURE__*/React__default.createElement(HangUpIcon, {
|
|
92185
92193
|
fill: "white"
|
|
92186
92194
|
})
|
|
92187
|
-
}))) : null,
|
|
92195
|
+
}))) : null, identity === 'interviewee' && isModerated && screenShareText && enableScreenSharing && /*#__PURE__*/React__default.createElement(InterviewButton, {
|
|
92188
92196
|
id: "odaptos_screen_share",
|
|
92189
92197
|
text: screenShareText,
|
|
92190
92198
|
variant: "screenshare",
|
|
92191
92199
|
icon: /*#__PURE__*/React__default.createElement(TvFlatScreenIcon, null),
|
|
92200
|
+
isActive: isScreenShareActive,
|
|
92192
92201
|
onClick: () => enableScreenSharing()
|
|
92193
92202
|
}), isModerated && /*#__PURE__*/React__default.createElement("div", {
|
|
92194
92203
|
className: styles$w.separator
|