cozy-search/dist/components/Conversations/ChatConversation.js

UI components about search bar and IA assistant

"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;