odaptos_design_system 2.0.251 → 2.0.253
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/Atoms/TimeInterval/TimeInterval.d.ts +1 -1
- package/dist/Molecules/ChatMessage/ChatMessage.d.ts +1 -1
- package/dist/Molecules/Interviews/Chat.d.ts +53 -0
- package/dist/Molecules/Interviews/Scenario.d.ts +13 -11
- package/dist/Molecules/Interviews/Task.d.ts +37 -9
- package/dist/Molecules/PricingCard/PricingCard.d.ts +2 -1
- package/dist/index.d.ts +1 -0
- package/dist/odaptos_design_system.cjs.development.js +847 -952
- 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 +823 -929
- package/dist/odaptos_design_system.esm.js.map +1 -1
- package/package.json +1 -1
- package/src/Atoms/TimeInterval/TimeInterval.tsx +1 -5
- package/src/Molecules/ChatMessage/ChatMessage.module.scss +0 -6
- package/src/Molecules/ChatMessage/ChatMessage.tsx +17 -20
- package/src/Molecules/Interviews/Chat.modules.scss +236 -0
- package/src/Molecules/Interviews/Chat.tsx +472 -0
- package/src/Molecules/Interviews/CircleIconButton.modules.scss +2 -2
- package/src/Molecules/Interviews/InterviewButton.modules.scss +3 -6
- package/src/Molecules/Interviews/Scenario.modules.scss +11 -108
- package/src/Molecules/Interviews/Scenario.tsx +55 -242
- package/src/Molecules/Interviews/Task.modules.scss +220 -171
- package/src/Molecules/Interviews/Task.tsx +243 -503
- package/src/Molecules/Interviews/WelcomeMessage.modules.scss +0 -22
- package/src/Molecules/PricingCard/PricingCard.tsx +9 -1
- package/src/index.ts +1 -0
|
@@ -6,4 +6,4 @@ export interface TimeIntervalProps {
|
|
|
6
6
|
onClick: (nb: number) => void;
|
|
7
7
|
className?: string;
|
|
8
8
|
}
|
|
9
|
-
export declare const TimeInterval: ({ id, startTime, endTime, onClick, className, }: TimeIntervalProps) => React.JSX.Element
|
|
9
|
+
export declare const TimeInterval: ({ id, startTime, endTime, onClick, className, }: TimeIntervalProps) => React.JSX.Element;
|
|
@@ -0,0 +1,53 @@
|
|
|
1
|
+
import React, { HTMLAttributes } from 'react';
|
|
2
|
+
export interface ChatProps extends HTMLAttributes<HTMLDivElement> {
|
|
3
|
+
chatTitle?: string;
|
|
4
|
+
welcomeTitle?: string;
|
|
5
|
+
welcomeDescription?: string;
|
|
6
|
+
startInterviewTitle?: string;
|
|
7
|
+
startInterviewBtnTitle?: string;
|
|
8
|
+
scenarioText?: string;
|
|
9
|
+
taskText?: string;
|
|
10
|
+
questionText?: string;
|
|
11
|
+
noteText?: string;
|
|
12
|
+
actionText?: string;
|
|
13
|
+
startInterviewIcon?: JSX.Element;
|
|
14
|
+
startInterview?: (task: any) => void;
|
|
15
|
+
tasks: any[];
|
|
16
|
+
sendTask: (task: any) => void;
|
|
17
|
+
currentTask?: any;
|
|
18
|
+
chatInputPlaceholder?: string;
|
|
19
|
+
chatInputValue?: string;
|
|
20
|
+
chatInputonChange?: (message: string) => void;
|
|
21
|
+
sendMessage: () => void;
|
|
22
|
+
className?: string;
|
|
23
|
+
isTaskMode?: boolean;
|
|
24
|
+
isChatDisplay?: boolean;
|
|
25
|
+
isInterviewer?: boolean;
|
|
26
|
+
messages: any[];
|
|
27
|
+
idsTasksAlreadySent: string[];
|
|
28
|
+
customScrollingClassname?: string;
|
|
29
|
+
customContentClassname?: string;
|
|
30
|
+
disabledTask?: boolean;
|
|
31
|
+
disabledScenario?: boolean;
|
|
32
|
+
areAllTasksSend?: boolean;
|
|
33
|
+
isRecordingFinished?: boolean;
|
|
34
|
+
stopRecTitle: string;
|
|
35
|
+
stopRecDescription: string;
|
|
36
|
+
stopRecCTA: string;
|
|
37
|
+
SusExplanationTitle: string;
|
|
38
|
+
SusExplanationDescription: string;
|
|
39
|
+
isSus: boolean;
|
|
40
|
+
intervieweeName?: string;
|
|
41
|
+
stopRecording: () => void;
|
|
42
|
+
isObserver?: boolean;
|
|
43
|
+
contentFunc: (key: string) => string;
|
|
44
|
+
is5minsLeft: boolean;
|
|
45
|
+
taskIsTooFast: boolean;
|
|
46
|
+
titleMaxInterviewDuration: string;
|
|
47
|
+
descriptionMaxInterviewDuration: string;
|
|
48
|
+
titleSlowDownModerated: string;
|
|
49
|
+
descriptionSlowDownModerated: string;
|
|
50
|
+
sendQuestionsReminderTitle?: string;
|
|
51
|
+
sendQuestionsReminderDescription?: string;
|
|
52
|
+
}
|
|
53
|
+
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, sendQuestionsReminderTitle, sendQuestionsReminderDescription, ...props }: ChatProps) => React.JSX.Element;
|
|
@@ -1,15 +1,17 @@
|
|
|
1
1
|
import React, { HTMLAttributes } from 'react';
|
|
2
|
+
import type { Message, Task } from './PipModerated';
|
|
2
3
|
export interface ScenarioProps extends HTMLAttributes<HTMLDivElement> {
|
|
3
|
-
|
|
4
|
-
|
|
4
|
+
title: string;
|
|
5
|
+
scenarioName?: string;
|
|
6
|
+
description?: string;
|
|
7
|
+
buttonText?: string;
|
|
8
|
+
buttonIcon?: JSX.Element;
|
|
9
|
+
url: string;
|
|
10
|
+
className?: string;
|
|
11
|
+
disabled?: boolean;
|
|
12
|
+
isObserver?: boolean;
|
|
13
|
+
tasks: Task[];
|
|
14
|
+
messages: Message[];
|
|
5
15
|
contentFunc: (key: string) => string;
|
|
6
|
-
isObserver: boolean;
|
|
7
|
-
sendScenario: (scenarioId: string) => void;
|
|
8
|
-
isAlreadySent: boolean;
|
|
9
|
-
isThereTaskSent?: boolean;
|
|
10
|
-
isDisabled: boolean;
|
|
11
|
-
isNonModerated: boolean;
|
|
12
|
-
isInHistory: boolean;
|
|
13
|
-
isInTooltip: boolean;
|
|
14
16
|
}
|
|
15
|
-
export declare const Scenario: ({
|
|
17
|
+
export declare const Scenario: ({ title, scenarioName, description, buttonText, buttonIcon, url, className, disabled, isObserver, tasks, messages, contentFunc, ...props }: ScenarioProps) => React.JSX.Element;
|
|
@@ -1,12 +1,40 @@
|
|
|
1
1
|
import React, { HTMLAttributes } from 'react';
|
|
2
|
+
interface TaskItem {
|
|
3
|
+
_id: string;
|
|
4
|
+
description: string;
|
|
5
|
+
url: string;
|
|
6
|
+
name: string;
|
|
7
|
+
notes: string;
|
|
8
|
+
type: 'task' | 'question';
|
|
9
|
+
timedTask: boolean;
|
|
10
|
+
totalSeconds: number;
|
|
11
|
+
successSeconds: number;
|
|
12
|
+
failureSeconds: number;
|
|
13
|
+
}
|
|
2
14
|
export interface TaskProps extends HTMLAttributes<HTMLDivElement> {
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
15
|
+
className?: string;
|
|
16
|
+
taskNumber: string;
|
|
17
|
+
taskTitle: string;
|
|
18
|
+
taskDescription?: string;
|
|
19
|
+
taskTitleTooltip: string;
|
|
20
|
+
noteText?: string;
|
|
21
|
+
actionText?: string;
|
|
22
|
+
url?: string;
|
|
23
|
+
notes?: string;
|
|
24
|
+
state: 'idle' | 'active' | 'disabled' | 'done';
|
|
25
|
+
isDone: boolean;
|
|
26
|
+
task: TaskItem;
|
|
27
|
+
sendTask: (task: TaskItem) => void;
|
|
28
|
+
iconAction1?: JSX.Element;
|
|
29
|
+
iconAction2?: JSX.Element;
|
|
30
|
+
iconAction3?: JSX.Element;
|
|
31
|
+
action1?: () => void;
|
|
32
|
+
action2?: () => void;
|
|
33
|
+
action3?: () => void;
|
|
34
|
+
mainActionText?: string;
|
|
35
|
+
mainAction?: () => void;
|
|
36
|
+
isInterviewer?: boolean;
|
|
37
|
+
isObserver?: boolean;
|
|
11
38
|
}
|
|
12
|
-
export declare const Task: ({ task, state,
|
|
39
|
+
export declare const Task: ({ taskNumber, taskTitle, taskDescription, 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;
|
|
40
|
+
export {};
|
|
@@ -22,6 +22,7 @@ interface PricingCardProps {
|
|
|
22
22
|
isFreeTrialDisplayed?: boolean;
|
|
23
23
|
currency?: '$' | '€';
|
|
24
24
|
isFromMarketing?: boolean;
|
|
25
|
+
isUserInFreePlan?: boolean;
|
|
25
26
|
}
|
|
26
|
-
export declare const PricingCard: ({ cardInfo: { title, monthlyPrice, yearlyPrice, featuredSectionTitle }, cmsContent, featuresList, isHighlighted, highlightMessage, onClick, tier, yourPlanText, className, isYearly, currency, isFreeTrialDisplayed, isFromMarketing, }: PricingCardProps) => React.JSX.Element;
|
|
27
|
+
export declare const PricingCard: ({ cardInfo: { title, monthlyPrice, yearlyPrice, featuredSectionTitle }, cmsContent, featuresList, isHighlighted, highlightMessage, onClick, tier, yourPlanText, className, isYearly, currency, isFreeTrialDisplayed, isFromMarketing, isUserInFreePlan, }: PricingCardProps) => React.JSX.Element;
|
|
27
28
|
export {};
|
package/dist/index.d.ts
CHANGED
|
@@ -33,6 +33,7 @@ export * from './Molecules/Accordion/Accordion';
|
|
|
33
33
|
export * from './Molecules/ChatMessage/ChatMessage';
|
|
34
34
|
export * from './Molecules/FeaturesTable/FeaturesTable';
|
|
35
35
|
export * from './Molecules/FileUpload';
|
|
36
|
+
export * from './Molecules/Interviews/Chat';
|
|
36
37
|
export * from './Molecules/Interviews/ChatInput';
|
|
37
38
|
export * from './Molecules/Interviews/CircledIconButton';
|
|
38
39
|
export * from './Molecules/Interviews/ControlsBar';
|