odaptos_design_system 2.0.168 → 2.0.170

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.
@@ -37,5 +37,6 @@ export interface ControlsBarProps extends HTMLAttributes<HTMLDivElement> {
37
37
  exitInterview?: () => void;
38
38
  exitInterviewText?: string;
39
39
  disabledExitInterview?: boolean;
40
+ disabledEndInterviewText?: string;
40
41
  }
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;
42
+ 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, disabledEndInterviewText, ...props }: ControlsBarProps) => React.JSX.Element;
package/dist/index.d.ts CHANGED
@@ -55,7 +55,6 @@ export * from './Molecules/Tabs/TabsUnderLine';
55
55
  export * from './Molecules/Thematic/Thematic';
56
56
  export * from './Molecules/ToggleTab/ToggleTab';
57
57
  export * from './Molecules/UserIndicator/UserIndicator';
58
- export * from './Organisms/JsonInput/JsonInput';
59
58
  export * from './Organisms/DatePicker/DatePicker';
60
59
  export * from './Organisms/FormQuestions/FormQuestions';
61
60
  export * from './Organisms/Modal/Modal';
@@ -19,9 +19,6 @@ var Grid = _interopDefault(require('@mui/material/Grid'));
19
19
  var Marquee = _interopDefault(require('react-fast-marquee'));
20
20
  var Tab = _interopDefault(require('@mui/material/Tab'));
21
21
  var Tabs$1 = _interopDefault(require('@mui/material/Tabs'));
22
- var CodeMirror = _interopDefault(require('@uiw/react-codemirror'));
23
- var langJson = require('@codemirror/lang-json');
24
- var codemirror = require('codemirror');
25
22
  var AdapterDateFnsV3 = require('@mui/x-date-pickers/AdapterDateFnsV3');
26
23
  var enUS = require('date-fns/locale/en-US');
27
24
  var fr = require('date-fns/locale/fr');
@@ -13130,6 +13127,7 @@ const ControlsBar = ({
13130
13127
  exitInterview,
13131
13128
  exitInterviewText,
13132
13129
  disabledExitInterview,
13130
+ disabledEndInterviewText,
13133
13131
  ...props
13134
13132
  }) => {
13135
13133
  const [isStopRecPopoverOpen, setIsStopRecPopoverOpen] = React.useState(false);
@@ -13179,13 +13177,25 @@ const ControlsBar = ({
13179
13177
  }), /*#__PURE__*/React__default.createElement(Text, {
13180
13178
  weight: "semi-bold",
13181
13179
  text: isRecording ? stopRecText : startRecText
13182
- })), identity === 'interviewer' && endInterview && /*#__PURE__*/React__default.createElement(InterviewButton, {
13180
+ })), identity === 'interviewer' && endInterview && !disabledEndInterview ? /*#__PURE__*/React__default.createElement(InterviewButton, {
13183
13181
  text: endInterviewText,
13184
13182
  variant: "end-interview",
13185
13183
  disabled: disabledEndInterview,
13186
13184
  onClick: () => endInterview(),
13187
13185
  icon: /*#__PURE__*/React__default.createElement(HangUpIcon, null)
13188
- }), (identity === 'interviewee' || !isModerated) && screenShareText && enableScreenSharing && /*#__PURE__*/React__default.createElement(InterviewButton, {
13186
+ }) : identity === 'interviewer' && endInterview && disabledEndInterview && disabledEndInterviewText ? /*#__PURE__*/React__default.createElement(Tooltip, {
13187
+ tooltipDescription: disabledEndInterviewText,
13188
+ placement: "top",
13189
+ arrow: true
13190
+ }, /*#__PURE__*/React__default.createElement("div", null, /*#__PURE__*/React__default.createElement(InterviewButton, {
13191
+ text: endInterviewText,
13192
+ variant: "end-interview",
13193
+ disabled: disabledEndInterview,
13194
+ onClick: () => endInterview(),
13195
+ icon: /*#__PURE__*/React__default.createElement(HangUpIcon, {
13196
+ fill: "white"
13197
+ })
13198
+ }))) : null, (identity === 'interviewee' || !isModerated) && screenShareText && enableScreenSharing && /*#__PURE__*/React__default.createElement(InterviewButton, {
13189
13199
  id: "odaptos_screen_share",
13190
13200
  text: screenShareText,
13191
13201
  variant: "screenshare",
@@ -13306,7 +13316,7 @@ const EndRecording = ({
13306
13316
  }));
13307
13317
  };
13308
13318
 
13309
- var css_248z$z = ".InterviewButton-modules_interview_button__nQuJi{align-items:center;border:none;border-radius:1.5rem;box-shadow:0 4px 8px 3px rgba(0,0,0,.08),0 1px 3px 0 rgba(0,0,0,.15);cursor:pointer;display:inline-flex;gap:.5rem;padding:.375rem .75rem;position:relative}.InterviewButton-modules_interview_button__nQuJi svg{height:1.5rem;width:1.5rem}.InterviewButton-modules_interview_button_screenshare__kTb7u{background:var(--color-primary-500,#07f)}.InterviewButton-modules_interview_button_screenshare__kTb7u:hover{background:var(--color-primary-400,#3392ff)}.InterviewButton-modules_interview_button_screenshare__kTb7u:active{background:var(--color-primary-600,#005fcc)}.InterviewButton-modules_interview_button_screenshare__kTb7u p{color:#fff!important}.InterviewButton-modules_interview_button_screenshare__kTb7u svg{stroke:#fff!important;fill:#fff!important}.InterviewButton-modules_interview_button_protocol__NuNs8{background:var(--color-neutral-dark-shades-700,#64666a)}.InterviewButton-modules_interview_button_protocol__NuNs8 p{color:#fff!important}.InterviewButton-modules_interview_button_protocol__NuNs8 svg{stroke:#fff!important;fill:#fff!important}.InterviewButton-modules_interview_button_protocol__NuNs8:hover{background:var(--color-neutral-dark-shades-550,#8a8b8e)}.InterviewButton-modules_interview_button_protocol__NuNs8:hover p{color:#fff!important}.InterviewButton-modules_interview_button_protocol__NuNs8:hover svg{stroke:#fff!important;fill:#fff!important}.InterviewButton-modules_interview_button_protocol__NuNs8:active{background:var(--color-neutral-dark-shades-700,#64666a)}.InterviewButton-modules_interview_button_protocol__NuNs8:active p{color:var(--color-neutral-basics-black,#00040a)!important}.InterviewButton-modules_interview_button_protocol__NuNs8:active svg{stroke:var(--color-neutral-basics-black,#00040a)!important;fill:var(--color-neutral-basics-black,#00040a)!important}.InterviewButton-modules_active__pmGNN{background:var(--color-primary-300,#66adff)}.InterviewButton-modules_active__pmGNN p{color:#00040a!important}.InterviewButton-modules_active__pmGNN svg{stroke:#00040a!important;fill:#00040a!important;height:1.5rem;width:1.5rem}.InterviewButton-modules_disabled__bzmGz{cursor:not-allowed;opacity:.2}.InterviewButton-modules_interview_button_end_interview__J5C2I{background:var(--color-extended-red-500,#f54c4c)}.InterviewButton-modules_interview_button_end_interview__J5C2I:hover{background:var(--color-extended-red-400,#f77070)}.InterviewButton-modules_interview_button_end_interview__J5C2I:active{background:var(--color-extended-red-600,#c73f3d)}.InterviewButton-modules_interview_button_end_interview__J5C2I p{color:var(--color-neutral-basics-black,#00040a)!important}.InterviewButton-modules_interview_button_end_interview__J5C2I svg{stroke:var(--color-neutral-basics-black,#00040a)!important;fill:var(--color-neutral-basics-black,#00040a)!important}.InterviewButton-modules_notif_icon__sDbuB{height:.75rem!important;position:absolute;right:0;top:0;width:.75rem!important}";
13319
+ var css_248z$z = ".InterviewButton-modules_interview_button__nQuJi{align-items:center;border:none;border-radius:1.5rem;box-shadow:0 4px 8px 3px rgba(0,0,0,.08),0 1px 3px 0 rgba(0,0,0,.15);cursor:pointer;display:inline-flex;gap:.5rem;padding:.375rem .75rem;position:relative}.InterviewButton-modules_interview_button__nQuJi svg{height:1.5rem;width:1.5rem}.InterviewButton-modules_interview_button_screenshare__kTb7u{background:var(--color-primary-500,#07f)}.InterviewButton-modules_interview_button_screenshare__kTb7u:hover{background:var(--color-primary-400,#3392ff)}.InterviewButton-modules_interview_button_screenshare__kTb7u:active{background:var(--color-primary-600,#005fcc)}.InterviewButton-modules_interview_button_screenshare__kTb7u p{color:#fff!important}.InterviewButton-modules_interview_button_screenshare__kTb7u svg{stroke:#fff!important;fill:#fff!important}.InterviewButton-modules_interview_button_protocol__NuNs8{background:var(--color-neutral-dark-shades-700,#64666a)}.InterviewButton-modules_interview_button_protocol__NuNs8 p{color:#fff!important}.InterviewButton-modules_interview_button_protocol__NuNs8 svg{stroke:#fff!important;fill:#fff!important}.InterviewButton-modules_interview_button_protocol__NuNs8:hover{background:var(--color-neutral-dark-shades-550,#8a8b8e)}.InterviewButton-modules_interview_button_protocol__NuNs8:hover p{color:#fff!important}.InterviewButton-modules_interview_button_protocol__NuNs8:hover svg{stroke:#fff!important;fill:#fff!important}.InterviewButton-modules_interview_button_protocol__NuNs8:active{background:var(--color-neutral-dark-shades-700,#64666a)}.InterviewButton-modules_interview_button_protocol__NuNs8:active p{color:var(--color-neutral-basics-black,#00040a)!important}.InterviewButton-modules_interview_button_protocol__NuNs8:active svg{stroke:var(--color-neutral-basics-black,#00040a)!important;fill:var(--color-neutral-basics-black,#00040a)!important}.InterviewButton-modules_active__pmGNN{background:var(--color-primary-300,#66adff)}.InterviewButton-modules_active__pmGNN p{color:#00040a!important}.InterviewButton-modules_active__pmGNN svg{stroke:#00040a!important;fill:#00040a!important;height:1.5rem;width:1.5rem}.InterviewButton-modules_disabled__bzmGz{cursor:not-allowed;opacity:.2}.InterviewButton-modules_interview_button_end_interview__J5C2I{background:var(--color-extended-red-500,#f54c4c)}.InterviewButton-modules_interview_button_end_interview__J5C2I:hover{background:var(--color-extended-red-400,#f77070)}.InterviewButton-modules_interview_button_end_interview__J5C2I:active{background:var(--color-extended-red-600,#c73f3d)}.InterviewButton-modules_interview_button_end_interview__J5C2I p{color:var(--Color-Neutral-Basics-White,#fff)!important}.InterviewButton-modules_interview_button_end_interview__J5C2I svg{stroke:var(--Color-Neutral-Basics-White,#fff)!important;fill:var(--Color-Neutral-Basics-White,#fff)!important}.InterviewButton-modules_notif_icon__sDbuB{height:.75rem!important;position:absolute;right:0;top:0;width:.75rem!important}";
13310
13320
  var styles$z = {"interview_button":"InterviewButton-modules_interview_button__nQuJi","interview_button_screenshare":"InterviewButton-modules_interview_button_screenshare__kTb7u","interview_button_protocol":"InterviewButton-modules_interview_button_protocol__NuNs8","active":"InterviewButton-modules_active__pmGNN","disabled":"InterviewButton-modules_disabled__bzmGz","interview_button_end_interview":"InterviewButton-modules_interview_button_end_interview__J5C2I","notif_icon":"InterviewButton-modules_notif_icon__sDbuB"};
13311
13321
  styleInject(css_248z$z);
13312
13322
 
@@ -15036,23 +15046,6 @@ const UserIndicator = ({
15036
15046
  }));
15037
15047
  };
15038
15048
 
15039
- const JsonInput = ({
15040
- value,
15041
- onChange,
15042
- className,
15043
- id
15044
- }) => {
15045
- return /*#__PURE__*/React__default.createElement(CodeMirror, {
15046
- value: value,
15047
- height: "auto",
15048
- theme: "dark",
15049
- extensions: [codemirror.basicSetup, langJson.json()],
15050
- onChange: onChange,
15051
- className: className,
15052
- id: id
15053
- });
15054
- };
15055
-
15056
15049
  var css_248z$Q = ".DatePicker-modules_date_picker__ltMIy{min-width:13rem;width:100%}.DatePicker-modules_date_picker__ltMIy label,.DatePicker-modules_date_picker__ltMIy span{font-family:Open Sans;font-size:1rem;font-style:normal;font-weight:400;letter-spacing:.03em;line-height:1.3;margin:unset;text-align:left}.DatePicker-modules_date_picker__ltMIy .DatePicker-modules_MuiAutocomplete-endAdornment__a1ZeH{display:flex;gap:.5rem;margin-top:-.35rem!important}.DatePicker-modules_date_picker__ltMIy input{font-family:var(--sdFontFamily \"Open Sans\");font-size:var(--sdTypoTextNoDecorationRegularBase);font-style:normal;font-weight:var(--sdFontWeightRegular);letter-spacing:var(--sdLetterSpacingButtons);line-height:var(--sdLineHeight130);margin:unset;padding:8.5px 14px;text-align:left}.DatePicker-modules_date_picker__ltMIy svg{height:1rem;width:1rem}.DatePicker-modules_input_top_label__n3jgg{margin-bottom:.625rem}.DatePicker-modules_MuiOutlinedInput-root__wFT0C.DatePicker-modules_MuiInputBase-root__8VJD9.DatePicker-modules_MuiInputBase-formControl__R-soq{align-items:center;display:flex;flex-direction:row}.DatePicker-modules_text_below__kaG7V{margin:.25rem .5rem .25rem .75rem}.DatePicker-modules_icon__6Kwu0{height:1rem!important;margin-left:.25rem;width:1rem!important}";
15057
15050
  var styles$Q = {"date_picker":"DatePicker-modules_date_picker__ltMIy","MuiAutocomplete-endAdornment":"DatePicker-modules_MuiAutocomplete-endAdornment__a1ZeH","input_top_label":"DatePicker-modules_input_top_label__n3jgg","MuiOutlinedInput-root":"DatePicker-modules_MuiOutlinedInput-root__wFT0C","MuiInputBase-root":"DatePicker-modules_MuiInputBase-root__8VJD9","MuiInputBase-formControl":"DatePicker-modules_MuiInputBase-formControl__R-soq","text_below":"DatePicker-modules_text_below__kaG7V","icon":"DatePicker-modules_icon__6Kwu0"};
15058
15051
  styleInject(css_248z$Q);
@@ -17911,7 +17904,6 @@ exports.InterviewButton = InterviewButton;
17911
17904
  exports.InterviewTranscript = InterviewTranscript;
17912
17905
  exports.InterviewTranscriptGreen = InterviewTranscriptGreen;
17913
17906
  exports.IosIcon = IosIcon;
17914
- exports.JsonInput = JsonInput;
17915
17907
  exports.LanguageIcon = LanguageIcon;
17916
17908
  exports.LaptopIcon = LaptopIcon;
17917
17909
  exports.LayoutIcon = LayoutIcon;