@atlaskit/smart-card 44.0.3 → 44.0.4

package/CHANGELOG.md

@@ -1,5 +1,17 @@
 # @atlaskit/smart-card
 
+## 44.0.4
+
+### Patch Changes
+
+- [`ef22944bdbbdf`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/ef22944bdbbdf) -
+  Migrate smart link visited analytics from UI event to track event. The `ui.smartLink.visited`
+  event has been replaced with `track.smartLink.visited` to better capture engagement metrics for
+  smart links. This change is gated behind the `cc_integrations_editor_open_link_click_analytics`
+  feature flag and includes additional attributes (displayCategory, extensionKey, status,
+  statusDetails) when the flag is enabled.
+- Updated dependencies
+
 ## 44.0.3
 
 ### Patch Changes

package/analytics.spec.yaml

@@ -608,10 +608,10 @@ events:
           type: boolean
           description: Whether a modifier key was pressed when clicking the Smart Link.
   - smartLink visited:
-      type: ui
-      description: fires an event that represents when a user visits a Smart Link target.
+      type: track
+      description: fires a tracking event that represents when a user visits a Smart Link target.
       attributes:
-        <<: [*PackageMetaDataContext, *CommonContext, *ResolvedContext]
+        <<: [*PackageMetaDataContext, *CommonContext]
         id:
           required: true
           type: string

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

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

@@ -96,7 +96,7 @@ var EmbedModal = function EmbedModal(_ref) {
       var visitedDisplay = invokeViewAction.display && invokeViewAction.display !== 'url' ? invokeViewAction.display : null;
       if (visitedDisplay && (0, _expValEquals.expValEquals)('cc_integrations_editor_open_link_click_analytics', 'isEnabled', true)) {
         var _invokeViewAction$id, _invokeViewAction$def;
-        fireEvent === null || fireEvent === void 0 || fireEvent('ui.smartLink.visited', {
+        fireEvent === null || fireEvent === void 0 || fireEvent('track.smartLink.visited', {
           id: (_invokeViewAction$id = invokeViewAction.id) !== null && _invokeViewAction$id !== void 0 ? _invokeViewAction$id : iframeName,
           display: visitedDisplay,
           definitionId: (_invokeViewAction$def = invokeViewAction.definitionId) !== null && _invokeViewAction$def !== void 0 ? _invokeViewAction$def : null
@@ -112,7 +112,7 @@ var EmbedModal = function EmbedModal(_ref) {
       var visitedDisplay = invokeViewAction.display && invokeViewAction.display !== 'url' ? invokeViewAction.display : null;
       if (visitedDisplay && (0, _expValEquals.expValEquals)('cc_integrations_editor_open_link_click_analytics', 'isEnabled', true)) {
         var _invokeViewAction$id2, _invokeViewAction$def2;
-        fireEvent === null || fireEvent === void 0 || fireEvent('ui.smartLink.visited', {
+        fireEvent === null || fireEvent === void 0 || fireEvent('track.smartLink.visited', {
           id: (_invokeViewAction$id2 = invokeViewAction.id) !== null && _invokeViewAction$id2 !== void 0 ? _invokeViewAction$id2 : iframeName,
           display: visitedDisplay,
           definitionId: (_invokeViewAction$def2 = invokeViewAction.definitionId) !== null && _invokeViewAction$def2 !== void 0 ? _invokeViewAction$def2 : null

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

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

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

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

@@ -72,7 +72,7 @@ const EmbedModal = ({
       const visitedDisplay = invokeViewAction.display && invokeViewAction.display !== 'url' ? invokeViewAction.display : null;
       if (visitedDisplay && expValEquals('cc_integrations_editor_open_link_click_analytics', 'isEnabled', true)) {
         var _invokeViewAction$id, _invokeViewAction$def;
-        fireEvent === null || fireEvent === void 0 ? void 0 : fireEvent('ui.smartLink.visited', {
+        fireEvent === null || fireEvent === void 0 ? void 0 : fireEvent('track.smartLink.visited', {
           id: (_invokeViewAction$id = invokeViewAction.id) !== null && _invokeViewAction$id !== void 0 ? _invokeViewAction$id : iframeName,
           display: visitedDisplay,
           definitionId: (_invokeViewAction$def = invokeViewAction.definitionId) !== null && _invokeViewAction$def !== void 0 ? _invokeViewAction$def : null
@@ -88,7 +88,7 @@ const EmbedModal = ({
       const visitedDisplay = invokeViewAction.display && invokeViewAction.display !== 'url' ? invokeViewAction.display : null;
       if (visitedDisplay && expValEquals('cc_integrations_editor_open_link_click_analytics', 'isEnabled', true)) {
         var _invokeViewAction$id2, _invokeViewAction$def2;
-        fireEvent === null || fireEvent === void 0 ? void 0 : fireEvent('ui.smartLink.visited', {
+        fireEvent === null || fireEvent === void 0 ? void 0 : fireEvent('track.smartLink.visited', {
           id: (_invokeViewAction$id2 = invokeViewAction.id) !== null && _invokeViewAction$id2 !== void 0 ? _invokeViewAction$id2 : iframeName,
           display: visitedDisplay,
           definitionId: (_invokeViewAction$def2 = invokeViewAction.definitionId) !== null && _invokeViewAction$def2 !== void 0 ? _invokeViewAction$def2 : null

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

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

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

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

@@ -87,7 +87,7 @@ var EmbedModal = function EmbedModal(_ref) {
       var visitedDisplay = invokeViewAction.display && invokeViewAction.display !== 'url' ? invokeViewAction.display : null;
       if (visitedDisplay && expValEquals('cc_integrations_editor_open_link_click_analytics', 'isEnabled', true)) {
         var _invokeViewAction$id, _invokeViewAction$def;
-        fireEvent === null || fireEvent === void 0 || fireEvent('ui.smartLink.visited', {
+        fireEvent === null || fireEvent === void 0 || fireEvent('track.smartLink.visited', {
           id: (_invokeViewAction$id = invokeViewAction.id) !== null && _invokeViewAction$id !== void 0 ? _invokeViewAction$id : iframeName,
           display: visitedDisplay,
           definitionId: (_invokeViewAction$def = invokeViewAction.definitionId) !== null && _invokeViewAction$def !== void 0 ? _invokeViewAction$def : null
@@ -103,7 +103,7 @@ var EmbedModal = function EmbedModal(_ref) {
       var visitedDisplay = invokeViewAction.display && invokeViewAction.display !== 'url' ? invokeViewAction.display : null;
       if (visitedDisplay && expValEquals('cc_integrations_editor_open_link_click_analytics', 'isEnabled', true)) {
         var _invokeViewAction$id2, _invokeViewAction$def2;
-        fireEvent === null || fireEvent === void 0 || fireEvent('ui.smartLink.visited', {
+        fireEvent === null || fireEvent === void 0 || fireEvent('track.smartLink.visited', {
           id: (_invokeViewAction$id2 = invokeViewAction.id) !== null && _invokeViewAction$id2 !== void 0 ? _invokeViewAction$id2 : iframeName,
           display: visitedDisplay,
           definitionId: (_invokeViewAction$def2 = invokeViewAction.definitionId) !== null && _invokeViewAction$def2 !== void 0 ? _invokeViewAction$def2 : null

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

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

package/dist/types/common/analytics/generated/analytics.types.d.ts

@@ -3,7 +3,7 @@
  *
  * Generates Typescript types for analytics events from analytics.spec.yaml
  *
- * @codegen <<SignedSource::ba09a8b50ef409ef59594023566396c8>>
+ * @codegen <<SignedSource::1c5f802d8b5609627e5ffbebf73bad6e>>
  * @codegenCommand yarn workspace @atlassian/analytics-tooling run analytics:codegen smart-card
  */
 export type PackageMetaDataContextType = {
@@ -116,13 +116,12 @@ export type SmartLinkIframeFocusedAttributesType = {
     id: string;
     display: 'inline' | 'block' | 'embed' | 'embedPreview' | 'flexible' | 'hoverCardPreview' | 'url';
     definitionId: string | null;
-    interactionType?: 'mouseenter' | 'mouseleave' | 'focus';
+    interactionType?: 'mouseenter' | 'mouseleave' | 'focus' | null;
 };
 export type ApplicationAccountConnectedAttributesType = {
     definitionId: string | null;
 };
 export type ApplicationAccountAuthStartedAttributesType = {};
-export type ButtonClickedDismissAttributesType = {};
 export type SmartLinkQuickActionStartedAttributesType = {
     smartLinkActionType: 'FollowEntityAction' | 'GetStatusTransitionsAction' | 'StatusUpdateAction' | 'UnfollowEntityAction' | 'StatusUpdate';
 };
@@ -263,6 +262,7 @@ export type SmartLinkRenderFailedAttributesType = {
     errorInfo: Record<string, unknown>;
     id: string | null;
 };
+export type ButtonClickedDismissAttributesType = {};
 export type SmartLinkClickedSmartlinkClickAnalyticsWorkflowsAttributesType = {
     thirdPartyARI: string;
     eventName: string;
@@ -270,9 +270,6 @@ export type SmartLinkClickedSmartlinkClickAnalyticsWorkflowsAttributesType = {
     clickedAt: string;
 };
 export type AnalyticsEventAttributes = {
-    /**
-     * Fired when a button is clicked to dismiss a hover card */
-    'ui.button.clicked.dismiss': ButtonClickedDismissAttributesType;
     /**
      * Fired when an copy link is clicked */
     'ui.button.clicked.copyLink': ButtonClickedCopyLinkAttributesType;
@@ -388,8 +385,8 @@ export type AnalyticsEventAttributes = {
      * fires an event that represents when a user clicks on a Smart Link. */
     'ui.smartLink.clicked': SmartLinkClickedAttributesType;
     /**
-     * fires an event that represents when a user visits a Smart Link target. */
-    'ui.smartLink.visited': SmartLinkVisitedAttributesType;
+     * fires a tracking event that represents when a user visits a Smart Link target. */
+    'track.smartLink.visited': SmartLinkVisitedAttributesType;
     /**
      * fires an event that represents when a user clicks on a Smart Link. */
     'ui.smartLink.clicked.titleGoToLink': SmartLinkClickedTitleGoToLinkAttributesType;
@@ -445,5 +442,8 @@ export type AnalyticsEventAttributes = {
     /**
      * fires an event that represents when a user clicks on a Smart Link to track analytics for the 3P Workflows team */
     'ui.smartLink.clicked.smartlinkClickAnalyticsWorkflows': SmartLinkClickedSmartlinkClickAnalyticsWorkflowsAttributesType;
+    /**
+     * fires an event that represents when a user dismisses a hover card */
+    'ui.button.clicked.dismiss': ButtonClickedDismissAttributesType;
 };
 export type EventKey = keyof AnalyticsEventAttributes;

package/dist/types-ts4.5/common/analytics/generated/analytics.types.d.ts

@@ -3,7 +3,7 @@
  *
  * Generates Typescript types for analytics events from analytics.spec.yaml
  *
- * @codegen <<SignedSource::ba09a8b50ef409ef59594023566396c8>>
+ * @codegen <<SignedSource::1c5f802d8b5609627e5ffbebf73bad6e>>
  * @codegenCommand yarn workspace @atlassian/analytics-tooling run analytics:codegen smart-card
  */
 export type PackageMetaDataContextType = {
@@ -116,13 +116,12 @@ export type SmartLinkIframeFocusedAttributesType = {
     id: string;
     display: 'inline' | 'block' | 'embed' | 'embedPreview' | 'flexible' | 'hoverCardPreview' | 'url';
     definitionId: string | null;
-    interactionType?: 'mouseenter' | 'mouseleave' | 'focus';
+    interactionType?: 'mouseenter' | 'mouseleave' | 'focus' | null;
 };
 export type ApplicationAccountConnectedAttributesType = {
     definitionId: string | null;
 };
 export type ApplicationAccountAuthStartedAttributesType = {};
-export type ButtonClickedDismissAttributesType = {};
 export type SmartLinkQuickActionStartedAttributesType = {
     smartLinkActionType: 'FollowEntityAction' | 'GetStatusTransitionsAction' | 'StatusUpdateAction' | 'UnfollowEntityAction' | 'StatusUpdate';
 };
@@ -263,6 +262,7 @@ export type SmartLinkRenderFailedAttributesType = {
     errorInfo: Record<string, unknown>;
     id: string | null;
 };
+export type ButtonClickedDismissAttributesType = {};
 export type SmartLinkClickedSmartlinkClickAnalyticsWorkflowsAttributesType = {
     thirdPartyARI: string;
     eventName: string;
@@ -270,9 +270,6 @@ export type SmartLinkClickedSmartlinkClickAnalyticsWorkflowsAttributesType = {
     clickedAt: string;
 };
 export type AnalyticsEventAttributes = {
-    /**
-     * Fired when a button is clicked to dismiss a hover card */
-    'ui.button.clicked.dismiss': ButtonClickedDismissAttributesType;
     /**
      * Fired when an copy link is clicked */
     'ui.button.clicked.copyLink': ButtonClickedCopyLinkAttributesType;
@@ -388,8 +385,8 @@ export type AnalyticsEventAttributes = {
      * fires an event that represents when a user clicks on a Smart Link. */
     'ui.smartLink.clicked': SmartLinkClickedAttributesType;
     /**
-     * fires an event that represents when a user visits a Smart Link target. */
-    'ui.smartLink.visited': SmartLinkVisitedAttributesType;
+     * fires a tracking event that represents when a user visits a Smart Link target. */
+    'track.smartLink.visited': SmartLinkVisitedAttributesType;
     /**
      * fires an event that represents when a user clicks on a Smart Link. */
     'ui.smartLink.clicked.titleGoToLink': SmartLinkClickedTitleGoToLinkAttributesType;
@@ -445,5 +442,8 @@ export type AnalyticsEventAttributes = {
     /**
      * fires an event that represents when a user clicks on a Smart Link to track analytics for the 3P Workflows team */
     'ui.smartLink.clicked.smartlinkClickAnalyticsWorkflows': SmartLinkClickedSmartlinkClickAnalyticsWorkflowsAttributesType;
+    /**
+     * fires an event that represents when a user dismisses a hover card */
+    'ui.button.clicked.dismiss': ButtonClickedDismissAttributesType;
 };
 export type EventKey = keyof AnalyticsEventAttributes;

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/smart-card",
-	"version": "44.0.3",
+	"version": "44.0.4",
 	"description": "Smart card component",
 	"publishConfig": {
 		"registry": "https://registry.npmjs.org/"
@@ -83,7 +83,7 @@
 		"@atlaskit/textfield": "^8.3.0",
 		"@atlaskit/theme": "^23.0.0",
 		"@atlaskit/tile": "^1.0.0",
-		"@atlaskit/tmp-editor-statsig": "^62.0.0",
+		"@atlaskit/tmp-editor-statsig": "^62.1.0",
 		"@atlaskit/tokens": "^13.0.0",
 		"@atlaskit/tooltip": "^21.1.0",
 		"@atlaskit/ufo": "^0.4.0",