@atlaskit/smart-card 26.5.1 → 26.5.2

package/dist/esm/version.json

@@ -1,5 +1,5 @@
 {
 	"name": "@atlaskit/smart-card",
-	"version": "26.5.1",
+	"version": "26.5.2",
 	"sideEffects": false
 }

package/dist/esm/view/FlexibleCard/components/common/lozenge-action/feature-discovery/index.js

@@ -0,0 +1,42 @@
+/** @jsx jsx */
+import { jsx } from '@emotion/react';
+import { useEffect, useMemo } from 'react';
+import { StorageClient } from '@atlaskit/frontend-utilities/storage-client';
+import { getPulseStyles } from './styled';
+var LOCAL_STORAGE_CLIENT_KEY = '@atlaskit/smart-card';
+var LOCAL_STORAGE_DISCOVERY_KEY = 'action-discovery-status';
+var LOCAL_STORAGE_DISCOVERY_EXPIRY_IN_MS = 15552000000; // 180 days
+
+/**
+ * This is a hacky solution to help with the feature discovery.
+ * This implementation must be removed once the experiment is completed.
+ * Cleanup on https://product-fabric.atlassian.net/browse/EDM-5795
+ * @see https://team.atlassian.com/project/ATLAS-13099/about
+ */
+var FeatureDiscovery = function FeatureDiscovery(_ref) {
+  var appearance = _ref.appearance,
+    children = _ref.children,
+    testId = _ref.testId;
+  var storageClient = useMemo(function () {
+    return new StorageClient(LOCAL_STORAGE_CLIENT_KEY);
+  }, []);
+  var discovered = useMemo(function () {
+    var _storageClient$getIte;
+    return (_storageClient$getIte = storageClient.getItem(LOCAL_STORAGE_DISCOVERY_KEY)) !== null && _storageClient$getIte !== void 0 ? _storageClient$getIte : false;
+  }, [storageClient]);
+  useEffect(function () {
+    if (!discovered) {
+      storageClient.setItemWithExpiry(LOCAL_STORAGE_DISCOVERY_KEY, true, LOCAL_STORAGE_DISCOVERY_EXPIRY_IN_MS);
+    }
+  }, [storageClient, discovered]);
+  var component = useMemo(function () {
+    if (!discovered) {
+      return jsx("span", {
+        css: getPulseStyles(appearance),
+        "data-testid": "".concat(testId, "-discovery")
+      }, children);
+    }
+  }, [appearance, children, discovered, testId]);
+  return component !== null && component !== void 0 ? component : children;
+};
+export default FeatureDiscovery;

package/dist/esm/view/FlexibleCard/components/common/lozenge-action/feature-discovery/styled.js

@@ -0,0 +1,24 @@
+import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral";
+var _templateObject, _templateObject2;
+import { css, keyframes } from '@emotion/react';
+var pulseKeyframes = keyframes(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  to {\n    box-shadow: 0 0 0 7px rgba(0, 0, 0, 0);\n  }\n"])));
+var getPulseColor = function getPulseColor(appearance) {
+  switch (appearance) {
+    case 'inprogress':
+      return "var(--ds-background-information-bold, #0052CC)";
+    case 'moved':
+      return "var(--ds-background-warning-bold, #FFAB00)";
+    case 'new':
+      return "var(--ds-background-discovery-bold, #5243AA)";
+    case 'removed':
+      return "var(--ds-background-danger-bold, #DE350B)";
+    case 'success':
+      return "var(--ds-background-success-bold, #00875A)";
+    case 'default':
+    default:
+      return "var(--ds-background-neutral-bold, #42526E)";
+  }
+};
+export var getPulseStyles = function getPulseStyles(appearance) {
+  return css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n  display: inline-flex;\n  border-radius: 3px;\n  box-shadow: 0 0 0 0 ", ";\n  animation: ", " 1.45s cubic-bezier(0.5, 0, 0, 1) 3;\n"])), getPulseColor(appearance), pulseKeyframes);
+};

package/dist/esm/view/FlexibleCard/components/common/lozenge-action/feature-discovery/types.js

@@ -0,0 +1 @@
+export {};

package/dist/esm/view/FlexibleCard/components/common/lozenge-action/index.js

@@ -140,10 +140,11 @@ var LozengeAction = function LozengeAction(_ref) {
   var trigger = useCallback(function (props) {
     return jsx(LozengeActionTrigger, _extends({}, props, {
       appearance: selected.appearance,
+      showFeatureDiscovery: action === null || action === void 0 ? void 0 : action.showFeatureDiscovery,
       testId: testId,
       text: selected.text
     }));
-  }, [testId, selected]);
+  }, [selected.appearance, selected.text, action === null || action === void 0 ? void 0 : action.showFeatureDiscovery, testId]);
   var handleItemClick = useCallback( /*#__PURE__*/function () {
     var _ref4 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee2(id, text, appearance) {
       var updateAction, request;

package/dist/esm/view/FlexibleCard/components/common/lozenge-action/lozenge-action-trigger/index.js

@@ -1,15 +1,17 @@
 import _extends from "@babel/runtime/helpers/extends";
 import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-var _excluded = ["appearance", "testId", "text", "triggerRef"];
+var _excluded = ["appearance", "showFeatureDiscovery", "testId", "text", "triggerRef"];
 /** @jsx jsx */
 import { jsx } from '@emotion/react';
-import { useCallback, useState } from 'react';
+import { useCallback, useMemo, useState } from 'react';
 import Lozenge from '@atlaskit/lozenge';
 import ChevronDownIcon from '@atlaskit/icon/glyph/chevron-down';
 import { triggerButtonStyles, triggerLozengeStyles } from '../styled';
+import FeatureDiscovery from '../feature-discovery';
 var LozengeActionTrigger = function LozengeActionTrigger(_ref) {
   var appearance = _ref.appearance,
+    showFeatureDiscovery = _ref.showFeatureDiscovery,
     testId = _ref.testId,
     text = _ref.text,
     triggerRef = _ref.triggerRef,
@@ -24,6 +26,17 @@ var LozengeActionTrigger = function LozengeActionTrigger(_ref) {
   var onMouseLeave = useCallback(function () {
     return setIsBold(false);
   }, []);
+  var lozenge = useMemo(function () {
+    return jsx(Lozenge, {
+      appearance: appearance,
+      isBold: isBold
+    }, jsx("span", {
+      css: triggerLozengeStyles
+    }, jsx("span", null, text), jsx(ChevronDownIcon, {
+      label: "options",
+      size: "medium"
+    })));
+  }, [appearance, isBold, text]);
   return jsx("button", _extends({
     type: "button"
   }, props, {
@@ -32,14 +45,9 @@ var LozengeActionTrigger = function LozengeActionTrigger(_ref) {
     onMouseEnter: onMouseEnter,
     onMouseLeave: onMouseLeave,
     ref: triggerRef
-  }), jsx(Lozenge, {
+  }), showFeatureDiscovery ? jsx(FeatureDiscovery, {
     appearance: appearance,
-    isBold: isBold
-  }, jsx("span", {
-    css: triggerLozengeStyles
-  }, jsx("span", null, text), jsx(ChevronDownIcon, {
-    label: "options",
-    size: "medium"
-  }))));
+    testId: testId
+  }, lozenge) : lozenge);
 };
 export default LozengeActionTrigger;

package/dist/esm/view/FlexibleCard/components/container/index.js

@@ -177,8 +177,12 @@ var Container = function Container(_ref3) {
       url: context === null || context === void 0 ? void 0 : context.url,
       canOpen: hoverCardCanOpen,
       closeOnChildClick: true,
-      hidePreviewButton: hideHoverCardPreviewButton,
-      showServerActions: showServerActions
+      hidePreviewButton: hideHoverCardPreviewButton
+      // EDM-6709 extends the internal prop for showServerActions type to be
+      // an object. If we decide to use expose the type for hover preview
+      // remove the Boolean() conversion here.
+      ,
+      showServerActions: Boolean(showServerActions)
     }, containerContent);
   }
   return containerContent;

package/dist/esm/view/HoverCard/components/HoverCardContent.js

@@ -22,6 +22,7 @@ import { messages } from '../../../messages';
 import { useSmartCardActions } from '../../../state/actions';
 import { fireLinkClickedEvent } from '../../../utils/analytics/click';
 import { useSmartCardState } from '../../../state/store';
+import { useFeatureFlag } from '@atlaskit/link-provider';
 export var hoverCardClassName = 'smart-links-hover-preview';
 export var getOpenAction = function getOpenAction(url, analytics, onActionClick) {
   return {
@@ -91,6 +92,7 @@ var HoverCardContent = function HoverCardContent(_ref) {
     onMouseEnter = _ref.onMouseEnter,
     onMouseLeave = _ref.onMouseLeave,
     showServerActions = _ref.showServerActions;
+  var useLozengeAction = useFeatureFlag('useLozengeAction');
   var _useAnalyticsEvents = useAnalyticsEvents(),
     createAnalyticsEvent = _useAnalyticsEvents.createAnalyticsEvent;
   var defaultAnalytics = useSmartLinkAnalytics(url, undefined, id);
@@ -170,7 +172,9 @@ var HoverCardContent = function HoverCardContent(_ref) {
     onClick: onClick,
     onResolve: onResolve,
     renderers: renderers,
-    showServerActions: showServerActions,
+    showServerActions: useLozengeAction === 'experiment' || showServerActions ? {
+      showStateActionFeatureDiscovery: true
+    } : false,
     ui: flexibleUiOptions,
     url: url,
     children: {},

package/dist/types/extractors/common/lozenge/types.d.ts

@@ -1,7 +1,10 @@
 import { InvokeActions } from '../../../state/hooks/use-invoke/types';
 export type LinkLozengeColor = 'default' | 'success' | 'removed' | 'inprogress' | 'new' | 'moved';
+export type LinkLozengeInvokeActions = InvokeActions & {
+    showFeatureDiscovery?: boolean;
+};
 export interface LinkLozenge {
-    action?: InvokeActions;
+    action?: LinkLozengeInvokeActions;
     text: string;
     appearance?: LinkLozengeColor;
 }

package/dist/types/extractors/flexible/extract-state.d.ts

@@ -1,4 +1,5 @@
 import type { JsonLd } from 'json-ld-types';
 import type { LinkLozenge } from '../common/lozenge/types';
-declare const extractState: (response?: JsonLd.Response, showServerActions?: boolean, id?: string) => LinkLozenge | undefined;
+import { ServerActionOptions } from '../../view/FlexibleCard/types';
+declare const extractState: (response?: JsonLd.Response, showServerActions?: boolean | ServerActionOptions, id?: string) => LinkLozenge | undefined;
 export default extractState;

package/dist/types/i18n/cs.d.ts

@@ -51,6 +51,7 @@ declare const _default: {
     'fabric.linking.pending_request': string;
     'fabric.linking.preview': string;
     'fabric.linking.preview_close': string;
+    'fabric.linking.preview_improved': string;
     'fabric.linking.preview_max_size': string;
     'fabric.linking.preview_min_size': string;
     'fabric.linking.priority_blocker': string;

package/dist/types/i18n/da.d.ts

@@ -51,6 +51,7 @@ declare const _default: {
     'fabric.linking.pending_request': string;
     'fabric.linking.preview': string;
     'fabric.linking.preview_close': string;
+    'fabric.linking.preview_improved': string;
     'fabric.linking.preview_max_size': string;
     'fabric.linking.preview_min_size': string;
     'fabric.linking.priority_blocker': string;

package/dist/types/i18n/de.d.ts

@@ -51,6 +51,7 @@ declare const _default: {
     'fabric.linking.pending_request': string;
     'fabric.linking.preview': string;
     'fabric.linking.preview_close': string;
+    'fabric.linking.preview_improved': string;
     'fabric.linking.preview_max_size': string;
     'fabric.linking.preview_min_size': string;
     'fabric.linking.priority_blocker': string;

package/dist/types/i18n/en.d.ts

@@ -51,6 +51,7 @@ declare const _default: {
     'fabric.linking.pending_request': string;
     'fabric.linking.preview': string;
     'fabric.linking.preview_close': string;
+    'fabric.linking.preview_improved': string;
     'fabric.linking.preview_max_size': string;
     'fabric.linking.preview_min_size': string;
     'fabric.linking.priority_blocker': string;

package/dist/types/i18n/en_GB.d.ts

@@ -51,6 +51,7 @@ declare const _default: {
     'fabric.linking.pending_request': string;
     'fabric.linking.preview': string;
     'fabric.linking.preview_close': string;
+    'fabric.linking.preview_improved': string;
     'fabric.linking.preview_max_size': string;
     'fabric.linking.preview_min_size': string;
     'fabric.linking.priority_blocker': string;

package/dist/types/i18n/en_ZZ.d.ts

@@ -51,6 +51,7 @@ declare const _default: {
     'fabric.linking.pending_request': string;
     'fabric.linking.preview': string;
     'fabric.linking.preview_close': string;
+    'fabric.linking.preview_improved': string;
     'fabric.linking.preview_max_size': string;
     'fabric.linking.preview_min_size': string;
     'fabric.linking.priority_blocker': string;

package/dist/types/i18n/es.d.ts

@@ -51,6 +51,7 @@ declare const _default: {
     'fabric.linking.pending_request': string;
     'fabric.linking.preview': string;
     'fabric.linking.preview_close': string;
+    'fabric.linking.preview_improved': string;
     'fabric.linking.preview_max_size': string;
     'fabric.linking.preview_min_size': string;
     'fabric.linking.priority_blocker': string;

package/dist/types/i18n/fi.d.ts

@@ -51,6 +51,7 @@ declare const _default: {
     'fabric.linking.pending_request': string;
     'fabric.linking.preview': string;
     'fabric.linking.preview_close': string;
+    'fabric.linking.preview_improved': string;
     'fabric.linking.preview_max_size': string;
     'fabric.linking.preview_min_size': string;
     'fabric.linking.priority_blocker': string;

package/dist/types/i18n/fr.d.ts

@@ -51,6 +51,7 @@ declare const _default: {
     'fabric.linking.pending_request': string;
     'fabric.linking.preview': string;
     'fabric.linking.preview_close': string;
+    'fabric.linking.preview_improved': string;
     'fabric.linking.preview_max_size': string;
     'fabric.linking.preview_min_size': string;
     'fabric.linking.priority_blocker': string;

package/dist/types/i18n/hu.d.ts

@@ -51,6 +51,7 @@ declare const _default: {
     'fabric.linking.pending_request': string;
     'fabric.linking.preview': string;
     'fabric.linking.preview_close': string;
+    'fabric.linking.preview_improved': string;
     'fabric.linking.preview_max_size': string;
     'fabric.linking.preview_min_size': string;
     'fabric.linking.priority_blocker': string;

package/dist/types/i18n/it.d.ts

@@ -51,6 +51,7 @@ declare const _default: {
     'fabric.linking.pending_request': string;
     'fabric.linking.preview': string;
     'fabric.linking.preview_close': string;
+    'fabric.linking.preview_improved': string;
     'fabric.linking.preview_max_size': string;
     'fabric.linking.preview_min_size': string;
     'fabric.linking.priority_blocker': string;

package/dist/types/i18n/ja.d.ts

@@ -51,6 +51,7 @@ declare const _default: {
     'fabric.linking.pending_request': string;
     'fabric.linking.preview': string;
     'fabric.linking.preview_close': string;
+    'fabric.linking.preview_improved': string;
     'fabric.linking.preview_max_size': string;
     'fabric.linking.preview_min_size': string;
     'fabric.linking.priority_blocker': string;

package/dist/types/i18n/ko.d.ts

@@ -51,6 +51,7 @@ declare const _default: {
     'fabric.linking.pending_request': string;
     'fabric.linking.preview': string;
     'fabric.linking.preview_close': string;
+    'fabric.linking.preview_improved': string;
     'fabric.linking.preview_max_size': string;
     'fabric.linking.preview_min_size': string;
     'fabric.linking.priority_blocker': string;

package/dist/types/i18n/nb.d.ts

@@ -51,6 +51,7 @@ declare const _default: {
     'fabric.linking.pending_request': string;
     'fabric.linking.preview': string;
     'fabric.linking.preview_close': string;
+    'fabric.linking.preview_improved': string;
     'fabric.linking.preview_max_size': string;
     'fabric.linking.preview_min_size': string;
     'fabric.linking.priority_blocker': string;

package/dist/types/i18n/nl.d.ts

@@ -51,6 +51,7 @@ declare const _default: {
     'fabric.linking.pending_request': string;
     'fabric.linking.preview': string;
     'fabric.linking.preview_close': string;
+    'fabric.linking.preview_improved': string;
     'fabric.linking.preview_max_size': string;
     'fabric.linking.preview_min_size': string;
     'fabric.linking.priority_blocker': string;

package/dist/types/i18n/pl.d.ts

@@ -51,6 +51,7 @@ declare const _default: {
     'fabric.linking.pending_request': string;
     'fabric.linking.preview': string;
     'fabric.linking.preview_close': string;
+    'fabric.linking.preview_improved': string;
     'fabric.linking.preview_max_size': string;
     'fabric.linking.preview_min_size': string;
     'fabric.linking.priority_blocker': string;

package/dist/types/i18n/pt_BR.d.ts

@@ -51,6 +51,7 @@ declare const _default: {
     'fabric.linking.pending_request': string;
     'fabric.linking.preview': string;
     'fabric.linking.preview_close': string;
+    'fabric.linking.preview_improved': string;
     'fabric.linking.preview_max_size': string;
     'fabric.linking.preview_min_size': string;
     'fabric.linking.priority_blocker': string;

package/dist/types/i18n/ru.d.ts

@@ -51,6 +51,7 @@ declare const _default: {
     'fabric.linking.pending_request': string;
     'fabric.linking.preview': string;
     'fabric.linking.preview_close': string;
+    'fabric.linking.preview_improved': string;
     'fabric.linking.preview_max_size': string;
     'fabric.linking.preview_min_size': string;
     'fabric.linking.priority_blocker': string;

package/dist/types/i18n/sv.d.ts

@@ -51,6 +51,7 @@ declare const _default: {
     'fabric.linking.pending_request': string;
     'fabric.linking.preview': string;
     'fabric.linking.preview_close': string;
+    'fabric.linking.preview_improved': string;
     'fabric.linking.preview_max_size': string;
     'fabric.linking.preview_min_size': string;
     'fabric.linking.priority_blocker': string;

package/dist/types/i18n/th.d.ts

@@ -51,6 +51,7 @@ declare const _default: {
     'fabric.linking.pending_request': string;
     'fabric.linking.preview': string;
     'fabric.linking.preview_close': string;
+    'fabric.linking.preview_improved': string;
     'fabric.linking.preview_max_size': string;
     'fabric.linking.preview_min_size': string;
     'fabric.linking.priority_blocker': string;

package/dist/types/i18n/tr.d.ts

@@ -51,6 +51,7 @@ declare const _default: {
     'fabric.linking.pending_request': string;
     'fabric.linking.preview': string;
     'fabric.linking.preview_close': string;
+    'fabric.linking.preview_improved': string;
     'fabric.linking.preview_max_size': string;
     'fabric.linking.preview_min_size': string;
     'fabric.linking.priority_blocker': string;

package/dist/types/i18n/uk.d.ts

@@ -51,6 +51,7 @@ declare const _default: {
     'fabric.linking.pending_request': string;
     'fabric.linking.preview': string;
     'fabric.linking.preview_close': string;
+    'fabric.linking.preview_improved': string;
     'fabric.linking.preview_max_size': string;
     'fabric.linking.preview_min_size': string;
     'fabric.linking.priority_blocker': string;

package/dist/types/i18n/vi.d.ts

@@ -51,6 +51,7 @@ declare const _default: {
     'fabric.linking.pending_request': string;
     'fabric.linking.preview': string;
     'fabric.linking.preview_close': string;
+    'fabric.linking.preview_improved': string;
     'fabric.linking.preview_max_size': string;
     'fabric.linking.preview_min_size': string;
     'fabric.linking.priority_blocker': string;

package/dist/types/i18n/zh.d.ts

@@ -51,6 +51,7 @@ declare const _default: {
     'fabric.linking.pending_request': string;
     'fabric.linking.preview': string;
     'fabric.linking.preview_close': string;
+    'fabric.linking.preview_improved': string;
     'fabric.linking.preview_max_size': string;
     'fabric.linking.preview_min_size': string;
     'fabric.linking.priority_blocker': string;

package/dist/types/i18n/zh_TW.d.ts

@@ -51,6 +51,7 @@ declare const _default: {
     'fabric.linking.pending_request': string;
     'fabric.linking.preview': string;
     'fabric.linking.preview_close': string;
+    'fabric.linking.preview_improved': string;
     'fabric.linking.preview_max_size': string;
     'fabric.linking.preview_min_size': string;
     'fabric.linking.priority_blocker': string;

package/dist/types/view/FlexibleCard/components/common/lozenge-action/feature-discovery/index.d.ts

@@ -0,0 +1,10 @@
+import type { FC } from 'react';
+import type { FeatureDiscoveryProps } from './types';
+/**
+ * This is a hacky solution to help with the feature discovery.
+ * This implementation must be removed once the experiment is completed.
+ * Cleanup on https://product-fabric.atlassian.net/browse/EDM-5795
+ * @see https://team.atlassian.com/project/ATLAS-13099/about
+ */
+declare const FeatureDiscovery: FC<FeatureDiscoveryProps>;
+export default FeatureDiscovery;

package/dist/types/view/FlexibleCard/components/common/lozenge-action/feature-discovery/styled.d.ts

@@ -0,0 +1,2 @@
+import type { ThemeAppearance } from '@atlaskit/lozenge';
+export declare const getPulseStyles: (appearance?: ThemeAppearance) => import("@emotion/react").SerializedStyles;

package/dist/types/view/FlexibleCard/components/common/lozenge-action/feature-discovery/types.d.ts

@@ -0,0 +1,7 @@
+/// <reference types="react" />
+import { ThemeAppearance } from '@atlaskit/lozenge';
+export type FeatureDiscoveryProps = {
+    appearance?: ThemeAppearance;
+    children: React.ReactElement;
+    testId?: string;
+};

package/dist/types/view/FlexibleCard/components/common/lozenge-action/lozenge-action-trigger/type.d.ts

@@ -3,6 +3,7 @@ import type { ThemeAppearance } from '@atlaskit/lozenge';
 import type { CustomTriggerProps } from '@atlaskit/dropdown-menu';
 export type LozengeActionTriggerProps = {
     appearance?: ThemeAppearance;
+    showFeatureDiscovery?: boolean;
     testId?: string;
     text: string | React.ReactNode;
 } & CustomTriggerProps<HTMLButtonElement>;

package/dist/types/view/FlexibleCard/components/common/lozenge-action/types.d.ts

@@ -1,13 +1,13 @@
 /// <reference types="react" />
 import type { ThemeAppearance } from '@atlaskit/lozenge';
-import type { InvokeActions } from '../../../../../state/hooks/use-invoke/types';
+import type { LinkLozengeInvokeActions } from '../../../../../extractors/common/lozenge/types';
 export type LozengeItem = {
     appearance?: ThemeAppearance;
     id: string;
     text: string;
 };
 export type LozengeActionProps = {
-    action: InvokeActions;
+    action: LinkLozengeInvokeActions;
     appearance?: ThemeAppearance;
     testId?: string;
     text: string | React.ReactNode;

package/dist/types/view/FlexibleCard/components/elements/lozenge/types.d.ts

@@ -1,12 +1,12 @@
 /// <reference types="react" />
 import { ElementProps } from '../types';
-import { InvokeActions } from '../../../../../state/hooks/use-invoke/types';
+import type { LinkLozengeInvokeActions } from '../../../../../extractors/common/lozenge/types';
 export type LozengeAppearance = 'default' | 'inprogress' | 'moved' | 'new' | 'removed' | 'success';
 export type LozengeProps = ElementProps & {
     /**
      * Action that can be performed on the element
      */
-    action?: InvokeActions;
+    action?: LinkLozengeInvokeActions;
     /**
      * Determines the appearance of the Atlaskit lozenge.
      */

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

@@ -60,7 +60,7 @@ export type FlexibleCardProps = {
     /**
      * Determines whether to show available server actions.
      */
-    showServerActions?: boolean;
+    showServerActions?: boolean | ServerActionOptions;
     /**
      * A `testId` prop is provided for specified elements, which is a unique
      * string that appears as a data attribute `data-testid` in the rendered code,
@@ -120,6 +120,28 @@ export type FlexibleUiOptions = {
      */
     zIndex?: number;
 };
+/**
+ * Server action options to control action behaviour.
+ *
+ * If the type is applied to exported component (<Card />, <HoverCard />)
+ * please verify with the team if the deprecated prop can be removed prior.
+ *
+ * In the case that it is being exposed in HoverCard, please remove
+ * boolean conversion `Boolean(showServerActions)` in
+ * /src/view/FlexibleCard/components/container/index.tsx line 287
+ * @internal
+ */
+export type ServerActionOptions = {
+    /**
+     * DO NOT USE: This prop is part of an experiment. It will be removed once
+     * the experiment is completed. To be cleaned up on
+     * https://product-fabric.atlassian.net/browse/EDM-5795
+     * @see https://team.atlassian.com/project/ATLAS-13099/about
+     * @internal
+     * @deprecated
+     */
+    showStateActionFeatureDiscovery?: boolean;
+};
 /**
  * Retry options used if Smart Link resolves to an errored state.
  */

package/dist/types-ts4.5/extractors/common/lozenge/types.d.ts

@@ -1,7 +1,10 @@
 import { InvokeActions } from '../../../state/hooks/use-invoke/types';
 export type LinkLozengeColor = 'default' | 'success' | 'removed' | 'inprogress' | 'new' | 'moved';
+export type LinkLozengeInvokeActions = InvokeActions & {
+    showFeatureDiscovery?: boolean;
+};
 export interface LinkLozenge {
-    action?: InvokeActions;
+    action?: LinkLozengeInvokeActions;
     text: string;
     appearance?: LinkLozengeColor;
 }

package/dist/types-ts4.5/extractors/flexible/extract-state.d.ts

@@ -1,4 +1,5 @@
 import type { JsonLd } from 'json-ld-types';
 import type { LinkLozenge } from '../common/lozenge/types';
-declare const extractState: (response?: JsonLd.Response, showServerActions?: boolean, id?: string) => LinkLozenge | undefined;
+import { ServerActionOptions } from '../../view/FlexibleCard/types';
+declare const extractState: (response?: JsonLd.Response, showServerActions?: boolean | ServerActionOptions, id?: string) => LinkLozenge | undefined;
 export default extractState;

package/dist/types-ts4.5/i18n/cs.d.ts

@@ -51,6 +51,7 @@ declare const _default: {
     'fabric.linking.pending_request': string;
     'fabric.linking.preview': string;
     'fabric.linking.preview_close': string;
+    'fabric.linking.preview_improved': string;
     'fabric.linking.preview_max_size': string;
     'fabric.linking.preview_min_size': string;
     'fabric.linking.priority_blocker': string;

package/dist/types-ts4.5/i18n/da.d.ts

@@ -51,6 +51,7 @@ declare const _default: {
     'fabric.linking.pending_request': string;
     'fabric.linking.preview': string;
     'fabric.linking.preview_close': string;
+    'fabric.linking.preview_improved': string;
     'fabric.linking.preview_max_size': string;
     'fabric.linking.preview_min_size': string;
     'fabric.linking.priority_blocker': string;

package/dist/types-ts4.5/i18n/de.d.ts

@@ -51,6 +51,7 @@ declare const _default: {
     'fabric.linking.pending_request': string;
     'fabric.linking.preview': string;
     'fabric.linking.preview_close': string;
+    'fabric.linking.preview_improved': string;
     'fabric.linking.preview_max_size': string;
     'fabric.linking.preview_min_size': string;
     'fabric.linking.priority_blocker': string;

package/dist/types-ts4.5/i18n/en.d.ts

@@ -51,6 +51,7 @@ declare const _default: {
     'fabric.linking.pending_request': string;
     'fabric.linking.preview': string;
     'fabric.linking.preview_close': string;
+    'fabric.linking.preview_improved': string;
     'fabric.linking.preview_max_size': string;
     'fabric.linking.preview_min_size': string;
     'fabric.linking.priority_blocker': string;

package/dist/types-ts4.5/i18n/en_GB.d.ts

@@ -51,6 +51,7 @@ declare const _default: {
     'fabric.linking.pending_request': string;
     'fabric.linking.preview': string;
     'fabric.linking.preview_close': string;
+    'fabric.linking.preview_improved': string;
     'fabric.linking.preview_max_size': string;
     'fabric.linking.preview_min_size': string;
     'fabric.linking.priority_blocker': string;

package/dist/types-ts4.5/i18n/en_ZZ.d.ts

@@ -51,6 +51,7 @@ declare const _default: {
     'fabric.linking.pending_request': string;
     'fabric.linking.preview': string;
     'fabric.linking.preview_close': string;
+    'fabric.linking.preview_improved': string;
     'fabric.linking.preview_max_size': string;
     'fabric.linking.preview_min_size': string;
     'fabric.linking.priority_blocker': string;