cozy-search/dist/components/Assistant/AssistantContainer.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 _classnames = _interopRequireDefault(require("classnames"));

var _react = _interopRequireDefault(require("react"));

var _cozyFlags = _interopRequireDefault(require("cozy-flags"));

var _CozyTheme = require("cozy-ui-plus/dist/providers/CozyTheme");

var _AssistantProvider = require("../AssistantProvider");

var _PrettyScrollbar = _interopRequireDefault(require("../Containers/PrettyScrollbar"));

var _Conversation = _interopRequireDefault(require("../Conversations/Conversation"));

var _CozyAssistantRuntimeProvider = _interopRequireDefault(require("../CozyAssistantRuntimeProvider"));

var _SearchConversation = _interopRequireDefault(require("../Search/SearchConversation"));

var _Sidebar = _interopRequireDefault(require("../Sidebar"));

var _TwakeKnowledgePanel = _interopRequireDefault(require("../TwakeKnowledges/TwakeKnowledgePanel"));

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",
  "assistant-icon--composer": "styles__assistant-icon--composer___1i3dU",
  "menu-item": "styles__menu-item___1jvWN",
  "create-item": "styles__create-item___3ZARq",
  "menu-item-icon-button": "styles__menu-item-icon-button___2q_ct",
  "menu-item-actions": "styles__menu-item-actions___1ykUi",
  "chip": "styles__chip___16BPR",
  "selected-item--mobile": "styles__selected-item--mobile___gxVpw"
};

var AssistantContainer = function AssistantContainer() {
  var _useAssistant = (0, _AssistantProvider.useAssistant)(),
      isOpenSearchConversation = _useAssistant.isOpenSearchConversation,
      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-pb-0-t u-pb-1"
  }), /*#__PURE__*/_react.default.createElement(_PrettyScrollbar.default, {
    className: "u-flex-auto u-flex u-flex-column u-pb-0-t u-pb-1 u-ov-hidden"
  }, isOpenSearchConversation && (0, _cozyFlags.default)('cozy.assistant.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.assistant.source-knowledge.enabled') && /*#__PURE__*/_react.default.createElement("div", {
    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);
    }
  })));
};

var _default = AssistantContainer;
exports.default = _default;