cozy-search 0.3.0 → 0.5.0

package/README.md

@@ -87,3 +87,17 @@ The search and assistant are dialogs. So you just need to create a route for eac
   }
 />
 ```
+
+### Opening AI conversation from a button
+
+You can also use the `AssistantLink` component to get an onClick method that opens the AI conversation from a button.
+
+```jsx
+import { AssistantLink } from 'cozy-search'
+
+<AssistantLink>
+  {({ openAssistant }) => (
+    <a onClick={openAssistant}>Open assistant</a>
+  )}
+</AssistantLink>
+```

package/dist/components/AssistantDesktop.d.ts

@@ -10,6 +10,7 @@ declare namespace AssistantDesktop {
                 size: PropTypes.Requireable<string>;
                 hasHalfBorderRadius: PropTypes.Requireable<boolean>;
                 className: PropTypes.Requireable<string>;
+                disabledHover: PropTypes.Requireable<boolean>;
             }>>;
         }>>;
     }

package/dist/components/AssistantDesktop.js

@@ -37,7 +37,8 @@ AssistantDesktop.propTypes = {
       elevation: _propTypes.default.number,
       size: _propTypes.default.string,
       hasHalfBorderRadius: _propTypes.default.bool,
-      className: _propTypes.default.string
+      className: _propTypes.default.string,
+      disabledHover: _propTypes.default.bool
     })
   })
 };

package/dist/components/AssistantIcon/TwakeAssistantIcon.d.ts

@@ -0,0 +1 @@
+export function TwakeAssistantIcon(props: any): JSX.Element;

package/dist/components/AssistantIcon/TwakeAssistantIcon.js

@@ -0,0 +1,25 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.TwakeAssistantIcon = void 0;
+
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+
+var _react = _interopRequireDefault(require("react"));
+
+var TwakeAssistantIcon = function TwakeAssistantIcon(props) {
+  return /*#__PURE__*/_react.default.createElement("svg", (0, _extends2.default)({
+    viewBox: "0 0 22 22",
+    fill: "none"
+  }, props), /*#__PURE__*/_react.default.createElement("path", {
+    fillRule: "evenodd",
+    clipRule: "evenodd",
+    d: "M10.094.305a1.5 1.5 0 012.351.79l.005.02 1.581 6.135a1 1 0 00.718.719l6.136 1.58.016.005a1.5 1.5 0 010 2.892l-.016.004-6.135 1.581a1 1 0 00-.719.719l-1.582 6.135-.005.02a1.5 1.5 0 01-2.889 0l-.005-.02-1.581-6.135a1.001 1.001 0 00-.719-.719L1.115 12.45l-.023-.006a1.5 1.5 0 010-2.886l.023-.006L7.25 7.968a1 1 0 00.719-.718L9.55 1.115l.005-.02a1.5 1.5 0 01.538-.79zM11 3.503l1.095 4.247a3.002 3.002 0 002.155 2.155L18.498 11l-4.248 1.095a3.001 3.001 0 00-2.155 2.155L11 18.497 9.905 14.25a3 3 0 00-2.155-2.156L3.504 11 7.75 9.904A3 3 0 009.905 7.75L11 3.503zM19 1a1 1 0 011 1v1h1a1 1 0 110 2h-1v1a1 1 0 11-2 0V5h-1a1 1 0 110-2h1V2a1 1 0 011-1zM3 15a1 1 0 011 1 1 1 0 110 2 1 1 0 11-2 0 1 1 0 110-2 1 1 0 011-1z"
+  }));
+};
+
+exports.TwakeAssistantIcon = TwakeAssistantIcon;

package/dist/components/AssistantMobile.js

@@ -7,21 +7,35 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = exports.AssistantMobile = void 0;
 
+var _classnames = _interopRequireDefault(require("classnames"));
+
 var _react = _interopRequireDefault(require("react"));
 
 var _reactRouterDom = require("react-router-dom");
 
 var _Icon = _interopRequireDefault(require("cozy-ui/transpiled/react/Icon"));
 
+var _Magnifier = _interopRequireDefault(require("cozy-ui/transpiled/react/Icons/Magnifier"));
+
 var _SearchBar = _interopRequireDefault(require("cozy-ui/transpiled/react/SearchBar"));
 
+var _isTwakeTheme = require("cozy-ui/transpiled/react/helpers/isTwakeTheme");
+
 var _I18n = require("cozy-ui/transpiled/react/providers/I18n");
 
 var _useExtendI18n = _interopRequireDefault(require("cozy-ui/transpiled/react/providers/I18n/useExtendI18n"));
 
+var _locales = require("../locales");
+
 var _AssistantIcon = require("./AssistantIcon/AssistantIcon");
 
-var _locales = require("../locales");
+var _helpers = require("./helpers");
+
+var styles = {
+  "searchBarDesktop--result": "styles__searchBarDesktop--result___2bQQy",
+  "suggestionsPlaceholder": "styles__suggestionsPlaceholder___y-vsv",
+  "search-bar-icon": "styles__search-bar-icon___1affF"
+};
 
 var AssistantMobile = function AssistantMobile() {
   var _useI18n = (0, _I18n.useI18n)(),
@@ -32,12 +46,13 @@ var AssistantMobile = function AssistantMobile() {
   return /*#__PURE__*/_react.default.createElement(_SearchBar.default, {
     size: "medium",
     icon: /*#__PURE__*/_react.default.createElement(_Icon.default, {
-      className: "u-ml-1 u-mr-half",
-      icon: _AssistantIcon.AssistantIcon,
-      size: 24
+      className: (0, _classnames.default)('u-ml-1 u-mr-half', (0, _isTwakeTheme.isTwakeTheme)() ? styles['search-bar-icon'] : undefined),
+      icon: (0, _isTwakeTheme.isTwakeTheme)() ? _Magnifier.default : _AssistantIcon.AssistantIcon,
+      size: (0, _isTwakeTheme.isTwakeTheme)() ? 16 : 24
     }),
     type: "button",
-    label: t('assistant.search.placeholder'),
+    label: (0, _helpers.isAssistantEnabled)() ? t('assistant.search.placeholder') : undefined // fallback on SearchBar default
+    ,
     onClick: function onClick() {
       return navigate('connected/search');
     } // FIXME this route is related to home app

package/dist/components/Conversations/ChatAssistantItem.js

@@ -15,6 +15,8 @@ var _react = _interopRequireDefault(require("react"));
 
 var _Icon = _interopRequireDefault(require("cozy-ui/transpiled/react/Icon"));
 
+var _isTwakeTheme = require("cozy-ui/transpiled/react/helpers/isTwakeTheme");
+
 var _I18n = require("cozy-ui/transpiled/react/providers/I18n");
 
 var _ChatItem = _interopRequireDefault(require("./ChatItem"));
@@ -23,6 +25,8 @@ var _Sources = _interopRequireDefault(require("./Sources/Sources"));
 
 var _AssistantIcon = require("../AssistantIcon/AssistantIcon");
 
+var _TwakeAssistantIcon = require("../AssistantIcon/TwakeAssistantIcon");
+
 var _excluded = ["label", "className", "id", "sources"];
 
 var ChatAssistantItem = function ChatAssistantItem(_ref) {
@@ -39,10 +43,14 @@ var ChatAssistantItem = function ChatAssistantItem(_ref) {
     label: label,
     className: className,
     icon: /*#__PURE__*/_react.default.createElement(_Icon.default, {
-      icon: _AssistantIcon.AssistantIcon,
-      size: 32
+      icon: (0, _isTwakeTheme.isTwakeTheme)() ? _TwakeAssistantIcon.TwakeAssistantIcon : _AssistantIcon.AssistantIcon,
+      size: (0, _isTwakeTheme.isTwakeTheme)() ? 24 : 32,
+      className: (0, _isTwakeTheme.isTwakeTheme)() ? 'u-mh-half' : undefined,
+      color: "var(--primaryColor)"
     }),
-    name: t('assistant.name')
+    name: t('assistant.name', {
+      name: (0, _isTwakeTheme.isTwakeTheme)() ? 'Twake' : 'Cozy'
+    })
   })), (sources === null || sources === void 0 ? void 0 : sources.length) > 0 && /*#__PURE__*/_react.default.createElement(_Sources.default, {
     messageId: id,
     sources: sources

package/dist/components/Conversations/ChatUserItem.js

@@ -30,7 +30,7 @@ var ChatUserItem = function ChatUserItem(_ref) {
     className: className,
     icon: /*#__PURE__*/_react.default.createElement(_Avatar.default, {
       text: (0, _contact.getInitials)(myself),
-      size: "small"
+      size: "s"
     }),
     name: (0, _contact.getDisplayName)(myself),
     label: label

package/dist/components/Conversations/ConversationBar.js

@@ -17,8 +17,6 @@ var _Buttons = _interopRequireDefault(require("cozy-ui/transpiled/react/Buttons"
 
 var _Icon = _interopRequireDefault(require("cozy-ui/transpiled/react/Icon"));
 
-var _IconButton = _interopRequireDefault(require("cozy-ui/transpiled/react/IconButton"));
-
 var _Paperplane = _interopRequireDefault(require("cozy-ui/transpiled/react/Icons/Paperplane"));
 
 var _Stop = _interopRequireDefault(require("cozy-ui/transpiled/react/Icons/Stop"));
@@ -113,34 +111,30 @@ var ConversationBar = function ConversationBar(_ref) {
           className: styles['conversationBar-input']
         },
         autoFocus: !isMobile,
-        endAdornment: assistantStatus !== 'idle' ? /*#__PURE__*/_react.default.createElement(_IconButton.default, {
-          className: "u-p-half",
-          onClick: handleStop
-        }, /*#__PURE__*/_react.default.createElement(_Buttons.default, {
+        endAdornment: assistantStatus !== 'idle' ? /*#__PURE__*/_react.default.createElement(_Buttons.default, {
           component: "div",
-          className: "u-miw-auto u-w-2 u-h-2 u-bdrs-circle",
+          className: "u-miw-auto u-mih-auto u-w-2 u-h-2 u-bdrs-circle u-p-1 u-mr-1",
           classes: {
             label: 'u-flex u-w-auto'
           },
           label: /*#__PURE__*/_react.default.createElement(_Icon.default, {
             icon: _Stop.default,
             size: 12
-          })
-        })) : /*#__PURE__*/_react.default.createElement(_IconButton.default, {
-          className: "u-p-half",
-          disabled: !inputValue,
-          onClick: handleClick
-        }, /*#__PURE__*/_react.default.createElement(_Buttons.default, {
+          }),
+          onClick: handleStop
+        }) : /*#__PURE__*/_react.default.createElement(_Buttons.default, {
           component: "div",
-          className: "u-miw-auto u-w-2 u-h-2 u-bdrs-circle",
+          className: "u-miw-auto u-mih-auto u-w-2 u-h-2 u-bdrs-circle u-p-1 u-mr-1",
           classes: {
             label: 'u-flex u-w-auto'
           },
           label: /*#__PURE__*/_react.default.createElement(_Icon.default, {
-            icon: _Paperplane.default
+            icon: _Paperplane.default,
+            size: 12
           }),
-          disabled: !inputValue
-        })),
+          disabled: !inputValue,
+          onClick: handleClick
+        }),
         onKeyDown: function onKeyDown(ev) {
           if (!isMobile) {
             if (ev.shiftKey && ev.key === 'Enter') {

package/dist/components/ResultMenu/ResultMenuContent.js

@@ -21,6 +21,8 @@ var _List = _interopRequireDefault(require("cozy-ui/transpiled/react/List"));
 
 var _ListItemSkeleton = _interopRequireDefault(require("cozy-ui/transpiled/react/Skeletons/ListItemSkeleton"));
 
+var _isTwakeTheme = require("cozy-ui/transpiled/react/helpers/isTwakeTheme");
+
 var _Breakpoints = require("cozy-ui/transpiled/react/providers/Breakpoints");
 
 var _I18n = require("cozy-ui/transpiled/react/providers/I18n");
@@ -98,7 +100,7 @@ var ResultMenuContent = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref)
 
   return /*#__PURE__*/_react.default.createElement(_List.default, {
     ref: ref
-  }, (0, _helpers.isAssistantEnabled)() && /*#__PURE__*/_react.default.createElement(_ResultMenuItem.default, {
+  }, (0, _helpers.isAssistantEnabled)() && !(0, _isTwakeTheme.isTwakeTheme)() && /*#__PURE__*/_react.default.createElement(_ResultMenuItem.default, {
     icon: /*#__PURE__*/_react.default.createElement(_Circle.default, {
       size: "small"
     }, /*#__PURE__*/_react.default.createElement(_Icon.default, {

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

@@ -0,0 +1,4 @@
+export function AssistantButton({ onClick, size }: {
+    onClick: any;
+    size: any;
+}): JSX.Element;

package/dist/components/Search/AssistantButton.js

@@ -0,0 +1,36 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.AssistantButton = void 0;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _Icon = _interopRequireDefault(require("cozy-ui/transpiled/react/Icon"));
+
+var _IconButton = _interopRequireDefault(require("cozy-ui/transpiled/react/IconButton"));
+
+var _InputAdornment = _interopRequireDefault(require("cozy-ui/transpiled/react/InputAdornment"));
+
+var _TwakeAssistantIcon = require("../AssistantIcon/TwakeAssistantIcon");
+
+var AssistantButton = function AssistantButton(_ref) {
+  var onClick = _ref.onClick,
+      size = _ref.size;
+  return /*#__PURE__*/_react.default.createElement(_InputAdornment.default, {
+    position: "end",
+    className: "u-mr-half"
+  }, /*#__PURE__*/_react.default.createElement(_IconButton.default, {
+    onClick: onClick,
+    size: "small",
+    color: "primary"
+  }, /*#__PURE__*/_react.default.createElement(_Icon.default, {
+    icon: _TwakeAssistantIcon.TwakeAssistantIcon,
+    size: size === 'medium' ? 24 : 16
+  })));
+};
+
+exports.AssistantButton = AssistantButton;

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

@@ -0,0 +1,4 @@
+export default AssistantLinkWrapper;
+declare function AssistantLinkWrapper({ children }: {
+    children: any;
+}): JSX.Element;

package/dist/components/Search/AssistantLink.js

@@ -0,0 +1,51 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _reactRouterDom = require("react-router-dom");
+
+var _AssistantProvider = _interopRequireWildcard(require("../AssistantProvider"));
+
+var _helpers = require("../helpers");
+
+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 AssistantLink = function AssistantLink(_ref) {
+  var children = _ref.children;
+
+  var _useAssistant = (0, _AssistantProvider.useAssistant)(),
+      onAssistantExecute = _useAssistant.onAssistantExecute;
+
+  var navigate = (0, _reactRouterDom.useNavigate)();
+
+  var openAssistant = function openAssistant() {
+    if (!(0, _helpers.isAssistantEnabled)()) return;
+    var conversationId = (0, _helpers.makeConversationId)();
+    onAssistantExecute({
+      value: '',
+      conversationId: conversationId
+    });
+    navigate("assistant/".concat(conversationId));
+  };
+
+  return /*#__PURE__*/_react.default.createElement(_AssistantProvider.default, null, children({
+    openAssistant: openAssistant
+  }));
+};
+
+var AssistantLinkWrapper = function AssistantLinkWrapper(_ref2) {
+  var children = _ref2.children;
+  return /*#__PURE__*/_react.default.createElement(_AssistantProvider.default, null, /*#__PURE__*/_react.default.createElement(AssistantLink, null, children));
+};
+
+var _default = AssistantLinkWrapper;
+exports.default = _default;

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

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

package/dist/components/Search/SearchBarDesktop.js

@@ -25,6 +25,8 @@ var _isTwakeTheme = require("cozy-ui/transpiled/react/helpers/isTwakeTheme");
 
 var _I18n = require("cozy-ui/transpiled/react/providers/I18n");
 
+var _AssistantButton = require("./AssistantButton");
+
 var _SearchProvider = require("./SearchProvider");
 
 var _AssistantIcon = require("../AssistantIcon/AssistantIcon");
@@ -41,7 +43,8 @@ function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj &&
 
 var styles = {
   "searchBarDesktop--result": "styles__searchBarDesktop--result___2bQQy",
-  "suggestionsPlaceholder": "styles__suggestionsPlaceholder___y-vsv"
+  "suggestionsPlaceholder": "styles__suggestionsPlaceholder___y-vsv",
+  "search-bar-icon": "styles__search-bar-icon___1affF"
 };
 
 var SearchBarDesktop = function SearchBarDesktop(_ref) {
@@ -51,7 +54,8 @@ var SearchBarDesktop = function SearchBarDesktop(_ref) {
       elevation = _ref.elevation,
       size = _ref.size,
       hasHalfBorderRadius = _ref.hasHalfBorderRadius,
-      className = _ref.className;
+      className = _ref.className,
+      disabledHover = _ref.disabledHover;
 
   var _useI18n = (0, _I18n.useI18n)(),
       t = _useI18n.t;
@@ -140,24 +144,29 @@ var SearchBarDesktop = function SearchBarDesktop(_ref) {
     ref: searchRef,
     size: size,
     icon: size === 'large' ? /*#__PURE__*/_react.default.createElement(_Icon.default, {
-      className: "u-mh-1",
+      className: (0, _classnames.default)('u-mh-1', (0, _isTwakeTheme.isTwakeTheme)() ? styles['search-bar-icon'] : undefined),
       icon: (0, _isTwakeTheme.isTwakeTheme)() ? _Magnifier.default : _AssistantIcon.AssistantIcon,
       size: (0, _isTwakeTheme.isTwakeTheme)() ? 24 : 32
     }) : /*#__PURE__*/_react.default.createElement(_Icon.default, {
-      className: "u-ml-1 u-mr-half",
+      className: (0, _classnames.default)('u-ml-1 u-mr-half', (0, _isTwakeTheme.isTwakeTheme)() ? styles['search-bar-icon'] : undefined),
       icon: (0, _isTwakeTheme.isTwakeTheme)() ? _Magnifier.default : _AssistantIcon.AssistantIcon,
       size: (0, _isTwakeTheme.isTwakeTheme)() ? 16 : 24
     }),
-    placeholder: (0, _helpers.isAssistantEnabled)() ? t('assistant.search.placeholder') : undefined // fallback on SearchBar default
+    placeholder: (0, _helpers.isAssistantEnabled)() && !(0, _isTwakeTheme.isTwakeTheme)() ? t('assistant.search.placeholder') : undefined // fallback on SearchBar default
     ,
     value: value,
     componentsProps: {
       inputBase: {
-        onKeyDown: handleKeyDown
+        onKeyDown: handleKeyDown,
+        endAdornment: (0, _helpers.isAssistantEnabled)() && (0, _isTwakeTheme.isTwakeTheme)() ? /*#__PURE__*/_react.default.createElement(_AssistantButton.AssistantButton, {
+          onClick: handleClick,
+          size: size
+        }) : undefined
       }
     },
     disabledClear: true,
     disabledFocus: value !== '',
+    disabledHover: disabledHover,
     onChange: onChange
   }), searchValue && /*#__PURE__*/_react.default.createElement(_ResultMenu.default, {
     listRef: listRef,

package/dist/components/Search/SuggestionsPlaceholder.js

@@ -25,7 +25,8 @@ function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj &&
 
 var styles = {
   "searchBarDesktop--result": "styles__searchBarDesktop--result___2bQQy",
-  "suggestionsPlaceholder": "styles__suggestionsPlaceholder___y-vsv"
+  "suggestionsPlaceholder": "styles__suggestionsPlaceholder___y-vsv",
+  "search-bar-icon": "styles__search-bar-icon___1affF"
 };
 
 var SuggestionsPlaceholder = function SuggestionsPlaceholder() {

package/dist/components/Search/styles.styl

@@ -5,3 +5,6 @@
     position absolute
     opacity 0.42
     pointer-events none
+
+.search-bar-icon
+    opacity 0.42

package/dist/index.d.ts

@@ -1,3 +1,4 @@
+export { default as AssistantLink } from './components/Search/AssistantLink';
 export { default as AssistantDesktop } from './components/AssistantDesktop';
 export { default as AssistantMobile } from './components/AssistantMobile';
 export { default as AssistantDialog } from './components/Views/AssistantDialog';

package/dist/index.js

@@ -17,6 +17,12 @@ Object.defineProperty(exports, "AssistantDialog", {
     return _AssistantDialog.default;
   }
 });
+Object.defineProperty(exports, "AssistantLink", {
+  enumerable: true,
+  get: function get() {
+    return _AssistantLink.default;
+  }
+});
 Object.defineProperty(exports, "AssistantMobile", {
   enumerable: true,
   get: function get() {
@@ -30,6 +36,8 @@ Object.defineProperty(exports, "SearchDialog", {
   }
 });
 
+var _AssistantLink = _interopRequireDefault(require("./components/Search/AssistantLink"));
+
 var _AssistantDesktop = _interopRequireDefault(require("./components/AssistantDesktop"));
 
 var _AssistantMobile = _interopRequireDefault(require("./components/AssistantMobile"));

package/dist/locales/en.json

@@ -10,7 +10,7 @@
     "dialog": {
       "close": "Close"
     },
-    "name": "Cozy Assistant",
+    "name": "%{name} Assistant",
     "sources": "%{smart_count} source |||| %{smart_count} sources",
     "suggestions": {
       "find_file": "Search a file",

package/dist/locales/fr.json

@@ -10,7 +10,7 @@
     "dialog": {
       "close": "Fermer"
     },
-    "name": "Assistant Cozy",
+    "name": "Assistant %{name}",
     "sources": "%{smart_count} source |||| %{smart_count} sources",
     "suggestions": {
       "find_file": "Rechercher un fichier",

package/dist/locales/index.js

@@ -16,7 +16,7 @@ var en = {
     dialog: {
       close: "Close"
     },
-    name: "Cozy Assistant",
+    name: "%{name} Assistant",
     sources: "%{smart_count} source |||| %{smart_count} sources",
     suggestions: {
       find_file: "Search a file",
@@ -37,7 +37,7 @@ var fr = {
     dialog: {
       close: "Fermer"
     },
-    name: "Assistant Cozy",
+    name: "Assistant %{name}",
     sources: "%{smart_count} source |||| %{smart_count} sources",
     suggestions: {
       find_file: "Rechercher un fichier",

package/dist/stylesheet.css

@@ -1,5 +1,18 @@
 /*  imported from styles.styl  */
 
+.styles__searchBarDesktop--result___2bQQy {
+  border-radius: 28px 28px 0 0 !important;
+}
+.styles__suggestionsPlaceholder___y-vsv {
+  position: absolute;
+  opacity: 0.42;
+  pointer-events: none;
+}
+.styles__search-bar-icon___1affF {
+  opacity: 0.42;
+}
+/*  imported from styles.styl  */
+
 .styles__conversationBar___2J-Us {
   max-height: 95px;
   min-height: 48px;
@@ -36,13 +49,3 @@
   max-height: 16.5rem;
   overflow: auto;
 }
-/*  imported from styles.styl  */
-
-.styles__searchBarDesktop--result___2bQQy {
-  border-radius: 28px 28px 0 0 !important;
-}
-.styles__suggestionsPlaceholder___y-vsv {
-  position: absolute;
-  opacity: 0.42;
-  pointer-events: none;
-}

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "cozy-search",
   "description": "UI components about search bar and IA assistant",
-  "version": "0.3.0",
+  "version": "0.5.0",
   "author": {
     "name": "Cozy Cloud",
     "url": "https://github.com/cozy"
@@ -87,5 +87,5 @@
     "lint": "cd .. && yarn eslint --ext js,jsx,ts packages/cozy-search"
   },
   "types": "dist/index.d.ts",
-  "gitHead": "a55e06271c52f164be6d3e53a18440cd1352a471"
+  "gitHead": "5795e0e827a29ab23fe960d76fd75b63f77be304"
 }