@atlaskit/smart-card 40.18.0 → 40.19.0

package/CHANGELOG.md

@@ -1,5 +1,19 @@
 # @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

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.2"
+  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/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: "0.0.0-development",
   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
+              })
             });
           }
         },

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

@@ -1,6 +1,7 @@
 import { useMemo } from 'react';
 import uuid from 'uuid';
 import { useSmartLinkContext } from '@atlaskit/link-provider';
+import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
 import { useAnalyticsEvents } from '../../common/analytics/generated/use-analytics-events';
 import { extractInvokeDownloadAction } from '../../extractors/action/extract-invoke-download-action';
 import { extractInvokePreviewAction } from '../../extractors/action/extract-invoke-preview-action';
@@ -8,12 +9,14 @@ import { extractInvokeViewAction } from '../../extractors/action/extract-invoke-
 import { messages } from '../../messages';
 import { toAction } from '../../utils/actions/to-action';
 import useInvokeClientAction from '../hooks/use-invoke-client-action';
+import useResolve from '../hooks/use-resolve';
 import { useSmartCardState as useLinkState } from '../store';
 export function useSmartLinkActions({
   url,
   appearance,
   origin,
-  actionOptions
+  actionOptions,
+  prefetch
 }) {
   const id = useMemo(() => uuid(), []);
   const linkState = useLinkState(url);
@@ -27,6 +30,10 @@ export function useSmartLinkActions({
   const invokeClientAction = useInvokeClientAction({
     fireEvent
   });
+  const resolve = useResolve();
+  if (expValEquals('platform_hover_card_preview_panel', 'cohort', 'test') && prefetch && !linkState.details) {
+    resolve(url);
+  }
   if (linkState.details && !(actionOptions !== null && actionOptions !== void 0 && actionOptions.hide)) {
     const actions = [];
     const invokeParam = {

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

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

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

@@ -0,0 +1,34 @@
+export const isInIframe = () => {
+  try {
+    return window !== window.top;
+  } catch {
+    // If we can't access window.top due to cross-origin restrictions, assume we're in an iframe
+    return true;
+  }
+};
+export const isWithinPreviewPanel = () => {
+  try {
+    const params = new URLSearchParams(window.location.search);
+    return params.has('previewPanels') || params.get('embeddedConfluenceSource') === 'confluence-page-preview-panel';
+  } catch {
+    return false;
+  }
+};
+export const isModalWithinPreviewPanelIFrame = () => {
+  return isInIframe() && isWithinPreviewPanel();
+};
+
+// Signals parent product to open embed modal via postMessage when in iframe context
+export const 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/es2019/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/es2019/view/EmbedCard/components/ImageIcon.js

@@ -7,7 +7,7 @@ import ImageLoader from 'react-render-image';
 import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
 import { Image } from './styled';
 const styles = {
-  roundedImage: "_2rko1twn"
+  roundedImage: "_2rko1rr0"
 };
 export const ImageIcon = ({
   alt = '',

package/dist/es2019/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/es2019/view/EmbedCard/components/styled.js

@@ -26,7 +26,7 @@ export const Image = forwardRef(({
       "--_rcxkve": ix(getSizeWithUnit(__cmplp.size))
     },
     ref: __cmplr,
-    className: ax(["_2rko1sit _1reo15vq _18m915vq _1bsb17ym _4t3i17ym", __cmplp.className])
+    className: ax(["_2rkofajl _1reo15vq _18m915vq _1bsb17ym _4t3i17ym", __cmplp.className])
   }));
 });
 
@@ -45,7 +45,7 @@ export const Thumbnail = forwardRef(({
       "--_13orr8u": ix(`url(${__cmplp.src})`)
     },
     ref: __cmplr,
-    className: ax(["_2rko1sit _1bsbckbl _4t3ickbl _1aaxusic _19pk1b66 _2hwxidpf _otyrutpp _18u0utpp _bfhkqrzy _1lrw1dfr _1itk2pcs", __cmplp.className])
+    className: ax(["_2rkofajl _1bsbckbl _4t3ickbl _1aaxusic _19pk1b66 _2hwxidpf _otyrutpp _18u0utpp _bfhkqrzy _1lrw1dfr _1itk2pcs", __cmplp.className])
   }));
 });
 if (process.env.NODE_ENV !== 'production') {

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

@@ -2,6 +2,8 @@ import _extends from "@babel/runtime/helpers/extends";
 import React from 'react';
 import ReactDOM from 'react-dom';
 import { IntlProvider } from 'react-intl-next';
+import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
+import { openEmbedModalInParent } from '../../utils/iframe-utils';
 const IFRAME_NAME = 'twp-editor-preview-iframe';
 const POPUP_MOUNT_POINT_ID = 'twp-editor-preview-iframe';
 
@@ -22,6 +24,16 @@ export async function openEmbedModal({
   onClose = () => {},
   ...props
 } = {}) {
+  // If the modal trigger is in an iframe and the user has preview panels enabled, send a message to open modal to the parent product
+  if (expValEquals('platform_hover_card_preview_panel', 'cohort', 'test')) {
+    if (props.isInPreviewPanel) {
+      openEmbedModalInParent({
+        onClose,
+        ...props
+      });
+      return;
+    }
+  }
   let popupMountPoint;
   popupMountPoint = document.getElementById(POPUP_MOUNT_POINT_ID);
   if (!popupMountPoint) {

package/dist/es2019/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/es2019/view/FlexibleCard/components/actions/automation-action/automation-manual-triggers/manual-triggers-modal/sub-components/header/main.js

@@ -11,7 +11,7 @@ import { Box, Inline, Stack } from '@atlaskit/primitives/compiled';
 import { G50 } from '@atlaskit/theme/colors';
 import { useAutomationMenu } from '../../menu-context';
 const styles = {
-  iconStyle: "_2rkoglpi _18zr1b66 _1rjcv77o _2hwxutpp",
+  iconStyle: "_2rko12b0 _18zr1b66 _1rjcv77o _2hwxutpp",
   modalDescriptionStyle: "_19pkutpp"
 };
 const i18n = defineMessages({

package/dist/es2019/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/es2019/view/FlexibleCard/components/actions/automation-action/automation-manual-triggers/manual-triggers-modal/sub-components/rule/main.js

@@ -8,8 +8,8 @@ import { Box, Stack } from '@atlaskit/primitives/compiled';
 import Spinner from '@atlaskit/spinner';
 import { useAutomationMenu } from '../../menu-context';
 const styles = {
-  ruleButtonStyle: "_2rkoglpi _1h6dmuej _1dqonqa1 _189ee4h9",
-  selectedRuleButtonStyle: "_2rkoglpi _1h6d15qp _1dqonqa1 _189e1bk5",
+  ruleButtonStyle: "_2rko12b0 _1h6dmuej _1dqonqa1 _189ee4h9",
+  selectedRuleButtonStyle: "_2rko12b0 _1h6d15qp _1dqonqa1 _189e1bk5",
   ruleNameStyle: "_4t3i1f4h"
 };
 export const AutomationModalRule = ({

package/dist/es2019/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)}