@atlaskit/smart-card 33.1.0 → 33.2.0

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

@@ -2,9 +2,7 @@ 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';
 import { failUfoExperience, startUfoExperience } from '../../state/analytics';
 import { importWithRetry } from '../../utils';
 import { useSmartLinkAnalyticsContext } from '../../utils/analytics/SmartLinkAnalyticsContext';
@@ -51,7 +49,6 @@ export function CardWithURLRenderer(props) {
     resolvingPlaceholder,
     truncateInline
   } = props;
-  const analytics = useSmartLinkAnalytics(url !== null && url !== void 0 ? url : '', id);
   const isFlexibleUi = isFlexibleUiCard(children);
   const analyticsContext = useSmartLinkAnalyticsContext({
     display: isFlexibleUi ? 'flexible' : appearance,
@@ -79,32 +76,23 @@ export function CardWithURLRenderer(props) {
         definitionId: null
       });
     } else if (error.name !== 'APIError') {
-      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', {
-          ...(analyticsContext === null || analyticsContext === void 0 ? void 0 : analyticsContext.attributes),
-          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,
-          error,
-          errorInfo
-        });
-      }
+      startUfoExperience('smart-link-rendered', id || 'NULL');
+      failUfoExperience('smart-link-rendered', id || 'NULL');
+      failUfoExperience('smart-link-authenticated', id || 'NULL');
+      fireEvent('ui.smartLink.renderFailed', {
+        ...(analyticsContext === null || analyticsContext === void 0 ? void 0 : analyticsContext.attributes),
+        display: isFlexibleUi ? 'flexible' : appearance,
+        id: id !== null && id !== void 0 ? id : null,
+        error: error,
+        errorInfo: errorInfo
+      });
     }
     onError && onError({
       status: 'errored',
       url: url !== null && url !== void 0 ? url : '',
       err: error
     });
-  }, [analytics.ui, analyticsContext, appearance, id, onError, url, isFlexibleUi, fireEvent]);
+  }, [analyticsContext === null || analyticsContext === void 0 ? void 0 : analyticsContext.attributes, appearance, fireEvent, id, isFlexibleUi, onError, url]);
   if (!url) {
     throw new Error('@atlaskit/smart-card: url property is missing.');
   }

package/dist/es2019/view/EmbedModal/components/analytics/index.js

@@ -1,13 +1,11 @@
 import _extends from "@babel/runtime/helpers/extends";
 import React, { useCallback } from 'react';
-import { fg } from '@atlaskit/platform-feature-flags';
 import { CardDisplay } from '../../../../constants';
 import { failUfoExperience, startUfoExperience, succeedUfoExperience } from '../../../../state/analytics';
 import { EmbedModalSize } from '../../types';
 const getResizeFrom = size => size === EmbedModalSize.Small ? EmbedModalSize.Large : EmbedModalSize.Small;
 const withAnalytics = Component => props => {
   const {
-    analytics,
     fireEvent,
     extensionKey,
     id,
@@ -18,108 +16,61 @@ const withAnalytics = Component => props => {
     origin
   } = props;
   const handleOnOpen = useCallback(context => {
-    if (fg('platform-smart-card-migrate-embed-modal-analytics')) {
-      fireEvent === null || fireEvent === void 0 ? void 0 : fireEvent('screen.embedPreviewModal.viewed', {
-        origin: origin !== null && origin !== void 0 ? origin : null,
-        size: context.size
-      });
-    } else {
-      analytics === null || analytics === void 0 ? void 0 : analytics.screen.modalViewedEvent({
-        name: 'embedPreviewModal',
-        attributes: {
-          origin,
-          size: context.size
-        }
-      });
-    }
-    if (fg('platform-smart-card-migrate-embed-modal-analytics')) {
-      succeedUfoExperience('smart-link-rendered', id || 'NULL', {
-        extensionKey,
-        display: CardDisplay.EmbedPreview
-      });
+    fireEvent === null || fireEvent === void 0 ? void 0 : fireEvent('screen.embedPreviewModal.viewed', {
+      origin: origin !== null && origin !== void 0 ? origin : null,
+      size: context.size
+    });
+    succeedUfoExperience('smart-link-rendered', id || 'NULL', {
+      extensionKey,
+      display: CardDisplay.EmbedPreview
+    });
 
-      // UFO will disregard this if authentication experience has not yet been started
-      succeedUfoExperience('smart-link-authenticated', id || 'NULL', {
-        display: CardDisplay.EmbedPreview
-      });
-      fireEvent === null || fireEvent === void 0 ? void 0 : fireEvent('ui.smartLink.renderSuccess', {
-        display: CardDisplay.EmbedPreview
-      });
-    } else {
-      analytics === null || analytics === void 0 ? void 0 : analytics.ui.renderSuccessEvent({
-        status: 'resolved',
-        display: CardDisplay.EmbedPreview
-      });
-    }
+    // UFO will disregard this if authentication experience has not yet been started
+    succeedUfoExperience('smart-link-authenticated', id || 'NULL', {
+      display: CardDisplay.EmbedPreview
+    });
+    fireEvent === null || fireEvent === void 0 ? void 0 : fireEvent('ui.smartLink.renderSuccess', {
+      display: CardDisplay.EmbedPreview
+    });
     if (onOpen) {
       onOpen(context);
     }
-  }, [analytics === null || analytics === void 0 ? void 0 : analytics.screen, analytics === null || analytics === void 0 ? void 0 : analytics.ui, fireEvent, extensionKey, id, onOpen, origin]);
+  }, [fireEvent, extensionKey, id, onOpen, origin]);
   const handleOnOpenFailed = useCallback((error, 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 === null || fireEvent === void 0 ? void 0 : fireEvent('ui.smartLink.renderFailed', {
-        display: CardDisplay.EmbedPreview,
-        error: error,
-        errorInfo: errorInfo,
-        id: id !== null && id !== void 0 ? id : null
-      });
-    } else {
-      analytics === null || analytics === void 0 ? void 0 : analytics.ui.renderFailedEvent({
-        display: CardDisplay.EmbedPreview,
-        error,
-        errorInfo
-      });
-    }
+    startUfoExperience('smart-link-rendered', id || 'NULL');
+    failUfoExperience('smart-link-rendered', id || 'NULL');
+    failUfoExperience('smart-link-authenticated', id || 'NULL');
+    fireEvent === null || fireEvent === void 0 ? void 0 : fireEvent('ui.smartLink.renderFailed', {
+      display: CardDisplay.EmbedPreview,
+      error: error,
+      errorInfo: errorInfo,
+      id: id !== null && id !== void 0 ? id : null
+    });
     if (onOpenFailed) {
       onOpenFailed(error, errorInfo);
     }
-  }, [analytics === null || analytics === void 0 ? void 0 : analytics.ui, fireEvent, id, onOpenFailed]);
+  }, [fireEvent, id, onOpenFailed]);
   const handleOnClose = useCallback(context => {
-    if (fg('platform-smart-card-migrate-embed-modal-analytics')) {
-      var _context$duration;
-      fireEvent === null || fireEvent === void 0 ? void 0 : fireEvent('ui.modal.closed.embedPreview', {
-        origin: origin !== null && origin !== void 0 ? origin : null,
-        previewTime: (_context$duration = context.duration) !== null && _context$duration !== void 0 ? _context$duration : null,
-        size: context.size
-      });
-    } else {
-      analytics === null || analytics === void 0 ? void 0 : analytics.ui.modalClosedEvent({
-        actionSubjectId: 'embedPreview',
-        attributes: {
-          origin,
-          previewTime: context.duration,
-          size: context.size
-        }
-      });
-    }
+    var _context$duration;
+    fireEvent === null || fireEvent === void 0 ? void 0 : fireEvent('ui.modal.closed.embedPreview', {
+      origin: origin !== null && origin !== void 0 ? origin : null,
+      previewTime: (_context$duration = context.duration) !== null && _context$duration !== void 0 ? _context$duration : null,
+      size: context.size
+    });
     if (onClose) {
       onClose(context);
     }
-  }, [analytics === null || analytics === void 0 ? void 0 : analytics.ui, fireEvent, onClose, origin]);
+  }, [fireEvent, onClose, origin]);
   const handleOnResize = useCallback(context => {
-    if (fg('platform-smart-card-migrate-embed-modal-analytics')) {
-      fireEvent === null || fireEvent === void 0 ? void 0 : fireEvent('ui.button.clicked.embedPreviewResize', {
-        newSize: context.size,
-        origin: origin !== null && origin !== void 0 ? origin : null,
-        previousSize: getResizeFrom(context.size)
-      });
-    } else {
-      analytics === null || analytics === void 0 ? void 0 : analytics.ui.buttonClickedEvent({
-        actionSubjectId: 'embedPreviewResize',
-        attributes: {
-          newSize: context.size,
-          origin,
-          previousSize: getResizeFrom(context.size)
-        }
-      });
-    }
+    fireEvent === null || fireEvent === void 0 ? void 0 : fireEvent('ui.button.clicked.embedPreviewResize', {
+      newSize: context.size,
+      origin: origin !== null && origin !== void 0 ? origin : null,
+      previousSize: getResizeFrom(context.size)
+    });
     if (onResize) {
       onResize(context);
     }
-  }, [analytics === null || analytics === void 0 ? void 0 : analytics.ui, fireEvent, onResize, origin]);
+  }, [fireEvent, onResize, origin]);
   return /*#__PURE__*/React.createElement(Component, _extends({}, props, {
     onClose: handleOnClose,
     onOpen: handleOnOpen,

package/dist/es2019/view/EmbedModal/index.js

@@ -1,11 +1,10 @@
 import _extends from "@babel/runtime/helpers/extends";
 import React, { useCallback, useRef, useState } from 'react';
 import ModalDialog, { ModalBody, ModalTransition } from '@atlaskit/modal-dialog';
-import { fg } from '@atlaskit/platform-feature-flags';
 import { useThemeObserver } from '@atlaskit/tokens';
-import { ActionName, CardDisplay, SmartLinkSize } from '../../constants';
+import { SmartLinkSize } from '../../constants';
 import useInvokeClientAction from '../../state/hooks/use-invoke-client-action';
-import { downloadUrl, getPreviewUrlWithTheme, openUrl } from '../../utils';
+import { getPreviewUrlWithTheme } from '../../utils';
 import Icon from '../FlexibleCard/components/elements/icon';
 import withAnalytics from './components/analytics';
 import EmbedContent from './components/embed-content';
@@ -17,11 +16,8 @@ const toSize = width => width === MAX_MODAL_SIZE ? EmbedModalSize.Large : EmbedM
 const toWidth = size => size === EmbedModalSize.Large ? MAX_MODAL_SIZE : MIN_MODAL_SIZE;
 const EmbedModal = ({
   analytics,
-  download,
   invokeDownloadAction,
-  extensionKey,
   fireEvent,
-  icon,
   iframeName,
   isSupportTheming,
   isTrusted = false,
@@ -35,7 +31,6 @@ const EmbedModal = ({
   src,
   testId = 'smart-embed-preview-modal',
   title,
-  url,
   invokeViewAction
 }) => {
   const defaultWidth = toWidth(size);
@@ -76,29 +71,11 @@ const EmbedModal = ({
   const themeState = useThemeObserver();
   let previewUrl = src;
   const handleOnViewActionClick = useCallback(() => {
-    if (fg('platform-smart-card-migrate-embed-modal-analytics')) {
-      invokeViewAction && invoke(invokeViewAction);
-    } else {
-      invoke({
-        actionType: 'ViewAction',
-        actionFn: async () => openUrl(url),
-        display: CardDisplay.EmbedPreview,
-        extensionKey
-      });
-    }
-  }, [extensionKey, invoke, url, invokeViewAction]);
+    invokeViewAction && invoke(invokeViewAction);
+  }, [invoke, invokeViewAction]);
   const handleOnDownloadActionClick = useCallback(() => {
-    if (fg('platform-smart-card-migrate-embed-modal-analytics')) {
-      invokeDownloadAction && invoke(invokeDownloadAction);
-    } else {
-      invoke({
-        actionType: ActionName.DownloadAction,
-        actionFn: async () => downloadUrl(download),
-        display: CardDisplay.EmbedPreview,
-        extensionKey
-      });
-    }
-  }, [download, invokeDownloadAction, extensionKey, invoke]);
+    invokeDownloadAction && invoke(invokeDownloadAction);
+  }, [invokeDownloadAction, invoke]);
   if (previewUrl && isSupportTheming) {
     previewUrl = getPreviewUrlWithTheme(previewUrl, themeState);
   }
@@ -110,15 +87,15 @@ const EmbedModal = ({
     testId: testId,
     width: width
   }, /*#__PURE__*/React.createElement(LinkInfo, {
-    icon: fg('platform-smart-card-migrate-embed-modal-analytics') ? linkIcon ? {
+    icon: linkIcon && {
       icon: /*#__PURE__*/React.createElement(Icon, _extends({}, linkIcon, {
         size: SmartLinkSize.Large
       })),
       isFlexibleUi: true
-    } : undefined : icon,
+    },
     providerName: providerName,
-    onViewButtonClick: fg('platform-smart-card-migrate-embed-modal-analytics') ? invokeViewAction ? handleOnViewActionClick : undefined : url ? handleOnViewActionClick : undefined,
-    onDownloadButtonClick: fg('platform-smart-card-migrate-embed-modal-analytics') ? invokeDownloadAction ? handleOnDownloadActionClick : undefined : download ? handleOnDownloadActionClick : undefined,
+    onViewButtonClick: invokeViewAction ? handleOnViewActionClick : undefined,
+    onDownloadButtonClick: invokeDownloadAction ? handleOnDownloadActionClick : undefined,
     onResizeButtonClick: handleOnResizeClick,
     size: width,
     title: title,

package/dist/es2019/view/FlexibleCard/components/actions/copy-link-action/index.js

@@ -2,7 +2,6 @@ import _extends from "@babel/runtime/helpers/extends";
 import React, { useCallback, useState } from 'react';
 import { FormattedMessage } from 'react-intl-next';
 import LinkIcon from '@atlaskit/icon/core/migration/link';
-import { fg } from '@atlaskit/platform-feature-flags';
 import { ActionName } from '../../../../../constants';
 import { messages } from '../../../../../messages';
 import { useFlexibleUiAnalyticsContext, useFlexibleUiContext } from '../../../../../state/flexible-ui-context';
@@ -21,38 +20,18 @@ const CopyLinkAction = ({
   const data = context === null || context === void 0 ? void 0 : (_context$actions = context.actions) === null || _context$actions === void 0 ? void 0 : _context$actions[ActionName.CopyLinkAction];
   const [tooltipMessage, setTooltipMessage] = useState(messages.copy_url_to_clipboard);
   const onClick = useCallback(() => {
-    if (fg('platform-smart-card-migrate-embed-modal-analytics')) {
-      if (data !== null && data !== void 0 && data.invokeAction) {
-        invoke({
-          ...data.invokeAction,
-          actionFn: async () => {
-            var _data$invokeAction;
-            await ((_data$invokeAction = data.invokeAction) === null || _data$invokeAction === void 0 ? void 0 : _data$invokeAction.actionFn());
-            setTooltipMessage(messages.copied_url_to_clipboard);
-          }
-        });
-        onClickCallback === null || onClickCallback === void 0 ? void 0 : onClickCallback();
-      }
-    } else {
-      if (data && data.url) {
-        invoke({
-          actionType: ActionName.CopyLinkAction,
-          actionFn: async () => {
-            var _data$url;
-            await navigator.clipboard.writeText((_data$url = data.url) !== null && _data$url !== void 0 ? _data$url : '');
-            setTooltipMessage(messages.copied_url_to_clipboard);
-          },
-          // These values have already been set in analytics context.
-          // We only pass these here for ufo experience.
-          display: analytics === null || analytics === void 0 ? void 0 : analytics.display,
-          extensionKey: analytics === null || analytics === void 0 ? void 0 : analytics.extensionKey
-        });
-      }
-      if (onClickCallback) {
-        onClickCallback();
-      }
+    if (data !== null && data !== void 0 && data.invokeAction) {
+      invoke({
+        ...data.invokeAction,
+        actionFn: async () => {
+          var _data$invokeAction;
+          await ((_data$invokeAction = data.invokeAction) === null || _data$invokeAction === void 0 ? void 0 : _data$invokeAction.actionFn());
+          setTooltipMessage(messages.copied_url_to_clipboard);
+        }
+      });
+      onClickCallback === null || onClickCallback === void 0 ? void 0 : onClickCallback();
     }
-  }, [analytics, data, invoke, onClickCallback]);
+  }, [data, invoke, onClickCallback]);
   return data ? /*#__PURE__*/React.createElement(Action, _extends({
     content: /*#__PURE__*/React.createElement(FormattedMessage, messages.copy_url_to_clipboard),
     icon: /*#__PURE__*/React.createElement(LinkIcon, {

package/dist/es2019/view/FlexibleCard/components/actions/download-action/index.js

@@ -2,12 +2,10 @@ import _extends from "@babel/runtime/helpers/extends";
 import React, { useCallback } from 'react';
 import { FormattedMessage } from 'react-intl-next';
 import DownloadIcon from '@atlaskit/icon/core/migration/download';
-import { fg } from '@atlaskit/platform-feature-flags';
 import { ActionName } from '../../../../../constants';
 import { messages } from '../../../../../messages';
 import { useFlexibleUiAnalyticsContext, useFlexibleUiContext } from '../../../../../state/flexible-ui-context';
 import useInvokeClientAction from '../../../../../state/hooks/use-invoke-client-action';
-import { downloadUrl as download } from '../../../../../utils';
 import Action from '../action';
 const DownloadAction = ({
   onClick: onClickCallback,
@@ -21,27 +19,11 @@ const DownloadAction = ({
   });
   const data = context === null || context === void 0 ? void 0 : (_context$actions = context.actions) === null || _context$actions === void 0 ? void 0 : _context$actions[ActionName.DownloadAction];
   const onClick = useCallback(() => {
-    if (fg('platform-smart-card-migrate-embed-modal-analytics')) {
-      if (data !== null && data !== void 0 && data.invokeAction) {
-        invoke(data.invokeAction);
-        onClickCallback === null || onClickCallback === void 0 ? void 0 : onClickCallback();
-      }
-    } else {
-      if (data !== null && data !== void 0 && data.downloadUrl) {
-        invoke({
-          actionType: ActionName.DownloadAction,
-          actionFn: async () => download(data === null || data === void 0 ? void 0 : data.downloadUrl),
-          // These values have already been set in analytics context.
-          // We only pass these here for ufo experience.
-          display: analytics === null || analytics === void 0 ? void 0 : analytics.display,
-          extensionKey: analytics === null || analytics === void 0 ? void 0 : analytics.extensionKey
-        });
-        if (onClickCallback) {
-          onClickCallback();
-        }
-      }
+    if (data !== null && data !== void 0 && data.invokeAction) {
+      invoke(data.invokeAction);
+      onClickCallback === null || onClickCallback === void 0 ? void 0 : onClickCallback();
     }
-  }, [analytics, data, invoke, onClickCallback]);
+  }, [data, invoke, onClickCallback]);
   const isStackItem = props.as === 'stack-item';
   const label = isStackItem ? messages.download_file : messages.download;
   const tooltipMessage = isStackItem ? messages.download_description : messages.download;

package/dist/es2019/view/FlexibleCard/components/actions/preview-action/index.js

@@ -2,12 +2,10 @@ import _extends from "@babel/runtime/helpers/extends";
 import React, { useCallback } from 'react';
 import { FormattedMessage } from 'react-intl-next';
 import MediaServicesActualSizeIcon from '@atlaskit/icon/core/migration/grow-diagonal--media-services-actual-size';
-import { fg } from '@atlaskit/platform-feature-flags';
 import { ActionName } from '../../../../../constants';
 import { messages } from '../../../../../messages';
 import { useFlexibleUiAnalyticsContext, useFlexibleUiContext } from '../../../../../state/flexible-ui-context';
 import useInvokeClientAction from '../../../../../state/hooks/use-invoke-client-action';
-import { openEmbedModalWithFlexibleUiIcon } from '../../utils';
 import Action from '../action';
 const PreviewAction = ({
   onClick: onClickCallback,
@@ -21,32 +19,11 @@ const PreviewAction = ({
   });
   const data = context === null || context === void 0 ? void 0 : (_context$actions = context.actions) === null || _context$actions === void 0 ? void 0 : _context$actions[ActionName.PreviewAction];
   const onClick = useCallback(() => {
-    if (fg('platform-smart-card-migrate-embed-modal-analytics')) {
-      if (data !== null && data !== void 0 && data.invokeAction) {
-        invoke(data.invokeAction);
-        onClickCallback === null || onClickCallback === void 0 ? void 0 : onClickCallback();
-      }
-    } else {
-      if (data) {
-        invoke({
-          actionType: ActionName.PreviewAction,
-          actionFn: async () => openEmbedModalWithFlexibleUiIcon({
-            download: data === null || data === void 0 ? void 0 : data.downloadUrl,
-            extensionKey: analytics === null || analytics === void 0 ? void 0 : analytics.extensionKey,
-            analytics,
-            ...data
-          }),
-          // These values have already been set in analytics context.
-          // We only pass these here for ufo experience.
-          display: analytics === null || analytics === void 0 ? void 0 : analytics.display,
-          extensionKey: analytics === null || analytics === void 0 ? void 0 : analytics.extensionKey
-        });
-      }
-      if (onClickCallback) {
-        onClickCallback();
-      }
+    if (data !== null && data !== void 0 && data.invokeAction) {
+      invoke(data.invokeAction);
+      onClickCallback === null || onClickCallback === void 0 ? void 0 : onClickCallback();
     }
-  }, [analytics, data, invoke, onClickCallback]);
+  }, [data, invoke, onClickCallback]);
   const isStackItem = props.as === 'stack-item';
   const tooltipMessage = isStackItem ? messages.preview_description : messages.preview_improved;
   return data ? /*#__PURE__*/React.createElement(Action, _extends({

package/dist/es2019/view/FlexibleCard/components/elements/lozenge/lozenge-action/index.js

@@ -55,7 +55,7 @@ const LozengeAction = ({
   const {
     url,
     id: linkId,
-    previewData
+    invokePreviewAction
   } = (action === null || action === void 0 ? void 0 : (_action$update = action.update) === null || _action$update === void 0 ? void 0 : _action$update.details) || {};
   const handleOpenChange = useCallback(async args => {
     setIsOpen(args.isOpen);
@@ -135,7 +135,7 @@ const LozengeAction = ({
         errorMessage: errorMessage,
         testId: testId,
         url: url,
-        previewData: previewData
+        invokePreviewAction: invokePreviewAction
       });
     }
     if (items && items.length > 0) {
@@ -145,7 +145,7 @@ const LozengeAction = ({
         onClick: handleItemClick
       });
     }
-  }, [errorMessage, handleItemClick, items, previewData, testId, url]);
+  }, [errorMessage, handleItemClick, items, invokePreviewAction, testId, url]);
   return jsx(DropdownMenu, {
     isLoading: isLoading,
     isOpen: isOpen,

package/dist/es2019/view/FlexibleCard/components/elements/lozenge/lozenge-action/lozenge-action-error/index.js

@@ -9,50 +9,32 @@ import { jsx } from '@emotion/react';
 import { FormattedMessage } from 'react-intl-next';
 import { DropdownItem, DropdownItemGroup } from '@atlaskit/dropdown-menu';
 import ErrorIcon from '@atlaskit/icon/core/migration/error';
-import { fg } from '@atlaskit/platform-feature-flags';
 import { R50, R500 } from '@atlaskit/theme/colors';
 import { useAnalyticsEvents } from '../../../../../../../common/analytics/generated/use-analytics-events';
 import { messages } from '../../../../../../../messages';
-import { useFlexibleUiAnalyticsContext } from '../../../../../../../state/flexible-ui-context';
 import useInvokeClientAction from '../../../../../../../state/hooks/use-invoke-client-action';
-import useResolve from '../../../../../../../state/hooks/use-resolve';
-import { getFormattedMessage, openEmbedModalWithFlexibleUiIcon } from '../../../../utils';
+import { getFormattedMessage } from '../../../../utils';
 import { contentStyles, dropdownItemGroupStyles, linkStyles, textStyles } from './styled';
 const MAX_LINE_NUMBER = 8;
 const LozengeActionError = ({
   errorMessage,
   testId,
   maxLineNumber = MAX_LINE_NUMBER,
-  invokePreviewAction,
-  url,
-  previewData
+  invokePreviewAction
 }) => {
   const {
     fireEvent
   } = useAnalyticsEvents();
-  const reload = useResolve();
-  const analytics = useFlexibleUiAnalyticsContext();
   const invoke = useInvokeClientAction({});
-  const isPreviewAvailable = fg('platform-smart-card-migrate-embed-modal-analytics') ? invokePreviewAction !== undefined : previewData && previewData.src !== undefined;
-  const handlePreviewClose = useCallback(() => {
-    if (url) {
-      reload(url, true);
-    }
-  }, [reload, url]);
+  const isPreviewAvailable = invokePreviewAction !== undefined;
   const handlePreviewOpen = useCallback(() => {
     if (isPreviewAvailable) {
       fireEvent('ui.button.clicked.smartLinkStatusOpenPreview', {});
-      if (fg('platform-smart-card-migrate-embed-modal-analytics')) {
-        invokePreviewAction && invoke(invokePreviewAction);
-      } else {
-        return openEmbedModalWithFlexibleUiIcon({
-          ...previewData,
-          analytics,
-          onClose: handlePreviewClose
-        });
+      if (invokePreviewAction) {
+        invoke(invokePreviewAction);
       }
     }
-  }, [analytics, handlePreviewClose, isPreviewAvailable, invoke, invokePreviewAction, previewData, fireEvent]);
+  }, [isPreviewAvailable, invoke, invokePreviewAction, fireEvent]);
   const content = useMemo(() => {
     return jsx(Fragment, null, jsx("div", {
       css: contentStyles

package/dist/es2019/view/FlexibleCard/components/utils.js

@@ -6,8 +6,6 @@ import { css } from '@emotion/react';
 import { FormattedMessage } from 'react-intl-next';
 import Loadable from 'react-loadable';
 import { SmartLinkSize } from '../../../constants';
-import { openEmbedModal } from '../../EmbedModal/utils';
-import Icon from './elements/icon';
 export const sizeToButtonSpacing = {
   [SmartLinkSize.Small]: 'none',
   [SmartLinkSize.Medium]: 'compact',
@@ -194,27 +192,4 @@ export const getTruncateStyles = (maxLines, lineHeight = '1rem', wordBreak = 'br
 });
 export const hasWhiteSpace = str => {
   return str.search(/\s/) >= 0;
-};
-
-/**
- * TODO: Remove on cleanup of platform-smart-card-migrate-embed-modal-analytics
- */
-export const openEmbedModalWithFlexibleUiIcon = ({
-  linkIcon,
-  ...props
-}) => {
-  const icon = {
-    icon: /*#__PURE__*/React.createElement(Icon, _extends({}, linkIcon, {
-      size: SmartLinkSize.Large
-    })),
-    isFlexibleUi: true
-  };
-  return openEmbedModal({
-    ...props,
-    icon,
-    // Flex should not send origin as block card. It should be able to support
-    // its internal parent components like hover card, block card and
-    // itself as a standalone. To be investigated and fix in EDM-7520.
-    origin: 'smartLinkCard'
-  });
 };

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

@@ -1,17 +1,14 @@
 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 { 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';
 import ImagePreview from '../../ImagePreview';
 import { hiddenSnippetStyles, metadataBlockCss } from './styled';
 const HoverCardResolvedView = ({
-  analytics,
   cardState,
   extensionKey,
   flexibleCardProps,
@@ -24,32 +21,22 @@ const HoverCardResolvedView = ({
   const {
     fireEvent
   } = useAnalyticsEvents();
-  const definitionId = React.useMemo(() => getDefinitionId(cardState.details), [cardState.details]);
-  const canBeDatasource = React.useMemo(() => getCanBeDatasource(cardState.details), [cardState.details]);
   useEffect(() => {
     // Since this hover view is only rendered on resolved status,
     // there is no need to check for statuses.
-    if (fg('platform-smart-card-migrate-embed-modal-analytics')) {
-      succeedUfoExperience('smart-link-rendered', id || 'NULL', {
-        extensionKey,
-        display: CardDisplay.HoverCardPreview
-      });
+    succeedUfoExperience('smart-link-rendered', id || 'NULL', {
+      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', {
-        display: CardDisplay.HoverCardPreview
-      });
-    } else {
-      analytics.ui.renderSuccessEvent({
-        display: CardDisplay.HoverCardPreview,
-        status: cardState.status,
-        canBeDatasource
-      });
-    }
-  }, [analytics.ui, cardState.status, canBeDatasource, fireEvent, definitionId, extensionKey, id]);
+    // 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', {
+      display: CardDisplay.HoverCardPreview
+    });
+  }, [extensionKey, fireEvent, id]);
   const data = (_cardState$details = cardState.details) === null || _cardState$details === void 0 ? void 0 : _cardState$details.data;
   const {
     primary,