@atlaskit/smart-card 45.6.8 → 45.6.10

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

@@ -14,10 +14,8 @@ 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");
-var _extractRovoChatAction = _interopRequireDefault(require("../../../extractors/flexible/actions/extract-rovo-chat-action"));
 var _helpers = require("../../../state/helpers");
 var _useRovoConfig2 = _interopRequireDefault(require("../../../state/hooks/use-rovo-config"));
 var _useSmartLinkCrossProductUrlWrapper = require("../../../state/hooks/use-smart-link-cross-product-url-wrapper");
@@ -78,8 +76,7 @@ var HoverCardContent = function HoverCardContent(_ref4) {
     onMouseLeave = _ref4.onMouseLeave,
     onDismiss = _ref4.onDismiss,
     actionOptions = _ref4.actionOptions,
-    hoverPreviewOptions = _ref4.hoverPreviewOptions,
-    showRovoResolvedView = _ref4.showRovoResolvedView;
+    hoverPreviewOptions = _ref4.hoverPreviewOptions;
   var _useAnalyticsEventsNe = (0, _analyticsNext.useAnalyticsEvents)(),
     createAnalyticsEvent = _useAnalyticsEventsNe.createAnalyticsEvent;
   var _useAnalyticsEvents = (0, _useAnalyticsEvents2.useAnalyticsEvents)(),
@@ -283,8 +280,7 @@ var HoverCardContent = function HoverCardContent(_ref4) {
       }
       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
+          actionOptions: actionOptions
         } : undefined, {
           cardState: cardState,
           extensionKey: extensionKey,
@@ -335,8 +331,7 @@ var HoverCardContent = function HoverCardContent(_ref4) {
       }
       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
+          actionOptions: actionOptions
         } : undefined, {
           cardState: cardState,
           extensionKey: extensionKey,
@@ -359,23 +354,10 @@ var HoverCardContent = function HoverCardContent(_ref4) {
   }
 };
 var HoverCardContentWithViewVariant = function HoverCardContentWithViewVariant(props) {
-  var cardState = props.cardState,
-    actionOptions = props.actionOptions;
-  var rovoConfig = (0, _useRovoConfig2.default)();
-  var isResolved = useIsResolvedView(props);
   var showPreauthBetterHovercard = useIsShowPreauthBetterHovercard(props);
-  var showRovoResolvedView = (0, _react.useMemo)(function () {
-    return isResolved && cardState.details && (0, _extractRovoChatAction.default)({
-      response: cardState.details,
-      rovoConfig: rovoConfig,
-      actionOptions: actionOptions
-    }) !== undefined;
-  }, [actionOptions, cardState.details, rovoConfig, isResolved]);
   var data = (0, _react.useMemo)(function () {
     var viewVariant = 'default';
-    if (showRovoResolvedView && (0, _expValEqualsNoExposure.expValEqualsNoExposure)('platform_sl_3p_auth_rovo_action', 'isEnabled', true)) {
-      viewVariant = 'rovo-resolved-view';
-    } else if (showPreauthBetterHovercard) {
+    if (showPreauthBetterHovercard) {
       viewVariant = 'rovo-unauthorised-view';
     }
     return {
@@ -383,17 +365,12 @@ var HoverCardContentWithViewVariant = function HoverCardContentWithViewVariant(p
         viewVariant: viewVariant
       }
     };
-  }, [showRovoResolvedView, showPreauthBetterHovercard]);
+  }, [showPreauthBetterHovercard]);
   return /*#__PURE__*/_react.default.createElement(_analyticsNext.AnalyticsContext, {
     data: data
-  }, /*#__PURE__*/_react.default.createElement(HoverCardContent, (0, _extends2.default)({}, props, {
-    showRovoResolvedView: showRovoResolvedView
-  })));
+  }, /*#__PURE__*/_react.default.createElement(HoverCardContent, props));
 };
 var _default_1 = (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;
+  return (0, _platformFeatureFlags.fg)('platform_sl_3p_preauth_better_hovercard_killswitch');
 }, HoverCardContentWithViewVariant, HoverCardContent);
 var _default = exports.default = _default_1;

package/dist/cjs/view/HoverCard/components/views/resolved/index.js

@@ -12,7 +12,6 @@ var _runtime = require("@compiled/react/runtime");
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var _react = _interopRequireWildcard(require("react"));
 var _reactMagneticDi = require("react-magnetic-di");
-var _expValEquals = require("@atlaskit/tmp-editor-statsig/exp-val-equals");
 var _useAnalyticsEvents2 = require("../../../../../common/analytics/generated/use-analytics-events");
 var _constants = require("../../../../../constants");
 var _analytics = require("../../../../../state/analytics");
@@ -33,14 +32,10 @@ var HoverCardResolvedView = function HoverCardResolvedView(_ref) {
     flexibleCardProps = _ref.flexibleCardProps,
     isAISummaryEnabled = _ref.isAISummaryEnabled,
     onActionClick = _ref.onActionClick,
-    showRovoResolvedView = _ref.showRovoResolvedView,
     titleBlockProps = _ref.titleBlockProps,
     id = _ref.id;
   var _useAnalyticsEvents = (0, _useAnalyticsEvents2.useAnalyticsEvents)(),
     fireEvent = _useAnalyticsEvents.fireEvent;
-  // We want to fire exposure event only for those cases when user otherwise can see the experiment which would be controlled
-  // by all the other condition defined above as a result of what was defined in actionOptions as well as in CardContext.
-  var is3PAuthRovoActionsExperimentOn = showRovoResolvedView && (0, _expValEquals.expValEquals)('platform_sl_3p_auth_rovo_action', 'isEnabled', true);
   (0, _react.useEffect)(function () {
     // Since this hover view is only rendered on resolved status,
     // there is no need to check for statuses.
@@ -87,8 +82,7 @@ var HoverCardResolvedView = function HoverCardResolvedView(_ref) {
     size: _constants.SmartLinkSize.Medium
   }), isAISummaryEnabled ? /*#__PURE__*/_react.default.createElement(_blocks.AISummaryBlock, {
     aiSummaryMinHeight: aiSummaryMinHeight,
-    placeholder: snippet,
-    isAny3pRovoActionsExperimentOn: is3PAuthRovoActionsExperimentOn
+    placeholder: snippet
   }) : snippet, /*#__PURE__*/_react.default.createElement(_blocks.SnippetBlock, {
     testId: "hidden-snippet",
     onRender: onSnippetRender,
@@ -98,10 +92,7 @@ var HoverCardResolvedView = function HoverCardResolvedView(_ref) {
   }), /*#__PURE__*/_react.default.createElement(_blocks.ActionBlock, {
     onClick: onActionClick,
     spaceInline: "space.100",
-    isAny3pRovoActionsExperimentOn: is3PAuthRovoActionsExperimentOn,
     className: (0, _runtime.ax)(["_n3td1b66"])
-  }), is3PAuthRovoActionsExperimentOn ? /*#__PURE__*/_react.default.createElement(_blocks.ResolvedHoverCardFooterBlock, {
-    onActionClick: onActionClick
-  }) : /*#__PURE__*/_react.default.createElement(_blocks.AIFooterBlock, null));
+  }), /*#__PURE__*/_react.default.createElement(_blocks.AIFooterBlock, null));
 };
 var _default = exports.default = HoverCardResolvedView;

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

@@ -19,7 +19,7 @@ var _excluded = ["href", "children", "checkSafety", "onClick", "testId", "isLink
   _excluded2 = ["isLinkSafe", "showSafetyWarningModal"];
 var PACKAGE_DATA = {
   packageName: "@atlaskit/smart-card",
-  packageVersion: "45.6.7",
+  packageVersion: "45.6.9",
   componentName: 'linkUrl'
 };
 var LinkUrl = function LinkUrl(_ref) {

package/dist/cjs/view/common/rovo-chat-utils/index.js

@@ -14,13 +14,9 @@ var _logo = require("@atlaskit/logo");
 var _constants = require("../../../constants");
 var _messages = require("../../../messages");
 var _aiChapterIcon = _interopRequireDefault(require("../../FlexibleCard/assets/ai-chapter-icon"));
-var _aiEditIcon = _interopRequireDefault(require("../../FlexibleCard/assets/ai-edit-icon"));
 var _aiSearchIcon = _interopRequireDefault(require("../../FlexibleCard/assets/ai-search-icon"));
 var _htmlToAdf = _interopRequireDefault(require("../../FlexibleCard/components/actions/rovo-chat-action/html-to-adf"));
 var RovoChatPromptKey = exports.RovoChatPromptKey = /*#__PURE__*/function (RovoChatPromptKey) {
-  RovoChatPromptKey["RECOMMEND_OTHER_SOURCES"] = "recommend-other-sources";
-  RovoChatPromptKey["SHOW_OTHER_MENTIONS"] = "show-other-mentions";
-  RovoChatPromptKey["SUGGEST_IMPROVEMENT"] = "suggest-improvement";
   RovoChatPromptKey["SUMMARIZE_LINK"] = "summarize-link";
   RovoChatPromptKey["KEY_HIGHLIGHTS"] = "key-highlights";
   RovoChatPromptKey["ASK_ROVO_ANYTHING"] = "ask-rovo-anything";
@@ -42,16 +38,14 @@ var getContext = function getContext(intl, product) {
   switch (product) {
     case 'CONFLUENCE':
       return {
-        contextLong: intl.formatMessage(_messages.messages.rovo_prompt_context_confluence_page),
-        contextShort: intl.formatMessage(_messages.messages.rovo_prompt_context_confluence_page_short)
+        contextLong: intl.formatMessage(_messages.messages.rovo_prompt_context_confluence_page)
       };
     case 'JSW':
     case 'JWM':
     case 'JSM':
     case 'JPD':
       return {
-        contextLong: intl.formatMessage(_messages.messages.rovo_prompt_context_jira_work_item),
-        contextShort: intl.formatMessage(_messages.messages.rovo_prompt_context_jira_work_item_short)
+        contextLong: intl.formatMessage(_messages.messages.rovo_prompt_context_jira_work_item)
       };
   }
 };
@@ -66,68 +60,10 @@ var getPromptAction = exports.getPromptAction = function getPromptAction(_ref) {
     cardAppearance = _ref.cardAppearance,
     provider = _ref.provider;
   var _ref2 = (_getContext = getContext(intl, product)) !== null && _getContext !== void 0 ? _getContext : {
-      contextLong: intl.formatMessage(_messages.messages.rovo_prompt_context_generic),
-      contextShort: intl.formatMessage(_messages.messages.rovo_prompt_context_generic)
+      contextLong: intl.formatMessage(_messages.messages.rovo_prompt_context_generic)
     },
-    contextLong = _ref2.contextLong,
-    contextShort = _ref2.contextShort;
+    contextLong = _ref2.contextLong;
   switch (promptKey) {
-    case RovoChatPromptKey.RECOMMEND_OTHER_SOURCES:
-      var label_recommend = intl.formatMessage(_messages.messages.rovo_prompt_button_recommend_other_sources);
-      var html_recommend = intl.formatMessage(_messages.messages.rovo_prompt_message_recommend_other_sources, {
-        context: contextLong,
-        url: url
-      }, {
-        ignoreTag: true
-      });
-      return {
-        icon: /*#__PURE__*/_react.default.createElement(_aiEditIcon.default, null),
-        content: label_recommend,
-        tooltipMessage: label_recommend,
-        data: {
-          name: label_recommend,
-          dialogues: [],
-          prompt: (0, _htmlToAdf.default)(html_recommend)
-        }
-      };
-    case RovoChatPromptKey.SHOW_OTHER_MENTIONS:
-      var label_other_mentions = intl.formatMessage(_messages.messages.rovo_prompt_button_show_other_mentions);
-      var html_other_mentions = intl.formatMessage(_messages.messages.rovo_prompt_message_show_other_mentions, {
-        context: contextLong,
-        url: url
-      }, {
-        ignoreTag: true
-      });
-      return {
-        icon: /*#__PURE__*/_react.default.createElement(_aiChapterIcon.default, null),
-        content: label_other_mentions,
-        tooltipMessage: label_other_mentions,
-        data: {
-          name: label_other_mentions,
-          dialogues: [],
-          prompt: (0, _htmlToAdf.default)(html_other_mentions)
-        }
-      };
-    case RovoChatPromptKey.SUGGEST_IMPROVEMENT:
-      var label_improvement = intl.formatMessage(_messages.messages.rovo_prompt_button_suggest_improvement, {
-        context: contextShort
-      });
-      var html_improvement = intl.formatMessage(_messages.messages.rovo_prompt_message_suggest_improvement, {
-        context: contextLong,
-        url: url
-      }, {
-        ignoreTag: true
-      });
-      return {
-        icon: /*#__PURE__*/_react.default.createElement(_aiSearchIcon.default, null),
-        content: label_improvement,
-        tooltipMessage: label_improvement,
-        data: {
-          name: label_improvement,
-          dialogues: [],
-          prompt: (0, _htmlToAdf.default)(html_improvement)
-        }
-      };
     case RovoChatPromptKey.SUMMARIZE_LINK:
       var label_summarize = intl.formatMessage(_messages.messages.ai_summarize);
       var html_summarize = intl.formatMessage(_messages.messages.rovo_prompt_message_summarize, {

package/dist/es2019/messages.js

@@ -160,6 +160,51 @@ export const messages = defineMessages({
     defaultMessage: 'To show a preview of this link, connect your {context} account.',
     description: 'Shown when a user does not have access to a link, but can connect their external account to view the link on card view. Displayed in byline.'
   },
+  connect_link_account_embed_teaser_dot_label: {
+    id: 'fabric.linking.connect_link_account_embed_teaser_dot_label.non-final',
+    defaultMessage: 'Go to slide {index} of {total}',
+    description: 'Accessible label for a dot indicator button in the teaser carousel, describing which slide it navigates to'
+  },
+  connect_link_account_embed_teaser_dot_row_label: {
+    id: 'fabric.linking.connect_link_account_embed_teaser_dot_row_label.non-final',
+    defaultMessage: 'Slides',
+    description: 'Accessible label for the group of dot indicator buttons in the teaser carousel'
+  },
+  connect_link_account_embed_teaser_button_next: {
+    id: 'fabric.linking.connect_link_account_embed_teaser_button_next.non-final',
+    defaultMessage: 'Next',
+    description: 'A button to view next teaser on benefit of connecting account on Smart Link embed'
+  },
+  connect_link_account_embed_teaser_slide_1_description: {
+    id: 'fabric.linking.connect_link_account_embed_teaser_slide_1_description.non-final',
+    defaultMessage: 'Connect your account to preview {context} files and documents directly inside Atlassian. No more context switching.',
+    description: 'A description on a teaser slide 1 on benefit of connecting account on Smart Link embed'
+  },
+  connect_link_account_embed_teaser_slide_1_title: {
+    id: 'fabric.linking.connect_link_account_embed_teaser_slide_1_title.non-final',
+    defaultMessage: 'See your {context} work without leaving Atlassian',
+    description: 'A title on a teaser slide 1 on benefit of connecting account on Smart Link embed'
+  },
+  connect_link_account_embed_teaser_slide_2_title: {
+    id: 'fabric.linking.connect_link_account_embed_teaser_slide_2_title.non-final',
+    defaultMessage: 'Search once, find it everywhere',
+    description: 'A title on a teaser slide 2 on benefit of connecting account on Smart Link embed'
+  },
+  connect_link_account_embed_teaser_slide_2_description: {
+    id: 'fabric.linking.connect_link_account_embed_teaser_slide_2_description.non-final',
+    defaultMessage: 'Search relevant {context} files alongside your Confluence pages and Jira issues, always respecting your {context} permissions.',
+    description: 'A description on a teaser slide 2 on benefit of connecting account on Smart Link embed'
+  },
+  connect_link_account_embed_teaser_slide_3_title: {
+    id: 'fabric.linking.connect_link_account_embed_teaser_slide_3_title.non-final',
+    defaultMessage: 'Get help from Rovo',
+    description: 'A title on a teaser slide 3 on benefit of connecting account on Smart Link embed'
+  },
+  connect_link_account_embed_teaser_slide_3_description: {
+    id: 'fabric.linking.connect_link_account_embed_teaser_slide_3_description.non-final',
+    defaultMessage: "Rovo uses your {context} content to answer questions, summarise docs, and draft updates using the work you've already done.",
+    description: 'A description on a teaser slide 3 on benefit of connecting account on Smart Link embed'
+  },
   connect_link_account_success_flag_description: {
     id: 'fabric.linking.connect_link_account_success_flag_description',
     defaultMessage: 'Shared links now display rich previews.',
@@ -941,51 +986,11 @@ export const messages = defineMessages({
     defaultMessage: 'Confluence page',
     description: 'The Confluence page the user see Smart Link in, to be used as the {context} for Rovo prompt message'
   },
-  rovo_prompt_context_confluence_page_short: {
-    id: 'fabric.linking.rovo_prompt_context_confluence_page_short.non-final',
-    defaultMessage: 'page',
-    description: 'The Confluence page the user see Smart Link in, to be used as the {context} for Rovo prompt message'
-  },
   rovo_prompt_context_jira_work_item: {
     id: 'fabric.linking.rovo_prompt_context_jira_work_item.non-final',
     defaultMessage: 'Jira work item',
     description: 'The Jira work item the user see Smart Link in, to be used as the {context} for Rovo prompt message'
   },
-  rovo_prompt_context_jira_work_item_short: {
-    id: 'fabric.linking.rovo_prompt_context_jira_work_item_short.non-final',
-    defaultMessage: 'work item',
-    description: 'The Jira work item the user see Smart Link in, to be used as the {context} for Rovo prompt message'
-  },
-  rovo_prompt_button_recommend_other_sources: {
-    id: 'fabric.linking.rovo_prompt_button_recommend_other_sources.non-final',
-    defaultMessage: 'Recommend other sources',
-    description: 'The name of the action to send prompt message to Rovo Chat in relation to current Smart Link'
-  },
-  rovo_prompt_message_recommend_other_sources: {
-    id: 'fabric.linking.rovo_prompt_message_recommend_other_sources.non-final',
-    defaultMessage: '<p>From this <a>{url}</a> and the {context} I’m viewing now as context:</p><ul><li><p>Search across all sources I can access for items that discuss <b>similar concepts, themes, or problems</b>, or that <b>reference similar or closely related sources</b> (including links to the same or related pages, issues, or docs).</p></li><li><p>Return the results as a list or table with columns: <code>Item</code>, <code>Type</code>, <code>Short summary</code>, and <code>Why it’s similar</code>.</p></li><li><p>For each result, give a one‑sentence <b>Short summary</b> of what the item is about.</p></li><li><p>In <b>Why it’s similar</b>, briefly explain (in a phrase or short sentence) what makes it related to this Smart Link and/or the item I’m viewing (for example: same project, similar decision, shared requirements, overlapping stakeholders, similar metrics, or referencing related docs).</p></li><li><p>Order the list from <b>most to least relevant</b> based on Rovo’s assessment of semantic similarity to both the Smart Link target and the current item.  Prioritize items that I do not own or have not contributed to.</p></li><li><p>If there are more than 5 results, show the <b>5 most relevant</b> and state how many additional items you found.</p></li></ul>',
-    description: 'The prompt message to send to Rovo Chat. {context} refers to the content the user triggered from, e.g. Confluence page or Jira work item. {url} refers to Smart Link that the user triggers this action from. (Please make sure all html tags remain the same.)'
-  },
-  rovo_prompt_button_show_other_mentions: {
-    id: 'fabric.linking.rovo_prompt_button_show_other_mentions.non-final',
-    defaultMessage: 'Show other mentions',
-    description: 'The name of the action to send prompt message to Rovo Chat in relation to current Smart Link'
-  },
-  rovo_prompt_message_show_other_mentions: {
-    id: 'fabric.linking.rovo_prompt_message_show_other_mentions.non-final',
-    defaultMessage: '<p>From <a>{url}</a> and the {context} I’m viewing now:</p><ul><li><p>Search across all Confluence pages and Jira work items I can access for other items that contain this exact Smart Link (same underlying URL/resource).</p></li><li><p>List all matching items in a table with columns: <code>Item</code>, <code>Type</code>, <code>Short summary</code>, <code>How this item uses the link</code>, and <code>Relevance to current item</code>.</p></li><li><p>For <code>Short summary</code>, give a one‑sentence description of what the {context} is about.</p></li><li><p>For <code>How this item uses the link</code>, briefly explain the role this link plays there (e.g., decision doc, background context, implementation details, status update).</p></li><li><p>For <code>Relevance to current item</code>, compare each item to the {context} I’m viewing now and label it <code>High</code>, <code>Medium</code>, or <code>Low</code> relevance, with a short reason (a phrase or single clause).</p></li><li><p>If there are more than 15 matches, show the 15 most relevant and tell me how many additional matches exist.</p></li></ul>',
-    description: 'The prompt message to send to Rovo Chat. {context} refers to the content the user triggered from, e.g. Confluence page or Jira work item. {url} refers to Smart Link that the user triggers this action from. (Please make sure all html tags remain the same.)'
-  },
-  rovo_prompt_button_suggest_improvement: {
-    id: 'fabric.linking.rovo_prompt_button_suggest_improvement.non-final',
-    defaultMessage: 'Suggest {context} improvement',
-    description: 'The name of the action to send prompt message to Rovo Chat in relation to current Smart Link'
-  },
-  rovo_prompt_message_suggest_improvement: {
-    id: 'fabric.linking.rovo_prompt_message_suggest_improvement.non-final',
-    defaultMessage: '<p>Using the {context} I’m viewing now, plus all files and links referenced in it (including <a>{url}</a>):</p><ul><li><p>Identify unclear reasoning, missing context, or contradictions between the item and its linked files.</p></li><li><p>Call out any places where assumptions are not backed up by data or prior docs.</p></li><li><p>Stay concise: summarize your findings in <b>no more than three short paragraphs of content listed as bullets</b> of no more than a couple of sentences long focused only on the two points above.</p></li><li><p>After presenting that summary, <b>ask me explicitly</b> if I want you to go deeper. Only if I say yes, then:</p><ul><li><p>Suggest concrete rewrites (bullets or short paragraphs) to make the argument clearer, more concise, and better aligned with the supporting files.</p></li><li><p>Propose 3–5 follow‑up edits or additions that would make this item and its linked docs “share‑ready” for stakeholders.</p></li></ul></li></ul>',
-    description: 'The prompt message to send to Rovo Chat. {context} refers to the content the user triggered from, e.g. Confluence page or Jira work item. {url} refers to Smart Link that the user triggers this action from. (Please make sure all html tags remain the same.)'
-  },
   rovo_prompt_message_summarize: {
     id: 'fabric.linking.rovo_prompt_message_summarize.non-final',
     defaultMessage: '<p>Summarize the main ideas and key points of <a>{url}</a> in 3-5 clear, complete bullet points (markdown list).</p><p>Preserve important details such as names, dates, and key decisions.</p>',

package/dist/es2019/utils/analytics/analytics.js

@@ -2,7 +2,7 @@ export const ANALYTICS_CHANNEL = 'media';
 export const context = {
   componentName: 'smart-cards',
   packageName: "@atlaskit/smart-card" || '',
-  packageVersion: "45.6.7" || ''
+  packageVersion: "45.6.9" || ''
 };
 export let TrackQuickActionType = /*#__PURE__*/function (TrackQuickActionType) {
   TrackQuickActionType["StatusUpdate"] = "StatusUpdate";

package/dist/es2019/view/EmbedCard/components/carousel/CarouselSlide.compiled.css

@@ -0,0 +1,52 @@
+
+._2rko1rr0{border-radius:var(--ds-radius-full,9999px)}
+._zulp1ejb{gap:var(--ds-space-300,24px)}
+._zulpu2gc{gap:var(--ds-space-100,8px)}
+._zulpze3t{gap:var(--ds-space-0,0)}._16jlkb7n{flex-grow:1}
+._18m91wug{overflow-y:auto}
+._19bv1jfw{padding-left:var(--ds-space-500,40px)}
+._19bvpxbi{padding-left:var(--ds-space-200,1pc)}
+._19bvze3t{padding-left:var(--ds-space-0,0)}
+._1bah1h6o{justify-content:center}
+._1bsb1osq{width:100%}
+._1bsb1tcg{width:24px}
+._1bsb7vkz{width:1pc}
+._1bsbi2wt{width:6px}
+._1e0c1txw{display:flex}
+._1e0c1ule{display:block}
+._1n261g80{flex-wrap:wrap}
+._1o9zidpf{flex-shrink:0}
+._1o9zkb7n{flex-shrink:1}
+._1oecfnf5{transition-duration:.2s}
+._1reo1wug{overflow-x:auto}
+._2lx21bp4{flex-direction:column}
+._2lx2vrvc{flex-direction:row}
+._4cvr1fhb{align-items:stretch}
+._4cvr1h6o{align-items:center}
+._4cvr1y6m{align-items:flex-start}
+._4t3i1osq{height:100%}
+._4t3i1tcg{height:24px}
+._4t3i7vkz{height:1pc}
+._4t3ii2wt{height:6px}
+._5ral1f51{object-fit:contain}
+._6fl45ucs{transition-timing-function:ease}
+._bfhk1dy8{background-color:var(--ds-background-accent-blue-subtler,#cfe1fd)}
+._bfhki8nm{background-color:var(--ds-background-neutral,#0515240f)}
+._bfhkjmqp{background-color:var(--ds-background-selected-bold,#1868db)}
+._bfhksm61{background-color:var(--ds-background-neutral-subtle,#00000000)}
+._c71l1wdt{max-height:220px}
+._ca0q1jfw{padding-top:var(--ds-space-500,40px)}
+._ca0qpxbi{padding-top:var(--ds-space-200,1pc)}
+._ca0qze3t{padding-top:var(--ds-space-0,0)}
+._i0dlghg7{flex-basis:240px}
+._i0dluuw1{flex-basis:200px}
+._k8m01k61{transition-property:background-color}
+._lcxvglyw{pointer-events:none}
+._n3td1jfw{padding-bottom:var(--ds-space-500,40px)}
+._n3tdpxbi{padding-bottom:var(--ds-space-200,1pc)}
+._n3tdze3t{padding-bottom:var(--ds-space-0,0)}
+._rsufaqso{object-position:center center}
+._u5f31jfw{padding-right:var(--ds-space-500,40px)}
+._u5f3pxbi{padding-right:var(--ds-space-200,1pc)}
+._u5f3ze3t{padding-right:var(--ds-space-0,0)}
+._vchhusvi{box-sizing:border-box}

package/dist/es2019/view/EmbedCard/components/carousel/CarouselSlide.js

@@ -0,0 +1,114 @@
+/* CarouselSlide.tsx generated by @compiled/babel-plugin v0.39.1 */
+import "./CarouselSlide.compiled.css";
+import { ax, ix } from "@compiled/react/runtime";
+import React from 'react';
+import { useIntl } from 'react-intl';
+import Button from '@atlaskit/button/new';
+import { cx } from '@atlaskit/css';
+import Heading from '@atlaskit/heading';
+import Image from '@atlaskit/image';
+import { Box, Pressable, Text } from '@atlaskit/primitives/compiled';
+import { messages } from '../../../../messages';
+const styles = {
+  columnImage: "_16jlkb7n _1o9zkb7n _i0dlghg7 _1e0c1txw _4cvr1h6o _1bah1h6o _ca0qpxbi _u5f3pxbi _n3tdpxbi _19bvpxbi _bfhk1dy8",
+  columnContent: "_zulp1ejb _16jlkb7n _1o9zkb7n _i0dluuw1 _1e0c1txw _2lx21bp4 _ca0q1jfw _u5f31jfw _n3td1jfw _19bv1jfw _4cvr1y6m _1bah1h6o",
+  columnContentCompact: "_ca0qpxbi _u5f3pxbi _n3tdpxbi _19bvpxbi",
+  dot: "_2rko1rr0 _1bsbi2wt _4t3ii2wt _bfhki8nm _1oecfnf5 _k8m01k61 _6fl45ucs _lcxvglyw",
+  dotActive: "_bfhkjmqp",
+  dotPassable: "_2rko1rr0 _1e0c1txw _4cvr1h6o _1bah1h6o _1bsb7vkz _4t3i7vkz _bfhksm61 _ca0qze3t _u5f3ze3t _n3tdze3t _19bvze3t",
+  icon: "_1o9zidpf _1bsb1tcg _4t3i1tcg _1e0c1txw _4cvr1h6o _1bah1h6o",
+  iconImage: "_1bsb1osq _4t3i1osq _5ral1f51",
+  image: "_1bsb1osq _c71l1wdt _5ral1f51 _rsufaqso _1e0c1ule",
+  rowButton: "_zulpu2gc _1e0c1txw _2lx2vrvc _1n261g80 _4cvr1h6o",
+  rowButtonCompact: "_1bsb1osq",
+  rowDot: "_zulpze3t _1e0c1txw _2lx2vrvc _4cvr1h6o",
+  rowIcon: "_zulpu2gc _1e0c1txw _4cvr1h6o",
+  slide: "_1reo1wug _18m91wug _1e0c1txw _1n261g80 _1bsb1osq _4t3i1osq _4cvr1fhb _vchhusvi"
+};
+const CarouselSlide = ({
+  icon,
+  iconLabel,
+  title,
+  description,
+  image,
+  primaryButtonLabel,
+  onPrimaryButtonClick,
+  onDotClick,
+  onNextClick,
+  slideIndex,
+  totalSlides,
+  size,
+  testId = 'embed-card-teaser-slide'
+}) => {
+  const {
+    formatMessage
+  } = useIntl();
+  const isCompact = size !== 'full';
+  const showNavigation = totalSlides > 1;
+  const renderedIcon = icon == null ? null : typeof icon === 'string' ? /*#__PURE__*/React.createElement(Box, {
+    xcss: styles.icon
+  }, /*#__PURE__*/React.createElement(Image, {
+    src: icon,
+    alt: iconLabel,
+    className: ax([styles.iconImage])
+  })) : /*#__PURE__*/React.createElement(Box, {
+    xcss: styles.icon
+  }, icon);
+  const renderedImage = image == null ? null : typeof image === 'string' ? /*#__PURE__*/React.createElement(Image, {
+    src: image,
+    alt: title,
+    className: ax([styles.image])
+  }) : image;
+  return /*#__PURE__*/React.createElement(Box, {
+    xcss: styles.slide,
+    testId: testId
+  }, /*#__PURE__*/React.createElement(Box, {
+    xcss: cx(styles.columnContent, isCompact && styles.columnContentCompact)
+  }, isCompact && /*#__PURE__*/React.createElement(Box, {
+    xcss: cx(styles.rowButton, styles.rowButtonCompact)
+  }, /*#__PURE__*/React.createElement(Button, {
+    appearance: "primary",
+    onClick: onPrimaryButtonClick,
+    shouldFitContainer: true,
+    testId: `${testId}-connect-compact`
+  }, primaryButtonLabel)), renderedIcon && /*#__PURE__*/React.createElement(Box, {
+    xcss: styles.rowIcon
+  }, renderedIcon), /*#__PURE__*/React.createElement(Box, null, /*#__PURE__*/React.createElement(Heading, {
+    size: "medium",
+    testId: `${testId}-title`
+  }, title)), /*#__PURE__*/React.createElement(Box, null, /*#__PURE__*/React.createElement(Text, {
+    testId: `${testId}-description`
+  }, description)), /*#__PURE__*/React.createElement(Box, {
+    xcss: styles.rowButton
+  }, !isCompact && /*#__PURE__*/React.createElement(Button, {
+    appearance: "primary",
+    onClick: onPrimaryButtonClick,
+    testId: `${testId}-connect`
+  }, primaryButtonLabel), showNavigation && onNextClick && /*#__PURE__*/React.createElement(Button, {
+    appearance: "subtle",
+    onClick: onNextClick,
+    testId: `${testId}-next`
+  }, formatMessage(messages.connect_link_account_embed_teaser_button_next)), showNavigation && /*#__PURE__*/React.createElement(Box, {
+    xcss: styles.rowDot,
+    role: "group",
+    "aria-label": formatMessage(messages.connect_link_account_embed_teaser_dot_row_label)
+  }, Array.from({
+    length: totalSlides
+  }, (_, i) => /*#__PURE__*/React.createElement(Pressable, {
+    key: i,
+    xcss: styles.dotPassable,
+    onClick: () => onDotClick === null || onDotClick === void 0 ? void 0 : onDotClick(i),
+    "aria-label": formatMessage(messages.connect_link_account_embed_teaser_dot_label, {
+      index: i + 1,
+      total: totalSlides
+    }),
+    "aria-current": i === slideIndex ? 'true' : undefined,
+    testId: `${testId}-dot-${i}`
+  }, /*#__PURE__*/React.createElement(Box, {
+    xcss: cx(styles.dot, i === slideIndex && styles.dotActive)
+  })))))), !isCompact && /*#__PURE__*/React.createElement(Box, {
+    xcss: styles.columnImage,
+    testId: `${testId}-image-panel`
+  }, renderedImage));
+};
+export default CarouselSlide;

package/dist/es2019/view/EmbedCard/components/carousel/index.compiled.css

@@ -0,0 +1,12 @@
+._18m915vq{overflow-y:hidden}
+._1bsb1osq{width:100%}
+._1e0c1txw{display:flex}
+._1o511hrf{animation-fill-mode:both}
+._1pglafbj{animation-timing-function:cubic-bezier(.25,.46,.45,.94)}
+._1reo15vq{overflow-x:hidden}
+._4t3i1osq{height:100%}
+._5sagjx92{animation-duration:.28s}
+._j7hql61g{animation-name:kjqoltm}
+._kqswh2mm{position:relative}
+@keyframes kjqoltm{0%{opacity:0;transform:translateX(40px)}to{opacity:1;transform:translateX(0)}}
+@media (prefers-reduced-motion:reduce){._bl8aglyw{animation-name:none}._2hwzhgkh{animation-duration:.01ms}}

package/dist/es2019/view/EmbedCard/components/carousel/index.js

@@ -0,0 +1,101 @@
+/* index.tsx generated by @compiled/babel-plugin v0.39.1 */
+import "./index.compiled.css";
+import { ax, ix } from "@compiled/react/runtime";
+import React, { useCallback, useEffect, useRef, useState } from 'react';
+import { Box } from '@atlaskit/primitives/compiled';
+import CarouselSlide from './CarouselSlide';
+const styles = {
+  carousel: "_1reo15vq _18m915vq _1e0c1txw _1bsb1osq _4t3i1osq _kqswh2mm"
+};
+
+// Slide enters from the right: translates from 40px right + fades in
+const slideInFromRight = null;
+const slideWrapperMap = {
+  static: "_1bsb1osq _4t3i1osq",
+  animated: "_1bsb1osq _4t3i1osq _j7hql61g _5sagjx92 _1pglafbj _1o511hrf _bl8aglyw _2hwzhgkh"
+};
+/**
+ * Derives layout size bucket from pixel dimensions.
+ * Used instead of CSS @container queries (which are blocked by the linter)
+ * to control which elements are shown at different card sizes.
+ */
+const getSize = (width, height) => {
+  if (width < 200 || height < 100) {
+    return 'minimal';
+  }
+  if (width < 400 || height < 140) {
+    return 'compact';
+  }
+  return 'full';
+};
+const Carousel = ({
+  icon,
+  iconLabel,
+  items,
+  onPrimaryButtonClick,
+  primaryButtonLabel,
+  testId = 'embed-card-teaser-carousel'
+}) => {
+  const [activeIndex, setActiveIndex] = useState(0);
+  const [size, setSize] = useState('full');
+
+  // Tracks whether the user has navigated at least once.
+  // The first slide is rendered statically (no animation) to avoid any
+  // CSS animation running during SSR or on the initial paint.
+  const hasNavigated = useRef(false);
+  const containerRef = useRef(null);
+
+  // Observe the carousel container's size and update the layout bucket.
+  useEffect(() => {
+    const el = containerRef.current;
+    if (!el) {
+      return;
+    }
+    const observer = new ResizeObserver(([entry]) => {
+      const {
+        width,
+        height
+      } = entry.contentRect;
+      setSize(getSize(width, height));
+    });
+    observer.observe(el);
+    return () => observer.disconnect();
+  }, []);
+  const goNext = useCallback(() => {
+    hasNavigated.current = true;
+    setActiveIndex(current => (current + 1) % items.length);
+  }, [items.length]);
+  const goTo = useCallback(index => {
+    if (index === activeIndex) {
+      return;
+    }
+    hasNavigated.current = true;
+    setActiveIndex(index);
+  }, [activeIndex]);
+  const currentSlide = items[activeIndex];
+  const isLastSlide = activeIndex === items.length - 1;
+  return /*#__PURE__*/React.createElement(Box, {
+    ref: containerRef,
+    xcss: styles.carousel,
+    testId: testId
+  }, /*#__PURE__*/React.createElement(Box, {
+    key: activeIndex,
+    xcss: slideWrapperMap[hasNavigated.current ? 'animated' : 'static'],
+    "aria-live": "polite"
+  }, /*#__PURE__*/React.createElement(CarouselSlide, {
+    primaryButtonLabel: primaryButtonLabel,
+    description: currentSlide.description,
+    icon: icon,
+    iconLabel: iconLabel,
+    image: currentSlide.image,
+    title: currentSlide.title,
+    onPrimaryButtonClick: onPrimaryButtonClick,
+    onDotClick: goTo,
+    onNextClick: !isLastSlide ? goNext : undefined,
+    size: size,
+    slideIndex: activeIndex,
+    testId: `${testId}-slide`,
+    totalSlides: items.length
+  })));
+};
+export default Carousel;

package/dist/es2019/view/EmbedCard/components/carousel/types.js

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