@atlaskit/smart-card 45.13.3 → 45.13.4

package/CHANGELOG.md

@@ -1,5 +1,13 @@
 # @atlaskit/smart-card
 
+## 45.13.4
+
+### Patch Changes
+
+- [`a49234e409f3c`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/a49234e409f3c) -
+  Add analytics events on embed carousel unauth view
+- Updated dependencies
+
 ## 45.13.3
 
 ### Patch Changes

package/analytics.spec.yaml

@@ -725,6 +725,41 @@ events:
           required: false
           type: string
           description: The definitionId of the Smart Link resolver invoked.
+  - button clicked (carouselNext):
+      type: ui
+      description: >
+        Fires when a user clicks the "See next" button in a smart link carousel view.
+        Used to measure engagement depth — how many users navigate past the first benefit slide.
+      attributes:
+        <<: [*PackageMetaDataContext, *CommonContext]
+        display:
+          required: true
+          type: ['inline', 'block', 'embed', 'embedPreview', 'flexible', 'hoverCardPreview', 'url']
+          description: The card display type from which the carousel is rendered.
+        slideId:
+          required: true
+          type: string
+          description: >
+            Stable semantic identifier for the slide (e.g. 'smart-link-benefit', 'rovo-search-benefit').
+            Used instead of slideIndex so analytics remain accurate if slide order changes.
+  - button clicked (carouselConnect):
+      type: ui
+      description: >
+        Fires when a user clicks the connect account button from within a smart link carousel view.
+        Captures which benefit slide the user was viewing when they decided to connect,
+        enabling measurement of which slide is most persuasive.
+      attributes:
+        <<: [*PackageMetaDataContext, *CommonContext]
+        display:
+          required: true
+          type: ['inline', 'block', 'embed', 'embedPreview', 'flexible', 'hoverCardPreview', 'url']
+          description: The card display type from which the carousel is rendered.
+        slideId:
+          required: true
+          type: string
+          description: >
+            Stable semantic identifier for the slide (e.g. 'smart-link-benefit', 'rovo-search-benefit').
+            Used instead of slideIndex so analytics remain accurate if slide order changes.
   - smartLink clicked (tryAnotherAccount):
       type: ui
       description:

package/dist/cjs/utils/analytics/analytics.js

@@ -11,7 +11,7 @@ var ANALYTICS_CHANNEL = exports.ANALYTICS_CHANNEL = 'media';
 var context = exports.context = {
   componentName: 'smart-cards',
   packageName: "@atlaskit/smart-card" || '',
-  packageVersion: "45.13.2" || ''
+  packageVersion: "45.13.3" || ''
 };
 var TrackQuickActionType = exports.TrackQuickActionType = /*#__PURE__*/function (TrackQuickActionType) {
   TrackQuickActionType["StatusUpdate"] = "StatusUpdate";

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

@@ -42,6 +42,7 @@ var Carousel = function Carousel(_ref) {
     _ref$initialSlideInde = _ref.initialSlideIndex,
     initialSlideIndex = _ref$initialSlideInde === void 0 ? 0 : _ref$initialSlideInde,
     items = _ref.items,
+    onNextClick = _ref.onNextClick,
     onPrimaryButtonClick = _ref.onPrimaryButtonClick,
     primaryButtonLabel = _ref.primaryButtonLabel,
     _ref$testId = _ref.testId,
@@ -82,10 +83,11 @@ var Carousel = function Carousel(_ref) {
   }, []);
   var goNext = (0, _react.useCallback)(function () {
     hasNavigated.current = true;
+    onNextClick === null || onNextClick === void 0 || onNextClick(items[activeIndex].id);
     setActiveIndex(function (current) {
       return (current + 1) % items.length;
     });
-  }, [items.length]);
+  }, [items, activeIndex, onNextClick]);
   var goPrev = (0, _react.useCallback)(function () {
     hasNavigated.current = true;
     setActiveIndex(function (current) {
@@ -99,6 +101,9 @@ var Carousel = function Carousel(_ref) {
     hasNavigated.current = true;
     setActiveIndex(index);
   }, [activeIndex]);
+  var handlePrimaryButtonClick = (0, _react.useCallback)(function () {
+    onPrimaryButtonClick === null || onPrimaryButtonClick === void 0 || onPrimaryButtonClick(items[activeIndex].id);
+  }, [onPrimaryButtonClick, items, activeIndex]);
   var currentSlide = items[activeIndex];
   var isFirstSlide = activeIndex === 0;
   var isLastSlide = activeIndex === items.length - 1;
@@ -117,7 +122,7 @@ var Carousel = function Carousel(_ref) {
     iconLabel: iconLabel,
     image: currentSlide.image,
     title: currentSlide.title,
-    onPrimaryButtonClick: onPrimaryButtonClick,
+    onPrimaryButtonClick: onPrimaryButtonClick ? handlePrimaryButtonClick : undefined,
     onBackClick: !isFirstSlide ? goPrev : undefined,
     onDotClick: goTo,
     onNextClick: !isLastSlide ? goNext : undefined,

package/dist/cjs/view/EmbedCard/views/unauthorized-view/UnauthorizedCarouselView.js

@@ -84,6 +84,7 @@ var UnauthorizedCarouselView = function UnauthorizedCarouselView(_ref) {
   var items = (0, _react.useMemo)(function () {
     if (!canAuthorize) {
       return [{
+        id: 'no-auth-available',
         title: intl.formatMessage(_messages.messages.unauthorised_account_name_no_provider),
         description: intl.formatMessage(_messages.messages.unauthorised_account_description_no_provider),
         image: /*#__PURE__*/_react.default.createElement(_NoAuthAvailableImage.default, null)
@@ -101,6 +102,7 @@ var UnauthorizedCarouselView = function UnauthorizedCarouselView(_ref) {
     // We only have special text for Google Drive and i18n select takes only one word (no space).
     var i18nSelectContext = (context === null || context === void 0 ? void 0 : context.text) === 'Google Drive' ? 'Google' : context === null || context === void 0 ? void 0 : context.text;
     var slides = [{
+      id: 'smart-link-benefit',
       title: intl.formatMessage(_messages.messages.connect_link_account_embed_carousel_sl_title),
       description: intl.formatMessage(_messages.messages.connect_link_account_embed_carousel_sl_description, {
         context: i18nSelectContext,
@@ -116,6 +118,7 @@ var UnauthorizedCarouselView = function UnauthorizedCarouselView(_ref) {
     // we show additional Rovo-specific teaser slides to encourage the user to connect their account.
     if (rovoOptions !== null && rovoOptions !== void 0 && rovoOptions.isRovoEnabled) {
       slides.push({
+        id: 'rovo-search-benefit',
         title: intl.formatMessage(_messages.messages.connect_link_account_embed_carousel_rovo_title),
         description: intl.formatMessage(_messages.messages.connect_link_account_embed_carousel_rovo_description, {
           context: providerName,
@@ -132,6 +135,7 @@ var UnauthorizedCarouselView = function UnauthorizedCarouselView(_ref) {
     }
     if (rovoOptions !== null && rovoOptions !== void 0 && rovoOptions.isRovoEnabled && rovoOptions !== null && rovoOptions !== void 0 && rovoOptions.isRovoLLMEnabled) {
       slides.push({
+        id: 'rovo-chat-benefit',
         title: intl.formatMessage(_messages.messages.connect_link_account_embed_carousel_rovochat_title),
         description: intl.formatMessage(_messages.messages.connect_link_account_embed_carousel_rovochat_description, {
           context: providerName
@@ -147,12 +151,22 @@ var UnauthorizedCarouselView = function UnauthorizedCarouselView(_ref) {
     }
     return slides;
   }, [canAuthorize, context, intl, product, providerName, providerIcon, rovoOptions]);
-  var handleOnAuthorizeClick = (0, _react.useCallback)(function () {
+  var handleOnAuthorizeClick = (0, _react.useCallback)(function (slideId) {
     if (onAuthorize) {
       fireEvent('track.applicationAccount.authStarted', {});
+      fireEvent('ui.button.clicked.carouselConnect', {
+        display: 'embed',
+        slideId: slideId
+      });
       onAuthorize();
     }
   }, [onAuthorize, fireEvent]);
+  var handleOnNextClick = (0, _react.useCallback)(function (slideId) {
+    fireEvent('ui.button.clicked.carouselNext', {
+      display: 'embed',
+      slideId: slideId
+    });
+  }, [fireEvent]);
   var buttonLabel = context !== null && context !== void 0 && context.text ? intl.formatMessage(_messages.messages.connect_3p_account, {
     context: context.text
   }) : intl.formatMessage(_messages.messages.connect_link_account_card);
@@ -183,6 +197,7 @@ var UnauthorizedCarouselView = function UnauthorizedCarouselView(_ref) {
     icon: context === null || context === void 0 ? void 0 : context.icon,
     iconLabel: context === null || context === void 0 ? void 0 : context.text,
     items: items,
+    onNextClick: handleOnNextClick,
     onPrimaryButtonClick: canAuthorize ? handleOnAuthorizeClick : undefined,
     primaryButtonLabel: buttonLabel,
     testId: "".concat(testId, "-carousel")

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.13.2",
+  packageVersion: "45.13.3",
   componentName: 'linkUrl'
 };
 var LinkUrl = function LinkUrl(_ref) {

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.13.2" || ''
+  packageVersion: "45.13.3" || ''
 };
 export let TrackQuickActionType = /*#__PURE__*/function (TrackQuickActionType) {
   TrackQuickActionType["StatusUpdate"] = "StatusUpdate";

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

@@ -31,6 +31,7 @@ const Carousel = ({
   iconLabel,
   initialSlideIndex = 0,
   items,
+  onNextClick,
   onPrimaryButtonClick,
   primaryButtonLabel,
   testId = 'embed-card-teaser-carousel'
@@ -62,8 +63,9 @@ const Carousel = ({
   }, []);
   const goNext = useCallback(() => {
     hasNavigated.current = true;
+    onNextClick === null || onNextClick === void 0 ? void 0 : onNextClick(items[activeIndex].id);
     setActiveIndex(current => (current + 1) % items.length);
-  }, [items.length]);
+  }, [items, activeIndex, onNextClick]);
   const goPrev = useCallback(() => {
     hasNavigated.current = true;
     setActiveIndex(current => Math.max(0, current - 1));
@@ -75,6 +77,9 @@ const Carousel = ({
     hasNavigated.current = true;
     setActiveIndex(index);
   }, [activeIndex]);
+  const handlePrimaryButtonClick = useCallback(() => {
+    onPrimaryButtonClick === null || onPrimaryButtonClick === void 0 ? void 0 : onPrimaryButtonClick(items[activeIndex].id);
+  }, [onPrimaryButtonClick, items, activeIndex]);
   const currentSlide = items[activeIndex];
   const isFirstSlide = activeIndex === 0;
   const isLastSlide = activeIndex === items.length - 1;
@@ -93,7 +98,7 @@ const Carousel = ({
     iconLabel: iconLabel,
     image: currentSlide.image,
     title: currentSlide.title,
-    onPrimaryButtonClick: onPrimaryButtonClick,
+    onPrimaryButtonClick: onPrimaryButtonClick ? handlePrimaryButtonClick : undefined,
     onBackClick: !isFirstSlide ? goPrev : undefined,
     onDotClick: goTo,
     onNextClick: !isLastSlide ? goNext : undefined,

package/dist/es2019/view/EmbedCard/views/unauthorized-view/UnauthorizedCarouselView.js

@@ -77,6 +77,7 @@ const UnauthorizedCarouselView = ({
   const items = useMemo(() => {
     if (!canAuthorize) {
       return [{
+        id: 'no-auth-available',
         title: intl.formatMessage(messages.unauthorised_account_name_no_provider),
         description: intl.formatMessage(messages.unauthorised_account_description_no_provider),
         image: /*#__PURE__*/React.createElement(NoAuthAvailableImage, null)
@@ -94,6 +95,7 @@ const UnauthorizedCarouselView = ({
     // We only have special text for Google Drive and i18n select takes only one word (no space).
     const i18nSelectContext = (context === null || context === void 0 ? void 0 : context.text) === 'Google Drive' ? 'Google' : context === null || context === void 0 ? void 0 : context.text;
     const slides = [{
+      id: 'smart-link-benefit',
       title: intl.formatMessage(messages.connect_link_account_embed_carousel_sl_title),
       description: intl.formatMessage(messages.connect_link_account_embed_carousel_sl_description, {
         context: i18nSelectContext,
@@ -109,6 +111,7 @@ const UnauthorizedCarouselView = ({
     // we show additional Rovo-specific teaser slides to encourage the user to connect their account.
     if (rovoOptions !== null && rovoOptions !== void 0 && rovoOptions.isRovoEnabled) {
       slides.push({
+        id: 'rovo-search-benefit',
         title: intl.formatMessage(messages.connect_link_account_embed_carousel_rovo_title),
         description: intl.formatMessage(messages.connect_link_account_embed_carousel_rovo_description, {
           context: providerName,
@@ -125,6 +128,7 @@ const UnauthorizedCarouselView = ({
     }
     if (rovoOptions !== null && rovoOptions !== void 0 && rovoOptions.isRovoEnabled && rovoOptions !== null && rovoOptions !== void 0 && rovoOptions.isRovoLLMEnabled) {
       slides.push({
+        id: 'rovo-chat-benefit',
         title: intl.formatMessage(messages.connect_link_account_embed_carousel_rovochat_title),
         description: intl.formatMessage(messages.connect_link_account_embed_carousel_rovochat_description, {
           context: providerName
@@ -140,12 +144,22 @@ const UnauthorizedCarouselView = ({
     }
     return slides;
   }, [canAuthorize, context, intl, product, providerName, providerIcon, rovoOptions]);
-  const handleOnAuthorizeClick = useCallback(() => {
+  const handleOnAuthorizeClick = useCallback(slideId => {
     if (onAuthorize) {
       fireEvent('track.applicationAccount.authStarted', {});
+      fireEvent('ui.button.clicked.carouselConnect', {
+        display: 'embed',
+        slideId
+      });
       onAuthorize();
     }
   }, [onAuthorize, fireEvent]);
+  const handleOnNextClick = useCallback(slideId => {
+    fireEvent('ui.button.clicked.carouselNext', {
+      display: 'embed',
+      slideId
+    });
+  }, [fireEvent]);
   const buttonLabel = context !== null && context !== void 0 && context.text ? intl.formatMessage(messages.connect_3p_account, {
     context: context.text
   }) : intl.formatMessage(messages.connect_link_account_card);
@@ -176,6 +190,7 @@ const UnauthorizedCarouselView = ({
     icon: context === null || context === void 0 ? void 0 : context.icon,
     iconLabel: context === null || context === void 0 ? void 0 : context.text,
     items: items,
+    onNextClick: handleOnNextClick,
     onPrimaryButtonClick: canAuthorize ? handleOnAuthorizeClick : undefined,
     primaryButtonLabel: buttonLabel,
     testId: `${testId}-carousel`

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

@@ -9,7 +9,7 @@ import LinkWarningModal from './LinkWarningModal';
 import { useLinkWarningModal } from './LinkWarningModal/hooks/use-link-warning-modal';
 const PACKAGE_DATA = {
   packageName: "@atlaskit/smart-card",
-  packageVersion: "45.13.2",
+  packageVersion: "45.13.3",
   componentName: 'linkUrl'
 };
 const LinkUrl = ({

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

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

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

@@ -33,6 +33,7 @@ var Carousel = function Carousel(_ref) {
     _ref$initialSlideInde = _ref.initialSlideIndex,
     initialSlideIndex = _ref$initialSlideInde === void 0 ? 0 : _ref$initialSlideInde,
     items = _ref.items,
+    onNextClick = _ref.onNextClick,
     onPrimaryButtonClick = _ref.onPrimaryButtonClick,
     primaryButtonLabel = _ref.primaryButtonLabel,
     _ref$testId = _ref.testId,
@@ -73,10 +74,11 @@ var Carousel = function Carousel(_ref) {
   }, []);
   var goNext = useCallback(function () {
     hasNavigated.current = true;
+    onNextClick === null || onNextClick === void 0 || onNextClick(items[activeIndex].id);
     setActiveIndex(function (current) {
       return (current + 1) % items.length;
     });
-  }, [items.length]);
+  }, [items, activeIndex, onNextClick]);
   var goPrev = useCallback(function () {
     hasNavigated.current = true;
     setActiveIndex(function (current) {
@@ -90,6 +92,9 @@ var Carousel = function Carousel(_ref) {
     hasNavigated.current = true;
     setActiveIndex(index);
   }, [activeIndex]);
+  var handlePrimaryButtonClick = useCallback(function () {
+    onPrimaryButtonClick === null || onPrimaryButtonClick === void 0 || onPrimaryButtonClick(items[activeIndex].id);
+  }, [onPrimaryButtonClick, items, activeIndex]);
   var currentSlide = items[activeIndex];
   var isFirstSlide = activeIndex === 0;
   var isLastSlide = activeIndex === items.length - 1;
@@ -108,7 +113,7 @@ var Carousel = function Carousel(_ref) {
     iconLabel: iconLabel,
     image: currentSlide.image,
     title: currentSlide.title,
-    onPrimaryButtonClick: onPrimaryButtonClick,
+    onPrimaryButtonClick: onPrimaryButtonClick ? handlePrimaryButtonClick : undefined,
     onBackClick: !isFirstSlide ? goPrev : undefined,
     onDotClick: goTo,
     onNextClick: !isLastSlide ? goNext : undefined,

package/dist/esm/view/EmbedCard/views/unauthorized-view/UnauthorizedCarouselView.js

@@ -75,6 +75,7 @@ var UnauthorizedCarouselView = function UnauthorizedCarouselView(_ref) {
   var items = useMemo(function () {
     if (!canAuthorize) {
       return [{
+        id: 'no-auth-available',
         title: intl.formatMessage(messages.unauthorised_account_name_no_provider),
         description: intl.formatMessage(messages.unauthorised_account_description_no_provider),
         image: /*#__PURE__*/React.createElement(NoAuthAvailableImage, null)
@@ -92,6 +93,7 @@ var UnauthorizedCarouselView = function UnauthorizedCarouselView(_ref) {
     // We only have special text for Google Drive and i18n select takes only one word (no space).
     var i18nSelectContext = (context === null || context === void 0 ? void 0 : context.text) === 'Google Drive' ? 'Google' : context === null || context === void 0 ? void 0 : context.text;
     var slides = [{
+      id: 'smart-link-benefit',
       title: intl.formatMessage(messages.connect_link_account_embed_carousel_sl_title),
       description: intl.formatMessage(messages.connect_link_account_embed_carousel_sl_description, {
         context: i18nSelectContext,
@@ -107,6 +109,7 @@ var UnauthorizedCarouselView = function UnauthorizedCarouselView(_ref) {
     // we show additional Rovo-specific teaser slides to encourage the user to connect their account.
     if (rovoOptions !== null && rovoOptions !== void 0 && rovoOptions.isRovoEnabled) {
       slides.push({
+        id: 'rovo-search-benefit',
         title: intl.formatMessage(messages.connect_link_account_embed_carousel_rovo_title),
         description: intl.formatMessage(messages.connect_link_account_embed_carousel_rovo_description, {
           context: providerName,
@@ -123,6 +126,7 @@ var UnauthorizedCarouselView = function UnauthorizedCarouselView(_ref) {
     }
     if (rovoOptions !== null && rovoOptions !== void 0 && rovoOptions.isRovoEnabled && rovoOptions !== null && rovoOptions !== void 0 && rovoOptions.isRovoLLMEnabled) {
       slides.push({
+        id: 'rovo-chat-benefit',
         title: intl.formatMessage(messages.connect_link_account_embed_carousel_rovochat_title),
         description: intl.formatMessage(messages.connect_link_account_embed_carousel_rovochat_description, {
           context: providerName
@@ -138,12 +142,22 @@ var UnauthorizedCarouselView = function UnauthorizedCarouselView(_ref) {
     }
     return slides;
   }, [canAuthorize, context, intl, product, providerName, providerIcon, rovoOptions]);
-  var handleOnAuthorizeClick = useCallback(function () {
+  var handleOnAuthorizeClick = useCallback(function (slideId) {
     if (onAuthorize) {
       fireEvent('track.applicationAccount.authStarted', {});
+      fireEvent('ui.button.clicked.carouselConnect', {
+        display: 'embed',
+        slideId: slideId
+      });
       onAuthorize();
     }
   }, [onAuthorize, fireEvent]);
+  var handleOnNextClick = useCallback(function (slideId) {
+    fireEvent('ui.button.clicked.carouselNext', {
+      display: 'embed',
+      slideId: slideId
+    });
+  }, [fireEvent]);
   var buttonLabel = context !== null && context !== void 0 && context.text ? intl.formatMessage(messages.connect_3p_account, {
     context: context.text
   }) : intl.formatMessage(messages.connect_link_account_card);
@@ -174,6 +188,7 @@ var UnauthorizedCarouselView = function UnauthorizedCarouselView(_ref) {
     icon: context === null || context === void 0 ? void 0 : context.icon,
     iconLabel: context === null || context === void 0 ? void 0 : context.text,
     items: items,
+    onNextClick: handleOnNextClick,
     onPrimaryButtonClick: canAuthorize ? handleOnAuthorizeClick : undefined,
     primaryButtonLabel: buttonLabel,
     testId: "".concat(testId, "-carousel")

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

@@ -12,7 +12,7 @@ import LinkWarningModal from './LinkWarningModal';
 import { useLinkWarningModal } from './LinkWarningModal/hooks/use-link-warning-modal';
 var PACKAGE_DATA = {
   packageName: "@atlaskit/smart-card",
-  packageVersion: "45.13.2",
+  packageVersion: "45.13.3",
   componentName: 'linkUrl'
 };
 var LinkUrl = function LinkUrl(_ref) {

package/dist/types/common/analytics/generated/analytics.types.d.ts

@@ -3,7 +3,7 @@
  *
  * Generates Typescript types for analytics events from analytics.spec.yaml
  *
- * @codegen <<SignedSource::4e18b8952a94e4fc3afd62ef6213f7b1>>
+ * @codegen <<SignedSource::326efd393bebe329396aa4b676d0ff6d>>
  * @codegenCommand yarn workspace @atlassian/analytics-tooling run analytics:codegen smart-card
  */
 export type PackageMetaDataContextType = {
@@ -232,6 +232,14 @@ export type ButtonClickedConnectAccountAttributesType = {
     display: 'inline' | 'block' | 'embed' | 'embedPreview' | 'flexible' | 'hoverCardPreview' | 'url';
     definitionId?: string | null;
 };
+export type ButtonClickedCarouselNextAttributesType = {
+    display: 'inline' | 'block' | 'embed' | 'embedPreview' | 'flexible' | 'hoverCardPreview' | 'url';
+    slideId: string;
+};
+export type ButtonClickedCarouselConnectAttributesType = {
+    display: 'inline' | 'block' | 'embed' | 'embedPreview' | 'flexible' | 'hoverCardPreview' | 'url';
+    slideId: string;
+};
 export type SmartLinkClickedTryAnotherAccountAttributesType = {
     display: 'inline' | 'block' | 'embed' | 'embedPreview' | 'flexible' | 'hoverCardPreview' | 'url';
     definitionId?: string | null;
@@ -277,8 +285,8 @@ export type SmartLinkClickedSmartlinkClickAnalyticsWorkflowsAttributesType = {
     eventName: string;
     firstPartyIdentifier?: string | null;
     clickedAt: string;
-    isAuxClick?: boolean;
-    isContextMenu?: boolean;
+    isAuxClick?: boolean | null;
+    isContextMenu?: boolean | null;
 };
 export type AnalyticsEventAttributes = {
     /**
@@ -413,6 +421,14 @@ export type AnalyticsEventAttributes = {
     /**
      * fires an event that represents when a user clicks on the authentication call to action with no current authenticated account. (i.e. Connect to Preview). */
     'ui.button.clicked.connectAccount': ButtonClickedConnectAccountAttributesType;
+    /**
+     * Fires when a user clicks the "See next" button in a smart link carousel view. Used to measure engagement depth — how many users navigate past the first benefit slide.
+     *  */
+    'ui.button.clicked.carouselNext': ButtonClickedCarouselNextAttributesType;
+    /**
+     * Fires when a user clicks the connect account button from within a smart link carousel view. Captures which benefit slide the user was viewing when they decided to connect, enabling measurement of which slide is most persuasive.
+     *  */
+    'ui.button.clicked.carouselConnect': ButtonClickedCarouselConnectAttributesType;
     /**
      * fires an event that represents when a user clicks on the authentication call to action with a forbidden authenticated account. (i.e. Try another account). */
     'ui.smartLink.clicked.tryAnotherAccount': SmartLinkClickedTryAnotherAccountAttributesType;

package/dist/types/view/EmbedCard/components/carousel/index.d.ts

@@ -13,12 +13,14 @@ type CarouselProps = {
     initialSlideIndex?: number;
     /** Ordered list of teaser slides */
     items: CarouselItem[];
+    /** Called when the user clicks the "See next" navigation button */
+    onNextClick?: (slideId: string) => void;
     /** Called when the user clicks the primary button */
-    onPrimaryButtonClick?: () => void;
+    onPrimaryButtonClick?: (slideId: string) => void;
     /** Text for the auth button, e.g. "Connect to Figma" */
     primaryButtonLabel: string;
     /** testId prefix */
     testId?: string;
 };
-declare const Carousel: ({ icon, iconLabel, initialSlideIndex, items, onPrimaryButtonClick, primaryButtonLabel, testId, }: CarouselProps) => React.JSX.Element;
+declare const Carousel: ({ icon, iconLabel, initialSlideIndex, items, onNextClick, onPrimaryButtonClick, primaryButtonLabel, testId, }: CarouselProps) => React.JSX.Element;
 export default Carousel;

package/dist/types/view/EmbedCard/components/carousel/types.d.ts

@@ -15,6 +15,12 @@ export type CarouselItem = {
      * provider name (e.g. "Google Drive") and returns the final string.
      */
     description: string;
+    /**
+     * Stable semantic identifier for this slide — used in analytics to track
+     * which slide drove connect/navigation events, independent of slide order.
+     * e.g. 'smart-link-benefit', 'rovo-search-benefit', 'rovo-chat-benefit'
+     */
+    id: string;
     /** Large hero image — either a React element (e.g. SVG) or an image URL */
     image: ReactNode | string;
     /**

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/smart-card",
-	"version": "45.13.3",
+	"version": "45.13.4",
 	"description": "Smart card component",
 	"publishConfig": {
 		"registry": "https://registry.npmjs.org/"
@@ -40,7 +40,7 @@
 		"@atlaskit/analytics-cross-product": "^2.1.0",
 		"@atlaskit/analytics-gas-types": "^6.0.0",
 		"@atlaskit/analytics-next": "^12.3.0",
-		"@atlaskit/avatar": "^26.3.0",
+		"@atlaskit/avatar": "^26.4.0",
 		"@atlaskit/avatar-group": "^13.2.0",
 		"@atlaskit/badge": "^19.1.0",
 		"@atlaskit/browser-apis": "^1.2.0",
@@ -88,7 +88,7 @@
 		"@atlaskit/textfield": "^9.1.0",
 		"@atlaskit/theme": "^26.1.0",
 		"@atlaskit/tile": "^2.3.0",
-		"@atlaskit/tmp-editor-statsig": "^135.0.0",
+		"@atlaskit/tmp-editor-statsig": "^135.2.0",
 		"@atlaskit/tokens": "^16.3.0",
 		"@atlaskit/tooltip": "^23.2.0",
 		"@atlaskit/ufo": "^1.0.0",