@atlaskit/smart-card 26.19.0 → 26.20.0

package/CHANGELOG.md

@@ -1,5 +1,11 @@
 # @atlaskit/smart-card
 
+## 26.20.0
+
+### Minor Changes
+
+- [`f2cb6463788`](https://bitbucket.org/atlassian/atlassian-frontend/commits/f2cb6463788) - We are testing a fallback avatar in Assigned Avatar Group in Flex UI behind a feature flag. If this update is successful it will be available in a later release.
+
 ## 26.19.0
 
 ### Minor Changes

package/dist/cjs/messages.js

@@ -426,6 +426,11 @@ var messages = (0, _reactIntlNext.defineMessages)({
     defaultMessage: "We can't display private pages",
     description: 'Shown when a user does not have access to a link.'
   },
+  unassigned: {
+    id: 'fabric.linking.unassigned',
+    defaultMessage: 'Unassigned',
+    description: 'Shown as a tooltip text for a default unassigned fallback avatar'
+  },
   unlink_account: {
     id: 'fabric.linking.unlink_account',
     defaultMessage: 'Unlink Account',

package/dist/cjs/utils/analytics/analytics.js

@@ -21,7 +21,7 @@ exports.ANALYTICS_CHANNEL = ANALYTICS_CHANNEL;
 var context = {
   componentName: 'smart-cards',
   packageName: "@atlaskit/smart-card",
-  packageVersion: "26.19.0"
+  packageVersion: "26.20.0"
 };
 exports.context = context;
 var TrackQuickActionType = /*#__PURE__*/function (TrackQuickActionType) {

package/dist/cjs/view/BlockCard/views/flexible/utils/index.js

@@ -34,7 +34,7 @@ var baseBottomMetaData = [{
   name: _constants.ElementName.ChecklistProgress
 }];
 var getSimulatedBetterMetadata = function getSimulatedBetterMetadata(cardDetails) {
-  var _getExtensionKey;
+  var _getExtensionKey, _data$Type$includes, _data$Type;
   var extensionKey = (_getExtensionKey = (0, _helpers.getExtensionKey)(cardDetails)) !== null && _getExtensionKey !== void 0 ? _getExtensionKey : '';
   var data = cardDetails === null || cardDetails === void 0 ? void 0 : cardDetails.data;
   var defaultTitleMetadata = [{
@@ -58,9 +58,10 @@ var getSimulatedBetterMetadata = function getSimulatedBetterMetadata(cardDetails
         bottomMetadata: defaultBottomMetadata
       };
     case 'jira-object-provider':
+      var isJiraTask = (_data$Type$includes = (_data$Type = data['@type']) === null || _data$Type === void 0 ? void 0 : _data$Type.includes('atlassian:Task')) !== null && _data$Type$includes !== void 0 ? _data$Type$includes : false;
       return {
         titleMetadata: defaultTitleMetadata,
-        topMetadata: (0, _utils.extractAssignedTo)(data) ? [{
+        topMetadata: isJiraTask ? [{
           name: _constants.ElementName.AssignedToGroup
         }, {
           name: _constants.ElementName.AssignedTo

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

@@ -67,9 +67,21 @@ var AvatarGroup = function AvatarGroup(_ref) {
     _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? 'smart-element-avatar-group' : _ref$testId,
     _ref$showNamePrefix = _ref.showNamePrefix,
-    showNamePrefix = _ref$showNamePrefix === void 0 ? false : _ref$showNamePrefix;
+    showNamePrefix = _ref$showNamePrefix === void 0 ? false : _ref$showNamePrefix,
+    _ref$showFallbackAvat = _ref.showFallbackAvatar,
+    showFallbackAvatar = _ref$showFallbackAvat === void 0 ? true : _ref$showFallbackAvat;
   var intl = (0, _reactIntlNext.useIntl)();
   var data = (0, _react.useMemo)(function () {
+    if (!items.length && showFallbackAvatar) {
+      switch (name) {
+        case _constants.ElementName.AssignedToGroup:
+          return [{
+            name: (0, _utils.getFormattedMessageAsString)(intl, _messages.messages.unassigned)
+          }];
+        default:
+          return [];
+      }
+    }
     if (name && showNamePrefix) {
       return items.map(function (person) {
         return _objectSpread(_objectSpread({}, person), {}, {
@@ -78,7 +90,7 @@ var AvatarGroup = function AvatarGroup(_ref) {
       });
     }
     return items;
-  }, [name, items, showNamePrefix, intl]);
+  }, [name, items, showNamePrefix, showFallbackAvatar, intl]);
   if (!data.length) {
     return null;
   }

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

@@ -147,11 +147,13 @@ var getData = function getData(elementName, contextKey, context) {
   }
   var data = context[contextKey];
   switch (elementName) {
-    case _constants.ElementName.AuthorGroup:
     case _constants.ElementName.AssignedToGroup:
+    case _constants.ElementName.AuthorGroup:
     case _constants.ElementName.CollaboratorGroup:
     case _constants.ElementName.OwnedByGroup:
-      return toAvatarGroupProps(data);
+      var AvatarGroupsWithFallback = [_constants.ElementName.AssignedToGroup];
+      var showFallbackAvatar = AvatarGroupsWithFallback.includes(elementName);
+      return toAvatarGroupProps(data, showFallbackAvatar);
     case _constants.ElementName.AttachmentCount:
     case _constants.ElementName.ChecklistProgress:
     case _constants.ElementName.CommentCount:
@@ -193,9 +195,11 @@ var getData = function getData(elementName, contextKey, context) {
       return (0, _typeof2.default)(data) === 'object' ? data : undefined;
   }
 };
-var toAvatarGroupProps = function toAvatarGroupProps(items) {
+var toAvatarGroupProps = function toAvatarGroupProps(items, showFallbackAvatar) {
   return items ? {
     items: items
+  } : showFallbackAvatar ? {
+    items: []
   } : undefined;
 };
 var toBadgeProps = function toBadgeProps(label) {

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

@@ -31,7 +31,7 @@ var getFormattedMessageAsString = function getFormattedMessageAsString(intl, mes
   var formatMessage = intl.formatMessage;
   return message ? formatMessage(message, {
     context: context
-  }) : null;
+  }) : '';
 };
 exports.getFormattedMessageAsString = getFormattedMessageAsString;
 var getIconDimensionStyles = function getIconDimensionStyles(value) {

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

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

package/dist/es2019/messages.js

@@ -420,6 +420,11 @@ export const messages = defineMessages({
     defaultMessage: "We can't display private pages",
     description: 'Shown when a user does not have access to a link.'
   },
+  unassigned: {
+    id: 'fabric.linking.unassigned',
+    defaultMessage: 'Unassigned',
+    description: 'Shown as a tooltip text for a default unassigned fallback avatar'
+  },
   unlink_account: {
     id: 'fabric.linking.unlink_account',
     defaultMessage: 'Unlink Account',

package/dist/es2019/utils/analytics/analytics.js

@@ -3,7 +3,7 @@ export const ANALYTICS_CHANNEL = 'media';
 export const context = {
   componentName: 'smart-cards',
   packageName: "@atlaskit/smart-card",
-  packageVersion: "26.19.0"
+  packageVersion: "26.20.0"
 };
 export let TrackQuickActionType = /*#__PURE__*/function (TrackQuickActionType) {
   TrackQuickActionType["StatusUpdate"] = "StatusUpdate";

package/dist/es2019/view/BlockCard/views/flexible/utils/index.js

@@ -1,5 +1,5 @@
 import { ElementName } from '../../../../../constants';
-import { extractOwnedBy, extractAssignedTo } from '../../../../../extractors/flexible/utils';
+import { extractOwnedBy } from '../../../../../extractors/flexible/utils';
 import { getExtensionKey } from '../../../../../state/helpers';
 const baseTopMetadata = [{
   name: ElementName.ModifiedOn
@@ -28,7 +28,7 @@ const baseBottomMetaData = [{
   name: ElementName.ChecklistProgress
 }];
 export const getSimulatedBetterMetadata = cardDetails => {
-  var _getExtensionKey;
+  var _getExtensionKey, _data$Type$includes, _data$Type;
   const extensionKey = (_getExtensionKey = getExtensionKey(cardDetails)) !== null && _getExtensionKey !== void 0 ? _getExtensionKey : '';
   const data = cardDetails === null || cardDetails === void 0 ? void 0 : cardDetails.data;
   const defaultTitleMetadata = [{
@@ -52,9 +52,10 @@ export const getSimulatedBetterMetadata = cardDetails => {
         bottomMetadata: defaultBottomMetadata
       };
     case 'jira-object-provider':
+      const isJiraTask = (_data$Type$includes = (_data$Type = data['@type']) === null || _data$Type === void 0 ? void 0 : _data$Type.includes('atlassian:Task')) !== null && _data$Type$includes !== void 0 ? _data$Type$includes : false;
       return {
         titleMetadata: defaultTitleMetadata,
-        topMetadata: extractAssignedTo(data) ? [{
+        topMetadata: isJiraTask ? [{
           name: ElementName.AssignedToGroup
         }, {
           name: ElementName.AssignedTo

package/dist/es2019/view/FlexibleCard/components/elements/avatar-group/index.js

@@ -64,10 +64,21 @@ const AvatarGroup = ({
   overrideCss,
   size = SmartLinkSize.Medium,
   testId = 'smart-element-avatar-group',
-  showNamePrefix = false
+  showNamePrefix = false,
+  showFallbackAvatar = true
 }) => {
   const intl = useIntl();
   const data = useMemo(() => {
+    if (!items.length && showFallbackAvatar) {
+      switch (name) {
+        case ElementName.AssignedToGroup:
+          return [{
+            name: getFormattedMessageAsString(intl, messages.unassigned)
+          }];
+        default:
+          return [];
+      }
+    }
     if (name && showNamePrefix) {
       return items.map(person => {
         return {
@@ -77,7 +88,7 @@ const AvatarGroup = ({
       });
     }
     return items;
-  }, [name, items, showNamePrefix, intl]);
+  }, [name, items, showNamePrefix, showFallbackAvatar, intl]);
   if (!data.length) {
     return null;
   }

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

@@ -170,11 +170,13 @@ const getData = (elementName, contextKey, context) => {
   }
   const data = context[contextKey];
   switch (elementName) {
-    case ElementName.AuthorGroup:
     case ElementName.AssignedToGroup:
+    case ElementName.AuthorGroup:
     case ElementName.CollaboratorGroup:
     case ElementName.OwnedByGroup:
-      return toAvatarGroupProps(data);
+      const AvatarGroupsWithFallback = [ElementName.AssignedToGroup];
+      const showFallbackAvatar = AvatarGroupsWithFallback.includes(elementName);
+      return toAvatarGroupProps(data, showFallbackAvatar);
     case ElementName.AttachmentCount:
     case ElementName.ChecklistProgress:
     case ElementName.CommentCount:
@@ -216,9 +218,11 @@ const getData = (elementName, contextKey, context) => {
       return typeof data === 'object' ? data : undefined;
   }
 };
-const toAvatarGroupProps = items => {
+const toAvatarGroupProps = (items, showFallbackAvatar) => {
   return items ? {
     items
+  } : showFallbackAvatar ? {
+    items: []
   } : undefined;
 };
 const toBadgeProps = label => {

package/dist/es2019/view/FlexibleCard/components/utils.js

@@ -28,7 +28,7 @@ export const getFormattedMessageAsString = (intl, message, context) => {
   } = intl;
   return message ? formatMessage(message, {
     context
-  }) : null;
+  }) : '';
 };
 const getIconDimensionStyles = value => css`
   height: ${value};

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

@@ -8,7 +8,7 @@ import LinkWarningModal from './LinkWarningModal';
 import { getBooleanFF } from '@atlaskit/platform-feature-flags';
 const PACKAGE_DATA = {
   packageName: "@atlaskit/smart-card",
-  packageVersion: "26.19.0",
+  packageVersion: "26.20.0",
   componentName: 'linkUrl'
 };
 const Link = withLinkClickedEvent('a');

package/dist/esm/messages.js

@@ -420,6 +420,11 @@ export var messages = defineMessages({
     defaultMessage: "We can't display private pages",
     description: 'Shown when a user does not have access to a link.'
   },
+  unassigned: {
+    id: 'fabric.linking.unassigned',
+    defaultMessage: 'Unassigned',
+    description: 'Shown as a tooltip text for a default unassigned fallback avatar'
+  },
   unlink_account: {
     id: 'fabric.linking.unlink_account',
     defaultMessage: 'Unlink Account',

package/dist/esm/utils/analytics/analytics.js

@@ -13,7 +13,7 @@ export var ANALYTICS_CHANNEL = 'media';
 export var context = {
   componentName: 'smart-cards',
   packageName: "@atlaskit/smart-card",
-  packageVersion: "26.19.0"
+  packageVersion: "26.20.0"
 };
 export var TrackQuickActionType = /*#__PURE__*/function (TrackQuickActionType) {
   TrackQuickActionType["StatusUpdate"] = "StatusUpdate";

package/dist/esm/view/BlockCard/views/flexible/utils/index.js

@@ -1,5 +1,5 @@
 import { ElementName } from '../../../../../constants';
-import { extractOwnedBy, extractAssignedTo } from '../../../../../extractors/flexible/utils';
+import { extractOwnedBy } from '../../../../../extractors/flexible/utils';
 import { getExtensionKey } from '../../../../../state/helpers';
 var baseTopMetadata = [{
   name: ElementName.ModifiedOn
@@ -28,7 +28,7 @@ var baseBottomMetaData = [{
   name: ElementName.ChecklistProgress
 }];
 export var getSimulatedBetterMetadata = function getSimulatedBetterMetadata(cardDetails) {
-  var _getExtensionKey;
+  var _getExtensionKey, _data$Type$includes, _data$Type;
   var extensionKey = (_getExtensionKey = getExtensionKey(cardDetails)) !== null && _getExtensionKey !== void 0 ? _getExtensionKey : '';
   var data = cardDetails === null || cardDetails === void 0 ? void 0 : cardDetails.data;
   var defaultTitleMetadata = [{
@@ -52,9 +52,10 @@ export var getSimulatedBetterMetadata = function getSimulatedBetterMetadata(card
         bottomMetadata: defaultBottomMetadata
       };
     case 'jira-object-provider':
+      var isJiraTask = (_data$Type$includes = (_data$Type = data['@type']) === null || _data$Type === void 0 ? void 0 : _data$Type.includes('atlassian:Task')) !== null && _data$Type$includes !== void 0 ? _data$Type$includes : false;
       return {
         titleMetadata: defaultTitleMetadata,
-        topMetadata: extractAssignedTo(data) ? [{
+        topMetadata: isJiraTask ? [{
           name: ElementName.AssignedToGroup
         }, {
           name: ElementName.AssignedTo

package/dist/esm/view/FlexibleCard/components/elements/avatar-group/index.js

@@ -58,9 +58,21 @@ var AvatarGroup = function AvatarGroup(_ref) {
     _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? 'smart-element-avatar-group' : _ref$testId,
     _ref$showNamePrefix = _ref.showNamePrefix,
-    showNamePrefix = _ref$showNamePrefix === void 0 ? false : _ref$showNamePrefix;
+    showNamePrefix = _ref$showNamePrefix === void 0 ? false : _ref$showNamePrefix,
+    _ref$showFallbackAvat = _ref.showFallbackAvatar,
+    showFallbackAvatar = _ref$showFallbackAvat === void 0 ? true : _ref$showFallbackAvat;
   var intl = useIntl();
   var data = useMemo(function () {
+    if (!items.length && showFallbackAvatar) {
+      switch (name) {
+        case ElementName.AssignedToGroup:
+          return [{
+            name: getFormattedMessageAsString(intl, messages.unassigned)
+          }];
+        default:
+          return [];
+      }
+    }
     if (name && showNamePrefix) {
       return items.map(function (person) {
         return _objectSpread(_objectSpread({}, person), {}, {
@@ -69,7 +81,7 @@ var AvatarGroup = function AvatarGroup(_ref) {
       });
     }
     return items;
-  }, [name, items, showNamePrefix, intl]);
+  }, [name, items, showNamePrefix, showFallbackAvatar, intl]);
   if (!data.length) {
     return null;
   }

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

@@ -137,11 +137,13 @@ var getData = function getData(elementName, contextKey, context) {
   }
   var data = context[contextKey];
   switch (elementName) {
-    case ElementName.AuthorGroup:
     case ElementName.AssignedToGroup:
+    case ElementName.AuthorGroup:
     case ElementName.CollaboratorGroup:
     case ElementName.OwnedByGroup:
-      return toAvatarGroupProps(data);
+      var AvatarGroupsWithFallback = [ElementName.AssignedToGroup];
+      var showFallbackAvatar = AvatarGroupsWithFallback.includes(elementName);
+      return toAvatarGroupProps(data, showFallbackAvatar);
     case ElementName.AttachmentCount:
     case ElementName.ChecklistProgress:
     case ElementName.CommentCount:
@@ -183,9 +185,11 @@ var getData = function getData(elementName, contextKey, context) {
       return _typeof(data) === 'object' ? data : undefined;
   }
 };
-var toAvatarGroupProps = function toAvatarGroupProps(items) {
+var toAvatarGroupProps = function toAvatarGroupProps(items, showFallbackAvatar) {
   return items ? {
     items: items
+  } : showFallbackAvatar ? {
+    items: []
   } : undefined;
 };
 var toBadgeProps = function toBadgeProps(label) {

package/dist/esm/view/FlexibleCard/components/utils.js

@@ -22,7 +22,7 @@ export var getFormattedMessageAsString = function getFormattedMessageAsString(in
   var formatMessage = intl.formatMessage;
   return message ? formatMessage(message, {
     context: context
-  }) : null;
+  }) : '';
 };
 var getIconDimensionStyles = function getIconDimensionStyles(value) {
   return css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  height: ", ";\n  min-height: ", ";\n  max-height: ", ";\n  width: ", ";\n  min-width: ", ";\n  max-width: ", ";\n"])), value, value, value, value, value, value);

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

@@ -11,7 +11,7 @@ import LinkWarningModal from './LinkWarningModal';
 import { getBooleanFF } from '@atlaskit/platform-feature-flags';
 var PACKAGE_DATA = {
   packageName: "@atlaskit/smart-card",
-  packageVersion: "26.19.0",
+  packageVersion: "26.20.0",
   componentName: 'linkUrl'
 };
 var Link = withLinkClickedEvent('a');

package/dist/types/messages.d.ts

@@ -1,6 +1,6 @@
 import { MessageDescriptor } from 'react-intl-next';
 export type RequestAccessMessageKey = 'click_to_join' | 'click_to_join_description' | 'forbidden_description' | 'request_access' | 'request_access_description' | 'request_access_pending' | 'request_access_pending_description' | 'request_denied_description';
-export type MessageKey = 'assigned_to' | 'cannot_find_link' | 'connect_link_account_card' | 'connect_link_account_card_name' | 'connect_link_account_card_description' | 'connect_unauthorised_account_action' | 'connect_unauthorised_account_description' | 'connect_unauthorised_account_description_no_provider' | 'continue' | 'copy_url_to_clipboard' | 'could_not_load_link' | 'download' | 'go_back' | 'invalid_permissions' | 'invalid_permissions_description' | 'join_to_view' | 'connect_link_account' | 'created_by' | 'created_on_relative' | 'created_on_absolute' | 'check_this_link' | 'delete' | 'edit' | 'learn_more_about_smart_links' | 'loading' | 'link_safety_warning_message' | 'modified_by' | 'modified_on_relative' | 'modified_on_absolute' | 'more_actions' | 'not_found_title' | 'not_found_description' | 'open_issue_in_jira' | 'open_link_in_a_new_tab' | 'owned_by' | 'preview_improved' | 'preview_close' | 'preview_max_size' | 'preview_min_size' | 'priority_blocker' | 'priority_critical' | 'priority_high' | 'priority_highest' | 'priority_low' | 'priority_lowest' | 'priority_major' | 'priority_medium' | 'priority_minor' | 'priority_trivial' | 'priority_undefined' | 'forbidden_access' | 'pending_request' | 'read_time' | 'restricted_link' | 'request_access_to_view' | 'request_denied' | 'sent_on_relative' | 'sent_on_absolute' | 'status_change_load_error' | 'status_change_permission_error' | 'status_change_update_error' | 'try_again' | 'try_another_account' | 'unauthorised_account_description' | 'unauthorised_account_description_no_provider' | 'unauthorised_account_name' | 'unauthorised_account_name_no_provider' | 'view' | 'viewIn' | 'viewOriginal' | 'actions' | 'add_account' | 'cancel' | 'close' | 'connect_to' | 'connect_account_description' | 'retry' | 'save' | 'unlink_account' | RequestAccessMessageKey;
+export type MessageKey = 'assigned_to' | 'cannot_find_link' | 'connect_link_account_card' | 'connect_link_account_card_name' | 'connect_link_account_card_description' | 'connect_unauthorised_account_action' | 'connect_unauthorised_account_description' | 'connect_unauthorised_account_description_no_provider' | 'continue' | 'copy_url_to_clipboard' | 'could_not_load_link' | 'download' | 'go_back' | 'invalid_permissions' | 'invalid_permissions_description' | 'join_to_view' | 'connect_link_account' | 'created_by' | 'created_on_relative' | 'created_on_absolute' | 'check_this_link' | 'delete' | 'edit' | 'learn_more_about_smart_links' | 'loading' | 'link_safety_warning_message' | 'modified_by' | 'modified_on_relative' | 'modified_on_absolute' | 'more_actions' | 'not_found_title' | 'not_found_description' | 'open_issue_in_jira' | 'open_link_in_a_new_tab' | 'owned_by' | 'preview_improved' | 'preview_close' | 'preview_max_size' | 'preview_min_size' | 'priority_blocker' | 'priority_critical' | 'priority_high' | 'priority_highest' | 'priority_low' | 'priority_lowest' | 'priority_major' | 'priority_medium' | 'priority_minor' | 'priority_trivial' | 'priority_undefined' | 'forbidden_access' | 'pending_request' | 'read_time' | 'restricted_link' | 'request_access_to_view' | 'request_denied' | 'sent_on_relative' | 'sent_on_absolute' | 'status_change_load_error' | 'status_change_permission_error' | 'status_change_update_error' | 'try_again' | 'try_another_account' | 'unauthorised_account_description' | 'unauthorised_account_description_no_provider' | 'unauthorised_account_name' | 'unauthorised_account_name_no_provider' | 'unassigned' | 'view' | 'viewIn' | 'viewOriginal' | 'actions' | 'add_account' | 'cancel' | 'close' | 'connect_to' | 'connect_account_description' | 'retry' | 'save' | 'unlink_account' | RequestAccessMessageKey;
 type Messages = {
     [K in MessageKey]: MessageDescriptor;
 };

package/dist/types/view/FlexibleCard/components/blocks/types.d.ts

@@ -208,6 +208,10 @@ export type AssignedToGroup = {
      * Shows a name prefix Assigned To in the Avatar tooltip.
      */
     showNamePrefix?: boolean;
+    /**
+     * Shows a default unassigned fallback avatar when no person is assigned.
+     */
+    showFallbackAvatar?: boolean;
 };
 /**
  * Represents the props available for an ChecklistProgress element.

package/dist/types/view/FlexibleCard/components/elements/avatar-group/types.d.ts

@@ -22,4 +22,8 @@ export type AvatarGroupProps = ElementProps & {
      * Shows a name prefix in the Avatar tooltip (Created by, Assigned To, Owned by)
      */
     showNamePrefix?: boolean;
+    /**
+     * Shows a default fallback avatar if no persons in the AvatarGroup.
+     */
+    showFallbackAvatar?: boolean;
 };

package/dist/types/view/FlexibleCard/components/utils.d.ts

@@ -8,7 +8,7 @@ import { PreviewActionData } from '../../../state/flexible-ui-context/types';
 import { IntlShape, MessageDescriptor } from 'react-intl-next';
 export declare const sizeToButtonSpacing: Record<SmartLinkSize, Spacing>;
 export declare const getFormattedMessage: (message?: MessageProps) => JSX.Element | undefined;
-export declare const getFormattedMessageAsString: (intl: IntlShape, message: MessageDescriptor, context?: string) => string | null;
+export declare const getFormattedMessageAsString: (intl: IntlShape, message: MessageDescriptor, context?: string) => string;
 export declare const getIconSizeStyles: (width: string) => SerializedStyles;
 export declare const getIconWidth: (size?: SmartLinkSize) => string;
 export declare const getLinkLineHeight: (size: SmartLinkSize) => string;

package/dist/types-ts4.5/messages.d.ts

@@ -1,6 +1,6 @@
 import { MessageDescriptor } from 'react-intl-next';
 export type RequestAccessMessageKey = 'click_to_join' | 'click_to_join_description' | 'forbidden_description' | 'request_access' | 'request_access_description' | 'request_access_pending' | 'request_access_pending_description' | 'request_denied_description';
-export type MessageKey = 'assigned_to' | 'cannot_find_link' | 'connect_link_account_card' | 'connect_link_account_card_name' | 'connect_link_account_card_description' | 'connect_unauthorised_account_action' | 'connect_unauthorised_account_description' | 'connect_unauthorised_account_description_no_provider' | 'continue' | 'copy_url_to_clipboard' | 'could_not_load_link' | 'download' | 'go_back' | 'invalid_permissions' | 'invalid_permissions_description' | 'join_to_view' | 'connect_link_account' | 'created_by' | 'created_on_relative' | 'created_on_absolute' | 'check_this_link' | 'delete' | 'edit' | 'learn_more_about_smart_links' | 'loading' | 'link_safety_warning_message' | 'modified_by' | 'modified_on_relative' | 'modified_on_absolute' | 'more_actions' | 'not_found_title' | 'not_found_description' | 'open_issue_in_jira' | 'open_link_in_a_new_tab' | 'owned_by' | 'preview_improved' | 'preview_close' | 'preview_max_size' | 'preview_min_size' | 'priority_blocker' | 'priority_critical' | 'priority_high' | 'priority_highest' | 'priority_low' | 'priority_lowest' | 'priority_major' | 'priority_medium' | 'priority_minor' | 'priority_trivial' | 'priority_undefined' | 'forbidden_access' | 'pending_request' | 'read_time' | 'restricted_link' | 'request_access_to_view' | 'request_denied' | 'sent_on_relative' | 'sent_on_absolute' | 'status_change_load_error' | 'status_change_permission_error' | 'status_change_update_error' | 'try_again' | 'try_another_account' | 'unauthorised_account_description' | 'unauthorised_account_description_no_provider' | 'unauthorised_account_name' | 'unauthorised_account_name_no_provider' | 'view' | 'viewIn' | 'viewOriginal' | 'actions' | 'add_account' | 'cancel' | 'close' | 'connect_to' | 'connect_account_description' | 'retry' | 'save' | 'unlink_account' | RequestAccessMessageKey;
+export type MessageKey = 'assigned_to' | 'cannot_find_link' | 'connect_link_account_card' | 'connect_link_account_card_name' | 'connect_link_account_card_description' | 'connect_unauthorised_account_action' | 'connect_unauthorised_account_description' | 'connect_unauthorised_account_description_no_provider' | 'continue' | 'copy_url_to_clipboard' | 'could_not_load_link' | 'download' | 'go_back' | 'invalid_permissions' | 'invalid_permissions_description' | 'join_to_view' | 'connect_link_account' | 'created_by' | 'created_on_relative' | 'created_on_absolute' | 'check_this_link' | 'delete' | 'edit' | 'learn_more_about_smart_links' | 'loading' | 'link_safety_warning_message' | 'modified_by' | 'modified_on_relative' | 'modified_on_absolute' | 'more_actions' | 'not_found_title' | 'not_found_description' | 'open_issue_in_jira' | 'open_link_in_a_new_tab' | 'owned_by' | 'preview_improved' | 'preview_close' | 'preview_max_size' | 'preview_min_size' | 'priority_blocker' | 'priority_critical' | 'priority_high' | 'priority_highest' | 'priority_low' | 'priority_lowest' | 'priority_major' | 'priority_medium' | 'priority_minor' | 'priority_trivial' | 'priority_undefined' | 'forbidden_access' | 'pending_request' | 'read_time' | 'restricted_link' | 'request_access_to_view' | 'request_denied' | 'sent_on_relative' | 'sent_on_absolute' | 'status_change_load_error' | 'status_change_permission_error' | 'status_change_update_error' | 'try_again' | 'try_another_account' | 'unauthorised_account_description' | 'unauthorised_account_description_no_provider' | 'unauthorised_account_name' | 'unauthorised_account_name_no_provider' | 'unassigned' | 'view' | 'viewIn' | 'viewOriginal' | 'actions' | 'add_account' | 'cancel' | 'close' | 'connect_to' | 'connect_account_description' | 'retry' | 'save' | 'unlink_account' | RequestAccessMessageKey;
 type Messages = {
     [K in MessageKey]: MessageDescriptor;
 };

package/dist/types-ts4.5/view/FlexibleCard/components/blocks/types.d.ts

@@ -208,6 +208,10 @@ export type AssignedToGroup = {
      * Shows a name prefix Assigned To in the Avatar tooltip.
      */
     showNamePrefix?: boolean;
+    /**
+     * Shows a default unassigned fallback avatar when no person is assigned.
+     */
+    showFallbackAvatar?: boolean;
 };
 /**
  * Represents the props available for an ChecklistProgress element.

package/dist/types-ts4.5/view/FlexibleCard/components/elements/avatar-group/types.d.ts

@@ -22,4 +22,8 @@ export type AvatarGroupProps = ElementProps & {
      * Shows a name prefix in the Avatar tooltip (Created by, Assigned To, Owned by)
      */
     showNamePrefix?: boolean;
+    /**
+     * Shows a default fallback avatar if no persons in the AvatarGroup.
+     */
+    showFallbackAvatar?: boolean;
 };

package/dist/types-ts4.5/view/FlexibleCard/components/utils.d.ts

@@ -8,7 +8,7 @@ import { PreviewActionData } from '../../../state/flexible-ui-context/types';
 import { IntlShape, MessageDescriptor } from 'react-intl-next';
 export declare const sizeToButtonSpacing: Record<SmartLinkSize, Spacing>;
 export declare const getFormattedMessage: (message?: MessageProps) => JSX.Element | undefined;
-export declare const getFormattedMessageAsString: (intl: IntlShape, message: MessageDescriptor, context?: string) => string | null;
+export declare const getFormattedMessageAsString: (intl: IntlShape, message: MessageDescriptor, context?: string) => string;
 export declare const getIconSizeStyles: (width: string) => SerializedStyles;
 export declare const getIconWidth: (size?: SmartLinkSize) => string;
 export declare const getLinkLineHeight: (size: SmartLinkSize) => string;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@atlaskit/smart-card",
-  "version": "26.19.0",
+  "version": "26.20.0",
   "description": "Smart card component",
   "publishConfig": {
     "registry": "https://registry.npmjs.org/"
@@ -47,7 +47,7 @@
     "@atlaskit/platform-feature-flags": "^0.2.1",
     "@atlaskit/popup": "^1.9.0",
     "@atlaskit/spinner": "^15.5.0",
-    "@atlaskit/theme": "^12.5.0",
+    "@atlaskit/theme": "^12.6.0",
     "@atlaskit/tokens": "^1.18.0",
     "@atlaskit/tooltip": "^17.8.0",
     "@atlaskit/ufo": "^0.2.0",

package/report.api.md

@@ -157,6 +157,7 @@ type AssignedTo = {
 type AssignedToGroup = {
   name: ElementName.AssignedToGroup;
   showNamePrefix?: boolean;
+  showFallbackAvatar?: boolean;
 };
 
 // @public

package/tmp/api-report-tmp.d.ts

@@ -110,6 +110,7 @@ type AssignedTo = {
 type AssignedToGroup = {
     name: ElementName.AssignedToGroup;
     showNamePrefix?: boolean;
+    showFallbackAvatar?: boolean;
 };
 
 // @public