@atlaskit/smart-card 44.9.10 → 44.10.0

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

@@ -25,12 +25,16 @@ function mergeRefs(refs) {
 }
 var iframeStyles = null;
 export var Frame = /*#__PURE__*/React.forwardRef(function (_ref, iframeRef) {
+  var _doc$hasFocus;
   var url = _ref.url,
     _ref$isTrusted = _ref.isTrusted,
     isTrusted = _ref$isTrusted === void 0 ? false : _ref$isTrusted,
     testId = _ref.testId,
     onIframeDwell = _ref.onIframeDwell,
     onIframeFocus = _ref.onIframeFocus,
+    onIframeMouseEnter = _ref.onIframeMouseEnter,
+    onIframeMouseLeave = _ref.onIframeMouseLeave,
+    isMouseOverProp = _ref.isMouseOver,
     title = _ref.title,
     extensionKey = _ref.extensionKey;
   var doc = getDocument();
@@ -42,151 +46,37 @@ export var Frame = /*#__PURE__*/React.forwardRef(function (_ref, iframeRef) {
     _useState4 = _slicedToArray(_useState3, 2),
     isMouseOver = _useState4[0],
     setMouseOver = _useState4[1];
-  var _useState5 = useState(true),
-    _useState6 = _slicedToArray(_useState5, 2),
-    isWindowFocused = _useState6[0],
-    setWindowFocused = _useState6[1];
-  var ref = useRef();
-  var mergedRef = mergeRefs([iframeRef, ref]);
-  var _useState7 = useState(0),
-    _useState8 = _slicedToArray(_useState7, 2),
-    percentVisible = _useState8[0],
-    setPercentVisible = _useState8[1];
-
-  /**
-   * These are the 'percent visible' thresholds at which the intersectionObserver will
-   * trigger a state change. Eg. when the user scrolls and moves from 74% to 76%, or
-   * vice versa. It's in a state object so that its static for the useEffect
-   */
-  var _useState9 = useState([0.75, 0.8, 0.85, 0.9, 0.95, 1]),
-    _useState0 = _slicedToArray(_useState9, 1),
-    threshold = _useState0[0];
-  useEffect(function () {
-    if (!ref || !ref.current) {
-      return;
-    }
-    var observer = new IntersectionObserver(function (entries) {
-      entries.forEach(function (entry) {
-        setPercentVisible(entry === null || entry === void 0 ? void 0 : entry.intersectionRatio);
-      });
-    }, {
-      threshold: threshold
-    });
-    observer.observe(ref.current);
-    return function () {
-      observer.disconnect();
-    };
-  }, [threshold, mergedRef]);
-  useEffect(function () {
-    var onBlur = function onBlur() {
-      setWindowFocused(false);
-      if (fg('jpx-1074-smart-links-iframe')) {
-        if ((doc === null || doc === void 0 ? void 0 : doc.activeElement) === ref.current) {
-          onIframeFocus && onIframeFocus();
-        }
-      } else {
-        // The below will be removed as part of FG cleanup
-        // eslint-disable-next-line @atlaskit/platform/no-direct-document-usage
-        if (document.activeElement === ref.current) {
-          onIframeFocus && onIframeFocus();
-        }
-      }
-    };
-    var onFocus = function onFocus() {
-      setWindowFocused(true);
-    };
-    window.addEventListener('blur', onBlur);
-    window.addEventListener('focus', onFocus);
-    return function () {
-      window.removeEventListener('blur', onBlur);
-      window.removeEventListener('focus', onFocus);
-    };
-  }, [ref, onIframeFocus, doc]);
-  if (!url) {
-    return null;
-  }
-  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(IframeDwellTracker, {
-    isIframeLoaded: isIframeLoaded,
-    isMouseOver: isMouseOver,
-    isWindowFocused: isWindowFocused,
-    iframePercentVisible: percentVisible,
-    onIframeDwell: onIframeDwell
-  }), /*#__PURE__*/React.createElement(IFrame, {
-    childRef: mergedRef,
-    src: url,
-    "data-testid": "".concat(testId, "-frame"),
-    "data-test-iframe-loaded": isIframeLoaded,
-    onMouseEnter: function onMouseEnter() {
-      setMouseOver(true);
-    },
-    onMouseLeave: function onMouseLeave() {
-      setMouseOver(false);
-    },
-    allowFullScreen: true,
-    scrolling: "yes",
-    allow: "autoplay; encrypted-media; clipboard-write",
-    onLoad: function onLoad() {
-      setIframeLoaded(true);
-    },
-    sandbox: getIframeSandboxAttribute(isTrusted),
-    title: title,
-    extensionKey: extensionKey,
-    className: ax(["_19itidpf _1reo15vq _18m915vq _2rkofajl _154iidpf _1ltvidpf _1bsb1osq _4t3i1osq _kqswh2mm"])
-  }));
-});
-export var FrameUpdated = /*#__PURE__*/React.forwardRef(function (_ref2, iframeRef) {
-  var _doc$hasFocus;
-  var url = _ref2.url,
-    _ref2$isTrusted = _ref2.isTrusted,
-    isTrusted = _ref2$isTrusted === void 0 ? false : _ref2$isTrusted,
-    testId = _ref2.testId,
-    onIframeDwell = _ref2.onIframeDwell,
-    onIframeFocus = _ref2.onIframeFocus,
-    onIframeMouseEnter = _ref2.onIframeMouseEnter,
-    onIframeMouseLeave = _ref2.onIframeMouseLeave,
-    isMouseOverProp = _ref2.isMouseOver,
-    title = _ref2.title,
-    extensionKey = _ref2.extensionKey;
-  var doc = getDocument();
-  var _useState1 = useState(false),
-    _useState10 = _slicedToArray(_useState1, 2),
-    isIframeLoaded = _useState10[0],
-    setIframeLoaded = _useState10[1];
-  var _useState11 = useState(false),
-    _useState12 = _slicedToArray(_useState11, 2),
-    isMouseOver = _useState12[0],
-    setMouseOver = _useState12[1];
   // Accessing the document here for SSR where document.hasFocus may be absent breaks SSR
   // when we're trying to load things like Loom frames in SSR
   // We _could_ either throw a guard in here (i.e check for the existence of document)
   // _or_
   // we can default to false, and set this state once the frame ref is available in a useEffect (safer IMO)
   // which already seems to be existing behavior in a useEffect below.
-  var _useState13 = useState(
+  var _useState5 = useState(
     // The below will be removed as part of FG cleanup
     // eslint-disable-next-line @atlaskit/platform/no-direct-document-usage
     fg('jpx-1074-smart-links-iframe') ? (_doc$hasFocus = doc === null || doc === void 0 ? void 0 : doc.hasFocus()) !== null && _doc$hasFocus !== void 0 ? _doc$hasFocus : false : document.hasFocus()),
-    _useState14 = _slicedToArray(_useState13, 2),
-    isWindowFocused = _useState14[0],
-    setWindowFocused = _useState14[1];
+    _useState6 = _slicedToArray(_useState5, 2),
+    isWindowFocused = _useState6[0],
+    setWindowFocused = _useState6[1];
 
   // Use prop if provided (from wrapper), otherwise use local state (for backward compatibility)
   var effectiveMouseOver = isMouseOverProp !== undefined ? isMouseOverProp : isMouseOver;
   var ref = useRef();
   var mergedRef = mergeRefs([iframeRef, ref]);
-  var _useState15 = useState(0),
-    _useState16 = _slicedToArray(_useState15, 2),
-    percentVisible = _useState16[0],
-    setPercentVisible = _useState16[1];
+  var _useState7 = useState(0),
+    _useState8 = _slicedToArray(_useState7, 2),
+    percentVisible = _useState8[0],
+    setPercentVisible = _useState8[1];
 
   /**
    * These are the 'percent visible' thresholds at which the intersectionObserver will
    * trigger a state change. Eg. when the user scrolls and moves from 74% to 76%, or
    * vice versa. It's in a state object so that its static for the useEffect
    */
-  var _useState17 = useState([0.75, 0.8, 0.85, 0.9, 0.95, 1]),
-    _useState18 = _slicedToArray(_useState17, 1),
-    threshold = _useState18[0];
+  var _useState9 = useState([0.75, 0.8, 0.85, 0.9, 0.95, 1]),
+    _useState0 = _slicedToArray(_useState9, 1),
+    threshold = _useState0[0];
   useEffect(function () {
     if (!ref || !ref.current) {
       return;

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

@@ -4,7 +4,6 @@ import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
  * @jsx jsx
  */
 import { useEffect, useRef, useState } from 'react';
-import { fg } from '@atlaskit/platform-feature-flags';
 /**
  * A kind of cheap logarithmic backoff. Fire analytics after the user has
  * dwelled for 5 seconds, then 10 seconds, and so on.
@@ -13,7 +12,6 @@ var INTERVALS_TO_LOG = [5, 10, 15, 20, 25, 30, 45, 60, 90, 120, 180];
 export var IframeDwellTracker = function IframeDwellTracker(_ref) {
   var isIframeLoaded = _ref.isIframeLoaded,
     isMouseOver = _ref.isMouseOver,
-    isWindowFocused = _ref.isWindowFocused,
     iframePercentVisible = _ref.iframePercentVisible,
     onIframeDwell = _ref.onIframeDwell;
   var _useState = useState({
@@ -46,29 +44,19 @@ export var IframeDwellTracker = function IframeDwellTracker(_ref) {
       });
     };
 
-    // Require: iframe loaded, mouse over, and >75% visible
-    var isDwellAndHoverMetricsEnabled = fg('rovo_chat_embed_card_dwell_and_hover_metrics');
-    if (isDwellAndHoverMetricsEnabled) {
-      // Note: Removed isWindowFocused requirement as it's unreliable and prevents tracking
-      // The mouse over check is sufficient to indicate user engagement
-      var shouldTrack = isIframeLoaded && isMouseOver && iframePercentVisible > 0.75;
-      if (shouldTrack) {
-        if (dwellTimeoutId.current) {
-          clearInterval(dwellTimeoutId.current);
-        }
-        dwellTimeoutId.current = setInterval(incrementDwellTime, 1000);
-      } else {
-        if (dwellTimeoutId.current) {
-          clearInterval(dwellTimeoutId.current);
-          dwellTimeoutId.current = undefined;
-        }
+    // Require: iframe loaded, mouse over, and >75% visible.
+    // Note: isWindowFocused is intentionally not required - it's unreliable and
+    // prevents tracking. The mouse over check is sufficient to indicate user engagement.
+    var shouldTrack = isIframeLoaded && isMouseOver && iframePercentVisible > 0.75;
+    if (shouldTrack) {
+      if (dwellTimeoutId.current) {
+        clearInterval(dwellTimeoutId.current);
       }
+      dwellTimeoutId.current = setInterval(incrementDwellTime, 1000);
     } else {
-      if (isIframeLoaded && isMouseOver && isWindowFocused && iframePercentVisible > 0.75) {
-        if (dwellTimeoutId.current) {
-          clearInterval(dwellTimeoutId.current);
-        }
-        dwellTimeoutId.current = setInterval(incrementDwellTime, 1000);
+      if (dwellTimeoutId.current) {
+        clearInterval(dwellTimeoutId.current);
+        dwellTimeoutId.current = undefined;
       }
     }
     return function () {
@@ -76,6 +64,6 @@ export var IframeDwellTracker = function IframeDwellTracker(_ref) {
         clearInterval(dwellTimeoutId.current);
       }
     };
-  }, [setDwell, isMouseOver, isWindowFocused, isIframeLoaded, iframePercentVisible]);
+  }, [setDwell, isMouseOver, isIframeLoaded, iframePercentVisible]);
   return null;
 };

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

@@ -38,6 +38,8 @@ export var EmbedCard = /*#__PURE__*/React.forwardRef(function (_ref2, iframeRef)
     inheritDimensions = _ref2.inheritDimensions,
     onIframeDwell = _ref2.onIframeDwell,
     onIframeFocus = _ref2.onIframeFocus,
+    onIframeMouseEnter = _ref2.onIframeMouseEnter,
+    onIframeMouseLeave = _ref2.onIframeMouseLeave,
     iframeUrlType = _ref2.iframeUrlType,
     actionOptions = _ref2.actionOptions,
     renderers = _ref2.renderers,
@@ -100,6 +102,8 @@ export var EmbedCard = /*#__PURE__*/React.forwardRef(function (_ref2, iframeRef)
           ref: iframeRef,
           onIframeDwell: onIframeDwell,
           onIframeFocus: onIframeFocus,
+          onIframeMouseEnter: onIframeMouseEnter,
+          onIframeMouseLeave: onIframeMouseLeave,
           testId: testId,
           CompetitorPrompt: CompetitorPrompt,
           hideIconLoadingSkeleton: hideIconLoadingSkeleton,
@@ -219,206 +223,4 @@ export var EmbedCard = /*#__PURE__*/React.forwardRef(function (_ref2, iframeRef)
         isSelected: isSelected
       });
   }
-});
-export var EmbedCardUpdated = /*#__PURE__*/React.forwardRef(function (_ref3, iframeRef) {
-  var _details$meta4, _forbiddenViewProps$c3, _forbiddenViewProps$c4, _notFoundViewProps$co3, _notFoundViewProps$co4;
-  var url = _ref3.url,
-    cardState = _ref3.cardState,
-    handleAuthorize = _ref3.handleAuthorize,
-    handleErrorRetry = _ref3.handleErrorRetry,
-    handleFrameClick = _ref3.handleFrameClick,
-    isSelected = _ref3.isSelected,
-    frameStyle = _ref3.frameStyle,
-    platform = _ref3.platform,
-    onResolve = _ref3.onResolve,
-    onError = _ref3.onError,
-    testId = _ref3.testId,
-    inheritDimensions = _ref3.inheritDimensions,
-    onIframeDwell = _ref3.onIframeDwell,
-    onIframeFocus = _ref3.onIframeFocus,
-    onIframeMouseEnter = _ref3.onIframeMouseEnter,
-    onIframeMouseLeave = _ref3.onIframeMouseLeave,
-    iframeUrlType = _ref3.iframeUrlType,
-    actionOptions = _ref3.actionOptions,
-    renderers = _ref3.renderers,
-    CompetitorPrompt = _ref3.CompetitorPrompt,
-    hideIconLoadingSkeleton = _ref3.hideIconLoadingSkeleton;
-  var _useAnalyticsEvents2 = useAnalyticsEvents(),
-    createAnalyticsEvent = _useAnalyticsEvents2.createAnalyticsEvent;
-  var status = cardState.status,
-    details = cardState.details;
-  var extensionKey = getExtensionKey(details);
-  var isProductIntegrationSupported = hasAuthScopeOverrides(details);
-  var _useControlDataExport3 = useControlDataExportConfig(),
-    _useControlDataExport4 = _useControlDataExport3.shouldControlDataExport,
-    shouldControlDataExport = _useControlDataExport4 === void 0 ? false : _useControlDataExport4;
-  switch (status) {
-    case 'pending':
-    case 'resolving':
-      return /*#__PURE__*/React.createElement(UFOLoadHoldWrapper, null, /*#__PURE__*/React.createElement(BlockCardResolvedView, {
-        url: url,
-        cardState: cardState,
-        onClick: handleFrameClick,
-        onError: onError,
-        onResolve: onResolve,
-        renderers: renderers,
-        actionOptions: actionOptions,
-        testId: testId ? "".concat(testId, "-resolving-view") : 'embed-card-resolving-view'
-      }));
-    case 'resolved':
-      var resolvedViewProps = extractEmbedProps(details, platform, iframeUrlType);
-      if (onResolve) {
-        var _resolvedViewProps$pr2, _details$meta3;
-        onResolve({
-          title: resolvedViewProps.title,
-          url: url,
-          aspectRatio: (_resolvedViewProps$pr2 = resolvedViewProps.preview) === null || _resolvedViewProps$pr2 === void 0 ? void 0 : _resolvedViewProps$pr2.aspectRatio,
-          extensionKey: details === null || details === void 0 || (_details$meta3 = details.meta) === null || _details$meta3 === void 0 ? void 0 : _details$meta3.key
-        });
-      }
-      if (getIsDataExportEnabled(shouldControlDataExport, cardState.details)) {
-        var unauthViewProps = extractEmbedProps(details, platform);
-        return /*#__PURE__*/React.createElement(UnauthorizedView, {
-          context: unauthViewProps.context,
-          extensionKey: extensionKey,
-          frameStyle: frameStyle,
-          isProductIntegrationSupported: isProductIntegrationSupported,
-          inheritDimensions: inheritDimensions,
-          isSelected: isSelected,
-          onAuthorize: handleAuthorize,
-          onClick: handleFrameClick,
-          testId: testId,
-          url: unauthViewProps.link
-        });
-      }
-      if (resolvedViewProps.preview) {
-        return /*#__PURE__*/React.createElement(EmbedCardResolvedView, _extends({}, resolvedViewProps, {
-          isSelected: isSelected,
-          frameStyle: frameStyle,
-          inheritDimensions: inheritDimensions,
-          onClick: handleFrameClick,
-          ref: iframeRef,
-          onIframeDwell: onIframeDwell,
-          onIframeFocus: onIframeFocus,
-          onIframeMouseEnter: onIframeMouseEnter,
-          onIframeMouseLeave: onIframeMouseLeave,
-          testId: testId,
-          CompetitorPrompt: CompetitorPrompt,
-          hideIconLoadingSkeleton: hideIconLoadingSkeleton,
-          extensionKey: extensionKey
-        }));
-      } else {
-        if (platform === 'mobile') {
-          var resolvedInlineViewProps = extractInlineProps(details);
-          return /*#__PURE__*/React.createElement(InlineCardResolvedView, _extends({}, resolvedInlineViewProps, {
-            isSelected: isSelected,
-            testId: testId,
-            onClick: handleFrameClick
-          }));
-        }
-        return /*#__PURE__*/React.createElement(BlockCardResolvedView, {
-          url: url,
-          cardState: cardState,
-          onClick: handleFrameClick,
-          onError: onError,
-          onResolve: onResolve,
-          renderers: renderers,
-          actionOptions: actionOptions,
-          testId: testId
-        });
-      }
-    case 'unauthorized':
-      if (onError) {
-        onError({
-          url: url,
-          status: status
-        });
-      }
-      var unauthorisedViewProps = extractEmbedProps(details, platform);
-      return /*#__PURE__*/React.createElement(UnauthorizedView, {
-        context: unauthorisedViewProps.context,
-        extensionKey: extensionKey,
-        frameStyle: frameStyle,
-        isProductIntegrationSupported: isProductIntegrationSupported,
-        inheritDimensions: inheritDimensions,
-        isSelected: isSelected,
-        onAuthorize: handleAuthorize,
-        onClick: handleFrameClick,
-        testId: testId,
-        url: unauthorisedViewProps.link
-      });
-    case 'forbidden':
-      if (onError) {
-        onError({
-          url: url,
-          status: status
-        });
-      }
-      var forbiddenViewProps = extractEmbedProps(details, platform);
-      var cardMetadata = (_details$meta4 = details === null || details === void 0 ? void 0 : details.meta) !== null && _details$meta4 !== void 0 ? _details$meta4 : getForbiddenJsonLd().meta;
-      if (forbiddenViewProps.preview) {
-        return /*#__PURE__*/React.createElement(EmbedCardResolvedView, _extends({}, forbiddenViewProps, {
-          title: forbiddenViewProps.link,
-          frameStyle: frameStyle,
-          isSelected: isSelected,
-          inheritDimensions: inheritDimensions,
-          onClick: handleFrameClick,
-          ref: iframeRef,
-          extensionKey: extensionKey
-        }));
-      }
-      var forbiddenAccessContext = extractRequestAccessContextImproved({
-        jsonLd: cardMetadata,
-        url: url,
-        product: (_forbiddenViewProps$c3 = (_forbiddenViewProps$c4 = forbiddenViewProps.context) === null || _forbiddenViewProps$c4 === void 0 ? void 0 : _forbiddenViewProps$c4.text) !== null && _forbiddenViewProps$c3 !== void 0 ? _forbiddenViewProps$c3 : '',
-        createAnalyticsEvent: createAnalyticsEvent
-      });
-      return /*#__PURE__*/React.createElement(ForbiddenView, {
-        context: forbiddenViewProps.context,
-        frameStyle: frameStyle,
-        inheritDimensions: inheritDimensions,
-        isSelected: isSelected,
-        onAuthorize: handleAuthorize,
-        onClick: handleFrameClick,
-        accessContext: forbiddenAccessContext,
-        url: forbiddenViewProps.link
-      });
-    case 'not_found':
-      if (onError) {
-        onError({
-          url: url,
-          status: status
-        });
-      }
-      var notFoundViewProps = extractEmbedProps(details, platform);
-      var notFoundAccessContext = details !== null && details !== void 0 && details.meta ? extractRequestAccessContextImproved({
-        jsonLd: details === null || details === void 0 ? void 0 : details.meta,
-        url: url,
-        product: (_notFoundViewProps$co3 = (_notFoundViewProps$co4 = notFoundViewProps.context) === null || _notFoundViewProps$co4 === void 0 ? void 0 : _notFoundViewProps$co4.text) !== null && _notFoundViewProps$co3 !== void 0 ? _notFoundViewProps$co3 : '',
-        createAnalyticsEvent: createAnalyticsEvent
-      }) : undefined;
-      return /*#__PURE__*/React.createElement(NotFoundView, {
-        context: notFoundViewProps.context,
-        frameStyle: frameStyle,
-        inheritDimensions: inheritDimensions,
-        isSelected: isSelected,
-        onClick: handleFrameClick,
-        accessContext: notFoundAccessContext,
-        url: notFoundViewProps.link
-      });
-    case 'fallback':
-    case 'errored':
-    default:
-      if (onError) {
-        onError({
-          url: url,
-          status: status
-        });
-      }
-      return /*#__PURE__*/React.createElement(EmbedCardErroredView, {
-        onRetry: handleErrorRetry,
-        inheritDimensions: inheritDimensions,
-        isSelected: isSelected
-      });
-  }
 });

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

@@ -3,15 +3,13 @@ import _extends from "@babel/runtime/helpers/extends";
 import React from 'react';
 import LinkGlyph from '@atlaskit/icon/core/link';
 import { fg } from '@atlaskit/platform-feature-flags';
-import { componentWithFG } from '@atlaskit/platform-feature-flags-react';
 import { useThemeObserver } from '@atlaskit/tokens';
 import { getPreviewUrlWithTheme, isProfileType } from '../../../utils';
 import { ExpandedFrame } from '../components/ExpandedFrame';
-import { Frame, FrameUpdated } from '../components/Frame';
+import { Frame } from '../components/Frame';
 import { ImageIcon } from '../components/ImageIcon';
 import { useEmbedResolvePostMessageListener } from '../useEmbedResolvePostMessageListener';
-var FrameComponent = componentWithFG('rovo_chat_embed_card_dwell_and_hover_metrics', FrameUpdated, Frame);
-var EmbedCardResolvedViewOld = /*#__PURE__*/React.forwardRef(function (_ref, embedIframeRef) {
+export var EmbedCardResolvedView = /*#__PURE__*/React.forwardRef(function (_ref, embedIframeRef) {
   var link = _ref.link,
     context = _ref.context,
     onClick = _ref.onClick,
@@ -25,85 +23,14 @@ var EmbedCardResolvedViewOld = /*#__PURE__*/React.forwardRef(function (_ref, emb
     inheritDimensions = _ref.inheritDimensions,
     onIframeDwell = _ref.onIframeDwell,
     onIframeFocus = _ref.onIframeFocus,
+    onIframeMouseEnter = _ref.onIframeMouseEnter,
+    onIframeMouseLeave = _ref.onIframeMouseLeave,
     isSupportTheming = _ref.isSupportTheming,
     type = _ref.type,
     CompetitorPrompt = _ref.CompetitorPrompt,
     hideIconLoadingSkeleton = _ref.hideIconLoadingSkeleton,
     extensionKey = _ref.extensionKey;
   var iconFromContext = context === null || context === void 0 ? void 0 : context.icon;
-  var src = typeof iconFromContext === 'string' ? iconFromContext : undefined;
-  var text = title || (context === null || context === void 0 ? void 0 : context.text);
-  var linkGlyph = React.useMemo(function () {
-    return /*#__PURE__*/React.createElement(LinkGlyph, {
-      label: "icon",
-      testId: "embed-card-fallback-icon",
-      color: "currentColor"
-    });
-  }, []);
-  var icon = React.useMemo(function () {
-    if ( /*#__PURE__*/React.isValidElement(iconFromContext)) {
-      return iconFromContext;
-    }
-    return /*#__PURE__*/React.createElement(ImageIcon, {
-      src: src,
-      default: linkGlyph,
-      appearance: isProfileType(type) ? 'round' : 'square',
-      hideLoadingSkeleton: hideIconLoadingSkeleton
-    });
-  }, [iconFromContext, src, linkGlyph, type, hideIconLoadingSkeleton]);
-  useEmbedResolvePostMessageListener({
-    url: link,
-    embedIframeRef: embedIframeRef
-  });
-  var themeState = useThemeObserver();
-  var previewUrl = preview === null || preview === void 0 ? void 0 : preview.src;
-  if (previewUrl && isSupportTheming) {
-    previewUrl = getPreviewUrlWithTheme(previewUrl, themeState);
-  }
-  return /*#__PURE__*/React.createElement(ExpandedFrame, {
-    isSelected: isSelected,
-    frameStyle: frameStyle,
-    href: link,
-    testId: testId,
-    icon: icon,
-    text: text,
-    onClick: onClick,
-    inheritDimensions: inheritDimensions,
-    setOverflow: false,
-    CompetitorPrompt: CompetitorPrompt
-  }, /*#__PURE__*/React.createElement(Frame, {
-    url: previewUrl,
-    isTrusted: isTrusted,
-    testId: testId,
-    ref: embedIframeRef,
-    onIframeDwell: onIframeDwell,
-    onIframeFocus: onIframeFocus,
-    title: text,
-    extensionKey: extensionKey
-  }));
-});
-var EmbedCardResolvedViewUpdated = /*#__PURE__*/React.forwardRef(function (_ref2, embedIframeRef) {
-  var link = _ref2.link,
-    context = _ref2.context,
-    onClick = _ref2.onClick,
-    isSelected = _ref2.isSelected,
-    frameStyle = _ref2.frameStyle,
-    preview = _ref2.preview,
-    title = _ref2.title,
-    isTrusted = _ref2.isTrusted,
-    _ref2$testId = _ref2.testId,
-    testId = _ref2$testId === void 0 ? 'embed-card-resolved-view' : _ref2$testId,
-    inheritDimensions = _ref2.inheritDimensions,
-    onIframeDwell = _ref2.onIframeDwell,
-    onIframeFocus = _ref2.onIframeFocus,
-    onIframeMouseEnter = _ref2.onIframeMouseEnter,
-    onIframeMouseLeave = _ref2.onIframeMouseLeave,
-    isSupportTheming = _ref2.isSupportTheming,
-    type = _ref2.type,
-    CompetitorPrompt = _ref2.CompetitorPrompt,
-    hideIconLoadingSkeleton = _ref2.hideIconLoadingSkeleton,
-    extensionKey = _ref2.extensionKey;
-  var iconFromContext = context === null || context === void 0 ? void 0 : context.icon;
   var iconLabel = context === null || context === void 0 ? void 0 : context.iconLabel;
   var src = typeof iconFromContext === 'string' ? iconFromContext : undefined;
   var text = title || (context === null || context === void 0 ? void 0 : context.text);
@@ -160,7 +87,7 @@ var EmbedCardResolvedViewUpdated = /*#__PURE__*/React.forwardRef(function (_ref2
       setMouseOver(false);
       onIframeMouseLeave === null || onIframeMouseLeave === void 0 || onIframeMouseLeave();
     }
-  }, /*#__PURE__*/React.createElement(FrameComponent, {
+  }, /*#__PURE__*/React.createElement(Frame, {
     url: previewUrl,
     isTrusted: isTrusted,
     testId: testId,
@@ -173,6 +100,4 @@ var EmbedCardResolvedViewUpdated = /*#__PURE__*/React.forwardRef(function (_ref2
     title: text,
     extensionKey: extensionKey
   }));
-});
-var EmbedCardResolvedViewWithFG = componentWithFG('rovo_chat_embed_card_dwell_and_hover_metrics', EmbedCardResolvedViewUpdated, EmbedCardResolvedViewOld);
-export { EmbedCardResolvedViewWithFG as EmbedCardResolvedView };
+});

package/dist/esm/view/FlexibleCard/components/common/atlaskit-icon/index.js

@@ -43,7 +43,8 @@ var AtlaskitIcon = function AtlaskitIcon(_ref) {
     label = _ref.label,
     testId = _ref.testId,
     _ref$size = _ref.size,
-    size = _ref$size === void 0 ? SmartLinkSize.Medium : _ref$size;
+    size = _ref$size === void 0 ? SmartLinkSize.Medium : _ref$size,
+    isTiledIcon = _ref.isTiledIcon;
   if (!fg('platform_sl_icons_refactor')) {
     // Check for synchronously loaded icons first for SSR purposes.
     // Require these icons only inside this branch to avoid evaluating legacy icon
@@ -55,7 +56,8 @@ var AtlaskitIcon = function AtlaskitIcon(_ref) {
           return /*#__PURE__*/React.createElement(DocumentIcon, {
             label: label !== null && label !== void 0 ? label : 'document',
             testId: testId,
-            size: size
+            size: size,
+            isTiledIcon: isTiledIcon
           });
         }
       case IconType.Blog:
@@ -64,7 +66,8 @@ var AtlaskitIcon = function AtlaskitIcon(_ref) {
           return /*#__PURE__*/React.createElement(BlogIcon, {
             label: label !== null && label !== void 0 ? label : 'blog',
             testId: testId,
-            size: size
+            size: size,
+            isTiledIcon: isTiledIcon
           });
         }
       case IconType.LiveDocument:
@@ -73,7 +76,8 @@ var AtlaskitIcon = function AtlaskitIcon(_ref) {
           return /*#__PURE__*/React.createElement(LiveDocumentIcon, {
             label: label !== null && label !== void 0 ? label : 'live-doc',
             testId: testId,
-            size: size
+            size: size,
+            isTiledIcon: isTiledIcon
           });
         }
     }
@@ -108,7 +112,11 @@ var AtlaskitIcon = function AtlaskitIcon(_ref) {
         if (iconTileSize) {
           return /*#__PURE__*/React.createElement(IconTile, {
             appearance: appearance,
-            icon: ImportedIcon,
+            icon: isTiledIcon ? function (iconProps) {
+              return /*#__PURE__*/React.createElement(ImportedIcon, _extends({}, iconProps, {
+                spacing: "spacious"
+              }));
+            } : ImportedIcon,
             size: iconTileSize,
             label: label !== null && label !== void 0 ? label : ''
           });
@@ -144,7 +152,8 @@ var AtlaskitIcon = function AtlaskitIcon(_ref) {
         return /*#__PURE__*/React.createElement(ImportedIcon, {
           label: label,
           testId: testId,
-          size: size
+          size: size,
+          isTiledIcon: isTiledIcon
         });
       }
       return /*#__PURE__*/React.createElement(ImportedIcon, {
@@ -156,7 +165,8 @@ var AtlaskitIcon = function AtlaskitIcon(_ref) {
       return /*#__PURE__*/React.createElement(ImportedIcon, {
         label: label,
         testId: testId,
-        size: size
+        size: size,
+        isTiledIcon: isTiledIcon
       });
   }
 };