@atlaskit/smart-card 43.11.2 → 43.12.0

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

@@ -226,4 +226,207 @@ 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(_objectSpread({
+          title: resolvedViewProps.title,
+          url: url,
+          aspectRatio: (_resolvedViewProps$pr2 = resolvedViewProps.preview) === null || _resolvedViewProps$pr2 === void 0 ? void 0 : _resolvedViewProps$pr2.aspectRatio
+        }, 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 (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

@@ -1,12 +1,15 @@
+import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
 import React from 'react';
 import LinkGlyph from '@atlaskit/icon/core/migration/link';
+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 } from '../components/Frame';
+import { Frame, FrameUpdated } from '../components/Frame';
 import { ImageIcon } from '../components/ImageIcon';
 import { useEmbedResolvePostMessageListener } from '../useEmbedResolvePostMessageListener';
-export var EmbedCardResolvedView = /*#__PURE__*/React.forwardRef(function (_ref, embedIframeRef) {
+var FrameComponent = componentWithFG('rovo_chat_embed_card_dwell_and_hover_metrics', FrameUpdated, Frame);
+var EmbedCardResolvedViewOld = /*#__PURE__*/React.forwardRef(function (_ref, embedIframeRef) {
   var link = _ref.link,
     context = _ref.context,
     onClick = _ref.onClick,
@@ -77,4 +80,95 @@ export var EmbedCardResolvedView = /*#__PURE__*/React.forwardRef(function (_ref,
     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 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",
+      LEGACY_size: "small",
+      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);
+  }
+  var _React$useState = React.useState(false),
+    _React$useState2 = _slicedToArray(_React$useState, 2),
+    isMouseOver = _React$useState2[0],
+    setMouseOver = _React$useState2[1];
+  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,
+    onContentMouseEnter: function onContentMouseEnter() {
+      setMouseOver(true);
+      onIframeMouseEnter === null || onIframeMouseEnter === void 0 || onIframeMouseEnter();
+    },
+    onContentMouseLeave: function onContentMouseLeave() {
+      setMouseOver(false);
+      onIframeMouseLeave === null || onIframeMouseLeave === void 0 || onIframeMouseLeave();
+    }
+  }, /*#__PURE__*/React.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 = componentWithFG('rovo_chat_embed_card_dwell_and_hover_metrics', EmbedCardResolvedViewUpdated, EmbedCardResolvedViewOld);
+export { EmbedCardResolvedViewWithFG as EmbedCardResolvedView };

package/dist/esm/view/FlexibleCard/components/actions/action/index.js

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

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

@@ -8,18 +8,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.createElement(CheckboxField, {
-      name: variableName,
-      defaultIsChecked: defaultValue || false
-    }, function (_ref2) {
-      var fieldProps = _ref2.fieldProps;
-      return /*#__PURE__*/React.createElement(Checkbox, _extends({}, fieldProps, {
-        label: displayName
-      }));
-    })
-  );
+  return /*#__PURE__*/React.createElement(CheckboxField, {
+    name: variableName,
+    defaultIsChecked: defaultValue || false
+  }, function (_ref2) {
+    var fieldProps = _ref2.fieldProps;
+    return /*#__PURE__*/React.createElement(Checkbox, _extends({}, fieldProps, {
+      label: displayName
+    }));
+  });
 };
 export default BooleanInputPrompt;

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

@@ -4,7 +4,6 @@ var _excluded = ["href", "children", "testId", "isLinkComponent"];
 import React from 'react';
 import AKLink from '@atlaskit/link';
 import { withLinkClickedEvent } from '../../../utils/analytics/click';
-// @ts-ignore - Workaround for help-center local consumption
 var Anchor = withLinkClickedEvent('a');
 export var LinkComponent = withLinkClickedEvent(AKLink);
 var Hyperlink = function Hyperlink(_ref) {

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

@@ -15,11 +15,9 @@ import LinkWarningModal from './LinkWarningModal';
 import { useLinkWarningModal } from './LinkWarningModal/hooks/use-link-warning-modal';
 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 = withLinkClickedEvent('a');
 export var LinkComponent = withLinkClickedEvent(AKLink);
 var LinkUrl = function LinkUrl(_ref) {

package/dist/types/common/analytics/generated/analytics.types.d.ts

@@ -108,6 +108,7 @@ export type SmartLinkIframeFocusedAttributesType = {
     id: string;
     display: 'inline' | 'block' | 'embed' | 'embedPreview' | 'flexible' | 'hoverCardPreview' | 'url';
     definitionId: string | null;
+    interactionType?: 'mouseenter' | 'mouseleave' | 'focus';
 };
 export type ApplicationAccountConnectedAttributesType = {
     definitionId: string | null;

package/dist/types/view/EmbedCard/components/ExpandedFrame.d.ts

@@ -41,4 +41,11 @@ export interface ExpandedFrameProps {
     testId?: string;
     text?: React.ReactNode;
 }
-export declare const ExpandedFrame: ({ isPlaceholder, children, onClick, icon, text, isSelected, frameStyle, href, minWidth, maxWidth, testId, inheritDimensions, allowScrollBar, setOverflow, CompetitorPrompt, }: ExpandedFrameProps) => JSX.Element;
+export interface ExpandedFrameUpdatedProps extends ExpandedFrameProps {
+    /** Callback for when mouse enters the content wrapper - for dwell tracking */
+    onContentMouseEnter?: () => void;
+    /** Callback for when mouse leaves the content wrapper - for dwell tracking */
+    onContentMouseLeave?: () => void;
+}
+declare const ExpandedFrameWithFG: import("react").FC<ExpandedFrameUpdatedProps & ExpandedFrameProps>;
+export { ExpandedFrameWithFG as ExpandedFrame };

package/dist/types/view/EmbedCard/components/Frame.d.ts

@@ -12,4 +12,10 @@ export interface FrameProps {
     title?: string;
     url?: string;
 }
+export interface FrameUpdatedProps extends FrameProps {
+    isMouseOver?: boolean;
+    onIframeMouseEnter?: () => void;
+    onIframeMouseLeave?: () => void;
+}
 export declare const Frame: React.ForwardRefExoticComponent<FrameProps & React.RefAttributes<HTMLIFrameElement>>;
+export declare const FrameUpdated: React.ForwardRefExoticComponent<FrameUpdatedProps & React.RefAttributes<HTMLIFrameElement>>;

package/dist/types/view/EmbedCard/index.d.ts

@@ -1,3 +1,7 @@
 import React from 'react';
 import { type EmbedCardProps } from './types';
 export declare const EmbedCard: React.ForwardRefExoticComponent<EmbedCardProps & React.RefAttributes<HTMLIFrameElement>>;
+export declare const EmbedCardUpdated: React.ForwardRefExoticComponent<EmbedCardProps & {
+    onIframeMouseEnter?: () => void;
+    onIframeMouseLeave?: () => void;
+} & React.RefAttributes<HTMLIFrameElement>>;

package/dist/types/view/EmbedCard/types.d.ts

@@ -30,6 +30,10 @@ export type EmbedCardProps = {
     testId?: string;
     url: string;
 };
+export type EmbedCardUpdatedProps = EmbedCardProps & {
+    onIframeMouseEnter?: () => void;
+    onIframeMouseLeave?: () => void;
+};
 export interface WithShowControlMethodProp {
     showControls?: () => void;
 }

package/dist/types/view/EmbedCard/views/ResolvedView.d.ts

@@ -28,6 +28,10 @@ export interface EmbedCardResolvedViewProps {
     onIframeDwell?: (dwellTime: number, dwellPercentVisible: number) => void;
     /** Optional callback for when user navigates into an iframe - for analytics **/
     onIframeFocus?: () => void;
+    /** Optional callback for when user hovers over an iframe - for analytics **/
+    onIframeMouseEnter?: () => void;
+    /** Optional callback for when user stops hovering over an iframe - for analytics **/
+    onIframeMouseLeave?: () => void;
     /** The src to be used for the `iframe` */
     preview?: {
         aspectRatio?: number;
@@ -40,4 +44,5 @@ export interface EmbedCardResolvedViewProps {
     /** Type of the object */
     type?: string[];
 }
-export declare const EmbedCardResolvedView: React.ForwardRefExoticComponent<EmbedCardResolvedViewProps & React.RefAttributes<HTMLIFrameElement>>;
+declare const EmbedCardResolvedViewWithFG: React.FC<Omit<EmbedCardResolvedViewProps & React.RefAttributes<HTMLIFrameElement>, "ref"> & React.RefAttributes<HTMLIFrameElement>>;
+export { EmbedCardResolvedViewWithFG as EmbedCardResolvedView };

package/dist/types-ts4.5/common/analytics/generated/analytics.types.d.ts

@@ -108,6 +108,7 @@ export type SmartLinkIframeFocusedAttributesType = {
     id: string;
     display: 'inline' | 'block' | 'embed' | 'embedPreview' | 'flexible' | 'hoverCardPreview' | 'url';
     definitionId: string | null;
+    interactionType?: 'mouseenter' | 'mouseleave' | 'focus';
 };
 export type ApplicationAccountConnectedAttributesType = {
     definitionId: string | null;

package/dist/types-ts4.5/view/EmbedCard/components/ExpandedFrame.d.ts

@@ -41,4 +41,11 @@ export interface ExpandedFrameProps {
     testId?: string;
     text?: React.ReactNode;
 }
-export declare const ExpandedFrame: ({ isPlaceholder, children, onClick, icon, text, isSelected, frameStyle, href, minWidth, maxWidth, testId, inheritDimensions, allowScrollBar, setOverflow, CompetitorPrompt, }: ExpandedFrameProps) => JSX.Element;
+export interface ExpandedFrameUpdatedProps extends ExpandedFrameProps {
+    /** Callback for when mouse enters the content wrapper - for dwell tracking */
+    onContentMouseEnter?: () => void;
+    /** Callback for when mouse leaves the content wrapper - for dwell tracking */
+    onContentMouseLeave?: () => void;
+}
+declare const ExpandedFrameWithFG: import("react").FC<ExpandedFrameUpdatedProps & ExpandedFrameProps>;
+export { ExpandedFrameWithFG as ExpandedFrame };

package/dist/types-ts4.5/view/EmbedCard/components/Frame.d.ts

@@ -12,4 +12,10 @@ export interface FrameProps {
     title?: string;
     url?: string;
 }
+export interface FrameUpdatedProps extends FrameProps {
+    isMouseOver?: boolean;
+    onIframeMouseEnter?: () => void;
+    onIframeMouseLeave?: () => void;
+}
 export declare const Frame: React.ForwardRefExoticComponent<FrameProps & React.RefAttributes<HTMLIFrameElement>>;
+export declare const FrameUpdated: React.ForwardRefExoticComponent<FrameUpdatedProps & React.RefAttributes<HTMLIFrameElement>>;

package/dist/types-ts4.5/view/EmbedCard/index.d.ts

@@ -1,3 +1,7 @@
 import React from 'react';
 import { type EmbedCardProps } from './types';
 export declare const EmbedCard: React.ForwardRefExoticComponent<EmbedCardProps & React.RefAttributes<HTMLIFrameElement>>;
+export declare const EmbedCardUpdated: React.ForwardRefExoticComponent<EmbedCardProps & {
+    onIframeMouseEnter?: () => void;
+    onIframeMouseLeave?: () => void;
+} & React.RefAttributes<HTMLIFrameElement>>;

package/dist/types-ts4.5/view/EmbedCard/types.d.ts

@@ -30,6 +30,10 @@ export type EmbedCardProps = {
     testId?: string;
     url: string;
 };
+export type EmbedCardUpdatedProps = EmbedCardProps & {
+    onIframeMouseEnter?: () => void;
+    onIframeMouseLeave?: () => void;
+};
 export interface WithShowControlMethodProp {
     showControls?: () => void;
 }

package/dist/types-ts4.5/view/EmbedCard/views/ResolvedView.d.ts

@@ -28,6 +28,10 @@ export interface EmbedCardResolvedViewProps {
     onIframeDwell?: (dwellTime: number, dwellPercentVisible: number) => void;
     /** Optional callback for when user navigates into an iframe - for analytics **/
     onIframeFocus?: () => void;
+    /** Optional callback for when user hovers over an iframe - for analytics **/
+    onIframeMouseEnter?: () => void;
+    /** Optional callback for when user stops hovering over an iframe - for analytics **/
+    onIframeMouseLeave?: () => void;
     /** The src to be used for the `iframe` */
     preview?: {
         aspectRatio?: number;
@@ -40,4 +44,5 @@ export interface EmbedCardResolvedViewProps {
     /** Type of the object */
     type?: string[];
 }
-export declare const EmbedCardResolvedView: React.ForwardRefExoticComponent<EmbedCardResolvedViewProps & React.RefAttributes<HTMLIFrameElement>>;
+declare const EmbedCardResolvedViewWithFG: React.FC<Omit<EmbedCardResolvedViewProps & React.RefAttributes<HTMLIFrameElement>, "ref"> & React.RefAttributes<HTMLIFrameElement>>;
+export { EmbedCardResolvedViewWithFG as EmbedCardResolvedView };

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/smart-card",
-	"version": "43.11.2",
+	"version": "43.12.0",
 	"description": "Smart card component",
 	"publishConfig": {
 		"registry": "https://registry.npmjs.org/"
@@ -54,7 +54,7 @@
 		"@atlaskit/link-client-extension": "^6.0.0",
 		"@atlaskit/link-extractors": "^2.4.0",
 		"@atlaskit/link-test-helpers": "^8.5.0",
-		"@atlaskit/linking-common": "^9.8.0",
+		"@atlaskit/linking-common": "^9.9.0",
 		"@atlaskit/linking-types": "^14.2.0",
 		"@atlaskit/logo": "^19.9.0",
 		"@atlaskit/lozenge": "^13.1.0",
@@ -62,6 +62,7 @@
 		"@atlaskit/modal-dialog": "^14.7.0",
 		"@atlaskit/outbound-auth-flow-client": "^3.4.0",
 		"@atlaskit/platform-feature-flags": "^1.1.0",
+		"@atlaskit/platform-feature-flags-react": "^0.4.0",
 		"@atlaskit/popup": "^4.6.0",
 		"@atlaskit/primitives": "^16.4.0",
 		"@atlaskit/section-message": "^8.9.0",
@@ -70,7 +71,7 @@
 		"@atlaskit/textarea": "^8.1.0",
 		"@atlaskit/textfield": "^8.1.0",
 		"@atlaskit/theme": "^21.0.0",
-		"@atlaskit/tmp-editor-statsig": "^14.0.0",
+		"@atlaskit/tmp-editor-statsig": "^14.2.0",
 		"@atlaskit/tokens": "^8.4.0",
 		"@atlaskit/tooltip": "^20.10.0",
 		"@atlaskit/ufo": "^0.4.0",
@@ -104,7 +105,7 @@
 		"@atlaskit/ssr": "workspace:^",
 		"@atlassian/analytics-tooling": "workspace:^",
 		"@atlassian/feature-flags-test-utils": "^1.0.0",
-		"@atlassian/gemini": "^1.22.0",
+		"@atlassian/gemini": "^1.23.0",
 		"@testing-library/dom": "^10.1.0",
 		"@testing-library/jest-dom": "^6.4.5",
 		"@testing-library/react": "^13.4.0",
@@ -205,6 +206,9 @@
 		"platform_editor_inline_card_selected_state_fix": {
 			"type": "boolean"
 		},
+		"rovo_chat_embed_card_dwell_and_hover_metrics": {
+			"type": "boolean"
+		},
 		"platform_smartlink_3pclick_analytics": {
 			"type": "boolean"
 		},