@atlaskit/smart-card 38.4.5 → 38.5.1

package/CHANGELOG.md

@@ -1,5 +1,26 @@
 # @atlaskit/smart-card
 
+## 38.5.1
+
+### Patch Changes
+
+- [#159249](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/pull-requests/159249)
+  [`1459101430d1e`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/1459101430d1e) -
+  Add new Flexible Card UI elements creation jsx functions behind a FG
+
+## 38.5.0
+
+### Minor Changes
+
+- [#158715](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/pull-requests/158715)
+  [`baf5cca2f83aa`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/baf5cca2f83aa) -
+  Adds an optional snippet renderer method to SmardCardProvider context for overriding the default
+  snippet component on smart cards
+
+### Patch Changes
+
+- Updated dependencies
+
 ## 38.4.5
 
 ### Patch Changes

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

@@ -41,8 +41,9 @@ var extractFlexibleUiContext = function extractFlexibleUiContext() {
     return undefined;
   }
   var data = response.data;
+  var meta = response.meta;
   var url = (0, _platformFeatureFlags.fg)('smart_links_noun_support') ? (0, _linkExtractors.extractSmartLinkUrl)(response) : (0, _linkExtractors.extractLink)(data);
-  return _objectSpread({
+  return _objectSpread(_objectSpread({
     actions: (0, _actions.extractFlexibleCardActions)({
       actionOptions: actionOptions,
       aiSummaryConfig: aiSummaryConfig,
@@ -93,6 +94,12 @@ var extractFlexibleUiContext = function extractFlexibleUiContext() {
     ari: (0, _platformFeatureFlags.fg)('smart_links_noun_support') ? (0, _linkExtractors.extractSmartLinkAri)(response) : (0, _linkExtractors.extractAri)(data)
   }, (0, _platformFeatureFlags.fg)('platform-linking-visual-refresh-v2') && {
     type: (0, _linkExtractors.extractType)(data)
+  }), (0, _platformFeatureFlags.fg)('cc-ai-linking-platform-snippet-renderer') && {
+    meta: {
+      objectId: (0, _utils.extractMetaObjectId)(meta),
+      resourceType: (0, _utils.extractMetaResourceType)(meta),
+      tenantId: (0, _utils.extractMetaTenantId)(meta)
+    }
   });
 };
 var _default = exports.default = extractFlexibleUiContext;

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

@@ -4,7 +4,7 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.extractVoteCount = exports.extractViewCount = exports.extractTargetBranch = exports.extractSubscriberCount = exports.extractSubTasksProgress = exports.extractStoryPoints = exports.extractSourceBranch = exports.extractSentOn = exports.extractReadTime = exports.extractReactCount = exports.extractProgrammingLanguage = exports.extractPersonAssignedToAsArray = exports.extractOwnedBy = exports.extractModifiedBy = exports.extractLocation = exports.extractDueOn = exports.extractCreatedBy = exports.extractCommentCount = exports.extractChecklistProgress = exports.extractAttachmentCount = exports.extractAssignedTo = exports.extractAppliedToComponentsCount = void 0;
+exports.extractVoteCount = exports.extractViewCount = exports.extractTargetBranch = exports.extractSubscriberCount = exports.extractSubTasksProgress = exports.extractStoryPoints = exports.extractSourceBranch = exports.extractSentOn = exports.extractReadTime = exports.extractReactCount = exports.extractProgrammingLanguage = exports.extractPersonAssignedToAsArray = exports.extractOwnedBy = exports.extractModifiedBy = exports.extractMetaTenantId = exports.extractMetaResourceType = exports.extractMetaObjectId = exports.extractLocation = exports.extractDueOn = exports.extractCreatedBy = exports.extractCommentCount = exports.extractChecklistProgress = exports.extractAttachmentCount = exports.extractAssignedTo = exports.extractAppliedToComponentsCount = void 0;
 var _typeof2 = _interopRequireDefault(require("@babel/runtime/helpers/typeof"));
 var _linkExtractors = require("@atlaskit/link-extractors");
 var extractLinkName = function extractLinkName(link) {
@@ -103,4 +103,13 @@ var extractSentOn = exports.extractSentOn = function extractSentOn(data) {
 };
 var extractStoryPoints = exports.extractStoryPoints = function extractStoryPoints(data) {
   return extractValue(data, 'atlassian:storyPoints');
+};
+var extractMetaObjectId = exports.extractMetaObjectId = function extractMetaObjectId(meta) {
+  return meta.objectId;
+};
+var extractMetaResourceType = exports.extractMetaResourceType = function extractMetaResourceType(meta) {
+  return meta.resourceType;
+};
+var extractMetaTenantId = exports.extractMetaTenantId = function extractMetaTenantId(meta) {
+  return meta.tenantId;
 };

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

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

@@ -15,7 +15,7 @@ var _tokens = require("@atlaskit/tokens");
 var _constants = require("../../constants");
 var _useInvokeClientAction = _interopRequireDefault(require("../../state/hooks/use-invoke-client-action"));
 var _utils = require("../../utils");
-var _iconElement = _interopRequireDefault(require("../FlexibleCard/components/elements/icon-element"));
+var _common = require("../FlexibleCard/components/elements/common");
 var _analytics = _interopRequireDefault(require("./components/analytics"));
 var _embedContent = _interopRequireDefault(require("./components/embed-content"));
 var _errorBoundary = _interopRequireDefault(require("./components/error-boundary"));
@@ -114,7 +114,7 @@ var EmbedModal = function EmbedModal(_ref) {
     label: title
   } : {}), /*#__PURE__*/_react.default.createElement(_linkInfo.default, {
     icon: linkIcon && {
-      icon: /*#__PURE__*/_react.default.createElement(_iconElement.default, (0, _extends2.default)({}, linkIcon, {
+      icon: /*#__PURE__*/_react.default.createElement(_common.BaseIconElement, (0, _extends2.default)({}, linkIcon, {
         size: _constants.SmartLinkSize.Large
       })),
       isFlexibleUi: true

package/dist/cjs/view/FlexibleCard/components/blocks/snippet-block/index.js

@@ -8,7 +8,10 @@ exports.default = void 0;
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
 var _react = _interopRequireDefault(require("react"));
+var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 var _constants = require("../../../../../constants");
+var _flexibleUiContext = require("../../../../../state/flexible-ui-context");
+var _renderers = require("../../../../../state/renderers");
 var _elements = require("../../elements");
 var _utils = require("../../utils");
 var _block = _interopRequireDefault(require("../block"));
@@ -24,6 +27,7 @@ var MINIMUM_MAX_LINES = 1;
  * @see Block
  */
 var SnippetBlock = function SnippetBlock(_ref) {
+  var _ref2, _context$meta$objectI, _context$meta, _context$meta$resourc, _context$meta2, _context$meta$tenantI, _context$meta3;
   var _ref$maxLines = _ref.maxLines,
     maxLines = _ref$maxLines === void 0 ? DEFAULT_MAX_LINES : _ref$maxLines,
     _ref$status = _ref.status,
@@ -32,16 +36,36 @@ var SnippetBlock = function SnippetBlock(_ref) {
     testId = _ref$testId === void 0 ? 'smart-block-snippet' : _ref$testId,
     text = _ref.text,
     blockProps = (0, _objectWithoutProperties2.default)(_ref, _excluded);
+  var context = (0, _platformFeatureFlags.fg)('cc-ai-linking-platform-snippet-renderer') ?
+  // eslint-disable-next-line react-hooks/rules-of-hooks
+  (0, _flexibleUiContext.useFlexibleUiContext)() : undefined;
+  var renderers = (0, _platformFeatureFlags.fg)('cc-ai-linking-platform-snippet-renderer') ?
+  // eslint-disable-next-line react-hooks/rules-of-hooks
+  (0, _renderers.useSmartLinkRenderers)() : undefined;
   if (status !== _constants.SmartLinkStatus.Resolved && !text) {
     return null;
   }
   var snippetMaxLines = (0, _utils.getMaxLines)(maxLines, DEFAULT_MAX_LINES, MAXIMUM_MAX_LINES, MINIMUM_MAX_LINES);
   var statusTestId = !text ? 'resolved' : 'non-resolved';
-  return /*#__PURE__*/_react.default.createElement(_block.default, (0, _extends2.default)({}, blockProps, {
-    testId: "".concat(testId, "-").concat(statusTestId, "-view")
-  }), /*#__PURE__*/_react.default.createElement(_elements.Snippet, {
+  var snippet = /*#__PURE__*/_react.default.createElement(_elements.Snippet, {
     maxLines: snippetMaxLines,
     content: text
-  }));
+  });
+  if (!(0, _platformFeatureFlags.fg)('cc-ai-linking-platform-snippet-renderer')) {
+    return /*#__PURE__*/_react.default.createElement(_block.default, (0, _extends2.default)({}, blockProps, {
+      testId: "".concat(testId, "-").concat(statusTestId, "-view")
+    }), snippet);
+  }
+  var SnippetReplacement = renderers === null || renderers === void 0 ? void 0 : renderers.snippet;
+  return /*#__PURE__*/_react.default.createElement(_block.default, (0, _extends2.default)({}, blockProps, {
+    testId: "".concat(testId, "-").concat(statusTestId, "-view")
+  }), SnippetReplacement ? /*#__PURE__*/_react.default.createElement(SnippetReplacement, {
+    fallbackText: (_ref2 = text || (context === null || context === void 0 ? void 0 : context.snippet)) !== null && _ref2 !== void 0 ? _ref2 : '',
+    fallbackComponent: snippet,
+    contentId: (_context$meta$objectI = context === null || context === void 0 || (_context$meta = context.meta) === null || _context$meta === void 0 ? void 0 : _context$meta.objectId) !== null && _context$meta$objectI !== void 0 ? _context$meta$objectI : '',
+    contentType: (_context$meta$resourc = context === null || context === void 0 || (_context$meta2 = context.meta) === null || _context$meta2 === void 0 ? void 0 : _context$meta2.resourceType) !== null && _context$meta$resourc !== void 0 ? _context$meta$resourc : '',
+    cloudId: (_context$meta$tenantI = context === null || context === void 0 || (_context$meta3 = context.meta) === null || _context$meta3 === void 0 ? void 0 : _context$meta3.tenantId) !== null && _context$meta$tenantI !== void 0 ? _context$meta$tenantI : '',
+    maxLines: snippetMaxLines
+  }) : snippet);
 };
 var _default = exports.default = SnippetBlock;

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

@@ -1,29 +1,21 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-var _typeof = require("@babel/runtime/helpers/typeof");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-var _react = _interopRequireWildcard(require("react"));
+var _react = _interopRequireDefault(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 _common = require("../common");
-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" != _typeof(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; }
 var AppliedToComponentsCountElement = function AppliedToComponentsCountElement(props) {
   var _useIntl = (0, _reactIntlNext.useIntl)(),
     formatMessage = _useIntl.formatMessage;
-  var context = (0, _platformFeatureFlags.fg)('platform-linking-flexible-card-context') ?
-  // eslint-disable-next-line react-hooks/rules-of-hooks
-  (0, _flexibleUiContext.useFlexibleUiContext)() :
-  // eslint-disable-next-line react-hooks/rules-of-hooks
-  (0, _react.useContext)(_flexibleUiContext.FlexibleUiContext);
+  var context = (0, _flexibleUiContext.useFlexibleUiContext)();
   if (
   // Check for null and undefined, render if it's 0.
   (context === null || context === void 0 ? void 0 : context.appliedToComponentsCount) === null || (context === null || context === void 0 ? void 0 : context.appliedToComponentsCount) === undefined) {

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

@@ -0,0 +1,21 @@
+"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 _messages = require("../../../../../messages");
+var _flexibleUiContext = require("../../../../../state/flexible-ui-context");
+var _common = require("../common");
+var AssignedToElement = function AssignedToElement(props) {
+  var context = (0, _flexibleUiContext.useFlexibleUiContext)();
+  var data = context ? (0, _common.toFormattedTextProps)(_messages.messages.assigned_to, context.assignedTo) : null;
+  return data ? /*#__PURE__*/_react.default.createElement(_common.BaseTextElement, (0, _extends2.default)({}, data, props, {
+    name: _constants.ElementName.AssignedTo
+  })) : null;
+};
+var _default = exports.default = AssignedToElement;

package/dist/cjs/view/FlexibleCard/components/elements/assigned-to-group-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 AssignedToGroupElement = function AssignedToGroupElement(props) {
+  var context = (0, _flexibleUiContext.useFlexibleUiContext)();
+  var data = context ? (0, _common.toAvatarGroupProps)(context.assignedToGroup, true) : null;
+  return data ? /*#__PURE__*/_react.default.createElement(_common.BaseAvatarGroupElement, (0, _extends2.default)({}, data, props, {
+    name: _constants.ElementName.AssignedToGroup
+  })) : null;
+};
+var _default = exports.default = AssignedToGroupElement;

package/dist/cjs/view/FlexibleCard/components/elements/attachment-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 AttachmentCountElement = function AttachmentCountElement(props) {
+  var _context$attachmentCo;
+  var context = (0, _flexibleUiContext.useFlexibleUiContext)();
+  var data = context ? (0, _common.toBadgeProps)((_context$attachmentCo = context.attachmentCount) === null || _context$attachmentCo === void 0 ? void 0 : _context$attachmentCo.toString()) : null;
+  return data ? /*#__PURE__*/_react.default.createElement(_common.BaseBadgeElement, (0, _extends2.default)({
+    icon: _constants.IconType.Attachment
+  }, data, props, {
+    name: _constants.ElementName.AttachmentCount
+  })) : null;
+};
+var _default = exports.default = AttachmentCountElement;

package/dist/cjs/view/FlexibleCard/components/elements/author-group-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 AuthorGroupElement = function AuthorGroupElement(props) {
+  var context = (0, _flexibleUiContext.useFlexibleUiContext)();
+  var data = context ? (0, _common.toAvatarGroupProps)(context.authorGroup, false) : null;
+  return data ? /*#__PURE__*/_react.default.createElement(_common.BaseAvatarGroupElement, (0, _extends2.default)({}, data, props, {
+    name: _constants.ElementName.AuthorGroup
+  })) : null;
+};
+var _default = exports.default = AuthorGroupElement;

package/dist/cjs/view/FlexibleCard/components/elements/checklist-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 ChecklistProgressElement = function ChecklistProgressElement(props) {
+  var _context$checklistPro;
+  var context = (0, _flexibleUiContext.useFlexibleUiContext)();
+  var data = context ? (0, _common.toBadgeProps)((_context$checklistPro = context.checklistProgress) === null || _context$checklistPro === void 0 ? void 0 : _context$checklistPro.toString()) : null;
+  return data ? /*#__PURE__*/_react.default.createElement(_common.BaseBadgeElement, (0, _extends2.default)({
+    icon: _constants.IconType.CheckItem
+  }, data, props, {
+    name: _constants.ElementName.ChecklistProgress
+  })) : null;
+};
+var _default = exports.default = ChecklistProgressElement;

package/dist/cjs/view/FlexibleCard/components/elements/collaborator-group-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 CollaboratorGroupElement = function CollaboratorGroupElement(props) {
+  var context = (0, _flexibleUiContext.useFlexibleUiContext)();
+  var data = context ? (0, _common.toAvatarGroupProps)(context.collaboratorGroup, false) : undefined;
+  return data ? /*#__PURE__*/_react.default.createElement(_common.BaseAvatarGroupElement, (0, _extends2.default)({}, data, props, {
+    name: _constants.ElementName.CollaboratorGroup
+  })) : null;
+};
+var _default = exports.default = CollaboratorGroupElement;

package/dist/cjs/view/FlexibleCard/components/elements/comment-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 CommentCountElement = function CommentCountElement(props) {
+  var _context$commentCount;
+  var context = (0, _flexibleUiContext.useFlexibleUiContext)();
+  var data = context ? (0, _common.toBadgeProps)((_context$commentCount = context.commentCount) === null || _context$commentCount === void 0 ? void 0 : _context$commentCount.toString()) : null;
+  return data ? /*#__PURE__*/_react.default.createElement(_common.BaseBadgeElement, (0, _extends2.default)({
+    icon: _constants.IconType.Comment
+  }, data, props, {
+    name: _constants.ElementName.CommentCount
+  })) : null;
+};
+var _default = exports.default = CommentCountElement;

package/dist/cjs/view/FlexibleCard/components/elements/{atlaskit-badge-element → common/base-atlaskit-badge-element}/index.js

@@ -6,7 +6,7 @@ var _typeof = require("@babel/runtime/helpers/typeof");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.default = void 0;
+exports.toAtlaskitBadgeProps = exports.default = void 0;
 require("./index.compiled.css");
 var React = _interopRequireWildcard(require("react"));
 var _runtime = require("@compiled/react/runtime");
@@ -25,7 +25,7 @@ var badgeStyles = null;
  * @see StoryPoints
  * */
 
-var AtlaskitElementBadge = function AtlaskitElementBadge(_ref) {
+var BaseAtlaskitElementBadge = function BaseAtlaskitElementBadge(_ref) {
   var value = _ref.value,
     name = _ref.name,
     className = _ref.className,
@@ -43,4 +43,9 @@ var AtlaskitElementBadge = function AtlaskitElementBadge(_ref) {
     className: (0, _runtime.ax)([!(0, _platformFeatureFlags.fg)('platform-linking-visual-refresh-v1') && "_4cvr1h6o _1e0c116y", (0, _platformFeatureFlags.fg)('platform-linking-visual-refresh-v1') && "_4cvr1h6o _1e0c116y _1ul91ns9", className])
   }), /*#__PURE__*/React.createElement(_badge.default, null, value));
 };
-var _default = exports.default = AtlaskitElementBadge;
+var _default = exports.default = BaseAtlaskitElementBadge;
+var toAtlaskitBadgeProps = exports.toAtlaskitBadgeProps = function toAtlaskitBadgeProps(value) {
+  return value ? {
+    value: value
+  } : undefined;
+};

package/dist/cjs/view/FlexibleCard/components/elements/common/base-avatar-group-element/index.js

@@ -6,7 +6,7 @@ var _typeof = require("@babel/runtime/helpers/typeof");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.default = void 0;
+exports.toAvatarGroupProps = exports.default = void 0;
 require("./index.compiled.css");
 var _react = _interopRequireWildcard(require("react"));
 var React = _react;
@@ -105,4 +105,11 @@ var BaseAvatarGroup = function BaseAvatarGroup(_ref) {
     testId: testId
   }));
 };
-var _default = exports.default = BaseAvatarGroup;
+var _default = exports.default = BaseAvatarGroup;
+var toAvatarGroupProps = exports.toAvatarGroupProps = function toAvatarGroupProps(items, showFallbackAvatar) {
+  return items ? {
+    items: items
+  } : showFallbackAvatar ? {
+    items: []
+  } : undefined;
+};

package/dist/cjs/view/FlexibleCard/components/elements/common/base-badge-element/index.js

@@ -6,7 +6,7 @@ var _typeof = require("@babel/runtime/helpers/typeof");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.default = void 0;
+exports.toBadgeProps = exports.default = void 0;
 require("./index.compiled.css");
 var _runtime = require("@compiled/react/runtime");
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
@@ -164,4 +164,15 @@ var BaseBadgeElementCompiledNew = function BaseBadgeElementCompiledNew(_ref2) {
 };
 var _default = exports.default = (0, _linkingCommon.withFeatureFlaggedComponent)(BaseBadgeElementCompiledNew, BaseBadgeElementRefreshNewWithOverrideCss, function () {
   return (0, _platformFeatureFlags.fg)('platform-linking-visual-refresh-v1');
-});
+});
+var toBadgeProps = exports.toBadgeProps = function toBadgeProps(label) {
+  if ((0, _platformFeatureFlags.fg)('platform-linking-flexible-card-elements-refactor')) {
+    // Don't render the element if its 0
+    return label !== '0' && label ? {
+      label: label
+    } : undefined;
+  }
+  return label ? {
+    label: label
+  } : undefined;
+};

package/dist/cjs/view/FlexibleCard/components/elements/common/base-date-time-element/index.js

@@ -6,7 +6,7 @@ var _typeof = require("@babel/runtime/helpers/typeof");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.default = void 0;
+exports.toDateTimeProps = exports.default = void 0;
 require("./index.compiled.css");
 var React = _interopRequireWildcard(require("react"));
 var _runtime = require("@compiled/react/runtime");
@@ -37,7 +37,7 @@ var typeToDescriptorMap = {
 /**
  * A base element that displays an ISO Timestamp in text.
  * @internal
- * @param {BaseDateTimeProps} BaseDateTimeProps - The props necessary for the DateTime element.
+ * @param {BaseDateTimeElementProps} BaseDateTimeElementProps - The props necessary for the DateTime element.
  * @see CreatedOn
  * @see ModifiedOn
  * @see SentOn
@@ -103,4 +103,10 @@ var BaseDateTimeElement = function BaseDateTimeElement(_ref) {
     className: (0, _runtime.ax)([!(0, _platformFeatureFlags.fg)('platform-linking-visual-refresh-v1') && "_11c8dcr7 _1reo15vq _18m915vq _syaz131l _1e0ccj1k _1bto1l2s _1nmz1hna _1yyjkb7n _sudp1e54 _102k1j6v", (0, _platformFeatureFlags.fg)('platform-linking-visual-refresh-v1') && "_11c81o8v _1reo15vq _18m915vq _syaz1gjq _1e0ccj1k _1ul9idpf _1bto1l2s _1nmz1hna _1yyjkb7n _sudp1e54 _102k7vkz", className])
   }, content);
 };
-var _default = exports.default = BaseDateTimeElement;
+var _default = exports.default = BaseDateTimeElement;
+var toDateTimeProps = exports.toDateTimeProps = function toDateTimeProps(type, dateString) {
+  return dateString ? {
+    date: new Date(dateString),
+    type: type
+  } : undefined;
+};

package/dist/cjs/view/FlexibleCard/components/elements/{icon-element → common/base-icon-element}/index.js

@@ -2,29 +2,30 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-var _typeof = require("@babel/runtime/helpers/typeof");
+var _typeof3 = require("@babel/runtime/helpers/typeof");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.default = void 0;
+exports.toLinkIconProps = exports.default = void 0;
 require("./index.compiled.css");
 var _react = _interopRequireWildcard(require("react"));
 var React = _react;
 var _runtime = require("@compiled/react/runtime");
+var _typeof2 = _interopRequireDefault(require("@babel/runtime/helpers/typeof"));
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var _link = _interopRequireDefault(require("@atlaskit/icon/core/migration/link"));
 var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 var _compiled = require("@atlaskit/primitives/compiled");
-var _constants = require("../../../../../constants");
-var _atlaskitIcon = _interopRequireDefault(require("../../common/atlaskit-icon"));
-var _imageIcon = _interopRequireDefault(require("../../common/image-icon"));
-var _utils = require("../../utils");
+var _constants = require("../../../../../../constants");
+var _utils = require("../../../../../../utils");
+var _atlaskitIcon = _interopRequireDefault(require("../../../common/atlaskit-icon"));
+var _imageIcon = _interopRequireDefault(require("../../../common/image-icon"));
+var _utils2 = require("../../../utils");
 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" != _typeof(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; }
-/* eslint-disable @compiled/shorthand-property-sorting */
-/* eslint-disable @atlaskit/design-system/use-tokens-typography */
-/* eslint-disable @atlaskit/ui-styling-standard/no-nested-selectors */
+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; } /* eslint-disable @compiled/shorthand-property-sorting */ /* eslint-disable @atlaskit/design-system/use-tokens-typography */ /* eslint-disable @atlaskit/ui-styling-standard/no-nested-selectors */
 var styles = {
   container: "_1ul91ns9",
   iconWrapperStyle: "_1e0c1txw _4cvr1h6o _1bah1h6o"
@@ -103,7 +104,7 @@ var IconElement = function IconElement(_ref) {
     var defaultIcon = renderDefaultIcon(label, testId);
     return overrideIcon || (render === null || render === void 0 ? void 0 : render()) || renderImageIcon(defaultIcon, url, testId, size, (0, _platformFeatureFlags.fg)('platform-linking-visual-refresh-v2') ? appearance : undefined) || renderAtlaskitIcon(icon, testId, size) || defaultIcon;
   }, [label, testId, overrideIcon, render, url, size, appearance, icon]);
-  var width = (0, _utils.getIconWidth)(size);
+  var width = (0, _utils2.getIconWidth)(size);
   return /*#__PURE__*/React.createElement("div", (0, _extends2.default)({}, (0, _platformFeatureFlags.fg)('platform-linking-visual-refresh-v1') ? {} : (0, _defineProperty2.default)({}, 'data-fit-to-content', true), {
     "data-smart-element": name,
     "data-smart-element-icon": true,
@@ -119,4 +120,16 @@ var IconElement = function IconElement(_ref) {
     }
   }, element));
 };
-var _default = exports.default = IconElement;
+var _default = exports.default = IconElement;
+var toLinkIconProps = exports.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'
+  });
+};

package/dist/cjs/view/FlexibleCard/components/elements/common/base-link-element/index.js

@@ -6,7 +6,7 @@ var _typeof = require("@babel/runtime/helpers/typeof");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.default = void 0;
+exports.toLinkProps = exports.default = void 0;
 require("./index.compiled.css");
 var _runtime = require("@compiled/react/runtime");
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
@@ -121,4 +121,10 @@ var BaseLinkElement = function BaseLinkElement(_ref) {
     className: (0, _runtime.ax)(["_16jlkb7n _1o9zkb7n _i0dl1wug"])
   }, hideTooltip || text === undefined ? anchor : withTooltip(anchor, text, testId));
 };
-var _default = exports.default = BaseLinkElement;
+var _default = exports.default = BaseLinkElement;
+var toLinkProps = exports.toLinkProps = function toLinkProps(text, url) {
+  return text ? {
+    text: text,
+    url: url
+  } : undefined;
+};

package/dist/cjs/view/FlexibleCard/components/elements/common/base-lozenge-element/index.js

@@ -6,12 +6,13 @@ var _typeof = require("@babel/runtime/helpers/typeof");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.default = void 0;
+exports.toDateLozengeProps = exports.default = void 0;
 require("./index.compiled.css");
 var React = _interopRequireWildcard(require("react"));
 var _runtime = require("@compiled/react/runtime");
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+var _reactIntlNext = require("react-intl-next");
 var _lozenge = _interopRequireDefault(require("@atlaskit/lozenge"));
 var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 var _flexibleUiContext = require("../../../../../../state/flexible-ui-context");
@@ -64,4 +65,18 @@ var BaseLozengeElement = function BaseLozengeElement(_ref) {
     className: (0, _runtime.ax)([!(0, _platformFeatureFlags.fg)('platform-linking-visual-refresh-v1') && "_1e0c116y _vwz41kw7", (0, _platformFeatureFlags.fg)('platform-linking-visual-refresh-v1') && "_1e0c116y _1ul91ns9", className])
   }), lozenge);
 };
-var _default = exports.default = BaseLozengeElement;
+var _default = exports.default = BaseLozengeElement;
+var toDateLozengeProps = exports.toDateLozengeProps = function toDateLozengeProps(dateString) {
+  if (dateString) {
+    var text = Date.parse(dateString) ? /*#__PURE__*/React.createElement(_reactIntlNext.FormattedDate, {
+      value: new Date(dateString),
+      year: "numeric",
+      month: "short",
+      day: "numeric",
+      formatMatcher: "best fit"
+    }) : dateString;
+    return {
+      text: text
+    };
+  }
+};