@atlaskit/smart-card 43.27.4 → 43.28.0

package/dist/cjs/extractors/flexible/icon/extract-document-type-icon.js

@@ -5,6 +5,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 var _linkExtractors = require("@atlaskit/link-extractors");
+var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 var _constants = require("../../../constants");
 /**
  * Computes the relevant icon for a document type.
@@ -22,48 +23,51 @@ var _constants = require("../../../constants");
  * @returns an icon descriptor representing the document type
  */
 var extractDocumentTypeIcon = function extractDocumentTypeIcon(documentType, label, providerId) {
+  var getLabel = function getLabel(hardcodedLabel) {
+    return (0, _platformFeatureFlags.fg)('platform_navx_smart_link_icon_label_a11y') ? hardcodedLabel : label;
+  };
   switch (documentType) {
     case 'schema:BlogPosting':
       return {
         icon: _constants.IconType.Blog,
-        label: label
+        label: getLabel('blog')
       };
     case 'schema:DigitalDocument':
       if (providerId && (0, _linkExtractors.isConfluenceGenerator)(providerId)) {
         return {
           icon: _constants.IconType.LiveDocument,
-          label: label
+          label: getLabel('live document')
         };
       } else {
         return {
           icon: _constants.IconType.File,
-          label: label
+          label: getLabel('file')
         };
       }
     case 'schema:TextDigitalDocument':
       return {
         icon: _constants.IconType.Document,
-        label: label
+        label: getLabel('document')
       };
     case 'schema:PresentationDigitalDocument':
       return {
         icon: _constants.IconType.Presentation,
-        label: label
+        label: getLabel('presentation')
       };
     case 'schema:SpreadsheetDigitalDocument':
       return {
         icon: _constants.IconType.Spreadsheet,
-        label: label
+        label: getLabel('spreadsheet')
       };
     case 'atlassian:Template':
       return {
         icon: _constants.IconType.Template,
-        label: label
+        label: getLabel('template')
       };
     case 'atlassian:UndefinedLink':
       return {
         icon: _constants.IconType.Document,
-        label: label
+        label: getLabel('document')
       };
     default:
       return undefined;

package/dist/cjs/extractors/flexible/icon/extract-file-formatIcon.js

@@ -4,87 +4,66 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
+var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 var _constants = require("../../../constants");
 var extractFileFormatIcon = function extractFileFormatIcon(fileFormat) {
+  var getIconDescriptor = function getIconDescriptor(icon, label) {
+    return (0, _platformFeatureFlags.fg)('platform_navx_smart_link_icon_label_a11y') ? {
+      icon: icon,
+      label: label
+    } : {
+      icon: icon
+    };
+  };
   switch (fileFormat) {
     // Generic documents
     case 'folder':
-      return {
-        icon: _constants.IconType.Folder
-      };
+      return getIconDescriptor(_constants.IconType.Folder, 'folder');
     case 'text/plain':
     case 'application/vnd.oasis.opendocument.text':
     case 'application/vnd.apple.pages':
-      return {
-        icon: _constants.IconType.Document
-      };
+      return getIconDescriptor(_constants.IconType.Document, 'document');
     case 'application/pdf':
-      return {
-        icon: _constants.IconType.PDF
-      };
+      return getIconDescriptor(_constants.IconType.PDF, 'pdf');
     case 'application/vnd.oasis.opendocument.presentation':
     case 'application/vnd.apple.keynote':
-      return {
-        icon: _constants.IconType.Presentation
-      };
+      return getIconDescriptor(_constants.IconType.Presentation, 'presentation');
     case 'application/vnd.oasis.opendocument.spreadsheet':
     case 'application/vnd.apple.numbers':
-      return {
-        icon: _constants.IconType.Spreadsheet
-      };
+      return getIconDescriptor(_constants.IconType.Spreadsheet, 'spreadsheet');
     // Google Drive
     case 'application/vnd.google-apps.document':
-      return {
-        icon: _constants.IconType.GoogleDocs
-      };
+      return getIconDescriptor(_constants.IconType.GoogleDocs, 'google document');
     case 'application/vnd.google-apps.form':
-      return {
-        icon: _constants.IconType.GoogleForms
-      };
+      return getIconDescriptor(_constants.IconType.GoogleForms, 'google form');
     case 'application/vnd.google-apps.spreadsheet':
-      return {
-        icon: _constants.IconType.GoogleSheets
-      };
+      return getIconDescriptor(_constants.IconType.GoogleSheets, 'google sheet');
     case 'application/vnd.google-apps.presentation':
-      return {
-        icon: _constants.IconType.GoogleSlides
-      };
+      return getIconDescriptor(_constants.IconType.GoogleSlides, 'google slide');
     // Microsoft
     case 'application/vnd.ms-excel':
     case 'application/vnd.openxmlformats-officedocument.spreadsheetml.sheet':
-      return {
-        icon: _constants.IconType.MSExcel
-      };
+      return getIconDescriptor(_constants.IconType.MSExcel, 'excel spreadsheet');
     case 'application/vnd.ms-powerpoint':
     case 'application/vnd.openxmlformats-officedocument.presentationml.presentation':
-      return {
-        icon: _constants.IconType.MSPowerpoint
-      };
+      return getIconDescriptor(_constants.IconType.MSPowerpoint, 'powerpoint');
     case 'application/msword':
     case 'application/vnd.openxmlformats-officedocument.wordprocessingml.document':
-      return {
-        icon: _constants.IconType.MSWord
-      };
+      return getIconDescriptor(_constants.IconType.MSWord, 'word document');
     case 'image/png':
     case 'image/jpeg':
     case 'image/bmp':
     case 'image/webp':
     case 'image/svg+xml':
-      return {
-        icon: _constants.IconType.Image
-      };
+      return getIconDescriptor(_constants.IconType.Image, 'image');
     case 'image/gif':
-      return {
-        icon: _constants.IconType.GIF
-      };
+      return getIconDescriptor(_constants.IconType.GIF, 'gif');
     case 'audio/midi':
     case 'audio/mpeg':
     case 'audio/webm':
     case 'audio/ogg':
     case 'audio/wav':
-      return {
-        icon: _constants.IconType.Audio
-      };
+      return getIconDescriptor(_constants.IconType.Audio, 'audio');
     case 'video/mp4':
     case 'video/quicktime':
     case 'video/mov':
@@ -92,41 +71,27 @@ var extractFileFormatIcon = function extractFileFormatIcon(fileFormat) {
     case 'video/ogg':
     case 'video/x-ms-wmv':
     case 'video/x-msvideo':
-      return {
-        icon: _constants.IconType.Video
-      };
+      return getIconDescriptor(_constants.IconType.Video, 'video');
     // Others
     case 'text/css':
     case 'text/html':
     case 'application/javascript':
-      return {
-        icon: _constants.IconType.Code
-      };
+      return getIconDescriptor(_constants.IconType.Code, 'code');
     case 'application/zip':
     case 'application/x-tar':
     case 'application/x-gtar':
     case 'application/x-7z-compressed':
     case 'application/x-apple-diskimage':
     case 'application/vnd.rar':
-      return {
-        icon: _constants.IconType.Archive
-      };
+      return getIconDescriptor(_constants.IconType.Archive, 'archive');
     case 'application/dmg':
-      return {
-        icon: _constants.IconType.Executable
-      };
+      return getIconDescriptor(_constants.IconType.Executable, 'disk image');
     case 'application/sketch':
-      return {
-        icon: _constants.IconType.Sketch
-      };
+      return getIconDescriptor(_constants.IconType.Sketch, 'sketch');
     case 'application/octet-stream':
-      return {
-        icon: _constants.IconType.Generic
-      };
+      return getIconDescriptor(_constants.IconType.Generic, 'file');
     case 'application/invision.prototype':
-      return {
-        icon: _constants.IconType.Generic
-      };
+      return getIconDescriptor(_constants.IconType.Generic, 'file');
     default:
       return undefined;
   }

package/dist/cjs/extractors/flexible/icon/extract-jira-task-icon.js

@@ -4,55 +4,58 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
+var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 var _constants = require("../../../constants");
-var extractJiraTaskIcon = function extractJiraTaskIcon(taskType) {
-  var label = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 'Task';
+var extractJiraTaskIcon = function extractJiraTaskIcon(taskType, label) {
+  var getLabel = function getLabel(hardcodedLabel) {
+    return (0, _platformFeatureFlags.fg)('platform_navx_smart_link_icon_label_a11y') ? hardcodedLabel : label || 'Task';
+  };
   switch (taskType) {
     case 'JiraBug':
       return {
         icon: _constants.IconType.Bug,
-        label: label
+        label: getLabel('Bug')
       };
     case 'JiraChange':
       return {
         icon: _constants.IconType.Change,
-        label: label
+        label: getLabel('Change')
       };
     case 'JiraEpic':
       return {
         icon: _constants.IconType.Epic,
-        label: label
+        label: getLabel('Epic')
       };
     case 'JiraIncident':
       return {
         icon: _constants.IconType.Incident,
-        label: label
+        label: getLabel('Incident')
       };
     case 'JiraProblem':
       return {
         icon: _constants.IconType.Problem,
-        label: label
+        label: getLabel('Problem')
       };
     case 'JiraServiceRequest':
       return {
         icon: _constants.IconType.ServiceRequest,
-        label: label
+        label: getLabel('Service request')
       };
     case 'JiraStory':
       return {
         icon: _constants.IconType.Story,
-        label: label
+        label: getLabel('Story')
       };
     case 'JiraSubTask':
       return {
         icon: _constants.IconType.SubTask,
-        label: label
+        label: getLabel('Sub-task')
       };
     case 'JiraTask':
     default:
       return {
         icon: _constants.IconType.Task,
-        label: label
+        label: getLabel('Task')
       };
   }
 };

package/dist/cjs/extractors/flexible/icon/extract-jsonld-data-icon.js

@@ -6,6 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 var _linkExtractors = require("@atlaskit/link-extractors");
+var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 var _constants = require("../../../constants");
 var _icon = require("../../common/icon");
 var _priority = require("../../common/icon/priority");
@@ -30,6 +31,22 @@ var extractTask = function extractTask(data, label) {
     taskIcon: taskIcon
   };
 };
+var extractTaskNew = function extractTaskNew(data) {
+  var taskTypeInfo = (0, _lozenge.extractTaskType)(data) || {};
+  var id = taskTypeInfo.id,
+    url = taskTypeInfo.icon,
+    name = taskTypeInfo.name;
+  var taskType = id === null || id === void 0 ? void 0 : id.split('#').pop();
+  var taskIconLabel = (name === null || name === void 0 ? void 0 : name.trim()) || 'Task';
+  var taskIcon = url ? {
+    label: taskIconLabel,
+    url: url
+  } : undefined;
+  return {
+    taskType: taskType,
+    taskIcon: taskIcon
+  };
+};
 var extractType = function extractType(jsonLd) {
   var type = jsonLd['@type'];
   return Array.isArray(type) ? type.sort(function (a, b) {
@@ -49,68 +66,107 @@ function chooseIcon(_ref2) {
   var providerId = (_data$generator = data.generator) === null || _data$generator === void 0 ? void 0 : _data$generator['@id'];
   var fileFormat = data === null || data === void 0 ? void 0 : data['schema:fileFormat'];
   var fileFormatIcon = (0, _extractFileFormatIcon.default)(fileFormat);
-  var documentTypeIcon = typeToIconDescriptor({
-    type: type,
-    label: label,
-    providerId: providerId,
-    data: data
-  }) || (0, _extractDocumentTypeIcon.default)(type, label, providerId);
-  return (0, _icon.prioritiseIcon)({
-    fileFormatIcon: fileFormatIcon,
-    documentTypeIcon: documentTypeIcon,
-    urlIcon: urlIcon,
-    providerIcon: providerIcon
-  });
+  if ((0, _platformFeatureFlags.fg)('platform_navx_smart_link_icon_label_a11y')) {
+    var iconDescriptor = typeToIconDescriptor({
+      type: type,
+      providerId: providerId,
+      data: data
+    });
+    var documentTitle = (0, _platformFeatureFlags.fg)('platform_navx_smart_link_icon_label_a11y') ? undefined : (0, _linkExtractors.extractTitle)(data);
+    var extractedDocumentTypeIcon = (0, _extractDocumentTypeIcon.default)(type, documentTitle, providerId);
+    var documentTypeIcon = iconDescriptor || extractedDocumentTypeIcon;
+    var urlIconNew = (0, _extractUrlIcon.default)(data.icon, documentTypeIcon === null || documentTypeIcon === void 0 ? void 0 : documentTypeIcon.label);
+    return (0, _icon.prioritiseIcon)({
+      fileFormatIcon: fileFormatIcon,
+      documentTypeIcon: documentTypeIcon,
+      urlIcon: urlIconNew,
+      providerIcon: providerIcon
+    });
+  } else {
+    var _documentTypeIcon = typeToIconDescriptor({
+      type: type,
+      label: label,
+      providerId: providerId,
+      data: data
+    }) || (0, _extractDocumentTypeIcon.default)(type, label, providerId);
+    return (0, _icon.prioritiseIcon)({
+      fileFormatIcon: fileFormatIcon,
+      documentTypeIcon: _documentTypeIcon,
+      urlIcon: urlIcon,
+      providerIcon: providerIcon
+    });
+  }
 }
 function typeToIconDescriptor(_ref3) {
   var type = _ref3.type,
     label = _ref3.label,
     providerId = _ref3.providerId,
     data = _ref3.data;
+  var descriptorLabel = function descriptorLabel(semantic) {
+    return (0, _platformFeatureFlags.fg)('platform_navx_smart_link_icon_label_a11y') ? semantic : label;
+  };
   switch (type) {
     case 'atlassian:Goal':
       return {
         icon: _constants.IconType.Task,
-        label: label
+        label: descriptorLabel('goal')
       };
     case 'atlassian:Project':
       return {
+        // FIXME: atlassian:Project seem to be returned for many things, including Confluence space or Trello board,
+        // But `IconType.Project` actual value is `BitBucket:Project`!
         icon: _constants.IconType.Project,
-        label: label
+        label: descriptorLabel('project')
       };
     case 'atlassian:SourceCodeCommit':
       return {
         icon: _constants.IconType.Commit,
-        label: label
+        label: descriptorLabel('commit')
       };
     case 'atlassian:SourceCodePullRequest':
       return {
         icon: _constants.IconType.PullRequest,
-        label: label
+        label: descriptorLabel('pull request')
       };
     case 'atlassian:SourceCodeReference':
       return {
         icon: _constants.IconType.Branch,
-        label: label
+        label: descriptorLabel('branch')
       };
     case 'atlassian:SourceCodeRepository':
       return {
         icon: _constants.IconType.Repo,
-        label: label
+        label: descriptorLabel('repository')
       };
     case 'atlassian:Task':
-      var taskLabel = label || 'Task';
-      var taskIconDescriptor = {
-        icon: _constants.IconType.Task,
-        label: taskLabel
-      };
-      if (isJiraProvider(providerId)) {
-        var _extractTask = extractTask(data),
-          taskType = _extractTask.taskType,
-          taskIcon = _extractTask.taskIcon;
-        return taskType === 'JiraCustomTaskType' ? taskIcon || taskIconDescriptor : (0, _extractJiraTaskIcon.default)(taskType, taskLabel);
+      if ((0, _platformFeatureFlags.fg)('platform_navx_smart_link_icon_label_a11y')) {
+        // Not user-facing copy: icon descriptor label for a11y (see go/i18n-no-literal-string-in-object).
+        // eslint-disable-next-line @atlassian/i18n/no-literal-string-in-object
+        var taskIconDescriptor = {
+          icon: _constants.IconType.Task,
+          label: 'Task'
+        };
+        if (isJiraProvider(providerId)) {
+          var _extractTaskNew = extractTaskNew(data),
+            taskType = _extractTaskNew.taskType,
+            taskIcon = _extractTaskNew.taskIcon;
+          return taskType === 'JiraCustomTaskType' ? taskIcon || taskIconDescriptor : (0, _extractJiraTaskIcon.default)(taskType);
+        }
+        return taskIconDescriptor;
+      } else {
+        var taskLabel = label || 'Task';
+        var _taskIconDescriptor = {
+          icon: _constants.IconType.Task,
+          label: taskLabel
+        };
+        if (isJiraProvider(providerId)) {
+          var _extractTask = extractTask(data),
+            _taskType = _extractTask.taskType,
+            _taskIcon = _extractTask.taskIcon;
+          return _taskType === 'JiraCustomTaskType' ? _taskIcon || _taskIconDescriptor : (0, _extractJiraTaskIcon.default)(_taskType, taskLabel);
+        }
+        return _taskIconDescriptor;
       }
-      return taskIconDescriptor;
     default:
       return undefined;
   }
@@ -120,16 +176,26 @@ function typeToIconDescriptor(_ref3) {
  * Return the icon object given a JSON-LD data object.
  */
 var extractJsonldDataIcon = function extractJsonldDataIcon(data) {
-  var label = (0, _linkExtractors.extractTitle)(data);
-  var type = extractType(data);
-  var urlIcon = (0, _extractUrlIcon.default)(data.icon, label);
-  var providerIcon = (0, _extractProviderIcon.default)(data);
-  return chooseIcon({
-    urlIcon: urlIcon,
-    providerIcon: providerIcon,
-    type: type,
-    label: label,
-    data: data
-  });
+  if ((0, _platformFeatureFlags.fg)('platform_navx_smart_link_icon_label_a11y')) {
+    var type = extractType(data);
+    var providerIcon = (0, _extractProviderIcon.default)(data);
+    return chooseIcon({
+      type: type,
+      data: data,
+      providerIcon: providerIcon
+    });
+  } else {
+    var label = (0, _linkExtractors.extractTitle)(data);
+    var _type = extractType(data);
+    var urlIcon = (0, _extractUrlIcon.default)(data.icon, label);
+    var _providerIcon = (0, _extractProviderIcon.default)(data);
+    return chooseIcon({
+      urlIcon: urlIcon,
+      providerIcon: _providerIcon,
+      type: _type,
+      label: label,
+      data: data
+    });
+  }
 };
 var _default = exports.default = extractJsonldDataIcon;

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

package/dist/cjs/utils/index.js

@@ -41,7 +41,7 @@ var isSpecialKey = exports.isSpecialKey = function isSpecialKey(event) {
 var isSpecialClick = exports.isSpecialClick = function isSpecialClick(event) {
   return event.button === 1;
 };
-var getIconForFileType = exports.getIconForFileType = function getIconForFileType(fileMimeType) {
+var getIconForFileType = exports.getIconForFileType = function getIconForFileType(fileMimeType, showIconLabel) {
   if (!fileMimeType) {
     return;
   }
@@ -65,9 +65,18 @@ var getIconForFileType = exports.getIconForFileType = function getIconForFileTyp
     }
   }); // because we're using dynamic loading here, TS will not be able to infer the type
 
-  return /*#__PURE__*/_react.default.createElement(Icon, {
-    testId: "document-file-format-icon"
-  });
+  if ((0, _platformFeatureFlags.fg)('platform_navx_smart_link_icon_label_a11y')) {
+    var descriptorLabel = icon[1] || ''; // NAVX-4354: Combine into const [importCb] = icon; above
+    var label = (showIconLabel !== null && showIconLabel !== void 0 ? showIconLabel : true) ? descriptorLabel : '';
+    return /*#__PURE__*/_react.default.createElement(Icon, {
+      testId: "document-file-format-icon",
+      label: label
+    });
+  } else {
+    return /*#__PURE__*/_react.default.createElement(Icon, {
+      testId: "document-file-format-icon"
+    });
+  }
 };
 // prettier-ignore
 var getLazyIcons = exports.getLazyIcons = function getLazyIcons() {
@@ -605,13 +614,18 @@ var getLazyIcons = exports.getLazyIcons = function getLazyIcons() {
   });
 };
 var getTypeToIconMap = function getTypeToIconMap(fileFormat) {
-  var _lazyIcons$iconDescri;
   var iconDescriptor = (0, _extractFileFormatIcon.default)(fileFormat);
   if (!(iconDescriptor !== null && iconDescriptor !== void 0 && iconDescriptor.icon)) {
     return null;
   }
   var lazyIcons = getLazyIcons();
-  return [(_lazyIcons$iconDescri = lazyIcons[iconDescriptor.icon]) === null || _lazyIcons$iconDescri === void 0 ? void 0 : _lazyIcons$iconDescri.default];
+  if ((0, _platformFeatureFlags.fg)('platform_navx_smart_link_icon_label_a11y')) {
+    var _lazyIcons$iconDescri, _iconDescriptor$label;
+    return [(_lazyIcons$iconDescri = lazyIcons[iconDescriptor.icon]) === null || _lazyIcons$iconDescri === void 0 ? void 0 : _lazyIcons$iconDescri.default, (_iconDescriptor$label = iconDescriptor.label) !== null && _iconDescriptor$label !== void 0 ? _iconDescriptor$label : ''];
+  } else {
+    var _lazyIcons$iconDescri2;
+    return [(_lazyIcons$iconDescri2 = lazyIcons[iconDescriptor.icon]) === null || _lazyIcons$iconDescri2 === void 0 ? void 0 : _lazyIcons$iconDescri2.default];
+  }
 };
 var getIframeSandboxAttribute = exports.getIframeSandboxAttribute = function getIframeSandboxAttribute(isTrusted) {
   if (isTrusted) {

package/dist/cjs/view/FlexibleCard/components/common/image-icon/index.js

@@ -14,6 +14,7 @@ var _runtime = require("@compiled/react/runtime");
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
 var _reactIntlNext = require("react-intl-next");
 var _reactRenderImage = _interopRequireDefault(require("react-render-image"));
+var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 var _loadingSkeleton = require("../loading-skeleton");
 function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
 var styles = {
@@ -26,7 +27,8 @@ var messages = (0, _reactIntlNext.defineMessages)({
   }
 });
 var ImageIcon = function ImageIcon(_ref) {
-  var defaultIcon = _ref.defaultIcon,
+  var label = _ref.label,
+    defaultIcon = _ref.defaultIcon,
     testId = _ref.testId,
     url = _ref.url,
     width = _ref.width,
@@ -52,10 +54,11 @@ var ImageIcon = function ImageIcon(_ref) {
     return defaultIcon;
   }
   if (hideLoadingSkeleton) {
+    var _label$trim;
     return /*#__PURE__*/React.createElement("img", {
       src: url,
       "data-testid": "".concat(testId, "-image"),
-      alt: "",
+      alt: (0, _platformFeatureFlags.fg)('platform_navx_smart_link_icon_label_a11y') ? (_label$trim = label === null || label === void 0 ? void 0 : label.trim()) !== null && _label$trim !== void 0 ? _label$trim : '' : '',
       style: {
         width: width,
         height: height
@@ -66,6 +69,7 @@ var ImageIcon = function ImageIcon(_ref) {
       className: (0, _runtime.ax)([appearance === 'round' && styles.roundImg])
     });
   } else {
+    var _label$trim2;
     return /*#__PURE__*/React.createElement(_reactRenderImage.default, {
       src: url,
       loading: /*#__PURE__*/React.createElement(_loadingSkeleton.LoadingSkeleton, {
@@ -76,7 +80,7 @@ var ImageIcon = function ImageIcon(_ref) {
       loaded: /*#__PURE__*/React.createElement("img", {
         src: url,
         "data-testid": "".concat(testId, "-image"),
-        alt: formatMessage(messages.imageAltText),
+        alt: (0, _platformFeatureFlags.fg)('platform_navx_smart_link_icon_label_a11y') ? (_label$trim2 = label === null || label === void 0 ? void 0 : label.trim()) !== null && _label$trim2 !== void 0 ? _label$trim2 : '' : formatMessage(messages.imageAltText),
         style: {
           width: width,
           height: height