[8.x] [Search][Ent Search deprecation] Web Crawler tile points out GH repo instead become disabled (#194743)

x-pack/plugins/enterprise_search/common/constants.ts

@@ -281,5 +281,9 @@ export const PLUGIN_ID = 'enterpriseSearch';
 export const CONNECTOR_NATIVE_TYPE = 'native';
 export const CONNECTOR_CLIENTS_TYPE = 'connector_clients';
 
+export const CRAWLER = {
+  github_repo: 'https://github.com/elastic/crawler',
+};
+
 // TODO remove this once the connector service types are no longer in "example" state
 export const EXAMPLE_CONNECTOR_SERVICE_TYPES = ['opentext_documentum'];

x-pack/plugins/enterprise_search/public/applications/enterprise_search_content/components/connectors/crawler_empty_state.tsx

@@ -11,7 +11,9 @@ import { useValues } from 'kea';
 import { EuiButton, EuiEmptyPrompt, EuiPanel } from '@elastic/eui';
 import { i18n } from '@kbn/i18n';
 
+import { CRAWLER } from '../../../../../common/constants';
 import { HttpLogic } from '../../../shared/http';
+import { GithubIcon } from '../../../shared/icons/github_icon';
 import { KibanaLogic } from '../../../shared/kibana';
 import { NEW_CRAWLER_PATH } from '../../routes';
 
@@ -40,19 +42,36 @@ export const CrawlerEmptyState: React.FC = () => {
           </p>
         }
         actions={
-          <EuiButton
-            data-test-subj="entSearchContent-crawlers-emptyState-createCrawlerButton"
-            data-telemetry-id="entSearchContent-crawlers-emptyState-createCrawlerButton"
-            color="primary"
-            disabled={Boolean(errorConnectingMessage)}
-            fill
-            iconType="plusInCircle"
-            onClick={() => KibanaLogic.values.navigateToUrl(NEW_CRAWLER_PATH)}
-          >
-            {i18n.translate('xpack.enterpriseSearch.crawlerEmptyState.newWebCrawlerButtonLabel', {
-              defaultMessage: 'New web crawler',
-            })}
-          </EuiButton>
+          Boolean(errorConnectingMessage) ? (
+            <EuiButton
+              data-test-subj="entSearchContent-crawlers-emptyState-createCrawlerButton"
+              data-telemetry-id="entSearchContent-crawlers-emptyState-createCrawlerButton"
+              color="primary"
+              fill
+              iconType={GithubIcon}
+              href={CRAWLER.github_repo}
+            >
+              {i18n.translate(
+                'xpack.enterpriseSearch.crawlerEmptyState.openSourceCrawlerButtonLabel',
+                {
+                  defaultMessage: 'Source code',
+                }
+              )}
+            </EuiButton>
+          ) : (
+            <EuiButton
+              data-test-subj="entSearchContent-crawlers-emptyState-createCrawlerButton"
+              data-telemetry-id="entSearchContent-crawlers-emptyState-createCrawlerButton"
+              color="primary"
+              fill
+              iconType="plusInCircle"
+              onClick={() => KibanaLogic.values.navigateToUrl(NEW_CRAWLER_PATH)}
+            >
+              {i18n.translate('xpack.enterpriseSearch.crawlerEmptyState.newWebCrawlerButtonLabel', {
+                defaultMessage: 'New web crawler',
+              })}
+            </EuiButton>
+          )
         }
       />
     </EuiPanel>

x-pack/plugins/enterprise_search/public/applications/enterprise_search_content/components/shared/ingestion_card/ingestion_card.tsx

@@ -18,13 +18,16 @@ import {
   IconType,
 } from '@elastic/eui';
 
+import { i18n } from '@kbn/i18n';
+
 import { EuiLinkTo } from '../../../../shared/react_router_helpers';
 
 interface IngestionCardProps {
   buttonIcon: IconType;
   buttonLabel: string;
   description: string;
   href?: string;
+  isBeta?: boolean;
   isDisabled?: boolean;
   logo: IconType;
   onClick?: () => void;
@@ -37,13 +40,23 @@ export const IngestionCard: React.FC<IngestionCardProps> = ({
   description,
   href,
   isDisabled,
+  isBeta,
   logo,
   onClick,
   title,
 }) => {
   return (
     <EuiCard
       hasBorder
+      betaBadgeProps={
+        isBeta
+          ? {
+              label: i18n.translate('xpack.enterpriseSearch.ingestionCard.betaBadgeLabel', {
+                defaultMessage: 'Beta',
+              }),
+            }
+          : undefined
+      }
       isDisabled={isDisabled}
       textAlign="left"
       titleElement="h3"

x-pack/plugins/enterprise_search/public/applications/enterprise_search_overview/components/product_selector/ingestion_selector.tsx

@@ -18,6 +18,7 @@ import { i18n } from '@kbn/i18n';
 import {
   ENTERPRISE_SEARCH_CONTENT_PLUGIN,
   ENTERPRISE_SEARCH_ELASTICSEARCH_URL,
+  CRAWLER,
 } from '../../../../../common/constants';
 
 import apiLogo from '../../../../assets/images/api_image.png';
@@ -37,6 +38,7 @@ import { HttpLogic } from '../../../shared/http/http_logic';
 
 import { ConnectorIcon } from '../../../shared/icons/connector';
 import { CrawlerIcon } from '../../../shared/icons/crawler';
+import { GithubIcon } from '../../../shared/icons/github_icon';
 import { KibanaLogic } from '../../../shared/kibana';
 
 export const IngestionSelector: React.FC = () => {
@@ -76,22 +78,36 @@ export const IngestionSelector: React.FC = () => {
         {productFeatures.hasWebCrawler && (
           <EuiFlexItem>
             <IngestionCard
-              buttonLabel={i18n.translate(
-                'xpack.enterpriseSearch.ingestSelector.method.crawlerButtonLabel',
-                {
-                  defaultMessage: 'Crawl URL',
-                }
-              )}
-              buttonIcon={CrawlerIcon}
+              buttonLabel={
+                crawlerDisabled
+                  ? i18n.translate(
+                      'xpack.enterpriseSearch.ingestSelector.method.sourceCodeButtonLabel',
+                      {
+                        defaultMessage: 'Source code',
+                      }
+                    )
+                  : i18n.translate(
+                      'xpack.enterpriseSearch.ingestSelector.method.crawler.description',
+                      {
+                        defaultMessage:
+                          'Discover, extract, and index searchable content from websites and knowledge bases.',
+                      }
+                    )
+              }
+              buttonIcon={crawlerDisabled ? GithubIcon : CrawlerIcon}
               description={i18n.translate(
                 'xpack.enterpriseSearch.ingestSelector.method.crawler.description',
                 {
                   defaultMessage:
                     'Discover, extract, and index searchable content from websites and knowledge bases.',
                 }
               )}
-              href={generatePath(ENTERPRISE_SEARCH_CONTENT_PLUGIN.URL + NEW_CRAWLER_PATH)}
-              isDisabled={crawlerDisabled}
+              href={
+                crawlerDisabled
+                  ? CRAWLER.github_repo
+                  : generatePath(ENTERPRISE_SEARCH_CONTENT_PLUGIN.URL + NEW_CRAWLER_PATH)
+              }
+              isBeta={crawlerDisabled}
               logo={crawlerLogo}
               title={i18n.translate('xpack.enterpriseSearch.ingestSelector.method.crawler', {
                 defaultMessage: 'Web Crawler',

x-pack/plugins/enterprise_search/public/applications/shared/icons/github_icon.tsx

@@ -0,0 +1,32 @@
+/*
+ * 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.
+ */
+
+import React from 'react';
+
+export const GithubIcon = () => {
+  return (
+    <svg
+      xmlns="http://www.w3.org/2000/svg"
+      width="16"
+      height="16"
+      fill="currentColor"
+      viewBox="0 0 16 16"
+    >
+      <g clipPath="url(#a)">
+        <path
+          fill="currentColor"
+          d="M8 0C3.582 0 0 3.672 0 8.2c0 3.624 2.292 6.697 5.471 7.781.4.075.546-.178.546-.394 0-.196-.007-.842-.011-1.527-2.225.495-2.695-.967-2.695-.967-.364-.947-.888-1.2-.888-1.2-.727-.508.055-.498.055-.498.803.057 1.226.845 1.226.845.714 1.253 1.873.891 2.328.68.073-.528.28-.89.508-1.094-1.776-.207-3.644-.911-3.644-4.053 0-.896.312-1.627.823-2.2-.082-.21-.357-1.043.079-2.172 0 0 .67-.22 2.2.84A7.441 7.441 0 0 1 8 3.967c.68.003 1.364.094 2.003.277 1.526-1.062 2.198-.841 2.198-.841.438 1.13.162 1.963.08 2.17.513.574.822 1.305.822 2.2 0 3.15-1.87 3.845-3.653 4.048.288.254.543.753.543 1.517 0 1.096-.01 1.98-.01 2.25 0 .219.145.474.55.394C13.71 14.895 16 11.821 16 8.201 16 3.67 12.418 0 8 0Z"
+        />
+      </g>
+      <defs>
+        <clipPath id="a">
+          <path fill="currentColor" d="M0 0h16v16H0z" />
+        </clipPath>
+      </defs>
+    </svg>
+  );
+};

x-pack/plugins/translations/translations/fr-FR.json

@@ -17393,7 +17393,6 @@
     "xpack.enterpriseSearch.ingestSelector.method.connectors.description": "Extraire, transformer, indexer et synchroniser des données issues d'une source de données tiers.",
     "xpack.enterpriseSearch.ingestSelector.method.crawler": "Robot d'indexation",
     "xpack.enterpriseSearch.ingestSelector.method.crawler.description": "Découvrir, extraire et indexer du contenu interrogeable provenant de sites web et de bases de connaissances.",
-    "xpack.enterpriseSearch.ingestSelector.method.crawlerButtonLabel": "Indexer l'URL",
     "xpack.enterpriseSearch.ingestSelector.method.fileUpload": "Charger un fichier",
     "xpack.enterpriseSearch.ingestSelector.method.fileUpload.description": "Fichiers texte délimités, tels que CSV et TSV, JSON délimité par une nouvelle ligne.",
     "xpack.enterpriseSearch.ingestSelector.method.fileUploadLabel": "Choisir un fichier",

x-pack/plugins/translations/translations/ja-JP.json

@@ -17139,7 +17139,6 @@
     "xpack.enterpriseSearch.ingestSelector.method.connectors.description": "サードパーティのデータソースからデータを抽出、変換、インデックス化、同期します。",
     "xpack.enterpriseSearch.ingestSelector.method.crawler": "Webクローラー",
     "xpack.enterpriseSearch.ingestSelector.method.crawler.description": "Webサイトやナレッジベースから検索可能なコンテンツを検出、抽出、インデックス化します。",
-    "xpack.enterpriseSearch.ingestSelector.method.crawlerButtonLabel": "クロールURL",
     "xpack.enterpriseSearch.ingestSelector.method.fileUpload": "ファイルをアップロード",
     "xpack.enterpriseSearch.ingestSelector.method.fileUpload.description": "CSVやTSV、改行区切りのJSONなどの区切られたテキストファイル。",
     "xpack.enterpriseSearch.ingestSelector.method.fileUploadLabel": "ファイルを選択",

x-pack/plugins/translations/translations/zh-CN.json

@@ -17168,7 +17168,6 @@
     "xpack.enterpriseSearch.ingestSelector.method.connectors.description": "提取、转换、索引和同步来自第三方数据源的数据。",
     "xpack.enterpriseSearch.ingestSelector.method.crawler": "网络爬虫",
     "xpack.enterpriseSearch.ingestSelector.method.crawler.description": "发现、提取和索引网站和知识库中的可搜索内容。",
-    "xpack.enterpriseSearch.ingestSelector.method.crawlerButtonLabel": "爬网 URL",
     "xpack.enterpriseSearch.ingestSelector.method.fileUpload": "上传文件",
     "xpack.enterpriseSearch.ingestSelector.method.fileUpload.description": "分隔的文本文件，例如 CSV 和 TSV、换行符分隔的 JSON。",
     "xpack.enterpriseSearch.ingestSelector.method.fileUploadLabel": "选择文件",