@atlaskit/smart-card 45.13.3 → 45.13.5

package/CHANGELOG.md

@@ -1,5 +1,21 @@
 # @atlaskit/smart-card
 
+## 45.13.5
+
+### Patch Changes
+
+- [`cc4252a358bcf`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/cc4252a358bcf) -
+  [ux] Migrate priority icon to use @atlaskit/icon/core
+- Updated dependencies
+
+## 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/__tests__/vr-tests/__snapshots__/flexible-card/flexible-ui-block-metadata--default.png

@@ -1,3 +1,3 @@
 version https://git-lfs.github.com/spec/v1
-oid sha256:36c6f82d88c72627e3d0b906cf620aee888fdf10ef7d314573f5548050f26811
-size 153745
+oid sha256:ff920567e7c479cb4b392387a65d13782dbd2d0ba8f5c2e151468ff763b05745
+size 155671

package/dist/cjs/__tests__/vr-tests/__snapshots__/flexible-card/flexible-ui-composition--default.png

@@ -1,3 +1,3 @@
 version https://git-lfs.github.com/spec/v1
-oid sha256:90c6f31c26a75bed4a49dd870901bde3bf5d97cefc62512dd94fce0ba706e64f
-size 103834
+oid sha256:c291fcaaf70a8fe7fb591f81b8cb847f9fed6a41bff8b68b4fc3537858c63327
+size 103954

package/dist/cjs/__tests__/vr-tests/__snapshots__/flexible-card-icon/icon-type-priority-blocker--default.png

@@ -1,3 +1,3 @@
 version https://git-lfs.github.com/spec/v1
-oid sha256:d7f62a7a15b917ba7160429e5b90b36cba44ac0db64924b8d60e5db5774014a3
-size 776
+oid sha256:b1f967736efa7f07f65cde83bfd59c6034e1f7f7271eeadcce4eddd72abae460
+size 909

package/dist/cjs/__tests__/vr-tests/__snapshots__/flexible-card-icon/icon-type-priority-critical--default.png

@@ -1,3 +1,3 @@
 version https://git-lfs.github.com/spec/v1
-oid sha256:878d5fda5dc549b36bff523929b586218d98bfb484a37ffe52483b08df6b5f29
-size 638
+oid sha256:8afc83fc97fe9a18ae1e22b07b5740802daa92c3c5c3d0afcf92a047acd466d0
+size 693

package/dist/cjs/__tests__/vr-tests/__snapshots__/flexible-card-icon/icon-type-priority-high--default.png

@@ -1,3 +1,3 @@
 version https://git-lfs.github.com/spec/v1
-oid sha256:8dc766b0223ae1b3c38c7373903a71eba020696337c591df3f0b81dcd60b7b6b
-size 628
+oid sha256:eb628b90b7507b2d8dd0a9fa25bb38ddbfe3ed139ab745ecfe5d3b7baf8c2ee8
+size 578

package/dist/cjs/__tests__/vr-tests/__snapshots__/flexible-card-icon/icon-type-priority-highest--default.png

@@ -1,3 +1,3 @@
 version https://git-lfs.github.com/spec/v1
-oid sha256:e1b64bcb54bd1238fb0758384ad24cb4adabf59c868468b5f8d308d3498d7d75
-size 833
+oid sha256:e13590c476875e065a8e5a4107da0ec08f57906f4f50d933180baeed8de41485
+size 735

package/dist/cjs/__tests__/vr-tests/__snapshots__/flexible-card-icon/icon-type-priority-low--default.png

@@ -1,3 +1,3 @@
 version https://git-lfs.github.com/spec/v1
-oid sha256:1b8b84b605769cb706aa74264a49c3ca30f8a6def7f7a75834258d65c2a06d82
-size 618
+oid sha256:13a75abc78d4f38d5000684f61edf516e53e8ab1553af7a6a02b8423cf86acb4
+size 538

package/dist/cjs/__tests__/vr-tests/__snapshots__/flexible-card-icon/icon-type-priority-lowest--default.png

@@ -1,3 +1,3 @@
 version https://git-lfs.github.com/spec/v1
-oid sha256:359e946bc74f48c8dda578d2702b2da0330a55830ccc3e67ffac227dbb4e478e
-size 834
+oid sha256:5d01a73fff315767f18623a554df194bf7ff52652df8c02a9dc615b4ad3c2245
+size 718

package/dist/cjs/__tests__/vr-tests/__snapshots__/flexible-card-icon/icon-type-priority-major--default.png

@@ -1,3 +1,3 @@
 version https://git-lfs.github.com/spec/v1
-oid sha256:1ab74d3223550aed5febd01575576ab5b722530ee1307d94f1e12f99080c27f5
-size 1031
+oid sha256:d4945d7a7f3a66a0e55692d2e13220913ea15a7cefb5ecdcd36ed78d616aae53
+size 898

package/dist/cjs/__tests__/vr-tests/__snapshots__/flexible-card-icon/icon-type-priority-medium--default.png

@@ -1,3 +1,3 @@
 version https://git-lfs.github.com/spec/v1
-oid sha256:6674f922c1e484df0ea2b0d4ceabfb5bec5ba1e5019746d342ef3e2d00e036e8
-size 396
+oid sha256:4661af0db6c199053587fa1fdea292a078d09c14bfa11c75898409799b47f124
+size 391

package/dist/cjs/__tests__/vr-tests/__snapshots__/flexible-card-icon/icon-type-priority-minor--default.png

@@ -1,3 +1,3 @@
 version https://git-lfs.github.com/spec/v1
-oid sha256:8bc1a13b57a0546b0a029b40f44eda530892f78a7085978f07e6a6f3daee70d0
-size 1043
+oid sha256:8d038fc0b7e46d84dbc71ca95a76438ab2bfb836d7e603651c12c2a20051ddbf
+size 881

package/dist/cjs/__tests__/vr-tests/__snapshots__/flexible-card-icon/icon-type-priority-trivial--default.png

@@ -1,3 +1,3 @@
 version https://git-lfs.github.com/spec/v1
-oid sha256:8dc2debbbad5b58e45f33ab05565f91eab9635f9a06c20927f6af694fb555691
-size 1056
+oid sha256:d3f200ff0ce9d4b1db2062033076ccfe9865a5d750c44842e00fd47331100348
+size 868

package/dist/cjs/__tests__/vr-tests/__snapshots__/icon-element-variations/icon-element-all-variations-with-experiments--default--platform-sl-3p-preauth-better-hovercard-killswitch-false-platform-sl-3p-preauth-better-hovercard-false.png

@@ -1,3 +1,3 @@
 version https://git-lfs.github.com/spec/v1
-oid sha256:aa204c82151fa9d869b9d1abfc9b38d7c4c06a18039d6057fb9bda6e52947578
-size 219245
+oid sha256:06012e2c14c38c3fc9da9fa230c9fc55dd0b011c7f5756b930968f1a88700828
+size 220083

package/dist/cjs/__tests__/vr-tests/__snapshots__/icon-element-variations/icon-element-all-variations-with-experiments--default--platform-sl-3p-preauth-better-hovercard-killswitch-false-platform-sl-3p-preauth-better-hovercard-true.png

@@ -1,3 +1,3 @@
 version https://git-lfs.github.com/spec/v1
-oid sha256:aa204c82151fa9d869b9d1abfc9b38d7c4c06a18039d6057fb9bda6e52947578
-size 219245
+oid sha256:06012e2c14c38c3fc9da9fa230c9fc55dd0b011c7f5756b930968f1a88700828
+size 220083

package/dist/cjs/__tests__/vr-tests/__snapshots__/icon-element-variations/icon-element-all-variations-with-experiments--default--platform-sl-3p-preauth-better-hovercard-killswitch-true-platform-sl-3p-preauth-better-hovercard-false.png

@@ -1,3 +1,3 @@
 version https://git-lfs.github.com/spec/v1
-oid sha256:0818d63fce2efbbbe48e65a428acd392282fd29111d3cf2246637eaf5e5626df
-size 219455
+oid sha256:cd8bc16db0eebc4cfd0f8882a3483ed84905e78317f8d6ff1d053d720b9b05f4
+size 220298

package/dist/cjs/__tests__/vr-tests/__snapshots__/icon-element-variations/icon-element-all-variations-with-experiments--default--platform-sl-3p-preauth-better-hovercard-killswitch-true-platform-sl-3p-preauth-better-hovercard-true.png

@@ -1,3 +1,3 @@
 version https://git-lfs.github.com/spec/v1
-oid sha256:0818d63fce2efbbbe48e65a428acd392282fd29111d3cf2246637eaf5e5626df
-size 219455
+oid sha256:cd8bc16db0eebc4cfd0f8882a3483ed84905e78317f8d6ff1d053d720b9b05f4
+size 220298

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.4" || ''
 };
 var TrackQuickActionType = exports.TrackQuickActionType = /*#__PURE__*/function (TrackQuickActionType) {
   TrackQuickActionType["StatusUpdate"] = "StatusUpdate";

package/dist/cjs/utils/index.js

@@ -14,6 +14,7 @@ var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/sli
 var _react = _interopRequireDefault(require("react"));
 var _reactLoadable = _interopRequireDefault(require("react-loadable"));
 var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
+var _getToken = require("@atlaskit/tokens/get-token");
 var _themeStateTransformer = require("@atlaskit/tokens/theme-state-transformer");
 var _constants = require("../constants");
 var _extractFileFormatIcon = _interopRequireDefault(require("../extractors/flexible/icon/extract-file-formatIcon"));
@@ -641,61 +642,161 @@ var getLazyIcons = exports.getLazyIcons = function getLazyIcons() {
     }
   }), _constants.IconType.PriorityBlocker, {
     default: function _default() {
-      return Promise.resolve().then(function () {
+      return (0, _platformFeatureFlags.fg)('platform_sl_priority_icon') ? Promise.resolve().then(function () {
+        return _interopRequireWildcard(require( /* webpackChunkName: "@atlaskit-internal_glyphPriorityBlocker" */'@atlaskit/icon/core/priority-blocker'));
+      }).then(function (module) {
+        return {
+          default: function _default(props) {
+            return /*#__PURE__*/_react.default.createElement(module.default, (0, _extends2.default)({}, props, {
+              color: (0, _getToken.token)('color.icon.accent.red')
+            }));
+          }
+        };
+      }) : Promise.resolve().then(function () {
         return _interopRequireWildcard(require( /* webpackChunkName: "@atlaskit-internal_glyphBlocker" */'../common/ui/icons/priority-blocker-icon'));
       });
     }
   }), _constants.IconType.PriorityCritical, {
     default: function _default() {
-      return Promise.resolve().then(function () {
+      return (0, _platformFeatureFlags.fg)('platform_sl_priority_icon') ? Promise.resolve().then(function () {
+        return _interopRequireWildcard(require( /* webpackChunkName: "@atlaskit-internal_glyphPriorityCritical" */'@atlaskit/icon/core/priority-critical'));
+      }).then(function (module) {
+        return {
+          default: function _default(props) {
+            return /*#__PURE__*/_react.default.createElement(module.default, (0, _extends2.default)({}, props, {
+              color: (0, _getToken.token)('color.icon.accent.red')
+            }));
+          }
+        };
+      }) : Promise.resolve().then(function () {
         return _interopRequireWildcard(require( /* webpackChunkName: "@atlaskit-internal_glyphCritical" */'../common/ui/icons/priority-critical-icon'));
       });
     }
   }), _constants.IconType.PriorityHigh, {
     default: function _default() {
-      return Promise.resolve().then(function () {
+      return (0, _platformFeatureFlags.fg)('platform_sl_priority_icon') ? Promise.resolve().then(function () {
+        return _interopRequireWildcard(require( /* webpackChunkName: "@atlaskit-internal_glyphPriorityHigh" */'@atlaskit/icon/core/priority-high'));
+      }).then(function (module) {
+        return {
+          default: function _default(props) {
+            return /*#__PURE__*/_react.default.createElement(module.default, (0, _extends2.default)({}, props, {
+              color: (0, _getToken.token)('color.icon.accent.red')
+            }));
+          }
+        };
+      }) : Promise.resolve().then(function () {
         return _interopRequireWildcard(require( /* webpackChunkName: "@atlaskit-internal_glyphHigh" */'../common/ui/icons/priority-high-icon'));
       });
     }
   }), _constants.IconType.PriorityHighest, {
     default: function _default() {
-      return Promise.resolve().then(function () {
+      return (0, _platformFeatureFlags.fg)('platform_sl_priority_icon') ? Promise.resolve().then(function () {
+        return _interopRequireWildcard(require( /* webpackChunkName: "@atlaskit-internal_glyphPriorityHighest" */'@atlaskit/icon/core/priority-highest'));
+      }).then(function (module) {
+        return {
+          default: function _default(props) {
+            return /*#__PURE__*/_react.default.createElement(module.default, (0, _extends2.default)({}, props, {
+              color: (0, _getToken.token)('color.icon.accent.red')
+            }));
+          }
+        };
+      }) : Promise.resolve().then(function () {
         return _interopRequireWildcard(require( /* webpackChunkName: "@atlaskit-internal_glyphHighest" */'../common/ui/icons/priority-highest-icon'));
       });
     }
   }), _constants.IconType.PriorityLow, {
     default: function _default() {
-      return Promise.resolve().then(function () {
+      return (0, _platformFeatureFlags.fg)('platform_sl_priority_icon') ? Promise.resolve().then(function () {
+        return _interopRequireWildcard(require( /* webpackChunkName: "@atlaskit-internal_glyphPriorityLow" */'@atlaskit/icon/core/priority-low'));
+      }).then(function (module) {
+        return {
+          default: function _default(props) {
+            return /*#__PURE__*/_react.default.createElement(module.default, (0, _extends2.default)({}, props, {
+              color: (0, _getToken.token)('color.icon.accent.blue')
+            }));
+          }
+        };
+      }) : Promise.resolve().then(function () {
         return _interopRequireWildcard(require( /* webpackChunkName: "@atlaskit-internal_glyphLow" */'../common/ui/icons/priority-low-icon'));
       });
     }
   }), _constants.IconType.PriorityLowest, {
     default: function _default() {
-      return Promise.resolve().then(function () {
+      return (0, _platformFeatureFlags.fg)('platform_sl_priority_icon') ? Promise.resolve().then(function () {
+        return _interopRequireWildcard(require( /* webpackChunkName: "@atlaskit-internal_glyphPriorityLowest" */'@atlaskit/icon/core/priority-lowest'));
+      }).then(function (module) {
+        return {
+          default: function _default(props) {
+            return /*#__PURE__*/_react.default.createElement(module.default, (0, _extends2.default)({}, props, {
+              color: (0, _getToken.token)('color.icon.accent.blue')
+            }));
+          }
+        };
+      }) : Promise.resolve().then(function () {
         return _interopRequireWildcard(require( /* webpackChunkName: "@atlaskit-internal_glyphLowest" */'../common/ui/icons/priority-lowest-icon'));
       });
     }
   }), _constants.IconType.PriorityMajor, {
     default: function _default() {
-      return Promise.resolve().then(function () {
+      return (0, _platformFeatureFlags.fg)('platform_sl_priority_icon') ? Promise.resolve().then(function () {
+        return _interopRequireWildcard(require( /* webpackChunkName: "@atlaskit-internal_glyphPriorityMajor" */'@atlaskit/icon/core/priority-major'));
+      }).then(function (module) {
+        return {
+          default: function _default(props) {
+            return /*#__PURE__*/_react.default.createElement(module.default, (0, _extends2.default)({}, props, {
+              color: (0, _getToken.token)('color.icon.accent.red')
+            }));
+          }
+        };
+      }) : Promise.resolve().then(function () {
         return _interopRequireWildcard(require( /* webpackChunkName: "@atlaskit-internal_glyphMajor" */'../common/ui/icons/priority-major-icon'));
       });
     }
   }), (0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)(_ref3, _constants.IconType.PriorityMedium, {
     default: function _default() {
-      return Promise.resolve().then(function () {
+      return (0, _platformFeatureFlags.fg)('platform_sl_priority_icon') ? Promise.resolve().then(function () {
+        return _interopRequireWildcard(require( /* webpackChunkName: "@atlaskit-internal_glyphPriorityMedium" */'@atlaskit/icon/core/priority-medium'));
+      }).then(function (module) {
+        return {
+          default: function _default(props) {
+            return /*#__PURE__*/_react.default.createElement(module.default, (0, _extends2.default)({}, props, {
+              color: (0, _getToken.token)('color.icon.accent.orange')
+            }));
+          }
+        };
+      }) : Promise.resolve().then(function () {
         return _interopRequireWildcard(require( /* webpackChunkName: "@atlaskit-internal_glyphMedium" */'../common/ui/icons/priority-medium-icon'));
       });
     }
   }), _constants.IconType.PriorityMinor, {
     default: function _default() {
-      return Promise.resolve().then(function () {
+      return (0, _platformFeatureFlags.fg)('platform_sl_priority_icon') ? Promise.resolve().then(function () {
+        return _interopRequireWildcard(require( /* webpackChunkName: "@atlaskit-internal_glyphPriorityMinor" */'@atlaskit/icon/core/priority-minor'));
+      }).then(function (module) {
+        return {
+          default: function _default(props) {
+            return /*#__PURE__*/_react.default.createElement(module.default, (0, _extends2.default)({}, props, {
+              color: (0, _getToken.token)('color.icon.accent.blue')
+            }));
+          }
+        };
+      }) : Promise.resolve().then(function () {
         return _interopRequireWildcard(require( /* webpackChunkName: "@atlaskit-internal_glyphMinor" */'../common/ui/icons/priority-minor-icon'));
       });
     }
   }), _constants.IconType.PriorityTrivial, {
     default: function _default() {
-      return Promise.resolve().then(function () {
+      return (0, _platformFeatureFlags.fg)('platform_sl_priority_icon') ? Promise.resolve().then(function () {
+        return _interopRequireWildcard(require( /* webpackChunkName: "@atlaskit-internal_glyphPriorityTrivial" */'@atlaskit/icon/core/priority-trivial'));
+      }).then(function (module) {
+        return {
+          default: function _default(props) {
+            return /*#__PURE__*/_react.default.createElement(module.default, (0, _extends2.default)({}, props, {
+              color: (0, _getToken.token)('color.icon.accent.gray')
+            }));
+          }
+        };
+      }) : Promise.resolve().then(function () {
         return _interopRequireWildcard(require( /* webpackChunkName: "@atlaskit-internal_glyphTrivial" */'../common/ui/icons/priority-trivial-icon'));
       });
     }

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/FlexibleCard/components/common/atlaskit-icon/index.js

@@ -6,6 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
 var _react = _interopRequireDefault(require("react"));
 var _reactLoadable = _interopRequireDefault(require("react-loadable"));
 var _icon = require("@atlaskit/icon");
@@ -42,8 +43,9 @@ var getDocumentIcon = function getDocumentIcon() {
 var getLiveDocumentIcon = function getLiveDocumentIcon() {
   return require('../../../../../common/ui/icons/live-document-icon').default;
 };
+var PRIORITY_ICONS = [_constants.IconType.PriorityBlocker, _constants.IconType.PriorityCritical, _constants.IconType.PriorityHigh, _constants.IconType.PriorityHighest, _constants.IconType.PriorityLow, _constants.IconType.PriorityLowest, _constants.IconType.PriorityMajor, _constants.IconType.PriorityMedium, _constants.IconType.PriorityMinor, _constants.IconType.PriorityTrivial];
 var isCoreIcon = function isCoreIcon(icon) {
-  return [_constants.IconType.Project, _constants.IconType.Template, _constants.IconType.Forbidden, _constants.IconType.Default, _constants.IconType.Error, _constants.IconType.Attachment, _constants.IconType.CheckItem, _constants.IconType.Component, _constants.IconType.Comment, _constants.IconType.View, _constants.IconType.React, _constants.IconType.Vote, _constants.IconType.PriorityUndefined, _constants.IconType.ProgrammingLanguage, _constants.IconType.Subscriber, _constants.IconType.SubTasksProgress].includes(icon);
+  return [_constants.IconType.Project, _constants.IconType.Template, _constants.IconType.Forbidden, _constants.IconType.Default, _constants.IconType.Error, _constants.IconType.Attachment, _constants.IconType.CheckItem, _constants.IconType.Component, _constants.IconType.Comment, _constants.IconType.View, _constants.IconType.React, _constants.IconType.Vote, _constants.IconType.PriorityUndefined, _constants.IconType.ProgrammingLanguage, _constants.IconType.Subscriber, _constants.IconType.SubTasksProgress].concat((0, _toConsumableArray2.default)((0, _platformFeatureFlags.fg)('platform_sl_priority_icon') ? PRIORITY_ICONS : [])).includes(icon);
 };
 var AtlaskitIcon = function AtlaskitIcon(_ref) {
   var icon = _ref.icon,
@@ -107,6 +109,13 @@ var AtlaskitIcon = function AtlaskitIcon(_ref) {
         });
       case _constants.SmartLinkSize.Large:
       case _constants.SmartLinkSize.XLarge:
+        if (PRIORITY_ICONS.includes(icon) && (0, _platformFeatureFlags.fg)('platform_sl_priority_icon')) {
+          return /*#__PURE__*/_react.default.createElement(ImportedIcon, {
+            label: label,
+            testId: testId,
+            color: color
+          });
+        }
         var appearance;
         if (icon === _constants.IconType.Error || icon === _constants.IconType.Forbidden) {
           appearance = 'redBold';

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

package/dist/es2019/__tests__/vr-tests/__snapshots__/flexible-card/flexible-ui-block-metadata--default.png

@@ -1,3 +1,3 @@
 version https://git-lfs.github.com/spec/v1
-oid sha256:36c6f82d88c72627e3d0b906cf620aee888fdf10ef7d314573f5548050f26811
-size 153745
+oid sha256:ff920567e7c479cb4b392387a65d13782dbd2d0ba8f5c2e151468ff763b05745
+size 155671

package/dist/es2019/__tests__/vr-tests/__snapshots__/flexible-card/flexible-ui-composition--default.png

@@ -1,3 +1,3 @@
 version https://git-lfs.github.com/spec/v1
-oid sha256:90c6f31c26a75bed4a49dd870901bde3bf5d97cefc62512dd94fce0ba706e64f
-size 103834
+oid sha256:c291fcaaf70a8fe7fb591f81b8cb847f9fed6a41bff8b68b4fc3537858c63327
+size 103954

package/dist/es2019/__tests__/vr-tests/__snapshots__/flexible-card-icon/icon-type-priority-blocker--default.png

@@ -1,3 +1,3 @@
 version https://git-lfs.github.com/spec/v1
-oid sha256:d7f62a7a15b917ba7160429e5b90b36cba44ac0db64924b8d60e5db5774014a3
-size 776
+oid sha256:b1f967736efa7f07f65cde83bfd59c6034e1f7f7271eeadcce4eddd72abae460
+size 909

package/dist/es2019/__tests__/vr-tests/__snapshots__/flexible-card-icon/icon-type-priority-critical--default.png

@@ -1,3 +1,3 @@
 version https://git-lfs.github.com/spec/v1
-oid sha256:878d5fda5dc549b36bff523929b586218d98bfb484a37ffe52483b08df6b5f29
-size 638
+oid sha256:8afc83fc97fe9a18ae1e22b07b5740802daa92c3c5c3d0afcf92a047acd466d0
+size 693

package/dist/es2019/__tests__/vr-tests/__snapshots__/flexible-card-icon/icon-type-priority-high--default.png

@@ -1,3 +1,3 @@
 version https://git-lfs.github.com/spec/v1
-oid sha256:8dc766b0223ae1b3c38c7373903a71eba020696337c591df3f0b81dcd60b7b6b
-size 628
+oid sha256:eb628b90b7507b2d8dd0a9fa25bb38ddbfe3ed139ab745ecfe5d3b7baf8c2ee8
+size 578

package/dist/es2019/__tests__/vr-tests/__snapshots__/flexible-card-icon/icon-type-priority-highest--default.png

@@ -1,3 +1,3 @@
 version https://git-lfs.github.com/spec/v1
-oid sha256:e1b64bcb54bd1238fb0758384ad24cb4adabf59c868468b5f8d308d3498d7d75
-size 833
+oid sha256:e13590c476875e065a8e5a4107da0ec08f57906f4f50d933180baeed8de41485
+size 735

package/dist/es2019/__tests__/vr-tests/__snapshots__/flexible-card-icon/icon-type-priority-low--default.png

@@ -1,3 +1,3 @@
 version https://git-lfs.github.com/spec/v1
-oid sha256:1b8b84b605769cb706aa74264a49c3ca30f8a6def7f7a75834258d65c2a06d82
-size 618
+oid sha256:13a75abc78d4f38d5000684f61edf516e53e8ab1553af7a6a02b8423cf86acb4
+size 538

package/dist/es2019/__tests__/vr-tests/__snapshots__/flexible-card-icon/icon-type-priority-lowest--default.png

@@ -1,3 +1,3 @@
 version https://git-lfs.github.com/spec/v1
-oid sha256:359e946bc74f48c8dda578d2702b2da0330a55830ccc3e67ffac227dbb4e478e
-size 834
+oid sha256:5d01a73fff315767f18623a554df194bf7ff52652df8c02a9dc615b4ad3c2245
+size 718

package/dist/es2019/__tests__/vr-tests/__snapshots__/flexible-card-icon/icon-type-priority-major--default.png

@@ -1,3 +1,3 @@
 version https://git-lfs.github.com/spec/v1
-oid sha256:1ab74d3223550aed5febd01575576ab5b722530ee1307d94f1e12f99080c27f5
-size 1031
+oid sha256:d4945d7a7f3a66a0e55692d2e13220913ea15a7cefb5ecdcd36ed78d616aae53
+size 898

package/dist/es2019/__tests__/vr-tests/__snapshots__/flexible-card-icon/icon-type-priority-medium--default.png

@@ -1,3 +1,3 @@
 version https://git-lfs.github.com/spec/v1
-oid sha256:6674f922c1e484df0ea2b0d4ceabfb5bec5ba1e5019746d342ef3e2d00e036e8
-size 396
+oid sha256:4661af0db6c199053587fa1fdea292a078d09c14bfa11c75898409799b47f124
+size 391

package/dist/es2019/__tests__/vr-tests/__snapshots__/flexible-card-icon/icon-type-priority-minor--default.png

@@ -1,3 +1,3 @@
 version https://git-lfs.github.com/spec/v1
-oid sha256:8bc1a13b57a0546b0a029b40f44eda530892f78a7085978f07e6a6f3daee70d0
-size 1043
+oid sha256:8d038fc0b7e46d84dbc71ca95a76438ab2bfb836d7e603651c12c2a20051ddbf
+size 881

package/dist/es2019/__tests__/vr-tests/__snapshots__/flexible-card-icon/icon-type-priority-trivial--default.png

@@ -1,3 +1,3 @@
 version https://git-lfs.github.com/spec/v1
-oid sha256:8dc2debbbad5b58e45f33ab05565f91eab9635f9a06c20927f6af694fb555691
-size 1056
+oid sha256:d3f200ff0ce9d4b1db2062033076ccfe9865a5d750c44842e00fd47331100348
+size 868

package/dist/es2019/__tests__/vr-tests/__snapshots__/icon-element-variations/icon-element-all-variations-with-experiments--default--platform-sl-3p-preauth-better-hovercard-killswitch-false-platform-sl-3p-preauth-better-hovercard-false.png

@@ -1,3 +1,3 @@
 version https://git-lfs.github.com/spec/v1
-oid sha256:aa204c82151fa9d869b9d1abfc9b38d7c4c06a18039d6057fb9bda6e52947578
-size 219245
+oid sha256:06012e2c14c38c3fc9da9fa230c9fc55dd0b011c7f5756b930968f1a88700828
+size 220083

package/dist/es2019/__tests__/vr-tests/__snapshots__/icon-element-variations/icon-element-all-variations-with-experiments--default--platform-sl-3p-preauth-better-hovercard-killswitch-false-platform-sl-3p-preauth-better-hovercard-true.png

@@ -1,3 +1,3 @@
 version https://git-lfs.github.com/spec/v1
-oid sha256:aa204c82151fa9d869b9d1abfc9b38d7c4c06a18039d6057fb9bda6e52947578
-size 219245
+oid sha256:06012e2c14c38c3fc9da9fa230c9fc55dd0b011c7f5756b930968f1a88700828
+size 220083