@atlaskit/smart-card 32.7.0 → 32.7.2

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

@@ -7,14 +7,17 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"));
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
 var _react = _interopRequireWildcard(require("react"));
 var _modalDialog = _interopRequireWildcard(require("@atlaskit/modal-dialog"));
+var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 var _tokens = require("@atlaskit/tokens");
 var _constants = require("../../constants");
 var _useInvokeClientAction = _interopRequireDefault(require("../../state/hooks/use-invoke-client-action"));
 var _utils = require("../../utils");
+var _icon = _interopRequireDefault(require("../FlexibleCard/components/elements/icon"));
 var _analytics = _interopRequireDefault(require("./components/analytics"));
 var _embedContent = _interopRequireDefault(require("./components/embed-content"));
 var _errorBoundary = _interopRequireDefault(require("./components/error-boundary"));
@@ -32,12 +35,15 @@ var toWidth = function toWidth(size) {
 var EmbedModal = function EmbedModal(_ref) {
   var analytics = _ref.analytics,
     download = _ref.download,
+    invokeDownloadAction = _ref.invokeDownloadAction,
     extensionKey = _ref.extensionKey,
+    fireEvent = _ref.fireEvent,
     icon = _ref.icon,
     iframeName = _ref.iframeName,
     isSupportTheming = _ref.isSupportTheming,
     _ref$isTrusted = _ref.isTrusted,
     isTrusted = _ref$isTrusted === void 0 ? false : _ref$isTrusted,
+    linkIcon = _ref.linkIcon,
     onClose = _ref.onClose,
     onOpen = _ref.onOpen,
     onResize = _ref.onResize,
@@ -49,7 +55,8 @@ var EmbedModal = function EmbedModal(_ref) {
     _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? 'smart-embed-preview-modal' : _ref$testId,
     title = _ref.title,
-    url = _ref.url;
+    url = _ref.url,
+    invokeViewAction = _ref.invokeViewAction;
   var defaultWidth = toWidth(size);
   var _useState = (0, _react.useState)(showModal),
     _useState2 = (0, _slicedToArray2.default)(_useState, 2),
@@ -61,7 +68,8 @@ var EmbedModal = function EmbedModal(_ref) {
     setWidth = _useState4[1];
   var openAt = (0, _react.useRef)();
   var invoke = (0, _useInvokeClientAction.default)({
-    analytics: analytics
+    analytics: analytics,
+    fireEvent: fireEvent
   });
   var handleOnOpenComplete = (0, _react.useCallback)(function () {
     openAt.current = Date.now();
@@ -95,53 +103,61 @@ var EmbedModal = function EmbedModal(_ref) {
   var themeState = (0, _tokens.useThemeObserver)();
   var previewUrl = src;
   var handleOnViewActionClick = (0, _react.useCallback)(function () {
-    invoke({
-      actionType: 'ViewAction',
-      actionFn: function () {
-        var _actionFn = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee() {
-          return _regenerator.default.wrap(function _callee$(_context) {
-            while (1) switch (_context.prev = _context.next) {
-              case 0:
-                return _context.abrupt("return", (0, _utils.openUrl)(url));
-              case 1:
-              case "end":
-                return _context.stop();
-            }
-          }, _callee);
-        }));
-        function actionFn() {
-          return _actionFn.apply(this, arguments);
-        }
-        return actionFn;
-      }(),
-      display: _constants.CardDisplay.EmbedPreview,
-      extensionKey: extensionKey
-    });
-  }, [extensionKey, invoke, url]);
+    if ((0, _platformFeatureFlags.fg)('platform-smart-card-migrate-embed-modal-analytics')) {
+      invokeViewAction && invoke(invokeViewAction);
+    } else {
+      invoke({
+        actionType: 'ViewAction',
+        actionFn: function () {
+          var _actionFn = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee() {
+            return _regenerator.default.wrap(function _callee$(_context) {
+              while (1) switch (_context.prev = _context.next) {
+                case 0:
+                  return _context.abrupt("return", (0, _utils.openUrl)(url));
+                case 1:
+                case "end":
+                  return _context.stop();
+              }
+            }, _callee);
+          }));
+          function actionFn() {
+            return _actionFn.apply(this, arguments);
+          }
+          return actionFn;
+        }(),
+        display: _constants.CardDisplay.EmbedPreview,
+        extensionKey: extensionKey
+      });
+    }
+  }, [extensionKey, invoke, url, invokeViewAction]);
   var handleOnDownloadActionClick = (0, _react.useCallback)(function () {
-    invoke({
-      actionType: _constants.ActionName.DownloadAction,
-      actionFn: function () {
-        var _actionFn2 = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee2() {
-          return _regenerator.default.wrap(function _callee2$(_context2) {
-            while (1) switch (_context2.prev = _context2.next) {
-              case 0:
-                return _context2.abrupt("return", (0, _utils.downloadUrl)(download));
-              case 1:
-              case "end":
-                return _context2.stop();
-            }
-          }, _callee2);
-        }));
-        function actionFn() {
-          return _actionFn2.apply(this, arguments);
-        }
-        return actionFn;
-      }(),
-      display: _constants.CardDisplay.EmbedPreview,
-      extensionKey: extensionKey
-    });
-  }, [download, extensionKey, invoke]);
+    if ((0, _platformFeatureFlags.fg)('platform-smart-card-migrate-embed-modal-analytics')) {
+      invokeDownloadAction && invoke(invokeDownloadAction);
+    } else {
+      invoke({
+        actionType: _constants.ActionName.DownloadAction,
+        actionFn: function () {
+          var _actionFn2 = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee2() {
+            return _regenerator.default.wrap(function _callee2$(_context2) {
+              while (1) switch (_context2.prev = _context2.next) {
+                case 0:
+                  return _context2.abrupt("return", (0, _utils.downloadUrl)(download));
+                case 1:
+                case "end":
+                  return _context2.stop();
+              }
+            }, _callee2);
+          }));
+          function actionFn() {
+            return _actionFn2.apply(this, arguments);
+          }
+          return actionFn;
+        }(),
+        display: _constants.CardDisplay.EmbedPreview,
+        extensionKey: extensionKey
+      });
+    }
+  }, [download, invokeDownloadAction, extensionKey, invoke]);
   if (previewUrl && isSupportTheming) {
     previewUrl = (0, _utils.getPreviewUrlWithTheme)(previewUrl, themeState);
   }
@@ -153,10 +169,15 @@ var EmbedModal = function EmbedModal(_ref) {
     testId: testId,
     width: width
   }, /*#__PURE__*/_react.default.createElement(_linkInfo.default, {
-    icon: icon,
+    icon: (0, _platformFeatureFlags.fg)('platform-smart-card-migrate-embed-modal-analytics') ? linkIcon ? {
+      icon: /*#__PURE__*/_react.default.createElement(_icon.default, (0, _extends2.default)({}, linkIcon, {
+        size: _constants.SmartLinkSize.Large
+      })),
+      isFlexibleUi: true
+    } : undefined : icon,
     providerName: providerName,
-    onViewButtonClick: url ? handleOnViewActionClick : undefined,
-    onDownloadButtonClick: download ? handleOnDownloadActionClick : undefined,
+    onViewButtonClick: (0, _platformFeatureFlags.fg)('platform-smart-card-migrate-embed-modal-analytics') ? invokeViewAction ? handleOnViewActionClick : undefined : url ? handleOnViewActionClick : undefined,
+    onDownloadButtonClick: (0, _platformFeatureFlags.fg)('platform-smart-card-migrate-embed-modal-analytics') ? invokeDownloadAction ? handleOnDownloadActionClick : undefined : download ? handleOnDownloadActionClick : undefined,
     onResizeButtonClick: handleOnResizeClick,
     size: width,
     title: title,

package/dist/cjs/view/FlexibleCard/components/actions/copy-link-action/index.js

@@ -9,11 +9,13 @@ exports.default = void 0;
 var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"));
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
 var _react = _interopRequireWildcard(require("react"));
 var _reactIntlNext = require("react-intl-next");
 var _link = _interopRequireDefault(require("@atlaskit/icon/core/migration/link"));
+var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 var _constants = require("../../../../../constants");
 var _messages = require("../../../../../messages");
 var _flexibleUiContext = require("../../../../../state/flexible-ui-context");
@@ -22,6 +24,8 @@ var _action = _interopRequireDefault(require("../action"));
 var _excluded = ["onClick"];
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+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 CopyLinkAction = function CopyLinkAction(_ref) {
   var _context$actions;
   var onClickCallback = _ref.onClick,
@@ -37,38 +41,67 @@ var CopyLinkAction = function CopyLinkAction(_ref) {
     tooltipMessage = _useState2[0],
     setTooltipMessage = _useState2[1];
   var onClick = (0, _react.useCallback)(function () {
-    if (data && data.url) {
-      invoke({
-        actionType: _constants.ActionName.CopyLinkAction,
-        actionFn: function () {
-          var _actionFn = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee() {
-            var _data$url;
-            return _regenerator.default.wrap(function _callee$(_context) {
-              while (1) switch (_context.prev = _context.next) {
-                case 0:
-                  _context.next = 2;
-                  return navigator.clipboard.writeText((_data$url = data.url) !== null && _data$url !== void 0 ? _data$url : '');
-                case 2:
-                  setTooltipMessage(_messages.messages.copied_url_to_clipboard);
-                case 3:
-                case "end":
-                  return _context.stop();
-              }
-            }, _callee);
-          }));
-          function actionFn() {
-            return _actionFn.apply(this, arguments);
-          }
-          return actionFn;
-        }(),
-        // These values have already been set in analytics context.
-        // We only pass these here for ufo experience.
-        display: analytics === null || analytics === void 0 ? void 0 : analytics.display,
-        extensionKey: analytics === null || analytics === void 0 ? void 0 : analytics.extensionKey
-      });
-    }
-    if (onClickCallback) {
-      onClickCallback();
+    if ((0, _platformFeatureFlags.fg)('platform-smart-card-migrate-embed-modal-analytics')) {
+      if (data !== null && data !== void 0 && data.invokeAction) {
+        invoke(_objectSpread(_objectSpread({}, data.invokeAction), {}, {
+          actionFn: function () {
+            var _actionFn = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee() {
+              var _data$invokeAction;
+              return _regenerator.default.wrap(function _callee$(_context) {
+                while (1) switch (_context.prev = _context.next) {
+                  case 0:
+                    _context.next = 2;
+                    return (_data$invokeAction = data.invokeAction) === null || _data$invokeAction === void 0 ? void 0 : _data$invokeAction.actionFn();
+                  case 2:
+                    setTooltipMessage(_messages.messages.copied_url_to_clipboard);
+                  case 3:
+                  case "end":
+                    return _context.stop();
+                }
+              }, _callee);
+            }));
+            function actionFn() {
+              return _actionFn.apply(this, arguments);
+            }
+            return actionFn;
+          }()
+        }));
+        onClickCallback === null || onClickCallback === void 0 || onClickCallback();
+      }
+    } else {
+      if (data && data.url) {
+        invoke({
+          actionType: _constants.ActionName.CopyLinkAction,
+          actionFn: function () {
+            var _actionFn2 = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee2() {
+              var _data$url;
+              return _regenerator.default.wrap(function _callee2$(_context2) {
+                while (1) switch (_context2.prev = _context2.next) {
+                  case 0:
+                    _context2.next = 2;
+                    return navigator.clipboard.writeText((_data$url = data.url) !== null && _data$url !== void 0 ? _data$url : '');
+                  case 2:
+                    setTooltipMessage(_messages.messages.copied_url_to_clipboard);
+                  case 3:
+                  case "end":
+                    return _context2.stop();
+                }
+              }, _callee2);
+            }));
+            function actionFn() {
+              return _actionFn2.apply(this, arguments);
+            }
+            return actionFn;
+          }(),
+          // These values have already been set in analytics context.
+          // We only pass these here for ufo experience.
+          display: analytics === null || analytics === void 0 ? void 0 : analytics.display,
+          extensionKey: analytics === null || analytics === void 0 ? void 0 : analytics.extensionKey
+        });
+      }
+      if (onClickCallback) {
+        onClickCallback();
+      }
     }
   }, [analytics, data, invoke, onClickCallback]);
   return data ? /*#__PURE__*/_react.default.createElement(_action.default, (0, _extends2.default)({

package/dist/cjs/view/FlexibleCard/components/actions/download-action/index.js

@@ -13,6 +13,7 @@ var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/h
 var _react = _interopRequireWildcard(require("react"));
 var _reactIntlNext = require("react-intl-next");
 var _download = _interopRequireDefault(require("@atlaskit/icon/core/migration/download"));
+var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 var _constants = require("../../../../../constants");
 var _messages = require("../../../../../messages");
 var _flexibleUiContext = require("../../../../../state/flexible-ui-context");
@@ -33,36 +34,43 @@ var DownloadAction = function DownloadAction(_ref) {
   });
   var data = context === null || context === void 0 || (_context$actions = context.actions) === null || _context$actions === void 0 ? void 0 : _context$actions[_constants.ActionName.DownloadAction];
   var onClick = (0, _react.useCallback)(function () {
-    if (data !== null && data !== void 0 && data.downloadUrl) {
-      invoke({
-        actionType: _constants.ActionName.DownloadAction,
-        actionFn: function () {
-          var _actionFn = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee() {
-            return _regenerator.default.wrap(function _callee$(_context) {
-              while (1) switch (_context.prev = _context.next) {
-                case 0:
-                  return _context.abrupt("return", (0, _utils.downloadUrl)(data === null || data === void 0 ? void 0 : data.downloadUrl));
-                case 1:
-                case "end":
-                  return _context.stop();
-              }
-            }, _callee);
-          }));
-          function actionFn() {
-            return _actionFn.apply(this, arguments);
-          }
-          return actionFn;
-        }(),
-        // These values have already been set in analytics context.
-        // We only pass these here for ufo experience.
-        display: analytics === null || analytics === void 0 ? void 0 : analytics.display,
-        extensionKey: analytics === null || analytics === void 0 ? void 0 : analytics.extensionKey
-      });
-      if (onClickCallback) {
-        onClickCallback();
+    if ((0, _platformFeatureFlags.fg)('platform-smart-card-migrate-embed-modal-analytics')) {
+      if (data !== null && data !== void 0 && data.invokeAction) {
+        invoke(data.invokeAction);
+        onClickCallback === null || onClickCallback === void 0 || onClickCallback();
+      }
+    } else {
+      if (data !== null && data !== void 0 && data.downloadUrl) {
+        invoke({
+          actionType: _constants.ActionName.DownloadAction,
+          actionFn: function () {
+            var _actionFn = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee() {
+              return _regenerator.default.wrap(function _callee$(_context) {
+                while (1) switch (_context.prev = _context.next) {
+                  case 0:
+                    return _context.abrupt("return", (0, _utils.downloadUrl)(data === null || data === void 0 ? void 0 : data.downloadUrl));
+                  case 1:
+                  case "end":
+                    return _context.stop();
+                }
+              }, _callee);
+            }));
+            function actionFn() {
+              return _actionFn.apply(this, arguments);
+            }
+            return actionFn;
+          }(),
+          // These values have already been set in analytics context.
+          // We only pass these here for ufo experience.
+          display: analytics === null || analytics === void 0 ? void 0 : analytics.display,
+          extensionKey: analytics === null || analytics === void 0 ? void 0 : analytics.extensionKey
+        });
+        if (onClickCallback) {
+          onClickCallback();
+        }
       }
     }
-  }, [analytics, data === null || data === void 0 ? void 0 : data.downloadUrl, invoke, onClickCallback]);
+  }, [analytics, data, invoke, onClickCallback]);
   var isStackItem = props.as === 'stack-item';
   var label = isStackItem ? _messages.messages.download_file : _messages.messages.download;
   var tooltipMessage = isStackItem ? _messages.messages.download_description : _messages.messages.download;

package/dist/cjs/view/FlexibleCard/components/actions/preview-action/index.js

@@ -14,6 +14,7 @@ var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/h
 var _react = _interopRequireWildcard(require("react"));
 var _reactIntlNext = require("react-intl-next");
 var _growDiagonalMediaServicesActualSize = _interopRequireDefault(require("@atlaskit/icon/core/migration/grow-diagonal--media-services-actual-size"));
+var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 var _constants = require("../../../../../constants");
 var _messages = require("../../../../../messages");
 var _flexibleUiContext = require("../../../../../state/flexible-ui-context");
@@ -36,38 +37,45 @@ var PreviewAction = function PreviewAction(_ref) {
   });
   var data = context === null || context === void 0 || (_context$actions = context.actions) === null || _context$actions === void 0 ? void 0 : _context$actions[_constants.ActionName.PreviewAction];
   var onClick = (0, _react.useCallback)(function () {
-    if (data) {
-      invoke({
-        actionType: _constants.ActionName.PreviewAction,
-        actionFn: function () {
-          var _actionFn = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee() {
-            return _regenerator.default.wrap(function _callee$(_context) {
-              while (1) switch (_context.prev = _context.next) {
-                case 0:
-                  return _context.abrupt("return", (0, _utils.openEmbedModalWithFlexibleUiIcon)(_objectSpread({
-                    download: data === null || data === void 0 ? void 0 : data.downloadUrl,
-                    extensionKey: analytics === null || analytics === void 0 ? void 0 : analytics.extensionKey,
-                    analytics: analytics
-                  }, data)));
-                case 1:
-                case "end":
-                  return _context.stop();
-              }
-            }, _callee);
-          }));
-          function actionFn() {
-            return _actionFn.apply(this, arguments);
-          }
-          return actionFn;
-        }(),
-        // These values have already been set in analytics context.
-        // We only pass these here for ufo experience.
-        display: analytics === null || analytics === void 0 ? void 0 : analytics.display,
-        extensionKey: analytics === null || analytics === void 0 ? void 0 : analytics.extensionKey
-      });
-    }
-    if (onClickCallback) {
-      onClickCallback();
+    if ((0, _platformFeatureFlags.fg)('platform-smart-card-migrate-embed-modal-analytics')) {
+      if (data !== null && data !== void 0 && data.invokeAction) {
+        invoke(data.invokeAction);
+        onClickCallback === null || onClickCallback === void 0 || onClickCallback();
+      }
+    } else {
+      if (data) {
+        invoke({
+          actionType: _constants.ActionName.PreviewAction,
+          actionFn: function () {
+            var _actionFn = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee() {
+              return _regenerator.default.wrap(function _callee$(_context) {
+                while (1) switch (_context.prev = _context.next) {
+                  case 0:
+                    return _context.abrupt("return", (0, _utils.openEmbedModalWithFlexibleUiIcon)(_objectSpread({
+                      download: data === null || data === void 0 ? void 0 : data.downloadUrl,
+                      extensionKey: analytics === null || analytics === void 0 ? void 0 : analytics.extensionKey,
+                      analytics: analytics
+                    }, data)));
+                  case 1:
+                  case "end":
+                    return _context.stop();
+                }
+              }, _callee);
+            }));
+            function actionFn() {
+              return _actionFn.apply(this, arguments);
+            }
+            return actionFn;
+          }(),
+          // These values have already been set in analytics context.
+          // We only pass these here for ufo experience.
+          display: analytics === null || analytics === void 0 ? void 0 : analytics.display,
+          extensionKey: analytics === null || analytics === void 0 ? void 0 : analytics.extensionKey
+        });
+      }
+      if (onClickCallback) {
+        onClickCallback();
+      }
     }
   }, [analytics, data, invoke, onClickCallback]);
   var isStackItem = props.as === 'stack-item';

package/dist/cjs/view/FlexibleCard/components/elements/lozenge/lozenge-action/lozenge-action-error/index.js

@@ -16,6 +16,7 @@ var _colors = require("@atlaskit/theme/colors");
 var _useAnalyticsEvents2 = require("../../../../../../../common/analytics/generated/use-analytics-events");
 var _messages = require("../../../../../../../messages");
 var _flexibleUiContext = require("../../../../../../../state/flexible-ui-context");
+var _useInvokeClientAction = _interopRequireDefault(require("../../../../../../../state/hooks/use-invoke-client-action"));
 var _useResolve = _interopRequireDefault(require("../../../../../../../state/hooks/use-resolve"));
 var _utils = require("../../../../utils");
 var _styled = require("./styled");
@@ -30,13 +31,15 @@ var LozengeActionError = function LozengeActionError(_ref) {
     testId = _ref.testId,
     _ref$maxLineNumber = _ref.maxLineNumber,
     maxLineNumber = _ref$maxLineNumber === void 0 ? MAX_LINE_NUMBER : _ref$maxLineNumber,
+    invokePreviewAction = _ref.invokePreviewAction,
     url = _ref.url,
     previewData = _ref.previewData;
   var _useAnalyticsEvents = (0, _useAnalyticsEvents2.useAnalyticsEvents)(),
     fireEvent = _useAnalyticsEvents.fireEvent;
   var reload = (0, _useResolve.default)();
   var analytics = (0, _flexibleUiContext.useFlexibleUiAnalyticsContext)();
-  var isPreviewAvailable = previewData && previewData.src !== undefined;
+  var invoke = (0, _useInvokeClientAction.default)({});
+  var isPreviewAvailable = (0, _platformFeatureFlags.fg)('platform-smart-card-migrate-embed-modal-analytics') ? invokePreviewAction !== undefined : previewData && previewData.src !== undefined;
   var handlePreviewClose = (0, _react.useCallback)(function () {
     if (url) {
       reload(url, true);
@@ -49,12 +52,16 @@ var LozengeActionError = function LozengeActionError(_ref) {
       } else {
         analytics === null || analytics === void 0 || analytics.ui.smartLinkLozengeActionErrorOpenPreviewClickedEvent();
       }
-      return (0, _utils.openEmbedModalWithFlexibleUiIcon)(_objectSpread(_objectSpread({}, previewData), {}, {
-        analytics: analytics,
-        onClose: handlePreviewClose
-      }));
+      if ((0, _platformFeatureFlags.fg)('platform-smart-card-migrate-embed-modal-analytics')) {
+        invokePreviewAction && invoke(invokePreviewAction);
+      } else {
+        return (0, _utils.openEmbedModalWithFlexibleUiIcon)(_objectSpread(_objectSpread({}, previewData), {}, {
+          analytics: analytics,
+          onClose: handlePreviewClose
+        }));
+      }
     }
-  }, [analytics, handlePreviewClose, isPreviewAvailable, previewData, fireEvent]);
+  }, [analytics, handlePreviewClose, isPreviewAvailable, invoke, invokePreviewAction, previewData, fireEvent]);
   var content = (0, _react.useMemo)(function () {
     return (0, _react2.jsx)(_react.Fragment, null, (0, _react2.jsx)("div", {
       css: _styled.contentStyles

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

@@ -202,6 +202,10 @@ var getTruncateStyles = exports.getTruncateStyles = function getTruncateStyles(m
 var hasWhiteSpace = exports.hasWhiteSpace = function hasWhiteSpace(str) {
   return str.search(/\s/) >= 0;
 };
+
+/**
+ * TODO: Remove on cleanup of platform-smart-card-migrate-embed-modal-analytics
+ */
 var openEmbedModalWithFlexibleUiIcon = exports.openEmbedModalWithFlexibleUiIcon = function openEmbedModalWithFlexibleUiIcon(_ref) {
   var linkIcon = _ref.linkIcon,
     props = (0, _objectWithoutProperties2.default)(_ref, _excluded);

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

@@ -9,9 +9,11 @@ exports.default = void 0;
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _react = _interopRequireWildcard(require("react"));
+var _useAnalyticsEvents2 = require("../../common/analytics/generated/use-analytics-events");
 var _constants = require("../../constants");
 var _flexibleUiContext = require("../../state/flexible-ui-context");
 var _useAiSummaryConfig = require("../../state/hooks/use-ai-summary-config");
+var _useResolve = _interopRequireDefault(require("../../state/hooks/use-resolve"));
 var _container = _interopRequireDefault(require("./components/container"));
 var _utils = require("./utils");
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
@@ -36,6 +38,7 @@ var FlexibleCard = function FlexibleCard(_ref) {
     onClick = _ref.onClick,
     onError = _ref.onError,
     onResolve = _ref.onResolve,
+    origin = _ref.origin,
     renderers = _ref.renderers,
     showAuthTooltip = _ref.showAuthTooltip,
     showHoverPreview = _ref.showHoverPreview,
@@ -45,20 +48,27 @@ var FlexibleCard = function FlexibleCard(_ref) {
     ui = _ref.ui,
     url = _ref.url;
   var aiSummaryConfig = (0, _useAiSummaryConfig.useAISummaryConfig)();
+  var resolve = (0, _useResolve.default)();
+  var _useAnalyticsEvents = (0, _useAnalyticsEvents2.useAnalyticsEvents)(),
+    fireEvent = _useAnalyticsEvents.fireEvent;
   var cardType = cardState.status,
     details = cardState.details;
   var status = cardType;
   var context = (0, _react.useMemo)(function () {
     return (0, _utils.getContextByStatus)({
       aiSummaryConfig: aiSummaryConfig,
+      appearance: appearance,
+      fireEvent: fireEvent,
       response: details,
       id: id,
+      origin: origin,
       renderers: renderers,
+      resolve: resolve,
       actionOptions: actionOptions,
       status: status,
       url: url
     });
-  }, [aiSummaryConfig, details, id, renderers, actionOptions, status, url]);
+  }, [aiSummaryConfig, appearance, details, fireEvent, id, origin, renderers, actionOptions, resolve, status, url]);
   var retry = (0, _utils.getRetryOptions)(url, status, details, onAuthorize);
   var _ref2 = context || {},
     title = _ref2.title;

package/dist/cjs/view/HoverCard/components/HoverCardContent.js

@@ -164,6 +164,7 @@ var HoverCardContent = function HoverCardContent(_ref) {
     cardState: cardState,
     onClick: onClick,
     onResolve: onResolve,
+    origin: 'smartLinkPreviewHoverCard',
     renderers: renderers,
     actionOptions: actionOptions,
     ui: _styled.flexibleUiOptions,

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

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

package/dist/es2019/classNames.js

@@ -1,11 +1,13 @@
-export { contentFooterClassName } from './view/BlockCard/components/ContentFooter';
-export { metadataListClassName } from './view/common/MetadataList';
-export { blockCardResolvingViewClassName } from './view/BlockCard/views/ResolvingView';
-export { blockCardResolvedViewClassName, blockCardResolvedViewByClassName } from './view/BlockCard/views/ResolvedView';
-export { blockCardForbiddenViewClassName, blockCardForbiddenViewLinkClassName } from './view/BlockCard/views/ForbiddenView';
+export const contentFooterClassName = 'smart-link-content-footer';
+export const metadataListClassName = 'smart-link-metadata-list';
+export const blockCardResolvingViewClassName = 'block-card-resolving-view';
+export const blockCardResolvedViewClassName = 'block-card-resolved-view';
+export const blockCardResolvedViewByClassName = 'block-card-resolved-view-by';
+export const blockCardForbiddenViewClassName = 'block-card-forbidden-view';
+export const blockCardForbiddenViewLinkClassName = 'block-card-forbidden-view-link';
 export { blockCardIconImageClassName } from './view/common/Icon';
-export { blockCardContentClassName } from './view/BlockCard/components/Content';
-export { blockCardContentHeaderClassName } from './view/BlockCard/components/ContentHeader';
-export { blockCardContentHeaderNameClassName } from './view/BlockCard/components/Name';
-export { blockCardNotFoundViewClassName } from './view/BlockCard/views/NotFoundView';
-export { blockCardErroredViewClassName } from './view/BlockCard/views/ErroredView';
+export const blockCardContentClassName = 'block-card-content';
+export const blockCardContentHeaderClassName = 'block-card-content-header';
+export const blockCardContentHeaderNameClassName = 'block-card-content-header-name';
+export const blockCardNotFoundViewClassName = 'block-card-not-found-view';
+export const blockCardErroredViewClassName = 'block-card-errored-view';