cozy-search 0.1.0

package/LICENSE

@@ -0,0 +1,21 @@
+The MIT License (MIT)
+
+Copyright (c) 2016 Cozy.io
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/README.md

@@ -0,0 +1,89 @@
+# Cozy-search
+
+### Prerequisite for both components
+
+1. Install `cozy-dataproxy-lib` and update `cozy-scripts` version of your app to 8.4.0.
+
+2. Add the provider in your tree because the SearchEngine is provided by the DataProxyProvider :
+
+```jsx
+import { DataProxyProvider } from 'cozy-dataproxy-lib'
+
+<DataProxyProvider>
+  { children }
+</DataProxyProvider>
+```
+
+3. Import the CSS :
+
+```jsx
+import 'cozy-search/dist/stylesheet.css'
+```
+
+### Prerequisite for AI components
+
+1. Add following permissions in manifest.webapp :
+
+```json
+"chatConversations": {
+  "description": "Required by the cozy Assistant",
+  "type": "io.cozy.ai.chat.conversations",
+  "verbs": ["GET", "POST"]
+},
+"chatEvents": {
+  "description": "Required by the cozy Assistant",
+  "type": "io.cozy.ai.chat.events",
+  "verbs": ["GET"]
+}
+```
+
+2. Add realtime queries for chat conversations in your tree :
+
+```jsx
+<RealTimeQueries doctype="io.cozy.ai.chat.conversations" />
+```
+
+### On desktop
+
+You can add the search bar like this :
+
+```jsx
+import React from 'react'
+
+import { BarSearch } from 'cozy-bar'
+import { AssistantDesktop } from 'cozy-search'
+import useBreakpoints from 'cozy-ui/transpiled/react/providers/Breakpoints'
+
+const AppBarSearch = () => {
+  const { isMobile } = useBreakpoints()
+
+  return (
+    <BarSearch>
+      {!isMobile && (
+        <AssistantDesktop
+          componentsProps={{ SearchBarDesktop: { size: 'small' } }}
+        />
+      )}
+    </BarSearch>
+  )
+}
+
+export default AppBarSearch
+```
+
+### On mobile
+
+The search and assistant are dialogs. So you just need to create a route for each dialog, and open them when you want. The SearchDialog can open the AssistantDialog and expect a route like this `assistant/:conversationId`.
+
+```jsx
+<Route path="search" element={<SearchDialog />} />
+<Route
+  path="assistant/:conversationId"
+  element={
+    <>
+      <RealTimeQueries doctype="io.cozy.ai.chat.conversations" />
+      <AssistantDialog />
+    </>
+  }
+/>
+```

package/dist/components/AssistantDesktop.d.ts

@@ -0,0 +1,16 @@
+export default AssistantDesktop;
+declare function AssistantDesktop({ componentsProps }: {
+    componentsProps: any;
+}): JSX.Element;
+declare namespace AssistantDesktop {
+    namespace propTypes {
+        let componentsProps: PropTypes.Requireable<PropTypes.InferProps<{
+            SearchBarDesktop: PropTypes.Requireable<PropTypes.InferProps<{
+                elevation: PropTypes.Requireable<boolean>;
+                size: PropTypes.Requireable<string>;
+                hasHalfBorderRadius: PropTypes.Requireable<boolean>;
+            }>>;
+        }>>;
+    }
+}
+import PropTypes from 'prop-types';

package/dist/components/AssistantDesktop.js

@@ -0,0 +1,44 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _propTypes = _interopRequireDefault(require("prop-types"));
+
+var _react = _interopRequireDefault(require("react"));
+
+var _useExtendI18n = _interopRequireDefault(require("cozy-ui/transpiled/react/providers/I18n/useExtendI18n"));
+
+var _AssistantProvider = _interopRequireDefault(require("./AssistantProvider"));
+
+var _SearchBar = _interopRequireDefault(require("./Search/SearchBar"));
+
+var _SearchProvider = _interopRequireDefault(require("./Search/SearchProvider"));
+
+var _locales = require("../locales");
+
+var AssistantDesktop = function AssistantDesktop(_ref) {
+  var componentsProps = _ref.componentsProps;
+  (0, _useExtendI18n.default)(_locales.locales);
+  return /*#__PURE__*/_react.default.createElement("div", {
+    className: "u-mh-auto u-w-100 u-maw-100"
+  }, /*#__PURE__*/_react.default.createElement(_AssistantProvider.default, null, /*#__PURE__*/_react.default.createElement(_SearchProvider.default, null, /*#__PURE__*/_react.default.createElement(_SearchBar.default, {
+    componentsProps: componentsProps
+  }))));
+};
+
+AssistantDesktop.propTypes = {
+  componentsProps: _propTypes.default.shape({
+    SearchBarDesktop: _propTypes.default.shape({
+      elevation: _propTypes.default.bool,
+      size: _propTypes.default.string,
+      hasHalfBorderRadius: _propTypes.default.bool
+    })
+  })
+};
+var _default = AssistantDesktop;
+exports.default = _default;

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

@@ -0,0 +1,6 @@
+export function AssistantIcon({ height, width, style, ...restProps }: {
+    [x: string]: any;
+    height: any;
+    width: any;
+    style: any;
+}): JSX.Element;

package/dist/components/AssistantIcon/AssistantIcon.js

@@ -0,0 +1,43 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.AssistantIcon = void 0;
+
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+
+var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
+
+var _react = _interopRequireDefault(require("react"));
+
+var _excluded = ["height", "width", "style"];
+
+/**
+ * The assistant's icon cannot be a SVG because it uses some conical gradients.
+ *
+ * Also we don't want to embed it as a PNG resource for now because we encounter some issues
+ * in the Flagship app's WebViews when loaded in offline mode (the cache control seems not
+ * to work after an app's restart).
+ *
+ * To fix those issues, we chose to embed the icon PNG as a base64 string until we find a
+ * better solution.
+ *
+ * Base64 string generated using https://base64.guru/converter/encode/image/png
+ */
+var AssistantIcon = function AssistantIcon(_ref) {
+  var height = _ref.height,
+      width = _ref.width,
+      style = _ref.style,
+      restProps = (0, _objectWithoutProperties2.default)(_ref, _excluded);
+  return /*#__PURE__*/_react.default.createElement("img", (0, _extends2.default)({
+    src: "data:image/png;base64,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",
+    width: width,
+    height: height,
+    style: style
+  }, restProps));
+};
+
+exports.AssistantIcon = AssistantIcon;

package/dist/components/AssistantMobile.d.ts

@@ -0,0 +1,2 @@
+export function AssistantMobile(): JSX.Element;
+export default AssistantMobile;

package/dist/components/AssistantMobile.js

@@ -0,0 +1,50 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = exports.AssistantMobile = void 0;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _reactRouterDom = require("react-router-dom");
+
+var _Icon = _interopRequireDefault(require("cozy-ui/transpiled/react/Icon"));
+
+var _SearchBar = _interopRequireDefault(require("cozy-ui/transpiled/react/SearchBar"));
+
+var _I18n = require("cozy-ui/transpiled/react/providers/I18n");
+
+var _useExtendI18n = _interopRequireDefault(require("cozy-ui/transpiled/react/providers/I18n/useExtendI18n"));
+
+var _AssistantIcon = require("./AssistantIcon/AssistantIcon");
+
+var _locales = require("../locales");
+
+var AssistantMobile = function AssistantMobile() {
+  var _useI18n = (0, _I18n.useI18n)(),
+      t = _useI18n.t;
+
+  var navigate = (0, _reactRouterDom.useNavigate)();
+  (0, _useExtendI18n.default)(_locales.locales);
+  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
+    }),
+    type: "button",
+    label: t('assistant.search.placeholder'),
+    onClick: function onClick() {
+      return navigate('connected/search');
+    } // FIXME this route is related to home app
+
+  });
+};
+
+exports.AssistantMobile = AssistantMobile;
+var _default = AssistantMobile;
+exports.default = _default;

package/dist/components/AssistantProvider.d.ts

@@ -0,0 +1,7 @@
+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';

package/dist/components/AssistantProvider.js

@@ -0,0 +1,174 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.useAssistant = exports.default = exports.AssistantContext = void 0;
+
+var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"));
+
+var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
+
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+
+var _set = _interopRequireDefault(require("lodash/set"));
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _reactRouterDom = require("react-router-dom");
+
+var _cozyClient = require("cozy-client");
+
+var _useRealtime3 = _interopRequireDefault(require("cozy-realtime/dist/useRealtime"));
+
+var _helpers = require("./helpers");
+
+var _queries = require("./queries");
+
+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; }
+
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+
+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();
+
+exports.AssistantContext = AssistantContext;
+
+var useAssistant = function useAssistant() {
+  var context = (0, _react.useContext)(AssistantContext);
+
+  if (!context) {
+    throw new Error('useAssistant must be used within a AssistantProvider');
+  }
+
+  return context;
+};
+
+exports.useAssistant = useAssistant;
+
+var AssistantProvider = function AssistantProvider(_ref) {
+  var children = _ref.children;
+
+  var _useParams = (0, _reactRouterDom.useParams)(),
+      conversationId = _useParams.conversationId;
+
+  var client = (0, _cozyClient.useClient)();
+
+  var _useState = (0, _react.useState)({
+    message: {},
+    status: 'pending',
+    messagesId: []
+  }),
+      _useState2 = (0, _slicedToArray2.default)(_useState, 2),
+      assistantState = _useState2[0],
+      setAssistantState = _useState2[1];
+
+  (0, _useRealtime3.default)(client, (0, _defineProperty2.default)({}, _queries.CHAT_CONVERSATIONS_DOCTYPE, {
+    created: function created(res) {
+      (0, _helpers.pushMessagesIdInState)(conversationId, res, setAssistantState);
+    },
+    updated: function updated(res) {
+      (0, _helpers.pushMessagesIdInState)(conversationId, res, setAssistantState);
+    }
+  }), []);
+  (0, _useRealtime3.default)(client, (0, _defineProperty2.default)({}, _queries.CHAT_EVENTS_DOCTYPE, {
+    created: function created(res) {
+      setAssistantState(function (prevState) {
+        // to exclude realtime messages if not relevant to the actual conversation
+        if (!(0, _helpers.isMessageForThisConversation)(res, prevState.messagesId)) {
+          return prevState;
+        }
+
+        if (res.object === 'done') {
+          if (prevState.status !== 'idle') {
+            return _objectSpread(_objectSpread({}, prevState), {}, {
+              status: 'idle'
+            });
+          }
+        }
+
+        if (res.object === 'delta') {
+          var message = (0, _set.default)(prevState.message, res.position, res.content);
+          return _objectSpread(_objectSpread({}, prevState), {}, {
+            message: message,
+            status: 'writing'
+          });
+        }
+
+        return prevState;
+      });
+    }
+  }), []);
+  var clearAssistant = (0, _react.useCallback)(function () {
+    return setAssistantState({
+      message: {},
+      status: 'pending',
+      messagesId: []
+    });
+  }, []);
+  var onAssistantExecute = (0, _react.useCallback)( /*#__PURE__*/function () {
+    var _ref3 = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee(_ref2, callback) {
+      var value, conversationId;
+      return _regenerator.default.wrap(function _callee$(_context) {
+        while (1) {
+          switch (_context.prev = _context.next) {
+            case 0:
+              value = _ref2.value, conversationId = _ref2.conversationId;
+
+              if (value) {
+                _context.next = 3;
+                break;
+              }
+
+              return _context.abrupt("return");
+
+            case 3:
+              callback === null || callback === void 0 ? void 0 : callback();
+              clearAssistant();
+              _context.next = 7;
+              return client.stackClient.fetchJSON('POST', "/ai/chat/conversations/".concat(conversationId), {
+                q: value
+              });
+
+            case 7:
+              setAssistantState(function (v) {
+                return _objectSpread(_objectSpread({}, v), {}, {
+                  status: 'pending'
+                });
+              });
+
+            case 8:
+            case "end":
+              return _context.stop();
+          }
+        }
+      }, _callee);
+    }));
+
+    return function (_x, _x2) {
+      return _ref3.apply(this, arguments);
+    };
+  }(), [client, clearAssistant]);
+  var value = (0, _react.useMemo)(function () {
+    return {
+      assistantState: assistantState,
+      setAssistantState: setAssistantState,
+      clearAssistant: clearAssistant,
+      onAssistantExecute: onAssistantExecute
+    };
+  }, [assistantState, clearAssistant, onAssistantExecute]);
+  return /*#__PURE__*/_react.default.createElement(AssistantContext.Provider, {
+    value: value
+  }, children);
+};
+
+var _default = /*#__PURE__*/_react.default.memo(AssistantProvider);
+
+exports.default = _default;

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

@@ -0,0 +1,8 @@
+export default ChatAssistantItem;
+declare function ChatAssistantItem({ label, className, id, sources, ...props }: {
+    [x: string]: any;
+    label: any;
+    className: any;
+    id: any;
+    sources: any;
+}): JSX.Element;

package/dist/components/Conversations/ChatAssistantItem.js

@@ -0,0 +1,53 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+
+var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
+
+var _react = _interopRequireDefault(require("react"));
+
+var _Icon = _interopRequireDefault(require("cozy-ui/transpiled/react/Icon"));
+
+var _I18n = require("cozy-ui/transpiled/react/providers/I18n");
+
+var _ChatItem = _interopRequireDefault(require("./ChatItem"));
+
+var _Sources = _interopRequireDefault(require("./Sources/Sources"));
+
+var _AssistantIcon = require("../AssistantIcon/AssistantIcon");
+
+var _excluded = ["label", "className", "id", "sources"];
+
+var ChatAssistantItem = function ChatAssistantItem(_ref) {
+  var label = _ref.label,
+      className = _ref.className,
+      id = _ref.id,
+      sources = _ref.sources,
+      props = (0, _objectWithoutProperties2.default)(_ref, _excluded);
+
+  var _useI18n = (0, _I18n.useI18n)(),
+      t = _useI18n.t;
+
+  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_ChatItem.default, (0, _extends2.default)({}, props, {
+    label: label,
+    className: className,
+    icon: /*#__PURE__*/_react.default.createElement(_Icon.default, {
+      icon: _AssistantIcon.AssistantIcon,
+      size: 32
+    }),
+    name: t('assistant.name')
+  })), (sources === null || sources === void 0 ? void 0 : sources.length) > 0 && /*#__PURE__*/_react.default.createElement(_Sources.default, {
+    messageId: id,
+    sources: sources
+  }));
+};
+
+var _default = ChatAssistantItem;
+exports.default = _default;

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

@@ -0,0 +1,5 @@
+export default ChatConversationWithQuery;
+declare function ChatConversationWithQuery({ id, myself }: {
+    id: any;
+    myself: any;
+}): JSX.Element | null;

package/dist/components/Conversations/ChatConversation.js

@@ -0,0 +1,110 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _cozyClient = require("cozy-client");
+
+var _ChatAssistantItem = _interopRequireDefault(require("./ChatAssistantItem"));
+
+var _ChatRealtimeAnswer = _interopRequireDefault(require("./ChatRealtimeAnswer"));
+
+var _ChatUserItem = _interopRequireDefault(require("./ChatUserItem"));
+
+var _AssistantProvider = require("../AssistantProvider");
+
+var _helpers = require("../helpers");
+
+var _queries = require("../queries");
+
+var _excluded = ["data"];
+
+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 ChatConversation = function ChatConversation(_ref) {
+  var _conversation$message, _conversation$message2, _conversation$message3, _conversation$message4, _conversation$message5;
+
+  var conversation = _ref.conversation,
+      myself = _ref.myself;
+
+  var _useAssistant = (0, _AssistantProvider.useAssistant)(),
+      assistantState = _useAssistant.assistantState;
+
+  var listRef = (0, _react.useRef)();
+  var instantMessageKeysCount = Object.keys(assistantState.message).length; // test on role === user to be sure the last response is inside io.cozy.ai.chat.conversations
+
+  var showRealtimeMessage = assistantState.status !== 'idle' || (conversation === null || conversation === void 0 ? void 0 : (_conversation$message = conversation.messages) === null || _conversation$message === void 0 ? void 0 : (_conversation$message2 = _conversation$message[(conversation === null || conversation === void 0 ? void 0 : (_conversation$message3 = conversation.messages) === null || _conversation$message3 === void 0 ? void 0 : _conversation$message3.length) - 1]) === null || _conversation$message2 === void 0 ? void 0 : _conversation$message2.role) === 'user';
+  (0, _react.useEffect)(function () {
+    var _listRef$current, _listRef$current$last;
+
+    // force scroll down if new message of change in AI instant response
+    (_listRef$current = listRef.current) === null || _listRef$current === void 0 ? void 0 : (_listRef$current$last = _listRef$current.lastElementChild) === null || _listRef$current$last === void 0 ? void 0 : _listRef$current$last.scrollIntoView(false);
+  }, [conversation === null || conversation === void 0 ? void 0 : (_conversation$message4 = conversation.messages) === null || _conversation$message4 === void 0 ? void 0 : _conversation$message4.length, assistantState.status, instantMessageKeysCount]);
+  return /*#__PURE__*/_react.default.createElement("div", {
+    ref: listRef
+  }, conversation === null || conversation === void 0 ? void 0 : (_conversation$message5 = conversation.messages) === null || _conversation$message5 === void 0 ? void 0 : _conversation$message5.map(function (message, idx) {
+    if (message.role === 'user') {
+      return /*#__PURE__*/_react.default.createElement(_ChatUserItem.default, {
+        key: conversation._id + '--' + idx,
+        className: "u-mt-1-half",
+        myself: myself,
+        label: message.content
+      });
+    }
+
+    if (idx !== (conversation === null || conversation === void 0 ? void 0 : conversation.messages.length) - 1) {
+      return /*#__PURE__*/_react.default.createElement(_ChatAssistantItem.default, {
+        key: conversation._id + '--' + idx,
+        className: "u-mt-1-half",
+        id: message.id,
+        label: message.content,
+        sources: message.sources
+      });
+    }
+
+    if (showRealtimeMessage) {
+      return null;
+    }
+
+    return /*#__PURE__*/_react.default.createElement(_ChatAssistantItem.default, {
+      key: conversation._id + '--' + idx,
+      className: "u-mt-1-half",
+      id: message.id,
+      label: message.content,
+      sources: message.sources
+    });
+  }), showRealtimeMessage && /*#__PURE__*/_react.default.createElement(_ChatRealtimeAnswer.default, {
+    isLoading: assistantState.status === 'pending',
+    label: (0, _helpers.getInstantMessage)(assistantState)
+  }));
+};
+
+var ChatConversationWithQuery = function ChatConversationWithQuery(_ref2) {
+  var id = _ref2.id,
+      myself = _ref2.myself;
+  var chatConversationQuery = (0, _queries.buildChatConversationQueryById)(id);
+
+  var _useQuery = (0, _cozyClient.useQuery)(chatConversationQuery.definition, chatConversationQuery.options),
+      chatConversation = _useQuery.data,
+      queryResult = (0, _objectWithoutProperties2.default)(_useQuery, _excluded);
+
+  var isLoading = (0, _cozyClient.isQueryLoading)(queryResult);
+  if (isLoading) return null;
+  return /*#__PURE__*/_react.default.createElement(ChatConversation, {
+    conversation: chatConversation,
+    myself: myself
+  });
+};
+
+var _default = ChatConversationWithQuery;
+exports.default = _default;

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

@@ -0,0 +1,7 @@
+export default ChatItem;
+declare function ChatItem({ className, icon, name, label }: {
+    className: any;
+    icon: any;
+    name: any;
+    label: any;
+}): JSX.Element;