@atlaskit/link-datasource 3.22.7 → 4.0.0

package/dist/es2019/ui/jira-issues-modal/jira-search-container/jira-search-container-old.js

@@ -1,213 +0,0 @@
-/**
- * @jsxRuntime classic
- * @jsx jsx
- */
-import React, { useCallback, useEffect, useMemo, useState } from 'react';
-
-// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
-import { css, jsx } from '@emotion/react';
-import { useIntl } from 'react-intl-next';
-import { useDebouncedCallback } from 'use-debounce';
-import { Flex, xcss } from '@atlaskit/primitives';
-import { useDatasourceAnalyticsEvents } from '../../../analytics';
-import { BasicSearchInput } from '../../common/modal/basic-search-input';
-import { basicSearchInputMessages } from '../../common/modal/basic-search-input/messages';
-import { ModeSwitcher } from '../../common/modal/mode-switcher';
-import { FILTER_SELECTION_DEBOUNCE_MS } from '../../common/modal/popup-select/constants';
-import { BasicFilters } from '../basic-filters';
-import { useHydrateJqlQuery } from '../basic-filters/hooks/useHydrateJqlQuery';
-import { isQueryTooComplex } from '../basic-filters/utils/isQueryTooComplex';
-import { JiraJQLEditor } from '../jql-editor';
-import { buildJQL } from './buildJQL';
-import { modeSwitcherMessages } from './messages';
-const inputContainerStyles = css({
-  alignItems: 'baseline',
-  display: 'flex',
-  minHeight: '72px'
-});
-const basicSearchInputContainerStyles = xcss({
-  flexGrow: 1
-});
-export const DEFAULT_JQL_QUERY = 'ORDER BY created DESC';
-export const ALLOWED_ORDER_BY_KEYS = ['key', 'summary', 'assignee', 'status', 'created'];
-export const JiraSearchContainerOld = props => {
-  const {
-    isSearching,
-    parameters,
-    onSearch,
-    onSearchMethodChange: onSearchMethodChangeCallback,
-    initialSearchMethod,
-    setSearchBarJql,
-    searchBarJql = DEFAULT_JQL_QUERY,
-    site
-  } = props;
-  const {
-    cloudId: currentCloudId
-  } = parameters || {};
-  const {
-    formatMessage
-  } = useIntl();
-  const {
-    fireEvent
-  } = useDatasourceAnalyticsEvents();
-  const [basicSearchTerm, setBasicSearchTerm] = useState('');
-  const [currentSearchMethod, setCurrentSearchMethod] = useState(initialSearchMethod);
-  const [cloudId, setCloudId] = useState(currentCloudId);
-  const [isComplexQuery, setIsComplexQuery] = useState(false);
-  const [orderKey, setOrderKey] = useState();
-  const [orderDirection, setOrderDirection] = useState();
-  const [filterSelections, setFilterSelections] = useState({});
-  const modeSwitcherOptionsMap = useMemo(() => ({
-    jql: {
-      label: 'JQL',
-      value: 'jql'
-    },
-    basic: {
-      label: formatMessage(modeSwitcherMessages.basicTextSearchLabel),
-      value: 'basic',
-      disabled: isComplexQuery,
-      tooltipText: isComplexQuery ? formatMessage(modeSwitcherMessages.basicModeSwitchDisabledTooltipText) : ''
-    }
-  }), [formatMessage, isComplexQuery]);
-  const modeSwitcherOptions = useMemo(() => [modeSwitcherOptionsMap.basic, modeSwitcherOptionsMap.jql], [modeSwitcherOptionsMap]);
-  const {
-    hydratedOptions,
-    fetchHydratedJqlOptions,
-    status: basicFilterHydrationStatus
-  } = useHydrateJqlQuery(cloudId || '', searchBarJql);
-  const onSearchMethodChange = useCallback(searchMethod => {
-    onSearchMethodChangeCallback(searchMethod);
-    setCurrentSearchMethod(searchMethod);
-  }, [onSearchMethodChangeCallback]);
-  const handleBasicSearchChange = useCallback(e => {
-    const rawSearch = e.currentTarget.value;
-    setBasicSearchTerm(rawSearch);
-    setSearchBarJql(buildJQL({
-      rawSearch,
-      filterValues: filterSelections,
-      orderDirection,
-      orderKey
-    }));
-  }, [setSearchBarJql, filterSelections, orderDirection, orderKey]);
-  const onQueryChange = useCallback(query => {
-    var _query$split$map$filt, _fragments$at, _fragments$at2, _fragments$at3;
-    // determine if order keys have been set so they can be saved and persisted when changes occur in basic search
-    const fragments = (_query$split$map$filt = query === null || query === void 0 ? void 0 : query.split(/(^| )(order by)( |$)/i).map(item => item.trim()).filter(Boolean)) !== null && _query$split$map$filt !== void 0 ? _query$split$map$filt : [];
-    const hasOrder = ((_fragments$at = fragments.at(-2)) === null || _fragments$at === void 0 ? void 0 : _fragments$at.toLowerCase()) === 'order by';
-    const key = hasOrder ? (_fragments$at2 = fragments.at(-1)) === null || _fragments$at2 === void 0 ? void 0 : _fragments$at2.split(' ').at(-2) : undefined;
-    const order = hasOrder ? (_fragments$at3 = fragments.at(-1)) === null || _fragments$at3 === void 0 ? void 0 : _fragments$at3.split(' ').at(-1) : undefined;
-
-    // TODO: confirm if these are the only order keys we want to preserve - existing whiteboard logic
-    if (key && ALLOWED_ORDER_BY_KEYS.includes(key)) {
-      setOrderKey(key);
-      setOrderDirection(order);
-    }
-    setSearchBarJql(query);
-  }, [setSearchBarJql]);
-  const handleSearch = useCallback(() => {
-    const isCurrentQueryComplex = isQueryTooComplex(searchBarJql);
-    onSearch({
-      jql: searchBarJql
-    }, {
-      searchMethod: currentSearchMethod,
-      basicFilterSelections: filterSelections,
-      isQueryComplex: isCurrentQueryComplex
-    });
-    if (currentSearchMethod === 'jql') {
-      fireEvent('ui.jqlEditor.searched', {
-        isQueryComplex: isCurrentQueryComplex
-      });
-      setIsComplexQuery(isCurrentQueryComplex);
-      if (!isCurrentQueryComplex) {
-        fetchHydratedJqlOptions();
-      }
-    }
-  }, [currentSearchMethod, fetchHydratedJqlOptions, filterSelections, fireEvent, searchBarJql, onSearch]);
-  const [debouncedBasicFilterSelectionChange] = useDebouncedCallback(filterValues => {
-    const jqlWithFilterValues = buildJQL({
-      rawSearch: basicSearchTerm,
-      filterValues,
-      orderDirection,
-      orderKey
-    });
-    setSearchBarJql(jqlWithFilterValues);
-    const isCurrentQueryComplex = isQueryTooComplex(jqlWithFilterValues);
-    onSearch({
-      jql: jqlWithFilterValues
-    }, {
-      searchMethod: currentSearchMethod,
-      basicFilterSelections: filterSelections,
-      isQueryComplex: isCurrentQueryComplex
-    });
-  }, FILTER_SELECTION_DEBOUNCE_MS);
-  const handleBasicFilterSelectionChange = useCallback((filterType, options) => {
-    const updatedSelection = {
-      ...filterSelections,
-      [filterType]: options
-    };
-    setFilterSelections(updatedSelection);
-    debouncedBasicFilterSelectionChange(updatedSelection);
-  }, [debouncedBasicFilterSelectionChange, filterSelections]);
-  useEffect(() => {
-    const isCurrentQueryComplex = isQueryTooComplex(searchBarJql);
-    setIsComplexQuery(isCurrentQueryComplex);
-    if (!isCurrentQueryComplex && searchBarJql !== DEFAULT_JQL_QUERY) {
-      fetchHydratedJqlOptions();
-    }
-    // eslint-disable-next-line react-hooks/exhaustive-deps
-  }, []);
-  useEffect(() => {
-    if (basicFilterHydrationStatus === 'resolved') {
-      const {
-        basicInputTextValue,
-        ...hydratedFilterOptions
-      } = hydratedOptions;
-      setFilterSelections(hydratedFilterOptions);
-      if (basicInputTextValue) {
-        setBasicSearchTerm(basicInputTextValue);
-      }
-    }
-  }, [hydratedOptions, basicFilterHydrationStatus]);
-  useEffect(() => {
-    if (currentCloudId !== cloudId) {
-      setBasicSearchTerm('');
-      setSearchBarJql(DEFAULT_JQL_QUERY);
-      setIsComplexQuery(false);
-      setOrderKey(undefined);
-      setOrderDirection(undefined);
-      setFilterSelections({});
-      setCloudId(currentCloudId);
-    }
-  }, [currentCloudId, cloudId, setSearchBarJql]);
-  return jsx("div", {
-    css: inputContainerStyles,
-    "data-testid": "jira-search-container"
-  }, currentSearchMethod === 'basic' && jsx(Flex, {
-    alignItems: "center",
-    xcss: basicSearchInputContainerStyles
-  }, jsx(BasicSearchInput, {
-    isSearching: isSearching,
-    onChange: handleBasicSearchChange,
-    onSearch: handleSearch,
-    searchTerm: basicSearchTerm,
-    placeholder: basicSearchInputMessages.basicTextSearchLabel,
-    testId: "jira-datasource-modal",
-    fullWidth: false
-  }), jsx(BasicFilters, {
-    jql: searchBarJql,
-    site: site,
-    onChange: handleBasicFilterSelectionChange,
-    selections: filterSelections,
-    isJQLHydrating: basicFilterHydrationStatus === 'loading'
-  })), currentSearchMethod === 'jql' && jsx(JiraJQLEditor, {
-    cloudId: cloudId || '',
-    isSearching: isSearching,
-    onChange: onQueryChange,
-    onSearch: handleSearch,
-    query: searchBarJql
-  }), jsx(ModeSwitcher, {
-    onOptionValueChange: onSearchMethodChange,
-    selectedOptionValue: currentSearchMethod,
-    options: modeSwitcherOptions
-  }));
-};

package/dist/es2019/ui/jira-issues-modal/modal/modal-old.js

@@ -1,410 +0,0 @@
-import _extends from "@babel/runtime/helpers/extends";
-/* eslint-disable @atlaskit/platform/no-preconditioning */
-/* eslint-disable @atlaskit/platform/ensure-feature-flag-prefix */
-/**
- * @jsxRuntime classic
- * @jsx jsx
- */
-import { Fragment, useCallback, useEffect, useMemo, useRef, useState } from 'react';
-
-// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
-import { jsx } from '@emotion/react';
-import { FormattedMessage } from 'react-intl-next';
-import { IntlMessagesProvider } from '@atlaskit/intl-messages-provider';
-import { ModalBody, ModalFooter, ModalHeader, ModalTitle, ModalTransition } from '@atlaskit/modal-dialog';
-import { fg } from '@atlaskit/platform-feature-flags';
-import { useDatasourceAnalyticsEvents } from '../../../analytics';
-import { EVENT_CHANNEL } from '../../../analytics/constants';
-import { DatasourceAction, DatasourceDisplay } from '../../../analytics/types';
-import { startUfoExperience } from '../../../analytics/ufoExperiences';
-import { useColumnPickerRenderedFailedUfoExperience } from '../../../analytics/ufoExperiences/hooks/useColumnPickerRenderedFailedUfoExperience';
-import { useDataRenderedUfoExperience } from '../../../analytics/ufoExperiences/hooks/useDataRenderedUfoExperience';
-import { mapSearchMethod } from '../../../analytics/utils';
-import { fetchMessagesForLocale } from '../../../common/utils/locale/fetch-messages-for-locale';
-import { useDatasourceExperienceId } from '../../../contexts/datasource-experience-id';
-import { useUserInteractions } from '../../../contexts/user-interactions';
-import i18nEN from '../../../i18n/en';
-import { useAvailableSites } from '../../../services/useAvailableSites';
-import { StoreContainer } from '../../../state';
-import { AccessRequired } from '../../common/error-state/access-required';
-import { loadingErrorMessages } from '../../common/error-state/messages';
-import { ModalLoadingError } from '../../common/error-state/modal-loading-error';
-import { NoInstancesView } from '../../common/error-state/no-instances';
-import { NoResults } from '../../common/error-state/no-results';
-import { InitialStateView } from '../../common/initial-state-view';
-import { initialStateViewMessages } from '../../common/initial-state-view/messages';
-import { CancelButton } from '../../common/modal/cancel-button';
-import { ContentContainer } from '../../common/modal/content-container';
-import { SmartCardPlaceholder, SmartLink } from '../../common/modal/count-view-smart-link';
-import { useDatasourceContext } from '../../common/modal/datasource-context';
-import { DatasourceModal } from '../../common/modal/datasource-modal';
-import { createDatasourceModal } from '../../common/modal/datasource-modal/createDatasourceModal';
-import DatasourcesTableInModalPreview from '../../common/modal/datasources-table-in-modal-preview';
-import { InsertButton } from '../../common/modal/insert-button';
-import { DatasourceViewModeDropDown } from '../../common/modal/mode-switcher';
-import { useViewModeContext } from '../../common/modal/mode-switcher/useViewModeContext';
-import TableSearchCount from '../../common/modal/search-count';
-import { SiteSelector } from '../../common/modal/site-selector';
-import { EmptyState } from '../../issue-like-table';
-import { availableBasicFilterTypes } from '../basic-filters/ui';
-import { isQueryTooComplex } from '../basic-filters/utils/isQueryTooComplex';
-import { JiraSearchContainer } from '../jira-search-container';
-import { JiraInitialStateSVG } from './jira-issues-initial-state-svg';
-import { modalMessages } from './messages';
-const getDisplayValue = (currentViewMode, itemCount) => {
-  if (currentViewMode === 'table') {
-    return DatasourceDisplay.DATASOURCE_TABLE;
-  }
-  return itemCount === 1 ? DatasourceDisplay.INLINE : DatasourceDisplay.DATASOURCE_INLINE;
-};
-const jqlSupportDocumentLink = 'https://support.atlassian.com/jira-service-management-cloud/docs/use-advanced-search-with-jira-query-language-jql/';
-const isValidParameters = parameters => typeof (parameters === null || parameters === void 0 ? void 0 : parameters.jql) === 'string' && parameters.jql.length > 0 && typeof (parameters === null || parameters === void 0 ? void 0 : parameters.cloudId) === 'string' && parameters.cloudId.length > 0;
-const PlainJiraIssuesConfigModal = props => {
-  const {
-    onCancel,
-    url: urlBeingEdited
-  } = props;
-  const {
-    visibleColumnCount,
-    visibleColumnKeys,
-    parameters,
-    setParameters,
-    tableState
-  } = useDatasourceContext();
-  const {
-    reset,
-    status,
-    responseItems,
-    columns,
-    totalCount,
-    extensionKey = null,
-    destinationObjectTypes
-  } = tableState;
-  const {
-    cloudId,
-    jql
-  } = parameters !== null && parameters !== void 0 ? parameters : {};
-  const [initialJql] = useState(jql);
-  const {
-    currentViewMode
-  } = useViewModeContext();
-  const {
-    availableSites,
-    selectedSite: selectedJiraSite
-  } = useAvailableSites('jira', cloudId);
-  const [searchBarJql, setSearchBarJql] = useState(jql);
-
-  // analytics related parameters
-  const searchCount = useRef(0);
-  const userInteractions = useUserInteractions();
-  const initialSearchMethod = !isQueryTooComplex(initialJql || '') ? 'basic' : 'jql';
-  const [currentSearchMethod, setCurrentSearchMethod] = useState(initialSearchMethod);
-  const searchMethodSearchedWith = useRef(null);
-  const basicFilterSelectionsSearchedWith = useRef({});
-  const isSearchedWithComplexQuery = useRef(false);
-  const {
-    fireEvent
-  } = useDatasourceAnalyticsEvents();
-  const experienceId = useDatasourceExperienceId();
-  const analyticsPayload = useMemo(() => ({
-    extensionKey,
-    destinationObjectTypes
-  }), [destinationObjectTypes, extensionKey]);
-  const resolvedWithNoResults = status === 'resolved' && !responseItems.length;
-  const jqlUrl = selectedJiraSite && jql && `${selectedJiraSite.url}/issues/?jql=${encodeURI(jql)}`;
-  const shouldShowIssueCount = !!totalCount && totalCount !== 1 && currentViewMode === 'table';
-  const isDataReady = (visibleColumnKeys || []).length > 0;
-  const hasNoJiraSites = availableSites && availableSites.length === 0;
-  useEffect(() => {
-    if (availableSites) {
-      fireEvent('ui.modal.ready.datasource', {
-        instancesCount: availableSites.length,
-        schemasCount: null
-      });
-    }
-  }, [fireEvent, availableSites]);
-  useEffect(() => {
-    const shouldStartUfoExperience = status === 'loading';
-    if (shouldStartUfoExperience) {
-      startUfoExperience({
-        name: 'datasource-rendered'
-      }, experienceId);
-    }
-  }, [experienceId, status]);
-  useDataRenderedUfoExperience({
-    status,
-    experienceId: experienceId,
-    itemCount: responseItems.length,
-    canBeLink: currentViewMode === 'inline',
-    extensionKey
-  });
-
-  /**
-   * If the selected Jira site changes, update the cloudId in the parameters
-   * This is mainly useful for setting the initial cloudId after the site selection loads
-   */
-  useEffect(() => {
-    if (selectedJiraSite && (!cloudId || cloudId !== selectedJiraSite.cloudId)) {
-      setParameters(() => ({
-        jql: '',
-        cloudId: selectedJiraSite.cloudId
-      }));
-    }
-  }, [cloudId, selectedJiraSite, setParameters]);
-  const fireSingleItemViewedEvent = useCallback(() => {
-    fireEvent('ui.link.viewed.singleItem', {
-      ...analyticsPayload,
-      searchMethod: mapSearchMethod(searchMethodSearchedWith.current)
-    });
-  }, [analyticsPayload, fireEvent]);
-  const fireCountViewedEvent = useCallback(() => {
-    fireEvent('ui.link.viewed.count', {
-      ...analyticsPayload,
-      searchMethod: mapSearchMethod(searchMethodSearchedWith.current),
-      totalItemCount: totalCount || 0
-    });
-  }, [analyticsPayload, fireEvent, totalCount]);
-  const fireTableViewedEvent = useCallback(() => {
-    if (isDataReady) {
-      fireEvent('ui.table.viewed.datasourceConfigModal', {
-        ...analyticsPayload,
-        totalItemCount: totalCount || 0,
-        searchMethod: mapSearchMethod(searchMethodSearchedWith.current),
-        displayedColumnCount: visibleColumnCount.current
-      });
-    }
-  }, [isDataReady, fireEvent, analyticsPayload, totalCount, visibleColumnCount]);
-  const fireIssueViewAnalytics = useCallback(() => {
-    if (!totalCount) {
-      return;
-    }
-    if (totalCount > 1) {
-      fireTableViewedEvent();
-    } else if (totalCount === 1) {
-      fireSingleItemViewedEvent();
-    }
-  }, [fireSingleItemViewedEvent, fireTableViewedEvent, totalCount]);
-  useEffect(() => {
-    const isResolved = status === 'resolved';
-    const isIssueViewMode = currentViewMode === 'table';
-    const isCountViewMode = currentViewMode === 'inline';
-    if (!isResolved) {
-      return;
-    }
-    if (isIssueViewMode) {
-      fireIssueViewAnalytics();
-    } else if (isCountViewMode) {
-      fireCountViewedEvent();
-    }
-  }, [currentViewMode, status, fireIssueViewAnalytics, fireCountViewedEvent]);
-  useColumnPickerRenderedFailedUfoExperience(status, experienceId);
-  const onSearch = useCallback((newParameters, {
-    searchMethod,
-    basicFilterSelections,
-    isQueryComplex
-  }) => {
-    searchCount.current++;
-    searchMethodSearchedWith.current = searchMethod;
-    basicFilterSelectionsSearchedWith.current = basicFilterSelections;
-    isSearchedWithComplexQuery.current = isQueryComplex;
-    if (jql !== newParameters.jql) {
-      userInteractions.add(DatasourceAction.QUERY_UPDATED);
-    }
-    setParameters(state => state && newParameters.jql ? {
-      cloudId: state.cloudId,
-      jql: newParameters.jql
-    } : undefined);
-    reset({
-      shouldForceRequest: true
-    });
-  }, [jql, reset, userInteractions, setParameters]);
-  const onSiteSelection = useCallback(site => {
-    userInteractions.add(DatasourceAction.INSTANCE_UPDATED);
-    setParameters({
-      jql: '',
-      cloudId: site.cloudId
-    });
-    reset({
-      shouldForceRequest: true
-    });
-  }, [reset, userInteractions, setParameters]);
-  const retrieveUrlForSmartCardRender = useCallback(() => {
-    var _data$key, _data$key$data;
-    const [data] = responseItems;
-    // agreement with BE that we will use `key` for rendering smartlink
-    return data === null || data === void 0 ? void 0 : (_data$key = data.key) === null || _data$key === void 0 ? void 0 : (_data$key$data = _data$key.data) === null || _data$key$data === void 0 ? void 0 : _data$key$data.url;
-  }, [responseItems]);
-  const renderCountModeContent = useCallback(() => {
-    const selectedJiraSiteUrl = selectedJiraSite === null || selectedJiraSite === void 0 ? void 0 : selectedJiraSite.url;
-    if (status === 'unauthorized') {
-      return jsx(AccessRequired, {
-        url: selectedJiraSiteUrl || urlBeingEdited
-      });
-    } else if (status === 'empty' || !jql || !selectedJiraSiteUrl) {
-      return jsx(SmartCardPlaceholder, {
-        placeholderText: fg('confluence-issue-terminology-refresh') ? modalMessages.issuesCountSmartCardPlaceholderTextIssueTermRefresh : modalMessages.issuesCountSmartCardPlaceholderText
-      });
-    } else {
-      let url;
-      if (responseItems.length === 1 && retrieveUrlForSmartCardRender()) {
-        url = retrieveUrlForSmartCardRender();
-      } else {
-        url = `${selectedJiraSiteUrl}/issues/?jql=${encodeURIComponent(jql)}`;
-      }
-      return jsx(SmartLink, {
-        url: url
-      });
-    }
-  }, [jql, selectedJiraSite === null || selectedJiraSite === void 0 ? void 0 : selectedJiraSite.url, status, urlBeingEdited, responseItems, retrieveUrlForSmartCardRender]);
-  const renderIssuesModeContent = useCallback(() => {
-    const selectedJiraSiteUrl = selectedJiraSite === null || selectedJiraSite === void 0 ? void 0 : selectedJiraSite.url;
-    const getDescriptionMessage = () => {
-      if (fg('confluence-issue-terminology-refresh')) {
-        return currentSearchMethod === 'jql' ? initialStateViewMessages.searchDescriptionForJQLSearchIssueTermRefresh : initialStateViewMessages.searchDescriptionForBasicSearchIssueTermRefresh;
-      }
-      return currentSearchMethod === 'jql' ? initialStateViewMessages.searchDescriptionForJQLSearch : initialStateViewMessages.searchDescriptionForBasicSearch;
-    };
-    if (status === 'rejected' && jqlUrl) {
-      return jsx(ModalLoadingError, {
-        errorMessage: jqlUrl ? jsx(FormattedMessage, _extends({}, modalMessages.checkConnectionWithSource, {
-          values: {
-            a: urlText => jsx("a", {
-              href: jqlUrl
-            }, urlText)
-          }
-        })) : undefined
-      });
-    } else if (status === 'unauthorized') {
-      return jsx(AccessRequired, {
-        url: selectedJiraSiteUrl || urlBeingEdited
-      });
-    } else if (resolvedWithNoResults || status === 'forbidden') {
-      return jsx(NoResults, null);
-    } else if (status === 'empty' || !columns.length) {
-      // persist the empty state when making the initial /data request which contains the columns
-      return jsx(ContentContainer, {
-        withTableBorder: !!jql
-      }, !!jql ? jsx(EmptyState, {
-        testId: `jira-datasource-modal--empty-state`
-      }) : jsx(InitialStateView, {
-        icon: jsx(JiraInitialStateSVG, null),
-        title: fg('confluence-issue-terminology-refresh') ? modalMessages.searchJiraTitleIssueTermRefresh : modalMessages.searchJiraTitle,
-        description: getDescriptionMessage(),
-        learnMoreLink: currentSearchMethod === 'jql' ? {
-          href: jqlSupportDocumentLink,
-          text: initialStateViewMessages.learnMoreLink
-        } : undefined
-      }));
-    }
-    return jsx(ContentContainer, {
-      withTableBorder: true
-    }, jsx(DatasourcesTableInModalPreview, {
-      testId: "jira-datasource-table"
-    }));
-  }, [columns.length, currentSearchMethod, jql, jqlUrl, resolvedWithNoResults, selectedJiraSite === null || selectedJiraSite === void 0 ? void 0 : selectedJiraSite.url, status, urlBeingEdited]);
-  const siteSelectorLabel = useMemo(() => {
-    if (fg('confluence-issue-terminology-refresh')) {
-      return availableSites && availableSites.length > 1 ? modalMessages.insertIssuesTitleManySitesIssueTermRefresh : modalMessages.insertIssuesTitleIssueTermRefresh;
-    }
-    return availableSites && availableSites.length > 1 ? modalMessages.insertIssuesTitleManySites : modalMessages.insertIssuesTitle;
-  }, [availableSites]);
-  const getCancelButtonAnalyticsPayload = useCallback(() => {
-    return {
-      ...analyticsPayload,
-      searchCount: searchCount.current,
-      actions: userInteractions.get()
-    };
-  }, [analyticsPayload, userInteractions]);
-  const filterSelectionCount = availableBasicFilterTypes.reduce((current, filter) => {
-    var _basicFilterSelection;
-    return {
-      ...current,
-      [`${filter}BasicFilterSelectionCount`]: ((_basicFilterSelection = basicFilterSelectionsSearchedWith.current[filter]) === null || _basicFilterSelection === void 0 ? void 0 : _basicFilterSelection.length) || 0
-    };
-  }, {});
-  const getInsertButtonAnalyticsPayload = useCallback(() => ({
-    ...analyticsPayload,
-    display: getDisplayValue(currentViewMode, totalCount || 0),
-    isQueryComplex: isSearchedWithComplexQuery.current,
-    searchMethod: mapSearchMethod(searchMethodSearchedWith.current),
-    searchCount: searchCount.current,
-    actions: userInteractions.get(),
-    ...(searchMethodSearchedWith.current === 'basic' ? {
-      ...filterSelectionCount
-    } : {})
-  }), [analyticsPayload, currentViewMode, filterSelectionCount, totalCount, userInteractions]);
-  const urlToInsert = useMemo(() => {
-    const jql = parameters === null || parameters === void 0 ? void 0 : parameters.jql;
-    if (!jql || !(selectedJiraSite !== null && selectedJiraSite !== void 0 && selectedJiraSite.url)) {
-      return;
-    }
-    const upToDateJqlUrl = `${selectedJiraSite.url}/issues/?jql=${encodeURIComponent(jql)}`;
-    return currentViewMode === 'inline' && responseItems.length === 1 ? retrieveUrlForSmartCardRender() : upToDateJqlUrl;
-  }, [currentViewMode, parameters === null || parameters === void 0 ? void 0 : parameters.jql, responseItems, retrieveUrlForSmartCardRender, selectedJiraSite === null || selectedJiraSite === void 0 ? void 0 : selectedJiraSite.url]);
-  return jsx(IntlMessagesProvider, {
-    defaultMessages: i18nEN,
-    loaderFn: fetchMessagesForLocale
-  }, jsx(ModalTransition, null, jsx(DatasourceModal, {
-    testId: "jira-datasource-modal",
-    onClose: onCancel
-  }, jsx(ModalHeader, null, jsx(ModalTitle, null, jsx(SiteSelector, {
-    availableSites: availableSites,
-    onSiteSelection: onSiteSelection,
-    selectedSite: selectedJiraSite,
-    testId: "jira-datasource-modal--site-selector",
-    label: siteSelectorLabel
-  })), !hasNoJiraSites && jsx(DatasourceViewModeDropDown, null)), jsx(ModalBody, null, !hasNoJiraSites ? jsx(Fragment, null, jsx(JiraSearchContainer, {
-    setSearchBarJql: setSearchBarJql,
-    searchBarJql: searchBarJql,
-    isSearching: status === 'loading',
-    parameters: parameters,
-    onSearch: onSearch,
-    initialSearchMethod: initialSearchMethod,
-    onSearchMethodChange: setCurrentSearchMethod,
-    site: selectedJiraSite
-  }), currentViewMode === 'inline' ? renderCountModeContent() : renderIssuesModeContent()) : jsx(NoInstancesView, {
-    title: loadingErrorMessages.noAccessToJiraSitesTitle,
-    description: loadingErrorMessages.noAccessToJiraSitesDescription,
-    testId: `no-jira-instances-content`
-  })), jsx(ModalFooter, null, shouldShowIssueCount && jsx(TableSearchCount, {
-    searchCount: totalCount,
-    url: jqlUrl,
-    prefixTextType: "issue",
-    testId: "jira-datasource-modal-total-issues-count"
-  }), jsx(CancelButton, {
-    onCancel: onCancel,
-    getAnalyticsPayload: getCancelButtonAnalyticsPayload,
-    testId: "jira-datasource-modal--cancel-button"
-  }), !hasNoJiraSites && jsx(InsertButton, {
-    testId: "jira-datasource-modal--insert-button",
-    url: urlToInsert,
-    getAnalyticsPayload: getInsertButtonAnalyticsPayload
-  }, fg('confluence-issue-terminology-refresh') ? jsx(FormattedMessage, modalMessages.insertIssuesButtonTextIssueTermRefresh) : jsx(FormattedMessage, modalMessages.insertIssuesButtonText))))));
-};
-const ConnectedJiraIssueConfigModal = createDatasourceModal({
-  isValidParameters,
-  dataProvider: 'jira-issues',
-  component: PlainJiraIssuesConfigModal
-});
-const JiraIssuesConfigModalWithExtraAnalyticsOnInsert = props => {
-  const onInsert = props.onInsert;
-  const onInsertWithMacroAnalytics = useCallback((adf, analyticsEvent) => {
-    if (analyticsEvent && adf.type === 'inlineCard') {
-      const macroInsertedEvent = analyticsEvent.clone();
-      macroInsertedEvent === null || macroInsertedEvent === void 0 ? void 0 : macroInsertedEvent.update({
-        eventType: 'track',
-        action: 'inserted',
-        actionSubject: 'macro',
-        actionSubjectId: 'jlol'
-      });
-      macroInsertedEvent === null || macroInsertedEvent === void 0 ? void 0 : macroInsertedEvent.fire(EVENT_CHANNEL);
-    }
-    onInsert(adf, analyticsEvent);
-  }, [onInsert]);
-  return jsx(StoreContainer, null, jsx(ConnectedJiraIssueConfigModal, _extends({}, props, {
-    onInsert: onInsertWithMacroAnalytics
-  })));
-};
-export const JiraIssuesConfigModalOld = props => {
-  return jsx(JiraIssuesConfigModalWithExtraAnalyticsOnInsert, props);
-};