@atlaskit/smart-card 43.30.0 → 43.31.0

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

@@ -13,6 +13,7 @@ var _analyticsNext = require("@atlaskit/analytics-next");
 var _linkProvider = require("@atlaskit/link-provider");
 var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 var _platformFeatureFlagsReact = require("@atlaskit/platform-feature-flags-react");
+var _expValEquals = require("@atlaskit/tmp-editor-statsig/exp-val-equals");
 var _expValEqualsNoExposure = require("@atlaskit/tmp-editor-statsig/exp-val-equals-no-exposure");
 var _useAnalyticsEvents2 = require("../../../common/analytics/generated/use-analytics-events");
 var _constants = require("../../../constants");
@@ -30,24 +31,52 @@ var _forbidden = _interopRequireDefault(require("./views/forbidden"));
 var _resolved = _interopRequireDefault(require("./views/resolved"));
 var _resolving = _interopRequireDefault(require("./views/resolving"));
 var _unauthorised = _interopRequireDefault(require("./views/unauthorised"));
+var _RovoUnauthorisedView = _interopRequireDefault(require("./views/unauthorised/RovoUnauthorisedView"));
 function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
 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) { (0, _defineProperty2.default)(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; }
 var hoverCardClassName = exports.hoverCardClassName = 'smart-links-hover-preview';
-var HoverCardContent = function HoverCardContent(_ref) {
+var useIsResolvedView = function useIsResolvedView(_ref) {
+  var _hoverPreviewOptions$;
+  var cardState = _ref.cardState,
+    hoverPreviewOptions = _ref.hoverPreviewOptions;
+  return !(hoverPreviewOptions !== null && hoverPreviewOptions !== void 0 && (_hoverPreviewOptions$ = hoverPreviewOptions.render) !== null && _hoverPreviewOptions$ !== void 0 && _hoverPreviewOptions$.call(hoverPreviewOptions)) && cardState.status === 'resolved';
+};
+var useServices = function useServices(_ref2) {
+  var url = _ref2.url;
+  var linkState = (0, _store.useSmartCardState)(url);
+  var services = (0, _helpers.getServices)(linkState.details);
+  return services;
+};
+var useIsUnauthorisedView = function useIsUnauthorisedView(_ref3) {
+  var _hoverPreviewOptions$2;
+  var cardState = _ref3.cardState,
+    url = _ref3.url,
+    hoverPreviewOptions = _ref3.hoverPreviewOptions;
+  var services = useServices({
+    url: url
+  });
+  return !(hoverPreviewOptions !== null && hoverPreviewOptions !== void 0 && (_hoverPreviewOptions$2 = hoverPreviewOptions.render) !== null && _hoverPreviewOptions$2 !== void 0 && _hoverPreviewOptions$2.call(hoverPreviewOptions)) && cardState.status === 'unauthorized' && Boolean(services === null || services === void 0 ? void 0 : services.length);
+};
+var useIsShowPreauthBetterHovercard = function useIsShowPreauthBetterHovercard(props) {
+  var rovoConfig = (0, _useRovoConfig.default)();
+  return Boolean(useIsUnauthorisedView(props) && (rovoConfig === null || rovoConfig === void 0 ? void 0 : rovoConfig.isRovoEnabled) && (0, _expValEquals.expValEquals)('platform_sl_3p_preauth_better_hovercard', 'isEnabled', true));
+};
+var HoverCardContent = function HoverCardContent(_ref4) {
   var _linkState$status, _cardState$details;
-  var _ref$id = _ref.id,
-    id = _ref$id === void 0 ? '' : _ref$id,
-    cardState = _ref.cardState,
-    onActionClick = _ref.onActionClick,
-    onResolve = _ref.onResolve,
-    renderers = _ref.renderers,
-    url = _ref.url,
-    onMouseEnter = _ref.onMouseEnter,
-    onMouseLeave = _ref.onMouseLeave,
-    actionOptions = _ref.actionOptions,
-    hoverPreviewOptions = _ref.hoverPreviewOptions,
-    showRovoResolvedView = _ref.showRovoResolvedView;
+  var _ref4$id = _ref4.id,
+    id = _ref4$id === void 0 ? '' : _ref4$id,
+    cardState = _ref4.cardState,
+    onActionClick = _ref4.onActionClick,
+    onResolve = _ref4.onResolve,
+    renderers = _ref4.renderers,
+    url = _ref4.url,
+    onMouseEnter = _ref4.onMouseEnter,
+    onMouseLeave = _ref4.onMouseLeave,
+    onDismiss = _ref4.onDismiss,
+    actionOptions = _ref4.actionOptions,
+    hoverPreviewOptions = _ref4.hoverPreviewOptions,
+    showRovoResolvedView = _ref4.showRovoResolvedView;
   var _useAnalyticsEventsNe = (0, _analyticsNext.useAnalyticsEvents)(),
     createAnalyticsEvent = _useAnalyticsEventsNe.createAnalyticsEvent;
   var _useAnalyticsEvents = (0, _useAnalyticsEvents2.useAnalyticsEvents)(),
@@ -148,82 +177,186 @@ var HoverCardContent = function HoverCardContent(_ref) {
   var onClickStopPropagation = (0, _react.useCallback)(function (e) {
     return e.stopPropagation();
   }, []);
-  var getCardView = function getCardView(cardState) {
-    var _hoverPreviewOptions$;
-    var overrideView = hoverPreviewOptions === null || hoverPreviewOptions === void 0 || (_hoverPreviewOptions$ = hoverPreviewOptions.render) === null || _hoverPreviewOptions$ === void 0 ? void 0 : _hoverPreviewOptions$.call(hoverPreviewOptions);
-    if (overrideView) {
-      return overrideView;
-    }
-    if (cardState.status === 'errored' && (0, _platformFeatureFlags.fg)('navx-2478-sl-fix-hover-card-unresolved-view')) {
+  var useIsResolvedViewGated = (0, _platformFeatureFlagsReact.functionUnionWithCondition)(function () {
+    return (0, _platformFeatureFlags.fg)('platform_sl_3p_preauth_better_hovercard_killswitch');
+  }, useIsResolvedView, function () {
+    return undefined;
+  });
+  var useIsUnauthorisedViewGated = (0, _platformFeatureFlagsReact.functionUnionWithCondition)(function () {
+    return (0, _platformFeatureFlags.fg)('platform_sl_3p_preauth_better_hovercard_killswitch');
+  }, useIsUnauthorisedView, function () {
+    return undefined;
+  });
+  var useIsShowPreauthBetterHovercardGated = (0, _platformFeatureFlagsReact.functionUnionWithCondition)(function () {
+    return (0, _platformFeatureFlags.fg)('platform_sl_3p_preauth_better_hovercard_killswitch');
+  }, useIsShowPreauthBetterHovercard, function () {
+    return undefined;
+  });
+  var isResolved = useIsResolvedViewGated({
+    cardState: cardState,
+    hoverPreviewOptions: hoverPreviewOptions
+  });
+  var isUnauthorised = useIsUnauthorisedViewGated({
+    cardState: cardState,
+    url: url,
+    hoverPreviewOptions: hoverPreviewOptions
+  });
+  var showPreauthBetterHovercard = useIsShowPreauthBetterHovercardGated({
+    cardState: cardState,
+    url: url,
+    hoverPreviewOptions: hoverPreviewOptions
+  });
+  if ((0, _platformFeatureFlags.fg)('platform_sl_3p_preauth_better_hovercard_killswitch')) {
+    var cardView = function (_hoverPreviewOptions$3) {
+      var overrideView = hoverPreviewOptions === null || hoverPreviewOptions === void 0 || (_hoverPreviewOptions$3 = hoverPreviewOptions.render) === null || _hoverPreviewOptions$3 === void 0 ? void 0 : _hoverPreviewOptions$3.call(hoverPreviewOptions);
+      if (overrideView) {
+        return overrideView;
+      }
+      if (cardState.status === 'errored' && (0, _platformFeatureFlags.fg)('navx-2478-sl-fix-hover-card-unresolved-view')) {
+        return null;
+      }
+      if ((0, _platformFeatureFlags.fg)('navx-2478-sl-fix-hover-card-unresolved-view') ? cardState.status === 'resolving' || cardState.metadataStatus === 'pending' : cardState.metadataStatus === 'pending') {
+        return /*#__PURE__*/_react.default.createElement(_resolving.default, {
+          flexibleCardProps: flexibleCardProps,
+          titleBlockProps: titleBlockProps
+        });
+      }
+      if (isUnauthorised) {
+        if (showPreauthBetterHovercard) {
+          return /*#__PURE__*/_react.default.createElement(_RovoUnauthorisedView.default, {
+            extensionKey: extensionKey,
+            id: id,
+            flexibleCardProps: flexibleCardProps,
+            onDismiss: onDismiss,
+            url: url
+          });
+        }
+        return /*#__PURE__*/_react.default.createElement(_unauthorised.default, {
+          extensionKey: extensionKey,
+          id: id,
+          flexibleCardProps: flexibleCardProps,
+          url: url
+        });
+      }
+      if (cardState.status === 'forbidden' || cardState.status === 'not_found') {
+        return /*#__PURE__*/_react.default.createElement(_forbidden.default, {
+          flexibleCardProps: flexibleCardProps
+        });
+      }
+      if (isResolved) {
+        return /*#__PURE__*/_react.default.createElement(_resolved.default, (0, _extends2.default)({}, (0, _platformFeatureFlags.fg)('platform_sl_3p_auth_rovo_action_kill_switch') ? {
+          actionOptions: actionOptions,
+          showRovoResolvedView: showRovoResolvedView
+        } : undefined, {
+          cardState: cardState,
+          extensionKey: extensionKey,
+          flexibleCardProps: flexibleCardProps,
+          isAISummaryEnabled: isAISummaryEnabled,
+          onActionClick: onActionClick,
+          titleBlockProps: titleBlockProps,
+          url: url
+        }));
+      }
       return null;
-    }
-    if ((0, _platformFeatureFlags.fg)('navx-2478-sl-fix-hover-card-unresolved-view') ? cardState.status === 'resolving' || cardState.metadataStatus === 'pending' : cardState.metadataStatus === 'pending') {
-      return /*#__PURE__*/_react.default.createElement(_resolving.default, {
-        flexibleCardProps: flexibleCardProps,
-        titleBlockProps: titleBlockProps
-      });
-    }
-    if (cardState.status === 'unauthorized' && services !== null && services !== void 0 && services.length) {
-      return /*#__PURE__*/_react.default.createElement(_unauthorised.default, {
-        extensionKey: extensionKey,
-        id: id,
-        flexibleCardProps: flexibleCardProps,
-        url: url
-      });
-    }
-    if (cardState.status === 'forbidden' || cardState.status === 'not_found') {
-      return /*#__PURE__*/_react.default.createElement(_forbidden.default, {
-        flexibleCardProps: flexibleCardProps
-      });
-    }
-    if (cardState.status === 'resolved') {
-      return /*#__PURE__*/_react.default.createElement(_resolved.default, (0, _extends2.default)({}, (0, _platformFeatureFlags.fg)('platform_sl_3p_auth_rovo_action_kill_switch') ? {
-        actionOptions: actionOptions,
-        showRovoResolvedView: showRovoResolvedView
-      } : undefined, {
-        cardState: cardState,
-        extensionKey: extensionKey,
-        flexibleCardProps: flexibleCardProps,
-        isAISummaryEnabled: isAISummaryEnabled,
-        onActionClick: onActionClick,
-        titleBlockProps: titleBlockProps,
-        url: url
-      }));
-    }
-    return null;
-  };
-  var cardView = getCardView(cardState);
-  return cardView ? /*#__PURE__*/_react.default.createElement(_ContentContainer.default, {
-    onMouseEnter: onMouseEnter,
-    onMouseLeave: onMouseLeave,
-    onClick: onClickStopPropagation,
-    isAIEnabled: isAISummaryEnabled,
-    url: url
-  }, cardView) : null;
+    }();
+    return cardView ? /*#__PURE__*/_react.default.createElement(_ContentContainer.default, {
+      onMouseEnter: onMouseEnter,
+      onMouseLeave: onMouseLeave,
+      onClick: onClickStopPropagation,
+      widthAppearance: showPreauthBetterHovercard ? 'slim' : undefined,
+      isAIEnabled: isAISummaryEnabled,
+      url: url
+    }, cardView) : null;
+  } else {
+    var getCardView = function getCardView(cardState) {
+      var _hoverPreviewOptions$4;
+      var overrideView = hoverPreviewOptions === null || hoverPreviewOptions === void 0 || (_hoverPreviewOptions$4 = hoverPreviewOptions.render) === null || _hoverPreviewOptions$4 === void 0 ? void 0 : _hoverPreviewOptions$4.call(hoverPreviewOptions);
+      if (overrideView) {
+        return overrideView;
+      }
+      if (cardState.status === 'errored' && (0, _platformFeatureFlags.fg)('navx-2478-sl-fix-hover-card-unresolved-view')) {
+        return null;
+      }
+      if ((0, _platformFeatureFlags.fg)('navx-2478-sl-fix-hover-card-unresolved-view') ? cardState.status === 'resolving' || cardState.metadataStatus === 'pending' : cardState.metadataStatus === 'pending') {
+        return /*#__PURE__*/_react.default.createElement(_resolving.default, {
+          flexibleCardProps: flexibleCardProps,
+          titleBlockProps: titleBlockProps
+        });
+      }
+      if (cardState.status === 'unauthorized' && services !== null && services !== void 0 && services.length) {
+        return /*#__PURE__*/_react.default.createElement(_unauthorised.default, {
+          extensionKey: extensionKey,
+          id: id,
+          flexibleCardProps: flexibleCardProps,
+          url: url
+        });
+      }
+      if (cardState.status === 'forbidden' || cardState.status === 'not_found') {
+        return /*#__PURE__*/_react.default.createElement(_forbidden.default, {
+          flexibleCardProps: flexibleCardProps
+        });
+      }
+      if (cardState.status === 'resolved') {
+        return /*#__PURE__*/_react.default.createElement(_resolved.default, (0, _extends2.default)({}, (0, _platformFeatureFlags.fg)('platform_sl_3p_auth_rovo_action_kill_switch') ? {
+          actionOptions: actionOptions,
+          showRovoResolvedView: showRovoResolvedView
+        } : undefined, {
+          cardState: cardState,
+          extensionKey: extensionKey,
+          flexibleCardProps: flexibleCardProps,
+          isAISummaryEnabled: isAISummaryEnabled,
+          onActionClick: onActionClick,
+          titleBlockProps: titleBlockProps,
+          url: url
+        }));
+      }
+      return null;
+    };
+    var _cardView = getCardView(cardState);
+    return _cardView ? /*#__PURE__*/_react.default.createElement(_ContentContainer.default, {
+      onMouseEnter: onMouseEnter,
+      onMouseLeave: onMouseLeave,
+      onClick: onClickStopPropagation,
+      isAIEnabled: isAISummaryEnabled,
+      url: url
+    }, _cardView) : null;
+  }
 };
 var HoverCardContentWithViewVariant = function HoverCardContentWithViewVariant(props) {
-  var _props$cardState2, _props$cardState3;
+  var cardState = props.cardState,
+    actionOptions = props.actionOptions;
   var rovoConfig = (0, _useRovoConfig.default)();
+  var isResolved = useIsResolvedView(props);
+  var showPreauthBetterHovercard = useIsShowPreauthBetterHovercard(props);
   var showRovoResolvedView = (0, _react.useMemo)(function () {
-    var _props$cardState;
-    return (props === null || props === void 0 || (_props$cardState = props.cardState) === null || _props$cardState === void 0 ? void 0 : _props$cardState.status) === 'resolved' && (props === null || props === void 0 ? void 0 : props.cardState.details) && (0, _extractRovoChatAction.default)({
-      response: props === null || props === void 0 ? void 0 : props.cardState.details,
+    return isResolved && cardState.details && (0, _extractRovoChatAction.default)({
+      response: cardState.details,
       rovoConfig: rovoConfig,
-      actionOptions: props === null || props === void 0 ? void 0 : props.actionOptions
+      actionOptions: actionOptions
     }) !== undefined;
-  }, [props === null || props === void 0 ? void 0 : props.actionOptions, props === null || props === void 0 || (_props$cardState2 = props.cardState) === null || _props$cardState2 === void 0 ? void 0 : _props$cardState2.details, props === null || props === void 0 || (_props$cardState3 = props.cardState) === null || _props$cardState3 === void 0 ? void 0 : _props$cardState3.status, rovoConfig]);
+  }, [actionOptions, cardState.details, rovoConfig, isResolved]);
   var data = (0, _react.useMemo)(function () {
-    var viewVariant = showRovoResolvedView && (0, _expValEqualsNoExposure.expValEqualsNoExposure)('platform_sl_3p_auth_rovo_action', 'isEnabled', true) ? 'rovo-resolved-view' : 'default';
+    var viewVariant = 'default';
+    if (showRovoResolvedView && (0, _expValEqualsNoExposure.expValEqualsNoExposure)('platform_sl_3p_auth_rovo_action', 'isEnabled', true)) {
+      viewVariant = 'rovo-resolved-view';
+    } else if (showPreauthBetterHovercard) {
+      viewVariant = 'rovo-unauthorised-view';
+    }
     return {
       attributes: {
         viewVariant: viewVariant
       }
     };
-  }, [showRovoResolvedView]);
+  }, [showRovoResolvedView, showPreauthBetterHovercard]);
   return /*#__PURE__*/_react.default.createElement(_analyticsNext.AnalyticsContext, {
     data: data
   }, /*#__PURE__*/_react.default.createElement(HoverCardContent, (0, _extends2.default)({}, props, {
     showRovoResolvedView: showRovoResolvedView
   })));
 };
-var _default = exports.default = (0, _platformFeatureFlagsReact.componentWithFG)('platform_sl_3p_auth_rovo_action_kill_switch', HoverCardContentWithViewVariant, HoverCardContent);
+var _default = exports.default = (0, _platformFeatureFlagsReact.componentWithCondition)(function () {
+  // We need to read both of them to sutisfy some of the tests that expect both to be checked.
+  var flagA = (0, _platformFeatureFlags.fg)('platform_sl_3p_preauth_better_hovercard_killswitch');
+  var flagB = (0, _platformFeatureFlags.fg)('platform_sl_3p_auth_rovo_action_kill_switch');
+  return flagA || flagB;
+}, HoverCardContentWithViewVariant, HoverCardContent);

package/dist/cjs/view/HoverCard/components/views/unauthorised/RovoUnauthorisedView.compiled.css

@@ -0,0 +1,16 @@
+
+._zulputpp{gap:var(--ds-space-150,9pt)}._13li1mok{border-top-left-radius:var(--ds-radius-large,8px)}
+._19bvpxbi{padding-left:var(--ds-space-200,1pc)}
+._19pkpxbi{margin-top:var(--ds-space-200,1pc)}
+._1bahesu3{justify-content:flex-end}
+._1e0c1txw{display:flex}
+._1n261g80{flex-wrap:wrap}
+._4cvr1h6o{align-items:center}
+._bfhkomb0{background-color:var(--ds-background-brand-bold,#0052cc)}
+._ca0qpxbi{padding-top:var(--ds-space-200,1pc)}
+._ca0qutpp{padding-top:var(--ds-space-150,9pt)}
+._n3tdpxbi{padding-bottom:var(--ds-space-200,1pc)}
+._n3tdutpp{padding-bottom:var(--ds-space-150,9pt)}
+._qrwq1mok{border-top-right-radius:var(--ds-radius-large,8px)}
+._syaz15cr{color:var(--ds-text-inverse,#fff)}
+._u5f3pxbi{padding-right:var(--ds-space-200,1pc)}

package/dist/cjs/view/HoverCard/components/views/unauthorised/RovoUnauthorisedView.js

@@ -0,0 +1,135 @@
+/* RovoUnauthorisedView.tsx generated by @compiled/babel-plugin v0.39.1 */
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+var _typeof = require("@babel/runtime/helpers/typeof");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+require("./RovoUnauthorisedView.compiled.css");
+var _react = _interopRequireWildcard(require("react"));
+var React = _react;
+var _runtime = require("@compiled/react/runtime");
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+var _reactIntlNext = require("react-intl-next");
+var _new = _interopRequireDefault(require("@atlaskit/button/new"));
+var _icon = require("@atlaskit/icon");
+var _aiSparkle = _interopRequireDefault(require("@atlaskit/icon/core/ai-sparkle"));
+var _appSwitcher = _interopRequireDefault(require("@atlaskit/icon/core/app-switcher"));
+var _globe = _interopRequireDefault(require("@atlaskit/icon/core/globe"));
+var _search = _interopRequireDefault(require("@atlaskit/icon/core/search"));
+var _linkExtractors = require("@atlaskit/link-extractors");
+var _compiled = require("@atlaskit/primitives/compiled");
+var _useAnalyticsEvents2 = require("../../../../../common/analytics/generated/use-analytics-events");
+var _constants = require("../../../../../constants");
+var _messages = require("../../../../../messages");
+var _actions = require("../../../../../state/actions");
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
+var ROVO_FEATURES = [{
+  icon: _globe.default,
+  appearance: 'blue',
+  titleMessage: _messages.messages.rovo_unauthorised_feature_document_summaries_title,
+  descMessage: _messages.messages.rovo_unauthorised_feature_document_summaries_desc,
+  testIdSuffix: 'document-summaries'
+}, {
+  icon: _search.default,
+  appearance: 'purple',
+  titleMessage: _messages.messages.rovo_unauthorised_feature_related_content_title,
+  descMessage: _messages.messages.rovo_unauthorised_feature_related_content_desc,
+  testIdSuffix: 'related-content'
+}, {
+  icon: _aiSparkle.default,
+  appearance: 'orange',
+  titleMessage: _messages.messages.rovo_unauthorised_feature_smart_suggestions_title,
+  descMessage: _messages.messages.rovo_unauthorised_feature_smart_suggestions_desc,
+  testIdSuffix: 'smart-suggestions'
+}, {
+  icon: _appSwitcher.default,
+  appearance: 'teal',
+  titleMessage: _messages.messages.rovo_unauthorised_feature_cross_reference_title,
+  descMessage: _messages.messages.rovo_unauthorised_feature_cross_reference_desc,
+  testIdSuffix: 'cross-reference'
+}];
+var layoutStyles = {
+  header: "_bfhkomb0 _syaz15cr _ca0qutpp _u5f3pxbi _n3tdutpp _19bvpxbi _13li1mok _qrwq1mok",
+  body: "_ca0qpxbi _u5f3pxbi _n3tdpxbi _19bvpxbi",
+  footer: "_19pkpxbi _ca0qutpp",
+  footerActions: "_zulputpp _1e0c1txw _4cvr1h6o _1bahesu3 _1n261g80"
+};
+var RovoUnauthorisedView = function RovoUnauthorisedView(_ref) {
+  var _ref$id = _ref.id,
+    id = _ref$id === void 0 ? '' : _ref$id,
+    flexibleCardProps = _ref.flexibleCardProps,
+    onDismiss = _ref.onDismiss,
+    _ref$testId = _ref.testId,
+    testId = _ref$testId === void 0 ? 'hover-card-rovo-unauthorised-view' : _ref$testId,
+    url = _ref.url;
+  var providerName = (0, _react.useMemo)(function () {
+    var _extractSmartLinkProv;
+    return (_extractSmartLinkProv = (0, _linkExtractors.extractSmartLinkProvider)(flexibleCardProps.cardState.details)) === null || _extractSmartLinkProv === void 0 ? void 0 : _extractSmartLinkProv.text;
+  }, [flexibleCardProps.cardState.details]);
+  var _useSmartCardActions = (0, _actions.useSmartCardActions)(id, url),
+    authorize = _useSmartCardActions.authorize;
+  var _useAnalyticsEvents = (0, _useAnalyticsEvents2.useAnalyticsEvents)(),
+    fireEvent = _useAnalyticsEvents.fireEvent;
+  var handleAuthorize = (0, _react.useCallback)(function () {
+    if (authorize) {
+      fireEvent('track.applicationAccount.authStarted', {});
+      authorize(_constants.CardDisplay.HoverCardPreview);
+    }
+  }, [authorize, fireEvent]);
+  return /*#__PURE__*/React.createElement(_compiled.Box, {
+    testId: testId
+  }, /*#__PURE__*/React.createElement(_compiled.Box, {
+    xcss: layoutStyles.header
+  }, /*#__PURE__*/React.createElement(_compiled.Text, {
+    weight: "bold",
+    size: "medium",
+    color: "color.text.inverse"
+  }, providerName ? /*#__PURE__*/React.createElement(_reactIntlNext.FormattedMessage, (0, _extends2.default)({}, _messages.messages.rovo_unauthorised_title, {
+    values: {
+      context: providerName
+    }
+  })) : /*#__PURE__*/React.createElement(_reactIntlNext.FormattedMessage, _messages.messages.rovo_unauthorised_title_no_provider))), /*#__PURE__*/React.createElement(_compiled.Box, {
+    xcss: layoutStyles.body
+  }, /*#__PURE__*/React.createElement(_compiled.Stack, {
+    space: "space.050"
+  }, /*#__PURE__*/React.createElement(_compiled.Stack, {
+    space: "space.200"
+  }, ROVO_FEATURES.map(function (feature) {
+    return /*#__PURE__*/React.createElement(_compiled.Inline, {
+      key: feature.testIdSuffix,
+      space: "space.100",
+      alignBlock: "center",
+      testId: "".concat(testId, "-feature-row-").concat(feature.testIdSuffix)
+    }, /*#__PURE__*/React.createElement(_icon.IconTile, {
+      icon: feature.icon,
+      label: '',
+      appearance: feature.appearance,
+      size: "medium",
+      testId: "".concat(testId, "-feature-").concat(feature.testIdSuffix)
+    }), /*#__PURE__*/React.createElement(_compiled.Stack, {
+      space: "space.025"
+    }, /*#__PURE__*/React.createElement(_compiled.Text, {
+      size: "small",
+      weight: "bold"
+    }, /*#__PURE__*/React.createElement(_reactIntlNext.FormattedMessage, feature.titleMessage)), /*#__PURE__*/React.createElement(_compiled.Text, {
+      size: "small",
+      color: "color.text.subtlest"
+    }, /*#__PURE__*/React.createElement(_reactIntlNext.FormattedMessage, feature.descMessage))));
+  })), /*#__PURE__*/React.createElement(_compiled.Box, {
+    xcss: layoutStyles.footer
+  }, /*#__PURE__*/React.createElement(_compiled.Box, {
+    xcss: layoutStyles.footerActions
+  }, /*#__PURE__*/React.createElement(_new.default, {
+    appearance: "subtle",
+    onClick: onDismiss,
+    testId: "".concat(testId, "-not-now")
+  }, /*#__PURE__*/React.createElement(_reactIntlNext.FormattedMessage, _messages.messages.rovo_unauthorised_not_now)), /*#__PURE__*/React.createElement(_new.default, {
+    appearance: "primary",
+    onClick: handleAuthorize,
+    testId: "".concat(testId, "-connect-account")
+  }, /*#__PURE__*/React.createElement(_reactIntlNext.FormattedMessage, _messages.messages.rovo_unauthorised_connect_account)))))));
+};
+var _default = exports.default = RovoUnauthorisedView;

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

@@ -1,3 +1,7 @@
+
+._1s7zia51{border-right:var(--ds-border-width,1px) solid var(--ds-border,#0b120e24)}
+._n7zlia51{border-bottom:var(--ds-border-width,1px) solid var(--ds-border,#0b120e24)}
+._x3doia51{border-top:var(--ds-border-width,1px) solid var(--ds-border,#0b120e24)}._13liidpf{border-top-left-radius:0}
 ._13lilb4i{border-top-left-radius:var(--ds-radius-xsmall,2px)}
 ._16d9qvcn{-webkit-box-decoration-break:clone;box-decoration-break:clone}
 ._19bv12x7{padding-left:var(--ds-space-075,6px)}
@@ -7,6 +11,7 @@
 ._1o0zlb4i{border-bottom-right-radius:var(--ds-radius-xsmall,2px)}
 ._1y1m1u8q{background-clip:padding-box}
 ._2hwxt94y{margin-right:1px}
+._2hwxv77o{margin-right:var(--ds-space-025,2px)}
 ._80om13gf{cursor:not-allowed}
 ._80omtlke{cursor:pointer}
 ._bfhkby5v{background-color:var(--ds-background-disabled,#17171708)}
@@ -16,16 +21,19 @@
 ._ca0qv77o{padding-top:var(--ds-space-025,2px)}
 ._k48p1wq8{font-weight:var(--ds-font-weight-medium,500)}
 ._k48pi7a9{font-weight:var(--ds-font-weight-regular,400)}
+._mrkbidpf{border-bottom-left-radius:0}
 ._mrkblb4i{border-bottom-left-radius:var(--ds-radius-xsmall,2px)}
 ._n3tdt94y{padding-bottom:1px}
 ._n3tdv77o{padding-bottom:var(--ds-space-025,2px)}
 ._o5721btx{white-space:break-spaces}
+._o5721q9c{white-space:nowrap}
 ._qrwqlb4i{border-top-right-radius:var(--ds-radius-xsmall,2px)}
 ._syaz15cr{color:var(--ds-text-inverse,#fff)}
 ._syaz1gmx{color:var(--ds-text-disabled,#080f214a)}
 ._syazi7uo{color:var(--ds-text,#292a2e)}
 ._u5f312x7{padding-right:var(--ds-space-075,6px)}
 ._y3gn18uv{text-align:initial}
+._4cvxq98m:hover{border-color:var(--ds-border-selected,#1868db)}
 ._irr31q28:hover{background-color:var(--ds-background-selected-bold-hovered,#1558bc)}
 ._irr3plhp:hover{background-color:var(--ds-background-neutral-hovered,#0b120e24)}
 ._1di612kk:active{background-color:var(--ds-background-selected-bold-pressed,#123263)}

package/dist/cjs/view/InlineCard/common/action-button/index.js

@@ -21,7 +21,8 @@ var styles = {
   innerContainer: "_1e0c1nu9 _1y1m1u8q _16d9qvcn _k48p1wq8 _19bv12x7 _ca0qv77o _n3tdv77o _u5f312x7 _y3gn18uv _o5721btx _1nmz9jpi",
   enabled: "_syazi7uo _80omtlke _bfhki8nm _irr3plhp _1di61gdz",
   disabled: "_syaz1gmx _80om13gf _bfhkby5v",
-  unauthorised: "_syaz15cr _80omtlke _bfhkjmqp _qrwqlb4i _1o0zlb4i _13lilb4i _mrkblb4i _ca0qt94y _n3tdt94y _2hwxt94y _k48pi7a9 _irr31q28 _1di612kk"
+  unauthorised: "_syaz15cr _80omtlke _bfhkjmqp _qrwqlb4i _1o0zlb4i _13lilb4i _mrkblb4i _ca0qt94y _n3tdt94y _2hwxt94y _k48pi7a9 _irr31q28 _1di612kk",
+  action: "_x3doia51 _1s7zia51 _n7zlia51 _syaz15cr _80omtlke _bfhkjmqp _qrwqlb4i _1o0zlb4i _13liidpf _mrkbidpf _2hwxv77o _k48pi7a9 _o5721q9c _4cvxq98m _irr31q28 _1di612kk"
 };
 /**
  * Action button has to be a span for the overflow to work correctly

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

@@ -0,0 +1,15 @@
+
+._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)}

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

@@ -0,0 +1,110 @@
+/* index.tsx generated by @compiled/babel-plugin v0.39.1 */
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+var _typeof = require("@babel/runtime/helpers/typeof");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.RovoActionsButton = void 0;
+require("./index.compiled.css");
+var _runtime = require("@compiled/react/runtime");
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+var _react = _interopRequireWildcard(require("react"));
+var _reactIntlNext = require("react-intl-next");
+var _css = require("@atlaskit/css");
+var _rovoChat = _interopRequireDefault(require("@atlaskit/icon/core/rovo-chat"));
+var _popup = _interopRequireDefault(require("@atlaskit/popup"));
+var _compiled = require("@atlaskit/primitives/compiled");
+var _messages = require("../../../../messages");
+var _aiPrism = _interopRequireDefault(require("../../../common/ai-prism"));
+var _actionButton = require("../action-button");
+var _rovoPostAuthActionsModal = require("../rovo-post-auth-actions-modal");
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
+var styles = {
+  wrapper: "_kqswh2mm _1e0c1o8l",
+  expanded: "_kqswstnw _154iidpf _1xi2idpf _1e0c1nu9 _o5721q9c _1pbykb7n",
+  expandedText: "_1reo15vq _18m915vq _v564hlhx _1e0c1o8l _p12fidpf _s7n4jp4b _o5721q9c",
+  expandedTextVisible: "_p12fuuw1 _u5f31b66"
+};
+var RovoActionsButton = exports.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 = (0, _react.useState)(false),
+    _useState2 = (0, _slicedToArray2.default)(_useState, 2),
+    isHovered = _useState2[0],
+    setIsHovered = _useState2[1];
+  var _useState3 = (0, _react.useState)(false),
+    _useState4 = (0, _slicedToArray2.default)(_useState3, 2),
+    isPopupOpen = _useState4[0],
+    setIsPopupOpen = _useState4[1];
+  var _useIntl = (0, _reactIntlNext.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.default.createElement(_popup.default, {
+    isOpen: isPopupOpen,
+    onClose: function onClose() {
+      return setIsPopupOpen(false);
+    },
+    placement: "right-start",
+    content: function content() {
+      return /*#__PURE__*/_react.default.createElement(_aiPrism.default, {
+        isVisible: true,
+        isMoving: true,
+        isGlowing: true
+      }, /*#__PURE__*/_react.default.createElement(_rovoPostAuthActionsModal.RovoPostAuthActionsModal, {
+        title: title,
+        url: url,
+        testId: testId && "".concat(testId, "-popup")
+      }));
+    },
+    trigger: function trigger(triggerProps) {
+      return /*#__PURE__*/_react.default.createElement(_compiled.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.default.createElement(_actionButton.ActionButton, (0, _extends2.default)({
+        onClick: handleClick,
+        viewType: "action",
+        testId: testId
+      }, triggerProps), /*#__PURE__*/_react.default.createElement(_rovoChat.default, {
+        label: "Rovo",
+        color: "var(--ds-icon-inverse, #FFFFFF)",
+        size: "small"
+      })), /*#__PURE__*/_react.default.createElement(_compiled.Box, {
+        xcss: styles.expanded
+      }, /*#__PURE__*/_react.default.createElement(_actionButton.ActionButton, (0, _extends2.default)({
+        onClick: handleClick,
+        viewType: "action"
+      }, triggerProps), /*#__PURE__*/_react.default.createElement(_compiled.Box, {
+        xcss: (0, _css.cx)(styles.expandedText, isHovered && styles.expandedTextVisible)
+      }, formatMessage(_messages.messages.rovo_actions_explore)), /*#__PURE__*/_react.default.createElement(_rovoChat.default, {
+        label: "Rovo",
+        color: "var(--ds-icon-inverse, #FFFFFF)",
+        size: "small"
+      }))));
+    }
+  });
+};