@atlaskit/smart-card 16.1.1 → 17.0.0

package/dist/esm/view/EmbedCard/index.js

@@ -6,7 +6,7 @@ import { extractEmbedProps } from '../../extractors/embed';
 import { getEmptyJsonLd, getUnauthorizedJsonLd } from '../../utils/jsonld';
 import { extractInlineProps } from '../../extractors/inline';
 import { extractBlockProps } from '../../extractors/block';
-import { getDefinitionId } from '../../state/helpers';
+import { getExtensionKey } from '../../state/helpers';
 import { extractRequestAccessContext } from '../../extractors/common/context';
 export var EmbedCard = /*#__PURE__*/React.forwardRef(function (_ref, iframeRef) {
   var _details$meta, _forbiddenViewProps$c;
@@ -73,7 +73,7 @@ export var EmbedCard = /*#__PURE__*/React.forwardRef(function (_ref, iframeRef)
         var resolvedBlockViewProps = extractBlockProps(data, meta, {
           handleAnalytics: handleAnalytics,
           handleInvoke: handleInvoke,
-          definitionId: getDefinitionId(details)
+          extensionKey: getExtensionKey(details)
         });
         return /*#__PURE__*/React.createElement(BlockCardResolvedView, _extends({}, resolvedBlockViewProps, {
           isSelected: isSelected,

package/dist/types/extractors/block/types.d.ts

@@ -3,6 +3,6 @@ import { AnalyticsHandler } from '../../utils/types';
 export interface ExtractBlockOpts {
     handleInvoke: InvokeHandler;
     handleAnalytics: AnalyticsHandler;
-    definitionId?: string;
+    extensionKey?: string;
     testId?: string;
 }

package/dist/types/extractors/common/actions/extractPreviewAction.d.ts

@@ -2,4 +2,4 @@ import { BlockCardResolvedViewProps } from '@atlaskit/media-ui';
 import { JsonLd } from 'json-ld-types';
 import { InvokeHandler } from '../../../model/invoke-handler';
 import { AnalyticsHandler } from '../../../utils/types';
-export declare const extractPreviewAction: (definitionId: string | undefined, viewProps: BlockCardResolvedViewProps, jsonLd: JsonLd.Data.BaseData, handleInvoke: InvokeHandler, handleAnalytics: AnalyticsHandler, testId?: string | undefined, platform?: "web" | "mobile" | undefined) => import("@atlaskit/media-ui").ActionProps | undefined;
+export declare const extractPreviewAction: (extensionKey: string | undefined, viewProps: BlockCardResolvedViewProps, jsonLd: JsonLd.Data.BaseData, handleInvoke: InvokeHandler, handleAnalytics: AnalyticsHandler, testId?: string | undefined, platform?: "web" | "mobile" | undefined) => import("@atlaskit/media-ui").ActionProps | undefined;

package/dist/types/index.d.ts

@@ -14,5 +14,5 @@ export { EmbedResizeMessageListener } from './view/EmbedCard/EmbedResizeMessageL
 export { embedHeaderHeight } from '@atlaskit/media-ui/embeds';
 export { SmartLinkEvents } from './utils/analytics/analytics';
 export { useSmartLinkEvents } from './view/SmartLinkEvents/useSmartLinkEvents';
-export { contentFooterClassName, metadataListClassName, blockCardResolvingViewClassName, blockCardResolvedViewClassName, blockCardForbiddenViewClassName, blockCardIconImageClassName, } from '@atlaskit/media-ui/classNames';
+export { contentFooterClassName, metadataListClassName, blockCardResolvingViewClassName, blockCardResolvedViewClassName, blockCardForbiddenViewClassName, blockCardIconImageClassName, blockCardResolvedViewByClassName, blockCardForbiddenViewLinkClassName, blockCardContentClassName, blockCardContentHeaderClassName, blockCardContentHeaderNameClassName, blockCardNotFoundViewClassName, blockCardErroredViewClassName, } from '@atlaskit/media-ui/classNames';
 export { loadingPlaceholderClassName } from './view/CardWithUrl/component-lazy/LazyFallback';

package/dist/types/state/analytics/index.d.ts

@@ -1,32 +1,3 @@
-import { AnalyticsHandler } from '../../utils/types';
-import { CardInnerAppearance } from '../../view/Card/types';
-import { ErrorInfo } from 'react';
-import { CardType } from '../store/types';
-import { APIError } from '../../client/errors';
-export declare const useSmartLinkAnalytics: (dispatchAnalytics: AnalyticsHandler) => {
-    ui: {
-        authEvent: (display: CardInnerAppearance, definitionId?: string | undefined, extensionKey?: string | undefined) => void;
-        authAlternateAccountEvent: (display: CardInnerAppearance, definitionId?: string | undefined, extensionKey?: string | undefined) => void;
-        cardClickedEvent: (display: CardInnerAppearance, definitionId?: string | undefined, extensionKey?: string | undefined) => void;
-        actionClickedEvent: (providerKey: string, actionType: string, display?: "inline" | "block" | "embed" | "preview" | undefined) => void;
-        closedAuthEvent: (display: CardInnerAppearance, definitionId?: string | undefined, extensionKey?: string | undefined) => void;
-        renderSuccessEvent: (display: CardInnerAppearance, definitionId?: string | undefined, extensionKey?: string | undefined) => void;
-        renderFailedEvent: (display: CardInnerAppearance, error: Error, errorInfo: ErrorInfo) => void;
-    };
-    operational: {
-        resolvedEvent: (id: string, definitionId?: string | undefined, extensionKey?: string | undefined, resourceType?: string | undefined) => void;
-        unresolvedEvent: (id: string, status: string, definitionId?: string | undefined, extensionKey?: string | undefined, resourceType?: string | undefined) => void;
-        invokeSucceededEvent: (id: string, providerKey: string, actionType: string, display: CardInnerAppearance) => void;
-        invokeFailedEvent: (id: string, providerKey: string, actionType: string, display: CardInnerAppearance, reason: string) => void;
-        connectSucceededEvent: (definitionId?: string | undefined, extensionKey?: string | undefined) => void;
-        connectFailedEvent: (definitionId?: string | undefined, extensionKey?: string | undefined, reason?: string | undefined) => void;
-        instrument: (id: string, status: CardType, definitionId?: string | undefined, extensionKey?: string | undefined, resourceType?: string | undefined, error?: APIError | undefined) => void;
-    };
-    track: {
-        appAccountConnected: (definitionId?: string | undefined, extensionKey?: string | undefined) => void;
-    };
-    screen: {
-        authPopupEvent: (definitionId?: string | undefined, extensionKey?: string | undefined) => void;
-    };
-};
-export declare type AnalyticsFacade = ReturnType<typeof useSmartLinkAnalytics>;
+export { startUfoExperience, succeedUfoExperience, failUfoExperience, addMetadataToExperience, } from './ufoExperiences';
+export { useSmartLinkAnalytics } from './useSmartLinkAnalytics';
+export type { AnalyticsFacade } from './useSmartLinkAnalytics';

package/dist/types/state/analytics/ufoExperiences.d.ts

@@ -0,0 +1,7 @@
+import { CustomData } from '@atlaskit/ufo';
+declare type UfoExperienceName = 'smart-link-rendered' | 'smart-link-authenticated' | 'smart-link-action-invocation';
+export declare const startUfoExperience: (experienceName: UfoExperienceName, id: string, properties?: CustomData | undefined) => void;
+export declare const succeedUfoExperience: (experienceName: UfoExperienceName, id: string, properties?: CustomData | undefined) => void;
+export declare const failUfoExperience: (experienceName: UfoExperienceName, id: string, properties?: CustomData | undefined) => void;
+export declare const addMetadataToExperience: (experienceName: UfoExperienceName, id: string, properties: CustomData) => void;
+export {};

package/dist/types/state/analytics/useSmartLinkAnalytics.d.ts

@@ -0,0 +1,31 @@
+import { AnalyticsHandler } from '../../utils/types';
+import { CardInnerAppearance } from '../../view/Card/types';
+import { CardType } from '../store/types';
+import { APIError } from '../../client/errors';
+import { InvokeType } from '../../model/invoke-opts';
+export declare const useSmartLinkAnalytics: (dispatchAnalytics: AnalyticsHandler) => {
+    ui: {
+        authEvent: (display: CardInnerAppearance, definitionId?: string | undefined, extensionKey?: string | undefined) => void;
+        authAlternateAccountEvent: (display: CardInnerAppearance, definitionId?: string | undefined, extensionKey?: string | undefined) => void;
+        cardClickedEvent: (display: CardInnerAppearance, definitionId?: string | undefined, extensionKey?: string | undefined) => void;
+        actionClickedEvent: (id: string, extensionKey: string, actionType: string, display: CardInnerAppearance, invokeType: InvokeType) => void;
+        closedAuthEvent: (display: CardInnerAppearance, definitionId?: string | undefined, extensionKey?: string | undefined) => void;
+        renderSuccessEvent: (display: CardInnerAppearance, id: string, definitionId?: string | undefined, extensionKey?: string | undefined) => void;
+    };
+    operational: {
+        resolvedEvent: (id: string, definitionId?: string | undefined, extensionKey?: string | undefined, resourceType?: string | undefined) => void;
+        unresolvedEvent: (id: string, status: string, definitionId?: string | undefined, extensionKey?: string | undefined, resourceType?: string | undefined) => void;
+        invokeSucceededEvent: (id: string, providerKey: string, actionType: string, display: CardInnerAppearance) => void;
+        invokeFailedEvent: (id: string, providerKey: string, actionType: string, display: CardInnerAppearance, reason: string) => void;
+        connectSucceededEvent: (id: string, definitionId?: string | undefined, extensionKey?: string | undefined) => void;
+        connectFailedEvent: (id: string, definitionId?: string | undefined, extensionKey?: string | undefined, status?: string | undefined) => void;
+        instrument: (id: string, status: CardType, definitionId?: string | undefined, extensionKey?: string | undefined, resourceType?: string | undefined, error?: APIError | undefined) => void;
+    };
+    track: {
+        appAccountConnected: (definitionId?: string | undefined, extensionKey?: string | undefined) => void;
+    };
+    screen: {
+        authPopupEvent: (definitionId?: string | undefined, extensionKey?: string | undefined) => void;
+    };
+};
+export declare type AnalyticsFacade = ReturnType<typeof useSmartLinkAnalytics>;

package/dist/types/state/context/provider.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { CardProviderProps } from './types';
 export declare function SmartCardProvider({ storeOptions, client: customClient, authFlow: customAuthFlow, children, renderers, }: CardProviderProps): JSX.Element;
 export type { CardProviderProps as ProviderProps };

package/dist/types/state/hooks/useSmartLink.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { AnalyticsHandler } from '../../utils/types';
 export declare function useSmartLink(id: string, url: string, dispatchAnalytics: AnalyticsHandler): {
     state: import("../types").CardState;
@@ -14,18 +13,17 @@ export declare function useSmartLink(id: string, url: string, dispatchAnalytics:
             authEvent: (display: import("../../view/Card/types").CardInnerAppearance, definitionId?: string | undefined, extensionKey?: string | undefined) => void;
             authAlternateAccountEvent: (display: import("../../view/Card/types").CardInnerAppearance, definitionId?: string | undefined, extensionKey?: string | undefined) => void;
             cardClickedEvent: (display: import("../../view/Card/types").CardInnerAppearance, definitionId?: string | undefined, extensionKey?: string | undefined) => void;
-            actionClickedEvent: (providerKey: string, actionType: string, display?: "inline" | "block" | "embed" | "preview" | undefined) => void;
+            actionClickedEvent: (id: string, extensionKey: string, actionType: string, display: import("../../view/Card/types").CardInnerAppearance, invokeType: import("../../model/invoke-opts").InvokeType) => void;
             closedAuthEvent: (display: import("../../view/Card/types").CardInnerAppearance, definitionId?: string | undefined, extensionKey?: string | undefined) => void;
-            renderSuccessEvent: (display: import("../../view/Card/types").CardInnerAppearance, definitionId?: string | undefined, extensionKey?: string | undefined) => void;
-            renderFailedEvent: (display: import("../../view/Card/types").CardInnerAppearance, error: Error, errorInfo: import("react").ErrorInfo) => void;
+            renderSuccessEvent: (display: import("../../view/Card/types").CardInnerAppearance, id: string, definitionId?: string | undefined, extensionKey?: string | undefined) => void;
         };
         operational: {
             resolvedEvent: (id: string, definitionId?: string | undefined, extensionKey?: string | undefined, resourceType?: string | undefined) => void;
             unresolvedEvent: (id: string, status: string, definitionId?: string | undefined, extensionKey?: string | undefined, resourceType?: string | undefined) => void;
             invokeSucceededEvent: (id: string, providerKey: string, actionType: string, display: import("../../view/Card/types").CardInnerAppearance) => void;
             invokeFailedEvent: (id: string, providerKey: string, actionType: string, display: import("../../view/Card/types").CardInnerAppearance, reason: string) => void;
-            connectSucceededEvent: (definitionId?: string | undefined, extensionKey?: string | undefined) => void;
-            connectFailedEvent: (definitionId?: string | undefined, extensionKey?: string | undefined, reason?: string | undefined) => void;
+            connectSucceededEvent: (id: string, definitionId?: string | undefined, extensionKey?: string | undefined) => void;
+            connectFailedEvent: (id: string, definitionId?: string | undefined, extensionKey?: string | undefined, status?: string | undefined) => void;
             instrument: (id: string, status: import("../store").CardType, definitionId?: string | undefined, extensionKey?: string | undefined, resourceType?: string | undefined, error?: import("../..").APIError | undefined) => void;
         };
         track: {
@@ -36,4 +34,5 @@ export declare function useSmartLink(id: string, url: string, dispatchAnalytics:
         };
     };
     renderers: import("../context/types").CardProviderRenderers | undefined;
+    error: null;
 };

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

@@ -15,15 +15,15 @@ export declare class SmartLinkEvents {
 export declare const fireSmartLinkEvent: (payload: AnalyticsPayload, createAnalyticsEvent?: CreateUIAnalyticsEvent | undefined) => void;
 export declare const resolvedEvent: (id: string, definitionId?: string | undefined, extensionKey?: string | undefined, resourceType?: string | undefined) => AnalyticsPayload;
 export declare const unresolvedEvent: (id: string, status: string, definitionId?: string | undefined, extensionKey?: string | undefined, resourceType?: string | undefined, error?: APIError | undefined) => AnalyticsPayload;
-export declare const invokeSucceededEvent: (id: string, providerKey: string, actionType: string, display: CardInnerAppearance) => AnalyticsPayload;
-export declare const invokeFailedEvent: (id: string, providerKey: string, actionType: string, display: CardInnerAppearance, reason: string) => AnalyticsPayload;
+export declare const invokeSucceededEvent: (id: string, extensionKey: string, actionType: string, display: CardInnerAppearance) => AnalyticsPayload;
+export declare const invokeFailedEvent: (id: string, extensionKey: string, actionType: string, display: CardInnerAppearance, reason: string) => AnalyticsPayload;
 export declare const connectSucceededEvent: (definitionId?: string | undefined, extensionKey?: string | undefined) => AnalyticsPayload;
 export declare const connectFailedEvent: (definitionId?: string | undefined, extensionKey?: string | undefined, reason?: string | undefined) => AnalyticsPayload;
 export declare const trackAppAccountConnected: (definitionId?: string | undefined, extensionKey?: string | undefined) => AnalyticsPayload;
 export declare const uiAuthEvent: (display: CardInnerAppearance, definitionId?: string | undefined, extensionKey?: string | undefined) => AnalyticsPayload;
 export declare const uiAuthAlternateAccountEvent: (display: CardInnerAppearance, definitionId?: string | undefined, extensionKey?: string | undefined) => AnalyticsPayload;
 export declare const uiCardClickedEvent: (display: CardInnerAppearance, definitionId?: string | undefined, extensionKey?: string | undefined) => AnalyticsPayload;
-export declare const uiActionClickedEvent: (providerKey: string, actionType: string, display?: "inline" | "block" | "embed" | "preview" | undefined) => AnalyticsPayload;
+export declare const uiActionClickedEvent: (extensionKey: string, actionType: string, display?: "inline" | "block" | "embed" | "preview" | undefined) => AnalyticsPayload;
 export declare const uiClosedAuthEvent: (display: CardInnerAppearance, definitionId?: string | undefined, extensionKey?: string | undefined) => AnalyticsPayload;
 export declare const screenAuthPopupEvent: (definitionId?: string | undefined, extensionKey?: string | undefined) => AnalyticsPayload;
 export declare const uiRenderSuccessEvent: (display: CardInnerAppearance, definitionId?: string | undefined, extensionKey?: string | undefined) => AnalyticsPayload;

package/dist/types/utils/test-utils.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { ProviderProps } from '../state';
 export declare const renderHook: (callback: Function) => JSX.Element;
 export declare const renderSmartLinkHook: (callback: Function, providerProps?: Partial<ProviderProps> | undefined) => JSX.Element;

package/dist/types/view/Card/index.d.ts

@@ -1,4 +1,5 @@
 import React from 'react';
 import { CardAppearance, CardPlatform, CardProps } from './types';
-export declare const Card: React.ForwardRefExoticComponent<Pick<Pick<CardProps, "data" | "url" | "testId" | "appearance" | "onClick" | "isSelected" | "onResolve" | "showActions" | "inlinePreloaderStyle" | "platform" | "isFrameVisible" | "importer" | "container" | "inheritDimensions" | "embedIframeRef"> & React.RefAttributes<any> & import("@atlaskit/analytics-next").WithContextProps, "data" | "url" | "testId" | "appearance" | "onClick" | "isSelected" | "onResolve" | "showActions" | "inlinePreloaderStyle" | "platform" | "isFrameVisible" | "importer" | "container" | "inheritDimensions" | "embedIframeRef" | "key" | "analyticsContext"> & React.RefAttributes<any>>;
+import { WrappedComponentProps } from 'react-intl-next';
+export declare const Card: React.ForwardRefExoticComponent<Pick<Pick<React.PropsWithChildren<import("react-intl-next").WithIntlProps<CardProps & WrappedComponentProps<"intl">>>, "data" | "children" | "url" | "testId" | "appearance" | "onClick" | "isSelected" | "onResolve" | "showActions" | "inlinePreloaderStyle" | "platform" | "isFrameVisible" | "importer" | "container" | "inheritDimensions" | "embedIframeRef" | "forwardedRef"> & React.RefAttributes<any> & import("@atlaskit/analytics-next").WithContextProps, "data" | "children" | "url" | "testId" | "appearance" | "onClick" | "isSelected" | "onResolve" | "showActions" | "inlinePreloaderStyle" | "platform" | "isFrameVisible" | "importer" | "container" | "inheritDimensions" | "embedIframeRef" | "key" | "forwardedRef" | "analyticsContext"> & React.RefAttributes<any>>;
 export type { CardAppearance, CardProps, CardPlatform };

package/dist/types/view/CardWithUrl/component-lazy/LazyIntersectionObserverCard.d.ts

@@ -1,2 +1,3 @@
+/// <reference types="react" />
 import { CardWithUrlContentProps } from '../types';
 export declare function LazyIntersectionObserverCard(props: CardWithUrlContentProps): JSX.Element;

package/dist/types/view/CardWithUrl/component-lazy/LazyLazilyRenderCard.d.ts

@@ -1,2 +1,3 @@
+/// <reference types="react" />
 import { CardWithUrlContentProps } from '../types';
 export declare function LazyLazilyRenderCard(props: CardWithUrlContentProps): JSX.Element;

package/dist/types/view/CardWithUrl/component-lazy/index.d.ts

@@ -1,2 +1,3 @@
+/// <reference types="react" />
 import { CardWithUrlContentProps } from '../types';
-export declare function LazyCardWithUrlContent(props: CardWithUrlContentProps): JSX.Element;
+export default function LazyCardWithUrlContent(props: CardWithUrlContentProps): JSX.Element;

package/dist/types/view/CardWithUrl/component.d.ts

@@ -1,2 +1,3 @@
+/// <reference types="react" />
 import { CardWithUrlContentProps } from './types';
 export declare function CardWithUrlContent({ id, url, isSelected, isFrameVisible, platform, onClick, appearance, dispatchAnalytics, onResolve, testId, showActions, inheritDimensions, embedIframeRef, inlinePreloaderStyle, }: CardWithUrlContentProps): JSX.Element;

package/dist/types/view/CardWithUrl/loader.d.ts

@@ -1,16 +1,3 @@
-import React, { ErrorInfo } from 'react';
+/// <reference types="react" />
 import { CardProps } from '../Card/types';
-import { LazyCardWithUrlContent as CardWithUrlContentType } from './component-lazy';
-import { AnalyticsPayload } from '../../utils/types';
-export declare class CardWithURLRenderer extends React.PureComponent<CardProps, {
-    id: string;
-}> {
-    constructor(props: CardProps);
-    static CardContent: typeof CardWithUrlContentType | null;
-    static moduleImporter(target: CardWithURLRenderer): void;
-    componentDidMount(): void;
-    componentWillUnmount(): void;
-    componentDidCatch(error: Error, errorInfo: ErrorInfo): void;
-    dispatchAnalytics: (analyticsPayload: AnalyticsPayload) => void;
-    render(): JSX.Element;
-}
+export declare function CardWithURLRenderer(props: CardProps): JSX.Element;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@atlaskit/smart-card",
-  "version": "16.1.1",
+  "version": "17.0.0",
   "description": "Smart card component",
   "publishConfig": {
     "registry": "https://registry.npmjs.org/"
@@ -8,20 +8,14 @@
   "repository": "https://bitbucket.org/atlassian/atlassian-frontend",
   "author": "Atlassian Pty Ltd",
   "license": "Apache-2.0",
-  "sideEffects": false,
   "main": "dist/cjs/index.js",
   "module": "dist/esm/index.js",
   "module:es2019": "dist/es2019/index.js",
   "types": "dist/types/index.d.ts",
+  "sideEffects": false,
   "atlaskit:src": "src/index.ts",
-  "af:exports": {
-    "./in-product": "./src/in-product.ts",
-    "./client": "./src/client/index.ts",
-    "./types": "./src/types.ts",
-    ".": "./src/index.ts"
-  },
   "atlassian": {
-    "team": "Editor Media",
+    "team": "Linking Platform",
     "releaseModel": "scheduled",
     "website": {
       "name": "Smart Card"
@@ -35,14 +29,17 @@
     "@atlaskit/icon-object": "^6.2.0",
     "@atlaskit/in-product-testing": "^0.1.0",
     "@atlaskit/logo": "^13.5.0",
-    "@atlaskit/media-ui": "^17.0.0",
-    "@atlaskit/outbound-auth-flow-client": "^3.1.0",
+    "@atlaskit/media-ui": "^18.0.0",
+    "@atlaskit/outbound-auth-flow-client": "^3.3.0",
     "@atlaskit/theme": "^12.0.0",
+    "@atlaskit/ufo": "^0.0.6",
     "@babel/runtime": "^7.0.0",
+    "@formatjs/intl-utils": "^3.8.4",
     "async-retry": "^1.2.3",
     "dataloader": "^2.0.0",
     "json-ld-types": "2.3.0",
     "p-throttle": "^4.1.1",
+    "react-error-boundary": "^3.1.3",
     "react-lazily-render": "^1.2.0",
     "react-loadable": "^5.1.0",
     "redux": "^3.7.2",
@@ -51,7 +48,7 @@
   },
   "peerDependencies": {
     "react": "^16.8.0",
-    "react-intl": "^2.6.0",
+    "react-intl-next": "npm:react-intl@^5.18.1",
     "styled-components": "^3.2.6"
   },
   "devDependencies": {
@@ -60,9 +57,9 @@
     "@atlaskit/checkbox": "^12.3.0",
     "@atlaskit/docs": "*",
     "@atlaskit/form": "^8.4.0",
-    "@atlaskit/inline-message": "^11.1.0",
+    "@atlaskit/inline-message": "^11.2.0",
     "@atlaskit/lozenge": "^11.1.0",
-    "@atlaskit/media-test-helpers": "^28.8.0",
+    "@atlaskit/media-test-helpers": "^29.0.0",
     "@atlaskit/page": "^12.0.0",
     "@atlaskit/radio": "^5.3.0",
     "@atlaskit/select": "^15.2.0",
@@ -83,14 +80,21 @@
     "abortcontroller-polyfill": "^1.1.9",
     "brace": "^0.11.1",
     "enzyme": "^3.10.0",
+    "jest-extended": "^0.11.2",
     "lorem-ipsum": "^1.0.6",
     "mockdate": "^3.0.2",
     "react": "^16.8.0",
     "react-ace": "^6.1.0",
-    "react-intl": "^2.6.0",
+    "react-intl-next": "npm:react-intl@^5.18.1",
     "react-test-renderer": "^16.8.0",
     "typescript": "3.9.6",
     "xhr-mock": "^2.4.0"
   },
+  "af:exports": {
+    "./in-product": "./src/in-product.ts",
+    "./client": "./src/client/index.ts",
+    "./types": "./src/types.ts",
+    ".": "./src/index.ts"
+  },
   "prettier": "@atlassian/atlassian-frontend-prettier-config-1.0.1"
 }