@atlaskit/smart-card 40.17.2 → 40.19.0

package/CHANGELOG.md

@@ -1,5 +1,30 @@
 # @atlaskit/smart-card
 
+## 40.19.0
+
+### Minor Changes
+
+- [`9163aea4d4aee`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/9163aea4d4aee) -
+  Adds preview panel logic to embedded modal component and adds the ability to trigger the modal
+  action from within the useSmartLinkActions hook
+
+### Patch Changes
+
+- [`beaa6ee463aa8`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/beaa6ee463aa8) -
+  Internal changes to how border radius is applied.
+- Updated dependencies
+
+## 40.18.0
+
+### Minor Changes
+
+- [`7992070df7ee6`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/7992070df7ee6) -
+  Add functionality to enable resolving sharepoint hyperlinks on the renderer
+
+### Patch Changes
+
+- Updated dependencies
+
 ## 40.17.2
 
 ### Patch Changes

package/dist/cjs/extractors/action/extract-invoke-preview-action.js

@@ -6,6 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.extractInvokePreviewAction = void 0;
 var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"));
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
 var _linkExtractors = require("@atlaskit/link-extractors");
 var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
@@ -13,12 +14,15 @@ var _expValEquals = require("@atlaskit/tmp-editor-statsig/exp-val-equals");
 var _index = require("../../index");
 var _helpers = require("../../state/helpers");
 var _canShowAction = require("../../utils/actions/can-show-action");
+var _iframeUtils = require("../../utils/iframe-utils");
 var _utils = require("../../view/EmbedModal/utils");
 var _extractIsSupportTheming = require("../common/meta/extractIsSupportTheming");
 var _extractIsTrusted = require("../common/meta/extractIsTrusted");
 var _icon = require("../flexible/icon");
 var _extractInvokeDownloadAction = require("./extract-invoke-download-action");
 var _extractInvokeViewAction = require("./extract-invoke-view-action");
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2.default)(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var extractInvokePreviewAction = exports.extractInvokePreviewAction = function extractInvokePreviewAction(param) {
   var _extractPreviewData;
   var actionOptions = param.actionOptions,
@@ -37,6 +41,7 @@ var extractInvokePreviewAction = exports.extractInvokePreviewAction = function e
   var hasPreviewPanel = hasPreviewPanelParams && isPreviewPanelAvailable({
     ari: ari
   });
+  var isInPreviewPanel = (0, _expValEquals.expValEquals)('platform_hover_card_preview_panel', 'cohort', 'test') && (0, _iframeUtils.isModalWithinPreviewPanelIFrame)();
   var data = response.data;
   var meta = response.meta;
   if (!(0, _canShowAction.canShowAction)(_index.CardAction.PreviewAction, actionOptions)) {
@@ -67,7 +72,7 @@ var extractInvokePreviewAction = exports.extractInvokePreviewAction = function e
                   break;
                 case 4:
                   _context.next = 6;
-                  return (0, _utils.openEmbedModal)({
+                  return (0, _utils.openEmbedModal)(_objectSpread({
                     fireEvent: fireEvent,
                     extensionKey: extensionKey,
                     id: id,
@@ -83,7 +88,9 @@ var extractInvokePreviewAction = exports.extractInvokePreviewAction = function e
                     title: (0, _linkExtractors.extractSmartLinkTitle)(response),
                     url: url,
                     size: (0, _platformFeatureFlags.fg)('platform_linking_enable_card_preview_action_size') ? actionOptions === null || actionOptions === void 0 || (_actionOptions$previe = actionOptions.previewAction) === null || _actionOptions$previe === void 0 ? void 0 : _actionOptions$previe.size : undefined
-                  });
+                  }, (0, _expValEquals.expValEquals)('platform_hover_card_preview_panel', 'cohort', 'test') && {
+                    isInPreviewPanel: isInPreviewPanel
+                  }));
                 case 6:
                 case "end":
                   return _context.stop();

package/dist/cjs/state/hooks-external/useSmartLinkActions.js

@@ -9,6 +9,7 @@ var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/de
 var _react = require("react");
 var _uuid = _interopRequireDefault(require("uuid"));
 var _linkProvider = require("@atlaskit/link-provider");
+var _expValEquals = require("@atlaskit/tmp-editor-statsig/exp-val-equals");
 var _useAnalyticsEvents2 = require("../../common/analytics/generated/use-analytics-events");
 var _extractInvokeDownloadAction = require("../../extractors/action/extract-invoke-download-action");
 var _extractInvokePreviewAction = require("../../extractors/action/extract-invoke-preview-action");
@@ -16,6 +17,7 @@ var _extractInvokeViewAction = require("../../extractors/action/extract-invoke-v
 var _messages = require("../../messages");
 var _toAction = require("../../utils/actions/to-action");
 var _useInvokeClientAction = _interopRequireDefault(require("../hooks/use-invoke-client-action"));
+var _useResolve = _interopRequireDefault(require("../hooks/use-resolve"));
 var _store = require("../store");
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2.default)(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
@@ -23,7 +25,8 @@ function useSmartLinkActions(_ref) {
   var url = _ref.url,
     appearance = _ref.appearance,
     origin = _ref.origin,
-    actionOptions = _ref.actionOptions;
+    actionOptions = _ref.actionOptions,
+    prefetch = _ref.prefetch;
   var id = (0, _react.useMemo)(function () {
     return (0, _uuid.default)();
   }, []);
@@ -36,6 +39,10 @@ function useSmartLinkActions(_ref) {
   var invokeClientAction = (0, _useInvokeClientAction.default)({
     fireEvent: fireEvent
   });
+  var resolve = (0, _useResolve.default)();
+  if ((0, _expValEquals.expValEquals)('platform_hover_card_preview_panel', 'cohort', 'test') && prefetch && !linkState.details) {
+    resolve(url);
+  }
   if (linkState.details && !(actionOptions !== null && actionOptions !== void 0 && actionOptions.hide)) {
     var actions = [];
     var invokeParam = {

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: "40.17.1"
+  packageVersion: "0.0.0-development"
 };
 var TrackQuickActionType = exports.TrackQuickActionType = /*#__PURE__*/function (TrackQuickActionType) {
   TrackQuickActionType["StatusUpdate"] = "StatusUpdate";

package/dist/cjs/utils/iframe-utils.js

@@ -0,0 +1,40 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.openEmbedModalInParent = exports.isWithinPreviewPanel = exports.isModalWithinPreviewPanelIFrame = exports.isInIframe = void 0;
+var isInIframe = exports.isInIframe = function isInIframe() {
+  try {
+    return window !== window.top;
+  } catch (_unused) {
+    // If we can't access window.top due to cross-origin restrictions, assume we're in an iframe
+    return true;
+  }
+};
+var isWithinPreviewPanel = exports.isWithinPreviewPanel = function isWithinPreviewPanel() {
+  try {
+    var params = new URLSearchParams(window.location.search);
+    return params.has('previewPanels') || params.get('embeddedConfluenceSource') === 'confluence-page-preview-panel';
+  } catch (_unused2) {
+    return false;
+  }
+};
+var isModalWithinPreviewPanelIFrame = exports.isModalWithinPreviewPanelIFrame = function isModalWithinPreviewPanelIFrame() {
+  return isInIframe() && isWithinPreviewPanel();
+};
+
+// Signals parent product to open embed modal via postMessage when in iframe context
+var openEmbedModalInParent = exports.openEmbedModalInParent = function openEmbedModalInParent(modalProps) {
+  if (!isInIframe()) {
+    return;
+  }
+  window.parent.postMessage({
+    type: 'OPEN_EMBED_MODAL',
+    payload: {
+      modal: {
+        url: (modalProps === null || modalProps === void 0 ? void 0 : modalProps.url) || ''
+      }
+    }
+  }, '*');
+};

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

@@ -1 +1 @@
-._2rko1twn{border-radius:var(--ds-border-radius-circle,9999px)}
+._2rko1rr0{border-radius:var(--ds-radius-full,9999px)}

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

@@ -17,7 +17,7 @@ var _expValEquals = require("@atlaskit/tmp-editor-statsig/exp-val-equals");
 var _styled = require("./styled");
 function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
 var styles = {
-  roundedImage: "_2rko1twn"
+  roundedImage: "_2rko1rr0"
 };
 var ImageIcon = exports.ImageIcon = function ImageIcon(_ref) {
   var _ref$alt = _ref.alt,

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

@@ -1,5 +1,5 @@
 
-._2rko1sit{border-radius:var(--ds-border-radius,3px)}._18m915vq{overflow-y:hidden}
+._2rkofajl{border-radius:var(--ds-radius-small,3px)}._18m915vq{overflow-y:hidden}
 ._18u0utpp{margin-left:var(--ds-space-150,9pt)}
 ._19pk1b66{margin-top:var(--ds-space-050,4px)}
 ._1aaxusic{float:right}

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

@@ -40,7 +40,7 @@ var Image = exports.Image = (0, _react.forwardRef)(function (_ref, __cmplr) {
       "--_rcxkve": (0, _runtime.ix)(getSizeWithUnit(__cmplp.size))
     }),
     ref: __cmplr,
-    className: (0, _runtime.ax)(["_2rko1sit _1reo15vq _18m915vq _1bsb17ym _4t3i17ym", __cmplp.className])
+    className: (0, _runtime.ax)(["_2rkofajl _1reo15vq _18m915vq _1bsb17ym _4t3i17ym", __cmplp.className])
   }));
 });
 
@@ -58,7 +58,7 @@ var Thumbnail = exports.Thumbnail = (0, _react.forwardRef)(function (_ref2, __cm
       "--_13orr8u": (0, _runtime.ix)("url(".concat(__cmplp.src, ")"))
     }),
     ref: __cmplr,
-    className: (0, _runtime.ax)(["_2rko1sit _1bsbckbl _4t3ickbl _1aaxusic _19pk1b66 _2hwxidpf _otyrutpp _18u0utpp _bfhkqrzy _1lrw1dfr _1itk2pcs", __cmplp.className])
+    className: (0, _runtime.ax)(["_2rkofajl _1bsbckbl _4t3ickbl _1aaxusic _19pk1b66 _2hwxidpf _otyrutpp _18u0utpp _bfhkqrzy _1lrw1dfr _1itk2pcs", __cmplp.className])
   }));
 });
 if (process.env.NODE_ENV !== 'production') {

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

@@ -8,13 +8,18 @@ Object.defineProperty(exports, "__esModule", {
 exports.openEmbedModal = openEmbedModal;
 var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"));
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
 var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
 var _react = _interopRequireDefault(require("react"));
 var _reactDom = _interopRequireDefault(require("react-dom"));
 var _reactIntlNext = require("react-intl-next");
+var _expValEquals = require("@atlaskit/tmp-editor-statsig/exp-val-equals");
+var _iframeUtils = require("../../utils/iframe-utils");
 var _excluded = ["onClose"];
 function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2.default)(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var IFRAME_NAME = 'twp-editor-preview-iframe';
 var POPUP_MOUNT_POINT_ID = 'twp-editor-preview-iframe';
 
@@ -48,6 +53,19 @@ function _openEmbedModal() {
         case 0:
           _ref = _args.length > 0 && _args[0] !== undefined ? _args[0] : {};
           _ref$onClose = _ref.onClose, _onClose = _ref$onClose === void 0 ? function () {} : _ref$onClose, props = (0, _objectWithoutProperties2.default)(_ref, _excluded);
+          if (!(0, _expValEquals.expValEquals)('platform_hover_card_preview_panel', 'cohort', 'test')) {
+            _context2.next = 6;
+            break;
+          }
+          if (!props.isInPreviewPanel) {
+            _context2.next = 6;
+            break;
+          }
+          (0, _iframeUtils.openEmbedModalInParent)(_objectSpread({
+            onClose: _onClose
+          }, props));
+          return _context2.abrupt("return");
+        case 6:
           popupMountPoint = document.getElementById(POPUP_MOUNT_POINT_ID);
           if (!popupMountPoint) {
             popupMountPoint = document.createElement('div');
@@ -55,11 +73,11 @@ function _openEmbedModal() {
             popupMountPoint.setAttribute('data-testid', 'preview-modal');
             document.body.appendChild(popupMountPoint);
           }
-          _context2.next = 6;
+          _context2.next = 10;
           return Promise.resolve().then(function () {
             return _interopRequireWildcard(require('./index'));
           });
-        case 6:
+        case 10:
           Modal = _context2.sent;
           _reactDom.default.render( /*#__PURE__*/_react.default.createElement(_reactIntlNext.IntlProvider, {
             locale: "en"
@@ -75,7 +93,7 @@ function _openEmbedModal() {
             },
             showModal: true
           }))), popupMountPoint);
-        case 8:
+        case 12:
         case "end":
           return _context2.stop();
       }

package/dist/cjs/view/FlexibleCard/components/actions/automation-action/automation-manual-triggers/manual-triggers-modal/sub-components/header/main.compiled.css

@@ -1,5 +1,5 @@
 
-._2rkoglpi{border-radius:var(--ds-border-radius,4px)}._18zr1b66{padding-inline:var(--ds-space-050,4px)}
+._2rko12b0{border-radius:var(--ds-radius-small,4px)}._18zr1b66{padding-inline:var(--ds-space-050,4px)}
 ._1rjcv77o{padding-block:var(--ds-space-025,2px)}
 ._19pkutpp{margin-top:var(--ds-space-150,9pt)}
 ._2hwxutpp{margin-right:var(--ds-space-150,9pt)}

package/dist/cjs/view/FlexibleCard/components/actions/automation-action/automation-manual-triggers/manual-triggers-modal/sub-components/header/main.js

@@ -20,7 +20,7 @@ var _colors = require("@atlaskit/theme/colors");
 var _menuContext = require("../../menu-context");
 function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
 var styles = {
-  iconStyle: "_2rkoglpi _18zr1b66 _1rjcv77o _2hwxutpp",
+  iconStyle: "_2rko12b0 _18zr1b66 _1rjcv77o _2hwxutpp",
   modalDescriptionStyle: "_19pkutpp"
 };
 var i18n = (0, _reactIntlNext.defineMessages)({

package/dist/cjs/view/FlexibleCard/components/actions/automation-action/automation-manual-triggers/manual-triggers-modal/sub-components/rule/main.compiled.css

@@ -1,5 +1,5 @@
 
-._2rkoglpi{border-radius:var(--ds-border-radius,4px)}._189e1bk5{border-width:var(--ds-border-width-outline,2px)}
+._2rko12b0{border-radius:var(--ds-radius-small,4px)}._189e1bk5{border-width:var(--ds-border-width-outline,2px)}
 ._189ee4h9{border-width:var(--ds-border-width,1px)}
 ._1dqonqa1{border-style:solid}
 ._1h6d15qp{border-color:var(--ds-border-accent-blue,#1d7afc)}

package/dist/cjs/view/FlexibleCard/components/actions/automation-action/automation-manual-triggers/manual-triggers-modal/sub-components/rule/main.js

@@ -17,8 +17,8 @@ var _spinner = _interopRequireDefault(require("@atlaskit/spinner"));
 var _menuContext = require("../../menu-context");
 function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
 var styles = {
-  ruleButtonStyle: "_2rkoglpi _1h6dmuej _1dqonqa1 _189ee4h9",
-  selectedRuleButtonStyle: "_2rkoglpi _1h6d15qp _1dqonqa1 _189e1bk5",
+  ruleButtonStyle: "_2rko12b0 _1h6dmuej _1dqonqa1 _189ee4h9",
+  selectedRuleButtonStyle: "_2rko12b0 _1h6d15qp _1dqonqa1 _189e1bk5",
   ruleNameStyle: "_4t3i1f4h"
 };
 var AutomationModalRule = exports.AutomationModalRule = function AutomationModalRule(_ref) {

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

@@ -1,6 +1,6 @@
 
 ._kkk2n7od{all:unset}._11c8dcr7{font:var(--ds-font-body-UNSAFE_small,normal 400 9pt/1pc ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Ubuntu,"Helvetica Neue",sans-serif)}
-._2rkoglpi{border-radius:var(--ds-border-radius,4px)}
+._2rko12b0{border-radius:var(--ds-radius-small,4px)}
 ._18zru2gc{padding-inline:var(--ds-space-100,8px)}
 ._1rjc12x7{padding-block:var(--ds-space-075,6px)}
 ._18u0u2gc{margin-left:var(--ds-space-100,8px)}

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

@@ -15,7 +15,7 @@ var _compiled = require("@atlaskit/primitives/compiled");
 var _motionWrapper = _interopRequireDefault(require("../../../common/motion-wrapper"));
 function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
 var styles = {
-  containerStyles: "_kkk2n7od _2rkoglpi _1rjc12x7 _18zru2gc _19pku2gc _2hwxu2gc _otyrze3t _18u0u2gc _1bsb1osq _fiawglyw",
+  containerStyles: "_kkk2n7od _2rko12b0 _1rjc12x7 _18zru2gc _19pku2gc _2hwxu2gc _otyrze3t _18u0u2gc _1bsb1osq _fiawglyw",
   errorContentStyles: "_bozgv77o",
   titleStyles: "_11c8dcr7 _syaz1gjq"
 };

package/dist/cjs/view/FlexibleCard/components/common/image-icon/index.compiled.css

@@ -1 +1 @@
-._2rko1twn{border-radius:var(--ds-border-radius-circle,9999px)}
+._2rko1rr0{border-radius:var(--ds-radius-full,9999px)}

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

@@ -16,7 +16,7 @@ var _reactRenderImage = _interopRequireDefault(require("react-render-image"));
 var _loadingSkeleton = require("../loading-skeleton");
 function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
 var styles = {
-  roundImg: "_2rko1twn"
+  roundImg: "_2rko1rr0"
 };
 var ImageIcon = function ImageIcon(_ref) {
   var defaultIcon = _ref.defaultIcon,

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

@@ -1,5 +1,5 @@
 
-._2rkogqwt{border-radius:var(--ds-border-radius-050,2px)}._19bvze3t{padding-left:var(--ds-space-0,0)}
+._2rkolb4i{border-radius:var(--ds-radius-xsmall,2px)}._19bvze3t{padding-left:var(--ds-space-0,0)}
 ._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)}

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

@@ -24,7 +24,7 @@ var _inlineLozenge = _interopRequireDefault(require("../common/inline-lozenge"))
 var _Frame = require("../Frame");
 var _IconAndTitleLayout = require("../IconAndTitleLayout");
 var styles = {
-  actionButtonLozengeStyle: "_2rkogqwt _bfhksm61 _ca0qze3t _u5f3ze3t _n3tdze3t _19bvze3t _p12f1osq"
+  actionButtonLozengeStyle: "_2rkolb4i _bfhksm61 _ca0qze3t _u5f3ze3t _n3tdze3t _19bvze3t _p12f1osq"
 };
 var fallbackForbiddenIcon = function fallbackForbiddenIcon() {
   return /*#__PURE__*/_react.default.createElement(_lockLocked.default, {

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

@@ -1,6 +1,5 @@
 ._11c81o8v{font:var(--ds-font-body-small,normal 400 11px/1pc ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Ubuntu,"Helvetica Neue",sans-serif)}
-._2rko1twn{border-radius:var(--ds-border-radius-circle,9999px)}
-._2rkogqwt{border-radius:var(--ds-border-radius-050,2px)}
+._2rko1rr0{border-radius:var(--ds-radius-full,9999px)}
 ._2rkolb4i{border-radius:var(--ds-radius-xsmall,2px)}
 ._154i1ssb{top:50%}
 ._16d9qvcn{-webkit-box-decoration-break:clone;box-decoration-break:clone}

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

@@ -29,9 +29,9 @@ var styles = {
   iconEmptyStyle: "_1bsb7vkz _4t3i1osq _1e0c1o8l _tzy4idpf",
   iconOuterWrapperStyle: "_1e0c1o8l _2hwx1b66 _kqswh2mm",
   iconTitleWrapperStyle: "_o5721jtm _1nmz9jpi _16d9qvcn _ca0qv77o _u5f31b66 _n3tdv77o _19bv1b66",
-  linkStyle: "_2rkogqwt",
+  linkStyle: "_2rkolb4i",
   noLinkAppearanceStyle: "_syaz131l _18u01b66",
-  roundImageStyle: "_2rko1twn"
+  roundImageStyle: "_2rko1rr0"
 };
 // eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled,@atlaskit/design-system/no-html-anchor -- Ignored via go/DSP-18766
 var LinkAppearance = (0, _react.forwardRef)(function (_ref, __cmplr) {

package/dist/cjs/view/LinkUrl/HyperlinkResolver/error-boundary.js

@@ -0,0 +1,17 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _reactErrorBoundary = require("react-error-boundary");
+var withErrorBoundary = function withErrorBoundary(Component) {
+  return function (props) {
+    return /*#__PURE__*/_react.default.createElement(_reactErrorBoundary.ErrorBoundary, {
+      fallback: null
+    }, /*#__PURE__*/_react.default.createElement(Component, props));
+  };
+};
+var _default = exports.default = withErrorBoundary;

package/dist/cjs/view/LinkUrl/HyperlinkResolver/hooks/useScheduledRegister.js

@@ -0,0 +1,82 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.useScheduledRegister = void 0;
+var _react = require("react");
+/**
+ * This is a scheduled batched register mechanism for resolving blue hyperlinks while the page is idle.
+ * i.e. SharePoint tenants with the same hostname will be grouped together before the register is made.
+ */
+
+var batchQueue = new Map();
+var batchTimeouts = new Map();
+var BATCH_DELAY = 250;
+var executeBatch = function executeBatch(hostname) {
+  var items = batchQueue.get(hostname) || [];
+  if (items.length === 0) {
+    return;
+  }
+  batchQueue.delete(hostname);
+  batchTimeouts.delete(hostname);
+  items.forEach(function (_ref) {
+    var register = _ref.register,
+      resolve = _ref.resolve,
+      reject = _ref.reject;
+    register().then(resolve).catch(reject);
+  });
+};
+var addToBatch = function addToBatch(hostname, item) {
+  if (!batchQueue.has(hostname)) {
+    batchQueue.set(hostname, []);
+  }
+  batchQueue.get(hostname).push(item);
+  if (batchTimeouts.has(hostname)) {
+    clearTimeout(batchTimeouts.get(hostname));
+  }
+  batchTimeouts.set(hostname, setTimeout(function () {
+    executeBatch(hostname);
+  }, BATCH_DELAY));
+};
+var useScheduledRegister = exports.useScheduledRegister = function useScheduledRegister(href, register) {
+  var isScheduled = (0, _react.useRef)(false);
+  var scheduledRegister = (0, _react.useCallback)(function () {
+    if (!href || !register || isScheduled.current) {
+      return Promise.resolve();
+    }
+    isScheduled.current = true;
+    return new Promise(function (_resolve, _reject) {
+      var scheduleRegister = function scheduleRegister() {
+        try {
+          var hostname = new URL(href).hostname;
+          addToBatch(hostname, {
+            href: href,
+            register: register,
+            resolve: function resolve(value) {
+              isScheduled.current = false;
+              _resolve(value);
+            },
+            reject: function reject(error) {
+              isScheduled.current = false;
+              _reject(error);
+            }
+          });
+        } catch (error) {
+          isScheduled.current = false;
+          register().then(_resolve).catch(_reject);
+        }
+      };
+      if (typeof window !== 'undefined') {
+        if ('requestIdleCallback' in window) {
+          window.requestIdleCallback(scheduleRegister);
+        } else {
+          setTimeout(scheduleRegister, 0);
+        }
+      } else {
+        scheduleRegister();
+      }
+    });
+  }, [href, register]);
+  return scheduledRegister;
+};

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

@@ -0,0 +1,34 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+var _typeof = require("@babel/runtime/helpers/typeof");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.isSharePointDomain = exports.default = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _featureGateJsClient = _interopRequireDefault(require("@atlaskit/feature-gate-js-client"));
+var _state = require("../../../state");
+var _errorBoundary = _interopRequireDefault(require("./error-boundary"));
+var _resolveHyperlink = require("./resolve-hyperlink");
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
+var isSharePointDomain = exports.isSharePointDomain = function isSharePointDomain(href) {
+  try {
+    var hostname = new URL(href).hostname.toLowerCase();
+    return hostname.includes('sharepoint.com') || hostname.includes('onedrive.com') || hostname.includes('.live.com');
+  } catch (_unused) {
+    return false;
+  }
+};
+var HyperlinkResolver = function HyperlinkResolver(_ref) {
+  var href = _ref.href;
+  var hasSmartCardProvider = !!(0, _react.useContext)(_state.SmartCardContext);
+  var isHyperlinkResolveExperimentEnabled = _featureGateJsClient.default.getExperimentValue('platform_editor_resolve_hyperlinks_confluence', 'isEnabled', false) || _featureGateJsClient.default.getExperimentValue('platform_editor_resolve_hyperlinks_jira', 'isEnabled', false);
+  if (!isSharePointDomain(href) || !hasSmartCardProvider || !isHyperlinkResolveExperimentEnabled) {
+    return null;
+  }
+  return /*#__PURE__*/_react.default.createElement(_resolveHyperlink.ResolveHyperlink, {
+    href: href
+  });
+};
+var _default = exports.default = (0, _errorBoundary.default)(HyperlinkResolver);

package/dist/cjs/view/LinkUrl/HyperlinkResolver/resolve-hyperlink.js

@@ -0,0 +1,69 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+var _typeof = require("@babel/runtime/helpers/typeof");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.ResolveHyperlink = void 0;
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+var _react = require("react");
+var _uuid = _interopRequireDefault(require("uuid"));
+var _useAnalyticsEvents2 = require("../../../common/analytics/generated/use-analytics-events");
+var _actions = require("../../../state/actions");
+var _helpers = require("../../../state/helpers");
+var _store = require("../../../state/store");
+var measure = _interopRequireWildcard(require("../../../utils/performance"));
+var _useScheduledRegister = require("./hooks/useScheduledRegister");
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
+var ResolveHyperlink = exports.ResolveHyperlink = function ResolveHyperlink(_ref) {
+  var href = _ref.href;
+  var _useState = (0, _react.useState)(function () {
+      return (0, _uuid.default)();
+    }),
+    _useState2 = (0, _slicedToArray2.default)(_useState, 1),
+    id = _useState2[0];
+  var state = (0, _store.useSmartCardState)(href);
+  var definitionId = (0, _helpers.getDefinitionId)(state.details);
+  var extensionKey = (0, _helpers.getExtensionKey)(state.details);
+  var resourceType = (0, _helpers.getResourceType)(state.details);
+  var _useSmartCardActions = (0, _actions.useSmartCardActions)(id, href),
+    register = _useSmartCardActions.register;
+  var scheduledRegister = (0, _useScheduledRegister.useScheduledRegister)(href, register);
+  var _useAnalyticsEvents = (0, _useAnalyticsEvents2.useAnalyticsEvents)(),
+    fireEvent = _useAnalyticsEvents.fireEvent;
+  (0, _react.useEffect)(function () {
+    scheduledRegister().catch(function (error) {
+      throw error;
+    });
+  }, [scheduledRegister]);
+  (0, _react.useEffect)(function () {
+    measure.mark(id, state.status);
+    if (state.status !== 'pending' && state.status !== 'resolving') {
+      var _state$error, _state$error2;
+      measure.create(id, state.status);
+      if (state.status === 'resolved') {
+        var _measure$getMeasure$d, _measure$getMeasure;
+        fireEvent('operational.hyperlink.resolved', {
+          definitionId: definitionId !== null && definitionId !== void 0 ? definitionId : null,
+          extensionKey: extensionKey !== null && extensionKey !== void 0 ? extensionKey : null,
+          resourceType: resourceType !== null && resourceType !== void 0 ? resourceType : null,
+          duration: (_measure$getMeasure$d = (_measure$getMeasure = measure.getMeasure(id, state.status)) === null || _measure$getMeasure === void 0 ? void 0 : _measure$getMeasure.duration) !== null && _measure$getMeasure$d !== void 0 ? _measure$getMeasure$d : null
+        });
+      } else if (((_state$error = state.error) === null || _state$error === void 0 ? void 0 : _state$error.type) !== 'ResolveUnsupportedError' && ((_state$error2 = state.error) === null || _state$error2 === void 0 ? void 0 : _state$error2.type) !== 'UnsupportedError') {
+        fireEvent('operational.hyperlink.unresolved', {
+          definitionId: definitionId !== null && definitionId !== void 0 ? definitionId : null,
+          extensionKey: extensionKey !== null && extensionKey !== void 0 ? extensionKey : null,
+          resourceType: resourceType !== null && resourceType !== void 0 ? resourceType : null,
+          reason: state.status,
+          error: state.error === undefined ? null : {
+            name: state.error.name,
+            kind: state.error.kind,
+            type: state.error.type
+          }
+        });
+      }
+    }
+  }, [id, state.status, state.error, definitionId, extensionKey, resourceType, fireEvent]);
+  return null;
+};