"use strict";

var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
Object.defineProperty(exports, "__esModule", {
  value: true
});
exports.Overview = void 0;
var _react = _interopRequireDefault(require("react"));
var _i18n = require("@kbn/i18n");
var _eui = require("@elastic/eui");
var _i18nReact = require("@kbn/i18n-react");
var _react2 = require("@emotion/react");
var _metadata_summary_list = require("./metadata_summary/metadata_summary_list");
var _alerts = require("./alerts");
var _kpi_grid = require("./kpis/kpi_grid");
var _metrics_grid = require("./metrics/metrics_grid");
var _use_asset_details_state = require("../../hooks/use_asset_details_state");
/*
 * 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 Overview = () => {
  var _overrides$overview;
  const {
    asset,
    assetType,
    overrides,
    dateRange,
    renderMode,
    metadataResponse
  } = (0, _use_asset_details_state.useAssetDetailsStateContext)();
  const {
    logsDataView,
    metricsDataView
  } = (_overrides$overview = overrides === null || overrides === void 0 ? void 0 : overrides.overview) !== null && _overrides$overview !== void 0 ? _overrides$overview : {};
  const {
    metadataLoading,
    fetchMetadataError,
    metadata
  } = metadataResponse;
  return /*#__PURE__*/_react.default.createElement(_eui.EuiFlexGroup, {
    direction: "column",
    gutterSize: "m"
  }, /*#__PURE__*/_react.default.createElement(_eui.EuiFlexItem, {
    grow: false
  }, /*#__PURE__*/_react.default.createElement(_kpi_grid.KPIGrid, {
    nodeName: asset.name,
    timeRange: dateRange,
    dataView: metricsDataView
  })), /*#__PURE__*/_react.default.createElement(_eui.EuiFlexItem, {
    grow: false
  }, fetchMetadataError ? /*#__PURE__*/_react.default.createElement(_eui.EuiCallOut, {
    title: _i18n.i18n.translate('xpack.infra.assetDetailsEmbeddable.overview.errorTitle', {
      defaultMessage: 'Sorry, there was an error'
    }),
    color: "danger",
    iconType: "error",
    "data-test-subj": "infraMetadataErrorCallout"
  }, /*#__PURE__*/_react.default.createElement(_i18nReact.FormattedMessage, {
    id: "xpack.infra.assetDetailsEmbeddable.overview.errorMessage",
    defaultMessage: "There was an error loading your host metadata. Try to {reload} and open the host details again.",
    values: {
      reload: /*#__PURE__*/_react.default.createElement(_eui.EuiLink, {
        "data-test-subj": "infraAssetDetailsMetadataReloadPageLink",
        onClick: () => window.location.reload()
      }, _i18n.i18n.translate('xpack.infra.assetDetailsEmbeddable.overview.errorAction', {
        defaultMessage: 'reload the page'
      }))
    }
  })) : /*#__PURE__*/_react.default.createElement(_metadata_summary_list.MetadataSummaryList, {
    metadata: metadata,
    metadataLoading: metadataLoading,
    isCompactView: (renderMode === null || renderMode === void 0 ? void 0 : renderMode.mode) === 'flyout'
  }), /*#__PURE__*/_react.default.createElement(SectionSeparator, null)), /*#__PURE__*/_react.default.createElement(_eui.EuiFlexItem, {
    grow: false
  }, /*#__PURE__*/_react.default.createElement(_alerts.AlertsSummaryContent, {
    assetName: asset.name,
    assetType: assetType,
    dateRange: dateRange
  }), /*#__PURE__*/_react.default.createElement(SectionSeparator, null)), /*#__PURE__*/_react.default.createElement(_eui.EuiFlexItem, {
    grow: false
  }, /*#__PURE__*/_react.default.createElement(_metrics_grid.MetricsGrid, {
    timeRange: dateRange,
    logsDataView: logsDataView,
    metricsDataView: metricsDataView,
    nodeName: asset.name
  })));
};
exports.Overview = Overview;
const SectionSeparator = () => /*#__PURE__*/_react.default.createElement(_eui.EuiHorizontalRule, {
  margin: "m",
  css: (0, _react2.css)`
      margin-bottom: 0;
    `
});