@atlaskit/link-datasource 4.4.0 → 4.6.1

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

@@ -12,7 +12,9 @@ var _runtime = require("@compiled/react/runtime");
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
 var _react = _interopRequireWildcard(require("react"));
+var _reactIntlNext = require("react-intl-next");
 var _useDebounce = require("use-debounce");
+var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 var _compiled = require("@atlaskit/primitives/compiled");
 var _basicSearchInput = require("../../common/modal/basic-search-input");
 var _constants = require("../../common/modal/popup-select/constants");
@@ -25,6 +27,7 @@ function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e;
 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; }
 var styles = {
+  basicSearchInputBoxStyles: "_1bsb1osq",
   basicSearchInputContainerStyles: "_16jlkb7n"
 };
 var ConfluenceSearchContainer = function ConfluenceSearchContainer(_ref) {
@@ -65,6 +68,8 @@ var ConfluenceSearchContainer = function ConfluenceSearchContainer(_ref) {
     _useState6 = (0, _slicedToArray2.default)(_useState5, 2),
     filterSelections = _useState6[0],
     setFilterSelections = _useState6[1];
+  var _useIntl = (0, _reactIntlNext.useIntl)(),
+    formatMessage = _useIntl.formatMessage;
   var handleSearchChange = (0, _react.useCallback)(function (e) {
     var rawSearch = e.currentTarget.value;
     setSearchBarSearchString(rawSearch);
@@ -109,7 +114,9 @@ var ConfluenceSearchContainer = function ConfluenceSearchContainer(_ref) {
       });
     }
   }, [users, status, filterSelections.lastModified]);
-  return /*#__PURE__*/_react.default.createElement(_compiled.Flex, {
+  return /*#__PURE__*/_react.default.createElement(_compiled.Box, {
+    xcss: styles.basicSearchInputBoxStyles
+  }, /*#__PURE__*/_react.default.createElement(_compiled.Flex, {
     alignItems: "center",
     xcss: styles.basicSearchInputContainerStyles
   }, /*#__PURE__*/_react.default.createElement(_basicSearchInput.BasicSearchInput, {
@@ -119,12 +126,17 @@ var ConfluenceSearchContainer = function ConfluenceSearchContainer(_ref) {
     onSearch: onSearch,
     searchTerm: searchBarSearchString,
     placeholder: _messages.searchMessages.searchLabel,
+    ariaLabel: _messages.searchMessages.searchLabel,
     fullWidth: false
   }), /*#__PURE__*/_react.default.createElement(_basicFilters.default, {
     cloudId: cloudId,
     selections: filterSelections,
     onChange: handleBasicFilterSelectionChange,
     isHydrating: status === 'loading'
-  }));
+  })), (0, _platformFeatureFlags.fg)('platform-linking-visual-refresh-sllv') && /*#__PURE__*/_react.default.createElement(_compiled.Text, {
+    size: "small",
+    color: "color.text.subtlest",
+    testId: "confluence-search-placeholder"
+  }, formatMessage(_messages.searchMessages.searchLabel)));
 };
 var _default = exports.default = ConfluenceSearchContainer;

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/basic-filters/ui/async-popup-select/index.js

@@ -13,6 +13,7 @@ var _react = _interopRequireWildcard(require("react"));
 var _isEqual = _interopRequireDefault(require("lodash/isEqual"));
 var _reactIntlNext = require("react-intl-next");
 var _useDebounce = require("use-debounce");
+var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 var _popupSelect = require("../../../../common/modal/popup-select");
 var _constants = require("../../../../common/modal/popup-select/constants");
 var _useFilterOptions2 = require("../../hooks/useFilterOptions");
@@ -117,7 +118,7 @@ var AsyncPopupSelect = function AsyncPopupSelect(_ref) {
   var filterName = "jlol-basic-filter-".concat(filterType);
   var shouldShowFooter = (status === 'resolved' || isLoadingMore) && filterOptionsLength > 0; // footer should not disappear when there is an inline spinner for loading more data
   var shouldDisplayShowMoreButton = status === 'resolved' && !!pageCursor && !areAllResultsLoaded;
-  var triggerButtonLabel = formatMessage(_messages.asyncPopupSelectMessages["".concat(filterType, "Label")]);
+  var triggerButtonLabel = formatMessage(!(0, _platformFeatureFlags.fg)('platform-linking-visual-refresh-sllv') && filterType === 'type' ? _messages.asyncPopupSelectMessages.typeLabelOld : _messages.asyncPopupSelectMessages["".concat(filterType, "Label")]);
   return /*#__PURE__*/_react.default.createElement(_popupSelect.FilterPopupSelect, {
     filterName: filterName,
     status: status,
@@ -129,6 +130,7 @@ var AsyncPopupSelect = function AsyncPopupSelect(_ref) {
     selectedOptions: selectedOptions,
     options: popupSelectOptions,
     buttonLabel: triggerButtonLabel,
+    searchPlaceholder: (0, _platformFeatureFlags.fg)('platform-linking-visual-refresh-sllv') ? formatMessage(_messages.asyncPopupSelectMessages["".concat(filterType, "SearchPlaceholder")]) : undefined,
     onInputChange: handleInputChange,
     onSelectionChange: handleOptionSelection,
     onMenuOpen: handleMenuOpen,

package/dist/cjs/ui/jira-issues-modal/basic-filters/ui/async-popup-select/messages.js

@@ -19,11 +19,36 @@ var asyncPopupSelectMessages = exports.asyncPopupSelectMessages = (0, _reactIntl
   typeLabel: {
     id: 'linkDataSource.basic-filter.type.label',
     description: 'Label to be displayed for type filter dropdown button.',
+    defaultMessage: 'Work type'
+  },
+  typeLabelOld: {
+    id: 'linkDataSource.basic-filter.type.labelOld',
+    description: 'Label to be displayed for type filter dropdown button.',
     defaultMessage: 'Type'
   },
   assigneeLabel: {
     id: 'linkDataSource.basic-filter.assignee.label',
     description: 'Label to be displayed for assignee filter dropdown button.',
     defaultMessage: 'Assignee'
+  },
+  projectSearchPlaceholder: {
+    id: 'linkDataSource.basic-filter.project.searchPlaceholder',
+    description: 'Placeholder to be displayed for project filter dropdown search input.',
+    defaultMessage: 'Search for projects'
+  },
+  statusSearchPlaceholder: {
+    id: 'linkDataSource.basic-filter.status.searchPlaceholder',
+    description: 'Placeholder to be displayed for status filter dropdown search input.',
+    defaultMessage: 'Search for status'
+  },
+  typeSearchPlaceholder: {
+    id: 'linkDataSource.basic-filter.type.searchPlaceholder',
+    description: 'Placeholder to be displayed for work type filter dropdown search input.',
+    defaultMessage: 'Search for work type'
+  },
+  assigneeSearchPlaceholder: {
+    id: 'linkDataSource.basic-filter.assignee.searchPlaceholder',
+    description: 'Placeholder to be displayed for assignee filter dropdown search input.',
+    defaultMessage: 'Search for assignee'
   }
 });

package/dist/cjs/ui/jira-issues-modal/jira-search-container/index.compiled.css

@@ -1,4 +1,7 @@
 ._16jlkb7n{flex-grow:1}
+._19pk1b66{margin-top:var(--ds-space-050,4px)}
+._1bsb1osq{width:100%}
 ._1e0c1txw{display:flex}
 ._1tket9kd{min-height:72px}
-._4cvr1q9y{align-items:baseline}
+._4cvr1q9y{align-items:baseline}
+._4cvr1y6m{align-items:flex-start}

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

@@ -15,6 +15,7 @@ var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/sli
 var _react = _interopRequireWildcard(require("react"));
 var _reactIntlNext = require("react-intl-next");
 var _useDebounce = require("use-debounce");
+var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 var _compiled = require("@atlaskit/primitives/compiled");
 var _analytics = require("../../../analytics");
 var _basicSearchInput = require("../../common/modal/basic-search-input");
@@ -33,8 +34,11 @@ function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e;
 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; }
 var styles = {
+  basicSearchInputBoxStyles: "_1bsb1osq",
   basicSearchInputContainerStyles: "_16jlkb7n",
-  inputContainerStyles: "_4cvr1q9y _1e0c1txw _1tket9kd"
+  inputContainerStylesOld: "_4cvr1q9y _1e0c1txw _1tket9kd",
+  inputContainerStyles: "_4cvr1y6m _1e0c1txw _1tket9kd",
+  modeSwitcherContainerStyles: "_19pk1b66"
 };
 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'];
@@ -206,9 +210,51 @@ var JiraSearchContainer = exports.JiraSearchContainer = function JiraSearchConta
       setCloudId(currentCloudId);
     }
   }, [currentCloudId, cloudId, setSearchBarJql]);
+  if ((0, _platformFeatureFlags.fg)('platform-linking-visual-refresh-sllv')) {
+    return /*#__PURE__*/_react.default.createElement("div", {
+      "data-testid": "jira-search-container",
+      className: (0, _runtime.ax)([styles.inputContainerStyles])
+    }, currentSearchMethod === 'basic' && /*#__PURE__*/_react.default.createElement(_compiled.Box, {
+      xcss: styles.basicSearchInputBoxStyles
+    }, /*#__PURE__*/_react.default.createElement(_compiled.Flex, {
+      alignItems: "center",
+      xcss: styles.basicSearchInputContainerStyles
+    }, /*#__PURE__*/_react.default.createElement(_basicSearchInput.BasicSearchInput, {
+      isSearching: isSearching,
+      onChange: handleBasicSearchChange,
+      onSearch: handleSearch,
+      searchTerm: basicSearchTerm,
+      placeholder: _messages.basicSearchInputMessages.basicTextSearchLabel,
+      ariaLabel: _messages.basicSearchInputMessages.basicTextSearchLabel,
+      testId: "jira-datasource-modal",
+      fullWidth: false
+    }), /*#__PURE__*/_react.default.createElement(_basicFilters.BasicFilters, {
+      jql: searchBarJql,
+      site: site,
+      onChange: handleBasicFilterSelectionChange,
+      selections: filterSelections,
+      isJQLHydrating: basicFilterHydrationStatus === 'loading'
+    })), currentSearchMethod === 'basic' && /*#__PURE__*/_react.default.createElement(_compiled.Text, {
+      size: "small",
+      color: "color.text.subtlest",
+      testId: "jira-search-placeholder"
+    }, formatMessage(_messages.basicSearchInputMessages.basicTextSearchLabel))), currentSearchMethod === 'jql' && /*#__PURE__*/_react.default.createElement(_jqlEditor.JiraJQLEditor, {
+      cloudId: cloudId || '',
+      isSearching: isSearching,
+      onChange: onQueryChange,
+      onSearch: handleSearch,
+      query: searchBarJql
+    }), /*#__PURE__*/_react.default.createElement(_compiled.Box, {
+      xcss: styles.modeSwitcherContainerStyles
+    }, /*#__PURE__*/_react.default.createElement(_modeSwitcher.ModeSwitcher, {
+      onOptionValueChange: onSearchMethodChange,
+      selectedOptionValue: currentSearchMethod,
+      options: modeSwitcherOptions
+    })));
+  }
   return /*#__PURE__*/_react.default.createElement("div", {
     "data-testid": "jira-search-container",
-    className: (0, _runtime.ax)([styles.inputContainerStyles])
+    className: (0, _runtime.ax)([styles.inputContainerStylesOld])
   }, currentSearchMethod === 'basic' && /*#__PURE__*/_react.default.createElement(_compiled.Flex, {
     alignItems: "center",
     xcss: styles.basicSearchInputContainerStyles
@@ -218,6 +264,7 @@ var JiraSearchContainer = exports.JiraSearchContainer = function JiraSearchConta
     onSearch: handleSearch,
     searchTerm: basicSearchTerm,
     placeholder: _messages.basicSearchInputMessages.basicTextSearchLabel,
+    ariaLabel: _messages.basicSearchInputMessages.basicTextSearchLabel,
     testId: "jira-datasource-modal",
     fullWidth: false
   }), /*#__PURE__*/_react.default.createElement(_basicFilters.BasicFilters, {

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/common/ui/spot/error-state/error/assets/dark.svg

@@ -1,5 +1,8 @@
-<svg width="275" height="275" viewBox="0 0 275 275" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path d="M55.99 215.63L56.08 215.81H218.91L219.01 215.63L137.5 64.9902L55.99 215.63Z" fill="#4B4D51"/>
-<path fill-rule="evenodd" clip-rule="evenodd" d="M134.115 173.95V118.94H141.445V173.95H134.115Z" fill="#101214"/>
-<path fill-rule="evenodd" clip-rule="evenodd" d="M136.432 183.039C136.965 182.943 137.474 182.915 137.91 182.915C138.371 182.915 138.828 182.947 139.287 183.018L139.304 183.02L139.321 183.023C142.228 183.498 144.648 185.521 145.234 188.753C145.337 189.301 145.365 189.827 145.365 190.26C145.365 190.596 145.348 190.974 145.295 191.375V191.436L145.237 191.758C144.659 194.981 142.245 197.029 139.321 197.507L139.304 197.51L139.287 197.512C138.828 197.583 138.371 197.615 137.91 197.615C137.471 197.615 136.958 197.586 136.42 197.489C133.551 196.992 131.143 194.987 130.557 191.769C130.455 191.23 130.425 190.726 130.425 190.27C130.425 189.819 130.454 189.299 130.559 188.749C131.152 185.581 133.51 183.531 136.432 183.039ZM137.755 190.251C137.755 190.257 137.755 190.263 137.755 190.27C137.755 190.273 137.755 190.276 137.755 190.279C137.758 190.28 137.762 190.28 137.766 190.28C137.8 190.283 137.848 190.285 137.91 190.285C137.957 190.285 137.998 190.284 138.035 190.282C138.035 190.275 138.035 190.268 138.035 190.26C138.035 190.256 138.035 190.252 138.035 190.248C137.998 190.246 137.957 190.245 137.91 190.245C137.848 190.245 137.8 190.247 137.766 190.25C137.762 190.25 137.758 190.251 137.755 190.251Z" fill="#101214"/>
+<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 275 275">
+	<path fill="#4B4D51" d="M191.87 88.67c-2.28-4.36-5.07-8.68-8.3-12.86-3.27-4.23-6.8-8.07-10.5-11.4-21.6-19.51-49.11-22.5-75.49-8.19a93.066 93.066 0 0 0-12.54 8.22 94.563 94.563 0 0 0-11.53 10.51c-20.39 22.01-24.43 49.35-11.09 75.03 2.3 4.42 5.12 8.81 8.39 13.04 3.23 4.18 6.72 7.96 10.37 11.26 12.5 11.29 27.05 17.01 42.25 17.01 10.9 0 22.13-2.94 33.18-8.88 4.46-2.4 8.86-5.26 13.07-8.52 4.06-3.14 7.79-6.53 11.11-10.07 20.52-21.96 24.56-49.35 11.08-75.14v-.01Zm-30.56 74.37c-3.61 2.79-7.37 5.25-11.17 7.29-21.38 11.48-42.6 9.27-59.76-6.23-3.05-2.76-5.98-5.94-8.72-9.48-2.77-3.59-5.16-7.28-7.08-10.97-10.67-20.53-7.48-41.63 8.98-59.4 2.93-3.17 6.25-6.19 9.86-8.98 3.47-2.69 7.07-5.04 10.7-7.01 8.96-4.86 17.91-7.28 26.57-7.28 11.89 0 23.21 4.56 33.2 13.59 3.09 2.79 6.07 6.03 8.84 9.62 2.73 3.54 5.09 7.18 6.99 10.82 10.77 20.62 7.6 41.73-8.95 59.44-2.81 3.01-6 5.9-9.48 8.59h.02Z"/>
+	<path fill="#4B4D51" d="M179.96 171c-3.54-4.93-7.34-4.9-11.05-2.03-3.48 2.69-4.41 6.33-.7 11.12l4.24 5.48 11.75-9.09-4.24-5.48Z"/>
+	<path fill="#4B4D51" d="m187.155 174.199-17.642 13.64 33.152 42.878 17.642-13.64-33.152-42.878Z"/>
+	<path fill="#7E8188" d="m184.32 176.391-11.97 9.255 11.243 14.54 11.969-9.254-11.242-14.541Z"/>
+	<path fill="#4B4D51" fill-rule="evenodd" d="m157.715 95.826-53.98 53.979-7.07-7.071 53.979-53.98 7.071 7.072Z" clip-rule="evenodd"/>
+	<path fill="#4B4D51" fill-rule="evenodd" d="m150.644 149.805-53.98-53.98 7.071-7.07 53.98 53.979-7.071 7.071Z" clip-rule="evenodd"/>
 </svg>

package/dist/es2019/common/ui/spot/error-state/error/assets/light.svg

@@ -1,5 +1,8 @@
-<svg width="275" height="275" viewBox="0 0 275 275" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path d="M55.99 215.63L56.08 215.81H218.91L219.01 215.63L137.5 64.9902L55.99 215.63Z" fill="#DDDEE1"/>
-<path fill-rule="evenodd" clip-rule="evenodd" d="M134.115 173.95V118.94H141.445V173.95H134.115Z" fill="white"/>
-<path fill-rule="evenodd" clip-rule="evenodd" d="M136.432 183.039C136.965 182.943 137.474 182.915 137.91 182.915C138.371 182.915 138.828 182.947 139.287 183.018L139.304 183.02L139.321 183.023C142.228 183.498 144.648 185.521 145.234 188.753C145.337 189.301 145.365 189.827 145.365 190.26C145.365 190.596 145.348 190.974 145.295 191.375V191.436L145.237 191.758C144.659 194.981 142.245 197.029 139.321 197.507L139.304 197.51L139.287 197.512C138.828 197.583 138.371 197.615 137.91 197.615C137.471 197.615 136.958 197.586 136.42 197.489C133.551 196.992 131.143 194.987 130.556 191.769C130.455 191.23 130.425 190.726 130.425 190.27C130.425 189.819 130.454 189.299 130.559 188.749C131.152 185.581 133.51 183.531 136.432 183.039ZM137.755 190.251C137.755 190.257 137.755 190.263 137.755 190.27C137.755 190.273 137.755 190.276 137.755 190.279C137.758 190.28 137.762 190.28 137.766 190.28C137.8 190.283 137.848 190.285 137.91 190.285C137.957 190.285 137.998 190.284 138.035 190.282C138.035 190.275 138.035 190.268 138.035 190.26C138.035 190.256 138.035 190.252 138.035 190.248C137.998 190.246 137.957 190.245 137.91 190.245C137.848 190.245 137.8 190.247 137.766 190.25C137.762 190.25 137.758 190.251 137.755 190.251Z" fill="white"/>
+<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 275 275">
+	<path fill="#fff" d="M185.8 91.84c-2.07-3.97-4.61-7.92-7.64-11.84-3.07-3.97-6.31-7.47-9.67-10.51-20.01-18.08-44.6-19.74-67.63-7.25-3.93 2.13-7.81 4.67-11.62 7.61-3.97 3.07-7.54 6.33-10.7 9.74C60.71 98.83 56.14 123 68.5 146.8c2.09 4.02 4.66 8.03 7.73 12.01 3.03 3.92 6.22 7.37 9.54 10.37 19.88 17.95 44.45 19.62 67.59 7.18 4.1-2.2 8.15-4.83 12.12-7.9 3.81-2.94 7.24-6.07 10.29-9.33 17.91-19.17 22.48-43.43 10.01-67.29h.02Z"/>
+	<path fill="#DDDEE1" d="M123.44 191.28c-15.2 0-29.74-5.72-42.25-17.01-3.65-3.3-7.14-7.09-10.37-11.26-3.27-4.23-6.1-8.62-8.39-13.04-13.34-25.67-9.3-53.02 11.09-75.03 3.45-3.72 7.33-7.26 11.53-10.51 4.05-3.13 8.27-5.9 12.54-8.22 26.38-14.31 53.9-11.32 75.49 8.19 3.69 3.34 7.22 7.17 10.5 11.4 3.23 4.17 6.02 8.5 8.3 12.86 13.48 25.79 9.44 53.18-11.08 75.14-3.31 3.55-7.05 6.94-11.11 10.07-4.21 3.25-8.61 6.12-13.07 8.52-11.05 5.94-22.29 8.88-33.18 8.88v.01Zm7.25-130.3c-8.65 0-17.61 2.41-26.57 7.28-3.62 1.97-7.22 4.33-10.7 7.01-3.61 2.79-6.93 5.81-9.86 8.98-16.46 17.77-19.65 38.86-8.98 59.4 1.92 3.69 4.3 7.39 7.08 10.97 2.73 3.53 5.66 6.72 8.72 9.48 17.16 15.5 38.38 17.71 59.76 6.23 3.8-2.04 7.56-4.49 11.17-7.29 3.48-2.69 6.66-5.58 9.48-8.59 16.55-17.71 19.72-38.82 8.95-59.44-1.9-3.64-4.26-7.29-6.99-10.82-2.78-3.59-5.75-6.83-8.84-9.62-10-9.03-21.32-13.59-33.2-13.59h-.02Z"/><path fill="#DDDEE1" d="M179.96 171c-3.54-4.93-7.34-4.9-11.05-2.03-3.48 2.69-4.41 6.33-.7 11.12l4.24 5.48 11.75-9.09-4.24-5.48Z"/>
+	<path fill="#DDDEE1" d="m187.155 174.199-17.642 13.64 33.152 42.878 17.642-13.64-33.152-42.878Z"/>
+	<path fill="#B7B9BE" d="m184.32 176.391-11.97 9.255 11.243 14.54 11.969-9.254-11.242-14.541Z"/>
+	<path fill="#DDDEE1" fill-rule="evenodd" d="m157.715 95.826-53.98 53.979-7.07-7.071 53.979-53.98 7.071 7.072Z" clip-rule="evenodd"/>
+	<path fill="#DDDEE1" fill-rule="evenodd" d="m150.644 149.805-53.98-53.98 7.071-7.07 53.98 53.979-7.071 7.071Z" clip-rule="evenodd"/>
 </svg>

package/dist/es2019/common/ui/spot/error-state/error-old/assets/dark.svg

@@ -0,0 +1,5 @@
+<svg width="275" height="275" viewBox="0 0 275 275" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M55.99 215.63L56.08 215.81H218.91L219.01 215.63L137.5 64.9902L55.99 215.63Z" fill="#4B4D51"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M134.115 173.95V118.94H141.445V173.95H134.115Z" fill="#101214"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M136.432 183.039C136.965 182.943 137.474 182.915 137.91 182.915C138.371 182.915 138.828 182.947 139.287 183.018L139.304 183.02L139.321 183.023C142.228 183.498 144.648 185.521 145.234 188.753C145.337 189.301 145.365 189.827 145.365 190.26C145.365 190.596 145.348 190.974 145.295 191.375V191.436L145.237 191.758C144.659 194.981 142.245 197.029 139.321 197.507L139.304 197.51L139.287 197.512C138.828 197.583 138.371 197.615 137.91 197.615C137.471 197.615 136.958 197.586 136.42 197.489C133.551 196.992 131.143 194.987 130.557 191.769C130.455 191.23 130.425 190.726 130.425 190.27C130.425 189.819 130.454 189.299 130.559 188.749C131.152 185.581 133.51 183.531 136.432 183.039ZM137.755 190.251C137.755 190.257 137.755 190.263 137.755 190.27C137.755 190.273 137.755 190.276 137.755 190.279C137.758 190.28 137.762 190.28 137.766 190.28C137.8 190.283 137.848 190.285 137.91 190.285C137.957 190.285 137.998 190.284 138.035 190.282C138.035 190.275 138.035 190.268 138.035 190.26C138.035 190.256 138.035 190.252 138.035 190.248C137.998 190.246 137.957 190.245 137.91 190.245C137.848 190.245 137.8 190.247 137.766 190.25C137.762 190.25 137.758 190.251 137.755 190.251Z" fill="#101214"/>
+</svg>

package/dist/es2019/common/ui/spot/error-state/error-old/assets/light.svg

@@ -0,0 +1,5 @@
+<svg width="275" height="275" viewBox="0 0 275 275" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M55.99 215.63L56.08 215.81H218.91L219.01 215.63L137.5 64.9902L55.99 215.63Z" fill="#DDDEE1"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M134.115 173.95V118.94H141.445V173.95H134.115Z" fill="white"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M136.432 183.039C136.965 182.943 137.474 182.915 137.91 182.915C138.371 182.915 138.828 182.947 139.287 183.018L139.304 183.02L139.321 183.023C142.228 183.498 144.648 185.521 145.234 188.753C145.337 189.301 145.365 189.827 145.365 190.26C145.365 190.596 145.348 190.974 145.295 191.375V191.436L145.237 191.758C144.659 194.981 142.245 197.029 139.321 197.507L139.304 197.51L139.287 197.512C138.828 197.583 138.371 197.615 137.91 197.615C137.471 197.615 136.958 197.586 136.42 197.489C133.551 196.992 131.143 194.987 130.556 191.769C130.455 191.23 130.425 190.726 130.425 190.27C130.425 189.819 130.454 189.299 130.559 188.749C131.152 185.581 133.51 183.531 136.432 183.039ZM137.755 190.251C137.755 190.257 137.755 190.263 137.755 190.27C137.755 190.273 137.755 190.276 137.755 190.279C137.758 190.28 137.762 190.28 137.766 190.28C137.8 190.283 137.848 190.285 137.91 190.285C137.957 190.285 137.998 190.284 138.035 190.282C138.035 190.275 138.035 190.268 138.035 190.26C138.035 190.256 138.035 190.252 138.035 190.248C137.998 190.246 137.957 190.245 137.91 190.245C137.848 190.245 137.8 190.247 137.766 190.25C137.762 190.25 137.758 190.251 137.755 190.251Z" fill="white"/>
+</svg>

package/dist/es2019/common/ui/spot/error-state/error-old/index.js

@@ -0,0 +1,11 @@
+import _extends from "@babel/runtime/helpers/extends";
+import React from 'react';
+import { RenderSVG } from '../../../common/render-svg';
+import Dark from './assets/dark.svg';
+import Light from './assets/light.svg';
+export const SpotErrorOld = props => {
+  return /*#__PURE__*/React.createElement(RenderSVG, _extends({
+    src: Light,
+    srcDark: Dark
+  }, props));
+};

package/dist/es2019/common/utils/withFeatureFlaggedComponent.js

@@ -0,0 +1,17 @@
+import React from 'react';
+
+/**
+ * This function is used to switch between two components based on a feature flag
+ * @param ComponentOld
+ * @param ComponentNext
+ * @param featureFlagFn function that returns a boolean value to switch to the next component, e.g. () => fg('my_flag_name')
+ * @returns
+ */
+export const withFeatureFlaggedComponent = (ComponentOld, ComponentNext, featureFlagFn) => {
+  return props => {
+    // copied from packages/editor/editor-common/src/utils/withFeatureFlaggedComponent.tsx
+    // Ignored via go/ees005
+    // eslint-disable-next-line react/jsx-props-no-spreading
+    return featureFlagFn() ? /*#__PURE__*/React.createElement(ComponentNext, props) : /*#__PURE__*/React.createElement(ComponentOld, props);
+  };
+};

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/assets-modal/search-container/object-schema-select/index.js

@@ -8,7 +8,7 @@ import debounce from 'debounce-promise';
 import { useIntl } from 'react-intl-next';
 import Button from '@atlaskit/button/new';
 import { Field } from '@atlaskit/form';
-import ChevronDownIcon from '@atlaskit/icon/utility/migration/chevron-down';
+import ChevronDownIcon from '@atlaskit/icon/utility/chevron-down';
 import { fg } from '@atlaskit/platform-feature-flags';
 import { AsyncSelect, PopupSelect } from '@atlaskit/select';
 import { layers } from '@atlaskit/theme/constants';
@@ -104,7 +104,10 @@ export const AssetsObjectSchemaSelect = ({
       var _restFieldProps$value;
       return /*#__PURE__*/React.createElement(Button, _extends({}, triggerProps, {
         isSelected: isOpen,
-        iconAfter: ChevronDownIcon
+        iconAfter: () => /*#__PURE__*/React.createElement(ChevronDownIcon, {
+          label: "",
+          color: "currentColor"
+        })
       }), ((_restFieldProps$value = restFieldProps.value) === null || _restFieldProps$value === void 0 ? void 0 : _restFieldProps$value.label) || formatMessage(objectSchemaSelectMessages.placeholder));
     }
   })) : /*#__PURE__*/React.createElement(AsyncSelect, _extends({

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