@atlaskit/smart-card 38.4.5 → 38.5.1

package/dist/cjs/view/FlexibleCard/components/elements/story-points-element/index.js

@@ -0,0 +1,20 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+var _react = _interopRequireDefault(require("react"));
+var _constants = require("../../../../../constants");
+var _flexibleUiContext = require("../../../../../state/flexible-ui-context");
+var _common = require("../common");
+var StoryPointsElement = function StoryPointsElement(props) {
+  var context = (0, _flexibleUiContext.useFlexibleUiContext)();
+  var data = context ? (0, _common.toAtlaskitBadgeProps)(context.storyPoints) : null;
+  return data ? /*#__PURE__*/_react.default.createElement(_common.BaseAtlaskitBadgeElement, (0, _extends2.default)({}, data, props, {
+    name: _constants.ElementName.StoryPoints
+  })) : null;
+};
+var _default = exports.default = StoryPointsElement;

package/dist/cjs/view/FlexibleCard/components/elements/sub-tasks-progress-element/index.js

@@ -0,0 +1,23 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+var _react = _interopRequireDefault(require("react"));
+var _constants = require("../../../../../constants");
+var _flexibleUiContext = require("../../../../../state/flexible-ui-context");
+var _common = require("../common");
+var SubTasksProgressElement = function SubTasksProgressElement(props) {
+  var _context$subTasksProg;
+  var context = (0, _flexibleUiContext.useFlexibleUiContext)();
+  var data = context ? (0, _common.toBadgeProps)((_context$subTasksProg = context.subTasksProgress) === null || _context$subTasksProg === void 0 ? void 0 : _context$subTasksProg.toString()) : null;
+  return data ? /*#__PURE__*/_react.default.createElement(_common.BaseBadgeElement, (0, _extends2.default)({
+    icon: _constants.IconType.SubTasksProgress
+  }, data, props, {
+    name: _constants.ElementName.SubTasksProgress
+  })) : null;
+};
+var _default = exports.default = SubTasksProgressElement;

package/dist/cjs/view/FlexibleCard/components/elements/subscriber-count-element/index.js

@@ -0,0 +1,23 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+var _react = _interopRequireDefault(require("react"));
+var _constants = require("../../../../../constants");
+var _flexibleUiContext = require("../../../../../state/flexible-ui-context");
+var _common = require("../common");
+var SubscriberCountElement = function SubscriberCountElement(props) {
+  var _context$subscriberCo;
+  var context = (0, _flexibleUiContext.useFlexibleUiContext)();
+  var data = context ? (0, _common.toBadgeProps)((_context$subscriberCo = context.subscriberCount) === null || _context$subscriberCo === void 0 ? void 0 : _context$subscriberCo.toString()) : null;
+  return data ? /*#__PURE__*/_react.default.createElement(_common.BaseBadgeElement, (0, _extends2.default)({
+    icon: _constants.IconType.Subscriber
+  }, data, props, {
+    name: _constants.ElementName.SubscriberCount
+  })) : null;
+};
+var _default = exports.default = SubscriberCountElement;

package/dist/cjs/view/FlexibleCard/components/elements/target-branch-element/index.js

@@ -0,0 +1,20 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+var _react = _interopRequireDefault(require("react"));
+var _constants = require("../../../../../constants");
+var _flexibleUiContext = require("../../../../../state/flexible-ui-context");
+var _common = require("../common");
+var TargetBranchElement = function TargetBranchElement(props) {
+  var context = (0, _flexibleUiContext.useFlexibleUiContext)();
+  var data = context ? (0, _common.toTextProps)(context.targetBranch) : null;
+  return data ? /*#__PURE__*/_react.default.createElement(_common.BaseTextElement, (0, _extends2.default)({}, data, props, {
+    name: _constants.ElementName.TargetBranch
+  })) : null;
+};
+var _default = exports.default = TargetBranchElement;

package/dist/cjs/view/FlexibleCard/components/elements/title-element/index.js

@@ -0,0 +1,20 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+var _react = _interopRequireDefault(require("react"));
+var _constants = require("../../../../../constants");
+var _flexibleUiContext = require("../../../../../state/flexible-ui-context");
+var _common = require("../common");
+var TitleElement = function TitleElement(props) {
+  var context = (0, _flexibleUiContext.useFlexibleUiContext)();
+  var data = context ? (0, _common.toLinkProps)(context.title, context.url) : null;
+  return data ? /*#__PURE__*/_react.default.createElement(_common.BaseLinkElement, (0, _extends2.default)({}, data, props, {
+    name: _constants.ElementName.Title
+  })) : null;
+};
+var _default = exports.default = TitleElement;

package/dist/cjs/view/FlexibleCard/components/elements/utils.js

@@ -10,22 +10,56 @@ var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends")
 var _typeof2 = _interopRequireDefault(require("@babel/runtime/helpers/typeof"));
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _react = _interopRequireWildcard(require("react"));
-var _reactIntlNext = require("react-intl-next");
 var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 var _constants = require("../../../../constants");
 var _messages = require("../../../../messages");
 var _flexibleUiContext = require("../../../../state/flexible-ui-context");
-var _utils = require("../../../../utils");
 var _appliedToComponentsCountElement = _interopRequireDefault(require("./applied-to-components-count-element"));
-var _atlaskitBadgeElement = _interopRequireDefault(require("./atlaskit-badge-element"));
+var _assignedToElement = _interopRequireDefault(require("./assigned-to-element"));
+var _assignedToGroupElement = _interopRequireDefault(require("./assigned-to-group-element"));
+var _attachmentCountElement = _interopRequireDefault(require("./attachment-count-element"));
+var _authorGroupElement = _interopRequireDefault(require("./author-group-element"));
+var _checklistProgressElement = _interopRequireDefault(require("./checklist-progress-element"));
+var _collaboratorGroupElement = _interopRequireDefault(require("./collaborator-group-element"));
+var _commentCountElement = _interopRequireDefault(require("./comment-count-element"));
 var _common = require("./common");
-var _iconElement = _interopRequireDefault(require("./icon-element"));
+var _createdByElement = _interopRequireDefault(require("./created-by-element"));
+var _createdOnElement = _interopRequireDefault(require("./created-on-element"));
+var _dueOnElement = _interopRequireDefault(require("./due-on-element"));
+var _latestCommitElement = _interopRequireDefault(require("./latest-commit-element"));
+var _linkIconElement = _interopRequireDefault(require("./link-icon-element"));
+var _locationElement = _interopRequireDefault(require("./location-element"));
 var _mediaElement = _interopRequireDefault(require("./media-element"));
+var _modifiedByElement = _interopRequireDefault(require("./modified-by-element"));
+var _modifiedOnElement = _interopRequireDefault(require("./modified-on-element"));
+var _ownedByElement = _interopRequireDefault(require("./owned-by-element"));
+var _ownedByGroupElement = _interopRequireDefault(require("./owned-by-group-element"));
+var _previewElement = _interopRequireDefault(require("./preview-element"));
+var _priorityElement = _interopRequireDefault(require("./priority-element"));
+var _programmingLanguageElement = _interopRequireDefault(require("./programming-language-element"));
+var _providerElement = _interopRequireDefault(require("./provider-element"));
+var _reactCountElement = _interopRequireDefault(require("./react-count-element"));
+var _readTimeElement = _interopRequireDefault(require("./read-time-element"));
+var _sentOnElement = _interopRequireDefault(require("./sent-on-element"));
+var _sourceBranchElement = _interopRequireDefault(require("./source-branch-element"));
+var _stateElement = _interopRequireDefault(require("./state-element"));
+var _storyPointsElement = _interopRequireDefault(require("./story-points-element"));
+var _subTasksProgressElement = _interopRequireDefault(require("./sub-tasks-progress-element"));
+var _subscriberCountElement = _interopRequireDefault(require("./subscriber-count-element"));
+var _targetBranchElement = _interopRequireDefault(require("./target-branch-element"));
+var _titleElement = _interopRequireDefault(require("./title-element"));
+var _viewCountElement = _interopRequireDefault(require("./view-count-element"));
+var _voteCountElement = _interopRequireDefault(require("./vote-count-element"));
 var _elementMappings;
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof3(e) && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
-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) { (0, _defineProperty2.default)(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; }
+/**
+ * @deprecated remove on FG clean up platform-linking-flexible-card-elements-refactor
+ */
+
+/**
+ * @deprecated remove on FG clean up platform-linking-flexible-card-elements-refactor
+ */
 var elementMappings = (_elementMappings = {}, (0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)(_elementMappings, _constants.ElementName.AppliedToComponentsCount, {
   component: _appliedToComponentsCountElement.default,
   props: {
@@ -35,105 +69,138 @@ var elementMappings = (_elementMappings = {}, (0, _defineProperty2.default)((0,
   component: _common.BaseBadgeElement,
   props: {
     icon: _constants.IconType.Attachment
-  }
+  },
+  newComponent: _attachmentCountElement.default
 }), _constants.ElementName.AuthorGroup, {
-  component: _common.BaseAvatarGroupElement
+  component: _common.BaseAvatarGroupElement,
+  newComponent: _authorGroupElement.default
 }), _constants.ElementName.ChecklistProgress, {
   component: _common.BaseBadgeElement,
   props: {
     icon: _constants.IconType.CheckItem
-  }
+  },
+  newComponent: _checklistProgressElement.default
 }), _constants.ElementName.CollaboratorGroup, {
-  component: _common.BaseAvatarGroupElement
+  component: _common.BaseAvatarGroupElement,
+  newComponent: _collaboratorGroupElement.default
 }), _constants.ElementName.CommentCount, {
   component: _common.BaseBadgeElement,
   props: {
     icon: _constants.IconType.Comment
-  }
+  },
+  newComponent: _commentCountElement.default
 }), _constants.ElementName.ViewCount, {
   component: _common.BaseBadgeElement,
   props: {
     icon: _constants.IconType.View
-  }
+  },
+  newComponent: _viewCountElement.default
 }), _constants.ElementName.ReactCount, {
   component: _common.BaseBadgeElement,
   props: {
     icon: _constants.IconType.React
-  }
+  },
+  newComponent: _reactCountElement.default
 }), _constants.ElementName.VoteCount, {
   component: _common.BaseBadgeElement,
   props: {
     icon: _constants.IconType.Vote
-  }
+  },
+  newComponent: _voteCountElement.default
 }), _constants.ElementName.CreatedBy, {
-  component: _common.BaseTextElement
+  component: _common.BaseTextElement,
+  newComponent: _createdByElement.default
 }), (0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)(_elementMappings, _constants.ElementName.OwnedBy, {
-  component: _common.BaseTextElement
+  component: _common.BaseTextElement,
+  newComponent: _ownedByElement.default
 }), _constants.ElementName.AssignedTo, {
-  component: _common.BaseTextElement
+  component: _common.BaseTextElement,
+  newComponent: _assignedToElement.default
 }), _constants.ElementName.AssignedToGroup, {
-  component: _common.BaseAvatarGroupElement
+  component: _common.BaseAvatarGroupElement,
+  newComponent: _assignedToGroupElement.default
 }), _constants.ElementName.OwnedByGroup, {
-  component: _common.BaseAvatarGroupElement
+  component: _common.BaseAvatarGroupElement,
+  newComponent: _ownedByGroupElement.default
 }), _constants.ElementName.CreatedOn, {
-  component: _common.BaseDateTimeElement
+  component: _common.BaseDateTimeElement,
+  newComponent: _createdOnElement.default
 }), _constants.ElementName.DueOn, {
-  component: _common.BaseLozengeElement
+  component: _common.BaseLozengeElement,
+  newComponent: _dueOnElement.default
 }), _constants.ElementName.LatestCommit, {
   component: _common.BaseBadgeElement,
   props: {
     icon: _constants.IconType.Commit
-  }
+  },
+  newComponent: _latestCommitElement.default
 }), _constants.ElementName.LinkIcon, {
-  component: _iconElement.default
+  component: _common.BaseIconElement,
+  newComponent: _linkIconElement.default
 }), _constants.ElementName.ModifiedBy, {
-  component: _common.BaseTextElement
+  component: _common.BaseTextElement,
+  newComponent: _modifiedByElement.default
 }), _constants.ElementName.ModifiedOn, {
-  component: _common.BaseDateTimeElement
+  component: _common.BaseDateTimeElement,
+  newComponent: _modifiedOnElement.default
 }), (0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)(_elementMappings, _constants.ElementName.Preview, {
-  component: _mediaElement.default
+  component: _mediaElement.default,
+  newComponent: _previewElement.default
 }), _constants.ElementName.Priority, {
-  component: _common.BaseBadgeElement
+  component: _common.BaseBadgeElement,
+  newComponent: _priorityElement.default
 }), _constants.ElementName.ProgrammingLanguage, {
   component: _common.BaseBadgeElement,
   props: {
     icon: _constants.IconType.ProgrammingLanguage
-  }
+  },
+  newComponent: _programmingLanguageElement.default
 }), _constants.ElementName.Provider, {
-  component: _common.BaseBadgeElement
+  component: _common.BaseBadgeElement,
+  newComponent: _providerElement.default
 }), _constants.ElementName.ReadTime, {
-  component: _common.BaseTextElement
+  component: _common.BaseTextElement,
+  newComponent: _readTimeElement.default
 }), _constants.ElementName.SentOn, {
-  component: _common.BaseDateTimeElement
+  component: _common.BaseDateTimeElement,
+  newComponent: _sentOnElement.default
 }), _constants.ElementName.SourceBranch, {
-  component: _common.BaseTextElement
+  component: _common.BaseTextElement,
+  newComponent: _sourceBranchElement.default
 }), _constants.ElementName.State, {
-  component: _common.BaseLozengeElement
+  component: _common.BaseLozengeElement,
+  newComponent: _stateElement.default
 }), _constants.ElementName.SubscriberCount, {
   component: _common.BaseBadgeElement,
   props: {
     icon: _constants.IconType.Subscriber
-  }
+  },
+  newComponent: _subscriberCountElement.default
 }), _constants.ElementName.SubTasksProgress, {
   component: _common.BaseBadgeElement,
   props: {
     icon: _constants.IconType.SubTasksProgress
-  }
+  },
+  newComponent: _subTasksProgressElement.default
 }), (0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)(_elementMappings, _constants.ElementName.StoryPoints, {
-  component: _atlaskitBadgeElement.default
+  component: _common.BaseAtlaskitBadgeElement,
+  newComponent: _storyPointsElement.default
 }), _constants.ElementName.TargetBranch, {
-  component: _common.BaseTextElement
+  component: _common.BaseTextElement,
+  newComponent: _targetBranchElement.default
 }), _constants.ElementName.Title, {
-  component: _common.BaseLinkElement
+  component: _common.BaseLinkElement,
+  newComponent: _titleElement.default
 }), _constants.ElementName.Location, {
   component: _common.BaseLinkElement,
   props: {
     theme: _constants.SmartLinkInternalTheme.Grey
-  }
+  },
+  newComponent: _locationElement.default
 }));
 
 /**
- * @deprecated
+ * @deprecated remove on FG clean up platform-linking-flexible-card-elements-refactor
  */
 var getContextKey = function getContextKey(name) {
   // Attempt to predict context prop name in advance to reduce the amount of
@@ -142,7 +209,7 @@ var getContextKey = function getContextKey(name) {
 };
 
 /**
- * @deprecated
+ * @deprecated remove on FG clean up platform-linking-flexible-card-elements-refactor
  */
 var getData = function getData(elementName, contextKey, context) {
   if (!context) {
@@ -156,7 +223,7 @@ var getData = function getData(elementName, contextKey, context) {
     case _constants.ElementName.OwnedByGroup:
       var AvatarGroupsWithFallback = [_constants.ElementName.AssignedToGroup];
       var showFallbackAvatar = AvatarGroupsWithFallback.includes(elementName);
-      return toAvatarGroupProps(data, showFallbackAvatar);
+      return (0, _common.toAvatarGroupProps)(data, showFallbackAvatar);
     case _constants.ElementName.AppliedToComponentsCount:
     case _constants.ElementName.AttachmentCount:
     case _constants.ElementName.ChecklistProgress:
@@ -168,130 +235,53 @@ var getData = function getData(elementName, contextKey, context) {
     case _constants.ElementName.SubscriberCount:
     case _constants.ElementName.LatestCommit:
     case _constants.ElementName.SubTasksProgress:
-      return toBadgeProps(data);
+      return (0, _common.toBadgeProps)(data);
     case _constants.ElementName.StoryPoints:
-      return toAtlaskitBadgeProps(data);
+      return (0, _common.toAtlaskitBadgeProps)(data);
     case _constants.ElementName.CreatedBy:
-      return toFormattedTextProps(_messages.messages.created_by, context.createdBy);
+      return (0, _common.toFormattedTextProps)(_messages.messages.created_by, context.createdBy);
     case _constants.ElementName.AssignedTo:
-      return toFormattedTextProps(_messages.messages.assigned_to, context.assignedTo);
+      return (0, _common.toFormattedTextProps)(_messages.messages.assigned_to, context.assignedTo);
     case _constants.ElementName.OwnedBy:
-      return toFormattedTextProps(_messages.messages.owned_by, context.ownedBy);
+      return (0, _common.toFormattedTextProps)(_messages.messages.owned_by, context.ownedBy);
     case _constants.ElementName.CreatedOn:
-      return toDateTimeProps('created', context.createdOn);
+      return (0, _common.toDateTimeProps)('created', context.createdOn);
     case _constants.ElementName.DueOn:
-      return toDateLozengeProps(context.dueOn);
+      return (0, _common.toDateLozengeProps)(context.dueOn);
     case _constants.ElementName.ModifiedBy:
-      return toFormattedTextProps(_messages.messages.modified_by, context.modifiedBy);
+      return (0, _common.toFormattedTextProps)(_messages.messages.modified_by, context.modifiedBy);
     case _constants.ElementName.ModifiedOn:
-      return toDateTimeProps('modified', context.modifiedOn);
+      return (0, _common.toDateTimeProps)('modified', context.modifiedOn);
     case _constants.ElementName.SentOn:
-      return toDateTimeProps('sent', context.sentOn);
+      return (0, _common.toDateTimeProps)('sent', context.sentOn);
     case _constants.ElementName.ReadTime:
-      return toFormattedTextProps(_messages.messages.read_time, data);
+      return (0, _common.toFormattedTextProps)(_messages.messages.read_time, data);
     case _constants.ElementName.SourceBranch:
     case _constants.ElementName.TargetBranch:
-      return toTextProps(data);
+      return (0, _common.toTextProps)(data);
     case _constants.ElementName.Title:
-      return toLinkProps(context.title, context.url);
+      return (0, _common.toLinkProps)(context.title, context.url);
     case _constants.ElementName.LinkIcon:
       if ((0, _platformFeatureFlags.fg)('platform-linking-visual-refresh-v2')) {
-        return toLinkIconProps(data, context.type);
+        return (0, _common.toLinkIconProps)(data, context.type);
       }
       return (0, _typeof2.default)(data) === 'object' ? data : undefined;
     default:
       return (0, _typeof2.default)(data) === 'object' ? data : undefined;
   }
 };
-var toAvatarGroupProps = function toAvatarGroupProps(items, showFallbackAvatar) {
-  return items ? {
-    items: items
-  } : showFallbackAvatar ? {
-    items: []
-  } : undefined;
-};
-var toBadgeProps = function toBadgeProps(label) {
-  return label ? {
-    label: label
-  } : undefined;
-};
-var toAtlaskitBadgeProps = function toAtlaskitBadgeProps(value) {
-  return value ? {
-    value: value
-  } : undefined;
-};
-var toDateLozengeProps = function toDateLozengeProps(dateString) {
-  if (dateString) {
-    var text = Date.parse(dateString) ? /*#__PURE__*/_react.default.createElement(_reactIntlNext.FormattedDate, {
-      value: new Date(dateString),
-      year: "numeric",
-      month: "short",
-      day: "numeric",
-      formatMatcher: "best fit"
-    }) : dateString;
-    return {
-      text: text
-    };
-  }
-};
-var toDateTimeProps = function toDateTimeProps(type, dateString) {
-  return dateString ? {
-    date: new Date(dateString),
-    type: type
-  } : undefined;
-};
-var toFormattedTextProps = function toFormattedTextProps(descriptor, context) {
-  if ((0, _platformFeatureFlags.fg)('platform-linking-additional-flexible-element-props')) {
-    return context ? {
-      message: {
-        descriptor: descriptor,
-        values: {
-          context: context
-        }
-      },
-      content: context
-    } : undefined;
-  }
-  return context ? {
-    message: {
-      descriptor: descriptor,
-      values: {
-        context: context
-      }
-    }
-  } : undefined;
-};
-var toLinkProps = function toLinkProps(text, url) {
-  return text ? {
-    text: text,
-    url: url
-  } : undefined;
-};
-var toTextProps = function toTextProps(content) {
-  return content ? {
-    content: content
-  } : undefined;
-};
-var toLinkIconProps = function toLinkIconProps(data, type) {
-  var isDataLinkIcon = function isDataLinkIcon(_data) {
-    return (0, _typeof2.default)(_data) === 'object' && _data !== null && ('icon' in _data || 'url' in _data);
-  };
-  if (!isDataLinkIcon(data)) {
-    return (0, _typeof2.default)(data) === 'object' ? data : undefined;
-  }
-  var isImageRound = (0, _utils.isProfileType)(type);
-  return _objectSpread(_objectSpread({}, data), {}, {
-    appearance: isImageRound ? 'round' : 'square'
-  });
-};
 
 /**
- * @deprecated
+ * @deprecated remove on FG platform-linking-flexible-card-elements-refactor clean up
  */
 var createElement = exports.createElement = function createElement(name) {
   var _ref = elementMappings[name] || {},
     BaseElement = _ref.component,
-    props = _ref.props;
+    props = _ref.props,
+    newComponent = _ref.newComponent;
+  if (newComponent && (0, _platformFeatureFlags.fg)('platform-linking-flexible-card-elements-refactor')) {
+    return newComponent;
+  }
   var contextKey = getContextKey(name);
   if (!BaseElement) {
     throw Error("Element ".concat(name, " does not exist."));

package/dist/cjs/view/FlexibleCard/components/elements/view-count-element/index.js

@@ -0,0 +1,23 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+var _react = _interopRequireDefault(require("react"));
+var _constants = require("../../../../../constants");
+var _flexibleUiContext = require("../../../../../state/flexible-ui-context");
+var _common = require("../common");
+var ViewCountElement = function ViewCountElement(props) {
+  var _context$viewCount;
+  var context = (0, _flexibleUiContext.useFlexibleUiContext)();
+  var data = context ? (0, _common.toBadgeProps)((_context$viewCount = context.viewCount) === null || _context$viewCount === void 0 ? void 0 : _context$viewCount.toString()) : null;
+  return data ? /*#__PURE__*/_react.default.createElement(_common.BaseBadgeElement, (0, _extends2.default)({
+    icon: _constants.IconType.View
+  }, data, props, {
+    name: _constants.ElementName.ViewCount
+  })) : null;
+};
+var _default = exports.default = ViewCountElement;

package/dist/cjs/view/FlexibleCard/components/elements/vote-count-element/index.js

@@ -0,0 +1,23 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+var _react = _interopRequireDefault(require("react"));
+var _constants = require("../../../../../constants");
+var _flexibleUiContext = require("../../../../../state/flexible-ui-context");
+var _common = require("../common");
+var VoteCountElement = function VoteCountElement(props) {
+  var _context$voteCount;
+  var context = (0, _flexibleUiContext.useFlexibleUiContext)();
+  var data = context ? (0, _common.toBadgeProps)((_context$voteCount = context.voteCount) === null || _context$voteCount === void 0 ? void 0 : _context$voteCount.toString()) : null;
+  return data ? /*#__PURE__*/_react.default.createElement(_common.BaseBadgeElement, (0, _extends2.default)({
+    icon: _constants.IconType.Vote
+  }, data, props, {
+    name: _constants.ElementName.VoteCount
+  })) : null;
+};
+var _default = exports.default = VoteCountElement;

package/dist/cjs/view/HoverCard/components/views/resolving/index.js

@@ -13,7 +13,7 @@ var _react = _interopRequireDefault(require("react"));
 var _blocks = require("../../../../FlexibleCard/components/blocks");
 var _actionGroup = _interopRequireDefault(require("../../../../FlexibleCard/components/blocks/action-group"));
 var _loadingSkeleton = require("../../../../FlexibleCard/components/common/loading-skeleton");
-var _iconElement = _interopRequireDefault(require("../../../../FlexibleCard/components/elements/icon-element"));
+var _common = require("../../../../FlexibleCard/components/elements/common");
 var _styled = require("../../../styled");
 var loadingViewContainer = null;
 var skeletonContainer = null;
@@ -38,7 +38,7 @@ var HoverCardLoadingView = function HoverCardLoadingView(_ref) {
   }, /*#__PURE__*/_react.default.createElement(_blocks.CustomBlock, (0, _extends2.default)({}, titleBlockProps, {
     testId: "".concat(testId, "-title-block"),
     className: (0, _runtime.ax)(["_zulpcxkx _1bsb1osq"])
-  }), /*#__PURE__*/_react.default.createElement(_iconElement.default, {
+  }), /*#__PURE__*/_react.default.createElement(_common.BaseIconElement, {
     render: function render() {
       return /*#__PURE__*/_react.default.createElement(_loadingSkeleton.LoadingSkeleton, null);
     },

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

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

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

@@ -9,7 +9,7 @@ import extractState from './extract-state';
 import { extractLinkIcon, extractSmartLinkIcon } from './icon';
 import extractProviderIcon, { extractSmartLinkProviderIcon } from './icon/extract-provider-icon';
 import { extractLatestCommit } from './latest-commit';
-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';
+import { extractAppliedToComponentsCount, extractAssignedTo, extractAttachmentCount, extractChecklistProgress, extractCommentCount, extractCreatedBy, extractDueOn, extractLocation, extractMetaObjectId, extractMetaResourceType, extractMetaTenantId, extractModifiedBy, extractOwnedBy, extractPersonAssignedToAsArray, extractProgrammingLanguage, extractReactCount, extractReadTime, extractSentOn, extractSourceBranch, extractStoryPoints, extractSubscriberCount, extractSubTasksProgress, extractTargetBranch, extractViewCount, extractVoteCount } from './utils';
 const extractFlexibleUiContext = ({
   appearance,
   fireEvent,
@@ -26,6 +26,7 @@ const extractFlexibleUiContext = ({
     return undefined;
   }
   const data = response.data;
+  const meta = response.meta;
   const url = fg('smart_links_noun_support') ? extractSmartLinkUrl(response) : extractLink(data);
   return {
     actions: extractFlexibleCardActions({
@@ -78,6 +79,13 @@ const extractFlexibleUiContext = ({
     ari: fg('smart_links_noun_support') ? extractSmartLinkAri(response) : extractAri(data),
     ...(fg('platform-linking-visual-refresh-v2') && {
       type: extractType(data)
+    }),
+    ...(fg('cc-ai-linking-platform-snippet-renderer') && {
+      meta: {
+        objectId: extractMetaObjectId(meta),
+        resourceType: extractMetaResourceType(meta),
+        tenantId: extractMetaTenantId(meta)
+      }
     })
   };
 };

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

@@ -74,4 +74,7 @@ export const extractSentOn = data => {
 };
 export const extractStoryPoints = data => {
   return extractValue(data, 'atlassian:storyPoints');
-};
+};
+export const extractMetaObjectId = meta => meta.objectId;
+export const extractMetaResourceType = meta => meta.resourceType;
+export const extractMetaTenantId = meta => meta.tenantId;

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