@atlaskit/smart-card 17.0.1 → 17.3.0

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

@@ -0,0 +1,45 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _constants = require("../../../constants");
+
+var extractJiraTaskIcon = function extractJiraTaskIcon(taskType) {
+  var label = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 'Task';
+
+  switch (taskType) {
+    case 'JiraBug':
+      return [_constants.IconType.Bug, label];
+
+    case 'JiraChange':
+      return [_constants.IconType.Change, label];
+
+    case 'JiraEpic':
+      return [_constants.IconType.Epic, label];
+
+    case 'JiraIncident':
+      return [_constants.IconType.Incident, label];
+
+    case 'JiraProblem':
+      return [_constants.IconType.Problem, label];
+
+    case 'JiraServiceRequest':
+      return [_constants.IconType.ServiceRequest, label];
+
+    case 'JiraStory':
+      return [_constants.IconType.Story, label];
+
+    case 'JiraSubTask':
+      return [_constants.IconType.SubTask, label];
+
+    case 'JiraTask':
+    default:
+      return [_constants.IconType.Task, label];
+  }
+};
+
+var _default = extractJiraTaskIcon;
+exports.default = _default;

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

@@ -0,0 +1,123 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _constants = require("../../constants");
+
+var _extractDocumentTypeIcon = _interopRequireDefault(require("./extract-document-type-icon"));
+
+var _extractFileFormatIcon = _interopRequireDefault(require("./extract-file-formatIcon"));
+
+var _extractJiraTaskIcon = _interopRequireDefault(require("./extract-jira-task-icon"));
+
+var _extractProviderIcon = _interopRequireDefault(require("./extract-provider-icon"));
+
+var _extractUrlIcon = _interopRequireDefault(require("./extract-url-icon"));
+
+var _lozenge = require("../../common/lozenge");
+
+var _primitives = require("../../common/primitives");
+
+var _priority = require("../../common/icon/priority");
+
+var _constants2 = require("../../../constants");
+
+var extractTask = function extractTask(data, label) {
+  var _ref = (0, _lozenge.extractTaskType)(data) || {},
+      id = _ref.id,
+      url = _ref.icon;
+
+  var taskType = id === null || id === void 0 ? void 0 : id.split('#').pop();
+  var taskIcon = url ? [undefined, label, 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) {
+    return _priority.extractorPriorityMap[b] - _priority.extractorPriorityMap[a];
+  })[0] : type;
+};
+
+var isConfluenceProvider = function isConfluenceProvider(provider) {
+  return provider === _constants.CONFLUENCE_GENERATOR_ID;
+};
+
+var isJiraProvider = function isJiraProvider(provider) {
+  return provider === _constants.JIRA_GENERATOR_ID;
+};
+
+var isNativeProvider = function isNativeProvider(provider) {
+  return isConfluenceProvider(provider) || isJiraProvider(provider);
+};
+
+var extractJsonldDataIcon = function extractJsonldDataIcon(data) {
+  var generator = data.generator;
+  var label = (0, _primitives.extractTitle)(data);
+  var type = extractType(data);
+  var urlIcon = (0, _extractUrlIcon.default)(data.icon, label);
+  var provider = generator === null || generator === void 0 ? void 0 : generator['@id'];
+  var providerIcon = (0, _extractProviderIcon.default)(provider, generator === null || generator === void 0 ? void 0 : generator.icon, label);
+
+  switch (type) {
+    case 'Document':
+    case 'schema:BlogPosting':
+    case 'schema:DigitalDocument':
+    case 'schema:TextDigitalDocument':
+    case 'schema:PresentationDigitalDocument':
+    case 'schema:SpreadsheetDigitalDocument':
+    case 'atlassian:Template':
+    case 'atlassian:UndefinedLink':
+      // If we encounter a native provider, we privilege the
+      // icon generated by its mime type and document type.
+      // Otherwise, we privilege the provider icon,
+      // followed by mime type and document type icon.
+      var documentData = data;
+      var fileFormat = documentData === null || documentData === void 0 ? void 0 : documentData['schema:fileFormat'];
+      var fileFormatIcon = (0, _extractFileFormatIcon.default)(fileFormat);
+      var documentTypeIcon = (0, _extractDocumentTypeIcon.default)(type, label);
+      return isNativeProvider(provider) ? fileFormatIcon || documentTypeIcon || providerIcon : providerIcon || fileFormatIcon || documentTypeIcon;
+
+    case 'atlassian:Task':
+      var taskLabel = label || 'Task';
+
+      if (isJiraProvider(provider)) {
+        var _extractTask = extractTask(data),
+            taskType = _extractTask.taskType,
+            taskIcon = _extractTask.taskIcon;
+
+        return taskType === 'JiraCustomTaskType' ? taskIcon || urlIcon || providerIcon || [_constants2.IconType.Task, taskLabel] : (0, _extractJiraTaskIcon.default)(taskType, taskLabel);
+      }
+
+      return [_constants2.IconType.Task, taskLabel];
+
+    case 'atlassian:Project':
+      return urlIcon || [_constants2.IconType.Project, label || 'Project'];
+
+    case 'atlassian:SourceCodeCommit':
+      return [_constants2.IconType.Commit, label || 'Commit'];
+
+    case 'atlassian:SourceCodePullRequest':
+      return [_constants2.IconType.PullRequest, label || 'Pull request'];
+
+    case 'atlassian:SourceCodeReference':
+      return [_constants2.IconType.Branch, label || 'Reference'];
+
+    case 'atlassian:SourceCodeRepository':
+      return [_constants2.IconType.Repo, label || 'Repository'];
+
+    default:
+      return providerIcon;
+  }
+};
+
+var _default = extractJsonldDataIcon;
+exports.default = _default;

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

@@ -0,0 +1,29 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _constants = require("../../constants");
+
+var _constants2 = require("../../../constants");
+
+var _extractUrlIcon = _interopRequireDefault(require("./extract-url-icon"));
+
+var extractProviderIcon = function extractProviderIcon(provider, icon, label) {
+  if (provider === _constants.CONFLUENCE_GENERATOR_ID) {
+    return [_constants2.IconType.Confluence, label || 'Confluence'];
+  }
+
+  if (provider === _constants.JIRA_GENERATOR_ID) {
+    return [_constants2.IconType.Jira, label || 'Jira'];
+  }
+
+  return (0, _extractUrlIcon.default)(icon, label);
+};
+
+var _default = extractProviderIcon;
+exports.default = _default;

package/dist/cjs/extractors/flexible/icon/extract-url-icon.js

@@ -0,0 +1,16 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _utils = require("../../common/utils");
+
+var extractUrlIcon = function extractUrlIcon(icon, label) {
+  var url = icon && (0, _utils.extractUrlFromIconJsonLd)(icon);
+  return url ? [undefined, label, url] : undefined;
+};
+
+var _default = extractUrlIcon;
+exports.default = _default;

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

@@ -0,0 +1,82 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.extractLinkIcon = exports.extractErrorIcon = void 0;
+
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+
+var _extractJsonldDataIcon = _interopRequireDefault(require("./extract-jsonld-data-icon"));
+
+var _extractProviderIcon = _interopRequireDefault(require("./extract-provider-icon"));
+
+var _constants = require("../../../constants");
+
+var _extractIconRenderer = _interopRequireDefault(require("./extract-icon-renderer"));
+
+var extractLinkIcon = function extractLinkIcon(response, renderers) {
+  var data = response.data;
+
+  var _ref = (0, _extractJsonldDataIcon.default)(data) || [],
+      _ref2 = (0, _slicedToArray2.default)(_ref, 3),
+      icon = _ref2[0],
+      label = _ref2[1],
+      url = _ref2[2];
+
+  var render = (0, _extractIconRenderer.default)(data, renderers);
+  return {
+    icon: icon,
+    label: label,
+    render: render,
+    url: url
+  };
+};
+
+exports.extractLinkIcon = extractLinkIcon;
+
+var extractErrorIcon = function extractErrorIcon(response, status) {
+  // Try to get provider icon first.
+  if (response) {
+    var data = response.data;
+    var generator = data.generator;
+    var provider = generator === null || generator === void 0 ? void 0 : generator['@id'];
+
+    var _ref3 = (0, _extractProviderIcon.default)(provider, generator === null || generator === void 0 ? void 0 : generator.icon) || [],
+        _ref4 = (0, _slicedToArray2.default)(_ref3, 3),
+        icon = _ref4[0],
+        url = _ref4[2];
+
+    if (icon || url) {
+      return {
+        icon: icon,
+        url: url
+      };
+    }
+  } // Otherwise, use fallback icon for each status.
+
+
+  switch (status) {
+    case _constants.SmartLinkStatus.Forbidden:
+    case _constants.SmartLinkStatus.Unauthorized:
+      return {
+        icon: _constants.IconType.Forbidden
+      };
+
+    case _constants.SmartLinkStatus.NotFound:
+      return {
+        icon: _constants.IconType.Error
+      };
+
+    case _constants.SmartLinkStatus.Errored:
+    case _constants.SmartLinkStatus.Fallback:
+    default:
+      return {
+        icon: _constants.IconType.Default
+      };
+  }
+};
+
+exports.extractErrorIcon = extractErrorIcon;

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

@@ -1,5 +1,7 @@
 "use strict";
 
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
@@ -7,14 +9,44 @@ exports.default = void 0;
 
 var _primitives = require("../common/primitives");
 
-var extractFlexibleUiContext = function extractFlexibleUiContext(response) {
+var _lozenge = require("../common/lozenge");
+
+var _icon = require("./icon");
+
+var _utils = require("./utils");
+
+var _person = require("../common/person");
+
+var _collaboratorGroup = require("./collaboratorGroup");
+
+var _extractDateUpdated = require("../common/date/extractDateUpdated");
+
+var _extractDateCreated = require("../common/date/extractDateCreated");
+
+var _extractPriority = _interopRequireDefault(require("./extract-priority"));
+
+var extractFlexibleUiContext = function extractFlexibleUiContext(response, renderers) {
   if (!response) {
     return undefined;
   }
 
   var data = response.data;
+  var url = (0, _primitives.extractLink)(data);
   return {
-    title: (0, _primitives.extractTitle)(data)
+    authorGroup: (0, _person.extractPersonCreatedBy)(data),
+    collaboratorGroup: (0, _collaboratorGroup.extractPersonsUpdatedBy)(data),
+    commentCount: (0, _utils.extractCommentCount)(data),
+    createdBy: (0, _utils.extractCreatedBy)(data),
+    createdOn: (0, _extractDateCreated.extractDateCreated)(data),
+    linkIcon: (0, _icon.extractLinkIcon)(response, renderers),
+    modifiedBy: (0, _utils.extractModifiedBy)(data),
+    modifiedOn: (0, _extractDateUpdated.extractDateUpdated)(data),
+    priority: (0, _extractPriority.default)(data),
+    programmingLanguage: (0, _utils.extractProgrammingLanguage)(data),
+    state: (0, _lozenge.extractLozenge)(data),
+    subscriberCount: (0, _utils.extractSubscriberCount)(data),
+    title: (0, _primitives.extractTitle)(data) || url,
+    url: url
   };
 };
 

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

@@ -0,0 +1,50 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.extractSubscriberCount = exports.extractProgrammingLanguage = exports.extractModifiedBy = exports.extractCreatedBy = exports.extractCommentCount = void 0;
+
+var _person = require("../common/person");
+
+var extractValue = function extractValue(data, key) {
+  return data === null || data === void 0 ? void 0 : data[key];
+};
+
+var extractCommentCount = function extractCommentCount(data) {
+  return extractValue(data, 'schema:commentCount');
+};
+
+exports.extractCommentCount = extractCommentCount;
+
+var extractCreatedBy = function extractCreatedBy(data) {
+  var persons = (0, _person.extractPersonCreatedBy)(data);
+
+  if (persons && persons.length) {
+    return persons[0].name;
+  }
+};
+
+exports.extractCreatedBy = extractCreatedBy;
+
+var extractModifiedBy = function extractModifiedBy(data) {
+  var person = (0, _person.extractPersonUpdatedBy)(data);
+
+  if (person) {
+    return person.name;
+  }
+};
+
+exports.extractModifiedBy = extractModifiedBy;
+
+var extractProgrammingLanguage = function extractProgrammingLanguage(data) {
+  return extractValue(data, 'schema:programmingLanguage');
+};
+
+exports.extractProgrammingLanguage = extractProgrammingLanguage;
+
+var extractSubscriberCount = function extractSubscriberCount(data) {
+  return extractValue(data, 'atlassian:subscriberCount');
+};
+
+exports.extractSubscriberCount = extractSubscriberCount;

package/dist/cjs/index.js

@@ -11,6 +11,12 @@ Object.defineProperty(exports, "APIError", {
     return _errors.APIError;
   }
 });
+Object.defineProperty(exports, "ActionName", {
+  enumerable: true,
+  get: function get() {
+    return _constants.ActionName;
+  }
+});
 Object.defineProperty(exports, "Card", {
   enumerable: true,
   get: function get() {
@@ -35,12 +41,24 @@ Object.defineProperty(exports, "EditorCardProvider", {
     return _editor.EditorCardProvider;
   }
 });
+Object.defineProperty(exports, "ElementName", {
+  enumerable: true,
+  get: function get() {
+    return _constants.ElementName;
+  }
+});
 Object.defineProperty(exports, "EmbedResizeMessageListener", {
   enumerable: true,
   get: function get() {
     return _EmbedResizeMessageListener.EmbedResizeMessageListener;
   }
 });
+Object.defineProperty(exports, "MetadataBlock", {
+  enumerable: true,
+  get: function get() {
+    return _blocks.MetadataBlock;
+  }
+});
 Object.defineProperty(exports, "Provider", {
   enumerable: true,
   get: function get() {
@@ -53,12 +71,42 @@ Object.defineProperty(exports, "SmartCardContext", {
     return _state.SmartCardContext;
   }
 });
+Object.defineProperty(exports, "SmartLinkDirection", {
+  enumerable: true,
+  get: function get() {
+    return _constants.SmartLinkDirection;
+  }
+});
 Object.defineProperty(exports, "SmartLinkEvents", {
   enumerable: true,
   get: function get() {
     return _analytics.SmartLinkEvents;
   }
 });
+Object.defineProperty(exports, "SmartLinkPosition", {
+  enumerable: true,
+  get: function get() {
+    return _constants.SmartLinkPosition;
+  }
+});
+Object.defineProperty(exports, "SmartLinkSize", {
+  enumerable: true,
+  get: function get() {
+    return _constants.SmartLinkSize;
+  }
+});
+Object.defineProperty(exports, "SmartLinkTheme", {
+  enumerable: true,
+  get: function get() {
+    return _constants.SmartLinkTheme;
+  }
+});
+Object.defineProperty(exports, "TitleBlock", {
+  enumerable: true,
+  get: function get() {
+    return _blocks.TitleBlock;
+  }
+});
 Object.defineProperty(exports, "blockCardContentClassName", {
   enumerable: true,
   get: function get() {
@@ -140,7 +188,7 @@ Object.defineProperty(exports, "editorCardProvider", {
 Object.defineProperty(exports, "embedHeaderHeight", {
   enumerable: true,
   get: function get() {
-    return _embeds.embedHeaderHeight;
+    return _styled.embedHeaderHeight;
   }
 });
 Object.defineProperty(exports, "loadingPlaceholderClassName", {
@@ -176,12 +224,16 @@ var _context = _interopRequireDefault(require("./state/context"));
 
 var _EmbedResizeMessageListener = require("./view/EmbedCard/EmbedResizeMessageListener");
 
-var _embeds = require("@atlaskit/media-ui/embeds");
+var _styled = require("./view/EmbedCard/components/styled");
 
 var _analytics = require("./utils/analytics/analytics");
 
 var _useSmartLinkEvents = require("./view/SmartLinkEvents/useSmartLinkEvents");
 
-var _classNames = require("@atlaskit/media-ui/classNames");
+var _classNames = require("./classNames");
+
+var _LazyFallback = require("./view/CardWithUrl/component-lazy/LazyFallback");
+
+var _constants = require("./constants");
 
-var _LazyFallback = require("./view/CardWithUrl/component-lazy/LazyFallback");
+var _blocks = require("./view/FlexibleCard/components/blocks");

package/dist/cjs/messages.js

@@ -0,0 +1,137 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.messages = void 0;
+
+var _reactIntlNext = require("react-intl-next");
+
+var messages = (0, _reactIntlNext.defineMessages)({
+  cannot_connect: {
+    id: 'fabric.linking.cannot_connect',
+    defaultMessage: "Can't connect, try again",
+    description: 'Error for when a provided link is not found.'
+  },
+  cannot_find_link: {
+    id: 'fabric.linking.cannot_find_link',
+    defaultMessage: "Can't find link",
+    description: 'Error for when a provided link is not found.'
+  },
+  click_to_join: {
+    id: 'fabric.linking.click_to_join',
+    defaultMessage: 'Join {context} to view this issue',
+    description: 'Allows the user join the product or service immediately'
+  },
+  connect_link_account: {
+    id: 'fabric.linking.connect_link_account',
+    defaultMessage: 'Connect to preview',
+    description: 'Shown when a user does not have access to a link, but can connect their external account to view the link.'
+  },
+  created_by: {
+    id: 'fabric.linking.created_by',
+    defaultMessage: 'Created by {context}',
+    description: 'Indicates the person or entity that created the resource.'
+  },
+  created_on: {
+    id: 'fabric.linking.create_on',
+    defaultMessage: 'Created {context}',
+    description: 'Indicated when entity was created'
+  },
+  delete: {
+    id: 'fabric.linking.delete',
+    defaultMessage: 'Delete',
+    description: 'Allow a user to delete a link'
+  },
+  modified_by: {
+    id: 'fabric.linking.updated_by',
+    defaultMessage: 'Modified by {context}',
+    description: 'Indicates the person or entity that modified the resource.'
+  },
+  modified_on: {
+    id: 'fabric.linking.modified_on',
+    defaultMessage: 'Updated {context}',
+    description: 'Indicated when entity was modified'
+  },
+  priority_blocker: {
+    id: 'fabric.linking.priority_blocker',
+    defaultMessage: 'Blocker',
+    description: 'Indicated priority as blocker'
+  },
+  priority_critical: {
+    id: 'fabric.linking.priority_critical',
+    defaultMessage: 'Critical',
+    description: 'Indicated priority as critical'
+  },
+  priority_high: {
+    id: 'fabric.linking.priority_high',
+    defaultMessage: 'High',
+    description: 'Indicated priority as high'
+  },
+  priority_highest: {
+    id: 'fabric.linking.priority_highest',
+    defaultMessage: 'Highest',
+    description: 'Indicated priority as highest'
+  },
+  priority_low: {
+    id: 'fabric.linking.priority_low',
+    defaultMessage: 'Low',
+    description: 'Indicated priority as low'
+  },
+  priority_lowest: {
+    id: 'fabric.linking.priority_lowest',
+    defaultMessage: 'Lowest',
+    description: 'Indicated priority as lowest'
+  },
+  priority_major: {
+    id: 'fabric.linking.priority_major',
+    defaultMessage: 'Major',
+    description: 'Indicated priority as major'
+  },
+  priority_medium: {
+    id: 'fabric.linking.priority_medium',
+    defaultMessage: 'Medium',
+    description: 'Indicated priority as medium'
+  },
+  priority_minor: {
+    id: 'fabric.linking.priority_minor',
+    defaultMessage: 'Minor',
+    description: 'Indicated priority as minor'
+  },
+  priority_trivial: {
+    id: 'fabric.linking.priority_trivial',
+    defaultMessage: 'Trivial',
+    description: 'Indicated priority as trivial'
+  },
+  priority_undefined: {
+    id: 'fabric.linking.priority_undefined',
+    defaultMessage: 'Undefined',
+    description: 'Indicated priority as unknown'
+  },
+  forbidden_access: {
+    id: 'fabric.linking.forbidden_access',
+    defaultMessage: 'Your access is forbidden',
+    description: 'Shown when a user does not have access to a resource behind the link.'
+  },
+  pending_request: {
+    id: 'fabric.linking.pending_request',
+    defaultMessage: 'Your access request is pending',
+    description: 'Shown when a user has requested an access but status is pending.'
+  },
+  restricted_link: {
+    id: 'fabric.linking.invalid_permissions',
+    defaultMessage: 'Restricted link, try another account',
+    description: 'Message shown when a user does not have permissions to view an item'
+  },
+  request_access: {
+    id: 'fabric.linking.request_access',
+    defaultMessage: 'Request access to {context} to view this issue',
+    description: 'Allows the user to request access to a product or service'
+  },
+  request_denied: {
+    id: 'fabric.linking.request_denied',
+    defaultMessage: 'Your access request was denied',
+    description: 'The user had request access but the request was denied by a product or service'
+  }
+});
+exports.messages = messages;

package/dist/cjs/providers/editor/transformer.js

@@ -20,7 +20,7 @@ var isPolarisView = function isPolarisView(url) {
 };
 
 var isJwmView = function isJwmView(url) {
-  return url.match(/^https:\/\/.*?\/jira\/core\/projects\/[^\/]+?\/(timeline|calendar)\/?/);
+  return url.match(/^https:\/\/.*?\/jira\/core\/projects\/[^\/]+?\/(timeline|calendar|list|board)\/?/);
 };
 
 var isSlackMessage = function isSlackMessage(url) {