odaptos_design_system 2.0.169 → 2.0.172

package/dist/Molecules/Interviews/ControlsBar.d.ts

@@ -37,5 +37,6 @@ export interface ControlsBarProps extends HTMLAttributes<HTMLDivElement> {
     exitInterview?: () => void;
     exitInterviewText?: string;
     disabledExitInterview?: boolean;
+    disabledEndInterviewText?: string;
 }
-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;
+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/odaptos_design_system.cjs.development.js

@@ -13127,6 +13127,7 @@ const ControlsBar = ({
   exitInterview,
   exitInterviewText,
   disabledExitInterview,
+  disabledEndInterviewText,
   ...props
 }) => {
   const [isStopRecPopoverOpen, setIsStopRecPopoverOpen] = React.useState(false);
@@ -13176,13 +13177,25 @@ const ControlsBar = ({
   }), /*#__PURE__*/React__default.createElement(Text, {
     weight: "semi-bold",
     text: isRecording ? stopRecText : startRecText
-  })), identity === 'interviewer' && endInterview && /*#__PURE__*/React__default.createElement(InterviewButton, {
+  })), identity === 'interviewer' && endInterview && !disabledEndInterview ? /*#__PURE__*/React__default.createElement(InterviewButton, {
     text: endInterviewText,
     variant: "end-interview",
     disabled: disabledEndInterview,
     onClick: () => endInterview(),
     icon: /*#__PURE__*/React__default.createElement(HangUpIcon, null)
-  }), (identity === 'interviewee' || !isModerated) && screenShareText && enableScreenSharing && /*#__PURE__*/React__default.createElement(InterviewButton, {
+  }) : identity === 'interviewer' && endInterview && disabledEndInterview && disabledEndInterviewText ? /*#__PURE__*/React__default.createElement(Tooltip, {
+    tooltipDescription: disabledEndInterviewText,
+    placement: "top",
+    arrow: true
+  }, /*#__PURE__*/React__default.createElement("div", null, /*#__PURE__*/React__default.createElement(InterviewButton, {
+    text: endInterviewText,
+    variant: "end-interview",
+    disabled: disabledEndInterview,
+    onClick: () => endInterview(),
+    icon: /*#__PURE__*/React__default.createElement(HangUpIcon, {
+      fill: "white"
+    })
+  }))) : null, (identity === 'interviewee' || !isModerated) && screenShareText && enableScreenSharing && /*#__PURE__*/React__default.createElement(InterviewButton, {
     id: "odaptos_screen_share",
     text: screenShareText,
     variant: "screenshare",
@@ -13303,7 +13316,7 @@ const EndRecording = ({
   }));
 };
 
-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}";
+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}";
 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"};
 styleInject(css_248z$z);
 
@@ -15589,23 +15602,32 @@ const MultiSelect = ({
     renderTags: value => {
       return /*#__PURE__*/React__default.createElement("div", {
         className: `${styles$T.tags_container} ${styles$T.no_scrollbar}`
-      }, value.map((option, index) => /*#__PURE__*/React__default.createElement(Badge, {
-        text: option.label,
-        status: "idle",
-        size: "base",
-        key: `chipt-option-${index}`,
-        className: styles$T.customBadge,
-        canBeRemoved: true,
-        iconRight: /*#__PURE__*/React__default.createElement(RemoveCircledIcon, {
-          fill: colors.neutral_700,
-          style: {
-            cursor: 'pointer !important'
-          },
-          onClick: () => {
-            if (!disabled) deleteOption(option);
-          }
-        })
-      })));
+      }, value.map((option, index) => {
+        const isTextTruncated = option.label.length > 20;
+        const TagContent = /*#__PURE__*/React__default.createElement(Badge, {
+          text: option.label,
+          status: "idle",
+          size: "base",
+          key: `chipt-option-${index}`,
+          className: styles$T.customBadge,
+          canBeRemoved: true,
+          iconRight: /*#__PURE__*/React__default.createElement(RemoveCircledIcon, {
+            fill: colors.neutral_700,
+            style: {
+              cursor: 'pointer !important'
+            },
+            onClick: () => {
+              if (!disabled) deleteOption(option);
+            }
+          })
+        });
+        return isTextTruncated ? /*#__PURE__*/React__default.createElement(Tooltip, {
+          key: index,
+          arrow: true,
+          placement: "top",
+          tooltipDescription: option.label
+        }, /*#__PURE__*/React__default.createElement("div", null, TagContent)) : TagContent;
+      }));
     },
     renderOption: (props, option, {
       selected
@@ -15865,21 +15887,32 @@ const MultiSelectWithCategories = ({
     renderTags: value => {
       return /*#__PURE__*/React__default.createElement("div", {
         className: `${styles$U.tags_container} ${styles$U.no_scrollbar}`
-      }, value.map((option, index) => /*#__PURE__*/React__default.createElement(Badge, {
-        text: option.label,
-        status: "idle",
-        size: "base",
-        key: `chipt-option-${index}`,
-        className: styles$U.customBadge,
-        canBeRemoved: true,
-        iconRight: /*#__PURE__*/React__default.createElement(RemoveCircledIcon, {
-          fill: colors.neutral_700,
-          style: {
-            cursor: 'pointer !important'
-          },
-          onClick: () => deleteOption(option)
-        })
-      })));
+      }, value.map((option, index) => {
+        const isTextTruncated = option.label.length > 20;
+        const TagContent = /*#__PURE__*/React__default.createElement(Badge, {
+          text: option.label,
+          status: "idle",
+          size: "base",
+          key: `chipt-option-${index}`,
+          className: styles$U.customBadge,
+          canBeRemoved: true,
+          iconRight: /*#__PURE__*/React__default.createElement(RemoveCircledIcon, {
+            fill: colors.neutral_700,
+            style: {
+              cursor: 'pointer !important'
+            },
+            onClick: () => {
+              if (!disabled) deleteOption(option);
+            }
+          })
+        });
+        return isTextTruncated ? /*#__PURE__*/React__default.createElement(Tooltip, {
+          key: index,
+          arrow: true,
+          placement: "top",
+          tooltipDescription: option.label
+        }, /*#__PURE__*/React__default.createElement("div", null, TagContent)) : TagContent;
+      }));
     },
     renderOption: (props, option, {
       selected
@@ -16067,7 +16100,7 @@ const MultiSelectWithoutFilter = ({
   }, [defaultValue]);
   React.useEffect(() => {
     // Call API only if searchTerm and fetchOptions are defined
-    if (searchTerm.length >= 3 && fetchOptions) {
+    if (searchTerm && searchTerm.length >= 3 && fetchOptions) {
       fetchOptions(searchTerm);
     }
   }, [searchTerm]);
@@ -16131,21 +16164,32 @@ const MultiSelectWithoutFilter = ({
     renderTags: value => {
       return /*#__PURE__*/React__default.createElement("div", {
         className: `${styles$V.tags_container} ${styles$V.no_scrollbar}`
-      }, value.map((option, index) => /*#__PURE__*/React__default.createElement(Badge, {
-        text: option.label,
-        status: "idle",
-        size: "base",
-        key: `chipt-option-${index}`,
-        className: styles$V.customBadge,
-        canBeRemoved: true,
-        iconRight: /*#__PURE__*/React__default.createElement(RemoveCircledIcon, {
-          fill: colors.neutral_700,
-          style: {
-            cursor: 'pointer !important'
-          },
-          onClick: () => deleteOption(option)
-        })
-      })));
+      }, value.map((option, index) => {
+        const isTextTruncated = option.label.length > 20;
+        const TagContent = /*#__PURE__*/React__default.createElement(Badge, {
+          text: option.label,
+          status: "idle",
+          size: "base",
+          key: `chipt-option-${index}`,
+          className: styles$V.customBadge,
+          canBeRemoved: true,
+          iconRight: /*#__PURE__*/React__default.createElement(RemoveCircledIcon, {
+            fill: colors.neutral_700,
+            style: {
+              cursor: 'pointer !important'
+            },
+            onClick: () => {
+              if (!disabled) deleteOption(option);
+            }
+          })
+        });
+        return isTextTruncated ? /*#__PURE__*/React__default.createElement(Tooltip, {
+          key: index,
+          arrow: true,
+          placement: "top",
+          tooltipDescription: option.label
+        }, /*#__PURE__*/React__default.createElement("div", null, TagContent)) : TagContent;
+      }));
     },
     renderOption: (props, option, {
       selected