cozy-search 0.17.3 → 0.18.0

package/dist/actions/delete.js

@@ -54,7 +54,7 @@ var remove = function remove(_ref) {
     displayCondition: function displayCondition() {
       return true;
     },
-    action: function action() {// TO DO: Add action to remove
+    action: function action() {// TO DO: Add action to remove due to this action does not exist yet in backend, we will implement it later
     }
   };
 };

package/dist/actions/rename.js

@@ -51,7 +51,7 @@ var rename = function rename(_ref) {
     displayCondition: function displayCondition() {
       return true;
     },
-    action: function action() {// TO DO: Add action to remove
+    action: function action() {// TO DO: Add action to rename due to this action does not exist yet in backend, we will implement it later
     }
   };
 };

package/dist/actions/share.js

@@ -51,7 +51,7 @@ var share = function share(_ref) {
     displayCondition: function displayCondition() {
       return true;
     },
-    action: function action() {// TO DO: Add action to remove
+    action: function action() {// TO DO: Add action to share due to this action does not exist yet in backend, we will implement it later
     }
   };
 };

package/dist/components/Assistant/AssistantAvatar.d.ts

@@ -3,4 +3,4 @@ declare function AssistantAvatar({ assistant, isSmall, className }: {
     assistant: any;
     isSmall: any;
     className: any;
-}): JSX.Element | undefined;
+}): JSX.Element | null;

package/dist/components/Assistant/AssistantAvatar.js

@@ -23,20 +23,24 @@ var _constants = require("../constants");
 
 var styles = {
   "assistant-container": "styles__assistant-container___2WDzp",
+  "knowledge-panel--light": "styles__knowledge-panel--light___1dZvc",
+  "knowledge-panel--dark": "styles__knowledge-panel--dark___3IGQc",
   "trigger-button": "styles__trigger-button___yyIz8",
   "assistant-icon": "styles__assistant-icon___1VM6i",
   "assistant-icon--small": "styles__assistant-icon--small___3D9po",
   "menu-item": "styles__menu-item___1jvWN",
   "create-item": "styles__create-item___3ZARq",
   "menu-item-icon-button": "styles__menu-item-icon-button___2q_ct",
-  "create-icon": "styles__create-icon___1jhHS"
+  "create-icon": "styles__create-icon___1jhHS",
+  "dropdown-icon": "styles__dropdown-icon___HKkCm",
+  "selected-item--mobile": "styles__selected-item--mobile___gxVpw"
 };
 
 var AssistantAvatar = function AssistantAvatar(_ref) {
   var assistant = _ref.assistant,
       isSmall = _ref.isSmall,
       className = _ref.className;
-  if (!assistant) return;
+  if (!assistant) return null;
 
   if (assistant.id !== _constants.DEFAULT_ASSISTANT.id && !assistant.icon) {
     return /*#__PURE__*/_react.default.createElement(_Icon.default, {

package/dist/components/Assistant/AssistantContainer.js

@@ -13,7 +13,7 @@ var _react = _interopRequireDefault(require("react"));
 
 var _cozyFlags = _interopRequireDefault(require("cozy-flags"));
 
-var _Divider = _interopRequireDefault(require("cozy-ui/transpiled/react/Divider"));
+var _CozyTheme = require("cozy-ui-plus/dist/providers/CozyTheme");
 
 var _AssistantProvider = require("../AssistantProvider");
 
@@ -31,13 +31,17 @@ var _TwakeKnowledgePanel = _interopRequireDefault(require("../TwakeKnowledges/Tw
 
 var styles = {
   "assistant-container": "styles__assistant-container___2WDzp",
+  "knowledge-panel--light": "styles__knowledge-panel--light___1dZvc",
+  "knowledge-panel--dark": "styles__knowledge-panel--dark___3IGQc",
   "trigger-button": "styles__trigger-button___yyIz8",
   "assistant-icon": "styles__assistant-icon___1VM6i",
   "assistant-icon--small": "styles__assistant-icon--small___3D9po",
   "menu-item": "styles__menu-item___1jvWN",
   "create-item": "styles__create-item___3ZARq",
   "menu-item-icon-button": "styles__menu-item-icon-button___2q_ct",
-  "create-icon": "styles__create-icon___1jhHS"
+  "create-icon": "styles__create-icon___1jhHS",
+  "dropdown-icon": "styles__dropdown-icon___HKkCm",
+  "selected-item--mobile": "styles__selected-item--mobile___gxVpw"
 };
 
 var AssistantContainer = function AssistantContainer() {
@@ -46,17 +50,17 @@ var AssistantContainer = function AssistantContainer() {
       openedKnowledgePanel = _useAssistant.openedKnowledgePanel,
       setOpenedKnowledgePanel = _useAssistant.setOpenedKnowledgePanel;
 
+  var _useCozyTheme = (0, _CozyTheme.useCozyTheme)(),
+      theme = _useCozyTheme.type;
+
   return /*#__PURE__*/_react.default.createElement("div", {
     className: (0, _classnames.default)('u-flex u-ov-hidden u-h-100', styles['assistant-container'])
   }, /*#__PURE__*/_react.default.createElement(_Sidebar.default, {
-    className: "u-w-5 u-pb-1 u-bg-white"
-  }), /*#__PURE__*/_react.default.createElement(_Divider.default, {
-    orientation: "vertical",
-    flexItem: true
+    className: "u-w-5 u-pb-0-t u-pb-1"
   }), /*#__PURE__*/_react.default.createElement(_PrettyScrollbar.default, {
-    className: "u-flex-auto u-flex u-flex-column u-pb-1 u-ov-hidden u-bg-white"
+    className: "u-flex-auto u-flex u-flex-column u-pb-0-t u-pb-1 u-ov-hidden"
   }, isOpenSearchConversation && (0, _cozyFlags.default)('cozy.search-conversation.enabled') ? /*#__PURE__*/_react.default.createElement(_SearchConversation.default, null) : /*#__PURE__*/_react.default.createElement(_CozyAssistantRuntimeProvider.default, null, /*#__PURE__*/_react.default.createElement(_Conversation.default, null))), openedKnowledgePanel && (0, _cozyFlags.default)('cozy.source-knowledge.enabled') && /*#__PURE__*/_react.default.createElement("div", {
-    className: "u-ml-half u-h-100 u-maw-7"
+    className: (0, _classnames.default)('u-h-100 u-maw-7 u-pl-half', styles["knowledge-panel--".concat(theme)])
   }, /*#__PURE__*/_react.default.createElement(_TwakeKnowledgePanel.default, {
     onClose: function onClose() {
       return setOpenedKnowledgePanel(undefined);

package/dist/components/Assistant/AssistantSelection.d.ts

@@ -1,4 +1,5 @@
 export default AssistantSelection;
-declare function AssistantSelection({ className }: {
+declare function AssistantSelection({ className, disabled }: {
     className: any;
+    disabled: any;
 }): JSX.Element;

package/dist/components/Assistant/AssistantSelection.js

@@ -13,6 +13,8 @@ var _classnames = _interopRequireDefault(require("classnames"));
 
 var _react = _interopRequireWildcard(require("react"));
 
+var _twakeI18n = require("twake-i18n");
+
 var _cozyClient = require("cozy-client");
 
 var _ActionsMenu = _interopRequireDefault(require("cozy-ui/transpiled/react/ActionsMenu"));
@@ -23,10 +25,14 @@ var _Chips = _interopRequireDefault(require("cozy-ui/transpiled/react/Chips"));
 
 var _Icon = _interopRequireDefault(require("cozy-ui/transpiled/react/Icon"));
 
+var _Dropdown = _interopRequireDefault(require("cozy-ui/transpiled/react/Icons/Dropdown"));
+
 var _Plus = _interopRequireDefault(require("cozy-ui/transpiled/react/Icons/Plus"));
 
 var _Typography = _interopRequireDefault(require("cozy-ui/transpiled/react/Typography"));
 
+var _Breakpoints = require("cozy-ui/transpiled/react/providers/Breakpoints");
+
 var _AssistantProvider = require("../AssistantProvider");
 
 var _constants = require("../constants");
@@ -43,19 +49,31 @@ function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj &&
 
 var styles = {
   "assistant-container": "styles__assistant-container___2WDzp",
+  "knowledge-panel--light": "styles__knowledge-panel--light___1dZvc",
+  "knowledge-panel--dark": "styles__knowledge-panel--dark___3IGQc",
   "trigger-button": "styles__trigger-button___yyIz8",
   "assistant-icon": "styles__assistant-icon___1VM6i",
   "assistant-icon--small": "styles__assistant-icon--small___3D9po",
   "menu-item": "styles__menu-item___1jvWN",
   "create-item": "styles__create-item___3ZARq",
   "menu-item-icon-button": "styles__menu-item-icon-button___2q_ct",
-  "create-icon": "styles__create-icon___1jhHS"
+  "create-icon": "styles__create-icon___1jhHS",
+  "dropdown-icon": "styles__dropdown-icon___HKkCm",
+  "selected-item--mobile": "styles__selected-item--mobile___gxVpw"
 };
 
 var AssistantSelection = function AssistantSelection(_ref) {
   var _useQuery;
 
-  var className = _ref.className;
+  var className = _ref.className,
+      disabled = _ref.disabled;
+
+  var _useI18n = (0, _twakeI18n.useI18n)(),
+      t = _useI18n.t;
+
+  var _useBreakpoints = (0, _Breakpoints.useBreakpoints)(),
+      isMobile = _useBreakpoints.isMobile;
+
   var buttonRef = (0, _react.useRef)(null);
 
   var _useState = (0, _react.useState)(false),
@@ -71,10 +89,16 @@ var AssistantSelection = function AssistantSelection(_ref) {
       selectedAssistantId = _useAssistant.selectedAssistantId,
       setSelectedAssistantId = _useAssistant.setSelectedAssistantId;
 
+  (0, _react.useEffect)(function () {
+    if (disabled) {
+      setOpen(false);
+    }
+  }, [disabled]);
   var assistantsQuery = (0, _queries.buildAssistantsQuery)();
   var assistants = ((_useQuery = (0, _cozyClient.useQuery)(assistantsQuery.definition, assistantsQuery.options)) === null || _useQuery === void 0 ? void 0 : _useQuery.data) || [];
 
   var handleClick = function handleClick() {
+    if (disabled) return;
     setOpen(true);
   };
 
@@ -100,9 +124,13 @@ var AssistantSelection = function AssistantSelection(_ref) {
       isSmall: true,
       assistant: selectedAssistant
     }),
-    label: selectedAssistant.name,
+    label: isMobile ? /*#__PURE__*/_react.default.createElement(_Icon.default, {
+      className: styles['dropdown-icon'],
+      icon: _Dropdown.default
+    }) : selectedAssistant.name,
     clickable: true,
-    onClick: handleClick
+    onClick: handleClick,
+    disabled: disabled
   })), open && /*#__PURE__*/_react.default.createElement(_ActionsMenu.default, {
     open: true,
     ref: buttonRef,
@@ -143,7 +171,7 @@ var AssistantSelection = function AssistantSelection(_ref) {
     className: styles['create-icon']
   }), /*#__PURE__*/_react.default.createElement(_Typography.default, {
     variant: "body1"
-  }, "Create Assistant")))));
+  }, t('assistant_create.title'))))));
 };
 
 var _default = AssistantSelection;

package/dist/components/Assistant/AssistantSelectionItem.js

@@ -7,10 +7,16 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 
-var _react = _interopRequireDefault(require("react"));
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+
+var _classnames = _interopRequireDefault(require("classnames"));
+
+var _react = _interopRequireWildcard(require("react"));
 
 var _ActionsMenuItem = _interopRequireDefault(require("cozy-ui/transpiled/react/ActionsMenu/ActionsMenuItem"));
 
+var _Badge = _interopRequireDefault(require("cozy-ui/transpiled/react/Badge"));
+
 var _Icon = _interopRequireDefault(require("cozy-ui/transpiled/react/Icon"));
 
 var _IconButton = _interopRequireDefault(require("cozy-ui/transpiled/react/IconButton"));
@@ -23,20 +29,32 @@ var _Trash = _interopRequireDefault(require("cozy-ui/transpiled/react/Icons/Tras
 
 var _Typography = _interopRequireDefault(require("cozy-ui/transpiled/react/Typography"));
 
+var _Breakpoints = require("cozy-ui/transpiled/react/providers/Breakpoints");
+
 var _AssistantAvatar = _interopRequireDefault(require("../Assistant/AssistantAvatar"));
 
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+
 var styles = {
   "assistant-container": "styles__assistant-container___2WDzp",
+  "knowledge-panel--light": "styles__knowledge-panel--light___1dZvc",
+  "knowledge-panel--dark": "styles__knowledge-panel--dark___3IGQc",
   "trigger-button": "styles__trigger-button___yyIz8",
   "assistant-icon": "styles__assistant-icon___1VM6i",
   "assistant-icon--small": "styles__assistant-icon--small___3D9po",
   "menu-item": "styles__menu-item___1jvWN",
   "create-item": "styles__create-item___3ZARq",
   "menu-item-icon-button": "styles__menu-item-icon-button___2q_ct",
-  "create-icon": "styles__create-icon___1jhHS"
+  "create-icon": "styles__create-icon___1jhHS",
+  "dropdown-icon": "styles__dropdown-icon___HKkCm",
+  "selected-item--mobile": "styles__selected-item--mobile___gxVpw"
 };
 
 var AssistantSelectionItem = function AssistantSelectionItem(_ref) {
+  var _cx, _cx2;
+
   var assistant = _ref.assistant,
       onClose = _ref.onClose,
       onSelect = _ref.onSelect,
@@ -47,6 +65,9 @@ var AssistantSelectionItem = function AssistantSelectionItem(_ref) {
       _ref$disableActions = _ref.disableActions,
       disableActions = _ref$disableActions === void 0 ? false : _ref$disableActions;
 
+  var _useBreakpoints = (0, _Breakpoints.useBreakpoints)(),
+      isMobile = _useBreakpoints.isMobile;
+
   var handleSelect = function handleSelect(assistant) {
     onSelect(assistant);
     onClose();
@@ -66,6 +87,9 @@ var AssistantSelectionItem = function AssistantSelectionItem(_ref) {
     e.stopPropagation();
   };
 
+  var isSelected = (0, _react.useMemo)(function () {
+    return (selectedAssistant === null || selectedAssistant === void 0 ? void 0 : selectedAssistant.id) === assistant.id;
+  }, [selectedAssistant === null || selectedAssistant === void 0 ? void 0 : selectedAssistant.id, assistant.id]);
   return /*#__PURE__*/_react.default.createElement(_ActionsMenuItem.default, {
     onClick: function onClick() {
       return handleSelect(assistant);
@@ -73,19 +97,34 @@ var AssistantSelectionItem = function AssistantSelectionItem(_ref) {
     className: styles['menu-item']
   }, /*#__PURE__*/_react.default.createElement("div", {
     className: "u-flex u-flex-items-center"
+  }, isMobile && isSelected ? /*#__PURE__*/_react.default.createElement(_Badge.default, {
+    badgeContent: /*#__PURE__*/_react.default.createElement(_Icon.default, {
+      icon: _Check.default,
+      size: 10,
+      className: styles['selected-item--mobile']
+    }),
+    variant: "standard",
+    size: "small",
+    anchorOrigin: {
+      vertical: 'bottom',
+      horizontal: 'right'
+    },
+    overlap: "circular"
   }, /*#__PURE__*/_react.default.createElement(_AssistantAvatar.default, {
     assistant: assistant
+  })) : /*#__PURE__*/_react.default.createElement(_AssistantAvatar.default, {
+    assistant: assistant
   }), /*#__PURE__*/_react.default.createElement(_Typography.default, {
     variant: "body1"
   }, assistant.name)), /*#__PURE__*/_react.default.createElement("div", {
     className: "u-flex u-flex-items-center u-flex-justify-between"
-  }, (selectedAssistant === null || selectedAssistant === void 0 ? void 0 : selectedAssistant.id) === assistant.id && /*#__PURE__*/_react.default.createElement(_Icon.default, {
+  }, isSelected && !isMobile && /*#__PURE__*/_react.default.createElement(_Icon.default, {
     icon: _Check.default,
     className: "u-success"
   }), !disableActions && /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_IconButton.default, {
     "aria-label": "Edit assistant",
     size: "small",
-    className: styles['menu-item-icon-button'],
+    className: (0, _classnames.default)((_cx = {}, (0, _defineProperty2.default)(_cx, styles['menu-item-icon-button'], !isMobile || !isSelected && isMobile), (0, _defineProperty2.default)(_cx, 'u-db', isSelected && isMobile), _cx)),
     onClick: handleEdit
   }, /*#__PURE__*/_react.default.createElement(_Icon.default, {
     icon: _Pen.default,
@@ -93,7 +132,7 @@ var AssistantSelectionItem = function AssistantSelectionItem(_ref) {
   })), /*#__PURE__*/_react.default.createElement(_IconButton.default, {
     "aria-label": "Delete assistant",
     size: "small",
-    className: styles['menu-item-icon-button'],
+    className: (0, _classnames.default)((_cx2 = {}, (0, _defineProperty2.default)(_cx2, styles['menu-item-icon-button'], !isMobile || !isSelected && isMobile), (0, _defineProperty2.default)(_cx2, 'u-db', isSelected && isMobile), _cx2)),
     onClick: handleDelete
   }, /*#__PURE__*/_react.default.createElement(_Icon.default, {
     icon: _Trash.default,

package/dist/components/Assistant/styles.styl

@@ -1,6 +1,13 @@
 .assistant-container
   z-index 1
 
+  .knowledge-panel
+    &--light
+      background-color var(--primaryBackgroundLight)
+
+    &--dark
+      background-color var(--greyA400)
+
 .trigger-button
   border-radius 20px
   padding 4px 12px
@@ -36,4 +43,13 @@
   display none !important
 
 .create-icon
-  margin-right 8px
+  margin-right 0.5rem
+
+.dropdown-icon
+  margin-top 0.25rem
+
+.selected-item--mobile
+  padding 1px
+  border-radius 100%
+  color var(--white)
+  background-color var(--malachite)

package/dist/components/AssistantMobile.js

@@ -30,7 +30,8 @@ var _locales = require("../locales");
 var styles = {
   "searchBarDesktop--result": "styles__searchBarDesktop--result___2bQQy",
   "suggestionsPlaceholder": "styles__suggestionsPlaceholder___y-vsv",
-  "search-bar-icon": "styles__search-bar-icon___1affF"
+  "search-bar-icon": "styles__search-bar-icon___1affF",
+  "search-bar--mobile": "styles__search-bar--mobile___1CSb2"
 };
 
 var AssistantMobile = function AssistantMobile(_ref) {

package/dist/components/AssistantProvider.d.ts

@@ -1,7 +1,43 @@
-export const AssistantContext: React.Context<any>;
-export function useAssistant(): any;
-declare const _default: React.MemoExoticComponent<({ children }: {
-    children: any;
-}) => JSX.Element>;
-export default _default;
-import React from 'react';
+import React from 'react'
+
+export interface AssistantState {
+  message: Record<string, string>
+  status: 'idle' | 'writing' | 'pending'
+  messagesId: string[]
+}
+
+export interface TwakeKnowledgeState {
+  drive: { id: string; name: string }[]
+  mail: { id: string; name: string }[]
+  chat: { id: string; name: string }[]
+}
+
+export interface AssistantContextValue {
+  assistantState: AssistantState
+  isOpenCreateAssistant: boolean
+  isOpenDeleteAssistant: boolean
+  isOpenEditAssistant: boolean
+  assistantIdInAction: string | null
+  selectedAssistantId: string
+  isOpenSearchConversation: boolean
+  openedKnowledgePanel: string | null
+  selectedTwakeKnowledge: TwakeKnowledgeState
+  setAssistantIdInAction: (id: string | null) => void
+  setIsOpenDeleteAssistant: (isOpen: boolean) => void
+  setAssistantState: React.Dispatch<React.SetStateAction<AssistantState>>
+  clearAssistant: () => void
+  onAssistantExecute: (
+    params: { value: string; conversationId: string },
+    callback?: () => void
+  ) => Promise<void>
+  setIsOpenCreateAssistant: (isOpen: boolean) => void
+  setIsOpenEditAssistant: (isOpen: boolean) => void
+  setSelectedAssistantId: (id: string) => void
+  setIsOpenSearchConversation: (isOpen: boolean) => void
+  setOpenedKnowledgePanel: (panel: string | null) => void
+  setSelectedTwakeKnowledge: React.Dispatch<
+    React.SetStateAction<TwakeKnowledgeState>
+  >
+}
+
+export function useAssistant(): AssistantContextValue

package/dist/components/AssistantProvider.js

@@ -40,6 +40,10 @@ function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (O
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { (0, _defineProperty2.default)(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 
 var AssistantContext = /*#__PURE__*/_react.default.createContext();
+/**
+ * @returns {import('./AssistantProvider').AssistantContextValue}
+ */
+
 
 exports.AssistantContext = AssistantContext;
 

package/dist/components/Conversations/ConversationBar.d.ts

@@ -1,5 +1,6 @@
 export default ConversationBar;
-declare function ConversationBar({ value, isEmpty, isRunning, onKeyDown, onSend, onCancel }: {
+declare function ConversationBar({ value, isEmpty, isRunning, onKeyDown, onSend, onCancel, ...props }: {
+    [x: string]: any;
     value: any;
     isEmpty: any;
     isRunning: any;

package/dist/components/Conversations/ConversationBar.js

@@ -7,8 +7,16 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+
+var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
+
 var _react = require("@assistant-ui/react");
 
+var _classnames = _interopRequireDefault(require("classnames"));
+
 var _react2 = _interopRequireWildcard(require("react"));
 
 var _twakeI18n = require("twake-i18n");
@@ -29,12 +37,15 @@ var _useEventListener = _interopRequireDefault(require("cozy-ui/transpiled/react
 
 var _Breakpoints = require("cozy-ui/transpiled/react/providers/Breakpoints");
 
+var _excluded = ["value", "isEmpty", "isRunning", "onKeyDown", "onSend", "onCancel"];
+
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
 
 var styles = {
   "conversationBar": "styles__conversationBar___2J-Us",
+  "conversationBar--mobile": "styles__conversationBar--mobile___1jdg8",
   "conversationBar-input": "styles__conversationBar-input___2DfdZ",
   "chatConversation": "styles__chatConversation___2EmkA",
   "conversationHeaderBar": "styles__conversationHeaderBar___C8tlD",
@@ -53,7 +64,8 @@ var styles = {
   "cozyThread-messageContent": "styles__cozyThread-messageContent___2HjdB",
   "conversation-list-item": "styles__conversation-list-item___rQapI",
   "conversation-list-item-action": "styles__conversation-list-item-action___qiuKm",
-  "conversation-list-item--selected": "styles__conversation-list-item--selected___2D5_3"
+  "conversation-list-item--selected--light": "styles__conversation-list-item--selected--light___3WvIn",
+  "conversation-list-item--selected--dark": "styles__conversation-list-item--selected--dark___JDQlY"
 };
 
 var ConversationBar = function ConversationBar(_ref) {
@@ -62,7 +74,8 @@ var ConversationBar = function ConversationBar(_ref) {
       isRunning = _ref.isRunning,
       onKeyDown = _ref.onKeyDown,
       onSend = _ref.onSend,
-      onCancel = _ref.onCancel;
+      onCancel = _ref.onCancel,
+      props = (0, _objectWithoutProperties2.default)(_ref, _excluded);
 
   var _useI18n = (0, _twakeI18n.useI18n)(),
       t = _useI18n.t;
@@ -95,8 +108,8 @@ var ConversationBar = function ConversationBar(_ref) {
 
   return /*#__PURE__*/_react2.default.createElement("div", {
     className: "u-w-100 u-maw-7 u-mh-auto"
-  }, /*#__PURE__*/_react2.default.createElement(_SearchBar.default, {
-    className: styles['conversationBar'],
+  }, /*#__PURE__*/_react2.default.createElement(_SearchBar.default, (0, _extends2.default)({}, props, {
+    className: (0, _classnames.default)(styles['conversationBar'], (0, _defineProperty2.default)({}, styles['conversationBar--mobile'], isMobile)),
     icon: null,
     size: "auto",
     placeholder: t('assistant.search.placeholder'),
@@ -147,7 +160,7 @@ var ConversationBar = function ConversationBar(_ref) {
         onKeyDown: handleKeyDown
       }
     }
-  }));
+  })));
 };
 
 var _default = ConversationBar;

package/dist/components/Conversations/ConversationComposer.js

@@ -9,6 +9,8 @@ exports.default = void 0;
 
 var _react = require("@assistant-ui/react");
 
+var _classnames = _interopRequireDefault(require("classnames"));
+
 var _react2 = _interopRequireWildcard(require("react"));
 
 var _cozyFlags = _interopRequireDefault(require("cozy-flags"));
@@ -35,6 +37,9 @@ var ConversationComposer = function ConversationComposer() {
   var isRunning = (0, _react.useThread)(function (state) {
     return state.isRunning;
   });
+  var isThreadEmpty = (0, _react.useThread)(function (state) {
+    return state.messages.length === 0;
+  });
 
   var _useAssistant = (0, _AssistantProvider.useAssistant)(),
       setOpenedKnowledgePanel = _useAssistant.setOpenedKnowledgePanel;
@@ -64,8 +69,12 @@ var ConversationComposer = function ConversationComposer() {
     }
   }, [isMobile, handleSend]);
   return /*#__PURE__*/_react2.default.createElement(_react.ComposerPrimitive.Root, {
-    className: "u-w-100 u-maw-7 u-mh-auto"
+    className: (0, _classnames.default)('u-w-100 u-maw-7 u-mh-auto', {
+      'u-card u-bxz u-elevation-1': isMobile
+    })
   }, /*#__PURE__*/_react2.default.createElement(_ConversationBar.default, {
+    elevation: isMobile ? 0 : 1,
+    disabledHover: !!isMobile,
     value: value,
     isEmpty: isEmpty,
     isRunning: isRunning,
@@ -74,7 +83,9 @@ var ConversationComposer = function ConversationComposer() {
     onSend: handleSend
   }), /*#__PURE__*/_react2.default.createElement("div", {
     className: "u-flex u-flex-items-center u-flex-justify-between u-mt-1"
-  }, (0, _cozyFlags.default)('cozy.create-assistant.enabled') && /*#__PURE__*/_react2.default.createElement(_AssistantSelection.default, null), (0, _cozyFlags.default)('cozy.source-knowledge.enabled') && /*#__PURE__*/_react2.default.createElement(_TwakeKnowledgeSelector.default, {
+  }, (0, _cozyFlags.default)('cozy.create-assistant.enabled') && /*#__PURE__*/_react2.default.createElement(_AssistantSelection.default, {
+    disabled: !isThreadEmpty
+  }), (0, _cozyFlags.default)('cozy.source-knowledge.enabled') && /*#__PURE__*/_react2.default.createElement(_TwakeKnowledgeSelector.default, {
     onSelectTwakeKnowledge: setOpenedKnowledgePanel
   })));
 };

package/dist/components/Conversations/ConversationListItem.js

@@ -17,22 +17,23 @@ var _twakeI18n = require("twake-i18n");
 
 var _cozyFlags = _interopRequireDefault(require("cozy-flags"));
 
-var _Icon = _interopRequireDefault(require("cozy-ui/transpiled/react/Icon"));
-
-var _Assistant = _interopRequireDefault(require("cozy-ui/transpiled/react/Icons/Assistant"));
-
 var _ListItem = _interopRequireDefault(require("cozy-ui/transpiled/react/ListItem"));
 
 var _ListItemText = _interopRequireDefault(require("cozy-ui/transpiled/react/ListItemText"));
 
 var _Typography = _interopRequireDefault(require("cozy-ui/transpiled/react/Typography"));
 
+var _CozyTheme = require("cozy-ui-plus/dist/providers/CozyTheme");
+
 var _ConversationActions = _interopRequireDefault(require("./ConversationActions"));
 
+var _AssistantAvatar = _interopRequireDefault(require("../Assistant/AssistantAvatar"));
+
 var _helpers = require("../helpers");
 
 var styles = {
   "conversationBar": "styles__conversationBar___2J-Us",
+  "conversationBar--mobile": "styles__conversationBar--mobile___1jdg8",
   "conversationBar-input": "styles__conversationBar-input___2DfdZ",
   "chatConversation": "styles__chatConversation___2EmkA",
   "conversationHeaderBar": "styles__conversationHeaderBar___C8tlD",
@@ -51,7 +52,8 @@ var styles = {
   "cozyThread-messageContent": "styles__cozyThread-messageContent___2HjdB",
   "conversation-list-item": "styles__conversation-list-item___rQapI",
   "conversation-list-item-action": "styles__conversation-list-item-action___qiuKm",
-  "conversation-list-item--selected": "styles__conversation-list-item--selected___2D5_3"
+  "conversation-list-item--selected--light": "styles__conversation-list-item--selected--light___3WvIn",
+  "conversation-list-item--selected--dark": "styles__conversation-list-item--selected--dark___JDQlY"
 };
 
 var ConversationListItem = function ConversationListItem(_ref) {
@@ -65,12 +67,15 @@ var ConversationListItem = function ConversationListItem(_ref) {
       t = _useI18n.t,
       lang = _useI18n.lang;
 
+  var _useCozyTheme = (0, _CozyTheme.useCozyTheme)(),
+      theme = _useCozyTheme.type;
+
   return /*#__PURE__*/_react.default.createElement(_ListItem.default, {
     button: true,
     onClick: function onClick() {
       return onOpenConversation(conversation._id);
     },
-    className: (0, _classnames.default)('u-bdrs-4 u-ov-hidden u-mb-half', styles['conversation-list-item'], (0, _defineProperty2.default)({}, styles['conversation-list-item--selected'], selected)),
+    className: (0, _classnames.default)('u-bdrs-4 u-ov-hidden u-mb-half', styles['conversation-list-item'], (0, _defineProperty2.default)({}, styles["conversation-list-item--selected--".concat(theme)], selected)),
     selected: selected
   }, /*#__PURE__*/_react.default.createElement(_ListItemText.default, {
     primary: /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_Typography.default, {
@@ -85,9 +90,10 @@ var ConversationListItem = function ConversationListItem(_ref) {
     }, (0, _helpers.getDescriptionOfConversation)(conversation)), /*#__PURE__*/_react.default.createElement(_Typography.default, {
       variant: "h6",
       className: "u-flex u-flex-items-center u-coolGrey"
-    }, /*#__PURE__*/_react.default.createElement(_Icon.default, {
-      icon: _Assistant.default,
-      className: "u-mr-half"
+    }, /*#__PURE__*/_react.default.createElement(_AssistantAvatar.default, {
+      assistant: conversation.assistant,
+      className: "u-mr-half",
+      isSmall: true
     }), (0, _helpers.formatConversationDate)((_conversation$cozyMet = conversation.cozyMetadata) === null || _conversation$cozyMet === void 0 ? void 0 : _conversation$cozyMet.updatedAt, t, lang)))
   }));
 };