@atlaskit/smart-card 40.18.0 → 40.19.1

package/CHANGELOG.md

@@ -1,5 +1,27 @@
 # @atlaskit/smart-card
 
+## 40.19.1
+
+### Patch Changes
+
+- [`4f8a989dc9242`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/4f8a989dc9242) -
+  Fix regex and tests
+- Updated dependencies
+
+## 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

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/helpers.js

@@ -40,6 +40,12 @@ var getThirdPartyARI = exports.getThirdPartyARI = function getThirdPartyARI(deta
     if (details !== null && details !== void 0 && details.entityData && 'thirdPartyAri' in details.entityData && details.entityData.thirdPartyAri) {
       return details.entityData.thirdPartyAri;
     }
+    if (details !== null && details !== void 0 && details.data && 'atlassian:ari' in details.data && typeof details.data['atlassian:ari'] === 'string') {
+      var ari = details.data['atlassian:ari'];
+      if (ari.includes('ari:third-party')) {
+        return ari;
+      }
+    }
   }
   return undefined;
 };
@@ -126,22 +132,24 @@ var hasAuthScopeOverrides = exports.hasAuthScopeOverrides = function hasAuthScop
 // Helper function to extract page ID from standard Confluence page URLs
 var extractPageIdFromURL = function extractPageIdFromURL(url) {
   try {
+    var urlObj = new URL(url);
+
     // Following this pattern for confluence URL -> /wiki/spaces/{space}/pages/{pageId}/{title}
-    var pagesMatch = url.match(/(?!pages)(\d+)/);
-    if (pagesMatch && pagesMatch[0]) {
-      return pagesMatch[0];
+    var pagesMatch = urlObj.pathname.match(/\/wiki\/spaces\/[^\/]+\/pages\/(\d+)(?:\/|$)/);
+    if (pagesMatch && pagesMatch[1]) {
+      return pagesMatch[1];
     }
 
     // Following this pattern for confluence URL -> /wiki/pages/viewpage.action?pageId={pageId}
-    var pageIdParam = url.match(/(?!pageId=)(\d+)/);
-    if (pageIdParam && pageIdParam[0]) {
-      return pageIdParam[0];
+    var pageIdParam = urlObj.searchParams.get('pageId');
+    if (pageIdParam) {
+      return pageIdParam;
     }
 
     // Following this pattern for confluence URL -> /wiki/display/{space}/{pageId}
-    var displayMatch = url.match(/(?!display\/)(\d+)/);
-    if (displayMatch && displayMatch[0]) {
-      return displayMatch[0];
+    var displayMatch = urlObj.pathname.match(/\/wiki\/display\/[^\/]+\/(\d+)/);
+    if (displayMatch && displayMatch[1]) {
+      return displayMatch[1];
     }
   } catch (_unused) {
     return undefined;
@@ -150,10 +158,19 @@ var extractPageIdFromURL = function extractPageIdFromURL(url) {
 };
 var extractContentIdFromURL = function extractContentIdFromURL(url) {
   try {
-    var contentId = url.match(/content\.id=(\d+)/);
-    if (contentId && contentId[1]) {
-      // contentId[1] contains just the number
-      return contentId[1];
+    var urlObj = new URL(url);
+
+    // Pattern: ?content.id={contentId} (for app connector URLs and plugin servlet URLs)
+    var contentId = urlObj.searchParams.get('content.id');
+    if (contentId) {
+      return contentId;
+    }
+
+    // Also support URLs where content.id is in the query string but not parsed by URL (edge case)
+    // e.g., /wiki/plugins/servlet/ac/com.atlassian.perspectiveretros/perspective-retros?content.id=5662725850
+    var match = url.match(/[?&]content\.id=(\d+)/);
+    if (match && match[1]) {
+      return match[1];
     }
   } catch (_unused2) {
     return undefined;
@@ -162,9 +179,30 @@ var extractContentIdFromURL = function extractContentIdFromURL(url) {
 };
 var extractJiraIssueIdFromURL = function extractJiraIssueIdFromURL(url) {
   try {
-    var browseMatch = url.match(/[A-Z0-9]+-\d+/);
-    if (browseMatch && browseMatch[0]) {
-      return browseMatch[0];
+    var urlObj = new URL(url);
+
+    // Support any case for Jira keys (e.g., AI3W-864, ai3w-864, Ai3W-864)
+    var browseMatch = urlObj.pathname.match(/\/browse\/([A-Za-z0-9]+-\d+)/);
+    if (browseMatch && browseMatch[1]) {
+      return browseMatch[1];
+    }
+
+    // /jira/browse/{issueKey}
+    var jiraBrowseMatch = urlObj.pathname.match(/\/jira\/browse\/([A-Za-z0-9]+-\d+)/);
+    if (jiraBrowseMatch && jiraBrowseMatch[1]) {
+      return jiraBrowseMatch[1];
+    }
+
+    // Query parameter ?selectedIssue={issueKey}
+    var selectedIssue = urlObj.searchParams.get('selectedIssue');
+    if (selectedIssue && /^[A-Za-z0-9]+-\d+$/.test(selectedIssue)) {
+      return selectedIssue;
+    }
+
+    // Query parameter ?issueKey={issueKey}
+    var issueKeyParam = urlObj.searchParams.get('issueKey');
+    if (issueKeyParam && /^[A-Za-z0-9]+-\d+$/.test(issueKeyParam)) {
+      return issueKeyParam;
     }
   } catch (_unused3) {
     return undefined;

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.2"
+  packageVersion: "40.19.0"
 };
 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/index.js

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

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

@@ -4,6 +4,7 @@ import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
 import { ActionName, CardAction } from '../../index';
 import { getExtensionKey } from '../../state/helpers';
 import { canShowAction } from '../../utils/actions/can-show-action';
+import { isModalWithinPreviewPanelIFrame } from '../../utils/iframe-utils';
 import { openEmbedModal } from '../../view/EmbedModal/utils';
 import { extractIsSupportTheming } from '../common/meta/extractIsSupportTheming';
 import { extractIsTrusted } from '../common/meta/extractIsTrusted';
@@ -30,6 +31,7 @@ export const extractInvokePreviewAction = param => {
   const hasPreviewPanel = hasPreviewPanelParams && isPreviewPanelAvailable({
     ari: ari
   });
+  const isInPreviewPanel = expValEquals('platform_hover_card_preview_panel', 'cohort', 'test') && isModalWithinPreviewPanelIFrame();
   const data = response.data;
   const meta = response.meta;
   if (!canShowAction(CardAction.PreviewAction, actionOptions)) {
@@ -65,7 +67,10 @@ export const extractInvokePreviewAction = param => {
               src: (_extractSmartLinkEmbe = extractSmartLinkEmbed(response)) === null || _extractSmartLinkEmbe === void 0 ? void 0 : _extractSmartLinkEmbe.src,
               title: extractSmartLinkTitle(response),
               url,
-              size: fg('platform_linking_enable_card_preview_action_size') ? actionOptions === null || actionOptions === void 0 ? void 0 : (_actionOptions$previe = actionOptions.previewAction) === null || _actionOptions$previe === void 0 ? void 0 : _actionOptions$previe.size : undefined
+              size: fg('platform_linking_enable_card_preview_action_size') ? actionOptions === null || actionOptions === void 0 ? void 0 : (_actionOptions$previe = actionOptions.previewAction) === null || _actionOptions$previe === void 0 ? void 0 : _actionOptions$previe.size : undefined,
+              ...(expValEquals('platform_hover_card_preview_panel', 'cohort', 'test') && {
+                isInPreviewPanel
+              })
             });
           }
         },