cozy-search 2.10.0 → 2.11.0

package/dist/components/Conversations/ConversationListItem.js

@@ -15,6 +15,8 @@ var _react = _interopRequireDefault(require("react"));
 
 var _ListItem = _interopRequireDefault(require("cozy-ui/transpiled/react/ListItem"));
 
+var _ListItemSecondaryAction = _interopRequireDefault(require("cozy-ui/transpiled/react/ListItemSecondaryAction"));
+
 var _ListItemText = _interopRequireDefault(require("cozy-ui/transpiled/react/ListItemText"));
 
 var _ConversationActions = _interopRequireDefault(require("./ConversationActions"));
@@ -25,6 +27,8 @@ var styles = {
   "composerContainer": "styles__composerContainer___3bNfY",
   "composerContainer--mobile": "styles__composerContainer--mobile___nIYa-",
   "composerContainer--mobile-dark": "styles__composerContainer--mobile-dark___12Go9",
+  "composerContainer--compact": "styles__composerContainer--compact___35e18",
+  "composerContainer--single-line": "styles__composerContainer--single-line___2yeWP",
   "composer-dock": "styles__composer-dock___2nPT8",
   "composerActions": "styles__composerActions___2xQEH",
   "welcome": "styles__welcome___ozY_t",
@@ -57,6 +61,9 @@ var styles = {
   "conversation-list-item-action": "styles__conversation-list-item-action___qiuKm",
   "conversation-list-item--selected": "styles__conversation-list-item--selected___2D5_3",
   "conversation-list-item--wider": "styles__conversation-list-item--wider___2Tl2c",
+  "conversation-list-item-container": "styles__conversation-list-item-container___36VTD",
+  "conversation-list-item-menu-button": "styles__conversation-list-item-menu-button___2ZYvH",
+  "conversation-list-item-secondary-action": "styles__conversation-list-item-secondary-action___2vwnw",
   "conversation-list-item-text": "styles__conversation-list-item-text___31VBM",
   "conversation-list-item-title": "styles__conversation-list-item-title___3je_6",
   "conversation-list-item-subtitle": "styles__conversation-list-item-subtitle___3e_h0",
@@ -77,11 +84,11 @@ var ConversationListItem = function ConversationListItem(_ref) {
       return onOpenConversation(conversation._id);
     },
     className: (0, _classnames.default)('u-ov-hidden u-ph-half', styles['conversation-list-item'], (0, _defineProperty2.default)({}, styles['conversation-list-item--selected'], selected)),
+    ContainerProps: {
+      className: styles['conversation-list-item-container']
+    },
     selected: selected
-  }, /*#__PURE__*/_react.default.createElement(_ConversationActions.default, {
-    buttonClassName: styles['conversation-list-item-action'],
-    conversation: conversation
-  }), /*#__PURE__*/_react.default.createElement(_ListItemText.default, {
+  }, /*#__PURE__*/_react.default.createElement(_ListItemText.default, {
     className: "u-m-0",
     primaryTypographyProps: {
       component: 'div',
@@ -90,7 +97,12 @@ var ConversationListItem = function ConversationListItem(_ref) {
     primary: /*#__PURE__*/_react.default.createElement("span", {
       className: (0, _classnames.default)('u-ellipsis u-db', styles['conversation-list-item-title'])
     }, (0, _helpers.getNameOfConversation)(conversation))
-  }));
+  }), /*#__PURE__*/_react.default.createElement(_ListItemSecondaryAction.default, {
+    className: styles['conversation-list-item-secondary-action']
+  }, /*#__PURE__*/_react.default.createElement(_ConversationActions.default, {
+    buttonClassName: styles['conversation-list-item-menu-button'],
+    conversation: conversation
+  })));
 }; // Memoized so a re-render of the conversation list only re-renders items
 // whose props actually changed (typically just the previously- and
 // newly-selected items). This avoids rebuilding every item's ActionsMenu

package/dist/components/Conversations/ConversationListItemWider.js

@@ -33,6 +33,8 @@ var styles = {
   "composerContainer": "styles__composerContainer___3bNfY",
   "composerContainer--mobile": "styles__composerContainer--mobile___nIYa-",
   "composerContainer--mobile-dark": "styles__composerContainer--mobile-dark___12Go9",
+  "composerContainer--compact": "styles__composerContainer--compact___35e18",
+  "composerContainer--single-line": "styles__composerContainer--single-line___2yeWP",
   "composer-dock": "styles__composer-dock___2nPT8",
   "composerActions": "styles__composerActions___2xQEH",
   "welcome": "styles__welcome___ozY_t",
@@ -65,6 +67,9 @@ var styles = {
   "conversation-list-item-action": "styles__conversation-list-item-action___qiuKm",
   "conversation-list-item--selected": "styles__conversation-list-item--selected___2D5_3",
   "conversation-list-item--wider": "styles__conversation-list-item--wider___2Tl2c",
+  "conversation-list-item-container": "styles__conversation-list-item-container___36VTD",
+  "conversation-list-item-menu-button": "styles__conversation-list-item-menu-button___2ZYvH",
+  "conversation-list-item-secondary-action": "styles__conversation-list-item-secondary-action___2vwnw",
   "conversation-list-item-text": "styles__conversation-list-item-text___31VBM",
   "conversation-list-item-title": "styles__conversation-list-item-title___3je_6",
   "conversation-list-item-subtitle": "styles__conversation-list-item-subtitle___3e_h0",

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

@@ -0,0 +1 @@
+export function ConversationSendButton(): JSX.Element;

package/dist/components/Conversations/ConversationSendButton.js

@@ -0,0 +1,49 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.ConversationSendButton = void 0;
+
+var _react = require("@assistant-ui/react");
+
+var _react2 = _interopRequireDefault(require("react"));
+
+var _twakeIcons = require("@linagora/twake-icons");
+
+var _Buttons = _interopRequireDefault(require("cozy-ui/transpiled/react/Buttons"));
+
+var ConversationSendButton = function ConversationSendButton() {
+  var composerRuntime = (0, _react.useComposerRuntime)();
+  var isRunning = (0, _react.useThread)(function (state) {
+    return state.isRunning;
+  });
+
+  var handleSend = function handleSend() {
+    composerRuntime.send();
+  };
+
+  var handleCancel = function handleCancel() {
+    composerRuntime.cancel();
+  };
+
+  return /*#__PURE__*/_react2.default.createElement(_Buttons.default, {
+    size: "small",
+    className: "u-miw-auto u-w-2 u-h-2 u-bdrs-circle u-flex-shrink-0",
+    classes: {
+      label: 'u-flex u-w-auto'
+    },
+    label: isRunning ? /*#__PURE__*/_react2.default.createElement(_twakeIcons.Icon, {
+      icon: _twakeIcons.Stop,
+      size: 12
+    }) : /*#__PURE__*/_react2.default.createElement(_twakeIcons.Icon, {
+      icon: _twakeIcons.ArrowUp,
+      size: 16
+    }),
+    onClick: isRunning ? handleCancel : handleSend
+  });
+};
+
+exports.ConversationSendButton = ConversationSendButton;

package/dist/components/Conversations/styles.styl

@@ -21,6 +21,14 @@
         // The shadows vanish on a dark background: keep a border there
         border-color var(--borderMainColor)
 
+    &--compact
+        // The mobile 8px are for the chips row, which the compact composer
+        // does not have
+        padding-bottom 12px
+
+    &--single-line
+        border-radius 9999px
+
 .composer-dock
     // The composer and the disclaimer sit on a fade: the conversation runs
     // under them and dissolves into the background over the 32px above the
@@ -49,7 +57,7 @@
     width 100%
     max-width 629px
     height 166px
-    transform translate(-50%, -50%)
+    transform translate(-50%, calc(-50% - 32px))
     border-radius 9999px
     opacity 0.5
     filter blur(62.5px)
@@ -218,6 +226,29 @@
   opacity 0
   pointer-events none
 
+// The secondary action is a sibling of the item, not inside it: hovering
+// it must still highlight the item
+.conversation-list-item-container
+  &:hover .conversation-list-item
+    background-color var(--actionColorHover)
+
+  &:hover .conversation-list-item-menu-button
+    opacity 1
+    pointer-events auto
+
+.conversation-list-item-secondary-action
+  right 4px !important
+
+.conversation-list-item-menu-button
+  opacity 0
+  pointer-events none
+
+  // Its open menu takes the hover away from the item
+  &[aria-expanded='true'],
+  &:focus-visible
+    opacity 1
+    pointer-events auto
+
 .conversation-list-item-text
   overflow hidden
   margin-right 24px !important

package/dist/components/Messages/AssistantMessage.js

@@ -23,8 +23,6 @@ var _Sources = _interopRequireDefault(require("../Conversations/Sources/Sources"
 
 var styles = {
   "cozyThread-user-messages": "styles__cozyThread-user-messages___3Hfj-",
-  "cozyThread-user-messages--light": "styles__cozyThread-user-messages--light___1jBny",
-  "cozyThread-user-messages--dark": "styles__cozyThread-user-messages--dark___1Om3B",
   "thinking-dots": "styles__thinking-dots___1HwKW",
   "thinking-dot": "styles__thinking-dot___1muTY",
   "thinking-bounce": "styles__thinking-bounce___2IfNu"

package/dist/components/Messages/UserMessage.js

@@ -17,29 +17,18 @@ var _Box = _interopRequireDefault(require("cozy-ui/transpiled/react/Box"));
 
 var _Typography = _interopRequireDefault(require("cozy-ui/transpiled/react/Typography"));
 
-var _CozyTheme = require("cozy-ui-plus/dist/providers/CozyTheme");
-
 var styles = {
   "cozyThread-user-messages": "styles__cozyThread-user-messages___3Hfj-",
-  "cozyThread-user-messages--light": "styles__cozyThread-user-messages--light___1jBny",
-  "cozyThread-user-messages--dark": "styles__cozyThread-user-messages--dark___1Om3B",
   "thinking-dots": "styles__thinking-dots___1HwKW",
   "thinking-dot": "styles__thinking-dot___1muTY",
   "thinking-bounce": "styles__thinking-bounce___2IfNu"
 };
 
 var UserMessage = function UserMessage() {
-  var _useCozyTheme = (0, _CozyTheme.useCozyTheme)(),
-      theme = _useCozyTheme.type;
-
   return /*#__PURE__*/_react2.default.createElement(_react.MessagePrimitive.Root, {
     className: "u-mt-1"
   }, /*#__PURE__*/_react2.default.createElement(_Box.default, {
-    display: "block",
-    border: 0,
-    borderRadius: 10,
-    padding: 0.5,
-    className: (0, _classnames.default)('u-ml-auto', styles['cozyThread-user-messages'], styles["cozyThread-user-messages--".concat(theme)])
+    className: (0, _classnames.default)('u-ml-auto u-pv-1 u-ph-1-half', styles['cozyThread-user-messages'])
   }, /*#__PURE__*/_react2.default.createElement(_react.MessagePrimitive.Parts, {
     components: {
       Text: function Text(_ref) {

package/dist/components/Messages/styles.styl

@@ -1,12 +1,8 @@
 .cozyThread-user-messages
-  max-width 50%
+  max-width 80%
   width fit-content
-
-  &--light
-    background var(--grey100)
-
-  &--dark
-    background var(--grey900)
+  border-radius 26px
+  background var(--defaultBackgroundColor)
 
 // The 24px "icon animation" of the design: three 3.8px dots, 6.09px apart,
 // each rising 2.855px and growing to 115% over 250ms then falling back,

package/dist/components/Search/NotFoundConversation.js

@@ -7,44 +7,90 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 
-var _classnames = _interopRequireDefault(require("classnames"));
-
 var _react = _interopRequireDefault(require("react"));
 
 var _twakeIcons = require("@linagora/twake-icons");
 
-var _Typography = _interopRequireDefault(require("cozy-ui/transpiled/react/Typography"));
+var _Avatar = _interopRequireDefault(require("cozy-ui/transpiled/react/Avatar"));
+
+var _Empty = _interopRequireDefault(require("cozy-ui/transpiled/react/Empty"));
+
+var _styles = require("cozy-ui/transpiled/react/styles");
 
 var _twakeI18n = require("twake-i18n");
 
-var styles = {
-  "searchBarDesktop--result": "styles__searchBarDesktop--result___2bQQy",
-  "suggestionsPlaceholder": "styles__suggestionsPlaceholder___y-vsv",
-  "search-bar-icon": "styles__search-bar-icon___1affF",
-  "search-bar--mobile": "styles__search-bar--mobile___1CSb2",
-  "not-found-icon": "styles__not-found-icon___1as3P"
+var ConversationIcon = function ConversationIcon(props) {
+  return /*#__PURE__*/_react.default.createElement("svg", props, /*#__PURE__*/_react.default.createElement("path", {
+    fill: "url(#paint0_linear_37801_44158)",
+    fillOpacity: ".9",
+    d: "M21.222 0c3.175 0 4.702.295 6.289 1.143a8.06 8.06 0 0 1 3.346 3.346C31.705 6.076 32 7.602 32 10.778v10.444c0 3.175-.295 4.702-1.143 6.289a8.06 8.06 0 0 1-3.346 3.346C25.924 31.705 24.398 32 21.222 32H10.778c-3.176 0-4.702-.295-6.289-1.143a8.06 8.06 0 0 1-3.346-3.346C.295 25.924 0 24.398 0 21.222V10.778c0-3.176.295-4.702 1.143-6.289A8.06 8.06 0 0 1 4.49 1.143C6.076.295 7.602 0 10.778 0zm0 2.91H10.778c-2.736 0-3.81.206-4.917.799A5.15 5.15 0 0 0 3.71 5.86c-.593 1.107-.8 2.18-.8 4.917v10.444c0 2.736.207 3.81.8 4.917a5.15 5.15 0 0 0 2.15 2.152c1.107.593 2.18.8 4.917.8h10.444c2.736 0 3.81-.207 4.917-.8a5.15 5.15 0 0 0 2.152-2.152c.593-1.107.8-2.18.8-4.917V10.778c0-2.736-.207-3.81-.8-4.917a5.15 5.15 0 0 0-2.15-2.151c-1.107-.593-2.18-.8-4.917-.8m-6.677 18.18a1.455 1.455 0 0 1 0 2.91H8.728a1.455 1.455 0 1 1 0-2.91zm8.728-6.544a1.455 1.455 0 1 1 0 2.909H8.727a1.455 1.455 0 1 1 0-2.91zm0-6.546a1.455 1.455 0 1 1 0 2.91H8.727a1.455 1.455 0 1 1 0-2.91z"
+  }), /*#__PURE__*/_react.default.createElement("path", {
+    fill: "url(#paint1_linear_37801_44158)",
+    fillOpacity: ".9",
+    d: "M22.167 20.006a.44.44 0 0 0-.355.316l-.001.006-.465 1.806a.3.3 0 0 1-.212.212l-1.806.466-.007.002a.442.442 0 0 0 0 .85l.007.001 1.806.466a.3.3 0 0 1 .212.211l.465 1.806.001.006a.441.441 0 0 0 .85 0l.002-.006.466-1.806a.3.3 0 0 1 .212-.211l1.806-.466.004-.001a.442.442 0 0 0 0-.852h-.004l-1.807-.466a.3.3 0 0 1-.211-.212l-.465-1.806-.002-.006a.44.44 0 0 0-.497-.316"
+  }), /*#__PURE__*/_react.default.createElement("defs", null, /*#__PURE__*/_react.default.createElement("linearGradient", {
+    id: "paint0_linear_37801_44158",
+    x2: "86.619",
+    y1: "16",
+    y2: "78.512",
+    gradientUnits: "userSpaceOnUse"
+  }, /*#__PURE__*/_react.default.createElement("stop", {
+    stopColor: "#25c3f8"
+  }), /*#__PURE__*/_react.default.createElement("stop", {
+    offset: ".319",
+    stopColor: "#666fde"
+  }), /*#__PURE__*/_react.default.createElement("stop", {
+    offset: "1",
+    stopColor: "#ff0"
+  })), /*#__PURE__*/_react.default.createElement("linearGradient", {
+    id: "paint1_linear_37801_44158",
+    x1: "19",
+    x2: "36.531",
+    y1: "23.238",
+    y2: "35.89",
+    gradientUnits: "userSpaceOnUse"
+  }, /*#__PURE__*/_react.default.createElement("stop", {
+    stopColor: "#00b7ff"
+  }), /*#__PURE__*/_react.default.createElement("stop", {
+    offset: ".567",
+    stopColor: "#6a70e0"
+  }), /*#__PURE__*/_react.default.createElement("stop", {
+    offset: "1",
+    stopColor: "#ff0"
+  }))));
+};
+
+ConversationIcon.defaultProps = {
+  xmlns: "http://www.w3.org/2000/svg",
+  width: "32",
+  height: "32",
+  fill: "none",
+  viewBox: "0 0 32 32"
 };
 
 var NotFoundConversation = function NotFoundConversation() {
   var _useI18n = (0, _twakeI18n.useI18n)(),
       t = _useI18n.t;
 
-  return /*#__PURE__*/_react.default.createElement("div", {
-    className: "u-flex u-flex-column u-flex-items-center u-flex-justify-center u-h-100 u-w-100 u-ta-center"
-  }, /*#__PURE__*/_react.default.createElement("div", {
-    className: (0, _classnames.default)('u-flex u-flex-items-center u-flex-justify-center u-w-3 u-h-3 u-bdrs-circle u-mb-half', styles['not-found-icon'])
-  }, /*#__PURE__*/_react.default.createElement(_twakeIcons.Icon, {
-    icon: _twakeIcons.Comment,
-    color: "var(--primaryColor)",
-    size: 32
-  })), /*#__PURE__*/_react.default.createElement(_Typography.default, {
-    variant: "h4",
-    className: "u-mb-half"
-  }, t('assistant.search_conversation.not_found_title')), /*#__PURE__*/_react.default.createElement(_Typography.default, {
-    variant: "body1",
-    color: "textSecondary",
-    className: "u-maw-6"
-  }, t('assistant.search_conversation.not_found_desc')));
+  var theme = (0, _styles.useTheme)();
+  return /*#__PURE__*/_react.default.createElement(_Empty.default, {
+    className: "u-h-100 u-bxz",
+    icon: /*#__PURE__*/_react.default.createElement(_Avatar.default, {
+      size: 64,
+      color: (0, _styles.alpha)(theme.palette.primary.main, theme.palette.action.hoverOpacity)
+    }, /*#__PURE__*/_react.default.createElement(_twakeIcons.Icon, {
+      icon: ConversationIcon,
+      size: 32,
+      preserveColor: true
+    })),
+    title: t('assistant.search_conversation.not_found_title'),
+    text: t('assistant.search_conversation.not_found_desc'),
+    componentsProps: {
+      title: {
+        variant: 'h4'
+      }
+    }
+  });
 };
 
 var _default = NotFoundConversation;

package/dist/components/Search/SearchBarDesktop.d.ts

@@ -1,5 +1,5 @@
 export default SearchBarDesktop;
-declare function SearchBarDesktop({ value, onClear, onChange, elevation, size, hasHalfBorderRadius, className, disabledHover }: {
+declare function SearchBarDesktop({ value, onClear, onChange, elevation, size, hasHalfBorderRadius, className, disabledHover, disabledAssistantButton }: {
     value: any;
     onClear: any;
     onChange: any;
@@ -8,6 +8,7 @@ declare function SearchBarDesktop({ value, onClear, onChange, elevation, size, h
     hasHalfBorderRadius: any;
     className: any;
     disabledHover: any;
+    disabledAssistantButton: any;
 }): JSX.Element;
 declare namespace SearchBarDesktop {
     namespace defaultProps {

package/dist/components/Search/SearchBarDesktop.js

@@ -33,8 +33,7 @@ var styles = {
   "searchBarDesktop--result": "styles__searchBarDesktop--result___2bQQy",
   "suggestionsPlaceholder": "styles__suggestionsPlaceholder___y-vsv",
   "search-bar-icon": "styles__search-bar-icon___1affF",
-  "search-bar--mobile": "styles__search-bar--mobile___1CSb2",
-  "not-found-icon": "styles__not-found-icon___1as3P"
+  "search-bar--mobile": "styles__search-bar--mobile___1CSb2"
 };
 
 var SearchBarDesktop = function SearchBarDesktop(_ref) {
@@ -45,7 +44,8 @@ var SearchBarDesktop = function SearchBarDesktop(_ref) {
       size = _ref.size,
       hasHalfBorderRadius = _ref.hasHalfBorderRadius,
       className = _ref.className,
-      disabledHover = _ref.disabledHover;
+      disabledHover = _ref.disabledHover,
+      disabledAssistantButton = _ref.disabledAssistantButton;
 
   var _useSearch = (0, _SearchProvider.useSearch)(),
       searchValue = _useSearch.searchValue,
@@ -123,7 +123,7 @@ var SearchBarDesktop = function SearchBarDesktop(_ref) {
     componentsProps: {
       inputBase: {
         onKeyDown: handleKeyDown,
-        endAdornment: (0, _helpers.isAssistantEnabled)() && /*#__PURE__*/_react.default.createElement(_AssistantButton.AssistantButton, {
+        endAdornment: (0, _helpers.isAssistantEnabled)() && !disabledAssistantButton && /*#__PURE__*/_react.default.createElement(_AssistantButton.AssistantButton, {
           size: size
         })
       }

package/dist/components/Search/SearchBarMobile.js

@@ -15,6 +15,8 @@ var styles = {
   "composerContainer": "styles__composerContainer___3bNfY",
   "composerContainer--mobile": "styles__composerContainer--mobile___nIYa-",
   "composerContainer--mobile-dark": "styles__composerContainer--mobile-dark___12Go9",
+  "composerContainer--compact": "styles__composerContainer--compact___35e18",
+  "composerContainer--single-line": "styles__composerContainer--single-line___2yeWP",
   "composer-dock": "styles__composer-dock___2nPT8",
   "composerActions": "styles__composerActions___2xQEH",
   "welcome": "styles__welcome___ozY_t",
@@ -47,6 +49,9 @@ var styles = {
   "conversation-list-item-action": "styles__conversation-list-item-action___qiuKm",
   "conversation-list-item--selected": "styles__conversation-list-item--selected___2D5_3",
   "conversation-list-item--wider": "styles__conversation-list-item--wider___2Tl2c",
+  "conversation-list-item-container": "styles__conversation-list-item-container___36VTD",
+  "conversation-list-item-menu-button": "styles__conversation-list-item-menu-button___2ZYvH",
+  "conversation-list-item-secondary-action": "styles__conversation-list-item-secondary-action___2vwnw",
   "conversation-list-item-text": "styles__conversation-list-item-text___31VBM",
   "conversation-list-item-title": "styles__conversation-list-item-title___3je_6",
   "conversation-list-item-subtitle": "styles__conversation-list-item-subtitle___3e_h0",

package/dist/components/Search/SearchConversation.js

@@ -63,8 +63,7 @@ var styles = {
   "searchBarDesktop--result": "styles__searchBarDesktop--result___2bQQy",
   "suggestionsPlaceholder": "styles__suggestionsPlaceholder___y-vsv",
   "search-bar-icon": "styles__search-bar-icon___1affF",
-  "search-bar--mobile": "styles__search-bar--mobile___1CSb2",
-  "not-found-icon": "styles__not-found-icon___1as3P"
+  "search-bar--mobile": "styles__search-bar--mobile___1CSb2"
 };
 
 var SearchConversationContainer = function SearchConversationContainer(_ref) {
@@ -167,7 +166,7 @@ var SearchConversation = function SearchConversation() {
   return /*#__PURE__*/_react.default.createElement(SearchConversationContainer, {
     isMobile: isMobile
   }, /*#__PURE__*/_react.default.createElement("div", {
-    className: (0, _classnames.default)('u-h-100 u-flex u-flex-column u-flex-items-start u-ov-hidden u-w-100', {
+    className: (0, _classnames.default)('u-h-100 u-flex u-flex-column u-flex-items-start u-w-100', {
       'u-maw-7': !isMobile
     })
   }, /*#__PURE__*/_react.default.createElement("div", {

package/dist/components/Search/SuggestionsPlaceholder.js

@@ -27,8 +27,7 @@ var styles = {
   "searchBarDesktop--result": "styles__searchBarDesktop--result___2bQQy",
   "suggestionsPlaceholder": "styles__suggestionsPlaceholder___y-vsv",
   "search-bar-icon": "styles__search-bar-icon___1affF",
-  "search-bar--mobile": "styles__search-bar--mobile___1CSb2",
-  "not-found-icon": "styles__not-found-icon___1as3P"
+  "search-bar--mobile": "styles__search-bar--mobile___1CSb2"
 };
 
 var SuggestionsPlaceholder = function SuggestionsPlaceholder() {

package/dist/components/Search/styles.styl

@@ -12,8 +12,3 @@
 .search-bar--mobile
   border-radius 24px !important
   height 48px
-
-.not-found-icon
-  // The primary color at its hover opacity, as the design's token. unquote()
-  // keeps Stylus from parsing `in` as an operator.
-  background-color unquote('color-mix(in srgb, var(--primaryColor) 8%, transparent)')

package/dist/components/Sidebar/SidebarConversations.d.ts

@@ -0,0 +1 @@
+export function SidebarConversations(): JSX.Element;

package/dist/components/Sidebar/SidebarConversations.js

@@ -0,0 +1,84 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.SidebarConversations = void 0;
+
+var _classnames = _interopRequireDefault(require("classnames"));
+
+var _react = _interopRequireDefault(require("react"));
+
+var _reactRouterDom = require("react-router-dom");
+
+var _cozyFlags = _interopRequireDefault(require("cozy-flags"));
+
+var _LoadMore = _interopRequireDefault(require("cozy-ui/transpiled/react/LoadMore"));
+
+var _Typography = _interopRequireDefault(require("cozy-ui/transpiled/react/Typography"));
+
+var _twakeI18n = require("twake-i18n");
+
+var _useConversation2 = _interopRequireDefault(require("../../hooks/useConversation"));
+
+var _useFetchConversations = _interopRequireDefault(require("../../hooks/useFetchConversations"));
+
+var _AssistantSidebarItem = _interopRequireDefault(require("../Assistant/AssistantSidebarItem"));
+
+var _AssistantProvider = require("../AssistantProvider");
+
+var _ConversationList = _interopRequireDefault(require("../Conversations/ConversationList"));
+
+var styles = {
+  "sidebar-paper": "styles__sidebar-paper___3ymy8",
+  "sidebar-paper--docked": "styles__sidebar-paper--docked___1ESDJ",
+  "sidebar-paper--rail": "styles__sidebar-paper--rail___2xD9L",
+  "sidebar-paper--mobile": "styles__sidebar-paper--mobile___1pP8g",
+  "sidebar-drawer--mobile": "styles__sidebar-drawer--mobile___2Dziz",
+  "sidebar-conversations": "styles__sidebar-conversations___181kF",
+  "sidebar-new-chat": "styles__sidebar-new-chat___wlZiB",
+  "sidebar-mobile-toolbar": "styles__sidebar-mobile-toolbar___CHiUZ"
+};
+
+var SidebarConversations = function SidebarConversations() {
+  var _useI18n = (0, _twakeI18n.useI18n)(),
+      t = _useI18n.t;
+
+  var _useParams = (0, _reactRouterDom.useParams)(),
+      conversationId = _useParams.conversationId;
+
+  var _useAssistant = (0, _AssistantProvider.useAssistant)(),
+      isOpenSearchConversation = _useAssistant.isOpenSearchConversation;
+
+  var _useConversation = (0, _useConversation2.default)(),
+      goToConversation = _useConversation.goToConversation;
+
+  var _useFetchConversation = (0, _useFetchConversations.default)(),
+      conversations = _useFetchConversation.conversations,
+      hasMore = _useFetchConversation.hasMore,
+      fetchMore = _useFetchConversation.fetchMore;
+
+  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, (0, _cozyFlags.default)('cozy.assistant.create-assistant.enabled') && /*#__PURE__*/_react.default.createElement("div", {
+    className: "u-ph-1 u-mt-1"
+  }, /*#__PURE__*/_react.default.createElement(_AssistantSidebarItem.default, null)), /*#__PURE__*/_react.default.createElement(_Typography.default, {
+    variant: "caption",
+    color: "textSecondary",
+    component: "h2",
+    className: "u-ph-1 u-mt-1 u-mb-half"
+  }, t('assistant.sidebar.recent_chats')), /*#__PURE__*/_react.default.createElement("div", {
+    className: (0, _classnames.default)('u-flex-auto u-ov-auto u-ph-1 u-pb-half', styles['sidebar-conversations'])
+  }, /*#__PURE__*/_react.default.createElement(_ConversationList.default, {
+    conversations: conversations,
+    currentConversationId: isOpenSearchConversation ? null : conversationId,
+    onOpenConversation: goToConversation
+  }), hasMore && /*#__PURE__*/_react.default.createElement("div", {
+    className: "u-flex u-flex-items-center u-flex-justify-center u-mt-1"
+  }, /*#__PURE__*/_react.default.createElement(_LoadMore.default, {
+    fetchMore: fetchMore,
+    label: t('assistant.sidebar.conversation.actions.load_more')
+  }))));
+};
+
+exports.SidebarConversations = SidebarConversations;

package/dist/components/Sidebar/SidebarDesktop.d.ts

@@ -0,0 +1,7 @@
+export function SidebarDesktop({ className, open, onToggle, onToggleSearch, onCreateNewConversation }: {
+    className: any;
+    open: any;
+    onToggle: any;
+    onToggleSearch: any;
+    onCreateNewConversation: any;
+}): JSX.Element;

package/dist/components/Sidebar/SidebarDesktop.js

@@ -0,0 +1,57 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.SidebarDesktop = void 0;
+
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+
+var _classnames = _interopRequireDefault(require("classnames"));
+
+var _react = _interopRequireDefault(require("react"));
+
+var _Drawer = _interopRequireDefault(require("cozy-ui/transpiled/react/Drawer"));
+
+var _SidebarConversations = require("./SidebarConversations");
+
+var _SidebarHeader = require("./SidebarHeader");
+
+var _SidebarNewChatButton = require("./SidebarNewChatButton");
+
+var styles = {
+  "sidebar-paper": "styles__sidebar-paper___3ymy8",
+  "sidebar-paper--docked": "styles__sidebar-paper--docked___1ESDJ",
+  "sidebar-paper--rail": "styles__sidebar-paper--rail___2xD9L",
+  "sidebar-paper--mobile": "styles__sidebar-paper--mobile___1pP8g",
+  "sidebar-drawer--mobile": "styles__sidebar-drawer--mobile___2Dziz",
+  "sidebar-conversations": "styles__sidebar-conversations___181kF",
+  "sidebar-new-chat": "styles__sidebar-new-chat___wlZiB",
+  "sidebar-mobile-toolbar": "styles__sidebar-mobile-toolbar___CHiUZ"
+};
+
+var SidebarDesktop = function SidebarDesktop(_ref) {
+  var className = _ref.className,
+      open = _ref.open,
+      onToggle = _ref.onToggle,
+      onToggleSearch = _ref.onToggleSearch,
+      onCreateNewConversation = _ref.onCreateNewConversation;
+  return /*#__PURE__*/_react.default.createElement(_Drawer.default, {
+    variant: "permanent",
+    className: "u-h-100",
+    classes: {
+      paper: (0, _classnames.default)(styles['sidebar-paper'], styles['sidebar-paper--docked'], (0, _defineProperty2.default)({}, styles['sidebar-paper--rail'], !open), className)
+    }
+  }, /*#__PURE__*/_react.default.createElement(_SidebarHeader.SidebarHeader, {
+    isExpanded: open,
+    onToggle: onToggle,
+    onToggleSearch: onToggleSearch
+  }), /*#__PURE__*/_react.default.createElement(_SidebarNewChatButton.SidebarNewChatButton, {
+    isExpanded: open,
+    onClick: onCreateNewConversation
+  }), open && /*#__PURE__*/_react.default.createElement(_SidebarConversations.SidebarConversations, null));
+};
+
+exports.SidebarDesktop = SidebarDesktop;

package/dist/components/Sidebar/SidebarHeader.d.ts

@@ -0,0 +1,6 @@
+export function SidebarHeader({ isExpanded, onToggle, onToggleSearch, onClose }: {
+    isExpanded: any;
+    onToggle: any;
+    onToggleSearch: any;
+    onClose: any;
+}): JSX.Element;