@atlaskit/editor-plugin-card 0.2.4 → 0.3.0

package/CHANGELOG.md

@@ -1,5 +1,17 @@
 # @atlaskit/editor-plugin-card
 
+## 0.3.0
+
+### Minor Changes
+
+- [`632edbf1930`](https://bitbucket.org/atlassian/atlassian-frontend/commits/632edbf1930) - Updates card plugin floating toolbar to fire an analytic event when viewed.
+
+## 0.2.5
+
+### Patch Changes
+
+- Updated dependencies
+
 ## 0.2.4
 
 ### Patch Changes

package/dist/cjs/pm-plugins/mountHyperlink.js

@@ -5,9 +5,29 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.mountHyperlinkPlugin = void 0;
+var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
 var _react = _interopRequireDefault(require("react"));
 var _safePlugin = require("@atlaskit/editor-common/safe-plugin");
+var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 var _HyperlinkToolbarAppearance = require("../ui/HyperlinkToolbarAppearance");
+var _ToolbarViewedEvent = require("../ui/ToolbarViewedEvent");
+var getToolbarViewedItem = function getToolbarViewedItem(link) {
+  if ((0, _platformFeatureFlags.getBooleanFF)('platform.linking-platform.editor.toolbar-viewed-event')) {
+    return [{
+      type: 'custom',
+      fallback: [],
+      render: function render(editorView) {
+        return /*#__PURE__*/_react.default.createElement(_ToolbarViewedEvent.ToolbarViewedEvent, {
+          key: "edit.link.menu.viewed",
+          url: link,
+          display: "url",
+          editorView: editorView
+        });
+      }
+    }];
+  }
+  return [];
+};
 var mountHyperlinkPlugin = function mountHyperlinkPlugin(pluginInjectionApi, options) {
   return new _safePlugin.SafePlugin({
     view: function view(editorView) {
@@ -15,7 +35,7 @@ var mountHyperlinkPlugin = function mountHyperlinkPlugin(pluginInjectionApi, opt
         var _pluginInjectionApi$d, _pluginInjectionApi$d2;
         pluginInjectionApi === null || pluginInjectionApi === void 0 ? void 0 : (_pluginInjectionApi$d = pluginInjectionApi.dependencies.hyperlink) === null || _pluginInjectionApi$d === void 0 ? void 0 : (_pluginInjectionApi$d2 = _pluginInjectionApi$d.actions) === null || _pluginInjectionApi$d2 === void 0 ? void 0 : _pluginInjectionApi$d2.prependToolbarButtons({
           items: function items(state, intl, providerFactory, link) {
-            return [{
+            return [].concat((0, _toConsumableArray2.default)(getToolbarViewedItem(link)), [{
               type: 'custom',
               fallback: [],
               render: function render(editorView) {
@@ -33,7 +53,7 @@ var mountHyperlinkPlugin = function mountHyperlinkPlugin(pluginInjectionApi, opt
                   cardActions: pluginInjectionApi === null || pluginInjectionApi === void 0 ? void 0 : (_pluginInjectionApi$d4 = pluginInjectionApi.dependencies.card) === null || _pluginInjectionApi$d4 === void 0 ? void 0 : _pluginInjectionApi$d4.actions
                 });
               }
-            }];
+            }]);
           },
           onEscapeCallback: pluginInjectionApi === null || pluginInjectionApi === void 0 ? void 0 : pluginInjectionApi.dependencies.card.actions.hideLinkToolbar,
           onInsertLinkCallback: pluginInjectionApi === null || pluginInjectionApi === void 0 ? void 0 : pluginInjectionApi.dependencies.card.actions.queueCardsFromChangedTr,

package/dist/cjs/toolbar.js

@@ -21,11 +21,13 @@ var _remove = _interopRequireDefault(require("@atlaskit/icon/glyph/editor/remove
 var _settings = _interopRequireDefault(require("@atlaskit/icon/glyph/editor/settings"));
 var _unlink = _interopRequireDefault(require("@atlaskit/icon/glyph/editor/unlink"));
 var _shortcut = _interopRequireDefault(require("@atlaskit/icon/glyph/shortcut"));
+var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 var _doc = require("./pm-plugins/doc");
 var _main = require("./pm-plugins/main");
 var _EditLinkToolbar = require("./ui/EditLinkToolbar");
 var _LinkToolbarAppearance = require("./ui/LinkToolbarAppearance");
 var _SmallerEditIcon = require("./ui/SmallerEditIcon");
+var _ToolbarViewedEvent = require("./ui/ToolbarViewedEvent");
 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; }
@@ -172,6 +174,26 @@ var withToolbarMetadata = function withToolbarMetadata(command) {
     inputMethod: _analytics.INPUT_METHOD.FLOATING_TB
   });
 };
+var getToolbarViewedItem = function getToolbarViewedItem(url, display) {
+  if (!url) {
+    return [];
+  }
+  if ((0, _platformFeatureFlags.getBooleanFF)('platform.linking-platform.editor.toolbar-viewed-event')) {
+    return [{
+      type: 'custom',
+      fallback: [],
+      render: function render(editorView) {
+        return /*#__PURE__*/_react.default.createElement(_ToolbarViewedEvent.ToolbarViewedEvent, {
+          key: "edit.link.menu.viewed",
+          url: url,
+          display: display,
+          editorView: editorView
+        });
+      }
+    }];
+  }
+  return [];
+};
 var generateToolbarItems = function generateToolbarItems(state, featureFlags, intl, providerFactory, cardOptions, platform, linkPicker, pluginInjectionApi) {
   return function (node) {
     var _pluginInjectionApi$d, _pluginInjectionApi$d2, _pluginInjectionApi$d3, _pluginInjectionApi$d4, _pluginInjectionApi$d5, _node$attrs, _node$attrs2, _node$attrs2$datasour;
@@ -271,7 +293,7 @@ var generateToolbarItems = function generateToolbarItems(state, featureFlags, in
       // This code will be executed only for appearances such as "inline", "block" & "embed"
       // For url appearance, please see HyperlinkToolbarAppearanceProps
       if (currentAppearance) {
-        toolbarItems.unshift({
+        toolbarItems.unshift.apply(toolbarItems, (0, _toConsumableArray2.default)(getToolbarViewedItem(url, currentAppearance)).concat([{
           type: 'custom',
           fallback: [],
           render: function render(editorView) {
@@ -291,7 +313,7 @@ var generateToolbarItems = function generateToolbarItems(state, featureFlags, in
           }
         }, {
           type: 'separator'
-        });
+        }]));
       }
       return toolbarItems;
     }

package/dist/cjs/ui/CardContextProvider.js

@@ -0,0 +1,45 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.CardContextProvider = void 0;
+var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
+var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
+var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
+var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
+var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+var _react = _interopRequireDefault(require("react"));
+var _propTypes = _interopRequireDefault(require("prop-types"));
+function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = (0, _getPrototypeOf2.default)(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = (0, _getPrototypeOf2.default)(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return (0, _possibleConstructorReturn2.default)(this, result); }; }
+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; } }
+/**
+ * Provides the link provider context via the legacy context adapter
+ * and children render function
+ */
+// eslint-disable-next-line @repo/internal/react/no-class-components
+var CardContextProvider = /*#__PURE__*/function (_React$Component) {
+  (0, _inherits2.default)(CardContextProvider, _React$Component);
+  var _super = _createSuper(CardContextProvider);
+  function CardContextProvider() {
+    (0, _classCallCheck2.default)(this, CardContextProvider);
+    return _super.apply(this, arguments);
+  }
+  (0, _createClass2.default)(CardContextProvider, [{
+    key: "render",
+    value: function render() {
+      var _this$context$context;
+      var cardContext = this.context.contextAdapter ? (_this$context$context = this.context.contextAdapter.card) === null || _this$context$context === void 0 ? void 0 : _this$context$context.value : undefined;
+      return this.props.children({
+        cardContext: cardContext
+      });
+    }
+  }]);
+  return CardContextProvider;
+}(_react.default.Component);
+exports.CardContextProvider = CardContextProvider;
+(0, _defineProperty2.default)(CardContextProvider, "contextTypes", {
+  contextAdapter: _propTypes.default.object
+});

package/dist/cjs/ui/EditorAnalyticsContext.js

@@ -0,0 +1,32 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.EditorAnalyticsContext = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _analyticsNext = require("@atlaskit/analytics-next");
+var _utils = require("@atlaskit/editor-common/utils");
+var _state = require("../pm-plugins/util/state");
+/**
+ * Provides location attribute to child events
+ */
+var EditorAnalyticsContext = function EditorAnalyticsContext(_ref) {
+  var _getPluginState;
+  var editorView = _ref.editorView,
+    children = _ref.children;
+  var editorAppearance = editorView ? (_getPluginState = (0, _state.getPluginState)(editorView.state)) === null || _getPluginState === void 0 ? void 0 : _getPluginState.editorAppearance : undefined;
+  var analyticsEditorAppearance = (0, _utils.getAnalyticsEditorAppearance)(editorAppearance);
+  var analyticsData = {
+    attributes: {
+      location: analyticsEditorAppearance
+    },
+    // Below is added for the future implementation of Linking Platform namespaced analytic context
+    location: analyticsEditorAppearance
+  };
+  return /*#__PURE__*/_react.default.createElement(_analyticsNext.AnalyticsContext, {
+    data: analyticsData
+  }, children);
+};
+exports.EditorAnalyticsContext = EditorAnalyticsContext;

package/dist/cjs/ui/EditorSmartCardEventsNext.js

@@ -16,10 +16,9 @@ var _react = _interopRequireWildcard(require("react"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
 var _analyticsNext = require("@atlaskit/analytics-next");
 var _analytics = require("@atlaskit/editor-common/analytics");
-var _utils = require("@atlaskit/editor-common/utils");
 var _linkAnalytics = require("@atlaskit/link-analytics");
 var _actions = require("../pm-plugins/actions");
-var _state = require("../pm-plugins/util/state");
+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 _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = (0, _getPrototypeOf2.default)(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = (0, _getPrototypeOf2.default)(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return (0, _possibleConstructorReturn2.default)(this, result); }; }
@@ -180,7 +179,6 @@ var EditorSmartCardEventsNext = /*#__PURE__*/function (_React$PureComponent) {
   (0, _createClass2.default)(EditorSmartCardEventsNext, [{
     key: "render",
     value: function render() {
-      var _getPluginState;
       var cardContext = this.context.contextAdapter.card;
 
       /**
@@ -191,19 +189,10 @@ var EditorSmartCardEventsNext = /*#__PURE__*/function (_React$PureComponent) {
       if (!cardContext) {
         return null;
       }
-      var editorAppearance = (_getPluginState = (0, _state.getPluginState)(this.props.editorView.state)) === null || _getPluginState === void 0 ? void 0 : _getPluginState.editorAppearance;
-      var analyticsEditorAppearance = (0, _utils.getAnalyticsEditorAppearance)(editorAppearance);
-      var analyticsData = {
-        attributes: {
-          location: analyticsEditorAppearance
-        },
-        // Below is added for the future implementation of Linking Platform namespaced analytic context
-        location: analyticsEditorAppearance
-      };
       return /*#__PURE__*/_react.default.createElement(cardContext.Provider, {
         value: cardContext.value
-      }, /*#__PURE__*/_react.default.createElement(_analyticsNext.AnalyticsContext, {
-        data: analyticsData
+      }, /*#__PURE__*/_react.default.createElement(_EditorAnalyticsContext.EditorAnalyticsContext, {
+        editorView: this.props.editorView
       }, /*#__PURE__*/_react.default.createElement(EventsBinding, this.props)));
     }
   }]);

package/dist/cjs/ui/ToolbarViewedEvent.js

@@ -0,0 +1,73 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+var _typeof = require("@babel/runtime/helpers/typeof");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+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 _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(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { (0, _defineProperty2.default)(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+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
+ */
+var ToolbarViewedEventBase = function ToolbarViewedEventBase(_ref) {
+  var url = _ref.url,
+    display = _ref.display,
+    cardContext = _ref.cardContext;
+  var _useAnalyticsEvents = (0, _analyticsNext.useAnalyticsEvents)(),
+    createAnalyticsEvent = _useAnalyticsEvents.createAnalyticsEvent;
+  var store = cardContext === null || cardContext === void 0 ? void 0 : cardContext.store;
+  (0, _react.useEffect)(function () {
+    createAnalyticsEvent({
+      action: 'viewed',
+      actionSubject: 'inlineDialog',
+      actionSubjectId: 'editLinkToolbar',
+      eventType: 'ui',
+      attributes: _objectSpread(_objectSpread({}, getResolvedAttributesFromStore(url, display, store)), {}, {
+        display: display
+      })
+    }).fire('media');
+  }, [createAnalyticsEvent, display, url, store]);
+  return null;
+};
+
+/**
+ * Provides analytics context and card context
+ */
+var ToolbarViewedEvent = function ToolbarViewedEvent(_ref2) {
+  var url = _ref2.url,
+    display = _ref2.display,
+    editorView = _ref2.editorView;
+  return /*#__PURE__*/_react.default.createElement(_EditorAnalyticsContext.EditorAnalyticsContext, {
+    editorView: editorView
+  }, /*#__PURE__*/_react.default.createElement(_CardContextProvider.CardContextProvider, null, function (_ref3) {
+    var cardContext = _ref3.cardContext;
+    return url ? /*#__PURE__*/_react.default.createElement(ToolbarViewedEventBase, {
+      url: url,
+      display: display,
+      cardContext: cardContext
+    }) : null;
+  }));
+};
+exports.ToolbarViewedEvent = ToolbarViewedEvent;

package/dist/cjs/version.json

@@ -1,5 +1,5 @@
 {
 	"name": "@atlaskit/editor-plugin-card",
-	"version": "0.2.4",
+	"version": "0.3.0",
 	"sideEffects": false
 }

package/dist/es2019/pm-plugins/mountHyperlink.js

@@ -1,13 +1,30 @@
 import React from 'react';
 import { SafePlugin } from '@atlaskit/editor-common/safe-plugin';
+import { getBooleanFF } from '@atlaskit/platform-feature-flags';
 import { HyperlinkToolbarAppearance } from '../ui/HyperlinkToolbarAppearance';
+import { ToolbarViewedEvent } from '../ui/ToolbarViewedEvent';
+const getToolbarViewedItem = link => {
+  if (getBooleanFF('platform.linking-platform.editor.toolbar-viewed-event')) {
+    return [{
+      type: 'custom',
+      fallback: [],
+      render: editorView => /*#__PURE__*/React.createElement(ToolbarViewedEvent, {
+        key: "edit.link.menu.viewed",
+        url: link,
+        display: "url",
+        editorView: editorView
+      })
+    }];
+  }
+  return [];
+};
 export const mountHyperlinkPlugin = (pluginInjectionApi, options) => {
   return new SafePlugin({
     view(editorView) {
       requestAnimationFrame(() => {
         var _pluginInjectionApi$d, _pluginInjectionApi$d2;
         pluginInjectionApi === null || pluginInjectionApi === void 0 ? void 0 : (_pluginInjectionApi$d = pluginInjectionApi.dependencies.hyperlink) === null || _pluginInjectionApi$d === void 0 ? void 0 : (_pluginInjectionApi$d2 = _pluginInjectionApi$d.actions) === null || _pluginInjectionApi$d2 === void 0 ? void 0 : _pluginInjectionApi$d2.prependToolbarButtons({
-          items: (state, intl, providerFactory, link) => [{
+          items: (state, intl, providerFactory, link) => [...getToolbarViewedItem(link), {
             type: 'custom',
             fallback: [],
             render: editorView => {

package/dist/es2019/toolbar.js

@@ -11,11 +11,13 @@ import RemoveIcon from '@atlaskit/icon/glyph/editor/remove';
 import CogIcon from '@atlaskit/icon/glyph/editor/settings';
 import UnlinkIcon from '@atlaskit/icon/glyph/editor/unlink';
 import OpenIcon from '@atlaskit/icon/glyph/shortcut';
+import { getBooleanFF } from '@atlaskit/platform-feature-flags';
 import { changeSelectedCardToText } from './pm-plugins/doc';
 import { pluginKey } from './pm-plugins/main';
 import { buildEditLinkToolbar, editDatasource, editLink, editLinkToolbarConfig } from './ui/EditLinkToolbar';
 import { LinkToolbarAppearance } from './ui/LinkToolbarAppearance';
 import { SmallerEditIcon } from './ui/SmallerEditIcon';
+import { ToolbarViewedEvent } from './ui/ToolbarViewedEvent';
 import { appearanceForNodeType, displayInfoForCard, findCardInfo, titleUrlPairFromNode } from './utils';
 export const removeCard = editorAnalyticsApi => commandWithMetadata((state, dispatch) => {
   if (!(state.selection instanceof NodeSelection)) {
@@ -161,6 +163,24 @@ const buildAlignmentOptions = (state, intl, widthPluginDependencyApi, analyticsA
 const withToolbarMetadata = command => commandWithMetadata(command, {
   inputMethod: INPUT_METHOD.FLOATING_TB
 });
+const getToolbarViewedItem = (url, display) => {
+  if (!url) {
+    return [];
+  }
+  if (getBooleanFF('platform.linking-platform.editor.toolbar-viewed-event')) {
+    return [{
+      type: 'custom',
+      fallback: [],
+      render: editorView => /*#__PURE__*/React.createElement(ToolbarViewedEvent, {
+        key: "edit.link.menu.viewed",
+        url: url,
+        display: display,
+        editorView: editorView
+      })
+    }];
+  }
+  return [];
+};
 const generateToolbarItems = (state, featureFlags, intl, providerFactory, cardOptions, platform, linkPicker, pluginInjectionApi) => node => {
   var _pluginInjectionApi$d, _pluginInjectionApi$d2, _pluginInjectionApi$d3, _pluginInjectionApi$d4, _pluginInjectionApi$d5, _node$attrs, _node$attrs2, _node$attrs2$datasour;
   const {
@@ -267,7 +287,7 @@ const generateToolbarItems = (state, featureFlags, intl, providerFactory, cardOp
     // This code will be executed only for appearances such as "inline", "block" & "embed"
     // For url appearance, please see HyperlinkToolbarAppearanceProps
     if (currentAppearance) {
-      toolbarItems.unshift({
+      toolbarItems.unshift(...getToolbarViewedItem(url, currentAppearance), {
         type: 'custom',
         fallback: [],
         render: editorView => /*#__PURE__*/React.createElement(LinkToolbarAppearance, {

package/dist/es2019/ui/CardContextProvider.js

@@ -0,0 +1,19 @@
+import _defineProperty from "@babel/runtime/helpers/defineProperty";
+import React from 'react';
+import PropTypes from 'prop-types';
+/**
+ * Provides the link provider context via the legacy context adapter
+ * and children render function
+ */ // eslint-disable-next-line @repo/internal/react/no-class-components
+export class CardContextProvider extends React.Component {
+  render() {
+    var _this$context$context;
+    const cardContext = this.context.contextAdapter ? (_this$context$context = this.context.contextAdapter.card) === null || _this$context$context === void 0 ? void 0 : _this$context$context.value : undefined;
+    return this.props.children({
+      cardContext
+    });
+  }
+}
+_defineProperty(CardContextProvider, "contextTypes", {
+  contextAdapter: PropTypes.object
+});

package/dist/es2019/ui/EditorAnalyticsContext.js

@@ -0,0 +1,25 @@
+import React from 'react';
+import { AnalyticsContext } from '@atlaskit/analytics-next';
+import { getAnalyticsEditorAppearance } from '@atlaskit/editor-common/utils';
+import { getPluginState } from '../pm-plugins/util/state';
+/**
+ * Provides location attribute to child events
+ */
+export const EditorAnalyticsContext = ({
+  editorView,
+  children
+}) => {
+  var _getPluginState;
+  const editorAppearance = editorView ? (_getPluginState = getPluginState(editorView.state)) === null || _getPluginState === void 0 ? void 0 : _getPluginState.editorAppearance : undefined;
+  const analyticsEditorAppearance = getAnalyticsEditorAppearance(editorAppearance);
+  const analyticsData = {
+    attributes: {
+      location: analyticsEditorAppearance
+    },
+    // Below is added for the future implementation of Linking Platform namespaced analytic context
+    location: analyticsEditorAppearance
+  };
+  return /*#__PURE__*/React.createElement(AnalyticsContext, {
+    data: analyticsData
+  }, children);
+};

package/dist/es2019/ui/EditorSmartCardEventsNext.js

@@ -1,12 +1,11 @@
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import React, { useEffect, useMemo } from 'react';
 import PropTypes from 'prop-types';
-import { AnalyticsContext, UIAnalyticsEvent } from '@atlaskit/analytics-next';
+import { UIAnalyticsEvent } from '@atlaskit/analytics-next';
 import { ACTION, INPUT_METHOD } from '@atlaskit/editor-common/analytics';
-import { getAnalyticsEditorAppearance } from '@atlaskit/editor-common/utils';
 import { useSmartLinkLifecycleAnalytics } from '@atlaskit/link-analytics';
 import { registerSmartCardEventsNext } from '../pm-plugins/actions';
-import { getPluginState } from '../pm-plugins/util/state';
+import { EditorAnalyticsContext } from './EditorAnalyticsContext';
 /**
  * If the metadata is for a history event,
  * returns undo/redo instead of instead of what fn(metadata) would have otherwise
@@ -167,7 +166,6 @@ export const EventsBinding = ({
 // eslint-disable-next-line @repo/internal/react/no-class-components
 export class EditorSmartCardEventsNext extends React.PureComponent {
   render() {
-    var _getPluginState;
     const cardContext = this.context.contextAdapter.card;
 
     /**
@@ -178,19 +176,10 @@ export class EditorSmartCardEventsNext extends React.PureComponent {
     if (!cardContext) {
       return null;
     }
-    const editorAppearance = (_getPluginState = getPluginState(this.props.editorView.state)) === null || _getPluginState === void 0 ? void 0 : _getPluginState.editorAppearance;
-    const analyticsEditorAppearance = getAnalyticsEditorAppearance(editorAppearance);
-    const analyticsData = {
-      attributes: {
-        location: analyticsEditorAppearance
-      },
-      // Below is added for the future implementation of Linking Platform namespaced analytic context
-      location: analyticsEditorAppearance
-    };
     return /*#__PURE__*/React.createElement(cardContext.Provider, {
       value: cardContext.value
-    }, /*#__PURE__*/React.createElement(AnalyticsContext, {
-      data: analyticsData
+    }, /*#__PURE__*/React.createElement(EditorAnalyticsContext, {
+      editorView: this.props.editorView
     }, /*#__PURE__*/React.createElement(EventsBinding, this.props)));
   }
 }

package/dist/es2019/ui/ToolbarViewedEvent.js

@@ -0,0 +1,62 @@
+import React, { useEffect } from 'react';
+import { useAnalyticsEvents } from '@atlaskit/analytics-next';
+import { getResolvedAttributes } from '@atlaskit/link-analytics/resolved-attributes';
+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
+ */
+const ToolbarViewedEventBase = ({
+  url,
+  display,
+  cardContext
+}) => {
+  const {
+    createAnalyticsEvent
+  } = useAnalyticsEvents();
+  const store = cardContext === null || cardContext === void 0 ? void 0 : cardContext.store;
+  useEffect(() => {
+    createAnalyticsEvent({
+      action: 'viewed',
+      actionSubject: 'inlineDialog',
+      actionSubjectId: 'editLinkToolbar',
+      eventType: 'ui',
+      attributes: {
+        ...getResolvedAttributesFromStore(url, display, store),
+        display
+      }
+    }).fire('media');
+  }, [createAnalyticsEvent, display, url, store]);
+  return null;
+};
+
+/**
+ * Provides analytics context and card context
+ */
+export const ToolbarViewedEvent = ({
+  url,
+  display,
+  editorView
+}) => {
+  return /*#__PURE__*/React.createElement(EditorAnalyticsContext, {
+    editorView: editorView
+  }, /*#__PURE__*/React.createElement(CardContextProvider, null, ({
+    cardContext
+  }) => url ? /*#__PURE__*/React.createElement(ToolbarViewedEventBase, {
+    url: url,
+    display: display,
+    cardContext: cardContext
+  }) : null));
+};

package/dist/es2019/version.json

@@ -1,5 +1,5 @@
 {
 	"name": "@atlaskit/editor-plugin-card",
-	"version": "0.2.4",
+	"version": "0.3.0",
 	"sideEffects": false
 }

package/dist/esm/pm-plugins/mountHyperlink.js

@@ -1,6 +1,26 @@
+import _toConsumableArray from "@babel/runtime/helpers/toConsumableArray";
 import React from 'react';
 import { SafePlugin } from '@atlaskit/editor-common/safe-plugin';
+import { getBooleanFF } from '@atlaskit/platform-feature-flags';
 import { HyperlinkToolbarAppearance } from '../ui/HyperlinkToolbarAppearance';
+import { ToolbarViewedEvent } from '../ui/ToolbarViewedEvent';
+var getToolbarViewedItem = function getToolbarViewedItem(link) {
+  if (getBooleanFF('platform.linking-platform.editor.toolbar-viewed-event')) {
+    return [{
+      type: 'custom',
+      fallback: [],
+      render: function render(editorView) {
+        return /*#__PURE__*/React.createElement(ToolbarViewedEvent, {
+          key: "edit.link.menu.viewed",
+          url: link,
+          display: "url",
+          editorView: editorView
+        });
+      }
+    }];
+  }
+  return [];
+};
 export var mountHyperlinkPlugin = function mountHyperlinkPlugin(pluginInjectionApi, options) {
   return new SafePlugin({
     view: function view(editorView) {
@@ -8,7 +28,7 @@ export var mountHyperlinkPlugin = function mountHyperlinkPlugin(pluginInjectionA
         var _pluginInjectionApi$d, _pluginInjectionApi$d2;
         pluginInjectionApi === null || pluginInjectionApi === void 0 ? void 0 : (_pluginInjectionApi$d = pluginInjectionApi.dependencies.hyperlink) === null || _pluginInjectionApi$d === void 0 ? void 0 : (_pluginInjectionApi$d2 = _pluginInjectionApi$d.actions) === null || _pluginInjectionApi$d2 === void 0 ? void 0 : _pluginInjectionApi$d2.prependToolbarButtons({
           items: function items(state, intl, providerFactory, link) {
-            return [{
+            return [].concat(_toConsumableArray(getToolbarViewedItem(link)), [{
               type: 'custom',
               fallback: [],
               render: function render(editorView) {
@@ -26,7 +46,7 @@ export var mountHyperlinkPlugin = function mountHyperlinkPlugin(pluginInjectionA
                   cardActions: pluginInjectionApi === null || pluginInjectionApi === void 0 ? void 0 : (_pluginInjectionApi$d4 = pluginInjectionApi.dependencies.card) === null || _pluginInjectionApi$d4 === void 0 ? void 0 : _pluginInjectionApi$d4.actions
                 });
               }
-            }];
+            }]);
           },
           onEscapeCallback: pluginInjectionApi === null || pluginInjectionApi === void 0 ? void 0 : pluginInjectionApi.dependencies.card.actions.hideLinkToolbar,
           onInsertLinkCallback: pluginInjectionApi === null || pluginInjectionApi === void 0 ? void 0 : pluginInjectionApi.dependencies.card.actions.queueCardsFromChangedTr,

package/dist/esm/toolbar.js

@@ -15,11 +15,13 @@ import RemoveIcon from '@atlaskit/icon/glyph/editor/remove';
 import CogIcon from '@atlaskit/icon/glyph/editor/settings';
 import UnlinkIcon from '@atlaskit/icon/glyph/editor/unlink';
 import OpenIcon from '@atlaskit/icon/glyph/shortcut';
+import { getBooleanFF } from '@atlaskit/platform-feature-flags';
 import { changeSelectedCardToText } from './pm-plugins/doc';
 import { pluginKey } from './pm-plugins/main';
 import { buildEditLinkToolbar, editDatasource, editLink, editLinkToolbarConfig } from './ui/EditLinkToolbar';
 import { LinkToolbarAppearance } from './ui/LinkToolbarAppearance';
 import { SmallerEditIcon } from './ui/SmallerEditIcon';
+import { ToolbarViewedEvent } from './ui/ToolbarViewedEvent';
 import { appearanceForNodeType, displayInfoForCard, findCardInfo, titleUrlPairFromNode } from './utils';
 export var removeCard = function removeCard(editorAnalyticsApi) {
   return commandWithMetadata(function (state, dispatch) {
@@ -158,6 +160,26 @@ var withToolbarMetadata = function withToolbarMetadata(command) {
     inputMethod: INPUT_METHOD.FLOATING_TB
   });
 };
+var getToolbarViewedItem = function getToolbarViewedItem(url, display) {
+  if (!url) {
+    return [];
+  }
+  if (getBooleanFF('platform.linking-platform.editor.toolbar-viewed-event')) {
+    return [{
+      type: 'custom',
+      fallback: [],
+      render: function render(editorView) {
+        return /*#__PURE__*/React.createElement(ToolbarViewedEvent, {
+          key: "edit.link.menu.viewed",
+          url: url,
+          display: display,
+          editorView: editorView
+        });
+      }
+    }];
+  }
+  return [];
+};
 var generateToolbarItems = function generateToolbarItems(state, featureFlags, intl, providerFactory, cardOptions, platform, linkPicker, pluginInjectionApi) {
   return function (node) {
     var _pluginInjectionApi$d, _pluginInjectionApi$d2, _pluginInjectionApi$d3, _pluginInjectionApi$d4, _pluginInjectionApi$d5, _node$attrs, _node$attrs2, _node$attrs2$datasour;
@@ -257,7 +279,7 @@ var generateToolbarItems = function generateToolbarItems(state, featureFlags, in
       // This code will be executed only for appearances such as "inline", "block" & "embed"
       // For url appearance, please see HyperlinkToolbarAppearanceProps
       if (currentAppearance) {
-        toolbarItems.unshift({
+        toolbarItems.unshift.apply(toolbarItems, _toConsumableArray(getToolbarViewedItem(url, currentAppearance)).concat([{
           type: 'custom',
           fallback: [],
           render: function render(editorView) {
@@ -277,7 +299,7 @@ var generateToolbarItems = function generateToolbarItems(state, featureFlags, in
           }
         }, {
           type: 'separator'
-        });
+        }]));
       }
       return toolbarItems;
     }

package/dist/esm/ui/CardContextProvider.js

@@ -0,0 +1,36 @@
+import _classCallCheck from "@babel/runtime/helpers/classCallCheck";
+import _createClass from "@babel/runtime/helpers/createClass";
+import _inherits from "@babel/runtime/helpers/inherits";
+import _possibleConstructorReturn from "@babel/runtime/helpers/possibleConstructorReturn";
+import _getPrototypeOf from "@babel/runtime/helpers/getPrototypeOf";
+import _defineProperty from "@babel/runtime/helpers/defineProperty";
+function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
+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';
+/**
+ * Provides the link provider context via the legacy context adapter
+ * and children render function
+ */ // eslint-disable-next-line @repo/internal/react/no-class-components
+export var CardContextProvider = /*#__PURE__*/function (_React$Component) {
+  _inherits(CardContextProvider, _React$Component);
+  var _super = _createSuper(CardContextProvider);
+  function CardContextProvider() {
+    _classCallCheck(this, CardContextProvider);
+    return _super.apply(this, arguments);
+  }
+  _createClass(CardContextProvider, [{
+    key: "render",
+    value: function render() {
+      var _this$context$context;
+      var cardContext = this.context.contextAdapter ? (_this$context$context = this.context.contextAdapter.card) === null || _this$context$context === void 0 ? void 0 : _this$context$context.value : undefined;
+      return this.props.children({
+        cardContext: cardContext
+      });
+    }
+  }]);
+  return CardContextProvider;
+}(React.Component);
+_defineProperty(CardContextProvider, "contextTypes", {
+  contextAdapter: PropTypes.object
+});

package/dist/esm/ui/EditorAnalyticsContext.js

@@ -0,0 +1,24 @@
+import React from 'react';
+import { AnalyticsContext } from '@atlaskit/analytics-next';
+import { getAnalyticsEditorAppearance } from '@atlaskit/editor-common/utils';
+import { getPluginState } from '../pm-plugins/util/state';
+/**
+ * Provides location attribute to child events
+ */
+export var EditorAnalyticsContext = function EditorAnalyticsContext(_ref) {
+  var _getPluginState;
+  var editorView = _ref.editorView,
+    children = _ref.children;
+  var editorAppearance = editorView ? (_getPluginState = getPluginState(editorView.state)) === null || _getPluginState === void 0 ? void 0 : _getPluginState.editorAppearance : undefined;
+  var analyticsEditorAppearance = getAnalyticsEditorAppearance(editorAppearance);
+  var analyticsData = {
+    attributes: {
+      location: analyticsEditorAppearance
+    },
+    // Below is added for the future implementation of Linking Platform namespaced analytic context
+    location: analyticsEditorAppearance
+  };
+  return /*#__PURE__*/React.createElement(AnalyticsContext, {
+    data: analyticsData
+  }, children);
+};

package/dist/esm/ui/EditorSmartCardEventsNext.js

@@ -8,12 +8,11 @@ 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, { useEffect, useMemo } from 'react';
 import PropTypes from 'prop-types';
-import { AnalyticsContext, UIAnalyticsEvent } from '@atlaskit/analytics-next';
+import { UIAnalyticsEvent } from '@atlaskit/analytics-next';
 import { ACTION, INPUT_METHOD } from '@atlaskit/editor-common/analytics';
-import { getAnalyticsEditorAppearance } from '@atlaskit/editor-common/utils';
 import { useSmartLinkLifecycleAnalytics } from '@atlaskit/link-analytics';
 import { registerSmartCardEventsNext } from '../pm-plugins/actions';
-import { getPluginState } from '../pm-plugins/util/state';
+import { EditorAnalyticsContext } from './EditorAnalyticsContext';
 /**
  * If the metadata is for a history event,
  * returns undo/redo instead of instead of what fn(metadata) would have otherwise
@@ -169,7 +168,6 @@ export var EditorSmartCardEventsNext = /*#__PURE__*/function (_React$PureCompone
   _createClass(EditorSmartCardEventsNext, [{
     key: "render",
     value: function render() {
-      var _getPluginState;
       var cardContext = this.context.contextAdapter.card;
 
       /**
@@ -180,19 +178,10 @@ export var EditorSmartCardEventsNext = /*#__PURE__*/function (_React$PureCompone
       if (!cardContext) {
         return null;
       }
-      var editorAppearance = (_getPluginState = getPluginState(this.props.editorView.state)) === null || _getPluginState === void 0 ? void 0 : _getPluginState.editorAppearance;
-      var analyticsEditorAppearance = getAnalyticsEditorAppearance(editorAppearance);
-      var analyticsData = {
-        attributes: {
-          location: analyticsEditorAppearance
-        },
-        // Below is added for the future implementation of Linking Platform namespaced analytic context
-        location: analyticsEditorAppearance
-      };
       return /*#__PURE__*/React.createElement(cardContext.Provider, {
         value: cardContext.value
-      }, /*#__PURE__*/React.createElement(AnalyticsContext, {
-        data: analyticsData
+      }, /*#__PURE__*/React.createElement(EditorAnalyticsContext, {
+        editorView: this.props.editorView
       }, /*#__PURE__*/React.createElement(EventsBinding, this.props)));
     }
   }]);

package/dist/esm/ui/ToolbarViewedEvent.js

@@ -0,0 +1,62 @@
+import _defineProperty from "@babel/runtime/helpers/defineProperty";
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+import React, { useEffect } from 'react';
+import { useAnalyticsEvents } from '@atlaskit/analytics-next';
+import { getResolvedAttributes } from '@atlaskit/link-analytics/resolved-attributes';
+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
+ */
+var ToolbarViewedEventBase = function ToolbarViewedEventBase(_ref) {
+  var url = _ref.url,
+    display = _ref.display,
+    cardContext = _ref.cardContext;
+  var _useAnalyticsEvents = useAnalyticsEvents(),
+    createAnalyticsEvent = _useAnalyticsEvents.createAnalyticsEvent;
+  var store = cardContext === null || cardContext === void 0 ? void 0 : cardContext.store;
+  useEffect(function () {
+    createAnalyticsEvent({
+      action: 'viewed',
+      actionSubject: 'inlineDialog',
+      actionSubjectId: 'editLinkToolbar',
+      eventType: 'ui',
+      attributes: _objectSpread(_objectSpread({}, getResolvedAttributesFromStore(url, display, store)), {}, {
+        display: display
+      })
+    }).fire('media');
+  }, [createAnalyticsEvent, display, url, store]);
+  return null;
+};
+
+/**
+ * Provides analytics context and card context
+ */
+export var ToolbarViewedEvent = function ToolbarViewedEvent(_ref2) {
+  var url = _ref2.url,
+    display = _ref2.display,
+    editorView = _ref2.editorView;
+  return /*#__PURE__*/React.createElement(EditorAnalyticsContext, {
+    editorView: editorView
+  }, /*#__PURE__*/React.createElement(CardContextProvider, null, function (_ref3) {
+    var cardContext = _ref3.cardContext;
+    return url ? /*#__PURE__*/React.createElement(ToolbarViewedEventBase, {
+      url: url,
+      display: display,
+      cardContext: cardContext
+    }) : null;
+  }));
+};

package/dist/esm/version.json

@@ -1,5 +1,5 @@
 {
 	"name": "@atlaskit/editor-plugin-card",
-	"version": "0.2.4",
+	"version": "0.3.0",
 	"sideEffects": false
 }

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

@@ -0,0 +1,19 @@
+import React from 'react';
+import PropTypes from 'prop-types';
+import type { CardContext } from '@atlaskit/link-provider';
+type CardContextProviderProps = {
+    children: ({ cardContext }: {
+        cardContext?: CardContext;
+    }) => React.ReactNode;
+};
+/**
+ * Provides the link provider context via the legacy context adapter
+ * and children render function
+ */
+export declare class CardContextProvider extends React.Component<CardContextProviderProps, {}> {
+    static contextTypes: {
+        contextAdapter: PropTypes.Requireable<object>;
+    };
+    render(): React.ReactNode;
+}
+export {};

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

@@ -0,0 +1,10 @@
+import React from 'react';
+import { EditorView } from 'prosemirror-view';
+export type EditorAnalyticsContextProps = {
+    editorView?: EditorView;
+    children: React.ReactNode;
+};
+/**
+ * Provides location attribute to child events
+ */
+export declare const EditorAnalyticsContext: ({ editorView, children, }: EditorAnalyticsContextProps) => JSX.Element;

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

@@ -0,0 +1,11 @@
+/// <reference types="react" />
+import { EditorAnalyticsContextProps } from './EditorAnalyticsContext';
+type ToolbarViewedEventProps = {
+    url?: string;
+    display: string | null;
+};
+/**
+ * Provides analytics context and card context
+ */
+export declare const ToolbarViewedEvent: ({ url, display, editorView, }: ToolbarViewedEventProps & Omit<EditorAnalyticsContextProps, 'children'>) => JSX.Element;
+export {};

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

@@ -0,0 +1,19 @@
+import React from 'react';
+import PropTypes from 'prop-types';
+import type { CardContext } from '@atlaskit/link-provider';
+type CardContextProviderProps = {
+    children: ({ cardContext }: {
+        cardContext?: CardContext;
+    }) => React.ReactNode;
+};
+/**
+ * Provides the link provider context via the legacy context adapter
+ * and children render function
+ */
+export declare class CardContextProvider extends React.Component<CardContextProviderProps, {}> {
+    static contextTypes: {
+        contextAdapter: PropTypes.Requireable<object>;
+    };
+    render(): React.ReactNode;
+}
+export {};

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

@@ -0,0 +1,10 @@
+import React from 'react';
+import { EditorView } from 'prosemirror-view';
+export type EditorAnalyticsContextProps = {
+    editorView?: EditorView;
+    children: React.ReactNode;
+};
+/**
+ * Provides location attribute to child events
+ */
+export declare const EditorAnalyticsContext: ({ editorView, children, }: EditorAnalyticsContextProps) => JSX.Element;

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

@@ -0,0 +1,11 @@
+/// <reference types="react" />
+import { EditorAnalyticsContextProps } from './EditorAnalyticsContext';
+type ToolbarViewedEventProps = {
+    url?: string;
+    display: string | null;
+};
+/**
+ * Provides analytics context and card context
+ */
+export declare const ToolbarViewedEvent: ({ url, display, editorView, }: ToolbarViewedEventProps & Omit<EditorAnalyticsContextProps, 'children'>) => JSX.Element;
+export {};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@atlaskit/editor-plugin-card",
-  "version": "0.2.4",
+  "version": "0.3.0",
   "description": "Card plugin for @atlaskit/editor-core",
   "author": "Atlassian Pty Ltd",
   "license": "Apache-2.0",
@@ -31,9 +31,9 @@
     ".": "./src/index.ts"
   },
   "dependencies": {
-    "@atlaskit/adf-schema": "^26.1.0",
+    "@atlaskit/adf-schema": "^26.4.0",
     "@atlaskit/analytics-next": "^9.1.0",
-    "@atlaskit/editor-common": "^74.26.0",
+    "@atlaskit/editor-common": "^74.29.0",
     "@atlaskit/editor-plugin-analytics": "^0.1.0",
     "@atlaskit/editor-plugin-decorations": "^0.1.0",
     "@atlaskit/editor-plugin-feature-flags": "^0.1.0",
@@ -41,11 +41,12 @@
     "@atlaskit/editor-plugin-grid": "^0.1.0",
     "@atlaskit/editor-plugin-hyperlink": "^0.2.0",
     "@atlaskit/editor-plugin-width": "^0.1.0",
-    "@atlaskit/editor-shared-styles": "^2.4.0",
+    "@atlaskit/editor-shared-styles": "^2.5.0",
     "@atlaskit/icon": "^21.12.0",
     "@atlaskit/link-analytics": "^8.2.0",
-    "@atlaskit/link-datasource": "^0.29.0",
-    "@atlaskit/smart-card": "^26.9.0",
+    "@atlaskit/link-datasource": "^0.30.0",
+    "@atlaskit/platform-feature-flags": "^0.2.0",
+    "@atlaskit/smart-card": "^26.12.0",
     "@atlaskit/theme": "^12.5.0",
     "@atlaskit/tokens": "^1.13.0",
     "@babel/runtime": "^7.0.0",
@@ -69,7 +70,7 @@
   "devDependencies": {
     "@atlaskit/activity-provider": "^2.4.0",
     "@atlaskit/editor-test-helpers": "^18.9.0",
-    "@atlaskit/link-test-helpers": "^4.2.0",
+    "@atlaskit/link-test-helpers": "^6.0.0",
     "@atlaskit/media-test-helpers": "^33.0.0",
     "@atlaskit/ssr": "*",
     "@atlaskit/util-data-test": "^17.8.0",
@@ -121,6 +122,9 @@
   "platform-feature-flags": {
     "platform.linking-platform.datasource-jira_issues": {
       "type": "boolean"
+    },
+    "platform.linking-platform.editor.toolbar-viewed-event": {
+      "type": "boolean"
     }
   }
 }