@atlaskit/smart-card 23.6.6 → 23.7.0

package/CHANGELOG.md

@@ -1,5 +1,17 @@
 # @atlaskit/smart-card
 
+## 23.7.0
+
+### Minor Changes
+
+- [`3cae92db2b6`](https://bitbucket.org/atlassian/atlassian-frontend/commits/3cae92db2b6) - [ux] Introduces ChecklistProgress element, adds to Trello Hover Cards
+
+## 23.6.7
+
+### Patch Changes
+
+- [`9110a0daf0e`](https://bitbucket.org/atlassian/atlassian-frontend/commits/9110a0daf0e) - [ux] Added support of different forbidden views for Block Card with Flexible UI
+
 ## 23.6.6
 
 ### Patch Changes

package/dist/cjs/constants.js

@@ -133,6 +133,7 @@ exports.ElementName = ElementName;
 (function (ElementName) {
   ElementName["AttachmentCount"] = "AttachmentCount";
   ElementName["AuthorGroup"] = "AuthorGroup";
+  ElementName["ChecklistProgress"] = "ChecklistProgress";
   ElementName["CollaboratorGroup"] = "CollaboratorGroup";
   ElementName["CommentCount"] = "CommentCount";
   ElementName["CreatedBy"] = "CreatedBy";
@@ -225,6 +226,7 @@ exports.IconType = IconType;
   IconType["Error"] = "Default:Error";
   IconType["Forbidden"] = "Default:Forbidden";
   IconType["Attachment"] = "Badge:Attachment";
+  IconType["CheckItem"] = "Badge:Task";
   IconType["Comment"] = "Badge:Comment";
   IconType["View"] = "Badge:View";
   IconType["React"] = "Badge:React";

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

@@ -48,6 +48,7 @@ var extractFlexibleUiContext = function extractFlexibleUiContext(response, rende
     viewCount: (0, _utils.extractViewCount)(data),
     reactCount: (0, _utils.extractReactCount)(data),
     voteCount: (0, _utils.extractVoteCount)(data),
+    checklistProgress: (0, _utils.extractChecklistProgress)(data),
     createdBy: (0, _utils.extractCreatedBy)(data),
     createdOn: (0, _extractors.extractDateCreated)(data),
     dueOn: (0, _utils.extractDueOn)(data),

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

@@ -5,7 +5,7 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.extractVoteCount = exports.extractViewCount = exports.extractTargetBranch = exports.extractSubscriberCount = exports.extractSourceBranch = exports.extractReactCount = exports.extractProgrammingLanguage = exports.extractModifiedBy = exports.extractDueOn = exports.extractCreatedBy = exports.extractCommentCount = exports.extractAttachmentCount = void 0;
+exports.extractVoteCount = exports.extractViewCount = exports.extractTargetBranch = exports.extractSubscriberCount = exports.extractSourceBranch = exports.extractReactCount = exports.extractProgrammingLanguage = exports.extractModifiedBy = exports.extractDueOn = exports.extractCreatedBy = exports.extractCommentCount = exports.extractChecklistProgress = exports.extractAttachmentCount = void 0;
 
 var _typeof2 = _interopRequireDefault(require("@babel/runtime/helpers/typeof"));
 
@@ -99,4 +99,11 @@ var extractTargetBranch = function extractTargetBranch(data) {
   return extractLinkName(data['atlassian:mergeDestination']);
 };
 
-exports.extractTargetBranch = extractTargetBranch;
+exports.extractTargetBranch = extractTargetBranch;
+
+var extractChecklistProgress = function extractChecklistProgress(data) {
+  var checkItemsObj = extractValue(data, 'atlassian:checkItems');
+  return checkItemsObj ? "".concat(checkItemsObj.checkedItems, "/").concat(checkItemsObj.totalItems) : undefined;
+};
+
+exports.extractChecklistProgress = extractChecklistProgress;

package/dist/cjs/version.json

@@ -1,5 +1,5 @@
 {
 	"name": "@atlaskit/smart-card",
-	"version": "23.6.6",
+	"version": "23.7.0",
 	"sideEffects": false
 }

package/dist/cjs/view/BlockCard/actions/flexible/ForbiddenAction.js

@@ -7,6 +7,8 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.ForbiddenAction = void 0;
 
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+
 var _react = _interopRequireDefault(require("react"));
 
 var _reactIntlNext = require("react-intl-next");
@@ -19,13 +21,19 @@ var _messages = require("../../../../messages");
  * Returns a CustomActionItem with a "Try Another Account" default message
  *
  * @see CustomActionItem
- * @param onAuthorize a function that will be called on the click of the button
+ * @param onClick a function that will be called on the click of the button
+ * @param content is a message key for a message to be displayed in the action
+ * @param context is a variable for a message in case a message contains a placeholder
  */
-var ForbiddenAction = function ForbiddenAction(onAuthorize) {
+var ForbiddenAction = function ForbiddenAction(onClick, content, context) {
   return {
     name: _constants.ActionName.CustomAction,
-    content: /*#__PURE__*/_react.default.createElement(_reactIntlNext.FormattedMessage, _messages.messages.try_another_account),
-    onClick: onAuthorize
+    content: /*#__PURE__*/_react.default.createElement(_reactIntlNext.FormattedMessage, (0, _extends2.default)({}, _messages.messages[content], {
+      values: {
+        context: context
+      }
+    })),
+    onClick: onClick
   };
 };
 

package/dist/cjs/view/BlockCard/views/flexible/FlexibleForbiddenView.js

@@ -9,6 +9,8 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 
+var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
+
 var _react = _interopRequireWildcard(require("react"));
 
 var _FlexibleCard = _interopRequireDefault(require("../../../FlexibleCard"));
@@ -31,6 +33,12 @@ var _ForbiddenAction = require("../../actions/flexible/ForbiddenAction");
 
 var _text = _interopRequireDefault(require("../../../FlexibleCard/components/elements/text"));
 
+var _jsonld = require("../../../../utils/jsonld");
+
+var _extractors = require("@atlaskit/linking-common/extractors");
+
+var _context = require("../../../../extractors/common/context");
+
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
@@ -43,6 +51,8 @@ function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj &&
  * @see FlexibleCardProps
  */
 var FlexibleForbiddenView = function FlexibleForbiddenView(_ref) {
+  var _details$meta;
+
   var cardState = _ref.cardState,
       onAuthorize = _ref.onAuthorize,
       onClick = _ref.onClick,
@@ -52,9 +62,28 @@ var FlexibleForbiddenView = function FlexibleForbiddenView(_ref) {
       ui = _ref.ui,
       url = _ref.url;
   var status = cardState.status;
+  var details = cardState === null || cardState === void 0 ? void 0 : cardState.details;
+  var cardMetadata = (_details$meta = details === null || details === void 0 ? void 0 : details.meta) !== null && _details$meta !== void 0 ? _details$meta : (0, _jsonld.getForbiddenJsonLd)().meta;
+  var provider = (0, _extractors.extractProvider)(details === null || details === void 0 ? void 0 : details.data);
+  var providerName = (provider === null || provider === void 0 ? void 0 : provider.text) || '';
+  var requestAccessContext = (0, _context.extractRequestAccessContext)({
+    jsonLd: cardMetadata,
+    url: url,
+    context: providerName
+  });
+  var descriptiveMessageKey = requestAccessContext && requestAccessContext.descriptiveMessageKey ? requestAccessContext.descriptiveMessageKey : 'invalid_permissions_description';
   var actions = (0, _react.useMemo)(function () {
-    return onAuthorize ? [(0, _ForbiddenAction.ForbiddenAction)(onAuthorize)] : [];
-  }, [onAuthorize]);
+    var actionFromAccessContext = [];
+    var tryAnotherAccountAction = onAuthorize ? [(0, _ForbiddenAction.ForbiddenAction)(onAuthorize, 'try_another_account')] : [];
+
+    if (requestAccessContext) {
+      var action = requestAccessContext.action,
+          callToActionMessageKey = requestAccessContext.callToActionMessageKey;
+      actionFromAccessContext = action && callToActionMessageKey ? [(0, _ForbiddenAction.ForbiddenAction)(action.promise, callToActionMessageKey, providerName)] : [];
+    }
+
+    return [].concat(tryAnotherAccountAction, (0, _toConsumableArray2.default)(actionFromAccessContext));
+  }, [onAuthorize, requestAccessContext, providerName]);
   return /*#__PURE__*/_react.default.createElement(_FlexibleCard.default, {
     appearance: "block",
     cardState: cardState,
@@ -73,7 +102,10 @@ var FlexibleForbiddenView = function FlexibleForbiddenView(_ref) {
     testId: "".concat(testId, "-lock-icon")
   }), /*#__PURE__*/_react.default.createElement(_text.default, {
     message: {
-      descriptor: _messages.messages.invalid_permissions_description
+      descriptor: _messages.messages[descriptiveMessageKey],
+      values: {
+        context: providerName
+      }
     }
   })), /*#__PURE__*/_react.default.createElement(_blocks.CustomBlock, null, /*#__PURE__*/_react.default.createElement(_footer.default, {
     actions: actions,

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

@@ -48,7 +48,7 @@ function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (O
 
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { (0, _defineProperty2.default)(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 
-var ElementDisplaySchema = (_ElementDisplaySchema = {}, (0, _defineProperty2.default)(_ElementDisplaySchema, _constants.ElementName.AttachmentCount, ['inline']), (0, _defineProperty2.default)(_ElementDisplaySchema, _constants.ElementName.AuthorGroup, ['inline']), (0, _defineProperty2.default)(_ElementDisplaySchema, _constants.ElementName.CollaboratorGroup, ['inline']), (0, _defineProperty2.default)(_ElementDisplaySchema, _constants.ElementName.CommentCount, ['inline']), (0, _defineProperty2.default)(_ElementDisplaySchema, _constants.ElementName.ViewCount, ['inline']), (0, _defineProperty2.default)(_ElementDisplaySchema, _constants.ElementName.ReactCount, ['inline']), (0, _defineProperty2.default)(_ElementDisplaySchema, _constants.ElementName.VoteCount, ['inline']), (0, _defineProperty2.default)(_ElementDisplaySchema, _constants.ElementName.CreatedBy, ['inline']), (0, _defineProperty2.default)(_ElementDisplaySchema, _constants.ElementName.CreatedOn, ['inline']), (0, _defineProperty2.default)(_ElementDisplaySchema, _constants.ElementName.DueOn, ['inline']), (0, _defineProperty2.default)(_ElementDisplaySchema, _constants.ElementName.LatestCommit, ['inline']), (0, _defineProperty2.default)(_ElementDisplaySchema, _constants.ElementName.LinkIcon, ['inline']), (0, _defineProperty2.default)(_ElementDisplaySchema, _constants.ElementName.ModifiedBy, ['inline']), (0, _defineProperty2.default)(_ElementDisplaySchema, _constants.ElementName.ModifiedOn, ['inline']), (0, _defineProperty2.default)(_ElementDisplaySchema, _constants.ElementName.Preview, ['block']), (0, _defineProperty2.default)(_ElementDisplaySchema, _constants.ElementName.Priority, ['inline']), (0, _defineProperty2.default)(_ElementDisplaySchema, _constants.ElementName.ProgrammingLanguage, ['inline']), (0, _defineProperty2.default)(_ElementDisplaySchema, _constants.ElementName.Provider, ['inline']), (0, _defineProperty2.default)(_ElementDisplaySchema, _constants.ElementName.Snippet, ['block']), (0, _defineProperty2.default)(_ElementDisplaySchema, _constants.ElementName.SourceBranch, ['inline']), (0, _defineProperty2.default)(_ElementDisplaySchema, _constants.ElementName.State, ['inline']), (0, _defineProperty2.default)(_ElementDisplaySchema, _constants.ElementName.SubscriberCount, ['inline']), (0, _defineProperty2.default)(_ElementDisplaySchema, _constants.ElementName.TargetBranch, ['inline']), (0, _defineProperty2.default)(_ElementDisplaySchema, _constants.ElementName.Title, ['inline']), _ElementDisplaySchema);
+var ElementDisplaySchema = (_ElementDisplaySchema = {}, (0, _defineProperty2.default)(_ElementDisplaySchema, _constants.ElementName.AttachmentCount, ['inline']), (0, _defineProperty2.default)(_ElementDisplaySchema, _constants.ElementName.AuthorGroup, ['inline']), (0, _defineProperty2.default)(_ElementDisplaySchema, _constants.ElementName.ChecklistProgress, ['inline']), (0, _defineProperty2.default)(_ElementDisplaySchema, _constants.ElementName.CollaboratorGroup, ['inline']), (0, _defineProperty2.default)(_ElementDisplaySchema, _constants.ElementName.CommentCount, ['inline']), (0, _defineProperty2.default)(_ElementDisplaySchema, _constants.ElementName.ViewCount, ['inline']), (0, _defineProperty2.default)(_ElementDisplaySchema, _constants.ElementName.ReactCount, ['inline']), (0, _defineProperty2.default)(_ElementDisplaySchema, _constants.ElementName.VoteCount, ['inline']), (0, _defineProperty2.default)(_ElementDisplaySchema, _constants.ElementName.CreatedBy, ['inline']), (0, _defineProperty2.default)(_ElementDisplaySchema, _constants.ElementName.CreatedOn, ['inline']), (0, _defineProperty2.default)(_ElementDisplaySchema, _constants.ElementName.DueOn, ['inline']), (0, _defineProperty2.default)(_ElementDisplaySchema, _constants.ElementName.LatestCommit, ['inline']), (0, _defineProperty2.default)(_ElementDisplaySchema, _constants.ElementName.LinkIcon, ['inline']), (0, _defineProperty2.default)(_ElementDisplaySchema, _constants.ElementName.ModifiedBy, ['inline']), (0, _defineProperty2.default)(_ElementDisplaySchema, _constants.ElementName.ModifiedOn, ['inline']), (0, _defineProperty2.default)(_ElementDisplaySchema, _constants.ElementName.Preview, ['block']), (0, _defineProperty2.default)(_ElementDisplaySchema, _constants.ElementName.Priority, ['inline']), (0, _defineProperty2.default)(_ElementDisplaySchema, _constants.ElementName.ProgrammingLanguage, ['inline']), (0, _defineProperty2.default)(_ElementDisplaySchema, _constants.ElementName.Provider, ['inline']), (0, _defineProperty2.default)(_ElementDisplaySchema, _constants.ElementName.Snippet, ['block']), (0, _defineProperty2.default)(_ElementDisplaySchema, _constants.ElementName.SourceBranch, ['inline']), (0, _defineProperty2.default)(_ElementDisplaySchema, _constants.ElementName.State, ['inline']), (0, _defineProperty2.default)(_ElementDisplaySchema, _constants.ElementName.SubscriberCount, ['inline']), (0, _defineProperty2.default)(_ElementDisplaySchema, _constants.ElementName.TargetBranch, ['inline']), (0, _defineProperty2.default)(_ElementDisplaySchema, _constants.ElementName.Title, ['inline']), _ElementDisplaySchema);
 exports.ElementDisplaySchema = ElementDisplaySchema;
 
 var getDirectionStyles = function getDirectionStyles(direction) {

package/dist/cjs/view/FlexibleCard/components/common/atlaskit-icon/index.js

@@ -210,6 +210,10 @@ var importIconMapper = (_importIconMapper = {}, (0, _defineProperty2.default)(_i
   return Promise.resolve().then(function () {
     return _interopRequireWildcard(require('@atlaskit/icon/glyph/attachment'));
   });
+}), (0, _defineProperty2.default)(_importIconMapper, _constants.IconType.CheckItem, function () {
+  return Promise.resolve().then(function () {
+    return _interopRequireWildcard(require('@atlaskit/icon/glyph/task'));
+  });
 }), (0, _defineProperty2.default)(_importIconMapper, _constants.IconType.Comment, function () {
   return Promise.resolve().then(function () {
     return _interopRequireWildcard(require('@atlaskit/icon/glyph/comment'));

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

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.VoteCount = exports.ViewCount = exports.Title = exports.TargetBranch = exports.SubscriberCount = exports.State = exports.SourceBranch = exports.Snippet = exports.ReactCount = exports.Provider = exports.ProgrammingLanguage = exports.Priority = exports.Preview = exports.ModifiedOn = exports.ModifiedBy = exports.LinkIcon = exports.LatestCommit = exports.DueOn = exports.CreatedOn = exports.CreatedBy = exports.CommentCount = exports.CollaboratorGroup = exports.AuthorGroup = exports.AttachmentCount = void 0;
+exports.VoteCount = exports.ViewCount = exports.Title = exports.TargetBranch = exports.SubscriberCount = exports.State = exports.SourceBranch = exports.Snippet = exports.ReactCount = exports.Provider = exports.ProgrammingLanguage = exports.Priority = exports.Preview = exports.ModifiedOn = exports.ModifiedBy = exports.LinkIcon = exports.LatestCommit = exports.DueOn = exports.CreatedOn = exports.CreatedBy = exports.CommentCount = exports.CollaboratorGroup = exports.ChecklistProgress = exports.AuthorGroup = exports.AttachmentCount = void 0;
 
 var _utils = require("./utils");
 
@@ -25,12 +25,19 @@ var AttachmentCount = (0, _utils.createElement)(_constants.ElementName.Attachmen
 
 exports.AttachmentCount = AttachmentCount;
 var AuthorGroup = (0, _utils.createElement)(_constants.ElementName.AuthorGroup);
+/**
+ * Creates a Checklist Badge element using the data from ChecklistProgress in the Flexible UI Context.
+ * @see Badge
+ */
+
+exports.AuthorGroup = AuthorGroup;
+var ChecklistProgress = (0, _utils.createElement)(_constants.ElementName.ChecklistProgress);
 /**
  * An AvatarGroup element using the data from CollaboratorGroup in the Flexible UI Context.
  * @see AvatarGroup
  */
 
-exports.AuthorGroup = AuthorGroup;
+exports.ChecklistProgress = ChecklistProgress;
 var CollaboratorGroup = (0, _utils.createElement)(_constants.ElementName.CollaboratorGroup);
 /**
  * Creates a CommentCount Badge element using the data from CommentCount in the Flexible UI Context.

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

@@ -59,6 +59,11 @@ var elementMappings = (_elementMappings = {}, (0, _defineProperty2.default)(_ele
   }
 }), (0, _defineProperty2.default)(_elementMappings, _constants.ElementName.AuthorGroup, {
   component: _avatarGroup.default
+}), (0, _defineProperty2.default)(_elementMappings, _constants.ElementName.ChecklistProgress, {
+  component: _badge.default,
+  props: {
+    icon: _constants.IconType.CheckItem
+  }
 }), (0, _defineProperty2.default)(_elementMappings, _constants.ElementName.CollaboratorGroup, {
   component: _avatarGroup.default
 }), (0, _defineProperty2.default)(_elementMappings, _constants.ElementName.CommentCount, {
@@ -149,6 +154,7 @@ var getData = function getData(elementName, contextKey, context) {
       return toAvatarGroupProps(data);
 
     case _constants.ElementName.AttachmentCount:
+    case _constants.ElementName.ChecklistProgress:
     case _constants.ElementName.CommentCount:
     case _constants.ElementName.ViewCount:
     case _constants.ElementName.ReactCount:

package/dist/cjs/view/HoverCard/utils.js

@@ -65,7 +65,7 @@ var getSimulatedMetadata = function getSimulatedMetadata() {
       return {
         metadata: {
           primary: [_constants.ElementName.AuthorGroup, _constants.ElementName.State, _constants.ElementName.DueOn],
-          secondary: [_constants.ElementName.ReactCount, _constants.ElementName.CommentCount, _constants.ElementName.AttachmentCount],
+          secondary: [_constants.ElementName.ReactCount, _constants.ElementName.CommentCount, _constants.ElementName.AttachmentCount, _constants.ElementName.ChecklistProgress],
           subtitle: []
         }
       };

package/dist/es2019/constants.js

@@ -110,6 +110,7 @@ export let ElementName;
 (function (ElementName) {
   ElementName["AttachmentCount"] = "AttachmentCount";
   ElementName["AuthorGroup"] = "AuthorGroup";
+  ElementName["ChecklistProgress"] = "ChecklistProgress";
   ElementName["CollaboratorGroup"] = "CollaboratorGroup";
   ElementName["CommentCount"] = "CommentCount";
   ElementName["CreatedBy"] = "CreatedBy";
@@ -198,6 +199,7 @@ export let IconType;
   IconType["Error"] = "Default:Error";
   IconType["Forbidden"] = "Default:Forbidden";
   IconType["Attachment"] = "Badge:Attachment";
+  IconType["CheckItem"] = "Badge:Task";
   IconType["Comment"] = "Badge:Comment";
   IconType["View"] = "Badge:View";
   IconType["React"] = "Badge:React";

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

@@ -1,7 +1,7 @@
 import { extractSummary } from '../common/primitives';
 import { extractLozenge } from '../common/lozenge';
 import { extractLinkIcon } from './icon';
-import { extractAttachmentCount, extractCommentCount, extractCreatedBy, extractModifiedBy, extractProgrammingLanguage, extractSubscriberCount, extractViewCount, extractReactCount, extractVoteCount, extractSourceBranch, extractTargetBranch, extractDueOn } from './utils';
+import { extractAttachmentCount, extractChecklistProgress, extractCommentCount, extractCreatedBy, extractModifiedBy, extractProgrammingLanguage, extractSubscriberCount, extractViewCount, extractReactCount, extractVoteCount, extractSourceBranch, extractTargetBranch, extractDueOn } from './utils';
 import { extractPersonsUpdatedBy } from './collaboratorGroup';
 import { extractPersonCreatedBy, extractTitle, extractDateUpdated, extractDateCreated, extractLink } from '@atlaskit/linking-common/extractors';
 import extractPriority from './extract-priority';
@@ -27,6 +27,7 @@ const extractFlexibleUiContext = (response, renderers) => {
     viewCount: extractViewCount(data),
     reactCount: extractReactCount(data),
     voteCount: extractVoteCount(data),
+    checklistProgress: extractChecklistProgress(data),
     createdBy: extractCreatedBy(data),
     createdOn: extractDateCreated(data),
     dueOn: extractDueOn(data),

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

@@ -33,4 +33,8 @@ export const extractProgrammingLanguage = data => extractValue(data, 'schema:pro
 export const extractSourceBranch = data => extractLinkName(data['atlassian:mergeSource']);
 export const extractSubscriberCount = data => extractValue(data, 'atlassian:subscriberCount');
 export const extractAttachmentCount = data => extractValue(data, 'atlassian:attachmentCount');
-export const extractTargetBranch = data => extractLinkName(data['atlassian:mergeDestination']);
+export const extractTargetBranch = data => extractLinkName(data['atlassian:mergeDestination']);
+export const extractChecklistProgress = data => {
+  const checkItemsObj = extractValue(data, 'atlassian:checkItems');
+  return checkItemsObj ? `${checkItemsObj.checkedItems}/${checkItemsObj.totalItems}` : undefined;
+};

package/dist/es2019/version.json

@@ -1,5 +1,5 @@
 {
 	"name": "@atlaskit/smart-card",
-	"version": "23.6.6",
+	"version": "23.7.0",
 	"sideEffects": false
 }

package/dist/es2019/view/BlockCard/actions/flexible/ForbiddenAction.js

@@ -1,3 +1,4 @@
+import _extends from "@babel/runtime/helpers/extends";
 import React from 'react';
 import { FormattedMessage } from 'react-intl-next';
 import { ActionName } from '../../../../constants';
@@ -6,11 +7,17 @@ import { messages } from '../../../../messages';
  * Returns a CustomActionItem with a "Try Another Account" default message
  *
  * @see CustomActionItem
- * @param onAuthorize a function that will be called on the click of the button
+ * @param onClick a function that will be called on the click of the button
+ * @param content is a message key for a message to be displayed in the action
+ * @param context is a variable for a message in case a message contains a placeholder
  */
 
-export const ForbiddenAction = onAuthorize => ({
+export const ForbiddenAction = (onClick, content, context) => ({
   name: ActionName.CustomAction,
-  content: /*#__PURE__*/React.createElement(FormattedMessage, messages.try_another_account),
-  onClick: onAuthorize
+  content: /*#__PURE__*/React.createElement(FormattedMessage, _extends({}, messages[content], {
+    values: {
+      context
+    }
+  })),
+  onClick: onClick
 });

package/dist/es2019/view/BlockCard/views/flexible/FlexibleForbiddenView.js

@@ -9,7 +9,9 @@ import LockIcon from '@atlaskit/icon/glyph/lock-filled';
 import BlockCardFooter from '../../components/flexible/footer';
 import { ForbiddenAction } from '../../actions/flexible/ForbiddenAction';
 import Text from '../../../FlexibleCard/components/elements/text';
-
+import { getForbiddenJsonLd } from '../../../../utils/jsonld';
+import { extractProvider } from '@atlaskit/linking-common/extractors';
+import { extractRequestAccessContext } from '../../../../extractors/common/context';
 /**
  * This view represent a Block Card with the 'Forbidden' status.
  * It should have a "Try another account" button that will allow a user to connect another account and view the block card.
@@ -17,6 +19,7 @@ import Text from '../../../FlexibleCard/components/elements/text';
  * @see SmartLinkStatus
  * @see FlexibleCardProps
  */
+
 const FlexibleForbiddenView = ({
   cardState,
   onAuthorize,
@@ -26,8 +29,33 @@ const FlexibleForbiddenView = ({
   ui,
   url
 }) => {
+  var _details$meta;
+
   const status = cardState.status;
-  const actions = useMemo(() => onAuthorize ? [ForbiddenAction(onAuthorize)] : [], [onAuthorize]);
+  const details = cardState === null || cardState === void 0 ? void 0 : cardState.details;
+  const cardMetadata = (_details$meta = details === null || details === void 0 ? void 0 : details.meta) !== null && _details$meta !== void 0 ? _details$meta : getForbiddenJsonLd().meta;
+  const provider = extractProvider(details === null || details === void 0 ? void 0 : details.data);
+  const providerName = (provider === null || provider === void 0 ? void 0 : provider.text) || '';
+  const requestAccessContext = extractRequestAccessContext({
+    jsonLd: cardMetadata,
+    url,
+    context: providerName
+  });
+  const descriptiveMessageKey = requestAccessContext && requestAccessContext.descriptiveMessageKey ? requestAccessContext.descriptiveMessageKey : 'invalid_permissions_description';
+  const actions = useMemo(() => {
+    let actionFromAccessContext = [];
+    const tryAnotherAccountAction = onAuthorize ? [ForbiddenAction(onAuthorize, 'try_another_account')] : [];
+
+    if (requestAccessContext) {
+      const {
+        action,
+        callToActionMessageKey
+      } = requestAccessContext;
+      actionFromAccessContext = action && callToActionMessageKey ? [ForbiddenAction(action.promise, callToActionMessageKey, providerName)] : [];
+    }
+
+    return [...tryAnotherAccountAction, ...actionFromAccessContext];
+  }, [onAuthorize, requestAccessContext, providerName]);
   return /*#__PURE__*/React.createElement(FlexibleCard, {
     appearance: "block",
     cardState: cardState,
@@ -46,7 +74,10 @@ const FlexibleForbiddenView = ({
     testId: `${testId}-lock-icon`
   }), /*#__PURE__*/React.createElement(Text, {
     message: {
-      descriptor: messages.invalid_permissions_description
+      descriptor: messages[descriptiveMessageKey],
+      values: {
+        context: providerName
+      }
     }
   })), /*#__PURE__*/React.createElement(CustomBlock, null, /*#__PURE__*/React.createElement(BlockCardFooter, {
     actions: actions,

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

@@ -10,6 +10,7 @@ import ElementGroup from './element-group';
 export const ElementDisplaySchema = {
   [ElementName.AttachmentCount]: ['inline'],
   [ElementName.AuthorGroup]: ['inline'],
+  [ElementName.ChecklistProgress]: ['inline'],
   [ElementName.CollaboratorGroup]: ['inline'],
   [ElementName.CommentCount]: ['inline'],
   [ElementName.ViewCount]: ['inline'],

package/dist/es2019/view/FlexibleCard/components/common/atlaskit-icon/index.js

@@ -146,6 +146,9 @@ const importIconMapper = {
   [IconType.Attachment]: () => import(
   /* webpackChunkName: "glyphAttachment" */
   '@atlaskit/icon/glyph/attachment'),
+  [IconType.CheckItem]: () => import(
+  /* webpackChunkName: "glyphAttachment" */
+  '@atlaskit/icon/glyph/task'),
   [IconType.Comment]: () => import(
   /* webpackChunkName: "glyphComment" */
   '@atlaskit/icon/glyph/comment'),

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

@@ -15,6 +15,12 @@ export const AttachmentCount = createElement(ElementName.AttachmentCount);
  */
 
 export const AuthorGroup = createElement(ElementName.AuthorGroup);
+/**
+ * Creates a Checklist Badge element using the data from ChecklistProgress in the Flexible UI Context.
+ * @see Badge
+ */
+
+export const ChecklistProgress = createElement(ElementName.ChecklistProgress);
 /**
  * An AvatarGroup element using the data from CollaboratorGroup in the Flexible UI Context.
  * @see AvatarGroup

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

@@ -25,6 +25,12 @@ const elementMappings = {
   [ElementName.AuthorGroup]: {
     component: AvatarGroup
   },
+  [ElementName.ChecklistProgress]: {
+    component: Badge,
+    props: {
+      icon: IconType.CheckItem
+    }
+  },
   [ElementName.CollaboratorGroup]: {
     component: AvatarGroup
   },
@@ -139,6 +145,7 @@ const getData = (elementName, contextKey, context) => {
       return toAvatarGroupProps(data);
 
     case ElementName.AttachmentCount:
+    case ElementName.ChecklistProgress:
     case ElementName.CommentCount:
     case ElementName.ViewCount:
     case ElementName.ReactCount:

package/dist/es2019/view/HoverCard/utils.js

@@ -44,7 +44,7 @@ export const getSimulatedMetadata = (extensionKey = '', types = []) => {
       return {
         metadata: {
           primary: [ElementName.AuthorGroup, ElementName.State, ElementName.DueOn],
-          secondary: [ElementName.ReactCount, ElementName.CommentCount, ElementName.AttachmentCount],
+          secondary: [ElementName.ReactCount, ElementName.CommentCount, ElementName.AttachmentCount, ElementName.ChecklistProgress],
           subtitle: []
         }
       };

package/dist/esm/constants.js

@@ -110,6 +110,7 @@ export var ElementName;
 (function (ElementName) {
   ElementName["AttachmentCount"] = "AttachmentCount";
   ElementName["AuthorGroup"] = "AuthorGroup";
+  ElementName["ChecklistProgress"] = "ChecklistProgress";
   ElementName["CollaboratorGroup"] = "CollaboratorGroup";
   ElementName["CommentCount"] = "CommentCount";
   ElementName["CreatedBy"] = "CreatedBy";
@@ -198,6 +199,7 @@ export var IconType;
   IconType["Error"] = "Default:Error";
   IconType["Forbidden"] = "Default:Forbidden";
   IconType["Attachment"] = "Badge:Attachment";
+  IconType["CheckItem"] = "Badge:Task";
   IconType["Comment"] = "Badge:Comment";
   IconType["View"] = "Badge:View";
   IconType["React"] = "Badge:React";

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

@@ -1,7 +1,7 @@
 import { extractSummary } from '../common/primitives';
 import { extractLozenge } from '../common/lozenge';
 import { extractLinkIcon } from './icon';
-import { extractAttachmentCount, extractCommentCount, extractCreatedBy, extractModifiedBy, extractProgrammingLanguage, extractSubscriberCount, extractViewCount, extractReactCount, extractVoteCount, extractSourceBranch, extractTargetBranch, extractDueOn } from './utils';
+import { extractAttachmentCount, extractChecklistProgress, extractCommentCount, extractCreatedBy, extractModifiedBy, extractProgrammingLanguage, extractSubscriberCount, extractViewCount, extractReactCount, extractVoteCount, extractSourceBranch, extractTargetBranch, extractDueOn } from './utils';
 import { extractPersonsUpdatedBy } from './collaboratorGroup';
 import { extractPersonCreatedBy, extractTitle, extractDateUpdated, extractDateCreated, extractLink } from '@atlaskit/linking-common/extractors';
 import extractPriority from './extract-priority';
@@ -27,6 +27,7 @@ var extractFlexibleUiContext = function extractFlexibleUiContext(response, rende
     viewCount: extractViewCount(data),
     reactCount: extractReactCount(data),
     voteCount: extractVoteCount(data),
+    checklistProgress: extractChecklistProgress(data),
     createdBy: extractCreatedBy(data),
     createdOn: extractDateCreated(data),
     dueOn: extractDueOn(data),

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

@@ -54,4 +54,8 @@ export var extractAttachmentCount = function extractAttachmentCount(data) {
 };
 export var extractTargetBranch = function extractTargetBranch(data) {
   return extractLinkName(data['atlassian:mergeDestination']);
+};
+export var extractChecklistProgress = function extractChecklistProgress(data) {
+  var checkItemsObj = extractValue(data, 'atlassian:checkItems');
+  return checkItemsObj ? "".concat(checkItemsObj.checkedItems, "/").concat(checkItemsObj.totalItems) : undefined;
 };

package/dist/esm/version.json

@@ -1,5 +1,5 @@
 {
 	"name": "@atlaskit/smart-card",
-	"version": "23.6.6",
+	"version": "23.7.0",
 	"sideEffects": false
 }

package/dist/esm/view/BlockCard/actions/flexible/ForbiddenAction.js

@@ -1,3 +1,4 @@
+import _extends from "@babel/runtime/helpers/extends";
 import React from 'react';
 import { FormattedMessage } from 'react-intl-next';
 import { ActionName } from '../../../../constants';
@@ -6,13 +7,19 @@ import { messages } from '../../../../messages';
  * Returns a CustomActionItem with a "Try Another Account" default message
  *
  * @see CustomActionItem
- * @param onAuthorize a function that will be called on the click of the button
+ * @param onClick a function that will be called on the click of the button
+ * @param content is a message key for a message to be displayed in the action
+ * @param context is a variable for a message in case a message contains a placeholder
  */
 
-export var ForbiddenAction = function ForbiddenAction(onAuthorize) {
+export var ForbiddenAction = function ForbiddenAction(onClick, content, context) {
   return {
     name: ActionName.CustomAction,
-    content: /*#__PURE__*/React.createElement(FormattedMessage, messages.try_another_account),
-    onClick: onAuthorize
+    content: /*#__PURE__*/React.createElement(FormattedMessage, _extends({}, messages[content], {
+      values: {
+        context: context
+      }
+    })),
+    onClick: onClick
   };
 };

package/dist/esm/view/BlockCard/views/flexible/FlexibleForbiddenView.js

@@ -1,3 +1,4 @@
+import _toConsumableArray from "@babel/runtime/helpers/toConsumableArray";
 import React, { useMemo } from 'react';
 import FlexibleCard from '../../../FlexibleCard';
 import TitleBlock from '../../../FlexibleCard/components/blocks/title-block';
@@ -9,7 +10,9 @@ import LockIcon from '@atlaskit/icon/glyph/lock-filled';
 import BlockCardFooter from '../../components/flexible/footer';
 import { ForbiddenAction } from '../../actions/flexible/ForbiddenAction';
 import Text from '../../../FlexibleCard/components/elements/text';
-
+import { getForbiddenJsonLd } from '../../../../utils/jsonld';
+import { extractProvider } from '@atlaskit/linking-common/extractors';
+import { extractRequestAccessContext } from '../../../../extractors/common/context';
 /**
  * This view represent a Block Card with the 'Forbidden' status.
  * It should have a "Try another account" button that will allow a user to connect another account and view the block card.
@@ -17,7 +20,10 @@ import Text from '../../../FlexibleCard/components/elements/text';
  * @see SmartLinkStatus
  * @see FlexibleCardProps
  */
+
 var FlexibleForbiddenView = function FlexibleForbiddenView(_ref) {
+  var _details$meta;
+
   var cardState = _ref.cardState,
       onAuthorize = _ref.onAuthorize,
       onClick = _ref.onClick,
@@ -27,9 +33,28 @@ var FlexibleForbiddenView = function FlexibleForbiddenView(_ref) {
       ui = _ref.ui,
       url = _ref.url;
   var status = cardState.status;
+  var details = cardState === null || cardState === void 0 ? void 0 : cardState.details;
+  var cardMetadata = (_details$meta = details === null || details === void 0 ? void 0 : details.meta) !== null && _details$meta !== void 0 ? _details$meta : getForbiddenJsonLd().meta;
+  var provider = extractProvider(details === null || details === void 0 ? void 0 : details.data);
+  var providerName = (provider === null || provider === void 0 ? void 0 : provider.text) || '';
+  var requestAccessContext = extractRequestAccessContext({
+    jsonLd: cardMetadata,
+    url: url,
+    context: providerName
+  });
+  var descriptiveMessageKey = requestAccessContext && requestAccessContext.descriptiveMessageKey ? requestAccessContext.descriptiveMessageKey : 'invalid_permissions_description';
   var actions = useMemo(function () {
-    return onAuthorize ? [ForbiddenAction(onAuthorize)] : [];
-  }, [onAuthorize]);
+    var actionFromAccessContext = [];
+    var tryAnotherAccountAction = onAuthorize ? [ForbiddenAction(onAuthorize, 'try_another_account')] : [];
+
+    if (requestAccessContext) {
+      var action = requestAccessContext.action,
+          callToActionMessageKey = requestAccessContext.callToActionMessageKey;
+      actionFromAccessContext = action && callToActionMessageKey ? [ForbiddenAction(action.promise, callToActionMessageKey, providerName)] : [];
+    }
+
+    return [].concat(tryAnotherAccountAction, _toConsumableArray(actionFromAccessContext));
+  }, [onAuthorize, requestAccessContext, providerName]);
   return /*#__PURE__*/React.createElement(FlexibleCard, {
     appearance: "block",
     cardState: cardState,
@@ -48,7 +73,10 @@ var FlexibleForbiddenView = function FlexibleForbiddenView(_ref) {
     testId: "".concat(testId, "-lock-icon")
   }), /*#__PURE__*/React.createElement(Text, {
     message: {
-      descriptor: messages.invalid_permissions_description
+      descriptor: messages[descriptiveMessageKey],
+      values: {
+        context: providerName
+      }
     }
   })), /*#__PURE__*/React.createElement(CustomBlock, null, /*#__PURE__*/React.createElement(BlockCardFooter, {
     actions: actions,

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

@@ -20,7 +20,7 @@ import * as Actions from '../actions';
 import { isFlexibleUiElement } from '../../../../utils/flexible';
 import ActionGroup from './action-group';
 import ElementGroup from './element-group';
-export var ElementDisplaySchema = (_ElementDisplaySchema = {}, _defineProperty(_ElementDisplaySchema, ElementName.AttachmentCount, ['inline']), _defineProperty(_ElementDisplaySchema, ElementName.AuthorGroup, ['inline']), _defineProperty(_ElementDisplaySchema, ElementName.CollaboratorGroup, ['inline']), _defineProperty(_ElementDisplaySchema, ElementName.CommentCount, ['inline']), _defineProperty(_ElementDisplaySchema, ElementName.ViewCount, ['inline']), _defineProperty(_ElementDisplaySchema, ElementName.ReactCount, ['inline']), _defineProperty(_ElementDisplaySchema, ElementName.VoteCount, ['inline']), _defineProperty(_ElementDisplaySchema, ElementName.CreatedBy, ['inline']), _defineProperty(_ElementDisplaySchema, ElementName.CreatedOn, ['inline']), _defineProperty(_ElementDisplaySchema, ElementName.DueOn, ['inline']), _defineProperty(_ElementDisplaySchema, ElementName.LatestCommit, ['inline']), _defineProperty(_ElementDisplaySchema, ElementName.LinkIcon, ['inline']), _defineProperty(_ElementDisplaySchema, ElementName.ModifiedBy, ['inline']), _defineProperty(_ElementDisplaySchema, ElementName.ModifiedOn, ['inline']), _defineProperty(_ElementDisplaySchema, ElementName.Preview, ['block']), _defineProperty(_ElementDisplaySchema, ElementName.Priority, ['inline']), _defineProperty(_ElementDisplaySchema, ElementName.ProgrammingLanguage, ['inline']), _defineProperty(_ElementDisplaySchema, ElementName.Provider, ['inline']), _defineProperty(_ElementDisplaySchema, ElementName.Snippet, ['block']), _defineProperty(_ElementDisplaySchema, ElementName.SourceBranch, ['inline']), _defineProperty(_ElementDisplaySchema, ElementName.State, ['inline']), _defineProperty(_ElementDisplaySchema, ElementName.SubscriberCount, ['inline']), _defineProperty(_ElementDisplaySchema, ElementName.TargetBranch, ['inline']), _defineProperty(_ElementDisplaySchema, ElementName.Title, ['inline']), _ElementDisplaySchema);
+export var ElementDisplaySchema = (_ElementDisplaySchema = {}, _defineProperty(_ElementDisplaySchema, ElementName.AttachmentCount, ['inline']), _defineProperty(_ElementDisplaySchema, ElementName.AuthorGroup, ['inline']), _defineProperty(_ElementDisplaySchema, ElementName.ChecklistProgress, ['inline']), _defineProperty(_ElementDisplaySchema, ElementName.CollaboratorGroup, ['inline']), _defineProperty(_ElementDisplaySchema, ElementName.CommentCount, ['inline']), _defineProperty(_ElementDisplaySchema, ElementName.ViewCount, ['inline']), _defineProperty(_ElementDisplaySchema, ElementName.ReactCount, ['inline']), _defineProperty(_ElementDisplaySchema, ElementName.VoteCount, ['inline']), _defineProperty(_ElementDisplaySchema, ElementName.CreatedBy, ['inline']), _defineProperty(_ElementDisplaySchema, ElementName.CreatedOn, ['inline']), _defineProperty(_ElementDisplaySchema, ElementName.DueOn, ['inline']), _defineProperty(_ElementDisplaySchema, ElementName.LatestCommit, ['inline']), _defineProperty(_ElementDisplaySchema, ElementName.LinkIcon, ['inline']), _defineProperty(_ElementDisplaySchema, ElementName.ModifiedBy, ['inline']), _defineProperty(_ElementDisplaySchema, ElementName.ModifiedOn, ['inline']), _defineProperty(_ElementDisplaySchema, ElementName.Preview, ['block']), _defineProperty(_ElementDisplaySchema, ElementName.Priority, ['inline']), _defineProperty(_ElementDisplaySchema, ElementName.ProgrammingLanguage, ['inline']), _defineProperty(_ElementDisplaySchema, ElementName.Provider, ['inline']), _defineProperty(_ElementDisplaySchema, ElementName.Snippet, ['block']), _defineProperty(_ElementDisplaySchema, ElementName.SourceBranch, ['inline']), _defineProperty(_ElementDisplaySchema, ElementName.State, ['inline']), _defineProperty(_ElementDisplaySchema, ElementName.SubscriberCount, ['inline']), _defineProperty(_ElementDisplaySchema, ElementName.TargetBranch, ['inline']), _defineProperty(_ElementDisplaySchema, ElementName.Title, ['inline']), _ElementDisplaySchema);
 
 var getDirectionStyles = function getDirectionStyles(direction) {
   switch (direction) {

package/dist/esm/view/FlexibleCard/components/common/atlaskit-icon/index.js

@@ -188,6 +188,10 @@ var importIconMapper = (_importIconMapper = {}, _defineProperty(_importIconMappe
   return import(
   /* webpackChunkName: "glyphAttachment" */
   '@atlaskit/icon/glyph/attachment');
+}), _defineProperty(_importIconMapper, IconType.CheckItem, function () {
+  return import(
+  /* webpackChunkName: "glyphAttachment" */
+  '@atlaskit/icon/glyph/task');
 }), _defineProperty(_importIconMapper, IconType.Comment, function () {
   return import(
   /* webpackChunkName: "glyphComment" */

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

@@ -15,6 +15,12 @@ export var AttachmentCount = createElement(ElementName.AttachmentCount);
  */
 
 export var AuthorGroup = createElement(ElementName.AuthorGroup);
+/**
+ * Creates a Checklist Badge element using the data from ChecklistProgress in the Flexible UI Context.
+ * @see Badge
+ */
+
+export var ChecklistProgress = createElement(ElementName.ChecklistProgress);
 /**
  * An AvatarGroup element using the data from CollaboratorGroup in the Flexible UI Context.
  * @see AvatarGroup

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

@@ -27,6 +27,11 @@ var elementMappings = (_elementMappings = {}, _defineProperty(_elementMappings,
   }
 }), _defineProperty(_elementMappings, ElementName.AuthorGroup, {
   component: AvatarGroup
+}), _defineProperty(_elementMappings, ElementName.ChecklistProgress, {
+  component: Badge,
+  props: {
+    icon: IconType.CheckItem
+  }
 }), _defineProperty(_elementMappings, ElementName.CollaboratorGroup, {
   component: AvatarGroup
 }), _defineProperty(_elementMappings, ElementName.CommentCount, {
@@ -117,6 +122,7 @@ var getData = function getData(elementName, contextKey, context) {
       return toAvatarGroupProps(data);
 
     case ElementName.AttachmentCount:
+    case ElementName.ChecklistProgress:
     case ElementName.CommentCount:
     case ElementName.ViewCount:
     case ElementName.ReactCount:

package/dist/esm/view/HoverCard/utils.js

@@ -53,7 +53,7 @@ export var getSimulatedMetadata = function getSimulatedMetadata() {
       return {
         metadata: {
           primary: [ElementName.AuthorGroup, ElementName.State, ElementName.DueOn],
-          secondary: [ElementName.ReactCount, ElementName.CommentCount, ElementName.AttachmentCount],
+          secondary: [ElementName.ReactCount, ElementName.CommentCount, ElementName.AttachmentCount, ElementName.ChecklistProgress],
           subtitle: []
         }
       };

package/dist/types/constants.d.ts

@@ -83,6 +83,7 @@ export declare enum SmartLinkWidth {
 export declare enum ElementName {
     AttachmentCount = "AttachmentCount",
     AuthorGroup = "AuthorGroup",
+    ChecklistProgress = "ChecklistProgress",
     CollaboratorGroup = "CollaboratorGroup",
     CommentCount = "CommentCount",
     CreatedBy = "CreatedBy",
@@ -165,6 +166,7 @@ export declare enum IconType {
     Error = "Default:Error",
     Forbidden = "Default:Forbidden",
     Attachment = "Badge:Attachment",
+    CheckItem = "Badge:Task",
     Comment = "Badge:Comment",
     View = "Badge:View",
     React = "Badge:React",

package/dist/types/extractors/flexible/utils.d.ts

@@ -11,3 +11,4 @@ export declare const extractSourceBranch: (data: JsonLd.Data.SourceCodePullReque
 export declare const extractSubscriberCount: (data: JsonLd.Data.BaseData) => number | undefined;
 export declare const extractAttachmentCount: (data: JsonLd.Data.BaseData) => number | undefined;
 export declare const extractTargetBranch: (data: JsonLd.Data.SourceCodePullRequest) => string | undefined;
+export declare const extractChecklistProgress: (data: JsonLd.Data.BaseData) => string | undefined;

package/dist/types/state/flexible-ui-context/types.d.ts

@@ -17,6 +17,11 @@ export declare type FlexibleUiDataContext = {
      * @see AvatarGroup
      */
     authorGroup?: LinkPerson[];
+    /**
+     * A string displaying progress on a checklist
+     * @see ChecklistProgress
+     */
+    checklistProgress?: string;
     /**
      * An array containing a @type {LinkPerson} used to populate the CollaboratorGroup element.
      * @see CollaboratorGroup

package/dist/types/view/BlockCard/actions/flexible/ForbiddenAction.d.ts

@@ -1,8 +1,11 @@
 import { CustomActionItem } from '../../../FlexibleCard/components/blocks/types';
+import { MessageKey, RequestAccessMessageKey } from '../../../../messages';
 /**
  * Returns a CustomActionItem with a "Try Another Account" default message
  *
  * @see CustomActionItem
- * @param onAuthorize a function that will be called on the click of the button
+ * @param onClick a function that will be called on the click of the button
+ * @param content is a message key for a message to be displayed in the action
+ * @param context is a variable for a message in case a message contains a placeholder
  */
-export declare const ForbiddenAction: (onAuthorize: () => void) => CustomActionItem;
+export declare const ForbiddenAction: (onClick: () => void, content: RequestAccessMessageKey | MessageKey, context?: string | undefined) => CustomActionItem;

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

@@ -168,7 +168,7 @@ export declare type OnActionMenuOpenChangeOptions = {
 /**
  * A type that contains all the possible combinations of elements with their corresponding props.
  */
-export declare type ElementItemProps = AttachmentCount | AuthorGroup | CollaboratorGroup | CommentCount | CreatedBy | CreatedOn | DueOn | LatestCommit | LinkIcon | ModifiedBy | ModifiedOn | Preview | Priority | ProgrammingLanguage | Provider | ReactCount | Snippet | SourceBranch | State | SubscriberCount | TargetBranch | Title | ViewCount | VoteCount;
+export declare type ElementItemProps = AttachmentCount | AuthorGroup | ChecklistProgress | CollaboratorGroup | CommentCount | CreatedBy | CreatedOn | DueOn | LatestCommit | LinkIcon | ModifiedBy | ModifiedOn | Preview | Priority | ProgrammingLanguage | Provider | ReactCount | Snippet | SourceBranch | State | SubscriberCount | TargetBranch | Title | ViewCount | VoteCount;
 /**
  * Represents the props available for an AttachmentCount element.
  * @see AttachmentCount
@@ -183,6 +183,13 @@ export declare type AttachmentCount = {
 export declare type AuthorGroup = {
     name: ElementName.AuthorGroup;
 };
+/**
+ * Represents the props available for an ChecklistProgress element.
+ * @see ChecklistProgress
+ */
+export declare type ChecklistProgress = {
+    name: ElementName.ChecklistProgress;
+};
 /**
  * Represents the props available for an CollaboratorGroup element.
  * @see CollaboratorGroup

package/dist/types/view/FlexibleCard/components/elements/index.d.ts

@@ -17,6 +17,11 @@ export declare const AttachmentCount: import("react").FC<BadgeProps>;
  * @see AvatarGroup
  */
 export declare const AuthorGroup: import("react").FC<AvatarGroupProps>;
+/**
+ * Creates a Checklist Badge element using the data from ChecklistProgress in the Flexible UI Context.
+ * @see Badge
+ */
+export declare const ChecklistProgress: import("react").FC<BadgeProps>;
 /**
  * An AvatarGroup element using the data from CollaboratorGroup in the Flexible UI Context.
  * @see AvatarGroup

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@atlaskit/smart-card",
-  "version": "23.6.6",
+  "version": "23.7.0",
   "description": "Smart card component",
   "publishConfig": {
     "registry": "https://registry.npmjs.org/"

package/report.api.md

@@ -315,6 +315,11 @@ export interface CardProps extends WithAnalyticsEventsProps {
 
 export { CardType };
 
+// @public
+type ChecklistProgress = {
+  name: ElementName.ChecklistProgress;
+};
+
 export { Client };
 
 // @public
@@ -407,6 +412,7 @@ export type ElementItem = {
 type ElementItemProps =
   | AttachmentCount
   | AuthorGroup
+  | ChecklistProgress
   | CollaboratorGroup
   | CommentCount
   | CreatedBy
@@ -437,6 +443,8 @@ export enum ElementName {
   // (undocumented)
   AuthorGroup = 'AuthorGroup',
   // (undocumented)
+  ChecklistProgress = 'ChecklistProgress',
+  // (undocumented)
   CollaboratorGroup = 'CollaboratorGroup',
   // (undocumented)
   CommentCount = 'CommentCount',

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

@@ -241,6 +241,11 @@ export interface CardProps extends WithAnalyticsEventsProps {
 
 export { CardType }
 
+// @public
+type ChecklistProgress = {
+    name: ElementName.ChecklistProgress;
+};
+
 export { Client }
 
 // @public
@@ -324,7 +329,7 @@ export type ElementItem = {
 } & ElementItemProps;
 
 // @public
-type ElementItemProps = AttachmentCount | AuthorGroup | CollaboratorGroup | CommentCount | CreatedBy | CreatedOn | DueOn | LatestCommit | LinkIcon | ModifiedBy | ModifiedOn | Preview | Priority | ProgrammingLanguage | Provider_2 | ReactCount | Snippet | SourceBranch | State_2 | SubscriberCount | TargetBranch | Title | ViewCount | VoteCount;
+type ElementItemProps = AttachmentCount | AuthorGroup | ChecklistProgress | CollaboratorGroup | CommentCount | CreatedBy | CreatedOn | DueOn | LatestCommit | LinkIcon | ModifiedBy | ModifiedOn | Preview | Priority | ProgrammingLanguage | Provider_2 | ReactCount | Snippet | SourceBranch | State_2 | SubscriberCount | TargetBranch | Title | ViewCount | VoteCount;
 
 // @public
 export enum ElementName {
@@ -333,6 +338,8 @@ export enum ElementName {
     // (undocumented)
     AuthorGroup = "AuthorGroup",
     // (undocumented)
+    ChecklistProgress = "ChecklistProgress",
+    // (undocumented)
     CollaboratorGroup = "CollaboratorGroup",
     // (undocumented)
     CommentCount = "CommentCount",