@atlaskit/link-picker 1.48.3 → 1.49.1

package/dist/esm/ui/error-boundary/error-boundary-fallback/old/index.js

@@ -0,0 +1,43 @@
+/**
+ * @jsxRuntime classic
+ * @jsx jsx
+ */
+// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
+import { css, jsx } from '@emotion/react';
+import { defineMessages, useIntl } from 'react-intl-next';
+import { LINK_PICKER_MIN_HEIGHT_IN_PX_FALLBACK } from '../../../../common/constants';
+import { GenericErrorSVG } from '../../../../common/generic-error-svg';
+import { EmptyState } from '../../../../common/ui/empty-state';
+import { MinHeightContainer } from '../../../../common/ui/min-height-container';
+var errorBoundaryFallbackStyles = css({
+  // eslint-disable-next-line @atlaskit/design-system/use-tokens-typography
+  lineHeight: 'initial'
+});
+var messages = defineMessages({
+  heading: {
+    defaultMessage: 'Something went wrong!',
+    description: 'Heading displayed when an unhandled error occurs.',
+    id: 'fabric.linkPicker.unhandledError.heading'
+  },
+  description: {
+    defaultMessage: 'Try reloading the page.',
+    description: 'Body message shown underneath the heading when an unhandled error occurs.',
+    id: 'fabric.linkPicker.unhandledError.description'
+  }
+});
+export var ErrorBoundaryFallbackOld = function ErrorBoundaryFallbackOld() {
+  var intl = useIntl();
+  var header = intl.formatMessage(messages.heading);
+  var description = intl.formatMessage(messages.description);
+  return jsx(MinHeightContainer, {
+    css: errorBoundaryFallbackStyles,
+    minHeight: LINK_PICKER_MIN_HEIGHT_IN_PX_FALLBACK,
+    "data-testid": "link-picker-root-error-boundary-ui"
+  }, jsx(EmptyState, {
+    header: header,
+    renderImage: function renderImage() {
+      return jsx(GenericErrorSVG, null);
+    },
+    description: description
+  }));
+};

package/dist/esm/ui/link-picker/form-footer/index.compiled.css

@@ -0,0 +1,3 @@
+._1bahesu3{justify-content:flex-end}
+._1e0c1txw{display:flex}
+._2hwx1wug{margin-right:auto}

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

@@ -1,29 +1,22 @@
+/* index.tsx generated by @compiled/babel-plugin v0.36.0 */
 import _extends from "@babel/runtime/helpers/extends";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-var _excluded = ["isLoading", "isSubmitting", "error", "url", "queryState", "items", "isEditing", "onCancel", "action", "createFeatureDiscovery", "customSubmitButtonLabel", "submitMessageId", "hideSubmitButton"];
-/**
- * @jsxRuntime classic
- * @jsx jsx
- */
+var _excluded = ["isLoading", "isSubmitting", "error", "url", "queryState", "items", "isEditing", "onCancel", "action", "customSubmitButtonLabel", "submitMessageId", "hideSubmitButton", "className"];
+import "./index.compiled.css";
+import * as React from 'react';
+import { ax, ix } from "@compiled/react/runtime";
 import { memo } from 'react';
-
-// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
-import { css, jsx } from '@emotion/react';
 import { defineMessages, useIntl } from 'react-intl-next';
 import Button, { ButtonGroup } from '@atlaskit/button';
 import EditorAddIconLegacy from '@atlaskit/icon/glyph/editor/add';
 import EditorAddIcon from '@atlaskit/icon/utility/add';
+import { fg } from '@atlaskit/platform-feature-flags';
 import VisuallyHidden from '@atlaskit/visually-hidden';
 import { UnauthenticatedError } from '../../../common/utils/errors';
-import FeatureDiscovery from './feature-discovery';
 import { LinkPickerSubmitButton } from './link-picker-submit-button';
-var formFooterStyles = css({
-  display: 'flex',
-  justifyContent: 'flex-end'
-});
-var formFooterActionStyles = css({
-  marginRight: 'auto'
-});
+import { FormFooterOld } from './old';
+var formFooterStyles = null;
+var formFooterActionStyles = null;
 export var messages = defineMessages({
   cancelButton: {
     id: 'fabric.linkPicker.button.cancel',
@@ -40,11 +33,9 @@ export var testIds = {
   insertButton: 'link-picker-insert-button',
   cancelButton: 'link-picker-cancel-button',
   actionButton: 'link-picker-action-button',
-  submitStatusA11yIndicator: 'link-picker-submit-status-a11y-indicator',
-  /** Feature discovery for action button (css pulse) */
-  actionButtonDiscovery: 'link-picker-action-button-discovery'
+  submitStatusA11yIndicator: 'link-picker-submit-status-a11y-indicator'
 };
-export var FormFooter = /*#__PURE__*/memo(function (_ref) {
+export var FormFooterNew = /*#__PURE__*/memo(function (_ref) {
   var isLoading = _ref.isLoading,
     _ref$isSubmitting = _ref.isSubmitting,
     isSubmitting = _ref$isSubmitting === void 0 ? false : _ref$isSubmitting,
@@ -55,22 +46,21 @@ export var FormFooter = /*#__PURE__*/memo(function (_ref) {
     isEditing = _ref.isEditing,
     onCancel = _ref.onCancel,
     action = _ref.action,
-    _ref$createFeatureDis = _ref.createFeatureDiscovery,
-    createFeatureDiscovery = _ref$createFeatureDis === void 0 ? false : _ref$createFeatureDis,
     customSubmitButtonLabel = _ref.customSubmitButtonLabel,
     submitMessageId = _ref.submitMessageId,
     hideSubmitButton = _ref.hideSubmitButton,
+    className = _ref.className,
     restProps = _objectWithoutProperties(_ref, _excluded);
   var intl = useIntl();
   if (error && error instanceof UnauthenticatedError) {
     return null;
   }
   var createButton = function createButton(pluginAction) {
-    return jsx(Button, {
+    return /*#__PURE__*/React.createElement(Button, {
       testId: testIds.actionButton,
       onClick: pluginAction.callback,
       appearance: "default",
-      iconBefore: jsx(EditorAddIcon, {
+      iconBefore: /*#__PURE__*/React.createElement(EditorAddIcon, {
         label: "",
         LEGACY_size: "medium",
         LEGACY_fallbackIcon: EditorAddIconLegacy,
@@ -80,23 +70,21 @@ export var FormFooter = /*#__PURE__*/memo(function (_ref) {
       "aria-labelledby": isSubmitting ? submitMessageId : undefined
     }, typeof pluginAction.label === 'string' ? pluginAction.label : intl.formatMessage(pluginAction.label));
   };
-  return jsx("footer", _extends({
-    css: formFooterStyles
-  }, restProps), isSubmitting && jsx(VisuallyHidden, {
+  return /*#__PURE__*/React.createElement("footer", _extends({
+    className: ax(["_1e0c1txw _1bahesu3", className])
+  }, restProps), isSubmitting && /*#__PURE__*/React.createElement(VisuallyHidden, {
     role: "status",
     id: submitMessageId,
     testId: testIds.submitStatusA11yIndicator
-  }, intl.formatMessage(messages.submittingStatusMessage)), action && jsx("div", {
-    css: formFooterActionStyles
-  }, createFeatureDiscovery ? jsx(FeatureDiscovery, {
-    testId: testIds.actionButtonDiscovery
-  }, createButton(action)) : createButton(action)), jsx(ButtonGroup, null, onCancel && jsx(Button, {
+  }, intl.formatMessage(messages.submittingStatusMessage)), action && /*#__PURE__*/React.createElement("div", {
+    className: ax(["_2hwx1wug"])
+  }, createButton(action)), /*#__PURE__*/React.createElement(ButtonGroup, null, onCancel && /*#__PURE__*/React.createElement(Button, {
     appearance: "subtle",
     onClick: onCancel,
     testId: testIds.cancelButton,
     isDisabled: isSubmitting,
     "aria-labelledby": isSubmitting ? submitMessageId : undefined
-  }, intl.formatMessage(messages.cancelButton)), !hideSubmitButton && jsx(LinkPickerSubmitButton, {
+  }, intl.formatMessage(messages.cancelButton)), !hideSubmitButton && /*#__PURE__*/React.createElement(LinkPickerSubmitButton, {
     isEditing: isEditing,
     isLoading: isLoading,
     isSubmitting: isSubmitting,
@@ -108,4 +96,10 @@ export var FormFooter = /*#__PURE__*/memo(function (_ref) {
     testId: testIds.insertButton,
     url: url
   })));
-});
+});
+export var FormFooter = function FormFooter(props) {
+  if (fg('platform_bandicoots-link-picker-css')) {
+    return /*#__PURE__*/React.createElement(FormFooterNew, props);
+  }
+  return /*#__PURE__*/React.createElement(FormFooterOld, props);
+};

package/dist/esm/ui/link-picker/form-footer/link-picker-submit-button/index.js

@@ -1,9 +1,4 @@
-/**
- * @jsxRuntime classic
- * @jsx jsx
- */
-// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
-import { jsx } from '@emotion/react';
+import React from 'react';
 import { defineMessages, useIntl } from 'react-intl-next';
 import LoadingButton from '@atlaskit/button/loading-button';
 import { checkSubmitDisabled } from './utils';
@@ -33,7 +28,7 @@ export var LinkPickerSubmitButton = function LinkPickerSubmitButton(_ref) {
   var intl = useIntl();
   var insertButtonMsg = isEditing ? messages.saveButton : messages.insertButton;
   var isSubmitDisabled = checkSubmitDisabled(isLoading, isSubmitting, error, url, queryState, items);
-  return jsx(LoadingButton, {
+  return /*#__PURE__*/React.createElement(LoadingButton, {
     type: "submit",
     appearance: "primary",
     testId: testId,

package/dist/esm/ui/link-picker/form-footer/old/index.js

@@ -0,0 +1,108 @@
+import _extends from "@babel/runtime/helpers/extends";
+import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
+var _excluded = ["isLoading", "isSubmitting", "error", "url", "queryState", "items", "isEditing", "onCancel", "action", "customSubmitButtonLabel", "submitMessageId", "hideSubmitButton"];
+/* eslint-disable @atlassian/tangerine/import/no-parent-imports */
+
+/**
+ * @jsxRuntime classic
+ * @jsx jsx
+ */
+import { memo } from 'react';
+
+// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
+import { css, jsx } from '@emotion/react';
+import { defineMessages, useIntl } from 'react-intl-next';
+import Button, { ButtonGroup } from '@atlaskit/button';
+import EditorAddIconLegacy from '@atlaskit/icon/glyph/editor/add';
+import EditorAddIcon from '@atlaskit/icon/utility/add';
+import VisuallyHidden from '@atlaskit/visually-hidden';
+import { UnauthenticatedError } from '../../../../common/utils/errors';
+import { LinkPickerSubmitButton } from '../link-picker-submit-button';
+var formFooterStyles = css({
+  display: 'flex',
+  justifyContent: 'flex-end'
+});
+var formFooterActionStyles = css({
+  marginRight: 'auto'
+});
+export var messages = defineMessages({
+  cancelButton: {
+    id: 'fabric.linkPicker.button.cancel',
+    defaultMessage: 'Cancel',
+    description: 'Button to cancel and dismiss the link picker'
+  },
+  submittingStatusMessage: {
+    id: 'fabric.linkPicker.status.submitting',
+    defaultMessage: 'Submitting',
+    description: 'Accessibility text to indicate the form has been submitted, and submission is in-progress'
+  }
+});
+export var testIds = {
+  insertButton: 'link-picker-insert-button',
+  cancelButton: 'link-picker-cancel-button',
+  actionButton: 'link-picker-action-button',
+  submitStatusA11yIndicator: 'link-picker-submit-status-a11y-indicator',
+  /** Feature discovery for action button (css pulse) */
+  actionButtonDiscovery: 'link-picker-action-button-discovery'
+};
+export var FormFooterOld = /*#__PURE__*/memo(function (_ref) {
+  var isLoading = _ref.isLoading,
+    _ref$isSubmitting = _ref.isSubmitting,
+    isSubmitting = _ref$isSubmitting === void 0 ? false : _ref$isSubmitting,
+    error = _ref.error,
+    url = _ref.url,
+    queryState = _ref.queryState,
+    items = _ref.items,
+    isEditing = _ref.isEditing,
+    onCancel = _ref.onCancel,
+    action = _ref.action,
+    customSubmitButtonLabel = _ref.customSubmitButtonLabel,
+    submitMessageId = _ref.submitMessageId,
+    hideSubmitButton = _ref.hideSubmitButton,
+    restProps = _objectWithoutProperties(_ref, _excluded);
+  var intl = useIntl();
+  if (error && error instanceof UnauthenticatedError) {
+    return null;
+  }
+  var createButton = function createButton(pluginAction) {
+    return jsx(Button, {
+      testId: testIds.actionButton,
+      onClick: pluginAction.callback,
+      appearance: "default",
+      iconBefore: jsx(EditorAddIcon, {
+        label: "",
+        LEGACY_size: "medium",
+        LEGACY_fallbackIcon: EditorAddIconLegacy,
+        color: "currentColor"
+      }),
+      isDisabled: isSubmitting,
+      "aria-labelledby": isSubmitting ? submitMessageId : undefined
+    }, typeof pluginAction.label === 'string' ? pluginAction.label : intl.formatMessage(pluginAction.label));
+  };
+  return jsx("footer", _extends({
+    css: formFooterStyles
+  }, restProps), isSubmitting && jsx(VisuallyHidden, {
+    role: "status",
+    id: submitMessageId,
+    testId: testIds.submitStatusA11yIndicator
+  }, intl.formatMessage(messages.submittingStatusMessage)), action && jsx("div", {
+    css: formFooterActionStyles
+  }, createButton(action)), jsx(ButtonGroup, null, onCancel && jsx(Button, {
+    appearance: "subtle",
+    onClick: onCancel,
+    testId: testIds.cancelButton,
+    isDisabled: isSubmitting,
+    "aria-labelledby": isSubmitting ? submitMessageId : undefined
+  }, intl.formatMessage(messages.cancelButton)), !hideSubmitButton && jsx(LinkPickerSubmitButton, {
+    isEditing: isEditing,
+    isLoading: isLoading,
+    isSubmitting: isSubmitting,
+    customSubmitButtonLabel: customSubmitButtonLabel,
+    error: error,
+    items: items,
+    queryState: queryState,
+    submitMessageId: submitMessageId,
+    testId: testIds.insertButton,
+    url: url
+  })));
+});

package/dist/esm/ui/link-picker/index.compiled.css

@@ -0,0 +1,10 @@
+._19bv164s{padding-left:var(--link-picker-padding-left)}
+._19pkpxbi{margin-top:var(--ds-space-200,1pc)}
+._1e0c1txw{display:flex}
+._1e0ctcjq{display:block!important}
+._2lx21bp4{flex-direction:column}
+._ca0q1k79{padding-top:var(--link-picker-padding-top)}
+._n3td1t3k{padding-bottom:var(--link-picker-padding-bottom)}
+._u5f31pah{padding-right:var(--link-picker-padding-right)}
+._vchhusvi{box-sizing:border-box}
+._vwz44jg8{line-height:normal}

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

@@ -1,23 +1,20 @@
+/* index.tsx generated by @compiled/babel-plugin v0.36.0 */
 import _extends from "@babel/runtime/helpers/extends";
 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";
 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; }
-/**
- * @jsxRuntime classic
- * @jsx jsx
- */
 import { Fragment, memo, useCallback, useLayoutEffect, useMemo, useReducer } from 'react';
-
-// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
-import { css, jsx } from '@emotion/react';
 import { FormattedMessage, useIntl } from 'react-intl-next';
 import uuid from 'uuid';
 import { useAnalyticsEvents } from '@atlaskit/analytics-next';
 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, xcss } from '@atlaskit/primitives';
+import { Box } from '@atlaskit/primitives/compiled';
 import VisuallyHidden from '@atlaskit/visually-hidden';
 import { useLinkPickerAnalytics, withInputFieldTracking, withLinkPickerAnalyticsContext } from '../../common/analytics';
 import { ANALYTICS_CHANNEL } from '../../common/constants';
@@ -29,24 +26,18 @@ import { Announcer } from './announcer';
 import { FormFooter, testIds as formFooterTestIds } from './form-footer';
 import { LinkPickerSubmitButton } from './form-footer/link-picker-submit-button';
 import { formMessages, linkMessages, linkTextMessages, searchMessages } from './messages';
+import { LinkPickerOld } from './old';
 import { SearchResults, testIds as searchTestIds } from './search-results';
 import { testIds as textFieldTestIds, TextInput } from './text-input';
 import { TrackMount } from './track-mount';
 import { getDataSource, getScreenReaderText } from './utils';
-var rootContainerStyles = css({
-  paddingLeft: 'var(--link-picker-padding-left)',
-  paddingRight: 'var(--link-picker-padding-right)',
-  paddingTop: 'var(--link-picker-padding-top)',
-  paddingBottom: 'var(--link-picker-padding-bottom)',
-  boxSizing: 'border-box',
-  // eslint-disable-next-line @atlaskit/design-system/use-tokens-typography
-  lineHeight: 'initial',
-  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-important-styles
-  display: 'block !important'
-});
-var formFooterMargin = css({
-  marginTop: "var(--ds-space-200, 16px)"
-});
+var styles = {
+  fullWidthSubmitButton: "_19pkpxbi _1e0c1txw _2lx21bp4"
+};
+var baseRootContainerStyles = null;
+// To be removed when platform-linking-visual-refresh-v1 is removed
+var oldRootContainerStyles = null;
+var formFooterMargin = null;
 export var testIds = _objectSpread(_objectSpread(_objectSpread({
   linkPickerRoot: 'link-picker-root',
   linkPicker: 'link-picker',
@@ -60,22 +51,13 @@ var initState = {
   selectedIndex: -1,
   invalidUrl: false,
   activeTab: 0,
-  preventHidingRecents: false,
-  /** This only allows the feature discovery pulse - to be shown the ff must be on and active tab be Jira */
-  allowCreateFeatureDiscovery: true
+  preventHidingRecents: false
 };
-var FullWidthSubmitButtonStyles = xcss({
-  marginTop: 'space.200',
-  display: 'flex',
-  flexDirection: 'column'
-});
 function reducer(state, payload) {
   if (payload.url && state.url !== payload.url) {
     return _objectSpread(_objectSpread({}, state), {}, {
       invalidUrl: false,
-      selectedIndex: isSafeUrl(payload.url) && payload.url.length ? -1 : state.selectedIndex,
-      /** When the user starts entering a url, stop pulsing the create button */
-      allowCreateFeatureDiscovery: false
+      selectedIndex: isSafeUrl(payload.url) && payload.url.length ? -1 : state.selectedIndex
     }, payload);
   }
   return _objectSpread(_objectSpread({}, state), payload);
@@ -84,7 +66,6 @@ function reducer(state, payload) {
 /**
  * Bind input fields to analytics tracking
  */
-
 var getLinkFieldContent = function getLinkFieldContent(value) {
   if (!Boolean(value)) {
     return null;
@@ -97,7 +78,7 @@ var LinkInputField = withInputFieldTracking(TextInput, 'link', function (event,
   });
 });
 var DisplayTextInputField = withInputFieldTracking(TextInput, 'displayText');
-export var LinkPicker = withLinkPickerAnalyticsContext( /*#__PURE__*/memo(function (_ref) {
+export var LinkPickerNew = withLinkPickerAnalyticsContext( /*#__PURE__*/memo(function (_ref) {
   var onSubmit = _ref.onSubmit,
     onCancel = _ref.onCancel,
     onContentResize = _ref.onContentResize,
@@ -128,8 +109,7 @@ export var LinkPicker = withLinkPickerAnalyticsContext( /*#__PURE__*/memo(functi
     url = state.url,
     displayText = state.displayText,
     invalidUrl = state.invalidUrl,
-    activeTab = state.activeTab,
-    allowCreateFeatureDiscovery = state.allowCreateFeatureDiscovery;
+    activeTab = state.activeTab;
   var intl = useIntl();
   var queryState = useSearchQuery(state);
   var _usePlugins = usePlugins(queryState, activeTab, plugins),
@@ -343,20 +323,19 @@ export var LinkPicker = withLinkPickerAnalyticsContext( /*#__PURE__*/memo(functi
   // for details: https://a11y-internal.atlassian.net/browse/AK-740
   var screenReaderText = browser().safari && getScreenReaderText(items !== null && items !== void 0 ? items : [], selectedIndex, intl);
   var customSubmitButtonLabel = customMessages !== null && customMessages !== void 0 && customMessages.submitButtonLabel ? customMessages.submitButtonLabel : undefined;
-  return jsx("form", {
+  return /*#__PURE__*/React.createElement("form", {
     "data-testid": testIds.linkPicker,
-    css: rootContainerStyles
     // Use onSubmitCapture instead of onSubmit so that any possible parent form isn't submitted
-    ,
-    onSubmitCapture: handleSubmit
-  }, jsx(TrackMount, null), isActivePlugin && jsx(Fragment, null, screenReaderText && jsx(Announcer, {
+    onSubmitCapture: handleSubmit,
+    className: ax(["_19bv164s _u5f31pah _ca0q1k79 _n3td1t3k _vchhusvi _1e0ctcjq", !fg('platform-linking-visual-refresh-v1') && "_vwz44jg8"])
+  }, /*#__PURE__*/React.createElement(TrackMount, null), isActivePlugin && /*#__PURE__*/React.createElement(Fragment, null, screenReaderText && /*#__PURE__*/React.createElement(Announcer, {
     ariaLive: "assertive",
     text: screenReaderText,
     ariaRelevant: "additions",
     delay: 250
-  }), jsx(VisuallyHidden, {
+  }), /*#__PURE__*/React.createElement(VisuallyHidden, {
     id: screenReaderDescriptionId
-  }, customMessages !== null && customMessages !== void 0 && customMessages.linkAriaLabel ? jsx(FormattedMessage, customMessages.linkAriaLabel) : jsx(FormattedMessage, messages.linkAriaLabel))), jsx(LinkInputField, _extends({
+  }, customMessages !== null && customMessages !== void 0 && customMessages.linkAriaLabel ? /*#__PURE__*/React.createElement(FormattedMessage, customMessages.linkAriaLabel) : /*#__PURE__*/React.createElement(FormattedMessage, messages.linkAriaLabel))), /*#__PURE__*/React.createElement(LinkInputField, _extends({
     name: "url",
     autoComplete: "off",
     testId: testIds.urlInputField,
@@ -372,7 +351,7 @@ export var LinkPicker = withLinkPickerAnalyticsContext( /*#__PURE__*/memo(functi
     onClear: handleUrlClear,
     onKeyDown: handleKeyDown,
     onChange: handleChangeUrl
-  })), !hideDisplayText && jsx(DisplayTextInputField, {
+  })), !hideDisplayText && /*#__PURE__*/React.createElement(DisplayTextInputField, {
     autoComplete: "off",
     name: "displayText",
     testId: testIds.textInputField,
@@ -383,9 +362,9 @@ export var LinkPicker = withLinkPickerAnalyticsContext( /*#__PURE__*/memo(functi
     readOnly: isSubmitting,
     onClear: handleClear,
     onChange: handleChangeText
-  }), UNSAFE_moveSubmitButton && jsx(Box, {
-    xcss: FullWidthSubmitButtonStyles
-  }, jsx(LinkPickerSubmitButton, {
+  }), UNSAFE_moveSubmitButton && /*#__PURE__*/React.createElement(Box, {
+    xcss: styles.fullWidthSubmitButton
+  }, /*#__PURE__*/React.createElement(LinkPickerSubmitButton, {
     isEditing: isEditing,
     isLoading: isLoadingResults || !!isLoadingPlugins,
     isSubmitting: isSubmitting,
@@ -396,7 +375,7 @@ export var LinkPicker = withLinkPickerAnalyticsContext( /*#__PURE__*/memo(functi
     submitMessageId: submitMessageId,
     testId: testIds.insertButton,
     url: url
-  })), !!queryState && (isLoadingPlugins || isActivePlugin) && jsx(SearchResults, {
+  })), !!queryState && (isLoadingPlugins || isActivePlugin) && /*#__PURE__*/React.createElement(SearchResults, {
     activeTab: activeTab,
     tabs: tabs,
     activePlugin: activePlugin,
@@ -416,7 +395,7 @@ export var LinkPicker = withLinkPickerAnalyticsContext( /*#__PURE__*/memo(functi
     handleSearchListOnChange: handleSearchListOnChange,
     adaptiveHeight: adaptiveHeight,
     retry: retry
-  }), jsx(FormFooter, {
+  }), /*#__PURE__*/React.createElement(FormFooter, {
     error: error,
     items: items
     /** If the results section appears to be loading, impact whether the submit button is disabled */,
@@ -426,15 +405,16 @@ export var LinkPicker = withLinkPickerAnalyticsContext( /*#__PURE__*/memo(functi
     url: url,
     isEditing: isEditing,
     onCancel: onCancel,
-    action: pluginAction
-    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
-    ,
-    css: !queryState || !(plugins !== null && plugins !== void 0 && plugins.length) ? formFooterMargin : undefined
-    /* Show the feature discovery pulse when we're on the Jira tab, we haven't started typing a url and
-          the feature flag is enabled */,
-    createFeatureDiscovery: (activePlugin === null || activePlugin === void 0 ? void 0 : activePlugin.tabKey) === 'jira' && allowCreateFeatureDiscovery && fg('platform.linking-platform.link-picker.enable-jira-create'),
+    action: pluginAction,
     customSubmitButtonLabel: customSubmitButtonLabel,
     submitMessageId: submitMessageId,
-    hideSubmitButton: UNSAFE_moveSubmitButton
+    hideSubmitButton: UNSAFE_moveSubmitButton,
+    className: ax([(!queryState || !(plugins !== null && plugins !== void 0 && plugins.length)) && "_19pkpxbi"])
   }));
-}));
+}));
+export var LinkPicker = function LinkPicker(props) {
+  if (fg('platform_bandicoots-link-picker-css')) {
+    return /*#__PURE__*/React.createElement(LinkPickerNew, props);
+  }
+  return /*#__PURE__*/React.createElement(LinkPickerOld, props);
+};