@atlaskit/link-datasource 1.24.5 → 1.24.6

package/dist/es2019/ui/confluence-search-modal/modal/index.js

@@ -0,0 +1,108 @@
+/** @jsx jsx */
+import { Fragment, useCallback, useEffect, useMemo, useState } from 'react';
+import { jsx } from '@emotion/react';
+import { FormattedMessage } from 'react-intl-next';
+import Button from '@atlaskit/button/standard-button';
+import { IntlMessagesProvider } from '@atlaskit/intl-messages-provider';
+import Modal, { ModalBody, ModalFooter, ModalHeader, ModalTitle } from '@atlaskit/modal-dialog';
+import { Box, xcss } from '@atlaskit/primitives';
+import { N40 } from '@atlaskit/theme/colors';
+import { fetchMessagesForLocale } from '../../../common/utils/locale/fetch-messages-for-locale';
+import i18nEN from '../../../i18n/en';
+import { getAvailableSites } from '../../../services/getAvailableSites';
+import { NoInstancesView } from '../../common/error-state/no-instances';
+import { InitialStateView } from '../../common/initial-state-view';
+import { BasicSearchInput } from '../../common/modal/basic-search-input';
+import { SiteSelector } from '../../common/modal/site-selector';
+import { scrollableContainerShadowsCssComponents } from '../../issue-like-table';
+import { ConfluenceSearchInitialStateSVG } from './confluence-search-initial-state-svg';
+import { confluenceSearchModalMessages } from './messages';
+const contentContainerStyles = xcss({
+  display: 'grid',
+  maxHeight: '420px',
+  overflow: 'auto',
+  borderBottom: `2px solid ${`var(--ds-background-accent-gray-subtler, ${N40})`}`,
+  backgroundImage: scrollableContainerShadowsCssComponents.backgroundImage,
+  backgroundPosition: scrollableContainerShadowsCssComponents.backgroundPosition,
+  backgroundRepeat: scrollableContainerShadowsCssComponents.backgroundRepeat,
+  backgroundSize: scrollableContainerShadowsCssComponents.backgroundSize,
+  backgroundAttachment: scrollableContainerShadowsCssComponents.backgroundAttachment
+});
+export const ConfluenceSearchConfigModal = props => {
+  const {
+    parameters: initialParameters,
+    onCancel
+  } = props;
+  const [availableSites, setAvailableSites] = useState(undefined);
+  const [cloudId, setCloudId] = useState(initialParameters === null || initialParameters === void 0 ? void 0 : initialParameters.cloudId);
+  const [searchTerm, setSearchTerm] = useState('');
+  const onSiteSelection = useCallback(site => {
+    setCloudId(site.cloudId);
+  }, [setCloudId]);
+  const hasNoConfluenceSites = availableSites && availableSites.length === 0;
+  const selectedConfluenceSite = useMemo(() => {
+    if (cloudId) {
+      return availableSites === null || availableSites === void 0 ? void 0 : availableSites.find(confluenceSite => confluenceSite.cloudId === cloudId);
+    } else {
+      let currentlyLoggedInSiteUrl;
+      if (typeof window.location !== 'undefined') {
+        currentlyLoggedInSiteUrl = window.location.origin;
+      }
+      return (availableSites === null || availableSites === void 0 ? void 0 : availableSites.find(confluenceSite => confluenceSite.url === currentlyLoggedInSiteUrl)) || (availableSites === null || availableSites === void 0 ? void 0 : availableSites[0]);
+    }
+  }, [availableSites, cloudId]);
+  const handleSearchChange = useCallback(e => {
+    const rawSearch = e.currentTarget.value;
+    setSearchTerm(rawSearch);
+  }, [setSearchTerm]);
+  useEffect(() => {
+    const fetchSiteDisplayNames = async () => {
+      const confluenceSites = await getAvailableSites('confluence');
+      const sortedAvailableSites = [...confluenceSites].sort((a, b) => a.displayName.localeCompare(b.displayName));
+      setAvailableSites(sortedAvailableSites);
+    };
+    void fetchSiteDisplayNames();
+  }, []);
+  const siteSelectorLabel = availableSites && availableSites.length > 1 ? confluenceSearchModalMessages.insertIssuesTitleManySites : confluenceSearchModalMessages.insertIssuesTitle;
+  return jsx(IntlMessagesProvider, {
+    defaultMessages: i18nEN,
+    loaderFn: fetchMessagesForLocale
+  }, jsx(Modal, {
+    testId: "confluence-search-datasource-modal",
+    onClose: onCancel,
+    width: "calc(100% - 80px)",
+    shouldScrollInViewport: true
+  }, jsx(ModalHeader, null, jsx(ModalTitle, null, jsx(SiteSelector, {
+    availableSites: availableSites,
+    onSiteSelection: onSiteSelection,
+    selectedSite: selectedConfluenceSite,
+    testId: "confluence-search-datasource-modal--site-selector",
+    label: siteSelectorLabel
+  }))), jsx(ModalBody, null, !hasNoConfluenceSites ? jsx(Fragment, null, jsx(BasicSearchInput, {
+    testId: "confluence-search-datasource-modal",
+    isSearching: status === 'loading',
+    onChange: handleSearchChange,
+    onSearch: () => {},
+    searchTerm: searchTerm,
+    placeholder: confluenceSearchModalMessages.searchLabel,
+    fullWidth: true
+  }), jsx(Box, {
+    xcss: contentContainerStyles
+  }, jsx(InitialStateView, {
+    icon: jsx(ConfluenceSearchInitialStateSVG, null),
+    title: confluenceSearchModalMessages.initialViewSearchTitle,
+    description: confluenceSearchModalMessages.initialViewSearchDescription
+  }))) : jsx(NoInstancesView, {
+    title: confluenceSearchModalMessages.noAccessToConfluenceSitesTitle,
+    description: confluenceSearchModalMessages.noAccessToConfluenceSitesDescription,
+    testId: 'no-confluence-instances-content'
+  })), jsx(ModalFooter, null, jsx(Button, {
+    appearance: "default",
+    onClick: onCancel
+  }, jsx(FormattedMessage, confluenceSearchModalMessages.cancelButtonText)), !hasNoConfluenceSites && jsx(Button, {
+    appearance: "primary",
+    onClick: () => {},
+    isDisabled: true,
+    testId: "confluence-search-datasource-modal--insert-button"
+  }, jsx(FormattedMessage, confluenceSearchModalMessages.insertResultsButtonText)))));
+};

package/dist/es2019/ui/confluence-search-modal/modal/messages.js

@@ -0,0 +1,48 @@
+import { defineMessages } from 'react-intl-next';
+export const confluenceSearchModalMessages = defineMessages({
+  cancelButtonText: {
+    id: 'linkDataSource.confluence-search.configmodal.cancelButtonText',
+    description: 'Button text to close the modal with no changes being made',
+    defaultMessage: 'Cancel'
+  },
+  insertResultsButtonText: {
+    id: 'linkDataSource.confluence-search.configmodal.insertResultsButtonText',
+    description: 'Button text to insert the displayed content',
+    defaultMessage: 'Insert results'
+  },
+  searchLabel: {
+    id: 'linkDataSource.confluence-search.configmodal.searchLabel',
+    description: 'Placeholder text for the search input box',
+    defaultMessage: 'Enter keywords to find pages, attachments, and more'
+  },
+  insertIssuesTitle: {
+    id: 'linkDataSource.confluence-search.configmodal.insertConfluenceTitle',
+    description: 'Title for the Confluence Search Datasource Confluence Search config modal',
+    defaultMessage: 'Insert Confluence list'
+  },
+  insertIssuesTitleManySites: {
+    id: 'linkDataSource.confluence-search.configmodal.insertConfluenceTitleManySites',
+    description: 'Title for the Confluence Search config modal when a user has to select a site to insert issues from',
+    defaultMessage: 'Insert Confluence list from'
+  },
+  initialViewSearchTitle: {
+    id: 'linkDataSource.modal-initial-state.confluenceSearchTitle',
+    description: 'The initial modal search state title explains to user how to get information',
+    defaultMessage: 'Search for Confluence pages'
+  },
+  initialViewSearchDescription: {
+    id: 'linkDataSource.modal-initial-state.searchDescription-confluence',
+    description: 'The initial modal search state helper message for confluence search displayed under the search title',
+    defaultMessage: 'Search by keyword for pages to insert.'
+  },
+  noAccessToConfluenceSitesTitle: {
+    id: 'linkDataSource.confluence-search.no.confluence.sites.access.title',
+    description: 'Title that shows in the modal when user has no access to any Confluence sites',
+    defaultMessage: "You don't have access to any Confluence sites"
+  },
+  noAccessToConfluenceSitesDescription: {
+    id: 'linkDataSource.confluence-search.no.confluence.sites.access.description',
+    description: 'Description that shows in the modal when user has no access to any Confluence sites',
+    defaultMessage: 'To request access, contact your admin.'
+  }
+});

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

@@ -6,7 +6,7 @@ const LazyJiraIssuesConfigModal = /*#__PURE__*/lazy(() => import( /* webpackChun
 const JiraIssuesConfigModalWithWrappers = props => {
   return /*#__PURE__*/React.createElement(Suspense, {
     fallback: /*#__PURE__*/React.createElement("div", {
-      "data-testid": 'jira-jql-datasource-table-suspense'
+      "data-testid": 'jira-datasource-table-suspense'
     })
   }, /*#__PURE__*/React.createElement(LazyJiraIssuesConfigModal, props));
 };

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

@@ -6,10 +6,11 @@ import { useDebouncedCallback } from 'use-debounce';
 import { getBooleanFF } from '@atlaskit/platform-feature-flags';
 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 { BasicFilters } from '../basic-filters';
 import { useHydrateJqlQuery } from '../basic-filters/hooks/useHydrateJqlQuery';
 import { isQueryTooComplex } from '../basic-filters/utils/isQueryTooComplex';
-import { BasicSearchInput } from '../basic-search-input';
 import { JiraJQLEditor } from '../jql-editor';
 import { ModeSwitcher } from '../mode-switcher';
 import { buildJQL } from './buildJQL';
@@ -192,7 +193,9 @@ export const JiraSearchContainer = props => {
     isSearching: isSearching,
     onChange: handleBasicSearchChange,
     onSearch: handleSearch,
-    searchTerm: basicSearchTerm
+    searchTerm: basicSearchTerm,
+    placeholder: basicSearchInputMessages.basicTextSearchLabel,
+    testId: "jira-datasource-modal"
   }), showBasicFilters && jsx(BasicFilters, {
     jql: searchBarJql,
     site: site,

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

@@ -22,26 +22,23 @@ import { buildDatasourceAdf } from '../../../common/utils/adf';
 import { fetchMessagesForLocale } from '../../../common/utils/locale/fetch-messages-for-locale';
 import { useDatasourceTableState } from '../../../hooks/useDatasourceTableState';
 import i18nEN from '../../../i18n/en';
-import { getAvailableJiraSites } from '../../../services/getAvailableJiraSites';
+import { getAvailableSites } from '../../../services/getAvailableSites';
 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 { SiteSelector } from '../../common/modal/site-selector';
 import { EmptyState, IssueLikeDataTableView, scrollableContainerShadowsCssComponents } from '../../issue-like-table';
 import LinkRenderType from '../../issue-like-table/render-type/link';
 import { availableBasicFilterTypes } from '../basic-filters/ui';
 import { isQueryTooComplex } from '../basic-filters/utils/isQueryTooComplex';
-import { InitialStateView } from '../initial-state-view';
 import { JiraSearchContainer } from '../jira-search-container';
-import { JiraSiteSelector } from '../site-selector';
-import { DisplayViewDropDown } from './display-view-dropdown/display-view-drop-down';
+import { JiraDisplayViewDropDown } from './jira-display-view-dropdown/jira-display-view-drop-down';
+import { JiraInitialStateSVG } from './jira-issues-initial-state-svg';
 import { modalMessages } from './messages';
-const dropdownContainerStyles = css({
-  display: 'flex',
-  alignItems: 'center',
-  gap: "var(--ds-space-100, 0.5rem)",
-  minHeight: '40px' // to prevent vertical shifting when site selector pops in
-});
 const tableContainerStyles = css({
   borderTopLeftRadius: "var(--ds-border-radius-200, 8px)",
   borderTopRightRadius: "var(--ds-border-radius-200, 8px)",
@@ -78,6 +75,7 @@ const getDisplayValue = (currentViewMode, itemCount) => {
   }
   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/';
 
 /**
  * This method should be called when one atomic action is performed on columns: adding new item, removing one item, changing items order.
@@ -215,7 +213,7 @@ export const PlainJiraIssuesConfigModal = props => {
   }, [initialVisibleColumnKeys, defaultVisibleColumnKeys]);
   useEffect(() => {
     const fetchSiteDisplayNames = async () => {
-      const jiraSites = await getAvailableJiraSites();
+      const jiraSites = await getAvailableSites('jira');
       const sortedAvailableSites = [...jiraSites].sort((a, b) => a.displayName.localeCompare(b.displayName));
       setAvailableSites(sortedAvailableSites);
       fireEvent('ui.modal.ready.datasource', {
@@ -329,7 +327,7 @@ export const PlainJiraIssuesConfigModal = props => {
     // During insertion, we want the JQL of the datasource to be whatever is in the search bar,
     // even if the user didn't previously click search
     const upToDateJql = searchBarJql !== null && searchBarJql !== void 0 ? searchBarJql : jql;
-    const upToDateJqlUrl = selectedJiraSite && jql && `${selectedJiraSite.url}/issues/?jql=${encodeURI(upToDateJql)}`;
+    const upToDateJqlUrl = selectedJiraSite && jql && `${selectedJiraSite.url}/issues/?jql=${getBooleanFF('platform.linking-platform.datasource.enable-stricter-jql-encoding') ? encodeURIComponent(upToDateJql) : encodeURI(upToDateJql)}`;
     const filterSelectionCount = availableBasicFilterTypes.reduce((current, filter) => {
       var _basicFilterSelection;
       return {
@@ -429,7 +427,7 @@ export const PlainJiraIssuesConfigModal = props => {
   const issueLikeDataTableView = useMemo(() => jsx("div", {
     css: [tableContainerStyles, contentContainerStyles]
   }, jsx(IssueLikeDataTableView, {
-    testId: "jira-jql-datasource-table",
+    testId: "jira-datasource-table",
     status: status,
     columns: columns,
     items: responseItems,
@@ -455,7 +453,7 @@ export const PlainJiraIssuesConfigModal = props => {
       return jsx("div", {
         css: smartLinkContainerStyles
       }, jsx("span", {
-        "data-testid": `jira-jql-datasource-modal--smart-card-placeholder`,
+        "data-testid": `jira-datasource-modal--smart-card-placeholder`,
         css: placeholderSmartLinkStyles
       }, jsx(FormattedMessage, modalMessages.issuesCountSmartCardPlaceholderText)));
     } else {
@@ -463,7 +461,7 @@ export const PlainJiraIssuesConfigModal = props => {
       if (responseItems.length === 1 && retrieveUrlForSmartCardRender()) {
         url = retrieveUrlForSmartCardRender();
       } else {
-        url = `${selectedJiraSiteUrl}/issues/?jql=${encodeURI(jql)}`;
+        url = `${selectedJiraSiteUrl}/issues/?jql=${getBooleanFF('platform.linking-platform.datasource.enable-stricter-jql-encoding') ? encodeURIComponent(jql) : encodeURI(jql)}`;
       }
       return jsx("div", {
         css: smartLinkContainerStyles
@@ -489,29 +487,36 @@ export const PlainJiraIssuesConfigModal = props => {
       return jsx("div", {
         css: [contentContainerStyles, !!jql && tableContainerStyles]
       }, !!jql ? jsx(EmptyState, {
-        testId: `jira-jql-datasource-modal--empty-state`
+        testId: `jira-datasource-modal--empty-state`
       }) : jsx(InitialStateView, {
-        searchMethod: currentSearchMethod
+        showBeta: !getBooleanFF('platform.linking-platform.datasource.show-jlol-basic-filters'),
+        icon: jsx(JiraInitialStateSVG, null),
+        title: modalMessages.searchJiraTitle,
+        description: currentSearchMethod === 'jql' ? initialStateViewMessages.searchDescriptionForJQLSearch : initialStateViewMessages.searchDescriptionForBasicSearch,
+        learnMoreLink: currentSearchMethod === 'jql' ? {
+          href: jqlSupportDocumentLink,
+          text: initialStateViewMessages.learnMoreLink
+        } : undefined
       }));
     }
     return issueLikeDataTableView;
   }, [columns.length, currentSearchMethod, issueLikeDataTableView, jql, jqlUrl, resolvedWithNoResults, selectedJiraSite === null || selectedJiraSite === void 0 ? void 0 : selectedJiraSite.url, status, urlBeingEdited]);
+  const siteSelectorLabel = availableSites && availableSites.length > 1 ? modalMessages.insertIssuesTitleManySites : modalMessages.insertIssuesTitle;
   return jsx(IntlMessagesProvider, {
     defaultMessages: i18nEN,
     loaderFn: fetchMessagesForLocale
   }, jsx(ModalTransition, null, jsx(Modal, {
-    testId: "jira-jql-datasource-modal",
+    testId: "jira-datasource-modal",
     onClose: onCancel,
     width: "calc(100% - 80px)",
     shouldScrollInViewport: true
-  }, jsx(ModalHeader, null, jsx(ModalTitle, null, jsx("div", {
-    css: dropdownContainerStyles
-  }, availableSites && availableSites.length > 1 ? jsx(Fragment, null, jsx(FormattedMessage, modalMessages.insertIssuesTitleManySites), jsx(JiraSiteSelector, {
+  }, jsx(ModalHeader, null, jsx(ModalTitle, null, jsx(SiteSelector, {
     availableSites: availableSites,
     onSiteSelection: onSiteSelection,
-    selectedJiraSite: selectedJiraSite,
-    testId: "jira-jql-datasource-modal--site-selector"
-  })) : jsx(FormattedMessage, modalMessages.insertIssuesTitle))), !hasNoJiraSites && jsx(DisplayViewDropDown, {
+    selectedSite: selectedJiraSite,
+    testId: "jira-datasource-modal--site-selector",
+    label: siteSelectorLabel
+  })), !hasNoJiraSites && jsx(JiraDisplayViewDropDown, {
     onViewModeChange: handleViewModeChange,
     viewMode: currentViewMode
   })), jsx(ModalBody, null, !hasNoJiraSites ? jsx(Fragment, null, jsx(JiraSearchContainer, {
@@ -523,8 +528,12 @@ export const PlainJiraIssuesConfigModal = props => {
     initialSearchMethod: initialSearchMethod,
     onSearchMethodChange: setCurrentSearchMethod,
     site: selectedJiraSite
-  }), currentViewMode === 'count' ? renderCountModeContent() : renderIssuesModeContent()) : jsx(NoInstancesView, null)), jsx(ModalFooter, null, shouldShowIssueCount && jsx("div", {
-    "data-testid": "jira-jql-datasource-modal-total-issues-count",
+  }), currentViewMode === 'count' ? renderCountModeContent() : renderIssuesModeContent()) : jsx(NoInstancesView, {
+    title: loadingErrorMessages.noAccessToJiraSitesTitle,
+    description: loadingErrorMessages.noAccessToJiraSitesDescription,
+    testId: `no-jira-instances-content`
+  })), jsx(ModalFooter, null, shouldShowIssueCount && jsx("div", {
+    "data-testid": "jira-datasource-modal-total-issues-count",
     css: issueCountStyles
   }, jsx(LinkUrl, {
     href: jqlUrl,
@@ -546,7 +555,7 @@ export const PlainJiraIssuesConfigModal = props => {
     appearance: "primary",
     onClick: onInsertPressed,
     isDisabled: isInsertDisabled,
-    testId: "jira-jql-datasource-modal--insert-button"
+    testId: "jira-datasource-modal--insert-button"
   }, jsx(FormattedMessage, modalMessages.insertIssuesButtonText))))));
 };
 const analyticsContextAttributes = {

package/dist/es2019/ui/jira-issues-modal/modal/{display-view-dropdown/display-view-drop-down.js → jira-display-view-dropdown/jira-display-view-drop-down.js}

@@ -24,7 +24,7 @@ const InlineIcon = jsx("svg", {
   d: "M4 9C2.89543 9 2 9.67155 2 10.5V13.5C2 14.3285 2.89543 15 4 15H20C21.1046 15 22 14.3285 22 13.5V10.5C22 9.67155 21.1046 9 20 9H4ZM4.22222 11.25C4.22222 10.5 4.22222 10.5 5 10.5H7C7.55556 10.5 7.55556 10.5 7.55556 11.25V13C7.55556 13.5 7.55556 13.5 7 13.5H5C4.22222 13.5 4.22222 13.5 4.22222 13V11.25ZM9 12C9 11.7929 9.2239 11.625 9.5 11.625H19.5C19.7761 11.625 20 11.7929 20 12C20 12.2071 19.7761 12.375 19.5 12.375H9.5C9.2239 12.375 9 12.2071 9 12Z",
   fill: 'currentColor'
 }));
-export const DisplayViewDropDown = ({
+export const JiraDisplayViewDropDown = ({
   onViewModeChange,
   viewMode
 }) => {
@@ -34,7 +34,7 @@ export const DisplayViewDropDown = ({
   const triggerText = viewMode === 'issue' ? formatMessage(modalMessages.tableViewModeLabel) : formatMessage(modalMessages.inlineLinkViewModeLabel);
   return jsx(DropdownMenu, {
     trigger: triggerText,
-    testId: "jira-jql-datasource-modal--view-drop-down"
+    testId: "jira-datasource-modal--view-drop-down"
   }, jsx(Box, {
     xcss: dropDownItemGroupStyles
   }, jsx(DropdownItemGroup, null, jsx(DropdownItem, {

package/dist/es2019/ui/jira-issues-modal/{initial-state-view/assets/initial-state-svg.js → modal/jira-issues-initial-state-svg.js}

@@ -1,5 +1,5 @@
 import React from 'react';
-export const InitialStateSVG = () => /*#__PURE__*/React.createElement("svg", {
+export const JiraInitialStateSVG = () => /*#__PURE__*/React.createElement("svg", {
   width: "188",
   height: "112",
   viewBox: "0 0 188 112",

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

@@ -49,5 +49,71 @@ export const modalMessages = defineMessages({
     id: 'linkDataSource.jira-issues.configmodal.issue',
     description: 'Text that appears after issue count number.',
     defaultMessage: '{totalCount, plural, one {issue} other {issues}}'
+  },
+  searchJiraTitleDuplicate: {
+    id: 'linkDataSource.jira-issues.searchJiraTitle',
+    description: 'The initial modal search state title that gives the user some idea about how to get information',
+    defaultMessage: 'Search for Jira issues'
+  },
+  // delete and remove duplicate from title above once EDM-9407 is merged
+  searchJiraTitle: {
+    id: 'linkDataSource.modal-initial-state.searchTitle',
+    description: 'The initial modal search state title that gives the user some idea about how to get information',
+    defaultMessage: 'Search for Jira issues'
+  },
+  searchDescriptionForJiraBasicSearchDuplicate: {
+    id: 'linkDataSource.jira-issues.searchDescription-basic',
+    description: 'The initial modal search state helper message displayed under the search title when basic search mode is selected',
+    defaultMessage: 'Search by keyword for issues to insert.'
+  },
+  // delete and remove duplicate from title above once EDM-9407 is merged
+  searchDescriptionForJiraBasicSearch: {
+    id: 'linkDataSource.modal-initial-state.searchDescription-basic',
+    description: 'The initial modal search state helper message displayed under the search title when basic search mode is selected',
+    defaultMessage: 'Search by keyword for issues to insert.'
+  },
+  searchDescriptionForJiraJQLSearchDuplicate: {
+    id: 'linkDataSource.jira-issues.searchDescription-jql',
+    description: 'The initial modal search state helper message displayed under the search title when JQL search mode is selected',
+    defaultMessage: 'Use JQL (Jira Query Language) to search for issues.'
+  },
+  // delete and remove duplicate from title above once EDM-9407 is merged
+  searchDescriptionForJiraJQLSearch: {
+    id: 'linkDataSource.modal-initial-state.searchDescription-jql',
+    description: 'The initial modal search state helper message displayed under the search title when JQL search mode is selected',
+    defaultMessage: 'Use JQL (Jira Query Language) to search for issues.'
+  },
+  learnMoreLinkDuplicate: {
+    id: 'linkDataSource.jira-issues.learnMoreLink',
+    description: 'The link that displays under the search description to help people know more about JQL',
+    defaultMessage: 'Learn how to search with JQL'
+  },
+  // delete and remove duplicate from title above once EDM-9407 is merged
+  learnMoreLink: {
+    id: 'linkDataSource.modal-initial-state.learnMoreLink',
+    description: 'The link that displays under the search description to help people know more about JQL',
+    defaultMessage: 'Learn how to search with JQL'
+  },
+  noAccessToJiraSitesTitleDuplicate: {
+    id: 'linkDataSource.no.jira.sites.access.title',
+    description: 'Title that shows in the modal when user has no access to any Jira sites',
+    defaultMessage: "You don't have access to any Jira sites"
+  },
+  // delete and remove duplicate from title above once EDM-9407 is merged
+  noAccessToJiraSitesTitle: {
+    id: 'linkDataSource.jira-issues.no.jira.sites.access.title',
+    description: 'Title that shows in the modal when user has no access to any Jira sites',
+    defaultMessage: "You don't have access to any Jira sites"
+  },
+  noAccessToJiraSitesDescriptionDuplicate: {
+    id: 'linkDataSource.no.jira.sites.access.description',
+    description: 'Description that shows in the modal when user has no access to any Jira sites',
+    defaultMessage: 'To request access, contact your admin.'
+  },
+  // delete and remove duplicate from title above once EDM-9407 is merged
+  noAccessToJiraSitesDescription: {
+    id: 'linkDataSource.jira-issues.no.jira.sites.access.description',
+    description: 'Description that shows in the modal when user has no access to any Jira sites',
+    defaultMessage: 'To request access, contact your admin.'
   }
 });

package/dist/esm/common/types.js

@@ -0,0 +1 @@
+export {};

package/dist/esm/services/{getAvailableJiraSites.js → getAvailableSites.js}

@@ -1,7 +1,7 @@
 import _asyncToGenerator from "@babel/runtime/helpers/asyncToGenerator";
 import _regeneratorRuntime from "@babel/runtime/regenerator";
-export var getAvailableJiraSites = /*#__PURE__*/function () {
-  var _ref = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee() {
+export var getAvailableSites = /*#__PURE__*/function () {
+  var _ref = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee(product) {
     var requestConfig, response, res;
     return _regeneratorRuntime.wrap(function _callee$(_context) {
       while (1) switch (_context.prev = _context.next) {
@@ -15,7 +15,7 @@ export var getAvailableJiraSites = /*#__PURE__*/function () {
               'Content-Type': 'application/json'
             },
             body: JSON.stringify({
-              products: ['jira-software.ondemand', 'jira-core.ondemand', 'jira-incident-manager.ondemand', 'jira-product-discovery', 'jira-servicedesk.ondemand']
+              products: product === 'confluence' ? ['confluence.ondemand'] : ['jira-software.ondemand', 'jira-core.ondemand', 'jira-incident-manager.ondemand', 'jira-product-discovery', 'jira-servicedesk.ondemand']
             })
           };
           _context.next = 3;
@@ -51,7 +51,7 @@ export var getAvailableJiraSites = /*#__PURE__*/function () {
       }
     }, _callee);
   }));
-  return function getAvailableJiraSites() {
+  return function getAvailableSites(_x) {
     return _ref.apply(this, arguments);
   };
 }();

package/dist/esm/ui/common/error-state/loading-error.js

@@ -34,7 +34,7 @@ export var LoadingError = function LoadingError(_ref) {
   }, [fireEvent]);
   return jsx("div", {
     css: errorContainerStyles,
-    "data-testid": "jira-jql-datasource--loading-error"
+    "data-testid": "datasource--loading-error"
   }, jsx(LoadingErrorSVG, null), jsx("div", {
     css: errorMessageContainerStyles
   }, jsx("span", {

package/dist/esm/ui/common/error-state/messages.js

@@ -1,55 +1,111 @@
 import { defineMessages } from 'react-intl-next';
 export var loadingErrorMessages = defineMessages({
+  accessInstructionsDuplicate: {
+    id: 'linkDataSource.accessInstructions',
+    description: "Instructions to let the user know they must contact their site administrator in order to access this site's content",
+    defaultMessage: 'To request access, contact your site administrator.'
+  },
+  //delete and remove duplicate from title above
   accessInstructions: {
     id: 'linkDataSource.jira-issues.accessInstructions',
     description: "Instructions to let the user know they must contact their site administrator in order to access this site's content",
     defaultMessage: 'To request access, contact your site administrator.'
   },
+  accessRequiredDuplicate: {
+    id: 'linkDataSource.accessRequired',
+    description: 'Message letting user know that they do not have access to this content',
+    defaultMessage: "You don't have access to this content"
+  },
+  //delete and remove duplicate from title above
   accessRequired: {
     id: 'linkDataSource.jira-issues.accessRequired',
     description: 'Message letting user know that they do not have access to this content',
     defaultMessage: "You don't have access to this content"
   },
+  accessRequiredWithSiteDuplicate: {
+    id: 'linkDataSource.accessRequiredWithSite',
+    description: 'Message letting user know that they do not have access to the site that will be listed below this message',
+    defaultMessage: "You don't have access to the following site:"
+  },
+  //delete and remove duplicate from title above
   accessRequiredWithSite: {
     id: 'linkDataSource.jira-issues.accessRequiredWithSite',
     description: 'Message letting user know that they do not have access to the site that will be listed below this message',
     defaultMessage: "You don't have access to the following site:"
   },
+  checkConnectionDuplicate: {
+    id: 'linkDataSource.checkConnection',
+    description: 'Instructions to let the user know how to resolve the network error that occurred or to try again at a different time',
+    defaultMessage: 'Check your connection and refresh, or try again later.'
+  },
+  //delete and remove duplicate from title above
   checkConnection: {
     id: 'linkDataSource.jira-issues.checkConnection',
     description: 'Instructions to let the user know how to resolve the network error that occurred or to try again at a different time',
     defaultMessage: 'Check your connection and refresh, or try again later.'
   },
+  checkConnectionWithSourceDuplicate: {
+    id: 'linkDataSource.checkConnectionWithSource',
+    description: 'Instructions to let the user know how to resolve the error that occured, or click the link provided to open the query in Jira',
+    defaultMessage: 'Check your connection and refresh, or <a>open this query in Jira</a> to review.'
+  },
+  //delete and remove duplicate from title above
   checkConnectionWithSource: {
     id: 'linkDataSource.jira-issues.checkConnectionWithSource',
     description: 'Instructions to let the user know how to resolve the error that occured, or click the link provided to open the query in Jira',
     defaultMessage: 'Check your connection and refresh, or <a>open this query in Jira</a> to review.'
   },
+  noResultsFoundDuplicate: {
+    id: 'linkDataSource.noResultsFound',
+    description: 'Status message letting the user know their query did not have any results',
+    defaultMessage: 'No results found'
+  },
+  //delete and remove duplicate from title above
   noResultsFound: {
     id: 'linkDataSource.jira-issues.noResultsFound',
     description: 'Status message letting the user know their query did not have any results',
     defaultMessage: 'No results found'
   },
+  refreshDuplicate: {
+    id: 'linkDataSource.refresh',
+    description: 'Button text to allow the user to refresh the table to see results',
+    defaultMessage: 'Refresh'
+  },
+  //delete and remove duplicate from title above
   refresh: {
     id: 'linkDataSource.jira-issues.refresh',
     description: 'Button text to allow the user to refresh the table to see results',
     defaultMessage: 'Refresh'
   },
+  unableToLoadItemsDuplicate: {
+    id: 'linkDataSource.unableToLoadItems',
+    description: 'Error state message letting the user know we were unable the load the requested list of items',
+    defaultMessage: 'Unable to load items'
+  },
+  //delete and remove duplicate from title above
   unableToLoadItems: {
     id: 'linkDataSource.jira-issues.unableToLoadItems',
     description: 'Error state message letting the user know we were unable the load the requested list of items',
     defaultMessage: 'Unable to load items'
   },
+  unableToLoadResultsDuplicate: {
+    id: 'linkDataSource.unableToLoadResults',
+    description: 'Error state message letting the user know we were unable the load the requested list of results',
+    defaultMessage: 'Unable to load results'
+  },
+  //delete and remove duplicate from title above
   unableToLoadResults: {
     id: 'linkDataSource.jira-issues.unableToLoadResults',
     description: 'Error state message letting the user know we were unable the load the requested list of results',
     defaultMessage: 'Unable to load results'
   },
+  // delete once EDM-9407 is merged
   noAccessToJiraSitesTitle: {
     id: 'linkDataSource.jira-issues.no.jira.sites.access.title',
     description: 'Title that shows in the modal when user has no access to any Jira sites',
     defaultMessage: "You don't have access to any Jira sites"
   },
+  // delete once EDM-9407 is merged
   noAccessToJiraSitesDescription: {
     id: 'linkDataSource.jira-issues.no.jira.sites.access.description',
     description: 'Description that shows in the modal when user has no access to any Jira sites',

package/dist/esm/ui/common/error-state/modal-loading-error.js

@@ -34,7 +34,7 @@ export var ModalLoadingError = function ModalLoadingError(_ref) {
   }, [fireEvent]);
   return jsx("div", {
     css: errorContainerStyles,
-    "data-testid": "jira-jql-datasource-modal--loading-error"
+    "data-testid": "datasource-modal--loading-error"
   }, jsx(LoadingErrorSVG, null), jsx("div", {
     css: errorMessageContainerStyles
   }, jsx("span", {

package/dist/esm/ui/common/error-state/no-instances.js

@@ -1,8 +1,7 @@
 /** @jsx jsx */
 import { css, jsx } from '@emotion/react';
-import { FormattedMessage } from 'react-intl-next';
+import { useIntl } from 'react-intl-next';
 import { Flex, xcss } from '@atlaskit/primitives';
-import { loadingErrorMessages } from './messages';
 import { NoInstancesSvg } from './no-instances-svg';
 var titleStyles = css({
   font: "var(--ds-font-heading-small, normal 600 16px/20px ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, system-ui, \"Helvetica Neue\", sans-serif)",
@@ -14,15 +13,20 @@ var descriptionStyles = css({
 var containerStyles = xcss({
   marginTop: '60px'
 });
-export var NoInstancesView = function NoInstancesView() {
+export var NoInstancesView = function NoInstancesView(_ref) {
+  var title = _ref.title,
+    description = _ref.description,
+    testId = _ref.testId;
+  var _useIntl = useIntl(),
+    formatMessage = _useIntl.formatMessage;
   return jsx(Flex, {
-    testId: "no-jira-instances-content",
+    testId: testId,
     direction: "column",
     alignItems: "center",
     xcss: containerStyles
   }, jsx(NoInstancesSvg, null), jsx("span", {
     css: titleStyles
-  }, jsx(FormattedMessage, loadingErrorMessages.noAccessToJiraSitesTitle)), jsx("span", {
+  }, formatMessage(title)), jsx("span", {
     css: descriptionStyles
-  }, jsx(FormattedMessage, loadingErrorMessages.noAccessToJiraSitesDescription)));
+  }, formatMessage(description)));
 };