odaptos_design_system 1.4.104 → 1.4.105

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.
@@ -29,6 +29,7 @@ export interface ChatProps extends HTMLAttributes<HTMLDivElement> {
29
29
  className?: string;
30
30
  isTaskMode?: boolean;
31
31
  isChatDisplay?: boolean;
32
+ isInterviewer?: boolean;
32
33
  }
33
- export declare const Chat: ({ goBackText, goBack, chatTitle, welcomeTitle, welcomeDescription, startInterviewTitle, startInterviewBtnTitle, startInterviewIcon, startInterview, tasks, sendTask, validateTask, currentTask, chatInputPlaceholder, chatInputValue, chatInputonChange, sendMessage, className, isTaskMode, isChatDisplay, ...props }: ChatProps) => React.JSX.Element;
34
+ export declare const Chat: ({ goBackText, goBack, chatTitle, welcomeTitle, welcomeDescription, startInterviewTitle, startInterviewBtnTitle, startInterviewIcon, startInterview, tasks, sendTask, validateTask, currentTask, chatInputPlaceholder, chatInputValue, chatInputonChange, sendMessage, className, isTaskMode, isInterviewer, ...props }: ChatProps) => React.JSX.Element;
34
35
  export {};
@@ -4,6 +4,7 @@ export interface NumbersCodeProps {
4
4
  code: string;
5
5
  isValid: boolean[];
6
6
  setIsValid: (isValid: boolean[]) => void;
7
+ placeholder?: string;
7
8
  className?: string;
8
9
  }
9
10
  export interface InputElementProps {
@@ -12,7 +13,8 @@ export interface InputElementProps {
12
13
  isValid: boolean[];
13
14
  setIsValid: (isValid: boolean[]) => void;
14
15
  maxElement: number;
16
+ placeholder?: string;
15
17
  className?: string;
16
18
  }
17
19
  /** Figma link : https://www.figma.com/file/fjnhhbL12HvKccPmJchVnr/Atomic-Library?type=design&node-id=131-253&mode=dev */
18
- export declare const NumbersCode: ({ className, code, isValid, setIsValid, number }: NumbersCodeProps) => React.JSX.Element;
20
+ export declare const NumbersCode: ({ className, code, isValid, setIsValid, placeholder, number }: NumbersCodeProps) => React.JSX.Element;
@@ -7977,10 +7977,10 @@ const Chat = ({
7977
7977
  sendMessage,
7978
7978
  className,
7979
7979
  isTaskMode,
7980
- isChatDisplay,
7980
+ isInterviewer,
7981
7981
  ...props
7982
7982
  }) => {
7983
- if (isChatDisplay) return /*#__PURE__*/React__default.createElement(Grid, Object.assign({
7983
+ return /*#__PURE__*/React__default.createElement(Grid, Object.assign({
7984
7984
  container: true,
7985
7985
  item: true,
7986
7986
  xs: 3,
@@ -7995,10 +7995,10 @@ const Chat = ({
7995
7995
  text: chatTitle,
7996
7996
  weight: "bold",
7997
7997
  size: "lg"
7998
- }), welcomeTitle && welcomeDescription && /*#__PURE__*/React__default.createElement(WelcomeMessage, {
7998
+ }), welcomeTitle && welcomeDescription && isInterviewer && /*#__PURE__*/React__default.createElement(WelcomeMessage, {
7999
7999
  title: welcomeTitle,
8000
8000
  description: welcomeDescription
8001
- }), startInterviewTitle && startInterview && startInterviewBtnTitle && /*#__PURE__*/React__default.createElement(StartInterview, {
8001
+ }), startInterviewTitle && startInterview && startInterviewBtnTitle && !isInterviewer && /*#__PURE__*/React__default.createElement(StartInterview, {
8002
8002
  title: startInterviewTitle,
8003
8003
  buttonText: startInterviewBtnTitle,
8004
8004
  buttonIcon: startInterviewIcon,
@@ -8024,7 +8024,7 @@ const Chat = ({
8024
8024
  value: chatInputValue,
8025
8025
  onChange: chatInputonChange,
8026
8026
  sendMessage: sendMessage
8027
- }));else return /*#__PURE__*/React__default.createElement(React__default.Fragment, null);
8027
+ }));
8028
8028
  };
8029
8029
 
8030
8030
  var css_248z$c = ".ChatInput-modules_chat_input_container__kI77U{align-items:center;align-self:stretch;background:var(--color-neutral-clear-shades-150,#eee);border-radius:.5rem;display:flex;flex-direction:row;gap:.5rem;margin-top:auto;padding:.625rem .75rem}.ChatInput-modules_chat_input_container__kI77U input{background:var(--color-neutral-clear-shades-150,#eee);border:none;color:var(--color-neutral-dark-shades-950,#26292e);font-family:OpenSans;font-size:1rem;font-style:normal;font-weight:400;line-height:1.5rem;width:100%}.ChatInput-modules_chat_input_container__kI77U input:focus{outline:none}.ChatInput-modules_chat_input_container__kI77U input::-moz-placeholder{color:var(--color-neutral-dark-shades-550,#8a8b8e);opacity:1}.ChatInput-modules_chat_input_container__kI77U input::placeholder{color:var(--color-neutral-dark-shades-550,#8a8b8e);opacity:1}";
@@ -8915,6 +8915,7 @@ const NumberInput = ({
8915
8915
  isValid,
8916
8916
  setIsValid,
8917
8917
  maxElement,
8918
+ placeholder,
8918
8919
  ...props
8919
8920
  }) => {
8920
8921
  const [value, setValue] = React.useState('');
@@ -8935,6 +8936,7 @@ const NumberInput = ({
8935
8936
  }
8936
8937
  },
8937
8938
  id: `NumberInput#${inputNumber}`,
8939
+ placeholder: placeholder,
8938
8940
  className: `${styles$o.input_number} ${className ?? ''}`
8939
8941
  }, props));
8940
8942
  };
@@ -8944,6 +8946,7 @@ const NumbersCode = ({
8944
8946
  code,
8945
8947
  isValid,
8946
8948
  setIsValid,
8949
+ placeholder = "_",
8947
8950
  number = 6
8948
8951
  }) => {
8949
8952
  const children = [];
@@ -8954,11 +8957,12 @@ const NumbersCode = ({
8954
8957
  inputCode: code.charAt(i),
8955
8958
  className: className,
8956
8959
  inputNumber: i,
8960
+ placeholder: placeholder,
8957
8961
  maxElement: number
8958
8962
  }));
8959
8963
  }
8960
8964
  return /*#__PURE__*/React__default.createElement("div", {
8961
- className: `${className ?? ''} ${styles$o.blockList}`
8965
+ className: `${styles$o.blockList}`
8962
8966
  }, children);
8963
8967
  };
8964
8968