@atlaskit/smart-card 32.7.0 → 32.7.1

package/dist/cjs/extractors/flexible/index.js

@@ -1,15 +1,16 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+var _typeof = require("@babel/runtime/helpers/typeof");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
 var _linkExtractors = require("@atlaskit/link-extractors");
+var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 var _primitives = require("../common/primitives");
-var _actions = _interopRequireDefault(require("./actions"));
-var _extractViewAction = require("./actions/extract-view-action");
+var _actions = _interopRequireWildcard(require("./actions"));
 var _collaboratorGroup = require("./collaboratorGroup");
 var _extractPreview = _interopRequireDefault(require("./extract-preview"));
 var _extractPriority = _interopRequireDefault(require("./extract-priority"));
@@ -18,11 +19,17 @@ var _icon = require("./icon");
 var _extractProviderIcon = _interopRequireDefault(require("./icon/extract-provider-icon"));
 var _latestCommit = require("./latest-commit");
 var _utils = require("./utils");
-var _excluded = ["id", "renderers", "actionOptions", "response", "aiSummaryConfig"];
+var _excluded = ["appearance", "fireEvent", "id", "origin", "renderers", "resolve", "actionOptions", "response", "aiSummaryConfig"];
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
 var extractFlexibleUiContext = function extractFlexibleUiContext() {
   var _ref = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
-  var id = _ref.id,
+  var appearance = _ref.appearance,
+    fireEvent = _ref.fireEvent,
+    id = _ref.id,
+    origin = _ref.origin,
     renderers = _ref.renderers,
+    resolve = _ref.resolve,
     actionOptions = _ref.actionOptions,
     response = _ref.response,
     aiSummaryConfig = _ref.aiSummaryConfig,
@@ -33,8 +40,16 @@ var extractFlexibleUiContext = function extractFlexibleUiContext() {
   var data = response.data;
   var url = (0, _linkExtractors.extractLink)(data);
   return {
-    // Use the original URL in edge cases, such as short links for AI summary and copy link actions.
-    actions: (0, _actions.default)(response, props.url, actionOptions, id, aiSummaryConfig),
+    actions: (0, _platformFeatureFlags.fg)('platform-smart-card-migrate-embed-modal-analytics') ? (0, _actions.extractFlexibleCardActions)({
+      actionOptions: actionOptions,
+      aiSummaryConfig: aiSummaryConfig,
+      appearance: appearance,
+      fireEvent: fireEvent,
+      id: id,
+      origin: origin,
+      response: response,
+      url: props.url // Use the original URL in edge cases, such as short links for AI summary and copy link actions.
+    }) : (0, _actions.default)(response, props.url, actionOptions, id, aiSummaryConfig),
     assignedToGroup: (0, _utils.extractPersonAssignedToAsArray)(data),
     attachmentCount: (0, _utils.extractAttachmentCount)(data),
     authorGroup: (0, _linkExtractors.extractPersonCreatedBy)(data),
@@ -50,7 +65,6 @@ var extractFlexibleUiContext = function extractFlexibleUiContext() {
     assignedTo: (0, _utils.extractAssignedTo)(data),
     createdOn: (0, _linkExtractors.extractDateCreated)(data),
     dueOn: (0, _utils.extractDueOn)(data),
-    viewAction: (0, _extractViewAction.extractViewAction)(data, actionOptions),
     latestCommit: (0, _latestCommit.extractLatestCommit)(data),
     linkIcon: (0, _icon.extractLinkIcon)(response, renderers),
     location: (0, _utils.extractLocation)(data),
@@ -65,7 +79,7 @@ var extractFlexibleUiContext = function extractFlexibleUiContext() {
     snippet: (0, _primitives.extractSummary)(data) || undefined,
     // Explicitly set here to remove an empty string
     sourceBranch: (0, _utils.extractSourceBranch)(data),
-    state: (0, _extractState.default)(response, actionOptions, id),
+    state: (0, _extractState.default)(response, actionOptions, id, appearance, origin, fireEvent, resolve),
     subscriberCount: (0, _utils.extractSubscriberCount)(data),
     subTasksProgress: (0, _utils.extractSubTasksProgress)(data),
     storyPoints: (0, _utils.extractStoryPoints)(data),

package/dist/cjs/state/hooks/use-invoke-client-action/index.js

@@ -10,6 +10,8 @@ var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"))
 var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
 var _react = require("react");
 var _uuid = _interopRequireDefault(require("uuid"));
+var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
+var _useAnalyticsEvents2 = require("../../../common/analytics/generated/use-analytics-events");
 var measure = _interopRequireWildcard(require("../../../utils/performance"));
 var _analytics = require("../../analytics");
 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); }
@@ -20,14 +22,18 @@ var ACTION_EXPERIENCE_NAME = 'smart-link-action-invocation';
  * Invoke client action such as preview, download and open link
  */
 var useInvokeClientAction = function useInvokeClientAction(_ref) {
-  var analytics = _ref.analytics;
+  var analytics = _ref.analytics,
+    fireEventProp = _ref.fireEvent;
+  var _useAnalyticsEvents = (0, _useAnalyticsEvents2.useAnalyticsEvents)(),
+    defaultFireEvent = _useAnalyticsEvents.fireEvent;
+  var fireEvent = fireEventProp !== null && fireEventProp !== void 0 ? fireEventProp : defaultFireEvent;
   return (0, _react.useCallback)( /*#__PURE__*/function () {
     var _ref3 = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee(_ref2) {
-      var actionType, actionFn, extensionKey, display, experienceId, markName, result, reason;
+      var actionSubjectId, actionType, actionFn, _ref2$definitionId, definitionId, extensionKey, display, id, _ref2$resourceType, resourceType, experienceId, markName, result, _measure$getMeasure$d, _measure$getMeasure, reason, _measure$getMeasure$d2, _measure$getMeasure2;
       return _regenerator.default.wrap(function _callee$(_context) {
         while (1) switch (_context.prev = _context.next) {
           case 0:
-            actionType = _ref2.actionType, actionFn = _ref2.actionFn, extensionKey = _ref2.extensionKey, display = _ref2.display;
+            actionSubjectId = _ref2.actionSubjectId, actionType = _ref2.actionType, actionFn = _ref2.actionFn, _ref2$definitionId = _ref2.definitionId, definitionId = _ref2$definitionId === void 0 ? null : _ref2$definitionId, extensionKey = _ref2.extensionKey, display = _ref2.display, id = _ref2.id, _ref2$resourceType = _ref2.resourceType, resourceType = _ref2$resourceType === void 0 ? null : _ref2$resourceType;
             experienceId = (0, _uuid.default)(); // Begin performance instrumentation.
             markName = "".concat(experienceId, "-").concat(actionType);
             measure.mark(markName, 'pending');
@@ -41,10 +47,20 @@ var useInvokeClientAction = function useInvokeClientAction(_ref) {
             });
 
             // Begin analytics instrumentation.
-            analytics === null || analytics === void 0 || analytics.ui.actionClickedEvent({
-              actionType: actionType,
-              display: display
-            });
+            if (actionSubjectId && (0, _platformFeatureFlags.fg)('platform-smart-card-migrate-embed-modal-analytics')) {
+              fireEvent("ui.button.clicked.".concat(actionSubjectId), {
+                actionType: actionType !== null && actionType !== void 0 ? actionType : null,
+                definitionId: definitionId,
+                display: display !== null && display !== void 0 ? display : null,
+                id: id !== null && id !== void 0 ? id : experienceId,
+                resourceType: resourceType
+              });
+            } else {
+              analytics === null || analytics === void 0 || analytics.ui.actionClickedEvent({
+                actionType: actionType,
+                display: display
+              });
+            }
 
             // Invoke action
             _context.next = 9;
@@ -53,10 +69,21 @@ var useInvokeClientAction = function useInvokeClientAction(_ref) {
             result = _context.sent;
             measure.mark(markName, 'resolved');
             (0, _analytics.succeedUfoExperience)(ACTION_EXPERIENCE_NAME, experienceId);
-            analytics === null || analytics === void 0 || analytics.operational.invokeSucceededEvent({
-              actionType: actionType,
-              display: display
-            });
+            if ((0, _platformFeatureFlags.fg)('platform-smart-card-migrate-embed-modal-analytics')) {
+              fireEvent('operational.smartLinkAction.resolved', {
+                actionType: actionType !== null && actionType !== void 0 ? actionType : null,
+                definitionId: definitionId,
+                display: display !== null && display !== void 0 ? display : null,
+                duration: (_measure$getMeasure$d = (_measure$getMeasure = measure.getMeasure(markName, 'resolved')) === null || _measure$getMeasure === void 0 ? void 0 : _measure$getMeasure.duration) !== null && _measure$getMeasure$d !== void 0 ? _measure$getMeasure$d : null,
+                id: id !== null && id !== void 0 ? id : experienceId,
+                resourceType: resourceType
+              });
+            } else {
+              analytics === null || analytics === void 0 || analytics.operational.invokeSucceededEvent({
+                actionType: actionType,
+                display: display
+              });
+            }
             return _context.abrupt("return", result);
           case 16:
             _context.prev = 16;
@@ -64,11 +91,23 @@ var useInvokeClientAction = function useInvokeClientAction(_ref) {
             measure.mark(markName, 'errored');
             (0, _analytics.failUfoExperience)(ACTION_EXPERIENCE_NAME, experienceId);
             reason = typeof _context.t0 === 'string' ? _context.t0 : _context.t0 === null || _context.t0 === void 0 ? void 0 : _context.t0.message;
-            analytics === null || analytics === void 0 || analytics.operational.invokeFailedEvent({
-              actionType: actionType,
-              display: display,
-              reason: reason
-            });
+            if ((0, _platformFeatureFlags.fg)('platform-smart-card-migrate-embed-modal-analytics')) {
+              fireEvent('operational.smartLinkAction.unresolved', {
+                actionType: actionType !== null && actionType !== void 0 ? actionType : null,
+                definitionId: definitionId,
+                display: display !== null && display !== void 0 ? display : null,
+                duration: (_measure$getMeasure$d2 = (_measure$getMeasure2 = measure.getMeasure(markName, 'errored')) === null || _measure$getMeasure2 === void 0 ? void 0 : _measure$getMeasure2.duration) !== null && _measure$getMeasure$d2 !== void 0 ? _measure$getMeasure$d2 : null,
+                id: id !== null && id !== void 0 ? id : experienceId,
+                reason: reason,
+                resourceType: resourceType
+              });
+            } else {
+              analytics === null || analytics === void 0 || analytics.operational.invokeFailedEvent({
+                actionType: actionType,
+                display: display,
+                reason: reason
+              });
+            }
           case 22:
           case "end":
             return _context.stop();
@@ -78,6 +117,6 @@ var useInvokeClientAction = function useInvokeClientAction(_ref) {
     return function (_x) {
       return _ref3.apply(this, arguments);
     };
-  }(), [analytics === null || analytics === void 0 ? void 0 : analytics.operational, analytics === null || analytics === void 0 ? void 0 : analytics.ui]);
+  }(), [analytics === null || analytics === void 0 ? void 0 : analytics.operational, analytics === null || analytics === void 0 ? void 0 : analytics.ui, fireEvent]);
 };
 var _default = exports.default = useInvokeClientAction;

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

@@ -5,8 +5,14 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.useSmartLinkActions = useSmartLinkActions;
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _react = require("react");
 var _uuid = _interopRequireDefault(require("uuid"));
+var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
+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");
+var _extractInvokeViewAction = require("../../extractors/action/extract-invoke-view-action");
 var _extractDownloadActionProps = require("../../extractors/action/extractDownloadActionProps");
 var _extractPreviewActionProps = require("../../extractors/action/extractPreviewActionProps");
 var _extractViewActionProps = require("../../extractors/action/extractViewActionProps");
@@ -16,6 +22,8 @@ var _analytics = require("../analytics");
 var _helpers = require("../helpers");
 var _useInvokeClientAction = _interopRequireDefault(require("../hooks/use-invoke-client-action"));
 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; }
 function useSmartLinkActions(_ref) {
   var url = _ref.url,
     appearance = _ref.appearance,
@@ -26,6 +34,8 @@ function useSmartLinkActions(_ref) {
   }, []);
   var linkState = (0, _store.useSmartCardState)(url);
   var linkAnalytics = (0, _analytics.useSmartLinkAnalytics)(url, id);
+  var _useAnalyticsEvents = (0, _useAnalyticsEvents2.useAnalyticsEvents)(),
+    fireEvent = _useAnalyticsEvents.fireEvent;
   var invokeClientAction = (0, _useInvokeClientAction.default)({
     analytics: linkAnalytics
   });
@@ -40,15 +50,24 @@ function useSmartLinkActions(_ref) {
       actionOptions: actionOptions
     };
     var actions = [];
-    var downloadActionProps = (0, _extractDownloadActionProps.extractDownloadActionProps)(opts);
+    var invokeParam = {
+      actionOptions: actionOptions,
+      appearance: appearance,
+      id: id,
+      response: linkState.details
+    };
+    var downloadActionProps = (0, _platformFeatureFlags.fg)('platform-smart-card-migrate-embed-modal-analytics') ? (0, _extractInvokeDownloadAction.extractInvokeDownloadAction)(invokeParam) : (0, _extractDownloadActionProps.extractDownloadActionProps)(opts);
     if (downloadActionProps) {
       actions.push((0, _toAction.toAction)(downloadActionProps, invokeClientAction, _messages.messages.download, 'download-content'));
     }
-    var viewActionProps = (0, _extractViewActionProps.extractViewActionProps)(opts);
+    var viewActionProps = (0, _platformFeatureFlags.fg)('platform-smart-card-migrate-embed-modal-analytics') ? (0, _extractInvokeViewAction.extractInvokeViewAction)(invokeParam) : (0, _extractViewActionProps.extractViewActionProps)(opts);
     if (viewActionProps) {
       actions.push((0, _toAction.toAction)(viewActionProps, invokeClientAction, _messages.messages.view, 'view-content'));
     }
-    var previewActionProps = (0, _extractPreviewActionProps.extractPreviewActionProps)(opts);
+    var previewActionProps = (0, _platformFeatureFlags.fg)('platform-smart-card-migrate-embed-modal-analytics') ? (0, _extractInvokePreviewAction.extractInvokePreviewAction)(_objectSpread(_objectSpread({}, invokeParam), {}, {
+      fireEvent: fireEvent,
+      origin: origin
+    })) : (0, _extractPreviewActionProps.extractPreviewActionProps)(opts);
     if (previewActionProps) {
       actions.push((0, _toAction.toAction)(previewActionProps, invokeClientAction, _messages.messages.preview_improved, 'preview-content'));
     }

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

@@ -5,8 +5,13 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.LinkAnalyticsContext = void 0;
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _react = _interopRequireDefault(require("react"));
 var _analyticsNext = require("@atlaskit/analytics-next");
+var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
+var _analytics = require("./analytics");
+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; }
 /**
  * Provides an analytics context to supply attributes to events based on a URL
  */
@@ -19,11 +24,11 @@ var LinkAnalyticsContext = exports.LinkAnalyticsContext = function LinkAnalytics
   return /*#__PURE__*/_react.default.createElement(_analyticsNext.AnalyticsContext, {
     data: {
       source: source,
-      attributes: {
+      attributes: _objectSpread(_objectSpread({}, (0, _platformFeatureFlags.fg)('platform-smart-card-migrate-embed-modal-analytics') ? _analytics.context : {}), {}, {
         displayCategory: displayCategory,
         display: display,
         id: id
-      }
+      })
     }
   }, children);
 };

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

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

package/dist/cjs/utils/mocks.js

@@ -35,7 +35,10 @@ var mockByUrl = exports.mockByUrl = function mockByUrl(url) {
       access: 'granted',
       auth: [],
       definitionId: 'd1',
-      key: 'object-provider'
+      key: 'object-provider',
+      resourceType: 'object-resource',
+      subproduct: 'object-subproduct',
+      product: 'object-product'
     },
     data: {
       '@context': {

package/dist/cjs/view/BlockCard/views/flexible/FlexibleResolvedView.js

@@ -62,6 +62,7 @@ var FlexibleResolvedView = function FlexibleResolvedView(_ref) {
     onClick: onClick,
     onError: onError,
     onResolve: onResolve,
+    origin: "smartLinkCard",
     actionOptions: actionOptions,
     testId: testId,
     ui: _utils.FlexibleCardUiOptions,

package/dist/cjs/view/BlockCard/views/flexible/unresolved-view/index.js

@@ -34,6 +34,7 @@ var UnresolvedView = function UnresolvedView(_ref) {
     onAuthorize: onAuthorize,
     onClick: onClick,
     onError: onError,
+    origin: "smartLinkCard",
     testId: testId,
     ui: _utils.FlexibleCardUiOptions,
     url: url

package/dist/cjs/view/CardWithUrl/component.js

@@ -208,6 +208,7 @@ function Component(_ref) {
       cardState: cardState,
       onAuthorize: services.length && handleAuthorize || undefined,
       onClick: handleClickWrapper,
+      origin: "smartLinkCard",
       renderers: renderers,
       ui: ui,
       showHoverPreview: showHoverPreview,

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,