odaptos_design_system 1.4.118 → 1.4.120

package/dist/Interviews/Scenario.d.ts

@@ -0,0 +1,10 @@
+import React, { HTMLAttributes } from 'react';
+export interface ScenarioProps extends HTMLAttributes<HTMLDivElement> {
+    title: string;
+    description: string;
+    buttonText?: string;
+    buttonIcon?: JSX.Element;
+    url: string;
+    className?: string;
+}
+export declare const Scenario: ({ title, description, buttonText, buttonIcon, url, className, ...props }: ScenarioProps) => React.JSX.Element;

package/dist/index.d.ts

@@ -15,7 +15,7 @@ export * from './Interviews/CircledIconButton';
 export * from './Interviews/GoBack';
 export * from './Interviews/InterviewButton';
 export * from './Interviews/MarkUpBar';
-export * from './Interviews/StartInterview';
+export * from './Interviews/Scenario';
 export * from './Interviews/Task';
 export * from './Interviews/WelcomeMessage';
 export * from './LateralMenu/LateralMenu';

package/dist/odaptos_design_system.cjs.development.js

@@ -7852,7 +7852,7 @@ const DatePicker = ({
   }))));
 };
 
-var css_248z$a = ".ControlsBar-modules_control_bar__uxXow{align-items:center;display:inline-flex;gap:.5rem}.ControlsBar-modules_control_bar__uxXow .ControlsBar-modules_separator__Np2W8{background:var(--color-neutral-dark-shades-700,#64666a);height:1rem;width:.0625rem}.ControlsBar-modules_control_bar__uxXow .ControlsBar-modules_record_btn__rp6Um{align-items:flex-start;background:var(--Color-Extended-Red-50,#fff6f6);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);display:flex;gap:.5rem;padding:.5rem}.ControlsBar-modules_chatBubbleIcon__ujTs1 svg{fill:transparent!important}";
+var css_248z$a = ".ControlsBar-modules_control_bar__uxXow{align-items:center;display:inline-flex;gap:.5rem}.ControlsBar-modules_control_bar__uxXow .ControlsBar-modules_separator__Np2W8{background:var(--color-neutral-dark-shades-700,#64666a);height:1rem;width:.0625rem}.ControlsBar-modules_control_bar__uxXow .ControlsBar-modules_record_btn__rp6Um{align-items:flex-start;background:var(--Color-Extended-Red-50,#fff6f6);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:flex;gap:.5rem;padding:.5rem}.ControlsBar-modules_chatBubbleIcon__ujTs1 svg{fill:transparent!important}";
 var styles$a = {"control_bar":"ControlsBar-modules_control_bar__uxXow","separator":"ControlsBar-modules_separator__Np2W8","record_btn":"ControlsBar-modules_record_btn__rp6Um","chatBubbleIcon":"ControlsBar-modules_chatBubbleIcon__ujTs1"};
 styleInject(css_248z$a);
 
@@ -7903,7 +7903,8 @@ const ControlsBar = ({
     disabled: disabledRecording,
     className: styles$a.record_btn,
     onClick: () => {
-      if (isRecording && startRecording) startRecording();else {
+      if (!isRecording && startRecording) startRecording();
+      if (isRecording) {
         if (stopRecording) stopRecording();
       }
     }
@@ -8018,15 +8019,10 @@ const Chat = ({
   }), welcomeTitle && welcomeDescription && !isInterviewer && /*#__PURE__*/React__default.createElement(WelcomeMessage, {
     title: welcomeTitle,
     description: welcomeDescription
-  }), startInterviewTitle && startInterview && startInterviewBtnTitle && !isInterviewer && /*#__PURE__*/React__default.createElement(StartInterview, {
-    title: startInterviewTitle,
-    buttonText: startInterviewBtnTitle,
-    buttonIcon: startInterviewIcon,
-    onClick: startInterview
   }), /*#__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) => {
-    return /*#__PURE__*/React__default.createElement(Task, {
+    if (task.type === 'question' || task.type === 'task') return /*#__PURE__*/React__default.createElement(Task, {
       key: task._id,
       taskNumber: `${task.type === 'task' ? 'Task' : 'Question'} #${index + 1}`,
       taskTitle: task.description,
@@ -8038,6 +8034,12 @@ const Chat = ({
       sendTask: sendTask,
       isDone: false,
       isInterviewer: isInterviewer
+    });else return /*#__PURE__*/React__default.createElement(Scenario, {
+      title: `Scenario index`,
+      description: task.description ?? '',
+      buttonText: task.url ? startInterviewBtnTitle : undefined,
+      buttonIcon: task.url ? startInterviewIcon : undefined,
+      url: task.url
     });
   })) : messages && messages.map(message => {
     if (message) {
@@ -8259,15 +8261,16 @@ const MarkUpBar = ({
   }, "\uD83D\uDC4E\uD83C\uDFFC")));
 };
 
-var css_248z$h = ".StartInterview-modules_start_interview_container__jpRe2{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}.StartInterview-modules_start_interview_container__jpRe2 button{width:100%}";
-var styles$h = {"start_interview_container":"StartInterview-modules_start_interview_container__jpRe2"};
+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 styles$h = {"start_interview_container":"Scenario-modules_start_interview_container__-ZSxv"};
 styleInject(css_248z$h);
 
-const StartInterview = ({
+const Scenario = ({
   title,
+  description,
   buttonText,
   buttonIcon,
-  onClick,
+  url,
   className,
   ...props
 }) => {
@@ -8276,10 +8279,17 @@ const StartInterview = ({
   }, props), /*#__PURE__*/React__default.createElement(Text, {
     text: title,
     weight: "bold"
-  }), /*#__PURE__*/React__default.createElement(Button, {
+  }), /*#__PURE__*/React__default.createElement(Text, {
+    text: description,
+    size: "sm"
+  }), buttonIcon && buttonText && /*#__PURE__*/React__default.createElement("a", {
+    href: url,
+    target: "_blank",
+    rel: "noreferrer"
+  }, /*#__PURE__*/React__default.createElement(Button, {
     text: buttonText,
     iconRight: buttonIcon ?? /*#__PURE__*/React__default.createElement(SendIcon, null)
-  }));
+  })));
 };
 
 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}";
@@ -11136,6 +11146,7 @@ exports.RecordingIcon = RecordingIcon;
 exports.RefreshIcon = RefreshIcon;
 exports.RemoveCircledIcon = RemoveCircledIcon;
 exports.ReportIcon = ReportIcon;
+exports.Scenario = Scenario;
 exports.ScheduleTasks = ScheduleTasks;
 exports.Search = Search;
 exports.SearchCircledIcon = SearchCircledIcon;
@@ -11150,7 +11161,6 @@ exports.ShareIcon = ShareIcon;
 exports.SingleSelect = SingleSelect;
 exports.SmartBrainIcon = SmartBrainIcon;
 exports.StarIcon = StarIcon;
-exports.StartInterview = StartInterview;
 exports.Step = Step;
 exports.StopRecordIcon = StopRecordingIcon;
 exports.Switch = Switch;