@atlaskit/smart-card 43.11.2 → 43.12.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.Frame = void 0;
+exports.FrameUpdated = exports.Frame = void 0;
 require("./Frame.compiled.css");
 var _runtime = require("@compiled/react/runtime");
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
@@ -16,6 +16,7 @@ var _utils = require("../../../utils");
 var _IFrame = require("./IFrame");
 var _IframeDwellTracker = require("./IframeDwellTracker");
 function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
+// eslint-disable-next-line no-unused-vars
 function mergeRefs(refs) {
   return function (value) {
     refs.forEach(function (ref) {
@@ -112,10 +113,127 @@ var Frame = exports.Frame = /*#__PURE__*/_react.default.forwardRef(function (_re
     "data-testid": "".concat(testId, "-frame"),
     "data-iframe-loaded": isIframeLoaded,
     onMouseEnter: function onMouseEnter() {
-      return setMouseOver(true);
+      setMouseOver(true);
     },
     onMouseLeave: function onMouseLeave() {
-      return setMouseOver(false);
+      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 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 _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];
+  var _useState13 = (0, _react.useState)(document.hasFocus()),
+    _useState14 = (0, _slicedToArray2.default)(_useState13, 2),
+    isWindowFocused = _useState14[0],
+    setWindowFocused = _useState14[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];
+
+  /**
+   * 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];
+  (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 () {
+    // Initialize with current focus state
+    setWindowFocused(document.hasFocus());
+    var onBlur = function onBlur() {
+      setWindowFocused(false);
+      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]);
+  if (!url) {
+    return null;
+  }
+  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_IframeDwellTracker.IframeDwellTracker, {
+    isIframeLoaded: isIframeLoaded,
+    isMouseOver: effectiveMouseOver,
+    isWindowFocused: isWindowFocused,
+    iframePercentVisible: percentVisible,
+    onIframeDwell: onIframeDwell
+  }), /*#__PURE__*/_react.default.createElement(_IFrame.IFrame, {
+    childRef: mergedRef,
+    src: url,
+    "data-testid": "".concat(testId, "-frame"),
+    "data-iframe-loaded": isIframeLoaded,
+    onMouseEnter: function onMouseEnter() {
+      onIframeMouseEnter === null || onIframeMouseEnter === void 0 || onIframeMouseEnter();
+      // Use local state if prop not provided, otherwise prop takes precedence
+      if (isMouseOverProp === undefined) {
+        setMouseOver(true);
+      }
+    },
+    onMouseLeave: function onMouseLeave() {
+      onIframeMouseLeave === null || onIframeMouseLeave === void 0 || onIframeMouseLeave();
+      // Use local state if prop not provided, otherwise prop takes precedence
+      if (isMouseOverProp === undefined) {
+        setMouseOver(false);
+      }
     },
     allowFullScreen: true,
     scrolling: "yes",

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

@@ -7,6 +7,7 @@ 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
@@ -52,11 +53,31 @@ var IframeDwellTracker = exports.IframeDwellTracker = function IframeDwellTracke
         };
       });
     };
-    if (isIframeLoaded && isMouseOver && isWindowFocused && iframePercentVisible > 0.75) {
-      if (dwellTimeoutId.current) {
-        clearInterval(dwellTimeoutId.current);
+
+    // 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;
+        }
+      }
+    } else {
+      if (isIframeLoaded && isMouseOver && isWindowFocused && iframePercentVisible > 0.75) {
+        if (dwellTimeoutId.current) {
+          clearInterval(dwellTimeoutId.current);
+        }
+        dwellTimeoutId.current = setInterval(incrementDwellTime, 1000);
       }
-      dwellTimeoutId.current = setInterval(incrementDwellTime, 1000);
     }
     return function () {
       if (dwellTimeoutId.current) {

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.EmbedCard = void 0;
+exports.EmbedCardUpdated = exports.EmbedCard = void 0;
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _react = _interopRequireDefault(require("react"));
@@ -232,4 +232,207 @@ 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(_objectSpread({
+          title: resolvedViewProps.title,
+          url: url,
+          aspectRatio: (_resolvedViewProps$pr2 = resolvedViewProps.preview) === null || _resolvedViewProps$pr2 === void 0 ? void 0 : _resolvedViewProps$pr2.aspectRatio
+        }, (0, _platformFeatureFlags.fg)('expose-product-details-from-smart-card') && {
+          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

@@ -5,15 +5,18 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.EmbedCardResolvedView = void 0;
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
 var _react = _interopRequireDefault(require("react"));
 var _link = _interopRequireDefault(require("@atlaskit/icon/core/migration/link"));
+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 EmbedCardResolvedView = exports.EmbedCardResolvedView = /*#__PURE__*/_react.default.forwardRef(function (_ref, embedIframeRef) {
+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 link = _ref.link,
     context = _ref.context,
     onClick = _ref.onClick,
@@ -84,4 +87,94 @@ var EmbedCardResolvedView = exports.EmbedCardResolvedView = /*#__PURE__*/_react.
     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 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",
+      LEGACY_size: "small",
+      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);
+  }
+  var _React$useState = _react.default.useState(false),
+    _React$useState2 = (0, _slicedToArray2.default)(_React$useState, 2),
+    isMouseOver = _React$useState2[0],
+    setMouseOver = _React$useState2[1];
+  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,
+    onContentMouseEnter: function onContentMouseEnter() {
+      setMouseOver(true);
+      onIframeMouseEnter === null || onIframeMouseEnter === void 0 || onIframeMouseEnter();
+    },
+    onContentMouseLeave: function onContentMouseLeave() {
+      setMouseOver(false);
+      onIframeMouseLeave === null || onIframeMouseLeave === void 0 || onIframeMouseLeave();
+    }
+  }, /*#__PURE__*/_react.default.createElement(FrameComponent, {
+    url: previewUrl,
+    isTrusted: isTrusted,
+    testId: testId,
+    ref: embedIframeRef,
+    onIframeDwell: onIframeDwell,
+    onIframeFocus: onIframeFocus,
+    onIframeMouseEnter: onIframeMouseEnter,
+    onIframeMouseLeave: onIframeMouseLeave,
+    isMouseOver: isMouseOver,
+    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/actions/action/index.js

@@ -103,7 +103,6 @@ var Action = function Action(_ref) {
     href: href,
     ariaLabel: ariaLabel
   });
-  // @ts-ignore - Workaround for help-center local consumption
   return Wrapper !== undefined ? /*#__PURE__*/_react.default.createElement(Wrapper, null, button) : button;
 };
 var _default = exports.default = Action;

package/dist/cjs/view/FlexibleCard/components/actions/automation-action/automation-manual-triggers/manual-triggers-container/manual-triggers-form/boolean-prompt/main.js

@@ -15,18 +15,14 @@ var BooleanInputPrompt = function BooleanInputPrompt(_ref) {
   var variableName = userInputPrompt.variableName,
     displayName = userInputPrompt.displayName,
     defaultValue = userInputPrompt.defaultValue;
-  return (
-    /*#__PURE__*/
-    // @ts-ignore - Workaround for help-center local consumption
-    _react.default.createElement(_form.CheckboxField, {
-      name: variableName,
-      defaultIsChecked: defaultValue || false
-    }, function (_ref2) {
-      var fieldProps = _ref2.fieldProps;
-      return /*#__PURE__*/_react.default.createElement(_checkbox.default, (0, _extends2.default)({}, fieldProps, {
-        label: displayName
-      }));
-    })
-  );
+  return /*#__PURE__*/_react.default.createElement(_form.CheckboxField, {
+    name: variableName,
+    defaultIsChecked: defaultValue || false
+  }, function (_ref2) {
+    var fieldProps = _ref2.fieldProps;
+    return /*#__PURE__*/_react.default.createElement(_checkbox.default, (0, _extends2.default)({}, fieldProps, {
+      label: displayName
+    }));
+  });
 };
 var _default = exports.default = BooleanInputPrompt;

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

@@ -11,7 +11,6 @@ var _react = _interopRequireDefault(require("react"));
 var _link = _interopRequireDefault(require("@atlaskit/link"));
 var _click = require("../../../utils/analytics/click");
 var _excluded = ["href", "children", "testId", "isLinkComponent"];
-// @ts-ignore - Workaround for help-center local consumption
 var Anchor = (0, _click.withLinkClickedEvent)('a');
 var LinkComponent = exports.LinkComponent = (0, _click.withLinkClickedEvent)(_link.default);
 var Hyperlink = function Hyperlink(_ref) {

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

@@ -22,11 +22,9 @@ var _excluded = ["href", "children", "checkSafety", "onClick", "testId", "isLink
   _excluded2 = ["isLinkSafe", "showSafetyWarningModal"];
 var PACKAGE_DATA = {
   packageName: "@atlaskit/smart-card",
-  packageVersion: "43.11.1",
+  packageVersion: "0.0.0-development",
   componentName: 'linkUrl'
 };
-
-// @ts-ignore - Workaround for help-center local consumption
 var Anchor = (0, _click.withLinkClickedEvent)('a');
 var LinkComponent = exports.LinkComponent = (0, _click.withLinkClickedEvent)(_link.default);
 var LinkUrl = function LinkUrl(_ref) {

package/dist/es2019/state/actions/index.js

@@ -43,10 +43,7 @@ export const useSmartCardActions = (id, url) => {
       url
     }, undefined, undefined, metadataStatus));
   }, [dispatch, url]);
-  const resolve = useCallback(async (resourceUrl = url, isReloading = false, isMetadataRequest = false) =>
-  // @ts-ignore - Workaround for help-center local consumption
-
-  resolveUrl(resourceUrl, isReloading, isMetadataRequest, id), [id, resolveUrl, url]);
+  const resolve = useCallback(async (resourceUrl = url, isReloading = false, isMetadataRequest = false) => resolveUrl(resourceUrl, isReloading, isMetadataRequest, id), [id, resolveUrl, url]);
   const register = useCallback(() => {
     const {
       details

package/dist/es2019/state/hooks/use-resolve/index.js

@@ -29,17 +29,8 @@ const useResolve = () => {
     };
     const hasData = !!(details && details.data || isEntityPresent(details));
     if (isReloading || !hasData || isMetadataRequest) {
-      return connections.client
-      // @ts-ignore - Workaround for help-center local consumption
-      .fetchData(url, isReloading).then(response =>
-      // @ts-ignore - Workaround for help-center local consumption
-
-      handleResolvedLinkResponse(url, response, isReloading, isMetadataRequest))
-      // @ts-ignore - Workaround for help-center local consumption
-      .catch(error => handleResolvedLinkError(url, error, undefined, isMetadataRequest));
+      return connections.client.fetchData(url, isReloading).then(response => handleResolvedLinkResponse(url, response, isReloading, isMetadataRequest)).catch(error => handleResolvedLinkError(url, error, undefined, isMetadataRequest));
     } else {
-      // @ts-ignore - Workaround for help-center local consumption
-
       addMetadataToExperience('smart-link-rendered', id, {
         cached: true
       });

package/dist/es2019/state/hooks/use-response/index.js

@@ -118,8 +118,6 @@ const useResponse = () => {
      * https://react-redux.js.org/api/batch
      */
     unstable_batchedUpdates(() => {
-      // @ts-ignore - Workaround for help-center local consumption
-
       handleResolvedLinkSuccess(resourceUrl, response, isReloading, isMetadataRequest);
     });
   }, [handleResolvedLinkError, handleResolvedLinkSuccess, hasAuthFlowSupported]);

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

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

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

@@ -134,7 +134,6 @@ const getDisplayName = WrappedComponent => {
   if (typeof WrappedComponent === 'string') {
     return WrappedComponent;
   }
-  // @ts-ignore - Workaround for help-center local consumption
   return WrappedComponent.displayName || WrappedComponent.name || 'Component';
 };
 export function withLinkClickedEvent(WrappedComponent) {