odaptos_design_system 1.4.109 → 1.4.111

package/dist/Interviews/Chat.d.ts

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

package/dist/odaptos_design_system.cjs.development.js

@@ -7953,8 +7953,8 @@ const ControlsBar = ({
   }));
 };
 
-var css_248z$b = ".Chat-modules_chatContainer__xzg50{align-items:flex-start;background:#fff;border-radius:.5rem;display:flex;flex-direction:column;gap:.5rem;height:100%;min-width:25rem;padding:1rem}.Chat-modules_chatContainer__xzg50 .Chat-modules_scrolling_content__urvdP{display:flex;flex-direction:column;gap:1rem;max-width:100%;width:100%}.Chat-modules_chatContainer__xzg50 .Chat-modules_scrolling_content__urvdP .Chat-modules_tasks_container__Mg9Oh{display:flex;flex-direction:column;gap:1rem;max-height:50%;overflow-x:hidden;overflow-y:scroll}.Chat-modules_no_scrollbar__Ia2bX{-ms-overflow-style:none;scrollbar-width:none}.Chat-modules_no_scrollbar__Ia2bX::-webkit-scrollbar{display:none}";
-var styles$b = {"chatContainer":"Chat-modules_chatContainer__xzg50","scrolling_content":"Chat-modules_scrolling_content__urvdP","tasks_container":"Chat-modules_tasks_container__Mg9Oh","no_scrollbar":"Chat-modules_no_scrollbar__Ia2bX"};
+var css_248z$b = ".Chat-modules_chatContainer__xzg50{align-items:flex-start;background:#fff;border-radius:.5rem;display:flex;flex-direction:column;gap:.5rem;height:100%;min-width:25rem;padding:1rem}.Chat-modules_chatContainer__xzg50 .Chat-modules_scrolling_content__urvdP{display:flex;flex-direction:column;gap:1rem;max-width:100%;width:100%}.Chat-modules_chatContainer__xzg50 .Chat-modules_scrolling_content__urvdP .Chat-modules_tasks_container__Mg9Oh{display:flex;flex-direction:column;gap:1rem;max-height:70%;overflow-x:hidden;overflow-y:scroll}.Chat-modules_chatContainer__xzg50 .Chat-modules_scrolling_content__urvdP .Chat-modules_tasks_container__Mg9Oh .Chat-modules_user_message_container__-ocjf{animation:Chat-modules_floatup__aU0gp .5s forwards;display:flex;flex-direction:row;gap:.5rem;justify-content:flex-end;margin:2rem 0;width:100%}.Chat-modules_chatContainer__xzg50 .Chat-modules_scrolling_content__urvdP .Chat-modules_tasks_container__Mg9Oh .Chat-modules_user_message_container__-ocjf .Chat-modules_message__6y4CT p{margin-left:auto}.Chat-modules_chatContainer__xzg50 .Chat-modules_scrolling_content__urvdP .Chat-modules_tasks_container__Mg9Oh .Chat-modules_user_text_message__T2wQS{align-items:flex-end;background:var(--color-primary-100,#e5f1ff);border:1px solid var(--color-primary-200,#99c9ff);border-radius:.5rem 0 .5rem .5rem;display:flex;flex-direction:column;gap:.5rem;margin-left:auto;max-width:100%;padding:1rem;white-space:break-spaces;width:-moz-fit-content;width:fit-content}.Chat-modules_chatContainer__xzg50 .Chat-modules_scrolling_content__urvdP .Chat-modules_tasks_container__Mg9Oh .Chat-modules_user_text_message__T2wQS .Chat-modules_user_text__Mi5Mo{color:var(--Color-Neutral-Dark-Shades-950,#26292e);font-family:OpenSans;font-size:.875rem;font-style:normal;font-weight:400;line-height:1.225rem;margin:0}.Chat-modules_chatContainer__xzg50 .Chat-modules_scrolling_content__urvdP .Chat-modules_tasks_container__Mg9Oh .Chat-modules_user_text_message__T2wQS .Chat-modules_blue__JjGi-{color:#004799}.Chat-modules_chatContainer__xzg50 .Chat-modules_scrolling_content__urvdP .Chat-modules_tasks_container__Mg9Oh .Chat-modules_user_text_message_username__CpwdY{display:flex;margin-left:auto;width:-moz-fit-content;width:fit-content}.Chat-modules_chatContainer__xzg50 .Chat-modules_scrolling_content__urvdP .Chat-modules_tasks_container__Mg9Oh .Chat-modules_user_indicator__p0Ehc{align-items:center;background:var(--color-gradients-003,linear-gradient(135deg,#07f 0,#9024f6 100%));border-radius:.5rem .5rem .5rem 0;display:flex;height:1.75rem;justify-content:center;padding:.625rem .5625rem;width:2rem}.Chat-modules_chatContainer__xzg50 .Chat-modules_scrolling_content__urvdP .Chat-modules_tasks_container__Mg9Oh .Chat-modules_user_indicator__p0Ehc p{padding:0}.Chat-modules_chatContainer__xzg50 .Chat-modules_scrolling_content__urvdP .Chat-modules_tasks_container__Mg9Oh .Chat-modules_message_container_chatbot__s2mU6{animation:Chat-modules_floatup__aU0gp .5s forwards;display:flex;flex-direction:row;gap:.5rem;margin:auto 0 .5rem;width:100%}@keyframes Chat-modules_floatup__aU0gp{0%{opacity:0;transform:translateY(.875rem)}to{opacity:1;transform:translateY(0)}}.Chat-modules_chatContainer__xzg50 .Chat-modules_scrolling_content__urvdP .Chat-modules_tasks_container__Mg9Oh .Chat-modules_bot_indicator__5-WNz{align-items:center;background:var(--color-gradients-003,linear-gradient(135deg,#07f 0,#9024f6 100%));border-radius:.5rem .5rem 0 .5rem;display:flex;height:1.75rem;justify-content:center;padding:.625rem .5625rem;width:2rem}.Chat-modules_chatContainer__xzg50 .Chat-modules_scrolling_content__urvdP .Chat-modules_tasks_container__Mg9Oh .Chat-modules_bot_indicator__5-WNz p{padding:0}.Chat-modules_chatContainer__xzg50 .Chat-modules_scrolling_content__urvdP .Chat-modules_tasks_container__Mg9Oh .Chat-modules_message_chatbot__X-4XW{display:flex;flex-direction:column;gap:.25rem;width:100%}.Chat-modules_chatContainer__xzg50 .Chat-modules_scrolling_content__urvdP .Chat-modules_tasks_container__Mg9Oh .Chat-modules_message_chatbot__X-4XW .Chat-modules_user_text__Mi5Mo{color:var(--Color-Neutral-Dark-Shades-950,#26292e);font-family:OpenSans;font-size:.875rem;font-style:normal;font-weight:400;line-height:1.225rem;margin:0}.Chat-modules_chatContainer__xzg50 .Chat-modules_scrolling_content__urvdP .Chat-modules_tasks_container__Mg9Oh .Chat-modules_text_message__suuTz{align-items:flex-start;background:var(--color-neutral-basics-white,#fff);border:1px solid var(--color-neutral-clear-shades-200,#e1e1e2);border-radius:0 .5rem .5rem .5rem;display:flex;flex-direction:column;gap:.5rem;max-width:100%;padding:1rem;position:relative;white-space:break-spaces;width:-moz-fit-content;width:fit-content}.Chat-modules_no_scrollbar__Ia2bX{-ms-overflow-style:none;scrollbar-width:none}.Chat-modules_no_scrollbar__Ia2bX::-webkit-scrollbar{display:none}";
+var styles$b = {"chatContainer":"Chat-modules_chatContainer__xzg50","scrolling_content":"Chat-modules_scrolling_content__urvdP","tasks_container":"Chat-modules_tasks_container__Mg9Oh","message_chatbot":"Chat-modules_message_chatbot__X-4XW","user_message_container":"Chat-modules_user_message_container__-ocjf","floatup":"Chat-modules_floatup__aU0gp","message":"Chat-modules_message__6y4CT","user_text_message":"Chat-modules_user_text_message__T2wQS","user_text":"Chat-modules_user_text__Mi5Mo","blue":"Chat-modules_blue__JjGi-","user_text_message_username":"Chat-modules_user_text_message_username__CpwdY","user_indicator":"Chat-modules_user_indicator__p0Ehc","message_container_chatbot":"Chat-modules_message_container_chatbot__s2mU6","bot_indicator":"Chat-modules_bot_indicator__5-WNz","text_message":"Chat-modules_text_message__suuTz","no_scrollbar":"Chat-modules_no_scrollbar__Ia2bX"};
 styleInject(css_248z$b);
 
 const Chat = ({
@@ -7977,8 +7977,28 @@ const Chat = ({
   className,
   isTaskMode,
   isInterviewer,
+  messages,
   ...props
 }) => {
+  const detectAndWrapLinks = text => {
+    // Expression régulière pour détecter les URLs
+    const urlRegex = /(?:https?:\/\/|www\.)[^\s]+/g;
+    return text.split(urlRegex).map((part, index) => {
+      if (index % 2 === 1) {
+        // Si l'index est impair, c'est une URL, l'envelopper dans une balise <a>
+        const url = part.startsWith('www.') ? `http://${part}` : part;
+        return /*#__PURE__*/React__default.createElement("a", {
+          key: index,
+          href: url,
+          target: "_blank",
+          rel: "noopener noreferrer"
+        }, part);
+      } else {
+        // Sinon, simplement afficher le texte
+        return part;
+      }
+    });
+  };
   return /*#__PURE__*/React__default.createElement(Grid, Object.assign({
     container: true,
     item: true,
@@ -8003,8 +8023,8 @@ const Chat = ({
     buttonIcon: startInterviewIcon,
     onClick: startInterview
   }), /*#__PURE__*/React__default.createElement("div", {
-    className: styles$b.tasks_container
-  }, isTaskMode && tasks.map((task, index) => {
+    className: `${styles$b.tasks_container} ${styles$b.no_scrollbar}`
+  }, isTaskMode ? tasks.map((task, index) => {
     const currentTaskIndex = tasks.findIndex(task => task._id === currentTask._id);
     const isCompletedTask = index < currentTaskIndex;
     return /*#__PURE__*/React__default.createElement(Task, {
@@ -8018,6 +8038,67 @@ const Chat = ({
       sendTask: sendTask,
       isDone: isCompletedTask
     });
+  }) : messages && messages.map(message => {
+    if (message.from.identify === 'interviewer' && isInterviewer) return /*#__PURE__*/React__default.createElement("div", {
+      className: styles$b.user_message_container
+    }, /*#__PURE__*/React__default.createElement("div", {
+      className: styles$b.message_chatbot
+    }, /*#__PURE__*/React__default.createElement("div", {
+      className: styles$b.user_text_message
+    }, /*#__PURE__*/React__default.createElement("p", {
+      className: styles$b.user_text
+    }, detectAndWrapLinks(message.answer))), /*#__PURE__*/React__default.createElement(Text, {
+      text: message.createdAt.toLocaleTimeString(),
+      size: "xs",
+      color: "grey",
+      className: styles$b.user_text_message_username
+    })), /*#__PURE__*/React__default.createElement("div", {
+      className: styles$b.user_indicator
+    }, /*#__PURE__*/React__default.createElement(Title, {
+      text: `${message.from.name.split(' ').map(n => n[0]).join('')}`,
+      weight: "bold",
+      color: "white",
+      size: "sm"
+    })));else if (message.from.identify === 'interviewee' && !isInterviewer) return /*#__PURE__*/React__default.createElement("div", {
+      className: styles$b.user_message_container
+    }, /*#__PURE__*/React__default.createElement("div", {
+      className: styles$b.message_chatbot
+    }, /*#__PURE__*/React__default.createElement("div", {
+      className: styles$b.user_text_message
+    }, /*#__PURE__*/React__default.createElement("p", {
+      className: styles$b.user_text
+    }, detectAndWrapLinks(message.answer))), /*#__PURE__*/React__default.createElement(Text, {
+      text: message.createdAt.toLocaleTimeString(),
+      size: "xs",
+      color: "grey",
+      className: styles$b.user_text_message_username
+    }), /*#__PURE__*/React__default.createElement("div", {
+      className: styles$b.user_indicator
+    }, /*#__PURE__*/React__default.createElement(Title, {
+      text: `${message.from.name.split(' ').map(n => n[0]).join('')}`,
+      weight: "bold",
+      color: "white",
+      size: "sm"
+    }))));else return /*#__PURE__*/React__default.createElement("div", {
+      className: styles$b.message_container_chatbot
+    }, /*#__PURE__*/React__default.createElement("div", {
+      className: styles$b.bot_indicator
+    }, /*#__PURE__*/React__default.createElement(Title, {
+      text: `${message.from.name.split(' ').map(n => n[0]).join('')}`,
+      weight: "bold",
+      color: "white",
+      size: "sm"
+    })), /*#__PURE__*/React__default.createElement("div", {
+      className: styles$b.message_chatbot
+    }, /*#__PURE__*/React__default.createElement("div", {
+      className: styles$b.text_message
+    }, /*#__PURE__*/React__default.createElement("p", {
+      className: styles$b.user_text
+    }, detectAndWrapLinks(message.answer))), /*#__PURE__*/React__default.createElement(Text, {
+      text: message.createdAt.toLocaleTimeString(),
+      size: "xs",
+      color: "grey"
+    })));
   }))), !isTaskMode && chatInputPlaceholder && typeof chatInputValue === 'string' && chatInputonChange && /*#__PURE__*/React__default.createElement(ChatInput, {
     placeholder: chatInputPlaceholder,
     value: chatInputValue,
@@ -8026,7 +8107,7 @@ const Chat = ({
   }));
 };
 
-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}";
+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}.ChatInput-modules_chat_input_container__kI77U svg{cursor:pointer}";
 var styles$c = {"chat_input_container":"ChatInput-modules_chat_input_container__kI77U"};
 styleInject(css_248z$c);
 
@@ -8046,6 +8127,11 @@ const ChatInput = ({
     onKeyPress: e => {
       if (e.key === 'Enter' && sendMessage) {
         sendMessage();
+        onChange({
+          target: {
+            value: ''
+          }
+        });
       }
     }
   }), /*#__PURE__*/React__default.createElement(SendEmailIcon, {
@@ -8053,11 +8139,16 @@ const ChatInput = ({
     stroke: "#8A8B8E",
     onClick: () => {
       if (sendMessage) sendMessage();
+      onChange({
+        target: {
+          value: ''
+        }
+      });
     }
   }));
 };
 
-var css_248z$d = ".CircleIconButton-modules_circle_icon_button__lWeMA{align-items:flex-start;background:var(--color-neutral-dark-shades-700,#64666a);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:.5rem;position:relative}.CircleIconButton-modules_circle_icon_button__lWeMA svg{stroke:#fff;fill:#fff;height:1.5rem;width:1.5rem}.CircleIconButton-modules_circle_icon_button__lWeMA:hover{background:var(--color-neutral-dark-shades-550,#8a8b8e)}.CircleIconButton-modules_circle_icon_button__lWeMA:active{background:var(--color-neutral-dark-shades-700,#64666a)}.CircleIconButton-modules_active__-qtNl{background:var(--color-primary-300,#66adff)}.CircleIconButton-modules_active__-qtNl svg{stroke:#00040a;fill:#00040a;height:1.5rem;width:1.5rem}.CircleIconButton-modules_notif_icon__ooeFy{height:.75rem!important;position:absolute;right:0;top:0;width:.75rem!important}";
+var css_248z$d = ".CircleIconButton-modules_circle_icon_button__lWeMA{align-items:flex-start;background:var(--color-neutral-dark-shades-700,#64666a);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:.5rem;position:relative}.CircleIconButton-modules_circle_icon_button__lWeMA svg{stroke:#fff;fill:#fff;height:1.5rem;width:1.5rem}.CircleIconButton-modules_circle_icon_button__lWeMA:hover{background:var(--color-neutral-dark-shades-550,#8a8b8e)}.CircleIconButton-modules_circle_icon_button__lWeMA:active{background:var(--color-neutral-dark-shades-700,#64666a)}.CircleIconButton-modules_active__-qtNl{background:var(--color-primary-300,#66adff)}.CircleIconButton-modules_active__-qtNl:hover{background:#3392ff}.CircleIconButton-modules_active__-qtNl:active{background:#07f}.CircleIconButton-modules_active__-qtNl svg{stroke:#00040a;fill:#00040a;height:1.5rem;width:1.5rem}.CircleIconButton-modules_notif_icon__ooeFy{height:.75rem!important;position:absolute;right:0;top:0;width:.75rem!important}";
 var styles$d = {"circle_icon_button":"CircleIconButton-modules_circle_icon_button__lWeMA","active":"CircleIconButton-modules_active__-qtNl","notif_icon":"CircleIconButton-modules_notif_icon__ooeFy"};
 styleInject(css_248z$d);
 
@@ -8097,7 +8188,7 @@ 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_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 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{cursor:not-allowed;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);
 
@@ -8188,7 +8279,7 @@ const StartInterview = ({
   }));
 };
 
-var css_248z$i = ".Task-modules_task_container__Iaqc-{align-items:flex-start;background:var(--color-neutral-basics-white,#fff);border:1px solid var(--color-neutral-dark-shades-950,#26292e);border-radius:.5rem;display:flex;flex-direction:column;gap:.5rem;justify-content:center;max-width:100%;padding:0}.Task-modules_task_container__Iaqc- .Task-modules_header__f15OM{max-width:100%}.Task-modules_task_container__Iaqc- .Task-modules_header__f15OM .Task-modules_header_left__JJTGR:hover{background:var(--color-neutral-clear-shades-150,#eee);border-radius:.5rem 0 0 .5rem}.Task-modules_task_container__Iaqc- .Task-modules_header__f15OM .Task-modules_header_right__AymtU:hover{background:var(--color-neutral-clear-shades-150,#eee);border-radius:0 .5rem .5rem 0}.Task-modules_header__f15OM{align-items:center;display:flex;height:100%;justify-content:space-between;max-width:100%;width:100%}.Task-modules_header_left__JJTGR{align-items:flex-start;cursor:pointer;display:flex;flex-direction:column;justify-content:center;max-width:calc(100% - 3.5rem);min-width:calc(100% - 3.5rem);padding:.3125rem .3125rem .3125rem .62rem;width:100%}.Task-modules_header_left__JJTGR .Task-modules_title__-OmPh{max-width:98%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.Task-modules_header_right__AymtU{align-items:center;background:var(--color-neutral-basics-white,#fff);border:none;border-left:1px solid var(--color-neutral-dark-shades-950,#26292e);border-radius:0 .5rem .5rem 0;display:flex;gap:.5rem;height:100%;justify-content:center;max-width:calc(100% - 3.5rem);padding:1rem .75rem}.Task-modules_header_right__AymtU svg{fill:#000;height:1rem;width:1rem}.Task-modules_clickable__BIHxK{cursor:pointer}.Task-modules_disabled_task__NI6LL{align-items:flex-start;background:var(--color-neutral-basics-white,#fff);border:1px solid var(--color-neutral-clear-shades-300,#d5d5d6);border-radius:.5rem;cursor:not-allowed;display:flex;flex-direction:column;gap:.5rem;justify-content:center;max-width:100%;padding:0}.Task-modules_disabled_task__NI6LL .Task-modules_header__f15OM{max-width:100%;width:100%}.Task-modules_disabled_task__NI6LL .Task-modules_header__f15OM .Task-modules_header_left__JJTGR{border-color:var(--color-neutral-clear-shades-300,#d5d5d6);cursor:not-allowed;opacity:.5;width:100%}.Task-modules_disabled_task__NI6LL .Task-modules_header__f15OM .Task-modules_header_right__AymtU{border-color:var(--color-neutral-clear-shades-300,#d5d5d6);cursor:not-allowed;opacity:.5}.Task-modules_active_task__l-n9Q{align-items:flex-start;background:var(--color-neutral-basics-white,#fff);border:1px solid #07f;border-radius:.5rem;display:flex;flex-direction:column;gap:.5rem;justify-content:center;max-width:100%;padding:0}.Task-modules_active_task__l-n9Q .Task-modules_header__f15OM{border-bottom:1px solid var(--color-neutral-clear-shades-300,#d5d5d6);max-width:100%;width:100%}.Task-modules_active_task__l-n9Q .Task-modules_header__f15OM .Task-modules_header_left__JJTGR,.Task-modules_active_task__l-n9Q .Task-modules_header__f15OM .Task-modules_header_right__AymtU{border-color:var(--color-neutral-clear-shades-300,#d5d5d6)}.Task-modules_taskContent__v3Cm1{align-items:flex-start;align-self:stretch;display:flex;flex-direction:column;gap:.5rem;padding:.5rem .75rem .25rem}.Task-modules_taskPopover__S07XU{align-items:flex-start;background:var(--color-neutral-basics-white,#fff);border:1px solid var(--color-neutral-dark-shades-950,#26292e);border-radius:.5rem;display:flex;flex-direction:column;overflow:hidden;padding:.5rem .75rem .75rem;width:25.5625rem}.Task-modules_notesContainer__dz0Me{align-items:flex-start;align-self:stretch;border-top:1px solid var(--color-neutral-clear-shades-300,#d5d5d6);display:flex;flex-direction:column;gap:.25rem;padding-top:.5rem}.Task-modules_actionBtnsContainer__Dz-1j{align-items:flex-start;align-self:stretch;display:flex;gap:.5rem;justify-content:flex-end;padding-top:8px}.Task-modules_popover_paper__Re-kl .Task-modules_MuiPopover-paper__7p4Tk,.Task-modules_popover_paper__Re-kl .Task-modules_MuiPopover-root__w6O-O{background:transparent;border-radius:.5rem}";
+var css_248z$i = ".Task-modules_task_container__Iaqc-{align-items:flex-start;background:var(--color-neutral-basics-white,#fff);border:1px solid var(--color-neutral-dark-shades-950,#26292e);border-radius:.5rem;display:flex;flex-direction:column;gap:.5rem;justify-content:center;max-width:100%;padding:0}.Task-modules_task_container__Iaqc- .Task-modules_header__f15OM{max-width:100%}.Task-modules_task_container__Iaqc- .Task-modules_header__f15OM .Task-modules_header_left__JJTGR{height:100%}.Task-modules_task_container__Iaqc- .Task-modules_header__f15OM .Task-modules_header_left__JJTGR:hover{background:var(--color-neutral-clear-shades-150,#eee);border-radius:.5rem 0 0 .5rem}.Task-modules_task_container__Iaqc- .Task-modules_header__f15OM .Task-modules_header_right__AymtU:hover{background:var(--color-neutral-clear-shades-150,#eee);border-radius:0 .5rem .5rem 0}.Task-modules_header__f15OM{align-items:center;display:flex;height:100%;justify-content:space-between;max-width:100%;width:100%}.Task-modules_header_left__JJTGR{align-items:flex-start;cursor:pointer;display:flex;flex-direction:column;justify-content:center;min-width:calc(100% - 3.5rem);padding:.3125rem .3125rem .3125rem .62rem;width:100%}.Task-modules_header_left__JJTGR .Task-modules_title__-OmPh{max-width:98%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.Task-modules_header_right__AymtU{align-items:center;background:var(--color-neutral-basics-white,#fff);border:none;border-left:1px solid var(--color-neutral-dark-shades-950,#26292e);border-radius:0 .5rem .5rem 0;display:flex;gap:.5rem;height:100%;justify-content:center;max-width:calc(100% - 3.5rem);padding:1rem .75rem}.Task-modules_header_right__AymtU svg{fill:#000;height:1rem;width:1rem}.Task-modules_clickable__BIHxK{cursor:pointer}.Task-modules_disabled_task__NI6LL{align-items:flex-start;background:var(--color-neutral-basics-white,#fff);border:1px solid var(--color-neutral-clear-shades-300,#d5d5d6);border-radius:.5rem;cursor:not-allowed;display:flex;flex-direction:column;gap:.5rem;justify-content:center;max-width:100%;padding:0}.Task-modules_disabled_task__NI6LL .Task-modules_header__f15OM{max-width:100%;width:100%}.Task-modules_disabled_task__NI6LL .Task-modules_header__f15OM .Task-modules_header_left__JJTGR{border-color:var(--color-neutral-clear-shades-300,#d5d5d6);cursor:not-allowed;opacity:.5;width:100%}.Task-modules_disabled_task__NI6LL .Task-modules_header__f15OM .Task-modules_header_right__AymtU{border-color:var(--color-neutral-clear-shades-300,#d5d5d6);cursor:not-allowed;opacity:.5}.Task-modules_active_task__l-n9Q{align-items:flex-start;background:var(--color-neutral-basics-white,#fff);border:1px solid #07f;border-radius:.5rem;display:flex;flex-direction:column;gap:.5rem;justify-content:center;max-width:100%;padding:0}.Task-modules_active_task__l-n9Q .Task-modules_header__f15OM{border-bottom:1px solid var(--color-neutral-clear-shades-300,#d5d5d6);max-width:100%;width:100%}.Task-modules_active_task__l-n9Q .Task-modules_header__f15OM .Task-modules_header_left__JJTGR,.Task-modules_active_task__l-n9Q .Task-modules_header__f15OM .Task-modules_header_right__AymtU{border-color:var(--color-neutral-clear-shades-300,#d5d5d6)}.Task-modules_taskContent__v3Cm1{align-items:flex-start;align-self:stretch;display:flex;flex-direction:column;gap:.5rem;padding:.5rem .75rem .25rem}.Task-modules_taskPopover__S07XU{align-items:flex-start;background:var(--color-neutral-basics-white,#fff);border:1px solid var(--color-neutral-dark-shades-950,#26292e);border-radius:.5rem;display:flex;flex-direction:column;overflow:hidden;padding:.5rem .75rem .75rem;width:25.5625rem}.Task-modules_notesContainer__dz0Me{align-items:flex-start;align-self:stretch;border-top:1px solid var(--color-neutral-clear-shades-300,#d5d5d6);display:flex;flex-direction:column;gap:.25rem;padding-top:.5rem}.Task-modules_actionBtnsContainer__Dz-1j{align-items:flex-start;align-self:stretch;display:flex;gap:.5rem;justify-content:flex-end;padding-top:8px}.Task-modules_popover_paper__Re-kl .Task-modules_MuiPopover-paper__7p4Tk,.Task-modules_popover_paper__Re-kl .Task-modules_MuiPopover-root__w6O-O{background:transparent;border-radius:.5rem}";
 var styles$i = {"task_container":"Task-modules_task_container__Iaqc-","header":"Task-modules_header__f15OM","header_left":"Task-modules_header_left__JJTGR","header_right":"Task-modules_header_right__AymtU","title":"Task-modules_title__-OmPh","clickable":"Task-modules_clickable__BIHxK","disabled_task":"Task-modules_disabled_task__NI6LL","active_task":"Task-modules_active_task__l-n9Q","taskContent":"Task-modules_taskContent__v3Cm1","taskPopover":"Task-modules_taskPopover__S07XU","notesContainer":"Task-modules_notesContainer__dz0Me","actionBtnsContainer":"Task-modules_actionBtnsContainer__Dz-1j","popover_paper":"Task-modules_popover_paper__Re-kl","MuiPopover-root":"Task-modules_MuiPopover-root__w6O-O","MuiPopover-paper":"Task-modules_MuiPopover-paper__7p4Tk"};
 styleInject(css_248z$i);