odaptos_design_system 2.0.222 → 2.0.223
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 +7 -1
- package/dist/Molecules/Notifications/Banner.d.ts +2 -1
- package/dist/odaptos_design_system.cjs.development.js +18 -1
- 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 +18 -1
- package/dist/odaptos_design_system.esm.js.map +1 -1
- package/package.json +1 -1
- package/src/Molecules/Interviews/Chat.tsx +29 -1
- package/src/Molecules/Notifications/Banner.tsx +3 -1
|
@@ -41,5 +41,11 @@ export interface ChatProps extends HTMLAttributes<HTMLDivElement> {
|
|
|
41
41
|
stopRecording: () => void;
|
|
42
42
|
isObserver?: boolean;
|
|
43
43
|
contentFunc: (key: string) => string;
|
|
44
|
+
is5minsLeft: boolean;
|
|
45
|
+
taskIsTooFast: boolean;
|
|
46
|
+
titleMaxInterviewDuration: string;
|
|
47
|
+
descriptionMaxInterviewDuration: string;
|
|
48
|
+
titleSlowDownModerated: string;
|
|
49
|
+
descriptionSlowDownModerated: string;
|
|
44
50
|
}
|
|
45
|
-
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, contentFunc, ...props }: ChatProps) => React.JSX.Element;
|
|
51
|
+
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, contentFunc, is5minsLeft, taskIsTooFast, titleMaxInterviewDuration, descriptionMaxInterviewDuration, titleSlowDownModerated, descriptionSlowDownModerated, ...props }: ChatProps) => React.JSX.Element;
|
|
@@ -8,9 +8,10 @@ interface BannerProps extends HTMLAttributes<HTMLDivElement> {
|
|
|
8
8
|
className?: string;
|
|
9
9
|
onClose?: () => void;
|
|
10
10
|
type: 'error' | 'warning' | 'success' | 'info';
|
|
11
|
+
isIconDisplayed?: boolean;
|
|
11
12
|
}
|
|
12
13
|
/**
|
|
13
14
|
* Figma link : https://www.figma.com/file/fjnhhbL12HvKccPmJchVnr/Atomic-Library?type=design&node-id=2527-33150&mode=dev
|
|
14
15
|
*/
|
|
15
|
-
export declare const Banner: ({ id, title, content, textLink, link, className, type, onClose, ...props }: BannerProps) => React.JSX.Element;
|
|
16
|
+
export declare const Banner: ({ id, title, content, textLink, link, className, type, onClose, isIconDisplayed, ...props }: BannerProps) => React.JSX.Element;
|
|
16
17
|
export {};
|
|
@@ -49330,6 +49330,12 @@ const Chat = ({
|
|
|
49330
49330
|
stopRecording,
|
|
49331
49331
|
isObserver,
|
|
49332
49332
|
contentFunc,
|
|
49333
|
+
is5minsLeft,
|
|
49334
|
+
taskIsTooFast,
|
|
49335
|
+
titleMaxInterviewDuration,
|
|
49336
|
+
descriptionMaxInterviewDuration,
|
|
49337
|
+
titleSlowDownModerated,
|
|
49338
|
+
descriptionSlowDownModerated,
|
|
49333
49339
|
...props
|
|
49334
49340
|
}) => {
|
|
49335
49341
|
const replaceURLs = message => {
|
|
@@ -49374,6 +49380,16 @@ const Chat = ({
|
|
|
49374
49380
|
text: chatTitle,
|
|
49375
49381
|
weight: "bold",
|
|
49376
49382
|
size: "lg"
|
|
49383
|
+
}), taskIsTooFast && isInterviewer && /*#__PURE__*/React__default.createElement(Banner, {
|
|
49384
|
+
title: titleSlowDownModerated,
|
|
49385
|
+
content: descriptionSlowDownModerated,
|
|
49386
|
+
type: "warning",
|
|
49387
|
+
isIconDisplayed: false
|
|
49388
|
+
}), is5minsLeft && isInterviewer && /*#__PURE__*/React__default.createElement(Banner, {
|
|
49389
|
+
title: titleMaxInterviewDuration,
|
|
49390
|
+
content: descriptionMaxInterviewDuration,
|
|
49391
|
+
type: "error",
|
|
49392
|
+
isIconDisplayed: false
|
|
49377
49393
|
}), /*#__PURE__*/React__default.createElement("div", {
|
|
49378
49394
|
className: `${styles$u.tasks_container}
|
|
49379
49395
|
${customScrollingClassname}`
|
|
@@ -50368,6 +50384,7 @@ const Banner = ({
|
|
|
50368
50384
|
className,
|
|
50369
50385
|
type,
|
|
50370
50386
|
onClose,
|
|
50387
|
+
isIconDisplayed = true,
|
|
50371
50388
|
...props
|
|
50372
50389
|
}) => {
|
|
50373
50390
|
const getBannerIcon = () => {
|
|
@@ -50446,7 +50463,7 @@ const Banner = ({
|
|
|
50446
50463
|
className: `${styles$H.notification_banner} ${getBannerColor()} ${className}`
|
|
50447
50464
|
}), /*#__PURE__*/React__default.createElement("div", {
|
|
50448
50465
|
className: styles$H.notification_banner_header
|
|
50449
|
-
}, getBannerIcon(), title && /*#__PURE__*/React__default.createElement(Title, {
|
|
50466
|
+
}, isIconDisplayed && getBannerIcon(), title && /*#__PURE__*/React__default.createElement(Title, {
|
|
50450
50467
|
text: title,
|
|
50451
50468
|
weight: "semi-bold",
|
|
50452
50469
|
size: "base",
|