@atlaskit/smart-card 34.8.0 → 34.9.0

package/CHANGELOG.md

@@ -1,5 +1,17 @@
 # @atlaskit/smart-card
 
+## 34.9.0
+
+### Minor Changes
+
+- [#109430](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/109430)
+  [`c6429aa44850a`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/c6429aa44850a) -
+  [ux] Adds support for Confluence Live Doc icons to @atlaskit/smart-card
+
+### Patch Changes
+
+- Updated dependencies
+
 ## 34.8.0
 
 ### Minor Changes

package/dist/cjs/constants.js

@@ -200,6 +200,7 @@ var IconType = exports.IconType = /*#__PURE__*/function (IconType) {
   IconType["Story"] = "Jira:Story";
   IconType["SubTask"] = "Jira:SubTask";
   IconType["Task"] = "Jira:Task";
+  IconType["LiveDocument"] = "Confluence:LiveDocument";
   IconType["Confluence"] = "Provider:Confluence";
   IconType["Jira"] = "Provider:Jira";
   IconType["Default"] = "Default";

package/dist/cjs/extractors/common/icon/extractIconFromDocument.js

@@ -10,8 +10,10 @@ var _ = _interopRequireDefault(require("@atlaskit/icon-file-type/glyph/document/
 var _2 = _interopRequireDefault(require("@atlaskit/icon-file-type/glyph/generic/16"));
 var _3 = _interopRequireDefault(require("@atlaskit/icon-file-type/glyph/presentation/16"));
 var _4 = _interopRequireDefault(require("@atlaskit/icon-file-type/glyph/spreadsheet/16"));
+var _pageLiveDoc = _interopRequireDefault(require("@atlaskit/icon-lab/core/page-live-doc"));
 var _5 = _interopRequireDefault(require("@atlaskit/icon-object/glyph/blog/16"));
 var _pageDocumentFilled = _interopRequireDefault(require("@atlaskit/icon/core/migration/page--document-filled"));
+var _linkExtractors = require("@atlaskit/link-extractors");
 var _utils = require("../../../utils");
 var _prioritiseIcon = require("./prioritiseIcon");
 /**
@@ -45,10 +47,7 @@ var documentTypeToIcon = function documentTypeToIcon(type, opts) {
         testId: "blog-icon"
       });
     case 'schema:DigitalDocument':
-      return /*#__PURE__*/_react.default.createElement(_2.default, {
-        label: opts.title || 'file',
-        testId: "file-icon"
-      });
+      return digitalDocumentToIcon(opts);
     case 'schema:TextDigitalDocument':
       return /*#__PURE__*/_react.default.createElement(_.default, {
         label: opts.title || 'document',
@@ -76,4 +75,27 @@ var documentTypeToIcon = function documentTypeToIcon(type, opts) {
         testId: "document-icon"
       });
   }
+};
+
+/**
+ * Enables providers to represent `schema:DigitalDocument` in a manner which
+ * aligns with their customers when representing provider-specific types, which
+ * do not apply across multiple providers.
+ * @example Confluence digital documents represent 'live documents', specific to Confluence.
+ * @remark This mechanism will be superseded by backend-driven icon URLs as part
+ * of go/j/MODES-5864. Do not add more!
+ */
+var digitalDocumentToIcon = function digitalDocumentToIcon(opts) {
+  var _opts$provider;
+  if ((_opts$provider = opts.provider) !== null && _opts$provider !== void 0 && _opts$provider.id && (0, _linkExtractors.isConfluenceGenerator)(opts.provider.id)) {
+    return /*#__PURE__*/_react.default.createElement(_pageLiveDoc.default, {
+      label: "live-doc",
+      testId: "live-doc-icon"
+    });
+  } else {
+    return /*#__PURE__*/_react.default.createElement(_2.default, {
+      label: opts.title || 'file',
+      testId: "file-icon"
+    });
+  }
 };

package/dist/cjs/extractors/flexible/icon/extract-document-type-icon.js

@@ -4,8 +4,24 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
+var _linkExtractors = require("@atlaskit/link-extractors");
 var _constants = require("../../../constants");
-var extractDocumentTypeIcon = function extractDocumentTypeIcon(documentType, label) {
+/**
+ * Computes the relevant icon for a document type.
+ *
+ * @remark Note that document icons can vary based on the provider. E.g., a
+ * provider may choose to re-use one of these document types in their domain,
+ * but offer a different SVG icon on the frontend (to map to this type in their
+ * domain). See `schema:digitalDocument` for an example of this behaviour. This
+ * mechanism will be superseded by backend-driven icon URLs as part of
+ * go/j/MODES-5864. Do not add more!
+ *
+ * @param documentType JSON-LD document type
+ * @param label human-readable label to be displayed on the icon
+ * @param providerId JSON-LD provider (generator ID)
+ * @returns an icon descriptor representing the document type
+ */
+var extractDocumentTypeIcon = function extractDocumentTypeIcon(documentType, label, providerId) {
   switch (documentType) {
     case 'schema:BlogPosting':
       return {
@@ -13,10 +29,17 @@ var extractDocumentTypeIcon = function extractDocumentTypeIcon(documentType, lab
         label: label || 'Blog'
       };
     case 'schema:DigitalDocument':
-      return {
-        icon: _constants.IconType.File,
-        label: label || 'File'
-      };
+      if (providerId && (0, _linkExtractors.isConfluenceGenerator)(providerId)) {
+        return {
+          icon: _constants.IconType.LiveDocument,
+          label: label || 'Live Document'
+        };
+      } else {
+        return {
+          icon: _constants.IconType.File,
+          label: label || 'File'
+        };
+      }
     case 'schema:TextDigitalDocument':
       return {
         icon: _constants.IconType.Document,

package/dist/cjs/extractors/flexible/icon/extract-jsonld-data-icon.js

@@ -54,7 +54,7 @@ function chooseIcon(_ref2) {
     label: label,
     providerId: providerId,
     data: data
-  }) || (0, _extractDocumentTypeIcon.default)(type, label);
+  }) || (0, _extractDocumentTypeIcon.default)(type, label, providerId);
   return (0, _icon.prioritiseIcon)({
     fileFormatIcon: fileFormatIcon,
     documentTypeIcon: documentTypeIcon,

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

@@ -11,7 +11,7 @@ var ANALYTICS_CHANNEL = exports.ANALYTICS_CHANNEL = 'media';
 var context = exports.context = {
   componentName: 'smart-cards',
   packageName: "@atlaskit/smart-card",
-  packageVersion: "34.8.0"
+  packageVersion: "34.9.0"
 };
 var TrackQuickActionType = exports.TrackQuickActionType = /*#__PURE__*/function (TrackQuickActionType) {
   TrackQuickActionType["StatusUpdate"] = "StatusUpdate";

package/dist/cjs/utils/flexible.js

@@ -15,13 +15,13 @@ function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
 var isFlexibleUiCard = exports.isFlexibleUiCard = function isFlexibleUiCard(children) {
   if (children && _react.default.Children.toArray(children).some(function (child) {
-    return isFlexibleUiTitleBlock(child);
+    return _isFlexibleUiTitleBlock(child);
   })) {
     return true;
   }
   return false;
 };
-var isFlexibleUiBlock = exports.isFlexibleUiBlock = function isFlexibleUiBlock(node) {
+var _isFlexibleUiBlock = exports.isFlexibleUiBlock = function isFlexibleUiBlock(node) {
   var _node$type;
   if (!(0, _platformFeatureFlags.fg)('bandicoots-compiled-migration-smartcard')) {
     return /*#__PURE__*/_react.default.isValidElement(node) && Object.values(Blocks).some(function (type) {
@@ -44,7 +44,7 @@ var isFlexibleUiBlock = exports.isFlexibleUiBlock = function isFlexibleUiBlock(n
         return;
       }
       if (typeof child.type !== 'string' && ((_child$type = child.type) === null || _child$type === void 0 ? void 0 : _child$type.name) !== 'Style') {
-        isChildrenValid = isFlexibleUiBlock(child);
+        isChildrenValid = _isFlexibleUiBlock(child);
       }
     });
     return isChildrenValid;
@@ -56,7 +56,7 @@ var isFlexibleUiBlock = exports.isFlexibleUiBlock = function isFlexibleUiBlock(n
   }
   return false;
 };
-var isFlexibleUiElement = exports.isFlexibleUiElement = function isFlexibleUiElement(node) {
+var _isFlexibleUiElement = exports.isFlexibleUiElement = function isFlexibleUiElement(node) {
   var _node$type2;
   if (!(0, _platformFeatureFlags.fg)('bandicoots-compiled-migration-smartcard')) {
     return /*#__PURE__*/_react.default.isValidElement(node) && Object.values(Elements).some(function (type) {
@@ -84,14 +84,14 @@ var isFlexibleUiElement = exports.isFlexibleUiElement = function isFlexibleUiEle
         return;
       }
       if (typeof child.type !== 'string' && ((_child$type2 = child.type) === null || _child$type2 === void 0 ? void 0 : _child$type2.name) !== 'Style') {
-        isChildrenValid = isFlexibleUiElement(child);
+        isChildrenValid = _isFlexibleUiElement(child);
       }
     });
     return isChildrenValid;
   }
   return false;
 };
-var isFlexibleUiTitleBlock = exports.isFlexibleUiTitleBlock = function isFlexibleUiTitleBlock(node) {
+var _isFlexibleUiTitleBlock = exports.isFlexibleUiTitleBlock = function isFlexibleUiTitleBlock(node) {
   var _node$type3;
   if (!(0, _platformFeatureFlags.fg)('bandicoots-compiled-migration-smartcard')) {
     return /*#__PURE__*/_react.default.isValidElement(node) && node.type === _blocks.TitleBlock;
@@ -115,14 +115,14 @@ var isFlexibleUiTitleBlock = exports.isFlexibleUiTitleBlock = function isFlexibl
         return;
       }
       if (typeof child.type !== 'string' && ((_child$type3 = child.type) === null || _child$type3 === void 0 ? void 0 : _child$type3.name) !== 'Style') {
-        isChildrenValid = isFlexibleUiTitleBlock(child);
+        isChildrenValid = _isFlexibleUiTitleBlock(child);
       }
     });
     return isChildrenValid;
   }
   return false;
 };
-var isFlexibleUiPreviewBlock = exports.isFlexibleUiPreviewBlock = function isFlexibleUiPreviewBlock(node) {
+var _isFlexibleUiPreviewBlock = exports.isFlexibleUiPreviewBlock = function isFlexibleUiPreviewBlock(node) {
   var _node$type4;
   if (!(0, _platformFeatureFlags.fg)('bandicoots-compiled-migration-smartcard')) {
     return /*#__PURE__*/_react.default.isValidElement(node) && node.type === _blocks.PreviewBlock;
@@ -146,7 +146,7 @@ var isFlexibleUiPreviewBlock = exports.isFlexibleUiPreviewBlock = function isFle
         return;
       }
       if (typeof child.type !== 'string' && ((_child$type4 = child.type) === null || _child$type4 === void 0 ? void 0 : _child$type4.name) !== 'Style') {
-        isChildrenValid = isFlexibleUiPreviewBlock(child);
+        isChildrenValid = _isFlexibleUiPreviewBlock(child);
       }
     });
     return isChildrenValid;

package/dist/cjs/utils/index.js

@@ -337,8 +337,8 @@ var typeToIcon = {
 
 // prettier-ignore
 var getLazyIcons = exports.getLazyIcons = function getLazyIcons() {
-  var _ref3;
-  return _ref3 = {}, (0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)(_ref3, _constants.IconType.Document, {
+  var _ref4;
+  return _ref4 = {}, (0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)(_ref4, _constants.IconType.Document, {
     default: function _default() {
       return Promise.resolve().then(function () {
         return _interopRequireWildcard(require( /* webpackChunkName: "@atlaskit-internal_page-icon" */'../common/ui/icons/page-icon'));
@@ -398,7 +398,7 @@ var getLazyIcons = exports.getLazyIcons = function getLazyIcons() {
         return _interopRequireWildcard(require( /* webpackChunkName: "@atlaskit-internal_list-bullet-icon" */'../common/ui/icons/list-bullet-icon'));
       });
     }
-  }), (0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)(_ref3, _constants.IconType.Video, {
+  }), (0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)(_ref4, _constants.IconType.Video, {
     default: function _default() {
       return Promise.resolve().then(function () {
         return _interopRequireWildcard(require( /* webpackChunkName: "@atlaskit-internal_video-icon" */'../common/ui/icons/video-icon'));
@@ -483,7 +483,7 @@ var getLazyIcons = exports.getLazyIcons = function getLazyIcons() {
         return _interopRequireWildcard(require( /* webpackChunkName: "@atlaskit-internal_glyphGoogleForms" */'@atlaskit/icon-file-type/glyph/google-form/24'));
       });
     }
-  }), (0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)(_ref3, _constants.IconType.GoogleSheets, {
+  }), (0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)(_ref4, _constants.IconType.GoogleSheets, {
     default: function _default() {
       return Promise.resolve().then(function () {
         return _interopRequireWildcard(require( /* webpackChunkName: "@atlaskit-internal_glyphGoogleSheets" */'@atlaskit/icon-file-type/glyph/google-sheet/16'));
@@ -593,7 +593,7 @@ var getLazyIcons = exports.getLazyIcons = function getLazyIcons() {
         return _interopRequireWildcard(require( /* webpackChunkName: "@atlaskit-internal_glyphPullRequest" */'@atlaskit/icon-object/glyph/pull-request/24'));
       });
     }
-  }), (0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)(_ref3, _constants.IconType.Repo, {
+  }), (0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)(_ref4, _constants.IconType.Repo, {
     default: function _default() {
       return Promise.resolve().then(function () {
         return _interopRequireWildcard(require( /* webpackChunkName: "@atlaskit-internal_glyphRepo" */'@atlaskit/icon-object/glyph/code/16'));
@@ -703,12 +703,23 @@ var getLazyIcons = exports.getLazyIcons = function getLazyIcons() {
         return _interopRequireWildcard(require( /* webpackChunkName: "@atlaskit-internal_glyphTask" */'@atlaskit/icon-object/glyph/task/24'));
       });
     }
-  }), (0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)(_ref3, _constants.IconType.Confluence, {
+  }), (0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)(_ref4, _constants.IconType.LiveDocument, {
     default: function _default() {
       return Promise.resolve().then(function () {
-        return _interopRequireWildcard(require( /* webpackChunkName: "@atlaskit-internal_glyphConfluence" */'@atlaskit/logo/confluence-icon'));
+        return _interopRequireWildcard(require( /* webpackChunkName: "@atlaskit-internal_glyphConfluenceLiveDocument" */'@atlaskit/icon-lab/core/page-live-doc'));
       }).then(function (_ref) {
-        var ConfluenceIcon = _ref.ConfluenceIcon;
+        var LiveDocumentIcon = _ref.default;
+        return {
+          default: LiveDocumentIcon
+        };
+      });
+    }
+  }), _constants.IconType.Confluence, {
+    default: function _default() {
+      return Promise.resolve().then(function () {
+        return _interopRequireWildcard(require( /* webpackChunkName: "@atlaskit-internal_glyphConfluence" */'@atlaskit/logo/confluence-icon'));
+      }).then(function (_ref2) {
+        var ConfluenceIcon = _ref2.ConfluenceIcon;
         return {
           default: ConfluenceIcon
         };
@@ -718,8 +729,8 @@ var getLazyIcons = exports.getLazyIcons = function getLazyIcons() {
     default: function _default() {
       return Promise.resolve().then(function () {
         return _interopRequireWildcard(require( /* webpackChunkName: "@atlaskit-internal_glyphJira" */'@atlaskit/logo/jira-icon'));
-      }).then(function (_ref2) {
-        var JiraIcon = _ref2.JiraIcon;
+      }).then(function (_ref3) {
+        var JiraIcon = _ref3.JiraIcon;
         return {
           default: JiraIcon
         };
@@ -767,13 +778,13 @@ var getLazyIcons = exports.getLazyIcons = function getLazyIcons() {
         return _interopRequireWildcard(require( /* webpackChunkName: "@atlaskit-internal_glyphBlocker" */'@atlaskit/icon-priority/glyph/priority-blocker'));
       });
     }
-  }), _constants.IconType.PriorityCritical, {
+  }), (0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)(_ref4, _constants.IconType.PriorityCritical, {
     default: function _default() {
       return Promise.resolve().then(function () {
         return _interopRequireWildcard(require( /* webpackChunkName: "@atlaskit-internal_glyphCritical" */'@atlaskit/icon-priority/glyph/priority-critical'));
       });
     }
-  }), (0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)(_ref3, _constants.IconType.PriorityHigh, {
+  }), _constants.IconType.PriorityHigh, {
     default: function _default() {
       return Promise.resolve().then(function () {
         return _interopRequireWildcard(require( /* webpackChunkName: "@atlaskit-internal_glyphHigh" */'@atlaskit/icon-priority/glyph/priority-high'));
@@ -827,13 +838,13 @@ var getLazyIcons = exports.getLazyIcons = function getLazyIcons() {
         return _interopRequireWildcard(require( /* webpackChunkName: "@atlaskit-internal_glyphUndefined" */'@atlaskit/icon/core/migration/question-circle--question'));
       });
     }
-  }), _constants.IconType.ProgrammingLanguage, {
+  }), (0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)(_ref4, _constants.IconType.ProgrammingLanguage, {
     default: function _default() {
       return Promise.resolve().then(function () {
         return _interopRequireWildcard(require( /* webpackChunkName: "@atlaskit-internal_glyphProgrammingLanguage" */'@atlaskit/icon/core/migration/angle-brackets--code'));
       });
     }
-  }), (0, _defineProperty2.default)((0, _defineProperty2.default)(_ref3, _constants.IconType.Subscriber, {
+  }), _constants.IconType.Subscriber, {
     default: function _default() {
       return Promise.resolve().then(function () {
         return _interopRequireWildcard(require( /* webpackChunkName: "@atlaskit-internal_glyphSubscriber" */'@atlaskit/icon/core/migration/people-group--people'));
@@ -878,8 +889,8 @@ var sleep = exports.sleep = function sleep(ms) {
     return setTimeout(resolve, ms);
   });
 };
-var importWithRetry = exports.importWithRetry = /*#__PURE__*/function () {
-  var _ref4 = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee(importFn) {
+var _importWithRetry = exports.importWithRetry = /*#__PURE__*/function () {
+  var _ref5 = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee(importFn) {
     var retries,
       interval,
       _args = arguments;
@@ -903,7 +914,7 @@ var importWithRetry = exports.importWithRetry = /*#__PURE__*/function () {
           _context.next = 13;
           return sleep(interval);
         case 13:
-          return _context.abrupt("return", importWithRetry(importFn, retries - 1, interval));
+          return _context.abrupt("return", _importWithRetry(importFn, retries - 1, interval));
         case 16:
           throw _context.t0;
         case 17:
@@ -913,11 +924,11 @@ var importWithRetry = exports.importWithRetry = /*#__PURE__*/function () {
     }, _callee, null, [[2, 8]]);
   }));
   return function importWithRetry(_x) {
-    return _ref4.apply(this, arguments);
+    return _ref5.apply(this, arguments);
   };
 }();
 var downloadUrl = exports.downloadUrl = /*#__PURE__*/function () {
-  var _ref5 = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee2(url) {
+  var _ref6 = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee2(url) {
     var isIE11, isSafari, iframeName, link, iframe;
     return _regenerator.default.wrap(function _callee2$(_context2) {
       while (1) switch (_context2.prev = _context2.next) {
@@ -953,11 +964,11 @@ var downloadUrl = exports.downloadUrl = /*#__PURE__*/function () {
     }, _callee2);
   }));
   return function downloadUrl(_x2) {
-    return _ref5.apply(this, arguments);
+    return _ref6.apply(this, arguments);
   };
 }();
 var openUrl = exports.openUrl = /*#__PURE__*/function () {
-  var _ref6 = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee3(url) {
+  var _ref7 = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee3(url) {
     return _regenerator.default.wrap(function _callee3$(_context3) {
       while (1) switch (_context3.prev = _context3.next) {
         case 0:
@@ -975,7 +986,7 @@ var openUrl = exports.openUrl = /*#__PURE__*/function () {
     }, _callee3);
   }));
   return function openUrl(_x3) {
-    return _ref6.apply(this, arguments);
+    return _ref7.apply(this, arguments);
   };
 }();
 

package/dist/cjs/view/EmbedCard/components/styled.compiled.css

@@ -1,6 +1,5 @@
 ._11c8qk37{font:var(--ds-font-body-UNSAFE_small,normal 400 9pt/1pc ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Ubuntu,system-ui,"Helvetica Neue",sans-serif)}
 ._14mjpd34:after{border-radius:var(--ds-border-radius-200,8px)}
-._18s81cq1{margin:var(--ds-space-050,4px) 0 var(--ds-space-150,9pt) var(--ds-space-150,9pt)}
 ._18s81xf9{margin:0 var(--ds-space-100,8px) var(--ds-space-100,8px)}
 ._19ith6cr{border:1px solid var(--ds-border,#dfe1e6)}
 ._1u3rh6cr:hover:after{border:1px solid var(--ds-border,#dfe1e6)}
@@ -19,10 +18,12 @@
 ._18m91wug{overflow-y:auto}
 ._18postnw:after{position:absolute}
 ._18u01wug{margin-left:auto}
+._18u0utpp{margin-left:var(--ds-space-150,9pt)}
 ._19do1kw7:after{left:inherit}
 ._19doidpf:after{left:0}
 ._19dox0bf:after{left:var(--ds-space-negative-100,-8px)}
 ._19pk19bv{margin-top:10px}
+._19pk1b66{margin-top:var(--ds-space-050,4px)}
 ._19pkidpf{margin-top:0}
 ._1aaxusic{float:right}
 ._1bsb176v{width:125px}
@@ -48,6 +49,7 @@
 ._1ul91pd6{min-width:var(--_10q0298)}
 ._2hwx1b66{margin-right:var(--ds-space-050,4px)}
 ._2hwx1wug{margin-right:auto}
+._2hwxidpf{margin-right:0}
 ._2lx21bp4{flex-direction:column}
 ._4cvr1h6o{align-items:center}
 ._4t3i17ym{height:var(--_rcxkve)}
@@ -74,6 +76,7 @@
 ._kqswstnw{position:absolute}
 ._o5721q9c{white-space:nowrap}
 ._otyridpf{margin-bottom:0}
+._otyrutpp{margin-bottom:var(--ds-space-150,9pt)}
 ._p12f1ayu{max-width:var(--_1et2rhb)}
 ._rd9b1wug >.embed-preview>div{margin-right:auto}
 ._syaz1rc1{color:var(--ds-text-subtlest,#5e6c84)}

package/dist/cjs/view/EmbedCard/components/styled.js

@@ -216,7 +216,7 @@ var Thumbnail = exports.Thumbnail = (0, _react.forwardRef)(function (_ref9, __cm
       "--_13orr8u": (0, _runtime.ix)("url(".concat(__cmplp.src, ")"))
     }),
     ref: __cmplr,
-    className: (0, _runtime.ax)(["_2rko1sit _18s81cq1 _1bsbckbl _4t3ickbl _1aaxusic _bfhkqrzy _1lrw1dfr _1itk2pcs", __cmplp.className])
+    className: (0, _runtime.ax)(["_2rko1sit _1bsbckbl _4t3ickbl _1aaxusic _19pk1b66 _2hwxidpf _otyrutpp _18u0utpp _bfhkqrzy _1lrw1dfr _1itk2pcs", __cmplp.className])
   }));
 });
 if (process.env.NODE_ENV !== 'production') {

package/dist/cjs/view/EmbedCard/views/unresolved-view/index.compiled.css

@@ -1,7 +1,7 @@
 ._11c81oud{font:var(--ds-font-body,normal 400 14px/20px ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Ubuntu,system-ui,"Helvetica Neue",sans-serif)}
-._1yt4pxbi{padding:var(--ds-space-200,1pc)}
 ._zulpv47k{gap:var(--ds-space-250,20px)}
 ._18u01wug{margin-left:auto}
+._19bvpxbi{padding-left:var(--ds-space-200,1pc)}
 ._19pk1wug{margin-top:auto}
 ._1bah1h6o{justify-content:center}
 ._1bsbmgvx{width:180px}
@@ -13,7 +13,10 @@
 ._4t3i1kw7{height:inherit}
 ._4t3i68cl{height:90pt}
 ._5ral1f51{object-fit:contain}
+._ca0qpxbi{padding-top:var(--ds-space-200,1pc)}
+._n3tdpxbi{padding-bottom:var(--ds-space-200,1pc)}
 ._otyr1wug{margin-bottom:auto}
 ._p12f1kdj{max-width:25pc}
 ._rsufaqso{object-position:center center}
+._u5f3pxbi{padding-right:var(--ds-space-200,1pc)}
 ._y3gn1h6o{text-align:center}

package/dist/cjs/view/EmbedCard/views/unresolved-view/index.js

@@ -91,7 +91,7 @@ var UnresolvedView = function UnresolvedView(_ref) {
     "data-testid": "".concat(testId, "-unresolved-container"),
     className: (0, _runtime.ax)(["_1e0c11p5 _4t3i1kw7"])
   }, /*#__PURE__*/_react.default.createElement("div", {
-    className: (0, _runtime.ax)(["_19pk1wug _2hwx1wug _otyr1wug _18u01wug _1yt4pxbi _zulpv47k _1e0c1txw _2lx21bp4 _1bah1h6o _y3gn1h6o _4cvr1h6o _p12f1kdj"])
+    className: (0, _runtime.ax)(["_19pk1wug _2hwx1wug _otyr1wug _18u01wug _zulpv47k _1e0c1txw _2lx21bp4 _1bah1h6o _y3gn1h6o _4cvr1h6o _ca0qpxbi _u5f3pxbi _n3tdpxbi _19bvpxbi _p12f1kdj"])
   }, image, /*#__PURE__*/_react.default.createElement(_heading.default, {
     size: "large",
     testId: "".concat(testId, "-unresolved-title")

package/dist/cjs/view/FlexibleCard/components/actions/action/action-stack-item/action-button.compiled.css

@@ -1,7 +1,10 @@
 
 ._kkk2n7od{all:unset}._11c8qk37{font:var(--ds-font-body-UNSAFE_small,normal 400 9pt/1pc ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Ubuntu,system-ui,"Helvetica Neue",sans-serif)}
-._1yt41b66{padding:var(--ds-space-050,4px)}
+._19bv1b66{padding-left:var(--ds-space-050,4px)}
 ._1bsb1osq{width:100%}
+._ca0q1b66{padding-top:var(--ds-space-050,4px)}
+._n3td1b66{padding-bottom:var(--ds-space-050,4px)}
 ._syaz1fxt{color:var(--ds-text,#172b4d)}
+._u5f31b66{padding-right:var(--ds-space-050,4px)}
 ._irr3166n:hover{background-color:var(--ds-background-neutral-subtle-hovered,#091e420f)}
 ._1di61dty:active{background-color:var(--ds-background-neutral-subtle-pressed,#091e4224)}

package/dist/cjs/view/FlexibleCard/components/actions/action/action-stack-item/action-button.js

@@ -21,7 +21,7 @@ var _actionButtonOld = _interopRequireDefault(require("./action-buttonOld"));
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
 var styles = {
-  button: "_kkk2n7od _1yt41b66 _1bsb1osq _irr3166n _1di61dty",
+  button: "_kkk2n7od _ca0q1b66 _u5f31b66 _n3td1b66 _19bv1b66 _1bsb1osq _irr3166n _1di61dty",
   content: "_11c8qk37 _syaz1fxt"
 };
 var ActionButtonNew = function ActionButtonNew(_ref) {

package/dist/cjs/view/FlexibleCard/components/blocks/action-block/action-footer/index.compiled.css

@@ -1,10 +1,12 @@
 
 ._kkk2n7od{all:unset}._11c8qk37{font:var(--ds-font-body-UNSAFE_small,normal 400 9pt/1pc ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Ubuntu,system-ui,"Helvetica Neue",sans-serif)}
-._18s8u2gc{margin:var(--ds-space-100,8px)}
 ._1yt412x7{padding:var(--ds-space-075,6px)}
 ._2rkoglpi{border-radius:var(--ds-border-radius,4px)}
 ._18zru2gc{padding-inline:var(--ds-space-100,8px)}
+._18u0u2gc{margin-left:var(--ds-space-100,8px)}
+._19pku2gc{margin-top:var(--ds-space-100,8px)}
 ._1bsb1osq{width:100%}
+._2hwxu2gc{margin-right:var(--ds-space-100,8px)}
 ._bfhk1gly{background-color:var(--ds-background-danger,#ffeceb)}
 ._bozgv77o{padding-inline-start:var(--ds-space-025,2px)}
 ._fiawglyw:empty{display:none}

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

@@ -46,7 +46,7 @@ var ActionFooterNew = function ActionFooterNew(_ref) {
   }
   return /*#__PURE__*/React.createElement("div", {
     "data-testId": "".concat(testId, "-footer"),
-    className: (0, _runtime.ax)(["_kkk2n7od _2rkoglpi _18s8u2gc _1yt412x7 _18zru2gc _otyrze3t _vwz4gktf _1bsb1osq _fiawglyw", message.appearance === 'error' && "_bfhk1gly"])
+    className: (0, _runtime.ax)(["_kkk2n7od _2rkoglpi _1yt412x7 _18zru2gc _19pku2gc _2hwxu2gc _otyrze3t _18u0u2gc _vwz4gktf _1bsb1osq _fiawglyw", message.appearance === 'error' && "_bfhk1gly"])
   }, /*#__PURE__*/React.createElement(_motionWrapper.default, {
     isFadeIn: true,
     show: true,

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

@@ -167,11 +167,20 @@ var importIconMapperOld = (_importIconMapperOld = {}, (0, _defineProperty2.defau
   return Promise.resolve().then(function () {
     return _interopRequireWildcard(require( /* webpackChunkName: "glyphTask" */'@atlaskit/icon-object/glyph/task/16'));
   });
+}), _constants.IconType.LiveDocument, function () {
+  return Promise.resolve().then(function () {
+    return _interopRequireWildcard(require( /* webpackChunkName: "glyphConfluenceLiveDocument" */'@atlaskit/icon-lab/core/page-live-doc'));
+  }).then(function (_ref) {
+    var LiveDocumentIcon = _ref.default;
+    return {
+      default: LiveDocumentIcon
+    };
+  });
 }), _constants.IconType.Confluence, function () {
   return Promise.resolve().then(function () {
     return _interopRequireWildcard(require( /* webpackChunkName: "glyphConfluence" */'@atlaskit/logo/confluence-icon'));
-  }).then(function (_ref) {
-    var ConfluenceIcon = _ref.ConfluenceIcon;
+  }).then(function (_ref2) {
+    var ConfluenceIcon = _ref2.ConfluenceIcon;
     return {
       default: ConfluenceIcon
     };
@@ -179,8 +188,8 @@ var importIconMapperOld = (_importIconMapperOld = {}, (0, _defineProperty2.defau
 }), _constants.IconType.Jira, function () {
   return Promise.resolve().then(function () {
     return _interopRequireWildcard(require( /* webpackChunkName: "glyphJira" */'@atlaskit/logo/jira-icon'));
-  }).then(function (_ref2) {
-    var JiraIcon = _ref2.JiraIcon;
+  }).then(function (_ref3) {
+    var JiraIcon = _ref3.JiraIcon;
     return {
       default: JiraIcon
     };
@@ -189,11 +198,11 @@ var importIconMapperOld = (_importIconMapperOld = {}, (0, _defineProperty2.defau
   return Promise.resolve().then(function () {
     return _interopRequireWildcard(require( /* webpackChunkName: "glyphDefault" */'@atlaskit/icon/glyph/link'));
   });
-}), _constants.IconType.Error, function () {
+}), (0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)(_importIconMapperOld, _constants.IconType.Error, function () {
   return Promise.resolve().then(function () {
     return _interopRequireWildcard(require( /* webpackChunkName: "glyphError" */'@atlaskit/icon/glyph/error'));
   });
-}), (0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)(_importIconMapperOld, _constants.IconType.Forbidden, function () {
+}), _constants.IconType.Forbidden, function () {
   return Promise.resolve().then(function () {
     return _interopRequireWildcard(require( /* webpackChunkName: "glyphForbidden" */'@atlaskit/icon/glyph/lock-filled'));
   });
@@ -229,11 +238,11 @@ var importIconMapperOld = (_importIconMapperOld = {}, (0, _defineProperty2.defau
   return Promise.resolve().then(function () {
     return _interopRequireWildcard(require( /* webpackChunkName: "glyphCritical" */'@atlaskit/icon-priority/glyph/priority-critical'));
   });
-}), _constants.IconType.PriorityHigh, function () {
+}), (0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)(_importIconMapperOld, _constants.IconType.PriorityHigh, function () {
   return Promise.resolve().then(function () {
     return _interopRequireWildcard(require( /* webpackChunkName: "glyphHigh" */'@atlaskit/icon-priority/glyph/priority-high'));
   });
-}), (0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)(_importIconMapperOld, _constants.IconType.PriorityHighest, function () {
+}), _constants.IconType.PriorityHighest, function () {
   return Promise.resolve().then(function () {
     return _interopRequireWildcard(require( /* webpackChunkName: "glyphHighest" */'@atlaskit/icon-priority/glyph/priority-highest'));
   });
@@ -269,11 +278,11 @@ var importIconMapperOld = (_importIconMapperOld = {}, (0, _defineProperty2.defau
   return Promise.resolve().then(function () {
     return _interopRequireWildcard(require( /* webpackChunkName: "glyphProgrammingLanguage" */'@atlaskit/icon/glyph/code'));
   });
-}), _constants.IconType.Subscriber, function () {
+}), (0, _defineProperty2.default)((0, _defineProperty2.default)(_importIconMapperOld, _constants.IconType.Subscriber, function () {
   return Promise.resolve().then(function () {
     return _interopRequireWildcard(require( /* webpackChunkName: "glyphSubscriber" */'@atlaskit/icon/glyph/people'));
   });
-}), (0, _defineProperty2.default)(_importIconMapperOld, _constants.IconType.SubTasksProgress, function () {
+}), _constants.IconType.SubTasksProgress, function () {
   return Promise.resolve().then(function () {
     return _interopRequireWildcard(require( /* webpackChunkName: "glyphSubtaskProgress" */'@atlaskit/icon/glyph/subtask'));
   });
@@ -300,12 +309,12 @@ var importIcon = function importIcon(importFn) {
     }
   }); // Because we're using dynamic loading here, TS will not be able to infer the type.
 };
-var AtlaskitIcon = function AtlaskitIcon(_ref3) {
-  var icon = _ref3.icon,
-    label = _ref3.label,
-    testId = _ref3.testId,
-    _ref3$size = _ref3.size,
-    size = _ref3$size === void 0 ? _constants.SmartLinkSize.Medium : _ref3$size;
+var AtlaskitIcon = function AtlaskitIcon(_ref4) {
+  var icon = _ref4.icon,
+    label = _ref4.label,
+    testId = _ref4.testId,
+    _ref4$size = _ref4.size,
+    size = _ref4$size === void 0 ? _constants.SmartLinkSize.Medium : _ref4$size;
   var DocumentIcon = (0, _platformFeatureFlags.fg)('platform-smart-card-icon-migration') ? _pageIcon.default : _.default;
   var BlogIcon = (0, _platformFeatureFlags.fg)('platform-smart-card-icon-migration') ? _blogIcon.default : _2.default;
 

package/dist/cjs/view/InlineCard/ForbiddenView/index.compiled.css

@@ -1,3 +1,6 @@
-._1yt4ze3t{padding:var(--ds-space-0,0)}
+._19bvze3t{padding-left:var(--ds-space-0,0)}
 ._2hwx1i6y{margin-right:var(--ds-space-negative-025,-2px)}
-._bfhksm61{background-color:var(--ds-background-neutral-subtle,#00000000)}
+._bfhksm61{background-color:var(--ds-background-neutral-subtle,#00000000)}
+._ca0qze3t{padding-top:var(--ds-space-0,0)}
+._n3tdze3t{padding-bottom:var(--ds-space-0,0)}
+._u5f3ze3t{padding-right:var(--ds-space-0,0)}

package/dist/cjs/view/InlineCard/ForbiddenView/index.js

@@ -30,7 +30,7 @@ var _withFrameStyleControl = _interopRequireDefault(require("../utils/withFrameS
 var _InlineCardForbiddenViewOld = require("./InlineCardForbiddenViewOld");
 var styles = {
   iconWrapper: "_2hwx1i6y",
-  actionButtonLozengeStyle: "_1yt4ze3t _bfhksm61"
+  actionButtonLozengeStyle: "_bfhksm61 _ca0qze3t _u5f3ze3t _n3tdze3t _19bvze3t"
 };
 var fallbackForbiddenIcon = function fallbackForbiddenIcon() {
   return (0, _platformFeatureFlags.fg)('platform-smart-card-icon-migration') ? /*#__PURE__*/_react.default.createElement(_compiled.Box, {