"use strict";

Object.defineProperty(exports, "__esModule", {
  value: true
});
exports.ChatItem = ChatItem;
var _react = _interopRequireWildcard(require("react"));
var _css = require("@emotion/css");
var _eui = require("@elastic/eui");
var _chat_item_actions = require("./chat_item_actions");
var _chat_item_avatar = require("./chat_item_avatar");
var _chat_item_content_inline_prompt_editor = require("./chat_item_content_inline_prompt_editor");
var _chat_item_controls = require("./chat_item_controls");
var _get_role_translation = require("../../utils/get_role_translation");
var _failed_to_load_response = require("../message_panel/failed_to_load_response");
function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (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; }
/*
 * 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 normalMessageClassName = (0, _css.css)`
  .euiCommentEvent__header {
    padding: 4px 8px;
  }

  .euiCommentEvent__body {
    padding: 0;
  }
  /* targets .*euiTimelineItemEvent-top, makes sure text properly wraps and doesn't overflow */
  > :last-child {
    overflow-x: hidden;
  }
`;
const noPanelMessageClassName = (0, _css.css)`
  .euiCommentEvent {
    border: none;
  }

  .euiCommentEvent__header {
    background: transparent;
    border-block-end: none;
  }

  .euiCommentEvent__body {
    display: none;
  }
`;
const accordionButtonClassName = (0, _css.css)`
  .euiAccordion__iconButton {
    display: none;
  }
`;
function ChatItem({
  actions: {
    canCopy,
    canEdit,
    canGiveFeedback,
    canRegenerate
  },
  display: {
    collapsed
  },
  content,
  currentUser,
  element,
  error,
  function_call: functionCall,
  loading,
  role,
  title,
  onEditSubmit,
  onFeedbackClick,
  onRegenerateClick,
  onStopGeneratingClick
}) {
  const accordionId = (0, _eui.useGeneratedHtmlId)({
    prefix: 'chat'
  });
  const [editing, setEditing] = (0, _react.useState)(false);
  const [expanded, setExpanded] = (0, _react.useState)(Boolean(element));
  const actions = [canCopy, collapsed, canCopy].filter(Boolean);
  const noBodyMessageClassName = (0, _css.css)`
    .euiCommentEvent__header {
      padding: 4px 8px;
    }

    .euiCommentEvent__body {
      padding: 0;
      height: ${expanded ? 'fit-content' : '0px'};
      overflow: hidden;
    }
  `;
  const handleToggleExpand = () => {
    setExpanded(!expanded);
    if (editing) {
      setEditing(false);
    }
  };
  const handleToggleEdit = () => {
    if (collapsed && !expanded) {
      setExpanded(true);
    }
    setEditing(!editing);
  };
  const handleInlineEditSubmit = message => {
    handleToggleEdit();
    return onEditSubmit(message);
  };
  const handleCopyToClipboard = () => {
    navigator.clipboard.writeText(content || '');
  };
  let contentElement = content || loading || error ? /*#__PURE__*/_react.default.createElement(_chat_item_content_inline_prompt_editor.ChatItemContentInlinePromptEditor, {
    content: content,
    editing: editing,
    functionCall: functionCall,
    loading: loading,
    onSubmit: handleInlineEditSubmit
  }) : null;
  if (collapsed) {
    contentElement = /*#__PURE__*/_react.default.createElement(_eui.EuiAccordion, {
      id: accordionId,
      className: accordionButtonClassName,
      forceState: expanded ? 'open' : 'closed',
      onToggle: handleToggleExpand
    }, /*#__PURE__*/_react.default.createElement(_eui.EuiSpacer, {
      size: "s"
    }), contentElement);
  }
  return /*#__PURE__*/_react.default.createElement(_eui.EuiComment, {
    timelineAvatar: /*#__PURE__*/_react.default.createElement(_chat_item_avatar.ChatItemAvatar, {
      loading: loading && !content,
      currentUser: currentUser,
      role: role
    }),
    username: (0, _get_role_translation.getRoleTranslation)(role),
    event: title,
    actions: /*#__PURE__*/_react.default.createElement(_chat_item_actions.ChatItemActions, {
      canCopy: canCopy,
      canEdit: canEdit,
      collapsed: collapsed,
      editing: editing,
      expanded: expanded,
      onCopyToClipboard: handleCopyToClipboard,
      onToggleEdit: handleToggleEdit,
      onToggleExpand: handleToggleExpand
    }),
    className: actions.length === 0 && !content ? noPanelMessageClassName : collapsed ? noBodyMessageClassName : normalMessageClassName
  }, /*#__PURE__*/_react.default.createElement(_eui.EuiPanel, {
    hasShadow: false,
    paddingSize: "s"
  }, element ? /*#__PURE__*/_react.default.createElement(_eui.EuiErrorBoundary, null, element) : null, contentElement, error ? /*#__PURE__*/_react.default.createElement(_failed_to_load_response.FailedToLoadResponse, null) : null), /*#__PURE__*/_react.default.createElement(_chat_item_controls.ChatItemControls, {
    canGiveFeedback: canGiveFeedback,
    canRegenerate: canRegenerate,
    error: error,
    loading: loading,
    onFeedbackClick: onFeedbackClick,
    onRegenerateClick: onRegenerateClick,
    onStopGeneratingClick: onStopGeneratingClick
  }));
}