@atlaskit/link-datasource 4.4.0 → 4.5.0

package/dist/cjs/ui/common/initial-state-view/messages.js

@@ -33,10 +33,15 @@ var initialStateViewMessages = exports.initialStateViewMessages = (0, _reactIntl
     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.'
   },
+  learnMoreLinkOld: {
+    id: 'linkDataSource.modal-initial-state.learnMoreLinkOld',
+    description: 'The link that displays under the search description to help people know more about JQL',
+    defaultMessage: 'Learn how to search with JQL'
+  },
   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'
+    defaultMessage: 'Find out more about searching with JQL'
   },
   searchDescriptionForJQLSearchIssueTermRefresh: {
     id: 'linkDataSource.modal-initial-state.searchDescription-jql-issue-term-refresh',
@@ -47,5 +52,10 @@ var initialStateViewMessages = exports.initialStateViewMessages = (0, _reactIntl
     id: 'linkDataSource.modal-initial-state.searchDescription-basic-issue-term-refresh',
     description: 'The initial modal search state helper message displayed under the search title when basic search mode is selected',
     defaultMessage: 'Search by keyword for work items to insert.'
+  },
+  searchDescriptionForBasicSearchVisualRefreshSllv: {
+    id: 'linkDataSource.modal-initial-state.searchDescription-basic.visualRefreshSllv',
+    description: 'The initial modal search state helper message displayed under the search title when basic search mode is selected',
+    defaultMessage: 'Start typing or use JQL to search.'
   }
 });

package/dist/cjs/ui/common/modal/content-container/index.compiled.css

@@ -3,6 +3,7 @@
 ._1s7z1x13{border-right:var(--ds-border-width,1px) solid var(--ds-border,#dfe1e6)}
 ._n7zl1x13{border-bottom:var(--ds-border-width,1px) solid var(--ds-border,#dfe1e6)}
 ._n7zl8e97{border-bottom:var(--ds-border-width-outline,2px) solid var(--ds-border,#dfe1e6)}
+._n7zlglyw{border-bottom:none}
 ._x3do1x13{border-top:var(--ds-border-width,1px) solid var(--ds-border,#dfe1e6)}._12vemgnk{background-repeat:no-repeat}
 ._13lipd34{border-top-left-radius:var(--ds-border-radius-200,8px)}
 ._18m91wug{overflow-y:auto}

package/dist/cjs/ui/common/modal/content-container/index.js

@@ -10,16 +10,18 @@ require("./index.compiled.css");
 var _runtime = require("@compiled/react/runtime");
 var _react = _interopRequireDefault(require("react"));
 var _css = require("@atlaskit/css");
+var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 var _compiled = require("@atlaskit/primitives/compiled");
 var _colors = require("@atlaskit/theme/colors");
 var styles = {
   tableContainerStyles: "_n7zl1x13 _x3do1x13 _1kl71x13 _1s7z1x13 _13lipd34 _qrwqpd34",
-  contentContainerStyles: "_1reo1wug _18m91wug _n7zl8e97 _1e0c11p5 _c71l1pna _1itk1sfv _ouxlbac2 _12vemgnk _1lrw1sd4 _qmxj1c00"
+  contentContainerStyles: "_1reo1wug _18m91wug _n7zl8e97 _1e0c11p5 _c71l1pna _1itk1sfv _ouxlbac2 _12vemgnk _1lrw1sd4 _qmxj1c00",
+  contentContainerRemoveBorderStyles: "_n7zlglyw"
 };
 var ContentContainer = exports.ContentContainer = function ContentContainer(_ref) {
   var children = _ref.children,
     withTableBorder = _ref.withTableBorder;
   return /*#__PURE__*/_react.default.createElement(_compiled.Box, {
-    xcss: (0, _css.cx)(styles.contentContainerStyles, withTableBorder && styles.tableContainerStyles)
+    xcss: (0, _css.cx)(styles.contentContainerStyles, withTableBorder && styles.tableContainerStyles, (0, _platformFeatureFlags.fg)('platform-linking-visual-refresh-sllv') && styles.contentContainerRemoveBorderStyles)
   }, children);
 };

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

@@ -14,6 +14,7 @@ var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/de
 var _react = _interopRequireWildcard(require("react"));
 var _reactIntlNext = require("react-intl-next");
 var _intlMessagesProvider = require("@atlaskit/intl-messages-provider");
+var _link = _interopRequireDefault(require("@atlaskit/link"));
 var _modalDialog = require("@atlaskit/modal-dialog");
 var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 var _compiled = require("@atlaskit/primitives/compiled");
@@ -222,6 +223,24 @@ var PlainConfluenceSearchConfigModal = exports.PlainConfluenceSearchConfigModal
   }, [currentViewMode, fireInlineViewedEvent, fireTableViewedEvent, status]);
   var renderTableModalContent = (0, _react.useCallback)(function () {
     if (status === 'rejected') {
+      if (selectedConfluenceSite && (0, _platformFeatureFlags.fg)('platform-linking-visual-refresh-sllv')) {
+        return /*#__PURE__*/_react.default.createElement(_modalLoadingError.ModalLoadingError, {
+          errorMessage: /*#__PURE__*/_react.default.createElement(_reactIntlNext.FormattedMessage, (0, _extends2.default)({}, _messages.confluenceSearchModalMessages.checkConnectionWithSource, {
+            values: {
+              a: function a(urlText) {
+                return /*#__PURE__*/_react.default.createElement(_link.default, {
+                  href: selectedConfluenceSite.url
+                }, urlText);
+              }
+            }
+          })),
+          onRefresh: function onRefresh() {
+            return reset({
+              shouldForceRequest: true
+            });
+          }
+        });
+      }
       return /*#__PURE__*/_react.default.createElement(_modalLoadingError.ModalLoadingError, null);
     } else if (status === 'unauthorized') {
       return /*#__PURE__*/_react.default.createElement(_accessRequired.AccessRequired, {
@@ -250,7 +269,7 @@ var PlainConfluenceSearchConfigModal = exports.PlainConfluenceSearchConfigModal
     }, /*#__PURE__*/_react.default.createElement(_datasourcesTableInModalPreview.default, {
       testId: "confluence-search-datasource-table"
     }));
-  }, [status, resolvedWithNoResults, columns.length, selectedConfluenceSiteUrl, urlBeingEdited, hasConfluenceSearchParams, formatMessage]);
+  }, [status, resolvedWithNoResults, columns.length, selectedConfluenceSiteUrl, urlBeingEdited, hasConfluenceSearchParams, formatMessage, reset, selectedConfluenceSite]);
   var renderInlineLinkModalContent = (0, _react.useCallback)(function () {
     if (status === 'unauthorized') {
       return /*#__PURE__*/_react.default.createElement(_accessRequired.AccessRequired, {

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

@@ -50,5 +50,10 @@ var confluenceSearchModalMessages = exports.confluenceSearchModalMessages = (0,
     id: 'linkDataSource.confluence-search.configmodal.placeholder.issues',
     description: 'Placeholder text that will be placed next to a count of confluence search results',
     defaultMessage: '### Results'
+  },
+  checkConnectionWithSource: {
+    id: 'linkDataSource.confluence-search.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 project in Confluence</a> to review.'
   }
 });

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

@@ -12,6 +12,7 @@ var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/sli
 var _react = _interopRequireWildcard(require("react"));
 var _reactIntlNext = require("react-intl-next");
 var _intlMessagesProvider = require("@atlaskit/intl-messages-provider");
+var _link = _interopRequireDefault(require("@atlaskit/link"));
 var _modalDialog = require("@atlaskit/modal-dialog");
 var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 var _analytics = require("../../../analytics");
@@ -279,12 +280,33 @@ var PlainJiraIssuesConfigModal = function PlainJiraIssuesConfigModal(props) {
   var renderIssuesModeContent = (0, _react.useCallback)(function () {
     var selectedJiraSiteUrl = selectedJiraSite === null || selectedJiraSite === void 0 ? void 0 : selectedJiraSite.url;
     var getDescriptionMessage = function getDescriptionMessage() {
+      if (currentSearchMethod === 'basic' && (0, _platformFeatureFlags.fg)('platform-linking-visual-refresh-sllv')) {
+        return _messages2.initialStateViewMessages.searchDescriptionForBasicSearchVisualRefreshSllv;
+      }
       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) {
+      if ((0, _platformFeatureFlags.fg)('platform-linking-visual-refresh-sllv')) {
+        return /*#__PURE__*/_react.default.createElement(_modalLoadingError.ModalLoadingError, {
+          errorMessage: jqlUrl ? /*#__PURE__*/_react.default.createElement(_reactIntlNext.FormattedMessage, (0, _extends2.default)({}, _messages3.modalMessages.checkConnectionWithSourceVisualRefreshSllv, {
+            values: {
+              a: function a(urlText) {
+                return /*#__PURE__*/_react.default.createElement(_link.default, {
+                  href: jqlUrl
+                }, urlText);
+              }
+            }
+          })) : undefined,
+          onRefresh: function onRefresh() {
+            return reset({
+              shouldForceRequest: true
+            });
+          }
+        });
+      }
       return /*#__PURE__*/_react.default.createElement(_modalLoadingError.ModalLoadingError, {
         errorMessage: jqlUrl ? /*#__PURE__*/_react.default.createElement(_reactIntlNext.FormattedMessage, (0, _extends2.default)({}, _messages3.modalMessages.checkConnectionWithSource, {
           values: {
@@ -316,6 +338,9 @@ var PlainJiraIssuesConfigModal = function PlainJiraIssuesConfigModal(props) {
         title: (0, _platformFeatureFlags.fg)('confluence-issue-terminology-refresh') ? _messages3.modalMessages.searchJiraTitleIssueTermRefresh : _messages3.modalMessages.searchJiraTitle,
         description: getDescriptionMessage(),
         learnMoreLink: currentSearchMethod === 'jql' ? {
+          href: jqlSupportDocumentLink,
+          text: _messages2.initialStateViewMessages.learnMoreLinkOld
+        } : (0, _platformFeatureFlags.fg)('platform-linking-visual-refresh-sllv') ? {
           href: jqlSupportDocumentLink,
           text: _messages2.initialStateViewMessages.learnMoreLink
         } : undefined
@@ -326,7 +351,7 @@ var PlainJiraIssuesConfigModal = function PlainJiraIssuesConfigModal(props) {
     }, /*#__PURE__*/_react.default.createElement(_datasourcesTableInModalPreview.default, {
       testId: "jira-datasource-table"
     }));
-  }, [columns.length, currentSearchMethod, formatMessage, 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, reset]);
   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;
@@ -398,7 +423,7 @@ var PlainJiraIssuesConfigModal = function PlainJiraIssuesConfigModal(props) {
     testId: "jira-datasource-modal--insert-button",
     url: urlToInsert,
     getAnalyticsPayload: getInsertButtonAnalyticsPayload
-  }, (0, _platformFeatureFlags.fg)('confluence-issue-terminology-refresh') ? /*#__PURE__*/_react.default.createElement(_reactIntlNext.FormattedMessage, _messages3.modalMessages.insertIssuesButtonTextIssueTermRefresh) : /*#__PURE__*/_react.default.createElement(_reactIntlNext.FormattedMessage, _messages3.modalMessages.insertIssuesButtonText))))));
+  }, (0, _platformFeatureFlags.fg)('platform-linking-visual-refresh-sllv') ? /*#__PURE__*/_react.default.createElement(_reactIntlNext.FormattedMessage, _messages3.modalMessages.insertIssuesButtonTextIssueTermSllv) : (0, _platformFeatureFlags.fg)('confluence-issue-terminology-refresh') ? /*#__PURE__*/_react.default.createElement(_reactIntlNext.FormattedMessage, _messages3.modalMessages.insertIssuesButtonTextIssueTermRefresh) : /*#__PURE__*/_react.default.createElement(_reactIntlNext.FormattedMessage, _messages3.modalMessages.insertIssuesButtonText))))));
 };
 var ConnectedJiraIssueConfigModal = (0, _createDatasourceModal.createDatasourceModal)({
   isValidParameters: isValidParameters,

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

@@ -97,11 +97,21 @@ var modalMessages = exports.modalMessages = (0, _reactIntlNext.defineMessages)({
     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.'
   },
+  checkConnectionWithSourceVisualRefreshSllv: {
+    id: 'linkDataSource.jira-issues.checkConnectionWithSource.visual-refresh-sllv',
+    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 project in Jira</a> to review.'
+  },
   insertIssuesButtonTextIssueTermRefresh: {
     id: 'linkDataSource.jira-issues.configmodal.insertIssuesButtonText-issue-term-refresh',
     description: 'Button text to insert the displayed content',
     defaultMessage: 'Insert work items'
   },
+  insertIssuesButtonTextIssueTermSllv: {
+    id: 'linkDataSource.jira-issues.configmodal.insertIssuesButtonText-issue-term-sllv',
+    description: 'Button text to insert the displayed content',
+    defaultMessage: 'Insert results'
+  },
   insertIssuesTitleIssueTermRefresh: {
     id: 'linkDataSource.jira-issues.configmodal.insertIssuesTitle-issue-term-refresh',
     description: 'Title for the Jira Issues Datasource config modal',

package/dist/es2019/ui/assets-modal/modal/render-assets-content/initial-state-view/index.compiled.css

@@ -1,8 +1,18 @@
+._11c8lodh{font:var(--ds-font-heading-medium,normal 500 20px/24px ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Ubuntu,"Helvetica Neue",sans-serif)}
 ._11c8nbxd{font:var(--ds-font-heading-small,normal 600 1pc/20px ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Ubuntu,"Helvetica Neue",sans-serif)}
+._19bvoahv{padding-left:var(--ds-space-600,3pc)}
 ._1bah1h6o{justify-content:center}
 ._1e0c1txw{display:flex}
 ._1wpz1h6o{align-self:center}
 ._4t3i1osq{height:100%}
+._ca0q1ejb{padding-top:var(--ds-space-300,24px)}
+._ca0qoahv{padding-top:var(--ds-space-600,3pc)}
 ._ca0qpxbi{padding-top:var(--ds-space-200,1pc)}
+._n3tdoahv{padding-bottom:var(--ds-space-600,3pc)}
+._n3tdpxbi{padding-bottom:var(--ds-space-200,1pc)}
 ._n3tdu2gc{padding-bottom:var(--ds-space-100,8px)}
+._p12f1kdj{max-width:25pc}
+._syaz1fxt{color:var(--ds-text,#172b4d)}
+._syaz1gjq{color:var(--ds-text-subtle,#44546f)}
+._u5f3oahv{padding-right:var(--ds-space-600,3pc)}
 ._y3gn1h6o{text-align:center}

package/dist/es2019/ui/assets-modal/modal/render-assets-content/initial-state-view/index.js

@@ -3,14 +3,18 @@ import "./index.compiled.css";
 import * as React from 'react';
 import { ax, ix } from "@compiled/react/runtime";
 import { useIntl } from 'react-intl-next';
+import Link from '@atlaskit/link';
 import { fg } from '@atlaskit/platform-feature-flags';
 import { fontFallback } from '@atlaskit/theme/typography';
 import { RichIconSearch } from '../../../../../common/ui/rich-icon/search';
 import { CrystalBallSVGOld } from './assets/crystal-ball-svg-old';
 import { initialStateViewMessages } from './messages';
 const initialStateViewContainerStyles = null;
+const svgAndTextsWrapperStylesOld = null;
 const svgAndTextsWrapperStyles = null;
+const searchTitleStylesOld = null;
 const searchTitleStyles = null;
+const mainTextStyles = null;
 const AQLSupportDocumentLink = 'https://support.atlassian.com/jira-service-management-cloud/docs/use-assets-query-language-aql/';
 export const InitialStateView = () => {
   const {
@@ -20,14 +24,18 @@ export const InitialStateView = () => {
     "data-testid": "assets-aql-datasource-modal--initial-state-view",
     className: ax(["_1e0c1txw _1bah1h6o _4t3i1osq"])
   }, /*#__PURE__*/React.createElement("div", {
-    className: ax(["_y3gn1h6o _1wpz1h6o"])
+    className: ax([fg('platform-linking-visual-refresh-sllv') ? "_y3gn1h6o _1wpz1h6o _ca0qoahv _n3tdoahv _19bvoahv _u5f3oahv _p12f1kdj" : "_y3gn1h6o _1wpz1h6o"])
   }, fg('bandicoots-update-sllv-icons') ? /*#__PURE__*/React.createElement(RichIconSearch, {
     size: "xlarge",
-    alt: formatMessage(initialStateViewMessages.searchTitle)
+    alt: formatMessage(fg('platform-linking-visual-refresh-sllv') ? initialStateViewMessages.searchTitle : initialStateViewMessages.searchTitleOld)
   }) : /*#__PURE__*/React.createElement(CrystalBallSVGOld, null), /*#__PURE__*/React.createElement("div", {
-    className: ax(["_11c8nbxd _ca0qpxbi _n3tdu2gc"])
-  }, formatMessage(initialStateViewMessages.searchTitle)), /*#__PURE__*/React.createElement("div", null, formatMessage(initialStateViewMessages.searchDescription)), /*#__PURE__*/React.createElement("a", {
+    className: ax([fg('platform-linking-visual-refresh-sllv') ? "_11c8lodh _syaz1fxt _ca0q1ejb _n3tdpxbi" : "_11c8nbxd _ca0qpxbi _n3tdu2gc"])
+  }, formatMessage(fg('platform-linking-visual-refresh-sllv') ? initialStateViewMessages.searchTitle : initialStateViewMessages.searchTitleOld)), /*#__PURE__*/React.createElement("div", {
+    className: ax([fg('platform-linking-visual-refresh-sllv') && "_syaz1gjq"])
+  }, formatMessage(initialStateViewMessages.searchDescription)), fg('platform-linking-visual-refresh-sllv') ? /*#__PURE__*/React.createElement(Link, {
+    href: AQLSupportDocumentLink
+  }, formatMessage(initialStateViewMessages.learnMoreLink)) : /*#__PURE__*/React.createElement("a", {
     href: AQLSupportDocumentLink,
     target: "_blank"
-  }, formatMessage(initialStateViewMessages.learnMoreLink))));
+  }, formatMessage(initialStateViewMessages.learnMoreLinkOld))));
 };

package/dist/es2019/ui/assets-modal/modal/render-assets-content/initial-state-view/messages.js

@@ -1,18 +1,28 @@
 import { defineMessages } from 'react-intl-next';
 export const initialStateViewMessages = defineMessages({
+  searchTitleOld: {
+    id: 'linkDataSource.assets.configModal.renderAssetsContent.initialStateView.searchTitleOld',
+    description: 'The initial search state title that gives the user some idea about how to get information',
+    defaultMessage: 'Search for objects'
+  },
   searchTitle: {
     id: 'linkDataSource.assets.configModal.renderAssetsContent.initialStateView.searchTitle',
     description: 'The initial search state title that gives the user some idea about how to get information',
-    defaultMessage: 'Search for objects'
+    defaultMessage: 'Search for objects or object types'
   },
   searchDescription: {
     id: 'linkDataSource.assets.configModal.renderAssetsContent.initialStateView.searchDescription',
     description: 'The initial search state helper message displays under the search title',
     defaultMessage: 'Start typing or use AQL to search.'
   },
+  learnMoreLinkOld: {
+    id: 'linkDataSource.assets.configModal.renderAssetsContent.initialStateView.learnMoreLinkOld',
+    description: 'The link that displays under the search description to help people know more about AQL',
+    defaultMessage: 'Learn more about searching with AQL.'
+  },
   learnMoreLink: {
     id: 'linkDataSource.assets.configModal.renderAssetsContent.initialStateView.learnMoreLink',
     description: 'The link that displays under the search description to help people know more about AQL',
-    defaultMessage: 'Learn more about searching with AQL.'
+    defaultMessage: 'Find out more about searching with AQL'
   }
 });

package/dist/es2019/ui/common/error-state/access-required.compiled.css

@@ -1,6 +1,9 @@
 ._11c82smr{font:var(--ds-font-body,normal 400 14px/20px ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Ubuntu,"Helvetica Neue",sans-serif)}
+._11c8lodh{font:var(--ds-font-heading-medium,normal 500 20px/24px ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Ubuntu,"Helvetica Neue",sans-serif)}
 ._zulppxbi{gap:var(--ds-space-200,1pc)}
+._19pkmgjw{margin-top:var(--ds-space-negative-200,-1pc)}
 ._1e0c1txw{display:flex}
 ._2lx21bp4{flex-direction:column}
 ._otyrpxbi{margin-bottom:var(--ds-space-200,1pc)}
+._syaz1fxt{color:var(--ds-text,#172b4d)}
 ._syaznoz8{color:var(--ds-text-subtlest,#505f79)}

package/dist/es2019/ui/common/error-state/access-required.js

@@ -16,7 +16,8 @@ import { loadingErrorMessages } from './messages';
 const styles = {
   iconContainerStyles: "_otyrpxbi",
   descriptionMessageStyles: "_zulppxbi _1e0c1txw _2lx21bp4",
-  urlStyles: "_11c82smr _syaznoz8"
+  urlStylesOld: "_11c82smr _syaznoz8",
+  urlStyles: "_11c8lodh _syaz1fxt _19pkmgjw"
 };
 const Description = ({
   message,
@@ -25,7 +26,7 @@ const Description = ({
   return /*#__PURE__*/React.createElement("div", {
     className: ax([styles.descriptionMessageStyles])
   }, /*#__PURE__*/React.createElement("span", {
-    className: ax([styles.urlStyles])
+    className: ax([fg('platform-linking-visual-refresh-sllv') ? styles.urlStyles : styles.urlStylesOld])
   }, url), /*#__PURE__*/React.createElement("span", null, message));
 };
 const noop = () => '';
@@ -61,7 +62,8 @@ export const AccessRequired = ({
   if (url) {
     return /*#__PURE__*/React.createElement(EmptyState, {
       testId: "datasource--access-required-with-url",
-      header: formatMessage(loadingErrorMessages.accessRequiredWithSite),
+      header: formatMessage(fg('platform-linking-visual-refresh-sllv') ? loadingErrorMessages.accessRequiredWithSite : loadingErrorMessages.accessRequiredWithSiteOld),
+      headingLevel: fg('platform-linking-visual-refresh-sllv') ? 2 : undefined,
       description: /*#__PURE__*/React.createElement(Description, {
         message: formatMessage(loadingErrorMessages.accessInstructions),
         url: url

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

@@ -28,10 +28,15 @@ export const loadingErrorMessages = defineMessages({
     defaultMessage: "You don't have access to the following site:"
   },
   //delete and remove duplicate from title above
+  accessRequiredWithSiteOld: {
+    id: 'linkDataSource.jira-issues.accessRequiredWithSiteOld',
+    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:"
+  },
   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:"
+    defaultMessage: "You don't have access to"
   },
   checkConnectionDuplicate: {
     id: 'linkDataSource.checkConnection',
@@ -60,10 +65,20 @@ export const loadingErrorMessages = defineMessages({
     defaultMessage: 'No results found'
   },
   //delete and remove duplicate from title above
+  noResultsFoundOld: {
+    id: 'linkDataSource.jira-issues.noResultsFoundOld',
+    description: 'Status message letting the user know their query did not have any results',
+    defaultMessage: 'No results found'
+  },
   noResultsFound: {
     id: 'linkDataSource.jira-issues.noResultsFound',
     description: 'Status message letting the user know their query did not have any results',
-    defaultMessage: 'No results found'
+    defaultMessage: "We couldn't find anything matching your search"
+  },
+  noResultsFoundDescription: {
+    id: 'linkDataSource.jira-issues.noResultsFound.description',
+    description: 'Status message letting the user know their query did not have any results',
+    defaultMessage: 'Try again with a different term.'
   },
   refreshDuplicate: {
     id: 'linkDataSource.refresh',
@@ -93,10 +108,15 @@ export const loadingErrorMessages = defineMessages({
     defaultMessage: 'Unable to load results'
   },
   //delete and remove duplicate from title above
+  unableToLoadResultsOld: {
+    id: 'linkDataSource.jira-issues.unableToLoadResultsOld',
+    description: 'Error state message letting the user know we were unable the load the requested list of results',
+    defaultMessage: 'Unable to load results'
+  },
   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'
+    defaultMessage: 'We ran into an issue trying to fetch results'
   },
   unableToLoadResultsVisualRefreshSllv: {
     id: 'linkDataSource.jira-issues.unableToLoadResults.visual-refresh-sllv',

package/dist/es2019/ui/common/error-state/modal-loading-error.compiled.css

@@ -1,7 +1,14 @@
 
 ._zulp1ejb{gap:var(--ds-space-300,24px)}
+._zulppxbi{gap:var(--ds-space-200,1pc)}
 ._zulpu2gc{gap:var(--ds-space-100,8px)}._10fp1h6o{justify-self:center}
+._19bvoahv{padding-left:var(--ds-space-600,3pc)}
 ._1e0c11p5{display:grid}
 ._1wpz1h6o{align-self:center}
 ._4cvr1h6o{align-items:center}
-._6a6z1h6o{justify-items:center}
+._6a6z1h6o{justify-items:center}
+._ca0qoahv{padding-top:var(--ds-space-600,3pc)}
+._n3tdoahv{padding-bottom:var(--ds-space-600,3pc)}
+._p12f1kdj{max-width:25pc}
+._u5f3oahv{padding-right:var(--ds-space-600,3pc)}
+._y3gn1h6o{text-align:center}

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

@@ -3,7 +3,9 @@ import "./modal-loading-error.compiled.css";
 import * as React from 'react';
 import { ax, ix } from "@compiled/react/runtime";
 import { useEffect } from 'react';
+import { cx } from '@compiled/react';
 import { FormattedMessage } from 'react-intl-next';
+import Button from '@atlaskit/button/new';
 import { fg } from '@atlaskit/platform-feature-flags';
 import { Box, Text } from '@atlaskit/primitives/compiled';
 import { useDatasourceAnalyticsEvents } from '../../../analytics';
@@ -12,10 +14,13 @@ import { LoadingErrorSVGOld } from './loading-error-svg-old';
 import { loadingErrorMessages } from './messages';
 const styles = {
   errorContainerStyles: "_zulp1ejb _4cvr1h6o _6a6z1h6o _1wpz1h6o _10fp1h6o _1e0c11p5",
-  errorMessageContainerStyles: "_zulpu2gc _4cvr1h6o _6a6z1h6o _1e0c11p5"
+  errorContainerStylesNew: "_zulp1ejb _4cvr1h6o _6a6z1h6o _1wpz1h6o _10fp1h6o _1e0c11p5 _ca0qoahv _u5f3oahv _n3tdoahv _19bvoahv _p12f1kdj",
+  errorMessageContainerStylesOld: "_zulpu2gc _4cvr1h6o _6a6z1h6o _1e0c11p5",
+  errorMessageContainerStyles: "_zulppxbi _4cvr1h6o _6a6z1h6o _1e0c11p5 _y3gn1h6o"
 };
 export const ModalLoadingError = ({
-  errorMessage = /*#__PURE__*/React.createElement(FormattedMessage, loadingErrorMessages.checkConnection)
+  errorMessage = /*#__PURE__*/React.createElement(FormattedMessage, loadingErrorMessages.checkConnection),
+  onRefresh
 }) => {
   const {
     fireEvent
@@ -26,16 +31,27 @@ export const ModalLoadingError = ({
     });
   }, [fireEvent]);
   return /*#__PURE__*/React.createElement(Box, {
-    xcss: styles.errorContainerStyles,
+    xcss: cx(fg('platform-linking-visual-refresh-sllv') ? styles.errorContainerStylesNew : styles.errorContainerStyles),
     testId: "datasource-modal--loading-error"
   }, fg('bandicoots-update-sllv-icons') ? /*#__PURE__*/React.createElement(SpotErrorSearch, {
     size: 'xlarge',
     alt: ""
   }) : /*#__PURE__*/React.createElement(LoadingErrorSVGOld, null), /*#__PURE__*/React.createElement(Box, {
-    xcss: styles.errorMessageContainerStyles
-  }, /*#__PURE__*/React.createElement(Text, {
+    xcss: cx(fg('platform-linking-visual-refresh-sllv') ? styles.errorMessageContainerStyles : styles.errorMessageContainerStylesOld)
+  }, fg('platform-linking-visual-refresh-sllv') ? /*#__PURE__*/React.createElement(Text, {
+    as: "span",
+    size: "large",
+    weight: "bold"
+  }, /*#__PURE__*/React.createElement(FormattedMessage, loadingErrorMessages.unableToLoadResults)) : /*#__PURE__*/React.createElement(Text, {
     size: "small"
-  }, /*#__PURE__*/React.createElement(FormattedMessage, loadingErrorMessages.unableToLoadResults)), /*#__PURE__*/React.createElement(Text, {
+  }, /*#__PURE__*/React.createElement(FormattedMessage, loadingErrorMessages.unableToLoadResultsOld)), fg('platform-linking-visual-refresh-sllv') ? /*#__PURE__*/React.createElement(Text, {
+    as: "span",
+    size: "medium"
+  }, errorMessage) : /*#__PURE__*/React.createElement(Text, {
     as: "p"
-  }, errorMessage)));
+  }, errorMessage), onRefresh && fg('platform-linking-visual-refresh-sllv') && /*#__PURE__*/React.createElement(Button, {
+    appearance: "primary",
+    onClick: onRefresh,
+    testId: "datasource-modal--loading-error-refresh"
+  }, /*#__PURE__*/React.createElement(FormattedMessage, loadingErrorMessages.refresh))));
 };

package/dist/es2019/ui/common/error-state/no-results.compiled.css

@@ -1,10 +1,17 @@
 
 ._zulp1ejb{gap:var(--ds-space-300,24px)}
+._zulppxbi{gap:var(--ds-space-200,1pc)}
 ._zulpu2gc{gap:var(--ds-space-100,8px)}._10fp1h6o{justify-self:center}
 ._18u01jfw{margin-left:var(--ds-space-500,40px)}
+._18u0oahv{margin-left:var(--ds-space-600,3pc)}
 ._19pk1jfw{margin-top:var(--ds-space-500,40px)}
+._19pkoahv{margin-top:var(--ds-space-600,3pc)}
 ._1wpz1h6o{align-self:center}
 ._2hwx1jfw{margin-right:var(--ds-space-500,40px)}
+._2hwxoahv{margin-right:var(--ds-space-600,3pc)}
 ._4cvr1h6o{align-items:center}
 ._6a6z1h6o{justify-items:center}
-._otyr1jfw{margin-bottom:var(--ds-space-500,40px)}
+._otyr1jfw{margin-bottom:var(--ds-space-500,40px)}
+._otyroahv{margin-bottom:var(--ds-space-600,3pc)}
+._p12fko4j{max-width:19pc}
+._y3gn1h6o{text-align:center}