odaptos_design_system 2.0.98 → 2.0.100
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/ControlsBar.d.ts +1 -3
- 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 -19
- 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 -19
- 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 +4 -0
- package/src/Molecules/Interviews/ControlsBar.tsx +0 -13
- 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;
|
|
@@ -37,7 +37,5 @@ export interface ControlsBarProps extends HTMLAttributes<HTMLDivElement> {
|
|
|
37
37
|
exitInterview?: () => void;
|
|
38
38
|
exitInterviewText?: string;
|
|
39
39
|
disabledExitInterview?: boolean;
|
|
40
|
-
observerCount?: boolean;
|
|
41
|
-
observersText?: string;
|
|
42
40
|
}
|
|
43
|
-
export declare const ControlsBar: ({ className, identity, endInterview, enableScreenSharing, enableMicrophone, muteMicrophone, enableCamera, muteCamera, displayChat, displayTasks, startRecording, isChatOpen, areTasksOpen, isNewTask, isNewMessage, isMicrophoneActive, isCameraActive, isRecording, screenShareText, disabledRecording, disabledEndInterview, myTasksText, protocolText, isModerated, endInterviewText, stopRecPopoverTitle, stopRecPopoverDescription, stopRecPopoverBtnOneText, stopRecPopoverBtnTwoText, isRecordingBtnDisplay, stopRecPopoverBtnOneOnClick, stopRecPopoverBtnTwoOnClick, stopRecText, startRecText, exitInterview, exitInterviewText, disabledExitInterview,
|
|
41
|
+
export declare const ControlsBar: ({ className, identity, endInterview, enableScreenSharing, enableMicrophone, muteMicrophone, enableCamera, muteCamera, displayChat, displayTasks, startRecording, isChatOpen, areTasksOpen, isNewTask, isNewMessage, isMicrophoneActive, isCameraActive, isRecording, screenShareText, disabledRecording, disabledEndInterview, myTasksText, protocolText, isModerated, endInterviewText, stopRecPopoverTitle, stopRecPopoverDescription, stopRecPopoverBtnOneText, stopRecPopoverBtnTwoText, isRecordingBtnDisplay, stopRecPopoverBtnOneOnClick, stopRecPopoverBtnTwoOnClick, stopRecText, startRecText, exitInterview, exitInterviewText, disabledExitInterview, ...props }: ControlsBarProps) => 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 => {
|
|
@@ -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, {
|
|
@@ -12780,8 +12783,6 @@ const ControlsBar = ({
|
|
|
12780
12783
|
exitInterview,
|
|
12781
12784
|
exitInterviewText,
|
|
12782
12785
|
disabledExitInterview,
|
|
12783
|
-
observerCount,
|
|
12784
|
-
observersText,
|
|
12785
12786
|
...props
|
|
12786
12787
|
}) => {
|
|
12787
12788
|
const [isStopRecPopoverOpen, setIsStopRecPopoverOpen] = React.useState(false);
|
|
@@ -12789,17 +12790,7 @@ const ControlsBar = ({
|
|
|
12789
12790
|
if (identity === 'observer') {
|
|
12790
12791
|
return /*#__PURE__*/React__default.createElement("div", Object.assign({
|
|
12791
12792
|
className: `${styles$p.control_bar} ${className ?? ''}`
|
|
12792
|
-
}, props),
|
|
12793
|
-
className: styles$p.observer_count
|
|
12794
|
-
}, /*#__PURE__*/React__default.createElement(ViewIcon, {
|
|
12795
|
-
fill: colors.white,
|
|
12796
|
-
stroke: colors.white
|
|
12797
|
-
}), /*#__PURE__*/React__default.createElement(Text, {
|
|
12798
|
-
text: `${observerCount} ${observersText}`,
|
|
12799
|
-
color: "white"
|
|
12800
|
-
})), ' ', /*#__PURE__*/React__default.createElement("div", {
|
|
12801
|
-
className: styles$p.separator
|
|
12802
|
-
}), exitInterview && exitInterviewText && /*#__PURE__*/React__default.createElement(InterviewButton, {
|
|
12793
|
+
}, props), exitInterview && exitInterviewText && /*#__PURE__*/React__default.createElement(InterviewButton, {
|
|
12803
12794
|
text: exitInterviewText,
|
|
12804
12795
|
variant: "end-interview",
|
|
12805
12796
|
disabled: disabledExitInterview,
|
|
@@ -13059,6 +13050,7 @@ const Scenario = ({
|
|
|
13059
13050
|
url,
|
|
13060
13051
|
className,
|
|
13061
13052
|
disabled,
|
|
13053
|
+
isObserver,
|
|
13062
13054
|
...props
|
|
13063
13055
|
}) => {
|
|
13064
13056
|
return /*#__PURE__*/React__default.createElement("div", Object.assign({
|
|
@@ -13074,7 +13066,7 @@ const Scenario = ({
|
|
|
13074
13066
|
text: description,
|
|
13075
13067
|
size: "sm",
|
|
13076
13068
|
className: styles$t.description
|
|
13077
|
-
}), buttonIcon && buttonText && /*#__PURE__*/React__default.createElement(Button, {
|
|
13069
|
+
}), !isObserver && buttonIcon && buttonText && /*#__PURE__*/React__default.createElement(Button, {
|
|
13078
13070
|
text: buttonText,
|
|
13079
13071
|
iconRight: buttonIcon ?? /*#__PURE__*/React__default.createElement(SendIcon, null),
|
|
13080
13072
|
disabled: disabled,
|
|
@@ -13127,6 +13119,7 @@ const Task = ({
|
|
|
13127
13119
|
mainActionText,
|
|
13128
13120
|
mainAction,
|
|
13129
13121
|
isInterviewer,
|
|
13122
|
+
isObserver,
|
|
13130
13123
|
...props
|
|
13131
13124
|
}) => {
|
|
13132
13125
|
const [open, setOpen] = React.useState(false);
|
|
@@ -13159,7 +13152,7 @@ const Task = ({
|
|
|
13159
13152
|
text: taskTitle,
|
|
13160
13153
|
size: "sm",
|
|
13161
13154
|
weight: "bold"
|
|
13162
|
-
}), url && /*#__PURE__*/React__default.createElement("button", {
|
|
13155
|
+
}), !isObserver && url && /*#__PURE__*/React__default.createElement("button", {
|
|
13163
13156
|
className: styles$v.urlButton,
|
|
13164
13157
|
onClick: () => window.open(url.includes('https://') ? url : `https://${url}`, '_blank')
|
|
13165
13158
|
}, /*#__PURE__*/React__default.createElement("p", null, url), " ", /*#__PURE__*/React__default.createElement(SendIcon, {
|
|
@@ -13214,7 +13207,7 @@ const Task = ({
|
|
|
13214
13207
|
size: "sm",
|
|
13215
13208
|
weight: "bold",
|
|
13216
13209
|
className: styles$v.title
|
|
13217
|
-
}), url && /*#__PURE__*/React__default.createElement("button", {
|
|
13210
|
+
}), !isObserver && url && /*#__PURE__*/React__default.createElement("button", {
|
|
13218
13211
|
className: styles$v.urlButton,
|
|
13219
13212
|
onClick: () => window.open(url.includes('https://') ? url : `https://${url}`, '_blank')
|
|
13220
13213
|
}, /*#__PURE__*/React__default.createElement("p", null, url), " ", /*#__PURE__*/React__default.createElement(SendIcon, {
|