@atlaskit/link-datasource 3.22.7 → 4.0.1

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

@@ -1,245 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-var _typeof = require("@babel/runtime/helpers/typeof");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.JiraSearchContainerOld = exports.DEFAULT_JQL_QUERY = exports.ALLOWED_ORDER_BY_KEYS = void 0;
-var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
-var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
-var _react = _interopRequireWildcard(require("react"));
-var _react2 = require("@emotion/react");
-var _reactIntlNext = require("react-intl-next");
-var _useDebounce = require("use-debounce");
-var _primitives = require("@atlaskit/primitives");
-var _analytics = require("../../../analytics");
-var _basicSearchInput = require("../../common/modal/basic-search-input");
-var _messages = require("../../common/modal/basic-search-input/messages");
-var _modeSwitcher = require("../../common/modal/mode-switcher");
-var _constants = require("../../common/modal/popup-select/constants");
-var _basicFilters = require("../basic-filters");
-var _useHydrateJqlQuery2 = require("../basic-filters/hooks/useHydrateJqlQuery");
-var _isQueryTooComplex = require("../basic-filters/utils/isQueryTooComplex");
-var _jqlEditor = require("../jql-editor");
-var _buildJQL = require("./buildJQL");
-var _messages2 = require("./messages");
-var _excluded = ["basicInputTextValue"];
-function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
-function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
-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) { (0, _defineProperty2.default)(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
- */ // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
-var inputContainerStyles = (0, _react2.css)({
-  alignItems: 'baseline',
-  display: 'flex',
-  minHeight: '72px'
-});
-var basicSearchInputContainerStyles = (0, _primitives.xcss)({
-  flexGrow: 1
-});
-var DEFAULT_JQL_QUERY = exports.DEFAULT_JQL_QUERY = 'ORDER BY created DESC';
-var ALLOWED_ORDER_BY_KEYS = exports.ALLOWED_ORDER_BY_KEYS = ['key', 'summary', 'assignee', 'status', 'created'];
-var JiraSearchContainerOld = exports.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 = (0, _reactIntlNext.useIntl)(),
-    formatMessage = _useIntl.formatMessage;
-  var _useDatasourceAnalyti = (0, _analytics.useDatasourceAnalyticsEvents)(),
-    fireEvent = _useDatasourceAnalyti.fireEvent;
-  var _useState = (0, _react.useState)(''),
-    _useState2 = (0, _slicedToArray2.default)(_useState, 2),
-    basicSearchTerm = _useState2[0],
-    setBasicSearchTerm = _useState2[1];
-  var _useState3 = (0, _react.useState)(initialSearchMethod),
-    _useState4 = (0, _slicedToArray2.default)(_useState3, 2),
-    currentSearchMethod = _useState4[0],
-    setCurrentSearchMethod = _useState4[1];
-  var _useState5 = (0, _react.useState)(currentCloudId),
-    _useState6 = (0, _slicedToArray2.default)(_useState5, 2),
-    cloudId = _useState6[0],
-    setCloudId = _useState6[1];
-  var _useState7 = (0, _react.useState)(false),
-    _useState8 = (0, _slicedToArray2.default)(_useState7, 2),
-    isComplexQuery = _useState8[0],
-    setIsComplexQuery = _useState8[1];
-  var _useState9 = (0, _react.useState)(),
-    _useState10 = (0, _slicedToArray2.default)(_useState9, 2),
-    orderKey = _useState10[0],
-    setOrderKey = _useState10[1];
-  var _useState11 = (0, _react.useState)(),
-    _useState12 = (0, _slicedToArray2.default)(_useState11, 2),
-    orderDirection = _useState12[0],
-    setOrderDirection = _useState12[1];
-  var _useState13 = (0, _react.useState)({}),
-    _useState14 = (0, _slicedToArray2.default)(_useState13, 2),
-    filterSelections = _useState14[0],
-    setFilterSelections = _useState14[1];
-  var modeSwitcherOptionsMap = (0, _react.useMemo)(function () {
-    return {
-      jql: {
-        label: 'JQL',
-        value: 'jql'
-      },
-      basic: {
-        label: formatMessage(_messages2.modeSwitcherMessages.basicTextSearchLabel),
-        value: 'basic',
-        disabled: isComplexQuery,
-        tooltipText: isComplexQuery ? formatMessage(_messages2.modeSwitcherMessages.basicModeSwitchDisabledTooltipText) : ''
-      }
-    };
-  }, [formatMessage, isComplexQuery]);
-  var modeSwitcherOptions = (0, _react.useMemo)(function () {
-    return [modeSwitcherOptionsMap.basic, modeSwitcherOptionsMap.jql];
-  }, [modeSwitcherOptionsMap]);
-  var _useHydrateJqlQuery = (0, _useHydrateJqlQuery2.useHydrateJqlQuery)(cloudId || '', searchBarJql),
-    hydratedOptions = _useHydrateJqlQuery.hydratedOptions,
-    fetchHydratedJqlOptions = _useHydrateJqlQuery.fetchHydratedJqlOptions,
-    basicFilterHydrationStatus = _useHydrateJqlQuery.status;
-  var onSearchMethodChange = (0, _react.useCallback)(function (searchMethod) {
-    onSearchMethodChangeCallback(searchMethod);
-    setCurrentSearchMethod(searchMethod);
-  }, [onSearchMethodChangeCallback]);
-  var handleBasicSearchChange = (0, _react.useCallback)(function (e) {
-    var rawSearch = e.currentTarget.value;
-    setBasicSearchTerm(rawSearch);
-    setSearchBarJql((0, _buildJQL.buildJQL)({
-      rawSearch: rawSearch,
-      filterValues: filterSelections,
-      orderDirection: orderDirection,
-      orderKey: orderKey
-    }));
-  }, [setSearchBarJql, filterSelections, orderDirection, orderKey]);
-  var onQueryChange = (0, _react.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 = (0, _react.useCallback)(function () {
-    var isCurrentQueryComplex = (0, _isQueryTooComplex.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 = (0, _useDebounce.useDebouncedCallback)(function (filterValues) {
-      var jqlWithFilterValues = (0, _buildJQL.buildJQL)({
-        rawSearch: basicSearchTerm,
-        filterValues: filterValues,
-        orderDirection: orderDirection,
-        orderKey: orderKey
-      });
-      setSearchBarJql(jqlWithFilterValues);
-      var isCurrentQueryComplex = (0, _isQueryTooComplex.isQueryTooComplex)(jqlWithFilterValues);
-      onSearch({
-        jql: jqlWithFilterValues
-      }, {
-        searchMethod: currentSearchMethod,
-        basicFilterSelections: filterSelections,
-        isQueryComplex: isCurrentQueryComplex
-      });
-    }, _constants.FILTER_SELECTION_DEBOUNCE_MS),
-    _useDebouncedCallback2 = (0, _slicedToArray2.default)(_useDebouncedCallback, 1),
-    debouncedBasicFilterSelectionChange = _useDebouncedCallback2[0];
-  var handleBasicFilterSelectionChange = (0, _react.useCallback)(function (filterType, options) {
-    var updatedSelection = _objectSpread(_objectSpread({}, filterSelections), {}, (0, _defineProperty2.default)({}, filterType, options));
-    setFilterSelections(updatedSelection);
-    debouncedBasicFilterSelectionChange(updatedSelection);
-  }, [debouncedBasicFilterSelectionChange, filterSelections]);
-  (0, _react.useEffect)(function () {
-    var isCurrentQueryComplex = (0, _isQueryTooComplex.isQueryTooComplex)(searchBarJql);
-    setIsComplexQuery(isCurrentQueryComplex);
-    if (!isCurrentQueryComplex && searchBarJql !== DEFAULT_JQL_QUERY) {
-      fetchHydratedJqlOptions();
-    }
-    // eslint-disable-next-line react-hooks/exhaustive-deps
-  }, []);
-  (0, _react.useEffect)(function () {
-    if (basicFilterHydrationStatus === 'resolved') {
-      var basicInputTextValue = hydratedOptions.basicInputTextValue,
-        hydratedFilterOptions = (0, _objectWithoutProperties2.default)(hydratedOptions, _excluded);
-      setFilterSelections(hydratedFilterOptions);
-      if (basicInputTextValue) {
-        setBasicSearchTerm(basicInputTextValue);
-      }
-    }
-  }, [hydratedOptions, basicFilterHydrationStatus]);
-  (0, _react.useEffect)(function () {
-    if (currentCloudId !== cloudId) {
-      setBasicSearchTerm('');
-      setSearchBarJql(DEFAULT_JQL_QUERY);
-      setIsComplexQuery(false);
-      setOrderKey(undefined);
-      setOrderDirection(undefined);
-      setFilterSelections({});
-      setCloudId(currentCloudId);
-    }
-  }, [currentCloudId, cloudId, setSearchBarJql]);
-  return (0, _react2.jsx)("div", {
-    css: inputContainerStyles,
-    "data-testid": "jira-search-container"
-  }, currentSearchMethod === 'basic' && (0, _react2.jsx)(_primitives.Flex, {
-    alignItems: "center",
-    xcss: basicSearchInputContainerStyles
-  }, (0, _react2.jsx)(_basicSearchInput.BasicSearchInput, {
-    isSearching: isSearching,
-    onChange: handleBasicSearchChange,
-    onSearch: handleSearch,
-    searchTerm: basicSearchTerm,
-    placeholder: _messages.basicSearchInputMessages.basicTextSearchLabel,
-    testId: "jira-datasource-modal",
-    fullWidth: false
-  }), (0, _react2.jsx)(_basicFilters.BasicFilters, {
-    jql: searchBarJql,
-    site: site,
-    onChange: handleBasicFilterSelectionChange,
-    selections: filterSelections,
-    isJQLHydrating: basicFilterHydrationStatus === 'loading'
-  })), currentSearchMethod === 'jql' && (0, _react2.jsx)(_jqlEditor.JiraJQLEditor, {
-    cloudId: cloudId || '',
-    isSearching: isSearching,
-    onChange: onQueryChange,
-    onSearch: handleSearch,
-    query: searchBarJql
-  }), (0, _react2.jsx)(_modeSwitcher.ModeSwitcher, {
-    onOptionValueChange: onSearchMethodChange,
-    selectedOptionValue: currentSearchMethod,
-    options: modeSwitcherOptions
-  }));
-};

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

@@ -1,417 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.JiraIssuesConfigModalOld = void 0;
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
-var _react = require("react");
-var _react2 = require("@emotion/react");
-var _reactIntlNext = require("react-intl-next");
-var _intlMessagesProvider = require("@atlaskit/intl-messages-provider");
-var _modalDialog = require("@atlaskit/modal-dialog");
-var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
-var _analytics = require("../../../analytics");
-var _constants = require("../../../analytics/constants");
-var _types = require("../../../analytics/types");
-var _ufoExperiences = require("../../../analytics/ufoExperiences");
-var _useColumnPickerRenderedFailedUfoExperience = require("../../../analytics/ufoExperiences/hooks/useColumnPickerRenderedFailedUfoExperience");
-var _useDataRenderedUfoExperience = require("../../../analytics/ufoExperiences/hooks/useDataRenderedUfoExperience");
-var _utils = require("../../../analytics/utils");
-var _fetchMessagesForLocale = require("../../../common/utils/locale/fetch-messages-for-locale");
-var _datasourceExperienceId = require("../../../contexts/datasource-experience-id");
-var _userInteractions = require("../../../contexts/user-interactions");
-var _en = _interopRequireDefault(require("../../../i18n/en"));
-var _useAvailableSites2 = require("../../../services/useAvailableSites");
-var _state = require("../../../state");
-var _accessRequired = require("../../common/error-state/access-required");
-var _messages = require("../../common/error-state/messages");
-var _modalLoadingError = require("../../common/error-state/modal-loading-error");
-var _noInstances = require("../../common/error-state/no-instances");
-var _noResults = require("../../common/error-state/no-results");
-var _initialStateView = require("../../common/initial-state-view");
-var _messages2 = require("../../common/initial-state-view/messages");
-var _cancelButton = require("../../common/modal/cancel-button");
-var _contentContainer = require("../../common/modal/content-container");
-var _countViewSmartLink = require("../../common/modal/count-view-smart-link");
-var _datasourceContext = require("../../common/modal/datasource-context");
-var _datasourceModal = require("../../common/modal/datasource-modal");
-var _createDatasourceModal = require("../../common/modal/datasource-modal/createDatasourceModal");
-var _datasourcesTableInModalPreview = _interopRequireDefault(require("../../common/modal/datasources-table-in-modal-preview"));
-var _insertButton = require("../../common/modal/insert-button");
-var _modeSwitcher = require("../../common/modal/mode-switcher");
-var _useViewModeContext2 = require("../../common/modal/mode-switcher/useViewModeContext");
-var _searchCount = _interopRequireDefault(require("../../common/modal/search-count"));
-var _siteSelector = require("../../common/modal/site-selector");
-var _issueLikeTable = require("../../issue-like-table");
-var _ui = require("../basic-filters/ui");
-var _isQueryTooComplex = require("../basic-filters/utils/isQueryTooComplex");
-var _jiraSearchContainer = require("../jira-search-container");
-var _jiraIssuesInitialStateSvg = require("./jira-issues-initial-state-svg");
-var _messages3 = require("./messages");
-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) { (0, _defineProperty2.default)(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
- */ // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
-var getDisplayValue = function getDisplayValue(currentViewMode, itemCount) {
-  if (currentViewMode === 'table') {
-    return _types.DatasourceDisplay.DATASOURCE_TABLE;
-  }
-  return itemCount === 1 ? _types.DatasourceDisplay.INLINE : _types.DatasourceDisplay.DATASOURCE_INLINE;
-};
-var jqlSupportDocumentLink = 'https://support.atlassian.com/jira-service-management-cloud/docs/use-advanced-search-with-jira-query-language-jql/';
-var isValidParameters = function isValidParameters(parameters) {
-  return 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;
-};
-var PlainJiraIssuesConfigModal = function PlainJiraIssuesConfigModal(props) {
-  var onCancel = props.onCancel,
-    urlBeingEdited = props.url;
-  var _useDatasourceContext = (0, _datasourceContext.useDatasourceContext)(),
-    visibleColumnCount = _useDatasourceContext.visibleColumnCount,
-    visibleColumnKeys = _useDatasourceContext.visibleColumnKeys,
-    parameters = _useDatasourceContext.parameters,
-    setParameters = _useDatasourceContext.setParameters,
-    tableState = _useDatasourceContext.tableState;
-  var reset = tableState.reset,
-    status = tableState.status,
-    responseItems = tableState.responseItems,
-    columns = tableState.columns,
-    totalCount = tableState.totalCount,
-    _tableState$extension = tableState.extensionKey,
-    extensionKey = _tableState$extension === void 0 ? null : _tableState$extension,
-    destinationObjectTypes = tableState.destinationObjectTypes;
-  var _ref = parameters !== null && parameters !== void 0 ? parameters : {},
-    cloudId = _ref.cloudId,
-    jql = _ref.jql;
-  var _useState = (0, _react.useState)(jql),
-    _useState2 = (0, _slicedToArray2.default)(_useState, 1),
-    initialJql = _useState2[0];
-  var _useViewModeContext = (0, _useViewModeContext2.useViewModeContext)(),
-    currentViewMode = _useViewModeContext.currentViewMode;
-  var _useAvailableSites = (0, _useAvailableSites2.useAvailableSites)('jira', cloudId),
-    availableSites = _useAvailableSites.availableSites,
-    selectedJiraSite = _useAvailableSites.selectedSite;
-  var _useState3 = (0, _react.useState)(jql),
-    _useState4 = (0, _slicedToArray2.default)(_useState3, 2),
-    searchBarJql = _useState4[0],
-    setSearchBarJql = _useState4[1];
-
-  // analytics related parameters
-  var searchCount = (0, _react.useRef)(0);
-  var userInteractions = (0, _userInteractions.useUserInteractions)();
-  var initialSearchMethod = !(0, _isQueryTooComplex.isQueryTooComplex)(initialJql || '') ? 'basic' : 'jql';
-  var _useState5 = (0, _react.useState)(initialSearchMethod),
-    _useState6 = (0, _slicedToArray2.default)(_useState5, 2),
-    currentSearchMethod = _useState6[0],
-    setCurrentSearchMethod = _useState6[1];
-  var searchMethodSearchedWith = (0, _react.useRef)(null);
-  var basicFilterSelectionsSearchedWith = (0, _react.useRef)({});
-  var isSearchedWithComplexQuery = (0, _react.useRef)(false);
-  var _useDatasourceAnalyti = (0, _analytics.useDatasourceAnalyticsEvents)(),
-    fireEvent = _useDatasourceAnalyti.fireEvent;
-  var experienceId = (0, _datasourceExperienceId.useDatasourceExperienceId)();
-  var analyticsPayload = (0, _react.useMemo)(function () {
-    return {
-      extensionKey: extensionKey,
-      destinationObjectTypes: destinationObjectTypes
-    };
-  }, [destinationObjectTypes, extensionKey]);
-  var resolvedWithNoResults = status === 'resolved' && !responseItems.length;
-  var jqlUrl = selectedJiraSite && jql && "".concat(selectedJiraSite.url, "/issues/?jql=").concat(encodeURI(jql));
-  var shouldShowIssueCount = !!totalCount && totalCount !== 1 && currentViewMode === 'table';
-  var isDataReady = (visibleColumnKeys || []).length > 0;
-  var hasNoJiraSites = availableSites && availableSites.length === 0;
-  (0, _react.useEffect)(function () {
-    if (availableSites) {
-      fireEvent('ui.modal.ready.datasource', {
-        instancesCount: availableSites.length,
-        schemasCount: null
-      });
-    }
-  }, [fireEvent, availableSites]);
-  (0, _react.useEffect)(function () {
-    var shouldStartUfoExperience = status === 'loading';
-    if (shouldStartUfoExperience) {
-      (0, _ufoExperiences.startUfoExperience)({
-        name: 'datasource-rendered'
-      }, experienceId);
-    }
-  }, [experienceId, status]);
-  (0, _useDataRenderedUfoExperience.useDataRenderedUfoExperience)({
-    status: status,
-    experienceId: experienceId,
-    itemCount: responseItems.length,
-    canBeLink: currentViewMode === 'inline',
-    extensionKey: 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
-   */
-  (0, _react.useEffect)(function () {
-    if (selectedJiraSite && (!cloudId || cloudId !== selectedJiraSite.cloudId)) {
-      setParameters(function () {
-        return {
-          jql: '',
-          cloudId: selectedJiraSite.cloudId
-        };
-      });
-    }
-  }, [cloudId, selectedJiraSite, setParameters]);
-  var fireSingleItemViewedEvent = (0, _react.useCallback)(function () {
-    fireEvent('ui.link.viewed.singleItem', _objectSpread(_objectSpread({}, analyticsPayload), {}, {
-      searchMethod: (0, _utils.mapSearchMethod)(searchMethodSearchedWith.current)
-    }));
-  }, [analyticsPayload, fireEvent]);
-  var fireCountViewedEvent = (0, _react.useCallback)(function () {
-    fireEvent('ui.link.viewed.count', _objectSpread(_objectSpread({}, analyticsPayload), {}, {
-      searchMethod: (0, _utils.mapSearchMethod)(searchMethodSearchedWith.current),
-      totalItemCount: totalCount || 0
-    }));
-  }, [analyticsPayload, fireEvent, totalCount]);
-  var fireTableViewedEvent = (0, _react.useCallback)(function () {
-    if (isDataReady) {
-      fireEvent('ui.table.viewed.datasourceConfigModal', _objectSpread(_objectSpread({}, analyticsPayload), {}, {
-        totalItemCount: totalCount || 0,
-        searchMethod: (0, _utils.mapSearchMethod)(searchMethodSearchedWith.current),
-        displayedColumnCount: visibleColumnCount.current
-      }));
-    }
-  }, [isDataReady, fireEvent, analyticsPayload, totalCount, visibleColumnCount]);
-  var fireIssueViewAnalytics = (0, _react.useCallback)(function () {
-    if (!totalCount) {
-      return;
-    }
-    if (totalCount > 1) {
-      fireTableViewedEvent();
-    } else if (totalCount === 1) {
-      fireSingleItemViewedEvent();
-    }
-  }, [fireSingleItemViewedEvent, fireTableViewedEvent, totalCount]);
-  (0, _react.useEffect)(function () {
-    var isResolved = status === 'resolved';
-    var isIssueViewMode = currentViewMode === 'table';
-    var isCountViewMode = currentViewMode === 'inline';
-    if (!isResolved) {
-      return;
-    }
-    if (isIssueViewMode) {
-      fireIssueViewAnalytics();
-    } else if (isCountViewMode) {
-      fireCountViewedEvent();
-    }
-  }, [currentViewMode, status, fireIssueViewAnalytics, fireCountViewedEvent]);
-  (0, _useColumnPickerRenderedFailedUfoExperience.useColumnPickerRenderedFailedUfoExperience)(status, experienceId);
-  var onSearch = (0, _react.useCallback)(function (newParameters, _ref2) {
-    var searchMethod = _ref2.searchMethod,
-      basicFilterSelections = _ref2.basicFilterSelections,
-      isQueryComplex = _ref2.isQueryComplex;
-    searchCount.current++;
-    searchMethodSearchedWith.current = searchMethod;
-    basicFilterSelectionsSearchedWith.current = basicFilterSelections;
-    isSearchedWithComplexQuery.current = isQueryComplex;
-    if (jql !== newParameters.jql) {
-      userInteractions.add(_types.DatasourceAction.QUERY_UPDATED);
-    }
-    setParameters(function (state) {
-      return state && newParameters.jql ? {
-        cloudId: state.cloudId,
-        jql: newParameters.jql
-      } : undefined;
-    });
-    reset({
-      shouldForceRequest: true
-    });
-  }, [jql, reset, userInteractions, setParameters]);
-  var onSiteSelection = (0, _react.useCallback)(function (site) {
-    userInteractions.add(_types.DatasourceAction.INSTANCE_UPDATED);
-    setParameters({
-      jql: '',
-      cloudId: site.cloudId
-    });
-    reset({
-      shouldForceRequest: true
-    });
-  }, [reset, userInteractions, setParameters]);
-  var retrieveUrlForSmartCardRender = (0, _react.useCallback)(function () {
-    var _data$key;
-    var _responseItems = (0, _slicedToArray2.default)(responseItems, 1),
-      data = _responseItems[0];
-    // agreement with BE that we will use `key` for rendering smartlink
-    return data === null || data === void 0 || (_data$key = data.key) === null || _data$key === void 0 || (_data$key = _data$key.data) === null || _data$key === void 0 ? void 0 : _data$key.url;
-  }, [responseItems]);
-  var renderCountModeContent = (0, _react.useCallback)(function () {
-    var selectedJiraSiteUrl = selectedJiraSite === null || selectedJiraSite === void 0 ? void 0 : selectedJiraSite.url;
-    if (status === 'unauthorized') {
-      return (0, _react2.jsx)(_accessRequired.AccessRequired, {
-        url: selectedJiraSiteUrl || urlBeingEdited
-      });
-    } else if (status === 'empty' || !jql || !selectedJiraSiteUrl) {
-      return (0, _react2.jsx)(_countViewSmartLink.SmartCardPlaceholder, {
-        placeholderText: (0, _platformFeatureFlags.fg)('confluence-issue-terminology-refresh') ? _messages3.modalMessages.issuesCountSmartCardPlaceholderTextIssueTermRefresh : _messages3.modalMessages.issuesCountSmartCardPlaceholderText
-      });
-    } else {
-      var url;
-      if (responseItems.length === 1 && retrieveUrlForSmartCardRender()) {
-        url = retrieveUrlForSmartCardRender();
-      } else {
-        url = "".concat(selectedJiraSiteUrl, "/issues/?jql=").concat(encodeURIComponent(jql));
-      }
-      return (0, _react2.jsx)(_countViewSmartLink.SmartLink, {
-        url: url
-      });
-    }
-  }, [jql, selectedJiraSite === null || selectedJiraSite === void 0 ? void 0 : selectedJiraSite.url, status, urlBeingEdited, responseItems, retrieveUrlForSmartCardRender]);
-  var renderIssuesModeContent = (0, _react.useCallback)(function () {
-    var selectedJiraSiteUrl = selectedJiraSite === null || selectedJiraSite === void 0 ? void 0 : selectedJiraSite.url;
-    var getDescriptionMessage = function getDescriptionMessage() {
-      if ((0, _platformFeatureFlags.fg)('confluence-issue-terminology-refresh')) {
-        return currentSearchMethod === 'jql' ? _messages2.initialStateViewMessages.searchDescriptionForJQLSearchIssueTermRefresh : _messages2.initialStateViewMessages.searchDescriptionForBasicSearchIssueTermRefresh;
-      }
-      return currentSearchMethod === 'jql' ? _messages2.initialStateViewMessages.searchDescriptionForJQLSearch : _messages2.initialStateViewMessages.searchDescriptionForBasicSearch;
-    };
-    if (status === 'rejected' && jqlUrl) {
-      return (0, _react2.jsx)(_modalLoadingError.ModalLoadingError, {
-        errorMessage: jqlUrl ? (0, _react2.jsx)(_reactIntlNext.FormattedMessage, (0, _extends2.default)({}, _messages3.modalMessages.checkConnectionWithSource, {
-          values: {
-            a: function a(urlText) {
-              return (0, _react2.jsx)("a", {
-                href: jqlUrl
-              }, urlText);
-            }
-          }
-        })) : undefined
-      });
-    } else if (status === 'unauthorized') {
-      return (0, _react2.jsx)(_accessRequired.AccessRequired, {
-        url: selectedJiraSiteUrl || urlBeingEdited
-      });
-    } else if (resolvedWithNoResults || status === 'forbidden') {
-      return (0, _react2.jsx)(_noResults.NoResults, null);
-    } else if (status === 'empty' || !columns.length) {
-      // persist the empty state when making the initial /data request which contains the columns
-      return (0, _react2.jsx)(_contentContainer.ContentContainer, {
-        withTableBorder: !!jql
-      }, !!jql ? (0, _react2.jsx)(_issueLikeTable.EmptyState, {
-        testId: "jira-datasource-modal--empty-state"
-      }) : (0, _react2.jsx)(_initialStateView.InitialStateView, {
-        icon: (0, _react2.jsx)(_jiraIssuesInitialStateSvg.JiraInitialStateSVG, null),
-        title: (0, _platformFeatureFlags.fg)('confluence-issue-terminology-refresh') ? _messages3.modalMessages.searchJiraTitleIssueTermRefresh : _messages3.modalMessages.searchJiraTitle,
-        description: getDescriptionMessage(),
-        learnMoreLink: currentSearchMethod === 'jql' ? {
-          href: jqlSupportDocumentLink,
-          text: _messages2.initialStateViewMessages.learnMoreLink
-        } : undefined
-      }));
-    }
-    return (0, _react2.jsx)(_contentContainer.ContentContainer, {
-      withTableBorder: true
-    }, (0, _react2.jsx)(_datasourcesTableInModalPreview.default, {
-      testId: "jira-datasource-table"
-    }));
-  }, [columns.length, currentSearchMethod, jql, jqlUrl, resolvedWithNoResults, selectedJiraSite === null || selectedJiraSite === void 0 ? void 0 : selectedJiraSite.url, status, urlBeingEdited]);
-  var siteSelectorLabel = (0, _react.useMemo)(function () {
-    if ((0, _platformFeatureFlags.fg)('confluence-issue-terminology-refresh')) {
-      return availableSites && availableSites.length > 1 ? _messages3.modalMessages.insertIssuesTitleManySitesIssueTermRefresh : _messages3.modalMessages.insertIssuesTitleIssueTermRefresh;
-    }
-    return availableSites && availableSites.length > 1 ? _messages3.modalMessages.insertIssuesTitleManySites : _messages3.modalMessages.insertIssuesTitle;
-  }, [availableSites]);
-  var getCancelButtonAnalyticsPayload = (0, _react.useCallback)(function () {
-    return _objectSpread(_objectSpread({}, analyticsPayload), {}, {
-      searchCount: searchCount.current,
-      actions: userInteractions.get()
-    });
-  }, [analyticsPayload, userInteractions]);
-  var filterSelectionCount = _ui.availableBasicFilterTypes.reduce(function (current, filter) {
-    var _basicFilterSelection;
-    return _objectSpread(_objectSpread({}, current), {}, (0, _defineProperty2.default)({}, "".concat(filter, "BasicFilterSelectionCount"), ((_basicFilterSelection = basicFilterSelectionsSearchedWith.current[filter]) === null || _basicFilterSelection === void 0 ? void 0 : _basicFilterSelection.length) || 0));
-  }, {});
-  var getInsertButtonAnalyticsPayload = (0, _react.useCallback)(function () {
-    return _objectSpread(_objectSpread({}, analyticsPayload), {}, {
-      display: getDisplayValue(currentViewMode, totalCount || 0),
-      isQueryComplex: isSearchedWithComplexQuery.current,
-      searchMethod: (0, _utils.mapSearchMethod)(searchMethodSearchedWith.current),
-      searchCount: searchCount.current,
-      actions: userInteractions.get()
-    }, searchMethodSearchedWith.current === 'basic' ? _objectSpread({}, filterSelectionCount) : {});
-  }, [analyticsPayload, currentViewMode, filterSelectionCount, totalCount, userInteractions]);
-  var urlToInsert = (0, _react.useMemo)(function () {
-    var jql = parameters === null || parameters === void 0 ? void 0 : parameters.jql;
-    if (!jql || !(selectedJiraSite !== null && selectedJiraSite !== void 0 && selectedJiraSite.url)) {
-      return;
-    }
-    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 (0, _react2.jsx)(_intlMessagesProvider.IntlMessagesProvider, {
-    defaultMessages: _en.default,
-    loaderFn: _fetchMessagesForLocale.fetchMessagesForLocale
-  }, (0, _react2.jsx)(_modalDialog.ModalTransition, null, (0, _react2.jsx)(_datasourceModal.DatasourceModal, {
-    testId: "jira-datasource-modal",
-    onClose: onCancel
-  }, (0, _react2.jsx)(_modalDialog.ModalHeader, null, (0, _react2.jsx)(_modalDialog.ModalTitle, null, (0, _react2.jsx)(_siteSelector.SiteSelector, {
-    availableSites: availableSites,
-    onSiteSelection: onSiteSelection,
-    selectedSite: selectedJiraSite,
-    testId: "jira-datasource-modal--site-selector",
-    label: siteSelectorLabel
-  })), !hasNoJiraSites && (0, _react2.jsx)(_modeSwitcher.DatasourceViewModeDropDown, null)), (0, _react2.jsx)(_modalDialog.ModalBody, null, !hasNoJiraSites ? (0, _react2.jsx)(_react.Fragment, null, (0, _react2.jsx)(_jiraSearchContainer.JiraSearchContainer, {
-    setSearchBarJql: setSearchBarJql,
-    searchBarJql: searchBarJql,
-    isSearching: status === 'loading',
-    parameters: parameters,
-    onSearch: onSearch,
-    initialSearchMethod: initialSearchMethod,
-    onSearchMethodChange: setCurrentSearchMethod,
-    site: selectedJiraSite
-  }), currentViewMode === 'inline' ? renderCountModeContent() : renderIssuesModeContent()) : (0, _react2.jsx)(_noInstances.NoInstancesView, {
-    title: _messages.loadingErrorMessages.noAccessToJiraSitesTitle,
-    description: _messages.loadingErrorMessages.noAccessToJiraSitesDescription,
-    testId: "no-jira-instances-content"
-  })), (0, _react2.jsx)(_modalDialog.ModalFooter, null, shouldShowIssueCount && (0, _react2.jsx)(_searchCount.default, {
-    searchCount: totalCount,
-    url: jqlUrl,
-    prefixTextType: "issue",
-    testId: "jira-datasource-modal-total-issues-count"
-  }), (0, _react2.jsx)(_cancelButton.CancelButton, {
-    onCancel: onCancel,
-    getAnalyticsPayload: getCancelButtonAnalyticsPayload,
-    testId: "jira-datasource-modal--cancel-button"
-  }), !hasNoJiraSites && (0, _react2.jsx)(_insertButton.InsertButton, {
-    testId: "jira-datasource-modal--insert-button",
-    url: urlToInsert,
-    getAnalyticsPayload: getInsertButtonAnalyticsPayload
-  }, (0, _platformFeatureFlags.fg)('confluence-issue-terminology-refresh') ? (0, _react2.jsx)(_reactIntlNext.FormattedMessage, _messages3.modalMessages.insertIssuesButtonTextIssueTermRefresh) : (0, _react2.jsx)(_reactIntlNext.FormattedMessage, _messages3.modalMessages.insertIssuesButtonText))))));
-};
-var ConnectedJiraIssueConfigModal = (0, _createDatasourceModal.createDatasourceModal)({
-  isValidParameters: isValidParameters,
-  dataProvider: 'jira-issues',
-  component: PlainJiraIssuesConfigModal
-});
-var JiraIssuesConfigModalWithExtraAnalyticsOnInsert = function JiraIssuesConfigModalWithExtraAnalyticsOnInsert(props) {
-  var onInsert = props.onInsert;
-  var onInsertWithMacroAnalytics = (0, _react.useCallback)(function (adf, analyticsEvent) {
-    if (analyticsEvent && adf.type === 'inlineCard') {
-      var macroInsertedEvent = analyticsEvent.clone();
-      macroInsertedEvent === null || macroInsertedEvent === void 0 || macroInsertedEvent.update({
-        eventType: 'track',
-        action: 'inserted',
-        actionSubject: 'macro',
-        actionSubjectId: 'jlol'
-      });
-      macroInsertedEvent === null || macroInsertedEvent === void 0 || macroInsertedEvent.fire(_constants.EVENT_CHANNEL);
-    }
-    onInsert(adf, analyticsEvent);
-  }, [onInsert]);
-  return (0, _react2.jsx)(_state.StoreContainer, null, (0, _react2.jsx)(ConnectedJiraIssueConfigModal, (0, _extends2.default)({}, props, {
-    onInsert: onInsertWithMacroAnalytics
-  })));
-};
-var JiraIssuesConfigModalOld = exports.JiraIssuesConfigModalOld = function JiraIssuesConfigModalOld(props) {
-  return (0, _react2.jsx)(JiraIssuesConfigModalWithExtraAnalyticsOnInsert, props);
-};