odaptos_design_system 1.4.103 → 1.4.104

package/dist/Interviews/Chat.d.ts

@@ -28,6 +28,7 @@ export interface ChatProps extends HTMLAttributes<HTMLDivElement> {
     sendMessage: () => void;
     className?: string;
     isTaskMode?: boolean;
+    isChatDisplay?: boolean;
 }
-export declare const Chat: ({ goBackText, goBack, chatTitle, welcomeTitle, welcomeDescription, startInterviewTitle, startInterviewBtnTitle, startInterviewIcon, startInterview, tasks, sendTask, validateTask, currentTask, chatInputPlaceholder, chatInputValue, chatInputonChange, sendMessage, className, isTaskMode, ...props }: ChatProps) => React.JSX.Element;
+export declare const Chat: ({ goBackText, goBack, chatTitle, welcomeTitle, welcomeDescription, startInterviewTitle, startInterviewBtnTitle, startInterviewIcon, startInterview, tasks, sendTask, validateTask, currentTask, chatInputPlaceholder, chatInputValue, chatInputonChange, sendMessage, className, isTaskMode, isChatDisplay, ...props }: ChatProps) => React.JSX.Element;
 export {};

package/dist/Interviews/ControlsBar.d.ts

@@ -21,5 +21,6 @@ export interface ControlsBarProps extends HTMLAttributes<HTMLDivElement> {
     isCameraActive?: boolean;
     isRecording?: boolean;
     disabledRecording?: boolean;
+    disabledEndInterview?: boolean;
 }
-export declare const ControlsBar: ({ className, isInterviewer, isScreenShare, endInterview, enableScreenSharing, enableMicrophone, muteMicrophone, enableCamera, muteCamera, displayChat, displayTasks, startRecording, stopRecording, isChatOpen, areTasksOpen, isNewTask, isNewMessage, isMicrophoneActive, isCameraActive, isRecording, disabledRecording, ...props }: ControlsBarProps) => React.JSX.Element;
+export declare const ControlsBar: ({ className, isInterviewer, isScreenShare, endInterview, enableScreenSharing, enableMicrophone, muteMicrophone, enableCamera, muteCamera, displayChat, displayTasks, startRecording, stopRecording, isChatOpen, areTasksOpen, isNewTask, isNewMessage, isMicrophoneActive, isCameraActive, isRecording, disabledRecording, disabledEndInterview, ...props }: ControlsBarProps) => React.JSX.Element;

package/dist/Interviews/InterviewButton.d.ts

@@ -3,8 +3,9 @@ export interface InterviewButtonProps extends HTMLAttributes<HTMLButtonElement>
     icon: JSX.Element;
     variant: 'screenshare' | 'end-interview' | 'protocol';
     text: string;
+    disabled?: boolean;
     isNotif?: boolean;
     isActive?: boolean;
     className?: string;
 }
-export declare const InterviewButton: ({ icon, className, variant, text, isNotif, isActive, ...props }: InterviewButtonProps) => React.JSX.Element;
+export declare const InterviewButton: ({ icon, className, variant, text, disabled, isNotif, isActive, ...props }: InterviewButtonProps) => React.JSX.Element;

package/dist/odaptos_design_system.cjs.development.js

@@ -7878,6 +7878,7 @@ const ControlsBar = ({
   isCameraActive,
   isRecording,
   disabledRecording,
+  disabledEndInterview,
   ...props
 }) => {
   return /*#__PURE__*/React__default.createElement("div", Object.assign({
@@ -7906,9 +7907,10 @@ const ControlsBar = ({
         if (stopRecording) stopRecording();
       }
     }
-  }, isRecording ? /*#__PURE__*/React__default.createElement(StopRecordingIcon, null) : /*#__PURE__*/React__default.createElement(RecordIcon, null)), isRecording && isInterviewer && endInterview && /*#__PURE__*/React__default.createElement(InterviewButton, {
+  }, isRecording ? /*#__PURE__*/React__default.createElement(StopRecordingIcon, null) : /*#__PURE__*/React__default.createElement(RecordIcon, null)), isInterviewer && endInterview && /*#__PURE__*/React__default.createElement(InterviewButton, {
     text: "End Interview",
     variant: "end-interview",
+    disabled: disabledEndInterview,
     onClick: () => endInterview(),
     icon: /*#__PURE__*/React__default.createElement(HangUpIcon, null)
   }), !isInterviewer && !isScreenShare && enableScreenSharing && /*#__PURE__*/React__default.createElement(InterviewButton, {
@@ -7940,10 +7942,12 @@ const ControlsBar = ({
     },
     isActive: areTasksOpen,
     isNotif: isNewTask
-  }), displayChat && /*#__PURE__*/React__default.createElement(CircledIconButton, {
+  }), /*#__PURE__*/React__default.createElement(CircledIconButton, {
     icon: /*#__PURE__*/React__default.createElement(ChatBubbleIcon, null),
     className: styles$a.chatBubbleIcon,
-    onClick: () => displayChat(),
+    onClick: () => {
+      if (displayChat) displayChat();
+    },
     isActive: isChatOpen,
     isNotif: isNewMessage
   }));
@@ -7973,9 +7977,10 @@ const Chat = ({
   sendMessage,
   className,
   isTaskMode,
+  isChatDisplay,
   ...props
 }) => {
-  return /*#__PURE__*/React__default.createElement(Grid, Object.assign({
+  if (isChatDisplay) return /*#__PURE__*/React__default.createElement(Grid, Object.assign({
     container: true,
     item: true,
     xs: 3,
@@ -8019,7 +8024,7 @@ const Chat = ({
     value: chatInputValue,
     onChange: chatInputonChange,
     sendMessage: sendMessage
-  }));
+  }));else return /*#__PURE__*/React__default.createElement(React__default.Fragment, null);
 };
 
 var css_248z$c = ".ChatInput-modules_chat_input_container__kI77U{align-items:center;align-self:stretch;background:var(--color-neutral-clear-shades-150,#eee);border-radius:.5rem;display:flex;flex-direction:row;gap:.5rem;margin-top:auto;padding:.625rem .75rem}.ChatInput-modules_chat_input_container__kI77U input{background:var(--color-neutral-clear-shades-150,#eee);border:none;color:var(--color-neutral-dark-shades-950,#26292e);font-family:OpenSans;font-size:1rem;font-style:normal;font-weight:400;line-height:1.5rem;width:100%}.ChatInput-modules_chat_input_container__kI77U input:focus{outline:none}.ChatInput-modules_chat_input_container__kI77U input::-moz-placeholder{color:var(--color-neutral-dark-shades-550,#8a8b8e);opacity:1}.ChatInput-modules_chat_input_container__kI77U input::placeholder{color:var(--color-neutral-dark-shades-550,#8a8b8e);opacity:1}";
@@ -8093,8 +8098,8 @@ const GoBack = ({
   }));
 };
 
-var css_248z$f = ".InterviewButton-modules_interview_button__7qkQR{align-items:center;border:none;border-radius:1.5rem;box-shadow:0 4px 8px 3px rgba(0,0,0,.08),0 1px 3px 0 rgba(0,0,0,.15);cursor:pointer;display:inline-flex;gap:.5rem;padding:.375rem .75rem;position:relative}.InterviewButton-modules_interview_button__7qkQR svg{height:1.5rem;width:1.5rem}.InterviewButton-modules_interview_button_screenshare__Py-K3{background:var(--color-primary-500,#07f)}.InterviewButton-modules_interview_button_screenshare__Py-K3:hover{background:var(--color-primary-400,#3392ff)}.InterviewButton-modules_interview_button_screenshare__Py-K3:active{background:var(--color-primary-600,#005fcc)}.InterviewButton-modules_interview_button_screenshare__Py-K3 p{color:#fff!important}.InterviewButton-modules_interview_button_screenshare__Py-K3 svg{stroke:#fff!important;fill:#fff!important}.InterviewButton-modules_interview_button_protocol__Mf5w-{background:var(--color-neutral-dark-shades-700,#64666a)}.InterviewButton-modules_interview_button_protocol__Mf5w- p{color:#fff!important}.InterviewButton-modules_interview_button_protocol__Mf5w- svg{stroke:#fff!important;fill:#fff!important}.InterviewButton-modules_interview_button_protocol__Mf5w-:hover{background:var(--color-neutral-dark-shades-550,#8a8b8e)}.InterviewButton-modules_interview_button_protocol__Mf5w-:hover p{color:#fff!important}.InterviewButton-modules_interview_button_protocol__Mf5w-:hover svg{stroke:#fff!important;fill:#fff!important}.InterviewButton-modules_interview_button_protocol__Mf5w-:active{background:var(--color-neutral-dark-shades-700,#64666a)}.InterviewButton-modules_interview_button_protocol__Mf5w-:active p{color:var(--color-neutral-basics-black,#00040a)!important}.InterviewButton-modules_interview_button_protocol__Mf5w-:active svg{stroke:var(--color-neutral-basics-black,#00040a)!important;fill:var(--color-neutral-basics-black,#00040a)!important}.InterviewButton-modules_active__-T2FK{background:var(--color-primary-300,#66adff)}.InterviewButton-modules_active__-T2FK p{color:#00040a!important}.InterviewButton-modules_active__-T2FK svg{stroke:#00040a!important;fill:#00040a!important;height:1.5rem;width:1.5rem}.InterviewButton-modules_interview_button_end_interview__4NuDP{background:var(--color-extended-red-500,#f54c4c)}.InterviewButton-modules_interview_button_end_interview__4NuDP:hover{background:var(--color-extended-red-400,#f77070)}.InterviewButton-modules_interview_button_end_interview__4NuDP:active{background:var(--color-extended-red-600,#c73f3d)}.InterviewButton-modules_interview_button_end_interview__4NuDP p{color:var(--color-neutral-basics-black,#00040a)!important}.InterviewButton-modules_interview_button_end_interview__4NuDP svg{stroke:var(--color-neutral-basics-black,#00040a)!important;fill:var(--color-neutral-basics-black,#00040a)!important}.InterviewButton-modules_notif_icon__wQi4a{height:.75rem!important;position:absolute;right:0;top:0;width:.75rem!important}";
-var styles$f = {"interview_button":"InterviewButton-modules_interview_button__7qkQR","interview_button_screenshare":"InterviewButton-modules_interview_button_screenshare__Py-K3","interview_button_protocol":"InterviewButton-modules_interview_button_protocol__Mf5w-","active":"InterviewButton-modules_active__-T2FK","interview_button_end_interview":"InterviewButton-modules_interview_button_end_interview__4NuDP","notif_icon":"InterviewButton-modules_notif_icon__wQi4a"};
+var css_248z$f = ".InterviewButton-modules_interview_button__7qkQR{align-items:center;border:none;border-radius:1.5rem;box-shadow:0 4px 8px 3px rgba(0,0,0,.08),0 1px 3px 0 rgba(0,0,0,.15);cursor:pointer;display:inline-flex;gap:.5rem;padding:.375rem .75rem;position:relative}.InterviewButton-modules_interview_button__7qkQR svg{height:1.5rem;width:1.5rem}.InterviewButton-modules_interview_button_screenshare__Py-K3{background:var(--color-primary-500,#07f)}.InterviewButton-modules_interview_button_screenshare__Py-K3:hover{background:var(--color-primary-400,#3392ff)}.InterviewButton-modules_interview_button_screenshare__Py-K3:active{background:var(--color-primary-600,#005fcc)}.InterviewButton-modules_interview_button_screenshare__Py-K3 p{color:#fff!important}.InterviewButton-modules_interview_button_screenshare__Py-K3 svg{stroke:#fff!important;fill:#fff!important}.InterviewButton-modules_interview_button_protocol__Mf5w-{background:var(--color-neutral-dark-shades-700,#64666a)}.InterviewButton-modules_interview_button_protocol__Mf5w- p{color:#fff!important}.InterviewButton-modules_interview_button_protocol__Mf5w- svg{stroke:#fff!important;fill:#fff!important}.InterviewButton-modules_interview_button_protocol__Mf5w-:hover{background:var(--color-neutral-dark-shades-550,#8a8b8e)}.InterviewButton-modules_interview_button_protocol__Mf5w-:hover p{color:#fff!important}.InterviewButton-modules_interview_button_protocol__Mf5w-:hover svg{stroke:#fff!important;fill:#fff!important}.InterviewButton-modules_interview_button_protocol__Mf5w-:active{background:var(--color-neutral-dark-shades-700,#64666a)}.InterviewButton-modules_interview_button_protocol__Mf5w-:active p{color:var(--color-neutral-basics-black,#00040a)!important}.InterviewButton-modules_interview_button_protocol__Mf5w-:active svg{stroke:var(--color-neutral-basics-black,#00040a)!important;fill:var(--color-neutral-basics-black,#00040a)!important}.InterviewButton-modules_active__-T2FK{background:var(--color-primary-300,#66adff)}.InterviewButton-modules_active__-T2FK p{color:#00040a!important}.InterviewButton-modules_active__-T2FK svg{stroke:#00040a!important;fill:#00040a!important;height:1.5rem;width:1.5rem}.InterviewButton-modules_disabled__QPcBv{opacity:.2}.InterviewButton-modules_interview_button_end_interview__4NuDP{background:var(--color-extended-red-500,#f54c4c)}.InterviewButton-modules_interview_button_end_interview__4NuDP:hover{background:var(--color-extended-red-400,#f77070)}.InterviewButton-modules_interview_button_end_interview__4NuDP:active{background:var(--color-extended-red-600,#c73f3d)}.InterviewButton-modules_interview_button_end_interview__4NuDP p{color:var(--color-neutral-basics-black,#00040a)!important}.InterviewButton-modules_interview_button_end_interview__4NuDP svg{stroke:var(--color-neutral-basics-black,#00040a)!important;fill:var(--color-neutral-basics-black,#00040a)!important}.InterviewButton-modules_notif_icon__wQi4a{height:.75rem!important;position:absolute;right:0;top:0;width:.75rem!important}";
+var styles$f = {"interview_button":"InterviewButton-modules_interview_button__7qkQR","interview_button_screenshare":"InterviewButton-modules_interview_button_screenshare__Py-K3","interview_button_protocol":"InterviewButton-modules_interview_button_protocol__Mf5w-","active":"InterviewButton-modules_active__-T2FK","disabled":"InterviewButton-modules_disabled__QPcBv","interview_button_end_interview":"InterviewButton-modules_interview_button_end_interview__4NuDP","notif_icon":"InterviewButton-modules_notif_icon__wQi4a"};
 styleInject(css_248z$f);
 
 const InterviewButton = ({
@@ -8102,6 +8107,7 @@ const InterviewButton = ({
   className,
   variant,
   text,
+  disabled,
   isNotif = false,
   isActive = false,
   ...props
@@ -8110,7 +8116,8 @@ const InterviewButton = ({
     if (variant === 'protocol') return styles$f.interview_button_protocol;else if (variant === 'screenshare') return styles$f.interview_button_screenshare;else if (variant === 'end-interview') return styles$f.interview_button_end_interview;else return;
   };
   return /*#__PURE__*/React__default.createElement("button", Object.assign({
-    className: `${styles$f.interview_button} ${defineVariantStyle()} ${className ?? ''} ${isActive ? styles$f.active : ''}`
+    className: `${styles$f.interview_button} ${defineVariantStyle()} ${className ?? ''} ${isActive ? styles$f.active : ''}
+      ${disabled ? styles$f.disabled : ''}`
   }, props), icon ?? /*#__PURE__*/React__default.createElement(MeetingIcon, null), /*#__PURE__*/React__default.createElement(Text, {
     text: text,
     size: "base",