@atlaskit/smart-card 43.30.0 → 43.31.0

package/dist/esm/__tests__/vr-tests/__snapshots__/hover-card/hover-card-unauthorised--default--platform-sl-3p-preauth-better-hovercard-false.png

@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:b4a410347ab9a62f38c2387c43e9dda88fc99579b03184d15bb56669aa4a4dd1
+size 24832

package/dist/esm/__tests__/vr-tests/__snapshots__/hover-card/hover-card-unauthorised--default--platform-sl-3p-preauth-better-hovercard-true.png

@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:b5bd2bf44f51ef4f4f937b41a6c83ac5896a79db1a5e180e7de8eed93453f22c
+size 42310

package/dist/esm/messages.js

@@ -570,6 +570,11 @@ export var messages = defineMessages({
     defaultMessage: "We can't display private pages",
     description: 'Shown when a user does not have access to a link.'
   },
+  rovo_actions_explore: {
+    id: 'fabric.linking.rovo_actions_explore-non-final',
+    defaultMessage: 'Explore',
+    description: 'Label for the Rovo Actions button that allows users to explore AI actions for a link'
+  },
   unassigned: {
     id: 'fabric.linking.unassigned',
     defaultMessage: 'Unassigned',
@@ -846,6 +851,66 @@ export var messages = defineMessages({
     defaultMessage: 'Uses AI. Verify Results.',
     description: 'Shown on a Rovo summary to indicate that the summary was generated by AI and should be verified by the user for accuracy.'
   },
+  rovo_unauthorised_title: {
+    id: 'fabric.linking.rovo_unauthorised.title',
+    defaultMessage: 'Get smarter workflows by connecting your {context} account',
+    description: 'Banner headline in Rovo unauthorised hover card header. {context} is the third-party provider name (e.g. Google).'
+  },
+  rovo_unauthorised_title_no_provider: {
+    id: 'fabric.linking.rovo_unauthorised.title_no_provider',
+    defaultMessage: 'Get smarter workflows by connecting your account',
+    description: 'Banner headline in Rovo unauthorised hover card header when the provider name is unknown.'
+  },
+  rovo_unauthorised_feature_document_summaries_title: {
+    id: 'fabric.linking.rovo_unauthorised.feature.document_summaries.title',
+    defaultMessage: 'Quick summaries',
+    description: 'Feature title in Rovo unauthorised view.'
+  },
+  rovo_unauthorised_feature_document_summaries_desc: {
+    id: 'fabric.linking.rovo_unauthorised.feature.document_summaries.desc',
+    defaultMessage: 'Understand long docs in seconds',
+    description: 'Feature description in Rovo unauthorised view.'
+  },
+  rovo_unauthorised_feature_smart_suggestions_title: {
+    id: 'fabric.linking.rovo_unauthorised.feature.smart_suggestions.title',
+    defaultMessage: 'Smart suggestions',
+    description: 'Feature title in Rovo unauthorised view.'
+  },
+  rovo_unauthorised_feature_smart_suggestions_desc: {
+    id: 'fabric.linking.rovo_unauthorised.feature.smart_suggestions.desc',
+    defaultMessage: 'Strengthen your drafts with actionable feedback',
+    description: 'Feature description in Rovo unauthorised view.'
+  },
+  rovo_unauthorised_feature_cross_reference_title: {
+    id: 'fabric.linking.rovo_unauthorised.feature.cross_reference.title',
+    defaultMessage: 'Tracked link mentions',
+    description: 'Feature title in Rovo unauthorised view.'
+  },
+  rovo_unauthorised_feature_cross_reference_desc: {
+    id: 'fabric.linking.rovo_unauthorised.feature.cross_reference.desc',
+    defaultMessage: 'Never miss where your work is referenced',
+    description: 'Feature description in Rovo unauthorised view.'
+  },
+  rovo_unauthorised_feature_related_content_title: {
+    id: 'fabric.linking.rovo_unauthorised.feature.related_content.title',
+    defaultMessage: 'Related content',
+    description: 'Feature title in Rovo unauthorised view.'
+  },
+  rovo_unauthorised_feature_related_content_desc: {
+    id: 'fabric.linking.rovo_unauthorised.feature.related_content.desc',
+    defaultMessage: 'Find relevant work and why it matters',
+    description: 'Feature description in Rovo unauthorised view.'
+  },
+  rovo_unauthorised_connect_account: {
+    id: 'fabric.linking.rovo_unauthorised.connect_account',
+    defaultMessage: 'Connect',
+    description: 'Primary action button in Rovo unauthorised hover card.'
+  },
+  rovo_unauthorised_not_now: {
+    id: 'fabric.linking.rovo_unauthorised.not_now',
+    defaultMessage: 'Maybe later',
+    description: 'Secondary action in Rovo unauthorised hover card.'
+  },
   rovo_prompt_context_generic: {
     id: 'fabric.linking.rovo_prompt_context_confluence_page.non-final',
     defaultMessage: 'page',

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

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

package/dist/esm/view/HoverCard/components/ContentContainer.compiled.css

@@ -2,7 +2,8 @@
 ._2rko1mok{border-radius:var(--ds-radius-large,8px)}
 ._189eidpf{border-width:0}
 ._16qs130s{box-shadow:var(--ds-shadow-overlay,0 8px 9pt #1e1f2126,0 0 1px #1e1f214f)}
-._1bsby0ve{width:var(--_1rzblqv)}
+._1bsb1f23{width:25rem}
+._1bsbiolt{width:22rem}
 ._9spsglyw .smart-link-loading-placeholder{display:none}
 ._bfhk1bhr{background-color:var(--ds-surface-overlay,#fff)}
 ._vchhusvi{box-sizing:border-box}

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

@@ -2,8 +2,8 @@
 import _extends from "@babel/runtime/helpers/extends";
 import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-var _excluded = ["children", "isAIEnabled", "testId", "url"],
-  _excluded2 = ["children", "isAIEnabled", "testId", "url"];
+var _excluded = ["children", "widthAppearance", "isAIEnabled", "testId", "url"],
+  _excluded2 = ["children", "widthAppearance", "isAIEnabled", "testId", "url"];
 import "./ContentContainer.compiled.css";
 import * as React from 'react';
 import { ax, ix } from "@compiled/react/runtime";
@@ -12,11 +12,14 @@ import { di } from 'react-magnetic-di';
 import useAISummaryAction from '../../../state/hooks/use-ai-summary-action';
 import AIPrism from '../../common/ai-prism';
 import { hoverCardClassName } from './HoverCardContent';
-var NEW_CARD_WIDTH_REM = 25;
 var HoverCardContainerStyle = null;
+var hoverCardShellWidthDefault = null;
+var hoverCardShellWidthSlim = null;
+var hoverCardShellHideLoadingPlaceholder = null;
 var popupContainerStyles = null;
 var ConnectedAIPrismContainer = function ConnectedAIPrismContainer(_ref) {
   var children = _ref.children,
+    widthAppearance = _ref.widthAppearance,
     _ref$isAIEnabled = _ref.isAIEnabled,
     isAIEnabled = _ref$isAIEnabled === void 0 ? false : _ref$isAIEnabled,
     testId = _ref.testId,
@@ -31,15 +34,12 @@ var ConnectedAIPrismContainer = function ConnectedAIPrismContainer(_ref) {
   useEffect(function () {
     setShowPrism(status === 'loading');
   }, [status]);
+  var resolvedWidthAppearance = widthAppearance !== null && widthAppearance !== void 0 ? widthAppearance : 'default';
   var container = /*#__PURE__*/React.createElement("div", _extends({
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
-    className: ax(["_11q7glyw _189eidpf _vchhusvi _1bsby0ve _9spsglyw", !isAIEnabled && "_2rko1mok _bfhk1bhr _16qs130s", hoverCardClassName]),
+    className: ax(["_11q7glyw _189eidpf _vchhusvi", resolvedWidthAppearance === 'slim' ? "_1bsbiolt" : "_1bsb1f23", "_9spsglyw", !isAIEnabled && "_2rko1mok _bfhk1bhr _16qs130s", hoverCardClassName]),
     "data-testid": testId
-  }, props, {
-    style: {
-      "--_1rzblqv": ix("".concat(NEW_CARD_WIDTH_REM, "rem"))
-    }
-  }), children);
+  }, props), children);
   return isAIEnabled ? /*#__PURE__*/React.createElement(AIPrism, {
     isVisible: showPrism,
     testId: "".concat(testId, "-prism")
@@ -47,12 +47,14 @@ var ConnectedAIPrismContainer = function ConnectedAIPrismContainer(_ref) {
 };
 var ContentContainer = function ContentContainer(_ref2) {
   var children = _ref2.children,
+    widthAppearance = _ref2.widthAppearance,
     _ref2$isAIEnabled = _ref2.isAIEnabled,
     isAIEnabled = _ref2$isAIEnabled === void 0 ? false : _ref2$isAIEnabled,
     testId = _ref2.testId,
     url = _ref2.url,
     props = _objectWithoutProperties(_ref2, _excluded2);
   return /*#__PURE__*/React.createElement(ConnectedAIPrismContainer, _extends({
+    widthAppearance: widthAppearance,
     isAIEnabled: isAIEnabled,
     url: url,
     testId: testId

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

@@ -25,7 +25,10 @@ var CustomPopupContainer = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
  * Factory function to create a CustomPopupContainer with a specific z-index
  */
 export var createCustomPopupContainer = function createCustomPopupContainer(zIndex) {
-  return /*#__PURE__*/React.forwardRef(function (_ref2, ref) {
+  return /*#__PURE__*/React.forwardRef(
+  // FIXME: ...props spreads all props to the div, including isReferenceHidden, which is not a valid prop for a div.
+  // Find another way but adding exceptions with _, __, ___ etc.
+  function (_ref2, ref) {
     var children = _ref2.children,
       _ = _ref2.shouldFitContainer,
       __ = _ref2.shouldRenderToParent,

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

@@ -210,6 +210,7 @@ export var HoverCardComponent = function HoverCardComponent(_ref) {
       onMouseLeave: initHideCard,
       cardState: linkState,
       onActionClick: onActionClick,
+      onDismiss: hideCard,
       onResolve: update,
       renderers: renderers,
       actionOptions: actionOptions,
@@ -223,7 +224,7 @@ export var HoverCardComponent = function HoverCardComponent(_ref) {
       id: id,
       source: HOVER_CARD_SOURCE
     }, /*#__PURE__*/React.createElement(HoverCardContent, hoverCardContentProps));
-  }, [initShowCard, initHideCard, linkState, onActionClick, renderers, actionOptions, url, id, hoverPreviewOptions]);
+  }, [initShowCard, initHideCard, linkState, onActionClick, hideCard, renderers, actionOptions, url, id, hoverPreviewOptions]);
   var handleKeyDown = useCallback(function (e) {
     if (e.key === ' ') {
       e.preventDefault();