@atlaskit/smart-card 44.3.9 → 44.3.11

package/dist/es2019/common/ui/icons/priority-major-icon.js

@@ -3,11 +3,13 @@ import _extends from "@babel/runtime/helpers/extends";
 import "./priority-major-icon.compiled.css";
 import * as React from 'react';
 import { ax, ix } from "@compiled/react/runtime";
+import { componentWithFG } from '@atlaskit/platform-feature-flags-react';
+import { createPriorityIcon } from './priority-icon';
 const style = {
   span: "_1e0c1o8l _1o9zidpf",
   svg: "_s7n4yfq0 _p12f1osq _c71l1osq"
 };
-const PriorityMajorIcon = ({
+const PriorityMajorIconLegacy = ({
   label,
   testId,
   ...props
@@ -34,5 +36,14 @@ const PriorityMajorIcon = ({
   d: "M5.567 21.068a1 1 0 11-1.027-1.716l6.97-4.174a1 1 0 011.03.002l6.906 4.174a1 1 0 11-1.035 1.712l-6.39-3.863-6.454 3.865z",
   fill: "#FF8F73"
 })));
-PriorityMajorIcon.displayName = 'PriorityMajorIcon';
-export default PriorityMajorIcon;
+PriorityMajorIconLegacy.displayName = 'PriorityMajorIcon';
+export default componentWithFG('platform_sl_icons_refactor', createPriorityIcon('PriorityMajorIcon', [{
+  d: 'M12.02 5.187L5.567 9.05A1 1 0 114.54 7.335l6.97-4.173a1 1 0 011.03.002l6.906 4.173A1 1 0 1118.41 9.05l-6.39-3.862z',
+  fill: '#FF5630'
+}, {
+  d: 'M5.567 15.054a1 1 0 11-1.027-1.716l6.97-4.174a1 1 0 011.03.002l6.906 4.174a1 1 0 11-1.035 1.712l-6.39-3.863-6.454 3.865z',
+  fill: '#FF7452'
+}, {
+  d: 'M5.567 21.068a1 1 0 11-1.027-1.716l6.97-4.174a1 1 0 011.03.002l6.906 4.174a1 1 0 11-1.035 1.712l-6.39-3.863-6.454 3.865z',
+  fill: '#FF8F73'
+}]), PriorityMajorIconLegacy);

package/dist/es2019/common/ui/icons/priority-medium-icon.js

@@ -3,11 +3,13 @@ import _extends from "@babel/runtime/helpers/extends";
 import "./priority-medium-icon.compiled.css";
 import * as React from 'react';
 import { ax, ix } from "@compiled/react/runtime";
+import { componentWithFG } from '@atlaskit/platform-feature-flags-react';
+import { createPriorityIcon } from './priority-icon';
 const style = {
   span: "_1e0c1o8l _1o9zidpf",
   svg: "_s7n4yfq0 _p12f1osq _c71l1osq"
 };
-const PriorityMediumIcon = ({
+const PriorityMediumIconLegacy = ({
   label,
   testId,
   ...props
@@ -28,5 +30,8 @@ const PriorityMediumIcon = ({
   d: "M5 8h14a1 1 0 010 2H5a1 1 0 110-2zm0 6h14a1 1 0 010 2H5a1 1 0 010-2z",
   fill: "#FFAB00"
 })));
-PriorityMediumIcon.displayName = 'PriorityMediumIcon';
-export default PriorityMediumIcon;
+PriorityMediumIconLegacy.displayName = 'PriorityMediumIcon';
+export default componentWithFG('platform_sl_icons_refactor', createPriorityIcon('PriorityMediumIcon', [{
+  d: 'M5 8h14a1 1 0 010 2H5a1 1 0 110-2zm0 6h14a1 1 0 010 2H5a1 1 0 010-2z',
+  fill: '#FFAB00'
+}]), PriorityMediumIconLegacy);

package/dist/es2019/common/ui/icons/priority-minor-icon.js

@@ -3,11 +3,13 @@ import _extends from "@babel/runtime/helpers/extends";
 import "./priority-minor-icon.compiled.css";
 import * as React from 'react';
 import { ax, ix } from "@compiled/react/runtime";
+import { componentWithFG } from '@atlaskit/platform-feature-flags-react';
+import { createPriorityIcon } from './priority-icon';
 const style = {
   span: "_1e0c1o8l _1o9zidpf",
   svg: "_s7n4yfq0 _p12f1osq _c71l1osq"
 };
-const PriorityMinorIcon = ({
+const PriorityMinorIconLegacy = ({
   label,
   testId,
   ...props
@@ -34,5 +36,14 @@ const PriorityMinorIcon = ({
   d: "M11.995 6.823l6.454-3.865a1 1 0 111.027 1.716l-6.97 4.174a1 1 0 01-1.03-.002L4.57 4.672A1 1 0 015.604 2.96l6.391 3.863z",
   fill: "#4C9AFF"
 })));
-PriorityMinorIcon.displayName = 'PriorityMinorIcon';
-export default PriorityMinorIcon;
+PriorityMinorIconLegacy.displayName = 'PriorityMinorIcon';
+export default componentWithFG('platform_sl_icons_refactor', createPriorityIcon('PriorityMinorIcon', [{
+  d: 'M18.449 14.975a1 1 0 011.027 1.716l-6.97 4.173a1 1 0 01-1.03-.002L4.57 16.69a1 1 0 011.034-1.712l6.391 3.862 6.454-3.864z',
+  fill: '#0065FF'
+}, {
+  d: 'M11.995 12.837l6.454-3.865a1 1 0 011.027 1.716l-6.97 4.174a1 1 0 01-1.03-.002L4.57 10.686a1 1 0 011.034-1.712l6.391 3.863z',
+  fill: '#2684FF'
+}, {
+  d: 'M11.995 6.823l6.454-3.865a1 1 0 111.027 1.716l-6.97 4.174a1 1 0 01-1.03-.002L4.57 4.672A1 1 0 015.604 2.96l6.391 3.863z',
+  fill: '#4C9AFF'
+}]), PriorityMinorIconLegacy);

package/dist/es2019/common/ui/icons/priority-trivial-icon.js

@@ -3,11 +3,13 @@ import _extends from "@babel/runtime/helpers/extends";
 import "./priority-trivial-icon.compiled.css";
 import * as React from 'react';
 import { ax, ix } from "@compiled/react/runtime";
+import { componentWithFG } from '@atlaskit/platform-feature-flags-react';
+import { createPriorityIcon } from './priority-icon';
 const style = {
   span: "_1e0c1o8l _1o9zidpf",
   svg: "_s7n4yfq0 _p12f1osq _c71l1osq"
 };
-const PriorityTrivialIcon = ({
+const PriorityTrivialIconLegacy = ({
   label,
   testId,
   ...props
@@ -28,5 +30,8 @@ const PriorityTrivialIcon = ({
   d: "M12 20a8 8 0 100-16 8 8 0 000 16zm0 2C6.477 22 2 17.523 2 12S6.477 2 12 2s10 4.477 10 10-4.477 10-10 10z",
   fill: "#7A8699"
 })));
-PriorityTrivialIcon.displayName = 'PriorityTrivialIcon';
-export default PriorityTrivialIcon;
+PriorityTrivialIconLegacy.displayName = 'PriorityTrivialIcon';
+export default componentWithFG('platform_sl_icons_refactor', createPriorityIcon('PriorityTrivialIcon', [{
+  d: 'M12 20a8 8 0 100-16 8 8 0 000 16zm0 2C6.477 22 2 17.523 2 12S6.477 2 12 2s10 4.477 10 10-4.477 10-10 10z',
+  fill: '#7A8699'
+}]), PriorityTrivialIconLegacy);

package/dist/es2019/common/ui/icons/utils.js

@@ -1,9 +1,22 @@
 import _extends from "@babel/runtime/helpers/extends";
 import React from 'react';
 import { IconTile } from '@atlaskit/icon';
+import { fg } from '@atlaskit/platform-feature-flags';
 import { SmartLinkSize } from '../../../constants';
 import { isIconSizeLarge } from '../../../utils';
 export const transformSmartLinkSizeToIconTileSize = size => {
+  if (fg('platform_sl_icons_refactor')) {
+    switch (size) {
+      case SmartLinkSize.Small:
+      case SmartLinkSize.Medium:
+        return '16';
+      case SmartLinkSize.XLarge:
+      case SmartLinkSize.Large:
+        return '24';
+      default:
+        return '16';
+    }
+  }
   switch (size) {
     case SmartLinkSize.XLarge:
     case SmartLinkSize.Large:

package/dist/es2019/extractors/common/icon/extractIconFromDocument.js

@@ -1,12 +1,14 @@
 import React from 'react';
+import BlogIconGlyph from '@atlaskit/icon-object/glyph/blog/16';
+import LiveDocumentIconGlyph from '@atlaskit/icon-object/glyph/page-live-doc/16';
 import DocumentFilledIcon from '@atlaskit/icon/core/file';
 import { isConfluenceGenerator } from '@atlaskit/link-extractors';
 import { fg } from '@atlaskit/platform-feature-flags';
-import BlogIcon from '../../../common/ui/icons/blog-icon';
+import BlogIconWrapped from '../../../common/ui/icons/blog-icon';
 import PresentationIcon from '../../../common/ui/icons/chart-bar-icon';
 import FileIcon from '../../../common/ui/icons/file-icon';
 import SpreadsheetIcon from '../../../common/ui/icons/list-bullet-icon';
-import LiveDocumentIcon from '../../../common/ui/icons/live-document-icon';
+import LiveDocumentIconWrapped from '../../../common/ui/icons/live-document-icon';
 import DocumentIcon from '../../../common/ui/icons/page-icon';
 import { getIconForFileType } from '../../../utils';
 import { prioritiseIcon } from './prioritiseIcon';
@@ -43,7 +45,10 @@ const documentLabel = (opts, label) => {
 const documentTypeToIcon = (type, opts) => {
   switch (type) {
     case 'schema:BlogPosting':
-      return /*#__PURE__*/React.createElement(BlogIcon, {
+      return fg('platform_sl_icons_refactor') ? /*#__PURE__*/React.createElement(BlogIconGlyph, {
+        label: documentLabel(opts, 'blog'),
+        testId: "blog-icon"
+      }) : /*#__PURE__*/React.createElement(BlogIconWrapped, {
         label: documentLabel(opts, 'blog'),
         testId: "blog-icon"
       });
@@ -89,7 +94,10 @@ const documentTypeToIcon = (type, opts) => {
 const digitalDocumentToIcon = opts => {
   var _opts$provider;
   if ((_opts$provider = opts.provider) !== null && _opts$provider !== void 0 && _opts$provider.id && isConfluenceGenerator(opts.provider.id)) {
-    return /*#__PURE__*/React.createElement(LiveDocumentIcon, {
+    return fg('platform_sl_icons_refactor') ? /*#__PURE__*/React.createElement(LiveDocumentIconGlyph, {
+      label: documentLabel(opts, 'live document'),
+      testId: "live-doc-icon"
+    }) : /*#__PURE__*/React.createElement(LiveDocumentIconWrapped, {
       label: documentLabel(opts, 'live document'),
       testId: "live-doc-icon"
     });

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

package/dist/es2019/utils/index.js

@@ -55,12 +55,10 @@ export const getIconForFileType = (fileMimeType, showIconLabel) => {
 // prettier-ignore
 export const getLazyIcons = () => {
   return {
+    // IconTile wrappers (@atlaskit/icon/core/* wrapped in <IconTile> with color)
     [IconType.Document]: {
       default: () => import( /* webpackChunkName: "@atlaskit-internal_page-icon" */'../common/ui/icons/page-icon')
     },
-    [IconType.Blog]: {
-      default: () => import( /* webpackChunkName: "@atlaskit-internal_glyphBlock" */'../common/ui/icons/blog-icon')
-    },
     [IconType.Audio]: {
       default: () => import( /* webpackChunkName: "@atlaskit-internal_audio-icon" */'../common/ui/icons/audio-icon')
     },
@@ -88,6 +86,7 @@ export const getLazyIcons = () => {
     [IconType.Video]: {
       default: () => import( /* webpackChunkName: "@atlaskit-internal_video-icon" */'../common/ui/icons/video-icon')
     },
+    // @atlaskit/icon/core/* (plain monochrome icons)
     [IconType.Project]: {
       default: () => import( /* webpackChunkName: "@atlaskit-internal_glyphProject" */'@atlaskit/icon/core/people-group')
     },
@@ -103,6 +102,41 @@ export const getLazyIcons = () => {
     [IconType.Error]: {
       default: () => import( /* webpackChunkName: "@atlaskit-internal_glyphDefault" */'@atlaskit/icon/core/status-error')
     },
+    // @atlaskit/icon/core/* (badge icons)
+    [IconType.Attachment]: {
+      default: () => import( /* webpackChunkName: "@atlaskit-internal_glyphAttachment" */'@atlaskit/icon/core/attachment')
+    },
+    [IconType.CheckItem]: {
+      default: () => import( /* webpackChunkName: "@atlaskit-internal_glyphAttachment" */'@atlaskit/icon/core/task')
+    },
+    [IconType.Component]: {
+      default: () => import( /* webpackChunkName: "@atlaskit-internal_glyphComponent" */'@atlaskit/icon/core/component')
+    },
+    [IconType.Comment]: {
+      default: () => import( /* webpackChunkName: "@atlaskit-internal_glyphComment" */'@atlaskit/icon/core/comment')
+    },
+    [IconType.View]: {
+      default: () => import( /* webpackChunkName: "@atlaskit-internal_glyphComment" */'@atlaskit/icon/core/eye-open')
+    },
+    [IconType.React]: {
+      default: () => import( /* webpackChunkName: "@atlaskit-internal_glyphComment" */'@atlaskit/icon/core/thumbs-up')
+    },
+    [IconType.Vote]: {
+      default: () => import( /* webpackChunkName: "@atlaskit-internal_glyphComment" */'@atlaskit/icon/core/arrow-up')
+    },
+    [IconType.PriorityUndefined]: {
+      default: () => import( /* webpackChunkName: "@atlaskit-internal_glyphUndefined" */'@atlaskit/icon/core/question-circle')
+    },
+    [IconType.ProgrammingLanguage]: {
+      default: () => import( /* webpackChunkName: "@atlaskit-internal_glyphProgrammingLanguage" */'@atlaskit/icon/core/angle-brackets')
+    },
+    [IconType.Subscriber]: {
+      default: () => import( /* webpackChunkName: "@atlaskit-internal_glyphSubscriber" */'@atlaskit/icon/core/people-group')
+    },
+    [IconType.SubTasksProgress]: {
+      default: () => import( /* webpackChunkName: "@atlaskit-internal_glyphSubtaskProgress" */'@atlaskit/icon/core/subtasks')
+    },
+    // @atlaskit/icon-file-type/glyph/* (file type icons with 16/24 size variants)
     [IconType.Archive]: {
       default: () => import( /* webpackChunkName: "@atlaskit-internal_glyphArchive" */'@atlaskit/icon-file-type/glyph/archive/16'),
       large: () => import( /* webpackChunkName: "@atlaskit-internal_glyphArchive" */'@atlaskit/icon-file-type/glyph/archive/24')
@@ -151,7 +185,24 @@ export const getLazyIcons = () => {
       default: () => import( /* webpackChunkName: "@atlaskit-internal_glyphSketch" */'@atlaskit/icon-file-type/glyph/sketch/16'),
       large: () => import( /* webpackChunkName: "@atlaskit-internal_glyphSketch" */'@atlaskit/icon-file-type/glyph/sketch/24')
     },
-    // Bitbucket icons
+    // @atlaskit/icon-object/glyph/* (object icons with 16/24 size variants)
+    ...(fg('platform_sl_icons_refactor') ? {
+      [IconType.Blog]: {
+        default: () => import( /* webpackChunkName: "@atlaskit-internal_glyphBlog" */'@atlaskit/icon-object/glyph/blog/16'),
+        large: () => import( /* webpackChunkName: "@atlaskit-internal_glyphBlog" */'@atlaskit/icon-object/glyph/blog/24')
+      },
+      [IconType.LiveDocument]: {
+        default: () => import( /* webpackChunkName: "@atlaskit-internal_glyphPageLiveDoc" */'@atlaskit/icon-object/glyph/page-live-doc/16'),
+        large: () => import( /* webpackChunkName: "@atlaskit-internal_glyphPageLiveDoc" */'@atlaskit/icon-object/glyph/page-live-doc/24')
+      }
+    } : {
+      [IconType.Blog]: {
+        default: () => import( /* webpackChunkName: "@atlaskit-internal_glyphBlock" */'../common/ui/icons/blog-icon')
+      },
+      [IconType.LiveDocument]: {
+        default: () => import( /* webpackChunkName: "@atlaskit-internal_glyphPageLiveDoc" */'../common/ui/icons/live-document-icon')
+      }
+    }),
     [IconType.Branch]: {
       default: () => import( /* webpackChunkName: "@atlaskit-internal_glyphBranch" */'@atlaskit/icon-object/glyph/branch/16'),
       large: () => import( /* webpackChunkName: "@atlaskit-internal_glyphBranch" */'@atlaskit/icon-object/glyph/branch/24')
@@ -168,7 +219,6 @@ export const getLazyIcons = () => {
       default: () => import( /* webpackChunkName: "@atlaskit-internal_glyphRepo" */'@atlaskit/icon-object/glyph/code/16'),
       large: () => import( /* webpackChunkName: "@atlaskit-internal_glyphRepo" */'@atlaskit/icon-object/glyph/code/24')
     },
-    // Jira icons
     [IconType.Bug]: {
       default: () => import( /* webpackChunkName: "@atlaskit-internal_glyphBug" */'@atlaskit/icon-object/glyph/bug/16'),
       large: () => import( /* webpackChunkName: "@atlaskit-internal_glyphBug" */'@atlaskit/icon-object/glyph/bug/24')
@@ -205,12 +255,7 @@ export const getLazyIcons = () => {
       default: () => import( /* webpackChunkName: "@atlaskit-internal_glyphTask" */'@atlaskit/icon-object/glyph/task/16'),
       large: () => import( /* webpackChunkName: "@atlaskit-internal_glyphTask" */'@atlaskit/icon-object/glyph/task/24')
     },
-    // Confluence icons
-    [IconType.LiveDocument]: {
-      default: () => import( /* webpackChunkName: "@atlaskit-internal_glyphPageLiveDoc" */'@atlaskit/icon-object/glyph/page-live-doc/16'),
-      large: () => import( /* webpackChunkName: "@atlaskit-internal_glyphPageLiveDoc" */'@atlaskit/icon-object/glyph/page-live-doc/24')
-    },
-    // Provider icons
+    // @atlaskit/logo/* (product logos)
     [IconType.Confluence]: {
       default: () => import( /* webpackChunkName: "@atlaskit-internal_glyphConfluence" */'@atlaskit/logo/confluence-icon').then(({
         ConfluenceIcon
@@ -225,28 +270,7 @@ export const getLazyIcons = () => {
         default: JiraIcon
       }))
     },
-    // Badge icons
-    [IconType.Attachment]: {
-      default: () => import( /* webpackChunkName: "@atlaskit-internal_glyphAttachment" */'@atlaskit/icon/core/attachment')
-    },
-    [IconType.CheckItem]: {
-      default: () => import( /* webpackChunkName: "@atlaskit-internal_glyphAttachment" */'@atlaskit/icon/core/task')
-    },
-    [IconType.Component]: {
-      default: () => import( /* webpackChunkName: "@atlaskit-internal_glyphComponent" */'@atlaskit/icon/core/component')
-    },
-    [IconType.Comment]: {
-      default: () => import( /* webpackChunkName: "@atlaskit-internal_glyphComment" */'@atlaskit/icon/core/comment')
-    },
-    [IconType.View]: {
-      default: () => import( /* webpackChunkName: "@atlaskit-internal_glyphComment" */'@atlaskit/icon/core/eye-open')
-    },
-    [IconType.React]: {
-      default: () => import( /* webpackChunkName: "@atlaskit-internal_glyphComment" */'@atlaskit/icon/core/thumbs-up')
-    },
-    [IconType.Vote]: {
-      default: () => import( /* webpackChunkName: "@atlaskit-internal_glyphComment" */'@atlaskit/icon/core/arrow-up')
-    },
+    // Local priority icons (custom SVG components)
     [IconType.PriorityBlocker]: {
       default: () => import( /* webpackChunkName: "@atlaskit-internal_glyphBlocker" */'../common/ui/icons/priority-blocker-icon')
     },
@@ -276,18 +300,6 @@ export const getLazyIcons = () => {
     },
     [IconType.PriorityTrivial]: {
       default: () => import( /* webpackChunkName: "@atlaskit-internal_glyphTrivial" */'../common/ui/icons/priority-trivial-icon')
-    },
-    [IconType.PriorityUndefined]: {
-      default: () => import( /* webpackChunkName: "@atlaskit-internal_glyphUndefined" */'@atlaskit/icon/core/question-circle')
-    },
-    [IconType.ProgrammingLanguage]: {
-      default: () => import( /* webpackChunkName: "@atlaskit-internal_glyphProgrammingLanguage" */'@atlaskit/icon/core/angle-brackets')
-    },
-    [IconType.Subscriber]: {
-      default: () => import( /* webpackChunkName: "@atlaskit-internal_glyphSubscriber" */'@atlaskit/icon/core/people-group')
-    },
-    [IconType.SubTasksProgress]: {
-      default: () => import( /* webpackChunkName: "@atlaskit-internal_glyphSubtaskProgress" */'@atlaskit/icon/core/subtasks')
     }
   };
 };

package/dist/es2019/view/CardWithUrl/component.js

@@ -10,6 +10,7 @@ import { CardDisplay } from '../../constants';
 import { useSmartLink } from '../../state';
 import { succeedUfoExperience } from '../../state/analytics';
 import { getClickUrl, getDefinitionId, getExtensionKey, getFirstPartyIdentifier, getObjectAri, getObjectIconUrl, getObjectName, getResourceType, getServices, getThirdPartyARI, isFinalState } from '../../state/helpers';
+import useInlineActionNudgeExperiment from '../../state/hooks/use-inline-action-nudge-experiment';
 import { SmartLinkModalProvider } from '../../state/modal';
 import { isSpecialClick, isSpecialEvent, isSpecialKey } from '../../utils';
 import { combineActionOptions } from '../../utils/actions/combine-action-options';
@@ -86,6 +87,9 @@ function Component({
     actionOptions: actionOptionsProp,
     platform
   });
+  const {
+    isEnabled: rovoActionsCtaShown
+  } = useInlineActionNudgeExperiment(url, showHoverPreview, actionOptions);
   const fire3PClickEvent = fg('platform_smartlink_3pclick_analytics') ?
   // eslint-disable-next-line react-hooks/rules-of-hooks
   useFire3PWorkflowsClickEvent(firstPartyIdentifier, thirdPartyARI) : undefined;
@@ -206,10 +210,13 @@ function Component({
         display: isFlexibleUi ? 'flexible' : appearance
       });
       fireEvent('ui.smartLink.renderSuccess', {
-        display: isFlexibleUi ? 'flexible' : appearance
+        display: isFlexibleUi ? 'flexible' : appearance,
+        ...(appearance === 'inline' && {
+          rovoActionsCtaShown
+        })
       });
     }
-  }, [appearance, extensionKey, fireEvent, id, isFlexibleUi, state.status]);
+  }, [appearance, extensionKey, fireEvent, id, isFlexibleUi, rovoActionsCtaShown, state.status]);
 
   // Fire smartLink seen event once on a successful render card is in the viewport
   useEffect(() => {
@@ -401,6 +408,9 @@ function ComponentUpdated({
     actionOptions: actionOptionsProp,
     platform
   });
+  const {
+    isEnabled: rovoActionsCtaShown
+  } = useInlineActionNudgeExperiment(url, showHoverPreview, actionOptions);
   const fire3PClickEvent = fg('platform_smartlink_3pclick_analytics') ?
   // eslint-disable-next-line react-hooks/rules-of-hooks
   useFire3PWorkflowsClickEvent(firstPartyIdentifier, thirdPartyARI) : undefined;
@@ -521,10 +531,13 @@ function ComponentUpdated({
         display: isFlexibleUi ? 'flexible' : appearance
       });
       fireEvent('ui.smartLink.renderSuccess', {
-        display: isFlexibleUi ? 'flexible' : appearance
+        display: isFlexibleUi ? 'flexible' : appearance,
+        ...(appearance === 'inline' && {
+          rovoActionsCtaShown
+        })
       });
     }
-  }, [appearance, extensionKey, fireEvent, id, isFlexibleUi, state.status]);
+  }, [appearance, extensionKey, fireEvent, id, isFlexibleUi, rovoActionsCtaShown, state.status]);
 
   // Fire smartLink seen event once on a successful render card is in the viewport
   useEffect(() => {

package/dist/es2019/view/FlexibleCard/components/actions/automation-action/automation-manual-triggers/manual-triggers-container/common/test-utils.js

@@ -2,9 +2,9 @@ import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import React, { Component, Fragment } from 'react';
 
 // eslint-disable-next-line import/no-extraneous-dependencies
-import { render } from '@testing-library/react';
 import { IntlProvider } from 'react-intl';
 import { DiProvider } from 'react-magnetic-di';
+import { render } from '@atlassian/testing-library';
 /**
  * Creates a stubbed invocation API call for triggering rules. Will return
  * the supplied invocation result for all objects the rule was called

package/dist/es2019/view/FlexibleCard/components/common/atlaskit-icon/index.js

@@ -1,11 +1,13 @@
 import _extends from "@babel/runtime/helpers/extends";
 import React from 'react';
 import Loadable from 'react-loadable';
+import { IconTile } from '@atlaskit/icon';
 import { ConfluenceIcon, JiraIcon } from '@atlaskit/logo';
 import { fg } from '@atlaskit/platform-feature-flags';
 import BlogIcon from '../../../../../common/ui/icons/blog-icon';
 import LiveDocumentIcon from '../../../../../common/ui/icons/live-document-icon';
 import DocumentIcon from '../../../../../common/ui/icons/page-icon';
+import { transformSmartLinkSizeToIconTileSize } from '../../../../../common/ui/icons/utils';
 import { IconType, SmartLinkSize } from '../../../../../constants';
 import { getLazyIcons, isIconSizeLarge } from '../../../../../utils';
 const getIconImportFn = (icon, size) => {
@@ -21,38 +23,72 @@ const importIcon = importFn => {
     loading: () => null
   }); // Because we're using dynamic loading here, TS will not be able to infer the type.
 };
+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);
+};
 const AtlaskitIcon = ({
   icon,
   label,
   testId,
   size = SmartLinkSize.Medium
 }) => {
-  // Check for synchonously loaded icons first for SSR purposes
-  switch (icon) {
-    case IconType.Document:
-      return /*#__PURE__*/React.createElement(DocumentIcon, {
-        label: label !== null && label !== void 0 ? label : 'document',
-        testId: testId,
-        size: size
-      });
-    case IconType.Blog:
-      return /*#__PURE__*/React.createElement(BlogIcon, {
-        label: label !== null && label !== void 0 ? label : 'blog',
-        testId: testId,
-        size: size
-      });
-    case IconType.LiveDocument:
-      return /*#__PURE__*/React.createElement(LiveDocumentIcon, {
-        label: label !== null && label !== void 0 ? label : 'live-doc',
-        testId: testId,
-        size: size
-      });
+  if (!fg('platform_sl_icons_refactor')) {
+    // Check for synchonously loaded icons first for SSR purposes
+    switch (icon) {
+      case IconType.Document:
+        return /*#__PURE__*/React.createElement(DocumentIcon, {
+          label: label !== null && label !== void 0 ? label : 'document',
+          testId: testId,
+          size: size
+        });
+      case IconType.Blog:
+        return /*#__PURE__*/React.createElement(BlogIcon, {
+          label: label !== null && label !== void 0 ? label : 'blog',
+          testId: testId,
+          size: size
+        });
+      case IconType.LiveDocument:
+        return /*#__PURE__*/React.createElement(LiveDocumentIcon, {
+          label: label !== null && label !== void 0 ? label : 'live-doc',
+          testId: testId,
+          size: size
+        });
+    }
   }
   const importFn = getIconImportFn(icon, size);
   if (!importFn) {
     return null;
   }
   const ImportedIcon = importIcon(importFn);
+  if (isCoreIcon(icon) && fg('platform_sl_icons_refactor')) {
+    switch (size) {
+      case SmartLinkSize.Small:
+      case SmartLinkSize.Medium:
+        let color;
+        if (icon === IconType.Error || icon === IconType.Forbidden) {
+          color = "var(--ds-icon-danger, #C9372C)";
+        }
+        return /*#__PURE__*/React.createElement(ImportedIcon, {
+          label: label,
+          testId: testId,
+          color: color
+        });
+      case SmartLinkSize.Large:
+      case SmartLinkSize.XLarge:
+        let appearance;
+        if (icon === IconType.Error || icon === IconType.Forbidden) {
+          appearance = 'redBold';
+        } else {
+          appearance = 'grayBold';
+        }
+        return /*#__PURE__*/React.createElement(IconTile, {
+          appearance: appearance,
+          icon: ImportedIcon,
+          size: transformSmartLinkSizeToIconTileSize(size),
+          label: label !== null && label !== void 0 ? label : ''
+        });
+    }
+  }
   switch (icon) {
     case IconType.Confluence:
       return /*#__PURE__*/React.createElement(ConfluenceIcon, _extends({
@@ -72,6 +108,13 @@ const AtlaskitIcon = ({
       } : undefined));
     case IconType.Error:
     case IconType.Forbidden:
+      if (fg('platform_sl_icons_refactor')) {
+        return /*#__PURE__*/React.createElement(ImportedIcon, {
+          label: label,
+          testId: testId,
+          size: size
+        });
+      }
       return /*#__PURE__*/React.createElement(ImportedIcon, {
         label: label,
         testId: testId,

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

@@ -10,6 +10,7 @@ import { useAnalyticsEvents } from '../../../common/analytics/generated/use-anal
 import { CardDisplay, SmartLinkPosition, SmartLinkSize } from '../../../constants';
 import extractRovoChatAction from '../../../extractors/flexible/actions/extract-rovo-chat-action';
 import { getDefinitionId, getExtensionKey, getServices } from '../../../state/helpers';
+import useInlineActionNudgeExperiment from '../../../state/hooks/use-inline-action-nudge-experiment';
 import useRovoConfig from '../../../state/hooks/use-rovo-config';
 import { useSmartCardState } from '../../../state/store';
 import { isSpecialEvent } from '../../../utils';
@@ -303,7 +304,8 @@ const HoverCardContent = ({
 const HoverCardContentWithViewVariant = props => {
   const {
     cardState,
-    actionOptions
+    actionOptions,
+    url
   } = props;
   const rovoConfig = useRovoConfig();
   const isResolved = useIsResolvedView(props);
@@ -313,6 +315,9 @@ const HoverCardContentWithViewVariant = props => {
     rovoConfig,
     actionOptions
   }) !== undefined, [actionOptions, cardState.details, rovoConfig, isResolved]);
+  const {
+    isEnabled: rovoActionsCtaShown
+  } = useInlineActionNudgeExperiment(url, true, actionOptions);
   const data = useMemo(() => {
     let viewVariant = 'default';
     if (showRovoResolvedView && (expValEqualsNoExposure('platform_sl_3p_auth_rovo_action', 'isEnabled', true) || expValEqualsNoExposure('rovogrowth-640-inline-action-nudge-exp', 'isEnabled', true))) {
@@ -322,10 +327,11 @@ const HoverCardContentWithViewVariant = props => {
     }
     return {
       attributes: {
-        viewVariant
+        viewVariant,
+        rovoActionsCtaShown
       }
     };
-  }, [showRovoResolvedView, showPreauthBetterHovercard]);
+  }, [showRovoResolvedView, showPreauthBetterHovercard, rovoActionsCtaShown]);
   return /*#__PURE__*/React.createElement(AnalyticsContext, {
     data: data
   }, /*#__PURE__*/React.createElement(HoverCardContent, _extends({}, props, {

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

@@ -12,7 +12,7 @@ import LinkWarningModal from './LinkWarningModal';
 import { useLinkWarningModal } from './LinkWarningModal/hooks/use-link-warning-modal';
 const PACKAGE_DATA = {
   packageName: "@atlaskit/smart-card",
-  packageVersion: "44.3.8",
+  packageVersion: "44.3.10",
   componentName: 'linkUrl'
 };
 const Anchor = withLinkClickedEvent('a');

package/dist/esm/__tests__/vr-tests/__snapshots__/block-card/block-card-error-view---linking-refresh-only--default.png

@@ -1,3 +1,3 @@
 version https://git-lfs.github.com/spec/v1
-oid sha256:d9d53cae6d70c069abaf3bc0152bef1b665e26904a5c7484b56c8e5fbaeb8333
-size 7342
+oid sha256:29715a0e137a7683491690f5e0b79b6bcd3e3570200a686d08aa6ef8e650904c
+size 7006

package/dist/esm/__tests__/vr-tests/__snapshots__/block-card/block-card-error-view-with-design-refresh-ff--default.png

@@ -1,3 +1,3 @@
 version https://git-lfs.github.com/spec/v1
-oid sha256:d9d53cae6d70c069abaf3bc0152bef1b665e26904a5c7484b56c8e5fbaeb8333
-size 7342
+oid sha256:29715a0e137a7683491690f5e0b79b6bcd3e3570200a686d08aa6ef8e650904c
+size 7006

package/dist/esm/__tests__/vr-tests/__snapshots__/block-card/block-card-resolved-icon-variations-resolvedclient-icontesturls-/342/200/224-flexible-extractsmartlinkicon-path---default.png

@@ -1,3 +1,3 @@
 version https://git-lfs.github.com/spec/v1
-oid sha256:a2c5d8cedcee65ebf67384ac162fba2794960b99578ebb32f203f6df1045ad54
-size 251795
+oid sha256:5d725fe406baf9184e3bf8bd9704760ce1414ca4c9f6658e779b757cde4a754e
+size 251924

package/dist/esm/__tests__/vr-tests/__snapshots__/block-card/block-card-with-lazy-load-icons-slice-1--default.png

@@ -1,3 +1,3 @@
 version https://git-lfs.github.com/spec/v1
-oid sha256:323c0f3a0180a2772a5568d36bb4588dcbaa2eefa499bd2feae92dd9c373aa4a
-size 87113
+oid sha256:6e91d3ac67ba44126d749e029a5f05ac2716584e4834308f76cbda4a4e7a65d6
+size 87318

package/dist/esm/__tests__/vr-tests/__snapshots__/block-card/block-card-with-lazy-load-icons-slice-5--default--navx-1895-new-logo-design-false.png

@@ -1,3 +1,3 @@
 version https://git-lfs.github.com/spec/v1
-oid sha256:735254cc898df08f367ee1359ba38d75f4fa8c5087d31dd0635481f78ca26507
-size 96484
+oid sha256:dbebf1f1f7617af24b2611a97c2466e2c105b52ee8e3c05f2ce1e835f3a942e4
+size 89434

package/dist/esm/__tests__/vr-tests/__snapshots__/block-card/block-card-with-lazy-load-icons-slice-5--default--navx-1895-new-logo-design-true.png

@@ -1,3 +1,3 @@
 version https://git-lfs.github.com/spec/v1
-oid sha256:8d726b99ef384f26aaa6fe1f4640b703ca0bf0224a4bb724d21785a3224e5592
-size 97006
+oid sha256:51a3599023762f49ccf388dcc7ef779baf91a65b1389b71e7560f27a10807f21
+size 89961