@atlaskit/link-create 1.15.8 → 2.0.0

package/CHANGELOG.md

@@ -1,5 +1,52 @@
 # @atlaskit/link-create
 
+## 2.0.0
+
+### Major Changes
+
+-   [#89064](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/89064)
+    [`545c87a31801`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/545c87a31801) -
+    Cleans up the feature flag implemented in 1.11.0 which is now a breaking change for plugins (not
+    for direct consumers).
+
+    Improves observability over failure cases when plugins call `onFailure()`, or throw an error to
+    be caught by `<LinkCreate />`'s internal error boundary.
+
+    Errors provided via `onFailure()` from plugins no longer play a role in displaying an error
+    message to users in the `<CreateForm />`.
+
+    When handling form submission errors, plugin should return an object of error messages in the
+    `onSubmit()` handler provided to the `CreateForm`. To set a generic error, use the newly exposed
+    `FORM_ERROR`
+    [see react-final-form](https://final-form.org/docs/react-final-form/types/FormProps#submission-errors)
+    to define an error message on the object resolved `onSubmit`.
+
+    Example:
+
+    ```tsx
+    import { FORM_ERROR } from '@atlaskit/link-create';
+
+    <CreateForm
+        onSubmit={(data) => {
+            return {
+                [FORM_ERROR]: 'Something bad happened!',
+            };
+        }}
+    />;
+    ```
+
+### Minor Changes
+
+-   [#89064](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/89064)
+    [`1a6df7c186bf`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/1a6df7c186bf) -
+    Adds required fields instruction to start of link create form.
+
+## 1.15.9
+
+### Patch Changes
+
+-   Updated dependencies
+
 ## 1.15.8
 
 ### Patch Changes

package/CONTRIBUTING.md

@@ -0,0 +1,3 @@
+# Contribute to Linking Platform
+
+https://go.atlassian.com/lp-contribute

package/dist/cjs/controllers/callback-context/main.js

@@ -11,7 +11,6 @@ var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/de
 var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
 var _react = _interopRequireWildcard(require("react"));
 var _analyticsNext = require("@atlaskit/analytics-next");
-var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 var _constants = require("../../common/constants");
 var _analytics = _interopRequireDefault(require("../../common/utils/analytics/analytics.codegen"));
 var _errors = require("../../common/utils/errors");
@@ -28,9 +27,7 @@ var LinkCreateCallbackProvider = exports.LinkCreateCallbackProvider = function L
     onCancel = _ref.onCancel;
   var _useAnalyticsEvents = (0, _analyticsNext.useAnalyticsEvents)(),
     createAnalyticsEvent = _useAnalyticsEvents.createAnalyticsEvent;
-  var experience = (0, _platformFeatureFlags.getBooleanFF)('platform.linking-platform.link-create.better-observability') ?
-  // eslint-disable-next-line react-hooks/rules-of-hooks
-  (0, _experienceTracker.useExperience)() : null;
+  var experience = (0, _experienceTracker.useExperience)();
   var handleCreate = (0, _react.useMemo)(function () {
     return {
       onCreate: function () {
@@ -39,13 +36,11 @@ var LinkCreateCallbackProvider = exports.LinkCreateCallbackProvider = function L
           return _regenerator.default.wrap(function _callee$(_context) {
             while (1) switch (_context.prev = _context.next) {
               case 0:
-                if ((0, _platformFeatureFlags.getBooleanFF)('platform.linking-platform.link-create.better-observability')) {
-                  /**
-                   * We consider the experience successful once we have
-                   * successfully created an object
-                   */
-                  experience === null || experience === void 0 || experience.success();
-                }
+                /**
+                 * We consider the experience successful once we have
+                 * successfully created an object
+                 */
+                experience === null || experience === void 0 || experience.success();
                 objectId = result.objectId, objectType = result.objectType;
                 createAnalyticsEvent((0, _analytics.default)('track.object.created.linkCreate', {
                   objectId: objectId,
@@ -80,9 +75,7 @@ var LinkCreateCallbackProvider = exports.LinkCreateCallbackProvider = function L
                 createAnalyticsEvent((0, _analytics.default)('track.object.createFailed.linkCreate', {
                   failureType: (0, _errors.getErrorType)(error)
                 })).fire(_constants.ANALYTICS_CHANNEL);
-                if ((0, _platformFeatureFlags.getBooleanFF)('platform.linking-platform.link-create.better-observability')) {
-                  experience === null || experience === void 0 || experience.failure(error);
-                }
+                experience === null || experience === void 0 || experience.failure(error);
                 _onFailure && _onFailure(error);
               case 3:
               case "end":

package/dist/cjs/ui/create-form/async-select/main.js

@@ -16,7 +16,6 @@ var _react2 = require("@emotion/react");
 var _debouncePromise = _interopRequireDefault(require("debounce-promise"));
 var _reactFinalForm = require("react-final-form");
 var _reactIntlNext = require("react-intl-next");
-var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 var _select = require("@atlaskit/select");
 var _messages = _interopRequireDefault(require("../../../common/messages"));
 var _callbackContext = require("../../../controllers/callback-context");
@@ -68,9 +67,7 @@ function AsyncSelect(_ref) {
   /**
    * This binds experience to fail if async fetch ever fails to load
    */
-  var loadOptions = (0, _platformFeatureFlags.getBooleanFF)('platform.linking-platform.link-create.better-observability') ?
-  // eslint-disable-next-line react-hooks/rules-of-hooks
-  (0, _react.useMemo)(function () {
+  var loadOptions = (0, _react.useMemo)(function () {
     if (loadOptionsFn) {
       return /*#__PURE__*/(0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee() {
         var _args = arguments;
@@ -95,7 +92,7 @@ function AsyncSelect(_ref) {
         }, _callee, null, [[0, 6]]);
       }));
     }
-  }, [intl, onFailure, loadOptionsFn, setFormErrorMessage]) : loadOptionsFn;
+  }, [intl, onFailure, loadOptionsFn, setFormErrorMessage]);
   (0, _react.useEffect)(function () {
     var current = true;
     var fetch = /*#__PURE__*/function () {

package/dist/cjs/ui/create-form/main.js

@@ -16,7 +16,6 @@ var _finalForm = require("final-form");
 var _reactFinalForm = require("react-final-form");
 var _reactIntlNext = require("react-intl-next");
 var _form = require("@atlaskit/form");
-var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 var _primitives = require("@atlaskit/primitives");
 var _constants = require("../../common/constants");
 var _messages = _interopRequireDefault(require("../../common/messages"));
@@ -123,7 +122,7 @@ var CreateForm = exports.CreateForm = function CreateForm(_ref) {
     return (0, _react2.jsx)(_formLoader.CreateFormLoader, null);
   }
   return (0, _react2.jsx)(_reactFinalForm.Form, {
-    onSubmit: (0, _platformFeatureFlags.getBooleanFF)('platform.linking-platform.link-create.better-observability') ? handleSubmitWithErrorHandling : handleSubmit,
+    onSubmit: handleSubmitWithErrorHandling,
     initialValues: initialValues,
     mutators: {
       setField: function setField(args, state, tools) {
@@ -155,7 +154,7 @@ var CreateForm = exports.CreateForm = function CreateForm(_ref) {
         });
         setShouldShowWarning(isModified);
       }
-    }), (0, _platformFeatureFlags.getBooleanFF)('platform.linking-platform.link-create.enable-expected-field-errors') && (0, _react2.jsx)("p", {
+    }), (0, _react2.jsx)("p", {
       "aria-hidden": "true"
     }, intl.formatMessage(_messages.default.requiredFieldInstruction), ' ', (0, _react2.jsx)(_form.RequiredAsterisk, null)), (0, _react2.jsx)(_primitives.Box, null, children), !hideFooter && (0, _react2.jsx)(_formFooter.CreateFormFooter
     /**
@@ -164,7 +163,7 @@ var CreateForm = exports.CreateForm = function CreateForm(_ref) {
      * default to the `formErrorMessage` that we sometimes use with our own
      * "form context" (only currently used for AsyncSelect field reporting failed loading)
      */, {
-      formErrorMessage: (0, _platformFeatureFlags.getBooleanFF)('platform.linking-platform.link-create.better-observability') ? submitError || formErrorMessage : formErrorMessage,
+      formErrorMessage: submitError || formErrorMessage,
       handleCancel: handleCancel,
       testId: testId
     }));

package/dist/cjs/ui/link-create/error-boundary/index.js

@@ -8,8 +8,6 @@ Object.defineProperty(exports, "__esModule", {
 exports.ErrorBoundary = void 0;
 var _react = _interopRequireWildcard(require("react"));
 var _analyticsNext = require("@atlaskit/analytics-next");
-var _sentry = require("@atlaskit/linking-common/sentry");
-var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 var _constants = require("../../../common/constants");
 var _errorBoundaryUi = require("../../../common/ui/error-boundary-ui");
 var _analytics = _interopRequireDefault(require("../../../common/utils/analytics/analytics.codegen"));
@@ -22,24 +20,17 @@ var ErrorBoundary = exports.ErrorBoundary = function ErrorBoundary(_ref) {
     errorComponent = _ref.errorComponent;
   var _useAnalyticsEvents = (0, _analyticsNext.useAnalyticsEvents)(),
     createAnalyticsEvent = _useAnalyticsEvents.createAnalyticsEvent;
-  var experience = (0, _platformFeatureFlags.getBooleanFF)('platform.linking-platform.link-create.better-observability') ?
-  // eslint-disable-next-line react-hooks/rules-of-hooks
-  (0, _experienceTracker.useExperience)() : null;
-  var handleError = (0, _react.useCallback)(function (error, info) {
+  var experience = (0, _experienceTracker.useExperience)();
+  var handleError = (0, _react.useCallback)(function (error) {
     var _window;
-    if (!(0, _platformFeatureFlags.getBooleanFF)('platform.linking-platform.link-create.better-observability')) {
-      // Capture exception to Sentry
-      (0, _sentry.captureException)(error, 'link-create');
-    }
     createAnalyticsEvent((0, _analytics.default)('operational.linkCreate.unhandledErrorCaught', {
       browserInfo: ((_window = window) === null || _window === void 0 || (_window = _window.navigator) === null || _window === void 0 ? void 0 : _window.userAgent) || 'unknown',
       error: error.name,
       componentStack: 'unknown'
     })).fire(_constants.ANALYTICS_CHANNEL);
-    if ((0, _platformFeatureFlags.getBooleanFF)('platform.linking-platform.link-create.better-observability')) {
-      // Track experience as failed for SLO
-      experience === null || experience === void 0 || experience.failure(error);
-    }
+
+    // Track experience as failed for SLO
+    experience === null || experience === void 0 || experience.failure(error);
   }, [createAnalyticsEvent, experience]);
   return /*#__PURE__*/_react.default.createElement(_errorBoundaryBase.BaseErrorBoundary, {
     onError: handleError,

package/dist/cjs/ui/link-create/main.js

@@ -7,13 +7,12 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = exports.TEST_ID = void 0;
 var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"));
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
 var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
 var _react = require("react");
 var _react2 = require("@emotion/react");
 var _reactIntlNext = require("react-intl-next");
 var _modalDialog = require("@atlaskit/modal-dialog");
-var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 var _primitives = require("@atlaskit/primitives");
 var _constants = require("../../common/constants");
 var _ModalDialog = require("../../common/ui/ModalDialog");
@@ -57,38 +56,6 @@ var LinkCreateWithModal = function LinkCreateWithModal(_ref2) {
     entityKey = _ref2.entityKey,
     modalHero = _ref2.modalHero;
   var intl = (0, _reactIntlNext.useIntl)();
-  var _useFormContext = (0, _formContext.useFormContext)(),
-    setFormErrorMessage = _useFormContext.setFormErrorMessage;
-  var handleCreate = (0, _react.useCallback)( /*#__PURE__*/function () {
-    var _ref3 = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee(result) {
-      return _regenerator.default.wrap(function _callee$(_context) {
-        while (1) switch (_context.prev = _context.next) {
-          case 0:
-            // Reset the form error message
-            setFormErrorMessage(undefined);
-            if (!onCreate) {
-              _context.next = 4;
-              break;
-            }
-            _context.next = 4;
-            return onCreate(result);
-          case 4:
-          case "end":
-            return _context.stop();
-        }
-      }, _callee);
-    }));
-    return function (_x) {
-      return _ref3.apply(this, arguments);
-    };
-  }(), [onCreate, setFormErrorMessage]);
-  var handleFailure = (0, _react.useCallback)(function (error) {
-    // Set the form error message
-    if (error instanceof Error) {
-      setFormErrorMessage(error.message);
-    }
-    onFailure && onFailure(error);
-  }, [onFailure, setFormErrorMessage]);
   var _useExitWarningModal = (0, _exitWarningModalContext.useExitWarningModal)(),
     getShouldShowWarning = _useExitWarningModal.getShouldShowWarning;
   var _useState = (0, _react.useState)(false),
@@ -106,8 +73,8 @@ var LinkCreateWithModal = function LinkCreateWithModal(_ref2) {
     return setShowExitWarning(false);
   }, []);
   return (0, _react2.jsx)(_callbackContext.LinkCreateCallbackProvider, {
-    onCreate: (0, _platformFeatureFlags.getBooleanFF)('platform.linking-platform.link-create.better-observability') ? onCreate : handleCreate,
-    onFailure: (0, _platformFeatureFlags.getBooleanFF)('platform.linking-platform.link-create.better-observability') ? onFailure : handleFailure,
+    onCreate: onCreate,
+    onFailure: onFailure,
     onCancel: handleCancel
   }, (0, _react2.jsx)(_modalDialog.ModalTransition, null, active && (0, _react2.jsx)(_ModalDialog.Modal, {
     testId: "link-create-modal",
@@ -148,23 +115,23 @@ var LinkCreateModal = function LinkCreateModal(props) {
   }, function (pluginsProvider) {
     return (0, _react2.jsx)(_editPostCreateContext.EditPostCreateModalProvider, {
       active: !!props.active
-    }, function (_ref4) {
+    }, function (_ref3) {
       var _pluginsProvider$acti;
-      var setEditViewPayload = _ref4.setEditViewPayload,
-        editViewPayload = _ref4.editViewPayload,
-        shouldActivateEditView = _ref4.shouldActivateEditView,
-        enableEditView = _ref4.enableEditView;
+      var setEditViewPayload = _ref3.setEditViewPayload,
+        editViewPayload = _ref3.editViewPayload,
+        shouldActivateEditView = _ref3.shouldActivateEditView,
+        enableEditView = _ref3.enableEditView;
       return (0, _react2.jsx)(_formContext.FormContextProvider, {
         enableEditView: pluginsProvider !== null && pluginsProvider !== void 0 && (_pluginsProvider$acti = pluginsProvider.activePlugin) !== null && _pluginsProvider$acti !== void 0 && _pluginsProvider$acti.editView && props !== null && props !== void 0 && props.onComplete ? enableEditView : undefined
       }, (0, _react2.jsx)(_exitWarningModalContext.ExitWarningModalProvider, null, (0, _react2.jsx)(LinkCreateWithModal, (0, _extends2.default)({}, props, {
         active: props.active && !editViewPayload,
         onCreate: ( /*#__PURE__*/function () {
-          var _ref5 = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee2(payload) {
+          var _ref4 = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee(payload) {
             var _props$onCreate;
-            return _regenerator.default.wrap(function _callee2$(_context2) {
-              while (1) switch (_context2.prev = _context2.next) {
+            return _regenerator.default.wrap(function _callee$(_context) {
+              while (1) switch (_context.prev = _context.next) {
                 case 0:
-                  _context2.next = 2;
+                  _context.next = 2;
                   return (_props$onCreate = props.onCreate) === null || _props$onCreate === void 0 ? void 0 : _props$onCreate.call(props, payload);
                 case 2:
                   // if onComplete exists then there is an edit flow
@@ -179,12 +146,12 @@ var LinkCreateModal = function LinkCreateModal(props) {
                   }
                 case 3:
                 case "end":
-                  return _context2.stop();
+                  return _context.stop();
               }
-            }, _callee2);
+            }, _callee);
           }));
-          return function (_x2) {
-            return _ref5.apply(this, arguments);
+          return function (_x) {
+            return _ref4.apply(this, arguments);
           };
         }()),
         onCloseComplete: function onCloseComplete() {

package/dist/cjs/ui/main.js

@@ -9,7 +9,6 @@ var _react = require("react");
 var _react2 = require("@emotion/react");
 var _analyticsNext = require("@atlaskit/analytics-next");
 var _intlMessagesProvider = require("@atlaskit/intl-messages-provider");
-var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 var _constants = require("../common/constants");
 var _errorBoundaryModal = require("../common/ui/error-boundary-modal");
 var _analytics = require("../common/utils/analytics");
@@ -21,8 +20,7 @@ var _errorBoundary = require("./link-create/error-boundary");
 /** @jsx jsx */
 
 var LinkCreateWithAnalyticsContext = (0, _analytics.withLinkCreateAnalyticsContext)( /*#__PURE__*/(0, _react.memo)(function (props) {
-  var ExperienceProvider = (0, _platformFeatureFlags.getBooleanFF)('platform.linking-platform.link-create.better-observability') ? _experienceTracker.Experience : _react.Fragment;
-  return (0, _react2.jsx)(ExperienceProvider, null, (0, _react2.jsx)(_errorBoundary.ErrorBoundary, {
+  return (0, _react2.jsx)(_experienceTracker.Experience, null, (0, _react2.jsx)(_errorBoundary.ErrorBoundary, {
     errorComponent: (0, _react2.jsx)(_errorBoundaryModal.ErrorBoundaryModal, {
       active: props.active,
       onClose: props.onCancel
@@ -31,7 +29,7 @@ var LinkCreateWithAnalyticsContext = (0, _analytics.withLinkCreateAnalyticsConte
 }));
 var PACKAGE_DATA = exports.PACKAGE_DATA = {
   packageName: "@atlaskit/link-create" || '',
-  packageVersion: "1.15.8" || '',
+  packageVersion: "2.0.0" || '',
   component: _constants.COMPONENT_NAME,
   componentName: _constants.COMPONENT_NAME
 };

package/dist/es2019/controllers/callback-context/main.js

@@ -1,6 +1,5 @@
 import React, { useContext, useMemo } from 'react';
 import { useAnalyticsEvents } from '@atlaskit/analytics-next';
-import { getBooleanFF } from '@atlaskit/platform-feature-flags';
 import { ANALYTICS_CHANNEL } from '../../common/constants';
 import createEventPayload from '../../common/utils/analytics/analytics.codegen';
 import { getErrorType } from '../../common/utils/errors';
@@ -15,18 +14,14 @@ const LinkCreateCallbackProvider = ({
   const {
     createAnalyticsEvent
   } = useAnalyticsEvents();
-  const experience = getBooleanFF('platform.linking-platform.link-create.better-observability') ?
-  // eslint-disable-next-line react-hooks/rules-of-hooks
-  useExperience() : null;
+  const experience = useExperience();
   const handleCreate = useMemo(() => ({
     onCreate: async result => {
-      if (getBooleanFF('platform.linking-platform.link-create.better-observability')) {
-        /**
-         * We consider the experience successful once we have
-         * successfully created an object
-         */
-        experience === null || experience === void 0 ? void 0 : experience.success();
-      }
+      /**
+       * We consider the experience successful once we have
+       * successfully created an object
+       */
+      experience === null || experience === void 0 ? void 0 : experience.success();
       const {
         objectId,
         objectType
@@ -45,9 +40,7 @@ const LinkCreateCallbackProvider = ({
       createAnalyticsEvent(createEventPayload('track.object.createFailed.linkCreate', {
         failureType: getErrorType(error)
       })).fire(ANALYTICS_CHANNEL);
-      if (getBooleanFF('platform.linking-platform.link-create.better-observability')) {
-        experience === null || experience === void 0 ? void 0 : experience.failure(error);
-      }
+      experience === null || experience === void 0 ? void 0 : experience.failure(error);
       onFailure && onFailure(error);
     }
   }), [createAnalyticsEvent, onFailure, experience]);

package/dist/es2019/ui/create-form/async-select/main.js

@@ -5,7 +5,6 @@ import { jsx } from '@emotion/react';
 import debounce from 'debounce-promise';
 import { useForm } from 'react-final-form';
 import { useIntl } from 'react-intl-next';
-import { getBooleanFF } from '@atlaskit/platform-feature-flags';
 import { AsyncSelect as AkAsyncSelect } from '@atlaskit/select';
 import messages from '../../../common/messages';
 import { useLinkCreateCallback } from '../../../controllers/callback-context';
@@ -48,9 +47,7 @@ export function AsyncSelect({
   /**
    * This binds experience to fail if async fetch ever fails to load
    */
-  const loadOptions = getBooleanFF('platform.linking-platform.link-create.better-observability') ?
-  // eslint-disable-next-line react-hooks/rules-of-hooks
-  useMemo(() => {
+  const loadOptions = useMemo(() => {
     if (loadOptionsFn) {
       return async function (...args) {
         try {
@@ -62,7 +59,7 @@ export function AsyncSelect({
         }
       };
     }
-  }, [intl, onFailure, loadOptionsFn, setFormErrorMessage]) : loadOptionsFn;
+  }, [intl, onFailure, loadOptionsFn, setFormErrorMessage]);
   useEffect(() => {
     let current = true;
     const fetch = async (query = '') => {

package/dist/es2019/ui/create-form/main.js

@@ -5,7 +5,6 @@ import { FORM_ERROR } from 'final-form';
 import { Form, FormSpy } from 'react-final-form';
 import { useIntl } from 'react-intl-next';
 import { RequiredAsterisk } from '@atlaskit/form';
-import { getBooleanFF } from '@atlaskit/platform-feature-flags';
 import { Box } from '@atlaskit/primitives';
 import { CREATE_FORM_MAX_WIDTH_IN_PX, LINK_CREATE_FORM_POST_CREATE_FIELD } from '../../common/constants';
 import messages from '../../common/messages';
@@ -91,7 +90,7 @@ export const CreateForm = ({
     return jsx(CreateFormLoader, null);
   }
   return jsx(Form, {
-    onSubmit: getBooleanFF('platform.linking-platform.link-create.better-observability') ? handleSubmitWithErrorHandling : handleSubmit,
+    onSubmit: handleSubmitWithErrorHandling,
     initialValues: initialValues,
     mutators: {
       setField: (args, state, tools) => {
@@ -120,7 +119,7 @@ export const CreateForm = ({
         const isModified = Object.values(state.modified).some(value => value);
         setShouldShowWarning(isModified);
       }
-    }), getBooleanFF('platform.linking-platform.link-create.enable-expected-field-errors') && jsx("p", {
+    }), jsx("p", {
       "aria-hidden": "true"
     }, intl.formatMessage(messages.requiredFieldInstruction), ' ', jsx(RequiredAsterisk, null)), jsx(Box, null, children), !hideFooter && jsx(CreateFormFooter
     /**
@@ -129,7 +128,7 @@ export const CreateForm = ({
      * default to the `formErrorMessage` that we sometimes use with our own
      * "form context" (only currently used for AsyncSelect field reporting failed loading)
      */, {
-      formErrorMessage: getBooleanFF('platform.linking-platform.link-create.better-observability') ? submitError || formErrorMessage : formErrorMessage,
+      formErrorMessage: submitError || formErrorMessage,
       handleCancel: handleCancel,
       testId: testId
     }));

package/dist/es2019/ui/link-create/error-boundary/index.js

@@ -1,7 +1,5 @@
 import React, { useCallback } from 'react';
 import { useAnalyticsEvents } from '@atlaskit/analytics-next';
-import { captureException } from '@atlaskit/linking-common/sentry';
-import { getBooleanFF } from '@atlaskit/platform-feature-flags';
 import { ANALYTICS_CHANNEL } from '../../../common/constants';
 import { ErrorBoundaryUI } from '../../../common/ui/error-boundary-ui';
 import createEventPayload from '../../../common/utils/analytics/analytics.codegen';
@@ -14,24 +12,17 @@ export const ErrorBoundary = ({
   const {
     createAnalyticsEvent
   } = useAnalyticsEvents();
-  const experience = getBooleanFF('platform.linking-platform.link-create.better-observability') ?
-  // eslint-disable-next-line react-hooks/rules-of-hooks
-  useExperience() : null;
-  const handleError = useCallback((error, info) => {
+  const experience = useExperience();
+  const handleError = useCallback(error => {
     var _window, _window$navigator;
-    if (!getBooleanFF('platform.linking-platform.link-create.better-observability')) {
-      // Capture exception to Sentry
-      captureException(error, 'link-create');
-    }
     createAnalyticsEvent(createEventPayload('operational.linkCreate.unhandledErrorCaught', {
       browserInfo: ((_window = window) === null || _window === void 0 ? void 0 : (_window$navigator = _window.navigator) === null || _window$navigator === void 0 ? void 0 : _window$navigator.userAgent) || 'unknown',
       error: error.name,
       componentStack: 'unknown'
     })).fire(ANALYTICS_CHANNEL);
-    if (getBooleanFF('platform.linking-platform.link-create.better-observability')) {
-      // Track experience as failed for SLO
-      experience === null || experience === void 0 ? void 0 : experience.failure(error);
-    }
+
+    // Track experience as failed for SLO
+    experience === null || experience === void 0 ? void 0 : experience.failure(error);
   }, [createAnalyticsEvent, experience]);
   return /*#__PURE__*/React.createElement(BaseErrorBoundary, {
     onError: handleError,

package/dist/es2019/ui/link-create/main.js

@@ -4,14 +4,13 @@ import { Fragment, useCallback, useLayoutEffect, useRef, useState } from 'react'
 import { jsx } from '@emotion/react';
 import { useIntl } from 'react-intl-next';
 import { ModalBody, ModalHeader, ModalTitle, ModalTransition } from '@atlaskit/modal-dialog';
-import { getBooleanFF } from '@atlaskit/platform-feature-flags';
 import { Box } from '@atlaskit/primitives';
 import { CREATE_FORM_MAX_WIDTH_IN_PX } from '../../common/constants';
 import { Modal } from '../../common/ui/ModalDialog';
 import { LinkCreateCallbackProvider } from '../../controllers/callback-context';
 import { EditPostCreateModalProvider } from '../../controllers/edit-post-create-context';
 import { ExitWarningModalProvider, useExitWarningModal } from '../../controllers/exit-warning-modal-context';
-import { FormContextProvider, useFormContext } from '../../controllers/form-context';
+import { FormContextProvider } from '../../controllers/form-context';
 import { LinkCreatePluginsProvider } from '../../controllers/plugin-context';
 import { ConfirmDismissDialog } from './confirm-dismiss-dialog';
 import { EditModal } from './edit-modal';
@@ -45,23 +44,6 @@ const LinkCreateWithModal = ({
   modalHero
 }) => {
   const intl = useIntl();
-  const {
-    setFormErrorMessage
-  } = useFormContext();
-  const handleCreate = useCallback(async result => {
-    // Reset the form error message
-    setFormErrorMessage(undefined);
-    if (onCreate) {
-      await onCreate(result);
-    }
-  }, [onCreate, setFormErrorMessage]);
-  const handleFailure = useCallback(error => {
-    // Set the form error message
-    if (error instanceof Error) {
-      setFormErrorMessage(error.message);
-    }
-    onFailure && onFailure(error);
-  }, [onFailure, setFormErrorMessage]);
   const {
     getShouldShowWarning
   } = useExitWarningModal();
@@ -75,8 +57,8 @@ const LinkCreateWithModal = ({
   }, [onCancel, getShouldShowWarning, showExitWarning]);
   const handleCloseExitWarning = useCallback(() => setShowExitWarning(false), []);
   return jsx(LinkCreateCallbackProvider, {
-    onCreate: getBooleanFF('platform.linking-platform.link-create.better-observability') ? onCreate : handleCreate,
-    onFailure: getBooleanFF('platform.linking-platform.link-create.better-observability') ? onFailure : handleFailure,
+    onCreate: onCreate,
+    onFailure: onFailure,
     onCancel: handleCancel
   }, jsx(ModalTransition, null, active && jsx(Modal, {
     testId: "link-create-modal",

package/dist/es2019/ui/main.js

@@ -1,9 +1,8 @@
 /** @jsx jsx */
-import { Fragment, memo } from 'react';
+import { memo } from 'react';
 import { jsx } from '@emotion/react';
 import { AnalyticsContext } from '@atlaskit/analytics-next';
 import { IntlMessagesProvider } from '@atlaskit/intl-messages-provider';
-import { getBooleanFF } from '@atlaskit/platform-feature-flags';
 import { COMPONENT_NAME } from '../common/constants';
 import { ErrorBoundaryModal } from '../common/ui/error-boundary-modal';
 import { withLinkCreateAnalyticsContext } from '../common/utils/analytics';
@@ -13,8 +12,7 @@ import i18nEN from '../i18n/en';
 import LinkCreate from './link-create';
 import { ErrorBoundary } from './link-create/error-boundary';
 const LinkCreateWithAnalyticsContext = withLinkCreateAnalyticsContext( /*#__PURE__*/memo(props => {
-  const ExperienceProvider = getBooleanFF('platform.linking-platform.link-create.better-observability') ? Experience : Fragment;
-  return jsx(ExperienceProvider, null, jsx(ErrorBoundary, {
+  return jsx(Experience, null, jsx(ErrorBoundary, {
     errorComponent: jsx(ErrorBoundaryModal, {
       active: props.active,
       onClose: props.onCancel
@@ -23,7 +21,7 @@ const LinkCreateWithAnalyticsContext = withLinkCreateAnalyticsContext( /*#__PURE
 }));
 export const PACKAGE_DATA = {
   packageName: "@atlaskit/link-create" || '',
-  packageVersion: "1.15.8" || '',
+  packageVersion: "2.0.0" || '',
   component: COMPONENT_NAME,
   componentName: COMPONENT_NAME
 };

package/dist/esm/controllers/callback-context/main.js

@@ -5,7 +5,6 @@ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t =
 import _regeneratorRuntime from "@babel/runtime/regenerator";
 import React, { useContext, useMemo } from 'react';
 import { useAnalyticsEvents } from '@atlaskit/analytics-next';
-import { getBooleanFF } from '@atlaskit/platform-feature-flags';
 import { ANALYTICS_CHANNEL } from '../../common/constants';
 import createEventPayload from '../../common/utils/analytics/analytics.codegen';
 import { getErrorType } from '../../common/utils/errors';
@@ -18,9 +17,7 @@ var LinkCreateCallbackProvider = function LinkCreateCallbackProvider(_ref) {
     onCancel = _ref.onCancel;
   var _useAnalyticsEvents = useAnalyticsEvents(),
     createAnalyticsEvent = _useAnalyticsEvents.createAnalyticsEvent;
-  var experience = getBooleanFF('platform.linking-platform.link-create.better-observability') ?
-  // eslint-disable-next-line react-hooks/rules-of-hooks
-  useExperience() : null;
+  var experience = useExperience();
   var handleCreate = useMemo(function () {
     return {
       onCreate: function () {
@@ -29,13 +26,11 @@ var LinkCreateCallbackProvider = function LinkCreateCallbackProvider(_ref) {
           return _regeneratorRuntime.wrap(function _callee$(_context) {
             while (1) switch (_context.prev = _context.next) {
               case 0:
-                if (getBooleanFF('platform.linking-platform.link-create.better-observability')) {
-                  /**
-                   * We consider the experience successful once we have
-                   * successfully created an object
-                   */
-                  experience === null || experience === void 0 || experience.success();
-                }
+                /**
+                 * We consider the experience successful once we have
+                 * successfully created an object
+                 */
+                experience === null || experience === void 0 || experience.success();
                 objectId = result.objectId, objectType = result.objectType;
                 createAnalyticsEvent(createEventPayload('track.object.created.linkCreate', {
                   objectId: objectId,
@@ -70,9 +65,7 @@ var LinkCreateCallbackProvider = function LinkCreateCallbackProvider(_ref) {
                 createAnalyticsEvent(createEventPayload('track.object.createFailed.linkCreate', {
                   failureType: getErrorType(error)
                 })).fire(ANALYTICS_CHANNEL);
-                if (getBooleanFF('platform.linking-platform.link-create.better-observability')) {
-                  experience === null || experience === void 0 || experience.failure(error);
-                }
+                experience === null || experience === void 0 || experience.failure(error);
                 _onFailure && _onFailure(error);
               case 3:
               case "end":