odaptos_design_system 1.4.115 → 1.4.117

package/dist/Interviews/Chat.d.ts

@@ -2,6 +2,7 @@ import React, { HTMLAttributes } from 'react';
 interface TaskItem {
     _id: string;
     description: string;
+    url: string;
     notes: string;
     type: 'task' | 'question';
     timedTask: boolean;
@@ -31,6 +32,7 @@ export interface ChatProps extends HTMLAttributes<HTMLDivElement> {
     isChatDisplay?: boolean;
     isInterviewer?: boolean;
     messages: any[];
+    idsTasksAlreadySent: string[];
 }
-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 declare const Chat: ({ goBackText, goBack, chatTitle, welcomeTitle, welcomeDescription, startInterviewTitle, startInterviewBtnTitle, startInterviewIcon, startInterview, tasks, sendTask, currentTask, chatInputPlaceholder, chatInputValue, chatInputonChange, sendMessage, className, isTaskMode, isInterviewer, messages, idsTasksAlreadySent, ...props }: ChatProps) => React.JSX.Element;
 export {};

package/dist/Interviews/ControlsBar.d.ts

@@ -2,7 +2,6 @@ import React, { HTMLAttributes } from 'react';
 export interface ControlsBarProps extends HTMLAttributes<HTMLDivElement> {
     className?: string;
     isInterviewer?: boolean;
-    isScreenShare?: boolean;
     endInterview?: () => void;
     enableScreenSharing?: () => void;
     enableMicrophone?: () => void;
@@ -18,9 +17,10 @@ export interface ControlsBarProps extends HTMLAttributes<HTMLDivElement> {
     isNewTask?: boolean;
     isNewMessage?: boolean;
     isMicrophoneActive?: boolean;
+    screenShareText?: string;
     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, disabledEndInterview, ...props }: ControlsBarProps) => React.JSX.Element;
+export declare const ControlsBar: ({ className, isInterviewer, endInterview, enableScreenSharing, enableMicrophone, muteMicrophone, enableCamera, muteCamera, displayChat, displayTasks, startRecording, stopRecording, isChatOpen, areTasksOpen, isNewTask, isNewMessage, isMicrophoneActive, isCameraActive, isRecording, screenShareText, disabledRecording, disabledEndInterview, ...props }: ControlsBarProps) => React.JSX.Element;

package/dist/Interviews/Task.d.ts

@@ -2,6 +2,7 @@ import React, { HTMLAttributes } from 'react';
 interface TaskItem {
     _id: string;
     description: string;
+    url: string;
     notes: string;
     type: 'task' | 'question';
     timedTask: boolean;
@@ -13,6 +14,7 @@ export interface TaskProps extends HTMLAttributes<HTMLDivElement> {
     className?: string;
     taskNumber: string;
     taskTitle: string;
+    url?: string;
     notes?: string;
     state: 'idle' | 'active' | 'disabled';
     isDone: boolean;
@@ -28,5 +30,5 @@ export interface TaskProps extends HTMLAttributes<HTMLDivElement> {
     mainActionText?: string;
     mainAction?: () => void;
 }
-export declare const Task: ({ taskNumber, taskTitle, notes, className, taskIndex, task, sendTask, state, isDone, iconAction1, iconAction2, iconAction3, action1, action2, action3, mainActionText, mainAction, ...props }: TaskProps) => React.JSX.Element;
+export declare const Task: ({ taskNumber, taskTitle, notes, url, className, taskIndex, task, sendTask, state, isDone, iconAction1, iconAction2, iconAction3, action1, action2, action3, mainActionText, mainAction, ...props }: TaskProps) => React.JSX.Element;
 export {};

package/dist/odaptos_design_system.cjs.development.js

@@ -7859,7 +7859,6 @@ styleInject(css_248z$a);
 const ControlsBar = ({
   className,
   isInterviewer,
-  isScreenShare,
   endInterview,
   enableScreenSharing,
   enableMicrophone,
@@ -7877,6 +7876,7 @@ const ControlsBar = ({
   isMicrophoneActive,
   isCameraActive,
   isRecording,
+  screenShareText,
   disabledRecording,
   disabledEndInterview,
   ...props
@@ -7913,8 +7913,8 @@ const ControlsBar = ({
     disabled: disabledEndInterview,
     onClick: () => endInterview(),
     icon: /*#__PURE__*/React__default.createElement(HangUpIcon, null)
-  }), !isInterviewer && !isScreenShare && enableScreenSharing && /*#__PURE__*/React__default.createElement(InterviewButton, {
-    text: "ScreenShare",
+  }), !isInterviewer && screenShareText && enableScreenSharing && /*#__PURE__*/React__default.createElement(InterviewButton, {
+    text: screenShareText,
     variant: "screenshare",
     icon: /*#__PURE__*/React__default.createElement(TvFlatScreenIcon, null),
     onClick: () => enableScreenSharing()
@@ -7953,7 +7953,7 @@ 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: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 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: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:.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);
 
@@ -7978,6 +7978,7 @@ const Chat = ({
   isTaskMode,
   isInterviewer,
   messages,
+  idsTasksAlreadySent,
   ...props
 }) => {
   const detectAndWrapLinks = text => {
@@ -8024,25 +8025,44 @@ const Chat = ({
     onClick: startInterview
   }), /*#__PURE__*/React__default.createElement("div", {
     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;
+  }, isTaskMode ? /*#__PURE__*/React__default.createElement(React__default.Fragment, null, tasks.filter(task => idsTasksAlreadySent.includes(task._id)).map((task, index) => {
     return /*#__PURE__*/React__default.createElement(Task, {
       key: task._id,
       taskNumber: `${task.type === 'task' ? 'Task' : 'Question'} #${index + 1}`,
       taskTitle: task.description,
+      url: task.url,
       notes: task.notes,
-      state: isCompletedTask ? 'disabled' : currentTaskIndex === index ? 'active' : 'idle',
+      state: 'disabled',
       taskIndex: index,
       task: task,
       sendTask: sendTask,
-      isDone: isCompletedTask
+      isDone: true
     });
-  }) : messages && messages.map(message => {
+  }), tasks.filter(task => !idsTasksAlreadySent.includes(task._id)).map((task, index) => {
+    return /*#__PURE__*/React__default.createElement(Task, {
+      key: task._id,
+      taskNumber: `${task.type === 'task' ? 'Task' : 'Question'} #${index + 1}`,
+      taskTitle: task.description,
+      url: task.url,
+      notes: task.notes,
+      state: currentTask._id === task._id ? 'active' : 'idle',
+      taskIndex: index,
+      task: task,
+      sendTask: sendTask,
+      isDone: false
+    });
+  })) : messages && messages.map(message => {
     if (message) {
       if (message.from && 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.user_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.user_text_message
@@ -8053,13 +8073,6 @@ const Chat = ({
         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 && message.from.identify === 'interviewee' && !isInterviewer) return /*#__PURE__*/React__default.createElement("div", {
         className: styles$b.user_message_container
       }, /*#__PURE__*/React__default.createElement("div", {
@@ -8299,6 +8312,7 @@ const Task = ({
   taskNumber,
   taskTitle,
   notes,
+  url,
   className,
   taskIndex,
   task,
@@ -8356,7 +8370,17 @@ const Task = ({
     text: taskTitle,
     size: "sm",
     weight: "bold"
-  }), notes && /*#__PURE__*/React__default.createElement("div", {
+  }), url && /*#__PURE__*/React__default.createElement("div", {
+    className: styles$i.notesContainer
+  }, /*#__PURE__*/React__default.createElement(Text, {
+    text: "URL",
+    size: "xs",
+    italic: true
+  }), /*#__PURE__*/React__default.createElement(Link, {
+    text: url,
+    link: url,
+    size: "sm"
+  })), notes && /*#__PURE__*/React__default.createElement("div", {
     className: styles$i.notesContainer
   }, /*#__PURE__*/React__default.createElement(Text, {
     text: "Notes",