@atlaskit/smart-card 44.23.3 → 44.24.0

package/CHANGELOG.md

@@ -1,5 +1,24 @@
 # @atlaskit/smart-card
 
+## 44.24.0
+
+### Minor Changes
+
+- [`b108dbe3ff3fa`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/b108dbe3ff3fa) -
+  Return destination url from smart link onClick callback.
+
+### Patch Changes
+
+- Updated dependencies
+
+## 44.23.4
+
+### Patch Changes
+
+- [`36b77f485aef1`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/36b77f485aef1) -
+  Append url with cross-product analytics params on go to link via embed modal and action hook
+- Updated dependencies
+
 ## 44.23.3
 
 ### Patch Changes

package/dist/cjs/extractors/action/extract-invoke-view-action.js

@@ -8,6 +8,7 @@ exports.extractInvokeViewAction = void 0;
 var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"));
 var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
 var _linkExtractors = require("@atlaskit/link-extractors");
+var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 var _constants = require("../../constants");
 var _helpers = require("../../state/helpers");
 var _utils = require("../../utils");
@@ -16,6 +17,7 @@ var _extractActions = require("../common/actions/extractActions");
 var extractInvokeViewAction = exports.extractInvokeViewAction = function extractInvokeViewAction(_ref, force) {
   var actionOptions = _ref.actionOptions,
     appearance = _ref.appearance,
+    transformUrl = _ref.transformUrl,
     id = _ref.id,
     response = _ref.response;
   if (!(0, _canShowAction.canShowAction)(_constants.CardAction.ViewAction, actionOptions)) {
@@ -33,11 +35,19 @@ var extractInvokeViewAction = exports.extractInvokeViewAction = function extract
     return {
       actionFn: function () {
         var _actionFn = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee() {
+          var _transformUrl, destinationUrl;
           return _regenerator.default.wrap(function (_context) {
             while (1) switch (_context.prev = _context.next) {
               case 0:
-                return _context.abrupt("return", (0, _utils.openUrl)(url));
+                if (!(0, _platformFeatureFlags.fg)('platform_smartlink_xpc_url_wrapping')) {
+                  _context.next = 1;
+                  break;
+                }
+                destinationUrl = (_transformUrl = transformUrl === null || transformUrl === void 0 ? void 0 : transformUrl(url)) !== null && _transformUrl !== void 0 ? _transformUrl : url;
+                return _context.abrupt("return", (0, _utils.openUrl)(destinationUrl));
               case 1:
+                return _context.abrupt("return", (0, _utils.openUrl)(url));
+              case 2:
               case "end":
                 return _context.stop();
             }

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

@@ -28,6 +28,7 @@ var extractFlexibleCardActions = exports.extractFlexibleCardActions = function e
     product = _ref.product,
     response = _ref.response,
     rovoConfig = _ref.rovoConfig,
+    transformUrl = _ref.transformUrl,
     url = _ref.url,
     isPreviewPanelAvailable = _ref.isPreviewPanelAvailable,
     openPreviewPanel = _ref.openPreviewPanel;
@@ -41,7 +42,7 @@ var extractFlexibleCardActions = exports.extractFlexibleCardActions = function e
     appearance: appearance,
     id: id,
     response: response
-  })), _constants.ActionName.FollowAction, (0, _extractFollowAction.default)(response, actionOptions, id)), _constants.ActionName.PreviewAction, (0, _extractPreviewAction.extractPreviewClientAction)({
+  })), _constants.ActionName.FollowAction, (0, _extractFollowAction.default)(response, actionOptions, id)), _constants.ActionName.PreviewAction, (0, _extractPreviewAction.extractPreviewClientAction)(_objectSpread({
     actionOptions: actionOptions,
     appearance: appearance,
     fireEvent: fireEvent,
@@ -50,7 +51,9 @@ var extractFlexibleCardActions = exports.extractFlexibleCardActions = function e
     response: response,
     isPreviewPanelAvailable: isPreviewPanelAvailable,
     openPreviewPanel: openPreviewPanel
-  })), _constants.ActionName.AutomationAction, (0, _extractAutomationAction.extractAutomationAction)(response)), _constants.InternalActionName.AISummaryAction, (0, _extractAiSummaryAction.extractAISummaryAction)(response, url, actionOptions, aiSummaryConfig)), (0, _platformFeatureFlags.fg)('platform_sl_3p_auth_rovo_action_kill_switch') ? (0, _defineProperty2.default)({}, _constants.ActionName.RovoChatAction, (0, _extractRovoChatAction.default)({
+  }, (0, _platformFeatureFlags.fg)('platform_smartlink_xpc_url_wrapping') ? {
+    transformUrl: transformUrl
+  } : undefined))), _constants.ActionName.AutomationAction, (0, _extractAutomationAction.extractAutomationAction)(response)), _constants.InternalActionName.AISummaryAction, (0, _extractAiSummaryAction.extractAISummaryAction)(response, url, actionOptions, aiSummaryConfig)), (0, _platformFeatureFlags.fg)('platform_sl_3p_auth_rovo_action_kill_switch') ? (0, _defineProperty2.default)({}, _constants.ActionName.RovoChatAction, (0, _extractRovoChatAction.default)({
     actionOptions: actionOptions,
     appearance: appearance,
     id: id,

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

@@ -7,6 +7,7 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = void 0;
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _linkExtractors = require("@atlaskit/link-extractors");
+var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 var _constants = require("../../constants");
 var _helpers = require("../../state/helpers");
 var _canShowAction = require("../../utils/actions/can-show-action");
@@ -28,7 +29,7 @@ var toInvokeRequest = function toInvokeRequest(extensionKey, resourceIdentifiers
     details: details
   };
 };
-var extractAction = function extractAction(response, id, actionOptions, appearance, origin, fireEvent, resolve, isPreviewPanelAvailable, openPreviewPanel) {
+var extractAction = function extractAction(response, id, actionOptions, appearance, origin, fireEvent, resolve, isPreviewPanelAvailable, openPreviewPanel, transformUrl) {
   var _action$dataRetrieval, _extractInvokePreview, _action$dataUpdateAct;
   var extensionKey = (0, _helpers.getExtensionKey)(response);
   var data = response === null || response === void 0 ? void 0 : response.data;
@@ -44,7 +45,7 @@ var extractAction = function extractAction(response, id, actionOptions, appearan
   }
   var read = toInvokeRequest(extensionKey, action.resourceIdentifiers, (_action$dataRetrieval = action.dataRetrievalAction) === null || _action$dataRetrieval === void 0 ? void 0 : _action$dataRetrieval.name);
   var url = (0, _linkExtractors.extractLink)(data);
-  var invokePreviewAction = response ? (_extractInvokePreview = (0, _extractInvokePreviewAction.extractInvokePreviewAction)({
+  var invokePreviewAction = response ? (_extractInvokePreview = (0, _extractInvokePreviewAction.extractInvokePreviewAction)(_objectSpread({
     actionOptions: actionOptions,
     appearance: appearance,
     fireEvent: fireEvent,
@@ -56,7 +57,9 @@ var extractAction = function extractAction(response, id, actionOptions, appearan
     response: response,
     isPreviewPanelAvailable: isPreviewPanelAvailable,
     openPreviewPanel: openPreviewPanel
-  })) === null || _extractInvokePreview === void 0 ? void 0 : _extractInvokePreview.invokeAction : undefined;
+  }, (0, _platformFeatureFlags.fg)('platform_smartlink_xpc_url_wrapping') ? {
+    transformUrl: transformUrl
+  } : undefined))) === null || _extractInvokePreview === void 0 ? void 0 : _extractInvokePreview.invokeAction : undefined;
   var details = {
     id: id,
     url: url,
@@ -68,7 +71,7 @@ var extractAction = function extractAction(response, id, actionOptions, appearan
     update: update
   } : undefined;
 };
-var extractState = function extractState(response, actionOptions, id, appearance, origin, fireEvent, resolve, isPreviewPanelAvailable, openPreviewPanel) {
+var extractState = function extractState(response, actionOptions, id, appearance, origin, fireEvent, resolve, isPreviewPanelAvailable, openPreviewPanel, transformUrl) {
   if (!response || !response.data) {
     return;
   }
@@ -79,7 +82,7 @@ var extractState = function extractState(response, actionOptions, id, appearance
   if (!(0, _canShowAction.canShowAction)(_constants.CardAction.ChangeStatusAction, actionOptions)) {
     return lozenge;
   }
-  var action = extractAction(response, id, actionOptions, appearance, origin, fireEvent, resolve, isPreviewPanelAvailable, openPreviewPanel);
+  var action = extractAction(response, id, actionOptions, appearance, origin, fireEvent, resolve, isPreviewPanelAvailable, openPreviewPanel, (0, _platformFeatureFlags.fg)('platform_smartlink_xpc_url_wrapping') ? transformUrl : undefined);
   return _objectSpread(_objectSpread({}, lozenge), {}, {
     action: action
   });

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

@@ -20,7 +20,7 @@ var _icon = require("./icon");
 var _extractProviderIcon = require("./icon/extract-provider-icon");
 var _latestCommit = require("./latest-commit");
 var _utils = require("./utils");
-var _excluded = ["appearance", "fireEvent", "id", "onClick", "onAuxClick", "onContextMenu", "origin", "product", "resolve", "rovoConfig", "actionOptions", "response", "status", "aiSummaryConfig", "isPreviewPanelAvailable", "openPreviewPanel"];
+var _excluded = ["appearance", "fireEvent", "id", "onClick", "onAuxClick", "onContextMenu", "origin", "product", "resolve", "rovoConfig", "actionOptions", "response", "status", "aiSummaryConfig", "isPreviewPanelAvailable", "openPreviewPanel", "transformUrl"];
 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 extractFlexibleUiContext = function extractFlexibleUiContext() {
@@ -41,6 +41,7 @@ var extractFlexibleUiContext = function extractFlexibleUiContext() {
     aiSummaryConfig = _ref.aiSummaryConfig,
     isPreviewPanelAvailable = _ref.isPreviewPanelAvailable,
     openPreviewPanel = _ref.openPreviewPanel,
+    transformUrl = _ref.transformUrl,
     props = (0, _objectWithoutProperties2.default)(_ref, _excluded);
   if (!response) {
     return undefined;
@@ -65,7 +66,9 @@ var extractFlexibleUiContext = function extractFlexibleUiContext() {
       // Use the original URL in edge cases, such as short links for AI summary and copy link actions.
       isPreviewPanelAvailable: isPreviewPanelAvailable,
       openPreviewPanel: openPreviewPanel
-    })),
+    }, (0, _platformFeatureFlags.fg)('platform_smartlink_xpc_url_wrapping') ? {
+      transformUrl: transformUrl
+    } : undefined)),
     appliedToComponentsCount: (0, _utils.extractAppliedToComponentsCount)(data),
     assignedToGroup: (0, _utils.extractPersonAssignedToAsArray)(data),
     attachmentCount: (0, _utils.extractAttachmentCount)(data),
@@ -97,7 +100,7 @@ var extractFlexibleUiContext = function extractFlexibleUiContext() {
     snippet: (0, _extractSummary.extractSmartLinkSummary)(response) || undefined,
     // Explicitly set here to remove an empty string
     sourceBranch: (0, _utils.extractSourceBranch)(data),
-    state: (0, _extractState.default)(response, actionOptions, id, appearance, origin, fireEvent, resolve, isPreviewPanelAvailable, openPreviewPanel),
+    state: (0, _extractState.default)(response, actionOptions, id, appearance, origin, fireEvent, resolve, isPreviewPanelAvailable, openPreviewPanel, (0, _platformFeatureFlags.fg)('platform_smartlink_xpc_url_wrapping') ? transformUrl : undefined),
     subscriberCount: (0, _utils.extractSubscriberCount)(data),
     subTasksProgress: (0, _utils.extractSubTasksProgress)(data),
     storyPoints: (0, _utils.extractStoryPoints)(data),

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

@@ -9,6 +9,7 @@ var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/de
 var _react = require("react");
 var _uuid = _interopRequireDefault(require("uuid"));
 var _linkProvider = require("@atlaskit/link-provider");
+var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 var _expValEquals = require("@atlaskit/tmp-editor-statsig/exp-val-equals");
 var _useAnalyticsEvents2 = require("../../common/analytics/generated/use-analytics-events");
 var _extractInvokeDownloadAction = require("../../extractors/action/extract-invoke-download-action");
@@ -18,6 +19,7 @@ var _messages = require("../../messages");
 var _toAction = require("../../utils/actions/to-action");
 var _useInvokeClientAction = _interopRequireDefault(require("../hooks/use-invoke-client-action"));
 var _useResolve = _interopRequireDefault(require("../hooks/use-resolve"));
+var _useSmartLinkCrossProductUrlWrapper = require("../hooks/use-smart-link-cross-product-url-wrapper");
 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; } // eslint-disable-next-line @atlaskit/platform/prefer-crypto-random-uuid -- Use crypto.randomUUID instead
@@ -41,6 +43,9 @@ function useSmartLinkActions(_ref) {
     fireEvent: fireEvent
   });
   var resolve = (0, _useResolve.default)();
+  var appendCrossProductAnalyticsParams = (0, _useSmartLinkCrossProductUrlWrapper.useSmartLinkCrossProductUrlWrapperGated)({
+    details: linkState.details
+  });
   if ((0, _expValEquals.expValEquals)('platform_hover_card_preview_panel', 'cohort', 'test') && prefetch && !linkState.details) {
     resolve(url);
   }
@@ -56,7 +61,12 @@ function useSmartLinkActions(_ref) {
     if (downloadActionProps) {
       actions.push((0, _toAction.toAction)(downloadActionProps, invokeClientAction, _messages.messages.download, 'download-content'));
     }
-    var viewActionProps = (0, _extractInvokeViewAction.extractInvokeViewAction)(invokeParam);
+    var viewActionProps = (0, _platformFeatureFlags.fg)('platform_smartlink_xpc_url_wrapping') ? (0, _extractInvokeViewAction.extractInvokeViewAction)(_objectSpread(_objectSpread({}, invokeParam), {}, {
+      transformUrl: function transformUrl() {
+        var destinationUrl = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : url;
+        return appendCrossProductAnalyticsParams(destinationUrl);
+      }
+    })) : (0, _extractInvokeViewAction.extractInvokeViewAction)(invokeParam);
     if (viewActionProps) {
       actions.push((0, _toAction.toAction)(viewActionProps, invokeClientAction, _messages.messages.view, 'view-content'));
     }
@@ -65,7 +75,12 @@ function useSmartLinkActions(_ref) {
       origin: origin,
       isPreviewPanelAvailable: isPreviewPanelAvailable,
       openPreviewPanel: openPreviewPanel
-    }));
+    }, (0, _platformFeatureFlags.fg)('platform_smartlink_xpc_url_wrapping') ? {
+      transformUrl: function transformUrl() {
+        var destinationUrl = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : url;
+        return appendCrossProductAnalyticsParams(destinationUrl);
+      }
+    } : undefined));
     if (previewActionProps) {
       actions.push((0, _toAction.toAction)(previewActionProps.invokeAction, invokeClientAction, _messages.messages.preview_improved, 'preview-content'));
     }

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

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

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

@@ -170,9 +170,10 @@ function Component(_ref) {
       // FIXME: preferredUrl should be rendered in the DOM anchor href instead of derived at click time
       var preferredUrl = (0, _helpers.getClickUrl)(url, state.details);
       var destinationUrl = (_appendCrossProductAn = appendCrossProductAnalyticsParams(preferredUrl)) !== null && _appendCrossProductAn !== void 0 ? _appendCrossProductAn : preferredUrl;
-
-      // FIXME: Consumer that handle click even themselves via callback won't have the decorated URL
-      onClick === null || onClick === void 0 || onClick(event);
+      onClick === null || onClick === void 0 || onClick(event, {
+        url: url,
+        destinationUrl: destinationUrl
+      });
 
       // Check if the event is prevented via onClick callback
       var consumerPreventedNavigation = event.defaultPrevented && !isEventDefaultPrevented;

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

@@ -19,6 +19,7 @@ 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 _useRovoConfig = _interopRequireDefault(require("../../state/hooks/use-rovo-config"));
+var _useSmartLinkCrossProductUrlWrapper = require("../../state/hooks/use-smart-link-cross-product-url-wrapper");
 var _container = _interopRequireDefault(require("./components/container"));
 var _utils = require("./utils");
 function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
@@ -68,6 +69,14 @@ var FlexibleCard = function FlexibleCard(_ref) {
   var cardType = cardState.status,
     details = cardState.details;
   var status = cardType;
+  var appendCrossProductAnalyticsParams = (0, _useSmartLinkCrossProductUrlWrapper.useSmartLinkCrossProductUrlWrapperGated)({
+    details: details
+  });
+  var transformUrlCallback = (0, _react.useCallback)(function () {
+    var destinationUrl = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : url;
+    return appendCrossProductAnalyticsParams(destinationUrl);
+  }, [appendCrossProductAnalyticsParams, url]);
+  var transformUrl = (0, _platformFeatureFlags.fg)('platform_smartlink_xpc_url_wrapping') ? transformUrlCallback : undefined;
 
   // if we have placeholder state it means we can internally use it
   // as temporary resolved data until the actual data comes back as one of the final statuses
@@ -97,9 +106,10 @@ var FlexibleCard = function FlexibleCard(_ref) {
       status: placeholderCardState ? placeHolderStatus : status,
       url: url,
       isPreviewPanelAvailable: isPreviewPanelAvailable,
-      openPreviewPanel: openPreviewPanel
+      openPreviewPanel: openPreviewPanel,
+      transformUrl: transformUrl
     }));
-  }, [aiSummaryConfig, appearance, actionOptions, details, id, isPreviewPanelAvailable, onAuthorize, onClick, onAuxClick, onContextMenu, openPreviewPanel, origin, placeholderCardState, placeHolderStatus, product, renderers, resolve, rovoConfig, status, url, fireEvent]);
+  }, [aiSummaryConfig, appearance, actionOptions, details, id, isPreviewPanelAvailable, onAuthorize, onClick, onAuxClick, onContextMenu, openPreviewPanel, origin, placeholderCardState, placeHolderStatus, product, renderers, resolve, rovoConfig, status, transformUrl, url, fireEvent]);
   var flexibleCardContext = (0, _react.useMemo)(function () {
     return {
       data: context,

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

@@ -19,7 +19,7 @@ var _excluded = ["href", "children", "checkSafety", "onClick", "testId", "isLink
   _excluded2 = ["isLinkSafe", "showSafetyWarningModal"];
 var PACKAGE_DATA = {
   packageName: "@atlaskit/smart-card",
-  packageVersion: "44.23.2",
+  packageVersion: "44.23.4",
   componentName: 'linkUrl'
 };
 var LinkUrl = function LinkUrl(_ref) {

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

@@ -1,4 +1,5 @@
 import { extractLink } from '@atlaskit/link-extractors';
+import { fg } from '@atlaskit/platform-feature-flags';
 import { CardAction } from '../../constants';
 import { getDefinitionId, getExtensionKey, getResourceType } from '../../state/helpers';
 import { openUrl } from '../../utils';
@@ -7,6 +8,7 @@ import { getActionsFromJsonLd } from '../common/actions/extractActions';
 export const extractInvokeViewAction = ({
   actionOptions,
   appearance,
+  transformUrl,
   id,
   response
 }, force) => {
@@ -21,7 +23,14 @@ export const extractInvokeViewAction = ({
   const viewActionExists = getActionsFromJsonLd(data).find(action => action['@type'] === 'ViewAction');
   if (url && (viewActionExists || force)) {
     return {
-      actionFn: async () => openUrl(url),
+      actionFn: async () => {
+        if (fg('platform_smartlink_xpc_url_wrapping')) {
+          var _transformUrl;
+          const destinationUrl = (_transformUrl = transformUrl === null || transformUrl === void 0 ? void 0 : transformUrl(url)) !== null && _transformUrl !== void 0 ? _transformUrl : url;
+          return openUrl(destinationUrl);
+        }
+        return openUrl(url);
+      },
       actionSubjectId: 'shortcutGoToLink',
       actionType: 'ViewAction',
       definitionId: getDefinitionId(response),

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

@@ -18,6 +18,7 @@ export const extractFlexibleCardActions = ({
   product,
   response,
   rovoConfig,
+  transformUrl,
   url,
   isPreviewPanelAvailable,
   openPreviewPanel
@@ -44,7 +45,10 @@ export const extractFlexibleCardActions = ({
       origin,
       response,
       isPreviewPanelAvailable,
-      openPreviewPanel
+      openPreviewPanel,
+      ...(fg('platform_smartlink_xpc_url_wrapping') ? {
+        transformUrl
+      } : undefined)
     }),
     [ActionName.AutomationAction]: extractAutomationAction(response),
     [InternalActionName.AISummaryAction]: extractAISummaryAction(response, url, actionOptions, aiSummaryConfig),

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

@@ -1,4 +1,5 @@
 import { extractLink } from '@atlaskit/link-extractors';
+import { fg } from '@atlaskit/platform-feature-flags';
 import { CardAction } from '../../constants';
 import { getExtensionKey } from '../../state/helpers';
 import { canShowAction } from '../../utils/actions/can-show-action';
@@ -18,7 +19,7 @@ const toInvokeRequest = (extensionKey, resourceIdentifiers, actionType, details)
     details
   };
 };
-const extractAction = (response, id, actionOptions, appearance, origin, fireEvent, resolve, isPreviewPanelAvailable, openPreviewPanel) => {
+const extractAction = (response, id, actionOptions, appearance, origin, fireEvent, resolve, isPreviewPanelAvailable, openPreviewPanel, transformUrl) => {
   var _action$dataRetrieval, _extractInvokePreview, _action$dataUpdateAct;
   const extensionKey = getExtensionKey(response);
   const data = response === null || response === void 0 ? void 0 : response.data;
@@ -41,7 +42,10 @@ const extractAction = (response, id, actionOptions, appearance, origin, fireEven
     origin,
     response,
     isPreviewPanelAvailable,
-    openPreviewPanel
+    openPreviewPanel,
+    ...(fg('platform_smartlink_xpc_url_wrapping') ? {
+      transformUrl
+    } : undefined)
   })) === null || _extractInvokePreview === void 0 ? void 0 : _extractInvokePreview.invokeAction : undefined;
   const details = {
     id,
@@ -54,7 +58,7 @@ const extractAction = (response, id, actionOptions, appearance, origin, fireEven
     update
   } : undefined;
 };
-const extractState = (response, actionOptions, id, appearance, origin, fireEvent, resolve, isPreviewPanelAvailable, openPreviewPanel) => {
+const extractState = (response, actionOptions, id, appearance, origin, fireEvent, resolve, isPreviewPanelAvailable, openPreviewPanel, transformUrl) => {
   if (!response || !response.data) {
     return;
   }
@@ -65,7 +69,7 @@ const extractState = (response, actionOptions, id, appearance, origin, fireEvent
   if (!canShowAction(CardAction.ChangeStatusAction, actionOptions)) {
     return lozenge;
   }
-  const action = extractAction(response, id, actionOptions, appearance, origin, fireEvent, resolve, isPreviewPanelAvailable, openPreviewPanel);
+  const action = extractAction(response, id, actionOptions, appearance, origin, fireEvent, resolve, isPreviewPanelAvailable, openPreviewPanel, fg('platform_smartlink_xpc_url_wrapping') ? transformUrl : undefined);
   return {
     ...lozenge,
     action

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

@@ -28,6 +28,7 @@ const extractFlexibleUiContext = ({
   aiSummaryConfig,
   isPreviewPanelAvailable,
   openPreviewPanel,
+  transformUrl,
   ...props
 } = {}) => {
   if (!response) {
@@ -52,7 +53,10 @@ const extractFlexibleUiContext = ({
       url: props.url,
       // Use the original URL in edge cases, such as short links for AI summary and copy link actions.
       isPreviewPanelAvailable,
-      openPreviewPanel
+      openPreviewPanel,
+      ...(fg('platform_smartlink_xpc_url_wrapping') ? {
+        transformUrl
+      } : undefined)
     }),
     appliedToComponentsCount: extractAppliedToComponentsCount(data),
     assignedToGroup: extractPersonAssignedToAsArray(data),
@@ -85,7 +89,7 @@ const extractFlexibleUiContext = ({
     snippet: extractSmartLinkSummary(response) || undefined,
     // Explicitly set here to remove an empty string
     sourceBranch: extractSourceBranch(data),
-    state: extractState(response, actionOptions, id, appearance, origin, fireEvent, resolve, isPreviewPanelAvailable, openPreviewPanel),
+    state: extractState(response, actionOptions, id, appearance, origin, fireEvent, resolve, isPreviewPanelAvailable, openPreviewPanel, fg('platform_smartlink_xpc_url_wrapping') ? transformUrl : undefined),
     subscriberCount: extractSubscriberCount(data),
     subTasksProgress: extractSubTasksProgress(data),
     storyPoints: extractStoryPoints(data),

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

@@ -3,6 +3,7 @@ import { useMemo } from 'react';
 // eslint-disable-next-line @atlaskit/platform/prefer-crypto-random-uuid -- Use crypto.randomUUID instead
 import uuid from 'uuid';
 import { useSmartLinkContext } from '@atlaskit/link-provider';
+import { fg } from '@atlaskit/platform-feature-flags';
 import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
 import { useAnalyticsEvents } from '../../common/analytics/generated/use-analytics-events';
 import { extractInvokeDownloadAction } from '../../extractors/action/extract-invoke-download-action';
@@ -12,6 +13,7 @@ import { messages } from '../../messages';
 import { toAction } from '../../utils/actions/to-action';
 import useInvokeClientAction from '../hooks/use-invoke-client-action';
 import useResolve from '../hooks/use-resolve';
+import { useSmartLinkCrossProductUrlWrapperGated } from '../hooks/use-smart-link-cross-product-url-wrapper';
 import { useSmartCardState as useLinkState } from '../store';
 export function useSmartLinkActions({
   url,
@@ -34,6 +36,9 @@ export function useSmartLinkActions({
     fireEvent
   });
   const resolve = useResolve();
+  const appendCrossProductAnalyticsParams = useSmartLinkCrossProductUrlWrapperGated({
+    details: linkState.details
+  });
   if (expValEquals('platform_hover_card_preview_panel', 'cohort', 'test') && prefetch && !linkState.details) {
     resolve(url);
   }
@@ -49,7 +54,10 @@ export function useSmartLinkActions({
     if (downloadActionProps) {
       actions.push(toAction(downloadActionProps, invokeClientAction, messages.download, 'download-content'));
     }
-    const viewActionProps = extractInvokeViewAction(invokeParam);
+    const viewActionProps = fg('platform_smartlink_xpc_url_wrapping') ? extractInvokeViewAction({
+      ...invokeParam,
+      transformUrl: (destinationUrl = url) => appendCrossProductAnalyticsParams(destinationUrl)
+    }) : extractInvokeViewAction(invokeParam);
     if (viewActionProps) {
       actions.push(toAction(viewActionProps, invokeClientAction, messages.view, 'view-content'));
     }
@@ -58,7 +66,10 @@ export function useSmartLinkActions({
       fireEvent,
       origin,
       isPreviewPanelAvailable,
-      openPreviewPanel
+      openPreviewPanel,
+      ...(fg('platform_smartlink_xpc_url_wrapping') ? {
+        transformUrl: (destinationUrl = url) => appendCrossProductAnalyticsParams(destinationUrl)
+      } : undefined)
     });
     if (previewActionProps) {
       actions.push(toAction(previewActionProps.invokeAction, invokeClientAction, messages.preview_improved, 'preview-content'));

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

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

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

@@ -161,9 +161,10 @@ function Component({
       // FIXME: preferredUrl should be rendered in the DOM anchor href instead of derived at click time
       const preferredUrl = getClickUrl(url, state.details);
       const destinationUrl = (_appendCrossProductAn = appendCrossProductAnalyticsParams(preferredUrl)) !== null && _appendCrossProductAn !== void 0 ? _appendCrossProductAn : preferredUrl;
-
-      // FIXME: Consumer that handle click even themselves via callback won't have the decorated URL
-      onClick === null || onClick === void 0 ? void 0 : onClick(event);
+      onClick === null || onClick === void 0 ? void 0 : onClick(event, {
+        url,
+        destinationUrl
+      });
 
       // Check if the event is prevented via onClick callback
       const consumerPreventedNavigation = event.defaultPrevented && !isEventDefaultPrevented;

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

@@ -1,5 +1,5 @@
 import _extends from "@babel/runtime/helpers/extends";
-import React, { useEffect, useMemo } from 'react';
+import React, { useCallback, useEffect, useMemo } from 'react';
 import { useSmartLinkContext } from '@atlaskit/link-provider';
 import { fg } from '@atlaskit/platform-feature-flags';
 import UFOHoldLoad from '@atlaskit/react-ufo/load-hold';
@@ -10,6 +10,7 @@ import { FlexibleCardContext } from '../../state/flexible-ui-context';
 import { useAISummaryConfig } from '../../state/hooks/use-ai-summary-config';
 import useResolve from '../../state/hooks/use-resolve';
 import useRovoConfig from '../../state/hooks/use-rovo-config';
+import { useSmartLinkCrossProductUrlWrapperGated } from '../../state/hooks/use-smart-link-cross-product-url-wrapper';
 import Container from './components/container';
 import { getContextByStatus } from './utils';
 const PENDING_LINK_STATUSES = [SmartLinkStatus.Pending, SmartLinkStatus.Resolving];
@@ -60,6 +61,11 @@ const FlexibleCard = ({
     details
   } = cardState;
   const status = cardType;
+  const appendCrossProductAnalyticsParams = useSmartLinkCrossProductUrlWrapperGated({
+    details
+  });
+  const transformUrlCallback = useCallback((destinationUrl = url) => appendCrossProductAnalyticsParams(destinationUrl), [appendCrossProductAnalyticsParams, url]);
+  const transformUrl = fg('platform_smartlink_xpc_url_wrapping') ? transformUrlCallback : undefined;
 
   // if we have placeholder state it means we can internally use it
   // as temporary resolved data until the actual data comes back as one of the final statuses
@@ -86,8 +92,9 @@ const FlexibleCard = ({
     status: placeholderCardState ? placeHolderStatus : status,
     url,
     isPreviewPanelAvailable,
-    openPreviewPanel
-  }), [aiSummaryConfig, appearance, actionOptions, details, id, isPreviewPanelAvailable, onAuthorize, onClick, onAuxClick, onContextMenu, openPreviewPanel, origin, placeholderCardState, placeHolderStatus, product, renderers, resolve, rovoConfig, status, url, fireEvent]);
+    openPreviewPanel,
+    transformUrl
+  }), [aiSummaryConfig, appearance, actionOptions, details, id, isPreviewPanelAvailable, onAuthorize, onClick, onAuxClick, onContextMenu, openPreviewPanel, origin, placeholderCardState, placeHolderStatus, product, renderers, resolve, rovoConfig, status, transformUrl, url, fireEvent]);
   const flexibleCardContext = useMemo(() => ({
     data: context,
     status: placeHolderStatus !== null && placeHolderStatus !== void 0 ? placeHolderStatus : status,

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

@@ -9,7 +9,7 @@ import LinkWarningModal from './LinkWarningModal';
 import { useLinkWarningModal } from './LinkWarningModal/hooks/use-link-warning-modal';
 const PACKAGE_DATA = {
   packageName: "@atlaskit/smart-card",
-  packageVersion: "44.23.2",
+  packageVersion: "44.23.4",
   componentName: 'linkUrl'
 };
 const LinkUrl = ({

package/dist/esm/extractors/action/extract-invoke-view-action.js

@@ -1,6 +1,7 @@
 import _asyncToGenerator from "@babel/runtime/helpers/asyncToGenerator";
 import _regeneratorRuntime from "@babel/runtime/regenerator";
 import { extractLink } from '@atlaskit/link-extractors';
+import { fg } from '@atlaskit/platform-feature-flags';
 import { CardAction } from '../../constants';
 import { getDefinitionId, getExtensionKey, getResourceType } from '../../state/helpers';
 import { openUrl } from '../../utils';
@@ -9,6 +10,7 @@ import { getActionsFromJsonLd } from '../common/actions/extractActions';
 export var extractInvokeViewAction = function extractInvokeViewAction(_ref, force) {
   var actionOptions = _ref.actionOptions,
     appearance = _ref.appearance,
+    transformUrl = _ref.transformUrl,
     id = _ref.id,
     response = _ref.response;
   if (!canShowAction(CardAction.ViewAction, actionOptions)) {
@@ -26,11 +28,19 @@ export var extractInvokeViewAction = function extractInvokeViewAction(_ref, forc
     return {
       actionFn: function () {
         var _actionFn = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee() {
+          var _transformUrl, destinationUrl;
           return _regeneratorRuntime.wrap(function (_context) {
             while (1) switch (_context.prev = _context.next) {
               case 0:
-                return _context.abrupt("return", openUrl(url));
+                if (!fg('platform_smartlink_xpc_url_wrapping')) {
+                  _context.next = 1;
+                  break;
+                }
+                destinationUrl = (_transformUrl = transformUrl === null || transformUrl === void 0 ? void 0 : transformUrl(url)) !== null && _transformUrl !== void 0 ? _transformUrl : url;
+                return _context.abrupt("return", openUrl(destinationUrl));
               case 1:
+                return _context.abrupt("return", openUrl(url));
+              case 2:
               case "end":
                 return _context.stop();
             }

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

@@ -21,6 +21,7 @@ export var extractFlexibleCardActions = function extractFlexibleCardActions(_ref
     product = _ref.product,
     response = _ref.response,
     rovoConfig = _ref.rovoConfig,
+    transformUrl = _ref.transformUrl,
     url = _ref.url,
     isPreviewPanelAvailable = _ref.isPreviewPanelAvailable,
     openPreviewPanel = _ref.openPreviewPanel;
@@ -34,7 +35,7 @@ export var extractFlexibleCardActions = function extractFlexibleCardActions(_ref
     appearance: appearance,
     id: id,
     response: response
-  })), ActionName.FollowAction, extractFollowAction(response, actionOptions, id)), ActionName.PreviewAction, extractPreviewClientAction({
+  })), ActionName.FollowAction, extractFollowAction(response, actionOptions, id)), ActionName.PreviewAction, extractPreviewClientAction(_objectSpread({
     actionOptions: actionOptions,
     appearance: appearance,
     fireEvent: fireEvent,
@@ -43,7 +44,9 @@ export var extractFlexibleCardActions = function extractFlexibleCardActions(_ref
     response: response,
     isPreviewPanelAvailable: isPreviewPanelAvailable,
     openPreviewPanel: openPreviewPanel
-  })), ActionName.AutomationAction, extractAutomationAction(response)), InternalActionName.AISummaryAction, extractAISummaryAction(response, url, actionOptions, aiSummaryConfig)), fg('platform_sl_3p_auth_rovo_action_kill_switch') ? _defineProperty({}, ActionName.RovoChatAction, extractRovoChatAction({
+  }, fg('platform_smartlink_xpc_url_wrapping') ? {
+    transformUrl: transformUrl
+  } : undefined))), ActionName.AutomationAction, extractAutomationAction(response)), InternalActionName.AISummaryAction, extractAISummaryAction(response, url, actionOptions, aiSummaryConfig)), fg('platform_sl_3p_auth_rovo_action_kill_switch') ? _defineProperty({}, ActionName.RovoChatAction, extractRovoChatAction({
     actionOptions: actionOptions,
     appearance: appearance,
     id: id,