@atlaskit/smart-card 32.7.2 → 32.7.4

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

@@ -1,12 +1,12 @@
 import _extends from "@babel/runtime/helpers/extends";
 import React from 'react';
+import { handleClickCommon } from '../common/utils';
 import { CardLinkView } from '../LinkView';
-import { handleClickCommon } from './utils/handlers';
-import FlexibleErroredView from './views/flexible/FlexibleErroredView';
-import FlexibleForbiddenView from './views/flexible/FlexibleForbiddenView';
-import FlexibleNotFoundView from './views/flexible/FlexibleNotFoundView';
-import FlexibleResolvedView from './views/flexible/FlexibleResolvedView';
-import FlexibleUnauthorisedView from './views/flexible/FlexibleUnauthorisedView';
+import ErroredView from './views/ErroredView';
+import ForbiddenView from './views/ForbiddenView';
+import NotFoundView from './views/NotFoundView';
+import ResolvedView from './views/ResolvedView';
+import UnauthorisedView from './views/UnauthorisedView';
 export var BlockCard = function BlockCard(_ref) {
   var id = _ref.id,
     url = _ref.url,
@@ -22,7 +22,7 @@ export var BlockCard = function BlockCard(_ref) {
     analytics = _ref.analytics,
     actionOptions = _ref.actionOptions;
   var status = cardState.status;
-  var flexibleBlockCardProps = {
+  var blockCardProps = {
     id: id,
     cardState: cardState,
     url: url,
@@ -39,21 +39,21 @@ export var BlockCard = function BlockCard(_ref) {
   switch (status) {
     case 'pending':
     case 'resolving':
-      return /*#__PURE__*/React.createElement(FlexibleResolvedView, _extends({}, flexibleBlockCardProps, {
+      return /*#__PURE__*/React.createElement(ResolvedView, _extends({}, blockCardProps, {
         testId: 'smart-block-resolving-view'
       }));
     case 'resolved':
-      return /*#__PURE__*/React.createElement(FlexibleResolvedView, flexibleBlockCardProps);
+      return /*#__PURE__*/React.createElement(ResolvedView, blockCardProps);
     case 'unauthorized':
-      return /*#__PURE__*/React.createElement(FlexibleUnauthorisedView, _extends({}, flexibleBlockCardProps, {
+      return /*#__PURE__*/React.createElement(UnauthorisedView, _extends({}, blockCardProps, {
         onAuthorize: handleAuthorize
       }));
     case 'forbidden':
-      return /*#__PURE__*/React.createElement(FlexibleForbiddenView, _extends({}, flexibleBlockCardProps, {
+      return /*#__PURE__*/React.createElement(ForbiddenView, _extends({}, blockCardProps, {
         onAuthorize: handleAuthorize
       }));
     case 'not_found':
-      return /*#__PURE__*/React.createElement(FlexibleNotFoundView, _extends({}, flexibleBlockCardProps, {
+      return /*#__PURE__*/React.createElement(NotFoundView, _extends({}, blockCardProps, {
         onAuthorize: handleAuthorize
       }));
     case 'fallback':
@@ -73,7 +73,7 @@ export var BlockCard = function BlockCard(_ref) {
           testId: "".concat(testId, "-").concat(status)
         });
       }
-      return /*#__PURE__*/React.createElement(FlexibleErroredView, _extends({}, flexibleBlockCardProps, {
+      return /*#__PURE__*/React.createElement(ErroredView, _extends({}, blockCardProps, {
         onAuthorize: handleAuthorize
       }));
   }

package/dist/esm/view/BlockCard/views/{flexible/FlexibleErroredView.js → ErroredView.js}

@@ -4,9 +4,9 @@ var _excluded = ["testId"];
 import React, { useMemo } from 'react';
 import WarningIcon from '@atlaskit/icon/glyph/warning';
 import { R300 } from '@atlaskit/theme/colors';
-import { messages } from '../../../../messages';
-import Text from '../../../FlexibleCard/components/elements/text';
-import { RetryAction } from '../../actions/flexible/RetryAction';
+import { messages } from '../../../messages';
+import Text from '../../FlexibleCard/components/elements/text';
+import { RetryAction } from '../actions/RetryAction';
 import UnresolvedView from './unresolved-view';
 import { withFlexibleUIBlockCardStyle } from './utils/withFlexibleUIBlockCardStyle';
 
@@ -16,7 +16,7 @@ import { withFlexibleUIBlockCardStyle } from './utils/withFlexibleUIBlockCardSty
  * @see SmartLinkStatus
  * @see FlexibleCardProps
  */
-var FlexibleErroredView = function FlexibleErroredView(_ref) {
+var ErroredView = function ErroredView(_ref) {
   var _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? 'smart-block-errored-view' : _ref$testId,
     props = _objectWithoutProperties(_ref, _excluded);
@@ -38,4 +38,4 @@ var FlexibleErroredView = function FlexibleErroredView(_ref) {
     }
   }));
 };
-export default withFlexibleUIBlockCardStyle(FlexibleErroredView);
+export default withFlexibleUIBlockCardStyle(ErroredView);

package/dist/esm/view/BlockCard/views/{flexible/FlexibleForbiddenView.js → ForbiddenView.js}

@@ -8,13 +8,13 @@ import { useAnalyticsEvents } from '@atlaskit/analytics-next';
 import LockIcon from '@atlaskit/icon/glyph/lock';
 import { extractProvider } from '@atlaskit/link-extractors';
 import { R300 } from '@atlaskit/theme/colors';
-import { extractRequestAccessContextImproved } from '../../../../extractors/common/context/extractAccessContext';
-import extractHostname from '../../../../extractors/common/hostname/extractHostname';
-import { messages } from '../../../../messages';
-import { toMessage } from '../../../../utils/intl-utils';
-import { getForbiddenJsonLd } from '../../../../utils/jsonld';
-import Text from '../../../FlexibleCard/components/elements/text';
-import { ForbiddenAction } from '../../actions/flexible/ForbiddenAction';
+import { extractRequestAccessContextImproved } from '../../../extractors/common/context/extractAccessContext';
+import extractHostname from '../../../extractors/common/hostname/extractHostname';
+import { messages } from '../../../messages';
+import { toMessage } from '../../../utils/intl-utils';
+import { getForbiddenJsonLd } from '../../../utils/jsonld';
+import Text from '../../FlexibleCard/components/elements/text';
+import { ForbiddenAction } from '../actions/ForbiddenAction';
 import UnresolvedView from './unresolved-view';
 import { withFlexibleUIBlockCardStyle } from './utils/withFlexibleUIBlockCardStyle';
 
@@ -25,7 +25,7 @@ import { withFlexibleUIBlockCardStyle } from './utils/withFlexibleUIBlockCardSty
  * @see SmartLinkStatus
  * @see FlexibleCardProps
  */
-var FlexibleForbiddenView = function FlexibleForbiddenView(_ref) {
+var ForbiddenView = function ForbiddenView(_ref) {
   var _details$meta;
   var _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? 'smart-block-forbidden-view' : _ref$testId,
@@ -89,4 +89,4 @@ var FlexibleForbiddenView = function FlexibleForbiddenView(_ref) {
     }
   }));
 };
-export default withFlexibleUIBlockCardStyle(FlexibleForbiddenView);
+export default withFlexibleUIBlockCardStyle(ForbiddenView);

package/dist/esm/view/BlockCard/views/{flexible/FlexibleNotFoundView.js → NotFoundView.js}

@@ -6,8 +6,8 @@ import { useIntl } from 'react-intl-next';
 import LockIcon from '@atlaskit/icon/glyph/lock';
 import { extractProvider } from '@atlaskit/link-extractors';
 import { R300 } from '@atlaskit/theme/colors';
-import { messages } from '../../../../messages';
-import Text from '../../../FlexibleCard/components/elements/text';
+import { messages } from '../../../messages';
+import Text from '../../FlexibleCard/components/elements/text';
 import UnresolvedView from './unresolved-view';
 import { withFlexibleUIBlockCardStyle } from './utils/withFlexibleUIBlockCardStyle';
 
@@ -17,7 +17,7 @@ import { withFlexibleUIBlockCardStyle } from './utils/withFlexibleUIBlockCardSty
  * @see SmartLinkStatus
  * @see FlexibleCardProps
  */
-var FlexibleNotFoundView = function FlexibleNotFoundView(_ref) {
+var NotFoundView = function NotFoundView(_ref) {
   var _cardState$details2;
   var _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? 'smart-block-not-found-view' : _ref$testId,
@@ -53,4 +53,4 @@ var FlexibleNotFoundView = function FlexibleNotFoundView(_ref) {
     maxLines: 3
   }));
 };
-export default withFlexibleUIBlockCardStyle(FlexibleNotFoundView);
+export default withFlexibleUIBlockCardStyle(NotFoundView);

package/dist/esm/view/BlockCard/views/{flexible/FlexibleResolvedView.js → ResolvedView.js}

@@ -1,9 +1,9 @@
 import _extends from "@babel/runtime/helpers/extends";
 import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
 import React, { useEffect, useMemo, useState } from 'react';
-import { ActionName, ElementName, SmartLinkPosition } from '../../../../constants';
-import FlexibleCard from '../../../FlexibleCard';
-import { FooterBlock, MetadataBlock, PreviewBlock, SnippetBlock, TitleBlock } from '../../../FlexibleCard/components/blocks';
+import { ActionName, ElementName, SmartLinkPosition } from '../../../constants';
+import FlexibleCard from '../../FlexibleCard';
+import { FooterBlock, MetadataBlock, PreviewBlock, SnippetBlock, TitleBlock } from '../../FlexibleCard/components/blocks';
 import { metadataBlockCss } from './styled';
 import { FlexibleCardUiOptions, FooterBlockOptions, getSimulatedBetterMetadata, PreviewBlockOptions, titleBlockOptions } from './utils';
 import { withFlexibleUIBlockCardStyle } from './utils/withFlexibleUIBlockCardStyle';
@@ -13,7 +13,7 @@ import { withFlexibleUIBlockCardStyle } from './utils/withFlexibleUIBlockCardSty
  * @see SmartLinkStatus
  * @see FlexibleCardProps
  */
-var FlexibleResolvedView = function FlexibleResolvedView(_ref) {
+var ResolvedView = function ResolvedView(_ref) {
   var cardState = _ref.cardState,
     onClick = _ref.onClick,
     onError = _ref.onError,
@@ -80,4 +80,4 @@ var FlexibleResolvedView = function FlexibleResolvedView(_ref) {
     actions: footerActions
   })));
 };
-export default withFlexibleUIBlockCardStyle(FlexibleResolvedView);
+export default withFlexibleUIBlockCardStyle(ResolvedView);

package/dist/esm/view/BlockCard/views/{flexible/FlexibleUnauthorisedView.js → UnauthorisedView.js}

@@ -11,11 +11,11 @@ import { useCallback, useMemo } from 'react';
 import { css, jsx } from '@emotion/react';
 import { FormattedMessage } from 'react-intl-next';
 import { extractProvider } from '@atlaskit/link-extractors';
-import { useAnalyticsEvents } from '../../../../common/analytics/generated/use-analytics-events';
-import { messages } from '../../../../messages';
-import { hasAuthScopeOverrides } from '../../../../state/helpers';
-import UnauthorisedViewContent from '../../../common/UnauthorisedViewContent';
-import { AuthorizeAction } from '../../actions/flexible/AuthorizeAction';
+import { useAnalyticsEvents } from '../../../common/analytics/generated/use-analytics-events';
+import { messages } from '../../../messages';
+import { hasAuthScopeOverrides } from '../../../state/helpers';
+import UnauthorisedViewContent from '../../common/UnauthorisedViewContent';
+import { AuthorizeAction } from '../actions/AuthorizeAction';
 import UnresolvedView from './unresolved-view';
 import { withFlexibleUIBlockCardStyle } from './utils/withFlexibleUIBlockCardStyle';
 var contentStyles = css({
@@ -31,7 +31,7 @@ var contentStyles = css({
  * @see SmartLinkStatus
  * @see FlexibleCardProps
  */
-var FlexibleUnauthorisedView = function FlexibleUnauthorisedView(_ref) {
+var UnauthorisedView = function UnauthorisedView(_ref) {
   var _cardState$details, _extractProvider;
   var _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? 'smart-block-unauthorized-view' : _ref$testId,
@@ -73,4 +73,4 @@ var FlexibleUnauthorisedView = function FlexibleUnauthorisedView(_ref) {
     "data-testid": "".concat(testId, "-content")
   }, content));
 };
-export default withFlexibleUIBlockCardStyle(FlexibleUnauthorisedView);
+export default withFlexibleUIBlockCardStyle(UnauthorisedView);

package/dist/esm/view/BlockCard/views/{flexible/unresolved-view → unresolved-view}/index.js

@@ -3,8 +3,8 @@ import React from 'react';
 
 // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 import { css } from '@emotion/react';
-import FlexibleCard from '../../../../FlexibleCard';
-import { CustomBlock, InternalFooterBlock, PreviewBlock, TitleBlock } from '../../../../FlexibleCard/components/blocks';
+import FlexibleCard from '../../../FlexibleCard';
+import { CustomBlock, InternalFooterBlock, PreviewBlock, TitleBlock } from '../../../FlexibleCard/components/blocks';
 import { FlexibleCardUiOptions, FooterBlockOptions, PreviewBlockOptions, titleBlockOptions } from '../utils';
 var customBlockStyles = css({
   alignItems: 'flex-start'

package/dist/esm/view/BlockCard/views/{flexible/utils → utils}/index.js

@@ -1,7 +1,7 @@
 import { fg } from '@atlaskit/platform-feature-flags';
-import { ElementName, MediaPlacement, SmartLinkPosition, SmartLinkSize } from '../../../../../constants';
-import { extractOwnedBy } from '../../../../../extractors/flexible/utils';
-import { getExtensionKey } from '../../../../../state/helpers';
+import { ElementName, MediaPlacement, SmartLinkPosition, SmartLinkSize } from '../../../../constants';
+import { extractOwnedBy } from '../../../../extractors/flexible/utils';
+import { getExtensionKey } from '../../../../state/helpers';
 import { footerBlockCss, titleBlockCss } from '../styled';
 var baseTopMetadata = [{
   name: ElementName.ModifiedOn

package/dist/esm/view/CardWithUrl/component.js

@@ -4,6 +4,7 @@ import { fg } from '@atlaskit/platform-feature-flags';
 import { useAnalyticsEvents } from '../../common/analytics/generated/use-analytics-events';
 import { CardDisplay } from '../../constants';
 import { useSmartLink } from '../../state';
+import { succeedUfoExperience } from '../../state/analytics';
 import { getCanBeDatasource, getClickUrl, getDefinitionId, getExtensionKey, getProduct, getResourceType, getServices, getSubproduct, isFinalState } from '../../state/helpers';
 import { SmartLinkModalProvider } from '../../state/modal';
 import { isSpecialEvent } from '../../utils';
@@ -156,16 +157,32 @@ function Component(_ref) {
   // - the unresolved states: viz. forbidden, not_found, unauthorized, errored.
   useEffect(function () {
     if (isFinalState(state.status)) {
-      analytics.ui.renderSuccessEvent({
-        display: isFlexibleUi ? 'flexible' : appearance,
-        status: state.status,
-        id: id,
-        definitionId: definitionId,
-        extensionKey: extensionKey,
-        canBeDatasource: canBeDatasource
-      });
+      if (fg('platform-smart-card-migrate-embed-modal-analytics')) {
+        succeedUfoExperience('smart-link-rendered', id || 'NULL', {
+          extensionKey: extensionKey,
+          display: isFlexibleUi ? 'flexible' : appearance
+        });
+
+        // UFO will disregard this if authentication experience has not yet been started
+        succeedUfoExperience('smart-link-authenticated', id || 'NULL', {
+          display: isFlexibleUi ? 'flexible' : appearance
+        });
+        fireEvent('ui.smartLink.renderSuccess', {
+          definitionId: definitionId !== null && definitionId !== void 0 ? definitionId : null,
+          display: isFlexibleUi ? 'flexible' : appearance
+        });
+      } else {
+        analytics.ui.renderSuccessEvent({
+          display: isFlexibleUi ? 'flexible' : appearance,
+          status: state.status,
+          id: id,
+          definitionId: definitionId,
+          extensionKey: extensionKey,
+          canBeDatasource: canBeDatasource
+        });
+      }
     }
-  }, [isFlexibleUi, appearance, state.status, url, definitionId, extensionKey, analytics.ui, id, canBeDatasource]);
+  }, [isFlexibleUi, appearance, state.status, url, definitionId, extensionKey, analytics.ui, id, canBeDatasource, fireEvent]);
   var onIframeDwell = useCallback(function (dwellTime, dwellPercentVisible) {
     fireEvent('ui.smartLinkIframe.dwelled', {
       id: id,

package/dist/esm/view/CardWithUrl/loader.js

@@ -3,8 +3,10 @@ import React, { lazy, Suspense, useCallback, useEffect, useState } from 'react';
 import { ErrorBoundary } from 'react-error-boundary';
 import { di } from 'react-magnetic-di';
 import uuid from 'uuid';
+import { fg } from '@atlaskit/platform-feature-flags';
 import { useAnalyticsEvents } from '../../common/analytics/generated/use-analytics-events';
-import { useSmartLinkAnalytics } from '../../state/analytics';
+import { useSmartLinkAnalytics } from '../../state';
+import { failUfoExperience, startUfoExperience } from '../../state/analytics';
 import { importWithRetry } from '../../utils';
 import { isFlexibleUiCard } from '../../utils/flexible';
 import { clearMarks, clearMeasures } from '../../utils/performance';
@@ -75,12 +77,24 @@ export function CardWithURLRenderer(props) {
         definitionId: null
       });
     } else if (error.name !== 'APIError') {
-      analytics.ui.renderFailedEvent({
-        display: isFlexibleUi ? 'flexible' : appearance,
-        id: id,
-        error: error,
-        errorInfo: errorInfo
-      });
+      if (fg('platform-smart-card-migrate-embed-modal-analytics')) {
+        startUfoExperience('smart-link-rendered', id || 'NULL');
+        failUfoExperience('smart-link-rendered', id || 'NULL');
+        failUfoExperience('smart-link-authenticated', id || 'NULL');
+        fireEvent('ui.smartLink.renderFailed', {
+          display: isFlexibleUi ? 'flexible' : appearance,
+          id: id !== null && id !== void 0 ? id : null,
+          error: error,
+          errorInfo: errorInfo
+        });
+      } else {
+        analytics.ui.renderFailedEvent({
+          display: isFlexibleUi ? 'flexible' : appearance,
+          id: id,
+          error: error,
+          errorInfo: errorInfo
+        });
+      }
     }
     onError && onError({
       status: 'errored',

package/dist/esm/view/EmbedCard/components/ExpandedFrame.js

@@ -1,7 +1,7 @@
 import React from 'react';
 import Tooltip from '@atlaskit/tooltip';
 import { useMouseDownEvent } from '../../../state/analytics/useLinkClicked';
-import { handleClickCommon } from '../../BlockCard/utils/handlers';
+import { handleClickCommon } from '../../common/utils';
 import { className, Content, Header, IconWrapper, LinkWrapper, TextWrapper, TooltipWrapper, Wrapper } from './styled';
 export var ExpandedFrame = function ExpandedFrame(_ref) {
   var _ref$isPlaceholder = _ref.isPlaceholder,

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

@@ -6,7 +6,7 @@ import { extractEmbedProps } from '../../extractors/embed';
 import { extractInlineProps } from '../../extractors/inline';
 import { getExtensionKey, hasAuthScopeOverrides } from '../../state/helpers';
 import { getEmptyJsonLd, getForbiddenJsonLd } from '../../utils/jsonld';
-import FlexibleResolvedView from '../BlockCard/views/flexible/FlexibleResolvedView';
+import BlockCardResolvedView from '../BlockCard/views/ResolvedView';
 import { InlineCardResolvedView } from '../InlineCard/ResolvedView';
 import { EmbedCardErroredView } from './views/ErroredView';
 import ForbiddenView from './views/forbidden-view';
@@ -44,7 +44,7 @@ export var EmbedCard = /*#__PURE__*/React.forwardRef(function (_ref, iframeRef)
   switch (status) {
     case 'pending':
     case 'resolving':
-      return /*#__PURE__*/React.createElement(FlexibleResolvedView, {
+      return /*#__PURE__*/React.createElement(BlockCardResolvedView, {
         url: url,
         cardState: cardState,
         onClick: handleFrameClick,
@@ -85,7 +85,7 @@ export var EmbedCard = /*#__PURE__*/React.forwardRef(function (_ref, iframeRef)
             onClick: handleFrameClick
           }));
         }
-        return /*#__PURE__*/React.createElement(FlexibleResolvedView, {
+        return /*#__PURE__*/React.createElement(BlockCardResolvedView, {
           url: url,
           cardState: cardState,
           onClick: handleFrameClick,

package/dist/esm/view/EmbedCard/views/ErroredView.js

@@ -10,8 +10,8 @@ import ErrorIcon from '@atlaskit/icon/core/migration/error';
 import { Box, Inline, xcss } from '@atlaskit/primitives';
 import { R300 } from '@atlaskit/theme/colors';
 import { messages } from '../../../messages';
-import { Frame } from '../../BlockCard/components/Frame';
 import { gs } from '../../common/utils';
+import { Frame } from '../components/ErrorFrame';
 var messageStyles = css({
   font: "var(--ds-font-heading-xsmall, normal 600 14px/16px ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, system-ui, \"Helvetica Neue\", sans-serif)",
   fontWeight: "var(--ds-font-weight-regular, 400)",

package/dist/esm/view/HoverCard/components/views/resolved/index.js

@@ -1,7 +1,10 @@
 import _extends from "@babel/runtime/helpers/extends";
 import React, { useCallback, useEffect, useMemo, useRef } from 'react';
+import { fg } from '@atlaskit/platform-feature-flags';
+import { useAnalyticsEvents } from '../../../../../common/analytics/generated/use-analytics-events';
 import { CardDisplay, SmartLinkPosition, SmartLinkSize, SmartLinkStatus } from '../../../../../constants';
-import { getCanBeDatasource } from '../../../../../state/helpers';
+import { succeedUfoExperience } from '../../../../../state/analytics';
+import { getCanBeDatasource, getDefinitionId } from '../../../../../state/helpers';
 import FlexibleCard from '../../../../FlexibleCard';
 import { ActionBlock, AIFooterBlock, AISummaryBlock, MetadataBlock, SnippetBlock, TitleBlock } from '../../../../FlexibleCard/components/blocks';
 import { getMetadata } from '../../../utils';
@@ -15,17 +18,41 @@ var HoverCardResolvedView = function HoverCardResolvedView(_ref) {
     flexibleCardProps = _ref.flexibleCardProps,
     isAISummaryEnabled = _ref.isAISummaryEnabled,
     onActionClick = _ref.onActionClick,
-    titleBlockProps = _ref.titleBlockProps;
-  var canBeDatasource = getCanBeDatasource(cardState.details);
+    titleBlockProps = _ref.titleBlockProps,
+    id = _ref.id;
+  var _useAnalyticsEvents = useAnalyticsEvents(),
+    fireEvent = _useAnalyticsEvents.fireEvent;
+  var definitionId = React.useMemo(function () {
+    return getDefinitionId(cardState.details);
+  }, [cardState.details]);
+  var canBeDatasource = React.useMemo(function () {
+    return getCanBeDatasource(cardState.details);
+  }, [cardState.details]);
   useEffect(function () {
     // Since this hover view is only rendered on resolved status,
     // there is no need to check for statuses.
-    analytics.ui.renderSuccessEvent({
-      display: CardDisplay.HoverCardPreview,
-      status: cardState.status,
-      canBeDatasource: canBeDatasource
-    });
-  }, [analytics.ui, cardState.status, canBeDatasource]);
+    if (fg('platform-smart-card-migrate-embed-modal-analytics')) {
+      succeedUfoExperience('smart-link-rendered', id || 'NULL', {
+        extensionKey: extensionKey,
+        display: CardDisplay.HoverCardPreview
+      });
+
+      // UFO will disregard this if authentication experience has not yet been started
+      succeedUfoExperience('smart-link-authenticated', id || 'NULL', {
+        display: CardDisplay.HoverCardPreview
+      });
+      fireEvent('ui.smartLink.renderSuccess', {
+        definitionId: definitionId !== null && definitionId !== void 0 ? definitionId : null,
+        display: CardDisplay.HoverCardPreview
+      });
+    } else {
+      analytics.ui.renderSuccessEvent({
+        display: CardDisplay.HoverCardPreview,
+        status: cardState.status,
+        canBeDatasource: canBeDatasource
+      });
+    }
+  }, [analytics.ui, cardState.status, canBeDatasource, fireEvent, definitionId, extensionKey, id]);
   var data = (_cardState$details = cardState.details) === null || _cardState$details === void 0 ? void 0 : _cardState$details.data;
   var _useMemo = useMemo(function () {
       return getMetadata(extensionKey, data);

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

@@ -9,23 +9,40 @@ import { jsx } from '@emotion/react';
 import { ErrorBoundary } from 'react-error-boundary';
 import { di } from 'react-magnetic-di';
 import { withAnalyticsEvents } from '@atlaskit/analytics-next';
+import { fg } from '@atlaskit/platform-feature-flags';
+import { useAnalyticsEvents } from '../../common/analytics/generated/use-analytics-events';
 import { CardDisplay } from '../../constants';
-import { useSmartLinkAnalytics } from '../../state/analytics';
+import { useSmartLinkAnalytics } from '../../state';
+import { failUfoExperience, startUfoExperience } from '../../state/analytics';
 import { SmartLinkModalProvider } from '../../state/modal';
 import { HoverCardComponent } from './components/HoverCardComponent';
 var HoverCardWithErrorBoundary = function HoverCardWithErrorBoundary(props) {
+  var _useAnalyticsEvents = useAnalyticsEvents(),
+    fireEvent = _useAnalyticsEvents.fireEvent;
   var url = props.url,
     id = props.id,
     children = props.children;
   var analytics = useSmartLinkAnalytics(url, id);
   var onError = useCallback(function (error, info) {
-    analytics.ui.renderFailedEvent({
-      display: CardDisplay.HoverCardPreview,
-      id: id,
-      error: error,
-      errorInfo: info
-    });
-  }, [analytics.ui, id]);
+    if (fg('platform-smart-card-migrate-embed-modal-analytics')) {
+      startUfoExperience('smart-link-rendered', id || 'NULL');
+      failUfoExperience('smart-link-rendered', id || 'NULL');
+      failUfoExperience('smart-link-authenticated', id || 'NULL');
+      fireEvent('ui.smartLink.renderFailed', {
+        display: CardDisplay.HoverCardPreview,
+        id: id !== null && id !== void 0 ? id : null,
+        error: error,
+        errorInfo: info
+      });
+    } else {
+      analytics.ui.renderFailedEvent({
+        display: CardDisplay.HoverCardPreview,
+        id: id,
+        error: error,
+        errorInfo: info
+      });
+    }
+  }, [analytics.ui, id, fireEvent]);
   return jsx(ErrorBoundary, {
     fallback: children,
     onError: onError

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

@@ -13,7 +13,7 @@ import LinkWarningModal from './LinkWarningModal';
 import { useLinkWarningModal } from './LinkWarningModal/hooks/use-link-warning-modal';
 var PACKAGE_DATA = {
   packageName: "@atlaskit/smart-card",
-  packageVersion: "32.7.2",
+  packageVersion: "32.7.4",
   componentName: 'linkUrl'
 };
 var Anchor = withLinkClickedEvent('a');

package/dist/esm/view/common/access/ForbiddenAction.js

@@ -0,0 +1,21 @@
+import _extends from "@babel/runtime/helpers/extends";
+import React from 'react';
+import { FormattedMessage } from 'react-intl-next';
+import { messages } from '../../../messages';
+export var ForbiddenAction = function ForbiddenAction(handler) {
+  var id = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 'connect-other-account';
+  var message = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : messages.try_another_account;
+  var values = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : {};
+  return {
+    id: id,
+    text: /*#__PURE__*/React.createElement(FormattedMessage, _extends({}, message, {
+      values: values
+    })),
+    promise: function promise() {
+      return new Promise(function (resolve) {
+        return resolve(handler());
+      });
+    },
+    buttonAppearance: 'default'
+  };
+};

package/dist/esm/view/common/utils.js

@@ -11,4 +11,11 @@ var br = function br() {
   return "".concat(3 * times, "px");
 };
 var mq = facepaint(['@media(min-width: 576px)']);
-export { gs, br, mq };
+export { gs, br, mq };
+export var handleClickCommon = function handleClickCommon(event, onClick) {
+  if (onClick) {
+    event.preventDefault();
+    event.stopPropagation();
+    onClick(event);
+  }
+};

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

@@ -3,7 +3,7 @@
  *
  * Generates Typescript types for analytics events from analytics.spec.yaml
  *
- * @codegen <<SignedSource::f06f113d9e5f9e84ba897b1fbfca3db4>>
+ * @codegen <<SignedSource::1e6835b50307a44a077c38d864a2c66e>>
  * @codegenCommand yarn workspace @atlassian/analytics-tooling run analytics:codegen smart-card
  */
 export type PackageMetaDataContextType = {
@@ -61,6 +61,13 @@ export type ButtonClickedShortcutGoToLinkAttributesType = {
     display: 'inline' | 'block' | 'embed' | 'embedPreview' | 'flexible' | 'hoverCardPreview' | null;
     resourceType: string | null;
 };
+export type ButtonClickedIssueStatusUpdateAttributesType = {
+    actionType: string | null;
+    id: string | null;
+    definitionId: string | null;
+    display: 'inline' | 'block' | 'embed' | 'embedPreview' | 'flexible' | 'hoverCardPreview' | null;
+    resourceType: string | null;
+};
 export type ButtonClickedAiSummaryAttributesType = {};
 export type ButtonClickedCopySummaryAttributesType = {};
 export type SummaryViewedAttributesType = {
@@ -200,6 +207,21 @@ export type ButtonClickedSmartLinkStatusOpenPreviewAttributesType = {};
 export type ButtonClickedSmartLinkFollowButtonAttributesType = {};
 export type ButtonClickedStatusUpdateActionAttributesType = {};
 export type ButtonClickedGetStatusTransitionsActionAttributesType = {};
+export type ButtonClickedEmbedPreviewResizeAttributesType = {
+    newSize: 'large' | 'small';
+    origin: 'smartLinkCard' | 'smartLinkEmbed' | 'smartLinkInline' | 'smartLinkPreviewHoverCard' | null;
+    previousSize: 'large' | 'small';
+};
+export type SmartLinkRenderSuccessAttributesType = {
+    display: 'inline' | 'block' | 'embed' | 'embedPreview' | 'flexible' | 'hoverCardPreview';
+    definitionId: string | null;
+};
+export type SmartLinkRenderFailedAttributesType = {
+    display: 'inline' | 'block' | 'embed' | 'embedPreview' | 'flexible' | 'hoverCardPreview';
+    error: Record<string, unknown>;
+    errorInfo: Record<string, unknown>;
+    id: string | null;
+};
 export type AnalyticsEventAttributes = {
     /**
      * Fired when an copy link is clicked */
@@ -213,6 +235,9 @@ export type AnalyticsEventAttributes = {
     /**
      * Fired when an view link is clicked */
     'ui.button.clicked.shortcutGoToLink': ButtonClickedShortcutGoToLinkAttributesType;
+    /**
+     * fires an event that represents a user clicking on the preview action button */
+    'ui.button.clicked.issueStatusUpdate': ButtonClickedIssueStatusUpdateAttributesType;
     /**
      * fired when an ai summary is clicked */
     'ui.button.clicked.aiSummary': ButtonClickedAiSummaryAttributesType;
@@ -337,5 +362,14 @@ export type AnalyticsEventAttributes = {
     'ui.button.clicked.StatusUpdateAction': ButtonClickedStatusUpdateActionAttributesType;
     /** */
     'ui.button.clicked.GetStatusTransitionsAction': ButtonClickedGetStatusTransitionsActionAttributesType;
+    /**
+     * fires an event that represents a user clicking on the resize button in the embed preview */
+    'ui.button.clicked.embedPreviewResize': ButtonClickedEmbedPreviewResizeAttributesType;
+    /**
+     * fires an event that represents when a Smart Link was rendered successfully (even if the Smart Link errors out) */
+    'ui.smartLink.renderSuccess': SmartLinkRenderSuccessAttributesType;
+    /**
+     * fires an event that represents when a Smart Link renders unsuccessfully. */
+    'ui.smartLink.renderFailed': SmartLinkRenderFailedAttributesType;
 };
 export type EventKey = keyof AnalyticsEventAttributes;

package/dist/types/types.d.ts

@@ -1,17 +1,10 @@
 import { type JsonLd } from 'json-ld-types';
-export type { CardContext } from '@atlaskit/link-provider';
+export { type CardContext } from '@atlaskit/link-provider';
 import { type LozengeProps as AtlaskitLozengeProps } from '@atlaskit/lozenge';
-import { type RequestAccessMessageKey } from './messages';
-import { type ActionProps } from './view/BlockCard/components/Action';
-import { type AccessContext } from './view/types';
+/** @deprecated {@link https://hello.atlassian.net/browse/ENGHEALTH-15961 Internal documentation for deprecation (no external access)} */
 export type ResolveResponse = JsonLd.Response;
-export type { ProviderProps, CardType } from './state';
-export type { CardProps, CardAppearance, CardPlatform } from './view/Card/types';
-export interface RequestAccessContextProps extends AccessContext {
-    action?: ActionProps;
-    callToActionMessageKey?: RequestAccessMessageKey;
-    descriptiveMessageKey?: RequestAccessMessageKey;
-}
+export { type ProviderProps, type CardType } from './state';
+export { type CardProps, type CardAppearance, type CardPlatform } from './view/Card/types';
 export type InlinePreloaderStyle = 'on-left-with-skeleton' | 'on-right-without-skeleton';
 export type LozengeColor = 'default' | 'success' | 'removed' | 'inprogress' | 'new' | 'moved';
 export interface LozengeProps {