odaptos_design_system 1.4.120 → 1.4.122

package/dist/Icons/Illustrations/InterviewTranscriptGreen.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+import { SvgIconProps } from '@mui/material';
+export default function InterviewTranscriptGreen({ ...rest }: SvgIconProps): React.JSX.Element;

package/dist/Icons/Illustrations/VideoFlagGreen.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+import { SvgIconProps } from '@mui/material';
+export default function VideoFlagGreen({ ...rest }: SvgIconProps): React.JSX.Element;

package/dist/Icons/index.d.ts

@@ -53,6 +53,8 @@ export { default as UserPanel } from './Illustrations/UserPanel';
 export { default as UxGuide } from './Illustrations/UxGuide';
 export { default as VideoFlag } from './Illustrations/VideoFlag';
 export { default as VideoFlag2 } from './Illustrations/VideoFlag2';
+export { default as VideoFlagGreen } from './Illustrations/VideoFlagGreen';
+export { default as InterviewTranscriptGreen } from './Illustrations/InterviewTranscriptGreen';
 export { default as AccountIcon } from './Interaction/AccountIcon';
 export { default as AddIcon } from './Interaction/AddIcon';
 export { default as AgendaIcon } from './Interaction/AgendaIcon';

package/dist/Interviews/Chat.d.ts

@@ -3,6 +3,7 @@ interface TaskItem {
     _id: string;
     description: string;
     url: string;
+    name: string;
     notes: string;
     type: 'task' | 'question';
     timedTask: boolean;

package/dist/Interviews/Task.d.ts

@@ -3,6 +3,7 @@ interface TaskItem {
     _id: string;
     description: string;
     url: string;
+    name: string;
     notes: string;
     type: 'task' | 'question';
     timedTask: boolean;

package/dist/odaptos_design_system.cjs.development.js

@@ -3655,6 +3655,205 @@ function VideoFlag2({
   })));
 }
 
+function VideoFlagGreen({
+  ...rest
+}) {
+  return /*#__PURE__*/React__default.createElement(material.SvgIcon, Object.assign({
+    strokeWidth: 0.1,
+    stroke: 'currentColor'
+  }, rest), /*#__PURE__*/React__default.createElement("svg", {
+    xmlns: "http://www.w3.org/2000/svg",
+    width: "64",
+    height: "64",
+    viewBox: "0 0 64 64",
+    fill: "none"
+  }, /*#__PURE__*/React__default.createElement("path", {
+    d: "M17.4717 20.4607C16.1086 19.8911 14.8286 19.1103 13.408 18.7327C10.8799 18.0671 8.01924 18.8223 6.15674 20.6655L9.75362 25.8111C9.75778 25.8069 9.76195 25.8026 9.76611 25.7984C10.643 24.9023 12.0574 24.1343 13.5358 23.8719C15.0208 23.6095 16.5374 23.5584 17.9967 23.1871C19.4558 22.8159 20.9855 22.1759 21.7661 20.8831C20.3839 21.3951 18.8286 21.0367 17.4717 20.4607Z",
+    fill: "#8AEB8A",
+    stroke: "#8AEB8A",
+    "stroke-width": "1.92",
+    "stroke-linecap": "round",
+    "stroke-linejoin": "round"
+  }), /*#__PURE__*/React__default.createElement("path", {
+    d: "M35.4663 7.07083C33.2453 6.82771 31.0822 6.09161 28.855 6.09161C27.1078 6.09802 25.3606 6.57161 23.8438 7.44849L25.7191 15.0708C27.0694 13.6693 28.8806 12.7221 30.8006 12.4341C32.8166 12.1397 34.9606 12.53 36.8356 11.73C38.0966 11.1861 39.095 10.1429 39.8181 8.97161C40.5413 7.80052 41.13 6.48208 41.5975 5.18286C40.2022 6.92364 37.6869 7.31411 35.4663 7.07083Z",
+    fill: "#8AEB8A",
+    stroke: "#8AEB8A",
+    "stroke-width": "1.92",
+    "stroke-linecap": "round",
+    "stroke-linejoin": "round"
+  }), /*#__PURE__*/React__default.createElement("path", {
+    d: "M53.962 17.1957C53.2707 16.2997 52.8354 15.218 52.0867 14.3733C50.9154 13.0485 49.0851 12.4469 47.3188 12.3829C46.0388 12.338 44.7717 12.5429 43.5173 12.8116L41.5845 19.9989C43.2676 19.9413 45.0276 20.3829 46.6532 20.9141C49.2132 21.7589 51.8373 22.8277 54.4995 22.4501C56.8229 22.1237 58.8389 20.6965 60.7651 19.3525C58.346 20.1141 55.4979 19.2116 53.962 17.1957Z",
+    fill: "#8AEB8A",
+    stroke: "#8AEB8A",
+    "stroke-width": "1.92",
+    "stroke-linecap": "round",
+    "stroke-linejoin": "round"
+  }), /*#__PURE__*/React__default.createElement("path", {
+    d: "M52.3374 35.5224C49.353 36.9527 46.3683 38.3829 43.3836 39.8133C43.2961 37.0376 43.2005 34.571 43.1277 32.8296C43.0639 31.3082 41.858 30.0783 40.338 29.992C33.6117 29.6103 27.167 29.8622 20.4552 30.0844C18.9299 30.1349 17.6942 31.3343 17.5914 32.857C17.1233 39.8058 16.9539 47.764 17.3064 54.791C17.3833 56.3277 18.613 57.5602 20.1505 57.6207C27.0271 57.8913 33.4314 57.6429 40.9074 56.9688C42.4255 56.8319 43.5896 55.5633 43.6036 54.0393C43.6239 51.8652 43.6046 49.4591 43.563 47.0362L52.2917 50.5654L52.3374 35.5224Z",
+    stroke: "#004799",
+    "stroke-width": "1.92",
+    "stroke-linecap": "round",
+    "stroke-linejoin": "round"
+  }), /*#__PURE__*/React__default.createElement("path", {
+    d: "M5.73926 20.1245C10.0067 25.6516 17.3256 37.6397 17.3256 37.6397",
+    stroke: "#004799",
+    "stroke-width": "1.92",
+    "stroke-linecap": "round",
+    "stroke-linejoin": "round"
+  }), /*#__PURE__*/React__default.createElement("path", {
+    d: "M29.3441 29.8304C27.3857 21.8368 25.4145 13.8432 23.4561 5.84961",
+    stroke: "#004799",
+    "stroke-width": "1.92",
+    "stroke-linecap": "round",
+    "stroke-linejoin": "round"
+  }), /*#__PURE__*/React__default.createElement("path", {
+    d: "M43.8017 11.6992C42.2593 17.8176 40.5249 23.8976 38.6113 29.9072",
+    stroke: "#004799",
+    "stroke-width": "1.92",
+    "stroke-linecap": "round",
+    "stroke-linejoin": "round"
+  })));
+}
+
+function InterviewTranscriptGreen({
+  ...rest
+}) {
+  return /*#__PURE__*/React__default.createElement(material.SvgIcon, Object.assign({
+    strokeWidth: 0.1,
+    stroke: 'currentColor'
+  }, rest), /*#__PURE__*/React__default.createElement("svg", {
+    width: "64",
+    height: "64",
+    viewBox: "0 0 64 64",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg"
+  }, /*#__PURE__*/React__default.createElement("path", {
+    d: "M10.2163 51.2225C18.9571 51.1656 27.4375 51.1087 36.1783 51.0518",
+    stroke: "#BCC4D1",
+    "stroke-width": "1.92",
+    "stroke-linecap": "round",
+    "stroke-linejoin": "round"
+  }), /*#__PURE__*/React__default.createElement("path", {
+    d: "M16.36 45.1875C16.2727 40.2801 16.2012 35.3717 16.2594 30.4638C16.2674 29.7876 16.2824 29.0901 16.5561 28.4717C16.8299 27.8533 17.4317 27.3288 18.1073 27.36C18.7828 27.3912 19.3756 28.1688 19.0688 28.7715C18.6302 27.6554 19.4926 26.2381 20.6854 26.1147C21.8783 25.9912 23.0126 27.2019 22.8118 28.3842C22.8778 27.3297 24.2926 26.8137 25.2579 27.2433C26.2232 27.6729 26.791 28.6698 27.2438 29.6244C29.5253 34.4344 30.5634 39.8279 30.2306 45.1411",
+    fill: "#8AEB8A"
+  }), /*#__PURE__*/React__default.createElement("path", {
+    d: "M16.36 45.1875C16.2727 40.2801 16.2012 35.3717 16.2594 30.4638C16.2674 29.7876 16.2824 29.0901 16.5561 28.4717C16.8299 27.8533 17.4317 27.3288 18.1073 27.36C18.7828 27.3912 19.3756 28.1688 19.0688 28.7715C18.6302 27.6554 19.4926 26.2381 20.6854 26.1147C21.8783 25.9912 23.0126 27.2019 22.8118 28.3842C22.8778 27.3297 24.2926 26.8137 25.2579 27.2433C26.2232 27.6729 26.791 28.6698 27.2438 29.6244C29.5253 34.4344 30.5634 39.8279 30.2306 45.1411",
+    stroke: "#8AEB8A",
+    "stroke-width": "1.92",
+    "stroke-linecap": "round",
+    "stroke-linejoin": "round"
+  }), /*#__PURE__*/React__default.createElement("path", {
+    d: "M37.5432 55.3663C34.2369 40.2817 33.0419 24.5548 34.3736 8.63354C41.0017 8.71386 48.2918 8.79418 55.2449 8.81287C54.9336 24.1632 55.4011 40.3074 57.8318 55.3663L37.5432 55.3663Z",
+    stroke: "#004799",
+    "stroke-width": "1.92",
+    "stroke-linecap": "round",
+    "stroke-linejoin": "round"
+  }), /*#__PURE__*/React__default.createElement("path", {
+    d: "M37.2275 16.8589L43.9519 16.9034",
+    stroke: "#004799",
+    "stroke-width": "1.92",
+    "stroke-linecap": "round",
+    "stroke-linejoin": "round"
+  }), /*#__PURE__*/React__default.createElement("path", {
+    d: "M46.2549 20.3215C48.1269 20.2924 49.999 20.2633 51.871 20.2341",
+    stroke: "#004799",
+    "stroke-width": "1.92",
+    "stroke-linecap": "round",
+    "stroke-linejoin": "round"
+  }), /*#__PURE__*/React__default.createElement("path", {
+    d: "M37.3062 24.6091C39.8662 24.6129 42.4263 24.6167 44.9864 24.6204",
+    stroke: "#8AEB8A",
+    "stroke-width": "1.92",
+    "stroke-linecap": "round",
+    "stroke-linejoin": "round"
+  }), /*#__PURE__*/React__default.createElement("path", {
+    d: "M37.6143 27.3146C39.598 27.3079 41.5818 27.3013 43.5656 27.2947",
+    stroke: "#8AEB8A",
+    "stroke-width": "1.92",
+    "stroke-linecap": "round",
+    "stroke-linejoin": "round"
+  }), /*#__PURE__*/React__default.createElement("path", {
+    d: "M46.2549 31.3879C48.1424 31.3659 50.0299 31.3438 51.9173 31.3218",
+    stroke: "#004799",
+    "stroke-width": "1.92",
+    "stroke-linecap": "round",
+    "stroke-linejoin": "round"
+  }), /*#__PURE__*/React__default.createElement("path", {
+    d: "M38.7026 35.9875C41.4695 35.9615 44.2364 35.9355 47.0033 35.9094",
+    stroke: "#004799",
+    "stroke-width": "1.92",
+    "stroke-linecap": "round",
+    "stroke-linejoin": "round"
+  }), /*#__PURE__*/React__default.createElement("path", {
+    d: "M38.5981 38.7406C41.6487 38.6925 44.6992 38.6443 47.7497 38.5962",
+    stroke: "#004799",
+    "stroke-width": "1.92",
+    "stroke-linecap": "round",
+    "stroke-linejoin": "round"
+  }), /*#__PURE__*/React__default.createElement("path", {
+    d: "M47.2422 41.3511L50.5184 41.3301",
+    stroke: "#004799",
+    "stroke-width": "1.92",
+    "stroke-linecap": "round",
+    "stroke-linejoin": "round"
+  }), /*#__PURE__*/React__default.createElement("path", {
+    d: "M38.7876 41.4053L40.6896 41.3931",
+    stroke: "#004799",
+    "stroke-width": "1.92",
+    "stroke-linecap": "round",
+    "stroke-linejoin": "round"
+  }), /*#__PURE__*/React__default.createElement("path", {
+    d: "M39.4736 44.0701C40.6002 44.0514 41.7267 44.0326 42.8533 44.0139",
+    stroke: "#004799",
+    "stroke-width": "1.92",
+    "stroke-linecap": "round",
+    "stroke-linejoin": "round"
+  }), /*#__PURE__*/React__default.createElement("path", {
+    d: "M42.853 48.6124C46.4836 48.6017 50.1142 48.591 53.7448 48.5803",
+    stroke: "#004799",
+    "stroke-width": "1.92",
+    "stroke-linecap": "round",
+    "stroke-linejoin": "round"
+  }), /*#__PURE__*/React__default.createElement("path", {
+    d: "M48.2515 51.1883C50.1791 51.1785 52.1067 51.1687 54.0343 51.1589",
+    stroke: "#004799",
+    "stroke-width": "1.92",
+    "stroke-linecap": "round",
+    "stroke-linejoin": "round"
+  }), /*#__PURE__*/React__default.createElement("path", {
+    d: "M42.4941 11.4961H47.1895",
+    stroke: "#004799",
+    "stroke-width": "1.92",
+    "stroke-linecap": "round",
+    "stroke-linejoin": "round"
+  }), /*#__PURE__*/React__default.createElement("path", {
+    d: "M43.0674 41.3491H44.5928",
+    stroke: "#F5836C",
+    "stroke-width": "1.92",
+    "stroke-linecap": "round",
+    "stroke-linejoin": "round"
+  }), /*#__PURE__*/React__default.createElement("path", {
+    d: "M33.4421 20.234C26.3111 20.1185 13.5022 20.1846 8.34991 20.2182C7.11989 20.2262 6.13854 21.2375 6.16864 22.4672C6.33495 29.2607 6.51024 36.9149 6.77524 43.5771C6.82224 44.7587 7.79508 45.6877 8.97762 45.6853L35.2376 45.6317",
+    stroke: "#004799",
+    "stroke-width": "1.92",
+    "stroke-linecap": "round",
+    "stroke-linejoin": "round"
+  }), /*#__PURE__*/React__default.createElement("path", {
+    d: "M18.9699 52.1847C18.477 51.6523 18.49 50.7306 18.9977 50.2122C19.5053 49.6938 20.4265 49.6616 20.9692 50.1433C21.5118 50.625 21.5891 51.5435 21.1346 52.1091C20.68 52.6747 19.6523 52.9219 18.9699 52.1847Z",
+    fill: "#004799",
+    stroke: "#004799",
+    "stroke-width": "1.92",
+    "stroke-linecap": "round",
+    "stroke-linejoin": "round"
+  }), /*#__PURE__*/React__default.createElement("path", {
+    d: "M21.2476 37.2805C22.3954 37.974 23.9631 37.8909 25.0311 37.0798",
+    stroke: "#004799",
+    "stroke-width": "1.92",
+    "stroke-linecap": "round",
+    "stroke-linejoin": "round"
+  })));
+}
+
 function AccountIcon({
   stroke,
   strokeWidth,
@@ -8016,15 +8215,15 @@ const Chat = ({
     text: chatTitle,
     weight: "bold",
     size: "lg"
-  }), welcomeTitle && welcomeDescription && !isInterviewer && /*#__PURE__*/React__default.createElement(WelcomeMessage, {
+  }), welcomeTitle && welcomeDescription && !isInterviewer && !isTaskMode && /*#__PURE__*/React__default.createElement(WelcomeMessage, {
     title: welcomeTitle,
     description: welcomeDescription
   }), /*#__PURE__*/React__default.createElement("div", {
     className: `${styles$b.tasks_container} ${styles$b.no_scrollbar}`
   }, isTaskMode ? /*#__PURE__*/React__default.createElement(React__default.Fragment, null, tasks.map((task, index) => {
-    if (task.type === 'question' || task.type === 'task') return /*#__PURE__*/React__default.createElement(Task, {
+    if (task.type === 'question' || task.type === 'task' || task.type === 'scenario' && isInterviewer) return /*#__PURE__*/React__default.createElement(Task, {
       key: task._id,
-      taskNumber: `${task.type === 'task' ? 'Task' : 'Question'} #${index + 1}`,
+      taskNumber: `${task.type === 'task' ? 'Task' : task.type === 'question' ? 'Question' : 'Scenario'} #${index + 1}`,
       taskTitle: task.description,
       url: task.url,
       notes: task.notes,
@@ -8034,15 +8233,15 @@ const Chat = ({
       sendTask: sendTask,
       isDone: false,
       isInterviewer: isInterviewer
-    });else return /*#__PURE__*/React__default.createElement(Scenario, {
-      title: `Scenario index`,
+    });else if (task.type === 'scenario' && !isInterviewer) return /*#__PURE__*/React__default.createElement(Scenario, {
+      title: task.name,
       description: task.description ?? '',
       buttonText: task.url ? startInterviewBtnTitle : undefined,
       buttonIcon: task.url ? startInterviewIcon : undefined,
       url: task.url
-    });
+    });else return /*#__PURE__*/React__default.createElement(React__default.Fragment, null);
   })) : messages && messages.map(message => {
-    if (message) {
+    if (message && message.type === 'normal') {
       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", {
@@ -8086,13 +8285,6 @@ const Chat = ({
       }))));else if (message.from && message.createdAt && message.body) 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
@@ -8102,6 +8294,13 @@ const Chat = ({
         text: new Date(message.createdAt).toLocaleTimeString(),
         size: "xs",
         color: "grey"
+      })), /*#__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"
       })));else return /*#__PURE__*/React__default.createElement(React__default.Fragment, null);
     } else return /*#__PURE__*/React__default.createElement(React__default.Fragment, null);
   }))), !isTaskMode && chatInputPlaceholder && typeof chatInputValue === 'string' && chatInputonChange && /*#__PURE__*/React__default.createElement(ChatInput, {
@@ -8261,7 +8460,7 @@ const MarkUpBar = ({
   }, "\uD83D\uDC4E\uD83C\uDFFC")));
 };
 
-var css_248z$h = ".Scenario-modules_start_interview_container__-ZSxv{align-items:flex-start;align-self:stretch;background:#e5f1ff;border:1px solid #66adff;border-radius:.5rem;display:flex;flex-direction:column;gap:.5rem;padding:.5rem .75rem}.Scenario-modules_start_interview_container__-ZSxv button{width:100%}";
+var css_248z$h = ".Scenario-modules_start_interview_container__-ZSxv{align-items:flex-start;align-self:stretch;background:#e5f1ff;border:1px solid #66adff;border-radius:.5rem;display:flex;flex-direction:column;gap:.5rem;padding:.5rem .75rem}.Scenario-modules_start_interview_container__-ZSxv a,.Scenario-modules_start_interview_container__-ZSxv a button{width:100%}";
 var styles$h = {"start_interview_container":"Scenario-modules_start_interview_container__-ZSxv"};
 styleInject(css_248z$h);
 
@@ -8455,7 +8654,7 @@ const Task = ({
   })))));
 };
 
-var css_248z$j = ".WelcomeMessage-modules_welcome_container__qLgMv{align-items:flex-start;align-self:stretch;background:var(--color-extended-green-100,#e8f5ea);border:1px solid var(--color-extended-green-300,#9dd6a3);border-radius:.5rem;display:flex;flex-direction:column;max-width:30rem;padding:.5rem .75rem .75rem}.WelcomeMessage-modules_welcome_container__qLgMv .WelcomeMessage-modules_welcome_title__gX34Q{border-bottom:1px solid var(--color-extended-green-300,#9dd6a3);margin-bottom:.5rem;padding-bottom:.35rem}.WelcomeMessage-modules_welcome_container__qLgMv .WelcomeMessage-modules_welcome_description__a2HnZ{font-family:OpenSans;font-size:.875rem;font-style:normal;font-weight:400;line-height:1.225rem}.WelcomeMessage-modules_welcome_container__qLgMv .WelcomeMessage-modules_welcome_description__a2HnZ ol{letter-spacing:-.0019rem;margin:unset;margin-top:.5625rem;padding-inline-start:1.5rem}";
+var css_248z$j = ".WelcomeMessage-modules_welcome_container__qLgMv{align-items:flex-start;align-self:stretch;background:var(--color-extended-green-100,#e8f5ea);border:1px solid var(--color-extended-green-300,#9dd6a3);border-radius:.5rem;display:flex;flex-direction:column;padding:.5rem .75rem .75rem}.WelcomeMessage-modules_welcome_container__qLgMv .WelcomeMessage-modules_welcome_title__gX34Q{border-bottom:1px solid var(--color-extended-green-300,#9dd6a3);margin-bottom:.5rem;padding-bottom:.35rem}.WelcomeMessage-modules_welcome_container__qLgMv .WelcomeMessage-modules_welcome_description__a2HnZ{font-family:OpenSans;font-size:.875rem;font-style:normal;font-weight:400;line-height:1.225rem}.WelcomeMessage-modules_welcome_container__qLgMv .WelcomeMessage-modules_welcome_description__a2HnZ ol{letter-spacing:-.0019rem;margin:unset;margin-top:.5625rem;padding-inline-start:1.5rem}";
 var styles$j = {"welcome_container":"WelcomeMessage-modules_welcome_container__qLgMv","welcome_title":"WelcomeMessage-modules_welcome_title__gX34Q","welcome_description":"WelcomeMessage-modules_welcome_description__a2HnZ"};
 styleInject(css_248z$j);
 
@@ -11090,6 +11289,7 @@ exports.InfoCircledIcon = InfoCircledIcon;
 exports.IntegratedUsabilityScore = IntegratedUsabilityScore;
 exports.InterviewButton = InterviewButton;
 exports.InterviewTranscript = InterviewTranscript;
+exports.InterviewTranscriptGreen = InterviewTranscriptGreen;
 exports.LanguageIcon = LanguageIcon;
 exports.LaptopIcon = LaptopIcon;
 exports.LateralMenu = LateralMenu;
@@ -11196,6 +11396,7 @@ exports.UserPanel = UserPanel;
 exports.UxGuide = UxGuide;
 exports.VideoFlag = VideoFlag;
 exports.VideoFlag2 = VideoFlag2;
+exports.VideoFlagGreen = VideoFlagGreen;
 exports.ViewIcon = ViewIcon;
 exports.VolumeIcon = VolumeIcon;
 exports.WelcomeMessage = WelcomeMessage;