@atlaskit/smart-card 43.30.1 → 43.31.1

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

@@ -6,7 +6,8 @@ import React, { useCallback, useEffect, useMemo, useRef } from 'react';
 import { AnalyticsContext, useAnalyticsEvents as useAnalyticsEventsNext } from '@atlaskit/analytics-next';
 import { useSmartLinkContext } from '@atlaskit/link-provider';
 import { fg } from '@atlaskit/platform-feature-flags';
-import { componentWithFG } from '@atlaskit/platform-feature-flags-react';
+import { componentWithCondition, functionUnionWithCondition } from '@atlaskit/platform-feature-flags-react';
+import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
 import { expValEqualsNoExposure } from '@atlaskit/tmp-editor-statsig/exp-val-equals-no-exposure';
 import { useAnalyticsEvents } from '../../../common/analytics/generated/use-analytics-events';
 import { CardDisplay, SmartLinkPosition, SmartLinkSize } from '../../../constants';
@@ -24,21 +25,49 @@ import HoverCardForbiddenView from './views/forbidden';
 import HoverCardResolvedView from './views/resolved';
 import HoverCardLoadingView from './views/resolving';
 import HoverCardUnauthorisedView from './views/unauthorised';
+import RovoUnauthorisedView from './views/unauthorised/RovoUnauthorisedView';
 export var 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 = useSmartCardState(url);
+  var services = 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 = useRovoConfig();
+  return Boolean(useIsUnauthorisedView(props) && (rovoConfig === null || rovoConfig === void 0 ? void 0 : rovoConfig.isRovoEnabled) && 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 = useAnalyticsEventsNext(),
     createAnalyticsEvent = _useAnalyticsEventsNe.createAnalyticsEvent;
   var _useAnalyticsEvents = useAnalyticsEvents(),
@@ -139,82 +168,186 @@ var HoverCardContent = function HoverCardContent(_ref) {
   var onClickStopPropagation = 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' && fg('navx-2478-sl-fix-hover-card-unresolved-view')) {
+  var useIsResolvedViewGated = functionUnionWithCondition(function () {
+    return fg('platform_sl_3p_preauth_better_hovercard_killswitch');
+  }, useIsResolvedView, function () {
+    return undefined;
+  });
+  var useIsUnauthorisedViewGated = functionUnionWithCondition(function () {
+    return fg('platform_sl_3p_preauth_better_hovercard_killswitch');
+  }, useIsUnauthorisedView, function () {
+    return undefined;
+  });
+  var useIsShowPreauthBetterHovercardGated = functionUnionWithCondition(function () {
+    return 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 (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' && fg('navx-2478-sl-fix-hover-card-unresolved-view')) {
+        return null;
+      }
+      if (fg('navx-2478-sl-fix-hover-card-unresolved-view') ? cardState.status === 'resolving' || cardState.metadataStatus === 'pending' : cardState.metadataStatus === 'pending') {
+        return /*#__PURE__*/React.createElement(HoverCardLoadingView, {
+          flexibleCardProps: flexibleCardProps,
+          titleBlockProps: titleBlockProps
+        });
+      }
+      if (isUnauthorised) {
+        if (showPreauthBetterHovercard) {
+          return /*#__PURE__*/React.createElement(RovoUnauthorisedView, {
+            extensionKey: extensionKey,
+            id: id,
+            flexibleCardProps: flexibleCardProps,
+            onDismiss: onDismiss,
+            url: url
+          });
+        }
+        return /*#__PURE__*/React.createElement(HoverCardUnauthorisedView, {
+          extensionKey: extensionKey,
+          id: id,
+          flexibleCardProps: flexibleCardProps,
+          url: url
+        });
+      }
+      if (cardState.status === 'forbidden' || cardState.status === 'not_found') {
+        return /*#__PURE__*/React.createElement(HoverCardForbiddenView, {
+          flexibleCardProps: flexibleCardProps
+        });
+      }
+      if (isResolved) {
+        return /*#__PURE__*/React.createElement(HoverCardResolvedView, _extends({}, 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 (fg('navx-2478-sl-fix-hover-card-unresolved-view') ? cardState.status === 'resolving' || cardState.metadataStatus === 'pending' : cardState.metadataStatus === 'pending') {
-      return /*#__PURE__*/React.createElement(HoverCardLoadingView, {
-        flexibleCardProps: flexibleCardProps,
-        titleBlockProps: titleBlockProps
-      });
-    }
-    if (cardState.status === 'unauthorized' && services !== null && services !== void 0 && services.length) {
-      return /*#__PURE__*/React.createElement(HoverCardUnauthorisedView, {
-        extensionKey: extensionKey,
-        id: id,
-        flexibleCardProps: flexibleCardProps,
-        url: url
-      });
-    }
-    if (cardState.status === 'forbidden' || cardState.status === 'not_found') {
-      return /*#__PURE__*/React.createElement(HoverCardForbiddenView, {
-        flexibleCardProps: flexibleCardProps
-      });
-    }
-    if (cardState.status === 'resolved') {
-      return /*#__PURE__*/React.createElement(HoverCardResolvedView, _extends({}, 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.createElement(ContentContainer, {
-    onMouseEnter: onMouseEnter,
-    onMouseLeave: onMouseLeave,
-    onClick: onClickStopPropagation,
-    isAIEnabled: isAISummaryEnabled,
-    url: url
-  }, cardView) : null;
+    }();
+    return cardView ? /*#__PURE__*/React.createElement(ContentContainer, {
+      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' && fg('navx-2478-sl-fix-hover-card-unresolved-view')) {
+        return null;
+      }
+      if (fg('navx-2478-sl-fix-hover-card-unresolved-view') ? cardState.status === 'resolving' || cardState.metadataStatus === 'pending' : cardState.metadataStatus === 'pending') {
+        return /*#__PURE__*/React.createElement(HoverCardLoadingView, {
+          flexibleCardProps: flexibleCardProps,
+          titleBlockProps: titleBlockProps
+        });
+      }
+      if (cardState.status === 'unauthorized' && services !== null && services !== void 0 && services.length) {
+        return /*#__PURE__*/React.createElement(HoverCardUnauthorisedView, {
+          extensionKey: extensionKey,
+          id: id,
+          flexibleCardProps: flexibleCardProps,
+          url: url
+        });
+      }
+      if (cardState.status === 'forbidden' || cardState.status === 'not_found') {
+        return /*#__PURE__*/React.createElement(HoverCardForbiddenView, {
+          flexibleCardProps: flexibleCardProps
+        });
+      }
+      if (cardState.status === 'resolved') {
+        return /*#__PURE__*/React.createElement(HoverCardResolvedView, _extends({}, 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.createElement(ContentContainer, {
+      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 = useRovoConfig();
+  var isResolved = useIsResolvedView(props);
+  var showPreauthBetterHovercard = useIsShowPreauthBetterHovercard(props);
   var showRovoResolvedView = 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) && extractRovoChatAction({
-      response: props === null || props === void 0 ? void 0 : props.cardState.details,
+    return isResolved && cardState.details && extractRovoChatAction({
+      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 = useMemo(function () {
-    var viewVariant = showRovoResolvedView && expValEqualsNoExposure('platform_sl_3p_auth_rovo_action', 'isEnabled', true) ? 'rovo-resolved-view' : 'default';
+    var viewVariant = 'default';
+    if (showRovoResolvedView && 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.createElement(AnalyticsContext, {
     data: data
   }, /*#__PURE__*/React.createElement(HoverCardContent, _extends({}, props, {
     showRovoResolvedView: showRovoResolvedView
   })));
 };
-export default componentWithFG('platform_sl_3p_auth_rovo_action_kill_switch', HoverCardContentWithViewVariant, HoverCardContent);
+export default componentWithCondition(function () {
+  // We need to read both of them to sutisfy some of the tests that expect both to be checked.
+  var flagA = fg('platform_sl_3p_preauth_better_hovercard_killswitch');
+  var flagB = fg('platform_sl_3p_auth_rovo_action_kill_switch');
+  return flagA || flagB;
+}, HoverCardContentWithViewVariant, HoverCardContent);

package/dist/esm/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/esm/view/HoverCard/components/views/unauthorised/RovoUnauthorisedView.js

@@ -0,0 +1,126 @@
+/* RovoUnauthorisedView.tsx generated by @compiled/babel-plugin v0.39.1 */
+import _extends from "@babel/runtime/helpers/extends";
+import "./RovoUnauthorisedView.compiled.css";
+import * as React from 'react';
+import { ax, ix } from "@compiled/react/runtime";
+import { useCallback, useMemo } from 'react';
+import { FormattedMessage } from 'react-intl-next';
+import Button from '@atlaskit/button/new';
+import { IconTile } from '@atlaskit/icon';
+import AiSparkleIcon from '@atlaskit/icon/core/ai-sparkle';
+import AppSwitcherIcon from '@atlaskit/icon/core/app-switcher';
+import GlobeIcon from '@atlaskit/icon/core/globe';
+import SearchIcon from '@atlaskit/icon/core/search';
+import { extractSmartLinkProvider } from '@atlaskit/link-extractors';
+import { Box, Inline, Stack, Text } from '@atlaskit/primitives/compiled';
+import { useAnalyticsEvents } from '../../../../../common/analytics/generated/use-analytics-events';
+import { CardDisplay } from '../../../../../constants';
+import { messages } from '../../../../../messages';
+import { useSmartCardActions } from '../../../../../state/actions';
+var ROVO_FEATURES = [{
+  icon: GlobeIcon,
+  appearance: 'blue',
+  titleMessage: messages.rovo_unauthorised_feature_document_summaries_title,
+  descMessage: messages.rovo_unauthorised_feature_document_summaries_desc,
+  testIdSuffix: 'document-summaries'
+}, {
+  icon: SearchIcon,
+  appearance: 'purple',
+  titleMessage: messages.rovo_unauthorised_feature_related_content_title,
+  descMessage: messages.rovo_unauthorised_feature_related_content_desc,
+  testIdSuffix: 'related-content'
+}, {
+  icon: AiSparkleIcon,
+  appearance: 'orange',
+  titleMessage: messages.rovo_unauthorised_feature_smart_suggestions_title,
+  descMessage: messages.rovo_unauthorised_feature_smart_suggestions_desc,
+  testIdSuffix: 'smart-suggestions'
+}, {
+  icon: AppSwitcherIcon,
+  appearance: 'teal',
+  titleMessage: messages.rovo_unauthorised_feature_cross_reference_title,
+  descMessage: 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 = useMemo(function () {
+    var _extractSmartLinkProv;
+    return (_extractSmartLinkProv = extractSmartLinkProvider(flexibleCardProps.cardState.details)) === null || _extractSmartLinkProv === void 0 ? void 0 : _extractSmartLinkProv.text;
+  }, [flexibleCardProps.cardState.details]);
+  var _useSmartCardActions = useSmartCardActions(id, url),
+    authorize = _useSmartCardActions.authorize;
+  var _useAnalyticsEvents = useAnalyticsEvents(),
+    fireEvent = _useAnalyticsEvents.fireEvent;
+  var handleAuthorize = useCallback(function () {
+    if (authorize) {
+      fireEvent('track.applicationAccount.authStarted', {});
+      authorize(CardDisplay.HoverCardPreview);
+    }
+  }, [authorize, fireEvent]);
+  return /*#__PURE__*/React.createElement(Box, {
+    testId: testId
+  }, /*#__PURE__*/React.createElement(Box, {
+    xcss: layoutStyles.header
+  }, /*#__PURE__*/React.createElement(Text, {
+    weight: "bold",
+    size: "medium",
+    color: "color.text.inverse"
+  }, providerName ? /*#__PURE__*/React.createElement(FormattedMessage, _extends({}, messages.rovo_unauthorised_title, {
+    values: {
+      context: providerName
+    }
+  })) : /*#__PURE__*/React.createElement(FormattedMessage, messages.rovo_unauthorised_title_no_provider))), /*#__PURE__*/React.createElement(Box, {
+    xcss: layoutStyles.body
+  }, /*#__PURE__*/React.createElement(Stack, {
+    space: "space.050"
+  }, /*#__PURE__*/React.createElement(Stack, {
+    space: "space.200"
+  }, ROVO_FEATURES.map(function (feature) {
+    return /*#__PURE__*/React.createElement(Inline, {
+      key: feature.testIdSuffix,
+      space: "space.100",
+      alignBlock: "center",
+      testId: "".concat(testId, "-feature-row-").concat(feature.testIdSuffix)
+    }, /*#__PURE__*/React.createElement(IconTile, {
+      icon: feature.icon,
+      label: '',
+      appearance: feature.appearance,
+      size: "medium",
+      testId: "".concat(testId, "-feature-").concat(feature.testIdSuffix)
+    }), /*#__PURE__*/React.createElement(Stack, {
+      space: "space.025"
+    }, /*#__PURE__*/React.createElement(Text, {
+      size: "small",
+      weight: "bold"
+    }, /*#__PURE__*/React.createElement(FormattedMessage, feature.titleMessage)), /*#__PURE__*/React.createElement(Text, {
+      size: "small",
+      color: "color.text.subtlest"
+    }, /*#__PURE__*/React.createElement(FormattedMessage, feature.descMessage))));
+  })), /*#__PURE__*/React.createElement(Box, {
+    xcss: layoutStyles.footer
+  }, /*#__PURE__*/React.createElement(Box, {
+    xcss: layoutStyles.footerActions
+  }, /*#__PURE__*/React.createElement(Button, {
+    appearance: "subtle",
+    onClick: onDismiss,
+    testId: "".concat(testId, "-not-now")
+  }, /*#__PURE__*/React.createElement(FormattedMessage, messages.rovo_unauthorised_not_now)), /*#__PURE__*/React.createElement(Button, {
+    appearance: "primary",
+    onClick: handleAuthorize,
+    testId: "".concat(testId, "-connect-account")
+  }, /*#__PURE__*/React.createElement(FormattedMessage, messages.rovo_unauthorised_connect_account)))))));
+};
+export default RovoUnauthorisedView;

package/dist/esm/view/InlineCard/Icon.js

@@ -5,6 +5,7 @@ var _excluded = ["as", "style"];
 import "./Icon.compiled.css";
 import { forwardRef } from 'react';
 import { ax, ix } from "@compiled/react/runtime";
+/* eslint-disable @atlaskit/ui-styling-standard/no-styled */
 import React from 'react';
 import { SpanSkeleton } from '@atlaskit/linking-common';
 // TODO: Figure out a more scalable/responsive solution

package/dist/esm/view/InlineCard/IconAndTitleLayout/styled.js

@@ -6,6 +6,8 @@ import "./styled.compiled.css";
 import { forwardRef } from 'react';
 import * as React from 'react';
 import { ax, ix } from "@compiled/react/runtime";
+/* eslint-disable @atlaskit/ui-styling-standard/no-styled */
+
 // eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled, @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
 export var RightIconPositionWrapper = forwardRef(function (_ref, __cmplr) {
   var _ref$as = _ref.as,

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

@@ -48,6 +48,7 @@ var WarningModal = function WarningModal(props) {
     locale: "en"
   }, content);
 };
-export default injectIntl(WarningModal, {
+var _default_1 = injectIntl(WarningModal, {
   enforceContext: false
-});
+});
+export default _default_1;

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.30.0",
+  packageVersion: "0.0.0-development",
   componentName: 'linkUrl'
 };
 var Anchor = withLinkClickedEvent('a');
@@ -86,4 +86,5 @@ var LinkUrl = function LinkUrl(_ref) {
     }
   }, props), children)), checkSafety && /*#__PURE__*/React.createElement(LinkWarningModal, linkWarningModalProps));
 };
-export default withAnalyticsContext(PACKAGE_DATA)(LinkUrl);
+var _default_1 = withAnalyticsContext(PACKAGE_DATA)(LinkUrl);
+export default _default_1;

package/dist/types/__fixtures__/bitbucket-pull-request.d.ts

@@ -1,4 +1,4 @@
-declare const _default: {
+declare const _default_1: {
     meta: {
         visibility: string;
         access: string;
@@ -72,4 +72,4 @@ declare const _default: {
         };
     };
 };
-export default _default;
+export default _default_1;

package/dist/types/__fixtures__/compass-scorecard.d.ts

@@ -1,4 +1,4 @@
-declare const _default: {
+declare const _default_1: {
     meta: {
         access: string;
         visibility: string;
@@ -43,4 +43,4 @@ declare const _default: {
         summary: string;
     };
 };
-export default _default;
+export default _default_1;

package/dist/types/__fixtures__/confluence-blog.d.ts

@@ -1,4 +1,4 @@
-declare const _default: {
+declare const _default_1: {
     meta: {
         auth: never[];
         definitionId: string;
@@ -48,4 +48,4 @@ declare const _default: {
         };
     };
 };
-export default _default;
+export default _default_1;

package/dist/types/__fixtures__/confluence-page.d.ts

@@ -1,4 +1,4 @@
-declare const _default: {
+declare const _default_1: {
     meta: {
         auth: never[];
         definitionId: string;
@@ -48,4 +48,4 @@ declare const _default: {
         };
     };
 };
-export default _default;
+export default _default_1;

package/dist/types/__fixtures__/confluence-space.d.ts

@@ -1,4 +1,4 @@
-declare const _default: {
+declare const _default_1: {
     meta: {
         auth: never[];
         definitionId: string;
@@ -35,4 +35,4 @@ declare const _default: {
         };
     };
 };
-export default _default;
+export default _default_1;

package/dist/types/__fixtures__/confluence-template.d.ts

@@ -1,4 +1,4 @@
-declare const _default: {
+declare const _default_1: {
     data: {
         '@context': {
             '@vocab': string;
@@ -30,4 +30,4 @@ declare const _default: {
         visibility: string;
     };
 };
-export default _default;
+export default _default_1;

package/dist/types/__fixtures__/figma-entity.d.ts

@@ -1,4 +1,4 @@
-declare const _default: {
+declare const _default_1: {
     meta: {
         access: string;
         visibility: string;
@@ -55,4 +55,4 @@ declare const _default: {
         iconUrl: string;
     };
 };
-export default _default;
+export default _default_1;

package/dist/types/__fixtures__/figma.d.ts

@@ -1,4 +1,4 @@
-declare const _default: {
+declare const _default_1: {
     meta: {
         access: string;
         visibility: string;
@@ -42,4 +42,4 @@ declare const _default: {
         };
     };
 };
-export default _default;
+export default _default_1;

package/dist/types/__fixtures__/jira-roadmap.d.ts

@@ -1,4 +1,4 @@
-declare const _default: {
+declare const _default_1: {
     meta: {
         auth: never[];
         definitionId: string;
@@ -34,4 +34,4 @@ declare const _default: {
         };
     };
 };
-export default _default;
+export default _default_1;

package/dist/types/__fixtures__/jira-task.d.ts

@@ -1,5 +1,5 @@
 import { SmartLinkActionType } from '@atlaskit/linking-types';
-declare const _default: {
+declare const _default_1: {
     meta: {
         auth: never[];
         definitionId: string;
@@ -77,4 +77,4 @@ declare const _default: {
         }[];
     };
 };
-export default _default;
+export default _default_1;

package/dist/types/__fixtures__/jira-timeline.d.ts

@@ -1,4 +1,4 @@
-declare const _default: {
+declare const _default_1: {
     meta: {
         auth: never[];
         definitionId: string;
@@ -34,4 +34,4 @@ declare const _default: {
         };
     };
 };
-export default _default;
+export default _default_1;