@atlaskit/smart-card 44.9.11 → 44.10.0

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

@@ -6,7 +6,7 @@ var _typeof = require("@babel/runtime/helpers/typeof");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.FrameUpdated = exports.Frame = void 0;
+exports.Frame = void 0;
 require("./Frame.compiled.css");
 var _runtime = require("@compiled/react/runtime");
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
@@ -32,12 +32,16 @@ function mergeRefs(refs) {
 }
 var iframeStyles = null;
 var Frame = exports.Frame = /*#__PURE__*/_react.default.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 = (0, _browserApis.getDocument)();
@@ -49,151 +53,37 @@ var Frame = exports.Frame = /*#__PURE__*/_react.default.forwardRef(function (_re
     _useState4 = (0, _slicedToArray2.default)(_useState3, 2),
     isMouseOver = _useState4[0],
     setMouseOver = _useState4[1];
-  var _useState5 = (0, _react.useState)(true),
-    _useState6 = (0, _slicedToArray2.default)(_useState5, 2),
-    isWindowFocused = _useState6[0],
-    setWindowFocused = _useState6[1];
-  var ref = (0, _react.useRef)();
-  var mergedRef = mergeRefs([iframeRef, ref]);
-  var _useState7 = (0, _react.useState)(0),
-    _useState8 = (0, _slicedToArray2.default)(_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 = (0, _react.useState)([0.75, 0.8, 0.85, 0.9, 0.95, 1]),
-    _useState0 = (0, _slicedToArray2.default)(_useState9, 1),
-    threshold = _useState0[0];
-  (0, _react.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]);
-  (0, _react.useEffect)(function () {
-    var onBlur = function onBlur() {
-      setWindowFocused(false);
-      if ((0, _platformFeatureFlags.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.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_IframeDwellTracker.IframeDwellTracker, {
-    isIframeLoaded: isIframeLoaded,
-    isMouseOver: isMouseOver,
-    isWindowFocused: isWindowFocused,
-    iframePercentVisible: percentVisible,
-    onIframeDwell: onIframeDwell
-  }), /*#__PURE__*/_react.default.createElement(_IFrame.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: (0, _utils.getIframeSandboxAttribute)(isTrusted),
-    title: title,
-    extensionKey: extensionKey,
-    className: (0, _runtime.ax)(["_19itidpf _1reo15vq _18m915vq _2rkofajl _154iidpf _1ltvidpf _1bsb1osq _4t3i1osq _kqswh2mm"])
-  }));
-});
-var FrameUpdated = exports.FrameUpdated = /*#__PURE__*/_react.default.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 = (0, _browserApis.getDocument)();
-  var _useState1 = (0, _react.useState)(false),
-    _useState10 = (0, _slicedToArray2.default)(_useState1, 2),
-    isIframeLoaded = _useState10[0],
-    setIframeLoaded = _useState10[1];
-  var _useState11 = (0, _react.useState)(false),
-    _useState12 = (0, _slicedToArray2.default)(_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 = (0, _react.useState)(
+  var _useState5 = (0, _react.useState)(
     // The below will be removed as part of FG cleanup
     // eslint-disable-next-line @atlaskit/platform/no-direct-document-usage
     (0, _platformFeatureFlags.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 = (0, _slicedToArray2.default)(_useState13, 2),
-    isWindowFocused = _useState14[0],
-    setWindowFocused = _useState14[1];
+    _useState6 = (0, _slicedToArray2.default)(_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 = (0, _react.useRef)();
   var mergedRef = mergeRefs([iframeRef, ref]);
-  var _useState15 = (0, _react.useState)(0),
-    _useState16 = (0, _slicedToArray2.default)(_useState15, 2),
-    percentVisible = _useState16[0],
-    setPercentVisible = _useState16[1];
+  var _useState7 = (0, _react.useState)(0),
+    _useState8 = (0, _slicedToArray2.default)(_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 = (0, _react.useState)([0.75, 0.8, 0.85, 0.9, 0.95, 1]),
-    _useState18 = (0, _slicedToArray2.default)(_useState17, 1),
-    threshold = _useState18[0];
+  var _useState9 = (0, _react.useState)([0.75, 0.8, 0.85, 0.9, 0.95, 1]),
+    _useState0 = (0, _slicedToArray2.default)(_useState9, 1),
+    threshold = _useState0[0];
   (0, _react.useEffect)(function () {
     if (!ref || !ref.current) {
       return;

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

@@ -7,7 +7,6 @@ Object.defineProperty(exports, "__esModule", {
 exports.IframeDwellTracker = void 0;
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
 var _react = require("react");
-var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 /**
  * @jsxRuntime classic
  * @jsx jsx
@@ -21,7 +20,6 @@ var INTERVALS_TO_LOG = [5, 10, 15, 20, 25, 30, 45, 60, 90, 120, 180];
 var IframeDwellTracker = exports.IframeDwellTracker = function IframeDwellTracker(_ref) {
   var isIframeLoaded = _ref.isIframeLoaded,
     isMouseOver = _ref.isMouseOver,
-    isWindowFocused = _ref.isWindowFocused,
     iframePercentVisible = _ref.iframePercentVisible,
     onIframeDwell = _ref.onIframeDwell;
   var _useState = (0, _react.useState)({
@@ -54,29 +52,19 @@ var IframeDwellTracker = exports.IframeDwellTracker = function IframeDwellTracke
       });
     };
 
-    // Require: iframe loaded, mouse over, and >75% visible
-    var isDwellAndHoverMetricsEnabled = (0, _platformFeatureFlags.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 () {
@@ -84,6 +72,6 @@ var IframeDwellTracker = exports.IframeDwellTracker = function IframeDwellTracke
         clearInterval(dwellTimeoutId.current);
       }
     };
-  }, [setDwell, isMouseOver, isWindowFocused, isIframeLoaded, iframePercentVisible]);
+  }, [setDwell, isMouseOver, isIframeLoaded, iframePercentVisible]);
   return null;
 };

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

@@ -4,7 +4,7 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.EmbedCardUpdated = exports.EmbedCard = void 0;
+exports.EmbedCard = void 0;
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var _react = _interopRequireDefault(require("react"));
 var _analyticsNext = require("@atlaskit/analytics-next");
@@ -45,6 +45,8 @@ var EmbedCard = exports.EmbedCard = /*#__PURE__*/_react.default.forwardRef(funct
     inheritDimensions = _ref2.inheritDimensions,
     onIframeDwell = _ref2.onIframeDwell,
     onIframeFocus = _ref2.onIframeFocus,
+    onIframeMouseEnter = _ref2.onIframeMouseEnter,
+    onIframeMouseLeave = _ref2.onIframeMouseLeave,
     iframeUrlType = _ref2.iframeUrlType,
     actionOptions = _ref2.actionOptions,
     renderers = _ref2.renderers,
@@ -107,6 +109,8 @@ var EmbedCard = exports.EmbedCard = /*#__PURE__*/_react.default.forwardRef(funct
           ref: iframeRef,
           onIframeDwell: onIframeDwell,
           onIframeFocus: onIframeFocus,
+          onIframeMouseEnter: onIframeMouseEnter,
+          onIframeMouseLeave: onIframeMouseLeave,
           testId: testId,
           CompetitorPrompt: CompetitorPrompt,
           hideIconLoadingSkeleton: hideIconLoadingSkeleton,
@@ -226,206 +230,4 @@ var EmbedCard = exports.EmbedCard = /*#__PURE__*/_react.default.forwardRef(funct
         isSelected: isSelected
       });
   }
-});
-var EmbedCardUpdated = exports.EmbedCardUpdated = /*#__PURE__*/_react.default.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 = (0, _analyticsNext.useAnalyticsEvents)(),
-    createAnalyticsEvent = _useAnalyticsEvents2.createAnalyticsEvent;
-  var status = cardState.status,
-    details = cardState.details;
-  var extensionKey = (0, _helpers.getExtensionKey)(details);
-  var isProductIntegrationSupported = (0, _helpers.hasAuthScopeOverrides)(details);
-  var _useControlDataExport3 = (0, _useControlDataExportConfig.useControlDataExportConfig)(),
-    _useControlDataExport4 = _useControlDataExport3.shouldControlDataExport,
-    shouldControlDataExport = _useControlDataExport4 === void 0 ? false : _useControlDataExport4;
-  switch (status) {
-    case 'pending':
-    case 'resolving':
-      return /*#__PURE__*/_react.default.createElement(UFOLoadHoldWrapper, null, /*#__PURE__*/_react.default.createElement(_ResolvedView.default, {
-        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 = (0, _embed.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 ((0, _shouldDataExport.getIsDataExportEnabled)(shouldControlDataExport, cardState.details)) {
-        var unauthViewProps = (0, _embed.extractEmbedProps)(details, platform);
-        return /*#__PURE__*/_react.default.createElement(_unauthorizedView.default, {
-          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.default.createElement(_ResolvedView3.EmbedCardResolvedView, (0, _extends2.default)({}, 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 = (0, _inline.extractInlineProps)(details);
-          return /*#__PURE__*/_react.default.createElement(_ResolvedView2.InlineCardResolvedView, (0, _extends2.default)({}, resolvedInlineViewProps, {
-            isSelected: isSelected,
-            testId: testId,
-            onClick: handleFrameClick
-          }));
-        }
-        return /*#__PURE__*/_react.default.createElement(_ResolvedView.default, {
-          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 = (0, _embed.extractEmbedProps)(details, platform);
-      return /*#__PURE__*/_react.default.createElement(_unauthorizedView.default, {
-        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 = (0, _embed.extractEmbedProps)(details, platform);
-      var cardMetadata = (_details$meta4 = details === null || details === void 0 ? void 0 : details.meta) !== null && _details$meta4 !== void 0 ? _details$meta4 : (0, _jsonld.getForbiddenJsonLd)().meta;
-      if (forbiddenViewProps.preview) {
-        return /*#__PURE__*/_react.default.createElement(_ResolvedView3.EmbedCardResolvedView, (0, _extends2.default)({}, forbiddenViewProps, {
-          title: forbiddenViewProps.link,
-          frameStyle: frameStyle,
-          isSelected: isSelected,
-          inheritDimensions: inheritDimensions,
-          onClick: handleFrameClick,
-          ref: iframeRef,
-          extensionKey: extensionKey
-        }));
-      }
-      var forbiddenAccessContext = (0, _extractAccessContext.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.default.createElement(_forbiddenView.default, {
-        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 = (0, _embed.extractEmbedProps)(details, platform);
-      var notFoundAccessContext = details !== null && details !== void 0 && details.meta ? (0, _extractAccessContext.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.default.createElement(_notFoundView.default, {
-        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.default.createElement(_ErroredView.EmbedCardErroredView, {
-        onRetry: handleErrorRetry,
-        inheritDimensions: inheritDimensions,
-        isSelected: isSelected
-      });
-  }
 });

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

@@ -10,15 +10,13 @@ var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends")
 var _react = _interopRequireDefault(require("react"));
 var _link = _interopRequireDefault(require("@atlaskit/icon/core/link"));
 var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
-var _platformFeatureFlagsReact = require("@atlaskit/platform-feature-flags-react");
 var _tokens = require("@atlaskit/tokens");
 var _utils = require("../../../utils");
 var _ExpandedFrame = require("../components/ExpandedFrame");
 var _Frame = require("../components/Frame");
 var _ImageIcon = require("../components/ImageIcon");
 var _useEmbedResolvePostMessageListener = require("../useEmbedResolvePostMessageListener");
-var FrameComponent = (0, _platformFeatureFlagsReact.componentWithFG)('rovo_chat_embed_card_dwell_and_hover_metrics', _Frame.FrameUpdated, _Frame.Frame);
-var EmbedCardResolvedViewOld = /*#__PURE__*/_react.default.forwardRef(function (_ref, embedIframeRef) {
+var EmbedCardResolvedView = exports.EmbedCardResolvedView = /*#__PURE__*/_react.default.forwardRef(function (_ref, embedIframeRef) {
   var link = _ref.link,
     context = _ref.context,
     onClick = _ref.onClick,
@@ -32,85 +30,14 @@ var EmbedCardResolvedViewOld = /*#__PURE__*/_react.default.forwardRef(function (
     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.default.useMemo(function () {
-    return /*#__PURE__*/_react.default.createElement(_link.default, {
-      label: "icon",
-      testId: "embed-card-fallback-icon",
-      color: "currentColor"
-    });
-  }, []);
-  var icon = _react.default.useMemo(function () {
-    if ( /*#__PURE__*/_react.default.isValidElement(iconFromContext)) {
-      return iconFromContext;
-    }
-    return /*#__PURE__*/_react.default.createElement(_ImageIcon.ImageIcon, {
-      src: src,
-      default: linkGlyph,
-      appearance: (0, _utils.isProfileType)(type) ? 'round' : 'square',
-      hideLoadingSkeleton: hideIconLoadingSkeleton
-    });
-  }, [iconFromContext, src, linkGlyph, type, hideIconLoadingSkeleton]);
-  (0, _useEmbedResolvePostMessageListener.useEmbedResolvePostMessageListener)({
-    url: link,
-    embedIframeRef: embedIframeRef
-  });
-  var themeState = (0, _tokens.useThemeObserver)();
-  var previewUrl = preview === null || preview === void 0 ? void 0 : preview.src;
-  if (previewUrl && isSupportTheming) {
-    previewUrl = (0, _utils.getPreviewUrlWithTheme)(previewUrl, themeState);
-  }
-  return /*#__PURE__*/_react.default.createElement(_ExpandedFrame.ExpandedFrame, {
-    isSelected: isSelected,
-    frameStyle: frameStyle,
-    href: link,
-    testId: testId,
-    icon: icon,
-    text: text,
-    onClick: onClick,
-    inheritDimensions: inheritDimensions,
-    setOverflow: false,
-    CompetitorPrompt: CompetitorPrompt
-  }, /*#__PURE__*/_react.default.createElement(_Frame.Frame, {
-    url: previewUrl,
-    isTrusted: isTrusted,
-    testId: testId,
-    ref: embedIframeRef,
-    onIframeDwell: onIframeDwell,
-    onIframeFocus: onIframeFocus,
-    title: text,
-    extensionKey: extensionKey
-  }));
-});
-var EmbedCardResolvedViewUpdated = /*#__PURE__*/_react.default.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);
@@ -167,7 +94,7 @@ var EmbedCardResolvedViewUpdated = /*#__PURE__*/_react.default.forwardRef(functi
       setMouseOver(false);
       onIframeMouseLeave === null || onIframeMouseLeave === void 0 || onIframeMouseLeave();
     }
-  }, /*#__PURE__*/_react.default.createElement(FrameComponent, {
+  }, /*#__PURE__*/_react.default.createElement(_Frame.Frame, {
     url: previewUrl,
     isTrusted: isTrusted,
     testId: testId,
@@ -180,5 +107,4 @@ var EmbedCardResolvedViewUpdated = /*#__PURE__*/_react.default.forwardRef(functi
     title: text,
     extensionKey: extensionKey
   }));
-});
-var EmbedCardResolvedViewWithFG = exports.EmbedCardResolvedView = (0, _platformFeatureFlagsReact.componentWithFG)('rovo_chat_embed_card_dwell_and_hover_metrics', EmbedCardResolvedViewUpdated, EmbedCardResolvedViewOld);
+});

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

@@ -50,7 +50,8 @@ var AtlaskitIcon = function AtlaskitIcon(_ref) {
     label = _ref.label,
     testId = _ref.testId,
     _ref$size = _ref.size,
-    size = _ref$size === void 0 ? _constants.SmartLinkSize.Medium : _ref$size;
+    size = _ref$size === void 0 ? _constants.SmartLinkSize.Medium : _ref$size,
+    isTiledIcon = _ref.isTiledIcon;
   if (!(0, _platformFeatureFlags.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
@@ -62,7 +63,8 @@ var AtlaskitIcon = function AtlaskitIcon(_ref) {
           return /*#__PURE__*/_react.default.createElement(DocumentIcon, {
             label: label !== null && label !== void 0 ? label : 'document',
             testId: testId,
-            size: size
+            size: size,
+            isTiledIcon: isTiledIcon
           });
         }
       case _constants.IconType.Blog:
@@ -71,7 +73,8 @@ var AtlaskitIcon = function AtlaskitIcon(_ref) {
           return /*#__PURE__*/_react.default.createElement(BlogIcon, {
             label: label !== null && label !== void 0 ? label : 'blog',
             testId: testId,
-            size: size
+            size: size,
+            isTiledIcon: isTiledIcon
           });
         }
       case _constants.IconType.LiveDocument:
@@ -80,7 +83,8 @@ var AtlaskitIcon = function AtlaskitIcon(_ref) {
           return /*#__PURE__*/_react.default.createElement(LiveDocumentIcon, {
             label: label !== null && label !== void 0 ? label : 'live-doc',
             testId: testId,
-            size: size
+            size: size,
+            isTiledIcon: isTiledIcon
           });
         }
     }
@@ -115,7 +119,11 @@ var AtlaskitIcon = function AtlaskitIcon(_ref) {
         if (iconTileSize) {
           return /*#__PURE__*/_react.default.createElement(_icon.IconTile, {
             appearance: appearance,
-            icon: ImportedIcon,
+            icon: isTiledIcon ? function (iconProps) {
+              return /*#__PURE__*/_react.default.createElement(ImportedIcon, (0, _extends2.default)({}, iconProps, {
+                spacing: "spacious"
+              }));
+            } : ImportedIcon,
             size: iconTileSize,
             label: label !== null && label !== void 0 ? label : ''
           });
@@ -151,7 +159,8 @@ var AtlaskitIcon = function AtlaskitIcon(_ref) {
         return /*#__PURE__*/_react.default.createElement(ImportedIcon, {
           label: label,
           testId: testId,
-          size: size
+          size: size,
+          isTiledIcon: isTiledIcon
         });
       }
       return /*#__PURE__*/_react.default.createElement(ImportedIcon, {
@@ -163,7 +172,8 @@ var AtlaskitIcon = function AtlaskitIcon(_ref) {
       return /*#__PURE__*/_react.default.createElement(ImportedIcon, {
         label: label,
         testId: testId,
-        size: size
+        size: size,
+        isTiledIcon: isTiledIcon
       });
   }
 };