@atlaskit/smart-card 32.6.0 → 32.7.1

package/dist/esm/extractors/flexible/actions/extract-view-action.js

@@ -2,6 +2,10 @@ import { extractLink } from '@atlaskit/link-extractors';
 import { canShowAction } from '../../../utils/actions/can-show-action';
 import { CardAction } from '../../../view/Card/types';
 import { getActionsFromJsonLd } from '../../common/actions/extractActions';
+
+/**
+ * TODO: Remove on cleanup of platform-smart-card-migrate-embed-modal-analytics
+ */
 export var extractViewAction = function extractViewAction(data, actionOptions) {
   if (!canShowAction(CardAction.ViewAction, actionOptions)) {
     return;

package/dist/esm/extractors/flexible/actions/index.js

@@ -5,15 +5,52 @@ import { fg } from '@atlaskit/platform-feature-flags';
 import { ActionName, InternalActionName } from '../../../constants';
 import { extractAISummaryAction } from './extract-ai-summary-action';
 import { extractAutomationAction } from './extract-automation-action';
-import { extractCopyLinkAction } from './extract-copy-link-action';
-import { extractDownloadAction } from './extract-download-action';
+import { extractCopyLinkAction, extractCopyLinkClientAction } from './extract-copy-link-action';
+import { extractDownloadAction, extractDownloadClientAction } from './extract-download-action';
 import extractFollowAction from './extract-follow-action';
-import { extractPreviewAction } from './extract-preview-action';
+import { extractPreviewAction, extractPreviewClientAction } from './extract-preview-action';
 import { extractViewRelatedLinksAction } from './extract-view-related-links-action';
-var extractActions = function extractActions(response, url, actionOptions, id, aiSummaryConfig) {
+export var extractFlexibleCardActions = function extractFlexibleCardActions(_ref) {
   var _objectSpread2;
+  var actionOptions = _ref.actionOptions,
+    aiSummaryConfig = _ref.aiSummaryConfig,
+    appearance = _ref.appearance,
+    fireEvent = _ref.fireEvent,
+    id = _ref.id,
+    origin = _ref.origin,
+    response = _ref.response,
+    url = _ref.url;
+  var action = _objectSpread((_objectSpread2 = {}, _defineProperty(_objectSpread2, ActionName.CopyLinkAction, extractCopyLinkClientAction({
+    actionOptions: actionOptions,
+    appearance: appearance,
+    id: id,
+    response: response
+  })), _defineProperty(_objectSpread2, ActionName.DownloadAction, extractDownloadClientAction({
+    actionOptions: actionOptions,
+    appearance: appearance,
+    id: id,
+    response: response
+  })), _defineProperty(_objectSpread2, ActionName.FollowAction, extractFollowAction(response, actionOptions, id)), _defineProperty(_objectSpread2, ActionName.PreviewAction, extractPreviewClientAction({
+    actionOptions: actionOptions,
+    appearance: appearance,
+    fireEvent: fireEvent,
+    id: id,
+    origin: origin,
+    response: response
+  })), _defineProperty(_objectSpread2, ActionName.AutomationAction, extractAutomationAction(response)), _defineProperty(_objectSpread2, InternalActionName.AISummaryAction, extractAISummaryAction(response, url, actionOptions, aiSummaryConfig)), _objectSpread2), fg('platform-smart-card-view-related-urls-action') ? _defineProperty({}, InternalActionName.ViewRelatedLinksAction, extractViewRelatedLinksAction(response)) : {});
+  return Object.values(action).some(function (value) {
+    return Boolean(value);
+  }) ? action : undefined;
+};
+
+/**
+ * TODO: Remove on cleanup of platform-smart-card-migrate-embed-modal-analytics
+ * Replaced with extractFlexibleCardActions()
+ */
+var extractActions = function extractActions(response, url, actionOptions, id, aiSummaryConfig) {
+  var _objectSpread3;
   var data = response.data;
-  var action = _objectSpread((_objectSpread2 = {}, _defineProperty(_objectSpread2, ActionName.CopyLinkAction, extractCopyLinkAction(data, actionOptions)), _defineProperty(_objectSpread2, ActionName.DownloadAction, extractDownloadAction(data, actionOptions)), _defineProperty(_objectSpread2, ActionName.FollowAction, extractFollowAction(response, actionOptions, id)), _defineProperty(_objectSpread2, ActionName.PreviewAction, extractPreviewAction(response, actionOptions)), _defineProperty(_objectSpread2, ActionName.AutomationAction, extractAutomationAction(response)), _defineProperty(_objectSpread2, InternalActionName.AISummaryAction, extractAISummaryAction(response, url, actionOptions, aiSummaryConfig)), _objectSpread2), fg('platform-smart-card-view-related-urls-action') ? _defineProperty({}, InternalActionName.ViewRelatedLinksAction, extractViewRelatedLinksAction(response)) : {});
+  var action = _objectSpread((_objectSpread3 = {}, _defineProperty(_objectSpread3, ActionName.CopyLinkAction, extractCopyLinkAction(data, actionOptions)), _defineProperty(_objectSpread3, ActionName.DownloadAction, extractDownloadAction(data, actionOptions)), _defineProperty(_objectSpread3, ActionName.FollowAction, extractFollowAction(response, actionOptions, id)), _defineProperty(_objectSpread3, ActionName.PreviewAction, extractPreviewAction(response, actionOptions)), _defineProperty(_objectSpread3, ActionName.AutomationAction, extractAutomationAction(response)), _defineProperty(_objectSpread3, InternalActionName.AISummaryAction, extractAISummaryAction(response, url, actionOptions, aiSummaryConfig)), _objectSpread3), fg('platform-smart-card-view-related-urls-action') ? _defineProperty({}, InternalActionName.ViewRelatedLinksAction, extractViewRelatedLinksAction(response)) : {});
   return Object.values(action).some(function (value) {
     return Boolean(value);
   }) ? action : undefined;

package/dist/esm/extractors/flexible/extract-state.js

@@ -2,9 +2,11 @@ import _defineProperty from "@babel/runtime/helpers/defineProperty";
 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) { _defineProperty(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; }
 import { extractLink } from '@atlaskit/link-extractors';
+import { fg } from '@atlaskit/platform-feature-flags';
 import { getExtensionKey } from '../../state/helpers';
 import { canShowAction } from '../../utils/actions/can-show-action';
 import { CardAction } from '../../view/Card/types';
+import { extractInvokePreviewAction } from '../action/extract-invoke-preview-action';
 import { extractLozenge } from '../common/lozenge';
 import { extractPreviewAction } from './actions/extract-preview-action';
 import extractServerAction from './extract-server-action';
@@ -21,7 +23,7 @@ var toInvokeRequest = function toInvokeRequest(extensionKey, resourceIdentifiers
     details: details
   };
 };
-var extractAction = function extractAction(response, id) {
+var extractAction = function extractAction(response, id, actionOptions, appearance, origin, fireEvent, resolve) {
   var _action$dataRetrieval, _action$dataUpdateAct;
   var extensionKey = getExtensionKey(response);
   var data = response === null || response === void 0 ? void 0 : response.data;
@@ -37,11 +39,23 @@ var extractAction = function extractAction(response, id) {
   }
   var read = toInvokeRequest(extensionKey, action.resourceIdentifiers, (_action$dataRetrieval = action.dataRetrievalAction) === null || _action$dataRetrieval === void 0 ? void 0 : _action$dataRetrieval.name);
   var url = extractLink(data);
-  var previewData = response ? extractPreviewAction(response) : null;
+  var previewData = !fg('platform-smart-card-migrate-embed-modal-analytics') ? response ? extractPreviewAction(response) : null : undefined;
+  var invokePreviewAction = response && fg('platform-smart-card-migrate-embed-modal-analytics') ? extractInvokePreviewAction({
+    actionOptions: actionOptions,
+    appearance: appearance,
+    fireEvent: fireEvent,
+    id: id,
+    onClose: resolve ? function () {
+      return url && resolve(url, true);
+    } : undefined,
+    origin: origin,
+    response: response
+  }) : undefined;
   var details = {
     id: id,
     url: url,
-    previewData: previewData
+    previewData: previewData,
+    invokePreviewAction: invokePreviewAction
   };
   var update = toInvokeRequest(extensionKey, action.resourceIdentifiers, (_action$dataUpdateAct = action.dataUpdateAction) === null || _action$dataUpdateAct === void 0 ? void 0 : _action$dataUpdateAct.name, details);
   return read || update ? {
@@ -49,7 +63,7 @@ var extractAction = function extractAction(response, id) {
     update: update
   } : undefined;
 };
-var extractState = function extractState(response, actionOptions, id) {
+var extractState = function extractState(response, actionOptions, id, appearance, origin, fireEvent, resolve) {
   if (!response || !response.data) {
     return;
   }
@@ -60,7 +74,7 @@ var extractState = function extractState(response, actionOptions, id) {
   if (!canShowAction(CardAction.ChangeStatusAction, actionOptions)) {
     return lozenge;
   }
-  var action = extractAction(response, id);
+  var action = extractAction(response, id, actionOptions, appearance, origin, fireEvent, resolve);
   return _objectSpread(_objectSpread({}, lozenge), {}, {
     action: action
   });

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

@@ -1,9 +1,9 @@
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-var _excluded = ["id", "renderers", "actionOptions", "response", "aiSummaryConfig"];
+var _excluded = ["appearance", "fireEvent", "id", "origin", "renderers", "resolve", "actionOptions", "response", "aiSummaryConfig"];
 import { extractAri, extractDateCreated, extractDateUpdated, extractLink, extractPersonCreatedBy, extractPersonOwnedBy, extractTitle } from '@atlaskit/link-extractors';
+import { fg } from '@atlaskit/platform-feature-flags';
 import { extractSummary } from '../common/primitives';
-import extractActions from './actions';
-import { extractViewAction } from './actions/extract-view-action';
+import extractActions, { extractFlexibleCardActions } from './actions';
 import { extractPersonsUpdatedBy } from './collaboratorGroup';
 import extractPreview from './extract-preview';
 import extractPriority from './extract-priority';
@@ -14,8 +14,12 @@ import { extractLatestCommit } from './latest-commit';
 import { extractAssignedTo, extractAttachmentCount, extractChecklistProgress, extractCommentCount, extractCreatedBy, extractDueOn, extractLocation, extractModifiedBy, extractOwnedBy, extractPersonAssignedToAsArray, extractProgrammingLanguage, extractReactCount, extractReadTime, extractSentOn, extractSourceBranch, extractStoryPoints, extractSubscriberCount, extractSubTasksProgress, extractTargetBranch, extractViewCount, extractVoteCount } from './utils';
 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,
@@ -26,8 +30,16 @@ var extractFlexibleUiContext = function extractFlexibleUiContext() {
   var data = response.data;
   var url = extractLink(data);
   return {
-    // Use the original URL in edge cases, such as short links for AI summary and copy link actions.
-    actions: extractActions(response, props.url, actionOptions, id, aiSummaryConfig),
+    actions: fg('platform-smart-card-migrate-embed-modal-analytics') ? 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.
+    }) : extractActions(response, props.url, actionOptions, id, aiSummaryConfig),
     assignedToGroup: extractPersonAssignedToAsArray(data),
     attachmentCount: extractAttachmentCount(data),
     authorGroup: extractPersonCreatedBy(data),
@@ -43,7 +55,6 @@ var extractFlexibleUiContext = function extractFlexibleUiContext() {
     assignedTo: extractAssignedTo(data),
     createdOn: extractDateCreated(data),
     dueOn: extractDueOn(data),
-    viewAction: extractViewAction(data, actionOptions),
     latestCommit: extractLatestCommit(data),
     linkIcon: extractLinkIcon(response, renderers),
     location: extractLocation(data),
@@ -58,7 +69,7 @@ var extractFlexibleUiContext = function extractFlexibleUiContext() {
     snippet: extractSummary(data) || undefined,
     // Explicitly set here to remove an empty string
     sourceBranch: extractSourceBranch(data),
-    state: extractState(response, actionOptions, id),
+    state: extractState(response, actionOptions, id, appearance, origin, fireEvent, resolve),
     subscriberCount: extractSubscriberCount(data),
     subTasksProgress: extractSubTasksProgress(data),
     storyPoints: extractStoryPoints(data),

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

@@ -2,6 +2,8 @@ import _asyncToGenerator from "@babel/runtime/helpers/asyncToGenerator";
 import _regeneratorRuntime from "@babel/runtime/regenerator";
 import { useCallback } from 'react';
 import uuid from 'uuid';
+import { fg } from '@atlaskit/platform-feature-flags';
+import { useAnalyticsEvents } from '../../../common/analytics/generated/use-analytics-events';
 import * as measure from '../../../utils/performance';
 import { failUfoExperience, startUfoExperience, succeedUfoExperience } from '../../analytics';
 var ACTION_EXPERIENCE_NAME = 'smart-link-action-invocation';
@@ -10,14 +12,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 = useAnalyticsEvents(),
+    defaultFireEvent = _useAnalyticsEvents.fireEvent;
+  var fireEvent = fireEventProp !== null && fireEventProp !== void 0 ? fireEventProp : defaultFireEvent;
   return useCallback( /*#__PURE__*/function () {
     var _ref3 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.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 _regeneratorRuntime.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 = uuid(); // Begin performance instrumentation.
             markName = "".concat(experienceId, "-").concat(actionType);
             measure.mark(markName, 'pending');
@@ -31,10 +37,20 @@ var useInvokeClientAction = function useInvokeClientAction(_ref) {
             });
 
             // Begin analytics instrumentation.
-            analytics === null || analytics === void 0 || analytics.ui.actionClickedEvent({
-              actionType: actionType,
-              display: display
-            });
+            if (actionSubjectId && 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;
@@ -43,10 +59,21 @@ var useInvokeClientAction = function useInvokeClientAction(_ref) {
             result = _context.sent;
             measure.mark(markName, 'resolved');
             succeedUfoExperience(ACTION_EXPERIENCE_NAME, experienceId);
-            analytics === null || analytics === void 0 || analytics.operational.invokeSucceededEvent({
-              actionType: actionType,
-              display: display
-            });
+            if (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;
@@ -54,11 +81,23 @@ var useInvokeClientAction = function useInvokeClientAction(_ref) {
             measure.mark(markName, 'errored');
             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 (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();
@@ -68,6 +107,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]);
 };
 export default useInvokeClientAction;

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

@@ -1,5 +1,13 @@
+import _defineProperty from "@babel/runtime/helpers/defineProperty";
+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) { _defineProperty(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; }
 import { useMemo } from 'react';
 import uuid from 'uuid';
+import { fg } from '@atlaskit/platform-feature-flags';
+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';
+import { extractInvokeViewAction } from '../../extractors/action/extract-invoke-view-action';
 import { extractDownloadActionProps } from '../../extractors/action/extractDownloadActionProps';
 import { extractPreviewActionProps } from '../../extractors/action/extractPreviewActionProps';
 import { extractViewActionProps } from '../../extractors/action/extractViewActionProps';
@@ -19,6 +27,8 @@ export function useSmartLinkActions(_ref) {
   }, []);
   var linkState = useLinkState(url);
   var linkAnalytics = useLinkAnalytics(url, id);
+  var _useAnalyticsEvents = useAnalyticsEvents(),
+    fireEvent = _useAnalyticsEvents.fireEvent;
   var invokeClientAction = useInvokeClientAction({
     analytics: linkAnalytics
   });
@@ -33,15 +43,24 @@ export function useSmartLinkActions(_ref) {
       actionOptions: actionOptions
     };
     var actions = [];
-    var downloadActionProps = extractDownloadActionProps(opts);
+    var invokeParam = {
+      actionOptions: actionOptions,
+      appearance: appearance,
+      id: id,
+      response: linkState.details
+    };
+    var downloadActionProps = fg('platform-smart-card-migrate-embed-modal-analytics') ? extractInvokeDownloadAction(invokeParam) : extractDownloadActionProps(opts);
     if (downloadActionProps) {
       actions.push(toAction(downloadActionProps, invokeClientAction, messages.download, 'download-content'));
     }
-    var viewActionProps = extractViewActionProps(opts);
+    var viewActionProps = fg('platform-smart-card-migrate-embed-modal-analytics') ? extractInvokeViewAction(invokeParam) : extractViewActionProps(opts);
     if (viewActionProps) {
       actions.push(toAction(viewActionProps, invokeClientAction, messages.view, 'view-content'));
     }
-    var previewActionProps = extractPreviewActionProps(opts);
+    var previewActionProps = fg('platform-smart-card-migrate-embed-modal-analytics') ? extractInvokePreviewAction(_objectSpread(_objectSpread({}, invokeParam), {}, {
+      fireEvent: fireEvent,
+      origin: origin
+    })) : extractPreviewActionProps(opts);
     if (previewActionProps) {
       actions.push(toAction(previewActionProps, invokeClientAction, messages.preview_improved, 'preview-content'));
     }

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

@@ -1,5 +1,10 @@
+import _defineProperty from "@babel/runtime/helpers/defineProperty";
+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) { _defineProperty(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; }
 import React from 'react';
 import { AnalyticsContext } from '@atlaskit/analytics-next';
+import { fg } from '@atlaskit/platform-feature-flags';
+import { context } from './analytics';
 /**
  * Provides an analytics context to supply attributes to events based on a URL
  */
@@ -12,11 +17,11 @@ export var LinkAnalyticsContext = function LinkAnalyticsContext(_ref) {
   return /*#__PURE__*/React.createElement(AnalyticsContext, {
     data: {
       source: source,
-      attributes: {
+      attributes: _objectSpread(_objectSpread({}, fg('platform-smart-card-migrate-embed-modal-analytics') ? context : {}), {}, {
         displayCategory: displayCategory,
         display: display,
         id: id
-      }
+      })
     }
   }, children);
 };

package/dist/esm/utils/analytics/analytics.js

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

package/dist/esm/utils/mocks.js

@@ -28,7 +28,10 @@ export var 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/esm/view/BlockCard/views/flexible/FlexibleResolvedView.js

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

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

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

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

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

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

@@ -1,12 +1,15 @@
+import _extends from "@babel/runtime/helpers/extends";
 import _asyncToGenerator from "@babel/runtime/helpers/asyncToGenerator";
 import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
 import _regeneratorRuntime from "@babel/runtime/regenerator";
 import React, { useCallback, useRef, useState } from 'react';
 import ModalDialog, { ModalBody, ModalTransition } from '@atlaskit/modal-dialog';
+import { fg } from '@atlaskit/platform-feature-flags';
 import { useThemeObserver } from '@atlaskit/tokens';
-import { ActionName, CardDisplay } from '../../constants';
+import { ActionName, CardDisplay, SmartLinkSize } from '../../constants';
 import useInvokeClientAction from '../../state/hooks/use-invoke-client-action';
 import { downloadUrl, getPreviewUrlWithTheme, openUrl } from '../../utils';
+import Icon from '../FlexibleCard/components/elements/icon';
 import withAnalytics from './components/analytics';
 import EmbedContent from './components/embed-content';
 import withErrorBoundary from './components/error-boundary';
@@ -22,12 +25,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,
@@ -39,7 +45,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 = useState(showModal),
     _useState2 = _slicedToArray(_useState, 2),
@@ -51,7 +58,8 @@ var EmbedModal = function EmbedModal(_ref) {
     setWidth = _useState4[1];
   var openAt = useRef();
   var invoke = useInvokeClientAction({
-    analytics: analytics
+    analytics: analytics,
+    fireEvent: fireEvent
   });
   var handleOnOpenComplete = useCallback(function () {
     openAt.current = Date.now();
@@ -85,53 +93,61 @@ var EmbedModal = function EmbedModal(_ref) {
   var themeState = useThemeObserver();
   var previewUrl = src;
   var handleOnViewActionClick = useCallback(function () {
-    invoke({
-      actionType: 'ViewAction',
-      actionFn: function () {
-        var _actionFn = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee() {
-          return _regeneratorRuntime.wrap(function _callee$(_context) {
-            while (1) switch (_context.prev = _context.next) {
-              case 0:
-                return _context.abrupt("return", openUrl(url));
-              case 1:
-              case "end":
-                return _context.stop();
-            }
-          }, _callee);
-        }));
-        function actionFn() {
-          return _actionFn.apply(this, arguments);
-        }
-        return actionFn;
-      }(),
-      display: CardDisplay.EmbedPreview,
-      extensionKey: extensionKey
-    });
-  }, [extensionKey, invoke, url]);
+    if (fg('platform-smart-card-migrate-embed-modal-analytics')) {
+      invokeViewAction && invoke(invokeViewAction);
+    } else {
+      invoke({
+        actionType: 'ViewAction',
+        actionFn: function () {
+          var _actionFn = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee() {
+            return _regeneratorRuntime.wrap(function _callee$(_context) {
+              while (1) switch (_context.prev = _context.next) {
+                case 0:
+                  return _context.abrupt("return", openUrl(url));
+                case 1:
+                case "end":
+                  return _context.stop();
+              }
+            }, _callee);
+          }));
+          function actionFn() {
+            return _actionFn.apply(this, arguments);
+          }
+          return actionFn;
+        }(),
+        display: CardDisplay.EmbedPreview,
+        extensionKey: extensionKey
+      });
+    }
+  }, [extensionKey, invoke, url, invokeViewAction]);
   var handleOnDownloadActionClick = useCallback(function () {
-    invoke({
-      actionType: ActionName.DownloadAction,
-      actionFn: function () {
-        var _actionFn2 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee2() {
-          return _regeneratorRuntime.wrap(function _callee2$(_context2) {
-            while (1) switch (_context2.prev = _context2.next) {
-              case 0:
-                return _context2.abrupt("return", downloadUrl(download));
-              case 1:
-              case "end":
-                return _context2.stop();
-            }
-          }, _callee2);
-        }));
-        function actionFn() {
-          return _actionFn2.apply(this, arguments);
-        }
-        return actionFn;
-      }(),
-      display: CardDisplay.EmbedPreview,
-      extensionKey: extensionKey
-    });
-  }, [download, extensionKey, invoke]);
+    if (fg('platform-smart-card-migrate-embed-modal-analytics')) {
+      invokeDownloadAction && invoke(invokeDownloadAction);
+    } else {
+      invoke({
+        actionType: ActionName.DownloadAction,
+        actionFn: function () {
+          var _actionFn2 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee2() {
+            return _regeneratorRuntime.wrap(function _callee2$(_context2) {
+              while (1) switch (_context2.prev = _context2.next) {
+                case 0:
+                  return _context2.abrupt("return", downloadUrl(download));
+                case 1:
+                case "end":
+                  return _context2.stop();
+              }
+            }, _callee2);
+          }));
+          function actionFn() {
+            return _actionFn2.apply(this, arguments);
+          }
+          return actionFn;
+        }(),
+        display: CardDisplay.EmbedPreview,
+        extensionKey: extensionKey
+      });
+    }
+  }, [download, invokeDownloadAction, extensionKey, invoke]);
   if (previewUrl && isSupportTheming) {
     previewUrl = getPreviewUrlWithTheme(previewUrl, themeState);
   }
@@ -143,10 +159,15 @@ var EmbedModal = function EmbedModal(_ref) {
     testId: testId,
     width: width
   }, /*#__PURE__*/React.createElement(LinkInfo, {
-    icon: icon,
+    icon: fg('platform-smart-card-migrate-embed-modal-analytics') ? linkIcon ? {
+      icon: /*#__PURE__*/React.createElement(Icon, _extends({}, linkIcon, {
+        size: SmartLinkSize.Large
+      })),
+      isFlexibleUi: true
+    } : undefined : icon,
     providerName: providerName,
-    onViewButtonClick: url ? handleOnViewActionClick : undefined,
-    onDownloadButtonClick: download ? handleOnDownloadActionClick : undefined,
+    onViewButtonClick: fg('platform-smart-card-migrate-embed-modal-analytics') ? invokeViewAction ? handleOnViewActionClick : undefined : url ? handleOnViewActionClick : undefined,
+    onDownloadButtonClick: fg('platform-smart-card-migrate-embed-modal-analytics') ? invokeDownloadAction ? handleOnDownloadActionClick : undefined : download ? handleOnDownloadActionClick : undefined,
     onResizeButtonClick: handleOnResizeClick,
     size: width,
     title: title,