@atlaskit/smart-card 38.5.0 → 38.5.2

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

@@ -5,7 +5,7 @@ var _typeof = require("@babel/runtime/helpers/typeof");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.default = exports.BaseTextElement = void 0;
+exports.toTextProps = exports.toFormattedTextProps = exports.default = exports.BaseTextElement = void 0;
 require("./index.compiled.css");
 var React = _interopRequireWildcard(require("react"));
 var _runtime = require("@compiled/react/runtime");
@@ -55,4 +55,30 @@ var BaseTextElement = exports.BaseTextElement = function BaseTextElement(_ref) {
     }
   }, (0, _platformFeatureFlags.fg)('platform-linking-additional-flexible-element-props') ? newContent : oldContent);
 };
-var _default = exports.default = BaseTextElement;
+var _default = exports.default = BaseTextElement;
+var toFormattedTextProps = exports.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 toTextProps = exports.toTextProps = function toTextProps(content) {
+  return content ? {
+    content: content
+  } : undefined;
+};

package/dist/cjs/view/FlexibleCard/components/elements/common/index.js

@@ -1,9 +1,15 @@
 "use strict";
 
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+var _typeof = require("@babel/runtime/helpers/typeof");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
+Object.defineProperty(exports, "BaseAtlaskitBadgeElement", {
+  enumerable: true,
+  get: function get() {
+    return _baseAtlaskitBadgeElement.default;
+  }
+});
 Object.defineProperty(exports, "BaseAvatarGroupElement", {
   enumerable: true,
   get: function get() {
@@ -22,6 +28,12 @@ Object.defineProperty(exports, "BaseDateTimeElement", {
     return _baseDateTimeElement.default;
   }
 });
+Object.defineProperty(exports, "BaseIconElement", {
+  enumerable: true,
+  get: function get() {
+    return _baseIconElement.default;
+  }
+});
 Object.defineProperty(exports, "BaseLinkElement", {
   enumerable: true,
   get: function get() {
@@ -40,9 +52,67 @@ Object.defineProperty(exports, "BaseTextElement", {
     return _baseTextElement.default;
   }
 });
-var _baseBadgeElement = _interopRequireDefault(require("./base-badge-element"));
-var _baseTextElement = _interopRequireDefault(require("./base-text-element"));
-var _baseAvatarGroupElement = _interopRequireDefault(require("./base-avatar-group-element"));
-var _baseDateTimeElement = _interopRequireDefault(require("./base-date-time-element"));
-var _baseLozengeElement = _interopRequireDefault(require("./base-lozenge-element"));
-var _baseLinkElement = _interopRequireDefault(require("./base-link-element"));
+Object.defineProperty(exports, "toAtlaskitBadgeProps", {
+  enumerable: true,
+  get: function get() {
+    return _baseAtlaskitBadgeElement.toAtlaskitBadgeProps;
+  }
+});
+Object.defineProperty(exports, "toAvatarGroupProps", {
+  enumerable: true,
+  get: function get() {
+    return _baseAvatarGroupElement.toAvatarGroupProps;
+  }
+});
+Object.defineProperty(exports, "toBadgeProps", {
+  enumerable: true,
+  get: function get() {
+    return _baseBadgeElement.toBadgeProps;
+  }
+});
+Object.defineProperty(exports, "toDateLozengeProps", {
+  enumerable: true,
+  get: function get() {
+    return _baseLozengeElement.toDateLozengeProps;
+  }
+});
+Object.defineProperty(exports, "toDateTimeProps", {
+  enumerable: true,
+  get: function get() {
+    return _baseDateTimeElement.toDateTimeProps;
+  }
+});
+Object.defineProperty(exports, "toFormattedTextProps", {
+  enumerable: true,
+  get: function get() {
+    return _baseTextElement.toFormattedTextProps;
+  }
+});
+Object.defineProperty(exports, "toLinkIconProps", {
+  enumerable: true,
+  get: function get() {
+    return _baseIconElement.toLinkIconProps;
+  }
+});
+Object.defineProperty(exports, "toLinkProps", {
+  enumerable: true,
+  get: function get() {
+    return _baseLinkElement.toLinkProps;
+  }
+});
+Object.defineProperty(exports, "toTextProps", {
+  enumerable: true,
+  get: function get() {
+    return _baseTextElement.toTextProps;
+  }
+});
+var _baseBadgeElement = _interopRequireWildcard(require("./base-badge-element"));
+var _baseTextElement = _interopRequireWildcard(require("./base-text-element"));
+var _baseAvatarGroupElement = _interopRequireWildcard(require("./base-avatar-group-element"));
+var _baseDateTimeElement = _interopRequireWildcard(require("./base-date-time-element"));
+var _baseLozengeElement = _interopRequireWildcard(require("./base-lozenge-element"));
+var _baseLinkElement = _interopRequireWildcard(require("./base-link-element"));
+var _baseIconElement = _interopRequireWildcard(require("./base-icon-element"));
+var _baseAtlaskitBadgeElement = _interopRequireWildcard(require("./base-atlaskit-badge-element"));
+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; }

package/dist/cjs/view/FlexibleCard/components/elements/created-by-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 CreatedByElement = function CreatedByElement(props) {
+  var context = (0, _flexibleUiContext.useFlexibleUiContext)();
+  var data = context ? (0, _common.toFormattedTextProps)(_messages.messages.created_by, context.createdBy) : null;
+  return data ? /*#__PURE__*/_react.default.createElement(_common.BaseTextElement, (0, _extends2.default)({}, data, props, {
+    name: _constants.ElementName.CreatedBy
+  })) : null;
+};
+var _default = exports.default = CreatedByElement;

package/dist/cjs/view/FlexibleCard/components/elements/created-on-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 CreatedOnElement = function CreatedOnElement(props) {
+  var context = (0, _flexibleUiContext.useFlexibleUiContext)();
+  var data = context ? (0, _common.toDateTimeProps)('created', context.createdOn) : null;
+  return data ? /*#__PURE__*/_react.default.createElement(_common.BaseDateTimeElement, (0, _extends2.default)({}, data, props, {
+    name: _constants.ElementName.CreatedOn
+  })) : null;
+};
+var _default = exports.default = CreatedOnElement;

package/dist/cjs/view/FlexibleCard/components/elements/due-on-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 DueOnElement = function DueOnElement(props) {
+  var context = (0, _flexibleUiContext.useFlexibleUiContext)();
+  var data = context ? (0, _common.toDateLozengeProps)(context.dueOn) : null;
+  return data ? /*#__PURE__*/_react.default.createElement(_common.BaseLozengeElement, (0, _extends2.default)({}, data, props, {
+    name: _constants.ElementName.DueOn
+  })) : null;
+};
+var _default = exports.default = DueOnElement;

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

@@ -30,6 +30,13 @@ var _utils = require("./utils");
 var _previewElement = _interopRequireDefault(require("./preview-element"));
 var _snippetElement = _interopRequireDefault(require("./snippet-element"));
 var _appliedToComponentsCountElement = _interopRequireDefault(require("./applied-to-components-count-element"));
+/**
+ * @note The intention is to replace all the exports below with an import from
+ * the direct files when `createElement` is deleted.
+ * This changes should be made when FG platform-linking-flexible-card-elements-refactor
+ * is cleaned up
+ */
+
 // Attention: Keep the export name and element name the same.
 // This will help reducing the code for mapping elements inside
 // createElement and renderElementItems
@@ -38,6 +45,9 @@ var _appliedToComponentsCountElement = _interopRequireDefault(require("./applied
  * @see Text
  */
 var AssignedTo = exports.AssignedTo = (0, _utils.createElement)(_constants.ElementName.AssignedTo);
+// For example, this should be replaced with
+// export { default * AssignedTo } from "./assigned-to-element"
+
 /**
  * An AvatarGroup element using the data from AssignedToGroup in the Flexible UI Context.
  * @see AvatarGroup

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

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

@@ -0,0 +1,31 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _typeof2 = _interopRequireDefault(require("@babel/runtime/helpers/typeof"));
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+var _react = _interopRequireDefault(require("react"));
+var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
+var _constants = require("../../../../../constants");
+var _flexibleUiContext = require("../../../../../state/flexible-ui-context");
+var _common = require("../common");
+var LinkIconElement = function LinkIconElement(props) {
+  var context = (0, _flexibleUiContext.useFlexibleUiContext)();
+  if (!context) {
+    return null;
+  }
+  if ((0, _platformFeatureFlags.fg)('platform-linking-visual-refresh-v2')) {
+    var _data = (0, _common.toLinkIconProps)(context === null || context === void 0 ? void 0 : context.linkIcon, context.type);
+    return _data ? /*#__PURE__*/_react.default.createElement(_common.BaseIconElement, (0, _extends2.default)({}, _data, props, {
+      name: _constants.ElementName.LinkIcon
+    })) : null;
+  }
+  var data = (0, _typeof2.default)(context === null || context === void 0 ? void 0 : context.linkIcon) === 'object' ? context === null || context === void 0 ? void 0 : context.linkIcon : undefined;
+  return data ? /*#__PURE__*/_react.default.createElement(_common.BaseIconElement, (0, _extends2.default)({}, data, props, {
+    name: _constants.ElementName.LinkIcon
+  })) : null;
+};
+var _default = exports.default = LinkIconElement;

package/dist/cjs/view/FlexibleCard/components/elements/location-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 LocationElement = function LocationElement(props) {
+  var _context$location;
+  var context = (0, _flexibleUiContext.useFlexibleUiContext)();
+  var data = (_context$location = context === null || context === void 0 ? void 0 : context.location) !== null && _context$location !== void 0 ? _context$location : null;
+  return data ? /*#__PURE__*/_react.default.createElement(_common.BaseLinkElement, (0, _extends2.default)({
+    theme: _constants.SmartLinkInternalTheme.Grey
+  }, data, props, {
+    name: _constants.ElementName.Location
+  })) : null;
+};
+var _default = exports.default = LocationElement;

package/dist/cjs/view/FlexibleCard/components/elements/modified-by-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 ModifiedByElement = function ModifiedByElement(props) {
+  var context = (0, _flexibleUiContext.useFlexibleUiContext)();
+  var data = context ? (0, _common.toFormattedTextProps)(_messages.messages.modified_by, context.modifiedBy) : null;
+  return data ? /*#__PURE__*/_react.default.createElement(_common.BaseTextElement, (0, _extends2.default)({}, data, props, {
+    name: _constants.ElementName.ModifiedBy
+  })) : null;
+};
+var _default = exports.default = ModifiedByElement;

package/dist/cjs/view/FlexibleCard/components/elements/modified-on-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 ModifiedOnElement = function ModifiedOnElement(props) {
+  var context = (0, _flexibleUiContext.useFlexibleUiContext)();
+  var data = context ? (0, _common.toDateTimeProps)('modified', context.modifiedOn) : null;
+  return data ? /*#__PURE__*/_react.default.createElement(_common.BaseDateTimeElement, (0, _extends2.default)({}, data, props, {
+    name: _constants.ElementName.ModifiedOn
+  })) : null;
+};
+var _default = exports.default = ModifiedOnElement;

package/dist/cjs/view/FlexibleCard/components/elements/owned-by-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 OwnedByElement = function OwnedByElement(props) {
+  var context = (0, _flexibleUiContext.useFlexibleUiContext)();
+  var data = context ? (0, _common.toFormattedTextProps)(_messages.messages.owned_by, context.ownedBy) : null;
+  return data ? /*#__PURE__*/_react.default.createElement(_common.BaseTextElement, (0, _extends2.default)({}, data, props, {
+    name: _constants.ElementName.OwnedBy
+  })) : null;
+};
+var _default = exports.default = OwnedByElement;

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

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

@@ -1,30 +1,22 @@
 "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 _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
-var _react = _interopRequireWildcard(require("react"));
-var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
+var _react = _interopRequireDefault(require("react"));
 var _constants = require("../../../../../constants");
 var _flexibleUiContext = require("../../../../../state/flexible-ui-context");
 var _mediaElement = _interopRequireDefault(require("../media-element"));
 var _excluded = ["overrideUrl"];
-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 PreviewElement = function PreviewElement(props) {
   var _ref = props !== null && props !== void 0 ? props : {},
     overrideUrl = _ref.overrideUrl,
     rest = (0, _objectWithoutProperties2.default)(_ref, _excluded);
-  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)();
   var data = overrideUrl ? {
     url: overrideUrl,
     type: _constants.MediaType.Image

package/dist/cjs/view/FlexibleCard/components/elements/priority-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 _flexibleUiContext = require("../../../../../state/flexible-ui-context");
+var _common = require("../common");
+var PriorityElement = function PriorityElement(props) {
+  var _context$priority;
+  var context = (0, _flexibleUiContext.useFlexibleUiContext)();
+  var data = (_context$priority = context === null || context === void 0 ? void 0 : context.priority) !== null && _context$priority !== void 0 ? _context$priority : null;
+  return data ? /*#__PURE__*/_react.default.createElement(_common.BaseBadgeElement, (0, _extends2.default)({}, data, props, {
+    name: _constants.ElementName.Priority
+  })) : null;
+};
+var _default = exports.default = PriorityElement;

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

@@ -0,0 +1,22 @@
+"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 ProgrammingLanguageElement = function ProgrammingLanguageElement(props) {
+  var context = (0, _flexibleUiContext.useFlexibleUiContext)();
+  var data = context ? (0, _common.toBadgeProps)(context.programmingLanguage) : null;
+  return data ? /*#__PURE__*/_react.default.createElement(_common.BaseBadgeElement, (0, _extends2.default)({
+    icon: _constants.IconType.ProgrammingLanguage
+  }, data, props, {
+    name: _constants.ElementName.ProgrammingLanguage
+  })) : null;
+};
+var _default = exports.default = ProgrammingLanguageElement;

package/dist/cjs/view/FlexibleCard/components/elements/provider-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 _flexibleUiContext = require("../../../../../state/flexible-ui-context");
+var _common = require("../common");
+var ProviderElement = function ProviderElement(props) {
+  var _context$provider;
+  var context = (0, _flexibleUiContext.useFlexibleUiContext)();
+  var data = (_context$provider = context === null || context === void 0 ? void 0 : context.provider) !== null && _context$provider !== void 0 ? _context$provider : null;
+  return data ? /*#__PURE__*/_react.default.createElement(_common.BaseBadgeElement, (0, _extends2.default)({}, data, props, {
+    name: _constants.ElementName.Provider
+  })) : null;
+};
+var _default = exports.default = ProviderElement;

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

package/dist/cjs/view/FlexibleCard/components/elements/read-time-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 ReadTimeElement = function ReadTimeElement(props) {
+  var context = (0, _flexibleUiContext.useFlexibleUiContext)();
+  var data = context ? (0, _common.toFormattedTextProps)(_messages.messages.read_time, context.readTime) : null;
+  return data ? /*#__PURE__*/_react.default.createElement(_common.BaseTextElement, (0, _extends2.default)({}, data, props, {
+    name: _constants.ElementName.ReadTime
+  })) : null;
+};
+var _default = exports.default = ReadTimeElement;

package/dist/cjs/view/FlexibleCard/components/elements/sent-on-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 SentOnElement = function SentOnElement(props) {
+  var context = (0, _flexibleUiContext.useFlexibleUiContext)();
+  var data = context ? (0, _common.toDateTimeProps)('sent', context.sentOn) : null;
+  return data ? /*#__PURE__*/_react.default.createElement(_common.BaseDateTimeElement, (0, _extends2.default)({}, data, props, {
+    name: _constants.ElementName.SentOn
+  })) : null;
+};
+var _default = exports.default = SentOnElement;

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

@@ -8,8 +8,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 require("./index.compiled.css");
-var _react = _interopRequireWildcard(require("react"));
-var React = _react;
+var React = _interopRequireWildcard(require("react"));
 var _runtime = require("@compiled/react/runtime");
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
@@ -31,11 +30,7 @@ var SnippetElement = function SnippetElement(props) {
     maxLines = _ref$maxLines === void 0 ? SNIPPET_DEFAULT_MAX_LINES : _ref$maxLines,
     className = _ref.className,
     restOfProps = (0, _objectWithoutProperties2.default)(_ref, _excluded);
-  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)();
   return /*#__PURE__*/React.createElement(_common.BaseTextElement, (0, _extends2.default)({
     content: overrideContent !== null && overrideContent !== void 0 ? overrideContent : context === null || context === void 0 ? void 0 : context.snippet,
     maxLines: maxLines,

package/dist/cjs/view/FlexibleCard/components/elements/source-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 SourceBranchElement = function SourceBranchElement(props) {
+  var context = (0, _flexibleUiContext.useFlexibleUiContext)();
+  var data = context ? (0, _common.toTextProps)(context.sourceBranch) : null;
+  return data ? /*#__PURE__*/_react.default.createElement(_common.BaseTextElement, (0, _extends2.default)({}, data, props, {
+    name: _constants.ElementName.SourceBranch
+  })) : null;
+};
+var _default = exports.default = SourceBranchElement;

package/dist/cjs/view/FlexibleCard/components/elements/state-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 _flexibleUiContext = require("../../../../../state/flexible-ui-context");
+var _common = require("../common");
+var StateElement = function StateElement(props) {
+  var _context$state;
+  var context = (0, _flexibleUiContext.useFlexibleUiContext)();
+  var data = (_context$state = context === null || context === void 0 ? void 0 : context.state) !== null && _context$state !== void 0 ? _context$state : null;
+  return data ? /*#__PURE__*/_react.default.createElement(_common.BaseLozengeElement, (0, _extends2.default)({}, data, props, {
+    name: _constants.ElementName.State
+  })) : null;
+};
+var _default = exports.default = StateElement;