@atlaskit/smart-card 39.3.0 → 40.0.0

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

@@ -12,13 +12,12 @@ 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"));
-var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 var _constants = require("../../../../../constants");
 var _flexibleUiContext = require("../../../../../state/flexible-ui-context");
 var _block = _interopRequireDefault(require("../block"));
 var _elementGroup = _interopRequireDefault(require("../element-group"));
 var _utils = require("../utils");
-var _excluded = ["maxLines", "status", "testId", "primary", "secondary"];
+var _excluded = ["maxLines", "testId", "primary", "secondary"];
 /* eslint-disable @atlaskit/design-system/use-tokens-typography */
 function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
 var DEFAULT_MAX_LINES = 2;
@@ -72,11 +71,9 @@ var ElementItemRenderer = function ElementItemRenderer(_ref) {
  * @see Block
  */
 var MetadataBlock = function MetadataBlock(_ref2) {
-  var _ref3, _blockProps$size2, _cardContext$ui;
+  var _ref3, _blockProps$size, _cardContext$ui;
   var _ref2$maxLines = _ref2.maxLines,
     maxLines = _ref2$maxLines === void 0 ? DEFAULT_MAX_LINES : _ref2$maxLines,
-    _ref2$status = _ref2.status,
-    status = _ref2$status === void 0 ? _constants.SmartLinkStatus.Fallback : _ref2$status,
     _ref2$testId = _ref2.testId,
     testId = _ref2$testId === void 0 ? 'smart-block-metadata' : _ref2$testId,
     _ref2$primary = _ref2.primary,
@@ -84,53 +81,24 @@ var MetadataBlock = function MetadataBlock(_ref2) {
     _ref2$secondary = _ref2.secondary,
     secondary = _ref2$secondary === void 0 ? [] : _ref2$secondary,
     blockProps = (0, _objectWithoutProperties2.default)(_ref2, _excluded);
-  var cardContext = (0, _platformFeatureFlags.fg)('platform-linking-flexible-card-context') ?
-  // eslint-disable-next-line react-hooks/rules-of-hooks
-  (0, _flexibleUiContext.useFlexibleCardContext)() : undefined;
-  if ((0, _platformFeatureFlags.fg)('platform-linking-flexible-card-context')) {
-    if (primary.length === 0 && secondary.length === 0 || (cardContext === null || cardContext === void 0 ? void 0 : cardContext.status) !== _constants.SmartLinkStatus.Resolved) {
-      return null;
-    }
-  } else {
-    if (primary.length === 0 && secondary.length === 0 || status !== _constants.SmartLinkStatus.Resolved) {
-      return null;
-    }
+  var cardContext = (0, _flexibleUiContext.useFlexibleCardContext)();
+  if (primary.length === 0 && secondary.length === 0 || (cardContext === null || cardContext === void 0 ? void 0 : cardContext.status) !== _constants.SmartLinkStatus.Resolved) {
+    return null;
   }
-  var _blockProps$size = blockProps.size,
-    sizeProp = _blockProps$size === void 0 ? _constants.SmartLinkSize.Medium : _blockProps$size;
-  var size = (0, _platformFeatureFlags.fg)('platform-linking-flexible-card-context') ? (_ref3 = (_blockProps$size2 = blockProps === null || blockProps === void 0 ? void 0 : blockProps.size) !== null && _blockProps$size2 !== void 0 ? _blockProps$size2 : cardContext === null || cardContext === void 0 || (_cardContext$ui = cardContext.ui) === null || _cardContext$ui === void 0 ? void 0 : _cardContext$ui.size) !== null && _ref3 !== void 0 ? _ref3 : _constants.SmartLinkSize.Medium : sizeProp;
+  var size = (_ref3 = (_blockProps$size = blockProps === null || blockProps === void 0 ? void 0 : blockProps.size) !== null && _blockProps$size !== void 0 ? _blockProps$size : cardContext === null || cardContext === void 0 || (_cardContext$ui = cardContext.ui) === null || _cardContext$ui === void 0 ? void 0 : _cardContext$ui.size) !== null && _ref3 !== void 0 ? _ref3 : _constants.SmartLinkSize.Medium;
   var maxLinesTotal = getMaxLines(maxLines);
-  if ((0, _platformFeatureFlags.fg)('platform-linking-flexible-card-context')) {
-    return /*#__PURE__*/React.createElement(_block.default, (0, _extends2.default)({}, blockProps, {
-      size: size,
-      testId: "".concat(testId, "-resolved-view")
-    }), /*#__PURE__*/React.createElement(ElementItemRenderer, {
-      items: primary,
-      size: size,
-      maxLines: maxLinesTotal
-    }), /*#__PURE__*/React.createElement(ElementItemRenderer, {
-      align: _constants.SmartLinkAlignment.Right,
-      items: secondary,
-      size: size,
-      maxLines: maxLinesTotal
-    }));
-  }
-  var primaryElements = (0, _utils.renderElementItems)(primary);
-  var secondaryElements = (0, _utils.renderElementItems)(secondary);
   return /*#__PURE__*/React.createElement(_block.default, (0, _extends2.default)({}, blockProps, {
+    size: size,
     testId: "".concat(testId, "-resolved-view")
-  }), primaryElements && /*#__PURE__*/React.createElement(_elementGroup.default, {
-    align: _constants.SmartLinkAlignment.Left,
-    direction: _constants.SmartLinkDirection.Horizontal,
-    width: _constants.SmartLinkWidth.Flexible,
+  }), /*#__PURE__*/React.createElement(ElementItemRenderer, {
+    items: primary,
     size: size,
-    className: (0, _runtime.ax)([truncateStyles[maxLinesTotal], sizeStyles[size]])
-  }, primaryElements), secondaryElements && /*#__PURE__*/React.createElement(_elementGroup.default, {
+    maxLines: maxLinesTotal
+  }), /*#__PURE__*/React.createElement(ElementItemRenderer, {
     align: _constants.SmartLinkAlignment.Right,
-    direction: _constants.SmartLinkDirection.Horizontal,
-    width: _constants.SmartLinkWidth.Flexible,
+    items: secondary,
     size: size,
-    className: (0, _runtime.ax)([truncateStyles[maxLinesTotal], sizeStyles[size]])
-  }, secondaryElements));
+    maxLines: maxLinesTotal
+  }));
 };
 var _default = exports.default = MetadataBlock;

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

@@ -8,11 +8,9 @@ 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 _resolved = _interopRequireDefault(require("./resolved"));
-var _excluded = ["status", "testId", "overrideUrl"];
+var _excluded = ["testId", "overrideUrl"];
 /**
  * Represents a PreviewBlock, which typically contains media or other large format content.
  * @public
@@ -21,18 +19,13 @@ var _excluded = ["status", "testId", "overrideUrl"];
  */
 var PreviewBlock = function PreviewBlock(_ref) {
   var _blockProps$size;
-  var _ref$status = _ref.status,
-    status = _ref$status === void 0 ? _constants.SmartLinkStatus.Fallback : _ref$status,
-    _ref$testId = _ref.testId,
+  var _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? 'smart-block-preview' : _ref$testId,
     overrideUrl = _ref.overrideUrl,
     blockProps = (0, _objectWithoutProperties2.default)(_ref, _excluded);
-  var ui = (0, _platformFeatureFlags.fg)('platform-linking-flexible-card-context') ?
-  // eslint-disable-next-line react-hooks/rules-of-hooks
-  (0, _flexibleUiContext.useFlexibleUiOptionContext)() : undefined;
-  return /*#__PURE__*/_react.default.createElement(_resolved.default, (0, _extends2.default)({}, blockProps, (0, _platformFeatureFlags.fg)('platform-linking-flexible-card-context') ? {
-    size: (_blockProps$size = blockProps.size) !== null && _blockProps$size !== void 0 ? _blockProps$size : ui === null || ui === void 0 ? void 0 : ui.size
-  } : undefined, {
+  var ui = (0, _flexibleUiContext.useFlexibleUiOptionContext)();
+  return /*#__PURE__*/_react.default.createElement(_resolved.default, (0, _extends2.default)({}, blockProps, {
+    size: (_blockProps$size = blockProps.size) !== null && _blockProps$size !== void 0 ? _blockProps$size : ui === null || ui === void 0 ? void 0 : ui.size,
     testId: testId,
     overrideUrl: overrideUrl
   }));

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

@@ -15,7 +15,7 @@ var _renderers = require("../../../../../state/renderers");
 var _elements = require("../../elements");
 var _utils = require("../../utils");
 var _block = _interopRequireDefault(require("../block"));
-var _excluded = ["maxLines", "status", "testId", "text", "isHidden", "showFooter"];
+var _excluded = ["maxLines", "testId", "text", "isHidden", "showFooter"];
 var DEFAULT_MAX_LINES = 3;
 var MAXIMUM_MAX_LINES = 6;
 var MINIMUM_MAX_LINES = 1;
@@ -30,8 +30,6 @@ var SnippetBlock = function SnippetBlock(_ref) {
   var _useFlexibleUiOptionC, _blockProps$size2, _cardContext$ui2, _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,
-    status = _ref$status === void 0 ? _constants.SmartLinkStatus.Fallback : _ref$status,
     _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? 'smart-block-snippet' : _ref$testId,
     text = _ref.text,
@@ -48,17 +46,9 @@ var SnippetBlock = function SnippetBlock(_ref) {
   (0, _renderers.useSmartLinkRenderers)() : undefined;
   var enableSnippetRenderer = (0, _platformFeatureFlags.fg)('cc-ai-linking-platform-snippet-renderer') ? // eslint-disable-next-line react-hooks/rules-of-hooks
   (_useFlexibleUiOptionC = (0, _flexibleUiContext.useFlexibleUiOptionContext)()) === null || _useFlexibleUiOptionC === void 0 ? void 0 : _useFlexibleUiOptionC.enableSnippetRenderer : undefined;
-  var cardContext = (0, _platformFeatureFlags.fg)('platform-linking-flexible-card-context') ?
-  // eslint-disable-next-line react-hooks/rules-of-hooks
-  (0, _flexibleUiContext.useFlexibleCardContext)() : undefined;
-  if ((0, _platformFeatureFlags.fg)('platform-linking-flexible-card-context')) {
-    if ((cardContext === null || cardContext === void 0 ? void 0 : cardContext.status) !== _constants.SmartLinkStatus.Resolved && !text) {
-      return null;
-    }
-  } else {
-    if (status !== _constants.SmartLinkStatus.Resolved && !text) {
-      return null;
-    }
+  var cardContext = (0, _flexibleUiContext.useFlexibleCardContext)();
+  if ((cardContext === null || cardContext === void 0 ? void 0 : cardContext.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';
@@ -68,16 +58,14 @@ var SnippetBlock = function SnippetBlock(_ref) {
   });
   if (!(0, _platformFeatureFlags.fg)('cc-ai-linking-platform-snippet-renderer') || !enableSnippetRenderer) {
     var _blockProps$size, _cardContext$ui;
-    return /*#__PURE__*/_react.default.createElement(_block.default, (0, _extends2.default)({}, blockProps, (0, _platformFeatureFlags.fg)('platform-linking-flexible-card-context') ? {
-      size: (_blockProps$size = blockProps.size) !== null && _blockProps$size !== void 0 ? _blockProps$size : cardContext === null || cardContext === void 0 || (_cardContext$ui = cardContext.ui) === null || _cardContext$ui === void 0 ? void 0 : _cardContext$ui.size
-    } : undefined, {
+    return /*#__PURE__*/_react.default.createElement(_block.default, (0, _extends2.default)({}, blockProps, {
+      size: (_blockProps$size = blockProps.size) !== null && _blockProps$size !== void 0 ? _blockProps$size : cardContext === null || cardContext === void 0 || (_cardContext$ui = cardContext.ui) === null || _cardContext$ui === void 0 ? void 0 : _cardContext$ui.size,
       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, (0, _platformFeatureFlags.fg)('platform-linking-flexible-card-context') ? {
-    size: (_blockProps$size2 = blockProps.size) !== null && _blockProps$size2 !== void 0 ? _blockProps$size2 : cardContext === null || cardContext === void 0 || (_cardContext$ui2 = cardContext.ui) === null || _cardContext$ui2 === void 0 ? void 0 : _cardContext$ui2.size
-  } : undefined, {
+  return /*#__PURE__*/_react.default.createElement(_block.default, (0, _extends2.default)({}, blockProps, {
+    size: (_blockProps$size2 = blockProps.size) !== null && _blockProps$size2 !== void 0 ? _blockProps$size2 : cardContext === null || cardContext === void 0 || (_cardContext$ui2 = cardContext.ui) === null || _cardContext$ui2 === void 0 ? void 0 : _cardContext$ui2.size,
     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 : '',

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

@@ -8,9 +8,6 @@ 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 _reactIntlNext = require("react-intl-next");
-var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
-var _compiled = require("@atlaskit/primitives/compiled");
 var _constants = require("../../../../../../constants");
 var _flexibleUiContext = require("../../../../../../state/flexible-ui-context");
 var _actions = require("../../../actions");
@@ -36,15 +33,8 @@ var TitleBlockErroredView = function TitleBlockErroredView(_ref) {
     icon = _ref.icon,
     hideIcon = _ref.hideIcon,
     blockProps = (0, _objectWithoutProperties2.default)(_ref, _excluded);
-  var _ref2 = retry || {},
-    descriptor = _ref2.descriptor,
-    onClick = _ref2.onClick,
-    values = _ref2.values;
-  var hasAction = onClick !== undefined;
-  var context = (0, _platformFeatureFlags.fg)('platform-linking-flexible-card-unresolved-action') ?
-  // eslint-disable-next-line react-hooks/rules-of-hooks
-  (0, _flexibleUiContext.useFlexibleUiContext)() : {};
-  var showRetry = (0, _platformFeatureFlags.fg)('platform-linking-flexible-card-unresolved-action') ? !hideRetry && Boolean(context === null || context === void 0 || (_context$actions = context.actions) === null || _context$actions === void 0 ? void 0 : _context$actions[_constants.InternalActionName.UnresolvedAction]) : false;
+  var context = (0, _flexibleUiContext.useFlexibleUiContext)();
+  var showRetry = !hideRetry && Boolean(context === null || context === void 0 || (_context$actions = context.actions) === null || _context$actions === void 0 ? void 0 : _context$actions[_constants.InternalActionName.UnresolvedAction]);
   return /*#__PURE__*/_react.default.createElement(_block.default, (0, _extends2.default)({}, blockProps, {
     testId: "".concat(testId, "-errored-view")
   }), !hideIcon && /*#__PURE__*/_react.default.createElement(_elements.LinkIcon, {
@@ -54,15 +44,6 @@ var TitleBlockErroredView = function TitleBlockErroredView(_ref) {
     align: _constants.SmartLinkAlignment.Right
   }, /*#__PURE__*/_react.default.createElement(_actions.UnresolvedAction, {
     testId: testId
-  })), !(0, _platformFeatureFlags.fg)('platform-linking-flexible-card-unresolved-action') && descriptor && /*#__PURE__*/_react.default.createElement(_elementGroup.default, {
-    direction: _constants.SmartLinkDirection.Horizontal,
-    align: _constants.SmartLinkAlignment.Right
-  }, /*#__PURE__*/_react.default.createElement(_compiled.Box, {
-    onClick: onClick,
-    testId: "".concat(testId, "-errored-view-message"),
-    tabIndex: hasAction ? 0 : -1
-  }, /*#__PURE__*/_react.default.createElement(_reactIntlNext.FormattedMessage, (0, _extends2.default)({}, descriptor, {
-    values: values
-  })))), actionGroup);
+  })), actionGroup);
 };
 var _default = exports.default = TitleBlockErroredView;

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

@@ -14,7 +14,6 @@ var _runtime = require("@compiled/react/runtime");
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
-var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 var _constants = require("../../../../../constants");
 var _useLinkClicked = require("../../../../../state/analytics/useLinkClicked");
 var _flexibleUiContext = require("../../../../../state/flexible-ui-context");
@@ -23,7 +22,7 @@ var _actionGroup = _interopRequireDefault(require("../action-group"));
 var _errored = _interopRequireDefault(require("./errored"));
 var _resolved = _interopRequireDefault(require("./resolved"));
 var _resolving = _interopRequireDefault(require("./resolving"));
-var _excluded = ["actions", "anchorTarget", "hideTitleTooltip", "maxLines", "onActionMenuOpenChange", "onClick", "status", "showActionOnHover", "testId", "text", "icon", "theme", "hideRetry", "metadataPosition", "hideIcon", "className", "anchorRef", "CompetitorPrompt", "url", "hideIconLoadingSkeleton"];
+var _excluded = ["actions", "anchorTarget", "hideTitleTooltip", "maxLines", "onActionMenuOpenChange", "showActionOnHover", "testId", "text", "icon", "hideRetry", "metadataPosition", "hideIcon", "className", "anchorRef", "CompetitorPrompt", "url", "hideIconLoadingSkeleton"];
 function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
 var actionStyles = null;
 var getTitleBlockViewComponent = function getTitleBlockViewComponent(status) {
@@ -63,15 +62,11 @@ var TitleBlock = function TitleBlock(_ref) {
     hideTitleTooltip = _ref.hideTitleTooltip,
     maxLines = _ref.maxLines,
     onActionMenuOpenChange = _ref.onActionMenuOpenChange,
-    onClick = _ref.onClick,
-    _ref$status = _ref.status,
-    statusProp = _ref$status === void 0 ? _constants.SmartLinkStatus.Fallback : _ref$status,
     showActionOnHover = _ref.showActionOnHover,
     _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? 'smart-block-title' : _ref$testId,
     text = _ref.text,
     icon = _ref.icon,
-    theme = _ref.theme,
     hideRetry = _ref.hideRetry,
     metadataPosition = _ref.metadataPosition,
     _ref$hideIcon = _ref.hideIcon,
@@ -82,18 +77,11 @@ var TitleBlock = function TitleBlock(_ref) {
     url = _ref.url,
     hideIconLoadingSkeleton = _ref.hideIconLoadingSkeleton,
     props = (0, _objectWithoutProperties2.default)(_ref, _excluded);
-  var cardContext = (0, _platformFeatureFlags.fg)('platform-linking-flexible-card-context') ?
-  // eslint-disable-next-line react-hooks/rules-of-hooks
-  (0, _flexibleUiContext.useFlexibleCardContext)() : undefined;
+  var cardContext = (0, _flexibleUiContext.useFlexibleCardContext)();
   var _ref2 = cardContext || {},
     _ref2$status = _ref2.status,
     status = _ref2$status === void 0 ? _constants.SmartLinkStatus.Fallback : _ref2$status,
     ui = _ref2.ui;
-  if (!(0, _platformFeatureFlags.fg)('platform-linking-flexible-card-unresolved-action')) {
-    if (hideRetry && props.retry) {
-      delete props.retry;
-    }
-  }
   var _useState = (0, _react.useState)(false),
     _useState2 = (0, _slicedToArray2.default)(_useState, 2),
     actionDropdownOpen = _useState2[0],
@@ -117,16 +105,13 @@ var TitleBlock = function TitleBlock(_ref) {
   var onMouseDown = (0, _useLinkClicked.useMouseDownEvent)();
   var title = /*#__PURE__*/React.createElement(_elements.Title, (0, _extends2.default)({
     hideTooltip: hideTitleTooltip,
-    maxLines: maxLines
-  }, (0, _platformFeatureFlags.fg)('platform-linking-flexible-card-context') ? undefined : {
-    onClick: onClick
-  }, {
+    maxLines: maxLines,
     onMouseDown: onMouseDown,
     target: anchorTarget,
-    theme: (0, _platformFeatureFlags.fg)('platform-linking-flexible-card-context') ? ui === null || ui === void 0 ? void 0 : ui.theme : theme,
+    theme: ui === null || ui === void 0 ? void 0 : ui.theme,
     anchorRef: anchorRef
   }, overrideText));
-  var Component = getTitleBlockViewComponent((0, _platformFeatureFlags.fg)('platform-linking-flexible-card-context') ? status : statusProp);
+  var Component = getTitleBlockViewComponent(status);
   return /*#__PURE__*/React.createElement(Component, (0, _extends2.default)({}, props, {
     actionGroup: actionGroup
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop
@@ -135,16 +120,11 @@ var TitleBlock = function TitleBlock(_ref) {
     testId: testId,
     title: title,
     metadataPosition: metadataPosition,
-    hideIcon: hideIcon
-  }, (0, _platformFeatureFlags.fg)('platform-linking-flexible-card-unresolved-action') ? {
-    hideRetry: hideRetry
-  } : undefined, {
+    hideIcon: hideIcon,
+    hideRetry: hideRetry,
     icon: icon,
     hideIconLoadingSkeleton: hideIconLoadingSkeleton,
-    size: (0, _platformFeatureFlags.fg)('platform-linking-flexible-card-context') ? (_props$size = props.size) !== null && _props$size !== void 0 ? _props$size : ui === null || ui === void 0 ? void 0 : ui.size : props === null || props === void 0 ? void 0 : props.size
-  }, (0, _platformFeatureFlags.fg)('platform-linking-flexible-card-context') ? undefined : {
-    theme: theme
-  }, {
+    size: (_props$size = props.size) !== null && _props$size !== void 0 ? _props$size : ui === null || ui === void 0 ? void 0 : ui.size,
     CompetitorPrompt: CompetitorPrompt,
     url: url
   }));

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

@@ -1,19 +1,17 @@
 /* index.tsx generated by @compiled/babel-plugin v0.36.1 */
+/* eslint-disable @atlaskit/design-system/consistent-css-prop-usage */
+/* eslint-disable @atlaskit/ui-styling-standard/no-unsafe-values */
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-var _typeof = require("@babel/runtime/helpers/typeof");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.getFlexibleUiBlock = exports.getChildrenOptions = exports.default = void 0;
 require("./index.compiled.css");
 var _runtime = require("@compiled/react/runtime");
-var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
-var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-var _react = _interopRequireWildcard(require("react"));
+var _react = _interopRequireDefault(require("react"));
 var _reactMagneticDi = require("react-magnetic-di");
-var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 var _constants = require("../../../../constants");
 var _flexibleUiContext = require("../../../../state/flexible-ui-context");
 var _utils = require("../../../../state/flexible-ui-context/utils");
@@ -21,10 +19,6 @@ var _flexible = require("../../../../utils/flexible");
 var _blocks = require("../blocks");
 var _hoverCardControl = _interopRequireDefault(require("./hover-card-control"));
 var _layeredLink = _interopRequireDefault(require("./layered-link"));
-var _excluded = ["containerSize"];
-function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
-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 @atlaskit/design-system/consistent-css-prop-usage */ /* eslint-disable @atlaskit/ui-styling-standard/no-unsafe-values */
 var getChildrenOptions = exports.getChildrenOptions = function getChildrenOptions(children, context) {
   var options = {};
   if ((0, _utils.isFlexUiPreviewPresent)(context)) {
@@ -52,83 +46,6 @@ var filterChildren = function filterChildren(children, removeBlockRestriction) {
     return /*#__PURE__*/_react.default.isValidElement(child) && (0, _flexible.isFlexibleUiBlock)(child) ? child : undefined;
   });
 };
-var renderChildren = function renderChildren(children, containerSize, containerTheme, status, retry, onClick, removeBlockRestriction) {
-  return _react.default.Children.map(children, function (child) {
-    if ( /*#__PURE__*/_react.default.isValidElement(child) && (0, _flexible.isFlexibleUiBlock)(child)) {
-      if ((0, _flexible.isFlexibleUiTitleBlock)(child)) {
-        if ((0, _flexible.isStyleCacheProvider)(child)) {
-          return updateChildrenTitleBlock(child, {
-            onClick: onClick,
-            retry: retry,
-            containerSize: containerSize,
-            status: status,
-            theme: containerTheme
-          });
-        } else {
-          var _blockSize = child.props.size;
-          var _size = _blockSize || containerSize;
-          return /*#__PURE__*/_react.default.cloneElement(child, _objectSpread({
-            // @ts-expect-error
-            onClick: onClick,
-            size: _size,
-            status: status,
-            theme: containerTheme
-          }, (0, _platformFeatureFlags.fg)('platform-linking-flexible-card-unresolved-action') ? undefined : {
-            retry: retry
-          }));
-        }
-      }
-      var blockSize = child.props.size;
-      var size = blockSize || containerSize;
-      if ((0, _flexible.isStyleCacheProvider)(child)) {
-        return updateChildrenBlock(child, size, status);
-      }
-
-      // @ts-expect-error
-      return /*#__PURE__*/_react.default.cloneElement(child, {
-        size: size,
-        status: status
-      });
-    }
-    if (removeBlockRestriction) {
-      return child;
-    }
-  });
-};
-var updateChildrenBlock = function updateChildrenBlock(node, size, status) {
-  var updatedChildren = _react.default.Children.map(node.props.children, function (child) {
-    if ( /*#__PURE__*/_react.default.isValidElement(child) && (0, _flexible.isFlexibleUiBlock)(child)) {
-      // @ts-expect-error
-      return /*#__PURE__*/_react.default.cloneElement(child, {
-        size: size,
-        status: status
-      });
-    }
-    return child;
-  });
-  return /*#__PURE__*/_react.default.cloneElement(node, {
-    children: updatedChildren
-  });
-};
-var updateChildrenTitleBlock = function updateChildrenTitleBlock(node, _ref) {
-  var containerSize = _ref.containerSize,
-    props = (0, _objectWithoutProperties2.default)(_ref, _excluded);
-  var updatedChildren = _react.default.Children.map(node.props.children, function (child) {
-    if ( /*#__PURE__*/_react.default.isValidElement(child) && (0, _flexible.isFlexibleUiTitleBlock)(child)) {
-      var _ref2 = child.props,
-        blockSize = _ref2.size;
-      var size = blockSize || containerSize;
-      return /*#__PURE__*/_react.default.cloneElement(child, _objectSpread(_objectSpread({}, props), {}, {
-        size: size
-      }));
-    } else {
-      return child;
-    }
-  });
-  return /*#__PURE__*/_react.default.cloneElement(node, {
-    children: updatedChildren
-  });
-};
 
 /**
  * Note: This function is only necessary for CompiledCSS within Jest tests due to the way it handles Styles.
@@ -167,19 +84,18 @@ var getTitleBlockProps = function getTitleBlockProps(children) {
   }
 };
 var getLayeredLink = function getLayeredLink(testId, context, children, onClick) {
-  var _ref3 = context || {},
-    linkTitle = _ref3.linkTitle,
-    title = _ref3.title,
-    _ref3$url = _ref3.url,
-    url = _ref3$url === void 0 ? '' : _ref3$url;
-  var _ref4 = getTitleBlockProps(children) || {},
-    target = _ref4.anchorTarget,
-    text = _ref4.text;
+  var _ref = context || {},
+    linkTitle = _ref.linkTitle,
+    _ref$url = _ref.url,
+    url = _ref$url === void 0 ? '' : _ref$url;
+  var _ref2 = getTitleBlockProps(children) || {},
+    target = _ref2.anchorTarget,
+    text = _ref2.text;
   return /*#__PURE__*/_react.default.createElement(_layeredLink.default, {
     onClick: onClick,
     target: target,
     testId: testId,
-    text: text || title || (linkTitle === null || linkTitle === void 0 ? void 0 : linkTitle.text),
+    text: text || (linkTitle === null || linkTitle === void 0 ? void 0 : linkTitle.text),
     url: url
   });
 };
@@ -246,38 +162,32 @@ var previewOnRightStyleMap = {
  * @internal
  * @see Block
  */
-var Container = function Container(_ref5) {
-  var children = _ref5.children,
-    _ref5$clickableContai = _ref5.clickableContainer,
-    clickableContainer = _ref5$clickableContai === void 0 ? false : _ref5$clickableContai,
-    _ref5$hideBackground = _ref5.hideBackground,
-    hideBackground = _ref5$hideBackground === void 0 ? false : _ref5$hideBackground,
-    _ref5$hideElevation = _ref5.hideElevation,
-    hideElevation = _ref5$hideElevation === void 0 ? false : _ref5$hideElevation,
-    _ref5$hidePadding = _ref5.hidePadding,
-    hidePadding = _ref5$hidePadding === void 0 ? false : _ref5$hidePadding,
-    onClick = _ref5.onClick,
-    retry = _ref5.retry,
-    _ref5$showHoverPrevie = _ref5.showHoverPreview,
-    showHoverPreview = _ref5$showHoverPrevie === void 0 ? false : _ref5$showHoverPrevie,
-    hoverPreviewOptions = _ref5.hoverPreviewOptions,
-    actionOptions = _ref5.actionOptions,
-    _ref5$removeBlockRest = _ref5.removeBlockRestriction,
-    removeBlockRestriction = _ref5$removeBlockRest === void 0 ? false : _ref5$removeBlockRest,
-    _ref5$size = _ref5.size,
-    size = _ref5$size === void 0 ? _constants.SmartLinkSize.Medium : _ref5$size,
-    status = _ref5.status,
-    _ref5$testId = _ref5.testId,
-    testId = _ref5$testId === void 0 ? 'smart-links-container' : _ref5$testId,
-    _ref5$theme = _ref5.theme,
-    theme = _ref5$theme === void 0 ? _constants.SmartLinkTheme.Link : _ref5$theme;
+var Container = function Container(_ref3) {
+  var children = _ref3.children,
+    _ref3$clickableContai = _ref3.clickableContainer,
+    clickableContainer = _ref3$clickableContai === void 0 ? false : _ref3$clickableContai,
+    _ref3$hideBackground = _ref3.hideBackground,
+    hideBackground = _ref3$hideBackground === void 0 ? false : _ref3$hideBackground,
+    _ref3$hideElevation = _ref3.hideElevation,
+    hideElevation = _ref3$hideElevation === void 0 ? false : _ref3$hideElevation,
+    _ref3$hidePadding = _ref3.hidePadding,
+    hidePadding = _ref3$hidePadding === void 0 ? false : _ref3$hidePadding,
+    onClick = _ref3.onClick,
+    retry = _ref3.retry,
+    _ref3$showHoverPrevie = _ref3.showHoverPreview,
+    showHoverPreview = _ref3$showHoverPrevie === void 0 ? false : _ref3$showHoverPrevie,
+    hoverPreviewOptions = _ref3.hoverPreviewOptions,
+    actionOptions = _ref3.actionOptions,
+    _ref3$removeBlockRest = _ref3.removeBlockRestriction,
+    removeBlockRestriction = _ref3$removeBlockRest === void 0 ? false : _ref3$removeBlockRest,
+    _ref3$size = _ref3.size,
+    size = _ref3$size === void 0 ? _constants.SmartLinkSize.Medium : _ref3$size,
+    status = _ref3.status,
+    _ref3$testId = _ref3.testId,
+    testId = _ref3$testId === void 0 ? 'smart-links-container' : _ref3$testId;
   var padding = hidePadding ? '0px' : getPadding(size);
   var gap = getGap(size);
-  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 _getChildrenOptions = getChildrenOptions(children, context),
     previewOnLeft = _getChildrenOptions.previewOnLeft,
     previewOnRight = _getChildrenOptions.previewOnRight;
@@ -296,7 +206,7 @@ var Container = function Container(_ref5) {
       "--_12k13bg": (0, _runtime.ix)(previewOnRight ? gap : padding),
       "--_18x9sjc": (0, _runtime.ix)("1px solid ".concat("var(--ds-border, #091E4224)"))
     }
-  }, clickableContainer ? getLayeredLink(testId, context, children, onClick) : null, (0, _platformFeatureFlags.fg)('platform-linking-flexible-card-context') ? filterChildren(children, removeBlockRestriction) : renderChildren(children, size, theme, status, retry, onClick, removeBlockRestriction));
+  }, clickableContainer ? getLayeredLink(testId, context, children, onClick) : null, filterChildren(children, removeBlockRestriction));
   if (context !== null && context !== void 0 && context.url && (canShowHoverPreview || canShowAuthTooltip)) {
     return /*#__PURE__*/_react.default.createElement(_hoverCardControl.default, {
       isHoverPreview: canShowHoverPreview,

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

@@ -22,6 +22,7 @@ var _utils = require("../../../utils");
 function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
 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; }
+var stylesOld = null;
 var styles = null;
 var stylesMap = {
   xlarge: "_1e0c116y _1kvxu2gc _102oidpf",
@@ -95,7 +96,7 @@ var BaseAvatarGroup = function BaseAvatarGroup(_ref) {
     "data-testid": testId
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop
     ,
-    className: (0, _runtime.ax)([stylesMap[size], "_1ul91ns9", className])
+    className: (0, _runtime.ax)([!(0, _platformFeatureFlags.fg)('platform-linking-fix-smart-card-avatar-overrides') && stylesMap[size], (0, _platformFeatureFlags.fg)('platform-linking-fix-smart-card-avatar-overrides') ? "_1ul91ns9 _1e0c116y _1kvxu2gc _102oidpf" : "_1ul91ns9", className])
   }), /*#__PURE__*/React.createElement(_avatarGroup.default, {
     maxCount: maxCount,
     appearance: "stack",

package/dist/cjs/view/FlexibleCard/components/elements/custom-by-access-type-element/index.js

@@ -8,30 +8,33 @@ 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 _constants = require("../../../../../constants");
 var _flexibleUiContext = require("../../../../../state/flexible-ui-context");
 var _common = require("../common");
 var _excluded = ["className", "testId"];
 var CustomElementByAccessType = function CustomElementByAccessType(_ref) {
-  var _context$data, _props;
+  var _context$data, _props, _context$data2;
   var className = _ref.className,
     _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? 'custom-by-access-type-element' : _ref$testId,
     props = (0, _objectWithoutProperties2.default)(_ref, _excluded);
   var context = (0, _flexibleUiContext.useFlexibleCardContext)();
   var accessType = context === null || context === void 0 || (_context$data = context.data) === null || _context$data === void 0 || (_context$data = _context$data.meta) === null || _context$data === void 0 ? void 0 : _context$data.accessType;
-  var text = (_props = props[accessType]) !== null && _props !== void 0 ? _props : props.fallback;
-  if (!text) {
+  var descriptor = (_props = props[accessType]) !== null && _props !== void 0 ? _props : props.fallback;
+  if (!descriptor) {
     return null;
   }
-  return (
-    /*#__PURE__*/
+  var values = context === null || context === void 0 || (_context$data2 = context.data) === null || _context$data2 === void 0 || (_context$data2 = _context$data2.actions) === null || _context$data2 === void 0 || (_context$data2 = _context$data2[_constants.InternalActionName.UnresolvedAction]) === null || _context$data2 === void 0 ? void 0 : _context$data2.values;
+  return /*#__PURE__*/_react.default.createElement(_common.BaseTextElement, (0, _extends2.default)({}, props, {
+    message: {
+      descriptor: descriptor,
+      values: values
+    }
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop
-    _react.default.createElement(_common.BaseTextElement, (0, _extends2.default)({}, props, {
-      content: text,
-      className: className,
-      testId: testId,
-      hideFormat: true
-    }))
-  );
+    ,
+    className: className,
+    testId: testId,
+    hideFormat: true
+  }));
 };
 var _default = exports.default = CustomElementByAccessType;

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

@@ -7,13 +7,12 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = void 0;
 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 TitleElement = function TitleElement(props) {
   var context = (0, _flexibleUiContext.useFlexibleUiContext)();
-  var data = context ? (0, _platformFeatureFlags.fg)('platform-linking-flexible-card-context') ? context === null || context === void 0 ? void 0 : context.linkTitle : (0, _common.toLinkProps)(context.title, context.url) : null;
+  var data = context ? context === null || context === void 0 ? void 0 : context.linkTitle : null;
   return data ? /*#__PURE__*/_react.default.createElement(_common.BaseLinkElement, (0, _extends2.default)({}, data, props, {
     name: _constants.ElementName.Title
   })) : null;