"use strict";

Object.defineProperty(exports, "__esModule", {
  value: true
});
exports.ElasticsearchIndexingApi = void 0;
var _react = _interopRequireWildcard(require("react"));
var _eui = require("@elastic/eui");
var _i18n = require("@kbn/i18n");
var _i18nReact = require("@kbn/i18n-react");
var _reactQuery = require("@tanstack/react-query");
var _searchApiPanels = require("@kbn/search-api-panels");
var _common = require("../../../common");
var _doc_links = require("../../../common/doc_links");
var _routes = require("../routes");
var _constants = require("../constants");
var _use_kibana = require("../hooks/use_kibana");
var _javascript = require("./languages/javascript");
var _languages = require("./languages/languages");
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 NoIndicesContent = () => /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_eui.EuiSpacer, null), /*#__PURE__*/_react.default.createElement(_eui.EuiText, null, /*#__PURE__*/_react.default.createElement(_i18nReact.FormattedMessage, {
  id: "xpack.serverlessSearch.content.indexingApi.clientPanel.noIndices.helpText",
  defaultMessage: "Don't have an index yet? {getStartedLink}",
  values: {
    getStartedLink: /*#__PURE__*/_react.default.createElement(_eui.EuiLink, {
      href: _doc_links.docLinks.gettingStartedIngest,
      external: true
    }, _i18n.i18n.translate('xpack.serverlessSearch.content.indexingApi.clientPanel.noIndices.getStartedLink', {
      defaultMessage: 'Get started'
    }))
  }
})));
const IndicesContent = ({
  indices,
  isLoading,
  onChange,
  selectedIndex,
  setSearchValue
}) => {
  const toOption = index => ({
    label: index.name,
    value: index
  });
  const options = indices.map(toOption);
  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_eui.EuiSpacer, null), /*#__PURE__*/_react.default.createElement(_eui.EuiFlexGroup, null, /*#__PURE__*/_react.default.createElement(_eui.EuiFlexItem, null, /*#__PURE__*/_react.default.createElement(_eui.EuiFormRow, {
    fullWidth: true,
    label: _i18n.i18n.translate('xpack.serverlessSearch.content.indexingApi.index.comboBox.title', {
      defaultMessage: 'Index'
    })
  }, /*#__PURE__*/_react.default.createElement(_eui.EuiComboBox, {
    async: true,
    fullWidth: true,
    isLoading: isLoading,
    singleSelection: {
      asPlainText: true
    },
    onChange: onChange,
    onSearchChange: setSearchValue,
    options: options,
    selectedOptions: selectedIndex ? [toOption(selectedIndex)] : undefined
  }))), /*#__PURE__*/_react.default.createElement(_eui.EuiFlexItem, {
    grow: false
  }, /*#__PURE__*/_react.default.createElement(_eui.EuiStat, {
    title: selectedIndex ? selectedIndex.count.toLocaleString() : '--',
    titleColor: "primary",
    description: _i18n.i18n.translate('xpack.serverlessSearch.content.indexingApi.index.documentCount.description', {
      defaultMessage: 'Documents'
    })
  }))));
};
const ElasticsearchIndexingApi = () => {
  var _data$indices, _data$indices2;
  const {
    cloud,
    http,
    share
  } = (0, _use_kibana.useKibanaServices)();
  const [selectedLanguage, setSelectedLanguage] = (0, _react.useState)(_javascript.javascriptDefinition);
  const [indexSearchQuery, setIndexSearchQuery] = (0, _react.useState)(undefined);
  const [selectedIndex, setSelectedIndex] = (0, _react.useState)(undefined);
  const elasticsearchURL = (0, _react.useMemo)(() => {
    var _cloud$elasticsearchU;
    return (_cloud$elasticsearchU = cloud === null || cloud === void 0 ? void 0 : cloud.elasticsearchUrl) !== null && _cloud$elasticsearchU !== void 0 ? _cloud$elasticsearchU : _constants.ELASTICSEARCH_URL_PLACEHOLDER;
  }, [cloud]);
  const {
    data,
    isLoading,
    isError
  } = (0, _reactQuery.useQuery)({
    queryKey: ['indices', {
      searchQuery: indexSearchQuery
    }],
    queryFn: async () => {
      const query = {
        search_query: indexSearchQuery || null
      };
      const result = await http.get(_routes.FETCH_INDICES_PATH, {
        query
      });
      return result;
    }
  });
  const assetBasePath = http.basePath.prepend(`/plugins/${_common.PLUGIN_ID}/assets/`);
  const codeSnippetArguments = {
    url: elasticsearchURL,
    apiKey: _constants.API_KEY_PLACEHOLDER,
    indexName: selectedIndex === null || selectedIndex === void 0 ? void 0 : selectedIndex.name
  };
  const showNoIndices = !isLoading && (data === null || data === void 0 ? void 0 : (_data$indices = data.indices) === null || _data$indices === void 0 ? void 0 : _data$indices.length) === 0 && indexSearchQuery === undefined;
  return /*#__PURE__*/_react.default.createElement(_eui.EuiPageTemplate, {
    offset: 0,
    grow: true,
    restrictWidth: true,
    "data-test-subj": "svlSearchIndexingApiPage"
  }, /*#__PURE__*/_react.default.createElement(_eui.EuiPageTemplate.Header, {
    pageTitle: _i18n.i18n.translate('xpack.serverlessSearch.content.indexingApi.header.title', {
      defaultMessage: 'Indexing API'
    }),
    description: _i18n.i18n.translate('xpack.serverlessSearch.content.indexingApi.header.description', {
      defaultMessage: 'Add data to your data stream or index to make it searchable. Choose an ingestion method that fits your application and workflow.'
    }),
    bottomBorder: "extended"
  }), isError && /*#__PURE__*/_react.default.createElement(_eui.EuiPageTemplate.Section, null, /*#__PURE__*/_react.default.createElement(_eui.EuiCallOut, {
    color: "danger",
    title: _i18n.i18n.translate('xpack.serverlessSearch.content.indexingApi.fetchIndices.error.title', {
      defaultMessage: 'Error fetching indices'
    })
  })), /*#__PURE__*/_react.default.createElement(_eui.EuiPageTemplate.Section, {
    color: "subdued",
    bottomBorder: "extended"
  }, /*#__PURE__*/_react.default.createElement(_searchApiPanels.OverviewPanel, {
    title: _i18n.i18n.translate('xpack.serverlessSearch.content.indexingApi.clientPanel.title', {
      defaultMessage: 'Ingest data for the first time'
    }),
    description: _i18n.i18n.translate('xpack.serverlessSearch.content.indexingApi.clientPanel.description', {
      defaultMessage: 'Adding documents to your already created index using the API'
    }),
    leftPanelContent: /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_eui.EuiFlexGroup, {
      direction: "column"
    }, /*#__PURE__*/_react.default.createElement(_eui.EuiFlexItem, null, /*#__PURE__*/_react.default.createElement(_eui.EuiText, {
      size: "s"
    }, /*#__PURE__*/_react.default.createElement("strong", null, _i18n.i18n.translate('xpack.serverlessSearch.content.indexingApi.clientPanel.selectClient.heading', {
      defaultMessage: 'Choose one'
    }))))), /*#__PURE__*/_react.default.createElement(_eui.EuiSpacer, {
      size: "s"
    }), /*#__PURE__*/_react.default.createElement(_eui.EuiFlexGroup, {
      gutterSize: "xs",
      direction: "row"
    }, _languages.languageDefinitions.map((language, index) => /*#__PURE__*/_react.default.createElement(_eui.EuiFlexItem, {
      key: `panelItem.${index}`
    }, /*#__PURE__*/_react.default.createElement(_searchApiPanels.LanguageClientPanel, {
      language: language,
      setSelectedLanguage: setSelectedLanguage,
      isSelectedLanguage: selectedLanguage === language,
      assetBasePath: assetBasePath
    })))), /*#__PURE__*/_react.default.createElement(_eui.EuiSpacer, null), /*#__PURE__*/_react.default.createElement(_searchApiPanels.CodeBox, {
      languages: _languages.languageDefinitions,
      codeSnippet: (0, _searchApiPanels.getLanguageDefinitionCodeSnippet)(selectedLanguage, 'ingestDataIndex', codeSnippetArguments),
      selectedLanguage: selectedLanguage,
      setSelectedLanguage: setSelectedLanguage,
      assetBasePath: assetBasePath,
      sharePlugin: share,
      consoleRequest: (0, _searchApiPanels.getConsoleRequest)('ingestDataIndex')
    })),
    links: showNoIndices ? undefined : [{
      label: _i18n.i18n.translate('xpack.serverlessSearch.content.indexingApi.ingestDocsLink', {
        defaultMessage: 'Ingestion documentation'
      }),
      href: _doc_links.docLinks.gettingStartedIngest
    }]
  }, showNoIndices ? /*#__PURE__*/_react.default.createElement(NoIndicesContent, null) : /*#__PURE__*/_react.default.createElement(IndicesContent, {
    isLoading: isLoading,
    indices: (_data$indices2 = data === null || data === void 0 ? void 0 : data.indices) !== null && _data$indices2 !== void 0 ? _data$indices2 : [],
    onChange: options => {
      var _options$;
      setSelectedIndex(options === null || options === void 0 ? void 0 : (_options$ = options[0]) === null || _options$ === void 0 ? void 0 : _options$.value);
    },
    setSearchValue: setIndexSearchQuery,
    selectedIndex: selectedIndex
  }))));
};
exports.ElasticsearchIndexingApi = ElasticsearchIndexingApi;