@atlaskit/link-create 1.5.0 → 1.6.0

package/dist/es2019/controllers/edit-post-create-context/index.js

@@ -1,23 +1,30 @@
-import React, { createContext, useContext, useMemo, useState } from 'react';
+import React, { createContext, useContext, useMemo, useRef, useState } from 'react';
 const EditPostCreateModalContext = /*#__PURE__*/createContext({
   editViewPayload: undefined,
-  setEditViewPayload: () => {}
+  setEditViewPayload: () => {},
+  enableEditView: () => {},
+  shouldActivateEditView: () => false
 });
 export const EditPostCreateModalProvider = ({
   active,
   children
 }) => {
+  const shouldActivateEditView = useRef(false);
   const [editViewPayload, setEditViewPayload] = useState(undefined);
   const value = useMemo(() => ({
     editViewPayload,
-    setEditViewPayload
+    setEditViewPayload,
+    enableEditView: enable => {
+      shouldActivateEditView.current = enable;
+    },
+    shouldActivateEditView: () => shouldActivateEditView.current
   }), [editViewPayload, setEditViewPayload]);
   if (editViewPayload && !active) {
     setEditViewPayload(undefined);
   }
   return /*#__PURE__*/React.createElement(EditPostCreateModalContext.Provider, {
     value: value
-  }, children);
+  }, typeof children === 'function' ? children(value) : children);
 };
 export const useEditPostCreateModal = () => {
   const value = useContext(EditPostCreateModalContext);

package/dist/es2019/controllers/plugin-context/index.js

@@ -14,7 +14,7 @@ export const LinkCreatePluginsProvider = ({
   }, [entityKey, plugins]);
   return /*#__PURE__*/React.createElement(LinkCreatePluginsContext.Provider, {
     value: value
-  }, children);
+  }, typeof children === 'function' ? children(value) : children);
 };
 export const useLinkCreatePlugins = () => {
   const value = useContext(LinkCreatePluginsContext);

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

@@ -3,8 +3,9 @@ import { useCallback } from 'react';
 import { css, jsx } from '@emotion/react';
 import { Form, FormSpy } from 'react-final-form';
 import { useAnalyticsEvents } from '@atlaskit/analytics-next';
+import { getBooleanFF } from '@atlaskit/platform-feature-flags';
 import { Box } from '@atlaskit/primitives';
-import { ANALYTICS_CHANNEL, CREATE_FORM_MAX_WIDTH_IN_PX } from '../../common/constants';
+import { ANALYTICS_CHANNEL, CREATE_FORM_MAX_WIDTH_IN_PX, LINK_CREATE_FORM_POST_CREATE_FIELD } from '../../common/constants';
 import createEventPayload from '../../common/utils/analytics/analytics.codegen';
 import { useFormContext } from '../../controllers/form-context';
 import { CreateFormFooter } from './form-footer';
@@ -15,6 +16,7 @@ const formStyles = css({
   padding: `0 0 ${"var(--ds-space-300, 24px)"} 0`,
   margin: `${"var(--ds-space-0, 0px)"} auto`
 });
+const RESERVED_FIELDS = [LINK_CREATE_FORM_POST_CREATE_FIELD];
 export const TEST_ID = 'link-create-form';
 export const CreateForm = ({
   children,
@@ -31,7 +33,8 @@ export const CreateForm = ({
   const {
     getValidators,
     formErrorMessage,
-    setFormDirty
+    setFormDirty,
+    enableEditView
   } = useFormContext();
   const handleSubmit = useCallback(async data => {
     createAnalyticsEvent(createEventPayload('ui.button.clicked.create', {})).fire(ANALYTICS_CHANNEL);
@@ -43,8 +46,22 @@ export const CreateForm = ({
     if (Object.keys(errors).length !== 0) {
       return errors;
     }
+    if (getBooleanFF('platform.linking-platform.link-create.enable-edit')) {
+      const {
+        [LINK_CREATE_FORM_POST_CREATE_FIELD]: shouldEnableEditView,
+        ...formData
+      } = data;
+
+      /**
+       * If form has post-create field set to trigger post-create edit
+       * send this to the form context so we know what to do next
+       * if submission is successful
+       */
+      enableEditView === null || enableEditView === void 0 ? void 0 : enableEditView(!!shouldEnableEditView);
+      return onSubmit(formData);
+    }
     return onSubmit(data);
-  }, [createAnalyticsEvent, getValidators, onSubmit]);
+  }, [createAnalyticsEvent, getValidators, onSubmit, enableEditView]);
   const handleCancel = useCallback(() => {
     createAnalyticsEvent(createEventPayload('ui.button.clicked.cancel', {})).fire(ANALYTICS_CHANNEL);
     onCancel && onCancel();

package/dist/es2019/ui/link-create/confirm-dismiss-dialog/main.js

@@ -1,23 +1,36 @@
 import React from 'react';
 import { useIntl } from 'react-intl-next';
-import Button from '@atlaskit/button';
+import { AnalyticsContext } from '@atlaskit/analytics-next';
 import Modal, { ModalBody, ModalFooter, ModalHeader, ModalTitle, ModalTransition } from '@atlaskit/modal-dialog';
+import { Button } from '../../../common/ui/Button';
+import { ScreenViewedEvent } from '../../../common/utils/analytics/components';
 import messages from './messages';
+const screen = 'linkCreateExitWarningScreen';
+const context = {
+  component: screen,
+  source: screen
+};
 export const ConfirmDismissDialog = ({
   active,
   onCancelDismiss,
   onConfirmDismiss
 }) => {
   const intl = useIntl();
-  return /*#__PURE__*/React.createElement(ModalTransition, null, active && /*#__PURE__*/React.createElement(Modal, {
+  return /*#__PURE__*/React.createElement(ModalTransition, null, active && /*#__PURE__*/React.createElement(AnalyticsContext, {
+    data: context
+  }, /*#__PURE__*/React.createElement(Modal, {
     testId: "link-create-confirm-dismiss-dialog",
     onClose: onCancelDismiss,
     width: "small"
-  }, /*#__PURE__*/React.createElement(ModalHeader, null, /*#__PURE__*/React.createElement(ModalTitle, null, intl.formatMessage(messages.title))), /*#__PURE__*/React.createElement(ModalBody, null, intl.formatMessage(messages.description)), /*#__PURE__*/React.createElement(ModalFooter, null, /*#__PURE__*/React.createElement(Button, {
+  }, /*#__PURE__*/React.createElement(ScreenViewedEvent, {
+    screen: "linkCreateExitWarningScreen"
+  }), /*#__PURE__*/React.createElement(ModalHeader, null, /*#__PURE__*/React.createElement(ModalTitle, null, intl.formatMessage(messages.title))), /*#__PURE__*/React.createElement(ModalBody, null, intl.formatMessage(messages.description)), /*#__PURE__*/React.createElement(ModalFooter, null, /*#__PURE__*/React.createElement(Button, {
+    actionSubjectId: "cancel",
     appearance: "subtle",
     onClick: onCancelDismiss
   }, intl.formatMessage(messages.cancelButtonLabel)), /*#__PURE__*/React.createElement(Button, {
+    actionSubjectId: "confirm",
     appearance: "primary",
     onClick: onConfirmDismiss
-  }, intl.formatMessage(messages.confirmButtonLabel)))));
+  }, intl.formatMessage(messages.confirmButtonLabel))))));
 };

package/dist/es2019/ui/link-create/edit-modal/index.js

@@ -1,17 +1,27 @@
 import React from 'react';
 import Modal, { ModalTransition } from '@atlaskit/modal-dialog';
 import { useEditPostCreateModal } from '../../../controllers/edit-post-create-context';
+import { useLinkCreatePlugins } from '../../../controllers/plugin-context';
 export const EditModal = ({
-  onClose
+  onClose,
+  onCloseComplete
 }) => {
+  var _activePlugin$editVie;
   const {
     editViewPayload
   } = useEditPostCreateModal();
+  const {
+    activePlugin
+  } = useLinkCreatePlugins();
   return /*#__PURE__*/React.createElement(ModalTransition, null, !!editViewPayload && /*#__PURE__*/React.createElement(Modal, {
     testId: "link-create-edit-modal",
     onClose: onClose,
     shouldScrollInViewport: true,
     width: "calc(100vw - 120px)",
-    height: "calc(100vh - 120px)"
-  }));
+    height: "calc(100vh - 120px)",
+    onCloseComplete: onCloseComplete
+  }, activePlugin === null || activePlugin === void 0 ? void 0 : (_activePlugin$editVie = activePlugin.editView) === null || _activePlugin$editVie === void 0 ? void 0 : _activePlugin$editVie.call(activePlugin, {
+    payload: editViewPayload,
+    onClose
+  })));
 };

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

@@ -1,4 +1,4 @@
-import React, { Component } from 'react';
+import { Component } from 'react';
 // eslint-disable-next-line @repo/internal/react/no-class-components
 export class BaseErrorBoundary extends Component {
   constructor(props) {
@@ -19,13 +19,13 @@ export class BaseErrorBoundary extends Component {
   render() {
     const {
       children,
-      ErrorComponent
+      errorComponent
     } = this.props;
     const {
       hasError
     } = this.state;
-    if (hasError && ErrorComponent) {
-      return /*#__PURE__*/React.createElement(ErrorComponent, null);
+    if (hasError && errorComponent) {
+      return errorComponent;
     }
     return children;
   }

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

@@ -1,11 +1,12 @@
 import React, { useCallback } from 'react';
 import { useAnalyticsEvents } from '@atlaskit/analytics-next';
 import { ANALYTICS_CHANNEL } from '../../../common/constants';
+import { ErrorBoundaryUI } from '../../../common/ui/error-boundary-ui';
 import createEventPayload from '../../../common/utils/analytics/analytics.codegen';
 import { BaseErrorBoundary } from './error-boundary-base';
-import { ErrorBoundaryUI } from './error-boundary-ui';
 export const ErrorBoundary = ({
-  children
+  children,
+  errorComponent
 }) => {
   const {
     createAnalyticsEvent
@@ -24,6 +25,6 @@ export const ErrorBoundary = ({
   }, [createAnalyticsEvent]);
   return /*#__PURE__*/React.createElement(BaseErrorBoundary, {
     onError: handleError,
-    ErrorComponent: ErrorBoundaryUI
+    errorComponent: errorComponent !== null && errorComponent !== void 0 ? errorComponent : /*#__PURE__*/React.createElement(ErrorBoundaryUI, null)
   }, children);
 };

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

@@ -9,7 +9,7 @@ import { Box } from '@atlaskit/primitives';
 import { CREATE_FORM_MAX_WIDTH_IN_PX } from '../../common/constants';
 import { LinkCreateCallbackProvider } from '../../controllers/callback-context';
 import { EditPostCreateModalProvider } from '../../controllers/edit-post-create-context';
-import { useFormContext, withLinkCreateFormContext } from '../../controllers/form-context';
+import { FormContextProvider, useFormContext } from '../../controllers/form-context';
 import { LinkCreatePluginsProvider } from '../../controllers/plugin-context';
 import { ConfirmDismissDialog } from './confirm-dismiss-dialog';
 import { EditModal } from './edit-modal';
@@ -96,6 +96,7 @@ const LinkCreateWithModal = ({
   }, jsx(ModalHeader, null, jsx(ModalTitle, null, modalTitle || intl.formatMessage(messages.heading))), jsx(ModalBody, null, jsx(LinkCreate, _extends({}, createProps, {
     onCancel: handleCancel
   }))))), getBooleanFF('platform.linking-platform.link-create.enable-edit') && jsx(EditModal, {
+    onCloseComplete: onCloseComplete,
     onClose: handleCancel
   }), getBooleanFF('platform.linking-platform.link-create.confirm-dismiss-dialog') && jsx(ConfirmDismissDialog, {
     active: dismissDialog,
@@ -103,14 +104,45 @@ const LinkCreateWithModal = ({
     onConfirmDismiss: handleConfirmDismiss
   }));
 };
-export default withLinkCreateFormContext(props => {
+const LinkCreateModalInternal = props => {
   if (getBooleanFF('platform.linking-platform.link-create.enable-edit')) {
     return jsx(LinkCreatePluginsProvider, {
       plugins: props.plugins,
       entityKey: props.entityKey
-    }, jsx(EditPostCreateModalProvider, {
+    }, pluginsProvider => jsx(EditPostCreateModalProvider, {
       active: !!props.active
-    }, jsx(LinkCreateWithModal, props)));
+    }, ({
+      setEditViewPayload,
+      editViewPayload,
+      shouldActivateEditView,
+      enableEditView
+    }) => {
+      var _pluginsProvider$acti;
+      return jsx(FormContextProvider, {
+        enableEditView: pluginsProvider !== null && pluginsProvider !== void 0 && (_pluginsProvider$acti = pluginsProvider.activePlugin) !== null && _pluginsProvider$acti !== void 0 && _pluginsProvider$acti.editView ? enableEditView : undefined
+      }, jsx(LinkCreateWithModal, _extends({}, props, {
+        active: props.active && !editViewPayload,
+        onCreate: async payload => {
+          var _props$onCreate;
+          await ((_props$onCreate = props.onCreate) === null || _props$onCreate === void 0 ? void 0 : _props$onCreate.call(props, payload));
+
+          // 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();
+            }
+          }
+        }
+      })));
+    }));
   }
-  return jsx(LinkCreateWithModal, props);
-});
+  return jsx(FormContextProvider, null, jsx(LinkCreateWithModal, props));
+};
+const LinkCreateModalPublic = props => {
+  return jsx(LinkCreateModalInternal, props);
+};
+export default LinkCreateModalPublic;

package/dist/es2019/ui/main.js

@@ -3,19 +3,30 @@ 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';
 import { fetchMessagesForLocale } from '../common/utils/locale/fetch-messages-for-locale';
 import i18nEN from '../i18n/en';
 import LinkCreate from './link-create';
+import { ErrorBoundary } from './link-create/error-boundary';
 const LinkCreateWithAnalyticsContext = withLinkCreateAnalyticsContext( /*#__PURE__*/memo(({
   ...props
 }) => {
+  if (getBooleanFF('platform.linking-platform.link-create.outer-error-boundary')) {
+    return jsx(ErrorBoundary, {
+      errorComponent: jsx(ErrorBoundaryModal, {
+        active: props.active,
+        onClose: props.onCancel
+      })
+    }, jsx(LinkCreate, props));
+  }
   return jsx(LinkCreate, props);
 }));
 export const PACKAGE_DATA = {
   packageName: "@atlaskit/link-create" || '',
-  packageVersion: "1.5.0" || '',
+  packageVersion: "1.6.0" || '',
   componentName: COMPONENT_NAME,
   source: COMPONENT_NAME
 };

package/dist/esm/common/ui/Button/index.js

@@ -0,0 +1,27 @@
+import _extends from "@babel/runtime/helpers/extends";
+import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
+var _excluded = ["actionSubjectId"];
+import React, { forwardRef } from 'react';
+import { UIAnalyticsEvent, useAnalyticsEvents } from '@atlaskit/analytics-next';
+import AkButton from '@atlaskit/button';
+import { ANALYTICS_CHANNEL } from '../../../common/constants';
+import createEventPayload from '../../../common/utils/analytics/analytics.codegen';
+export var Button = /*#__PURE__*/forwardRef(function (_ref, ref) {
+  var actionSubjectId = _ref.actionSubjectId,
+    props = _objectWithoutProperties(_ref, _excluded);
+  var _useAnalyticsEvents = useAnalyticsEvents(),
+    createAnalyticsEvent = _useAnalyticsEvents.createAnalyticsEvent;
+  return /*#__PURE__*/React.createElement(AkButton, _extends({}, props, {
+    ref: ref,
+    onClick: function onClick(event) {
+      var _props$onClick;
+      var payload = createEventPayload("ui.button.clicked.".concat(actionSubjectId), {});
+      var analyticEvent = createAnalyticsEvent(payload);
+      var cloned = analyticEvent.clone();
+      analyticEvent.fire(ANALYTICS_CHANNEL);
+      (_props$onClick = props.onClick) === null || _props$onClick === void 0 || _props$onClick.call(props, event, cloned !== null && cloned !== void 0 ? cloned : new UIAnalyticsEvent({
+        payload: payload
+      }));
+    }
+  }));
+});

package/dist/esm/common/ui/error-boundary-modal/index.js

@@ -0,0 +1,21 @@
+/** @jsx jsx */
+import { jsx } from '@emotion/react';
+import Modal, { ModalBody, ModalTransition } from '@atlaskit/modal-dialog';
+import { CREATE_FORM_MAX_WIDTH_IN_PX } from '../../constants';
+import { ErrorBoundaryUI } from '../error-boundary-ui';
+
+/**
+ * ErrorBoundaryModal props are the same as those passed to LinkCreate, which
+ * are used to control its active state
+ */
+
+export var ErrorBoundaryModal = function ErrorBoundaryModal(_ref) {
+  var active = _ref.active,
+    onClose = _ref.onClose;
+  return jsx(ModalTransition, null, active && jsx(Modal, {
+    testId: "link-create-error-boundary-modal",
+    onClose: onClose,
+    shouldScrollInViewport: true,
+    width: "".concat(CREATE_FORM_MAX_WIDTH_IN_PX, "px")
+  }, jsx(ModalBody, null, jsx(ErrorBoundaryUI, null))));
+};

package/dist/esm/common/utils/analytics/analytics.codegen.js

@@ -4,7 +4,7 @@ import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
  *
  * Generates Typescript types for analytics events from analytics.spec.yaml
  *
- * @codegen <<SignedSource::afcb2b69ebf56a35a2926fa7fdfd1118>>
+ * @codegen <<SignedSource::af0139619517f37a8bca32ddb6b7d6e0>>
  * @codegenCommand yarn workspace @atlaskit/link-create run codegen-analytics
  */
 

package/dist/esm/common/utils/analytics/components.js

@@ -0,0 +1,13 @@
+import { useEffect } from 'react';
+import { useAnalyticsEvents } from '@atlaskit/analytics-next';
+import { ANALYTICS_CHANNEL } from '../../../common/constants';
+import createEventPayload from './analytics.codegen';
+export var ScreenViewedEvent = function ScreenViewedEvent(_ref) {
+  var screen = _ref.screen;
+  var _useAnalyticsEvents = useAnalyticsEvents(),
+    createAnalyticsEvent = _useAnalyticsEvents.createAnalyticsEvent;
+  useEffect(function () {
+    createAnalyticsEvent(createEventPayload("screen.".concat(screen, ".viewed"), {})).fire(ANALYTICS_CHANNEL);
+  }, [createAnalyticsEvent, screen]);
+  return null;
+};

package/dist/esm/controllers/edit-post-create-context/index.js

@@ -1,12 +1,17 @@
 import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
-import React, { createContext, useContext, useMemo, useState } from 'react';
+import React, { createContext, useContext, useMemo, useRef, useState } from 'react';
 var EditPostCreateModalContext = /*#__PURE__*/createContext({
   editViewPayload: undefined,
-  setEditViewPayload: function setEditViewPayload() {}
+  setEditViewPayload: function setEditViewPayload() {},
+  enableEditView: function enableEditView() {},
+  shouldActivateEditView: function shouldActivateEditView() {
+    return false;
+  }
 });
 export var EditPostCreateModalProvider = function EditPostCreateModalProvider(_ref) {
   var active = _ref.active,
     children = _ref.children;
+  var _shouldActivateEditView = useRef(false);
   var _useState = useState(undefined),
     _useState2 = _slicedToArray(_useState, 2),
     editViewPayload = _useState2[0],
@@ -14,7 +19,13 @@ export var EditPostCreateModalProvider = function EditPostCreateModalProvider(_r
   var value = useMemo(function () {
     return {
       editViewPayload: editViewPayload,
-      setEditViewPayload: setEditViewPayload
+      setEditViewPayload: setEditViewPayload,
+      enableEditView: function enableEditView(enable) {
+        _shouldActivateEditView.current = enable;
+      },
+      shouldActivateEditView: function shouldActivateEditView() {
+        return _shouldActivateEditView.current;
+      }
     };
   }, [editViewPayload, setEditViewPayload]);
   if (editViewPayload && !active) {
@@ -22,7 +33,7 @@ export var EditPostCreateModalProvider = function EditPostCreateModalProvider(_r
   }
   return /*#__PURE__*/React.createElement(EditPostCreateModalContext.Provider, {
     value: value
-  }, children);
+  }, typeof children === 'function' ? children(value) : children);
 };
 export var useEditPostCreateModal = function useEditPostCreateModal() {
   var value = useContext(EditPostCreateModalContext);

package/dist/esm/controllers/plugin-context/index.js

@@ -18,7 +18,7 @@ export var LinkCreatePluginsProvider = function LinkCreatePluginsProvider(_ref)
   }, [entityKey, plugins]);
   return /*#__PURE__*/React.createElement(LinkCreatePluginsContext.Provider, {
     value: value
-  }, children);
+  }, typeof children === 'function' ? children(value) : children);
 };
 export var useLinkCreatePlugins = function useLinkCreatePlugins() {
   var value = useContext(LinkCreatePluginsContext);

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

@@ -1,14 +1,18 @@
+import _typeof from "@babel/runtime/helpers/typeof";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
 import _asyncToGenerator from "@babel/runtime/helpers/asyncToGenerator";
 var _excluded = ["submitting"];
 import _regeneratorRuntime from "@babel/runtime/regenerator";
+function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
+function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
 /** @jsx jsx */
 import { useCallback } from 'react';
 import { css, jsx } from '@emotion/react';
 import { Form, FormSpy } from 'react-final-form';
 import { useAnalyticsEvents } from '@atlaskit/analytics-next';
+import { getBooleanFF } from '@atlaskit/platform-feature-flags';
 import { Box } from '@atlaskit/primitives';
-import { ANALYTICS_CHANNEL, CREATE_FORM_MAX_WIDTH_IN_PX } from '../../common/constants';
+import { ANALYTICS_CHANNEL, CREATE_FORM_MAX_WIDTH_IN_PX, LINK_CREATE_FORM_POST_CREATE_FIELD } from '../../common/constants';
 import createEventPayload from '../../common/utils/analytics/analytics.codegen';
 import { useFormContext } from '../../controllers/form-context';
 import { CreateFormFooter } from './form-footer';
@@ -19,6 +23,7 @@ var formStyles = css({
   padding: "0 0 ".concat("var(--ds-space-300, 24px)", " 0"),
   margin: "var(--ds-space-0, 0px)".concat(" auto")
 });
+var RESERVED_FIELDS = [LINK_CREATE_FORM_POST_CREATE_FIELD];
 export var TEST_ID = 'link-create-form';
 export var CreateForm = function CreateForm(_ref) {
   var children = _ref.children,
@@ -34,10 +39,11 @@ export var CreateForm = function CreateForm(_ref) {
   var _useFormContext = useFormContext(),
     getValidators = _useFormContext.getValidators,
     formErrorMessage = _useFormContext.formErrorMessage,
-    setFormDirty = _useFormContext.setFormDirty;
+    setFormDirty = _useFormContext.setFormDirty,
+    enableEditView = _useFormContext.enableEditView;
   var handleSubmit = useCallback( /*#__PURE__*/function () {
     var _ref2 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee(data) {
-      var validators, errors;
+      var validators, errors, shouldEnableEditView, formData;
       return _regeneratorRuntime.wrap(function _callee$(_context) {
         while (1) switch (_context.prev = _context.next) {
           case 0:
@@ -53,8 +59,21 @@ export var CreateForm = function CreateForm(_ref) {
             }
             return _context.abrupt("return", errors);
           case 5:
+            if (!getBooleanFF('platform.linking-platform.link-create.enable-edit')) {
+              _context.next = 9;
+              break;
+            }
+            shouldEnableEditView = data[LINK_CREATE_FORM_POST_CREATE_FIELD], formData = _objectWithoutProperties(data, [LINK_CREATE_FORM_POST_CREATE_FIELD].map(_toPropertyKey));
+            /**
+             * If form has post-create field set to trigger post-create edit
+             * send this to the form context so we know what to do next
+             * if submission is successful
+             */
+            enableEditView === null || enableEditView === void 0 || enableEditView(!!shouldEnableEditView);
+            return _context.abrupt("return", onSubmit(formData));
+          case 9:
             return _context.abrupt("return", onSubmit(data));
-          case 6:
+          case 10:
           case "end":
             return _context.stop();
         }
@@ -63,7 +82,7 @@ export var CreateForm = function CreateForm(_ref) {
     return function (_x) {
       return _ref2.apply(this, arguments);
     };
-  }(), [createAnalyticsEvent, getValidators, onSubmit]);
+  }(), [createAnalyticsEvent, getValidators, onSubmit, enableEditView]);
   var handleCancel = useCallback(function () {
     createAnalyticsEvent(createEventPayload('ui.button.clicked.cancel', {})).fire(ANALYTICS_CHANNEL);
     onCancel && onCancel();

package/dist/esm/ui/link-create/confirm-dismiss-dialog/main.js

@@ -1,22 +1,35 @@
 import React from 'react';
 import { useIntl } from 'react-intl-next';
-import Button from '@atlaskit/button';
+import { AnalyticsContext } from '@atlaskit/analytics-next';
 import Modal, { ModalBody, ModalFooter, ModalHeader, ModalTitle, ModalTransition } from '@atlaskit/modal-dialog';
+import { Button } from '../../../common/ui/Button';
+import { ScreenViewedEvent } from '../../../common/utils/analytics/components';
 import messages from './messages';
+var screen = 'linkCreateExitWarningScreen';
+var context = {
+  component: screen,
+  source: screen
+};
 export var ConfirmDismissDialog = function ConfirmDismissDialog(_ref) {
   var active = _ref.active,
     onCancelDismiss = _ref.onCancelDismiss,
     onConfirmDismiss = _ref.onConfirmDismiss;
   var intl = useIntl();
-  return /*#__PURE__*/React.createElement(ModalTransition, null, active && /*#__PURE__*/React.createElement(Modal, {
+  return /*#__PURE__*/React.createElement(ModalTransition, null, active && /*#__PURE__*/React.createElement(AnalyticsContext, {
+    data: context
+  }, /*#__PURE__*/React.createElement(Modal, {
     testId: "link-create-confirm-dismiss-dialog",
     onClose: onCancelDismiss,
     width: "small"
-  }, /*#__PURE__*/React.createElement(ModalHeader, null, /*#__PURE__*/React.createElement(ModalTitle, null, intl.formatMessage(messages.title))), /*#__PURE__*/React.createElement(ModalBody, null, intl.formatMessage(messages.description)), /*#__PURE__*/React.createElement(ModalFooter, null, /*#__PURE__*/React.createElement(Button, {
+  }, /*#__PURE__*/React.createElement(ScreenViewedEvent, {
+    screen: "linkCreateExitWarningScreen"
+  }), /*#__PURE__*/React.createElement(ModalHeader, null, /*#__PURE__*/React.createElement(ModalTitle, null, intl.formatMessage(messages.title))), /*#__PURE__*/React.createElement(ModalBody, null, intl.formatMessage(messages.description)), /*#__PURE__*/React.createElement(ModalFooter, null, /*#__PURE__*/React.createElement(Button, {
+    actionSubjectId: "cancel",
     appearance: "subtle",
     onClick: onCancelDismiss
   }, intl.formatMessage(messages.cancelButtonLabel)), /*#__PURE__*/React.createElement(Button, {
+    actionSubjectId: "confirm",
     appearance: "primary",
     onClick: onConfirmDismiss
-  }, intl.formatMessage(messages.confirmButtonLabel)))));
+  }, intl.formatMessage(messages.confirmButtonLabel))))));
 };

package/dist/esm/ui/link-create/edit-modal/index.js

@@ -1,15 +1,24 @@
 import React from 'react';
 import Modal, { ModalTransition } from '@atlaskit/modal-dialog';
 import { useEditPostCreateModal } from '../../../controllers/edit-post-create-context';
+import { useLinkCreatePlugins } from '../../../controllers/plugin-context';
 export var EditModal = function EditModal(_ref) {
-  var onClose = _ref.onClose;
+  var _activePlugin$editVie;
+  var onClose = _ref.onClose,
+    onCloseComplete = _ref.onCloseComplete;
   var _useEditPostCreateMod = useEditPostCreateModal(),
     editViewPayload = _useEditPostCreateMod.editViewPayload;
+  var _useLinkCreatePlugins = useLinkCreatePlugins(),
+    activePlugin = _useLinkCreatePlugins.activePlugin;
   return /*#__PURE__*/React.createElement(ModalTransition, null, !!editViewPayload && /*#__PURE__*/React.createElement(Modal, {
     testId: "link-create-edit-modal",
     onClose: onClose,
     shouldScrollInViewport: true,
     width: "calc(100vw - 120px)",
-    height: "calc(100vh - 120px)"
-  }));
+    height: "calc(100vh - 120px)",
+    onCloseComplete: onCloseComplete
+  }, activePlugin === null || activePlugin === void 0 || (_activePlugin$editVie = activePlugin.editView) === null || _activePlugin$editVie === void 0 ? void 0 : _activePlugin$editVie.call(activePlugin, {
+    payload: editViewPayload,
+    onClose: onClose
+  })));
 };

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

@@ -5,7 +5,7 @@ import _possibleConstructorReturn from "@babel/runtime/helpers/possibleConstruct
 import _getPrototypeOf from "@babel/runtime/helpers/getPrototypeOf";
 function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
 function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
-import React, { Component } from 'react';
+import { Component } from 'react';
 // eslint-disable-next-line @repo/internal/react/no-class-components
 export var BaseErrorBoundary = /*#__PURE__*/function (_Component) {
   _inherits(BaseErrorBoundary, _Component);
@@ -33,10 +33,10 @@ export var BaseErrorBoundary = /*#__PURE__*/function (_Component) {
     value: function render() {
       var _this$props = this.props,
         children = _this$props.children,
-        ErrorComponent = _this$props.ErrorComponent;
+        errorComponent = _this$props.errorComponent;
       var hasError = this.state.hasError;
-      if (hasError && ErrorComponent) {
-        return /*#__PURE__*/React.createElement(ErrorComponent, null);
+      if (hasError && errorComponent) {
+        return errorComponent;
       }
       return children;
     }

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

@@ -1,11 +1,12 @@
 import React, { useCallback } from 'react';
 import { useAnalyticsEvents } from '@atlaskit/analytics-next';
 import { ANALYTICS_CHANNEL } from '../../../common/constants';
+import { ErrorBoundaryUI } from '../../../common/ui/error-boundary-ui';
 import createEventPayload from '../../../common/utils/analytics/analytics.codegen';
 import { BaseErrorBoundary } from './error-boundary-base';
-import { ErrorBoundaryUI } from './error-boundary-ui';
 export var ErrorBoundary = function ErrorBoundary(_ref) {
-  var children = _ref.children;
+  var children = _ref.children,
+    errorComponent = _ref.errorComponent;
   var _useAnalyticsEvents = useAnalyticsEvents(),
     createAnalyticsEvent = _useAnalyticsEvents.createAnalyticsEvent;
   var handleError = useCallback(function (error, info) {
@@ -22,6 +23,6 @@ export var ErrorBoundary = function ErrorBoundary(_ref) {
   }, [createAnalyticsEvent]);
   return /*#__PURE__*/React.createElement(BaseErrorBoundary, {
     onError: handleError,
-    ErrorComponent: ErrorBoundaryUI
+    errorComponent: errorComponent !== null && errorComponent !== void 0 ? errorComponent : /*#__PURE__*/React.createElement(ErrorBoundaryUI, null)
   }, children);
 };