@atlaskit/smart-card 45.13.3 → 45.13.5

package/dist/es2019/__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/es2019/__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/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.4" || ''
 };
 export let TrackQuickActionType = /*#__PURE__*/function (TrackQuickActionType) {
   TrackQuickActionType["StatusUpdate"] = "StatusUpdate";

package/dist/es2019/utils/index.js

@@ -2,6 +2,7 @@ import _extends from "@babel/runtime/helpers/extends";
 import React from 'react';
 import Loadable from 'react-loadable';
 import { fg } from '@atlaskit/platform-feature-flags';
+import { token } from '@atlaskit/tokens/get-token';
 import { themeObjectToString } from '@atlaskit/tokens/theme-state-transformer';
 import { IconType, SmartLinkSize } from '../constants';
 import extractFileFormatIcon from '../extractors/flexible/icon/extract-file-formatIcon';
@@ -310,34 +311,74 @@ export const getLazyIcons = () => {
     },
     // Local priority icons (custom SVG components)
     [IconType.PriorityBlocker]: {
-      default: () => import( /* webpackChunkName: "@atlaskit-internal_glyphBlocker" */'../common/ui/icons/priority-blocker-icon')
+      default: () => fg('platform_sl_priority_icon') ? import( /* webpackChunkName: "@atlaskit-internal_glyphPriorityBlocker" */'@atlaskit/icon/core/priority-blocker').then(module => ({
+        default: props => /*#__PURE__*/React.createElement(module.default, _extends({}, props, {
+          color: token('color.icon.accent.red')
+        }))
+      })) : import( /* webpackChunkName: "@atlaskit-internal_glyphBlocker" */'../common/ui/icons/priority-blocker-icon')
     },
     [IconType.PriorityCritical]: {
-      default: () => import( /* webpackChunkName: "@atlaskit-internal_glyphCritical" */'../common/ui/icons/priority-critical-icon')
+      default: () => fg('platform_sl_priority_icon') ? import( /* webpackChunkName: "@atlaskit-internal_glyphPriorityCritical" */'@atlaskit/icon/core/priority-critical').then(module => ({
+        default: props => /*#__PURE__*/React.createElement(module.default, _extends({}, props, {
+          color: token('color.icon.accent.red')
+        }))
+      })) : import( /* webpackChunkName: "@atlaskit-internal_glyphCritical" */'../common/ui/icons/priority-critical-icon')
     },
     [IconType.PriorityHigh]: {
-      default: () => import( /* webpackChunkName: "@atlaskit-internal_glyphHigh" */'../common/ui/icons/priority-high-icon')
+      default: () => fg('platform_sl_priority_icon') ? import( /* webpackChunkName: "@atlaskit-internal_glyphPriorityHigh" */'@atlaskit/icon/core/priority-high').then(module => ({
+        default: props => /*#__PURE__*/React.createElement(module.default, _extends({}, props, {
+          color: token('color.icon.accent.red')
+        }))
+      })) : import( /* webpackChunkName: "@atlaskit-internal_glyphHigh" */'../common/ui/icons/priority-high-icon')
     },
     [IconType.PriorityHighest]: {
-      default: () => import( /* webpackChunkName: "@atlaskit-internal_glyphHighest" */'../common/ui/icons/priority-highest-icon')
+      default: () => fg('platform_sl_priority_icon') ? import( /* webpackChunkName: "@atlaskit-internal_glyphPriorityHighest" */'@atlaskit/icon/core/priority-highest').then(module => ({
+        default: props => /*#__PURE__*/React.createElement(module.default, _extends({}, props, {
+          color: token('color.icon.accent.red')
+        }))
+      })) : import( /* webpackChunkName: "@atlaskit-internal_glyphHighest" */'../common/ui/icons/priority-highest-icon')
     },
     [IconType.PriorityLow]: {
-      default: () => import( /* webpackChunkName: "@atlaskit-internal_glyphLow" */'../common/ui/icons/priority-low-icon')
+      default: () => fg('platform_sl_priority_icon') ? import( /* webpackChunkName: "@atlaskit-internal_glyphPriorityLow" */'@atlaskit/icon/core/priority-low').then(module => ({
+        default: props => /*#__PURE__*/React.createElement(module.default, _extends({}, props, {
+          color: token('color.icon.accent.blue')
+        }))
+      })) : import( /* webpackChunkName: "@atlaskit-internal_glyphLow" */'../common/ui/icons/priority-low-icon')
     },
     [IconType.PriorityLowest]: {
-      default: () => import( /* webpackChunkName: "@atlaskit-internal_glyphLowest" */'../common/ui/icons/priority-lowest-icon')
+      default: () => fg('platform_sl_priority_icon') ? import( /* webpackChunkName: "@atlaskit-internal_glyphPriorityLowest" */'@atlaskit/icon/core/priority-lowest').then(module => ({
+        default: props => /*#__PURE__*/React.createElement(module.default, _extends({}, props, {
+          color: token('color.icon.accent.blue')
+        }))
+      })) : import( /* webpackChunkName: "@atlaskit-internal_glyphLowest" */'../common/ui/icons/priority-lowest-icon')
     },
     [IconType.PriorityMajor]: {
-      default: () => import( /* webpackChunkName: "@atlaskit-internal_glyphMajor" */'../common/ui/icons/priority-major-icon')
+      default: () => fg('platform_sl_priority_icon') ? import( /* webpackChunkName: "@atlaskit-internal_glyphPriorityMajor" */'@atlaskit/icon/core/priority-major').then(module => ({
+        default: props => /*#__PURE__*/React.createElement(module.default, _extends({}, props, {
+          color: token('color.icon.accent.red')
+        }))
+      })) : import( /* webpackChunkName: "@atlaskit-internal_glyphMajor" */'../common/ui/icons/priority-major-icon')
     },
     [IconType.PriorityMedium]: {
-      default: () => import( /* webpackChunkName: "@atlaskit-internal_glyphMedium" */'../common/ui/icons/priority-medium-icon')
+      default: () => fg('platform_sl_priority_icon') ? import( /* webpackChunkName: "@atlaskit-internal_glyphPriorityMedium" */'@atlaskit/icon/core/priority-medium').then(module => ({
+        default: props => /*#__PURE__*/React.createElement(module.default, _extends({}, props, {
+          color: token('color.icon.accent.orange')
+        }))
+      })) : import( /* webpackChunkName: "@atlaskit-internal_glyphMedium" */'../common/ui/icons/priority-medium-icon')
     },
     [IconType.PriorityMinor]: {
-      default: () => import( /* webpackChunkName: "@atlaskit-internal_glyphMinor" */'../common/ui/icons/priority-minor-icon')
+      default: () => fg('platform_sl_priority_icon') ? import( /* webpackChunkName: "@atlaskit-internal_glyphPriorityMinor" */'@atlaskit/icon/core/priority-minor').then(module => ({
+        default: props => /*#__PURE__*/React.createElement(module.default, _extends({}, props, {
+          color: token('color.icon.accent.blue')
+        }))
+      })) : import( /* webpackChunkName: "@atlaskit-internal_glyphMinor" */'../common/ui/icons/priority-minor-icon')
     },
     [IconType.PriorityTrivial]: {
-      default: () => import( /* webpackChunkName: "@atlaskit-internal_glyphTrivial" */'../common/ui/icons/priority-trivial-icon')
+      default: () => fg('platform_sl_priority_icon') ? import( /* webpackChunkName: "@atlaskit-internal_glyphPriorityTrivial" */'@atlaskit/icon/core/priority-trivial').then(module => ({
+        default: props => /*#__PURE__*/React.createElement(module.default, _extends({}, props, {
+          color: token('color.icon.accent.gray')
+        }))
+      })) : import( /* webpackChunkName: "@atlaskit-internal_glyphTrivial" */'../common/ui/icons/priority-trivial-icon')
     }
   };
 };

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

@@ -23,8 +23,9 @@ const importIcon = importFn => {
 const getBlogIcon = () => require('../../../../../common/ui/icons/blog-icon').default;
 const getDocumentIcon = () => require('../../../../../common/ui/icons/page-icon').default;
 const getLiveDocumentIcon = () => require('../../../../../common/ui/icons/live-document-icon').default;
+const PRIORITY_ICONS = [IconType.PriorityBlocker, IconType.PriorityCritical, IconType.PriorityHigh, IconType.PriorityHighest, IconType.PriorityLow, IconType.PriorityLowest, IconType.PriorityMajor, IconType.PriorityMedium, IconType.PriorityMinor, IconType.PriorityTrivial];
 const isCoreIcon = icon => {
-  return [IconType.Project, IconType.Template, IconType.Forbidden, IconType.Default, IconType.Error, IconType.Attachment, IconType.CheckItem, IconType.Component, IconType.Comment, IconType.View, IconType.React, IconType.Vote, IconType.PriorityUndefined, IconType.ProgrammingLanguage, IconType.Subscriber, IconType.SubTasksProgress].includes(icon);
+  return [IconType.Project, IconType.Template, IconType.Forbidden, IconType.Default, IconType.Error, IconType.Attachment, IconType.CheckItem, IconType.Component, IconType.Comment, IconType.View, IconType.React, IconType.Vote, IconType.PriorityUndefined, IconType.ProgrammingLanguage, IconType.Subscriber, IconType.SubTasksProgress, ...(fg('platform_sl_priority_icon') ? PRIORITY_ICONS : [])].includes(icon);
 };
 const AtlaskitIcon = ({
   icon,
@@ -88,6 +89,13 @@ const AtlaskitIcon = ({
         });
       case SmartLinkSize.Large:
       case SmartLinkSize.XLarge:
+        if (PRIORITY_ICONS.includes(icon) && fg('platform_sl_priority_icon')) {
+          return /*#__PURE__*/React.createElement(ImportedIcon, {
+            label: label,
+            testId: testId,
+            color: color
+          });
+        }
         let appearance;
         if (icon === IconType.Error || icon === IconType.Forbidden) {
           appearance = 'redBold';

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

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

package/dist/esm/utils/index.js

@@ -6,6 +6,7 @@ import _regeneratorRuntime from "@babel/runtime/regenerator";
 import React from 'react';
 import Loadable from 'react-loadable';
 import { fg } from '@atlaskit/platform-feature-flags';
+import { token } from '@atlaskit/tokens/get-token';
 import { themeObjectToString } from '@atlaskit/tokens/theme-state-transformer';
 import { IconType, SmartLinkSize } from '../constants';
 import extractFileFormatIcon from '../extractors/flexible/icon/extract-file-formatIcon';
@@ -476,43 +477,123 @@ export var getLazyIcons = function getLazyIcons() {
     }
   }), IconType.PriorityBlocker, {
     default: function _default() {
-      return import( /* webpackChunkName: "@atlaskit-internal_glyphBlocker" */'../common/ui/icons/priority-blocker-icon');
+      return fg('platform_sl_priority_icon') ? import( /* webpackChunkName: "@atlaskit-internal_glyphPriorityBlocker" */'@atlaskit/icon/core/priority-blocker').then(function (module) {
+        return {
+          default: function _default(props) {
+            return /*#__PURE__*/React.createElement(module.default, _extends({}, props, {
+              color: token('color.icon.accent.red')
+            }));
+          }
+        };
+      }) : import( /* webpackChunkName: "@atlaskit-internal_glyphBlocker" */'../common/ui/icons/priority-blocker-icon');
     }
   }), IconType.PriorityCritical, {
     default: function _default() {
-      return import( /* webpackChunkName: "@atlaskit-internal_glyphCritical" */'../common/ui/icons/priority-critical-icon');
+      return fg('platform_sl_priority_icon') ? import( /* webpackChunkName: "@atlaskit-internal_glyphPriorityCritical" */'@atlaskit/icon/core/priority-critical').then(function (module) {
+        return {
+          default: function _default(props) {
+            return /*#__PURE__*/React.createElement(module.default, _extends({}, props, {
+              color: token('color.icon.accent.red')
+            }));
+          }
+        };
+      }) : import( /* webpackChunkName: "@atlaskit-internal_glyphCritical" */'../common/ui/icons/priority-critical-icon');
     }
   }), IconType.PriorityHigh, {
     default: function _default() {
-      return import( /* webpackChunkName: "@atlaskit-internal_glyphHigh" */'../common/ui/icons/priority-high-icon');
+      return fg('platform_sl_priority_icon') ? import( /* webpackChunkName: "@atlaskit-internal_glyphPriorityHigh" */'@atlaskit/icon/core/priority-high').then(function (module) {
+        return {
+          default: function _default(props) {
+            return /*#__PURE__*/React.createElement(module.default, _extends({}, props, {
+              color: token('color.icon.accent.red')
+            }));
+          }
+        };
+      }) : import( /* webpackChunkName: "@atlaskit-internal_glyphHigh" */'../common/ui/icons/priority-high-icon');
     }
   }), IconType.PriorityHighest, {
     default: function _default() {
-      return import( /* webpackChunkName: "@atlaskit-internal_glyphHighest" */'../common/ui/icons/priority-highest-icon');
+      return fg('platform_sl_priority_icon') ? import( /* webpackChunkName: "@atlaskit-internal_glyphPriorityHighest" */'@atlaskit/icon/core/priority-highest').then(function (module) {
+        return {
+          default: function _default(props) {
+            return /*#__PURE__*/React.createElement(module.default, _extends({}, props, {
+              color: token('color.icon.accent.red')
+            }));
+          }
+        };
+      }) : import( /* webpackChunkName: "@atlaskit-internal_glyphHighest" */'../common/ui/icons/priority-highest-icon');
     }
   }), IconType.PriorityLow, {
     default: function _default() {
-      return import( /* webpackChunkName: "@atlaskit-internal_glyphLow" */'../common/ui/icons/priority-low-icon');
+      return fg('platform_sl_priority_icon') ? import( /* webpackChunkName: "@atlaskit-internal_glyphPriorityLow" */'@atlaskit/icon/core/priority-low').then(function (module) {
+        return {
+          default: function _default(props) {
+            return /*#__PURE__*/React.createElement(module.default, _extends({}, props, {
+              color: token('color.icon.accent.blue')
+            }));
+          }
+        };
+      }) : import( /* webpackChunkName: "@atlaskit-internal_glyphLow" */'../common/ui/icons/priority-low-icon');
     }
   }), IconType.PriorityLowest, {
     default: function _default() {
-      return import( /* webpackChunkName: "@atlaskit-internal_glyphLowest" */'../common/ui/icons/priority-lowest-icon');
+      return fg('platform_sl_priority_icon') ? import( /* webpackChunkName: "@atlaskit-internal_glyphPriorityLowest" */'@atlaskit/icon/core/priority-lowest').then(function (module) {
+        return {
+          default: function _default(props) {
+            return /*#__PURE__*/React.createElement(module.default, _extends({}, props, {
+              color: token('color.icon.accent.blue')
+            }));
+          }
+        };
+      }) : import( /* webpackChunkName: "@atlaskit-internal_glyphLowest" */'../common/ui/icons/priority-lowest-icon');
     }
   }), IconType.PriorityMajor, {
     default: function _default() {
-      return import( /* webpackChunkName: "@atlaskit-internal_glyphMajor" */'../common/ui/icons/priority-major-icon');
+      return fg('platform_sl_priority_icon') ? import( /* webpackChunkName: "@atlaskit-internal_glyphPriorityMajor" */'@atlaskit/icon/core/priority-major').then(function (module) {
+        return {
+          default: function _default(props) {
+            return /*#__PURE__*/React.createElement(module.default, _extends({}, props, {
+              color: token('color.icon.accent.red')
+            }));
+          }
+        };
+      }) : import( /* webpackChunkName: "@atlaskit-internal_glyphMajor" */'../common/ui/icons/priority-major-icon');
     }
   }), _defineProperty(_defineProperty(_defineProperty(_ref3, IconType.PriorityMedium, {
     default: function _default() {
-      return import( /* webpackChunkName: "@atlaskit-internal_glyphMedium" */'../common/ui/icons/priority-medium-icon');
+      return fg('platform_sl_priority_icon') ? import( /* webpackChunkName: "@atlaskit-internal_glyphPriorityMedium" */'@atlaskit/icon/core/priority-medium').then(function (module) {
+        return {
+          default: function _default(props) {
+            return /*#__PURE__*/React.createElement(module.default, _extends({}, props, {
+              color: token('color.icon.accent.orange')
+            }));
+          }
+        };
+      }) : import( /* webpackChunkName: "@atlaskit-internal_glyphMedium" */'../common/ui/icons/priority-medium-icon');
     }
   }), IconType.PriorityMinor, {
     default: function _default() {
-      return import( /* webpackChunkName: "@atlaskit-internal_glyphMinor" */'../common/ui/icons/priority-minor-icon');
+      return fg('platform_sl_priority_icon') ? import( /* webpackChunkName: "@atlaskit-internal_glyphPriorityMinor" */'@atlaskit/icon/core/priority-minor').then(function (module) {
+        return {
+          default: function _default(props) {
+            return /*#__PURE__*/React.createElement(module.default, _extends({}, props, {
+              color: token('color.icon.accent.blue')
+            }));
+          }
+        };
+      }) : import( /* webpackChunkName: "@atlaskit-internal_glyphMinor" */'../common/ui/icons/priority-minor-icon');
     }
   }), IconType.PriorityTrivial, {
     default: function _default() {
-      return import( /* webpackChunkName: "@atlaskit-internal_glyphTrivial" */'../common/ui/icons/priority-trivial-icon');
+      return fg('platform_sl_priority_icon') ? import( /* webpackChunkName: "@atlaskit-internal_glyphPriorityTrivial" */'@atlaskit/icon/core/priority-trivial').then(function (module) {
+        return {
+          default: function _default(props) {
+            return /*#__PURE__*/React.createElement(module.default, _extends({}, props, {
+              color: token('color.icon.accent.gray')
+            }));
+          }
+        };
+      }) : import( /* webpackChunkName: "@atlaskit-internal_glyphTrivial" */'../common/ui/icons/priority-trivial-icon');
     }
   });
 };

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,