"use strict";

Object.defineProperty(exports, "__esModule", {
  value: true
});
exports.DetailPanelMetadataTab = void 0;
var _react = _interopRequireWildcard(require("react"));
var _eui = require("@elastic/eui");
var _i18n = require("@kbn/i18n");
var _detail_panel_accordion = require("../detail_panel_accordion");
var _detail_panel_copy = require("../detail_panel_copy");
var _detail_panel_list_item = require("../detail_panel_list_item");
var _styles = require("../detail_panel_process_tab/styles");
var _styles2 = require("./styles");
var _helpers = require("./helpers");
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.
 */

/**
 * Host Panel of  session view detail panel.
 */
const DetailPanelMetadataTab = ({
  processHost,
  processContainer,
  processOrchestrator,
  processCloud
}) => {
  const styles = (0, _styles.useStyles)();
  const stylesChild = (0, _styles2.useStyles)();
  const hostData = (0, _react.useMemo)(() => (0, _helpers.getHostData)(processHost), [processHost]);
  const containerData = (0, _react.useMemo)(() => (0, _helpers.getContainerData)(processContainer), [processContainer]);
  const orchestratorData = (0, _react.useMemo)(() => (0, _helpers.getOrchestratorData)(processOrchestrator), [processOrchestrator]);
  const cloudData = (0, _react.useMemo)(() => (0, _helpers.getCloudData)(processCloud), [processCloud]);
  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_detail_panel_accordion.DetailPanelAccordion, {
    id: "metadataHost",
    title: _i18n.i18n.translate('xpack.sessionView.metadataDetailsTab.metadataHost', {
      defaultMessage: 'Host'
    }),
    initialIsOpen: true,
    listItems: [{
      title: /*#__PURE__*/_react.default.createElement(_detail_panel_list_item.DetailPanelListItem, null, "id"),
      description: /*#__PURE__*/_react.default.createElement(_detail_panel_copy.DetailPanelCopy, {
        textToCopy: `host.id: "${hostData.id}"`,
        tooltipContent: hostData.id
      }, /*#__PURE__*/_react.default.createElement(_eui.EuiTextColor, {
        color: "subdued",
        css: styles.descriptionSemibold
      }, hostData.id))
    }, {
      title: /*#__PURE__*/_react.default.createElement(_detail_panel_list_item.DetailPanelListItem, null, "hostname"),
      description: /*#__PURE__*/_react.default.createElement(_detail_panel_copy.DetailPanelCopy, {
        textToCopy: `host.hostname: "${hostData.hostname}"`,
        tooltipContent: hostData.hostname
      }, /*#__PURE__*/_react.default.createElement(_eui.EuiTextColor, {
        color: "subdued",
        css: styles.descriptionSemibold
      }, hostData.hostname))
    }, {
      title: /*#__PURE__*/_react.default.createElement(_detail_panel_list_item.DetailPanelListItem, null, "ip"),
      description: /*#__PURE__*/_react.default.createElement(_detail_panel_copy.DetailPanelCopy, {
        textToCopy: `host.ip: "${hostData.ip}"`,
        tooltipContent: hostData.ip
      }, /*#__PURE__*/_react.default.createElement(_eui.EuiTextColor, {
        color: "subdued",
        css: styles.descriptionSemibold
      }, hostData.ip))
    }, {
      title: /*#__PURE__*/_react.default.createElement(_detail_panel_list_item.DetailPanelListItem, null, "mac"),
      description: /*#__PURE__*/_react.default.createElement(_detail_panel_copy.DetailPanelCopy, {
        textToCopy: `host.mac: "${hostData.mac}"`,
        tooltipContent: hostData.mac
      }, /*#__PURE__*/_react.default.createElement(_eui.EuiTextColor, {
        color: "subdued",
        css: styles.descriptionSemibold
      }, hostData.mac))
    }, {
      title: /*#__PURE__*/_react.default.createElement(_detail_panel_list_item.DetailPanelListItem, null, "name"),
      description: /*#__PURE__*/_react.default.createElement(_detail_panel_copy.DetailPanelCopy, {
        textToCopy: `host.name: "${hostData.name}"`,
        tooltipContent: hostData.name
      }, /*#__PURE__*/_react.default.createElement(_eui.EuiTextColor, {
        color: "subdued",
        css: styles.descriptionSemibold
      }, hostData.name))
    }]
  }, /*#__PURE__*/_react.default.createElement(_eui.EuiPanel, {
    hasShadow: false,
    color: "plain",
    hasBorder: false,
    borderRadius: "m",
    paddingSize: "none",
    css: stylesChild.metadataHostOS
  }, /*#__PURE__*/_react.default.createElement(_detail_panel_accordion.DetailPanelAccordion, {
    id: "hostOS",
    title: _i18n.i18n.translate('xpack.sessionView.metadataDetailsTab.host', {
      defaultMessage: 'OS'
    }),
    listItems: [{
      title: /*#__PURE__*/_react.default.createElement(_detail_panel_list_item.DetailPanelListItem, null, "architecture"),
      description: /*#__PURE__*/_react.default.createElement(_detail_panel_copy.DetailPanelCopy, {
        textToCopy: `host.architecture: "${hostData.architecture}"`,
        tooltipContent: hostData.architecture
      }, /*#__PURE__*/_react.default.createElement(_eui.EuiTextColor, {
        color: "subdued",
        css: styles.descriptionSemibold
      }, hostData.architecture))
    }, {
      title: /*#__PURE__*/_react.default.createElement(_detail_panel_list_item.DetailPanelListItem, null, "os.family"),
      description: /*#__PURE__*/_react.default.createElement(_detail_panel_copy.DetailPanelCopy, {
        textToCopy: `host.os.family: "${hostData.os.family}"`,
        tooltipContent: hostData.os.family
      }, /*#__PURE__*/_react.default.createElement(_eui.EuiTextColor, {
        color: "subdued",
        css: styles.descriptionSemibold
      }, hostData.os.family))
    }, {
      title: /*#__PURE__*/_react.default.createElement(_detail_panel_list_item.DetailPanelListItem, null, "os.full"),
      description: /*#__PURE__*/_react.default.createElement(_detail_panel_copy.DetailPanelCopy, {
        textToCopy: `host.os.full: "${hostData.os.full}"`,
        tooltipContent: hostData.os.full
      }, /*#__PURE__*/_react.default.createElement(_eui.EuiTextColor, {
        color: "subdued",
        css: styles.descriptionSemibold
      }, hostData.os.full))
    }, {
      title: /*#__PURE__*/_react.default.createElement(_detail_panel_list_item.DetailPanelListItem, null, "os.kernel"),
      description: /*#__PURE__*/_react.default.createElement(_detail_panel_copy.DetailPanelCopy, {
        textToCopy: `host.os.kernel: "${hostData.os.kernel}"`,
        tooltipContent: hostData.os.kernel
      }, /*#__PURE__*/_react.default.createElement(_eui.EuiTextColor, {
        color: "subdued",
        css: styles.descriptionSemibold
      }, hostData.os.kernel))
    }, {
      title: /*#__PURE__*/_react.default.createElement(_detail_panel_list_item.DetailPanelListItem, null, "os.name"),
      description: /*#__PURE__*/_react.default.createElement(_detail_panel_copy.DetailPanelCopy, {
        textToCopy: `host.os.name: "${hostData.os.name}"`,
        tooltipContent: hostData.os.name
      }, /*#__PURE__*/_react.default.createElement(_eui.EuiTextColor, {
        color: "subdued",
        css: styles.descriptionSemibold
      }, hostData.os.name))
    }, {
      title: /*#__PURE__*/_react.default.createElement(_detail_panel_list_item.DetailPanelListItem, null, "os.platform"),
      description: /*#__PURE__*/_react.default.createElement(_detail_panel_copy.DetailPanelCopy, {
        textToCopy: `host.os.platform: "${hostData.os.platform}"`,
        tooltipContent: hostData.os.platform
      }, /*#__PURE__*/_react.default.createElement(_eui.EuiTextColor, {
        color: "subdued",
        css: styles.descriptionSemibold
      }, hostData.os.platform))
    }, {
      title: /*#__PURE__*/_react.default.createElement(_detail_panel_list_item.DetailPanelListItem, null, "os.version"),
      description: /*#__PURE__*/_react.default.createElement(_detail_panel_copy.DetailPanelCopy, {
        textToCopy: `host.os.version: "${hostData.os.version}"`,
        tooltipContent: hostData.os.version
      }, /*#__PURE__*/_react.default.createElement(_eui.EuiTextColor, {
        color: "subdued",
        css: styles.descriptionSemibold
      }, hostData.os.version))
    }]
  }))), processCloud && /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_detail_panel_accordion.DetailPanelAccordion, {
    id: "metadataCloud",
    title: _i18n.i18n.translate('xpack.sessionView.metadataDetailsTab.cloud', {
      defaultMessage: 'Cloud'
    }),
    listItems: [{
      title: /*#__PURE__*/_react.default.createElement(_detail_panel_list_item.DetailPanelListItem, null, "instance.name"),
      description: /*#__PURE__*/_react.default.createElement(_detail_panel_copy.DetailPanelCopy, {
        textToCopy: `cloud.provider: "${cloudData.instance.name}"`,
        tooltipContent: cloudData.instance.name
      }, /*#__PURE__*/_react.default.createElement(_eui.EuiTextColor, {
        color: "subdued",
        css: styles.descriptionSemibold
      }, cloudData.instance.name))
    }, {
      title: /*#__PURE__*/_react.default.createElement(_detail_panel_list_item.DetailPanelListItem, null, "provider"),
      description: /*#__PURE__*/_react.default.createElement(_detail_panel_copy.DetailPanelCopy, {
        textToCopy: `cloud.provider: "${cloudData.provider}"`,
        tooltipContent: cloudData.provider
      }, /*#__PURE__*/_react.default.createElement(_eui.EuiTextColor, {
        color: "subdued",
        css: styles.descriptionSemibold
      }, cloudData.provider))
    }, {
      title: /*#__PURE__*/_react.default.createElement(_detail_panel_list_item.DetailPanelListItem, null, "region"),
      description: /*#__PURE__*/_react.default.createElement(_detail_panel_copy.DetailPanelCopy, {
        textToCopy: `cloud.region: "${cloudData.region}"`,
        tooltipContent: cloudData.region
      }, /*#__PURE__*/_react.default.createElement(_eui.EuiTextColor, {
        color: "subdued",
        css: styles.descriptionSemibold
      }, cloudData.region))
    }, {
      title: /*#__PURE__*/_react.default.createElement(_detail_panel_list_item.DetailPanelListItem, null, "account.id"),
      description: /*#__PURE__*/_react.default.createElement(_detail_panel_copy.DetailPanelCopy, {
        textToCopy: `cloud.account.id: "${cloudData.account.id}"`,
        tooltipContent: cloudData.account.id
      }, /*#__PURE__*/_react.default.createElement(_eui.EuiTextColor, {
        color: "subdued",
        css: styles.descriptionSemibold
      }, cloudData.account.id))
    }, {
      title: /*#__PURE__*/_react.default.createElement(_detail_panel_list_item.DetailPanelListItem, null, "project.id"),
      description: /*#__PURE__*/_react.default.createElement(_detail_panel_copy.DetailPanelCopy, {
        textToCopy: `cloud.project.id: "${cloudData.project.id}"`,
        tooltipContent: cloudData.project.id
      }, /*#__PURE__*/_react.default.createElement(_eui.EuiTextColor, {
        color: "subdued",
        css: styles.descriptionSemibold
      }, cloudData.project.id))
    }, {
      title: /*#__PURE__*/_react.default.createElement(_detail_panel_list_item.DetailPanelListItem, null, "project.name"),
      description: /*#__PURE__*/_react.default.createElement(_detail_panel_copy.DetailPanelCopy, {
        textToCopy: `cloud.project.name: "${cloudData.project.name}"`,
        tooltipContent: cloudData.project.name
      }, /*#__PURE__*/_react.default.createElement(_eui.EuiTextColor, {
        color: "subdued",
        css: styles.descriptionSemibold
      }, cloudData.project.name))
    }]
  })), processContainer && /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_detail_panel_accordion.DetailPanelAccordion, {
    id: "metadataContainer",
    title: _i18n.i18n.translate('xpack.sessionView.metadataDetailsTab.container', {
      defaultMessage: 'Container'
    }),
    listItems: [{
      title: /*#__PURE__*/_react.default.createElement(_detail_panel_list_item.DetailPanelListItem, null, "id"),
      description: /*#__PURE__*/_react.default.createElement(_detail_panel_copy.DetailPanelCopy, {
        textToCopy: `container.id: "${containerData.id}"`,
        tooltipContent: containerData.id
      }, /*#__PURE__*/_react.default.createElement(_eui.EuiTextColor, {
        color: "subdued",
        css: styles.descriptionSemibold
      }, containerData.id))
    }, {
      title: /*#__PURE__*/_react.default.createElement(_detail_panel_list_item.DetailPanelListItem, null, "name"),
      description: /*#__PURE__*/_react.default.createElement(_detail_panel_copy.DetailPanelCopy, {
        textToCopy: `container.name: "${containerData.name}"`,
        tooltipContent: containerData.name
      }, /*#__PURE__*/_react.default.createElement(_eui.EuiTextColor, {
        color: "subdued",
        css: styles.descriptionSemibold
      }, containerData.name))
    }, {
      title: /*#__PURE__*/_react.default.createElement(_detail_panel_list_item.DetailPanelListItem, null, "image.name"),
      description: /*#__PURE__*/_react.default.createElement(_detail_panel_copy.DetailPanelCopy, {
        textToCopy: `container.image.name: "${containerData.image.name}"`,
        tooltipContent: containerData.image.name
      }, /*#__PURE__*/_react.default.createElement(_eui.EuiTextColor, {
        color: "subdued",
        css: styles.descriptionSemibold
      }, containerData.image.name))
    }, {
      title: /*#__PURE__*/_react.default.createElement(_detail_panel_list_item.DetailPanelListItem, null, "image.tag"),
      description: /*#__PURE__*/_react.default.createElement(_detail_panel_copy.DetailPanelCopy, {
        textToCopy: `container.image.tag: "${containerData.image.tag}"`,
        tooltipContent: containerData.image.tag
      }, /*#__PURE__*/_react.default.createElement(_eui.EuiTextColor, {
        color: "subdued",
        css: styles.descriptionSemibold
      }, containerData.image.tag))
    }, {
      title: /*#__PURE__*/_react.default.createElement(_detail_panel_list_item.DetailPanelListItem, null, "image.hash.all"),
      description: /*#__PURE__*/_react.default.createElement(_detail_panel_copy.DetailPanelCopy, {
        textToCopy: `container.image.hash.all: "${containerData.image.hash.all}"`,
        tooltipContent: containerData.image.hash.all
      }, /*#__PURE__*/_react.default.createElement(_eui.EuiTextColor, {
        color: "subdued",
        css: styles.descriptionSemibold
      }, containerData.image.hash.all))
    }]
  })), processOrchestrator && /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_detail_panel_accordion.DetailPanelAccordion, {
    id: "metadataOrchestrator",
    title: _i18n.i18n.translate('xpack.sessionView.metadataDetailsTab.orchestrator', {
      defaultMessage: 'Orchestrator'
    }),
    listItems: [{
      title: /*#__PURE__*/_react.default.createElement(_detail_panel_list_item.DetailPanelListItem, null, "resource.ip"),
      description: /*#__PURE__*/_react.default.createElement(_detail_panel_copy.DetailPanelCopy, {
        textToCopy: `orchestrator.resource.ip: "${orchestratorData.resource.ip}"`,
        tooltipContent: orchestratorData.resource.ip
      }, /*#__PURE__*/_react.default.createElement(_eui.EuiTextColor, {
        color: "subdued",
        css: styles.descriptionSemibold
      }, orchestratorData.resource.ip))
    }, {
      title: /*#__PURE__*/_react.default.createElement(_detail_panel_list_item.DetailPanelListItem, null, "resource.name"),
      description: /*#__PURE__*/_react.default.createElement(_detail_panel_copy.DetailPanelCopy, {
        textToCopy: `orchestrator.resource.name: "${orchestratorData.resource.name}"`,
        tooltipContent: orchestratorData.resource.name
      }, /*#__PURE__*/_react.default.createElement(_eui.EuiTextColor, {
        color: "subdued",
        css: styles.descriptionSemibold
      }, orchestratorData.resource.name))
    }, {
      title: /*#__PURE__*/_react.default.createElement(_detail_panel_list_item.DetailPanelListItem, null, "resource.type"),
      description: /*#__PURE__*/_react.default.createElement(_detail_panel_copy.DetailPanelCopy, {
        textToCopy: `orchestrator.resource.type: "${orchestratorData.resource.type}"`,
        tooltipContent: orchestratorData.resource.type
      }, /*#__PURE__*/_react.default.createElement(_eui.EuiTextColor, {
        color: "subdued",
        css: styles.descriptionSemibold
      }, orchestratorData.resource.type))
    }, {
      title: /*#__PURE__*/_react.default.createElement(_detail_panel_list_item.DetailPanelListItem, null, "resource.parent.type"),
      description: /*#__PURE__*/_react.default.createElement(_detail_panel_copy.DetailPanelCopy, {
        textToCopy: `orchestrator.resource.parent.type: "${orchestratorData.resource.parent.type}"`,
        tooltipContent: orchestratorData.resource.parent.type
      }, /*#__PURE__*/_react.default.createElement(_eui.EuiTextColor, {
        color: "subdued",
        css: styles.descriptionSemibold
      }, orchestratorData.resource.parent.type))
    }, {
      title: /*#__PURE__*/_react.default.createElement(_detail_panel_list_item.DetailPanelListItem, null, "namespace"),
      description: /*#__PURE__*/_react.default.createElement(_detail_panel_copy.DetailPanelCopy, {
        textToCopy: `orchestrator.namespace: "${orchestratorData.namespace}"`,
        tooltipContent: orchestratorData.namespace
      }, /*#__PURE__*/_react.default.createElement(_eui.EuiTextColor, {
        color: "subdued",
        css: styles.descriptionSemibold
      }, orchestratorData.namespace))
    }, {
      title: /*#__PURE__*/_react.default.createElement(_detail_panel_list_item.DetailPanelListItem, null, "cluster.id"),
      description: /*#__PURE__*/_react.default.createElement(_detail_panel_copy.DetailPanelCopy, {
        textToCopy: `orchestrator.cluster.id: "${orchestratorData.cluster.id}"`,
        tooltipContent: orchestratorData.cluster.id
      }, /*#__PURE__*/_react.default.createElement(_eui.EuiTextColor, {
        color: "subdued",
        css: styles.descriptionSemibold
      }, orchestratorData.cluster.id))
    }, {
      title: /*#__PURE__*/_react.default.createElement(_detail_panel_list_item.DetailPanelListItem, null, "cluster.name"),
      description: /*#__PURE__*/_react.default.createElement(_detail_panel_copy.DetailPanelCopy, {
        textToCopy: `orchestrator.cluster.name: "${orchestratorData.cluster.name}"`,
        tooltipContent: orchestratorData.cluster.name
      }, /*#__PURE__*/_react.default.createElement(_eui.EuiTextColor, {
        color: "subdued",
        css: styles.descriptionSemibold
      }, orchestratorData.cluster.name))
    }]
  })));
};
exports.DetailPanelMetadataTab = DetailPanelMetadataTab;