@atlaskit/link-create 1.9.5 → 1.11.0

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

@@ -5,20 +5,24 @@ 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';
+import { useExperience } from '../../../controllers/experience-tracker';
 import { BaseErrorBoundary } from './error-boundary-base';
 export var ErrorBoundary = function ErrorBoundary(_ref) {
   var children = _ref.children,
     errorComponent = _ref.errorComponent;
   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 handleError = useCallback(function (error, info) {
     var _window, _window2, _info$componentStack;
-    if (getBooleanFF('platform.linking-platform.link-create.enable-sentry-client')) {
-      // Capture exception to Sentry
-      captureException(error, 'link-create');
+    if (!getBooleanFF('platform.linking-platform.link-create.better-observability')) {
+      if (getBooleanFF('platform.linking-platform.link-create.enable-sentry-client')) {
+        // Capture exception to Sentry
+        captureException(error, 'link-create');
+      }
     }
-
-    // Fire Analytics event
     createAnalyticsEvent(createEventPayload('operational.linkCreate.unhandledErrorCaught', getBooleanFF('platform.linking-platform.link-create.enable-sentry-client') ? {
       browserInfo: ((_window = window) === null || _window === void 0 || (_window = _window.navigator) === null || _window === void 0 ? void 0 : _window.userAgent) || 'unknown',
       error: error.name,
@@ -28,10 +32,11 @@ export var ErrorBoundary = function ErrorBoundary(_ref) {
       error: error.toString(),
       componentStack: (_info$componentStack = info === null || info === void 0 ? void 0 : info.componentStack) !== null && _info$componentStack !== void 0 ? _info$componentStack : ''
     })).fire(ANALYTICS_CHANNEL);
-
-    // Fire UFO failed experience
-    // failUfoExperience(ufoExperience.mounted);
-  }, [createAnalyticsEvent]);
+    if (getBooleanFF('platform.linking-platform.link-create.better-observability')) {
+      // Track experience as failed for SLO
+      experience === null || experience === void 0 || experience.failure(error);
+    }
+  }, [createAnalyticsEvent, experience]);
   return /*#__PURE__*/React.createElement(BaseErrorBoundary, {
     onError: handleError,
     errorComponent: errorComponent !== null && errorComponent !== void 0 ? errorComponent : /*#__PURE__*/React.createElement(ErrorBoundaryUI, null)

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

@@ -74,7 +74,9 @@ var LinkCreateWithModal = function LinkCreateWithModal(_ref2) {
   }(), [onCreate, setFormErrorMessage]);
   var handleFailure = useCallback(function (error) {
     // Set the form error message
-    setFormErrorMessage(error.message);
+    if (error instanceof Error) {
+      setFormErrorMessage(error.message);
+    }
     onFailure && onFailure(error);
   }, [onFailure, setFormErrorMessage]);
   var _useExitWarningModal = useExitWarningModal(),
@@ -96,8 +98,8 @@ var LinkCreateWithModal = function LinkCreateWithModal(_ref2) {
     return setShowExitWarning(false);
   }, []);
   return jsx(LinkCreateCallbackProvider, {
-    onCreate: handleCreate,
-    onFailure: handleFailure,
+    onCreate: getBooleanFF('platform.linking-platform.link-create.better-observability') ? onCreate : handleCreate,
+    onFailure: getBooleanFF('platform.linking-platform.link-create.better-observability') ? onFailure : handleFailure,
     onCancel: handleCancel
   }, jsx(ModalTransition, null, active && jsx(Modal, {
     testId: "link-create-modal",

package/dist/esm/ui/main.js

@@ -1,31 +1,31 @@
-import _objectDestructuringEmpty from "@babel/runtime/helpers/objectDestructuringEmpty";
-import _extends from "@babel/runtime/helpers/extends";
 /** @jsx jsx */
-import { memo } from 'react';
+import { Fragment, 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 { Experience } from '../controllers/experience-tracker';
 import i18nEN from '../i18n/en';
 import LinkCreate from './link-create';
 import { ErrorBoundary } from './link-create/error-boundary';
-var LinkCreateWithAnalyticsContext = withLinkCreateAnalyticsContext( /*#__PURE__*/memo(function (_ref) {
-  var props = _extends({}, (_objectDestructuringEmpty(_ref), _ref));
-  return jsx(ErrorBoundary, {
+var LinkCreateWithAnalyticsContext = withLinkCreateAnalyticsContext( /*#__PURE__*/memo(function (props) {
+  var ExperienceProvider = getBooleanFF('platform.linking-platform.link-create.better-observability') ? Experience : Fragment;
+  return jsx(ExperienceProvider, null, jsx(ErrorBoundary, {
     errorComponent: jsx(ErrorBoundaryModal, {
       active: props.active,
       onClose: props.onCancel
     })
-  }, jsx(LinkCreate, props));
+  }, jsx(LinkCreate, props)));
 }));
 export var PACKAGE_DATA = {
   packageName: "@atlaskit/link-create" || '',
-  packageVersion: "1.9.5" || '',
-  componentName: COMPONENT_NAME,
-  source: COMPONENT_NAME
+  packageVersion: "1.11.0" || '',
+  component: COMPONENT_NAME,
+  componentName: COMPONENT_NAME
 };
 var ComposedLinkCreate = /*#__PURE__*/memo(function (props) {
   return jsx(AnalyticsContext, {

package/dist/types/common/messages.d.ts

@@ -0,0 +1,8 @@
+declare const _default: {
+    genericErrorMessage: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+};
+export default _default;

package/dist/types/common/types.d.ts

@@ -70,7 +70,7 @@ export type CreatePayload = {
      * https://stash.atlassian.com/projects/JIRACLOUD/repos/jira-frontend/browse/src/packages/issue-create/issue-create-embed/src/ui/index.tsx
      * https://stash.atlassian.com/projects/JIRACLOUD/repos/jira-frontend/pull-requests/103587/overview?commentId=5778323
      */
-    ari: string | undefined;
+    ari?: string | undefined;
     /** The object identifier for the resource created by the create plugin (for analytics) */
     objectId: string;
     /** The type of object created (for analytics) */

package/dist/types/common/ui/error-boundary-ui/messages.d.ts

@@ -1,9 +1,4 @@
 declare const _default: {
-    heading: {
-        id: string;
-        defaultMessage: string;
-        description: string;
-    };
     description: {
         id: string;
         defaultMessage: string;

package/dist/types/common/utils/analytics/analytics.codegen.d.ts

@@ -3,13 +3,13 @@
  *
  * Generates Typescript types for analytics events from analytics.spec.yaml
  *
- * @codegen <<SignedSource::be704bbbca0e49c927d1268b9a0f1d6a>>
+ * @codegen <<SignedSource::20562f2db603daab7d5b7a5c5ba1c04b>>
  * @codegenCommand yarn workspace @atlaskit/link-create run codegen-analytics
  */
 export type PackageMetaDataType = {
     packageName: string;
     packageVersion: string;
-    source: 'linkCreate';
+    component: 'linkCreate';
     componentName: 'linkCreate';
 };
 export type LinkCreateAnalyticsContextType = {
@@ -38,6 +38,14 @@ export type ObjectCreatedLinkCreateAttributesType = {
 export type ObjectCreateFailedLinkCreateAttributesType = {
     failureType: string;
 };
+export type OperationFailedLinkCreateAttributesType = {
+    errorType: string | null;
+    experienceStatus: 'SUCCEEDED' | 'FAILED';
+    previousExperienceStatus: 'STARTED' | 'SUCCEEDED' | 'FAILED';
+    path: string | null;
+    status: number | null;
+    traceId: string | null;
+};
 export type AnalyticsEventAttributes = {
     'screen.linkCreateScreen.viewed': LinkCreateScreenViewedAttributesType;
     'screen.linkCreateEditScreen.viewed': LinkCreateEditScreenViewedAttributesType;
@@ -51,6 +59,7 @@ export type AnalyticsEventAttributes = {
     'operational.linkCreate.unhandledErrorCaught': LinkCreateUnhandledErrorCaughtAttributesType;
     'track.object.created.linkCreate': ObjectCreatedLinkCreateAttributesType;
     'track.object.createFailed.linkCreate': ObjectCreateFailedLinkCreateAttributesType;
+    'operational.operation.failed.linkCreate': OperationFailedLinkCreateAttributesType;
 };
 declare function createEventPayload<K extends keyof AnalyticsEventAttributes>(eventKey: K, attributes: AnalyticsEventAttributes[K]): {
     eventType: string;

package/dist/types/common/utils/errors/index.d.ts

@@ -0,0 +1,10 @@
+export declare const getNetworkFields: (error: unknown) => {
+    traceId: string | null;
+    status: number;
+    path: string;
+} | {
+    traceId: null;
+    status: null;
+    path: null;
+};
+export declare const getErrorType: (error: unknown) => string;

package/dist/types/controllers/callback-context/main.d.ts

@@ -8,7 +8,7 @@ interface LinkCreateCallbackProviderProps {
     /**
      * This callback for any errors
      */
-    onFailure?: (error: Error) => void;
+    onFailure?: (error: unknown) => void;
     /**
      * This callback for when the form was manually discarded by user
      */

package/dist/types/controllers/experience-tracker/index.d.ts

@@ -0,0 +1,22 @@
+import React from 'react';
+export type ExperienceProps = {
+    children: React.ReactNode;
+};
+type ExperienceContextValue = {
+    /**
+     * Mark the experience as successful.
+     */
+    success: () => void;
+    /**
+     * Mark the experience as failed.
+     * Sends an analytics event to track experience as failed.
+     */
+    failure: (error: unknown) => void;
+};
+/**
+ * Experience provider that simply keeps track of the state of the experience.
+ * Fires an operational event when experience state changes to FAILED.
+ */
+export declare const Experience: ({ children }: ExperienceProps) => JSX.Element;
+export declare const useExperience: () => ExperienceContextValue;
+export {};

package/dist/types/index.d.ts

@@ -1,3 +1,4 @@
+export { FORM_ERROR } from 'final-form';
 export type { CreateFormProps } from './ui/index';
 export type { LinkCreateProps, LinkCreatePlugin, LinkCreateWithModalProps, CreatePayload, EditViewProps, } from './common/types';
 export { default, TextField, CreateForm, Select, AsyncSelect, CreateFormLoader, FormSpy, } from './ui/index';

package/dist/types/ui/create-form/async-select/main.d.ts

@@ -8,4 +8,4 @@ export declare const TEST_ID = "link-create-async-select";
  * errors returned by the handleSubmit function passed to the form <Form> that
  * have a key matching the `name` of this field are shown below the field.
  */
-export declare function AsyncSelect<T = OptionType>({ id, name, label, isRequired, validators, validationHelpText, testId, defaultOption: propsDefaultValue, loadOptions, ...restProps }: AsyncSelectProps<T>): jsx.JSX.Element;
+export declare function AsyncSelect<T = OptionType>({ id, name, label, isRequired, validators, validationHelpText, testId, defaultOption: propsDefaultValue, loadOptions: loadOptionsFn, ...restProps }: AsyncSelectProps<T>): jsx.JSX.Element;

package/dist/types/ui/create-form/form-footer/edit-button/messages.d.ts

@@ -1,5 +1,5 @@
 export declare const messages: {
-    edit: {
+    createAndOpen: {
         id: string;
         defaultMessage: string;
         description: string;

package/dist/types/ui/create-form/main.d.ts

@@ -9,11 +9,28 @@ type DisallowReservedFields<T> = T & {
     [Field in (typeof RESERVED_FIELDS)[number]]?: never;
 };
 type OmitReservedFields<T> = Omit<T, keyof ReservedFields>;
+type Errors = Record<string, string>;
 export interface CreateFormProps<FormData> {
+    /**
+     * Should resolve to void, or resolve to an object of
+     * keys (field names) with error messages (key values)
+     */
+    onSubmit: (data: OmitReservedFields<FormData>) => void | Errors | Promise<void | Errors>;
+    /**
+     * Children to render in the form (form fields)
+     */
     children: ReactNode;
+    /**
+     * Test id to render on the form element
+     */
     testId?: string;
-    onSubmit: (data: OmitReservedFields<FormData>) => void;
+    /**
+     * Callback when the cancel button is fired
+     */
     onCancel?: () => void;
+    /**
+     * Renders a spinner when true
+     */
     isLoading?: boolean;
     /**
      * Hides the rendering of the footer buttons

package/dist/types-ts4.5/common/messages.d.ts

@@ -0,0 +1,8 @@
+declare const _default: {
+    genericErrorMessage: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+};
+export default _default;

package/dist/types-ts4.5/common/types.d.ts

@@ -70,7 +70,7 @@ export type CreatePayload = {
      * https://stash.atlassian.com/projects/JIRACLOUD/repos/jira-frontend/browse/src/packages/issue-create/issue-create-embed/src/ui/index.tsx
      * https://stash.atlassian.com/projects/JIRACLOUD/repos/jira-frontend/pull-requests/103587/overview?commentId=5778323
      */
-    ari: string | undefined;
+    ari?: string | undefined;
     /** The object identifier for the resource created by the create plugin (for analytics) */
     objectId: string;
     /** The type of object created (for analytics) */

package/dist/types-ts4.5/common/ui/error-boundary-ui/messages.d.ts

@@ -1,9 +1,4 @@
 declare const _default: {
-    heading: {
-        id: string;
-        defaultMessage: string;
-        description: string;
-    };
     description: {
         id: string;
         defaultMessage: string;

package/dist/types-ts4.5/common/utils/analytics/analytics.codegen.d.ts

@@ -3,13 +3,13 @@
  *
  * Generates Typescript types for analytics events from analytics.spec.yaml
  *
- * @codegen <<SignedSource::be704bbbca0e49c927d1268b9a0f1d6a>>
+ * @codegen <<SignedSource::20562f2db603daab7d5b7a5c5ba1c04b>>
  * @codegenCommand yarn workspace @atlaskit/link-create run codegen-analytics
  */
 export type PackageMetaDataType = {
     packageName: string;
     packageVersion: string;
-    source: 'linkCreate';
+    component: 'linkCreate';
     componentName: 'linkCreate';
 };
 export type LinkCreateAnalyticsContextType = {
@@ -38,6 +38,14 @@ export type ObjectCreatedLinkCreateAttributesType = {
 export type ObjectCreateFailedLinkCreateAttributesType = {
     failureType: string;
 };
+export type OperationFailedLinkCreateAttributesType = {
+    errorType: string | null;
+    experienceStatus: 'SUCCEEDED' | 'FAILED';
+    previousExperienceStatus: 'STARTED' | 'SUCCEEDED' | 'FAILED';
+    path: string | null;
+    status: number | null;
+    traceId: string | null;
+};
 export type AnalyticsEventAttributes = {
     'screen.linkCreateScreen.viewed': LinkCreateScreenViewedAttributesType;
     'screen.linkCreateEditScreen.viewed': LinkCreateEditScreenViewedAttributesType;
@@ -51,6 +59,7 @@ export type AnalyticsEventAttributes = {
     'operational.linkCreate.unhandledErrorCaught': LinkCreateUnhandledErrorCaughtAttributesType;
     'track.object.created.linkCreate': ObjectCreatedLinkCreateAttributesType;
     'track.object.createFailed.linkCreate': ObjectCreateFailedLinkCreateAttributesType;
+    'operational.operation.failed.linkCreate': OperationFailedLinkCreateAttributesType;
 };
 declare function createEventPayload<K extends keyof AnalyticsEventAttributes>(eventKey: K, attributes: AnalyticsEventAttributes[K]): {
     eventType: string;

package/dist/types-ts4.5/common/utils/errors/index.d.ts

@@ -0,0 +1,10 @@
+export declare const getNetworkFields: (error: unknown) => {
+    traceId: string | null;
+    status: number;
+    path: string;
+} | {
+    traceId: null;
+    status: null;
+    path: null;
+};
+export declare const getErrorType: (error: unknown) => string;

package/dist/types-ts4.5/controllers/callback-context/main.d.ts

@@ -8,7 +8,7 @@ interface LinkCreateCallbackProviderProps {
     /**
      * This callback for any errors
      */
-    onFailure?: (error: Error) => void;
+    onFailure?: (error: unknown) => void;
     /**
      * This callback for when the form was manually discarded by user
      */

package/dist/types-ts4.5/controllers/experience-tracker/index.d.ts

@@ -0,0 +1,22 @@
+import React from 'react';
+export type ExperienceProps = {
+    children: React.ReactNode;
+};
+type ExperienceContextValue = {
+    /**
+     * Mark the experience as successful.
+     */
+    success: () => void;
+    /**
+     * Mark the experience as failed.
+     * Sends an analytics event to track experience as failed.
+     */
+    failure: (error: unknown) => void;
+};
+/**
+ * Experience provider that simply keeps track of the state of the experience.
+ * Fires an operational event when experience state changes to FAILED.
+ */
+export declare const Experience: ({ children }: ExperienceProps) => JSX.Element;
+export declare const useExperience: () => ExperienceContextValue;
+export {};

package/dist/types-ts4.5/index.d.ts

@@ -1,3 +1,4 @@
+export { FORM_ERROR } from 'final-form';
 export type { CreateFormProps } from './ui/index';
 export type { LinkCreateProps, LinkCreatePlugin, LinkCreateWithModalProps, CreatePayload, EditViewProps, } from './common/types';
 export { default, TextField, CreateForm, Select, AsyncSelect, CreateFormLoader, FormSpy, } from './ui/index';

package/dist/types-ts4.5/ui/create-form/async-select/main.d.ts

@@ -8,4 +8,4 @@ export declare const TEST_ID = "link-create-async-select";
  * errors returned by the handleSubmit function passed to the form <Form> that
  * have a key matching the `name` of this field are shown below the field.
  */
-export declare function AsyncSelect<T = OptionType>({ id, name, label, isRequired, validators, validationHelpText, testId, defaultOption: propsDefaultValue, loadOptions, ...restProps }: AsyncSelectProps<T>): jsx.JSX.Element;
+export declare function AsyncSelect<T = OptionType>({ id, name, label, isRequired, validators, validationHelpText, testId, defaultOption: propsDefaultValue, loadOptions: loadOptionsFn, ...restProps }: AsyncSelectProps<T>): jsx.JSX.Element;

package/dist/types-ts4.5/ui/create-form/form-footer/edit-button/messages.d.ts

@@ -1,5 +1,5 @@
 export declare const messages: {
-    edit: {
+    createAndOpen: {
         id: string;
         defaultMessage: string;
         description: string;

package/dist/types-ts4.5/ui/create-form/main.d.ts

@@ -11,11 +11,28 @@ type DisallowReservedFields<T> = T & {
     [Field in (typeof RESERVED_FIELDS)[number]]?: never;
 };
 type OmitReservedFields<T> = Omit<T, keyof ReservedFields>;
+type Errors = Record<string, string>;
 export interface CreateFormProps<FormData> {
+    /**
+     * Should resolve to void, or resolve to an object of
+     * keys (field names) with error messages (key values)
+     */
+    onSubmit: (data: OmitReservedFields<FormData>) => void | Errors | Promise<void | Errors>;
+    /**
+     * Children to render in the form (form fields)
+     */
     children: ReactNode;
+    /**
+     * Test id to render on the form element
+     */
     testId?: string;
-    onSubmit: (data: OmitReservedFields<FormData>) => void;
+    /**
+     * Callback when the cancel button is fired
+     */
     onCancel?: () => void;
+    /**
+     * Renders a spinner when true
+     */
     isLoading?: boolean;
     /**
      * Hides the rendering of the footer buttons

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@atlaskit/link-create",
-  "version": "1.9.5",
+  "version": "1.11.0",
   "description": "The driver component of meta creation flow",
   "author": "Atlassian Pty Ltd",
   "license": "Apache-2.0",
@@ -40,14 +40,14 @@
     "@atlaskit/form": "^9.0.0",
     "@atlaskit/icon": "^22.0.0",
     "@atlaskit/intl-messages-provider": "^1.0.0",
-    "@atlaskit/linking-common": "^4.18.0",
-    "@atlaskit/modal-dialog": "^12.8.0",
+    "@atlaskit/linking-common": "^4.21.0",
+    "@atlaskit/modal-dialog": "^12.9.0",
     "@atlaskit/platform-feature-flags": "^0.2.1",
-    "@atlaskit/primitives": "^1.11.0",
+    "@atlaskit/primitives": "^1.12.0",
     "@atlaskit/select": "^17.0.0",
     "@atlaskit/spinner": "^16.0.0",
     "@atlaskit/textfield": "^6.0.0",
-    "@atlaskit/tokens": "^1.28.0",
+    "@atlaskit/tokens": "^1.29.0",
     "@babel/runtime": "^7.0.0",
     "@emotion/react": "^11.7.1",
     "debounce-promise": "^3.1.2",
@@ -59,6 +59,7 @@
     "react-intl-next": "npm:react-intl@^5.18.1"
   },
   "devDependencies": {
+    "@af/integration-testing": "*",
     "@af/visual-regression": "*",
     "@atlaskit/link-test-helpers": "^6.2.0",
     "@atlaskit/visual-regression": "*",
@@ -121,6 +122,9 @@
     },
     "platform.linking-platform.link-create.enable-sentry-client": {
       "type": "boolean"
+    },
+    "platform.linking-platform.link-create.better-observability": {
+      "type": "boolean"
     }
   }
 }

package/report.api.md

@@ -18,6 +18,7 @@
 /// <reference types="react" />
 
 import { AsyncSelectProps as AsyncSelectProps_2 } from '@atlaskit/select';
+import { FORM_ERROR } from 'final-form';
 import { GroupType } from '@atlaskit/select';
 import { jsx } from '@emotion/react';
 import { MemoExoticComponent } from 'react';
@@ -39,7 +40,7 @@ export function AsyncSelect<T = OptionType>({
   validationHelpText,
   testId,
   defaultOption: propsDefaultValue,
-  loadOptions,
+  loadOptions: loadOptionsFn,
   ...restProps
 }: AsyncSelectProps<T>): jsx.JSX.Element;
 
@@ -81,24 +82,21 @@ export function CreateFormLoader({
 
 // @public (undocumented)
 export interface CreateFormProps<FormData> {
-  // (undocumented)
   children: ReactNode;
   hideFooter?: boolean;
   initialValues?: DisallowReservedFields<FormData>;
-  // (undocumented)
   isLoading?: boolean;
-  // (undocumented)
   onCancel?: () => void;
-  // (undocumented)
-  onSubmit: (data: OmitReservedFields<FormData>) => void;
-  // (undocumented)
+  onSubmit: (
+    data: OmitReservedFields<FormData>,
+  ) => Errors | Promise<Errors | void> | void;
   testId?: string;
 }
 
 // @public
 export type CreatePayload = {
   url: string;
-  ari: string | undefined;
+  ari?: string | undefined;
   objectId: string;
   objectType: string;
   data?: Record<string, unknown>;
@@ -115,6 +113,11 @@ export type EditViewProps = {
   onClose: () => void;
 };
 
+// @public (undocumented)
+type Errors = Record<string, string>;
+
+export { FORM_ERROR };
+
 // @public
 export const FormSpy: <T extends Record<string, unknown>>({
   children,
@@ -139,7 +142,7 @@ export const LinkCreateCallbackProvider: React_2.FC<LinkCreateCallbackProviderPr
 interface LinkCreateCallbackProviderProps {
   onCancel?: () => void;
   onCreate?: (result: CreatePayload) => Promise<void> | void;
-  onFailure?: (error: Error) => void;
+  onFailure?: (error: unknown) => void;
 }
 
 // @public (undocumented)

package/tmp/api-report-tmp.d.ts

@@ -7,6 +7,7 @@
 /// <reference types="react" />
 
 import { AsyncSelectProps as AsyncSelectProps_2 } from '@atlaskit/select';
+import { FORM_ERROR } from 'final-form';
 import { GroupType } from '@atlaskit/select';
 import { jsx } from '@emotion/react';
 import { MemoExoticComponent } from 'react';
@@ -19,7 +20,7 @@ import { SpinnerProps } from '@atlaskit/spinner';
 import { TextFieldProps as TextFieldProps_2 } from '@atlaskit/textfield';
 
 // @public
-export function AsyncSelect<T = OptionType>({ id, name, label, isRequired, validators, validationHelpText, testId, defaultOption: propsDefaultValue, loadOptions, ...restProps }: AsyncSelectProps<T>): jsx.JSX.Element;
+export function AsyncSelect<T = OptionType>({ id, name, label, isRequired, validators, validationHelpText, testId, defaultOption: propsDefaultValue, loadOptions: loadOptionsFn, ...restProps }: AsyncSelectProps<T>): jsx.JSX.Element;
 
 // @public (undocumented)
 type AsyncSelectProps<T = OptionType> = Omit<AsyncSelectProps_2<T>, 'loadOptions'> & {
@@ -44,24 +45,19 @@ export function CreateFormLoader({ size }: Partial<SpinnerProps>): jsx.JSX.Eleme
 
 // @public (undocumented)
 export interface CreateFormProps<FormData> {
-    // (undocumented)
     children: ReactNode;
     hideFooter?: boolean;
     initialValues?: DisallowReservedFields<FormData>;
-    // (undocumented)
     isLoading?: boolean;
-    // (undocumented)
     onCancel?: () => void;
-    // (undocumented)
-    onSubmit: (data: OmitReservedFields<FormData>) => void;
-    // (undocumented)
+    onSubmit: (data: OmitReservedFields<FormData>) => Errors | Promise<Errors | void> | void;
     testId?: string;
 }
 
 // @public
 export type CreatePayload = {
     url: string;
-    ari: string | undefined;
+    ari?: string | undefined;
     objectId: string;
     objectType: string;
     data?: Record<string, unknown>;
@@ -78,6 +74,11 @@ export type EditViewProps = {
     onClose: () => void;
 };
 
+// @public (undocumented)
+type Errors = Record<string, string>;
+
+export { FORM_ERROR }
+
 // @public
 export const FormSpy: <T extends Record<string, unknown>>({ children, }: FormSpyProps<T>) => JSX.Element;
 
@@ -102,7 +103,7 @@ export const LinkCreateCallbackProvider: React_2.FC<LinkCreateCallbackProviderPr
 interface LinkCreateCallbackProviderProps {
     onCancel?: () => void;
     onCreate?: (result: CreatePayload) => Promise<void> | void;
-    onFailure?: (error: Error) => void;
+    onFailure?: (error: unknown) => void;
 }
 
 // @public (undocumented)