@atlaskit/editor-plugin-card 0.14.6 → 0.14.8

package/CHANGELOG.md

@@ -1,5 +1,17 @@
 # @atlaskit/editor-plugin-card
 
+## 0.14.8
+
+### Patch Changes
+
+- [#58076](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/58076) [`e22c68b4b316`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/e22c68b4b316) - Fix an overlay causing wrapped inline card to jump
+
+## 0.14.7
+
+### Patch Changes
+
+- [#56898](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/56898) [`32d7fcd969d5`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/32d7fcd969d5) - Analytics even 'pulse viewed' is added to inline card with awareness (behind a FF)
+
 ## 0.14.6
 
 ### Patch Changes

package/dist/cjs/common/hooks/useLinkUpgradeDiscoverability.js

@@ -9,7 +9,7 @@ var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/sli
 var _react = require("react");
 var _localStorage = require("../local-storage");
 var useLinkUpgradeDiscoverability = function useLinkUpgradeDiscoverability(_ref) {
-  var _cardContext$store, _pluginInjectionApi$c2, _pluginInjectionApi$c3;
+  var _cardContext$store, _pluginInjectionApi$c;
   var url = _ref.url,
     linkPosition = _ref.linkPosition,
     cardContext = _ref.cardContext,
@@ -20,6 +20,9 @@ var useLinkUpgradeDiscoverability = function useLinkUpgradeDiscoverability(_ref)
     _useState2 = (0, _slicedToArray2.default)(_useState, 2),
     urlState = _useState2[0],
     setUrlState = _useState2[1];
+  var _ref2 = (pluginInjectionApi === null || pluginInjectionApi === void 0 || (_pluginInjectionApi$c = pluginInjectionApi.card) === null || _pluginInjectionApi$c === void 0 || (_pluginInjectionApi$c = _pluginInjectionApi$c.sharedState) === null || _pluginInjectionApi$c === void 0 ? void 0 : _pluginInjectionApi$c.currentState()) || {},
+    overlayCandidatePosition = _ref2.overlayCandidatePosition,
+    inlineCardAwarenessCandidatePosition = _ref2.inlineCardAwarenessCandidatePosition;
   (0, _react.useEffect)(function () {
     var _cardContext$store2;
     var unsubscribe = cardContext === null || cardContext === void 0 || (_cardContext$store2 = cardContext.store) === null || _cardContext$store2 === void 0 ? void 0 : _cardContext$store2.subscribe(function () {
@@ -38,13 +41,10 @@ var useLinkUpgradeDiscoverability = function useLinkUpgradeDiscoverability(_ref)
     return isResolved && !!(cardContext !== null && cardContext !== void 0 && (_cardContext$extracto = cardContext.extractors) !== null && _cardContext$extracto !== void 0 && _cardContext$extracto.getPreview(url, 'web'));
   }, [cardContext === null || cardContext === void 0 ? void 0 : cardContext.extractors, url, urlState === null || urlState === void 0 ? void 0 : urlState.status]);
   var shouldShowLinkPulse = (0, _react.useMemo)(function () {
-    var _pluginInjectionApi$c;
-    var awarenessCandidatePosition = pluginInjectionApi === null || pluginInjectionApi === void 0 || (_pluginInjectionApi$c = pluginInjectionApi.card) === null || _pluginInjectionApi$c === void 0 || (_pluginInjectionApi$c = _pluginInjectionApi$c.sharedState) === null || _pluginInjectionApi$c === void 0 || (_pluginInjectionApi$c = _pluginInjectionApi$c.currentState()) === null || _pluginInjectionApi$c === void 0 ? void 0 : _pluginInjectionApi$c.inlineCardAwarenessCandidatePosition;
-    return isPulseEnabled && linkPosition === awarenessCandidatePosition && canBeUpgradedToEmbed;
-  }, [canBeUpgradedToEmbed, isPulseEnabled, linkPosition, pluginInjectionApi === null || pluginInjectionApi === void 0 || (_pluginInjectionApi$c2 = pluginInjectionApi.card) === null || _pluginInjectionApi$c2 === void 0 ? void 0 : _pluginInjectionApi$c2.sharedState]);
+    return isPulseEnabled && linkPosition === inlineCardAwarenessCandidatePosition && canBeUpgradedToEmbed;
+  }, [canBeUpgradedToEmbed, isPulseEnabled, linkPosition, inlineCardAwarenessCandidatePosition]);
   var shouldShowLinkOverlay = (urlState === null || urlState === void 0 ? void 0 : urlState.status) === 'resolved' && isOverlayEnabled;
-  var overlayCandidatePos = pluginInjectionApi === null || pluginInjectionApi === void 0 || (_pluginInjectionApi$c3 = pluginInjectionApi.card) === null || _pluginInjectionApi$c3 === void 0 || (_pluginInjectionApi$c3 = _pluginInjectionApi$c3.sharedState) === null || _pluginInjectionApi$c3 === void 0 || (_pluginInjectionApi$c3 = _pluginInjectionApi$c3.currentState()) === null || _pluginInjectionApi$c3 === void 0 ? void 0 : _pluginInjectionApi$c3.overlayCandidatePosition;
-  var isLinkMostRecentlyInserted = overlayCandidatePos === linkPosition;
+  var isLinkMostRecentlyInserted = overlayCandidatePosition === linkPosition;
   var shouldShowToolbarPulse = (0, _react.useMemo)(function () {
     return isPulseEnabled && !(0, _localStorage.isLocalStorageKeyDiscovered)(_localStorage.LOCAL_STORAGE_DISCOVERY_KEY_TOOLBAR) && canBeUpgradedToEmbed;
   }, [canBeUpgradedToEmbed, isPulseEnabled]);

package/dist/cjs/common/pulse/index.js

@@ -6,6 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.DiscoveryPulse = void 0;
 var _react = _interopRequireWildcard(require("react"));
+var _analyticsNext = require("@atlaskit/analytics-next");
 var _linkingCommon = require("@atlaskit/linking-common");
 var _localStorage = require("../local-storage");
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
@@ -18,6 +19,20 @@ var DiscoveryPulse = exports.DiscoveryPulse = function DiscoveryPulse(_ref) {
     _ref$discoveryMode = _ref.discoveryMode,
     discoveryMode = _ref$discoveryMode === void 0 ? 'iteration' : _ref$discoveryMode;
   var discovered = isDiscovered || (0, _localStorage.isLocalStorageKeyDiscovered)(localStorageKey);
+  var _useAnalyticsEvents = (0, _analyticsNext.useAnalyticsEvents)(),
+    createAnalyticsEvent = _useAnalyticsEvents.createAnalyticsEvent;
+  (0, _react.useEffect)(function () {
+    if (!discovered) {
+      createAnalyticsEvent({
+        action: 'viewed',
+        actionSubject: 'pulse',
+        eventType: 'ui',
+        attributes: {
+          pulseIdentifier: localStorageKey
+        }
+      }).fire('media');
+    }
+  }, [createAnalyticsEvent, discovered, localStorageKey]);
   var onDiscovery = (0, _react.useCallback)(function () {
     if (!discovered) {
       (0, _localStorage.markLocalStorageKeyDiscovered)(localStorageKey, localStorageKeyExpirationInMs);

package/dist/cjs/nodeviews/inlineCardWithAwareness.js

@@ -9,6 +9,7 @@ var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/sli
 var _react = require("react");
 var _react2 = require("@emotion/react");
 var _rafSchd = _interopRequireDefault(require("raf-schd"));
+var _analyticsNext = require("@atlaskit/analytics-next");
 var _ui = require("@atlaskit/editor-common/ui");
 var _smartCard = require("@atlaskit/smart-card");
 var _useLinkUpgradeDiscoverability = _interopRequireDefault(require("../common/hooks/useLinkUpgradeDiscoverability"));
@@ -16,6 +17,7 @@ var _localStorage = require("../common/local-storage");
 var _pulse = require("../common/pulse");
 var _actions = require("../pm-plugins/actions");
 var _InlineCardOverlay = _interopRequireDefault(require("../ui/InlineCardOverlay"));
+var _utils = require("../utils");
 /** @jsx jsx */
 
 // editor adds a standard line-height that is bigger than an inline smart link
@@ -27,6 +29,7 @@ var loaderWrapperStyles = (0, _react2.css)({
   }
 });
 var InlineCard = function InlineCard(_ref) {
+  var _cardContext$value2;
   var node = _ref.node,
     cardContext = _ref.cardContext,
     showServerActions = _ref.showServerActions,
@@ -148,15 +151,20 @@ var InlineCard = function InlineCard(_ref) {
     }, innerCard) : innerCard;
   }, [innerCard, isHovered, isSelected, isInserted, shouldShowLinkOverlay, url]);
   var card = (0, _react.useMemo)(function () {
+    var _cardContext$value;
     return (0, _react2.jsx)("span", {
       css: shouldShowLinkPulse && loaderWrapperStyles,
       className: "card"
-    }, shouldShowLinkPulse ? (0, _react2.jsx)(_pulse.DiscoveryPulse, {
+    }, shouldShowLinkPulse ? (0, _react2.jsx)(_analyticsNext.AnalyticsContext, {
+      data: {
+        attributes: (0, _utils.getResolvedAttributesFromStore)(url, 'inline', cardContext === null || cardContext === void 0 || (_cardContext$value = cardContext.value) === null || _cardContext$value === void 0 ? void 0 : _cardContext$value.store)
+      }
+    }, (0, _react2.jsx)(_pulse.DiscoveryPulse, {
       localStorageKey: _localStorage.LOCAL_STORAGE_DISCOVERY_KEY_SMART_LINK,
       localStorageKeyExpirationInMs: _localStorage.ONE_DAY_IN_MILLISECONDS,
       discoveryMode: "start"
-    }, cardWithOverlay) : cardWithOverlay);
-  }, [shouldShowLinkPulse, cardWithOverlay]);
+    }, cardWithOverlay)) : cardWithOverlay);
+  }, [shouldShowLinkPulse, cardWithOverlay, url, cardContext === null || cardContext === void 0 || (_cardContext$value2 = cardContext.value) === null || _cardContext$value2 === void 0 ? void 0 : _cardContext$value2.store]);
   // END: Awareness
 
   // [WS-2307]: we only render card wrapped into a Provider when the value is ready,

package/dist/cjs/ui/InlineCardOverlay/index.js

@@ -107,7 +107,8 @@ var markerStyles = (0, _react2.css)({
   height: "var(--ds-space-0, 0)",
   width: "var(--ds-space-0, 0)",
   margin: "var(--ds-space-0, 0)",
-  padding: "var(--ds-space-0, 0)"
+  padding: "var(--ds-space-0, 0)",
+  whiteSpace: 'nowrap'
 });
 var InlineCardOverlay = function InlineCardOverlay(_ref) {
   var children = _ref.children,
@@ -243,7 +244,7 @@ var InlineCardOverlay = function InlineCardOverlay(_ref) {
     "aria-hidden": "true",
     className: OVERLAY_MARKER_CLASSNAME,
     css: markerStyles
-  }), (0, _react2.jsx)("a", {
+  }, _utils.ZERO_WIDTH_JOINER), (0, _react2.jsx)("a", {
     className: OVERLAY_CLASSNAME,
     css: [overlayStyles, _utils.browser.safari && safariOverlayStyles],
     style: {

package/dist/cjs/ui/LinkToolbarAppearance.js

@@ -15,6 +15,7 @@ var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/ge
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _react = _interopRequireDefault(require("react"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
+var _analyticsNext = require("@atlaskit/analytics-next");
 var _analytics = require("@atlaskit/editor-common/analytics");
 var _card = require("@atlaskit/editor-common/card");
 var _messages = _interopRequireWildcard(require("@atlaskit/editor-common/messages"));
@@ -23,6 +24,7 @@ var _model = require("@atlaskit/editor-prosemirror/model");
 var _localStorage = require("../common/local-storage");
 var _pulse = require("../common/pulse");
 var _toolbar = require("../toolbar");
+var _utils2 = require("../utils");
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
 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; }
@@ -127,9 +129,14 @@ var LinkToolbarAppearance = exports.LinkToolbarAppearance = /*#__PURE__*/functio
       var status = url ? cardContext === null || cardContext === void 0 || (_cardContext$store2 = cardContext.store) === null || _cardContext$store2 === void 0 || (_cardContext$store2 = _cardContext$store2.getState()[url]) === null || _cardContext$store2 === void 0 ? void 0 : _cardContext$store2.status : '';
       var embedEnabled = embedOption ? !embedOption.disabled : false;
       if ((0, _toolbar.shouldRenderToolbarPulse)(embedEnabled, currentAppearance !== null && currentAppearance !== void 0 ? currentAppearance : '', status !== null && status !== void 0 ? status : '', showUpgradeDiscoverability)) {
-        return /*#__PURE__*/_react.default.createElement(_pulse.DiscoveryPulse, {
+        var resolvedAnalyticsAttributes = (0, _utils2.getResolvedAttributesFromStore)(url || '', currentAppearance || null, cardContext === null || cardContext === void 0 ? void 0 : cardContext.store);
+        return /*#__PURE__*/_react.default.createElement(_analyticsNext.AnalyticsContext, {
+          data: {
+            attributes: _objectSpread({}, resolvedAnalyticsAttributes)
+          }
+        }, /*#__PURE__*/_react.default.createElement(_pulse.DiscoveryPulse, {
           localStorageKey: _localStorage.LOCAL_STORAGE_DISCOVERY_KEY_TOOLBAR
-        }, LinkToolbarButtons);
+        }, LinkToolbarButtons));
       }
       return LinkToolbarButtons;
     });

package/dist/cjs/ui/ToolbarViewedEvent.js

@@ -9,25 +9,13 @@ exports.ToolbarViewedEvent = void 0;
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _react = _interopRequireWildcard(require("react"));
 var _analyticsNext = require("@atlaskit/analytics-next");
-var _resolvedAttributes = require("@atlaskit/link-analytics/resolved-attributes");
+var _utils = require("../utils");
 var _CardContextProvider = require("./CardContextProvider");
 var _EditorAnalyticsContext = require("./EditorAnalyticsContext");
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
 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 getResolvedAttributesFromStore = function getResolvedAttributesFromStore(url, display, store) {
-  if (!store) {
-    return {};
-  }
-  var urlState = store.getState()[url];
-  var displayCategory = display === 'url' ? 'link' : undefined;
-  return (0, _resolvedAttributes.getResolvedAttributes)({
-    url: url,
-    displayCategory: displayCategory
-  }, urlState === null || urlState === void 0 ? void 0 : urlState.details);
-};
-
 /**
  * Handles firing the toolbar viewed event
  */
@@ -44,7 +32,7 @@ var ToolbarViewedEventBase = function ToolbarViewedEventBase(_ref) {
       actionSubject: 'inlineDialog',
       actionSubjectId: 'editLinkToolbar',
       eventType: 'ui',
-      attributes: _objectSpread(_objectSpread({}, getResolvedAttributesFromStore(url, display, store)), {}, {
+      attributes: _objectSpread(_objectSpread({}, (0, _utils.getResolvedAttributesFromStore)(url, display, store)), {}, {
         display: display
       })
     }).fire('media');

package/dist/cjs/utils.js

@@ -3,9 +3,10 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.titleUrlPairFromNode = exports.selectedCardAppearance = exports.mergeCardInfo = exports.isEmbedSupportedAtPosition = exports.isBlockSupportedAtPosition = exports.findCardInfo = exports.displayInfoForCard = exports.appearanceForNodeType = void 0;
+exports.titleUrlPairFromNode = exports.selectedCardAppearance = exports.mergeCardInfo = exports.isEmbedSupportedAtPosition = exports.isBlockSupportedAtPosition = exports.getResolvedAttributesFromStore = exports.findCardInfo = exports.displayInfoForCard = exports.appearanceForNodeType = void 0;
 var _model = require("@atlaskit/editor-prosemirror/model");
 var _state = require("@atlaskit/editor-prosemirror/state");
+var _resolvedAttributes = require("@atlaskit/link-analytics/resolved-attributes");
 var _pluginKey = require("./pm-plugins/plugin-key");
 var appearanceForNodeType = exports.appearanceForNodeType = function appearanceForNodeType(spec) {
   if (spec.name === 'inlineCard') {
@@ -63,4 +64,15 @@ var isEmbedSupportedAtPosition = exports.isEmbedSupportedAtPosition = function i
 };
 var isBlockSupportedAtPosition = exports.isBlockSupportedAtPosition = function isBlockSupportedAtPosition(currentNodePosition, editorState, currentAppearance) {
   return isAppearanceSupportedInParent(currentNodePosition, editorState, _model.Fragment.from(editorState.schema.nodes.blockCard.createChecked({})), currentAppearance);
+};
+var getResolvedAttributesFromStore = exports.getResolvedAttributesFromStore = function getResolvedAttributesFromStore(url, display, store) {
+  if (!store) {
+    return {};
+  }
+  var urlState = store === null || store === void 0 ? void 0 : store.getState()[url];
+  var displayCategory = display === 'url' ? 'link' : undefined;
+  return (0, _resolvedAttributes.getResolvedAttributes)({
+    url: url,
+    displayCategory: displayCategory
+  }, urlState === null || urlState === void 0 ? void 0 : urlState.details);
 };

package/dist/es2019/common/hooks/useLinkUpgradeDiscoverability.js

@@ -8,8 +8,12 @@ const useLinkUpgradeDiscoverability = ({
   isPulseEnabled,
   isOverlayEnabled
 }) => {
-  var _cardContext$store, _pluginInjectionApi$c4, _pluginInjectionApi$c5, _pluginInjectionApi$c6, _pluginInjectionApi$c7;
+  var _cardContext$store, _pluginInjectionApi$c, _pluginInjectionApi$c2;
   const [urlState, setUrlState] = useState(cardContext === null || cardContext === void 0 ? void 0 : (_cardContext$store = cardContext.store) === null || _cardContext$store === void 0 ? void 0 : _cardContext$store.getState()[url]);
+  const {
+    overlayCandidatePosition,
+    inlineCardAwarenessCandidatePosition
+  } = (pluginInjectionApi === null || pluginInjectionApi === void 0 ? void 0 : (_pluginInjectionApi$c = pluginInjectionApi.card) === null || _pluginInjectionApi$c === void 0 ? void 0 : (_pluginInjectionApi$c2 = _pluginInjectionApi$c.sharedState) === null || _pluginInjectionApi$c2 === void 0 ? void 0 : _pluginInjectionApi$c2.currentState()) || {};
   useEffect(() => {
     var _cardContext$store2;
     const unsubscribe = cardContext === null || cardContext === void 0 ? void 0 : (_cardContext$store2 = cardContext.store) === null || _cardContext$store2 === void 0 ? void 0 : _cardContext$store2.subscribe(() => {
@@ -28,13 +32,10 @@ const useLinkUpgradeDiscoverability = ({
     return isResolved && !!(cardContext !== null && cardContext !== void 0 && (_cardContext$extracto = cardContext.extractors) !== null && _cardContext$extracto !== void 0 && _cardContext$extracto.getPreview(url, 'web'));
   }, [cardContext === null || cardContext === void 0 ? void 0 : cardContext.extractors, url, urlState === null || urlState === void 0 ? void 0 : urlState.status]);
   const shouldShowLinkPulse = useMemo(() => {
-    var _pluginInjectionApi$c, _pluginInjectionApi$c2, _pluginInjectionApi$c3;
-    const awarenessCandidatePosition = pluginInjectionApi === null || pluginInjectionApi === void 0 ? void 0 : (_pluginInjectionApi$c = pluginInjectionApi.card) === null || _pluginInjectionApi$c === void 0 ? void 0 : (_pluginInjectionApi$c2 = _pluginInjectionApi$c.sharedState) === null || _pluginInjectionApi$c2 === void 0 ? void 0 : (_pluginInjectionApi$c3 = _pluginInjectionApi$c2.currentState()) === null || _pluginInjectionApi$c3 === void 0 ? void 0 : _pluginInjectionApi$c3.inlineCardAwarenessCandidatePosition;
-    return isPulseEnabled && linkPosition === awarenessCandidatePosition && canBeUpgradedToEmbed;
-  }, [canBeUpgradedToEmbed, isPulseEnabled, linkPosition, pluginInjectionApi === null || pluginInjectionApi === void 0 ? void 0 : (_pluginInjectionApi$c4 = pluginInjectionApi.card) === null || _pluginInjectionApi$c4 === void 0 ? void 0 : _pluginInjectionApi$c4.sharedState]);
+    return isPulseEnabled && linkPosition === inlineCardAwarenessCandidatePosition && canBeUpgradedToEmbed;
+  }, [canBeUpgradedToEmbed, isPulseEnabled, linkPosition, inlineCardAwarenessCandidatePosition]);
   const shouldShowLinkOverlay = (urlState === null || urlState === void 0 ? void 0 : urlState.status) === 'resolved' && isOverlayEnabled;
-  const overlayCandidatePos = pluginInjectionApi === null || pluginInjectionApi === void 0 ? void 0 : (_pluginInjectionApi$c5 = pluginInjectionApi.card) === null || _pluginInjectionApi$c5 === void 0 ? void 0 : (_pluginInjectionApi$c6 = _pluginInjectionApi$c5.sharedState) === null || _pluginInjectionApi$c6 === void 0 ? void 0 : (_pluginInjectionApi$c7 = _pluginInjectionApi$c6.currentState()) === null || _pluginInjectionApi$c7 === void 0 ? void 0 : _pluginInjectionApi$c7.overlayCandidatePosition;
-  const isLinkMostRecentlyInserted = overlayCandidatePos === linkPosition;
+  const isLinkMostRecentlyInserted = overlayCandidatePosition === linkPosition;
   const shouldShowToolbarPulse = useMemo(() => isPulseEnabled && !isLocalStorageKeyDiscovered(LOCAL_STORAGE_DISCOVERY_KEY_TOOLBAR) && canBeUpgradedToEmbed, [canBeUpgradedToEmbed, isPulseEnabled]);
   return {
     shouldShowToolbarPulse,

package/dist/es2019/common/pulse/index.js

@@ -1,4 +1,5 @@
-import React, { useCallback } from 'react';
+import React, { useCallback, useEffect } from 'react';
+import { useAnalyticsEvents } from '@atlaskit/analytics-next';
 import { Pulse } from '@atlaskit/linking-common';
 import { isLocalStorageKeyDiscovered, markLocalStorageKeyDiscovered } from '../local-storage';
 export const DiscoveryPulse = ({
@@ -9,6 +10,21 @@ export const DiscoveryPulse = ({
   discoveryMode = 'iteration'
 }) => {
   const discovered = isDiscovered || isLocalStorageKeyDiscovered(localStorageKey);
+  const {
+    createAnalyticsEvent
+  } = useAnalyticsEvents();
+  useEffect(() => {
+    if (!discovered) {
+      createAnalyticsEvent({
+        action: 'viewed',
+        actionSubject: 'pulse',
+        eventType: 'ui',
+        attributes: {
+          pulseIdentifier: localStorageKey
+        }
+      }).fire('media');
+    }
+  }, [createAnalyticsEvent, discovered, localStorageKey]);
   const onDiscovery = useCallback(() => {
     if (!discovered) {
       markLocalStorageKeyDiscovered(localStorageKey, localStorageKeyExpirationInMs);

package/dist/es2019/nodeviews/inlineCardWithAwareness.js

@@ -2,6 +2,7 @@
 import { memo, useCallback, useMemo, useState } from 'react';
 import { css, jsx } from '@emotion/react';
 import rafSchedule from 'raf-schd';
+import { AnalyticsContext } from '@atlaskit/analytics-next';
 import { findOverflowScrollParent } from '@atlaskit/editor-common/ui';
 import { Card as SmartCard } from '@atlaskit/smart-card';
 import useLinkUpgradeDiscoverability from '../common/hooks/useLinkUpgradeDiscoverability';
@@ -9,6 +10,7 @@ import { isLocalStorageKeyDiscovered, LOCAL_STORAGE_DISCOVERY_KEY_SMART_LINK, LO
 import { DiscoveryPulse } from '../common/pulse';
 import { registerCard, registerRemoveOverlay } from '../pm-plugins/actions';
 import InlineCardOverlay from '../ui/InlineCardOverlay';
+import { getResolvedAttributesFromStore } from '../utils';
 // editor adds a standard line-height that is bigger than an inline smart link
 // due to that the link has a bit of white space around it, which doesn't look right when there is pulse around it
 const loaderWrapperStyles = css({
@@ -29,6 +31,7 @@ const InlineCard = ({
   pluginInjectionApi,
   isSelected = false
 }) => {
+  var _cardContext$value2;
   const {
     url,
     data
@@ -126,14 +129,21 @@ const InlineCard = ({
     onMouseLeave: () => setIsHovered(false),
     url: url
   }, innerCard) : innerCard, [innerCard, isHovered, isSelected, isInserted, shouldShowLinkOverlay, url]);
-  const card = useMemo(() => jsx("span", {
-    css: shouldShowLinkPulse && loaderWrapperStyles,
-    className: "card"
-  }, shouldShowLinkPulse ? jsx(DiscoveryPulse, {
-    localStorageKey: LOCAL_STORAGE_DISCOVERY_KEY_SMART_LINK,
-    localStorageKeyExpirationInMs: ONE_DAY_IN_MILLISECONDS,
-    discoveryMode: "start"
-  }, cardWithOverlay) : cardWithOverlay), [shouldShowLinkPulse, cardWithOverlay]);
+  const card = useMemo(() => {
+    var _cardContext$value;
+    return jsx("span", {
+      css: shouldShowLinkPulse && loaderWrapperStyles,
+      className: "card"
+    }, shouldShowLinkPulse ? jsx(AnalyticsContext, {
+      data: {
+        attributes: getResolvedAttributesFromStore(url, 'inline', cardContext === null || cardContext === void 0 ? void 0 : (_cardContext$value = cardContext.value) === null || _cardContext$value === void 0 ? void 0 : _cardContext$value.store)
+      }
+    }, jsx(DiscoveryPulse, {
+      localStorageKey: LOCAL_STORAGE_DISCOVERY_KEY_SMART_LINK,
+      localStorageKeyExpirationInMs: ONE_DAY_IN_MILLISECONDS,
+      discoveryMode: "start"
+    }, cardWithOverlay)) : cardWithOverlay);
+  }, [shouldShowLinkPulse, cardWithOverlay, url, cardContext === null || cardContext === void 0 ? void 0 : (_cardContext$value2 = cardContext.value) === null || _cardContext$value2 === void 0 ? void 0 : _cardContext$value2.store]);
   // END: Awareness
 
   // [WS-2307]: we only render card wrapped into a Provider when the value is ready,

package/dist/es2019/ui/InlineCardOverlay/index.js

@@ -5,7 +5,7 @@ import React, { useCallback, useEffect, useLayoutEffect, useMemo, useRef, useSta
 import { css, jsx } from '@emotion/react';
 import debounce from 'lodash/debounce';
 import { useIntl } from 'react-intl-next';
-import { browser } from '@atlaskit/editor-common/utils';
+import { browser, ZERO_WIDTH_JOINER } from '@atlaskit/editor-common/utils';
 import HipchatChevronDownIcon from '@atlaskit/icon/glyph/hipchat/chevron-down';
 import HipchatChevronUpIcon from '@atlaskit/icon/glyph/hipchat/chevron-up';
 import { N20A, N800 } from '@atlaskit/theme/colors';
@@ -103,7 +103,8 @@ const markerStyles = css({
   height: "var(--ds-space-0, 0)",
   width: "var(--ds-space-0, 0)",
   margin: "var(--ds-space-0, 0)",
-  padding: "var(--ds-space-0, 0)"
+  padding: "var(--ds-space-0, 0)",
+  whiteSpace: 'nowrap'
 });
 const InlineCardOverlay = ({
   children,
@@ -229,7 +230,7 @@ const InlineCardOverlay = ({
     "aria-hidden": "true",
     className: OVERLAY_MARKER_CLASSNAME,
     css: markerStyles
-  }), jsx("a", {
+  }, ZERO_WIDTH_JOINER), jsx("a", {
     className: OVERLAY_CLASSNAME,
     css: [overlayStyles, browser.safari && safariOverlayStyles],
     style: {

package/dist/es2019/ui/LinkToolbarAppearance.js

@@ -1,6 +1,7 @@
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import React from 'react';
 import PropTypes from 'prop-types';
+import { AnalyticsContext } from '@atlaskit/analytics-next';
 import { ACTION, INPUT_METHOD } from '@atlaskit/editor-common/analytics';
 import { commandWithMetadata, getButtonGroupOption, LinkToolbarButtonGroup } from '@atlaskit/editor-common/card';
 import nodeNames, { cardMessages as messages } from '@atlaskit/editor-common/messages';
@@ -9,6 +10,7 @@ import { Fragment } from '@atlaskit/editor-prosemirror/model';
 import { LOCAL_STORAGE_DISCOVERY_KEY_TOOLBAR } from '../common/local-storage';
 import { DiscoveryPulse } from '../common/pulse';
 import { shouldRenderToolbarPulse } from '../toolbar';
+import { getResolvedAttributesFromStore } from '../utils';
 // eslint-disable-next-line @repo/internal/react/no-class-components
 export class LinkToolbarAppearance extends React.Component {
   constructor(...args) {
@@ -96,9 +98,16 @@ export class LinkToolbarAppearance extends React.Component {
       const status = url ? cardContext === null || cardContext === void 0 ? void 0 : (_cardContext$store2 = cardContext.store) === null || _cardContext$store2 === void 0 ? void 0 : (_cardContext$store2$g = _cardContext$store2.getState()[url]) === null || _cardContext$store2$g === void 0 ? void 0 : _cardContext$store2$g.status : '';
       const embedEnabled = embedOption ? !embedOption.disabled : false;
       if (shouldRenderToolbarPulse(embedEnabled, currentAppearance !== null && currentAppearance !== void 0 ? currentAppearance : '', status !== null && status !== void 0 ? status : '', showUpgradeDiscoverability)) {
-        return /*#__PURE__*/React.createElement(DiscoveryPulse, {
+        const resolvedAnalyticsAttributes = getResolvedAttributesFromStore(url || '', currentAppearance || null, cardContext === null || cardContext === void 0 ? void 0 : cardContext.store);
+        return /*#__PURE__*/React.createElement(AnalyticsContext, {
+          data: {
+            attributes: {
+              ...resolvedAnalyticsAttributes
+            }
+          }
+        }, /*#__PURE__*/React.createElement(DiscoveryPulse, {
           localStorageKey: LOCAL_STORAGE_DISCOVERY_KEY_TOOLBAR
-        }, LinkToolbarButtons);
+        }, LinkToolbarButtons));
       }
       return LinkToolbarButtons;
     });

package/dist/es2019/ui/ToolbarViewedEvent.js

@@ -1,20 +1,8 @@
 import React, { useEffect } from 'react';
 import { useAnalyticsEvents } from '@atlaskit/analytics-next';
-import { getResolvedAttributes } from '@atlaskit/link-analytics/resolved-attributes';
+import { getResolvedAttributesFromStore } from '../utils';
 import { CardContextProvider } from './CardContextProvider';
 import { EditorAnalyticsContext } from './EditorAnalyticsContext';
-const getResolvedAttributesFromStore = (url, display, store) => {
-  if (!store) {
-    return {};
-  }
-  const urlState = store.getState()[url];
-  const displayCategory = display === 'url' ? 'link' : undefined;
-  return getResolvedAttributes({
-    url,
-    displayCategory
-  }, urlState === null || urlState === void 0 ? void 0 : urlState.details);
-};
-
 /**
  * Handles firing the toolbar viewed event
  */

package/dist/es2019/utils.js

@@ -1,5 +1,6 @@
 import { Fragment } from '@atlaskit/editor-prosemirror/model';
 import { NodeSelection } from '@atlaskit/editor-prosemirror/state';
+import { getResolvedAttributes } from '@atlaskit/link-analytics/resolved-attributes';
 import { pluginKey } from './pm-plugins/plugin-key';
 export const appearanceForNodeType = spec => {
   if (spec.name === 'inlineCard') {
@@ -51,4 +52,15 @@ const isAppearanceSupportedInParent = (currentNodePosition, editorState, fragmen
   return parent && parent.type.validContent(fragment);
 };
 export const isEmbedSupportedAtPosition = (currentNodePosition, editorState, currentAppearance) => isAppearanceSupportedInParent(currentNodePosition, editorState, Fragment.from(editorState.schema.nodes.embedCard.createChecked({})), currentAppearance);
-export const isBlockSupportedAtPosition = (currentNodePosition, editorState, currentAppearance) => isAppearanceSupportedInParent(currentNodePosition, editorState, Fragment.from(editorState.schema.nodes.blockCard.createChecked({})), currentAppearance);
+export const isBlockSupportedAtPosition = (currentNodePosition, editorState, currentAppearance) => isAppearanceSupportedInParent(currentNodePosition, editorState, Fragment.from(editorState.schema.nodes.blockCard.createChecked({})), currentAppearance);
+export const getResolvedAttributesFromStore = (url, display, store) => {
+  if (!store) {
+    return {};
+  }
+  const urlState = store === null || store === void 0 ? void 0 : store.getState()[url];
+  const displayCategory = display === 'url' ? 'link' : undefined;
+  return getResolvedAttributes({
+    url,
+    displayCategory
+  }, urlState === null || urlState === void 0 ? void 0 : urlState.details);
+};

package/dist/esm/common/hooks/useLinkUpgradeDiscoverability.js

@@ -2,7 +2,7 @@ import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
 import { useEffect, useMemo, useState } from 'react';
 import { isLocalStorageKeyDiscovered, LOCAL_STORAGE_DISCOVERY_KEY_TOOLBAR } from '../local-storage';
 var useLinkUpgradeDiscoverability = function useLinkUpgradeDiscoverability(_ref) {
-  var _cardContext$store, _pluginInjectionApi$c2, _pluginInjectionApi$c3;
+  var _cardContext$store, _pluginInjectionApi$c;
   var url = _ref.url,
     linkPosition = _ref.linkPosition,
     cardContext = _ref.cardContext,
@@ -13,6 +13,9 @@ var useLinkUpgradeDiscoverability = function useLinkUpgradeDiscoverability(_ref)
     _useState2 = _slicedToArray(_useState, 2),
     urlState = _useState2[0],
     setUrlState = _useState2[1];
+  var _ref2 = (pluginInjectionApi === null || pluginInjectionApi === void 0 || (_pluginInjectionApi$c = pluginInjectionApi.card) === null || _pluginInjectionApi$c === void 0 || (_pluginInjectionApi$c = _pluginInjectionApi$c.sharedState) === null || _pluginInjectionApi$c === void 0 ? void 0 : _pluginInjectionApi$c.currentState()) || {},
+    overlayCandidatePosition = _ref2.overlayCandidatePosition,
+    inlineCardAwarenessCandidatePosition = _ref2.inlineCardAwarenessCandidatePosition;
   useEffect(function () {
     var _cardContext$store2;
     var unsubscribe = cardContext === null || cardContext === void 0 || (_cardContext$store2 = cardContext.store) === null || _cardContext$store2 === void 0 ? void 0 : _cardContext$store2.subscribe(function () {
@@ -31,13 +34,10 @@ var useLinkUpgradeDiscoverability = function useLinkUpgradeDiscoverability(_ref)
     return isResolved && !!(cardContext !== null && cardContext !== void 0 && (_cardContext$extracto = cardContext.extractors) !== null && _cardContext$extracto !== void 0 && _cardContext$extracto.getPreview(url, 'web'));
   }, [cardContext === null || cardContext === void 0 ? void 0 : cardContext.extractors, url, urlState === null || urlState === void 0 ? void 0 : urlState.status]);
   var shouldShowLinkPulse = useMemo(function () {
-    var _pluginInjectionApi$c;
-    var awarenessCandidatePosition = pluginInjectionApi === null || pluginInjectionApi === void 0 || (_pluginInjectionApi$c = pluginInjectionApi.card) === null || _pluginInjectionApi$c === void 0 || (_pluginInjectionApi$c = _pluginInjectionApi$c.sharedState) === null || _pluginInjectionApi$c === void 0 || (_pluginInjectionApi$c = _pluginInjectionApi$c.currentState()) === null || _pluginInjectionApi$c === void 0 ? void 0 : _pluginInjectionApi$c.inlineCardAwarenessCandidatePosition;
-    return isPulseEnabled && linkPosition === awarenessCandidatePosition && canBeUpgradedToEmbed;
-  }, [canBeUpgradedToEmbed, isPulseEnabled, linkPosition, pluginInjectionApi === null || pluginInjectionApi === void 0 || (_pluginInjectionApi$c2 = pluginInjectionApi.card) === null || _pluginInjectionApi$c2 === void 0 ? void 0 : _pluginInjectionApi$c2.sharedState]);
+    return isPulseEnabled && linkPosition === inlineCardAwarenessCandidatePosition && canBeUpgradedToEmbed;
+  }, [canBeUpgradedToEmbed, isPulseEnabled, linkPosition, inlineCardAwarenessCandidatePosition]);
   var shouldShowLinkOverlay = (urlState === null || urlState === void 0 ? void 0 : urlState.status) === 'resolved' && isOverlayEnabled;
-  var overlayCandidatePos = pluginInjectionApi === null || pluginInjectionApi === void 0 || (_pluginInjectionApi$c3 = pluginInjectionApi.card) === null || _pluginInjectionApi$c3 === void 0 || (_pluginInjectionApi$c3 = _pluginInjectionApi$c3.sharedState) === null || _pluginInjectionApi$c3 === void 0 || (_pluginInjectionApi$c3 = _pluginInjectionApi$c3.currentState()) === null || _pluginInjectionApi$c3 === void 0 ? void 0 : _pluginInjectionApi$c3.overlayCandidatePosition;
-  var isLinkMostRecentlyInserted = overlayCandidatePos === linkPosition;
+  var isLinkMostRecentlyInserted = overlayCandidatePosition === linkPosition;
   var shouldShowToolbarPulse = useMemo(function () {
     return isPulseEnabled && !isLocalStorageKeyDiscovered(LOCAL_STORAGE_DISCOVERY_KEY_TOOLBAR) && canBeUpgradedToEmbed;
   }, [canBeUpgradedToEmbed, isPulseEnabled]);

package/dist/esm/common/pulse/index.js

@@ -1,4 +1,5 @@
-import React, { useCallback } from 'react';
+import React, { useCallback, useEffect } from 'react';
+import { useAnalyticsEvents } from '@atlaskit/analytics-next';
 import { Pulse } from '@atlaskit/linking-common';
 import { isLocalStorageKeyDiscovered, markLocalStorageKeyDiscovered } from '../local-storage';
 export var DiscoveryPulse = function DiscoveryPulse(_ref) {
@@ -9,6 +10,20 @@ export var DiscoveryPulse = function DiscoveryPulse(_ref) {
     _ref$discoveryMode = _ref.discoveryMode,
     discoveryMode = _ref$discoveryMode === void 0 ? 'iteration' : _ref$discoveryMode;
   var discovered = isDiscovered || isLocalStorageKeyDiscovered(localStorageKey);
+  var _useAnalyticsEvents = useAnalyticsEvents(),
+    createAnalyticsEvent = _useAnalyticsEvents.createAnalyticsEvent;
+  useEffect(function () {
+    if (!discovered) {
+      createAnalyticsEvent({
+        action: 'viewed',
+        actionSubject: 'pulse',
+        eventType: 'ui',
+        attributes: {
+          pulseIdentifier: localStorageKey
+        }
+      }).fire('media');
+    }
+  }, [createAnalyticsEvent, discovered, localStorageKey]);
   var onDiscovery = useCallback(function () {
     if (!discovered) {
       markLocalStorageKeyDiscovered(localStorageKey, localStorageKeyExpirationInMs);

package/dist/esm/nodeviews/inlineCardWithAwareness.js

@@ -3,6 +3,7 @@ import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
 import { memo, useCallback, useMemo, useState } from 'react';
 import { css, jsx } from '@emotion/react';
 import rafSchedule from 'raf-schd';
+import { AnalyticsContext } from '@atlaskit/analytics-next';
 import { findOverflowScrollParent } from '@atlaskit/editor-common/ui';
 import { Card as SmartCard } from '@atlaskit/smart-card';
 import useLinkUpgradeDiscoverability from '../common/hooks/useLinkUpgradeDiscoverability';
@@ -10,6 +11,7 @@ import { isLocalStorageKeyDiscovered, LOCAL_STORAGE_DISCOVERY_KEY_SMART_LINK, LO
 import { DiscoveryPulse } from '../common/pulse';
 import { registerCard, registerRemoveOverlay } from '../pm-plugins/actions';
 import InlineCardOverlay from '../ui/InlineCardOverlay';
+import { getResolvedAttributesFromStore } from '../utils';
 // editor adds a standard line-height that is bigger than an inline smart link
 // due to that the link has a bit of white space around it, which doesn't look right when there is pulse around it
 var loaderWrapperStyles = css({
@@ -19,6 +21,7 @@ var loaderWrapperStyles = css({
   }
 });
 var InlineCard = function InlineCard(_ref) {
+  var _cardContext$value2;
   var node = _ref.node,
     cardContext = _ref.cardContext,
     showServerActions = _ref.showServerActions,
@@ -140,15 +143,20 @@ var InlineCard = function InlineCard(_ref) {
     }, innerCard) : innerCard;
   }, [innerCard, isHovered, isSelected, isInserted, shouldShowLinkOverlay, url]);
   var card = useMemo(function () {
+    var _cardContext$value;
     return jsx("span", {
       css: shouldShowLinkPulse && loaderWrapperStyles,
       className: "card"
-    }, shouldShowLinkPulse ? jsx(DiscoveryPulse, {
+    }, shouldShowLinkPulse ? jsx(AnalyticsContext, {
+      data: {
+        attributes: getResolvedAttributesFromStore(url, 'inline', cardContext === null || cardContext === void 0 || (_cardContext$value = cardContext.value) === null || _cardContext$value === void 0 ? void 0 : _cardContext$value.store)
+      }
+    }, jsx(DiscoveryPulse, {
       localStorageKey: LOCAL_STORAGE_DISCOVERY_KEY_SMART_LINK,
       localStorageKeyExpirationInMs: ONE_DAY_IN_MILLISECONDS,
       discoveryMode: "start"
-    }, cardWithOverlay) : cardWithOverlay);
-  }, [shouldShowLinkPulse, cardWithOverlay]);
+    }, cardWithOverlay)) : cardWithOverlay);
+  }, [shouldShowLinkPulse, cardWithOverlay, url, cardContext === null || cardContext === void 0 || (_cardContext$value2 = cardContext.value) === null || _cardContext$value2 === void 0 ? void 0 : _cardContext$value2.store]);
   // END: Awareness
 
   // [WS-2307]: we only render card wrapped into a Provider when the value is ready,

package/dist/esm/ui/InlineCardOverlay/index.js

@@ -11,7 +11,7 @@ import React, { useCallback, useEffect, useLayoutEffect, useMemo, useRef, useSta
 import { css, jsx } from '@emotion/react';
 import debounce from 'lodash/debounce';
 import { useIntl } from 'react-intl-next';
-import { browser } from '@atlaskit/editor-common/utils';
+import { browser, ZERO_WIDTH_JOINER } from '@atlaskit/editor-common/utils';
 import HipchatChevronDownIcon from '@atlaskit/icon/glyph/hipchat/chevron-down';
 import HipchatChevronUpIcon from '@atlaskit/icon/glyph/hipchat/chevron-up';
 import { N20A, N800 } from '@atlaskit/theme/colors';
@@ -99,7 +99,8 @@ var markerStyles = css({
   height: "var(--ds-space-0, 0)",
   width: "var(--ds-space-0, 0)",
   margin: "var(--ds-space-0, 0)",
-  padding: "var(--ds-space-0, 0)"
+  padding: "var(--ds-space-0, 0)",
+  whiteSpace: 'nowrap'
 });
 var InlineCardOverlay = function InlineCardOverlay(_ref) {
   var children = _ref.children,
@@ -235,7 +236,7 @@ var InlineCardOverlay = function InlineCardOverlay(_ref) {
     "aria-hidden": "true",
     className: OVERLAY_MARKER_CLASSNAME,
     css: markerStyles
-  }), jsx("a", {
+  }, ZERO_WIDTH_JOINER), jsx("a", {
     className: OVERLAY_CLASSNAME,
     css: [overlayStyles, browser.safari && safariOverlayStyles],
     style: {

package/dist/esm/ui/LinkToolbarAppearance.js

@@ -11,6 +11,7 @@ function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflec
 function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
 import React from 'react';
 import PropTypes from 'prop-types';
+import { AnalyticsContext } from '@atlaskit/analytics-next';
 import { ACTION, INPUT_METHOD } from '@atlaskit/editor-common/analytics';
 import { commandWithMetadata, getButtonGroupOption, LinkToolbarButtonGroup } from '@atlaskit/editor-common/card';
 import nodeNames, { cardMessages as messages } from '@atlaskit/editor-common/messages';
@@ -19,6 +20,7 @@ import { Fragment } from '@atlaskit/editor-prosemirror/model';
 import { LOCAL_STORAGE_DISCOVERY_KEY_TOOLBAR } from '../common/local-storage';
 import { DiscoveryPulse } from '../common/pulse';
 import { shouldRenderToolbarPulse } from '../toolbar';
+import { getResolvedAttributesFromStore } from '../utils';
 // eslint-disable-next-line @repo/internal/react/no-class-components
 export var LinkToolbarAppearance = /*#__PURE__*/function (_React$Component) {
   _inherits(LinkToolbarAppearance, _React$Component);
@@ -117,9 +119,14 @@ export var LinkToolbarAppearance = /*#__PURE__*/function (_React$Component) {
       var status = url ? cardContext === null || cardContext === void 0 || (_cardContext$store2 = cardContext.store) === null || _cardContext$store2 === void 0 || (_cardContext$store2 = _cardContext$store2.getState()[url]) === null || _cardContext$store2 === void 0 ? void 0 : _cardContext$store2.status : '';
       var embedEnabled = embedOption ? !embedOption.disabled : false;
       if (shouldRenderToolbarPulse(embedEnabled, currentAppearance !== null && currentAppearance !== void 0 ? currentAppearance : '', status !== null && status !== void 0 ? status : '', showUpgradeDiscoverability)) {
-        return /*#__PURE__*/React.createElement(DiscoveryPulse, {
+        var resolvedAnalyticsAttributes = getResolvedAttributesFromStore(url || '', currentAppearance || null, cardContext === null || cardContext === void 0 ? void 0 : cardContext.store);
+        return /*#__PURE__*/React.createElement(AnalyticsContext, {
+          data: {
+            attributes: _objectSpread({}, resolvedAnalyticsAttributes)
+          }
+        }, /*#__PURE__*/React.createElement(DiscoveryPulse, {
           localStorageKey: LOCAL_STORAGE_DISCOVERY_KEY_TOOLBAR
-        }, LinkToolbarButtons);
+        }, LinkToolbarButtons));
       }
       return LinkToolbarButtons;
     });

package/dist/esm/ui/ToolbarViewedEvent.js

@@ -3,21 +3,9 @@ function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbol
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 import React, { useEffect } from 'react';
 import { useAnalyticsEvents } from '@atlaskit/analytics-next';
-import { getResolvedAttributes } from '@atlaskit/link-analytics/resolved-attributes';
+import { getResolvedAttributesFromStore } from '../utils';
 import { CardContextProvider } from './CardContextProvider';
 import { EditorAnalyticsContext } from './EditorAnalyticsContext';
-var getResolvedAttributesFromStore = function getResolvedAttributesFromStore(url, display, store) {
-  if (!store) {
-    return {};
-  }
-  var urlState = store.getState()[url];
-  var displayCategory = display === 'url' ? 'link' : undefined;
-  return getResolvedAttributes({
-    url: url,
-    displayCategory: displayCategory
-  }, urlState === null || urlState === void 0 ? void 0 : urlState.details);
-};
-
 /**
  * Handles firing the toolbar viewed event
  */

package/dist/esm/utils.js

@@ -1,5 +1,6 @@
 import { Fragment } from '@atlaskit/editor-prosemirror/model';
 import { NodeSelection } from '@atlaskit/editor-prosemirror/state';
+import { getResolvedAttributes } from '@atlaskit/link-analytics/resolved-attributes';
 import { pluginKey } from './pm-plugins/plugin-key';
 export var appearanceForNodeType = function appearanceForNodeType(spec) {
   if (spec.name === 'inlineCard') {
@@ -57,4 +58,15 @@ export var isEmbedSupportedAtPosition = function isEmbedSupportedAtPosition(curr
 };
 export var isBlockSupportedAtPosition = function isBlockSupportedAtPosition(currentNodePosition, editorState, currentAppearance) {
   return isAppearanceSupportedInParent(currentNodePosition, editorState, Fragment.from(editorState.schema.nodes.blockCard.createChecked({})), currentAppearance);
+};
+export var getResolvedAttributesFromStore = function getResolvedAttributesFromStore(url, display, store) {
+  if (!store) {
+    return {};
+  }
+  var urlState = store === null || store === void 0 ? void 0 : store.getState()[url];
+  var displayCategory = display === 'url' ? 'link' : undefined;
+  return getResolvedAttributes({
+    url: url,
+    displayCategory: displayCategory
+  }, urlState === null || urlState === void 0 ? void 0 : urlState.details);
 };

package/dist/types/ui/ToolbarViewedEvent.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-import { EditorAnalyticsContextProps } from './EditorAnalyticsContext';
+import type { EditorAnalyticsContextProps } from './EditorAnalyticsContext';
 type ToolbarViewedEventProps = {
     url?: string;
     display: string | null;

package/dist/types/utils.d.ts

@@ -1,6 +1,7 @@
 import type { CardAppearance } from '@atlaskit/editor-common/provider-factory';
 import type { Node, NodeType } from '@atlaskit/editor-prosemirror/model';
 import type { EditorState } from '@atlaskit/editor-prosemirror/state';
+import type { CardContext } from '@atlaskit/link-provider';
 import type { CardInfo } from './types';
 export declare const appearanceForNodeType: (spec: NodeType) => CardAppearance | undefined;
 export declare const selectedCardAppearance: (state: EditorState) => CardAppearance | undefined;
@@ -19,3 +20,4 @@ export declare const displayInfoForCard: (node: Node, info?: CardInfo) => TitleU
 export declare const findCardInfo: (state: EditorState) => CardInfo | undefined;
 export declare const isEmbedSupportedAtPosition: (currentNodePosition: number, editorState: EditorState, currentAppearance?: CardAppearance) => boolean;
 export declare const isBlockSupportedAtPosition: (currentNodePosition: number, editorState: EditorState, currentAppearance?: CardAppearance) => boolean;
+export declare const getResolvedAttributesFromStore: (url: string, display: string | null, store?: CardContext['store']) => {};

package/dist/types-ts4.5/ui/ToolbarViewedEvent.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-import { EditorAnalyticsContextProps } from './EditorAnalyticsContext';
+import type { EditorAnalyticsContextProps } from './EditorAnalyticsContext';
 type ToolbarViewedEventProps = {
     url?: string;
     display: string | null;

package/dist/types-ts4.5/utils.d.ts

@@ -1,6 +1,7 @@
 import type { CardAppearance } from '@atlaskit/editor-common/provider-factory';
 import type { Node, NodeType } from '@atlaskit/editor-prosemirror/model';
 import type { EditorState } from '@atlaskit/editor-prosemirror/state';
+import type { CardContext } from '@atlaskit/link-provider';
 import type { CardInfo } from './types';
 export declare const appearanceForNodeType: (spec: NodeType) => CardAppearance | undefined;
 export declare const selectedCardAppearance: (state: EditorState) => CardAppearance | undefined;
@@ -19,3 +20,4 @@ export declare const displayInfoForCard: (node: Node, info?: CardInfo) => TitleU
 export declare const findCardInfo: (state: EditorState) => CardInfo | undefined;
 export declare const isEmbedSupportedAtPosition: (currentNodePosition: number, editorState: EditorState, currentAppearance?: CardAppearance) => boolean;
 export declare const isBlockSupportedAtPosition: (currentNodePosition: number, editorState: EditorState, currentAppearance?: CardAppearance) => boolean;
+export declare const getResolvedAttributesFromStore: (url: string, display: string | null, store?: CardContext['store']) => {};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@atlaskit/editor-plugin-card",
-  "version": "0.14.6",
+  "version": "0.14.8",
   "description": "Card plugin for @atlaskit/editor-core",
   "author": "Atlassian Pty Ltd",
   "license": "Apache-2.0",
@@ -8,7 +8,7 @@
     "registry": "https://registry.npmjs.org/"
   },
   "atlassian": {
-    "team": "Editor: Media Experience Porygon",
+    "team": "Linking Platform",
     "singleton": true,
     "releaseModel": "continuous"
   },
@@ -52,7 +52,7 @@
     "@atlaskit/linking-common": "^4.21.0",
     "@atlaskit/linking-types": "^8.5.0",
     "@atlaskit/platform-feature-flags": "^0.2.0",
-    "@atlaskit/primitives": "^1.12.0",
+    "@atlaskit/primitives": "^1.13.0",
     "@atlaskit/smart-card": "^26.42.0",
     "@atlaskit/theme": "^12.6.0",
     "@atlaskit/tokens": "^1.29.0",