@atlaskit/smart-card 41.0.5 → 42.0.0

package/CHANGELOG.md

@@ -1,5 +1,24 @@
 # @atlaskit/smart-card
 
+## 42.0.0
+
+### Major Changes
+
+- [`ad77adef566c2`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/ad77adef566c2) -
+  For short links on a confluence page, use resolved url for preview panels
+
+### Patch Changes
+
+- Updated dependencies
+
+## 41.0.6
+
+### Patch Changes
+
+- [`f339ddf502fde`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/f339ddf502fde) -
+  Update analytics fire for simplification of code and allow fire for blue hyperlinks
+- Updated dependencies
+
 ## 41.0.5
 
 ### Patch Changes

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

@@ -54,24 +54,29 @@ var extractInvokePreviewAction = exports.extractInvokePreviewAction = function e
       invokeAction: {
         actionFn: function () {
           var _actionFn = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee() {
-            var _extractSmartLinkProv, _extractSmartLinkEmbe, _actionOptions$previe;
+            var resolvedUrl, responseUrl, _extractSmartLinkProv, _extractSmartLinkEmbe, _actionOptions$previe;
             return _regenerator.default.wrap(function _callee$(_context) {
               while (1) switch (_context.prev = _context.next) {
                 case 0:
                   if (!hasPreviewPanel) {
-                    _context.next = 4;
+                    _context.next = 6;
                     break;
                   }
+                  resolvedUrl = url;
+                  if ((0, _expValEquals.expValEquals)('platform_hover_card_preview_panel', 'cohort', 'test')) {
+                    responseUrl = response.data && 'url' in response.data ? response.data.url : undefined;
+                    resolvedUrl = responseUrl || url;
+                  }
                   openPreviewPanel({
                     ari: ari,
-                    url: url,
+                    url: resolvedUrl,
                     name: name,
                     iconUrl: undefined
                   });
-                  _context.next = 6;
+                  _context.next = 8;
                   break;
-                case 4:
-                  _context.next = 6;
+                case 6:
+                  _context.next = 8;
                   return (0, _utils.openEmbedModal)(_objectSpread({
                     fireEvent: fireEvent,
                     extensionKey: extensionKey,
@@ -91,7 +96,7 @@ var extractInvokePreviewAction = exports.extractInvokePreviewAction = function e
                   }, (0, _expValEquals.expValEquals)('platform_hover_card_preview_panel', 'cohort', 'test') && {
                     isInPreviewPanel: isInPreviewPanel
                   }));
-                case 6:
+                case 8:
                 case "end":
                   return _context.stop();
               }

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: "41.0.4"
+  packageVersion: "41.0.6"
 };
 var TrackQuickActionType = exports.TrackQuickActionType = /*#__PURE__*/function (TrackQuickActionType) {
   TrackQuickActionType["StatusUpdate"] = "StatusUpdate";

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

@@ -26,6 +26,7 @@ var _BlockCard = require("../BlockCard");
 var _EmbedCard = require("../EmbedCard");
 var _FlexibleCard = _interopRequireDefault(require("../FlexibleCard"));
 var _InlineCard = require("../InlineCard");
+var _useSmartLinkEvents = require("../SmartLinkEvents/useSmartLinkEvents");
 function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
 var thirdPartyARIPrefix = 'ari:third-party';
 function Component(_ref) {
@@ -84,6 +85,7 @@ function Component(_ref) {
     actionOptions: actionOptionsProp,
     platform: platform
   });
+  var fire3PClickEvent = (0, _useSmartLinkEvents.useFire3PWorkflowsClickEvent)(firstPartyIdentifier, thirdPartyARI);
 
   // Setup UI handlers.
   var handleClickWrapper = (0, _react.useCallback)(function (event) {
@@ -97,23 +99,14 @@ function Component(_ref) {
     if ((0, _platformFeatureFlags.fg)('platform_smartlink_3pclick_analytics')) {
       if (thirdPartyARI && thirdPartyARI.startsWith(thirdPartyARIPrefix)) {
         var clickURL = (0, _helpers.getClickUrl)(url, state.details);
-        if (clickURL === url) {
+        if (clickURL === url && event.button === 0) {
+          // We want to verify that left click only triggers this
+          // event being fired, not right click, so we check button
+          // === 0, which indicates left click as defined here:
+          // https://developer.mozilla.org/en-US/docs/Web/API/MouseEvent/button
           // For questions or concerns about this event,
           // please reach out to the 3P Workflows Team via Slack in #help-3p-connector-workflow
-          var smartlinkClickAnalyticsEvent = createAnalyticsEvent({
-            action: 'clicked',
-            actionSubject: 'smartLink',
-            actionSubjectId: 'smartlinkClickAnalyticsWorkflows',
-            eventType: 'ui',
-            attributes: {
-              eventName: 'smartLinkClickAnalyticsThirdPartyWorkflows',
-              firstPartyIdentifier: firstPartyIdentifier
-            },
-            nonPrivacySafeAttributes: {
-              thirdPartyARI: thirdPartyARI
-            }
-          });
-          smartlinkClickAnalyticsEvent.fire('media');
+          fire3PClickEvent();
         }
       }
     }
@@ -160,7 +153,7 @@ function Component(_ref) {
       }
       (0, _click.fireLinkClickedEvent)(createAnalyticsEvent)(event);
     }
-  }, [fireEvent, id, isFlexibleUi, appearance, definitionId, onClick, url, state.details, ari, name, isPreviewPanelAvailable, openPreviewPanel, createAnalyticsEvent, thirdPartyARI, firstPartyIdentifier, disablePreviewPanel]);
+  }, [fireEvent, fire3PClickEvent, id, isFlexibleUi, appearance, definitionId, onClick, url, state.details, ari, name, isPreviewPanelAvailable, openPreviewPanel, createAnalyticsEvent, disablePreviewPanel, thirdPartyARI]);
   var handleAuthorize = (0, _react.useCallback)(function () {
     return actions.authorize(appearance);
   }, [actions, appearance]);

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

@@ -19,6 +19,7 @@ var _helpers = require("../../../state/helpers");
 var _useResolveHyperlink2 = _interopRequireDefault(require("../../../state/hooks/use-resolve-hyperlink"));
 var _useResolveHyperlinkValidator = _interopRequireWildcard(require("../../../state/hooks/use-resolve-hyperlink/useResolveHyperlinkValidator"));
 var _intlProvider = _interopRequireDefault(require("../../common/intl-provider"));
+var _useSmartLinkEvents = require("../../SmartLinkEvents/useSmartLinkEvents");
 var _Hyperlink = _interopRequireDefault(require("../Hyperlink"));
 var _errorBoundary = _interopRequireDefault(require("./error-boundary"));
 var _resolveHyperlink = require("./resolve-hyperlink");
@@ -43,11 +44,17 @@ var HyperlinkWithSmartLinkResolverInner = function HyperlinkWithSmartLinkResolve
     actions = _useResolveHyperlink.actions,
     state = _useResolveHyperlink.state;
   var services = (0, _helpers.getServices)(state === null || state === void 0 ? void 0 : state.details);
+  var thirdPartyARI = (0, _helpers.getThirdPartyARI)(state === null || state === void 0 ? void 0 : state.details);
+  var firstPartyIdentifier = (0, _helpers.getFirstPartyIdentifier)();
+  var fire3PClickEvent = (0, _useSmartLinkEvents.useFire3PWorkflowsClickEvent)(firstPartyIdentifier, thirdPartyARI);
   var onClick = (0, _react.useCallback)(function (e) {
-    // TODO: AI3W-1203: 3P link click analytics
-
+    if (state.status === 'resolved' && e.button === 0) {
+      // 0 taken from button state representation -
+      // https://developer.mozilla.org/en-US/docs/Web/API/MouseEvent/button
+      fire3PClickEvent();
+    }
     onClickCallback === null || onClickCallback === void 0 || onClickCallback(e);
-  }, [onClickCallback]);
+  }, [onClickCallback, state.status, fire3PClickEvent]);
 
   // TODO: AI3W-1113: Show auth button
   var onAuthorize = (0, _platformFeatureFlags.fg)('platform_linking_plain_hyperlink_connect_button') ?

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

@@ -25,7 +25,7 @@ var _excluded = ["href", "children", "checkSafety", "onClick", "testId", "isLink
 function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
 var PACKAGE_DATA = {
   packageName: "@atlaskit/smart-card",
-  packageVersion: "41.0.4",
+  packageVersion: "41.0.6",
   componentName: 'linkUrl'
 };
 var Anchor = (0, _click.withLinkClickedEvent)('a');

package/dist/cjs/view/SmartLinkEvents/useSmartLinkEvents.js

@@ -3,8 +3,10 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
+exports.useFire3PWorkflowsClickEvent = useFire3PWorkflowsClickEvent;
 exports.useSmartLinkEvents = useSmartLinkEvents;
 var _react = require("react");
+var _analyticsNext = require("@atlaskit/analytics-next");
 var _analytics = require("../../utils/analytics/analytics");
 function useSmartLinkEvents() {
   /**
@@ -15,4 +17,24 @@ function useSmartLinkEvents() {
     return new _analytics.SmartLinkEvents();
   }, []);
   return events;
+}
+function useFire3PWorkflowsClickEvent(firstPartyIdentifier, thirdPartyARI) {
+  var _useAnalyticsEventsNe = (0, _analyticsNext.useAnalyticsEvents)(),
+    createAnalyticsEvent = _useAnalyticsEventsNe.createAnalyticsEvent;
+  return function () {
+    var smartlinkClickAnalyticsEvent = createAnalyticsEvent({
+      action: 'clicked',
+      actionSubject: 'smartLink',
+      actionSubjectId: 'smartlinkClickAnalyticsWorkflows',
+      eventType: 'ui',
+      attributes: {
+        eventName: 'smartLinkClickAnalyticsThirdPartyWorkflows',
+        firstPartyIdentifier: firstPartyIdentifier
+      },
+      nonPrivacySafeAttributes: {
+        thirdPartyARI: thirdPartyARI
+      }
+    });
+    smartlinkClickAnalyticsEvent.fire('media');
+  };
 }

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

@@ -44,9 +44,14 @@ export const extractInvokePreviewAction = param => {
       invokeAction: {
         actionFn: async () => {
           if (hasPreviewPanel) {
+            let resolvedUrl = url;
+            if (expValEquals('platform_hover_card_preview_panel', 'cohort', 'test')) {
+              const responseUrl = response.data && 'url' in response.data ? response.data.url : undefined;
+              resolvedUrl = responseUrl || url;
+            }
             openPreviewPanel({
               ari: ari,
-              url: url,
+              url: resolvedUrl,
               name: name,
               iconUrl: undefined
             });

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: "41.0.4"
+  packageVersion: "41.0.6"
 };
 export let TrackQuickActionType = /*#__PURE__*/function (TrackQuickActionType) {
   TrackQuickActionType["StatusUpdate"] = "StatusUpdate";

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

@@ -18,6 +18,7 @@ import { BlockCard } from '../BlockCard';
 import { EmbedCard } from '../EmbedCard';
 import FlexibleCard from '../FlexibleCard';
 import { InlineCard } from '../InlineCard';
+import { useFire3PWorkflowsClickEvent } from '../SmartLinkEvents/useSmartLinkEvents';
 const thirdPartyARIPrefix = 'ari:third-party';
 function Component({
   id,
@@ -77,6 +78,7 @@ function Component({
     actionOptions: actionOptionsProp,
     platform
   });
+  const fire3PClickEvent = useFire3PWorkflowsClickEvent(firstPartyIdentifier, thirdPartyARI);
 
   // Setup UI handlers.
   const handleClickWrapper = useCallback(event => {
@@ -90,23 +92,14 @@ function Component({
     if (fg('platform_smartlink_3pclick_analytics')) {
       if (thirdPartyARI && thirdPartyARI.startsWith(thirdPartyARIPrefix)) {
         const clickURL = getClickUrl(url, state.details);
-        if (clickURL === url) {
+        if (clickURL === url && event.button === 0) {
+          // We want to verify that left click only triggers this
+          // event being fired, not right click, so we check button
+          // === 0, which indicates left click as defined here:
+          // https://developer.mozilla.org/en-US/docs/Web/API/MouseEvent/button
           // For questions or concerns about this event,
           // please reach out to the 3P Workflows Team via Slack in #help-3p-connector-workflow
-          const smartlinkClickAnalyticsEvent = createAnalyticsEvent({
-            action: 'clicked',
-            actionSubject: 'smartLink',
-            actionSubjectId: 'smartlinkClickAnalyticsWorkflows',
-            eventType: 'ui',
-            attributes: {
-              eventName: 'smartLinkClickAnalyticsThirdPartyWorkflows',
-              firstPartyIdentifier: firstPartyIdentifier
-            },
-            nonPrivacySafeAttributes: {
-              thirdPartyARI: thirdPartyARI
-            }
-          });
-          smartlinkClickAnalyticsEvent.fire('media');
+          fire3PClickEvent();
         }
       }
     }
@@ -153,7 +146,7 @@ function Component({
       }
       fireLinkClickedEvent(createAnalyticsEvent)(event);
     }
-  }, [fireEvent, id, isFlexibleUi, appearance, definitionId, onClick, url, state.details, ari, name, isPreviewPanelAvailable, openPreviewPanel, createAnalyticsEvent, thirdPartyARI, firstPartyIdentifier, disablePreviewPanel]);
+  }, [fireEvent, fire3PClickEvent, id, isFlexibleUi, appearance, definitionId, onClick, url, state.details, ari, name, isPreviewPanelAvailable, openPreviewPanel, createAnalyticsEvent, disablePreviewPanel, thirdPartyARI]);
   const handleAuthorize = useCallback(() => actions.authorize(appearance), [actions, appearance]);
   const handleRetry = useCallback(() => {
     actions.reload();

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

@@ -6,10 +6,11 @@ import FeatureGates from '@atlaskit/feature-gate-js-client';
 import { extractSmartLinkProvider } from '@atlaskit/link-extractors';
 import { fg } from '@atlaskit/platform-feature-flags';
 import { SmartCardContext } from '../../../state';
-import { getServices } from '../../../state/helpers';
+import { getFirstPartyIdentifier, getServices, getThirdPartyARI } from '../../../state/helpers';
 import useResolveHyperlink from '../../../state/hooks/use-resolve-hyperlink';
 import useResolveHyperlinkValidator, { isGoogleDomain, isSharePointDomain } from '../../../state/hooks/use-resolve-hyperlink/useResolveHyperlinkValidator';
 import withIntlProvider from '../../common/intl-provider';
+import { useFire3PWorkflowsClickEvent } from '../../SmartLinkEvents/useSmartLinkEvents';
 import Hyperlink from '../Hyperlink';
 import withErrorBoundary from './error-boundary';
 import { ResolveHyperlink } from './resolve-hyperlink';
@@ -30,11 +31,17 @@ const HyperlinkWithSmartLinkResolverInner = ({
     href: props.href || ''
   });
   const services = getServices(state === null || state === void 0 ? void 0 : state.details);
+  const thirdPartyARI = getThirdPartyARI(state === null || state === void 0 ? void 0 : state.details);
+  const firstPartyIdentifier = getFirstPartyIdentifier();
+  const fire3PClickEvent = useFire3PWorkflowsClickEvent(firstPartyIdentifier, thirdPartyARI);
   const onClick = useCallback(e => {
-    // TODO: AI3W-1203: 3P link click analytics
-
+    if (state.status === 'resolved' && e.button === 0) {
+      // 0 taken from button state representation -
+      // https://developer.mozilla.org/en-US/docs/Web/API/MouseEvent/button
+      fire3PClickEvent();
+    }
     onClickCallback === null || onClickCallback === void 0 ? void 0 : onClickCallback(e);
-  }, [onClickCallback]);
+  }, [onClickCallback, state.status, fire3PClickEvent]);
 
   // TODO: AI3W-1113: Show auth button
   const onAuthorize = fg('platform_linking_plain_hyperlink_connect_button') ?

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

@@ -13,7 +13,7 @@ import LinkWarningModal from './LinkWarningModal';
 import { useLinkWarningModal } from './LinkWarningModal/hooks/use-link-warning-modal';
 const PACKAGE_DATA = {
   packageName: "@atlaskit/smart-card",
-  packageVersion: "41.0.4",
+  packageVersion: "41.0.6",
   componentName: 'linkUrl'
 };
 const Anchor = withLinkClickedEvent('a');

package/dist/es2019/view/SmartLinkEvents/useSmartLinkEvents.js

@@ -1,4 +1,5 @@
 import { useMemo } from 'react';
+import { useAnalyticsEvents as useAnalyticsEventsNext } from '@atlaskit/analytics-next';
 import { SmartLinkEvents } from '../../utils/analytics/analytics';
 export function useSmartLinkEvents() {
   /**
@@ -7,4 +8,25 @@ export function useSmartLinkEvents() {
    */
   const events = useMemo(() => new SmartLinkEvents(), []);
   return events;
+}
+export function useFire3PWorkflowsClickEvent(firstPartyIdentifier, thirdPartyARI) {
+  const {
+    createAnalyticsEvent
+  } = useAnalyticsEventsNext();
+  return () => {
+    const smartlinkClickAnalyticsEvent = createAnalyticsEvent({
+      action: 'clicked',
+      actionSubject: 'smartLink',
+      actionSubjectId: 'smartlinkClickAnalyticsWorkflows',
+      eventType: 'ui',
+      attributes: {
+        eventName: 'smartLinkClickAnalyticsThirdPartyWorkflows',
+        firstPartyIdentifier: firstPartyIdentifier
+      },
+      nonPrivacySafeAttributes: {
+        thirdPartyARI: thirdPartyARI
+      }
+    });
+    smartlinkClickAnalyticsEvent.fire('media');
+  };
 }

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

@@ -47,24 +47,29 @@ export var extractInvokePreviewAction = function extractInvokePreviewAction(para
       invokeAction: {
         actionFn: function () {
           var _actionFn = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee() {
-            var _extractSmartLinkProv, _extractSmartLinkEmbe, _actionOptions$previe;
+            var resolvedUrl, responseUrl, _extractSmartLinkProv, _extractSmartLinkEmbe, _actionOptions$previe;
             return _regeneratorRuntime.wrap(function _callee$(_context) {
               while (1) switch (_context.prev = _context.next) {
                 case 0:
                   if (!hasPreviewPanel) {
-                    _context.next = 4;
+                    _context.next = 6;
                     break;
                   }
+                  resolvedUrl = url;
+                  if (expValEquals('platform_hover_card_preview_panel', 'cohort', 'test')) {
+                    responseUrl = response.data && 'url' in response.data ? response.data.url : undefined;
+                    resolvedUrl = responseUrl || url;
+                  }
                   openPreviewPanel({
                     ari: ari,
-                    url: url,
+                    url: resolvedUrl,
                     name: name,
                     iconUrl: undefined
                   });
-                  _context.next = 6;
+                  _context.next = 8;
                   break;
-                case 4:
-                  _context.next = 6;
+                case 6:
+                  _context.next = 8;
                   return openEmbedModal(_objectSpread({
                     fireEvent: fireEvent,
                     extensionKey: extensionKey,
@@ -84,7 +89,7 @@ export var extractInvokePreviewAction = function extractInvokePreviewAction(para
                   }, expValEquals('platform_hover_card_preview_panel', 'cohort', 'test') && {
                     isInPreviewPanel: isInPreviewPanel
                   }));
-                case 6:
+                case 8:
                 case "end":
                   return _context.stop();
               }

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

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

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

@@ -18,6 +18,7 @@ import { BlockCard } from '../BlockCard';
 import { EmbedCard } from '../EmbedCard';
 import FlexibleCard from '../FlexibleCard';
 import { InlineCard } from '../InlineCard';
+import { useFire3PWorkflowsClickEvent } from '../SmartLinkEvents/useSmartLinkEvents';
 var thirdPartyARIPrefix = 'ari:third-party';
 function Component(_ref) {
   var id = _ref.id,
@@ -75,6 +76,7 @@ function Component(_ref) {
     actionOptions: actionOptionsProp,
     platform: platform
   });
+  var fire3PClickEvent = useFire3PWorkflowsClickEvent(firstPartyIdentifier, thirdPartyARI);
 
   // Setup UI handlers.
   var handleClickWrapper = useCallback(function (event) {
@@ -88,23 +90,14 @@ function Component(_ref) {
     if (fg('platform_smartlink_3pclick_analytics')) {
       if (thirdPartyARI && thirdPartyARI.startsWith(thirdPartyARIPrefix)) {
         var clickURL = getClickUrl(url, state.details);
-        if (clickURL === url) {
+        if (clickURL === url && event.button === 0) {
+          // We want to verify that left click only triggers this
+          // event being fired, not right click, so we check button
+          // === 0, which indicates left click as defined here:
+          // https://developer.mozilla.org/en-US/docs/Web/API/MouseEvent/button
           // For questions or concerns about this event,
           // please reach out to the 3P Workflows Team via Slack in #help-3p-connector-workflow
-          var smartlinkClickAnalyticsEvent = createAnalyticsEvent({
-            action: 'clicked',
-            actionSubject: 'smartLink',
-            actionSubjectId: 'smartlinkClickAnalyticsWorkflows',
-            eventType: 'ui',
-            attributes: {
-              eventName: 'smartLinkClickAnalyticsThirdPartyWorkflows',
-              firstPartyIdentifier: firstPartyIdentifier
-            },
-            nonPrivacySafeAttributes: {
-              thirdPartyARI: thirdPartyARI
-            }
-          });
-          smartlinkClickAnalyticsEvent.fire('media');
+          fire3PClickEvent();
         }
       }
     }
@@ -151,7 +144,7 @@ function Component(_ref) {
       }
       fireLinkClickedEvent(createAnalyticsEvent)(event);
     }
-  }, [fireEvent, id, isFlexibleUi, appearance, definitionId, onClick, url, state.details, ari, name, isPreviewPanelAvailable, openPreviewPanel, createAnalyticsEvent, thirdPartyARI, firstPartyIdentifier, disablePreviewPanel]);
+  }, [fireEvent, fire3PClickEvent, id, isFlexibleUi, appearance, definitionId, onClick, url, state.details, ari, name, isPreviewPanelAvailable, openPreviewPanel, createAnalyticsEvent, disablePreviewPanel, thirdPartyARI]);
   var handleAuthorize = useCallback(function () {
     return actions.authorize(appearance);
   }, [actions, appearance]);

package/dist/esm/view/LinkUrl/HyperlinkResolver/index.js

@@ -8,10 +8,11 @@ import FeatureGates from '@atlaskit/feature-gate-js-client';
 import { extractSmartLinkProvider } from '@atlaskit/link-extractors';
 import { fg } from '@atlaskit/platform-feature-flags';
 import { SmartCardContext } from '../../../state';
-import { getServices } from '../../../state/helpers';
+import { getFirstPartyIdentifier, getServices, getThirdPartyARI } from '../../../state/helpers';
 import useResolveHyperlink from '../../../state/hooks/use-resolve-hyperlink';
 import useResolveHyperlinkValidator, { isGoogleDomain, isSharePointDomain } from '../../../state/hooks/use-resolve-hyperlink/useResolveHyperlinkValidator';
 import withIntlProvider from '../../common/intl-provider';
+import { useFire3PWorkflowsClickEvent } from '../../SmartLinkEvents/useSmartLinkEvents';
 import Hyperlink from '../Hyperlink';
 import withErrorBoundary from './error-boundary';
 import { ResolveHyperlink } from './resolve-hyperlink';
@@ -34,11 +35,17 @@ var HyperlinkWithSmartLinkResolverInner = function HyperlinkWithSmartLinkResolve
     actions = _useResolveHyperlink.actions,
     state = _useResolveHyperlink.state;
   var services = getServices(state === null || state === void 0 ? void 0 : state.details);
+  var thirdPartyARI = getThirdPartyARI(state === null || state === void 0 ? void 0 : state.details);
+  var firstPartyIdentifier = getFirstPartyIdentifier();
+  var fire3PClickEvent = useFire3PWorkflowsClickEvent(firstPartyIdentifier, thirdPartyARI);
   var onClick = useCallback(function (e) {
-    // TODO: AI3W-1203: 3P link click analytics
-
+    if (state.status === 'resolved' && e.button === 0) {
+      // 0 taken from button state representation -
+      // https://developer.mozilla.org/en-US/docs/Web/API/MouseEvent/button
+      fire3PClickEvent();
+    }
     onClickCallback === null || onClickCallback === void 0 || onClickCallback(e);
-  }, [onClickCallback]);
+  }, [onClickCallback, state.status, fire3PClickEvent]);
 
   // TODO: AI3W-1113: Show auth button
   var onAuthorize = fg('platform_linking_plain_hyperlink_connect_button') ?

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

@@ -16,7 +16,7 @@ import LinkWarningModal from './LinkWarningModal';
 import { useLinkWarningModal } from './LinkWarningModal/hooks/use-link-warning-modal';
 var PACKAGE_DATA = {
   packageName: "@atlaskit/smart-card",
-  packageVersion: "41.0.4",
+  packageVersion: "41.0.6",
   componentName: 'linkUrl'
 };
 var Anchor = withLinkClickedEvent('a');

package/dist/esm/view/SmartLinkEvents/useSmartLinkEvents.js

@@ -1,4 +1,5 @@
 import { useMemo } from 'react';
+import { useAnalyticsEvents as useAnalyticsEventsNext } from '@atlaskit/analytics-next';
 import { SmartLinkEvents } from '../../utils/analytics/analytics';
 export function useSmartLinkEvents() {
   /**
@@ -9,4 +10,24 @@ export function useSmartLinkEvents() {
     return new SmartLinkEvents();
   }, []);
   return events;
+}
+export function useFire3PWorkflowsClickEvent(firstPartyIdentifier, thirdPartyARI) {
+  var _useAnalyticsEventsNe = useAnalyticsEventsNext(),
+    createAnalyticsEvent = _useAnalyticsEventsNe.createAnalyticsEvent;
+  return function () {
+    var smartlinkClickAnalyticsEvent = createAnalyticsEvent({
+      action: 'clicked',
+      actionSubject: 'smartLink',
+      actionSubjectId: 'smartlinkClickAnalyticsWorkflows',
+      eventType: 'ui',
+      attributes: {
+        eventName: 'smartLinkClickAnalyticsThirdPartyWorkflows',
+        firstPartyIdentifier: firstPartyIdentifier
+      },
+      nonPrivacySafeAttributes: {
+        thirdPartyARI: thirdPartyARI
+      }
+    });
+    smartlinkClickAnalyticsEvent.fire('media');
+  };
 }

package/dist/types/view/SmartLinkEvents/useSmartLinkEvents.d.ts

@@ -1,2 +1,3 @@
 import { SmartLinkEvents } from '../../utils/analytics/analytics';
 export declare function useSmartLinkEvents(): SmartLinkEvents;
+export declare function useFire3PWorkflowsClickEvent(firstPartyIdentifier: string | undefined, thirdPartyARI: string | undefined): () => void;

package/dist/types-ts4.5/view/SmartLinkEvents/useSmartLinkEvents.d.ts

@@ -1,2 +1,3 @@
 import { SmartLinkEvents } from '../../utils/analytics/analytics';
 export declare function useSmartLinkEvents(): SmartLinkEvents;
+export declare function useFire3PWorkflowsClickEvent(firstPartyIdentifier: string | undefined, thirdPartyARI: string | undefined): () => void;

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/smart-card",
-	"version": "41.0.5",
+	"version": "42.0.0",
 	"description": "Smart card component",
 	"publishConfig": {
 		"registry": "https://registry.npmjs.org/"
@@ -37,7 +37,7 @@
 		"@atlaskit/css": "^0.14.0",
 		"@atlaskit/dropdown-menu": "^16.3.0",
 		"@atlaskit/feature-gate-js-client": "^5.5.0",
-		"@atlaskit/form": "^12.6.0",
+		"@atlaskit/form": "^12.7.0",
 		"@atlaskit/frontend-utilities": "^3.1.0",
 		"@atlaskit/heading": "^5.2.0",
 		"@atlaskit/icon": "^28.2.0",
@@ -69,7 +69,7 @@
 		"@atlaskit/textarea": "^8.0.0",
 		"@atlaskit/textfield": "^8.0.0",
 		"@atlaskit/theme": "^21.0.0",
-		"@atlaskit/tmp-editor-statsig": "^12.24.0",
+		"@atlaskit/tmp-editor-statsig": "^12.25.0",
 		"@atlaskit/tokens": "^6.3.0",
 		"@atlaskit/tooltip": "^20.4.0",
 		"@atlaskit/ufo": "^0.4.0",