"use strict";

var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
Object.defineProperty(exports, "__esModule", {
  value: true
});
exports.ChatWelcomePanel = ChatWelcomePanel;
var _react = _interopRequireDefault(require("react"));
var _eui = require("@elastic/eui");
var _css = require("@emotion/css");
var _i18n = require("@kbn/i18n");
var _uiTheme = require("@kbn/ui-theme");
var _elastic_ai_assistant = _interopRequireDefault(require("../../assets/elastic_ai_assistant.png"));
/*
 * Copyright Elasticsearch B.V. and/or licensed to Elasticsearch B.V. under one
 * or more contributor license agreements. Licensed under the Elastic License
 * 2.0; you may not use this file except in compliance with the Elastic License
 * 2.0.
 */

const incorrectLicenseContainer = (0, _css.css)`
  height: 100%;
  padding: ${_uiTheme.euiThemeVars.euiPanelPaddingModifiers.paddingMedium};
`;
function ChatWelcomePanel({
  knowledgeBase
}) {
  var _knowledgeBase$status, _knowledgeBase$status2, _knowledgeBase$status3;
  return /*#__PURE__*/_react.default.createElement(_eui.EuiPanel, {
    hasBorder: false,
    hasShadow: false
  }, /*#__PURE__*/_react.default.createElement(_eui.EuiFlexGroup, {
    direction: "column",
    alignItems: "center",
    justifyContent: "center",
    className: incorrectLicenseContainer
  }, /*#__PURE__*/_react.default.createElement(_eui.EuiImage, {
    src: _elastic_ai_assistant.default,
    alt: "Elastic AI Assistant",
    size: "m"
  }), /*#__PURE__*/_react.default.createElement(_eui.EuiTitle, null, /*#__PURE__*/_react.default.createElement("h2", null, _i18n.i18n.translate('xpack.observabilityAiAssistant.chatWelcomePanel.title', {
    defaultMessage: "Let's work on this together"
  }))), /*#__PURE__*/_react.default.createElement(_eui.EuiText, {
    color: "subdued",
    textAlign: "center"
  }, /*#__PURE__*/_react.default.createElement("p", null, (_knowledgeBase$status = knowledgeBase.status.value) !== null && _knowledgeBase$status !== void 0 && _knowledgeBase$status.ready ? _i18n.i18n.translate('xpack.observabilityAiAssistant.chatWelcomePanel.body.kbReady', {
    defaultMessage: 'Keep in mind that Elastic AI Assistant is a technical preview feature. Please provide feedback at any time.'
  }) : _i18n.i18n.translate('xpack.observabilityAiAssistant.chatWelcomePanel.body.kbNotReady', {
    defaultMessage: 'We recommend you enable the knowledge base for a better experience. It will provide the assistant with the ability to learn from your interaction with it. Keep in mind that Elastic AI Assistant is a technical preview feature. Please provide feedback at any time.'
  }))), !((_knowledgeBase$status2 = knowledgeBase.status.value) !== null && _knowledgeBase$status2 !== void 0 && _knowledgeBase$status2.ready) ? /*#__PURE__*/_react.default.createElement(_eui.EuiButton, {
    "data-test-subj": "observabilityAiAssistantChatWelcomePanelSetUpKnowledgeBaseButton",
    color: "primary",
    fill: true,
    iconType: (_knowledgeBase$status3 = knowledgeBase.status.value) !== null && _knowledgeBase$status3 !== void 0 && _knowledgeBase$status3.ready ? 'checkInCircleFilled' : 'dotInCircle',
    isLoading: knowledgeBase.isInstalling || knowledgeBase.status.loading,
    onClick: knowledgeBase.install
  }, _i18n.i18n.translate('xpack.observabilityAiAssistant.chatWelcomePanel.knowledgeBase.buttonLabel.notInstalledYet', {
    defaultMessage: 'Set up knowledge base'
  })) : null));
}