@atlaskit/smart-card 29.0.0 → 29.0.2

package/CHANGELOG.md

@@ -1,5 +1,21 @@
 # @atlaskit/smart-card
 
+## 29.0.2
+
+### Patch Changes
+
+- [#147818](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/147818)
+  [`56e97352c27dc`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/56e97352c27dc) -
+  Send smart-link-rendered UFO event only half of the time
+
+## 29.0.1
+
+### Patch Changes
+
+- [#146547](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/146547)
+  [`b0acda68f75b2`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/b0acda68f75b2) -
+  Update CardProps type for documentation
+
 ## 29.0.0
 
 ### Major Changes

package/dist/cjs/extractors/flexible/actions/index.js

@@ -20,7 +20,7 @@ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t =
 var extractActions = function extractActions(response, url, actionOptions, id, aiSummaryConfig) {
   var _objectSpread2;
   var data = response.data;
-  var action = _objectSpread((_objectSpread2 = {}, (0, _defineProperty2.default)(_objectSpread2, _constants.ActionName.CopyLinkAction, (0, _extractCopyLinkAction.extractCopyLinkAction)(data, actionOptions)), (0, _defineProperty2.default)(_objectSpread2, _constants.ActionName.DownloadAction, (0, _extractDownloadAction.extractDownloadAction)(data, actionOptions)), (0, _defineProperty2.default)(_objectSpread2, _constants.ActionName.FollowAction, (0, _extractFollowAction.default)(response, actionOptions, id)), (0, _defineProperty2.default)(_objectSpread2, _constants.ActionName.PreviewAction, (0, _extractPreviewAction.extractPreviewAction)(response, actionOptions)), (0, _defineProperty2.default)(_objectSpread2, _constants.ActionName.AutomationAction, (0, _extractAutomationAction.extractAutomationAction)(response)), (0, _defineProperty2.default)(_objectSpread2, _constants.InternalActionName.AISummaryAction, (0, _extractAiSummaryAction.extractAISummaryAction)(response, url, actionOptions, aiSummaryConfig)), _objectSpread2), (0, _platformFeatureFlags.getBooleanFF)('platform.linking-platform.smart-card.enable-view-related-urls-action') ? (0, _defineProperty2.default)({}, _constants.InternalActionName.ViewRelatedLinksAction, (0, _extractViewRelatedLinksAction.extractViewRelatedLinksAction)(response)) : {});
+  var action = _objectSpread((_objectSpread2 = {}, (0, _defineProperty2.default)(_objectSpread2, _constants.ActionName.CopyLinkAction, (0, _extractCopyLinkAction.extractCopyLinkAction)(data, actionOptions)), (0, _defineProperty2.default)(_objectSpread2, _constants.ActionName.DownloadAction, (0, _extractDownloadAction.extractDownloadAction)(data, actionOptions)), (0, _defineProperty2.default)(_objectSpread2, _constants.ActionName.FollowAction, (0, _extractFollowAction.default)(response, actionOptions, id)), (0, _defineProperty2.default)(_objectSpread2, _constants.ActionName.PreviewAction, (0, _extractPreviewAction.extractPreviewAction)(response, actionOptions)), (0, _defineProperty2.default)(_objectSpread2, _constants.ActionName.AutomationAction, (0, _extractAutomationAction.extractAutomationAction)(response)), (0, _defineProperty2.default)(_objectSpread2, _constants.InternalActionName.AISummaryAction, (0, _extractAiSummaryAction.extractAISummaryAction)(response, url, actionOptions, aiSummaryConfig)), _objectSpread2), (0, _platformFeatureFlags.fg)('platform-smart-card-view-related-urls-action') ? (0, _defineProperty2.default)({}, _constants.InternalActionName.ViewRelatedLinksAction, (0, _extractViewRelatedLinksAction.extractViewRelatedLinksAction)(response)) : {});
   return Object.values(action).some(function (value) {
     return Boolean(value);
   }) ? action : undefined;

package/dist/cjs/utils/analytics/analytics.js

@@ -22,7 +22,7 @@ var ANALYTICS_CHANNEL = exports.ANALYTICS_CHANNEL = 'media';
 var context = exports.context = {
   componentName: 'smart-cards',
   packageName: "@atlaskit/smart-card",
-  packageVersion: "29.0.0"
+  packageVersion: "29.0.2"
 };
 var TrackQuickActionType = exports.TrackQuickActionType = /*#__PURE__*/function (TrackQuickActionType) {
   TrackQuickActionType["StatusUpdate"] = "StatusUpdate";

package/dist/cjs/utils/shouldSample.js

@@ -0,0 +1,10 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.shouldSample = void 0;
+var shouldSample = exports.shouldSample = function shouldSample() {
+  var threshold = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 0.5;
+  return Math.random() > threshold;
+};

package/dist/cjs/view/CardWithUrl/component-lazy/LazyIntersectionObserverCard.js

@@ -12,6 +12,8 @@ var _state = require("../../../state");
 var _component = require("../component");
 var _LoadingCardLink = require("./LoadingCardLink");
 var _ufoExperiences = require("../../../state/analytics/ufoExperiences");
+var _shouldSample = require("../../../utils/shouldSample");
+var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
 // This property enables the intersection observer to be run once the
@@ -25,6 +27,9 @@ function LazyIntersectionObserverCard(props) {
     _useState2 = (0, _slicedToArray2.default)(_useState, 2),
     isIntersecting = _useState2[0],
     setIsIntersecting = _useState2[1];
+  var _useState3 = (0, _react.useState)((0, _shouldSample.shouldSample)()),
+    _useState4 = (0, _slicedToArray2.default)(_useState3, 1),
+    shouldSendRenderedUFOEvent = _useState4[0];
   var appearance = props.appearance,
     url = props.url,
     id = props.id;
@@ -36,13 +41,19 @@ function LazyIntersectionObserverCard(props) {
       return entry.isIntersecting;
     });
     if (isVisible) {
-      (0, _ufoExperiences.startUfoExperience)('smart-link-rendered', id);
+      if ((0, _platformFeatureFlags.fg)('send-smart-link-rendered-ufo-event-half-time')) {
+        if (shouldSendRenderedUFOEvent) {
+          (0, _ufoExperiences.startUfoExperience)('smart-link-rendered', id);
+        }
+      } else {
+        (0, _ufoExperiences.startUfoExperience)('smart-link-rendered', id);
+      }
       setIsIntersecting(true);
       observer.disconnect();
     } else {
       prefetch();
     }
-  }, [prefetch, id]);
+  }, [id, prefetch, shouldSendRenderedUFOEvent]);
   (0, _react.useEffect)(function () {
     if (!ref.current) {
       return;

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

@@ -17,7 +17,7 @@ var _excluded = ["href", "children", "checkSafety", "onClick", "testId"],
   _excluded2 = ["isLinkSafe", "showSafetyWarningModal"];
 var PACKAGE_DATA = {
   packageName: "@atlaskit/smart-card",
-  packageVersion: "29.0.0",
+  packageVersion: "29.0.2",
   componentName: 'linkUrl'
 };
 var Link = (0, _click.withLinkClickedEvent)('a');

package/dist/es2019/extractors/flexible/actions/index.js

@@ -1,4 +1,4 @@
-import { getBooleanFF } from '@atlaskit/platform-feature-flags';
+import { fg } from '@atlaskit/platform-feature-flags';
 import { ActionName, InternalActionName } from '../../../constants';
 import { extractDownloadAction } from './extract-download-action';
 import { extractPreviewAction } from './extract-preview-action';
@@ -16,7 +16,7 @@ const extractActions = (response, url, actionOptions, id, aiSummaryConfig) => {
     [ActionName.PreviewAction]: extractPreviewAction(response, actionOptions),
     [ActionName.AutomationAction]: extractAutomationAction(response),
     [InternalActionName.AISummaryAction]: extractAISummaryAction(response, url, actionOptions, aiSummaryConfig),
-    ...(getBooleanFF('platform.linking-platform.smart-card.enable-view-related-urls-action') ? {
+    ...(fg('platform-smart-card-view-related-urls-action') ? {
       [InternalActionName.ViewRelatedLinksAction]: extractViewRelatedLinksAction(response)
     } : {})
   };

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

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

package/dist/es2019/utils/shouldSample.js

@@ -0,0 +1 @@
+export const shouldSample = (threshold = 0.5) => Math.random() > threshold;

package/dist/es2019/view/CardWithUrl/component-lazy/LazyIntersectionObserverCard.js

@@ -3,6 +3,8 @@ import { usePrefetch } from '../../../state';
 import { CardWithUrlContent } from '../component';
 import { LoadingCardLink } from './LoadingCardLink';
 import { startUfoExperience } from '../../../state/analytics/ufoExperiences';
+import { shouldSample } from '../../../utils/shouldSample';
+import { fg } from '@atlaskit/platform-feature-flags';
 
 // This property enables the intersection observer to be run once the
 // HTML element being observed is within `X` px of the target container it is
@@ -12,6 +14,7 @@ const ROOT_MARGIN_VERTICAL = '360px';
 export function LazyIntersectionObserverCard(props) {
   const ref = useRef(null);
   const [isIntersecting, setIsIntersecting] = useState(false);
+  const [shouldSendRenderedUFOEvent] = useState(shouldSample());
   const {
     appearance,
     url,
@@ -23,13 +26,19 @@ export function LazyIntersectionObserverCard(props) {
   const onIntersection = useCallback((entries, observer) => {
     const isVisible = entries.some(entry => entry.isIntersecting);
     if (isVisible) {
-      startUfoExperience('smart-link-rendered', id);
+      if (fg('send-smart-link-rendered-ufo-event-half-time')) {
+        if (shouldSendRenderedUFOEvent) {
+          startUfoExperience('smart-link-rendered', id);
+        }
+      } else {
+        startUfoExperience('smart-link-rendered', id);
+      }
       setIsIntersecting(true);
       observer.disconnect();
     } else {
       prefetch();
     }
-  }, [prefetch, id]);
+  }, [id, prefetch, shouldSendRenderedUFOEvent]);
   useEffect(() => {
     if (!ref.current) {
       return;

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

@@ -7,7 +7,7 @@ import { useLinkWarningModal } from './LinkWarningModal/hooks/use-link-warning-m
 import LinkWarningModal from './LinkWarningModal';
 const PACKAGE_DATA = {
   packageName: "@atlaskit/smart-card",
-  packageVersion: "29.0.0",
+  packageVersion: "29.0.2",
   componentName: 'linkUrl'
 };
 const Link = withLinkClickedEvent('a');

package/dist/esm/extractors/flexible/actions/index.js

@@ -1,7 +1,7 @@
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
-import { getBooleanFF } from '@atlaskit/platform-feature-flags';
+import { fg } from '@atlaskit/platform-feature-flags';
 import { ActionName, InternalActionName } from '../../../constants';
 import { extractDownloadAction } from './extract-download-action';
 import { extractPreviewAction } from './extract-preview-action';
@@ -13,7 +13,7 @@ import { extractViewRelatedLinksAction } from './extract-view-related-links-acti
 var extractActions = function extractActions(response, url, actionOptions, id, aiSummaryConfig) {
   var _objectSpread2;
   var data = response.data;
-  var action = _objectSpread((_objectSpread2 = {}, _defineProperty(_objectSpread2, ActionName.CopyLinkAction, extractCopyLinkAction(data, actionOptions)), _defineProperty(_objectSpread2, ActionName.DownloadAction, extractDownloadAction(data, actionOptions)), _defineProperty(_objectSpread2, ActionName.FollowAction, extractFollowAction(response, actionOptions, id)), _defineProperty(_objectSpread2, ActionName.PreviewAction, extractPreviewAction(response, actionOptions)), _defineProperty(_objectSpread2, ActionName.AutomationAction, extractAutomationAction(response)), _defineProperty(_objectSpread2, InternalActionName.AISummaryAction, extractAISummaryAction(response, url, actionOptions, aiSummaryConfig)), _objectSpread2), getBooleanFF('platform.linking-platform.smart-card.enable-view-related-urls-action') ? _defineProperty({}, InternalActionName.ViewRelatedLinksAction, extractViewRelatedLinksAction(response)) : {});
+  var action = _objectSpread((_objectSpread2 = {}, _defineProperty(_objectSpread2, ActionName.CopyLinkAction, extractCopyLinkAction(data, actionOptions)), _defineProperty(_objectSpread2, ActionName.DownloadAction, extractDownloadAction(data, actionOptions)), _defineProperty(_objectSpread2, ActionName.FollowAction, extractFollowAction(response, actionOptions, id)), _defineProperty(_objectSpread2, ActionName.PreviewAction, extractPreviewAction(response, actionOptions)), _defineProperty(_objectSpread2, ActionName.AutomationAction, extractAutomationAction(response)), _defineProperty(_objectSpread2, InternalActionName.AISummaryAction, extractAISummaryAction(response, url, actionOptions, aiSummaryConfig)), _objectSpread2), fg('platform-smart-card-view-related-urls-action') ? _defineProperty({}, InternalActionName.ViewRelatedLinksAction, extractViewRelatedLinksAction(response)) : {});
   return Object.values(action).some(function (value) {
     return Boolean(value);
   }) ? action : undefined;

package/dist/esm/utils/analytics/analytics.js

@@ -15,7 +15,7 @@ export var ANALYTICS_CHANNEL = 'media';
 export var context = {
   componentName: 'smart-cards',
   packageName: "@atlaskit/smart-card",
-  packageVersion: "29.0.0"
+  packageVersion: "29.0.2"
 };
 export var TrackQuickActionType = /*#__PURE__*/function (TrackQuickActionType) {
   TrackQuickActionType["StatusUpdate"] = "StatusUpdate";

package/dist/esm/utils/shouldSample.js

@@ -0,0 +1,4 @@
+export var shouldSample = function shouldSample() {
+  var threshold = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 0.5;
+  return Math.random() > threshold;
+};

package/dist/esm/view/CardWithUrl/component-lazy/LazyIntersectionObserverCard.js

@@ -4,6 +4,8 @@ import { usePrefetch } from '../../../state';
 import { CardWithUrlContent } from '../component';
 import { LoadingCardLink } from './LoadingCardLink';
 import { startUfoExperience } from '../../../state/analytics/ufoExperiences';
+import { shouldSample } from '../../../utils/shouldSample';
+import { fg } from '@atlaskit/platform-feature-flags';
 
 // This property enables the intersection observer to be run once the
 // HTML element being observed is within `X` px of the target container it is
@@ -16,6 +18,9 @@ export function LazyIntersectionObserverCard(props) {
     _useState2 = _slicedToArray(_useState, 2),
     isIntersecting = _useState2[0],
     setIsIntersecting = _useState2[1];
+  var _useState3 = useState(shouldSample()),
+    _useState4 = _slicedToArray(_useState3, 1),
+    shouldSendRenderedUFOEvent = _useState4[0];
   var appearance = props.appearance,
     url = props.url,
     id = props.id;
@@ -27,13 +32,19 @@ export function LazyIntersectionObserverCard(props) {
       return entry.isIntersecting;
     });
     if (isVisible) {
-      startUfoExperience('smart-link-rendered', id);
+      if (fg('send-smart-link-rendered-ufo-event-half-time')) {
+        if (shouldSendRenderedUFOEvent) {
+          startUfoExperience('smart-link-rendered', id);
+        }
+      } else {
+        startUfoExperience('smart-link-rendered', id);
+      }
       setIsIntersecting(true);
       observer.disconnect();
     } else {
       prefetch();
     }
-  }, [prefetch, id]);
+  }, [id, prefetch, shouldSendRenderedUFOEvent]);
   useEffect(function () {
     if (!ref.current) {
       return;

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

@@ -10,7 +10,7 @@ import { useLinkWarningModal } from './LinkWarningModal/hooks/use-link-warning-m
 import LinkWarningModal from './LinkWarningModal';
 var PACKAGE_DATA = {
   packageName: "@atlaskit/smart-card",
-  packageVersion: "29.0.0",
+  packageVersion: "29.0.2",
   componentName: 'linkUrl'
 };
 var Link = withLinkClickedEvent('a');

package/dist/types/utils/__mocks__/shouldSample.d.ts

@@ -0,0 +1,2 @@
+/// <reference types="jest" />
+export declare const shouldSample: jest.Mock<any, any, any>;

package/dist/types/utils/shouldSample.d.ts

@@ -0,0 +1 @@
+export declare const shouldSample: (threshold?: number) => boolean;

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

@@ -1,5 +1,5 @@
 import React from 'react';
 import { type CardAppearance, type CardPlatform, type CardProps } from './types';
 import { type WrappedComponentProps } from 'react-intl-next';
-export declare const Card: React.ForwardRefExoticComponent<Pick<Omit<import("react-intl-next").WithIntlProps<CardProps & WrappedComponentProps>, keyof import("@atlaskit/analytics-next").WithAnalyticsEventsProps> & React.RefAttributes<any> & import("@atlaskit/analytics-next").WithContextProps, "url" | "appearance" | "container" | "children" | "data" | "key" | "id" | "placeholder" | "onError" | "onClick" | "testId" | "analyticsContext" | "isSelected" | "inheritDimensions" | "actionOptions" | "onResolve" | "ui" | "showHoverPreview" | "hoverPreviewOptions" | "showAuthTooltip" | "platform" | "isHovered" | "frameStyle" | "importer" | "fallbackComponent" | "embedIframeRef" | "embedIframeUrlType" | "inlinePreloaderStyle" | "useLegacyBlockCard" | "removeTextHighlightingFromTitle" | "resolvingPlaceholder" | "truncateInline" | "forwardedRef"> & React.RefAttributes<any>>;
+export declare const Card: React.ForwardRefExoticComponent<Pick<Omit<import("react-intl-next").WithIntlProps<CardProps & WrappedComponentProps>, keyof import("@atlaskit/analytics-next").WithAnalyticsEventsProps> & React.RefAttributes<any> & import("@atlaskit/analytics-next").WithContextProps, "url" | "appearance" | "container" | "children" | "data" | "key" | "id" | "placeholder" | "onError" | "onClick" | "testId" | "analyticsContext" | "isSelected" | "inheritDimensions" | "actionOptions" | "onResolve" | "ui" | "showHoverPreview" | "hoverPreviewOptions" | "showAuthTooltip" | "inlinePreloaderStyle" | "isHovered" | "removeTextHighlightingFromTitle" | "resolvingPlaceholder" | "truncateInline" | "useLegacyBlockCard" | "importer" | "fallbackComponent" | "embedIframeRef" | "embedIframeUrlType" | "frameStyle" | "platform" | "forwardedRef"> & React.RefAttributes<any>>;
 export type { CardAppearance, CardProps, CardPlatform };

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

@@ -30,28 +30,25 @@ export type CardActionOptions = {
     hide: false;
     exclude?: Array<CardAction>;
 };
-export interface CardProps extends WithAnalyticsEventsProps {
+interface ActionProps {
+    actionOptions?: CardActionOptions;
+}
+interface HoverPreviewProps extends ActionProps {
+    showHoverPreview?: boolean;
+    hoverPreviewOptions?: HoverPreviewOptions;
+    showAuthTooltip?: boolean;
+}
+export interface BaseCardProps {
     appearance: CardAppearance;
-    id?: string;
-    platform?: CardPlatform;
-    isSelected?: boolean;
-    /** A flag that determines whether a card is in a hover state in edit mode. Currently used for inline links only */
-    isHovered?: boolean;
-    /** A prop that determines the style of a frame: whether to show it, hide it or only show it when a user hovers over embed */
-    frameStyle?: FrameStyle;
-    onClick?: React.EventHandler<React.MouseEvent | React.KeyboardEvent>;
-    importer?: (target: any) => void;
     container?: HTMLElement;
     /**
-     * @deprecated {@link https://hello.atlassian.net/browse/ENGHEALTH-3226 Internal documentation for deprecation (no external access)}
-     * Likely here for legacy reason where editor would store data in ADF instead of resolving it everytime
-     * https://product-fabric.atlassian.net/browse/EDM-6813
+     * A component that will be rendered when smart card fails to render
+     * because of uncaught errors
      */
-    data?: any;
-    url?: string;
-    testId?: string;
-    actionOptions?: CardActionOptions;
-    onResolve?: OnResolveCallback;
+    fallbackComponent?: React.ComponentType;
+    id?: string;
+    isSelected?: boolean;
+    onClick?: React.EventHandler<React.MouseEvent | React.KeyboardEvent>;
     /**
      * A callback function currently invoked in two cases
      * 1. When the {@link CardState.status} is one of {@link ErrorCardType}. "err" property in argument will be undefined in this case
@@ -63,31 +60,15 @@ export interface CardProps extends WithAnalyticsEventsProps {
      *    If fallbackComponent is not provided, smart card will render null
      */
     onError?: OnErrorCallback;
-    /**
-     * A component that will be rendered when smart card fails to render
-     * because of uncaught errors
-     */
-    fallbackComponent?: React.ComponentType;
-    /** This props determines if dimensions of an embed card are to be inherited from the parent.
-     * The parent container needs to override a style '.loader-wrapper' and set the desirable height there. (for instance, 'height: 100%')
-     */
-    inheritDimensions?: boolean;
-    embedIframeRef?: React.Ref<HTMLIFrameElement>;
-    embedIframeUrlType?: EmbedIframeUrlType;
-    inlinePreloaderStyle?: InlinePreloaderStyle;
-    ui?: FlexibleUiOptions;
-    children?: React.ReactNode;
-    showHoverPreview?: boolean;
-    hoverPreviewOptions?: HoverPreviewOptions;
-    showAuthTooltip?: boolean;
+    onResolve?: OnResolveCallback;
     placeholder?: string;
-    /**
-     * @deprecated {@link https://hello.atlassian.net/browse/ENGHEALTH-15021 Internal documentation for deprecation (no external access)}
-     * When enabled the legacy block card is always used, even if the enableFlexibleBlockCard flag is set to true.
-     * Usage is strongly discouraged. This should only be used if there is a specific reason you're
-     * unable to use the new flexible block cards.
-     */
-    useLegacyBlockCard?: boolean;
+    testId?: string;
+    url?: string;
+}
+export interface InlineProps extends HoverPreviewProps {
+    inlinePreloaderStyle?: InlinePreloaderStyle;
+    /** A flag that determines whether a card is in a hover state in edit mode. Currently used for inline links only */
+    isHovered?: boolean;
     /**
      * When set to true, the text fragment will be removed from the title.
      * This will have no impact on the url and text highlighting will still persist in the url,
@@ -102,3 +83,41 @@ export interface CardProps extends WithAnalyticsEventsProps {
     /** When set to true, inline cards will be truncated to one line. */
     truncateInline?: boolean;
 }
+export interface BlockProps extends ActionProps {
+    /**
+     * @deprecated {@link https://hello.atlassian.net/browse/ENGHEALTH-15021 Internal documentation for deprecation (no external access)}
+     * When enabled the legacy block card is always used, even if the enableFlexibleBlockCard flag is set to true.
+     * Usage is strongly discouraged. This should only be used if there is a specific reason you're
+     * unable to use the new flexible block cards.
+     */
+    useLegacyBlockCard?: boolean;
+}
+export interface EmbedProps {
+    embedIframeRef?: React.Ref<HTMLIFrameElement>;
+    embedIframeUrlType?: EmbedIframeUrlType;
+    /** A prop that determines the style of a frame: whether to show it, hide it or only show it when a user hovers over embed */
+    frameStyle?: FrameStyle;
+    /** This props determines if dimensions of an embed card are to be inherited from the parent.
+     * The parent container needs to override a style '.loader-wrapper' and set the desirable height there. (for instance, 'height: 100%')
+     */
+    inheritDimensions?: boolean;
+    platform?: CardPlatform;
+}
+export interface FlexibleProps extends ActionProps, HoverPreviewProps {
+    children?: React.ReactNode;
+    ui?: FlexibleUiOptions;
+}
+export interface CardProps extends BaseCardProps, InlineProps, BlockProps, EmbedProps, FlexibleProps, WithAnalyticsEventsProps {
+    /**
+     * @deprecated {@link https://hello.atlassian.net/browse/ENGHEALTH-3226 Internal documentation for deprecation (no external access)}
+     * Likely here for legacy reason where editor would store data in ADF instead of resolving it everytime
+     * https://product-fabric.atlassian.net/browse/EDM-10930
+     */
+    data?: any;
+    /**
+     * @deprecated {@link https://hello.atlassian.net/browse/ENGHEALTH-3226 Internal documentation for deprecation (no external access)}
+     * Likely here for legacy reason where editor would store data in ADF instead of resolving it everytime
+     * https://product-fabric.atlassian.net/browse/EDM-10930
+     */
+    importer?: (target: any) => void;
+}

package/dist/types-ts4.5/utils/__mocks__/shouldSample.d.ts

@@ -0,0 +1,2 @@
+/// <reference types="jest" />
+export declare const shouldSample: jest.Mock<any, any, any>;

package/dist/types-ts4.5/utils/shouldSample.d.ts

@@ -0,0 +1 @@
+export declare const shouldSample: (threshold?: number) => boolean;

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

@@ -1,5 +1,5 @@
 import React from 'react';
 import { type CardAppearance, type CardPlatform, type CardProps } from './types';
 import { type WrappedComponentProps } from 'react-intl-next';
-export declare const Card: React.ForwardRefExoticComponent<Pick<Omit<import("react-intl-next").WithIntlProps<CardProps & WrappedComponentProps>, keyof import("@atlaskit/analytics-next").WithAnalyticsEventsProps> & React.RefAttributes<any> & import("@atlaskit/analytics-next").WithContextProps, "url" | "appearance" | "container" | "children" | "data" | "key" | "id" | "placeholder" | "onError" | "onClick" | "testId" | "analyticsContext" | "isSelected" | "inheritDimensions" | "actionOptions" | "onResolve" | "ui" | "showHoverPreview" | "hoverPreviewOptions" | "showAuthTooltip" | "platform" | "isHovered" | "frameStyle" | "importer" | "fallbackComponent" | "embedIframeRef" | "embedIframeUrlType" | "inlinePreloaderStyle" | "useLegacyBlockCard" | "removeTextHighlightingFromTitle" | "resolvingPlaceholder" | "truncateInline" | "forwardedRef"> & React.RefAttributes<any>>;
+export declare const Card: React.ForwardRefExoticComponent<Pick<Omit<import("react-intl-next").WithIntlProps<CardProps & WrappedComponentProps>, keyof import("@atlaskit/analytics-next").WithAnalyticsEventsProps> & React.RefAttributes<any> & import("@atlaskit/analytics-next").WithContextProps, "url" | "appearance" | "container" | "children" | "data" | "key" | "id" | "placeholder" | "onError" | "onClick" | "testId" | "analyticsContext" | "isSelected" | "inheritDimensions" | "actionOptions" | "onResolve" | "ui" | "showHoverPreview" | "hoverPreviewOptions" | "showAuthTooltip" | "inlinePreloaderStyle" | "isHovered" | "removeTextHighlightingFromTitle" | "resolvingPlaceholder" | "truncateInline" | "useLegacyBlockCard" | "importer" | "fallbackComponent" | "embedIframeRef" | "embedIframeUrlType" | "frameStyle" | "platform" | "forwardedRef"> & React.RefAttributes<any>>;
 export type { CardAppearance, CardProps, CardPlatform };

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

@@ -30,28 +30,25 @@ export type CardActionOptions = {
     hide: false;
     exclude?: Array<CardAction>;
 };
-export interface CardProps extends WithAnalyticsEventsProps {
+interface ActionProps {
+    actionOptions?: CardActionOptions;
+}
+interface HoverPreviewProps extends ActionProps {
+    showHoverPreview?: boolean;
+    hoverPreviewOptions?: HoverPreviewOptions;
+    showAuthTooltip?: boolean;
+}
+export interface BaseCardProps {
     appearance: CardAppearance;
-    id?: string;
-    platform?: CardPlatform;
-    isSelected?: boolean;
-    /** A flag that determines whether a card is in a hover state in edit mode. Currently used for inline links only */
-    isHovered?: boolean;
-    /** A prop that determines the style of a frame: whether to show it, hide it or only show it when a user hovers over embed */
-    frameStyle?: FrameStyle;
-    onClick?: React.EventHandler<React.MouseEvent | React.KeyboardEvent>;
-    importer?: (target: any) => void;
     container?: HTMLElement;
     /**
-     * @deprecated {@link https://hello.atlassian.net/browse/ENGHEALTH-3226 Internal documentation for deprecation (no external access)}
-     * Likely here for legacy reason where editor would store data in ADF instead of resolving it everytime
-     * https://product-fabric.atlassian.net/browse/EDM-6813
+     * A component that will be rendered when smart card fails to render
+     * because of uncaught errors
      */
-    data?: any;
-    url?: string;
-    testId?: string;
-    actionOptions?: CardActionOptions;
-    onResolve?: OnResolveCallback;
+    fallbackComponent?: React.ComponentType;
+    id?: string;
+    isSelected?: boolean;
+    onClick?: React.EventHandler<React.MouseEvent | React.KeyboardEvent>;
     /**
      * A callback function currently invoked in two cases
      * 1. When the {@link CardState.status} is one of {@link ErrorCardType}. "err" property in argument will be undefined in this case
@@ -63,31 +60,15 @@ export interface CardProps extends WithAnalyticsEventsProps {
      *    If fallbackComponent is not provided, smart card will render null
      */
     onError?: OnErrorCallback;
-    /**
-     * A component that will be rendered when smart card fails to render
-     * because of uncaught errors
-     */
-    fallbackComponent?: React.ComponentType;
-    /** This props determines if dimensions of an embed card are to be inherited from the parent.
-     * The parent container needs to override a style '.loader-wrapper' and set the desirable height there. (for instance, 'height: 100%')
-     */
-    inheritDimensions?: boolean;
-    embedIframeRef?: React.Ref<HTMLIFrameElement>;
-    embedIframeUrlType?: EmbedIframeUrlType;
-    inlinePreloaderStyle?: InlinePreloaderStyle;
-    ui?: FlexibleUiOptions;
-    children?: React.ReactNode;
-    showHoverPreview?: boolean;
-    hoverPreviewOptions?: HoverPreviewOptions;
-    showAuthTooltip?: boolean;
+    onResolve?: OnResolveCallback;
     placeholder?: string;
-    /**
-     * @deprecated {@link https://hello.atlassian.net/browse/ENGHEALTH-15021 Internal documentation for deprecation (no external access)}
-     * When enabled the legacy block card is always used, even if the enableFlexibleBlockCard flag is set to true.
-     * Usage is strongly discouraged. This should only be used if there is a specific reason you're
-     * unable to use the new flexible block cards.
-     */
-    useLegacyBlockCard?: boolean;
+    testId?: string;
+    url?: string;
+}
+export interface InlineProps extends HoverPreviewProps {
+    inlinePreloaderStyle?: InlinePreloaderStyle;
+    /** A flag that determines whether a card is in a hover state in edit mode. Currently used for inline links only */
+    isHovered?: boolean;
     /**
      * When set to true, the text fragment will be removed from the title.
      * This will have no impact on the url and text highlighting will still persist in the url,
@@ -102,3 +83,41 @@ export interface CardProps extends WithAnalyticsEventsProps {
     /** When set to true, inline cards will be truncated to one line. */
     truncateInline?: boolean;
 }
+export interface BlockProps extends ActionProps {
+    /**
+     * @deprecated {@link https://hello.atlassian.net/browse/ENGHEALTH-15021 Internal documentation for deprecation (no external access)}
+     * When enabled the legacy block card is always used, even if the enableFlexibleBlockCard flag is set to true.
+     * Usage is strongly discouraged. This should only be used if there is a specific reason you're
+     * unable to use the new flexible block cards.
+     */
+    useLegacyBlockCard?: boolean;
+}
+export interface EmbedProps {
+    embedIframeRef?: React.Ref<HTMLIFrameElement>;
+    embedIframeUrlType?: EmbedIframeUrlType;
+    /** A prop that determines the style of a frame: whether to show it, hide it or only show it when a user hovers over embed */
+    frameStyle?: FrameStyle;
+    /** This props determines if dimensions of an embed card are to be inherited from the parent.
+     * The parent container needs to override a style '.loader-wrapper' and set the desirable height there. (for instance, 'height: 100%')
+     */
+    inheritDimensions?: boolean;
+    platform?: CardPlatform;
+}
+export interface FlexibleProps extends ActionProps, HoverPreviewProps {
+    children?: React.ReactNode;
+    ui?: FlexibleUiOptions;
+}
+export interface CardProps extends BaseCardProps, InlineProps, BlockProps, EmbedProps, FlexibleProps, WithAnalyticsEventsProps {
+    /**
+     * @deprecated {@link https://hello.atlassian.net/browse/ENGHEALTH-3226 Internal documentation for deprecation (no external access)}
+     * Likely here for legacy reason where editor would store data in ADF instead of resolving it everytime
+     * https://product-fabric.atlassian.net/browse/EDM-10930
+     */
+    data?: any;
+    /**
+     * @deprecated {@link https://hello.atlassian.net/browse/ENGHEALTH-3226 Internal documentation for deprecation (no external access)}
+     * Likely here for legacy reason where editor would store data in ADF instead of resolving it everytime
+     * https://product-fabric.atlassian.net/browse/EDM-10930
+     */
+    importer?: (target: any) => void;
+}

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/smart-card",
-	"version": "29.0.0",
+	"version": "29.0.2",
 	"description": "Smart card component",
 	"publishConfig": {
 		"registry": "https://registry.npmjs.org/"
@@ -36,7 +36,7 @@
 		"@atlaskit/form": "^10.5.0",
 		"@atlaskit/frontend-utilities": "^2.7.0",
 		"@atlaskit/heading": "^2.4.0",
-		"@atlaskit/icon": "^22.19.0",
+		"@atlaskit/icon": "^22.20.0",
 		"@atlaskit/icon-file-type": "^6.5.0",
 		"@atlaskit/icon-object": "^6.5.0",
 		"@atlaskit/icon-priority": "^6.3.0",
@@ -51,7 +51,7 @@
 		"@atlaskit/modal-dialog": "^12.17.0",
 		"@atlaskit/outbound-auth-flow-client": "^3.4.0",
 		"@atlaskit/platform-feature-flags": "^0.3.0",
-		"@atlaskit/popup": "^1.27.0",
+		"@atlaskit/popup": "^1.28.0",
 		"@atlaskit/primitives": "^12.2.0",
 		"@atlaskit/section-message": "^6.6.0",
 		"@atlaskit/select": "^17.19.0",
@@ -60,7 +60,7 @@
 		"@atlaskit/textfield": "^6.5.0",
 		"@atlaskit/theme": "^13.0.0",
 		"@atlaskit/tokens": "^2.0.0",
-		"@atlaskit/tooltip": "^18.7.0",
+		"@atlaskit/tooltip": "^18.8.0",
 		"@atlaskit/ufo": "^0.3.0",
 		"@babel/runtime": "^7.0.0",
 		"@emotion/react": "^11.7.1",
@@ -150,7 +150,10 @@
 		".": "./src/index.ts"
 	},
 	"platform-feature-flags": {
-		"platform.linking-platform.smart-card.enable-view-related-urls-action": {
+		"platform-smart-card-view-related-urls-action": {
+			"type": "boolean"
+		},
+		"send-smart-link-rendered-ufo-event-half-time": {
 			"type": "boolean"
 		}
 	}