@atlaskit/link-datasource 3.19.1 → 3.20.0

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

@@ -0,0 +1,238 @@
+import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
+import _defineProperty from "@babel/runtime/helpers/defineProperty";
+import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
+var _excluded = ["basicInputTextValue"];
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+/**
+ * @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';
+var inputContainerStyles = css({
+  alignItems: 'baseline',
+  display: 'flex',
+  minHeight: '72px'
+});
+var basicSearchInputContainerStyles = xcss({
+  flexGrow: 1
+});
+export var DEFAULT_JQL_QUERY = 'ORDER BY created DESC';
+export var ALLOWED_ORDER_BY_KEYS = ['key', 'summary', 'assignee', 'status', 'created'];
+export var JiraSearchContainerOld = function JiraSearchContainerOld(props) {
+  var isSearching = props.isSearching,
+    parameters = props.parameters,
+    onSearch = props.onSearch,
+    onSearchMethodChangeCallback = props.onSearchMethodChange,
+    initialSearchMethod = props.initialSearchMethod,
+    setSearchBarJql = props.setSearchBarJql,
+    _props$searchBarJql = props.searchBarJql,
+    searchBarJql = _props$searchBarJql === void 0 ? DEFAULT_JQL_QUERY : _props$searchBarJql,
+    site = props.site;
+  var _ref = parameters || {},
+    currentCloudId = _ref.cloudId;
+  var _useIntl = useIntl(),
+    formatMessage = _useIntl.formatMessage;
+  var _useDatasourceAnalyti = useDatasourceAnalyticsEvents(),
+    fireEvent = _useDatasourceAnalyti.fireEvent;
+  var _useState = useState(''),
+    _useState2 = _slicedToArray(_useState, 2),
+    basicSearchTerm = _useState2[0],
+    setBasicSearchTerm = _useState2[1];
+  var _useState3 = useState(initialSearchMethod),
+    _useState4 = _slicedToArray(_useState3, 2),
+    currentSearchMethod = _useState4[0],
+    setCurrentSearchMethod = _useState4[1];
+  var _useState5 = useState(currentCloudId),
+    _useState6 = _slicedToArray(_useState5, 2),
+    cloudId = _useState6[0],
+    setCloudId = _useState6[1];
+  var _useState7 = useState(false),
+    _useState8 = _slicedToArray(_useState7, 2),
+    isComplexQuery = _useState8[0],
+    setIsComplexQuery = _useState8[1];
+  var _useState9 = useState(),
+    _useState10 = _slicedToArray(_useState9, 2),
+    orderKey = _useState10[0],
+    setOrderKey = _useState10[1];
+  var _useState11 = useState(),
+    _useState12 = _slicedToArray(_useState11, 2),
+    orderDirection = _useState12[0],
+    setOrderDirection = _useState12[1];
+  var _useState13 = useState({}),
+    _useState14 = _slicedToArray(_useState13, 2),
+    filterSelections = _useState14[0],
+    setFilterSelections = _useState14[1];
+  var modeSwitcherOptionsMap = useMemo(function () {
+    return {
+      jql: {
+        label: 'JQL',
+        value: 'jql'
+      },
+      basic: {
+        label: formatMessage(modeSwitcherMessages.basicTextSearchLabel),
+        value: 'basic',
+        disabled: isComplexQuery,
+        tooltipText: isComplexQuery ? formatMessage(modeSwitcherMessages.basicModeSwitchDisabledTooltipText) : ''
+      }
+    };
+  }, [formatMessage, isComplexQuery]);
+  var modeSwitcherOptions = useMemo(function () {
+    return [modeSwitcherOptionsMap.basic, modeSwitcherOptionsMap.jql];
+  }, [modeSwitcherOptionsMap]);
+  var _useHydrateJqlQuery = useHydrateJqlQuery(cloudId || '', searchBarJql),
+    hydratedOptions = _useHydrateJqlQuery.hydratedOptions,
+    fetchHydratedJqlOptions = _useHydrateJqlQuery.fetchHydratedJqlOptions,
+    basicFilterHydrationStatus = _useHydrateJqlQuery.status;
+  var onSearchMethodChange = useCallback(function (searchMethod) {
+    onSearchMethodChangeCallback(searchMethod);
+    setCurrentSearchMethod(searchMethod);
+  }, [onSearchMethodChangeCallback]);
+  var handleBasicSearchChange = useCallback(function (e) {
+    var rawSearch = e.currentTarget.value;
+    setBasicSearchTerm(rawSearch);
+    setSearchBarJql(buildJQL({
+      rawSearch: rawSearch,
+      filterValues: filterSelections,
+      orderDirection: orderDirection,
+      orderKey: orderKey
+    }));
+  }, [setSearchBarJql, filterSelections, orderDirection, orderKey]);
+  var onQueryChange = useCallback(function (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
+    var fragments = (_query$split$map$filt = query === null || query === void 0 ? void 0 : query.split(/(^| )(order by)( |$)/i).map(function (item) {
+      return item.trim();
+    }).filter(Boolean)) !== null && _query$split$map$filt !== void 0 ? _query$split$map$filt : [];
+    var hasOrder = ((_fragments$at = fragments.at(-2)) === null || _fragments$at === void 0 ? void 0 : _fragments$at.toLowerCase()) === 'order by';
+    var key = hasOrder ? (_fragments$at2 = fragments.at(-1)) === null || _fragments$at2 === void 0 ? void 0 : _fragments$at2.split(' ').at(-2) : undefined;
+    var 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]);
+  var handleSearch = useCallback(function () {
+    var 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]);
+  var _useDebouncedCallback = useDebouncedCallback(function (filterValues) {
+      var jqlWithFilterValues = buildJQL({
+        rawSearch: basicSearchTerm,
+        filterValues: filterValues,
+        orderDirection: orderDirection,
+        orderKey: orderKey
+      });
+      setSearchBarJql(jqlWithFilterValues);
+      var isCurrentQueryComplex = isQueryTooComplex(jqlWithFilterValues);
+      onSearch({
+        jql: jqlWithFilterValues
+      }, {
+        searchMethod: currentSearchMethod,
+        basicFilterSelections: filterSelections,
+        isQueryComplex: isCurrentQueryComplex
+      });
+    }, FILTER_SELECTION_DEBOUNCE_MS),
+    _useDebouncedCallback2 = _slicedToArray(_useDebouncedCallback, 1),
+    debouncedBasicFilterSelectionChange = _useDebouncedCallback2[0];
+  var handleBasicFilterSelectionChange = useCallback(function (filterType, options) {
+    var updatedSelection = _objectSpread(_objectSpread({}, filterSelections), {}, _defineProperty({}, filterType, options));
+    setFilterSelections(updatedSelection);
+    debouncedBasicFilterSelectionChange(updatedSelection);
+  }, [debouncedBasicFilterSelectionChange, filterSelections]);
+  useEffect(function () {
+    var isCurrentQueryComplex = isQueryTooComplex(searchBarJql);
+    setIsComplexQuery(isCurrentQueryComplex);
+    if (!isCurrentQueryComplex && searchBarJql !== DEFAULT_JQL_QUERY) {
+      fetchHydratedJqlOptions();
+    }
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, []);
+  useEffect(function () {
+    if (basicFilterHydrationStatus === 'resolved') {
+      var basicInputTextValue = hydratedOptions.basicInputTextValue,
+        hydratedFilterOptions = _objectWithoutProperties(hydratedOptions, _excluded);
+      setFilterSelections(hydratedFilterOptions);
+      if (basicInputTextValue) {
+        setBasicSearchTerm(basicInputTextValue);
+      }
+    }
+  }, [hydratedOptions, basicFilterHydrationStatus]);
+  useEffect(function () {
+    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/esm/ui/jira-issues-modal/modal/index.js

@@ -5,15 +5,8 @@ function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbol
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 /* 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 React, { Fragment, useCallback, useEffect, useMemo, useRef, useState } from 'react';
+import { FormattedMessage, useIntl } 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';
@@ -24,6 +17,7 @@ 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 { RichIconSearch } from '../../../common/ui/rich-icon/search';
 import { fetchMessagesForLocale } from '../../../common/utils/locale/fetch-messages-for-locale';
 import { useDatasourceExperienceId } from '../../../contexts/datasource-experience-id';
 import { useUserInteractions } from '../../../contexts/user-interactions';
@@ -55,6 +49,10 @@ 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';
+import { JiraIssuesConfigModalOld } from "./modal-old";
+var noop = function noop() {
+  return '';
+};
 var getDisplayValue = function getDisplayValue(currentViewMode, itemCount) {
   if (currentViewMode === 'table') {
     return DatasourceDisplay.DATASOURCE_TABLE;
@@ -112,6 +110,12 @@ var PlainJiraIssuesConfigModal = function PlainJiraIssuesConfigModal(props) {
   var _useDatasourceAnalyti = useDatasourceAnalyticsEvents(),
     fireEvent = _useDatasourceAnalyti.fireEvent;
   var experienceId = useDatasourceExperienceId();
+  var _ref2 = fg('bandicoots-update-sllv-icons') ?
+    // eslint-disable-next-line react-hooks/rules-of-hooks
+    useIntl() : {
+      formatMessage: noop
+    },
+    formatMessage = _ref2.formatMessage;
   var analyticsPayload = useMemo(function () {
     return {
       extensionKey: extensionKey,
@@ -205,10 +209,10 @@ var PlainJiraIssuesConfigModal = function PlainJiraIssuesConfigModal(props) {
     }
   }, [currentViewMode, status, fireIssueViewAnalytics, fireCountViewedEvent]);
   useColumnPickerRenderedFailedUfoExperience(status, experienceId);
-  var onSearch = useCallback(function (newParameters, _ref2) {
-    var searchMethod = _ref2.searchMethod,
-      basicFilterSelections = _ref2.basicFilterSelections,
-      isQueryComplex = _ref2.isQueryComplex;
+  var onSearch = useCallback(function (newParameters, _ref3) {
+    var searchMethod = _ref3.searchMethod,
+      basicFilterSelections = _ref3.basicFilterSelections,
+      isQueryComplex = _ref3.isQueryComplex;
     searchCount.current++;
     searchMethodSearchedWith.current = searchMethod;
     basicFilterSelectionsSearchedWith.current = basicFilterSelections;
@@ -246,11 +250,11 @@ var PlainJiraIssuesConfigModal = function PlainJiraIssuesConfigModal(props) {
   var renderCountModeContent = useCallback(function () {
     var selectedJiraSiteUrl = selectedJiraSite === null || selectedJiraSite === void 0 ? void 0 : selectedJiraSite.url;
     if (status === 'unauthorized') {
-      return jsx(AccessRequired, {
+      return /*#__PURE__*/React.createElement(AccessRequired, {
         url: selectedJiraSiteUrl || urlBeingEdited
       });
     } else if (status === 'empty' || !jql || !selectedJiraSiteUrl) {
-      return jsx(SmartCardPlaceholder, {
+      return /*#__PURE__*/React.createElement(SmartCardPlaceholder, {
         placeholderText: fg('confluence-issue-terminology-refresh') ? modalMessages.issuesCountSmartCardPlaceholderTextIssueTermRefresh : modalMessages.issuesCountSmartCardPlaceholderText
       });
     } else {
@@ -260,7 +264,7 @@ var PlainJiraIssuesConfigModal = function PlainJiraIssuesConfigModal(props) {
       } else {
         url = "".concat(selectedJiraSiteUrl, "/issues/?jql=").concat(encodeURIComponent(jql));
       }
-      return jsx(SmartLink, {
+      return /*#__PURE__*/React.createElement(SmartLink, {
         url: url
       });
     }
@@ -274,11 +278,11 @@ var PlainJiraIssuesConfigModal = function PlainJiraIssuesConfigModal(props) {
       return currentSearchMethod === 'jql' ? initialStateViewMessages.searchDescriptionForJQLSearch : initialStateViewMessages.searchDescriptionForBasicSearch;
     };
     if (status === 'rejected' && jqlUrl) {
-      return jsx(ModalLoadingError, {
-        errorMessage: jqlUrl ? jsx(FormattedMessage, _extends({}, modalMessages.checkConnectionWithSource, {
+      return /*#__PURE__*/React.createElement(ModalLoadingError, {
+        errorMessage: jqlUrl ? /*#__PURE__*/React.createElement(FormattedMessage, _extends({}, modalMessages.checkConnectionWithSource, {
           values: {
             a: function a(urlText) {
-              return jsx("a", {
+              return /*#__PURE__*/React.createElement("a", {
                 href: jqlUrl
               }, urlText);
             }
@@ -286,19 +290,22 @@ var PlainJiraIssuesConfigModal = function PlainJiraIssuesConfigModal(props) {
         })) : undefined
       });
     } else if (status === 'unauthorized') {
-      return jsx(AccessRequired, {
+      return /*#__PURE__*/React.createElement(AccessRequired, {
         url: selectedJiraSiteUrl || urlBeingEdited
       });
     } else if (resolvedWithNoResults || status === 'forbidden') {
-      return jsx(NoResults, null);
+      return /*#__PURE__*/React.createElement(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, {
+      return /*#__PURE__*/React.createElement(ContentContainer, {
         withTableBorder: !!jql
-      }, !!jql ? jsx(EmptyState, {
+      }, !!jql ? /*#__PURE__*/React.createElement(EmptyState, {
         testId: "jira-datasource-modal--empty-state"
-      }) : jsx(InitialStateView, {
-        icon: jsx(JiraInitialStateSVG, null),
+      }) : /*#__PURE__*/React.createElement(InitialStateView, {
+        icon: fg('bandicoots-update-sllv-icons') ? /*#__PURE__*/React.createElement(RichIconSearch, {
+          alt: formatMessage(fg('confluence-issue-terminology-refresh') ? modalMessages.searchJiraTitleIssueTermRefresh : modalMessages.searchJiraTitle),
+          size: 'xlarge'
+        }) : /*#__PURE__*/React.createElement(JiraInitialStateSVG, null),
         title: fg('confluence-issue-terminology-refresh') ? modalMessages.searchJiraTitleIssueTermRefresh : modalMessages.searchJiraTitle,
         description: getDescriptionMessage(),
         learnMoreLink: currentSearchMethod === 'jql' ? {
@@ -307,12 +314,12 @@ var PlainJiraIssuesConfigModal = function PlainJiraIssuesConfigModal(props) {
         } : undefined
       }));
     }
-    return jsx(ContentContainer, {
+    return /*#__PURE__*/React.createElement(ContentContainer, {
       withTableBorder: true
-    }, jsx(DatasourcesTableInModalPreview, {
+    }, /*#__PURE__*/React.createElement(DatasourcesTableInModalPreview, {
       testId: "jira-datasource-table"
     }));
-  }, [columns.length, currentSearchMethod, jql, jqlUrl, resolvedWithNoResults, selectedJiraSite === null || selectedJiraSite === void 0 ? void 0 : selectedJiraSite.url, status, urlBeingEdited]);
+  }, [columns.length, currentSearchMethod, formatMessage, jql, jqlUrl, resolvedWithNoResults, selectedJiraSite === null || selectedJiraSite === void 0 ? void 0 : selectedJiraSite.url, status, urlBeingEdited]);
   var siteSelectorLabel = useMemo(function () {
     if (fg('confluence-issue-terminology-refresh')) {
       return availableSites && availableSites.length > 1 ? modalMessages.insertIssuesTitleManySitesIssueTermRefresh : modalMessages.insertIssuesTitleIssueTermRefresh;
@@ -346,19 +353,19 @@ var PlainJiraIssuesConfigModal = function PlainJiraIssuesConfigModal(props) {
     var upToDateJqlUrl = "".concat(selectedJiraSite.url, "/issues/?jql=").concat(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, {
+  return /*#__PURE__*/React.createElement(IntlMessagesProvider, {
     defaultMessages: i18nEN,
     loaderFn: fetchMessagesForLocale
-  }, jsx(ModalTransition, null, jsx(DatasourceModal, {
+  }, /*#__PURE__*/React.createElement(ModalTransition, null, /*#__PURE__*/React.createElement(DatasourceModal, {
     testId: "jira-datasource-modal",
     onClose: onCancel
-  }, jsx(ModalHeader, null, jsx(ModalTitle, null, jsx(SiteSelector, {
+  }, /*#__PURE__*/React.createElement(ModalHeader, null, /*#__PURE__*/React.createElement(ModalTitle, null, /*#__PURE__*/React.createElement(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, {
+  })), !hasNoJiraSites && /*#__PURE__*/React.createElement(DatasourceViewModeDropDown, null)), /*#__PURE__*/React.createElement(ModalBody, null, !hasNoJiraSites ? /*#__PURE__*/React.createElement(Fragment, null, /*#__PURE__*/React.createElement(JiraSearchContainer, {
     setSearchBarJql: setSearchBarJql,
     searchBarJql: searchBarJql,
     isSearching: status === 'loading',
@@ -367,24 +374,24 @@ var PlainJiraIssuesConfigModal = function PlainJiraIssuesConfigModal(props) {
     initialSearchMethod: initialSearchMethod,
     onSearchMethodChange: setCurrentSearchMethod,
     site: selectedJiraSite
-  }), currentViewMode === 'inline' ? renderCountModeContent() : renderIssuesModeContent()) : jsx(NoInstancesView, {
+  }), currentViewMode === 'inline' ? renderCountModeContent() : renderIssuesModeContent()) : /*#__PURE__*/React.createElement(NoInstancesView, {
     title: loadingErrorMessages.noAccessToJiraSitesTitle,
     description: loadingErrorMessages.noAccessToJiraSitesDescription,
     testId: "no-jira-instances-content"
-  })), jsx(ModalFooter, null, shouldShowIssueCount && jsx(TableSearchCount, {
+  })), /*#__PURE__*/React.createElement(ModalFooter, null, shouldShowIssueCount && /*#__PURE__*/React.createElement(TableSearchCount, {
     searchCount: totalCount,
     url: jqlUrl,
     prefixTextType: "issue",
     testId: "jira-datasource-modal-total-issues-count"
-  }), jsx(CancelButton, {
+  }), /*#__PURE__*/React.createElement(CancelButton, {
     onCancel: onCancel,
     getAnalyticsPayload: getCancelButtonAnalyticsPayload,
     testId: "jira-datasource-modal--cancel-button"
-  }), !hasNoJiraSites && jsx(InsertButton, {
+  }), !hasNoJiraSites && /*#__PURE__*/React.createElement(InsertButton, {
     testId: "jira-datasource-modal--insert-button",
     url: urlToInsert,
     getAnalyticsPayload: getInsertButtonAnalyticsPayload
-  }, fg('confluence-issue-terminology-refresh') ? jsx(FormattedMessage, modalMessages.insertIssuesButtonTextIssueTermRefresh) : jsx(FormattedMessage, modalMessages.insertIssuesButtonText))))));
+  }, fg('confluence-issue-terminology-refresh') ? /*#__PURE__*/React.createElement(FormattedMessage, modalMessages.insertIssuesButtonTextIssueTermRefresh) : /*#__PURE__*/React.createElement(FormattedMessage, modalMessages.insertIssuesButtonText))))));
 };
 var ConnectedJiraIssueConfigModal = createDatasourceModal({
   isValidParameters: isValidParameters,
@@ -406,10 +413,14 @@ var JiraIssuesConfigModalWithExtraAnalyticsOnInsert = function JiraIssuesConfigM
     }
     onInsert(adf, analyticsEvent);
   }, [onInsert]);
-  return jsx(StoreContainer, null, jsx(ConnectedJiraIssueConfigModal, _extends({}, props, {
+  return /*#__PURE__*/React.createElement(StoreContainer, null, /*#__PURE__*/React.createElement(ConnectedJiraIssueConfigModal, _extends({}, props, {
     onInsert: onInsertWithMacroAnalytics
   })));
 };
 export var JiraIssuesConfigModal = function JiraIssuesConfigModal(props) {
-  return jsx(JiraIssuesConfigModalWithExtraAnalyticsOnInsert, props);
+  if (fg('bandicoots-compiled-migration-link-datasource')) {
+    return /*#__PURE__*/React.createElement(JiraIssuesConfigModalWithExtraAnalyticsOnInsert, props);
+  } else {
+    return /*#__PURE__*/React.createElement(JiraIssuesConfigModalOld, props);
+  }
 };