odaptos_design_system 1.4.105 → 1.4.107

package/dist/Interviews/Chat.d.ts

@@ -3,6 +3,7 @@ interface TaskItem {
     _id: string;
     description: string;
     notes: string;
+    type: 'task' | 'question';
     timedTask: boolean;
     totalSeconds: number;
     successSeconds: number;

package/dist/NumbersCode/NumbersCode.d.ts

@@ -4,17 +4,22 @@ export interface NumbersCodeProps {
     code: string;
     isValid: boolean[];
     setIsValid: (isValid: boolean[]) => void;
+    userValue: string[];
+    setUserValue: (newValue: string[]) => void;
     placeholder?: string;
+    containerClassname?: string;
     className?: string;
 }
 export interface InputElementProps {
     inputNumber: number;
     inputCode: string;
     isValid: boolean[];
+    userValue: string[];
+    setUserValue: (newValue: string[]) => void;
     setIsValid: (isValid: boolean[]) => void;
     maxElement: number;
     placeholder?: string;
     className?: string;
 }
 /** Figma link : https://www.figma.com/file/fjnhhbL12HvKccPmJchVnr/Atomic-Library?type=design&node-id=131-253&mode=dev */
-export declare const NumbersCode: ({ className, code, isValid, setIsValid, placeholder, number }: NumbersCodeProps) => React.JSX.Element;
+export declare const NumbersCode: ({ className, code, userValue, setUserValue, isValid, setIsValid, containerClassname, placeholder, number }: NumbersCodeProps) => React.JSX.Element;

package/dist/odaptos_design_system.cjs.development.js

@@ -7953,7 +7953,7 @@ const ControlsBar = ({
   }));
 };
 
-var css_248z$b = ".Chat-modules_chatContainer__xzg50{align-items:flex-start;background:#fff;border-radius:.5rem;display:flex;flex-direction:column;gap:.5rem;height:100%;min-width:25rem;padding:1rem}.Chat-modules_chatContainer__xzg50 .Chat-modules_scrolling_content__urvdP{display:flex;flex-direction:column;gap:.5rem;max-width:100%}.Chat-modules_chatContainer__xzg50 .Chat-modules_scrolling_content__urvdP .Chat-modules_tasks_container__Mg9Oh{max-height:80%;overflow-x:hidden;overflow-y:scroll}.Chat-modules_no_scrollbar__Ia2bX{-ms-overflow-style:none;scrollbar-width:none}.Chat-modules_no_scrollbar__Ia2bX::-webkit-scrollbar{display:none}";
+var css_248z$b = ".Chat-modules_chatContainer__xzg50{align-items:flex-start;background:#fff;border-radius:.5rem;display:flex;flex-direction:column;gap:.5rem;height:100%;min-width:25rem;padding:1rem}.Chat-modules_chatContainer__xzg50 .Chat-modules_scrolling_content__urvdP{display:flex;flex-direction:column;gap:.5rem;max-width:100%}.Chat-modules_chatContainer__xzg50 .Chat-modules_scrolling_content__urvdP .Chat-modules_tasks_container__Mg9Oh{display:flex;flex-direction:column;gap:1rem;max-height:50%;overflow-x:hidden;overflow-y:scroll}.Chat-modules_no_scrollbar__Ia2bX{-ms-overflow-style:none;scrollbar-width:none}.Chat-modules_no_scrollbar__Ia2bX::-webkit-scrollbar{display:none}";
 var styles$b = {"chatContainer":"Chat-modules_chatContainer__xzg50","scrolling_content":"Chat-modules_scrolling_content__urvdP","tasks_container":"Chat-modules_tasks_container__Mg9Oh","no_scrollbar":"Chat-modules_no_scrollbar__Ia2bX"};
 styleInject(css_248z$b);
 
@@ -7995,10 +7995,10 @@ const Chat = ({
     text: chatTitle,
     weight: "bold",
     size: "lg"
-  }), welcomeTitle && welcomeDescription && isInterviewer && /*#__PURE__*/React__default.createElement(WelcomeMessage, {
+  }), welcomeTitle && welcomeDescription && !isInterviewer && /*#__PURE__*/React__default.createElement(WelcomeMessage, {
     title: welcomeTitle,
     description: welcomeDescription
-  }), startInterviewTitle && startInterview && startInterviewBtnTitle && !isInterviewer && /*#__PURE__*/React__default.createElement(StartInterview, {
+  }), startInterviewTitle && startInterview && startInterviewBtnTitle && isInterviewer && /*#__PURE__*/React__default.createElement(StartInterview, {
     title: startInterviewTitle,
     buttonText: startInterviewBtnTitle,
     buttonIcon: startInterviewIcon,
@@ -8010,7 +8010,7 @@ const Chat = ({
     const isCompletedTask = index < currentTaskIndex;
     return /*#__PURE__*/React__default.createElement(Task, {
       key: task._id,
-      taskNumber: `Task #${index + 1}`,
+      taskNumber: `${task.type === 'task' ? 'Task' : 'Question'} #${index + 1}`,
       taskTitle: task.description,
       notes: task.notes,
       state: isCompletedTask ? 'disabled' : currentTaskIndex === index ? 'active' : 'idle',
@@ -8913,6 +8913,8 @@ const NumberInput = ({
   inputCode,
   inputNumber,
   isValid,
+  userValue,
+  setUserValue,
   setIsValid,
   maxElement,
   placeholder,
@@ -8921,11 +8923,22 @@ const NumberInput = ({
   const [value, setValue] = React.useState('');
   return /*#__PURE__*/React__default.createElement(CssTextField$2, Object.assign({
     value: value,
-    onChange: event => {
-      if (Number(event.target.value.slice(-1)) || Number(event.target.value.slice(-1)) === 0) {
+    onKeyDown: event => {
+      if (event.key === "Backspace") {
         let newValidity = [...isValid];
-        setValue(event.target.value.slice(-1));
-        newValidity[inputNumber] = event.target.value.slice(-1) === inputCode;
+        setValue("");
+        let newUserValue = [...userValue];
+        newUserValue[inputNumber] = "";
+        setUserValue(newUserValue);
+        setIsValid([...newValidity]);
+      }
+      if (Number(event.key) || Number(event.key) === 0) {
+        let newValidity = [...isValid];
+        setValue(event.key);
+        newValidity[inputNumber] = event.key === inputCode;
+        let newUserValue = [...userValue];
+        newUserValue[inputNumber] = event.key;
+        setUserValue(newUserValue);
         setIsValid([...newValidity]);
         if (inputNumber < maxElement - 1) {
           const nextInput = document.getElementById(`NumberInput#${inputNumber + 1}`);
@@ -8944,17 +8957,22 @@ const NumberInput = ({
 const NumbersCode = ({
   className,
   code,
+  userValue,
+  setUserValue,
   isValid,
   setIsValid,
+  containerClassname,
   placeholder = "_",
   number = 6
 }) => {
   const children = [];
   for (let i = 0; i < number; i += 1) {
     children.push( /*#__PURE__*/React__default.createElement(NumberInput, {
+      userValue: userValue,
+      setUserValue: setUserValue,
       setIsValid: setIsValid,
       isValid: isValid,
-      inputCode: code.charAt(i),
+      inputCode: code ? code.charAt(i) : '',
       className: className,
       inputNumber: i,
       placeholder: placeholder,
@@ -8962,7 +8980,7 @@ const NumbersCode = ({
     }));
   }
   return /*#__PURE__*/React__default.createElement("div", {
-    className: `${styles$o.blockList}`
+    className: `${containerClassname ?? ''} ${styles$o.blockList}`
   }, children);
 };