odaptos_design_system 2.0.99 → 2.0.101
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.
- package/dist/Molecules/Interviews/Chat.d.ts +2 -1
- package/dist/Molecules/Interviews/Scenario.d.ts +2 -1
- package/dist/Molecules/Interviews/Task.d.ts +2 -1
- package/dist/odaptos_design_system.cjs.development.js +12 -7
- package/dist/odaptos_design_system.cjs.development.js.map +1 -1
- package/dist/odaptos_design_system.cjs.production.min.js +1 -1
- package/dist/odaptos_design_system.cjs.production.min.js.map +1 -1
- package/dist/odaptos_design_system.esm.js +12 -7
- package/dist/odaptos_design_system.esm.js.map +1 -1
- package/package.json +1 -1
- package/src/Atoms/Buttons/IconButton.modules.scss +2 -2
- package/src/Molecules/Interviews/Chat.tsx +8 -3
- package/src/Molecules/Interviews/Scenario.tsx +3 -1
- package/src/Molecules/Interviews/Task.tsx +4 -2
|
@@ -39,5 +39,6 @@ export interface ChatProps extends HTMLAttributes<HTMLDivElement> {
|
|
|
39
39
|
isSus: boolean;
|
|
40
40
|
intervieweeName?: string;
|
|
41
41
|
stopRecording: () => void;
|
|
42
|
+
isObserver?: boolean;
|
|
42
43
|
}
|
|
43
|
-
export declare const Chat: ({ chatTitle, welcomeTitle, welcomeDescription, startInterviewTitle, startInterviewBtnTitle, scenarioText, taskText, questionText, noteText, actionText, startInterviewIcon, startInterview, tasks, sendTask, currentTask, chatInputPlaceholder, chatInputValue, chatInputonChange, sendMessage, className, isTaskMode, isInterviewer, messages, idsTasksAlreadySent, customScrollingClassname, customContentClassname, disabledTask, disabledScenario, areAllTasksSend, isRecordingFinished, stopRecTitle, stopRecDescription, stopRecCTA, SusExplanationTitle, SusExplanationDescription, isSus, intervieweeName, stopRecording, ...props }: ChatProps) => React.JSX.Element;
|
|
44
|
+
export declare const Chat: ({ chatTitle, welcomeTitle, welcomeDescription, startInterviewTitle, startInterviewBtnTitle, scenarioText, taskText, questionText, noteText, actionText, startInterviewIcon, startInterview, tasks, sendTask, currentTask, chatInputPlaceholder, chatInputValue, chatInputonChange, sendMessage, className, isTaskMode, isInterviewer, messages, idsTasksAlreadySent, customScrollingClassname, customContentClassname, disabledTask, disabledScenario, areAllTasksSend, isRecordingFinished, stopRecTitle, stopRecDescription, stopRecCTA, SusExplanationTitle, SusExplanationDescription, isSus, intervieweeName, stopRecording, isObserver, ...props }: ChatProps) => React.JSX.Element;
|
|
@@ -8,5 +8,6 @@ export interface ScenarioProps extends HTMLAttributes<HTMLDivElement> {
|
|
|
8
8
|
url: string;
|
|
9
9
|
className?: string;
|
|
10
10
|
disabled?: boolean;
|
|
11
|
+
isObserver?: boolean;
|
|
11
12
|
}
|
|
12
|
-
export declare const Scenario: ({ title, scenarioName, description, buttonText, buttonIcon, url, className, disabled, ...props }: ScenarioProps) => React.JSX.Element;
|
|
13
|
+
export declare const Scenario: ({ title, scenarioName, description, buttonText, buttonIcon, url, className, disabled, isObserver, ...props }: ScenarioProps) => React.JSX.Element;
|
|
@@ -33,6 +33,7 @@ export interface TaskProps extends HTMLAttributes<HTMLDivElement> {
|
|
|
33
33
|
mainActionText?: string;
|
|
34
34
|
mainAction?: () => void;
|
|
35
35
|
isInterviewer?: boolean;
|
|
36
|
+
isObserver?: boolean;
|
|
36
37
|
}
|
|
37
|
-
export declare const Task: ({ taskNumber, taskTitle, taskTitleTooltip, notes, noteText, actionText, url, className, task, sendTask, state, isDone, iconAction1, iconAction2, iconAction3, action1, action2, action3, mainActionText, mainAction, isInterviewer, ...props }: TaskProps) => React.JSX.Element;
|
|
38
|
+
export declare const Task: ({ taskNumber, taskTitle, taskTitleTooltip, notes, noteText, actionText, url, className, task, sendTask, state, isDone, iconAction1, iconAction2, iconAction3, action1, action2, action3, mainActionText, mainAction, isInterviewer, isObserver, ...props }: TaskProps) => React.JSX.Element;
|
|
38
39
|
export {};
|
|
@@ -344,7 +344,7 @@ const Text = ({
|
|
|
344
344
|
}), text);
|
|
345
345
|
};
|
|
346
346
|
|
|
347
|
-
var css_248z$6 = ".IconButton-modules_icon_button__NAe8g{align-items:center;cursor:pointer;display:flex;gap:.5rem;justify-content:center}.IconButton-modules_icon_button_primary__YDGiq{background:var(--color-neutral-basics-black,#00040a);border:1px solid var(--color-neutral-basics-black,#00040a)}.IconButton-modules_icon_button_primary__YDGiq:hover{background:var(--color-neutral-dark-shades-900,#32353a);border:1px solid var(--color-neutral-dark-shades-900,#32353a)}.IconButton-modules_icon_button_primary__YDGiq:active{background:var(--color-neutral-dark-shades-800,#4b4e52);border:1px solidvar(--color-neutral-dark-shades-800,#4b4e52)}.IconButton-modules_icon_button_primary__YDGiq:disabled{background:var(--color-neutral-clear-shades-300,#d5d5d6);border:1px solid var(--color-neutral-clear-shades-300,#d5d5d6)}.IconButton-modules_icon_button_primary__YDGiq svg{stroke:#fff!important;fill:#fff!important}.IconButton-modules_icon_button_secondary__4fzy5{background:transparent;border:1px solid var(--color-neutral-basics-black,#00040a)}.IconButton-modules_icon_button_secondary__4fzy5:hover{background:rgba(50,53,58,.082);border:1px solid var(--color-neutral-basics-black,#00040a)}.IconButton-modules_icon_button_secondary__4fzy5:active{background:rgba(50,53,58,.125);border:1px solid var(--color-neutral-basics-black,#00040a)}.IconButton-modules_icon_button_secondary__4fzy5:disabled{background:var(--color-neutral-clear-shades-300,#d5d5d6);border:1px solid var(--color-neutral-clear-shades-300,#d5d5d6)}.IconButton-modules_icon_button_secondary__4fzy5:disabled svg{stroke:#96989a!important;fill:#96989a!important}.IconButton-modules_icon_button_secondary__4fzy5 svg{stroke:var(--color-neutral-basics-black,#00040a)!important;fill:var(--color-neutral-basics-black,#00040a)!important}.IconButton-modules_icon_button_tertiary__tBs-B{background:transparent;border:1px solid transparent}.IconButton-modules_icon_button_tertiary__tBs-B:hover{background:rgba(50,53,58,.082);border:1px solid
|
|
347
|
+
var css_248z$6 = ".IconButton-modules_icon_button__NAe8g{align-items:center;cursor:pointer;display:flex;gap:.5rem;justify-content:center}.IconButton-modules_icon_button_primary__YDGiq{background:var(--color-neutral-basics-black,#00040a);border:1px solid var(--color-neutral-basics-black,#00040a)}.IconButton-modules_icon_button_primary__YDGiq:hover{background:var(--color-neutral-dark-shades-900,#32353a);border:1px solid var(--color-neutral-dark-shades-900,#32353a)}.IconButton-modules_icon_button_primary__YDGiq:active{background:var(--color-neutral-dark-shades-800,#4b4e52);border:1px solidvar(--color-neutral-dark-shades-800,#4b4e52)}.IconButton-modules_icon_button_primary__YDGiq:disabled{background:var(--color-neutral-clear-shades-300,#d5d5d6);border:1px solid var(--color-neutral-clear-shades-300,#d5d5d6)}.IconButton-modules_icon_button_primary__YDGiq svg{stroke:#fff!important;fill:#fff!important}.IconButton-modules_icon_button_secondary__4fzy5{background:transparent;border:1px solid var(--color-neutral-basics-black,#00040a)}.IconButton-modules_icon_button_secondary__4fzy5:hover{background:rgba(50,53,58,.082);border:1px solid var(--color-neutral-basics-black,#00040a)}.IconButton-modules_icon_button_secondary__4fzy5:active{background:rgba(50,53,58,.125);border:1px solid var(--color-neutral-basics-black,#00040a)}.IconButton-modules_icon_button_secondary__4fzy5:disabled{background:var(--color-neutral-clear-shades-300,#d5d5d6);border:1px solid var(--color-neutral-clear-shades-300,#d5d5d6)}.IconButton-modules_icon_button_secondary__4fzy5:disabled svg{stroke:#96989a!important;fill:#96989a!important}.IconButton-modules_icon_button_secondary__4fzy5 svg{stroke:var(--color-neutral-basics-black,#00040a)!important;fill:var(--color-neutral-basics-black,#00040a)!important}.IconButton-modules_icon_button_tertiary__tBs-B{background:transparent;border:1px solid transparent}.IconButton-modules_icon_button_tertiary__tBs-B:hover{background:rgba(50,53,58,.082);border:1px solid rgba(50,53,58,.082)}.IconButton-modules_icon_button_tertiary__tBs-B:active{background:rgba(50,53,58,.125);border:1px solid rgba(50,53,58,.125)}.IconButton-modules_icon_button_tertiary__tBs-B:disabled{background:transparent;border:1px solid transparent}.IconButton-modules_icon_button_tertiary__tBs-B:disabled svg{stroke:#96989a!important;fill:#96989a!important}.IconButton-modules_icon_button_tertiary__tBs-B svg{stroke:var(--color-neutral-basics-black,#00040a)!important;fill:var(--color-neutral-basics-black,#00040a)!important}.IconButton-modules_icon_button_tertiary_alt__wb6xA{background:transparent;border:1px solid transparent}.IconButton-modules_icon_button_tertiary_alt__wb6xA:hover{background:var(--color-neutral-clear-shades-150,#eee);border:1px solid var(--color-neutral-clear-shades-150,#eee)}.IconButton-modules_icon_button_tertiary_alt__wb6xA:active{background:var(--color-neutral-clear-shades-100,#fafafa);border:1px solid var(--color-neutral-clear-shades-100,#fafafa)}.IconButton-modules_icon_button_tertiary_alt__wb6xA:disabled{background:transparent;border:1px solid transparent}.IconButton-modules_icon_button_tertiary_alt__wb6xA:disabled svg{stroke:#99c9ff!important;fill:#99c9ff!important}.IconButton-modules_icon_button_tertiary_alt__wb6xA svg{stroke:#07f!important;fill:#07f!important}.IconButton-modules_icon_button_alert__chG35{background:transparent;border:1px solid transparent}.IconButton-modules_icon_button_alert__chG35:hover{background:var(--color-extended-red-50,#fff6f6);border:1px solid var(--color-extended-red-50,#fff6f6)}.IconButton-modules_icon_button_alert__chG35:active{background:var(--color-extended-red-100,#fddbdb);border:1px solid var(--color-extended-red-100,#fddbdb)}.IconButton-modules_icon_button_alert__chG35:disabled{background:transparent;border:1px solid transparent}.IconButton-modules_icon_button_alert__chG35:disabled svg{stroke:#fbb7b7!important;fill:#fbb7b7!important}.IconButton-modules_icon_button_alert__chG35 svg{stroke:#f54c4c!important;fill:#f54c4c!important}.IconButton-modules_icon_button_success__VMPTV{background:var(--color-extended-green-400,#7dc984);border:1px solid var(--color-extended-green-400,#7dc984)}.IconButton-modules_icon_button_success__VMPTV:hover{background:var(--color-extended-green-300,#9dd6a3);border:1px solid var(--color-extended-green-300,#9dd6a3)}.IconButton-modules_icon_button_success__VMPTV:active{background:var(--color-extended-green-500,#5cbb65);border:1px solid var(--color-extended-green-500,#5cbb65)}.IconButton-modules_icon_button_success__VMPTV:disabled{background:var(--color-extended-green-200,#d5edd8);border:1px solid var(--color-extended-green-200,#d5edd8)}.IconButton-modules_icon_button_success__VMPTV svg{stroke:#fff!important;fill:#fff!important}.IconButton-modules_icon_button_xxs__XE0Rm{align-items:center;border-radius:.25rem;display:flex;height:1.25rem;justify-content:center;width:1.25rem}.IconButton-modules_icon_button_xxs__XE0Rm svg{height:.75rem;width:.75rem}.IconButton-modules_icon_button_xs__U6Ilh{border-radius:.25rem;height:1.5rem;padding:.25rem;width:1.5rem}.IconButton-modules_icon_button_xs__U6Ilh svg{height:1rem;width:1rem}.IconButton-modules_icon_button_base__lxaxt{border-radius:.5rem;height:2.25rem;padding:.5rem;width:2.25rem}.IconButton-modules_icon_button_base__lxaxt svg{height:1.25rem;width:1.25rem}.IconButton-modules_icon_button_lg__iG-ln{border-radius:.5rem;height:2.75rem;padding:.625rem;width:2.75rem}.IconButton-modules_icon_button_lg__iG-ln svg{height:1.5rem;width:1.5rem}";
|
|
348
348
|
var styles$6 = {"icon_button":"IconButton-modules_icon_button__NAe8g","icon_button_primary":"IconButton-modules_icon_button_primary__YDGiq","icon_button_secondary":"IconButton-modules_icon_button_secondary__4fzy5","icon_button_tertiary":"IconButton-modules_icon_button_tertiary__tBs-B","icon_button_tertiary_alt":"IconButton-modules_icon_button_tertiary_alt__wb6xA","icon_button_alert":"IconButton-modules_icon_button_alert__chG35","icon_button_success":"IconButton-modules_icon_button_success__VMPTV","icon_button_xxs":"IconButton-modules_icon_button_xxs__XE0Rm","icon_button_xs":"IconButton-modules_icon_button_xs__U6Ilh","icon_button_base":"IconButton-modules_icon_button_base__lxaxt","icon_button_lg":"IconButton-modules_icon_button_lg__iG-ln"};
|
|
349
349
|
styleInject(css_248z$6);
|
|
350
350
|
|
|
@@ -12341,6 +12341,7 @@ const Chat = ({
|
|
|
12341
12341
|
isSus,
|
|
12342
12342
|
intervieweeName,
|
|
12343
12343
|
stopRecording,
|
|
12344
|
+
isObserver,
|
|
12344
12345
|
...props
|
|
12345
12346
|
}) => {
|
|
12346
12347
|
const replaceURLs = message => {
|
|
@@ -12391,7 +12392,7 @@ const Chat = ({
|
|
|
12391
12392
|
}, tasks.map(task => {
|
|
12392
12393
|
if (task.type === 'question' || task.type === 'task' || task.type === 'scenario' && isInterviewer) {
|
|
12393
12394
|
const realTask = isInterviewer ? task : JSON.parse(task.body);
|
|
12394
|
-
const realCurrentTask = isInterviewer ? currentTask : JSON.parse(currentTask.body);
|
|
12395
|
+
const realCurrentTask = isInterviewer && currentTask && currentTask.body ? currentTask : JSON.parse(currentTask.body);
|
|
12395
12396
|
return /*#__PURE__*/React__default.createElement(Task, {
|
|
12396
12397
|
key: realTask._id,
|
|
12397
12398
|
taskNumber: `${realTask.type === 'task' ? taskText : realTask.type === 'question' ? questionText : scenarioText} #${realTask.index}`,
|
|
@@ -12407,7 +12408,8 @@ const Chat = ({
|
|
|
12407
12408
|
if (realTask.type === 'task' || realTask.type === 'question') sendTask(realTask);else if (startInterview && realTask.type === 'scenario') startInterview(realTask);else return;
|
|
12408
12409
|
},
|
|
12409
12410
|
isDone: idsTasksAlreadySent.includes(realTask._id) && realCurrentTask._id !== realTask._id,
|
|
12410
|
-
isInterviewer: isInterviewer
|
|
12411
|
+
isInterviewer: isInterviewer,
|
|
12412
|
+
isObserver: isObserver
|
|
12411
12413
|
});
|
|
12412
12414
|
} else if (task.type === 'scenario' && !isInterviewer) {
|
|
12413
12415
|
const scenario = isInterviewer ? task : JSON.parse(task.body);
|
|
@@ -12418,7 +12420,8 @@ const Chat = ({
|
|
|
12418
12420
|
buttonText: scenario.url ? startInterviewBtnTitle : undefined,
|
|
12419
12421
|
buttonIcon: scenario.url ? startInterviewIcon : undefined,
|
|
12420
12422
|
url: scenario.url ?? '',
|
|
12421
|
-
disabled: disabledScenario
|
|
12423
|
+
disabled: disabledScenario,
|
|
12424
|
+
isObserver: isObserver
|
|
12422
12425
|
});
|
|
12423
12426
|
} else return /*#__PURE__*/React__default.createElement(React__default.Fragment, null);
|
|
12424
12427
|
}), isInterviewer && areAllTasksSend && !isRecordingFinished && /*#__PURE__*/React__default.createElement(EndRecording, {
|
|
@@ -13047,6 +13050,7 @@ const Scenario = ({
|
|
|
13047
13050
|
url,
|
|
13048
13051
|
className,
|
|
13049
13052
|
disabled,
|
|
13053
|
+
isObserver,
|
|
13050
13054
|
...props
|
|
13051
13055
|
}) => {
|
|
13052
13056
|
return /*#__PURE__*/React__default.createElement("div", Object.assign({
|
|
@@ -13062,7 +13066,7 @@ const Scenario = ({
|
|
|
13062
13066
|
text: description,
|
|
13063
13067
|
size: "sm",
|
|
13064
13068
|
className: styles$t.description
|
|
13065
|
-
}), buttonIcon && buttonText && /*#__PURE__*/React__default.createElement(Button, {
|
|
13069
|
+
}), !isObserver && buttonIcon && buttonText && /*#__PURE__*/React__default.createElement(Button, {
|
|
13066
13070
|
text: buttonText,
|
|
13067
13071
|
iconRight: buttonIcon ?? /*#__PURE__*/React__default.createElement(SendIcon, null),
|
|
13068
13072
|
disabled: disabled,
|
|
@@ -13115,6 +13119,7 @@ const Task = ({
|
|
|
13115
13119
|
mainActionText,
|
|
13116
13120
|
mainAction,
|
|
13117
13121
|
isInterviewer,
|
|
13122
|
+
isObserver,
|
|
13118
13123
|
...props
|
|
13119
13124
|
}) => {
|
|
13120
13125
|
const [open, setOpen] = React.useState(false);
|
|
@@ -13147,7 +13152,7 @@ const Task = ({
|
|
|
13147
13152
|
text: taskTitle,
|
|
13148
13153
|
size: "sm",
|
|
13149
13154
|
weight: "bold"
|
|
13150
|
-
}), url && /*#__PURE__*/React__default.createElement("button", {
|
|
13155
|
+
}), !isObserver && url && /*#__PURE__*/React__default.createElement("button", {
|
|
13151
13156
|
className: styles$v.urlButton,
|
|
13152
13157
|
onClick: () => window.open(url.includes('https://') ? url : `https://${url}`, '_blank')
|
|
13153
13158
|
}, /*#__PURE__*/React__default.createElement("p", null, url), " ", /*#__PURE__*/React__default.createElement(SendIcon, {
|
|
@@ -13202,7 +13207,7 @@ const Task = ({
|
|
|
13202
13207
|
size: "sm",
|
|
13203
13208
|
weight: "bold",
|
|
13204
13209
|
className: styles$v.title
|
|
13205
|
-
}), url && /*#__PURE__*/React__default.createElement("button", {
|
|
13210
|
+
}), !isObserver && url && /*#__PURE__*/React__default.createElement("button", {
|
|
13206
13211
|
className: styles$v.urlButton,
|
|
13207
13212
|
onClick: () => window.open(url.includes('https://') ? url : `https://${url}`, '_blank')
|
|
13208
13213
|
}, /*#__PURE__*/React__default.createElement("p", null, url), " ", /*#__PURE__*/React__default.createElement(SendIcon, {
|