odaptos_design_system 1.4.108 → 1.4.110

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.
Files changed (16) hide show
  1. package/dist/Interviews/Chat.d.ts +2 -1
  2. package/dist/odaptos_design_system.cjs.development.js +89 -10
  3. package/dist/odaptos_design_system.cjs.development.js.map +1 -1
  4. package/dist/odaptos_design_system.cjs.production.min.js +1 -1
  5. package/dist/odaptos_design_system.cjs.production.min.js.map +1 -1
  6. package/dist/odaptos_design_system.esm.js +89 -10
  7. package/dist/odaptos_design_system.esm.js.map +1 -1
  8. package/package.json +1 -1
  9. package/src/Interviews/Chat.modules.scss +131 -1
  10. package/src/Interviews/Chat.tsx +125 -29
  11. package/src/Interviews/ChatInput.modules.scss +4 -0
  12. package/src/Interviews/ChatInput.tsx +2 -0
  13. package/src/Interviews/CircleIconButton.modules.scss +7 -0
  14. package/src/Interviews/InterviewButton.modules.scss +1 -0
  15. package/src/Interviews/Task.modules.scss +1 -1
  16. package/src/NumbersCode/NumbersCode.tsx +4 -2
package/dist/Interviews/Chat.d.ts CHANGED
@@ -30,6 +30,7 @@ export interface ChatProps extends HTMLAttributes<HTMLDivElement> {
30
30
  isTaskMode?: boolean;
31
31
  isChatDisplay?: boolean;
32
32
  isInterviewer?: boolean;
33
+ messages: any[];
33
34
  }
34
- 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;
35
+ 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;
35
36
  export {};
package/dist/odaptos_design_system.cjs.development.js CHANGED
@@ -7953,8 +7953,8 @@ const ControlsBar = ({
7953
7953
  }));
7954
7954
  };
7955
7955
 
7956
- 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%}.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}";
7957
- 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"};
7956
+ 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_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:2.75rem;justify-content:center;padding:.625rem .5625rem;width:2.75rem}.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:2.75rem;justify-content:center;padding:.625rem .5625rem;width:2.75rem}.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:.5rem;width:100%}.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}";
7957
+ 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_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"};
7958
7958
  styleInject(css_248z$b);
7959
7959
 
7960
7960
  const Chat = ({
@@ -7977,6 +7977,7 @@ const Chat = ({
7977
7977
  className,
7978
7978
  isTaskMode,
7979
7979
  isInterviewer,
7980
+ messages,
7980
7981
  ...props
7981
7982
  }) => {
7982
7983
  return /*#__PURE__*/React__default.createElement(Grid, Object.assign({
@@ -8003,8 +8004,8 @@ const Chat = ({
8003
8004
  buttonIcon: startInterviewIcon,
8004
8005
  onClick: startInterview
8005
8006
  }), /*#__PURE__*/React__default.createElement("div", {
8006
- className: styles$b.tasks_container
8007
- }, isTaskMode && tasks.map((task, index) => {
8007
+ className: `${styles$b.tasks_container} ${styles$b.no_scrollbar}`
8008
+ }, isTaskMode ? tasks.map((task, index) => {
8008
8009
  const currentTaskIndex = tasks.findIndex(task => task._id === currentTask._id);
8009
8010
  const isCompletedTask = index < currentTaskIndex;
8010
8011
  return /*#__PURE__*/React__default.createElement(Task, {
@@ -8018,6 +8019,72 @@ const Chat = ({
8018
8019
  sendTask: sendTask,
8019
8020
  isDone: isCompletedTask
8020
8021
  });
8022
+ }) : messages.map(message => {
8023
+ if (message.from.identify === 'interviewer' && isInterviewer) return /*#__PURE__*/React__default.createElement("div", {
8024
+ className: styles$b.user_message_container
8025
+ }, /*#__PURE__*/React__default.createElement("div", {
8026
+ className: styles$b.message_chatbot
8027
+ }, /*#__PURE__*/React__default.createElement("div", {
8028
+ className: styles$b.user_text_message
8029
+ }, /*#__PURE__*/React__default.createElement(Text, {
8030
+ text: message.answer,
8031
+ size: "sm",
8032
+ color: "#004799"
8033
+ })), /*#__PURE__*/React__default.createElement(Text, {
8034
+ text: message.createdAt.toLocaleTimeString(),
8035
+ size: "xs",
8036
+ color: "grey",
8037
+ className: styles$b.user_text_message_username
8038
+ })), /*#__PURE__*/React__default.createElement("div", {
8039
+ className: styles$b.user_indicator
8040
+ }, /*#__PURE__*/React__default.createElement(Title, {
8041
+ text: `${message.from.name.split(' ').map(n => n[0]).join('')}`,
8042
+ weight: "bold",
8043
+ color: "white",
8044
+ size: "sm"
8045
+ })));else if (message.from.identify === 'interviewee' && !isInterviewer) return /*#__PURE__*/React__default.createElement("div", {
8046
+ className: styles$b.user_message_container
8047
+ }, /*#__PURE__*/React__default.createElement("div", {
8048
+ className: styles$b.message_chatbot
8049
+ }, /*#__PURE__*/React__default.createElement("div", {
8050
+ className: styles$b.user_text_message
8051
+ }, /*#__PURE__*/React__default.createElement(Text, {
8052
+ text: message.answer,
8053
+ size: "sm",
8054
+ color: "#004799"
8055
+ })), /*#__PURE__*/React__default.createElement(Text, {
8056
+ text: message.createdAt.toLocaleTimeString(),
8057
+ size: "xs",
8058
+ color: "grey",
8059
+ className: styles$b.user_text_message_username
8060
+ }), /*#__PURE__*/React__default.createElement("div", {
8061
+ className: styles$b.user_indicator
8062
+ }, /*#__PURE__*/React__default.createElement(Title, {
8063
+ text: `${message.from.name.split(' ').map(n => n[0]).join('')}`,
8064
+ weight: "bold",
8065
+ color: "white",
8066
+ size: "sm"
8067
+ }))));else return /*#__PURE__*/React__default.createElement("div", {
8068
+ className: styles$b.message_container_chatbot
8069
+ }, /*#__PURE__*/React__default.createElement("div", {
8070
+ className: styles$b.bot_indicator
8071
+ }, /*#__PURE__*/React__default.createElement(Title, {
8072
+ text: `${message.from.name.split(' ').map(n => n[0]).join('')}`,
8073
+ weight: "bold",
8074
+ color: "white",
8075
+ size: "sm"
8076
+ })), /*#__PURE__*/React__default.createElement("div", {
8077
+ className: styles$b.message_chatbot
8078
+ }, /*#__PURE__*/React__default.createElement("div", {
8079
+ className: styles$b.text_message
8080
+ }, /*#__PURE__*/React__default.createElement(Text, {
8081
+ text: message.answer,
8082
+ size: "sm"
8083
+ })), /*#__PURE__*/React__default.createElement(Text, {
8084
+ text: message.createdAt.toLocaleTimeString(),
8085
+ size: "xs",
8086
+ color: "grey"
8087
+ })));
8021
8088
  }))), !isTaskMode && chatInputPlaceholder && typeof chatInputValue === 'string' && chatInputonChange && /*#__PURE__*/React__default.createElement(ChatInput, {
8022
8089
  placeholder: chatInputPlaceholder,
8023
8090
  value: chatInputValue,
@@ -8026,7 +8093,7 @@ const Chat = ({
8026
8093
  }));
8027
8094
  };
8028
8095
 
8029
- 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}";
8096
+ 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}";
8030
8097
  var styles$c = {"chat_input_container":"ChatInput-modules_chat_input_container__kI77U"};
8031
8098
  styleInject(css_248z$c);
8032
8099
 
@@ -8046,6 +8113,11 @@ const ChatInput = ({
8046
8113
  onKeyPress: e => {
8047
8114
  if (e.key === 'Enter' && sendMessage) {
8048
8115
  sendMessage();
8116
+ onChange({
8117
+ target: {
8118
+ value: ''
8119
+ }
8120
+ });
8049
8121
  }
8050
8122
  }
8051
8123
  }), /*#__PURE__*/React__default.createElement(SendEmailIcon, {
@@ -8053,11 +8125,16 @@ const ChatInput = ({
8053
8125
  stroke: "#8A8B8E",
8054
8126
  onClick: () => {
8055
8127
  if (sendMessage) sendMessage();
8128
+ onChange({
8129
+ target: {
8130
+ value: ''
8131
+ }
8132
+ });
8056
8133
  }
8057
8134
  }));
8058
8135
  };
8059
8136
 
8060
- 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}";
8137
+ 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}";
8061
8138
  var styles$d = {"circle_icon_button":"CircleIconButton-modules_circle_icon_button__lWeMA","active":"CircleIconButton-modules_active__-qtNl","notif_icon":"CircleIconButton-modules_notif_icon__ooeFy"};
8062
8139
  styleInject(css_248z$d);
8063
8140
 
@@ -8097,7 +8174,7 @@ const GoBack = ({
8097
8174
  }));
8098
8175
  };
8099
8176
 
8100
- 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}";
8177
+ 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}";
8101
8178
  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"};
8102
8179
  styleInject(css_248z$f);
8103
8180
 
@@ -8188,7 +8265,7 @@ const StartInterview = ({
8188
8265
  }));
8189
8266
  };
8190
8267
 
8191
- 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}";
8268
+ 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}";
8192
8269
  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"};
8193
8270
  styleInject(css_248z$i);
8194
8271
 
@@ -8833,7 +8910,8 @@ const CssTextField$2 = /*#__PURE__*/styles$N.styled(material.TextField)({
8833
8910
  textAlign: 'center',
8834
8911
  fontFamily: 'Poppins !important',
8835
8912
  fontSize: '1rem',
8836
- fontWeight: '400'
8913
+ fontWeight: '400',
8914
+ padding: '0'
8837
8915
  },
8838
8916
  '& .MuiInputBase-input.Mui-disabled': {
8839
8917
  color: '#26292E',
@@ -8845,7 +8923,8 @@ const CssTextField$2 = /*#__PURE__*/styles$N.styled(material.TextField)({
8845
8923
  textAlign: 'center',
8846
8924
  fontFamily: 'Poppins !important',
8847
8925
  fontSize: '1rem',
8848
- fontWeight: '400'
8926
+ fontWeight: '400',
8927
+ padding: '0'
8849
8928
  },
8850
8929
  '& .Mui-error': {
8851
8930
  color: '#26292E'