@atlaskit/link-picker 5.2.1 → 5.3.1

package/CHANGELOG.md

@@ -1,5 +1,24 @@
 # @atlaskit/link-picker
 
+## 5.3.1
+
+### Patch Changes
+
+- Updated dependencies
+
+## 5.3.0
+
+### Minor Changes
+
+- [`fbb51c73ed426`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/fbb51c73ed426) -
+  Update i18n NPM package versions for linking-platform,smart-experiences (Group 15)
+
+### Patch Changes
+
+- [`cf3ee6a99c051`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/cf3ee6a99c051) -
+  [ux] NAVX-4104 fixing the error focus state for link picker
+- Updated dependencies
+
 ## 5.2.1
 
 ### Patch Changes

package/dist/cjs/controllers/session-provider/index.js

@@ -13,27 +13,17 @@ function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r
 
 var INIT_CONTEXT = exports.INIT_CONTEXT = 'SESSION_UNINITIALIZED';
 var SessionContext = exports.SessionContext = /*#__PURE__*/(0, _react.createContext)(INIT_CONTEXT);
-var useConstructor = function useConstructor(callback) {
-  var hasBeenFired = (0, _react.useRef)(false);
-  if (!hasBeenFired.current) {
-    callback();
-    hasBeenFired.current = true;
-  }
-  return null;
-};
 var LinkPickerSessionProvider = exports.LinkPickerSessionProvider = function LinkPickerSessionProvider(_ref) {
   var children = _ref.children;
   // eslint-disable-next-line @atlaskit/platform/prefer-crypto-random-uuid -- Use crypto.randomUUID instead
   var _useRef = (0, _react.useRef)((0, _uuid.v4)()),
     sessionId = _useRef.current;
   (0, _react.useEffect)(function () {
+    (0, _experiences.startUfoExperience)(_experiences.ufoExperience.mounted, sessionId);
     return function () {
       return (0, _experiences.abortUfoExperience)(_experiences.ufoExperience.mounted, sessionId);
     };
   }, [sessionId]);
-  useConstructor(function () {
-    return (0, _experiences.startUfoExperience)(_experiences.ufoExperience.mounted, sessionId);
-  });
   return /*#__PURE__*/_react.default.createElement(SessionContext.Provider, {
     value: sessionId
   }, children);

package/dist/cjs/services/use-plugins/index.js

@@ -58,20 +58,20 @@ function usePlugins(state, activeTab, plugins, recentSearchListSize, alwaysShowT
       cancel = _resolvePluginUpdates.cancel;
     var updateResults = /*#__PURE__*/function () {
       var _ref = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee() {
-        var _isLoading, _yield$next, value, done;
-        return _regenerator.default.wrap(function _callee$(_context) {
+        var _isLoading, _yield$next, value, done, _t;
+        return _regenerator.default.wrap(function (_context) {
           while (1) switch (_context.prev = _context.next) {
             case 0:
               _context.prev = 0;
               _isLoading = true;
-            case 2:
+            case 1:
               if (!_isLoading) {
-                _context.next = 12;
+                _context.next = 3;
                 break;
               }
-              _context.next = 5;
+              _context.next = 2;
               return next();
-            case 5:
+            case 2:
               _yield$next = _context.sent;
               value = _yield$next.value;
               done = _yield$next.done;
@@ -83,28 +83,28 @@ function usePlugins(state, activeTab, plugins, recentSearchListSize, alwaysShowT
                   isLoading: !done
                 }
               });
-              _context.next = 2;
+              _context.next = 1;
               break;
-            case 12:
-              _context.next = 17;
+            case 3:
+              _context.next = 5;
               break;
-            case 14:
-              _context.prev = 14;
-              _context.t0 = _context["catch"](0);
-              if (!(_context.t0 instanceof _utils.CancellationError)) {
+            case 4:
+              _context.prev = 4;
+              _t = _context["catch"](0);
+              if (!(_t instanceof _utils.CancellationError)) {
                 dispatch({
                   type: 'ERROR',
-                  payload: _context.t0
+                  payload: _t
                 });
                 createAnalyticsEvent((0, _analytics2.default)('operational.resultsResolve.failed', {
-                  error: (0, _convertToError.convertToError)(_context.t0).toString()
+                  error: (0, _convertToError.convertToError)(_t).toString()
                 })).fire(_constants.ANALYTICS_CHANNEL);
               }
-            case 17:
+            case 5:
             case "end":
               return _context.stop();
           }
-        }, _callee, null, [[0, 14]]);
+        }, _callee, null, [[0, 4]]);
       }));
       return function updateResults() {
         return _ref.apply(this, arguments);

package/dist/cjs/services/use-plugins/utils.js

@@ -52,18 +52,19 @@ var resolvePluginUpdates = exports.resolvePluginUpdates = function resolvePlugin
       cancel: cancel,
       next: function () {
         var _next = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee() {
-          return _regenerator.default.wrap(function _callee$(_context) {
+          var _t;
+          return _regenerator.default.wrap(function (_context) {
             while (1) switch (_context.prev = _context.next) {
               case 0:
-                _context.next = 2;
+                _context.next = 1;
                 return promise;
-              case 2:
-                _context.t0 = _context.sent;
+              case 1:
+                _t = _context.sent;
                 return _context.abrupt("return", {
-                  value: _context.t0,
+                  value: _t,
                   done: true
                 });
-              case 4:
+              case 2:
               case "end":
                 return _context.stop();
             }

package/dist/cjs/ui/link-picker/index.js

@@ -8,20 +8,21 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.testIds = exports.LinkPicker = void 0;
 require("./index.compiled.css");
-var _react = _interopRequireWildcard(require("react"));
-var React = _react;
 var _runtime = require("@compiled/react/runtime");
 var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"));
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+var _react = _interopRequireWildcard(require("react"));
 var _reactIntl = require("react-intl");
+var _useCallbackRef = require("use-callback-ref");
 var _uuid = _interopRequireDefault(require("uuid"));
 var _analyticsNext = require("@atlaskit/analytics-next");
 var _linkProvider = require("@atlaskit/link-provider");
 var _url2 = require("@atlaskit/linking-common/url");
 var _userAgent = require("@atlaskit/linking-common/user-agent");
+var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 var _compiled = require("@atlaskit/primitives/compiled");
 var _linkUrl = _interopRequireDefault(require("@atlaskit/smart-card/link-url"));
 var _visuallyHidden = _interopRequireDefault(require("@atlaskit/visually-hidden"));
@@ -40,7 +41,7 @@ var _searchResults = require("./search-results");
 var _textInput = require("./text-input");
 var _trackMount = require("./track-mount");
 var _utils = require("./utils");
-function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t2 in e) "default" !== _t2 && {}.hasOwnProperty.call(e, _t2) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t2)) && (i.get || i.set) ? o(f, _t2, i) : f[_t2] = e[_t2]); return f; })(e, t); }
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2.default)(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; } // eslint-disable-next-line @atlaskit/platform/prefer-crypto-random-uuid -- Use crypto.randomUUID instead
 var styles = {
@@ -120,6 +121,8 @@ var LinkPicker = exports.LinkPicker = (0, _analytics.withLinkPickerAnalyticsCont
     alwaysShowTabs = _ref.alwaysShowTabs;
   var _useAnalyticsEvents = (0, _analyticsNext.useAnalyticsEvents)(),
     createAnalyticsEvent = _useAnalyticsEvents.createAnalyticsEvent;
+  var linkInputRef = _react.default.useRef(null);
+  var mergedRefs = (0, _useCallbackRef.useMergeRefs)(inputRef ? [linkInputRef, inputRef] : [linkInputRef]);
   var _useReducer = (0, _react.useReducer)(reducer, _objectSpread(_objectSpread({}, initState), {}, {
       url: (0, _url2.normalizeUrl)(initUrl) || '',
       displayText: initDisplayText || ''
@@ -247,71 +250,74 @@ var LinkPicker = exports.LinkPicker = (0, _analytics.withLinkPickerAnalyticsCont
   }, [dispatch]);
   var handleSubmit = (0, _react.useCallback)( /*#__PURE__*/function () {
     var _ref2 = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee(event) {
-      var normalized, urlResponse, responseObject;
-      return _regenerator.default.wrap(function _callee$(_context) {
+      var normalized, urlResponse, responseObject, _linkInputRef$current, _t;
+      return _regenerator.default.wrap(function (_context) {
         while (1) switch (_context.prev = _context.next) {
           case 0:
             event === null || event === void 0 || event.preventDefault();
             if (!isSubmitting) {
-              _context.next = 3;
+              _context.next = 1;
               break;
             }
             return _context.abrupt("return");
-          case 3:
+          case 1:
             if (!(isSelectedItem && selectedItem)) {
-              _context.next = 5;
+              _context.next = 2;
               break;
             }
             return _context.abrupt("return", handleInsert(selectedItem.url, selectedItem.name, 'typeAhead'));
-          case 5:
+          case 2:
             normalized = (0, _url2.normalizeUrl)(url);
             if (!normalized) {
-              _context.next = 26;
+              _context.next = 10;
               break;
             }
             if (!previewableLinksOnly) {
-              _context.next = 25;
+              _context.next = 9;
               break;
             }
-            _context.prev = 8;
-            _context.next = 11;
+            _context.prev = 3;
+            _context.next = 4;
             return client.fetchData(normalized);
-          case 11:
+          case 4:
             urlResponse = _context.sent;
             responseObject = urlResponse === null || urlResponse === void 0 ? void 0 : urlResponse.data;
             if (!(responseObject && 'preview' in responseObject)) {
-              _context.next = 17;
+              _context.next = 5;
               break;
             }
             return _context.abrupt("return", handleInsert(normalized, null, 'manual'));
-          case 17:
+          case 5:
             return _context.abrupt("return", dispatch({
               invalidUrl: true,
               hasPreview: false
             }));
-          case 18:
-            _context.next = 23;
+          case 6:
+            _context.next = 8;
             break;
-          case 20:
-            _context.prev = 20;
-            _context.t0 = _context["catch"](8);
+          case 7:
+            _context.prev = 7;
+            _t = _context["catch"](3);
             return _context.abrupt("return", dispatch({
               invalidUrl: true
             }));
-          case 23:
-            _context.next = 26;
+          case 8:
+            _context.next = 10;
             break;
-          case 25:
+          case 9:
             return _context.abrupt("return", handleInsert(normalized, null, 'manual'));
-          case 26:
+          case 10:
+            if ((0, _platformFeatureFlags.fg)('navx-4104-link-picker-a11y-focus-states')) {
+              (_linkInputRef$current = linkInputRef.current) === null || _linkInputRef$current === void 0 || _linkInputRef$current.focus();
+            }
             return _context.abrupt("return", dispatch({
               invalidUrl: true
             }));
-          case 27:
+          case 11:
           case "end":
             return _context.stop();
         }
-      }, _callee, null, [[8, 20]]);
+      }, _callee, null, [[3, 7]]);
     }));
     return function (_x) {
       return _ref2.apply(this, arguments);
@@ -412,35 +418,38 @@ var LinkPicker = exports.LinkPicker = (0, _analytics.withLinkPickerAnalyticsCont
   // for details: https://a11y-internal.atlassian.net/browse/AK-740
   var screenReaderText = (0, _userAgent.browser)().safari && (0, _utils.getScreenReaderText)(items !== null && items !== void 0 ? items : [], selectedIndex, intl);
   var customSubmitButtonLabel = customMessages !== null && customMessages !== void 0 && customMessages.submitButtonLabel ? customMessages.submitButtonLabel : undefined;
-  var errorMessage = invalidUrl ? previewableLinksOnly && !hasPreview ? /*#__PURE__*/React.createElement(_reactIntl.FormattedMessage, (0, _extends2.default)({}, _messages.formMessages.noEmbedAvailable, {
+  var errorMessage = invalidUrl ? previewableLinksOnly && !hasPreview ? /*#__PURE__*/_react.default.createElement(_reactIntl.FormattedMessage, (0, _extends2.default)({}, _messages.formMessages.noEmbedAvailable, {
     values: {
       a: function a(chunk) {
-        return /*#__PURE__*/React.createElement(_linkUrl.default, {
+        return /*#__PURE__*/_react.default.createElement(_linkUrl.default, {
           target: "_blank",
           href: "https://support.atlassian.com/platform-experiences/docs/smart-links-from-jira-and-other-products/"
         }, chunk);
       }
     }
   })) : intl.formatMessage(_messages.formMessages.linkInvalid) : null;
-  return /*#__PURE__*/React.createElement("form", {
+  return /*#__PURE__*/_react.default.createElement("form", (0, _extends2.default)({
     "data-testid": testIds.linkPicker,
     // Use onSubmitCapture instead of onSubmit so that any possible parent form isn't submitted
-    onSubmitCapture: handleSubmit,
+    onSubmitCapture: handleSubmit
+  }, (0, _platformFeatureFlags.fg)('navx-4104-link-picker-a11y-focus-states') ? {
+    noValidate: true
+  } : {}, {
     className: (0, _runtime.ax)(["_19bv164s _u5f31pah _ca0q1k79 _n3td1t3k _vchhusvi _1e0ctcjq"])
-  }, /*#__PURE__*/React.createElement(_trackMount.TrackMount, null), submitOnInputChange && /*#__PURE__*/React.createElement(_autoSubmitOnChange.default, {
+  }), /*#__PURE__*/_react.default.createElement(_trackMount.TrackMount, null), submitOnInputChange && /*#__PURE__*/_react.default.createElement(_autoSubmitOnChange.default, {
     url: url,
     isSubmitting: isSubmitting,
     isSelectedItem: isSelectedItem,
     onSubmit: handleSubmit,
     onClearInvalidUrl: handleClearInvalidUrl
-  }), isActivePlugin && /*#__PURE__*/React.createElement(_react.Fragment, null, screenReaderText && /*#__PURE__*/React.createElement(_announcer.Announcer, {
+  }), isActivePlugin && /*#__PURE__*/_react.default.createElement(_react.Fragment, null, screenReaderText && /*#__PURE__*/_react.default.createElement(_announcer.Announcer, {
     ariaLive: "assertive",
     text: screenReaderText,
     ariaRelevant: "additions",
     delay: 250
-  }), /*#__PURE__*/React.createElement(_visuallyHidden.default, {
+  }), /*#__PURE__*/_react.default.createElement(_visuallyHidden.default, {
     id: screenReaderDescriptionId
-  }, customMessages !== null && customMessages !== void 0 && customMessages.linkAriaLabel ? /*#__PURE__*/React.createElement(_reactIntl.FormattedMessage, customMessages.linkAriaLabel) : /*#__PURE__*/React.createElement(_reactIntl.FormattedMessage, messages.linkAriaLabel))), /*#__PURE__*/React.createElement(LinkInputField, (0, _extends2.default)({
+  }, customMessages !== null && customMessages !== void 0 && customMessages.linkAriaLabel ? /*#__PURE__*/_react.default.createElement(_reactIntl.FormattedMessage, customMessages.linkAriaLabel) : /*#__PURE__*/_react.default.createElement(_reactIntl.FormattedMessage, messages.linkAriaLabel))), /*#__PURE__*/_react.default.createElement(LinkInputField, (0, _extends2.default)({
     name: "url",
     autoComplete: "off",
     testId: testIds.urlInputField,
@@ -449,16 +458,19 @@ var LinkPicker = exports.LinkPicker = (0, _analytics.withLinkPickerAnalyticsCont
     value: url,
     autoFocus: true,
     clearLabel: intl.formatMessage(_messages.formMessages.clearLink),
-    error: errorMessage || additionalError,
+    error: errorMessage || additionalError
+  }, (0, _platformFeatureFlags.fg)('navx-4104-link-picker-a11y-focus-states') ? {
+    validationMessage: intl.formatMessage(_messages.formMessages.linkInvalid)
+  } : {}, {
     spotlightTargetName: "link-picker-search-field-spotlight-target",
     "aria-readonly": isSubmitting
   }, a11yList, {
     onClear: handleUrlClear,
     onKeyDown: handleKeyDown,
     onChange: handleChangeUrl,
-    inputRef: inputRef,
+    inputRef: (0, _platformFeatureFlags.fg)('navx-4104-link-picker-a11y-focus-states') ? mergedRefs : inputRef,
     isRequired: true
-  })), !hideDisplayText && /*#__PURE__*/React.createElement(_react.Fragment, null, /*#__PURE__*/React.createElement(DisplayTextInputField, {
+  })), !hideDisplayText && /*#__PURE__*/_react.default.createElement(_react.Fragment, null, /*#__PURE__*/_react.default.createElement(DisplayTextInputField, {
     autoComplete: "off",
     name: "displayText",
     testId: testIds.textInputField,
@@ -470,9 +482,9 @@ var LinkPicker = exports.LinkPicker = (0, _analytics.withLinkPickerAnalyticsCont
     onClear: handleClear,
     onChange: handleChangeText,
     helperMessage: intl.formatMessage((_customMessages$linkH = customMessages === null || customMessages === void 0 ? void 0 : customMessages.linkHelperTextLabel) !== null && _customMessages$linkH !== void 0 ? _customMessages$linkH : _messages.linkTextMessages.linkHelperTextLabel)
-  })), moveSubmitButton && /*#__PURE__*/React.createElement(_compiled.Box, {
+  })), moveSubmitButton && /*#__PURE__*/_react.default.createElement(_compiled.Box, {
     xcss: styles.fullWidthSubmitButton
-  }, /*#__PURE__*/React.createElement(_linkPickerSubmitButton.LinkPickerSubmitButton, {
+  }, /*#__PURE__*/_react.default.createElement(_linkPickerSubmitButton.LinkPickerSubmitButton, {
     isEditing: isEditing,
     isLoading: isLoadingResults || !!isLoadingPlugins,
     isSubmitting: isSubmitting,
@@ -483,7 +495,7 @@ var LinkPicker = exports.LinkPicker = (0, _analytics.withLinkPickerAnalyticsCont
     submitMessageId: submitMessageId,
     testId: testIds.insertButton,
     url: url
-  })), !!queryState && (isLoadingPlugins || isActivePlugin) && /*#__PURE__*/React.createElement(_searchResults.SearchResults, {
+  })), !!queryState && (isLoadingPlugins || isActivePlugin) && /*#__PURE__*/_react.default.createElement(_searchResults.SearchResults, {
     activeTab: activeTab,
     tabs: tabs,
     activePlugin: activePlugin,
@@ -504,7 +516,7 @@ var LinkPicker = exports.LinkPicker = (0, _analytics.withLinkPickerAnalyticsCont
     adaptiveHeight: adaptiveHeight,
     retry: retry,
     shouldRenderNoResultsImage: shouldRenderNoResultsImage
-  }), /*#__PURE__*/React.createElement(_formFooter.FormFooter, {
+  }), /*#__PURE__*/_react.default.createElement(_formFooter.FormFooter, {
     error: error,
     items: items
     /** If the results section appears to be loading, impact whether the submit button is disabled */,

package/dist/cjs/ui/main.js

@@ -26,7 +26,7 @@ var testIds = exports.testIds = {
 };
 var PACKAGE_DATA = exports.PACKAGE_DATA = {
   packageName: "@atlaskit/link-picker" || '',
-  packageVersion: "5.2.0" || '',
+  packageVersion: "5.3.0" || '',
   componentName: _constants.COMPONENT_NAME,
   source: _constants.COMPONENT_NAME
 };

package/dist/cjs/ui/messages-provider/lazy-messages-provider/utils/fetch-messages-for-locale.js

@@ -10,50 +10,50 @@ var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/
 var _i18n = require("../../../../i18n");
 var fetchMessagesForLocale = exports.fetchMessagesForLocale = /*#__PURE__*/function () {
   var _ref = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee(locale) {
-    var localeKey, messages, parentLocale, _messages;
-    return _regenerator.default.wrap(function _callee$(_context) {
+    var localeKey, messages, parentLocale, _messages, _t, _t2;
+    return _regenerator.default.wrap(function (_context) {
       while (1) switch (_context.prev = _context.next) {
         case 0:
           _context.prev = 0;
           localeKey = locale.replace('-', '_');
           if (!(localeKey in _i18n.locales)) {
-            _context.next = 7;
+            _context.next = 2;
             break;
           }
-          _context.next = 5;
+          _context.next = 1;
           return _i18n.locales[localeKey]();
-        case 5:
+        case 1:
           messages = _context.sent;
           return _context.abrupt("return", messages.default);
-        case 7:
-          _context.next = 11;
+        case 2:
+          _context.next = 4;
           break;
-        case 9:
-          _context.prev = 9;
-          _context.t0 = _context["catch"](0);
-        case 11:
-          _context.prev = 11;
+        case 3:
+          _context.prev = 3;
+          _t = _context["catch"](0);
+        case 4:
+          _context.prev = 4;
           parentLocale = locale.split(/[-_]/)[0];
           if (!(parentLocale in _i18n.locales)) {
-            _context.next = 18;
+            _context.next = 6;
             break;
           }
-          _context.next = 16;
+          _context.next = 5;
           return _i18n.locales[parentLocale]();
-        case 16:
+        case 5:
           _messages = _context.sent;
           return _context.abrupt("return", _messages.default);
-        case 18:
-          _context.next = 22;
+        case 6:
+          _context.next = 8;
           break;
-        case 20:
-          _context.prev = 20;
-          _context.t1 = _context["catch"](11);
-        case 22:
+        case 7:
+          _context.prev = 7;
+          _t2 = _context["catch"](4);
+        case 8:
         case "end":
           return _context.stop();
       }
-    }, _callee, null, [[0, 9], [11, 20]]);
+    }, _callee, null, [[0, 3], [4, 7]]);
   }));
   return function fetchMessagesForLocale(_x) {
     return _ref.apply(this, arguments);

package/dist/es2019/controllers/session-provider/index.js

@@ -5,14 +5,6 @@ import { v4 as uuidv4 } from 'uuid';
 import { abortUfoExperience, startUfoExperience, ufoExperience } from '../../common/analytics/experiences';
 export const INIT_CONTEXT = 'SESSION_UNINITIALIZED';
 export const SessionContext = /*#__PURE__*/createContext(INIT_CONTEXT);
-const useConstructor = callback => {
-  const hasBeenFired = useRef(false);
-  if (!hasBeenFired.current) {
-    callback();
-    hasBeenFired.current = true;
-  }
-  return null;
-};
 export const LinkPickerSessionProvider = ({
   children
 }) => {
@@ -21,9 +13,9 @@ export const LinkPickerSessionProvider = ({
     current: sessionId
   } = useRef(uuidv4());
   useEffect(() => {
+    startUfoExperience(ufoExperience.mounted, sessionId);
     return () => abortUfoExperience(ufoExperience.mounted, sessionId);
   }, [sessionId]);
-  useConstructor(() => startUfoExperience(ufoExperience.mounted, sessionId));
   return /*#__PURE__*/React.createElement(SessionContext.Provider, {
     value: sessionId
   }, children);

package/dist/es2019/ui/link-picker/index.js

@@ -1,16 +1,17 @@
 /* index.tsx generated by @compiled/babel-plugin v0.39.1 */
 import _extends from "@babel/runtime/helpers/extends";
 import "./index.compiled.css";
-import * as React from 'react';
 import { ax, ix } from "@compiled/react/runtime";
-import { Fragment, memo, useCallback, useLayoutEffect, useMemo, useReducer } from 'react';
+import React, { Fragment, memo, useCallback, useLayoutEffect, useMemo, useReducer } from 'react';
 import { FormattedMessage, useIntl } from 'react-intl';
+import { useMergeRefs } from 'use-callback-ref';
 // eslint-disable-next-line @atlaskit/platform/prefer-crypto-random-uuid -- Use crypto.randomUUID instead
 import uuid from 'uuid';
 import { useAnalyticsEvents } from '@atlaskit/analytics-next';
 import { CardClient } from '@atlaskit/link-provider';
 import { isSafeUrl, normalizeUrl } from '@atlaskit/linking-common/url';
 import { browser } from '@atlaskit/linking-common/user-agent';
+import { fg } from "@atlaskit/platform-feature-flags";
 import { Box } from '@atlaskit/primitives/compiled';
 import LinkUrl from '@atlaskit/smart-card/link-url';
 import VisuallyHidden from '@atlaskit/visually-hidden';
@@ -110,6 +111,8 @@ export const LinkPicker = withLinkPickerAnalyticsContext( /*#__PURE__*/memo(({
   const {
     createAnalyticsEvent
   } = useAnalyticsEvents();
+  const linkInputRef = React.useRef(null);
+  const mergedRefs = useMergeRefs(inputRef ? [linkInputRef, inputRef] : [linkInputRef]);
   const [state, dispatch] = useReducer(reducer, {
     ...initState,
     url: normalizeUrl(initUrl) || '',
@@ -272,6 +275,10 @@ export const LinkPicker = withLinkPickerAnalyticsContext( /*#__PURE__*/memo(({
         return handleInsert(normalized, null, 'manual');
       }
     }
+    if (fg('navx-4104-link-picker-a11y-focus-states')) {
+      var _linkInputRef$current;
+      (_linkInputRef$current = linkInputRef.current) === null || _linkInputRef$current === void 0 ? void 0 : _linkInputRef$current.focus();
+    }
     return dispatch({
       invalidUrl: true
     });
@@ -377,12 +384,15 @@ export const LinkPicker = withLinkPickerAnalyticsContext( /*#__PURE__*/memo(({
       }, chunk)
     }
   })) : intl.formatMessage(formMessages.linkInvalid) : null;
-  return /*#__PURE__*/React.createElement("form", {
+  return /*#__PURE__*/React.createElement("form", _extends({
     "data-testid": testIds.linkPicker,
     // Use onSubmitCapture instead of onSubmit so that any possible parent form isn't submitted
-    onSubmitCapture: handleSubmit,
+    onSubmitCapture: handleSubmit
+  }, fg('navx-4104-link-picker-a11y-focus-states') ? {
+    noValidate: true
+  } : {}, {
     className: ax(["_19bv164s _u5f31pah _ca0q1k79 _n3td1t3k _vchhusvi _1e0ctcjq"])
-  }, /*#__PURE__*/React.createElement(TrackMount, null), submitOnInputChange && /*#__PURE__*/React.createElement(AutoSubmitOnChange, {
+  }), /*#__PURE__*/React.createElement(TrackMount, null), submitOnInputChange && /*#__PURE__*/React.createElement(AutoSubmitOnChange, {
     url: url,
     isSubmitting: isSubmitting,
     isSelectedItem: isSelectedItem,
@@ -404,14 +414,17 @@ export const LinkPicker = withLinkPickerAnalyticsContext( /*#__PURE__*/memo(({
     value: url,
     autoFocus: true,
     clearLabel: intl.formatMessage(formMessages.clearLink),
-    error: errorMessage || additionalError,
+    error: errorMessage || additionalError
+  }, fg('navx-4104-link-picker-a11y-focus-states') ? {
+    validationMessage: intl.formatMessage(formMessages.linkInvalid)
+  } : {}, {
     spotlightTargetName: "link-picker-search-field-spotlight-target",
     "aria-readonly": isSubmitting
   }, a11yList, {
     onClear: handleUrlClear,
     onKeyDown: handleKeyDown,
     onChange: handleChangeUrl,
-    inputRef: inputRef,
+    inputRef: fg('navx-4104-link-picker-a11y-focus-states') ? mergedRefs : inputRef,
     isRequired: true
   })), !hideDisplayText && /*#__PURE__*/React.createElement(Fragment, null, /*#__PURE__*/React.createElement(DisplayTextInputField, {
     autoComplete: "off",

package/dist/es2019/ui/main.js

@@ -16,7 +16,7 @@ export const testIds = {
 };
 export const PACKAGE_DATA = {
   packageName: "@atlaskit/link-picker" || '',
-  packageVersion: "5.2.0" || '',
+  packageVersion: "5.3.0" || '',
   componentName: COMPONENT_NAME,
   source: COMPONENT_NAME
 };

package/dist/esm/controllers/session-provider/index.js

@@ -5,27 +5,17 @@ import { v4 as uuidv4 } from 'uuid';
 import { abortUfoExperience, startUfoExperience, ufoExperience } from '../../common/analytics/experiences';
 export var INIT_CONTEXT = 'SESSION_UNINITIALIZED';
 export var SessionContext = /*#__PURE__*/createContext(INIT_CONTEXT);
-var useConstructor = function useConstructor(callback) {
-  var hasBeenFired = useRef(false);
-  if (!hasBeenFired.current) {
-    callback();
-    hasBeenFired.current = true;
-  }
-  return null;
-};
 export var LinkPickerSessionProvider = function LinkPickerSessionProvider(_ref) {
   var children = _ref.children;
   // eslint-disable-next-line @atlaskit/platform/prefer-crypto-random-uuid -- Use crypto.randomUUID instead
   var _useRef = useRef(uuidv4()),
     sessionId = _useRef.current;
   useEffect(function () {
+    startUfoExperience(ufoExperience.mounted, sessionId);
     return function () {
       return abortUfoExperience(ufoExperience.mounted, sessionId);
     };
   }, [sessionId]);
-  useConstructor(function () {
-    return startUfoExperience(ufoExperience.mounted, sessionId);
-  });
   return /*#__PURE__*/React.createElement(SessionContext.Provider, {
     value: sessionId
   }, children);

package/dist/esm/services/use-plugins/index.js

@@ -51,20 +51,20 @@ export function usePlugins(state, activeTab, plugins, recentSearchListSize, alwa
       cancel = _resolvePluginUpdates.cancel;
     var updateResults = /*#__PURE__*/function () {
       var _ref = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee() {
-        var _isLoading, _yield$next, value, done;
-        return _regeneratorRuntime.wrap(function _callee$(_context) {
+        var _isLoading, _yield$next, value, done, _t;
+        return _regeneratorRuntime.wrap(function (_context) {
           while (1) switch (_context.prev = _context.next) {
             case 0:
               _context.prev = 0;
               _isLoading = true;
-            case 2:
+            case 1:
               if (!_isLoading) {
-                _context.next = 12;
+                _context.next = 3;
                 break;
               }
-              _context.next = 5;
+              _context.next = 2;
               return next();
-            case 5:
+            case 2:
               _yield$next = _context.sent;
               value = _yield$next.value;
               done = _yield$next.done;
@@ -76,28 +76,28 @@ export function usePlugins(state, activeTab, plugins, recentSearchListSize, alwa
                   isLoading: !done
                 }
               });
-              _context.next = 2;
+              _context.next = 1;
               break;
-            case 12:
-              _context.next = 17;
+            case 3:
+              _context.next = 5;
               break;
-            case 14:
-              _context.prev = 14;
-              _context.t0 = _context["catch"](0);
-              if (!(_context.t0 instanceof CancellationError)) {
+            case 4:
+              _context.prev = 4;
+              _t = _context["catch"](0);
+              if (!(_t instanceof CancellationError)) {
                 dispatch({
                   type: 'ERROR',
-                  payload: _context.t0
+                  payload: _t
                 });
                 createAnalyticsEvent(createEventPayload('operational.resultsResolve.failed', {
-                  error: convertToError(_context.t0).toString()
+                  error: convertToError(_t).toString()
                 })).fire(ANALYTICS_CHANNEL);
               }
-            case 17:
+            case 5:
             case "end":
               return _context.stop();
           }
-        }, _callee, null, [[0, 14]]);
+        }, _callee, null, [[0, 4]]);
       }));
       return function updateResults() {
         return _ref.apply(this, arguments);

package/dist/esm/services/use-plugins/utils.js

@@ -45,18 +45,19 @@ export var resolvePluginUpdates = function resolvePluginUpdates(plugin, state) {
       cancel: cancel,
       next: function () {
         var _next = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee() {
-          return _regeneratorRuntime.wrap(function _callee$(_context) {
+          var _t;
+          return _regeneratorRuntime.wrap(function (_context) {
             while (1) switch (_context.prev = _context.next) {
               case 0:
-                _context.next = 2;
+                _context.next = 1;
                 return promise;
-              case 2:
-                _context.t0 = _context.sent;
+              case 1:
+                _t = _context.sent;
                 return _context.abrupt("return", {
-                  value: _context.t0,
+                  value: _t,
                   done: true
                 });
-              case 4:
+              case 2:
               case "end":
                 return _context.stop();
             }

package/dist/esm/ui/link-picker/index.js

@@ -4,19 +4,20 @@ import _asyncToGenerator from "@babel/runtime/helpers/asyncToGenerator";
 import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import "./index.compiled.css";
-import * as React from 'react';
 import { ax, ix } from "@compiled/react/runtime";
 import _regeneratorRuntime from "@babel/runtime/regenerator";
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
-import { Fragment, memo, useCallback, useLayoutEffect, useMemo, useReducer } from 'react';
+import React, { Fragment, memo, useCallback, useLayoutEffect, useMemo, useReducer } from 'react';
 import { FormattedMessage, useIntl } from 'react-intl';
+import { useMergeRefs } from 'use-callback-ref';
 // eslint-disable-next-line @atlaskit/platform/prefer-crypto-random-uuid -- Use crypto.randomUUID instead
 import uuid from 'uuid';
 import { useAnalyticsEvents } from '@atlaskit/analytics-next';
 import { CardClient } from '@atlaskit/link-provider';
 import { isSafeUrl, normalizeUrl } from '@atlaskit/linking-common/url';
 import { browser } from '@atlaskit/linking-common/user-agent';
+import { fg } from "@atlaskit/platform-feature-flags";
 import { Box } from '@atlaskit/primitives/compiled';
 import LinkUrl from '@atlaskit/smart-card/link-url';
 import VisuallyHidden from '@atlaskit/visually-hidden';
@@ -112,6 +113,8 @@ export var LinkPicker = withLinkPickerAnalyticsContext( /*#__PURE__*/memo(functi
     alwaysShowTabs = _ref.alwaysShowTabs;
   var _useAnalyticsEvents = useAnalyticsEvents(),
     createAnalyticsEvent = _useAnalyticsEvents.createAnalyticsEvent;
+  var linkInputRef = React.useRef(null);
+  var mergedRefs = useMergeRefs(inputRef ? [linkInputRef, inputRef] : [linkInputRef]);
   var _useReducer = useReducer(reducer, _objectSpread(_objectSpread({}, initState), {}, {
       url: normalizeUrl(initUrl) || '',
       displayText: initDisplayText || ''
@@ -239,71 +242,74 @@ export var LinkPicker = withLinkPickerAnalyticsContext( /*#__PURE__*/memo(functi
   }, [dispatch]);
   var handleSubmit = useCallback( /*#__PURE__*/function () {
     var _ref2 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee(event) {
-      var normalized, urlResponse, responseObject;
-      return _regeneratorRuntime.wrap(function _callee$(_context) {
+      var normalized, urlResponse, responseObject, _linkInputRef$current, _t;
+      return _regeneratorRuntime.wrap(function (_context) {
         while (1) switch (_context.prev = _context.next) {
           case 0:
             event === null || event === void 0 || event.preventDefault();
             if (!isSubmitting) {
-              _context.next = 3;
+              _context.next = 1;
               break;
             }
             return _context.abrupt("return");
-          case 3:
+          case 1:
             if (!(isSelectedItem && selectedItem)) {
-              _context.next = 5;
+              _context.next = 2;
               break;
             }
             return _context.abrupt("return", handleInsert(selectedItem.url, selectedItem.name, 'typeAhead'));
-          case 5:
+          case 2:
             normalized = normalizeUrl(url);
             if (!normalized) {
-              _context.next = 26;
+              _context.next = 10;
               break;
             }
             if (!previewableLinksOnly) {
-              _context.next = 25;
+              _context.next = 9;
               break;
             }
-            _context.prev = 8;
-            _context.next = 11;
+            _context.prev = 3;
+            _context.next = 4;
             return client.fetchData(normalized);
-          case 11:
+          case 4:
             urlResponse = _context.sent;
             responseObject = urlResponse === null || urlResponse === void 0 ? void 0 : urlResponse.data;
             if (!(responseObject && 'preview' in responseObject)) {
-              _context.next = 17;
+              _context.next = 5;
               break;
             }
             return _context.abrupt("return", handleInsert(normalized, null, 'manual'));
-          case 17:
+          case 5:
             return _context.abrupt("return", dispatch({
               invalidUrl: true,
               hasPreview: false
             }));
-          case 18:
-            _context.next = 23;
+          case 6:
+            _context.next = 8;
             break;
-          case 20:
-            _context.prev = 20;
-            _context.t0 = _context["catch"](8);
+          case 7:
+            _context.prev = 7;
+            _t = _context["catch"](3);
             return _context.abrupt("return", dispatch({
               invalidUrl: true
             }));
-          case 23:
-            _context.next = 26;
+          case 8:
+            _context.next = 10;
             break;
-          case 25:
+          case 9:
             return _context.abrupt("return", handleInsert(normalized, null, 'manual'));
-          case 26:
+          case 10:
+            if (fg('navx-4104-link-picker-a11y-focus-states')) {
+              (_linkInputRef$current = linkInputRef.current) === null || _linkInputRef$current === void 0 || _linkInputRef$current.focus();
+            }
             return _context.abrupt("return", dispatch({
               invalidUrl: true
             }));
-          case 27:
+          case 11:
           case "end":
             return _context.stop();
         }
-      }, _callee, null, [[8, 20]]);
+      }, _callee, null, [[3, 7]]);
     }));
     return function (_x) {
       return _ref2.apply(this, arguments);
@@ -414,12 +420,15 @@ export var LinkPicker = withLinkPickerAnalyticsContext( /*#__PURE__*/memo(functi
       }
     }
   })) : intl.formatMessage(formMessages.linkInvalid) : null;
-  return /*#__PURE__*/React.createElement("form", {
+  return /*#__PURE__*/React.createElement("form", _extends({
     "data-testid": testIds.linkPicker,
     // Use onSubmitCapture instead of onSubmit so that any possible parent form isn't submitted
-    onSubmitCapture: handleSubmit,
+    onSubmitCapture: handleSubmit
+  }, fg('navx-4104-link-picker-a11y-focus-states') ? {
+    noValidate: true
+  } : {}, {
     className: ax(["_19bv164s _u5f31pah _ca0q1k79 _n3td1t3k _vchhusvi _1e0ctcjq"])
-  }, /*#__PURE__*/React.createElement(TrackMount, null), submitOnInputChange && /*#__PURE__*/React.createElement(AutoSubmitOnChange, {
+  }), /*#__PURE__*/React.createElement(TrackMount, null), submitOnInputChange && /*#__PURE__*/React.createElement(AutoSubmitOnChange, {
     url: url,
     isSubmitting: isSubmitting,
     isSelectedItem: isSelectedItem,
@@ -441,14 +450,17 @@ export var LinkPicker = withLinkPickerAnalyticsContext( /*#__PURE__*/memo(functi
     value: url,
     autoFocus: true,
     clearLabel: intl.formatMessage(formMessages.clearLink),
-    error: errorMessage || additionalError,
+    error: errorMessage || additionalError
+  }, fg('navx-4104-link-picker-a11y-focus-states') ? {
+    validationMessage: intl.formatMessage(formMessages.linkInvalid)
+  } : {}, {
     spotlightTargetName: "link-picker-search-field-spotlight-target",
     "aria-readonly": isSubmitting
   }, a11yList, {
     onClear: handleUrlClear,
     onKeyDown: handleKeyDown,
     onChange: handleChangeUrl,
-    inputRef: inputRef,
+    inputRef: fg('navx-4104-link-picker-a11y-focus-states') ? mergedRefs : inputRef,
     isRequired: true
   })), !hideDisplayText && /*#__PURE__*/React.createElement(Fragment, null, /*#__PURE__*/React.createElement(DisplayTextInputField, {
     autoComplete: "off",

package/dist/esm/ui/main.js

@@ -17,7 +17,7 @@ export var testIds = {
 };
 export var PACKAGE_DATA = {
   packageName: "@atlaskit/link-picker" || '',
-  packageVersion: "5.2.0" || '',
+  packageVersion: "5.3.0" || '',
   componentName: COMPONENT_NAME,
   source: COMPONENT_NAME
 };

package/dist/esm/ui/messages-provider/lazy-messages-provider/utils/fetch-messages-for-locale.js

@@ -3,50 +3,50 @@ import _regeneratorRuntime from "@babel/runtime/regenerator";
 import { locales } from '../../../../i18n';
 export var fetchMessagesForLocale = /*#__PURE__*/function () {
   var _ref = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee(locale) {
-    var localeKey, messages, parentLocale, _messages;
-    return _regeneratorRuntime.wrap(function _callee$(_context) {
+    var localeKey, messages, parentLocale, _messages, _t, _t2;
+    return _regeneratorRuntime.wrap(function (_context) {
       while (1) switch (_context.prev = _context.next) {
         case 0:
           _context.prev = 0;
           localeKey = locale.replace('-', '_');
           if (!(localeKey in locales)) {
-            _context.next = 7;
+            _context.next = 2;
             break;
           }
-          _context.next = 5;
+          _context.next = 1;
           return locales[localeKey]();
-        case 5:
+        case 1:
           messages = _context.sent;
           return _context.abrupt("return", messages.default);
-        case 7:
-          _context.next = 11;
+        case 2:
+          _context.next = 4;
           break;
-        case 9:
-          _context.prev = 9;
-          _context.t0 = _context["catch"](0);
-        case 11:
-          _context.prev = 11;
+        case 3:
+          _context.prev = 3;
+          _t = _context["catch"](0);
+        case 4:
+          _context.prev = 4;
           parentLocale = locale.split(/[-_]/)[0];
           if (!(parentLocale in locales)) {
-            _context.next = 18;
+            _context.next = 6;
             break;
           }
-          _context.next = 16;
+          _context.next = 5;
           return locales[parentLocale]();
-        case 16:
+        case 5:
           _messages = _context.sent;
           return _context.abrupt("return", _messages.default);
-        case 18:
-          _context.next = 22;
+        case 6:
+          _context.next = 8;
           break;
-        case 20:
-          _context.prev = 20;
-          _context.t1 = _context["catch"](11);
-        case 22:
+        case 7:
+          _context.prev = 7;
+          _t2 = _context["catch"](4);
+        case 8:
         case "end":
           return _context.stop();
       }
-    }, _callee, null, [[0, 9], [11, 20]]);
+    }, _callee, null, [[0, 3], [4, 7]]);
   }));
   return function fetchMessagesForLocale(_x) {
     return _ref.apply(this, arguments);

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/link-picker",
-	"version": "5.2.1",
+	"version": "5.3.1",
 	"description": "Standalone link picker",
 	"author": "Atlassian Pty Ltd",
 	"publishConfig": {
@@ -44,6 +44,9 @@
 		},
 		"aifc_create_enabled": {
 			"type": "boolean"
+		},
+		"navx-4104-link-picker-a11y-focus-states": {
+			"type": "boolean"
 		}
 	},
 	"scripts": {
@@ -58,20 +61,20 @@
 		"@atlaskit/form": "^15.5.0",
 		"@atlaskit/frontend-utilities": "^3.3.0",
 		"@atlaskit/heading": "^5.4.0",
-		"@atlaskit/icon": "^35.1.0",
+		"@atlaskit/icon": "^35.3.0",
 		"@atlaskit/intl-messages-provider": "^3.3.0",
 		"@atlaskit/link": "^3.4.0",
 		"@atlaskit/link-provider": "^4.4.0",
-		"@atlaskit/linking-common": "^9.11.0",
+		"@atlaskit/linking-common": "^9.12.0",
 		"@atlaskit/platform-feature-flags": "^1.1.0",
 		"@atlaskit/primitives": "^19.0.0",
-		"@atlaskit/smart-card": "^44.16.0",
+		"@atlaskit/smart-card": "^44.18.0",
 		"@atlaskit/spinner": "^19.1.0",
-		"@atlaskit/spotlight": "^0.14.0",
+		"@atlaskit/spotlight": "^0.15.0",
 		"@atlaskit/tabs": "^19.1.0",
 		"@atlaskit/textfield": "^8.3.0",
-		"@atlaskit/tokens": "^13.0.0",
-		"@atlaskit/tooltip": "^22.3.0",
+		"@atlaskit/tokens": "^13.1.0",
+		"@atlaskit/tooltip": "^22.5.0",
 		"@atlaskit/ufo": "^0.5.0",
 		"@atlaskit/visually-hidden": "^3.1.0",
 		"@babel/runtime": "^7.0.0",
@@ -91,8 +94,8 @@
 		"@af/analytics-codegen": "workspace:^",
 		"@af/integration-testing": "workspace:^",
 		"@af/visual-regression": "workspace:^",
-		"@atlaskit/dropdown-menu": "^16.9.0",
-		"@atlaskit/link-test-helpers": "^10.3.0",
+		"@atlaskit/dropdown-menu": "^16.10.0",
+		"@atlaskit/link-test-helpers": "^10.4.0",
 		"@atlassian/a11y-jest-testing": "^0.11.0",
 		"@atlassian/a11y-playwright-testing": "^0.10.0",
 		"@atlassian/feature-flags-test-utils": "^1.1.0",