@atlaskit/editor-plugin-card 13.1.20 → 14.0.1

package/CHANGELOG.md

@@ -1,5 +1,25 @@
 # @atlaskit/editor-plugin-card
 
+## 14.0.1
+
+### Patch Changes
+
+- [`1bd6f56c55358`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/1bd6f56c55358) -
+  Add gated analytics for Smart Link go-to-link actions, including extensionKey, status, and
+  statusDetails, with supporting editor/card test updates.
+- Updated dependencies
+
+## 14.0.0
+
+### Major Changes
+
+- [`6bdbecda5afa7`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/6bdbecda5afa7) -
+  Clean up editor_fix_embed_width_expand
+
+### Patch Changes
+
+- Updated dependencies
+
 ## 13.1.20
 
 ### Patch Changes

package/dist/cjs/nodeviews/embedCard.js

@@ -28,7 +28,6 @@ var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 var _platformFeatureFlagsReact = require("@atlaskit/platform-feature-flags-react");
 var _smartCard = require("@atlaskit/smart-card");
 var _ssr = require("@atlaskit/smart-card/ssr");
-var _expValEquals = require("@atlaskit/tmp-editor-statsig/exp-val-equals");
 var _experiments = require("@atlaskit/tmp-editor-statsig/experiments");
 var _actions = require("../pm-plugins/actions");
 var _ResizableEmbedCard = _interopRequireDefault(require("../ui/ResizableEmbedCard"));
@@ -224,7 +223,7 @@ var EmbedCardComponent = exports.EmbedCardComponent = /*#__PURE__*/function (_Re
         }
         if (domNode instanceof HTMLElement) {
           var measuredWidth = domNode.offsetWidth;
-          if (measuredWidth <= 1 && (0, _expValEquals.expValEquals)('editor_fix_embed_width_expand', 'isEnabled', true)) {
+          if (measuredWidth <= 1) {
             _this.scheduleLineLengthRemeasureRaf(view);
             return originalLineLength;
           }

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

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.showLinkToolbar = exports.showDatasourceModal = exports.setProvider = exports.setDatasourceTableRef = exports.setDatasourceStash = exports.setCardLayoutAndDatasourceTableRef = exports.setCardLayout = exports.resolveCard = exports.removeDatasourceStash = exports.removeCard = exports.registerSmartCardEvents = exports.registerRemoveOverlay = exports.registerCard = exports.queueCards = exports.hideLinkToolbar = exports.hideDatasourceModal = exports.clearOverlayCandidate = exports.cardAction = void 0;
+exports.showLinkToolbar = exports.showDatasourceModal = exports.setResolvedToolbarAttributes = exports.setProvider = exports.setDatasourceTableRef = exports.setDatasourceStash = exports.setCardLayoutAndDatasourceTableRef = exports.setCardLayout = exports.resolveCard = exports.removeDatasourceStash = exports.removeCard = exports.registerSmartCardEvents = exports.registerRemoveOverlay = exports.registerCard = exports.queueCards = exports.hideLinkToolbar = exports.hideDatasourceModal = exports.clearOverlayCandidate = exports.cardAction = void 0;
 var _pluginKey = require("./plugin-key");
 var cardAction = exports.cardAction = function cardAction(tr, action) {
   return tr.setMeta(_pluginKey.pluginKey, action);
@@ -73,6 +73,15 @@ var setDatasourceTableRef = exports.setDatasourceTableRef = function setDatasour
     });
   };
 };
+var setResolvedToolbarAttributes = exports.setResolvedToolbarAttributes = function setResolvedToolbarAttributes(url, attributes) {
+  return function (tr) {
+    return cardAction(tr, {
+      type: 'SET_RESOLVED_TOOLBAR_ATTRIBUTES',
+      url: url,
+      attributes: attributes
+    });
+  };
+};
 var setCardLayout = exports.setCardLayout = function setCardLayout(layout) {
   return function (tr) {
     return cardAction(tr, {

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

@@ -82,6 +82,7 @@ var createPlugin = exports.createPlugin = function createPlugin(options, pluginI
             provider: null,
             cards: [],
             datasourceStash: {},
+            resolvedToolbarAttributesByUrl: {},
             showLinkingToolbar: false,
             smartLinkEvents: undefined,
             editorAppearance: editorAppearance,

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

@@ -57,6 +57,11 @@ var setDatasourceTableRef = function setDatasourceTableRef(state, action) {
     datasourceTableRef: action.datasourceTableRef
   });
 };
+var setResolvedToolbarAttributes = function setResolvedToolbarAttributes(state, action) {
+  return _objectSpread(_objectSpread({}, state), {}, {
+    resolvedToolbarAttributesByUrl: _objectSpread(_objectSpread({}, state.resolvedToolbarAttributesByUrl), {}, (0, _defineProperty2.default)({}, action.url, action.attributes))
+  });
+};
 var setCardLayoutDatasourceTableRef = function setCardLayoutDatasourceTableRef(state, action) {
   return _objectSpread(_objectSpread({}, state), {}, {
     datasourceTableRef: action.datasourceTableRef,
@@ -131,6 +136,8 @@ var _default = exports.default = function _default(state, action) {
       return registerEvents(state, action);
     case 'SET_DATASOURCE_TABLE_REF':
       return setDatasourceTableRef(state, action);
+    case 'SET_RESOLVED_TOOLBAR_ATTRIBUTES':
+      return setResolvedToolbarAttributes(state, action);
     case 'SET_CARD_LAYOUT':
       return setCardLayout(state, action);
     case 'SET_CARD_LAYOUT_AND_DATASOURCE_TABLE_REF':

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

@@ -68,9 +68,7 @@ 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
-// eslint-disable-next-line @typescript-eslint/no-empty-object-type
-) {
+var getResolvedAttributesFromStore = exports.getResolvedAttributesFromStore = function getResolvedAttributesFromStore(url, display, store) {
   if (!store) {
     return {};
   }

package/dist/cjs/ui/ToolbarViewedEvent.js

@@ -10,32 +10,49 @@ var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/de
 var _react = _interopRequireWildcard(require("react"));
 var _useAnalyticsEvents2 = require("@atlaskit/analytics-next/useAnalyticsEvents");
 var _linkProvider = require("@atlaskit/link-provider");
+var _actions = require("../pm-plugins/actions");
+var _state = require("../pm-plugins/util/state");
 var _utils = require("../pm-plugins/utils");
 var _EditorAnalyticsContext = require("./EditorAnalyticsContext");
 function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
 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 areResolvedAttributesEqual = function areResolvedAttributesEqual(current, next) {
+  return (current === null || current === void 0 ? void 0 : current.displayCategory) === (next === null || next === void 0 ? void 0 : next.displayCategory) && (current === null || current === void 0 ? void 0 : current.extensionKey) === (next === null || next === void 0 ? void 0 : next.extensionKey) && (current === null || current === void 0 ? void 0 : current.status) === (next === null || next === void 0 ? void 0 : next.status) && (current === null || current === void 0 ? void 0 : current.statusDetails) === (next === null || next === void 0 ? void 0 : next.statusDetails);
+};
+
 /**
  * Handles firing the toolbar viewed event
  */
 var ToolbarViewedEventBase = function ToolbarViewedEventBase(_ref) {
   var url = _ref.url,
     display = _ref.display,
-    cardContext = _ref.cardContext;
+    cardContext = _ref.cardContext,
+    editorView = _ref.editorView;
   var _useAnalyticsEvents = (0, _useAnalyticsEvents2.useAnalyticsEvents)(),
     createAnalyticsEvent = _useAnalyticsEvents.createAnalyticsEvent;
   var store = cardContext === null || cardContext === void 0 ? void 0 : cardContext.store;
   (0, _react.useEffect)(function () {
+    var _getPluginState;
+    var resolvedAttributes = (0, _utils.getResolvedAttributesFromStore)(url, display, store);
     createAnalyticsEvent({
       action: 'viewed',
       actionSubject: 'inlineDialog',
       actionSubjectId: 'editLinkToolbar',
       eventType: 'ui',
-      attributes: _objectSpread(_objectSpread({}, (0, _utils.getResolvedAttributesFromStore)(url, display, store)), {}, {
+      attributes: _objectSpread(_objectSpread({}, resolvedAttributes), {}, {
         display: display
       })
     }).fire('media');
-  }, [createAnalyticsEvent, display, url, store]);
+    if (!editorView) {
+      return;
+    }
+    var currentResolvedAttributes = (_getPluginState = (0, _state.getPluginState)(editorView.state)) === null || _getPluginState === void 0 ? void 0 : _getPluginState.resolvedToolbarAttributesByUrl[url];
+    if (areResolvedAttributesEqual(currentResolvedAttributes, resolvedAttributes)) {
+      return;
+    }
+    editorView.dispatch((0, _actions.setResolvedToolbarAttributes)(url, resolvedAttributes)(editorView.state.tr));
+  }, [createAnalyticsEvent, display, editorView, url, store]);
   return null;
 };
 
@@ -52,6 +69,7 @@ var ToolbarViewedEvent = exports.ToolbarViewedEvent = function ToolbarViewedEven
   }, url ? /*#__PURE__*/_react.default.createElement(ToolbarViewedEventBase, {
     url: url,
     display: display,
-    cardContext: cardContext
+    cardContext: cardContext,
+    editorView: editorView
   }) : null);
 };

package/dist/cjs/ui/toolbar.js

@@ -28,6 +28,7 @@ var _edit = _interopRequireDefault(require("@atlaskit/icon/core/edit"));
 var _linkBroken = _interopRequireDefault(require("@atlaskit/icon/core/link-broken"));
 var _linkExternal = _interopRequireDefault(require("@atlaskit/icon/core/link-external"));
 var _settings = _interopRequireDefault(require("@atlaskit/icon/core/settings"));
+var _expValEquals = require("@atlaskit/tmp-editor-statsig/exp-val-equals");
 var _experiments = require("@atlaskit/tmp-editor-statsig/experiments");
 var _doc = require("../pm-plugins/doc");
 var _pluginKey = require("../pm-plugins/plugin-key");
@@ -85,6 +86,30 @@ var visitCardLinkAnalytics = exports.visitCardLinkAnalytics = function visitCard
     return true;
   };
 };
+var fireOpenLinkToolbarAnalytics = function fireOpenLinkToolbarAnalytics(editorAnalyticsApi, inputMethod) {
+  var resolvedAttributes = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : {};
+  return function (state, dispatch) {
+    var linkAnalyticsRecorded = visitCardLinkAnalytics(editorAnalyticsApi, inputMethod)(state, dispatch);
+    if (!linkAnalyticsRecorded) {
+      return false;
+    }
+    if ((0, _expValEquals.expValEquals)('cc_integrations_editor_open_link_click_analytics', 'isEnabled', true)) {
+      editorAnalyticsApi === null || editorAnalyticsApi === void 0 || editorAnalyticsApi.fireAnalyticsEvent({
+        action: _analytics.ACTION.CLICKED,
+        actionSubject: _analytics.ACTION_SUBJECT.BUTTON,
+        actionSubjectId: _analytics.ACTION_SUBJECT_ID.OPEN_LINK,
+        attributes: {
+          displayCategory: resolvedAttributes.displayCategory,
+          extensionKey: resolvedAttributes.extensionKey,
+          status: resolvedAttributes.status,
+          statusDetails: resolvedAttributes.statusDetails
+        },
+        eventType: _analytics.EVENT_TYPE.UI
+      });
+    }
+    return true;
+  };
+};
 var openLinkSettings = exports.openLinkSettings = function openLinkSettings(editorAnalyticsApi) {
   return function (state, dispatch) {
     if (!(state.selection instanceof _state2.NodeSelection)) {
@@ -261,7 +286,7 @@ var generateToolbarItems = function generateToolbarItems(state, intl, providerFa
     } else if (shouldRenderDatasourceToolbar) {
       return getDatasourceButtonGroup(metadata, intl, editorAnalyticsApi, node, hoverDecoration, node.attrs.datasource.id, state, cardOptions, currentAppearance, pluginInjectionApi);
     } else {
-      var _pluginInjectionApi$c;
+      var _pluginInjectionApi$c, _pluginState$resolved;
       var inlineCard = state.schema.nodes.inlineCard;
       var editItems = cardOptions.allowDatasource ? [{
         type: 'custom',
@@ -343,7 +368,8 @@ var generateToolbarItems = function generateToolbarItems(state, intl, providerFa
           });
         }
       }] : [];
-      var toolbarItems = areAllNewToolbarFlagsDisabled ? [].concat(editItems, commentItems, openPreviewPanelItems, [{
+      var resolvedToolbarAttributes = url ? (_pluginState$resolved = pluginState === null || pluginState === void 0 ? void 0 : pluginState.resolvedToolbarAttributesByUrl[url]) !== null && _pluginState$resolved !== void 0 ? _pluginState$resolved : {} : {};
+      var openLinkToolbarItem = {
         id: 'editor.link.openLink',
         type: 'button',
         icon: _linkExternal.default,
@@ -351,10 +377,11 @@ var generateToolbarItems = function generateToolbarItems(state, intl, providerFa
         metadata: metadata,
         className: 'hyperlink-open-link',
         title: intl.formatMessage(_messages.linkMessages.openLink),
-        onClick: visitCardLinkAnalytics(editorAnalyticsApi, openLinkInputMethod),
+        onClick: fireOpenLinkToolbarAnalytics(editorAnalyticsApi, openLinkInputMethod, resolvedToolbarAttributes),
         href: url,
         target: '_blank'
-      }, {
+      };
+      var toolbarItems = areAllNewToolbarFlagsDisabled ? [].concat(editItems, commentItems, openPreviewPanelItems, [openLinkToolbarItem, {
         type: 'separator'
       }], (0, _toConsumableArray2.default)(getUnlinkButtonGroup(state, intl, node, inlineCard, editorAnalyticsApi, !areAllNewToolbarFlagsDisabled)), [{
         type: 'copy-button',
@@ -383,18 +410,7 @@ var generateToolbarItems = function generateToolbarItems(state, intl, providerFa
       }]) : [].concat(editButtonItems, (0, _toConsumableArray2.default)([].concat((0, _toConsumableArray2.default)(getUnlinkButtonGroup(state, intl, node, inlineCard, editorAnalyticsApi, !areAllNewToolbarFlagsDisabled)), [{
         type: 'separator',
         fullHeight: true
-      }])), openPreviewPanelItems, [{
-        id: 'editor.link.openLink',
-        type: 'button',
-        icon: _linkExternal.default,
-        iconFallback: _linkExternal.default,
-        metadata: metadata,
-        className: 'hyperlink-open-link',
-        title: intl.formatMessage(_messages.linkMessages.openLink),
-        onClick: visitCardLinkAnalytics(editorAnalyticsApi, openLinkInputMethod),
-        href: url,
-        target: '_blank'
-      }], (0, _toConsumableArray2.default)(commentItems.length > 1 ? [{
+      }])), openPreviewPanelItems, [openLinkToolbarItem], (0, _toConsumableArray2.default)(commentItems.length > 1 ? [{
         type: 'separator',
         fullHeight: true
       }, commentItems[0]] : commentItems));
@@ -534,8 +550,9 @@ var getSettingsButton = exports.getSettingsButton = function getSettingsButton(i
   };
 };
 var getDatasourceButtonGroup = function getDatasourceButtonGroup(metadata, intl, editorAnalyticsApi, node, hoverDecoration, datasourceId, state, cardOptions, currentAppearance, pluginInjectionApi) {
-  var _node$attrs2;
+  var _node$attrs2, _node$attrs3;
   var toolbarItems = [];
+  toolbarItems.push.apply(toolbarItems, (0, _toConsumableArray2.default)(getToolbarViewedItem(node === null || node === void 0 || (_node$attrs2 = node.attrs) === null || _node$attrs2 === void 0 ? void 0 : _node$attrs2.url, currentAppearance !== null && currentAppearance !== void 0 ? currentAppearance : 'url')));
   var areAllNewToolbarFlagsDisabled = !(0, _toolbarFlagCheck.areToolbarFlagsEnabled)(Boolean(pluginInjectionApi === null || pluginInjectionApi === void 0 ? void 0 : pluginInjectionApi.toolbar));
   var canShowAppearanceSwitch = function canShowAppearanceSwitch() {
     // we do not show smart-link or the datasource icons when the node does not have a url to resolve
@@ -607,6 +624,7 @@ var getDatasourceButtonGroup = function getDatasourceButtonGroup(metadata, intl,
     }
   }
   var openLinkInputMethod = _analytics.INPUT_METHOD.FLOATING_TB;
+  var pluginState = _pluginKey.pluginKey.getState(state);
   toolbarItems.push({
     type: 'custom',
     fallback: [],
@@ -625,7 +643,8 @@ var getDatasourceButtonGroup = function getDatasourceButtonGroup(metadata, intl,
       });
     }
   });
-  if (node !== null && node !== void 0 && (_node$attrs2 = node.attrs) !== null && _node$attrs2 !== void 0 && _node$attrs2.url) {
+  if (node !== null && node !== void 0 && (_node$attrs3 = node.attrs) !== null && _node$attrs3 !== void 0 && _node$attrs3.url) {
+    var _pluginState$resolved2;
     toolbarItems.push({
       id: 'editor.link.openLink',
       type: 'button',
@@ -634,7 +653,7 @@ var getDatasourceButtonGroup = function getDatasourceButtonGroup(metadata, intl,
       metadata: metadata,
       className: 'hyperlink-open-link',
       title: intl.formatMessage(_messages.linkMessages.openLink),
-      onClick: visitCardLinkAnalytics(editorAnalyticsApi, openLinkInputMethod),
+      onClick: fireOpenLinkToolbarAnalytics(editorAnalyticsApi, openLinkInputMethod, (_pluginState$resolved2 = pluginState === null || pluginState === void 0 ? void 0 : pluginState.resolvedToolbarAttributesByUrl[node.attrs.url]) !== null && _pluginState$resolved2 !== void 0 ? _pluginState$resolved2 : {}),
       href: node.attrs.url,
       target: '_blank'
     });

package/dist/es2019/nodeviews/embedCard.js

@@ -16,7 +16,6 @@ import { fg } from '@atlaskit/platform-feature-flags';
 import { componentWithCondition } from '@atlaskit/platform-feature-flags-react';
 import { EmbedResizeMessageListener, Card as SmartCard } from '@atlaskit/smart-card';
 import { CardSSR } from '@atlaskit/smart-card/ssr';
-import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
 import { editorExperiment } from '@atlaskit/tmp-editor-statsig/experiments';
 import { registerCard, removeCard } from '../pm-plugins/actions';
 import ResizableEmbedCard from '../ui/ResizableEmbedCard';
@@ -216,7 +215,7 @@ export class EmbedCardComponent extends React.PureComponent {
         }
         if (domNode instanceof HTMLElement) {
           const measuredWidth = domNode.offsetWidth;
-          if (measuredWidth <= 1 && expValEquals('editor_fix_embed_width_expand', 'isEnabled', true)) {
+          if (measuredWidth <= 1) {
             this.scheduleLineLengthRemeasureRaf(view);
             return originalLineLength;
           }

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

@@ -35,6 +35,11 @@ export const setDatasourceTableRef = datasourceTableRef => tr => cardAction(tr,
   type: 'SET_DATASOURCE_TABLE_REF',
   datasourceTableRef
 });
+export const setResolvedToolbarAttributes = (url, attributes) => tr => cardAction(tr, {
+  type: 'SET_RESOLVED_TOOLBAR_ATTRIBUTES',
+  url,
+  attributes
+});
 export const setCardLayout = layout => tr => cardAction(tr, {
   type: 'SET_CARD_LAYOUT',
   layout

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

@@ -72,6 +72,7 @@ export const createPlugin = (options, pluginInjectionApi) => pmPluginFactoryPara
           provider: null,
           cards: [],
           datasourceStash: {},
+          resolvedToolbarAttributesByUrl: {},
           showLinkingToolbar: false,
           smartLinkEvents: undefined,
           editorAppearance,

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

@@ -46,6 +46,15 @@ const setDatasourceTableRef = (state, action) => {
     datasourceTableRef: action.datasourceTableRef
   };
 };
+const setResolvedToolbarAttributes = (state, action) => {
+  return {
+    ...state,
+    resolvedToolbarAttributesByUrl: {
+      ...state.resolvedToolbarAttributesByUrl,
+      [action.url]: action.attributes
+    }
+  };
+};
 const setCardLayoutDatasourceTableRef = (state, action) => {
   return {
     ...state,
@@ -132,6 +141,8 @@ export default ((state, action) => {
       return registerEvents(state, action);
     case 'SET_DATASOURCE_TABLE_REF':
       return setDatasourceTableRef(state, action);
+    case 'SET_RESOLVED_TOOLBAR_ATTRIBUTES':
+      return setResolvedToolbarAttributes(state, action);
     case 'SET_CARD_LAYOUT':
       return setCardLayout(state, action);
     case 'SET_CARD_LAYOUT_AND_DATASOURCE_TABLE_REF':

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

@@ -54,9 +54,7 @@ const isAppearanceSupportedInParent = (currentNodePosition, editorState, fragmen
 };
 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 getResolvedAttributesFromStore = (url, display, store
-// eslint-disable-next-line @typescript-eslint/no-empty-object-type
-) => {
+export const getResolvedAttributesFromStore = (url, display, store) => {
   if (!store) {
     return {};
   }

package/dist/es2019/ui/ToolbarViewedEvent.js

@@ -1,32 +1,47 @@
 import React, { useEffect } from 'react';
 import { useAnalyticsEvents } from '@atlaskit/analytics-next/useAnalyticsEvents';
 import { useSmartLinkContext } from '@atlaskit/link-provider';
+import { setResolvedToolbarAttributes } from '../pm-plugins/actions';
+import { getPluginState } from '../pm-plugins/util/state';
 import { getResolvedAttributesFromStore } from '../pm-plugins/utils';
 import { EditorAnalyticsContext } from './EditorAnalyticsContext';
+const areResolvedAttributesEqual = (current, next) => (current === null || current === void 0 ? void 0 : current.displayCategory) === (next === null || next === void 0 ? void 0 : next.displayCategory) && (current === null || current === void 0 ? void 0 : current.extensionKey) === (next === null || next === void 0 ? void 0 : next.extensionKey) && (current === null || current === void 0 ? void 0 : current.status) === (next === null || next === void 0 ? void 0 : next.status) && (current === null || current === void 0 ? void 0 : current.statusDetails) === (next === null || next === void 0 ? void 0 : next.statusDetails);
+
 /**
  * Handles firing the toolbar viewed event
  */
 const ToolbarViewedEventBase = ({
   url,
   display,
-  cardContext
+  cardContext,
+  editorView
 }) => {
   const {
     createAnalyticsEvent
   } = useAnalyticsEvents();
   const store = cardContext === null || cardContext === void 0 ? void 0 : cardContext.store;
   useEffect(() => {
+    var _getPluginState;
+    const resolvedAttributes = getResolvedAttributesFromStore(url, display, store);
     createAnalyticsEvent({
       action: 'viewed',
       actionSubject: 'inlineDialog',
       actionSubjectId: 'editLinkToolbar',
       eventType: 'ui',
       attributes: {
-        ...getResolvedAttributesFromStore(url, display, store),
+        ...resolvedAttributes,
         display
       }
     }).fire('media');
-  }, [createAnalyticsEvent, display, url, store]);
+    if (!editorView) {
+      return;
+    }
+    const currentResolvedAttributes = (_getPluginState = getPluginState(editorView.state)) === null || _getPluginState === void 0 ? void 0 : _getPluginState.resolvedToolbarAttributesByUrl[url];
+    if (areResolvedAttributesEqual(currentResolvedAttributes, resolvedAttributes)) {
+      return;
+    }
+    editorView.dispatch(setResolvedToolbarAttributes(url, resolvedAttributes)(editorView.state.tr));
+  }, [createAnalyticsEvent, display, editorView, url, store]);
   return null;
 };
 
@@ -44,6 +59,7 @@ export const ToolbarViewedEvent = ({
   }, url ? /*#__PURE__*/React.createElement(ToolbarViewedEventBase, {
     url: url,
     display: display,
-    cardContext: cardContext
+    cardContext: cardContext,
+    editorView: editorView
   }) : null);
 };

package/dist/es2019/ui/toolbar.js

@@ -18,6 +18,7 @@ import EditIcon from '@atlaskit/icon/core/edit';
 import LinkBrokenIcon from '@atlaskit/icon/core/link-broken';
 import LinkExternalIcon from '@atlaskit/icon/core/link-external';
 import CogIcon from '@atlaskit/icon/core/settings';
+import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
 import { editorExperiment } from '@atlaskit/tmp-editor-statsig/experiments';
 import { changeSelectedCardToText } from '../pm-plugins/doc';
 import { pluginKey } from '../pm-plugins/plugin-key';
@@ -74,6 +75,27 @@ export const visitCardLinkAnalytics = (editorAnalyticsApi, inputMethod) => (stat
   }
   return true;
 };
+const fireOpenLinkToolbarAnalytics = (editorAnalyticsApi, inputMethod, resolvedAttributes = {}) => (state, dispatch) => {
+  const linkAnalyticsRecorded = visitCardLinkAnalytics(editorAnalyticsApi, inputMethod)(state, dispatch);
+  if (!linkAnalyticsRecorded) {
+    return false;
+  }
+  if (expValEquals('cc_integrations_editor_open_link_click_analytics', 'isEnabled', true)) {
+    editorAnalyticsApi === null || editorAnalyticsApi === void 0 ? void 0 : editorAnalyticsApi.fireAnalyticsEvent({
+      action: ACTION.CLICKED,
+      actionSubject: ACTION_SUBJECT.BUTTON,
+      actionSubjectId: ACTION_SUBJECTID.OPEN_LINK,
+      attributes: {
+        displayCategory: resolvedAttributes.displayCategory,
+        extensionKey: resolvedAttributes.extensionKey,
+        status: resolvedAttributes.status,
+        statusDetails: resolvedAttributes.statusDetails
+      },
+      eventType: EVENT_TYPE.UI
+    });
+  }
+  return true;
+};
 export const openLinkSettings = editorAnalyticsApi => (state, dispatch) => {
   if (!(state.selection instanceof NodeSelection)) {
     return false;
@@ -253,7 +275,7 @@ const generateToolbarItems = (state, intl, providerFactory, cardOptions, lpLinkP
   } else if (shouldRenderDatasourceToolbar) {
     return getDatasourceButtonGroup(metadata, intl, editorAnalyticsApi, node, hoverDecoration, node.attrs.datasource.id, state, cardOptions, currentAppearance, pluginInjectionApi);
   } else {
-    var _pluginInjectionApi$c, _pluginInjectionApi$c2, _pluginInjectionApi$c3;
+    var _pluginInjectionApi$c, _pluginInjectionApi$c2, _pluginInjectionApi$c3, _pluginState$resolved;
     const {
       inlineCard
     } = state.schema.nodes;
@@ -331,7 +353,8 @@ const generateToolbarItems = (state, intl, providerFactory, cardOptions, lpLinkP
         areAnyNewToolbarFlagsEnabled: !areAllNewToolbarFlagsDisabled
       })
     }] : [];
-    const toolbarItems = areAllNewToolbarFlagsDisabled ? [...editItems, ...commentItems, ...openPreviewPanelItems, {
+    const resolvedToolbarAttributes = url ? (_pluginState$resolved = pluginState === null || pluginState === void 0 ? void 0 : pluginState.resolvedToolbarAttributesByUrl[url]) !== null && _pluginState$resolved !== void 0 ? _pluginState$resolved : {} : {};
+    const openLinkToolbarItem = {
       id: 'editor.link.openLink',
       type: 'button',
       icon: LinkExternalIcon,
@@ -339,10 +362,11 @@ const generateToolbarItems = (state, intl, providerFactory, cardOptions, lpLinkP
       metadata: metadata,
       className: 'hyperlink-open-link',
       title: intl.formatMessage(linkMessages.openLink),
-      onClick: visitCardLinkAnalytics(editorAnalyticsApi, openLinkInputMethod),
+      onClick: fireOpenLinkToolbarAnalytics(editorAnalyticsApi, openLinkInputMethod, resolvedToolbarAttributes),
       href: url,
       target: '_blank'
-    }, {
+    };
+    const toolbarItems = areAllNewToolbarFlagsDisabled ? [...editItems, ...commentItems, ...openPreviewPanelItems, openLinkToolbarItem, {
       type: 'separator'
     }, ...getUnlinkButtonGroup(state, intl, node, inlineCard, editorAnalyticsApi, !areAllNewToolbarFlagsDisabled), {
       type: 'copy-button',
@@ -371,18 +395,7 @@ const generateToolbarItems = (state, intl, providerFactory, cardOptions, lpLinkP
     }] : [...editButtonItems, ...[...getUnlinkButtonGroup(state, intl, node, inlineCard, editorAnalyticsApi, !areAllNewToolbarFlagsDisabled), {
       type: 'separator',
       fullHeight: true
-    }], ...openPreviewPanelItems, {
-      id: 'editor.link.openLink',
-      type: 'button',
-      icon: LinkExternalIcon,
-      iconFallback: LinkExternalIcon,
-      metadata: metadata,
-      className: 'hyperlink-open-link',
-      title: intl.formatMessage(linkMessages.openLink),
-      onClick: visitCardLinkAnalytics(editorAnalyticsApi, openLinkInputMethod),
-      href: url,
-      target: '_blank'
-    }, ...(commentItems.length > 1 ? [{
+    }], ...openPreviewPanelItems, openLinkToolbarItem, ...(commentItems.length > 1 ? [{
       type: 'separator',
       fullHeight: true
     }, commentItems[0]] : commentItems)];
@@ -519,8 +532,9 @@ export const getSettingsButton = (intl, editorAnalyticsApi, userPreferencesLink)
   };
 };
 const getDatasourceButtonGroup = (metadata, intl, editorAnalyticsApi, node, hoverDecoration, datasourceId, state, cardOptions, currentAppearance, pluginInjectionApi) => {
-  var _node$attrs2;
+  var _node$attrs2, _node$attrs3;
   const toolbarItems = [];
+  toolbarItems.push(...getToolbarViewedItem(node === null || node === void 0 ? void 0 : (_node$attrs2 = node.attrs) === null || _node$attrs2 === void 0 ? void 0 : _node$attrs2.url, currentAppearance !== null && currentAppearance !== void 0 ? currentAppearance : 'url'));
   const areAllNewToolbarFlagsDisabled = !areToolbarFlagsEnabled(Boolean(pluginInjectionApi === null || pluginInjectionApi === void 0 ? void 0 : pluginInjectionApi.toolbar));
   const canShowAppearanceSwitch = () => {
     // we do not show smart-link or the datasource icons when the node does not have a url to resolve
@@ -594,6 +608,7 @@ const getDatasourceButtonGroup = (metadata, intl, editorAnalyticsApi, node, hove
     }
   }
   const openLinkInputMethod = INPUT_METHOD.FLOATING_TB;
+  const pluginState = pluginKey.getState(state);
   toolbarItems.push({
     type: 'custom',
     fallback: [],
@@ -610,7 +625,8 @@ const getDatasourceButtonGroup = (metadata, intl, editorAnalyticsApi, node, hove
       areAnyNewToolbarFlagsEnabled: !areAllNewToolbarFlagsDisabled
     })
   });
-  if (node !== null && node !== void 0 && (_node$attrs2 = node.attrs) !== null && _node$attrs2 !== void 0 && _node$attrs2.url) {
+  if (node !== null && node !== void 0 && (_node$attrs3 = node.attrs) !== null && _node$attrs3 !== void 0 && _node$attrs3.url) {
+    var _pluginState$resolved2;
     toolbarItems.push({
       id: 'editor.link.openLink',
       type: 'button',
@@ -619,7 +635,7 @@ const getDatasourceButtonGroup = (metadata, intl, editorAnalyticsApi, node, hove
       metadata: metadata,
       className: 'hyperlink-open-link',
       title: intl.formatMessage(linkMessages.openLink),
-      onClick: visitCardLinkAnalytics(editorAnalyticsApi, openLinkInputMethod),
+      onClick: fireOpenLinkToolbarAnalytics(editorAnalyticsApi, openLinkInputMethod, (_pluginState$resolved2 = pluginState === null || pluginState === void 0 ? void 0 : pluginState.resolvedToolbarAttributesByUrl[node.attrs.url]) !== null && _pluginState$resolved2 !== void 0 ? _pluginState$resolved2 : {}),
       href: node.attrs.url,
       target: '_blank'
     });

package/dist/esm/nodeviews/embedCard.js

@@ -27,7 +27,6 @@ import { fg } from '@atlaskit/platform-feature-flags';
 import { componentWithCondition } from '@atlaskit/platform-feature-flags-react';
 import { EmbedResizeMessageListener, Card as SmartCard } from '@atlaskit/smart-card';
 import { CardSSR } from '@atlaskit/smart-card/ssr';
-import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
 import { editorExperiment } from '@atlaskit/tmp-editor-statsig/experiments';
 import { registerCard, removeCard as _removeCard } from '../pm-plugins/actions';
 import ResizableEmbedCard from '../ui/ResizableEmbedCard';
@@ -218,7 +217,7 @@ export var EmbedCardComponent = /*#__PURE__*/function (_React$PureComponent) {
         }
         if (domNode instanceof HTMLElement) {
           var measuredWidth = domNode.offsetWidth;
-          if (measuredWidth <= 1 && expValEquals('editor_fix_embed_width_expand', 'isEnabled', true)) {
+          if (measuredWidth <= 1) {
             _this.scheduleLineLengthRemeasureRaf(view);
             return originalLineLength;
           }

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

@@ -67,6 +67,15 @@ export var setDatasourceTableRef = function setDatasourceTableRef(datasourceTabl
     });
   };
 };
+export var setResolvedToolbarAttributes = function setResolvedToolbarAttributes(url, attributes) {
+  return function (tr) {
+    return cardAction(tr, {
+      type: 'SET_RESOLVED_TOOLBAR_ATTRIBUTES',
+      url: url,
+      attributes: attributes
+    });
+  };
+};
 export var setCardLayout = function setCardLayout(layout) {
   return function (tr) {
     return cardAction(tr, {

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

@@ -75,6 +75,7 @@ export var createPlugin = function createPlugin(options, pluginInjectionApi) {
             provider: null,
             cards: [],
             datasourceStash: {},
+            resolvedToolbarAttributesByUrl: {},
             showLinkingToolbar: false,
             smartLinkEvents: undefined,
             editorAppearance: editorAppearance,

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

@@ -50,6 +50,11 @@ var setDatasourceTableRef = function setDatasourceTableRef(state, action) {
     datasourceTableRef: action.datasourceTableRef
   });
 };
+var setResolvedToolbarAttributes = function setResolvedToolbarAttributes(state, action) {
+  return _objectSpread(_objectSpread({}, state), {}, {
+    resolvedToolbarAttributesByUrl: _objectSpread(_objectSpread({}, state.resolvedToolbarAttributesByUrl), {}, _defineProperty({}, action.url, action.attributes))
+  });
+};
 var setCardLayoutDatasourceTableRef = function setCardLayoutDatasourceTableRef(state, action) {
   return _objectSpread(_objectSpread({}, state), {}, {
     datasourceTableRef: action.datasourceTableRef,
@@ -124,6 +129,8 @@ export default (function (state, action) {
       return registerEvents(state, action);
     case 'SET_DATASOURCE_TABLE_REF':
       return setDatasourceTableRef(state, action);
+    case 'SET_RESOLVED_TOOLBAR_ATTRIBUTES':
+      return setResolvedToolbarAttributes(state, action);
     case 'SET_CARD_LAYOUT':
       return setCardLayout(state, action);
     case 'SET_CARD_LAYOUT_AND_DATASOURCE_TABLE_REF':

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

@@ -61,9 +61,7 @@ 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
-// eslint-disable-next-line @typescript-eslint/no-empty-object-type
-) {
+export var getResolvedAttributesFromStore = function getResolvedAttributesFromStore(url, display, store) {
   if (!store) {
     return {};
   }

package/dist/esm/ui/ToolbarViewedEvent.js

@@ -4,29 +4,46 @@ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t =
 import React, { useEffect } from 'react';
 import { useAnalyticsEvents } from '@atlaskit/analytics-next/useAnalyticsEvents';
 import { useSmartLinkContext } from '@atlaskit/link-provider';
+import { setResolvedToolbarAttributes } from '../pm-plugins/actions';
+import { getPluginState } from '../pm-plugins/util/state';
 import { getResolvedAttributesFromStore } from '../pm-plugins/utils';
 import { EditorAnalyticsContext } from './EditorAnalyticsContext';
+var areResolvedAttributesEqual = function areResolvedAttributesEqual(current, next) {
+  return (current === null || current === void 0 ? void 0 : current.displayCategory) === (next === null || next === void 0 ? void 0 : next.displayCategory) && (current === null || current === void 0 ? void 0 : current.extensionKey) === (next === null || next === void 0 ? void 0 : next.extensionKey) && (current === null || current === void 0 ? void 0 : current.status) === (next === null || next === void 0 ? void 0 : next.status) && (current === null || current === void 0 ? void 0 : current.statusDetails) === (next === null || next === void 0 ? void 0 : next.statusDetails);
+};
+
 /**
  * Handles firing the toolbar viewed event
  */
 var ToolbarViewedEventBase = function ToolbarViewedEventBase(_ref) {
   var url = _ref.url,
     display = _ref.display,
-    cardContext = _ref.cardContext;
+    cardContext = _ref.cardContext,
+    editorView = _ref.editorView;
   var _useAnalyticsEvents = useAnalyticsEvents(),
     createAnalyticsEvent = _useAnalyticsEvents.createAnalyticsEvent;
   var store = cardContext === null || cardContext === void 0 ? void 0 : cardContext.store;
   useEffect(function () {
+    var _getPluginState;
+    var resolvedAttributes = getResolvedAttributesFromStore(url, display, store);
     createAnalyticsEvent({
       action: 'viewed',
       actionSubject: 'inlineDialog',
       actionSubjectId: 'editLinkToolbar',
       eventType: 'ui',
-      attributes: _objectSpread(_objectSpread({}, getResolvedAttributesFromStore(url, display, store)), {}, {
+      attributes: _objectSpread(_objectSpread({}, resolvedAttributes), {}, {
         display: display
       })
     }).fire('media');
-  }, [createAnalyticsEvent, display, url, store]);
+    if (!editorView) {
+      return;
+    }
+    var currentResolvedAttributes = (_getPluginState = getPluginState(editorView.state)) === null || _getPluginState === void 0 ? void 0 : _getPluginState.resolvedToolbarAttributesByUrl[url];
+    if (areResolvedAttributesEqual(currentResolvedAttributes, resolvedAttributes)) {
+      return;
+    }
+    editorView.dispatch(setResolvedToolbarAttributes(url, resolvedAttributes)(editorView.state.tr));
+  }, [createAnalyticsEvent, display, editorView, url, store]);
   return null;
 };
 
@@ -43,6 +60,7 @@ export var ToolbarViewedEvent = function ToolbarViewedEvent(_ref2) {
   }, url ? /*#__PURE__*/React.createElement(ToolbarViewedEventBase, {
     url: url,
     display: display,
-    cardContext: cardContext
+    cardContext: cardContext,
+    editorView: editorView
   }) : null);
 };

package/dist/esm/ui/toolbar.js

@@ -22,6 +22,7 @@ import EditIcon from '@atlaskit/icon/core/edit';
 import LinkBrokenIcon from '@atlaskit/icon/core/link-broken';
 import LinkExternalIcon from '@atlaskit/icon/core/link-external';
 import CogIcon from '@atlaskit/icon/core/settings';
+import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
 import { editorExperiment } from '@atlaskit/tmp-editor-statsig/experiments';
 import { changeSelectedCardToText } from '../pm-plugins/doc';
 import { pluginKey } from '../pm-plugins/plugin-key';
@@ -76,6 +77,30 @@ export var visitCardLinkAnalytics = function visitCardLinkAnalytics(editorAnalyt
     return true;
   };
 };
+var fireOpenLinkToolbarAnalytics = function fireOpenLinkToolbarAnalytics(editorAnalyticsApi, inputMethod) {
+  var resolvedAttributes = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : {};
+  return function (state, dispatch) {
+    var linkAnalyticsRecorded = visitCardLinkAnalytics(editorAnalyticsApi, inputMethod)(state, dispatch);
+    if (!linkAnalyticsRecorded) {
+      return false;
+    }
+    if (expValEquals('cc_integrations_editor_open_link_click_analytics', 'isEnabled', true)) {
+      editorAnalyticsApi === null || editorAnalyticsApi === void 0 || editorAnalyticsApi.fireAnalyticsEvent({
+        action: ACTION.CLICKED,
+        actionSubject: ACTION_SUBJECT.BUTTON,
+        actionSubjectId: ACTION_SUBJECTID.OPEN_LINK,
+        attributes: {
+          displayCategory: resolvedAttributes.displayCategory,
+          extensionKey: resolvedAttributes.extensionKey,
+          status: resolvedAttributes.status,
+          statusDetails: resolvedAttributes.statusDetails
+        },
+        eventType: EVENT_TYPE.UI
+      });
+    }
+    return true;
+  };
+};
 export var openLinkSettings = function openLinkSettings(editorAnalyticsApi) {
   return function (state, dispatch) {
     if (!(state.selection instanceof NodeSelection)) {
@@ -252,7 +277,7 @@ var generateToolbarItems = function generateToolbarItems(state, intl, providerFa
     } else if (shouldRenderDatasourceToolbar) {
       return getDatasourceButtonGroup(metadata, intl, editorAnalyticsApi, node, hoverDecoration, node.attrs.datasource.id, state, cardOptions, currentAppearance, pluginInjectionApi);
     } else {
-      var _pluginInjectionApi$c;
+      var _pluginInjectionApi$c, _pluginState$resolved;
       var inlineCard = state.schema.nodes.inlineCard;
       var editItems = cardOptions.allowDatasource ? [{
         type: 'custom',
@@ -334,7 +359,8 @@ var generateToolbarItems = function generateToolbarItems(state, intl, providerFa
           });
         }
       }] : [];
-      var toolbarItems = areAllNewToolbarFlagsDisabled ? [].concat(editItems, commentItems, openPreviewPanelItems, [{
+      var resolvedToolbarAttributes = url ? (_pluginState$resolved = pluginState === null || pluginState === void 0 ? void 0 : pluginState.resolvedToolbarAttributesByUrl[url]) !== null && _pluginState$resolved !== void 0 ? _pluginState$resolved : {} : {};
+      var openLinkToolbarItem = {
         id: 'editor.link.openLink',
         type: 'button',
         icon: LinkExternalIcon,
@@ -342,10 +368,11 @@ var generateToolbarItems = function generateToolbarItems(state, intl, providerFa
         metadata: metadata,
         className: 'hyperlink-open-link',
         title: intl.formatMessage(linkMessages.openLink),
-        onClick: visitCardLinkAnalytics(editorAnalyticsApi, openLinkInputMethod),
+        onClick: fireOpenLinkToolbarAnalytics(editorAnalyticsApi, openLinkInputMethod, resolvedToolbarAttributes),
         href: url,
         target: '_blank'
-      }, {
+      };
+      var toolbarItems = areAllNewToolbarFlagsDisabled ? [].concat(editItems, commentItems, openPreviewPanelItems, [openLinkToolbarItem, {
         type: 'separator'
       }], _toConsumableArray(getUnlinkButtonGroup(state, intl, node, inlineCard, editorAnalyticsApi, !areAllNewToolbarFlagsDisabled)), [{
         type: 'copy-button',
@@ -374,18 +401,7 @@ var generateToolbarItems = function generateToolbarItems(state, intl, providerFa
       }]) : [].concat(editButtonItems, _toConsumableArray([].concat(_toConsumableArray(getUnlinkButtonGroup(state, intl, node, inlineCard, editorAnalyticsApi, !areAllNewToolbarFlagsDisabled)), [{
         type: 'separator',
         fullHeight: true
-      }])), openPreviewPanelItems, [{
-        id: 'editor.link.openLink',
-        type: 'button',
-        icon: LinkExternalIcon,
-        iconFallback: LinkExternalIcon,
-        metadata: metadata,
-        className: 'hyperlink-open-link',
-        title: intl.formatMessage(linkMessages.openLink),
-        onClick: visitCardLinkAnalytics(editorAnalyticsApi, openLinkInputMethod),
-        href: url,
-        target: '_blank'
-      }], _toConsumableArray(commentItems.length > 1 ? [{
+      }])), openPreviewPanelItems, [openLinkToolbarItem], _toConsumableArray(commentItems.length > 1 ? [{
         type: 'separator',
         fullHeight: true
       }, commentItems[0]] : commentItems));
@@ -525,8 +541,9 @@ export var getSettingsButton = function getSettingsButton(intl, editorAnalyticsA
   };
 };
 var getDatasourceButtonGroup = function getDatasourceButtonGroup(metadata, intl, editorAnalyticsApi, node, hoverDecoration, datasourceId, state, cardOptions, currentAppearance, pluginInjectionApi) {
-  var _node$attrs2;
+  var _node$attrs2, _node$attrs3;
   var toolbarItems = [];
+  toolbarItems.push.apply(toolbarItems, _toConsumableArray(getToolbarViewedItem(node === null || node === void 0 || (_node$attrs2 = node.attrs) === null || _node$attrs2 === void 0 ? void 0 : _node$attrs2.url, currentAppearance !== null && currentAppearance !== void 0 ? currentAppearance : 'url')));
   var areAllNewToolbarFlagsDisabled = !areToolbarFlagsEnabled(Boolean(pluginInjectionApi === null || pluginInjectionApi === void 0 ? void 0 : pluginInjectionApi.toolbar));
   var canShowAppearanceSwitch = function canShowAppearanceSwitch() {
     // we do not show smart-link or the datasource icons when the node does not have a url to resolve
@@ -598,6 +615,7 @@ var getDatasourceButtonGroup = function getDatasourceButtonGroup(metadata, intl,
     }
   }
   var openLinkInputMethod = INPUT_METHOD.FLOATING_TB;
+  var pluginState = pluginKey.getState(state);
   toolbarItems.push({
     type: 'custom',
     fallback: [],
@@ -616,7 +634,8 @@ var getDatasourceButtonGroup = function getDatasourceButtonGroup(metadata, intl,
       });
     }
   });
-  if (node !== null && node !== void 0 && (_node$attrs2 = node.attrs) !== null && _node$attrs2 !== void 0 && _node$attrs2.url) {
+  if (node !== null && node !== void 0 && (_node$attrs3 = node.attrs) !== null && _node$attrs3 !== void 0 && _node$attrs3.url) {
+    var _pluginState$resolved2;
     toolbarItems.push({
       id: 'editor.link.openLink',
       type: 'button',
@@ -625,7 +644,7 @@ var getDatasourceButtonGroup = function getDatasourceButtonGroup(metadata, intl,
       metadata: metadata,
       className: 'hyperlink-open-link',
       title: intl.formatMessage(linkMessages.openLink),
-      onClick: visitCardLinkAnalytics(editorAnalyticsApi, openLinkInputMethod),
+      onClick: fireOpenLinkToolbarAnalytics(editorAnalyticsApi, openLinkInputMethod, (_pluginState$resolved2 = pluginState === null || pluginState === void 0 ? void 0 : pluginState.resolvedToolbarAttributesByUrl[node.attrs.url]) !== null && _pluginState$resolved2 !== void 0 ? _pluginState$resolved2 : {}),
       href: node.attrs.url,
       target: '_blank'
     });

package/dist/types/pm-plugins/actions.d.ts

@@ -3,7 +3,7 @@ import type { DatasourceModalType } from '@atlaskit/editor-common/types';
 import type { Transaction } from '@atlaskit/editor-prosemirror/state';
 import type { DatasourceAdfView } from '@atlaskit/linking-common';
 import type { SmartLinkEvents } from '@atlaskit/smart-card';
-import type { CardInfo, CardPluginAction, Request } from '../types';
+import type { CardInfo, CardPluginAction, Request, ToolbarResolvedAttributes } from '../types';
 import type { DatasourceTableLayout } from '../ui/LayoutButton/types';
 export declare const cardAction: (tr: Transaction, action: CardPluginAction) => Transaction;
 export declare const resolveCard: (url: string) => (tr: Transaction) => Transaction;
@@ -14,6 +14,7 @@ export declare const registerRemoveOverlay: (callback: () => void, info?: CardIn
 export declare const registerSmartCardEvents: (smartLinkEvents: SmartLinkEvents) => (tr: Transaction) => Transaction;
 export declare const setProvider: (cardProvider: CardProvider | null) => (tr: Transaction) => Transaction;
 export declare const setDatasourceTableRef: (datasourceTableRef?: HTMLElement) => (tr: Transaction) => Transaction;
+export declare const setResolvedToolbarAttributes: (url: string, attributes: ToolbarResolvedAttributes) => (tr: Transaction) => Transaction;
 export declare const setCardLayout: (layout: DatasourceTableLayout) => (tr: Transaction) => Transaction;
 export declare const setCardLayoutAndDatasourceTableRef: ({ layout, datasourceTableRef, }: {
     datasourceTableRef?: HTMLElement;

package/dist/types/pm-plugins/util/state.d.ts

@@ -6,7 +6,7 @@ import type { DatasourceModalType, EditorAppearance } from '@atlaskit/editor-com
 import type { EditorState, ReadonlyTransaction } from '@atlaskit/editor-prosemirror/state';
 import type { DatasourceAdfView } from '@atlaskit/linking-common';
 import type { SmartLinkEvents } from '@atlaskit/smart-card';
-import type { CardPluginState, Request } from '../../types';
+import type { CardPluginState, Request, ToolbarResolvedAttributes } from '../../types';
 import type { DatasourceTableLayout } from '../../ui/LayoutButton/types';
 export declare const getPluginState: (editorState: EditorState) => CardPluginState | undefined;
 export declare const getPluginStateWithUpdatedPos: (pluginState: CardPluginState, tr: ReadonlyTransaction) => {
@@ -42,6 +42,7 @@ export declare const getPluginStateWithUpdatedPos: (pluginState: CardPluginState
         sourceEvent?: UIAnalyticsEvent | null | undefined;
         url: string;
     }[];
+    resolvedToolbarAttributesByUrl: Record<string, ToolbarResolvedAttributes>;
     selectedInlineLinkPosition?: number;
     showDatasourceModal: boolean;
     showLinkingToolbar: boolean;

package/dist/types/pm-plugins/utils.d.ts

@@ -4,7 +4,7 @@ import type { Node, NodeType } from '@atlaskit/editor-prosemirror/model';
 import type { EditorState } from '@atlaskit/editor-prosemirror/state';
 import type { EditorView } from '@atlaskit/editor-prosemirror/view';
 import type { CardContext } from '@atlaskit/link-provider';
-import type { CardInfo, DatasourceNode } from '../types';
+import type { CardInfo, DatasourceNode, ToolbarResolvedAttributes } from '../types';
 export declare const appearanceForNodeType: (spec: NodeType) => CardAppearance | undefined;
 export declare const selectedCardAppearance: (state: EditorState) => CardAppearance | undefined;
 export type TitleUrlPair = {
@@ -22,7 +22,7 @@ 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"]) => {};
+export declare const getResolvedAttributesFromStore: (url: string, display: string | null, store?: CardContext["store"]) => Partial<ToolbarResolvedAttributes>;
 export declare const isDatasourceConfigEditable: (datasourceId: string) => boolean;
 /**
  * Typeguard that checks node attributes are datasource node attributes

package/dist/types/types/index.d.ts

@@ -20,6 +20,12 @@ export type CardInfo = {
     title?: string;
     url?: string;
 };
+export type ToolbarResolvedAttributes = {
+    displayCategory?: 'smartLink' | 'link';
+    extensionKey?: string | null;
+    status?: string | null;
+    statusDetails?: string | null;
+};
 export type Request = {
     /**
      * Analytics action to be used when disaptching
@@ -95,6 +101,7 @@ export type CardPluginState = {
     provider: CardProvider | null;
     removeOverlay?: () => void;
     requests: Request[];
+    resolvedToolbarAttributesByUrl: Record<string, ToolbarResolvedAttributes>;
     selectedInlineLinkPosition?: number;
     showDatasourceModal: boolean;
     showLinkingToolbar: boolean;
@@ -156,6 +163,11 @@ export type SetDatasourceTableRef = {
     datasourceTableRef?: HTMLElement;
     type: 'SET_DATASOURCE_TABLE_REF';
 };
+export type SetResolvedToolbarAttributes = {
+    attributes: ToolbarResolvedAttributes;
+    type: 'SET_RESOLVED_TOOLBAR_ATTRIBUTES';
+    url: string;
+};
 export type SetCardLayout = {
     layout: DatasourceTableLayout;
     type: 'SET_CARD_LAYOUT';
@@ -184,5 +196,5 @@ export type RemoveDatasourceStash = {
     type: 'REMOVE_DATASOURCE_STASH';
     url: string;
 };
-export type CardPluginAction = SetProvider | Queue | Resolve | Register | RemoveCard | ShowLinkToolbar | HideLinkToolbar | ShowDatasourceModal | HideDatasourceModal | RegisterSmartCardEvents | SetDatasourceTableRef | SetCardLayout | SetCardLayoutAndDatasourceTableRef | ClearOverlayCandidate | RegisterRemoveOverlayOnInsertedLink | SetDatasourceStash | RemoveDatasourceStash;
+export type CardPluginAction = SetProvider | Queue | Resolve | Register | RemoveCard | ShowLinkToolbar | HideLinkToolbar | ShowDatasourceModal | HideDatasourceModal | RegisterSmartCardEvents | SetDatasourceTableRef | SetResolvedToolbarAttributes | SetCardLayout | SetCardLayoutAndDatasourceTableRef | ClearOverlayCandidate | RegisterRemoveOverlayOnInsertedLink | SetDatasourceStash | RemoveDatasourceStash;
 export {};

package/dist/types-ts4.5/pm-plugins/actions.d.ts

@@ -3,7 +3,7 @@ import type { DatasourceModalType } from '@atlaskit/editor-common/types';
 import type { Transaction } from '@atlaskit/editor-prosemirror/state';
 import type { DatasourceAdfView } from '@atlaskit/linking-common';
 import type { SmartLinkEvents } from '@atlaskit/smart-card';
-import type { CardInfo, CardPluginAction, Request } from '../types';
+import type { CardInfo, CardPluginAction, Request, ToolbarResolvedAttributes } from '../types';
 import type { DatasourceTableLayout } from '../ui/LayoutButton/types';
 export declare const cardAction: (tr: Transaction, action: CardPluginAction) => Transaction;
 export declare const resolveCard: (url: string) => (tr: Transaction) => Transaction;
@@ -14,6 +14,7 @@ export declare const registerRemoveOverlay: (callback: () => void, info?: CardIn
 export declare const registerSmartCardEvents: (smartLinkEvents: SmartLinkEvents) => (tr: Transaction) => Transaction;
 export declare const setProvider: (cardProvider: CardProvider | null) => (tr: Transaction) => Transaction;
 export declare const setDatasourceTableRef: (datasourceTableRef?: HTMLElement) => (tr: Transaction) => Transaction;
+export declare const setResolvedToolbarAttributes: (url: string, attributes: ToolbarResolvedAttributes) => (tr: Transaction) => Transaction;
 export declare const setCardLayout: (layout: DatasourceTableLayout) => (tr: Transaction) => Transaction;
 export declare const setCardLayoutAndDatasourceTableRef: ({ layout, datasourceTableRef, }: {
     datasourceTableRef?: HTMLElement;

package/dist/types-ts4.5/pm-plugins/util/state.d.ts

@@ -6,7 +6,7 @@ import type { DatasourceModalType, EditorAppearance } from '@atlaskit/editor-com
 import type { EditorState, ReadonlyTransaction } from '@atlaskit/editor-prosemirror/state';
 import type { DatasourceAdfView } from '@atlaskit/linking-common';
 import type { SmartLinkEvents } from '@atlaskit/smart-card';
-import type { CardPluginState, Request } from '../../types';
+import type { CardPluginState, Request, ToolbarResolvedAttributes } from '../../types';
 import type { DatasourceTableLayout } from '../../ui/LayoutButton/types';
 export declare const getPluginState: (editorState: EditorState) => CardPluginState | undefined;
 export declare const getPluginStateWithUpdatedPos: (pluginState: CardPluginState, tr: ReadonlyTransaction) => {
@@ -42,6 +42,7 @@ export declare const getPluginStateWithUpdatedPos: (pluginState: CardPluginState
         sourceEvent?: UIAnalyticsEvent | null | undefined;
         url: string;
     }[];
+    resolvedToolbarAttributesByUrl: Record<string, ToolbarResolvedAttributes>;
     selectedInlineLinkPosition?: number;
     showDatasourceModal: boolean;
     showLinkingToolbar: boolean;

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

@@ -4,7 +4,7 @@ import type { Node, NodeType } from '@atlaskit/editor-prosemirror/model';
 import type { EditorState } from '@atlaskit/editor-prosemirror/state';
 import type { EditorView } from '@atlaskit/editor-prosemirror/view';
 import type { CardContext } from '@atlaskit/link-provider';
-import type { CardInfo, DatasourceNode } from '../types';
+import type { CardInfo, DatasourceNode, ToolbarResolvedAttributes } from '../types';
 export declare const appearanceForNodeType: (spec: NodeType) => CardAppearance | undefined;
 export declare const selectedCardAppearance: (state: EditorState) => CardAppearance | undefined;
 export type TitleUrlPair = {
@@ -22,7 +22,7 @@ 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"]) => {};
+export declare const getResolvedAttributesFromStore: (url: string, display: string | null, store?: CardContext["store"]) => Partial<ToolbarResolvedAttributes>;
 export declare const isDatasourceConfigEditable: (datasourceId: string) => boolean;
 /**
  * Typeguard that checks node attributes are datasource node attributes

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

@@ -20,6 +20,12 @@ export type CardInfo = {
     title?: string;
     url?: string;
 };
+export type ToolbarResolvedAttributes = {
+    displayCategory?: 'smartLink' | 'link';
+    extensionKey?: string | null;
+    status?: string | null;
+    statusDetails?: string | null;
+};
 export type Request = {
     /**
      * Analytics action to be used when disaptching
@@ -95,6 +101,7 @@ export type CardPluginState = {
     provider: CardProvider | null;
     removeOverlay?: () => void;
     requests: Request[];
+    resolvedToolbarAttributesByUrl: Record<string, ToolbarResolvedAttributes>;
     selectedInlineLinkPosition?: number;
     showDatasourceModal: boolean;
     showLinkingToolbar: boolean;
@@ -156,6 +163,11 @@ export type SetDatasourceTableRef = {
     datasourceTableRef?: HTMLElement;
     type: 'SET_DATASOURCE_TABLE_REF';
 };
+export type SetResolvedToolbarAttributes = {
+    attributes: ToolbarResolvedAttributes;
+    type: 'SET_RESOLVED_TOOLBAR_ATTRIBUTES';
+    url: string;
+};
 export type SetCardLayout = {
     layout: DatasourceTableLayout;
     type: 'SET_CARD_LAYOUT';
@@ -184,5 +196,5 @@ export type RemoveDatasourceStash = {
     type: 'REMOVE_DATASOURCE_STASH';
     url: string;
 };
-export type CardPluginAction = SetProvider | Queue | Resolve | Register | RemoveCard | ShowLinkToolbar | HideLinkToolbar | ShowDatasourceModal | HideDatasourceModal | RegisterSmartCardEvents | SetDatasourceTableRef | SetCardLayout | SetCardLayoutAndDatasourceTableRef | ClearOverlayCandidate | RegisterRemoveOverlayOnInsertedLink | SetDatasourceStash | RemoveDatasourceStash;
+export type CardPluginAction = SetProvider | Queue | Resolve | Register | RemoveCard | ShowLinkToolbar | HideLinkToolbar | ShowDatasourceModal | HideDatasourceModal | RegisterSmartCardEvents | SetDatasourceTableRef | SetResolvedToolbarAttributes | SetCardLayout | SetCardLayoutAndDatasourceTableRef | ClearOverlayCandidate | RegisterRemoveOverlayOnInsertedLink | SetDatasourceStash | RemoveDatasourceStash;
 export {};

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/editor-plugin-card",
-	"version": "13.1.20",
+	"version": "14.0.1",
 	"description": "Card plugin for @atlaskit/editor-core",
 	"author": "Atlassian Pty Ltd",
 	"license": "Apache-2.0",
@@ -61,7 +61,7 @@
 		"@atlaskit/primitives": "^18.1.0",
 		"@atlaskit/prosemirror-history": "^0.2.0",
 		"@atlaskit/smart-card": "^43.31.0",
-		"@atlaskit/tmp-editor-statsig": "^55.1.0",
+		"@atlaskit/tmp-editor-statsig": "^56.2.0",
 		"@atlaskit/tokens": "^12.0.0",
 		"@babel/runtime": "^7.0.0",
 		"@emotion/react": "^11.7.1",