@atlaskit/smart-card 43.31.9 → 43.32.0

package/dist/esm/view/EmbedModal/components/link-info/index.js

@@ -9,8 +9,6 @@ import VidFullScreenOnIcon from '@atlaskit/icon/core/fullscreen-enter';
 import FullscreenExitIcon from '@atlaskit/icon/core/fullscreen-exit';
 import ShortcutIcon from '@atlaskit/icon/core/link-external';
 import { CloseButton, useModal } from '@atlaskit/modal-dialog';
-import { fg } from '@atlaskit/platform-feature-flags';
-import { componentWithFG } from '@atlaskit/platform-feature-flags-react';
 import Tooltip from '@atlaskit/tooltip';
 import { messages } from '../../../../messages';
 import { Icon } from '../../../common/Icon';
@@ -24,7 +22,6 @@ var iconSize = '24px';
 // Specify flex ui icon selector to increase specificity weight to 0-2-1.
 var iconCss = null;
 var titleCss = null;
-var actionCss = null;
 var buttonGroupCss = null;
 var listItemCSS = null;
 var resizeButtonCss = null;
@@ -41,113 +38,6 @@ var LinkInfo = function LinkInfo(_ref) {
     onClose = _useModal.onClose;
   var _useIntl = useIntl(),
     formatMessage = _useIntl.formatMessage;
-  var downloadButton = useMemo(function () {
-    if (onDownloadButtonClick) {
-      return /*#__PURE__*/React.createElement(LinkInfoButton, {
-        content: /*#__PURE__*/React.createElement(FormattedMessage, messages.download),
-        icon: function icon() {
-          return /*#__PURE__*/React.createElement(DownloadIcon, {
-            label: fg('platform_navx_flex_card_status_dropdown_a11y_fix') ? '' : messages.download.defaultMessage,
-            spacing: "spacious",
-            color: "currentColor"
-          });
-        },
-        label: messages.download,
-        onClick: onDownloadButtonClick,
-        testId: "".concat(testId, "-download")
-      });
-    }
-  }, [onDownloadButtonClick, testId]);
-  var urlButton = useMemo(function () {
-    if (onViewButtonClick) {
-      var content = providerName ? /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(FormattedMessage, messages.viewIn), " ", providerName) : /*#__PURE__*/React.createElement(FormattedMessage, messages.viewOriginal);
-      return /*#__PURE__*/React.createElement(LinkInfoButton, {
-        content: content,
-        icon: function icon() {
-          return /*#__PURE__*/React.createElement(ShortcutIcon, {
-            label: fg('platform_navx_flex_card_status_dropdown_a11y_fix') ? '' : messages.viewOriginal.defaultMessage,
-            spacing: "spacious",
-            color: "currentColor"
-          });
-        },
-        label: messages.viewOriginal,
-        onClick: onViewButtonClick,
-        testId: "".concat(testId, "-url"),
-        role: 'link',
-        "aria-label": messages.viewOriginal
-      });
-    }
-  }, [onViewButtonClick, providerName, testId]);
-  var sizeButton = useMemo(function () {
-    var isFullScreen = size === MAX_MODAL_SIZE;
-    var message = isFullScreen ? messages.preview_min_size : messages.preview_max_size;
-    var _icon = isFullScreen ? /*#__PURE__*/React.createElement(FullscreenExitIcon, {
-      label: fg('platform_navx_flex_card_status_dropdown_a11y_fix') ? '' : message.defaultMessage,
-      spacing: "spacious",
-      color: "currentColor"
-    }) : /*#__PURE__*/React.createElement(VidFullScreenOnIcon, {
-      label: fg('platform_navx_flex_card_status_dropdown_a11y_fix') ? '' : message.defaultMessage,
-      spacing: "spacious",
-      color: "currentColor"
-    });
-    return (
-      /*#__PURE__*/
-      // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
-      React.createElement("span", {
-        className: "smart-link-resize-button"
-      }, /*#__PURE__*/React.createElement(LinkInfoButton, {
-        content: /*#__PURE__*/React.createElement(FormattedMessage, message),
-        icon: function icon() {
-          return _icon;
-        },
-        label: message,
-        onClick: onResizeButtonClick,
-        testId: "".concat(testId, "-resize")
-      }))
-    );
-  }, [onResizeButtonClick, size, testId]);
-  return /*#__PURE__*/React.createElement("div", {
-    className: ax(["_zulpu2gc _1e0c1txw _19bv1ejb _u5f31ejb _ca0q1ejb _n3tdpxbi _1wpz1fhb _4t3i1tcg"])
-  }, icon && /*#__PURE__*/React.createElement("div", {
-    "data-testid": "".concat(testId, "-icon"),
-    className: ax(["_4t3i1tcg _gire1tcg _yrry1tcg _1bnm1tcg _bna71tcg _1xjx1tcg _17521tcg _1tke1tcg _x9xj1tcg _v5981tcg _z15s1tcg _qci81tcg _15iz1tcg _erub1tcg _c71l1tcg _1q121tcg _2s1x1tcg _1rh41tcg _19l31tcg _1pr21tcg _1u5t1tcg _1bsb1tcg _1xyl1tcg _1h1b1tcg _prfw1tcg _mezj1tcg _e2oo1tcg _w8l51tcg _1ul91tcg _1ekg1tcg _jbhf1tcg _11hh1tcg _1rg21tcg _q7cv1tcg _xwbj1tcg _p12f1tcg _1mj01tcg _1r9c1tcg _1xch1tcg _rtys1tcg _b8nk1tcg _4x201tcg"])
-  }, /*#__PURE__*/React.createElement(Icon, icon)), /*#__PURE__*/React.createElement("div", {
-    className: ax(["_16jlkb7n _1o9zidpf _i0dlf1ug _1e0c1txw _2lx21bp4 _1bah1h6o _1wpz1fhb"])
-  }, /*#__PURE__*/React.createElement(Heading, {
-    as: "h2",
-    size: "small",
-    color: "color.text",
-    testId: "".concat(testId, "-title")
-  }, title), /*#__PURE__*/React.createElement("span", {
-    tabIndex: 0,
-    role: "button",
-    "aria-hidden": true
-  })), /*#__PURE__*/React.createElement("div", {
-    className: ax(["_16jlidpf _1o9zidpf _i0dl1wug _zulp1b66 _1e0c1txw _3kllglyw"])
-  }, downloadButton, urlButton, sizeButton, /*#__PURE__*/React.createElement(Tooltip, {
-    content: /*#__PURE__*/React.createElement(FormattedMessage, messages.preview_close),
-    hideTooltipOnClick: true,
-    tag: "span",
-    testId: "".concat(testId, "-close-tooltip")
-  }, /*#__PURE__*/React.createElement(CloseButton, {
-    onClick: onClose,
-    label: formatMessage(messages.preview_close),
-    testId: testId
-  }))));
-};
-var LinkInfoNew = function LinkInfoNew(_ref2) {
-  var icon = _ref2.icon,
-    providerName = _ref2.providerName,
-    onDownloadButtonClick = _ref2.onDownloadButtonClick,
-    onResizeButtonClick = _ref2.onResizeButtonClick,
-    onViewButtonClick = _ref2.onViewButtonClick,
-    size = _ref2.size,
-    testId = _ref2.testId,
-    title = _ref2.title;
-  var _useModal2 = useModal(),
-    onClose = _useModal2.onClose;
-  var _useIntl2 = useIntl(),
-    formatMessage = _useIntl2.formatMessage;
   var downloadButton = useMemo(function () {
     return /*#__PURE__*/React.createElement(LinkInfoButton, {
       content: /*#__PURE__*/React.createElement(FormattedMessage, messages.download),
@@ -186,7 +76,7 @@ var LinkInfoNew = function LinkInfoNew(_ref2) {
   var sizeButton = useMemo(function () {
     var isFullScreen = size === MAX_MODAL_SIZE;
     var message = isFullScreen ? messages.preview_min_size : messages.preview_max_size;
-    var _icon2 = isFullScreen ? /*#__PURE__*/React.createElement(FullscreenExitIcon, {
+    var _icon = isFullScreen ? /*#__PURE__*/React.createElement(FullscreenExitIcon, {
       label: "",
       spacing: "spacious",
       color: "currentColor"
@@ -198,7 +88,7 @@ var LinkInfoNew = function LinkInfoNew(_ref2) {
     return /*#__PURE__*/React.createElement(LinkInfoButton, {
       content: /*#__PURE__*/React.createElement(FormattedMessage, message),
       icon: function icon() {
-        return _icon2;
+        return _icon;
       },
       label: message,
       onClick: onResizeButtonClick,
@@ -239,5 +129,4 @@ var LinkInfoNew = function LinkInfoNew(_ref2) {
     testId: testId
   })))));
 };
-var _default_1 = componentWithFG('platform_navx_sl_a11y_embed_modal', LinkInfoNew, LinkInfo);
-export default _default_1;
+export default LinkInfo;

package/dist/esm/view/FlexibleCard/components/container/hover-card-control/index.js

@@ -1,6 +1,9 @@
+import _extends from "@babel/runtime/helpers/extends";
 import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
 import React, { useCallback, useEffect, useRef, useState } from 'react';
+import { fg } from '@atlaskit/platform-feature-flags';
 import { ElementName } from '../../../../../constants';
+import { noop } from '../../../../../utils';
 import { HoverCard } from '../../../../HoverCard';
 var FLEXIBLE_HOVER_CARD_CAN_OPEN_DELAY = 100;
 var HoverCardControl = function HoverCardControl(_ref) {
@@ -60,12 +63,14 @@ var HoverCardControl = function HoverCardControl(_ref) {
     actionOptions: actionOptions,
     url: url,
     hoverPreviewOptions: hoverPreviewOptions
-  }, /*#__PURE__*/React.createElement("span", {
+  }, /*#__PURE__*/React.createElement("span", _extends({}, fg('platform_sl_a11y_enghealth_46829') ? {
+    onBlur: noop
+  } : undefined, {
     // eslint-disable-next-line @atlassian/a11y/mouse-events-have-key-events
     onMouseLeave: onMouseLeave,
     onMouseMove: onMouseMove,
     "data-testid": "".concat(testId, "-hover-card-wrapper"),
     role: 'presentation'
-  }, children));
+  }), children));
 };
 export default HoverCardControl;

package/dist/esm/view/FlexibleCard/components/elements/common/base-lozenge-element/lozenge-action/lozenge-action-item/index.js

@@ -1,6 +1,8 @@
+import _extends from "@babel/runtime/helpers/extends";
 import React, { useCallback } from 'react';
 import { DropdownItem } from '@atlaskit/dropdown-menu';
 import Lozenge from '@atlaskit/lozenge';
+import { fg } from '@atlaskit/platform-feature-flags';
 var LozengeActionItem = function LozengeActionItem(_ref) {
   var appearance = _ref.appearance,
     id = _ref.id,
@@ -19,19 +21,18 @@ var LozengeActionItem = function LozengeActionItem(_ref) {
     var _e$currentTarget;
     (_e$currentTarget = e.currentTarget) === null || _e$currentTarget === void 0 || (_e$currentTarget = _e$currentTarget.firstElementChild) === null || _e$currentTarget === void 0 || _e$currentTarget.focus();
   }, []);
-  return (
-    /*#__PURE__*/
+  return /*#__PURE__*/React.createElement("span", _extends({}, fg('platform_sl_a11y_enghealth_46829') ? {
+    onFocus: handleMouseEnter
+  } : undefined, {
     // eslint-disable-next-line @atlassian/a11y/mouse-events-have-key-events
-    React.createElement("span", {
-      onMouseEnter: handleMouseEnter,
-      role: "presentation"
-    }, /*#__PURE__*/React.createElement(DropdownItem, {
-      onClick: handleClick,
-      testId: testId
-    }, /*#__PURE__*/React.createElement(Lozenge, {
-      appearance: appearance,
-      isBold: true
-    }, text)))
-  );
+    onMouseEnter: handleMouseEnter,
+    role: "presentation"
+  }), /*#__PURE__*/React.createElement(DropdownItem, {
+    onClick: handleClick,
+    testId: testId
+  }, /*#__PURE__*/React.createElement(Lozenge, {
+    appearance: appearance,
+    isBold: true
+  }, text)));
 };
 export default LozengeActionItem;

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

@@ -10,6 +10,7 @@ import { ActionName, CardDisplay } from '../../../constants';
 import { useSmartCardActions } from '../../../state/actions';
 import { useSmartLinkRenderers } from '../../../state/renderers';
 import { useSmartCardState as useLinkState } from '../../../state/store';
+import { noop } from '../../../utils';
 import { SmartLinkAnalyticsContext } from '../../../utils/analytics/SmartLinkAnalyticsContext';
 import { createCustomPopupContainer } from '../components/CustomPopupContainer';
 import HoverCardContent from '../components/HoverCardContent';
@@ -250,7 +251,11 @@ export var HoverCardComponent = function HoverCardComponent(_ref) {
       "data-testid": HOVER_CARD_TRIGGER_WRAPPER
     }, editorExperiment('platform_editor_preview_panel_linking_exp', true) ? {
       className: HOVER_CARD_TRIGGER_WRAPPER
-    } : {}), children));
+    } : {}, fg('platform_sl_a11y_enghealth_46829') ? {
+      onFocus: noop,
+      onBlur: noop,
+      role: 'none'
+    } : undefined), children));
   }, [children, initHideCard, initShowCard, onChildClick, onContextMenuClick, setMousePosition, handleKeyDown]);
   var popupComponent = useMemo(
   // Within the Popup component, if shouldRenderToParent, the zIndex prop is ignored

package/dist/esm/view/InlineCard/ResolvedView/InlineCardResolvedViewFunctional.js

@@ -1,9 +1,12 @@
 import React from 'react';
+import { componentWithFG } from '@atlaskit/platform-feature-flags-react';
+import useInlineActionNudgeExperiment from '../../../state/hooks/use-inline-action-nudge-experiment';
 import { HoverCard } from '../../HoverCard';
+import { RovoActionsButton } from '../common/rovo-actions-button';
 import { Frame } from '../Frame';
 import { IconAndTitleLayout } from '../IconAndTitleLayout';
 import { renderLozenge } from './renderLozenge';
-export function InlineCardResolvedViewFunctional(_ref) {
+export function InlineCardResolvedViewBase(_ref) {
   var id = _ref.id,
     _ref$title = _ref.title,
     title = _ref$title === void 0 ? '' : _ref$title,
@@ -48,4 +51,57 @@ export function InlineCardResolvedViewFunctional(_ref) {
     actionOptions: actionOptions,
     hoverPreviewOptions: hoverPreviewOptions
   }, frame);
-}
+}
+export function InlineCardResolvedViewFunctionalWithRovoActionsButton(_ref2) {
+  var id = _ref2.id,
+    _ref2$title = _ref2.title,
+    title = _ref2$title === void 0 ? '' : _ref2$title,
+    isSelected = _ref2.isSelected,
+    isHovered = _ref2.isHovered,
+    onClick = _ref2.onClick,
+    icon = _ref2.icon,
+    link = _ref2.link,
+    _ref2$testId = _ref2.testId,
+    testId = _ref2$testId === void 0 ? 'inline-card-resolved-view' : _ref2$testId,
+    titleTextColor = _ref2.titleTextColor,
+    titlePrefix = _ref2.titlePrefix,
+    _ref2$showHoverPrevie = _ref2.showHoverPreview,
+    showHoverPreview = _ref2$showHoverPrevie === void 0 ? false : _ref2$showHoverPrevie,
+    hoverPreviewOptions = _ref2.hoverPreviewOptions,
+    actionOptions = _ref2.actionOptions,
+    truncateInline = _ref2.truncateInline,
+    type = _ref2.type,
+    hideIconLoadingSkeleton = _ref2.hideIconLoadingSkeleton,
+    lozenge = _ref2.lozenge;
+  var _useInlineActionNudge = useInlineActionNudgeExperiment(link),
+    isEnabled = _useInlineActionNudge.isEnabled;
+
+  // TODO https://hello.jira.atlassian.cloud/browse/NAVX-4436: fire analytics with cohort
+  var frame = /*#__PURE__*/React.createElement(Frame, {
+    testId: testId,
+    link: link,
+    isSelected: isSelected,
+    isHovered: isHovered,
+    onClick: onClick,
+    truncateInline: truncateInline
+  }, /*#__PURE__*/React.createElement(IconAndTitleLayout, {
+    emoji: titlePrefix,
+    icon: icon,
+    title: title,
+    titleTextColor: titleTextColor,
+    type: type,
+    hideIconLoadingSkeleton: hideIconLoadingSkeleton
+  }), renderLozenge(lozenge), isEnabled && link && /*#__PURE__*/React.createElement(RovoActionsButton, {
+    testId: "".concat(testId, "-rovo-actions-button")
+  }));
+  if (!showHoverPreview || !link) {
+    return frame;
+  }
+  return /*#__PURE__*/React.createElement(HoverCard, {
+    id: id,
+    url: link,
+    actionOptions: actionOptions,
+    hoverPreviewOptions: hoverPreviewOptions
+  }, frame);
+}
+export var InlineCardResolvedViewFunctional = componentWithFG('rovogrowth-640-inline-action-nudge-fg', InlineCardResolvedViewFunctionalWithRovoActionsButton, InlineCardResolvedViewBase);

package/dist/esm/view/InlineCard/common/rovo-actions-button/index.js

@@ -1,101 +1,12 @@
-/* index.tsx generated by @compiled/babel-plugin v0.39.1 */
-import _extends from "@babel/runtime/helpers/extends";
-import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
-import "./index.compiled.css";
-import { ax, ix } from "@compiled/react/runtime";
-import React, { useState } from 'react';
-import { useIntl } from 'react-intl-next';
-import { cx } from '@atlaskit/css';
+import React from 'react';
 import RovoChatIcon from '@atlaskit/icon/core/rovo-chat';
-import Popup from '@atlaskit/popup';
-import { Box } from '@atlaskit/primitives/compiled';
-import { messages } from '../../../../messages';
-import AIPrism from '../../../common/ai-prism';
-import { ActionButton } from '../action-button';
-import { RovoPostAuthActionsModal } from '../rovo-post-auth-actions-modal';
-var styles = {
-  wrapper: "_kqswh2mm _1e0c1o8l",
-  expanded: "_kqswstnw _154iidpf _1xi2idpf _1e0c1nu9 _o5721q9c _1pbykb7n",
-  expandedText: "_1reo15vq _18m915vq _v564hlhx _1e0c1o8l _p12fidpf _s7n4jp4b _o5721q9c",
-  expandedTextVisible: "_p12fuuw1 _u5f31b66"
-};
 export var RovoActionsButton = function RovoActionsButton(_ref) {
-  var onClick = _ref.onClick,
-    testId = _ref.testId,
-    _ref$title = _ref.title,
-    title = _ref$title === void 0 ? '' : _ref$title,
-    _ref$url = _ref.url,
-    url = _ref$url === void 0 ? '' : _ref$url;
-  var _useState = useState(false),
-    _useState2 = _slicedToArray(_useState, 2),
-    isHovered = _useState2[0],
-    setIsHovered = _useState2[1];
-  var _useState3 = useState(false),
-    _useState4 = _slicedToArray(_useState3, 2),
-    isPopupOpen = _useState4[0],
-    setIsPopupOpen = _useState4[1];
-  var _useIntl = useIntl(),
-    formatMessage = _useIntl.formatMessage;
-  var handleClick = function handleClick(e) {
-    e.preventDefault();
-    e.stopPropagation();
-    setIsPopupOpen(function (prev) {
-      return !prev;
-    });
-    onClick === null || onClick === void 0 || onClick(e);
-  };
-  return /*#__PURE__*/React.createElement(Popup, {
-    isOpen: isPopupOpen,
-    onClose: function onClose() {
-      return setIsPopupOpen(false);
-    },
-    placement: "right-start",
-    content: function content() {
-      return /*#__PURE__*/React.createElement(AIPrism, {
-        isVisible: true,
-        isMoving: true,
-        isGlowing: true
-      }, /*#__PURE__*/React.createElement(RovoPostAuthActionsModal, {
-        title: title,
-        url: url,
-        testId: testId && "".concat(testId, "-popup")
-      }));
-    },
-    trigger: function trigger(triggerProps) {
-      return /*#__PURE__*/React.createElement(Box, {
-        xcss: styles.wrapper,
-        onMouseEnter: function onMouseEnter() {
-          return setIsHovered(true);
-        },
-        onMouseLeave: function onMouseLeave() {
-          return setIsHovered(false);
-        },
-        onFocus: function onFocus() {
-          return setIsHovered(true);
-        },
-        onBlur: function onBlur() {
-          return setIsHovered(false);
-        }
-      }, /*#__PURE__*/React.createElement(ActionButton, _extends({
-        onClick: handleClick,
-        viewType: "action",
-        testId: testId
-      }, triggerProps), /*#__PURE__*/React.createElement(RovoChatIcon, {
-        label: "Rovo",
-        color: "var(--ds-icon-inverse, #FFFFFF)",
-        size: "small"
-      })), /*#__PURE__*/React.createElement(Box, {
-        xcss: styles.expanded
-      }, /*#__PURE__*/React.createElement(ActionButton, _extends({
-        onClick: handleClick,
-        viewType: "action"
-      }, triggerProps), /*#__PURE__*/React.createElement(Box, {
-        xcss: cx(styles.expandedText, isHovered && styles.expandedTextVisible)
-      }, formatMessage(messages.rovo_actions_explore)), /*#__PURE__*/React.createElement(RovoChatIcon, {
-        label: "Rovo",
-        color: "var(--ds-icon-inverse, #FFFFFF)",
-        size: "small"
-      }))));
-    }
-  });
+  var testId = _ref.testId;
+  return /*#__PURE__*/React.createElement("span", {
+    "data-testid": testId
+  }, /*#__PURE__*/React.createElement(RovoChatIcon, {
+    label: "Rovo",
+    color: "var(--ds-icon-inverse, #FFFFFF)",
+    size: "small"
+  }));
 };

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

@@ -15,7 +15,7 @@ import LinkWarningModal from './LinkWarningModal';
 import { useLinkWarningModal } from './LinkWarningModal/hooks/use-link-warning-modal';
 var PACKAGE_DATA = {
   packageName: "@atlaskit/smart-card",
-  packageVersion: "43.31.8",
+  packageVersion: "43.32.0",
   componentName: 'linkUrl'
 };
 var Anchor = withLinkClickedEvent('a');

package/dist/types/state/hooks/use-inline-action-nudge-experiment/index.d.ts

@@ -0,0 +1,21 @@
+export interface InlineActionNudgeExperiment {
+    /**
+     * True when the user is in the treatment cohort and should see the
+     * inline action nudge UI. All treatment surfaces should gate on this.
+     */
+    isEnabled: boolean;
+}
+/**
+ * Returns whether the rovogrowth_640_inline_action_nudge experiment
+ * is enabled for the current user and link context.
+ *
+ * All eligibility criteria are consolidated here:
+ * 1. Rovo chat must be enabled for the tenant.
+ * 2. The extension key must not be excluded (Figma and Google links are excluded).
+ * 3. The experiment value must be true (via tmp-editor-statsig).
+ *
+ * The extension key is derived from the card store via the resolved URL,
+ * so callers don't need to thread it as a prop.
+ */
+declare const useInlineActionNudgeExperiment: (url?: string) => InlineActionNudgeExperiment;
+export default useInlineActionNudgeExperiment;

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

@@ -36,3 +36,4 @@ export declare const openUrl: (url?: string) => Promise<void>;
 export declare const getPreviewUrlWithTheme: (previewUrl: string, themeState: Partial<ActiveThemeState>) => string;
 export declare const isIconSizeLarge: (size?: SmartLinkSize) => boolean | undefined;
 export declare const isProfileType: (type?: string[]) => boolean;
+export declare const noop: () => undefined;

package/dist/types/view/EmbedModal/components/link-info/index.d.ts

@@ -1,8 +1,3 @@
-/**
- * @jsxRuntime classic
- * @jsx jsx
- */
-import React from 'react';
 import { type LinkInfoProps } from './types';
-declare const _default_1: React.FC<LinkInfoProps>;
-export default _default_1;
+declare const LinkInfo: ({ icon, providerName, onDownloadButtonClick, onResizeButtonClick, onViewButtonClick, size, testId, title, }: LinkInfoProps) => JSX.Element;
+export default LinkInfo;

package/dist/types/view/InlineCard/ResolvedView/InlineCardResolvedViewFunctional.d.ts

@@ -1,3 +1,5 @@
 import React from 'react';
 import { type InlineCardResolvedViewFunctionalProps } from './types';
-export declare function InlineCardResolvedViewFunctional({ id, title, isSelected, isHovered, onClick, icon, link, testId, titleTextColor, titlePrefix, showHoverPreview, hoverPreviewOptions, actionOptions, truncateInline, type, hideIconLoadingSkeleton, lozenge, }: InlineCardResolvedViewFunctionalProps): React.JSX.Element;
+export declare function InlineCardResolvedViewBase({ id, title, isSelected, isHovered, onClick, icon, link, testId, titleTextColor, titlePrefix, showHoverPreview, hoverPreviewOptions, actionOptions, truncateInline, type, hideIconLoadingSkeleton, lozenge, }: InlineCardResolvedViewFunctionalProps): React.JSX.Element;
+export declare function InlineCardResolvedViewFunctionalWithRovoActionsButton({ id, title, isSelected, isHovered, onClick, icon, link, testId, titleTextColor, titlePrefix, showHoverPreview, hoverPreviewOptions, actionOptions, truncateInline, type, hideIconLoadingSkeleton, lozenge, }: InlineCardResolvedViewFunctionalProps): React.JSX.Element;
+export declare const InlineCardResolvedViewFunctional: React.FC<InlineCardResolvedViewFunctionalProps>;

package/dist/types/view/InlineCard/common/rovo-actions-button/index.d.ts

@@ -1,12 +1,5 @@
-/**
- * @jsxRuntime classic
- * @jsx jsx
- */
 import React from 'react';
 export interface RovoActionsButtonProps {
-    onClick?: (e: React.MouseEvent<HTMLElement>) => void;
     testId?: string;
-    title?: string;
-    url?: string;
 }
-export declare const RovoActionsButton: ({ onClick, testId, title, url, }: RovoActionsButtonProps) => JSX.Element;
+export declare const RovoActionsButton: ({ testId }: RovoActionsButtonProps) => React.JSX.Element;

package/dist/types-ts4.5/state/hooks/use-inline-action-nudge-experiment/index.d.ts

@@ -0,0 +1,21 @@
+export interface InlineActionNudgeExperiment {
+    /**
+     * True when the user is in the treatment cohort and should see the
+     * inline action nudge UI. All treatment surfaces should gate on this.
+     */
+    isEnabled: boolean;
+}
+/**
+ * Returns whether the rovogrowth_640_inline_action_nudge experiment
+ * is enabled for the current user and link context.
+ *
+ * All eligibility criteria are consolidated here:
+ * 1. Rovo chat must be enabled for the tenant.
+ * 2. The extension key must not be excluded (Figma and Google links are excluded).
+ * 3. The experiment value must be true (via tmp-editor-statsig).
+ *
+ * The extension key is derived from the card store via the resolved URL,
+ * so callers don't need to thread it as a prop.
+ */
+declare const useInlineActionNudgeExperiment: (url?: string) => InlineActionNudgeExperiment;
+export default useInlineActionNudgeExperiment;

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

@@ -36,3 +36,4 @@ export declare const openUrl: (url?: string) => Promise<void>;
 export declare const getPreviewUrlWithTheme: (previewUrl: string, themeState: Partial<ActiveThemeState>) => string;
 export declare const isIconSizeLarge: (size?: SmartLinkSize) => boolean | undefined;
 export declare const isProfileType: (type?: string[]) => boolean;
+export declare const noop: () => undefined;

package/dist/types-ts4.5/view/EmbedModal/components/link-info/index.d.ts

@@ -1,8 +1,3 @@
-/**
- * @jsxRuntime classic
- * @jsx jsx
- */
-import React from 'react';
 import { type LinkInfoProps } from './types';
-declare const _default_1: React.FC<LinkInfoProps>;
-export default _default_1;
+declare const LinkInfo: ({ icon, providerName, onDownloadButtonClick, onResizeButtonClick, onViewButtonClick, size, testId, title, }: LinkInfoProps) => JSX.Element;
+export default LinkInfo;

package/dist/types-ts4.5/view/InlineCard/ResolvedView/InlineCardResolvedViewFunctional.d.ts

@@ -1,3 +1,5 @@
 import React from 'react';
 import { type InlineCardResolvedViewFunctionalProps } from './types';
-export declare function InlineCardResolvedViewFunctional({ id, title, isSelected, isHovered, onClick, icon, link, testId, titleTextColor, titlePrefix, showHoverPreview, hoverPreviewOptions, actionOptions, truncateInline, type, hideIconLoadingSkeleton, lozenge, }: InlineCardResolvedViewFunctionalProps): React.JSX.Element;
+export declare function InlineCardResolvedViewBase({ id, title, isSelected, isHovered, onClick, icon, link, testId, titleTextColor, titlePrefix, showHoverPreview, hoverPreviewOptions, actionOptions, truncateInline, type, hideIconLoadingSkeleton, lozenge, }: InlineCardResolvedViewFunctionalProps): React.JSX.Element;
+export declare function InlineCardResolvedViewFunctionalWithRovoActionsButton({ id, title, isSelected, isHovered, onClick, icon, link, testId, titleTextColor, titlePrefix, showHoverPreview, hoverPreviewOptions, actionOptions, truncateInline, type, hideIconLoadingSkeleton, lozenge, }: InlineCardResolvedViewFunctionalProps): React.JSX.Element;
+export declare const InlineCardResolvedViewFunctional: React.FC<InlineCardResolvedViewFunctionalProps>;

package/dist/types-ts4.5/view/InlineCard/common/rovo-actions-button/index.d.ts

@@ -1,12 +1,5 @@
-/**
- * @jsxRuntime classic
- * @jsx jsx
- */
 import React from 'react';
 export interface RovoActionsButtonProps {
-    onClick?: (e: React.MouseEvent<HTMLElement>) => void;
     testId?: string;
-    title?: string;
-    url?: string;
 }
-export declare const RovoActionsButton: ({ onClick, testId, title, url, }: RovoActionsButtonProps) => JSX.Element;
+export declare const RovoActionsButton: ({ testId }: RovoActionsButtonProps) => React.JSX.Element;

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/smart-card",
-	"version": "43.31.9",
+	"version": "43.32.0",
 	"description": "Smart card component",
 	"publishConfig": {
 		"registry": "https://registry.npmjs.org/"
@@ -72,9 +72,9 @@
 		"@atlaskit/platform-feature-flags": "^1.1.0",
 		"@atlaskit/platform-feature-flags-react": "^0.4.0",
 		"@atlaskit/popup": "^4.16.0",
-		"@atlaskit/primitives": "^18.1.0",
-		"@atlaskit/react-ufo": "^5.12.0",
-		"@atlaskit/rovo-triggers": "^5.35.0",
+		"@atlaskit/primitives": "^19.0.0",
+		"@atlaskit/react-ufo": "^5.13.0",
+		"@atlaskit/rovo-triggers": "^5.37.0",
 		"@atlaskit/section-message": "^8.12.0",
 		"@atlaskit/select": "^21.10.0",
 		"@atlaskit/spinner": "^19.1.0",
@@ -83,8 +83,8 @@
 		"@atlaskit/textfield": "^8.3.0",
 		"@atlaskit/theme": "^23.0.0",
 		"@atlaskit/tile": "^1.0.0",
-		"@atlaskit/tmp-editor-statsig": "^58.0.0",
-		"@atlaskit/tokens": "^12.0.0",
+		"@atlaskit/tmp-editor-statsig": "^59.1.0",
+		"@atlaskit/tokens": "^13.0.0",
 		"@atlaskit/tooltip": "^21.1.0",
 		"@atlaskit/ufo": "^0.4.0",
 		"@babel/runtime": "^7.0.0",
@@ -219,9 +219,6 @@
 		"platform_navx_flex_card_status_dropdown_a11y_fix": {
 			"type": "boolean"
 		},
-		"platform_navx_sl_a11y_embed_modal": {
-			"type": "boolean"
-		},
 		"platform_navx_lp_invalid_url_error": {
 			"type": "boolean"
 		},
@@ -237,6 +234,9 @@
 		"fix_hover_card_on_focus_a11y": {
 			"type": "boolean"
 		},
+		"platform_sl_a11y_enghealth_46829": {
+			"type": "boolean"
+		},
 		"platform_sl_3p_preauth_better_hovercard_killswitch": {
 			"type": "boolean"
 		},
@@ -251,6 +251,9 @@
 		},
 		"smart-card-inline-resolved-view-refactor": {
 			"type": "boolean"
+		},
+		"rovogrowth-640-inline-action-nudge-fg": {
+			"type": "boolean"
 		}
 	},
 	"compassUnitTestMetricSourceId": "ari:cloud:compass:a436116f-02ce-4520-8fbb-7301462a1674:metric-source/c5751cc6-3513-4070-9deb-af31e86aed34/f74ef1bc-7240-4aac-9dc8-9dc43b502089"

package/dist/cjs/view/InlineCard/common/rovo-actions-button/index.compiled.css

@@ -1,15 +0,0 @@
-
-._v564hlhx{transition:max-width .3s ease-in-out,padding-right .3s ease-in-out}._154iidpf{top:0}
-._18m915vq{overflow-y:hidden}
-._1e0c1nu9{display:inline}
-._1e0c1o8l{display:inline-block}
-._1pbykb7n{z-index:1}
-._1reo15vq{overflow-x:hidden}
-._1xi2idpf{right:0}
-._kqswh2mm{position:relative}
-._kqswstnw{position:absolute}
-._o5721q9c{white-space:nowrap}
-._p12fidpf{max-width:0}
-._p12fuuw1{max-width:200px}
-._s7n4jp4b{vertical-align:top}
-._u5f31b66{padding-right:var(--ds-space-050,4px)}