@atlaskit/smart-card 36.8.2 → 36.10.0

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

@@ -1,69 +1,14 @@
 import React from 'react';
-import DocumentIconOld from '@atlaskit/icon-file-type/glyph/document/16';
-import FileIconOld from '@atlaskit/icon-file-type/glyph/generic/16';
-import PresentationIconOld from '@atlaskit/icon-file-type/glyph/presentation/16';
-import SpreadsheetIconOld from '@atlaskit/icon-file-type/glyph/spreadsheet/16';
-import BlogIconOld from '@atlaskit/icon-object/glyph/blog/16';
-import DocumentFilledIconNew from '@atlaskit/icon/core/migration/file--document-filled';
-import DocumentFilledIconOld from '@atlaskit/icon/core/migration/page--document-filled';
+import DocumentFilledIcon from '@atlaskit/icon/core/migration/file--document-filled';
 import { isConfluenceGenerator } from '@atlaskit/link-extractors';
-import { fg } from '@atlaskit/platform-feature-flags';
-import BlogIconNew from '../../../common/ui/icons/blog-icon';
-import PresentationIconNew from '../../../common/ui/icons/chart-bar-icon';
-import FileIconNew from '../../../common/ui/icons/file-icon';
-import SpreadsheetIconNew from '../../../common/ui/icons/list-bullet-icon';
+import BlogIcon 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 DocumentIconNew from '../../../common/ui/icons/page-icon';
+import DocumentIcon from '../../../common/ui/icons/page-icon';
 import { getIconForFileType } from '../../../utils';
 import { prioritiseIcon } from './prioritiseIcon';
-
-// TODO Delete this and rename BlogIconNew to BlogIcon when cleaning platform-smart-card-icon-migration
-const BlogIcon = props => {
-  if (fg('platform-smart-card-icon-migration')) {
-    return /*#__PURE__*/React.createElement(BlogIconNew, props);
-  }
-  return /*#__PURE__*/React.createElement(BlogIconOld, props);
-};
-
-// TODO Delete this and rename FileIconNew to FileIcon when cleaning platform-smart-card-icon-migration
-const FileIcon = props => {
-  if (fg('platform-smart-card-icon-migration')) {
-    return /*#__PURE__*/React.createElement(FileIconNew, props);
-  }
-  return /*#__PURE__*/React.createElement(FileIconOld, props);
-};
-
-// TODO Delete this and rename DocumentIconNew to DocumentIcon when cleaning platform-smart-card-icon-migration
-const DocumentIcon = props => {
-  if (fg('platform-smart-card-icon-migration')) {
-    return /*#__PURE__*/React.createElement(DocumentIconNew, props);
-  }
-  return /*#__PURE__*/React.createElement(DocumentIconOld, props);
-};
-
-// TODO Delete this and rename PresentationIconNew to PresentationIcon when cleaning platform-smart-card-icon-migration
-const PresentationIcon = props => {
-  if (fg('platform-smart-card-icon-migration')) {
-    return /*#__PURE__*/React.createElement(PresentationIconNew, props);
-  }
-  return /*#__PURE__*/React.createElement(PresentationIconOld, props);
-};
-
-// TODO Delete this and rename SpreadsheetIconNew to SpreadsheetIcon when cleaning platform-smart-card-icon-migration
-const SpreadsheetIcon = props => {
-  if (fg('platform-smart-card-icon-migration')) {
-    return /*#__PURE__*/React.createElement(SpreadsheetIconNew, props);
-  }
-  return /*#__PURE__*/React.createElement(SpreadsheetIconOld, props);
-};
-
-// TODO Delete this and rename DocumentFilledIconNew to DocumentFilledIcon when cleaning platform-smart-card-icon-migration
-const DocumentFilledIcon = props => {
-  if (fg('platform-smart-card-icon-migration')) {
-    return /*#__PURE__*/React.createElement(DocumentFilledIconNew, props);
-  }
-  return /*#__PURE__*/React.createElement(DocumentFilledIconOld, props);
-};
 /**
  * Extracts an icon for a document pbject
  *

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

@@ -1,7 +1,7 @@
-import { extractEntityProvider, extractLink, extractPreview, extractProvider, extractProviderIcon, extractSmartLinkEmbed, extractSmartLinkTitle, extractSmartLinkUrl, extractTitle, extractUrlFromIconJsonLd, isEntityPresent } from '@atlaskit/link-extractors';
+import { extractLink, extractPreview, extractSmartLinkEmbed, extractSmartLinkTitle, extractSmartLinkUrl, extractTitle } from '@atlaskit/link-extractors';
 import { fg } from '@atlaskit/platform-feature-flags';
 import { getEmptyJsonLd } from '../../utils/jsonld';
-import { prioritiseIcon } from '../common/icon';
+import { extractSmartLinkContext, generateContext } from '../common/context';
 import { extractIsSupportTheming } from '../common/meta/extractIsSupportTheming';
 import { extractIsTrusted } from '../common/meta/extractIsTrusted';
 const extractEmbedPreview = (jsonLd, platform, iframeUrlType) => {
@@ -13,39 +13,6 @@ const extractEmbedPreview = (jsonLd, platform, iframeUrlType) => {
     };
   }
 };
-function generateContext(jsonLd) {
-  const provider = extractProvider(jsonLd);
-  if (!provider) {
-    return undefined;
-  }
-
-  // If no icon is supplied, return existing context
-  if (!jsonLd.icon) {
-    return provider;
-  }
-  const generator = jsonLd.generator;
-  const icon = prioritiseIcon({
-    fileFormatIcon: undefined,
-    documentTypeIcon: undefined,
-    urlIcon: extractUrlFromIconJsonLd(jsonLd.icon),
-    // We still attempt to follow the icon priority function even if no generator (and therefore provider icon) is defined
-    providerIcon: generator && typeof generator !== 'string' && generator['@type'] !== 'Link' && extractProviderIcon(generator.icon)
-  });
-  return {
-    ...provider,
-    icon: icon ? icon : provider.icon
-  };
-}
-
-/**
- * We can migrate this to link extractors once we have deprecated JsonLd
- */
-function extractSmartLinkContext(response) {
-  if (isEntityPresent(response)) {
-    return extractEntityProvider(response);
-  }
-  return generateContext(response === null || response === void 0 ? void 0 : response.data);
-}
 export const extractEmbedProps = (response, platform, iframeUrlType) => {
   const meta = response === null || response === void 0 ? void 0 : response.meta;
   const jsonLd = (response === null || response === void 0 ? void 0 : response.data) || getEmptyJsonLd();

package/dist/es2019/extractors/flexible/extract-preview.js

@@ -1,4 +1,4 @@
-import { extractImage } from '@atlaskit/link-extractors';
+import { extractEntity, extractEntityProvider, extractImage, isEntityPresent } from '@atlaskit/link-extractors';
 import { MediaType } from '../../constants';
 const extractPreview = data => {
   if (!data) {
@@ -10,4 +10,27 @@ const extractPreview = data => {
     url
   } : undefined;
 };
-export default extractPreview;
+export default extractPreview;
+
+/**
+ * Should be moved to link-extractors when jsonLd is deprecated
+ */
+export const extractSmartLinkPreviewImage = response => {
+  if (!response || !(response !== null && response !== void 0 && response.data)) {
+    return undefined;
+  }
+  if (isEntityPresent(response)) {
+    var _entity$thumbnail;
+    const entity = extractEntity(response);
+    let url = entity === null || entity === void 0 ? void 0 : (_entity$thumbnail = entity.thumbnail) === null || _entity$thumbnail === void 0 ? void 0 : _entity$thumbnail.externalUrl;
+    if (!url) {
+      const provider = extractEntityProvider(response);
+      url = provider === null || provider === void 0 ? void 0 : provider.image;
+    }
+    return url ? {
+      type: MediaType.Image,
+      url
+    } : undefined;
+  }
+  return extractPreview(response.data);
+};

package/dist/es2019/extractors/flexible/icon/extract-provider-icon.js

@@ -1,4 +1,4 @@
-import { extractTitle } from '@atlaskit/link-extractors';
+import { extractEntity, extractEntityProvider, extractTitle, isEntityPresent } from '@atlaskit/link-extractors';
 import { IconType } from '../../../constants';
 import { CONFLUENCE_GENERATOR_ID, JIRA_GENERATOR_ID } from '../../constants';
 import extractUrlIcon from './extract-url-icon';
@@ -34,4 +34,44 @@ const extractProviderIcon = data => {
   }
   return extractUrlIcon(icon, label);
 };
-export default extractProviderIcon;
+export default extractProviderIcon;
+
+/**
+ * Should be moved to link-extractors when jsonLd is deprecated
+ */
+export const extractSmartLinkProviderIcon = response => {
+  var _extractEntity, _generator$icon;
+  if (!response || !(response !== null && response !== void 0 && response.data)) {
+    return undefined;
+  }
+  if (isEntityPresent(response)) {
+    const provider = extractEntityProvider(response);
+    if (!provider) {
+      return undefined;
+    }
+    switch (provider.id) {
+      case CONFLUENCE_GENERATOR_ID:
+        return {
+          icon: IconType.Confluence,
+          label: provider.text || 'Confluence'
+        };
+      case JIRA_GENERATOR_ID:
+        return {
+          icon: IconType.Jira,
+          label: provider.text || 'Jira'
+        };
+      default:
+        const {
+          generator
+        } = response.meta;
+        if (!generator) {
+          return undefined;
+        }
+        return {
+          label: generator.name || ((_extractEntity = extractEntity(response)) === null || _extractEntity === void 0 ? void 0 : _extractEntity.displayName),
+          url: (_generator$icon = generator.icon) === null || _generator$icon === void 0 ? void 0 : _generator$icon.url
+        };
+    }
+  }
+  return extractProviderIcon(response.data);
+};

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

@@ -1,3 +1,4 @@
+import { extractEntityIcon, isEntityPresent } from '@atlaskit/link-extractors';
 import { IconType, SmartLinkStatus } from '../../../constants';
 import extractIconRenderer from './extract-icon-renderer';
 import extractJsonldDataIcon from './extract-jsonld-data-icon';
@@ -44,4 +45,17 @@ export const extractErrorIcon = (response, status) => {
         icon: IconType.Default
       };
   }
+};
+
+/**
+ * Should be moved to link-extractors when jsonLd is deprecated
+ */
+export const extractSmartLinkIcon = (response, renderers) => {
+  if (!response || !(response !== null && response !== void 0 && response.data)) {
+    return undefined;
+  }
+  if (isEntityPresent(response)) {
+    return extractEntityIcon(response);
+  }
+  return extractLinkIcon(response, renderers);
 };

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

@@ -1,15 +1,16 @@
-import { extractAri, extractDateCreated, extractDateUpdated, extractLink, extractPersonCreatedBy, extractPersonOwnedBy, extractTitle } from '@atlaskit/link-extractors';
+import { extractAri, extractDateCreated, extractDateUpdated, extractLink, extractPersonCreatedBy, extractPersonOwnedBy, extractSmartLinkAri, extractSmartLinkCreatedBy, extractSmartLinkCreatedOn, extractSmartLinkModifiedBy, extractSmartLinkModifiedOn, extractSmartLinkTitle, extractSmartLinkUrl, extractTitle } from '@atlaskit/link-extractors';
+import { fg } from '@atlaskit/platform-feature-flags';
 import { extractSummary } from '../common/primitives';
 import { extractFlexibleCardActions } from './actions';
 import { extractPersonsUpdatedBy } from './collaboratorGroup';
-import extractPreview from './extract-preview';
+import extractPreview, { extractSmartLinkPreviewImage } from './extract-preview';
 import extractPriority from './extract-priority';
 import extractState from './extract-state';
-import { extractLinkIcon } from './icon';
-import extractProviderIcon from './icon/extract-provider-icon';
+import { extractLinkIcon, extractSmartLinkIcon } from './icon';
+import extractProviderIcon, { extractSmartLinkProviderIcon } from './icon/extract-provider-icon';
 import { extractLatestCommit } from './latest-commit';
-import { extractAssignedTo, extractAttachmentCount, extractChecklistProgress, extractCommentCount, extractCreatedBy, extractDueOn, extractLocation, extractModifiedBy, extractOwnedBy, extractPersonAssignedToAsArray, extractProgrammingLanguage, extractReactCount, extractReadTime, extractSentOn, extractSourceBranch, extractStoryPoints, extractSubscriberCount, extractSubTasksProgress, extractTargetBranch, extractViewCount, extractVoteCount } from './utils';
-const extractFlexibleUiContext = ({
+import { extractAppliedToComponentsCount, extractAssignedTo, extractAttachmentCount, extractChecklistProgress, extractCommentCount, extractCreatedBy, extractDueOn, extractLocation, extractModifiedBy, extractOwnedBy, extractPersonAssignedToAsArray, extractProgrammingLanguage, extractReactCount, extractReadTime, extractSentOn, extractSourceBranch, extractStoryPoints, extractSubscriberCount, extractSubTasksProgress, extractTargetBranch, extractViewCount, extractVoteCount } from './utils';
+const extractFlexibleUiContextFromJsonLd = ({
   appearance,
   fireEvent,
   id,
@@ -37,6 +38,7 @@ const extractFlexibleUiContext = ({
       response,
       url: props.url // Use the original URL in edge cases, such as short links for AI summary and copy link actions.
     }),
+    appliedToComponentsCount: extractAppliedToComponentsCount(data),
     assignedToGroup: extractPersonAssignedToAsArray(data),
     attachmentCount: extractAttachmentCount(data),
     authorGroup: extractPersonCreatedBy(data),
@@ -76,4 +78,73 @@ const extractFlexibleUiContext = ({
     ari: extractAri(data)
   };
 };
+const extractFlexibleUiContextFromEntity = ({
+  actionOptions,
+  appearance,
+  fireEvent,
+  id,
+  origin,
+  resolve,
+  response
+} = {}) => {
+  if (!response) {
+    return undefined;
+  }
+  const data = response.data;
+  const url = extractSmartLinkUrl(response);
+  return {
+    actions: extractFlexibleCardActions({
+      response,
+      actionOptions,
+      id,
+      appearance,
+      fireEvent
+    }),
+    url,
+    ari: extractSmartLinkAri(response),
+    title: extractSmartLinkTitle(response) || url,
+    linkIcon: extractSmartLinkIcon(response),
+    preview: extractSmartLinkPreviewImage(response),
+    provider: extractSmartLinkProviderIcon(response),
+    modifiedOn: extractSmartLinkModifiedOn(response),
+    createdOn: extractSmartLinkCreatedOn(response),
+    createdBy: extractSmartLinkCreatedBy(response),
+    modifiedBy: extractSmartLinkModifiedBy(response),
+    // We need to add/remove these as we support new entity types
+    assignedToGroup: extractPersonAssignedToAsArray(data),
+    appliedToComponentsCount: extractAppliedToComponentsCount(data),
+    attachmentCount: extractAttachmentCount(data),
+    authorGroup: extractPersonCreatedBy(data),
+    ownedByGroup: extractPersonOwnedBy(data),
+    collaboratorGroup: extractPersonsUpdatedBy(data),
+    commentCount: extractCommentCount(data),
+    viewCount: extractViewCount(data),
+    reactCount: extractReactCount(data),
+    voteCount: extractVoteCount(data),
+    checklistProgress: extractChecklistProgress(data),
+    ownedBy: extractOwnedBy(data),
+    assignedTo: extractAssignedTo(data),
+    dueOn: extractDueOn(data),
+    latestCommit: extractLatestCommit(data),
+    location: extractLocation(data),
+    priority: extractPriority(data),
+    programmingLanguage: extractProgrammingLanguage(data),
+    readTime: extractReadTime(data),
+    sentOn: extractSentOn(data),
+    snippet: extractSummary(data) || undefined,
+    // Explicitly set here to remove an empty string
+    sourceBranch: extractSourceBranch(data),
+    state: extractState(response, actionOptions, id, appearance, origin, fireEvent, resolve),
+    subscriberCount: extractSubscriberCount(data),
+    subTasksProgress: extractSubTasksProgress(data),
+    storyPoints: extractStoryPoints(data),
+    targetBranch: extractTargetBranch(data)
+  };
+};
+const extractFlexibleUiContext = (props = {}) => {
+  if (fg('smart_links_noun_support')) {
+    return extractFlexibleUiContextFromEntity(props);
+  }
+  return extractFlexibleUiContextFromJsonLd(props);
+};
 export default extractFlexibleUiContext;

package/dist/es2019/extractors/flexible/utils.js

@@ -8,6 +8,7 @@ const extractValue = (data, key) => {
   return data === null || data === void 0 ? void 0 : data[key];
 };
 export const extractCommentCount = data => extractValue(data, 'schema:commentCount');
+export const extractAppliedToComponentsCount = data => extractValue(data, 'atlassian:appliedToComponentsCount');
 export const extractDueOn = data => extractValue(data, 'endTime');
 export const extractViewCount = data => extractValue(data, 'atlassian:viewCount');
 export const extractReactCount = data => extractValue(data, 'atlassian:reactCount');

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

@@ -16,6 +16,10 @@ const extractInlineIcon = (jsonLd, showIconLabel = true) => {
   }
   return extractIcon(jsonLd, 'provider', showIconLabel);
 };
+
+/**
+ * Should be moved to the smart link-extractor when jsonld is deprecated
+ */
 const extractSmartLinkInlineIcon = (response, showLabel = true) => {
   if (isEntityPresent(response)) {
     const provider = extractEntityProvider(response);
@@ -34,9 +38,9 @@ export const extractInlineProps = (response, renderers, removeTextHighlightingFr
   const jsonLd = response === null || response === void 0 ? void 0 : response.data;
   if (fg('smart_links_noun_support')) {
     return {
-      icon: extractSmartLinkInlineIcon(response, showLabel),
       link: extractSmartLinkUrl(response),
       title: extractSmartLinkTitle(response, removeTextHighlightingFromTitle),
+      icon: extractSmartLinkInlineIcon(response, showLabel),
       // As we migrate to support more nouns we can incorporate these fields
       lozenge: extractLozenge(jsonLd),
       titleTextColor: extractTitleTextColor(jsonLd),

package/dist/es2019/messages.js

@@ -130,6 +130,10 @@ export const messages = defineMessages({
     defaultMessage: 'Check this link',
     description: 'Link safety warning modal header'
   },
+  compass_applied_components_count: {
+    id: 'compass.applied_components_count.non-final',
+    defaultMessage: 'Applied to {numberOfComponents, plural, one {{numberOfComponents, number} component}  other {{numberOfComponents, number} components}}'
+  },
   connect_to: {
     id: 'fabric.linking.connect_to',
     defaultMessage: 'Connect to {name}',

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

package/dist/es2019/utils/index.js

@@ -26,7 +26,7 @@ export const getIconForFileType = fileMimeType => {
   if (!fileMimeType) {
     return;
   }
-  let icon = fg('platform-smart-card-icon-migration') ? getTypeToIconMap(fileMimeType.toLowerCase()) : typeToIcon[fileMimeType.toLowerCase()];
+  let icon = getTypeToIconMap(fileMimeType.toLowerCase());
   if (!icon) {
     return;
   }
@@ -45,67 +45,13 @@ export const getIconForFileType = fileMimeType => {
   });
 };
 export const getLabelForFileType = fileMimeType => {
-  let icon = fg('platform-smart-card-icon-migration') ? getTypeToIconMap(fileMimeType.toLowerCase()) : typeToIcon[fileMimeType.toLowerCase()];
+  let icon = getTypeToIconMap(fileMimeType.toLowerCase());
   if (!icon) {
     return;
   }
   const [label] = icon;
   return label;
 };
-const typeToIcon = {
-  'text/plain': ['Document', () => import('@atlaskit/icon-file-type/glyph/document/16')],
-  'application/vnd.oasis.opendocument.text': ['Document', () => import('@atlaskit/icon-file-type/glyph/document/16')],
-  'application/vnd.apple.pages': ['Document', () => import('@atlaskit/icon-file-type/glyph/document/16')],
-  'application/vnd.google-apps.document': ['Google Doc', () => import('@atlaskit/icon-file-type/glyph/google-doc/16')],
-  'application/msword': ['Word document', () => import('@atlaskit/icon-file-type/glyph/word-document/16')],
-  'application/vnd.openxmlformats-officedocument.wordprocessingml.document': ['Word document', () => import('@atlaskit/icon-file-type/glyph/word-document/16')],
-  'application/pdf': ['PDF document', () => import('@atlaskit/icon-file-type/glyph/pdf-document/16')],
-  'application/vnd.oasis.opendocument.spreadsheet': ['Spreadsheet', () => import('@atlaskit/icon-file-type/glyph/spreadsheet/16')],
-  'application/vnd.apple.numbers': ['Spreadsheet', () => import('@atlaskit/icon-file-type/glyph/spreadsheet/16')],
-  'application/vnd.google-apps.spreadsheet': ['Google Sheet', () => import('@atlaskit/icon-file-type/glyph/google-sheet/16')],
-  'application/vnd.ms-excel': ['Excel spreadsheet', () => import('@atlaskit/icon-file-type/glyph/excel-spreadsheet/16')],
-  'application/vnd.openxmlformats-officedocument.spreadsheetml.sheet': ['Excel spreadsheet', () => import('@atlaskit/icon-file-type/glyph/excel-spreadsheet/16')],
-  'application/vnd.oasis.opendocument.presentation': ['Presentation', () => import('@atlaskit/icon-file-type/glyph/presentation/16')],
-  'application/vnd.apple.keynote': ['Presentation', () => import('@atlaskit/icon-file-type/glyph/presentation/16')],
-  'application/vnd.google-apps.presentation': ['Google Slide', () => import('@atlaskit/icon-file-type/glyph/google-slide/16')],
-  'application/vnd.ms-powerpoint': ['PowerPoint presentation', () => import('@atlaskit/icon-file-type/glyph/powerpoint-presentation/16')],
-  'application/vnd.openxmlformats-officedocument.presentationml.presentation': ['PowerPoint presentation', () => import('@atlaskit/icon-file-type/glyph/powerpoint-presentation/16')],
-  'application/vnd.google-apps.form': ['Google Form', () => import('@atlaskit/icon-file-type/glyph/google-form/16')],
-  'image/png': ['Image', () => import('@atlaskit/icon-file-type/glyph/image/16')],
-  'image/jpeg': ['Image', () => import('@atlaskit/icon-file-type/glyph/image/16')],
-  'image/bmp': ['Image', () => import('@atlaskit/icon-file-type/glyph/image/16')],
-  'image/webp': ['Image', () => import('@atlaskit/icon-file-type/glyph/image/16')],
-  'image/svg+xml': ['Image', () => import('@atlaskit/icon-file-type/glyph/image/16')],
-  'image/gif': ['GIF', () => import('@atlaskit/icon-file-type/glyph/gif/16')],
-  'audio/midi': ['Audio', () => import('@atlaskit/icon-file-type/glyph/audio/16')],
-  'audio/mpeg': ['Audio', () => import('@atlaskit/icon-file-type/glyph/audio/16')],
-  'audio/webm': ['Audio', () => import('@atlaskit/icon-file-type/glyph/audio/16')],
-  'audio/ogg': ['Audio', () => import('@atlaskit/icon-file-type/glyph/audio/16')],
-  'audio/wav': ['Audio', () => import('@atlaskit/icon-file-type/glyph/audio/16')],
-  'video/mp4': ['Video', () => import('@atlaskit/icon-file-type/glyph/video/16')],
-  'video/quicktime': ['Video', () => import('@atlaskit/icon-file-type/glyph/video/16')],
-  'video/mov': ['Video', () => import('@atlaskit/icon-file-type/glyph/video/16')],
-  'video/webm': ['Video', () => import('@atlaskit/icon-file-type/glyph/video/16')],
-  'video/ogg': ['Video', () => import('@atlaskit/icon-file-type/glyph/video/16')],
-  'video/x-ms-wmv': ['Video', () => import('@atlaskit/icon-file-type/glyph/video/16')],
-  'video/x-msvideo': ['Video', () => import('@atlaskit/icon-file-type/glyph/video/16')],
-  'application/zip': ['Archive', () => import('@atlaskit/icon-file-type/glyph/archive/16')],
-  'application/x-tar': ['Archive', () => import('@atlaskit/icon-file-type/glyph/archive/16')],
-  'application/x-gtar': ['Archive', () => import('@atlaskit/icon-file-type/glyph/archive/16')],
-  'application/x-7z-compressed': ['Archive', () => import('@atlaskit/icon-file-type/glyph/archive/16')],
-  'application/x-apple-diskimage': ['Archive', () => import('@atlaskit/icon-file-type/glyph/archive/16')],
-  'application/vnd.rar': ['Archive', () => import('@atlaskit/icon-file-type/glyph/archive/16')],
-  'application/dmg': ['Executable', () => import('@atlaskit/icon-file-type/glyph/executable/16')],
-  'text/css': ['Source Code', () => import('@atlaskit/icon-file-type/glyph/source-code/16')],
-  'text/html': ['Source Code', () => import('@atlaskit/icon-file-type/glyph/source-code/16')],
-  'application/javascript': ['Source Code', () => import('@atlaskit/icon-file-type/glyph/source-code/16')],
-  'application/octet-stream': ['Binary file', () => import('@atlaskit/icon-file-type/glyph/generic/16')],
-  'application/invision.prototype': ['Prototype', () => import('@atlaskit/icon-file-type/glyph/generic/16')],
-  // TODO: Figure a way to detect those
-  'application/sketch': ['Sketch', () => import('@atlaskit/icon-file-type/glyph/sketch/16')],
-  folder: ['Folder', () => import('@atlaskit/icon-file-type/glyph/folder/16')]
-};
-
 // prettier-ignore
 export const getLazyIcons = () => {
   return {
@@ -283,6 +229,9 @@ export const getLazyIcons = () => {
     [IconType.CheckItem]: {
       default: () => import( /* webpackChunkName: "@atlaskit-internal_glyphAttachment" */'@atlaskit/icon/core/migration/task')
     },
+    [IconType.Component]: {
+      default: () => import( /* webpackChunkName: "@atlaskit-internal_glyphComponent" */'@atlaskit/icon/core/migration/component')
+    },
     [IconType.Comment]: {
       default: () => import( /* webpackChunkName: "@atlaskit-internal_glyphComment" */'@atlaskit/icon/core/migration/comment')
     },

package/dist/es2019/utils/mocks.js

@@ -101,7 +101,17 @@ export const mocks = {
   },
   nounDataSuccess: {
     ...jsonLdResponse,
-    ...nounDataResponse,
+    data: {
+      ...jsonLdResponse.data,
+      generator: {
+        '@type': 'Application',
+        icon: {
+          "@type": 'Image',
+          url: 'https://www.ilovecheese.com'
+        },
+        name: 'I love cheese'
+      }
+    },
     meta: {
       ...jsonLdResponse.meta,
       generator: {
@@ -110,7 +120,8 @@ export const mocks = {
           url: 'https://www.ilovecheese.com'
         }
       }
-    }
+    },
+    ...nounDataResponse
   },
   notFound: {
     meta: {

package/dist/es2019/view/BlockCard/views/ErroredView.js

@@ -1,9 +1,6 @@
 import _extends from "@babel/runtime/helpers/extends";
 import React, { useMemo } from 'react';
 import WarningIcon from '@atlaskit/icon/core/migration/warning';
-import LegacyWarningIcon from '@atlaskit/icon/glyph/warning';
-import { fg } from '@atlaskit/platform-feature-flags';
-import { R300 } from '@atlaskit/theme/colors';
 import { messages } from '../../../messages';
 import Text from '../../FlexibleCard/components/elements/text';
 import { RetryAction } from '../actions/RetryAction';
@@ -24,19 +21,11 @@ const ErroredView = ({
   return /*#__PURE__*/React.createElement(UnresolvedView, _extends({}, props, {
     actions: actions,
     testId: testId
-  }), fg('platform-smart-card-icon-migration') ? /*#__PURE__*/React.createElement(WarningIcon, {
+  }), /*#__PURE__*/React.createElement(WarningIcon, {
     label: "errored-warning-icon",
     color: "var(--ds-icon-warning, #E56910)",
     LEGACY_size: "small",
     testId: `${testId}-warning-icon`
-  }) :
-  /*#__PURE__*/
-  // eslint-disable-next-line @atlaskit/design-system/no-legacy-icons -- TODO - https://product-fabric.atlassian.net/browse/DSP-19497
-  React.createElement(LegacyWarningIcon, {
-    label: "errored-warning-icon",
-    size: "small",
-    primaryColor: `var(--ds-icon-warning, ${R300})`,
-    testId: `${testId}-warning-icon`
   }), /*#__PURE__*/React.createElement(Text, {
     maxLines: 3,
     message: {

package/dist/es2019/view/BlockCard/views/ForbiddenView.js

@@ -8,9 +8,8 @@ import { useIntl } from 'react-intl-next';
 import { useAnalyticsEvents } from '@atlaskit/analytics-next';
 import LockLockedIcon from '@atlaskit/icon/core/lock-locked';
 import LegacyLockIcon from '@atlaskit/icon/glyph/lock';
-import { extractProvider } from '@atlaskit/link-extractors';
+import { extractProvider, extractSmartLinkProvider } from '@atlaskit/link-extractors';
 import { fg } from '@atlaskit/platform-feature-flags';
-import { R300 } from '@atlaskit/theme/colors';
 import { extractRequestAccessContextImproved } from '../../../extractors/common/context/extractAccessContext';
 import extractHostname from '../../../extractors/common/hostname/extractHostname';
 import { messages } from '../../../messages';
@@ -45,7 +44,7 @@ const ForbiddenView = ({
   } = props;
   const details = cardState === null || cardState === void 0 ? void 0 : cardState.details;
   const cardMetadata = (_details$meta = details === null || details === void 0 ? void 0 : details.meta) !== null && _details$meta !== void 0 ? _details$meta : getForbiddenJsonLd().meta;
-  const provider = extractProvider(details === null || details === void 0 ? void 0 : details.data);
+  const provider = fg('smart_links_noun_support') ? extractSmartLinkProvider(details) : extractProvider(details === null || details === void 0 ? void 0 : details.data);
   const providerName = (provider === null || provider === void 0 ? void 0 : provider.text) || '';
   const messageContext = useMemo(() => {
     const hostname = /*#__PURE__*/React.createElement("b", null, extractHostname(url));
@@ -85,20 +84,12 @@ const ForbiddenView = ({
     showPreview: true,
     testId: testId,
     title: title
-  }), fg('platform-smart-card-icon-migration') ? /*#__PURE__*/React.createElement(LockLockedIcon, {
+  }), /*#__PURE__*/React.createElement(LockLockedIcon, {
     label: "forbidden-lock-icon",
     color: "var(--ds-icon-danger, #C9372C)",
     LEGACY_fallbackIcon: LegacyLockIcon,
     LEGACY_size: "small",
     testId: `${testId}-lock-icon`
-  }) :
-  /*#__PURE__*/
-  // eslint-disable-next-line @atlaskit/design-system/no-legacy-icons -- TODO - https://product-fabric.atlassian.net/browse/DSP-19497
-  React.createElement(LegacyLockIcon, {
-    label: "forbidden-lock-icon",
-    size: "small",
-    primaryColor: `var(--ds-icon-danger, ${R300})`,
-    testId: `${testId}-lock-icon`
   }), /*#__PURE__*/React.createElement(Text, {
     maxLines: 3,
     message: {

package/dist/es2019/view/BlockCard/views/NotFoundView.js

@@ -7,9 +7,8 @@ import { useMemo } from 'react';
 import { useIntl } from 'react-intl-next';
 import LockLockedIcon from '@atlaskit/icon/core/lock-locked';
 import LegacyLockIcon from '@atlaskit/icon/glyph/lock';
-import { extractProvider } from '@atlaskit/link-extractors';
+import { extractProvider, extractSmartLinkProvider } from '@atlaskit/link-extractors';
 import { fg } from '@atlaskit/platform-feature-flags';
-import { R300 } from '@atlaskit/theme/colors';
 import { messages } from '../../../messages';
 import Text from '../../FlexibleCard/components/elements/text';
 import UnresolvedView from './unresolved-view';
@@ -26,16 +25,17 @@ const NotFoundView = ({
   testId = 'smart-block-not-found-view',
   ...props
 }) => {
-  var _cardState$details2;
   const intl = useIntl();
   const {
-    cardState
+    cardState: {
+      details
+    }
   } = props;
   const product = useMemo(() => {
-    var _cardState$details, _provider$text;
-    const provider = extractProvider(cardState === null || cardState === void 0 ? void 0 : (_cardState$details = cardState.details) === null || _cardState$details === void 0 ? void 0 : _cardState$details.data);
+    var _provider$text;
+    const provider = fg('smart_links_noun_support') ? extractSmartLinkProvider(details) : extractProvider(details === null || details === void 0 ? void 0 : details.data);
     return (_provider$text = provider === null || provider === void 0 ? void 0 : provider.text) !== null && _provider$text !== void 0 ? _provider$text : '';
-  }, [cardState === null || cardState === void 0 ? void 0 : (_cardState$details2 = cardState.details) === null || _cardState$details2 === void 0 ? void 0 : _cardState$details2.data]);
+  }, [details]);
   const title = useMemo(() => intl.formatMessage(messages.not_found_title, {
     product
   }), [intl, product]);
@@ -45,20 +45,12 @@ const NotFoundView = ({
   return /*#__PURE__*/React.createElement(UnresolvedView, _extends({}, props, {
     testId: testId,
     title: title
-  }), fg('platform-smart-card-icon-migration') ? /*#__PURE__*/React.createElement(LockLockedIcon, {
+  }), /*#__PURE__*/React.createElement(LockLockedIcon, {
     label: "not-found-lock-icon",
     color: "var(--ds-icon-danger, #C9372C)",
     LEGACY_fallbackIcon: LegacyLockIcon,
     LEGACY_size: "small",
     testId: `${testId}-lock-icon`
-  }) :
-  /*#__PURE__*/
-  // eslint-disable-next-line @atlaskit/design-system/no-legacy-icons -- TODO - https://product-fabric.atlassian.net/browse/DSP-19497
-  React.createElement(LegacyLockIcon, {
-    label: "not-found-lock-icon",
-    size: "small",
-    primaryColor: `var(--ds-icon-danger, ${R300})`,
-    testId: `${testId}-lock-icon`
   }), /*#__PURE__*/React.createElement(Text, {
     message: description,
     testId: `${testId}-message`,