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.
Files changed (28) hide show
  1. package/dist/Atoms/TimeInterval/TimeInterval.d.ts +1 -1
  2. package/dist/Molecules/ChatMessage/ChatMessage.d.ts +1 -1
  3. package/dist/Molecules/Interviews/Chat.d.ts +53 -0
  4. package/dist/Molecules/Interviews/Scenario.d.ts +13 -11
  5. package/dist/Molecules/Interviews/Task.d.ts +37 -9
  6. package/dist/Molecules/PricingCard/PricingCard.d.ts +2 -1
  7. package/dist/index.d.ts +1 -0
  8. package/dist/odaptos_design_system.cjs.development.js +847 -952
  9. package/dist/odaptos_design_system.cjs.development.js.map +1 -1
  10. package/dist/odaptos_design_system.cjs.production.min.js +1 -1
  11. package/dist/odaptos_design_system.cjs.production.min.js.map +1 -1
  12. package/dist/odaptos_design_system.esm.js +823 -929
  13. package/dist/odaptos_design_system.esm.js.map +1 -1
  14. package/package.json +1 -1
  15. package/src/Atoms/TimeInterval/TimeInterval.tsx +1 -5
  16. package/src/Molecules/ChatMessage/ChatMessage.module.scss +0 -6
  17. package/src/Molecules/ChatMessage/ChatMessage.tsx +17 -20
  18. package/src/Molecules/Interviews/Chat.modules.scss +236 -0
  19. package/src/Molecules/Interviews/Chat.tsx +472 -0
  20. package/src/Molecules/Interviews/CircleIconButton.modules.scss +2 -2
  21. package/src/Molecules/Interviews/InterviewButton.modules.scss +3 -6
  22. package/src/Molecules/Interviews/Scenario.modules.scss +11 -108
  23. package/src/Molecules/Interviews/Scenario.tsx +55 -242
  24. package/src/Molecules/Interviews/Task.modules.scss +220 -171
  25. package/src/Molecules/Interviews/Task.tsx +243 -503
  26. package/src/Molecules/Interviews/WelcomeMessage.modules.scss +0 -22
  27. package/src/Molecules/PricingCard/PricingCard.tsx +9 -1
  28. 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 | null;
9
+ export declare const TimeInterval: ({ id, startTime, endTime, onClick, className, }: TimeIntervalProps) => React.JSX.Element;
@@ -4,7 +4,7 @@ export interface ChatMessageProps extends HTMLAttributes<HTMLDivElement> {
4
4
  isMe?: boolean;
5
5
  onClickTime: (nb: number) => void;
6
6
  classNameTime?: string;
7
- startTime?: number;
7
+ startTime: number;
8
8
  endTime?: number;
9
9
  id?: string;
10
10
  }
@@ -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
- scenario: any;
4
- isInterviewer: boolean;
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: ({ scenario, contentFunc, isInterviewer, isObserver, sendScenario, isAlreadySent, isThereTaskSent, isDisabled, isNonModerated, isInHistory, }: ScenarioProps) => React.JSX.Element;
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
- task: any;
4
- state: 'active' | 'done' | 'not_started';
5
- isInterviewer: boolean;
6
- contentFunc: (key: string) => string;
7
- isObserver: boolean;
8
- sendTask: (taskId: string) => void;
9
- isNonModerated: boolean;
10
- isDisabled: boolean;
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, contentFunc, isInterviewer, isObserver, sendTask, isNonModerated, isDisabled, }: TaskProps) => React.JSX.Element;
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';