@atlaskit/smart-card 44.9.7 → 44.9.8

package/CHANGELOG.md

@@ -1,5 +1,24 @@
 # @atlaskit/smart-card
 
+## 44.9.8
+
+### Patch Changes
+
+- [`00d5363469512`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/00d5363469512) -
+  Two changes:
+  1. When response has `entityData`, Smart Card icon extraction now tries entity-specific icon URL
+     for main icon rendering.
+  2. For image-icon cases, Smart Card passes an `alt` label for the icon image (entity
+     design/document icon labels and provider label paths).
+
+  Public API change:
+  - In `@atlaskit/link-extractors` (main entrypoint), exported `LinkProvider` type now includes
+    optional `iconLabel?: string`.
+
+  All changes behind feature gate: `platform_lp_use_entity_icon_url_for_icon`.
+
+- Updated dependencies
+
 ## 44.9.7
 
 ### Patch Changes

package/dist/cjs/extractors/flexible/icon/index.js

@@ -7,6 +7,7 @@ Object.defineProperty(exports, "__esModule", {
 exports.extractSmartLinkIcon = exports.extractLinkIcon = exports.extractErrorIcon = void 0;
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _linkExtractors = require("@atlaskit/link-extractors");
+var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 var _constants = require("../../../constants");
 var _extractIconRenderer = _interopRequireDefault(require("./extract-icon-renderer"));
 var _extractJsonldDataIcon = _interopRequireDefault(require("./extract-jsonld-data-icon"));
@@ -62,8 +63,17 @@ var extractSmartLinkIcon = exports.extractSmartLinkIcon = function extractSmartL
   if (!response || !(response !== null && response !== void 0 && response.data)) {
     return undefined;
   }
-  if ((0, _linkExtractors.isEntityPresent)(response)) {
-    return (0, _linkExtractors.extractEntityIcon)(response);
+  if ((0, _platformFeatureFlags.fg)('platform_lp_use_entity_icon_url_for_icon')) {
+    if ((0, _linkExtractors.isEntityPresent)(response)) {
+      var entityIcon = (0, _linkExtractors.extractEntityIcon)(response);
+      if (entityIcon) {
+        return entityIcon;
+      }
+    }
+  } else {
+    if ((0, _linkExtractors.isEntityPresent)(response)) {
+      return (0, _linkExtractors.extractEntityIcon)(response);
+    }
   }
   return extractLinkIcon(response, renderers);
 };

package/dist/cjs/extractors/inline/index.js

@@ -5,6 +5,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.extractInlineProps = void 0;
 var _linkExtractors = require("@atlaskit/link-extractors");
+var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 var _jsonld = require("../../utils/jsonld");
 var _icon = require("../common/icon");
 var _lozenge = require("../common/lozenge");
@@ -28,15 +29,16 @@ var extractInlineIcon = function extractInlineIcon(jsonLd) {
 var extractSmartLinkInlineIcon = function extractSmartLinkInlineIcon(response) {
   var showLabel = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : true;
   if ((0, _linkExtractors.isEntityPresent)(response)) {
+    if ((0, _platformFeatureFlags.fg)('platform_lp_use_entity_icon_url_for_icon')) {
+      var entityIcon = (0, _linkExtractors.extractEntityIcon)(response);
+      if (entityIcon) {
+        return [entityIcon.url, entityIcon.label];
+      }
+    }
     var provider = (0, _linkExtractors.extractEntityProvider)(response);
     if (provider) {
       return provider.icon;
     }
-    // We don't need this for design entities,
-    // but we can add it back when we support more entities
-    // it requires extractInlineIcon to be moved to the smart link extractor package.
-    // see: https://product-fabric.atlassian.net/browse/EDM-12375
-    // return extractSmartLinkIcon(response);
   }
   return extractInlineIcon((response === null || response === void 0 ? void 0 : response.data) || (0, _jsonld.getEmptyJsonLd)(), showLabel);
 };

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

package/dist/cjs/view/EmbedCard/views/ResolvedView.js

@@ -6,8 +6,10 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.EmbedCardResolvedView = void 0;
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var _react = _interopRequireDefault(require("react"));
 var _link = _interopRequireDefault(require("@atlaskit/icon/core/link"));
+var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 var _platformFeatureFlagsReact = require("@atlaskit/platform-feature-flags-react");
 var _tokens = require("@atlaskit/tokens");
 var _utils = require("../../../utils");
@@ -109,6 +111,7 @@ var EmbedCardResolvedViewUpdated = /*#__PURE__*/_react.default.forwardRef(functi
     hideIconLoadingSkeleton = _ref2.hideIconLoadingSkeleton,
     extensionKey = _ref2.extensionKey;
   var iconFromContext = context === null || context === void 0 ? void 0 : context.icon;
+  var iconLabel = context === null || context === void 0 ? void 0 : context.iconLabel;
   var src = typeof iconFromContext === 'string' ? iconFromContext : undefined;
   var text = title || (context === null || context === void 0 ? void 0 : context.text);
   var linkGlyph = _react.default.useMemo(function () {
@@ -122,13 +125,16 @@ var EmbedCardResolvedViewUpdated = /*#__PURE__*/_react.default.forwardRef(functi
     if ( /*#__PURE__*/_react.default.isValidElement(iconFromContext)) {
       return iconFromContext;
     }
-    return /*#__PURE__*/_react.default.createElement(_ImageIcon.ImageIcon, {
-      src: src,
+    return /*#__PURE__*/_react.default.createElement(_ImageIcon.ImageIcon, (0, _extends2.default)({
+      src: src
+    }, (0, _platformFeatureFlags.fg)('platform_lp_use_entity_icon_url_for_icon') ? {
+      alt: iconLabel
+    } : undefined, {
       default: linkGlyph,
       appearance: (0, _utils.isProfileType)(type) ? 'round' : 'square',
       hideLoadingSkeleton: hideIconLoadingSkeleton
-    });
-  }, [iconFromContext, src, linkGlyph, type, hideIconLoadingSkeleton]);
+    }));
+  }, [iconFromContext, src, linkGlyph, type, hideIconLoadingSkeleton, iconLabel]);
   (0, _useEmbedResolvePostMessageListener.useEmbedResolvePostMessageListener)({
     url: link,
     embedIframeRef: embedIframeRef

package/dist/cjs/view/InlineCard/IconAndTitleLayout/index.js

@@ -16,6 +16,7 @@ var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/h
 var _reactMagneticDi = require("react-magnetic-di");
 var _reactRenderImage = _interopRequireDefault(require("react-render-image"));
 var _link = _interopRequireDefault(require("@atlaskit/icon/core/link"));
+var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 var _compiled = require("@atlaskit/primitives/compiled");
 var _utils = require("../../../utils");
 var _Icon = require("../Icon");
@@ -66,46 +67,106 @@ var IconAndTitleLayout = exports.IconAndTitleLayout = function IconAndTitleLayou
     hasImageErrored = _useState2[0],
     setHasImageErrored = _useState2[1];
   var renderAtlaskitIcon = _react.default.useCallback(function () {
-    if (emoji) {
-      return emoji;
-    }
-    if (!icon || typeof icon === 'string') {
-      return null;
+    if ((0, _platformFeatureFlags.fg)('platform_lp_use_entity_icon_url_for_icon')) {
+      if (emoji) {
+        return emoji;
+      }
+      if (!icon || typeof icon === 'string' || Array.isArray(icon)) {
+        return null;
+      }
+      return icon;
+    } else {
+      if (emoji) {
+        return emoji;
+      }
+      if (!icon || typeof icon === 'string') {
+        return null;
+      }
+      return icon;
     }
-    return icon;
   }, [emoji, icon]);
   var profileType = (0, _utils.isProfileType)(type);
   var renderImageIcon = _react.default.useCallback(function (errored, testId) {
-    if (!icon || typeof icon !== 'string') {
-      return null;
-    }
-    if (hideIconLoadingSkeleton) {
-      if (hasImageErrored) {
-        return errored;
+    if ((0, _platformFeatureFlags.fg)('platform_lp_use_entity_icon_url_for_icon')) {
+      if (!icon) {
+        return null;
       }
-      return /*#__PURE__*/_react.default.createElement("img", {
+      var iconUrl;
+      var iconLabel = '';
+      if (Array.isArray(icon)) {
+        var _ref3 = icon,
+          _ref4 = (0, _slicedToArray2.default)(_ref3, 2),
+          tupleIconUrl = _ref4[0],
+          tupleIconLabel = _ref4[1];
+        if (typeof tupleIconUrl !== 'string') {
+          return null;
+        }
+        iconUrl = tupleIconUrl;
+        iconLabel = typeof tupleIconLabel === 'string' ? tupleIconLabel : '';
+      } else if (typeof icon === 'string') {
+        iconUrl = icon;
+      } else {
+        return null;
+      }
+      if (hideIconLoadingSkeleton) {
+        if (hasImageErrored) {
+          return errored;
+        }
+        return /*#__PURE__*/_react.default.createElement("img", {
+          src: iconUrl,
+          "data-testid": "".concat(testId, "-image"),
+          alt: iconLabel,
+          onError: function onError() {
+            return setHasImageErrored(true);
+          },
+          className: (0, _runtime.ax)(["_c71l7vkz _p12f7vkz _1bsb1osq", profileType && styles.roundImageStyle])
+        });
+      }
+      return /*#__PURE__*/_react.default.createElement(_reactRenderImage.default, {
+        src: iconUrl,
+        loaded: /*#__PURE__*/_react.default.createElement("img", {
+          src: iconUrl,
+          "data-testid": "".concat(testId, "-image"),
+          alt: iconLabel,
+          className: (0, _runtime.ax)(["_c71l7vkz _p12f7vkz _1bsb1osq", profileType && styles.roundImageStyle])
+        }),
+        errored: errored,
+        loading: /*#__PURE__*/_react.default.createElement(_Icon.Shimmer, {
+          testId: "".concat(testId, "-loading")
+        })
+      });
+    } else {
+      if (!icon || typeof icon !== 'string') {
+        return null;
+      }
+      if (hideIconLoadingSkeleton) {
+        if (hasImageErrored) {
+          return errored;
+        }
+        return /*#__PURE__*/_react.default.createElement("img", {
+          src: icon,
+          "data-testid": "".concat(testId, "-image"),
+          alt: "",
+          onError: function onError() {
+            return setHasImageErrored(true);
+          },
+          className: (0, _runtime.ax)(["_c71l7vkz _p12f7vkz _1bsb1osq", profileType && styles.roundImageStyle])
+        });
+      }
+      return /*#__PURE__*/_react.default.createElement(_reactRenderImage.default, {
         src: icon,
-        "data-testid": "".concat(testId, "-image"),
-        alt: "",
-        onError: function onError() {
-          return setHasImageErrored(true);
-        },
-        className: (0, _runtime.ax)(["_c71l7vkz _p12f7vkz _1bsb1osq", profileType && styles.roundImageStyle])
+        loaded: /*#__PURE__*/_react.default.createElement("img", {
+          src: icon,
+          "data-testid": "".concat(testId, "-image"),
+          alt: "",
+          className: (0, _runtime.ax)(["_c71l7vkz _p12f7vkz _1bsb1osq", profileType && styles.roundImageStyle])
+        }),
+        errored: errored,
+        loading: /*#__PURE__*/_react.default.createElement(_Icon.Shimmer, {
+          testId: "".concat(testId, "-loading")
+        })
       });
     }
-    return /*#__PURE__*/_react.default.createElement(_reactRenderImage.default, {
-      src: icon,
-      loaded: /*#__PURE__*/_react.default.createElement("img", {
-        src: icon,
-        "data-testid": "".concat(testId, "-image"),
-        alt: "",
-        className: (0, _runtime.ax)(["_c71l7vkz _p12f7vkz _1bsb1osq", profileType && styles.roundImageStyle])
-      }),
-      errored: errored,
-      loading: /*#__PURE__*/_react.default.createElement(_Icon.Shimmer, {
-        testId: "".concat(testId, "-loading")
-      })
-    });
   }, [icon, profileType, hideIconLoadingSkeleton, hasImageErrored]);
   var renderIconPlaceholder = _react.default.useCallback(function (testId) {
     return defaultIcon || /*#__PURE__*/_react.default.createElement(_link.default, {

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

@@ -22,7 +22,7 @@ var _excluded = ["href", "children", "checkSafety", "onClick", "testId", "isLink
   _excluded2 = ["isLinkSafe", "showSafetyWarningModal"];
 var PACKAGE_DATA = {
   packageName: "@atlaskit/smart-card",
-  packageVersion: "44.9.6",
+  packageVersion: "44.9.7",
   componentName: 'linkUrl'
 };
 var Anchor = (0, _click.withLinkClickedEvent)('a');

package/dist/es2019/extractors/flexible/icon/index.js

@@ -1,4 +1,5 @@
 import { extractEntityIcon, isEntityPresent } from '@atlaskit/link-extractors';
+import { fg } from '@atlaskit/platform-feature-flags';
 import { IconType, SmartLinkStatus } from '../../../constants';
 import extractIconRenderer from './extract-icon-renderer';
 import extractJsonldDataIcon from './extract-jsonld-data-icon';
@@ -54,8 +55,17 @@ export const extractSmartLinkIcon = (response, renderers) => {
   if (!response || !(response !== null && response !== void 0 && response.data)) {
     return undefined;
   }
-  if (isEntityPresent(response)) {
-    return extractEntityIcon(response);
+  if (fg('platform_lp_use_entity_icon_url_for_icon')) {
+    if (isEntityPresent(response)) {
+      const entityIcon = extractEntityIcon(response);
+      if (entityIcon) {
+        return entityIcon;
+      }
+    }
+  } else {
+    if (isEntityPresent(response)) {
+      return extractEntityIcon(response);
+    }
   }
   return extractLinkIcon(response, renderers);
 };

package/dist/es2019/extractors/inline/index.js

@@ -1,4 +1,5 @@
-import { extractEntityProvider, extractProvider, extractSmartLinkTitle, extractSmartLinkUrl, extractType, isEntityPresent } from '@atlaskit/link-extractors';
+import { extractEntityIcon, extractEntityProvider, extractProvider, extractSmartLinkTitle, extractSmartLinkUrl, extractType, isEntityPresent } from '@atlaskit/link-extractors';
+import { fg } from '@atlaskit/platform-feature-flags';
 import { getEmptyJsonLd } from '../../utils/jsonld';
 import { extractIcon } from '../common/icon';
 import { extractLozenge } from '../common/lozenge';
@@ -20,15 +21,16 @@ const extractInlineIcon = (jsonLd, showIconLabel = true) => {
  */
 const extractSmartLinkInlineIcon = (response, showLabel = true) => {
   if (isEntityPresent(response)) {
+    if (fg('platform_lp_use_entity_icon_url_for_icon')) {
+      const entityIcon = extractEntityIcon(response);
+      if (entityIcon) {
+        return [entityIcon.url, entityIcon.label];
+      }
+    }
     const provider = extractEntityProvider(response);
     if (provider) {
       return provider.icon;
     }
-    // We don't need this for design entities,
-    // but we can add it back when we support more entities
-    // it requires extractInlineIcon to be moved to the smart link extractor package.
-    // see: https://product-fabric.atlassian.net/browse/EDM-12375
-    // return extractSmartLinkIcon(response);
   }
   return extractInlineIcon((response === null || response === void 0 ? void 0 : response.data) || getEmptyJsonLd(), showLabel);
 };

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

package/dist/es2019/view/EmbedCard/views/ResolvedView.js

@@ -1,5 +1,7 @@
+import _extends from "@babel/runtime/helpers/extends";
 import React from 'react';
 import LinkGlyph from '@atlaskit/icon/core/link';
+import { fg } from '@atlaskit/platform-feature-flags';
 import { componentWithFG } from '@atlaskit/platform-feature-flags-react';
 import { useThemeObserver } from '@atlaskit/tokens';
 import { getPreviewUrlWithTheme, isProfileType } from '../../../utils';
@@ -99,6 +101,7 @@ const EmbedCardResolvedViewUpdated = /*#__PURE__*/React.forwardRef(({
   extensionKey
 }, embedIframeRef) => {
   const iconFromContext = context === null || context === void 0 ? void 0 : context.icon;
+  const iconLabel = context === null || context === void 0 ? void 0 : context.iconLabel;
   const src = typeof iconFromContext === 'string' ? iconFromContext : undefined;
   const text = title || (context === null || context === void 0 ? void 0 : context.text);
   const linkGlyph = React.useMemo(() => /*#__PURE__*/React.createElement(LinkGlyph, {
@@ -106,17 +109,20 @@ const EmbedCardResolvedViewUpdated = /*#__PURE__*/React.forwardRef(({
     testId: "embed-card-fallback-icon",
     color: "currentColor"
   }), []);
-  let icon = React.useMemo(() => {
+  const icon = React.useMemo(() => {
     if ( /*#__PURE__*/React.isValidElement(iconFromContext)) {
       return iconFromContext;
     }
-    return /*#__PURE__*/React.createElement(ImageIcon, {
-      src: src,
+    return /*#__PURE__*/React.createElement(ImageIcon, _extends({
+      src: src
+    }, fg('platform_lp_use_entity_icon_url_for_icon') ? {
+      alt: iconLabel
+    } : undefined, {
       default: linkGlyph,
       appearance: isProfileType(type) ? 'round' : 'square',
       hideLoadingSkeleton: hideIconLoadingSkeleton
-    });
-  }, [iconFromContext, src, linkGlyph, type, hideIconLoadingSkeleton]);
+    }));
+  }, [iconFromContext, src, linkGlyph, type, hideIconLoadingSkeleton, iconLabel]);
   useEmbedResolvePostMessageListener({
     url: link,
     embedIframeRef

package/dist/es2019/view/InlineCard/IconAndTitleLayout/index.js

@@ -7,6 +7,7 @@ import React, { useState } from 'react';
 import { di } from 'react-magnetic-di';
 import ImageLoader from 'react-render-image';
 import LinkIcon from '@atlaskit/icon/core/link';
+import { fg } from '@atlaskit/platform-feature-flags';
 import { Box } from '@atlaskit/primitives/compiled';
 import { isProfileType } from '../../../utils';
 import { Shimmer } from '../Icon';
@@ -52,44 +53,99 @@ export const IconAndTitleLayout = ({
 }) => {
   const [hasImageErrored, setHasImageErrored] = useState(false);
   const renderAtlaskitIcon = React.useCallback(() => {
-    if (emoji) {
-      return emoji;
-    }
-    if (!icon || typeof icon === 'string') {
-      return null;
+    if (fg('platform_lp_use_entity_icon_url_for_icon')) {
+      if (emoji) {
+        return emoji;
+      }
+      if (!icon || typeof icon === 'string' || Array.isArray(icon)) {
+        return null;
+      }
+      return icon;
+    } else {
+      if (emoji) {
+        return emoji;
+      }
+      if (!icon || typeof icon === 'string') {
+        return null;
+      }
+      return icon;
     }
-    return icon;
   }, [emoji, icon]);
   const profileType = isProfileType(type);
   const renderImageIcon = React.useCallback((errored, testId) => {
-    if (!icon || typeof icon !== 'string') {
-      return null;
-    }
-    if (hideIconLoadingSkeleton) {
-      if (hasImageErrored) {
-        return errored;
+    if (fg('platform_lp_use_entity_icon_url_for_icon')) {
+      if (!icon) {
+        return null;
       }
-      return /*#__PURE__*/React.createElement("img", {
+      let iconUrl;
+      let iconLabel = '';
+      if (Array.isArray(icon)) {
+        const [tupleIconUrl, tupleIconLabel] = icon;
+        if (typeof tupleIconUrl !== 'string') {
+          return null;
+        }
+        iconUrl = tupleIconUrl;
+        iconLabel = typeof tupleIconLabel === 'string' ? tupleIconLabel : '';
+      } else if (typeof icon === 'string') {
+        iconUrl = icon;
+      } else {
+        return null;
+      }
+      if (hideIconLoadingSkeleton) {
+        if (hasImageErrored) {
+          return errored;
+        }
+        return /*#__PURE__*/React.createElement("img", {
+          src: iconUrl,
+          "data-testid": `${testId}-image`,
+          alt: iconLabel,
+          onError: () => setHasImageErrored(true),
+          className: ax(["_c71l7vkz _p12f7vkz _1bsb1osq", profileType && styles.roundImageStyle])
+        });
+      }
+      return /*#__PURE__*/React.createElement(ImageLoader, {
+        src: iconUrl,
+        loaded: /*#__PURE__*/React.createElement("img", {
+          src: iconUrl,
+          "data-testid": `${testId}-image`,
+          alt: iconLabel,
+          className: ax(["_c71l7vkz _p12f7vkz _1bsb1osq", profileType && styles.roundImageStyle])
+        }),
+        errored: errored,
+        loading: /*#__PURE__*/React.createElement(Shimmer, {
+          testId: `${testId}-loading`
+        })
+      });
+    } else {
+      if (!icon || typeof icon !== 'string') {
+        return null;
+      }
+      if (hideIconLoadingSkeleton) {
+        if (hasImageErrored) {
+          return errored;
+        }
+        return /*#__PURE__*/React.createElement("img", {
+          src: icon,
+          "data-testid": `${testId}-image`,
+          alt: "",
+          onError: () => setHasImageErrored(true),
+          className: ax(["_c71l7vkz _p12f7vkz _1bsb1osq", profileType && styles.roundImageStyle])
+        });
+      }
+      return /*#__PURE__*/React.createElement(ImageLoader, {
         src: icon,
-        "data-testid": `${testId}-image`,
-        alt: "",
-        onError: () => setHasImageErrored(true),
-        className: ax(["_c71l7vkz _p12f7vkz _1bsb1osq", profileType && styles.roundImageStyle])
+        loaded: /*#__PURE__*/React.createElement("img", {
+          src: icon,
+          "data-testid": `${testId}-image`,
+          alt: "",
+          className: ax(["_c71l7vkz _p12f7vkz _1bsb1osq", profileType && styles.roundImageStyle])
+        }),
+        errored: errored,
+        loading: /*#__PURE__*/React.createElement(Shimmer, {
+          testId: `${testId}-loading`
+        })
       });
     }
-    return /*#__PURE__*/React.createElement(ImageLoader, {
-      src: icon,
-      loaded: /*#__PURE__*/React.createElement("img", {
-        src: icon,
-        "data-testid": `${testId}-image`,
-        alt: "",
-        className: ax(["_c71l7vkz _p12f7vkz _1bsb1osq", profileType && styles.roundImageStyle])
-      }),
-      errored: errored,
-      loading: /*#__PURE__*/React.createElement(Shimmer, {
-        testId: `${testId}-loading`
-      })
-    });
   }, [icon, profileType, hideIconLoadingSkeleton, hasImageErrored]);
   const renderIconPlaceholder = React.useCallback(testId => {
     return defaultIcon || /*#__PURE__*/React.createElement(LinkIcon, {

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.9.6",
+  packageVersion: "44.9.7",
   componentName: 'linkUrl'
 };
 const Anchor = withLinkClickedEvent('a');

package/dist/esm/extractors/flexible/icon/index.js

@@ -2,6 +2,7 @@ import _defineProperty from "@babel/runtime/helpers/defineProperty";
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 import { extractEntityIcon, isEntityPresent } from '@atlaskit/link-extractors';
+import { fg } from '@atlaskit/platform-feature-flags';
 import { IconType, SmartLinkStatus } from '../../../constants';
 import extractIconRenderer from './extract-icon-renderer';
 import extractJsonldDataIcon from './extract-jsonld-data-icon';
@@ -55,8 +56,17 @@ export var extractSmartLinkIcon = function extractSmartLinkIcon(response, render
   if (!response || !(response !== null && response !== void 0 && response.data)) {
     return undefined;
   }
-  if (isEntityPresent(response)) {
-    return extractEntityIcon(response);
+  if (fg('platform_lp_use_entity_icon_url_for_icon')) {
+    if (isEntityPresent(response)) {
+      var entityIcon = extractEntityIcon(response);
+      if (entityIcon) {
+        return entityIcon;
+      }
+    }
+  } else {
+    if (isEntityPresent(response)) {
+      return extractEntityIcon(response);
+    }
   }
   return extractLinkIcon(response, renderers);
 };

package/dist/esm/extractors/inline/index.js

@@ -1,4 +1,5 @@
-import { extractEntityProvider, extractProvider, extractSmartLinkTitle, extractSmartLinkUrl, extractType, isEntityPresent } from '@atlaskit/link-extractors';
+import { extractEntityIcon, extractEntityProvider, extractProvider, extractSmartLinkTitle, extractSmartLinkUrl, extractType, isEntityPresent } from '@atlaskit/link-extractors';
+import { fg } from '@atlaskit/platform-feature-flags';
 import { getEmptyJsonLd } from '../../utils/jsonld';
 import { extractIcon } from '../common/icon';
 import { extractLozenge } from '../common/lozenge';
@@ -22,15 +23,16 @@ var extractInlineIcon = function extractInlineIcon(jsonLd) {
 var extractSmartLinkInlineIcon = function extractSmartLinkInlineIcon(response) {
   var showLabel = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : true;
   if (isEntityPresent(response)) {
+    if (fg('platform_lp_use_entity_icon_url_for_icon')) {
+      var entityIcon = extractEntityIcon(response);
+      if (entityIcon) {
+        return [entityIcon.url, entityIcon.label];
+      }
+    }
     var provider = extractEntityProvider(response);
     if (provider) {
       return provider.icon;
     }
-    // We don't need this for design entities,
-    // but we can add it back when we support more entities
-    // it requires extractInlineIcon to be moved to the smart link extractor package.
-    // see: https://product-fabric.atlassian.net/browse/EDM-12375
-    // return extractSmartLinkIcon(response);
   }
   return extractInlineIcon((response === null || response === void 0 ? void 0 : response.data) || getEmptyJsonLd(), showLabel);
 };

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

package/dist/esm/view/EmbedCard/views/ResolvedView.js

@@ -1,6 +1,8 @@
 import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
+import _extends from "@babel/runtime/helpers/extends";
 import React from 'react';
 import LinkGlyph from '@atlaskit/icon/core/link';
+import { fg } from '@atlaskit/platform-feature-flags';
 import { componentWithFG } from '@atlaskit/platform-feature-flags-react';
 import { useThemeObserver } from '@atlaskit/tokens';
 import { getPreviewUrlWithTheme, isProfileType } from '../../../utils';
@@ -102,6 +104,7 @@ var EmbedCardResolvedViewUpdated = /*#__PURE__*/React.forwardRef(function (_ref2
     hideIconLoadingSkeleton = _ref2.hideIconLoadingSkeleton,
     extensionKey = _ref2.extensionKey;
   var iconFromContext = context === null || context === void 0 ? void 0 : context.icon;
+  var iconLabel = context === null || context === void 0 ? void 0 : context.iconLabel;
   var src = typeof iconFromContext === 'string' ? iconFromContext : undefined;
   var text = title || (context === null || context === void 0 ? void 0 : context.text);
   var linkGlyph = React.useMemo(function () {
@@ -115,13 +118,16 @@ var EmbedCardResolvedViewUpdated = /*#__PURE__*/React.forwardRef(function (_ref2
     if ( /*#__PURE__*/React.isValidElement(iconFromContext)) {
       return iconFromContext;
     }
-    return /*#__PURE__*/React.createElement(ImageIcon, {
-      src: src,
+    return /*#__PURE__*/React.createElement(ImageIcon, _extends({
+      src: src
+    }, fg('platform_lp_use_entity_icon_url_for_icon') ? {
+      alt: iconLabel
+    } : undefined, {
       default: linkGlyph,
       appearance: isProfileType(type) ? 'round' : 'square',
       hideLoadingSkeleton: hideIconLoadingSkeleton
-    });
-  }, [iconFromContext, src, linkGlyph, type, hideIconLoadingSkeleton]);
+    }));
+  }, [iconFromContext, src, linkGlyph, type, hideIconLoadingSkeleton, iconLabel]);
   useEmbedResolvePostMessageListener({
     url: link,
     embedIframeRef: embedIframeRef