@atlaskit/renderer 124.0.0 → 124.0.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (17) hide show
  1. package/CHANGELOG.md +8 -0
  2. package/dist/cjs/analytics/enums.js +2 -0
  3. package/dist/cjs/react/nodes/inlineCard.js +37 -7
  4. package/dist/cjs/ui/Renderer/index.js +1 -1
  5. package/dist/es2019/analytics/enums.js +2 -0
  6. package/dist/es2019/react/nodes/inlineCard.js +37 -7
  7. package/dist/es2019/ui/Renderer/index.js +1 -1
  8. package/dist/esm/analytics/enums.js +2 -0
  9. package/dist/esm/react/nodes/inlineCard.js +37 -7
  10. package/dist/esm/ui/Renderer/index.js +1 -1
  11. package/dist/types/analytics/enums.d.ts +3 -1
  12. package/dist/types/analytics/events.d.ts +6 -1
  13. package/dist/types/react/nodes/inlineCard.d.ts +2 -0
  14. package/dist/types-ts4.5/analytics/enums.d.ts +3 -1
  15. package/dist/types-ts4.5/analytics/events.d.ts +6 -1
  16. package/dist/types-ts4.5/react/nodes/inlineCard.d.ts +2 -0
  17. package/package.json +5 -5
package/CHANGELOG.md CHANGED
@@ -1,5 +1,13 @@
1
1
  # @atlaskit/renderer
2
2
 
3
+ ## 124.0.1
4
+
5
+ ### Patch Changes
6
+
7
+ - [`49444f7239178`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/49444f7239178) -
8
+ Added analytics events to preview panel hover overlays and toolbar button
9
+ - Updated dependencies
10
+
3
11
  ## 124.0.0
4
12
 
5
13
  ### Patch Changes
package/dist/cjs/analytics/enums.js CHANGED
@@ -48,11 +48,13 @@ var ACTION_SUBJECT = exports.ACTION_SUBJECT = /*#__PURE__*/function (ACTION_SUBJ
48
48
  ACTION_SUBJECT["LINK"] = "link";
49
49
  ACTION_SUBJECT["ANNOTATION"] = "annotation";
50
50
  ACTION_SUBJECT["MEDIA"] = "media";
51
+ ACTION_SUBJECT["SMART_LINK"] = "smartLink";
51
52
  return ACTION_SUBJECT;
52
53
  }({});
53
54
  var ACTION_SUBJECT_ID = exports.ACTION_SUBJECT_ID = /*#__PURE__*/function (ACTION_SUBJECT_ID) {
54
55
  ACTION_SUBJECT_ID["HEADING_ANCHOR_LINK"] = "headingAnchorLink";
55
56
  ACTION_SUBJECT_ID["LINK"] = "link";
57
+ ACTION_SUBJECT_ID["HOVER_LABEL"] = "hoverLabel";
56
58
  ACTION_SUBJECT_ID["INLINE_COMMENT"] = "inlineComment";
57
59
  ACTION_SUBJECT_ID["CODEBLOCK_COPY"] = "codeBlockCopy";
58
60
  ACTION_SUBJECT_ID["CODEBLOCK_WRAP"] = "codeBlockWrap";
package/dist/cjs/react/nodes/inlineCard.js CHANGED
@@ -19,6 +19,7 @@ var _analyticsNext = require("@atlaskit/analytics-next");
19
19
  var _platformFeatureFlagsReact = require("@atlaskit/platform-feature-flags-react");
20
20
  var _experiments = require("@atlaskit/tmp-editor-statsig/experiments");
21
21
  var _expValEquals = require("@atlaskit/tmp-editor-statsig/exp-val-equals");
22
+ var _analytics = require("@atlaskit/editor-common/analytics");
22
23
  var _fallback = require("./fallback");
23
24
  var _SmartCardStorage = require("../../ui/SmartCardStorage");
24
25
  var _getCardClickHandler = require("../utils/getCardClickHandler");
@@ -40,10 +41,11 @@ var HoverLinkOverlayWithCondition = (0, _platformFeatureFlagsReact.componentWith
40
41
  });
41
42
  }, _ui.HoverLinkOverlay, HoverLinkOverlayNoop);
42
43
  var OverlayWithCardContext = function OverlayWithCardContext(_ref) {
43
- var _cardContext$value, _cardContext$value2, _cardContext$value2$i, _cardContext$value3;
44
+ var _cardContext$value2, _cardContext$value3, _cardContext$value3$i, _cardContext$value4;
44
45
  var rendererAppearance = _ref.rendererAppearance,
45
46
  isResolvedViewRendered = _ref.isResolvedViewRendered,
46
47
  url = _ref.url,
48
+ fireAnalyticsEvent = _ref.fireAnalyticsEvent,
47
49
  children = _ref.children;
48
50
  var cardContext = (0, _linkProvider.useSmartCardContext)();
49
51
  // Note: useSmartLinkActions throws without smart card context. Using it here is safe
@@ -57,7 +59,25 @@ var OverlayWithCardContext = function OverlayWithCardContext(_ref) {
57
59
  return action.id === 'preview-content';
58
60
  });
59
61
  }, [actions]);
60
- var cardState = cardContext === null || cardContext === void 0 || (_cardContext$value = cardContext.value) === null || _cardContext$value === void 0 || (_cardContext$value = _cardContext$value.store) === null || _cardContext$value === void 0 ? void 0 : _cardContext$value.getState()[url || ''];
62
+ var fireHoverLabelAEP = function fireHoverLabelAEP(previewType) {
63
+ if (fireAnalyticsEvent) {
64
+ var _cardContext$value, _urlState$details$met, _urlState$details, _urlState$details$met2, _urlState$details2;
65
+ var store = cardContext === null || cardContext === void 0 || (_cardContext$value = cardContext.value) === null || _cardContext$value === void 0 ? void 0 : _cardContext$value.store;
66
+ var urlState = store === null || store === void 0 ? void 0 : store.getState()[url || ''];
67
+ fireAnalyticsEvent({
68
+ action: _analytics.ACTION.CLICKED,
69
+ actionSubject: _analytics.ACTION_SUBJECT.SMART_LINK,
70
+ actionSubjectId: _analytics.ACTION_SUBJECT_ID.HOVER_LABEL,
71
+ eventType: _analytics.EVENT_TYPE.UI,
72
+ attributes: {
73
+ previewType: previewType,
74
+ destinationProduct: (_urlState$details$met = urlState === null || urlState === void 0 || (_urlState$details = urlState.details) === null || _urlState$details === void 0 || (_urlState$details = _urlState$details.meta) === null || _urlState$details === void 0 ? void 0 : _urlState$details.product) !== null && _urlState$details$met !== void 0 ? _urlState$details$met : null,
75
+ destinationSubproduct: (_urlState$details$met2 = urlState === null || urlState === void 0 || (_urlState$details2 = urlState.details) === null || _urlState$details2 === void 0 || (_urlState$details2 = _urlState$details2.meta) === null || _urlState$details2 === void 0 ? void 0 : _urlState$details2.subproduct) !== null && _urlState$details$met2 !== void 0 ? _urlState$details$met2 : null
76
+ }
77
+ });
78
+ }
79
+ };
80
+ var cardState = cardContext === null || cardContext === void 0 || (_cardContext$value2 = cardContext.value) === null || _cardContext$value2 === void 0 || (_cardContext$value2 = _cardContext$value2.store) === null || _cardContext$value2 === void 0 ? void 0 : _cardContext$value2.getState()[url || ''];
61
81
  var ari = (0, _smartCard.getObjectAri)(cardState === null || cardState === void 0 ? void 0 : cardState.details);
62
82
  var name = (0, _smartCard.getObjectName)(cardState === null || cardState === void 0 ? void 0 : cardState.details);
63
83
  var iconUrl = (0, _smartCard.getObjectIconUrl)(cardState === null || cardState === void 0 ? void 0 : cardState.details);
@@ -68,10 +88,10 @@ var OverlayWithCardContext = function OverlayWithCardContext(_ref) {
68
88
  var cardStateUrl = cardState !== null && cardState !== void 0 && (_cardState$details = cardState.details) !== null && _cardState$details !== void 0 && _cardState$details.data && 'url' in cardState.details.data ? cardState.details.data.url : undefined;
69
89
  resolvedUrl = cardStateUrl || url;
70
90
  }
71
- var isPanelAvailable = ari && (cardContext === null || cardContext === void 0 || (_cardContext$value2 = cardContext.value) === null || _cardContext$value2 === void 0 || (_cardContext$value2$i = _cardContext$value2.isPreviewPanelAvailable) === null || _cardContext$value2$i === void 0 ? void 0 : _cardContext$value2$i.call(_cardContext$value2, {
91
+ var isPanelAvailable = ari && (cardContext === null || cardContext === void 0 || (_cardContext$value3 = cardContext.value) === null || _cardContext$value3 === void 0 || (_cardContext$value3$i = _cardContext$value3.isPreviewPanelAvailable) === null || _cardContext$value3$i === void 0 ? void 0 : _cardContext$value3$i.call(_cardContext$value3, {
72
92
  ari: ari
73
93
  }));
74
- var openPreviewPanel = cardContext === null || cardContext === void 0 || (_cardContext$value3 = cardContext.value) === null || _cardContext$value3 === void 0 ? void 0 : _cardContext$value3.openPreviewPanel;
94
+ var openPreviewPanel = cardContext === null || cardContext === void 0 || (_cardContext$value4 = cardContext.value) === null || _cardContext$value4 === void 0 ? void 0 : _cardContext$value4.openPreviewPanel;
75
95
  var isPreviewPanelAvailable = Boolean(openPreviewPanel && isPanelAvailable);
76
96
  var isPreviewModalAvailable = Boolean(preview);
77
97
  var isPreviewAvailable = isPreviewModalAvailable || isPreviewPanelAvailable;
@@ -94,11 +114,17 @@ var OverlayWithCardContext = function OverlayWithCardContext(_ref) {
94
114
  name: name || '',
95
115
  iconUrl: iconUrl
96
116
  });
117
+ (0, _experiments.editorExperiment)('platform_editor_preview_panel_linking_exp', true, {
118
+ exposure: true
119
+ }) && fireHoverLabelAEP('panel');
97
120
  } else if (isPreviewModalAvailable) {
98
121
  event.preventDefault();
99
122
  if (preview) {
100
123
  preview.invoke();
101
124
  }
125
+ (0, _experiments.editorExperiment)('platform_editor_preview_panel_linking_exp', true, {
126
+ exposure: true
127
+ }) && fireHoverLabelAEP('modal');
102
128
  }
103
129
  }
104
130
  }, children);
@@ -107,6 +133,7 @@ var InlineCard = function InlineCard(props) {
107
133
  var url = props.url,
108
134
  data = props.data,
109
135
  eventHandlers = props.eventHandlers,
136
+ fireAnalyticsEvent = props.fireAnalyticsEvent,
110
137
  smartLinks = props.smartLinks,
111
138
  rendererAppearance = props.rendererAppearance;
112
139
  var portal = (0, _PortalContext.usePortal)(props);
@@ -197,7 +224,8 @@ var InlineCard = function InlineCard(props) {
197
224
  }, (0, _react2.jsx)(MaybeOverlay, {
198
225
  url: url || '',
199
226
  rendererAppearance: rendererAppearance,
200
- isResolvedViewRendered: isResolvedViewRendered
227
+ isResolvedViewRendered: isResolvedViewRendered,
228
+ fireAnalyticsEvent: fireAnalyticsEvent
201
229
  }, (0, _react2.jsx)(_ssr.CardSSR, {
202
230
  appearance: "inline",
203
231
  url: url,
@@ -222,7 +250,8 @@ var InlineCard = function InlineCard(props) {
222
250
  }, (0, _react2.jsx)(MaybeOverlay, {
223
251
  url: url || '',
224
252
  rendererAppearance: rendererAppearance,
225
- isResolvedViewRendered: isResolvedViewRendered
253
+ isResolvedViewRendered: isResolvedViewRendered,
254
+ fireAnalyticsEvent: fireAnalyticsEvent
226
255
  }, (0, _react2.jsx)(_ssr.CardSSR, {
227
256
  appearance: "inline",
228
257
  url: url,
@@ -257,7 +286,8 @@ var InlineCard = function InlineCard(props) {
257
286
  }, cardProps), (0, _react2.jsx)(MaybeOverlay, {
258
287
  url: url || '',
259
288
  rendererAppearance: rendererAppearance,
260
- isResolvedViewRendered: isResolvedViewRendered
289
+ isResolvedViewRendered: isResolvedViewRendered,
290
+ fireAnalyticsEvent: fireAnalyticsEvent
261
291
  }, (0, _react2.jsx)(_smartCard.Card, (0, _extends2.default)({
262
292
  appearance: "inline",
263
293
  showHoverPreview: !hideHoverPreview,
package/dist/cjs/ui/Renderer/index.js CHANGED
@@ -68,7 +68,7 @@ var DEGRADED_SEVERITY_THRESHOLD = exports.DEGRADED_SEVERITY_THRESHOLD = 3000;
68
68
  // we want to calculate all the table widths (which causes reflows) after the renderer has finished loading to mitigate performance impact
69
69
  var TABLE_WIDTH_INFO_TIMEOUT = 10000;
70
70
  var packageName = "@atlaskit/renderer";
71
- var packageVersion = "123.5.1";
71
+ var packageVersion = "124.0.0";
72
72
  var setAsQueryContainerStyles = (0, _react2.css)({
73
73
  containerName: 'ak-renderer-wrapper',
74
74
  containerType: 'inline-size'
package/dist/es2019/analytics/enums.js CHANGED
@@ -42,11 +42,13 @@ export let ACTION_SUBJECT = /*#__PURE__*/function (ACTION_SUBJECT) {
42
42
  ACTION_SUBJECT["LINK"] = "link";
43
43
  ACTION_SUBJECT["ANNOTATION"] = "annotation";
44
44
  ACTION_SUBJECT["MEDIA"] = "media";
45
+ ACTION_SUBJECT["SMART_LINK"] = "smartLink";
45
46
  return ACTION_SUBJECT;
46
47
  }({});
47
48
  export let ACTION_SUBJECT_ID = /*#__PURE__*/function (ACTION_SUBJECT_ID) {
48
49
  ACTION_SUBJECT_ID["HEADING_ANCHOR_LINK"] = "headingAnchorLink";
49
50
  ACTION_SUBJECT_ID["LINK"] = "link";
51
+ ACTION_SUBJECT_ID["HOVER_LABEL"] = "hoverLabel";
50
52
  ACTION_SUBJECT_ID["INLINE_COMMENT"] = "inlineComment";
51
53
  ACTION_SUBJECT_ID["CODEBLOCK_COPY"] = "codeBlockCopy";
52
54
  ACTION_SUBJECT_ID["CODEBLOCK_WRAP"] = "codeBlockWrap";
package/dist/es2019/react/nodes/inlineCard.js CHANGED
@@ -16,6 +16,7 @@ import { AnalyticsContext } from '@atlaskit/analytics-next';
16
16
  import { componentWithCondition } from '@atlaskit/platform-feature-flags-react';
17
17
  import { editorExperiment } from '@atlaskit/tmp-editor-statsig/experiments';
18
18
  import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
19
+ import { ACTION, ACTION_SUBJECT, ACTION_SUBJECT_ID, EVENT_TYPE } from '@atlaskit/editor-common/analytics';
19
20
  import { CardErrorBoundary } from './fallback';
20
21
  import { withSmartCardStorage } from '../../ui/SmartCardStorage';
21
22
  import { getCardClickHandler } from '../utils/getCardClickHandler';
@@ -29,9 +30,10 @@ const OverlayWithCardContext = ({
29
30
  rendererAppearance,
30
31
  isResolvedViewRendered,
31
32
  url,
33
+ fireAnalyticsEvent,
32
34
  children
33
35
  }) => {
34
- var _cardContext$value, _cardContext$value$st, _cardContext$value2, _cardContext$value2$i, _cardContext$value3;
36
+ var _cardContext$value2, _cardContext$value2$s, _cardContext$value3, _cardContext$value3$i, _cardContext$value4;
35
37
  const cardContext = useSmartCardContext();
36
38
  // Note: useSmartLinkActions throws without smart card context. Using it here is safe
37
39
  // because we checked cardContext availability in the parent component
@@ -40,7 +42,25 @@ const OverlayWithCardContext = ({
40
42
  appearance: 'inline'
41
43
  });
42
44
  const preview = useMemo(() => actions.find(action => action.id === 'preview-content'), [actions]);
43
- const cardState = cardContext === null || cardContext === void 0 ? void 0 : (_cardContext$value = cardContext.value) === null || _cardContext$value === void 0 ? void 0 : (_cardContext$value$st = _cardContext$value.store) === null || _cardContext$value$st === void 0 ? void 0 : _cardContext$value$st.getState()[url || ''];
45
+ const fireHoverLabelAEP = previewType => {
46
+ if (fireAnalyticsEvent) {
47
+ var _cardContext$value, _urlState$details$met, _urlState$details, _urlState$details$met2, _urlState$details$met3, _urlState$details2, _urlState$details2$me;
48
+ const store = cardContext === null || cardContext === void 0 ? void 0 : (_cardContext$value = cardContext.value) === null || _cardContext$value === void 0 ? void 0 : _cardContext$value.store;
49
+ const urlState = store === null || store === void 0 ? void 0 : store.getState()[url || ''];
50
+ fireAnalyticsEvent({
51
+ action: ACTION.CLICKED,
52
+ actionSubject: ACTION_SUBJECT.SMART_LINK,
53
+ actionSubjectId: ACTION_SUBJECT_ID.HOVER_LABEL,
54
+ eventType: EVENT_TYPE.UI,
55
+ attributes: {
56
+ previewType,
57
+ destinationProduct: (_urlState$details$met = urlState === null || urlState === void 0 ? void 0 : (_urlState$details = urlState.details) === null || _urlState$details === void 0 ? void 0 : (_urlState$details$met2 = _urlState$details.meta) === null || _urlState$details$met2 === void 0 ? void 0 : _urlState$details$met2.product) !== null && _urlState$details$met !== void 0 ? _urlState$details$met : null,
58
+ destinationSubproduct: (_urlState$details$met3 = urlState === null || urlState === void 0 ? void 0 : (_urlState$details2 = urlState.details) === null || _urlState$details2 === void 0 ? void 0 : (_urlState$details2$me = _urlState$details2.meta) === null || _urlState$details2$me === void 0 ? void 0 : _urlState$details2$me.subproduct) !== null && _urlState$details$met3 !== void 0 ? _urlState$details$met3 : null
59
+ }
60
+ });
61
+ }
62
+ };
63
+ const cardState = cardContext === null || cardContext === void 0 ? void 0 : (_cardContext$value2 = cardContext.value) === null || _cardContext$value2 === void 0 ? void 0 : (_cardContext$value2$s = _cardContext$value2.store) === null || _cardContext$value2$s === void 0 ? void 0 : _cardContext$value2$s.getState()[url || ''];
44
64
  const ari = getObjectAri(cardState === null || cardState === void 0 ? void 0 : cardState.details);
45
65
  const name = getObjectName(cardState === null || cardState === void 0 ? void 0 : cardState.details);
46
66
  const iconUrl = getObjectIconUrl(cardState === null || cardState === void 0 ? void 0 : cardState.details);
@@ -51,10 +71,10 @@ const OverlayWithCardContext = ({
51
71
  const cardStateUrl = cardState !== null && cardState !== void 0 && (_cardState$details = cardState.details) !== null && _cardState$details !== void 0 && _cardState$details.data && 'url' in cardState.details.data ? cardState.details.data.url : undefined;
52
72
  resolvedUrl = cardStateUrl || url;
53
73
  }
54
- const isPanelAvailable = ari && (cardContext === null || cardContext === void 0 ? void 0 : (_cardContext$value2 = cardContext.value) === null || _cardContext$value2 === void 0 ? void 0 : (_cardContext$value2$i = _cardContext$value2.isPreviewPanelAvailable) === null || _cardContext$value2$i === void 0 ? void 0 : _cardContext$value2$i.call(_cardContext$value2, {
74
+ const isPanelAvailable = ari && (cardContext === null || cardContext === void 0 ? void 0 : (_cardContext$value3 = cardContext.value) === null || _cardContext$value3 === void 0 ? void 0 : (_cardContext$value3$i = _cardContext$value3.isPreviewPanelAvailable) === null || _cardContext$value3$i === void 0 ? void 0 : _cardContext$value3$i.call(_cardContext$value3, {
55
75
  ari
56
76
  }));
57
- const openPreviewPanel = cardContext === null || cardContext === void 0 ? void 0 : (_cardContext$value3 = cardContext.value) === null || _cardContext$value3 === void 0 ? void 0 : _cardContext$value3.openPreviewPanel;
77
+ const openPreviewPanel = cardContext === null || cardContext === void 0 ? void 0 : (_cardContext$value4 = cardContext.value) === null || _cardContext$value4 === void 0 ? void 0 : _cardContext$value4.openPreviewPanel;
58
78
  const isPreviewPanelAvailable = Boolean(openPreviewPanel && isPanelAvailable);
59
79
  const isPreviewModalAvailable = Boolean(preview);
60
80
  const isPreviewAvailable = isPreviewModalAvailable || isPreviewPanelAvailable;
@@ -77,11 +97,17 @@ const OverlayWithCardContext = ({
77
97
  name: name || '',
78
98
  iconUrl
79
99
  });
100
+ editorExperiment('platform_editor_preview_panel_linking_exp', true, {
101
+ exposure: true
102
+ }) && fireHoverLabelAEP('panel');
80
103
  } else if (isPreviewModalAvailable) {
81
104
  event.preventDefault();
82
105
  if (preview) {
83
106
  preview.invoke();
84
107
  }
108
+ editorExperiment('platform_editor_preview_panel_linking_exp', true, {
109
+ exposure: true
110
+ }) && fireHoverLabelAEP('modal');
85
111
  }
86
112
  }
87
113
  }, children);
@@ -91,6 +117,7 @@ const InlineCard = props => {
91
117
  url,
92
118
  data,
93
119
  eventHandlers,
120
+ fireAnalyticsEvent,
94
121
  smartLinks,
95
122
  rendererAppearance
96
123
  } = props;
@@ -181,7 +208,8 @@ const InlineCard = props => {
181
208
  }, jsx(MaybeOverlay, {
182
209
  url: url || '',
183
210
  rendererAppearance: rendererAppearance,
184
- isResolvedViewRendered: isResolvedViewRendered
211
+ isResolvedViewRendered: isResolvedViewRendered,
212
+ fireAnalyticsEvent: fireAnalyticsEvent
185
213
  }, jsx(CardSSR, {
186
214
  appearance: "inline",
187
215
  url: url,
@@ -206,7 +234,8 @@ const InlineCard = props => {
206
234
  }, jsx(MaybeOverlay, {
207
235
  url: url || '',
208
236
  rendererAppearance: rendererAppearance,
209
- isResolvedViewRendered: isResolvedViewRendered
237
+ isResolvedViewRendered: isResolvedViewRendered,
238
+ fireAnalyticsEvent: fireAnalyticsEvent
210
239
  }, jsx(CardSSR, {
211
240
  appearance: "inline",
212
241
  url: url,
@@ -241,7 +270,8 @@ const InlineCard = props => {
241
270
  }, cardProps), jsx(MaybeOverlay, {
242
271
  url: url || '',
243
272
  rendererAppearance: rendererAppearance,
244
- isResolvedViewRendered: isResolvedViewRendered
273
+ isResolvedViewRendered: isResolvedViewRendered,
274
+ fireAnalyticsEvent: fireAnalyticsEvent
245
275
  }, jsx(Card, _extends({
246
276
  appearance: "inline",
247
277
  showHoverPreview: !hideHoverPreview,
package/dist/es2019/ui/Renderer/index.js CHANGED
@@ -54,7 +54,7 @@ export const DEGRADED_SEVERITY_THRESHOLD = 3000;
54
54
  // we want to calculate all the table widths (which causes reflows) after the renderer has finished loading to mitigate performance impact
55
55
  const TABLE_WIDTH_INFO_TIMEOUT = 10000;
56
56
  const packageName = "@atlaskit/renderer";
57
- const packageVersion = "123.5.1";
57
+ const packageVersion = "124.0.0";
58
58
  const setAsQueryContainerStyles = css({
59
59
  containerName: 'ak-renderer-wrapper',
60
60
  containerType: 'inline-size'
package/dist/esm/analytics/enums.js CHANGED
@@ -42,11 +42,13 @@ export var ACTION_SUBJECT = /*#__PURE__*/function (ACTION_SUBJECT) {
42
42
  ACTION_SUBJECT["LINK"] = "link";
43
43
  ACTION_SUBJECT["ANNOTATION"] = "annotation";
44
44
  ACTION_SUBJECT["MEDIA"] = "media";
45
+ ACTION_SUBJECT["SMART_LINK"] = "smartLink";
45
46
  return ACTION_SUBJECT;
46
47
  }({});
47
48
  export var ACTION_SUBJECT_ID = /*#__PURE__*/function (ACTION_SUBJECT_ID) {
48
49
  ACTION_SUBJECT_ID["HEADING_ANCHOR_LINK"] = "headingAnchorLink";
49
50
  ACTION_SUBJECT_ID["LINK"] = "link";
51
+ ACTION_SUBJECT_ID["HOVER_LABEL"] = "hoverLabel";
50
52
  ACTION_SUBJECT_ID["INLINE_COMMENT"] = "inlineComment";
51
53
  ACTION_SUBJECT_ID["CODEBLOCK_COPY"] = "codeBlockCopy";
52
54
  ACTION_SUBJECT_ID["CODEBLOCK_WRAP"] = "codeBlockWrap";
package/dist/esm/react/nodes/inlineCard.js CHANGED
@@ -17,6 +17,7 @@ import { AnalyticsContext } from '@atlaskit/analytics-next';
17
17
  import { componentWithCondition } from '@atlaskit/platform-feature-flags-react';
18
18
  import { editorExperiment } from '@atlaskit/tmp-editor-statsig/experiments';
19
19
  import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
20
+ import { ACTION, ACTION_SUBJECT, ACTION_SUBJECT_ID, EVENT_TYPE } from '@atlaskit/editor-common/analytics';
20
21
  import { CardErrorBoundary } from './fallback';
21
22
  import { withSmartCardStorage } from '../../ui/SmartCardStorage';
22
23
  import { getCardClickHandler } from '../utils/getCardClickHandler';
@@ -31,10 +32,11 @@ var HoverLinkOverlayWithCondition = componentWithCondition(function () {
31
32
  });
32
33
  }, HoverLinkOverlay, HoverLinkOverlayNoop);
33
34
  var OverlayWithCardContext = function OverlayWithCardContext(_ref) {
34
- var _cardContext$value, _cardContext$value2, _cardContext$value2$i, _cardContext$value3;
35
+ var _cardContext$value2, _cardContext$value3, _cardContext$value3$i, _cardContext$value4;
35
36
  var rendererAppearance = _ref.rendererAppearance,
36
37
  isResolvedViewRendered = _ref.isResolvedViewRendered,
37
38
  url = _ref.url,
39
+ fireAnalyticsEvent = _ref.fireAnalyticsEvent,
38
40
  children = _ref.children;
39
41
  var cardContext = useSmartCardContext();
40
42
  // Note: useSmartLinkActions throws without smart card context. Using it here is safe
@@ -48,7 +50,25 @@ var OverlayWithCardContext = function OverlayWithCardContext(_ref) {
48
50
  return action.id === 'preview-content';
49
51
  });
50
52
  }, [actions]);
51
- var cardState = cardContext === null || cardContext === void 0 || (_cardContext$value = cardContext.value) === null || _cardContext$value === void 0 || (_cardContext$value = _cardContext$value.store) === null || _cardContext$value === void 0 ? void 0 : _cardContext$value.getState()[url || ''];
53
+ var fireHoverLabelAEP = function fireHoverLabelAEP(previewType) {
54
+ if (fireAnalyticsEvent) {
55
+ var _cardContext$value, _urlState$details$met, _urlState$details, _urlState$details$met2, _urlState$details2;
56
+ var store = cardContext === null || cardContext === void 0 || (_cardContext$value = cardContext.value) === null || _cardContext$value === void 0 ? void 0 : _cardContext$value.store;
57
+ var urlState = store === null || store === void 0 ? void 0 : store.getState()[url || ''];
58
+ fireAnalyticsEvent({
59
+ action: ACTION.CLICKED,
60
+ actionSubject: ACTION_SUBJECT.SMART_LINK,
61
+ actionSubjectId: ACTION_SUBJECT_ID.HOVER_LABEL,
62
+ eventType: EVENT_TYPE.UI,
63
+ attributes: {
64
+ previewType: previewType,
65
+ destinationProduct: (_urlState$details$met = urlState === null || urlState === void 0 || (_urlState$details = urlState.details) === null || _urlState$details === void 0 || (_urlState$details = _urlState$details.meta) === null || _urlState$details === void 0 ? void 0 : _urlState$details.product) !== null && _urlState$details$met !== void 0 ? _urlState$details$met : null,
66
+ destinationSubproduct: (_urlState$details$met2 = urlState === null || urlState === void 0 || (_urlState$details2 = urlState.details) === null || _urlState$details2 === void 0 || (_urlState$details2 = _urlState$details2.meta) === null || _urlState$details2 === void 0 ? void 0 : _urlState$details2.subproduct) !== null && _urlState$details$met2 !== void 0 ? _urlState$details$met2 : null
67
+ }
68
+ });
69
+ }
70
+ };
71
+ var cardState = cardContext === null || cardContext === void 0 || (_cardContext$value2 = cardContext.value) === null || _cardContext$value2 === void 0 || (_cardContext$value2 = _cardContext$value2.store) === null || _cardContext$value2 === void 0 ? void 0 : _cardContext$value2.getState()[url || ''];
52
72
  var ari = getObjectAri(cardState === null || cardState === void 0 ? void 0 : cardState.details);
53
73
  var name = getObjectName(cardState === null || cardState === void 0 ? void 0 : cardState.details);
54
74
  var iconUrl = getObjectIconUrl(cardState === null || cardState === void 0 ? void 0 : cardState.details);
@@ -59,10 +79,10 @@ var OverlayWithCardContext = function OverlayWithCardContext(_ref) {
59
79
  var cardStateUrl = cardState !== null && cardState !== void 0 && (_cardState$details = cardState.details) !== null && _cardState$details !== void 0 && _cardState$details.data && 'url' in cardState.details.data ? cardState.details.data.url : undefined;
60
80
  resolvedUrl = cardStateUrl || url;
61
81
  }
62
- var isPanelAvailable = ari && (cardContext === null || cardContext === void 0 || (_cardContext$value2 = cardContext.value) === null || _cardContext$value2 === void 0 || (_cardContext$value2$i = _cardContext$value2.isPreviewPanelAvailable) === null || _cardContext$value2$i === void 0 ? void 0 : _cardContext$value2$i.call(_cardContext$value2, {
82
+ var isPanelAvailable = ari && (cardContext === null || cardContext === void 0 || (_cardContext$value3 = cardContext.value) === null || _cardContext$value3 === void 0 || (_cardContext$value3$i = _cardContext$value3.isPreviewPanelAvailable) === null || _cardContext$value3$i === void 0 ? void 0 : _cardContext$value3$i.call(_cardContext$value3, {
63
83
  ari: ari
64
84
  }));
65
- var openPreviewPanel = cardContext === null || cardContext === void 0 || (_cardContext$value3 = cardContext.value) === null || _cardContext$value3 === void 0 ? void 0 : _cardContext$value3.openPreviewPanel;
85
+ var openPreviewPanel = cardContext === null || cardContext === void 0 || (_cardContext$value4 = cardContext.value) === null || _cardContext$value4 === void 0 ? void 0 : _cardContext$value4.openPreviewPanel;
66
86
  var isPreviewPanelAvailable = Boolean(openPreviewPanel && isPanelAvailable);
67
87
  var isPreviewModalAvailable = Boolean(preview);
68
88
  var isPreviewAvailable = isPreviewModalAvailable || isPreviewPanelAvailable;
@@ -85,11 +105,17 @@ var OverlayWithCardContext = function OverlayWithCardContext(_ref) {
85
105
  name: name || '',
86
106
  iconUrl: iconUrl
87
107
  });
108
+ editorExperiment('platform_editor_preview_panel_linking_exp', true, {
109
+ exposure: true
110
+ }) && fireHoverLabelAEP('panel');
88
111
  } else if (isPreviewModalAvailable) {
89
112
  event.preventDefault();
90
113
  if (preview) {
91
114
  preview.invoke();
92
115
  }
116
+ editorExperiment('platform_editor_preview_panel_linking_exp', true, {
117
+ exposure: true
118
+ }) && fireHoverLabelAEP('modal');
93
119
  }
94
120
  }
95
121
  }, children);
@@ -98,6 +124,7 @@ var InlineCard = function InlineCard(props) {
98
124
  var url = props.url,
99
125
  data = props.data,
100
126
  eventHandlers = props.eventHandlers,
127
+ fireAnalyticsEvent = props.fireAnalyticsEvent,
101
128
  smartLinks = props.smartLinks,
102
129
  rendererAppearance = props.rendererAppearance;
103
130
  var portal = usePortal(props);
@@ -188,7 +215,8 @@ var InlineCard = function InlineCard(props) {
188
215
  }, jsx(MaybeOverlay, {
189
216
  url: url || '',
190
217
  rendererAppearance: rendererAppearance,
191
- isResolvedViewRendered: isResolvedViewRendered
218
+ isResolvedViewRendered: isResolvedViewRendered,
219
+ fireAnalyticsEvent: fireAnalyticsEvent
192
220
  }, jsx(CardSSR, {
193
221
  appearance: "inline",
194
222
  url: url,
@@ -213,7 +241,8 @@ var InlineCard = function InlineCard(props) {
213
241
  }, jsx(MaybeOverlay, {
214
242
  url: url || '',
215
243
  rendererAppearance: rendererAppearance,
216
- isResolvedViewRendered: isResolvedViewRendered
244
+ isResolvedViewRendered: isResolvedViewRendered,
245
+ fireAnalyticsEvent: fireAnalyticsEvent
217
246
  }, jsx(CardSSR, {
218
247
  appearance: "inline",
219
248
  url: url,
@@ -248,7 +277,8 @@ var InlineCard = function InlineCard(props) {
248
277
  }, cardProps), jsx(MaybeOverlay, {
249
278
  url: url || '',
250
279
  rendererAppearance: rendererAppearance,
251
- isResolvedViewRendered: isResolvedViewRendered
280
+ isResolvedViewRendered: isResolvedViewRendered,
281
+ fireAnalyticsEvent: fireAnalyticsEvent
252
282
  }, jsx(Card, _extends({
253
283
  appearance: "inline",
254
284
  showHoverPreview: !hideHoverPreview,
package/dist/esm/ui/Renderer/index.js CHANGED
@@ -59,7 +59,7 @@ export var DEGRADED_SEVERITY_THRESHOLD = 3000;
59
59
  // we want to calculate all the table widths (which causes reflows) after the renderer has finished loading to mitigate performance impact
60
60
  var TABLE_WIDTH_INFO_TIMEOUT = 10000;
61
61
  var packageName = "@atlaskit/renderer";
62
- var packageVersion = "123.5.1";
62
+ var packageVersion = "124.0.0";
63
63
  var setAsQueryContainerStyles = css({
64
64
  containerName: 'ak-renderer-wrapper',
65
65
  containerType: 'inline-size'
package/dist/types/analytics/enums.d.ts CHANGED
@@ -39,11 +39,13 @@ export declare enum ACTION_SUBJECT {
39
39
  MEDIA_SINGLE = "mediaSingle",
40
40
  LINK = "link",
41
41
  ANNOTATION = "annotation",
42
- MEDIA = "media"
42
+ MEDIA = "media",
43
+ SMART_LINK = "smartLink"
43
44
  }
44
45
  export declare enum ACTION_SUBJECT_ID {
45
46
  HEADING_ANCHOR_LINK = "headingAnchorLink",
46
47
  LINK = "link",
48
+ HOVER_LABEL = "hoverLabel",
47
49
  INLINE_COMMENT = "inlineComment",
48
50
  CODEBLOCK_COPY = "codeBlockCopy",
49
51
  CODEBLOCK_WRAP = "codeBlockWrap"
package/dist/types/analytics/events.d.ts CHANGED
@@ -67,6 +67,11 @@ type CodeBlockWrapAEP = ButtonAEP<ACTION_SUBJECT_ID.CODEBLOCK_WRAP, {
67
67
  wrapped: boolean;
68
68
  }>;
69
69
  type HeadingAnchorLinkButtonAEP = ButtonAEP<ACTION_SUBJECT_ID.HEADING_ANCHOR_LINK, undefined>;
70
+ type HoverLabelAEP = UIAEP<ACTION.CLICKED, ACTION_SUBJECT.SMART_LINK, ACTION_SUBJECT_ID.HOVER_LABEL, {
71
+ destinationProduct: string | null;
72
+ destinationSubproduct: string | null;
73
+ previewType: 'panel' | 'modal';
74
+ }>;
70
75
  type TableSortColumnNotAllowedAEP = AEP<ACTION.SORT_COLUMN_NOT_ALLOWED, ACTION_SUBJECT.TABLE, undefined, {
71
76
  mode: MODE.RENDERER;
72
77
  platform: PLATFORM.WEB;
@@ -118,6 +123,6 @@ declare enum RESOLVE_METHOD {
118
123
  type AnnotationAEP = AEP<AnnotationActionType, ACTION_SUBJECT.ANNOTATION, ACTION_SUBJECT_ID.INLINE_COMMENT, AnnotationAEPAttributes, undefined>;
119
124
  type MediaLnkTransformedAEP = AEP<ACTION.MEDIA_LINK_TRANSFORMED, ACTION_SUBJECT.RENDERER, undefined, undefined, EVENT_TYPE.OPERATIONAL>;
120
125
  type NestedTableTransformedAEP = OperationalAEP<ACTION.NESTED_TABLE_TRANSFORMED, ACTION_SUBJECT.RENDERER, undefined, undefined>;
121
- export type AnalyticsEventPayload<T = void> = RendererStartAEP | RendererRenderedAEP | ComponentCrashErrorAEP | RendererUnsupportedContentLevelsTrackingSucceeded | RendererUnsupportedContentLevelsTrackingErrored | RendererSelectAllCaughtAEP | RendererSelectAllEscapedAEP | CodeBlockCopyAEP | CodeBlockWrapAEP | HeadingAnchorLinkButtonAEP | AnchorLinkAEP | TableSortColumnNotAllowedAEP | TableSortColumnAEP | TableWidthInfoAEP | VisitLinkAEP | VisitMediaLinkAEP | ExpandAEP | UnsupportedContentPayload | UnsupportedContentTooltipPayload | AnnotationAEP | AnnotationDeleteAEP | MediaLnkTransformedAEP | InvalidProsemirrorDocumentErrorAEP | NestedTableTransformedAEP;
126
+ export type AnalyticsEventPayload<T = void> = RendererStartAEP | RendererRenderedAEP | ComponentCrashErrorAEP | RendererUnsupportedContentLevelsTrackingSucceeded | RendererUnsupportedContentLevelsTrackingErrored | RendererSelectAllCaughtAEP | RendererSelectAllEscapedAEP | CodeBlockCopyAEP | CodeBlockWrapAEP | HeadingAnchorLinkButtonAEP | HoverLabelAEP | AnchorLinkAEP | TableSortColumnNotAllowedAEP | TableSortColumnAEP | TableWidthInfoAEP | VisitLinkAEP | VisitMediaLinkAEP | ExpandAEP | UnsupportedContentPayload | UnsupportedContentTooltipPayload | AnnotationAEP | AnnotationDeleteAEP | MediaLnkTransformedAEP | InvalidProsemirrorDocumentErrorAEP | NestedTableTransformedAEP;
122
127
  export type FireAnalyticsCallback = <T = void>(payload: AnalyticsEventPayload<T>) => void | undefined;
123
128
  export {};
package/dist/types/react/nodes/inlineCard.d.ts CHANGED
@@ -4,9 +4,11 @@ import type { WithSmartCardStorageProps } from '../../ui/SmartCardStorage';
4
4
  import type { SmartLinksOptions } from '../../types/smartLinksOptions';
5
5
  import { type MarkDataAttributes } from '../../ui/annotations/element/useInlineAnnotationProps';
6
6
  import type { RendererAppearance } from '../../ui/Renderer/types';
7
+ import type { AnalyticsEventPayload } from '../../analytics/events';
7
8
  export interface InlineCardProps extends MarkDataAttributes {
8
9
  data?: object;
9
10
  eventHandlers?: EventHandlers;
11
+ fireAnalyticsEvent?: (event: AnalyticsEventPayload) => void;
10
12
  marks?: Mark[];
11
13
  portal?: HTMLElement;
12
14
  rendererAppearance?: RendererAppearance;
package/dist/types-ts4.5/analytics/enums.d.ts CHANGED
@@ -39,11 +39,13 @@ export declare enum ACTION_SUBJECT {
39
39
  MEDIA_SINGLE = "mediaSingle",
40
40
  LINK = "link",
41
41
  ANNOTATION = "annotation",
42
- MEDIA = "media"
42
+ MEDIA = "media",
43
+ SMART_LINK = "smartLink"
43
44
  }
44
45
  export declare enum ACTION_SUBJECT_ID {
45
46
  HEADING_ANCHOR_LINK = "headingAnchorLink",
46
47
  LINK = "link",
48
+ HOVER_LABEL = "hoverLabel",
47
49
  INLINE_COMMENT = "inlineComment",
48
50
  CODEBLOCK_COPY = "codeBlockCopy",
49
51
  CODEBLOCK_WRAP = "codeBlockWrap"
package/dist/types-ts4.5/analytics/events.d.ts CHANGED
@@ -67,6 +67,11 @@ type CodeBlockWrapAEP = ButtonAEP<ACTION_SUBJECT_ID.CODEBLOCK_WRAP, {
67
67
  wrapped: boolean;
68
68
  }>;
69
69
  type HeadingAnchorLinkButtonAEP = ButtonAEP<ACTION_SUBJECT_ID.HEADING_ANCHOR_LINK, undefined>;
70
+ type HoverLabelAEP = UIAEP<ACTION.CLICKED, ACTION_SUBJECT.SMART_LINK, ACTION_SUBJECT_ID.HOVER_LABEL, {
71
+ destinationProduct: string | null;
72
+ destinationSubproduct: string | null;
73
+ previewType: 'panel' | 'modal';
74
+ }>;
70
75
  type TableSortColumnNotAllowedAEP = AEP<ACTION.SORT_COLUMN_NOT_ALLOWED, ACTION_SUBJECT.TABLE, undefined, {
71
76
  mode: MODE.RENDERER;
72
77
  platform: PLATFORM.WEB;
@@ -118,6 +123,6 @@ declare enum RESOLVE_METHOD {
118
123
  type AnnotationAEP = AEP<AnnotationActionType, ACTION_SUBJECT.ANNOTATION, ACTION_SUBJECT_ID.INLINE_COMMENT, AnnotationAEPAttributes, undefined>;
119
124
  type MediaLnkTransformedAEP = AEP<ACTION.MEDIA_LINK_TRANSFORMED, ACTION_SUBJECT.RENDERER, undefined, undefined, EVENT_TYPE.OPERATIONAL>;
120
125
  type NestedTableTransformedAEP = OperationalAEP<ACTION.NESTED_TABLE_TRANSFORMED, ACTION_SUBJECT.RENDERER, undefined, undefined>;
121
- export type AnalyticsEventPayload<T = void> = RendererStartAEP | RendererRenderedAEP | ComponentCrashErrorAEP | RendererUnsupportedContentLevelsTrackingSucceeded | RendererUnsupportedContentLevelsTrackingErrored | RendererSelectAllCaughtAEP | RendererSelectAllEscapedAEP | CodeBlockCopyAEP | CodeBlockWrapAEP | HeadingAnchorLinkButtonAEP | AnchorLinkAEP | TableSortColumnNotAllowedAEP | TableSortColumnAEP | TableWidthInfoAEP | VisitLinkAEP | VisitMediaLinkAEP | ExpandAEP | UnsupportedContentPayload | UnsupportedContentTooltipPayload | AnnotationAEP | AnnotationDeleteAEP | MediaLnkTransformedAEP | InvalidProsemirrorDocumentErrorAEP | NestedTableTransformedAEP;
126
+ export type AnalyticsEventPayload<T = void> = RendererStartAEP | RendererRenderedAEP | ComponentCrashErrorAEP | RendererUnsupportedContentLevelsTrackingSucceeded | RendererUnsupportedContentLevelsTrackingErrored | RendererSelectAllCaughtAEP | RendererSelectAllEscapedAEP | CodeBlockCopyAEP | CodeBlockWrapAEP | HeadingAnchorLinkButtonAEP | HoverLabelAEP | AnchorLinkAEP | TableSortColumnNotAllowedAEP | TableSortColumnAEP | TableWidthInfoAEP | VisitLinkAEP | VisitMediaLinkAEP | ExpandAEP | UnsupportedContentPayload | UnsupportedContentTooltipPayload | AnnotationAEP | AnnotationDeleteAEP | MediaLnkTransformedAEP | InvalidProsemirrorDocumentErrorAEP | NestedTableTransformedAEP;
122
127
  export type FireAnalyticsCallback = <T = void>(payload: AnalyticsEventPayload<T>) => void | undefined;
123
128
  export {};
package/dist/types-ts4.5/react/nodes/inlineCard.d.ts CHANGED
@@ -4,9 +4,11 @@ import type { WithSmartCardStorageProps } from '../../ui/SmartCardStorage';
4
4
  import type { SmartLinksOptions } from '../../types/smartLinksOptions';
5
5
  import { type MarkDataAttributes } from '../../ui/annotations/element/useInlineAnnotationProps';
6
6
  import type { RendererAppearance } from '../../ui/Renderer/types';
7
+ import type { AnalyticsEventPayload } from '../../analytics/events';
7
8
  export interface InlineCardProps extends MarkDataAttributes {
8
9
  data?: object;
9
10
  eventHandlers?: EventHandlers;
11
+ fireAnalyticsEvent?: (event: AnalyticsEventPayload) => void;
10
12
  marks?: Mark[];
11
13
  portal?: HTMLElement;
12
14
  rendererAppearance?: RendererAppearance;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@atlaskit/renderer",
3
- "version": "124.0.0",
3
+ "version": "124.0.1",
4
4
  "description": "Renderer component",
5
5
  "publishConfig": {
6
6
  "registry": "https://registry.npmjs.org/"
@@ -51,12 +51,12 @@
51
51
  "@atlaskit/media-viewer": "^52.4.0",
52
52
  "@atlaskit/platform-feature-flags": "^1.1.0",
53
53
  "@atlaskit/platform-feature-flags-react": "^0.3.0",
54
- "@atlaskit/react-ufo": "^4.10.0",
55
- "@atlaskit/smart-card": "^42.2.0",
54
+ "@atlaskit/react-ufo": "^4.11.0",
55
+ "@atlaskit/smart-card": "^42.3.0",
56
56
  "@atlaskit/status": "^3.0.0",
57
57
  "@atlaskit/task-decision": "^19.2.0",
58
58
  "@atlaskit/theme": "^21.0.0",
59
- "@atlaskit/tmp-editor-statsig": "^12.31.0",
59
+ "@atlaskit/tmp-editor-statsig": "^12.32.0",
60
60
  "@atlaskit/tokens": "^6.3.0",
61
61
  "@atlaskit/tooltip": "^20.4.0",
62
62
  "@atlaskit/visually-hidden": "^3.0.0",
@@ -70,7 +70,7 @@
70
70
  "uuid": "^3.1.0"
71
71
  },
72
72
  "peerDependencies": {
73
- "@atlaskit/editor-common": "^110.0.0",
73
+ "@atlaskit/editor-common": "^110.2.0",
74
74
  "@atlaskit/link-provider": "^4.0.0",
75
75
  "@atlaskit/media-core": "^37.0.0",
76
76
  "react": "^18.2.0",