@atlaskit/link-create 1.15.9 → 2.1.0

package/CONTRIBUTING.md

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

package/dist/cjs/common/constants.js

@@ -3,9 +3,15 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.LINK_CREATE_FORM_POST_CREATE_FIELD = exports.CREATE_FORM_MIN_HEIGHT_IN_PX = exports.CREATE_FORM_MAX_WIDTH_IN_PX = exports.COMPONENT_NAME = exports.ANALYTICS_CHANNEL = void 0;
+exports.PACKAGE_DATA = exports.LINK_CREATE_FORM_POST_CREATE_FIELD = exports.CREATE_FORM_MIN_HEIGHT_IN_PX = exports.CREATE_FORM_MAX_WIDTH_IN_PX = exports.COMPONENT_NAME = exports.ANALYTICS_CHANNEL = void 0;
 var ANALYTICS_CHANNEL = exports.ANALYTICS_CHANNEL = 'media';
 var COMPONENT_NAME = exports.COMPONENT_NAME = 'linkCreate';
 var CREATE_FORM_MAX_WIDTH_IN_PX = exports.CREATE_FORM_MAX_WIDTH_IN_PX = '480';
 var CREATE_FORM_MIN_HEIGHT_IN_PX = exports.CREATE_FORM_MIN_HEIGHT_IN_PX = '200';
-var LINK_CREATE_FORM_POST_CREATE_FIELD = exports.LINK_CREATE_FORM_POST_CREATE_FIELD = '__post_create__';
+var LINK_CREATE_FORM_POST_CREATE_FIELD = exports.LINK_CREATE_FORM_POST_CREATE_FIELD = '__post_create__';
+var PACKAGE_DATA = exports.PACKAGE_DATA = {
+  packageName: "@atlaskit/link-create" || '',
+  packageVersion: "2.1.0" || '',
+  component: COMPONENT_NAME,
+  componentName: COMPONENT_NAME
+};

package/dist/cjs/{ui/link-create → common/ui}/confirm-dismiss-dialog/main.js

@@ -9,9 +9,8 @@ var _react = _interopRequireDefault(require("react"));
 var _reactIntlNext = require("react-intl-next");
 var _analyticsNext = require("@atlaskit/analytics-next");
 var _modalDialog = require("@atlaskit/modal-dialog");
-var _Button = require("../../../common/ui/Button");
-var _ModalDialog = require("../../../common/ui/ModalDialog");
-var _callbackContext = require("../../../controllers/callback-context");
+var _Button = require("../Button");
+var _ModalDialog = require("../ModalDialog");
 var _messages = _interopRequireDefault(require("./messages"));
 var screen = 'linkCreateExitWarningScreen';
 var context = {
@@ -20,10 +19,9 @@ var context = {
 };
 var ConfirmDismissDialog = exports.ConfirmDismissDialog = function ConfirmDismissDialog(_ref) {
   var active = _ref.active,
-    onClose = _ref.onClose;
+    onClose = _ref.onClose,
+    onCancel = _ref.onCancel;
   var intl = (0, _reactIntlNext.useIntl)();
-  var _useLinkCreateCallbac = (0, _callbackContext.useLinkCreateCallback)(),
-    onCancel = _useLinkCreateCallbac.onCancel;
   var onCancelDismiss = function onCancelDismiss() {
     return onClose();
   };

package/dist/cjs/{ui/link-create → common/ui}/edit-modal/index.js

@@ -7,18 +7,14 @@ Object.defineProperty(exports, "__esModule", {
 exports.EditModal = void 0;
 var _react = _interopRequireDefault(require("react"));
 var _modalDialog = require("@atlaskit/modal-dialog");
-var _ModalDialog = require("../../../common/ui/ModalDialog");
-var _editPostCreateContext = require("../../../controllers/edit-post-create-context");
-var _pluginContext = require("../../../controllers/plugin-context");
+var _ModalDialog = require("../ModalDialog");
 var SCREEN = 'linkCreateEditScreen';
 var EditModal = exports.EditModal = function EditModal(_ref) {
   var _activePlugin$editVie;
   var onClose = _ref.onClose,
-    onCloseComplete = _ref.onCloseComplete;
-  var _useEditPostCreateMod = (0, _editPostCreateContext.useEditPostCreateModal)(),
-    editViewPayload = _useEditPostCreateMod.editViewPayload;
-  var _useLinkCreatePlugins = (0, _pluginContext.useLinkCreatePlugins)(),
-    activePlugin = _useLinkCreatePlugins.activePlugin;
+    onCloseComplete = _ref.onCloseComplete,
+    editViewPayload = _ref.editViewPayload,
+    activePlugin = _ref.activePlugin;
   return /*#__PURE__*/_react.default.createElement(_modalDialog.ModalTransition, null, !!editViewPayload && /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_ModalDialog.Modal, {
     testId: "link-create-edit-modal",
     screen: SCREEN,

package/dist/cjs/{ui/link-create → common/ui}/error-boundary/index.js

@@ -8,12 +8,10 @@ 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"));
-var _experienceTracker = require("../../../controllers/experience-tracker");
+var _experienceTracker = require("../experience-tracker");
 var _errorBoundaryBase = require("./error-boundary-base");
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
@@ -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/{controllers → common/ui}/experience-tracker/index.js

@@ -10,9 +10,9 @@ var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/de
 var _react = _interopRequireWildcard(require("react"));
 var _analyticsNext = require("@atlaskit/analytics-next");
 var _sentry = require("@atlaskit/linking-common/sentry");
-var _constants = require("../../common/constants");
-var _analytics = _interopRequireDefault(require("../../common/utils/analytics/analytics.codegen"));
-var _errors = require("../../common/utils/errors");
+var _constants = require("../../constants");
+var _analytics = _interopRequireDefault(require("../../utils/analytics/analytics.codegen"));
+var _errors = require("../../utils/errors");
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
 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; }

package/dist/cjs/common/ui/link-create-content/index.js

@@ -0,0 +1,21 @@
+"use strict";
+
+var _typeof = require("@babel/runtime/helpers/typeof");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.LinkCreateContent = void 0;
+var _react = _interopRequireWildcard(require("react"));
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+var LinkCreateContent = exports.LinkCreateContent = function LinkCreateContent(_ref) {
+  var plugins = _ref.plugins,
+    entityKey = _ref.entityKey;
+  var chosenOne = plugins.find(function (plugin) {
+    return plugin.key === entityKey;
+  });
+  if (!chosenOne) {
+    throw new Error('Make sure you specified a valid entityKey');
+  }
+  return /*#__PURE__*/_react.default.createElement(_react.Fragment, null, chosenOne.form);
+};

package/dist/cjs/{ui/link-create → common/ui}/modal-hero/index.js

@@ -7,11 +7,9 @@ Object.defineProperty(exports, "__esModule", {
 exports.ModalHero = void 0;
 var _react = _interopRequireWildcard(require("react"));
 var _primitives = require("@atlaskit/primitives");
-var _errorBoundary = require("../error-boundary");
+var _errorBoundary = require("../../../common/ui/error-boundary");
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
-// eslint-disable-next-line @atlassian/tangerine/import/no-parent-imports
-
 var ErrorComponent = function ErrorComponent() {
   // when there's an error, render nothing but report the issue
   return /*#__PURE__*/_react.default.createElement(_react.Fragment, null, null);

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

@@ -11,11 +11,10 @@ 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 _experienceTracker = require("../../common/ui/experience-tracker");
 var _analytics = _interopRequireDefault(require("../../common/utils/analytics/analytics.codegen"));
 var _errors = require("../../common/utils/errors");
-var _experienceTracker = require("../experience-tracker");
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
 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; }
@@ -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/index.js

@@ -13,7 +13,7 @@ Object.defineProperty(exports, "AsyncSelect", {
 Object.defineProperty(exports, "CreateForm", {
   enumerable: true,
   get: function get() {
-    return _main2.CreateForm;
+    return _main.CreateForm;
   }
 });
 Object.defineProperty(exports, "CreateFormLoader", {
@@ -28,6 +28,12 @@ Object.defineProperty(exports, "FormSpy", {
     return _formSpy.FormSpy;
   }
 });
+Object.defineProperty(exports, "InlineCreate", {
+  enumerable: true,
+  get: function get() {
+    return _inlineCreate.default;
+  }
+});
 Object.defineProperty(exports, "Select", {
   enumerable: true,
   get: function get() {
@@ -43,12 +49,13 @@ Object.defineProperty(exports, "TextField", {
 Object.defineProperty(exports, "default", {
   enumerable: true,
   get: function get() {
-    return _main.default;
+    return _modalCreate.default;
   }
 });
-var _main = _interopRequireDefault(require("./main"));
+var _modalCreate = _interopRequireDefault(require("./modal-create"));
+var _inlineCreate = _interopRequireDefault(require("./inline-create"));
 var _textfield = require("./create-form/textfield");
-var _main2 = require("./create-form/main");
+var _main = require("./create-form/main");
 var _formLoader = require("./create-form/form-loader");
 var _select = require("./create-form/select");
 var _asyncSelect = require("./create-form/async-select");

package/dist/cjs/ui/inline-create/index.js

@@ -0,0 +1,38 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = require("react");
+var _react2 = require("@emotion/react");
+var _analyticsNext = require("@atlaskit/analytics-next");
+var _intlMessagesProvider = require("@atlaskit/intl-messages-provider");
+var _constants = require("../../common/constants");
+var _errorBoundary = require("../../common/ui/error-boundary");
+var _errorBoundaryModal = require("../../common/ui/error-boundary-modal");
+var _experienceTracker = require("../../common/ui/experience-tracker");
+var _analytics = require("../../common/utils/analytics");
+var _fetchMessagesForLocale = require("../../common/utils/locale/fetch-messages-for-locale");
+var _en = _interopRequireDefault(require("../../i18n/en"));
+var _main = _interopRequireDefault(require("./main"));
+/** @jsx jsx */
+
+var LinkCreateWithAnalyticsContext = (0, _analytics.withLinkCreateAnalyticsContext)( /*#__PURE__*/(0, _react.memo)(function (props) {
+  return (0, _react2.jsx)(_experienceTracker.Experience, null, (0, _react2.jsx)(_errorBoundary.ErrorBoundary, {
+    errorComponent: (0, _react2.jsx)(_errorBoundaryModal.ErrorBoundaryModal, {
+      active: props.active,
+      onClose: props.onCancel
+    })
+  }, (0, _react2.jsx)(_main.default, props)));
+}));
+var ComposedLinkCreate = /*#__PURE__*/(0, _react.memo)(function (props) {
+  return (0, _react2.jsx)(_analyticsNext.AnalyticsContext, {
+    data: _constants.PACKAGE_DATA
+  }, (0, _react2.jsx)(_intlMessagesProvider.IntlMessagesProvider, {
+    defaultMessages: _en.default,
+    loaderFn: _fetchMessagesForLocale.fetchMessagesForLocale
+  }, (0, _react2.jsx)(LinkCreateWithAnalyticsContext, props)));
+});
+var _default = exports.default = ComposedLinkCreate;

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

@@ -0,0 +1,125 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = exports.TEST_ID = void 0;
+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 _react = require("react");
+var _react2 = require("@emotion/react");
+var _primitives = require("@atlaskit/primitives");
+var _confirmDismissDialog = require("../../common/ui/confirm-dismiss-dialog");
+var _editModal = require("../../common/ui/edit-modal");
+var _errorBoundary = require("../../common/ui/error-boundary");
+var _linkCreateContent = require("../../common/ui/link-create-content");
+var _callbackContext = require("../../controllers/callback-context");
+var _editPostCreateContext = require("../../controllers/edit-post-create-context");
+var _exitWarningModalContext = require("../../controllers/exit-warning-modal-context");
+var _formContext = require("../../controllers/form-context");
+var _pluginContext = require("../../controllers/plugin-context");
+/** @jsx jsx */
+
+var TEST_ID = exports.TEST_ID = 'link-create';
+// todo: EDM-10075 trigger the screen.viewed_linkCreateScreen event when inline-create is mounted
+// const SCREEN_ID = 'linkCreateScreen';
+
+var InlineCreateContent = function InlineCreateContent(_ref) {
+  var onCreate = _ref.onCreate,
+    onFailure = _ref.onFailure,
+    onCancel = _ref.onCancel,
+    onComplete = _ref.onComplete,
+    plugins = _ref.plugins,
+    entityKey = _ref.entityKey,
+    testId = _ref.testId;
+  var _useExitWarningModal = (0, _exitWarningModalContext.useExitWarningModal)(),
+    getShouldShowWarning = _useExitWarningModal.getShouldShowWarning;
+  var _useState = (0, _react.useState)(false),
+    _useState2 = (0, _slicedToArray2.default)(_useState, 2),
+    showExitWarning = _useState2[0],
+    setShowExitWarning = _useState2[1];
+  var _useEditPostCreateMod = (0, _editPostCreateContext.useEditPostCreateModal)(),
+    editViewPayload = _useEditPostCreateMod.editViewPayload;
+  var _useLinkCreatePlugins = (0, _pluginContext.useLinkCreatePlugins)(),
+    activePlugin = _useLinkCreatePlugins.activePlugin;
+  var handleCancel = (0, _react.useCallback)(function () {
+    if (getShouldShowWarning() && !showExitWarning) {
+      setShowExitWarning(true);
+      return;
+    }
+    onCancel === null || onCancel === void 0 || onCancel();
+  }, [onCancel, getShouldShowWarning, showExitWarning]);
+  var handleCloseExitWarning = (0, _react.useCallback)(function () {
+    return setShowExitWarning(false);
+  }, []);
+  return (0, _react2.jsx)(_callbackContext.LinkCreateCallbackProvider, {
+    onCreate: onCreate,
+    onFailure: onFailure,
+    onCancel: handleCancel
+  }, (0, _react2.jsx)(_errorBoundary.ErrorBoundary, null, (0, _react2.jsx)(_primitives.Box, {
+    testId: testId
+  }, (0, _react2.jsx)(_linkCreateContent.LinkCreateContent, {
+    plugins: plugins,
+    entityKey: entityKey
+  }))), onComplete && (0, _react2.jsx)(_editModal.EditModal, {
+    onClose: onComplete,
+    editViewPayload: editViewPayload,
+    activePlugin: activePlugin
+  }), (0, _react2.jsx)(_confirmDismissDialog.ConfirmDismissDialog, {
+    active: showExitWarning,
+    onClose: handleCloseExitWarning,
+    onCancel: onCancel
+  }));
+};
+var InlineCreate = function InlineCreate(props) {
+  return (0, _react2.jsx)(_pluginContext.LinkCreatePluginsProvider, {
+    plugins: props.plugins,
+    entityKey: props.entityKey
+  }, function (pluginsProvider) {
+    return (0, _react2.jsx)(_editPostCreateContext.EditPostCreateModalProvider, {
+      active: true
+    }, function (_ref2) {
+      var _pluginsProvider$acti;
+      var setEditViewPayload = _ref2.setEditViewPayload,
+        shouldActivateEditView = _ref2.shouldActivateEditView,
+        enableEditView = _ref2.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)(InlineCreateContent, (0, _extends2.default)({}, props, {
+        onCreate: ( /*#__PURE__*/function () {
+          var _ref3 = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee(payload) {
+            var _props$onCreate;
+            return _regenerator.default.wrap(function _callee$(_context) {
+              while (1) switch (_context.prev = _context.next) {
+                case 0:
+                  _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
+                  if (props.onComplete) {
+                    if (shouldActivateEditView()) {
+                      //edit button is pressed
+                      setEditViewPayload(payload);
+                    } else {
+                      //create button is pressed
+                      props.onComplete();
+                    }
+                  }
+                case 3:
+                case "end":
+                  return _context.stop();
+              }
+            }, _callee);
+          }));
+          return function (_x) {
+            return _ref3.apply(this, arguments);
+          };
+        }())
+      }))));
+    });
+  });
+};
+var _default = exports.default = InlineCreate;

package/dist/cjs/ui/modal-create/index.js

@@ -0,0 +1,38 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = require("react");
+var _react2 = require("@emotion/react");
+var _analyticsNext = require("@atlaskit/analytics-next");
+var _intlMessagesProvider = require("@atlaskit/intl-messages-provider");
+var _constants = require("../../common/constants");
+var _errorBoundary = require("../../common/ui/error-boundary");
+var _errorBoundaryModal = require("../../common/ui/error-boundary-modal");
+var _experienceTracker = require("../../common/ui/experience-tracker");
+var _analytics = require("../../common/utils/analytics");
+var _fetchMessagesForLocale = require("../../common/utils/locale/fetch-messages-for-locale");
+var _en = _interopRequireDefault(require("../../i18n/en"));
+var _main = _interopRequireDefault(require("./main"));
+/** @jsx jsx */
+
+var LinkCreateWithAnalyticsContext = (0, _analytics.withLinkCreateAnalyticsContext)( /*#__PURE__*/(0, _react.memo)(function (props) {
+  return (0, _react2.jsx)(_experienceTracker.Experience, null, (0, _react2.jsx)(_errorBoundary.ErrorBoundary, {
+    errorComponent: (0, _react2.jsx)(_errorBoundaryModal.ErrorBoundaryModal, {
+      active: props.active,
+      onClose: props.onCancel
+    })
+  }, (0, _react2.jsx)(_main.default, props)));
+}));
+var ComposedLinkCreate = /*#__PURE__*/(0, _react.memo)(function (props) {
+  return (0, _react2.jsx)(_analyticsNext.AnalyticsContext, {
+    data: _constants.PACKAGE_DATA
+  }, (0, _react2.jsx)(_intlMessagesProvider.IntlMessagesProvider, {
+    defaultMessages: _en.default,
+    loaderFn: _fetchMessagesForLocale.fetchMessagesForLocale
+  }, (0, _react2.jsx)(LinkCreateWithAnalyticsContext, props)));
+});
+var _default = exports.default = ComposedLinkCreate;