@atlaskit/smart-card 32.7.2 → 32.7.4

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

@@ -15,13 +15,13 @@ var _analyticsNext = require("@atlaskit/analytics-next");
 var _lock = _interopRequireDefault(require("@atlaskit/icon/glyph/lock"));
 var _linkExtractors = require("@atlaskit/link-extractors");
 var _colors = require("@atlaskit/theme/colors");
-var _extractAccessContext = require("../../../../extractors/common/context/extractAccessContext");
-var _extractHostname = _interopRequireDefault(require("../../../../extractors/common/hostname/extractHostname"));
-var _messages = require("../../../../messages");
-var _intlUtils = require("../../../../utils/intl-utils");
-var _jsonld = require("../../../../utils/jsonld");
-var _text = _interopRequireDefault(require("../../../FlexibleCard/components/elements/text"));
-var _ForbiddenAction = require("../../actions/flexible/ForbiddenAction");
+var _extractAccessContext = require("../../../extractors/common/context/extractAccessContext");
+var _extractHostname = _interopRequireDefault(require("../../../extractors/common/hostname/extractHostname"));
+var _messages = require("../../../messages");
+var _intlUtils = require("../../../utils/intl-utils");
+var _jsonld = require("../../../utils/jsonld");
+var _text = _interopRequireDefault(require("../../FlexibleCard/components/elements/text"));
+var _ForbiddenAction = require("../actions/ForbiddenAction");
 var _unresolvedView = _interopRequireDefault(require("./unresolved-view"));
 var _withFlexibleUIBlockCardStyle = require("./utils/withFlexibleUIBlockCardStyle");
 var _excluded = ["testId"];
@@ -34,7 +34,7 @@ function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e;
  * @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,
@@ -98,4 +98,4 @@ var FlexibleForbiddenView = function FlexibleForbiddenView(_ref) {
     }
   }));
 };
-var _default = exports.default = (0, _withFlexibleUIBlockCardStyle.withFlexibleUIBlockCardStyle)(FlexibleForbiddenView);
+var _default = exports.default = (0, _withFlexibleUIBlockCardStyle.withFlexibleUIBlockCardStyle)(ForbiddenView);

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

@@ -13,8 +13,8 @@ var _reactIntlNext = require("react-intl-next");
 var _lock = _interopRequireDefault(require("@atlaskit/icon/glyph/lock"));
 var _linkExtractors = require("@atlaskit/link-extractors");
 var _colors = require("@atlaskit/theme/colors");
-var _messages = require("../../../../messages");
-var _text = _interopRequireDefault(require("../../../FlexibleCard/components/elements/text"));
+var _messages = require("../../../messages");
+var _text = _interopRequireDefault(require("../../FlexibleCard/components/elements/text"));
 var _unresolvedView = _interopRequireDefault(require("./unresolved-view"));
 var _withFlexibleUIBlockCardStyle = require("./utils/withFlexibleUIBlockCardStyle");
 var _excluded = ["testId"];
@@ -26,7 +26,7 @@ function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e;
  * @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,
@@ -62,4 +62,4 @@ var FlexibleNotFoundView = function FlexibleNotFoundView(_ref) {
     maxLines: 3
   }));
 };
-var _default = exports.default = (0, _withFlexibleUIBlockCardStyle.withFlexibleUIBlockCardStyle)(FlexibleNotFoundView);
+var _default = exports.default = (0, _withFlexibleUIBlockCardStyle.withFlexibleUIBlockCardStyle)(NotFoundView);

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

@@ -9,9 +9,9 @@ exports.default = void 0;
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
 var _react = _interopRequireWildcard(require("react"));
-var _constants = require("../../../../constants");
-var _FlexibleCard = _interopRequireDefault(require("../../../FlexibleCard"));
-var _blocks = require("../../../FlexibleCard/components/blocks");
+var _constants = require("../../../constants");
+var _FlexibleCard = _interopRequireDefault(require("../../FlexibleCard"));
+var _blocks = require("../../FlexibleCard/components/blocks");
 var _styled = require("./styled");
 var _utils = require("./utils");
 var _withFlexibleUIBlockCardStyle = require("./utils/withFlexibleUIBlockCardStyle");
@@ -22,7 +22,7 @@ function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e;
  * @see SmartLinkStatus
  * @see FlexibleCardProps
  */
-var FlexibleResolvedView = function FlexibleResolvedView(_ref) {
+var ResolvedView = function ResolvedView(_ref) {
   var cardState = _ref.cardState,
     onClick = _ref.onClick,
     onError = _ref.onError,
@@ -89,4 +89,4 @@ var FlexibleResolvedView = function FlexibleResolvedView(_ref) {
     actions: footerActions
   })));
 };
-var _default = exports.default = (0, _withFlexibleUIBlockCardStyle.withFlexibleUIBlockCardStyle)(FlexibleResolvedView);
+var _default = exports.default = (0, _withFlexibleUIBlockCardStyle.withFlexibleUIBlockCardStyle)(ResolvedView);

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

@@ -11,11 +11,11 @@ var _react = require("react");
 var _react2 = require("@emotion/react");
 var _reactIntlNext = require("react-intl-next");
 var _linkExtractors = require("@atlaskit/link-extractors");
-var _useAnalyticsEvents2 = require("../../../../common/analytics/generated/use-analytics-events");
-var _messages = require("../../../../messages");
-var _helpers = require("../../../../state/helpers");
-var _UnauthorisedViewContent = _interopRequireDefault(require("../../../common/UnauthorisedViewContent"));
-var _AuthorizeAction = require("../../actions/flexible/AuthorizeAction");
+var _useAnalyticsEvents2 = require("../../../common/analytics/generated/use-analytics-events");
+var _messages = require("../../../messages");
+var _helpers = require("../../../state/helpers");
+var _UnauthorisedViewContent = _interopRequireDefault(require("../../common/UnauthorisedViewContent"));
+var _AuthorizeAction = require("../actions/AuthorizeAction");
 var _unresolvedView = _interopRequireDefault(require("./unresolved-view"));
 var _withFlexibleUIBlockCardStyle = require("./utils/withFlexibleUIBlockCardStyle");
 var _excluded = ["testId"];
@@ -37,7 +37,7 @@ var contentStyles = (0, _react2.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,
@@ -79,4 +79,4 @@ var FlexibleUnauthorisedView = function FlexibleUnauthorisedView(_ref) {
     "data-testid": "".concat(testId, "-content")
   }, content));
 };
-var _default = exports.default = (0, _withFlexibleUIBlockCardStyle.withFlexibleUIBlockCardStyle)(FlexibleUnauthorisedView);
+var _default = exports.default = (0, _withFlexibleUIBlockCardStyle.withFlexibleUIBlockCardStyle)(UnauthorisedView);

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

@@ -8,8 +8,8 @@ exports.default = void 0;
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var _react = _interopRequireDefault(require("react"));
 var _react2 = require("@emotion/react");
-var _FlexibleCard = _interopRequireDefault(require("../../../../FlexibleCard"));
-var _blocks = require("../../../../FlexibleCard/components/blocks");
+var _FlexibleCard = _interopRequireDefault(require("../../../FlexibleCard"));
+var _blocks = require("../../../FlexibleCard/components/blocks");
 var _utils = require("../utils");
 // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 

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

@@ -5,9 +5,9 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.titleBlockOptions = exports.getSimulatedBetterMetadata = exports.PreviewBlockOptions = exports.FooterBlockOptions = exports.FlexibleCardUiOptions = void 0;
 var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
-var _constants = require("../../../../../constants");
-var _utils = require("../../../../../extractors/flexible/utils");
-var _helpers = require("../../../../../state/helpers");
+var _constants = require("../../../../constants");
+var _utils = require("../../../../extractors/flexible/utils");
+var _helpers = require("../../../../state/helpers");
 var _styled = require("../styled");
 var baseTopMetadata = [{
   name: _constants.ElementName.ModifiedOn

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

@@ -12,6 +12,7 @@ var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 var _useAnalyticsEvents2 = require("../../common/analytics/generated/use-analytics-events");
 var _constants = require("../../constants");
 var _state = require("../../state");
+var _analytics = require("../../state/analytics");
 var _helpers = require("../../state/helpers");
 var _modal = require("../../state/modal");
 var _utils = require("../../utils");
@@ -166,16 +167,32 @@ function Component(_ref) {
   // - the unresolved states: viz. forbidden, not_found, unauthorized, errored.
   (0, _react.useEffect)(function () {
     if ((0, _helpers.isFinalState)(state.status)) {
-      analytics.ui.renderSuccessEvent({
-        display: isFlexibleUi ? 'flexible' : appearance,
-        status: state.status,
-        id: id,
-        definitionId: definitionId,
-        extensionKey: extensionKey,
-        canBeDatasource: canBeDatasource
-      });
+      if ((0, _platformFeatureFlags.fg)('platform-smart-card-migrate-embed-modal-analytics')) {
+        (0, _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
+        (0, _analytics.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 = (0, _react.useCallback)(function (dwellTime, dwellPercentVisible) {
     fireEvent('ui.smartLinkIframe.dwelled', {
       id: id,

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

@@ -12,7 +12,9 @@ var _react = _interopRequireWildcard(require("react"));
 var _reactErrorBoundary = require("react-error-boundary");
 var _reactMagneticDi = require("react-magnetic-di");
 var _uuid = _interopRequireDefault(require("uuid"));
+var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 var _useAnalyticsEvents2 = require("../../common/analytics/generated/use-analytics-events");
+var _state = require("../../state");
 var _analytics = require("../../state/analytics");
 var _utils = require("../../utils");
 var _flexible = require("../../utils/flexible");
@@ -68,7 +70,7 @@ function CardWithURLRenderer(props) {
     removeTextHighlightingFromTitle = props.removeTextHighlightingFromTitle,
     resolvingPlaceholder = props.resolvingPlaceholder,
     truncateInline = props.truncateInline;
-  var analytics = (0, _analytics.useSmartLinkAnalytics)(url !== null && url !== void 0 ? url : '', id);
+  var analytics = (0, _state.useSmartLinkAnalytics)(url !== null && url !== void 0 ? url : '', id);
   var isFlexibleUi = (0, _flexible.isFlexibleUiCard)(children);
   var errorHandler = (0, _react.useCallback)(function (error, info) {
     var componentStack = info.componentStack;
@@ -88,12 +90,24 @@ function CardWithURLRenderer(props) {
         definitionId: null
       });
     } else if (error.name !== 'APIError') {
-      analytics.ui.renderFailedEvent({
-        display: isFlexibleUi ? 'flexible' : appearance,
-        id: id,
-        error: error,
-        errorInfo: errorInfo
-      });
+      if ((0, _platformFeatureFlags.fg)('platform-smart-card-migrate-embed-modal-analytics')) {
+        (0, _analytics.startUfoExperience)('smart-link-rendered', id || 'NULL');
+        (0, _analytics.failUfoExperience)('smart-link-rendered', id || 'NULL');
+        (0, _analytics.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/cjs/view/EmbedCard/components/ExpandedFrame.js

@@ -8,7 +8,7 @@ exports.ExpandedFrame = void 0;
 var _react = _interopRequireDefault(require("react"));
 var _tooltip = _interopRequireDefault(require("@atlaskit/tooltip"));
 var _useLinkClicked = require("../../../state/analytics/useLinkClicked");
-var _handlers = require("../../BlockCard/utils/handlers");
+var _utils = require("../../common/utils");
 var _styled = require("./styled");
 var ExpandedFrame = exports.ExpandedFrame = function ExpandedFrame(_ref) {
   var _ref$isPlaceholder = _ref.isPlaceholder,
@@ -34,7 +34,7 @@ var ExpandedFrame = exports.ExpandedFrame = function ExpandedFrame(_ref) {
     return !isPlaceholder && (Boolean(href) || Boolean(onClick));
   };
   var handleClick = function handleClick(event) {
-    return (0, _handlers.handleClickCommon)(event, onClick);
+    return (0, _utils.handleClickCommon)(event, onClick);
   };
   var handleMouseDown = (0, _useLinkClicked.useMouseDownEvent)();
   var renderHeader = function renderHeader() {

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

@@ -13,12 +13,12 @@ var _embed = require("../../extractors/embed");
 var _inline = require("../../extractors/inline");
 var _helpers = require("../../state/helpers");
 var _jsonld = require("../../utils/jsonld");
-var _FlexibleResolvedView = _interopRequireDefault(require("../BlockCard/views/flexible/FlexibleResolvedView"));
-var _ResolvedView = require("../InlineCard/ResolvedView");
+var _ResolvedView = _interopRequireDefault(require("../BlockCard/views/ResolvedView"));
+var _ResolvedView2 = require("../InlineCard/ResolvedView");
 var _ErroredView = require("./views/ErroredView");
 var _forbiddenView = _interopRequireDefault(require("./views/forbidden-view"));
 var _notFoundView = _interopRequireDefault(require("./views/not-found-view"));
-var _ResolvedView2 = require("./views/ResolvedView");
+var _ResolvedView3 = require("./views/ResolvedView");
 var _unauthorizedView = _interopRequireDefault(require("./views/unauthorized-view"));
 var EmbedCard = exports.EmbedCard = /*#__PURE__*/_react.default.forwardRef(function (_ref, iframeRef) {
   var _details$meta, _forbiddenViewProps$c, _forbiddenViewProps$c2, _notFoundViewProps$co, _notFoundViewProps$co2;
@@ -51,7 +51,7 @@ var EmbedCard = exports.EmbedCard = /*#__PURE__*/_react.default.forwardRef(funct
   switch (status) {
     case 'pending':
     case 'resolving':
-      return /*#__PURE__*/_react.default.createElement(_FlexibleResolvedView.default, {
+      return /*#__PURE__*/_react.default.createElement(_ResolvedView.default, {
         url: url,
         cardState: cardState,
         onClick: handleFrameClick,
@@ -73,7 +73,7 @@ var EmbedCard = exports.EmbedCard = /*#__PURE__*/_react.default.forwardRef(funct
         });
       }
       if (resolvedViewProps.preview) {
-        return /*#__PURE__*/_react.default.createElement(_ResolvedView2.EmbedCardResolvedView, (0, _extends2.default)({}, resolvedViewProps, {
+        return /*#__PURE__*/_react.default.createElement(_ResolvedView3.EmbedCardResolvedView, (0, _extends2.default)({}, resolvedViewProps, {
           isSelected: isSelected,
           frameStyle: frameStyle,
           inheritDimensions: inheritDimensions,
@@ -86,13 +86,13 @@ var EmbedCard = exports.EmbedCard = /*#__PURE__*/_react.default.forwardRef(funct
       } else {
         if (platform === 'mobile') {
           var resolvedInlineViewProps = (0, _inline.extractInlineProps)(data);
-          return /*#__PURE__*/_react.default.createElement(_ResolvedView.InlineCardResolvedView, (0, _extends2.default)({}, resolvedInlineViewProps, {
+          return /*#__PURE__*/_react.default.createElement(_ResolvedView2.InlineCardResolvedView, (0, _extends2.default)({}, resolvedInlineViewProps, {
             isSelected: isSelected,
             testId: testId,
             onClick: handleFrameClick
           }));
         }
-        return /*#__PURE__*/_react.default.createElement(_FlexibleResolvedView.default, {
+        return /*#__PURE__*/_react.default.createElement(_ResolvedView.default, {
           url: url,
           cardState: cardState,
           onClick: handleFrameClick,
@@ -135,7 +135,7 @@ var EmbedCard = exports.EmbedCard = /*#__PURE__*/_react.default.forwardRef(funct
       var forbiddenViewProps = (0, _embed.extractEmbedProps)(data, meta, platform);
       var cardMetadata = (_details$meta = details === null || details === void 0 ? void 0 : details.meta) !== null && _details$meta !== void 0 ? _details$meta : (0, _jsonld.getForbiddenJsonLd)().meta;
       if (forbiddenViewProps.preview) {
-        return /*#__PURE__*/_react.default.createElement(_ResolvedView2.EmbedCardResolvedView, (0, _extends2.default)({}, forbiddenViewProps, {
+        return /*#__PURE__*/_react.default.createElement(_ResolvedView3.EmbedCardResolvedView, (0, _extends2.default)({}, forbiddenViewProps, {
           title: forbiddenViewProps.link,
           frameStyle: frameStyle,
           isSelected: isSelected,

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

@@ -12,8 +12,8 @@ var _error = _interopRequireDefault(require("@atlaskit/icon/core/migration/error
 var _primitives = require("@atlaskit/primitives");
 var _colors = require("@atlaskit/theme/colors");
 var _messages = require("../../../messages");
-var _Frame = require("../../BlockCard/components/Frame");
 var _utils = require("../../common/utils");
+var _ErrorFrame = require("../components/ErrorFrame");
 /**
  * @jsxRuntime classic
  * @jsx jsx
@@ -47,7 +47,7 @@ var EmbedCardErroredView = exports.EmbedCardErroredView = function EmbedCardErro
     _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? 'embed-card-errored-view' : _ref$testId,
     inheritDimensions = _ref.inheritDimensions;
-  return (0, _react.jsx)(_Frame.Frame, {
+  return (0, _react.jsx)(_ErrorFrame.Frame, {
     inheritDimensions: inheritDimensions,
     compact: true,
     isSelected: isSelected,

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

@@ -8,7 +8,10 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = void 0;
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var _react = _interopRequireWildcard(require("react"));
+var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
+var _useAnalyticsEvents2 = require("../../../../../common/analytics/generated/use-analytics-events");
 var _constants = require("../../../../../constants");
+var _analytics = require("../../../../../state/analytics");
 var _helpers = require("../../../../../state/helpers");
 var _FlexibleCard = _interopRequireDefault(require("../../../../FlexibleCard"));
 var _blocks = require("../../../../FlexibleCard/components/blocks");
@@ -25,17 +28,41 @@ var HoverCardResolvedView = function HoverCardResolvedView(_ref) {
     flexibleCardProps = _ref.flexibleCardProps,
     isAISummaryEnabled = _ref.isAISummaryEnabled,
     onActionClick = _ref.onActionClick,
-    titleBlockProps = _ref.titleBlockProps;
-  var canBeDatasource = (0, _helpers.getCanBeDatasource)(cardState.details);
+    titleBlockProps = _ref.titleBlockProps,
+    id = _ref.id;
+  var _useAnalyticsEvents = (0, _useAnalyticsEvents2.useAnalyticsEvents)(),
+    fireEvent = _useAnalyticsEvents.fireEvent;
+  var definitionId = _react.default.useMemo(function () {
+    return (0, _helpers.getDefinitionId)(cardState.details);
+  }, [cardState.details]);
+  var canBeDatasource = _react.default.useMemo(function () {
+    return (0, _helpers.getCanBeDatasource)(cardState.details);
+  }, [cardState.details]);
   (0, _react.useEffect)(function () {
     // Since this hover view is only rendered on resolved status,
     // there is no need to check for statuses.
-    analytics.ui.renderSuccessEvent({
-      display: _constants.CardDisplay.HoverCardPreview,
-      status: cardState.status,
-      canBeDatasource: canBeDatasource
-    });
-  }, [analytics.ui, cardState.status, canBeDatasource]);
+    if ((0, _platformFeatureFlags.fg)('platform-smart-card-migrate-embed-modal-analytics')) {
+      (0, _analytics.succeedUfoExperience)('smart-link-rendered', id || 'NULL', {
+        extensionKey: extensionKey,
+        display: _constants.CardDisplay.HoverCardPreview
+      });
+
+      // UFO will disregard this if authentication experience has not yet been started
+      (0, _analytics.succeedUfoExperience)('smart-link-authenticated', id || 'NULL', {
+        display: _constants.CardDisplay.HoverCardPreview
+      });
+      fireEvent('ui.smartLink.renderSuccess', {
+        definitionId: definitionId !== null && definitionId !== void 0 ? definitionId : null,
+        display: _constants.CardDisplay.HoverCardPreview
+      });
+    } else {
+      analytics.ui.renderSuccessEvent({
+        display: _constants.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 = (0, _react.useMemo)(function () {
       return (0, _utils.getMetadata)(extensionKey, data);

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

@@ -9,7 +9,10 @@ var _react2 = require("@emotion/react");
 var _reactErrorBoundary = require("react-error-boundary");
 var _reactMagneticDi = require("react-magnetic-di");
 var _analyticsNext = require("@atlaskit/analytics-next");
+var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
+var _useAnalyticsEvents2 = require("../../common/analytics/generated/use-analytics-events");
 var _constants = require("../../constants");
+var _state = require("../../state");
 var _analytics = require("../../state/analytics");
 var _modal = require("../../state/modal");
 var _HoverCardComponent = require("./components/HoverCardComponent");
@@ -21,18 +24,32 @@ var _HoverCardComponent = require("./components/HoverCardComponent");
 // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 
 var HoverCardWithErrorBoundary = function HoverCardWithErrorBoundary(props) {
+  var _useAnalyticsEvents = (0, _useAnalyticsEvents2.useAnalyticsEvents)(),
+    fireEvent = _useAnalyticsEvents.fireEvent;
   var url = props.url,
     id = props.id,
     children = props.children;
-  var analytics = (0, _analytics.useSmartLinkAnalytics)(url, id);
+  var analytics = (0, _state.useSmartLinkAnalytics)(url, id);
   var onError = (0, _react.useCallback)(function (error, info) {
-    analytics.ui.renderFailedEvent({
-      display: _constants.CardDisplay.HoverCardPreview,
-      id: id,
-      error: error,
-      errorInfo: info
-    });
-  }, [analytics.ui, id]);
+    if ((0, _platformFeatureFlags.fg)('platform-smart-card-migrate-embed-modal-analytics')) {
+      (0, _analytics.startUfoExperience)('smart-link-rendered', id || 'NULL');
+      (0, _analytics.failUfoExperience)('smart-link-rendered', id || 'NULL');
+      (0, _analytics.failUfoExperience)('smart-link-authenticated', id || 'NULL');
+      fireEvent('ui.smartLink.renderFailed', {
+        display: _constants.CardDisplay.HoverCardPreview,
+        id: id !== null && id !== void 0 ? id : null,
+        error: error,
+        errorInfo: info
+      });
+    } else {
+      analytics.ui.renderFailedEvent({
+        display: _constants.CardDisplay.HoverCardPreview,
+        id: id,
+        error: error,
+        errorInfo: info
+      });
+    }
+  }, [analytics.ui, id, fireEvent]);
   return (0, _react2.jsx)(_reactErrorBoundary.ErrorBoundary, {
     fallback: children,
     onError: onError

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

@@ -20,7 +20,7 @@ var _excluded = ["href", "children", "checkSafety", "onClick", "testId", "isLink
   _excluded2 = ["isLinkSafe", "showSafetyWarningModal"];
 var PACKAGE_DATA = {
   packageName: "@atlaskit/smart-card",
-  packageVersion: "32.7.2",
+  packageVersion: "32.7.4",
   componentName: 'linkUrl'
 };
 var Anchor = (0, _click.withLinkClickedEvent)('a');

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

@@ -0,0 +1,28 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.ForbiddenAction = void 0;
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+var _react = _interopRequireDefault(require("react"));
+var _reactIntlNext = require("react-intl-next");
+var _messages = require("../../../messages");
+var ForbiddenAction = exports.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.messages.try_another_account;
+  var values = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : {};
+  return {
+    id: id,
+    text: /*#__PURE__*/_react.default.createElement(_reactIntlNext.FormattedMessage, (0, _extends2.default)({}, message, {
+      values: values
+    })),
+    promise: function promise() {
+      return new Promise(function (resolve) {
+        return resolve(handler());
+      });
+    },
+    buttonAppearance: 'default'
+  };
+};

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

@@ -4,7 +4,7 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.mq = exports.gs = exports.br = void 0;
+exports.mq = exports.handleClickCommon = exports.gs = exports.br = void 0;
 var _facepaint = _interopRequireDefault(require("facepaint"));
 // this function is used for spacing, fontsize and line height,
 // once design tokens have been established for the all of these categories
@@ -16,4 +16,11 @@ var br = exports.br = function br() {
   var times = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 1;
   return "".concat(3 * times, "px");
 };
-var mq = exports.mq = (0, _facepaint.default)(['@media(min-width: 576px)']);
+var mq = exports.mq = (0, _facepaint.default)(['@media(min-width: 576px)']);
+var handleClickCommon = exports.handleClickCommon = function handleClickCommon(event, onClick) {
+  if (onClick) {
+    event.preventDefault();
+    event.stopPropagation();
+    onClick(event);
+  }
+};

package/dist/es2019/extractors/common/context/extractAccessContext.js

@@ -1,6 +1,6 @@
 import { messages } from '../../../messages';
 import { ANALYTICS_CHANNEL } from '../../../utils/analytics';
-import { ForbiddenAction } from '../../../view/BlockCard/actions/ForbiddenAction';
+import { ForbiddenAction } from '../../../view/common/access/ForbiddenAction';
 import extractHostname from '../hostname/extractHostname';
 export const extractRequestAccessContextImproved = ({
   jsonLd,

package/dist/es2019/utils/analytics/analytics.js

@@ -4,7 +4,7 @@ export const ANALYTICS_CHANNEL = 'media';
 export const context = {
   componentName: 'smart-cards',
   packageName: "@atlaskit/smart-card",
-  packageVersion: "32.7.2"
+  packageVersion: "32.7.4"
 };
 export let TrackQuickActionType = /*#__PURE__*/function (TrackQuickActionType) {
   TrackQuickActionType["StatusUpdate"] = "StatusUpdate";

package/dist/es2019/view/BlockCard/actions/{flexible/AuthorizeAction.js → AuthorizeAction.js}

@@ -1,8 +1,8 @@
 import _extends from "@babel/runtime/helpers/extends";
 import React from 'react';
 import { FormattedMessage } from 'react-intl-next';
-import { ActionName } from '../../../../constants';
-import { messages } from '../../../../messages';
+import { ActionName } from '../../../constants';
+import { messages } from '../../../messages';
 /**
  * Returns a CustomActionItem with a "Connect to <providerName>" message
  *

package/dist/es2019/view/BlockCard/actions/ForbiddenAction.js

@@ -1,12 +1,22 @@
 import _extends from "@babel/runtime/helpers/extends";
 import React from 'react';
 import { FormattedMessage } from 'react-intl-next';
+import { ActionName } from '../../../constants';
 import { messages } from '../../../messages';
-export const ForbiddenAction = (handler, id = 'connect-other-account', message = messages.try_another_account, values = {}) => ({
-  id,
-  text: /*#__PURE__*/React.createElement(FormattedMessage, _extends({}, message, {
-    values: values
+/**
+ * Returns a CustomActionItem with a "Try Another Account" default message
+ *
+ * @see CustomActionItem
+ * @param onClick a function that will be called on the click of the button
+ * @param content is a message key for a message to be displayed in the action
+ * @param context is a variable for a message in case a message contains a placeholder
+ */
+export const ForbiddenAction = (onClick, content, context, isDisabled) => ({
+  name: ActionName.CustomAction,
+  content: /*#__PURE__*/React.createElement(FormattedMessage, _extends({}, messages[content], {
+    values: context
   })),
-  promise: () => new Promise(resolve => resolve(handler())),
-  buttonAppearance: 'default'
+  onClick,
+  testId: 'smart-action-connect-other-account',
+  isDisabled
 });

package/dist/es2019/view/BlockCard/actions/{flexible/RetryAction.js → RetryAction.js}

@@ -1,7 +1,7 @@
 import React from 'react';
 import { FormattedMessage } from 'react-intl-next';
-import { ActionName } from '../../../../constants';
-import { messages } from '../../../../messages';
+import { ActionName } from '../../../constants';
+import { messages } from '../../../messages';
 /**
  * Returns a CustomActionItem with a "Retry" default message
  *