@atlaskit/editor-plugin-card 0.10.9 → 0.11.0

package/CHANGELOG.md

@@ -1,5 +1,21 @@
 # @atlaskit/editor-plugin-card
 
+## 0.11.0
+
+### Minor Changes
+
+- [#42755](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/42755) [`97f9fcba5a5`](https://bitbucket.org/atlassian/atlassian-frontend/commits/97f9fcba5a5) - [ux] Add a discovery pulse to smart link view switcher under certain conditions and behind a feature flag
+
+### Patch Changes
+
+- Updated dependencies
+
+## 0.10.10
+
+### Patch Changes
+
+- [#42151](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/42151) [`192b62f6d36`](https://bitbucket.org/atlassian/atlassian-frontend/commits/192b62f6d36) - Cleans up editor feature flag 'lp-analytics-events-next'. Card plugin will now always dispatch link tracking events.
+
 ## 0.10.9
 
 ### Patch Changes

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

@@ -14,24 +14,16 @@ var DiscoveryPulse = exports.DiscoveryPulse = function DiscoveryPulse(_ref) {
   var children = _ref.children,
     localStorageKey = _ref.localStorageKey,
     isDiscovered = _ref.isDiscovered,
-    timeToDiscoverInMs = _ref.timeToDiscoverInMs,
     localStorageKeyExpirationInMs = _ref.localStorageKeyExpirationInMs;
+  var discovered = isDiscovered || (0, _localStorage.isLocalStorageKeyDiscovered)(localStorageKey);
   var onDiscovery = (0, _react.useCallback)(function () {
-    (0, _localStorage.markLocalStorageKeyDiscovered)(localStorageKey, localStorageKeyExpirationInMs);
-  }, [localStorageKey, localStorageKeyExpirationInMs]);
-  (0, _react.useEffect)(function () {
-    if (timeToDiscoverInMs) {
-      var timeoutUntilDiscovery = setTimeout(function () {
-        onDiscovery();
-      }, timeToDiscoverInMs);
-      return function () {
-        return clearTimeout(timeoutUntilDiscovery);
-      };
+    if (!discovered) {
+      (0, _localStorage.markLocalStorageKeyDiscovered)(localStorageKey, localStorageKeyExpirationInMs);
     }
-    onDiscovery();
-  }, [isDiscovered, localStorageKey, onDiscovery, timeToDiscoverInMs]);
+  }, [discovered, localStorageKey, localStorageKeyExpirationInMs]);
   return /*#__PURE__*/_react.default.createElement(_linkingCommon.Pulse, {
-    isDiscovered: isDiscovered
+    onAnimationIteration: onDiscovery,
+    isDiscovered: discovered
   }, children);
 };
 var _default = exports.default = _linkingCommon.Pulse;

package/dist/cjs/plugin.js

@@ -35,7 +35,7 @@ var cardPlugin = exports.cardPlugin = function cardPlugin(_ref) {
   var options = _ref.config,
     api = _ref.api;
   var featureFlags = (api === null || api === void 0 || (_api$featureFlags = api.featureFlags) === null || _api$featureFlags === void 0 ? void 0 : _api$featureFlags.sharedState.currentState()) || {};
-  var cardPluginEvents = featureFlags !== null && featureFlags !== void 0 && featureFlags.lpAnalyticsEventsNext ? (0, _createEventsQueue.createEventsQueue)() : undefined;
+  var cardPluginEvents = (0, _createEventsQueue.createEventsQueue)();
   return {
     name: 'card',
     getSharedState: function getSharedState(editorState) {
@@ -101,7 +101,7 @@ var cardPlugin = exports.cardPlugin = function cardPlugin(_ref) {
         popupsBoundariesElement = _ref3.popupsBoundariesElement;
       return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_EditorSmartCardEvents.EditorSmartCardEvents, {
         editorView: editorView
-      }), cardPluginEvents && /*#__PURE__*/_react.default.createElement(_EditorLinkingPlatformAnalytics.EditorLinkingPlatformAnalytics, {
+      }), /*#__PURE__*/_react.default.createElement(_EditorLinkingPlatformAnalytics.EditorLinkingPlatformAnalytics, {
         cardPluginEvents: cardPluginEvents,
         editorView: editorView
       }), /*#__PURE__*/_react.default.createElement(_LayoutButton.default, {

package/dist/cjs/toolbar.js

@@ -5,7 +5,7 @@ var _typeof = require("@babel/runtime/helpers/typeof");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.visitCardLink = exports.removeCard = exports.openLinkSettings = exports.floatingToolbar = void 0;
+exports.visitCardLink = exports.shouldRenderToolbarPulse = exports.removeCard = exports.openLinkSettings = exports.floatingToolbar = void 0;
 var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _react = _interopRequireDefault(require("react"));
@@ -407,4 +407,7 @@ var getDatasourceButtonGroup = function getDatasourceButtonGroup(metadata, intl,
     onClick: withToolbarMetadata(removeCard(editorAnalyticsApi))
   });
   return toolbarItems;
+};
+var shouldRenderToolbarPulse = exports.shouldRenderToolbarPulse = function shouldRenderToolbarPulse(embedEnabled, appearance, status, isDiscoverabilityEnabled) {
+  return embedEnabled && appearance === 'inline' && status === 'resolved' && isDiscoverabilityEnabled && (0, _platformFeatureFlags.getBooleanFF)('platform.linking-platform.smart-card.inline-switcher');
 };

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

@@ -29,14 +29,15 @@ var EditorLinkingPlatformAnalytics = exports.EditorLinkingPlatformAnalytics = /*
   (0, _createClass2.default)(EditorLinkingPlatformAnalytics, [{
     key: "render",
     value: function render() {
-      var cardContext = this.context.contextAdapter.card;
+      var _this$context;
+      var cardContext = (_this$context = this.context) === null || _this$context === void 0 || (_this$context = _this$context.contextAdapter) === null || _this$context === void 0 ? void 0 : _this$context.card;
 
       /**
        * The analytics hook needs to be able to communicate with the card context
        * If we can't access it, don't mount the event bindings
        * This effectively entirely disables all tracking behaviour
        */
-      if (!cardContext) {
+      if (!(cardContext !== null && cardContext !== void 0 && cardContext.value)) {
         return null;
       }
       return /*#__PURE__*/_react.default.createElement(cardContext.Provider, {

package/dist/cjs/ui/LinkToolbarAppearance.js

@@ -20,6 +20,8 @@ var _card = require("@atlaskit/editor-common/card");
 var _messages = _interopRequireWildcard(require("@atlaskit/editor-common/messages"));
 var _utils = require("@atlaskit/editor-common/utils");
 var _model = require("@atlaskit/editor-prosemirror/model");
+var _pulse = require("../common/pulse");
+var _toolbar = require("../toolbar");
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
@@ -38,7 +40,7 @@ var LinkToolbarAppearance = exports.LinkToolbarAppearance = /*#__PURE__*/functio
     }
     _this = _super.call.apply(_super, [this].concat(args));
     (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "renderDropdown", function (view, cardContext) {
-      var _cardActions$setSelec, _cardActions$setSelec2, _cardActions$changeSe, _cardActions$setSelec3;
+      var _cardActions$setSelec, _cardActions$setSelec2, _cardActions$changeSe, _cardActions$setSelec3, _cardContext$store2;
       var _this$props = _this.props,
         url = _this$props.url,
         intl = _this$props.intl,
@@ -49,7 +51,9 @@ var LinkToolbarAppearance = exports.LinkToolbarAppearance = /*#__PURE__*/functio
         allowBlockCards = _this$props$allowBloc === void 0 ? true : _this$props$allowBloc,
         platform = _this$props.platform,
         editorAnalyticsApi = _this$props.editorAnalyticsApi,
-        cardActions = _this$props.cardActions;
+        cardActions = _this$props.cardActions,
+        _this$props$showInlin = _this$props.showInlineUpgradeDiscoverability,
+        showInlineUpgradeDiscoverability = _this$props$showInlin === void 0 ? false : _this$props$showInlin;
       var preview = allowEmbeds && cardContext && url && cardContext.extractors.getPreview(url, platform);
       var defaultCommand = function defaultCommand() {
         return false;
@@ -109,7 +113,7 @@ var LinkToolbarAppearance = exports.LinkToolbarAppearance = /*#__PURE__*/functio
       if (embedOption) {
         options.push(embedOption);
       }
-      return /*#__PURE__*/_react.default.createElement(_card.LinkToolbarButtonGroup, {
+      var LinkToolbarButtons = /*#__PURE__*/_react.default.createElement(_card.LinkToolbarButtonGroup, {
         key: "link-toolbar-button-group",
         options: options.map(function (option) {
           return (0, _card.getButtonGroupOption)(intl, dispatchCommand, _objectSpread(_objectSpread({}, option), {}, {
@@ -119,6 +123,18 @@ var LinkToolbarAppearance = exports.LinkToolbarAppearance = /*#__PURE__*/functio
           }));
         })
       });
+      var status = url ? cardContext === null || cardContext === void 0 || (_cardContext$store2 = cardContext.store) === null || _cardContext$store2 === void 0 || (_cardContext$store2 = _cardContext$store2.getState()[url]) === null || _cardContext$store2 === void 0 ? void 0 : _cardContext$store2.status : '';
+      var embedEnabled = embedOption ? !embedOption.disabled : false;
+      if ((0, _toolbar.shouldRenderToolbarPulse)(embedEnabled, currentAppearance !== null && currentAppearance !== void 0 ? currentAppearance : '', status !== null && status !== void 0 ? status : '', showInlineUpgradeDiscoverability)) {
+        return (
+          /*#__PURE__*/
+          // This div is necessary because the toolbar uses :first-child to add margins and can't add margins to the pulse element
+          _react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement(_pulse.DiscoveryPulse, {
+            localStorageKey: "toolbar-upgrade-pulse"
+          }, LinkToolbarButtons))
+        );
+      }
+      return LinkToolbarButtons;
     });
     return _this;
   }

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

@@ -1,27 +1,21 @@
-import React, { useCallback, useEffect } from 'react';
+import React, { useCallback } from 'react';
 import { Pulse } from '@atlaskit/linking-common';
-import { markLocalStorageKeyDiscovered } from '../local-storage';
+import { isLocalStorageKeyDiscovered, markLocalStorageKeyDiscovered } from '../local-storage';
 export const DiscoveryPulse = ({
   children,
   localStorageKey,
   isDiscovered,
-  timeToDiscoverInMs,
   localStorageKeyExpirationInMs
 }) => {
+  const discovered = isDiscovered || isLocalStorageKeyDiscovered(localStorageKey);
   const onDiscovery = useCallback(() => {
-    markLocalStorageKeyDiscovered(localStorageKey, localStorageKeyExpirationInMs);
-  }, [localStorageKey, localStorageKeyExpirationInMs]);
-  useEffect(() => {
-    if (timeToDiscoverInMs) {
-      const timeoutUntilDiscovery = setTimeout(() => {
-        onDiscovery();
-      }, timeToDiscoverInMs);
-      return () => clearTimeout(timeoutUntilDiscovery);
+    if (!discovered) {
+      markLocalStorageKeyDiscovered(localStorageKey, localStorageKeyExpirationInMs);
     }
-    onDiscovery();
-  }, [isDiscovered, localStorageKey, onDiscovery, timeToDiscoverInMs]);
+  }, [discovered, localStorageKey, localStorageKeyExpirationInMs]);
   return /*#__PURE__*/React.createElement(Pulse, {
-    isDiscovered: isDiscovered
+    onAnimationIteration: onDiscovery,
+    isDiscovered: discovered
   }, children);
 };
 export default Pulse;

package/dist/es2019/plugin.js

@@ -26,7 +26,7 @@ export const cardPlugin = ({
 }) => {
   var _api$featureFlags;
   const featureFlags = (api === null || api === void 0 ? void 0 : (_api$featureFlags = api.featureFlags) === null || _api$featureFlags === void 0 ? void 0 : _api$featureFlags.sharedState.currentState()) || {};
-  const cardPluginEvents = featureFlags !== null && featureFlags !== void 0 && featureFlags.lpAnalyticsEventsNext ? createEventsQueue() : undefined;
+  const cardPluginEvents = createEventsQueue();
   return {
     name: 'card',
     getSharedState(editorState) {
@@ -93,7 +93,7 @@ export const cardPlugin = ({
     }) {
       return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(EditorSmartCardEvents, {
         editorView: editorView
-      }), cardPluginEvents && /*#__PURE__*/React.createElement(EditorLinkingPlatformAnalytics, {
+      }), /*#__PURE__*/React.createElement(EditorLinkingPlatformAnalytics, {
         cardPluginEvents: cardPluginEvents,
         editorView: editorView
       }), /*#__PURE__*/React.createElement(LayoutButton, {

package/dist/es2019/toolbar.js

@@ -402,4 +402,7 @@ const getDatasourceButtonGroup = (metadata, intl, editorAnalyticsApi, node, hove
     onClick: withToolbarMetadata(removeCard(editorAnalyticsApi))
   });
   return toolbarItems;
+};
+export const shouldRenderToolbarPulse = (embedEnabled, appearance, status, isDiscoverabilityEnabled) => {
+  return embedEnabled && appearance === 'inline' && status === 'resolved' && isDiscoverabilityEnabled && getBooleanFF('platform.linking-platform.smart-card.inline-switcher');
 };

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

@@ -8,14 +8,15 @@ import { LinkEventsBinding } from './LinkEvents';
 // eslint-disable-next-line @repo/internal/react/no-class-components
 export class EditorLinkingPlatformAnalytics extends React.PureComponent {
   render() {
-    const cardContext = this.context.contextAdapter.card;
+    var _this$context, _this$context$context;
+    const cardContext = (_this$context = this.context) === null || _this$context === void 0 ? void 0 : (_this$context$context = _this$context.contextAdapter) === null || _this$context$context === void 0 ? void 0 : _this$context$context.card;
 
     /**
      * The analytics hook needs to be able to communicate with the card context
      * If we can't access it, don't mount the event bindings
      * This effectively entirely disables all tracking behaviour
      */
-    if (!cardContext) {
+    if (!(cardContext !== null && cardContext !== void 0 && cardContext.value)) {
       return null;
     }
     return /*#__PURE__*/React.createElement(cardContext.Provider, {

package/dist/es2019/ui/LinkToolbarAppearance.js

@@ -6,12 +6,14 @@ import { commandWithMetadata, getButtonGroupOption, LinkToolbarButtonGroup } fro
 import nodeNames, { cardMessages as messages } from '@atlaskit/editor-common/messages';
 import { isSupportedInParent } from '@atlaskit/editor-common/utils';
 import { Fragment } from '@atlaskit/editor-prosemirror/model';
+import { DiscoveryPulse } from '../common/pulse';
+import { shouldRenderToolbarPulse } from '../toolbar';
 // eslint-disable-next-line @repo/internal/react/no-class-components
 export class LinkToolbarAppearance extends React.Component {
   constructor(...args) {
     super(...args);
     _defineProperty(this, "renderDropdown", (view, cardContext) => {
-      var _cardActions$setSelec, _cardActions$setSelec2, _cardActions$changeSe, _cardActions$setSelec3;
+      var _cardActions$setSelec, _cardActions$setSelec2, _cardActions$changeSe, _cardActions$setSelec3, _cardContext$store2, _cardContext$store2$g;
       const {
         url,
         intl,
@@ -21,7 +23,8 @@ export class LinkToolbarAppearance extends React.Component {
         allowBlockCards = true,
         platform,
         editorAnalyticsApi,
-        cardActions
+        cardActions,
+        showInlineUpgradeDiscoverability = false
       } = this.props;
       const preview = allowEmbeds && cardContext && url && cardContext.extractors.getPreview(url, platform);
       const defaultCommand = () => false;
@@ -80,7 +83,7 @@ export class LinkToolbarAppearance extends React.Component {
       if (embedOption) {
         options.push(embedOption);
       }
-      return /*#__PURE__*/React.createElement(LinkToolbarButtonGroup, {
+      const LinkToolbarButtons = /*#__PURE__*/React.createElement(LinkToolbarButtonGroup, {
         key: "link-toolbar-button-group",
         options: options.map(option => getButtonGroupOption(intl, dispatchCommand, {
           ...option,
@@ -89,6 +92,18 @@ export class LinkToolbarAppearance extends React.Component {
           })
         }))
       });
+      const status = url ? cardContext === null || cardContext === void 0 ? void 0 : (_cardContext$store2 = cardContext.store) === null || _cardContext$store2 === void 0 ? void 0 : (_cardContext$store2$g = _cardContext$store2.getState()[url]) === null || _cardContext$store2$g === void 0 ? void 0 : _cardContext$store2$g.status : '';
+      const embedEnabled = embedOption ? !embedOption.disabled : false;
+      if (shouldRenderToolbarPulse(embedEnabled, currentAppearance !== null && currentAppearance !== void 0 ? currentAppearance : '', status !== null && status !== void 0 ? status : '', showInlineUpgradeDiscoverability)) {
+        return (
+          /*#__PURE__*/
+          // This div is necessary because the toolbar uses :first-child to add margins and can't add margins to the pulse element
+          React.createElement("div", null, /*#__PURE__*/React.createElement(DiscoveryPulse, {
+            localStorageKey: "toolbar-upgrade-pulse"
+          }, LinkToolbarButtons))
+        );
+      }
+      return LinkToolbarButtons;
     });
   }
   render() {

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

@@ -1,28 +1,20 @@
-import React, { useCallback, useEffect } from 'react';
+import React, { useCallback } from 'react';
 import { Pulse } from '@atlaskit/linking-common';
-import { markLocalStorageKeyDiscovered } from '../local-storage';
+import { isLocalStorageKeyDiscovered, markLocalStorageKeyDiscovered } from '../local-storage';
 export var DiscoveryPulse = function DiscoveryPulse(_ref) {
   var children = _ref.children,
     localStorageKey = _ref.localStorageKey,
     isDiscovered = _ref.isDiscovered,
-    timeToDiscoverInMs = _ref.timeToDiscoverInMs,
     localStorageKeyExpirationInMs = _ref.localStorageKeyExpirationInMs;
+  var discovered = isDiscovered || isLocalStorageKeyDiscovered(localStorageKey);
   var onDiscovery = useCallback(function () {
-    markLocalStorageKeyDiscovered(localStorageKey, localStorageKeyExpirationInMs);
-  }, [localStorageKey, localStorageKeyExpirationInMs]);
-  useEffect(function () {
-    if (timeToDiscoverInMs) {
-      var timeoutUntilDiscovery = setTimeout(function () {
-        onDiscovery();
-      }, timeToDiscoverInMs);
-      return function () {
-        return clearTimeout(timeoutUntilDiscovery);
-      };
+    if (!discovered) {
+      markLocalStorageKeyDiscovered(localStorageKey, localStorageKeyExpirationInMs);
     }
-    onDiscovery();
-  }, [isDiscovered, localStorageKey, onDiscovery, timeToDiscoverInMs]);
+  }, [discovered, localStorageKey, localStorageKeyExpirationInMs]);
   return /*#__PURE__*/React.createElement(Pulse, {
-    isDiscovered: isDiscovered
+    onAnimationIteration: onDiscovery,
+    isDiscovered: discovered
   }, children);
 };
 export default Pulse;

package/dist/esm/plugin.js

@@ -28,7 +28,7 @@ export var cardPlugin = function cardPlugin(_ref) {
   var options = _ref.config,
     api = _ref.api;
   var featureFlags = (api === null || api === void 0 || (_api$featureFlags = api.featureFlags) === null || _api$featureFlags === void 0 ? void 0 : _api$featureFlags.sharedState.currentState()) || {};
-  var cardPluginEvents = featureFlags !== null && featureFlags !== void 0 && featureFlags.lpAnalyticsEventsNext ? createEventsQueue() : undefined;
+  var cardPluginEvents = createEventsQueue();
   return {
     name: 'card',
     getSharedState: function getSharedState(editorState) {
@@ -94,7 +94,7 @@ export var cardPlugin = function cardPlugin(_ref) {
         popupsBoundariesElement = _ref3.popupsBoundariesElement;
       return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(EditorSmartCardEvents, {
         editorView: editorView
-      }), cardPluginEvents && /*#__PURE__*/React.createElement(EditorLinkingPlatformAnalytics, {
+      }), /*#__PURE__*/React.createElement(EditorLinkingPlatformAnalytics, {
         cardPluginEvents: cardPluginEvents,
         editorView: editorView
       }), /*#__PURE__*/React.createElement(LayoutButton, {

package/dist/esm/toolbar.js

@@ -397,4 +397,7 @@ var getDatasourceButtonGroup = function getDatasourceButtonGroup(metadata, intl,
     onClick: withToolbarMetadata(removeCard(editorAnalyticsApi))
   });
   return toolbarItems;
+};
+export var shouldRenderToolbarPulse = function shouldRenderToolbarPulse(embedEnabled, appearance, status, isDiscoverabilityEnabled) {
+  return embedEnabled && appearance === 'inline' && status === 'resolved' && isDiscoverabilityEnabled && getBooleanFF('platform.linking-platform.smart-card.inline-switcher');
 };

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

@@ -23,14 +23,15 @@ export var EditorLinkingPlatformAnalytics = /*#__PURE__*/function (_React$PureCo
   _createClass(EditorLinkingPlatformAnalytics, [{
     key: "render",
     value: function render() {
-      var cardContext = this.context.contextAdapter.card;
+      var _this$context;
+      var cardContext = (_this$context = this.context) === null || _this$context === void 0 || (_this$context = _this$context.contextAdapter) === null || _this$context === void 0 ? void 0 : _this$context.card;
 
       /**
        * The analytics hook needs to be able to communicate with the card context
        * If we can't access it, don't mount the event bindings
        * This effectively entirely disables all tracking behaviour
        */
-      if (!cardContext) {
+      if (!(cardContext !== null && cardContext !== void 0 && cardContext.value)) {
         return null;
       }
       return /*#__PURE__*/React.createElement(cardContext.Provider, {

package/dist/esm/ui/LinkToolbarAppearance.js

@@ -16,6 +16,8 @@ import { commandWithMetadata, getButtonGroupOption, LinkToolbarButtonGroup } fro
 import nodeNames, { cardMessages as messages } from '@atlaskit/editor-common/messages';
 import { isSupportedInParent } from '@atlaskit/editor-common/utils';
 import { Fragment } from '@atlaskit/editor-prosemirror/model';
+import { DiscoveryPulse } from '../common/pulse';
+import { shouldRenderToolbarPulse } from '../toolbar';
 // eslint-disable-next-line @repo/internal/react/no-class-components
 export var LinkToolbarAppearance = /*#__PURE__*/function (_React$Component) {
   _inherits(LinkToolbarAppearance, _React$Component);
@@ -28,7 +30,7 @@ export var LinkToolbarAppearance = /*#__PURE__*/function (_React$Component) {
     }
     _this = _super.call.apply(_super, [this].concat(args));
     _defineProperty(_assertThisInitialized(_this), "renderDropdown", function (view, cardContext) {
-      var _cardActions$setSelec, _cardActions$setSelec2, _cardActions$changeSe, _cardActions$setSelec3;
+      var _cardActions$setSelec, _cardActions$setSelec2, _cardActions$changeSe, _cardActions$setSelec3, _cardContext$store2;
       var _this$props = _this.props,
         url = _this$props.url,
         intl = _this$props.intl,
@@ -39,7 +41,9 @@ export var LinkToolbarAppearance = /*#__PURE__*/function (_React$Component) {
         allowBlockCards = _this$props$allowBloc === void 0 ? true : _this$props$allowBloc,
         platform = _this$props.platform,
         editorAnalyticsApi = _this$props.editorAnalyticsApi,
-        cardActions = _this$props.cardActions;
+        cardActions = _this$props.cardActions,
+        _this$props$showInlin = _this$props.showInlineUpgradeDiscoverability,
+        showInlineUpgradeDiscoverability = _this$props$showInlin === void 0 ? false : _this$props$showInlin;
       var preview = allowEmbeds && cardContext && url && cardContext.extractors.getPreview(url, platform);
       var defaultCommand = function defaultCommand() {
         return false;
@@ -99,7 +103,7 @@ export var LinkToolbarAppearance = /*#__PURE__*/function (_React$Component) {
       if (embedOption) {
         options.push(embedOption);
       }
-      return /*#__PURE__*/React.createElement(LinkToolbarButtonGroup, {
+      var LinkToolbarButtons = /*#__PURE__*/React.createElement(LinkToolbarButtonGroup, {
         key: "link-toolbar-button-group",
         options: options.map(function (option) {
           return getButtonGroupOption(intl, dispatchCommand, _objectSpread(_objectSpread({}, option), {}, {
@@ -109,6 +113,18 @@ export var LinkToolbarAppearance = /*#__PURE__*/function (_React$Component) {
           }));
         })
       });
+      var status = url ? cardContext === null || cardContext === void 0 || (_cardContext$store2 = cardContext.store) === null || _cardContext$store2 === void 0 || (_cardContext$store2 = _cardContext$store2.getState()[url]) === null || _cardContext$store2 === void 0 ? void 0 : _cardContext$store2.status : '';
+      var embedEnabled = embedOption ? !embedOption.disabled : false;
+      if (shouldRenderToolbarPulse(embedEnabled, currentAppearance !== null && currentAppearance !== void 0 ? currentAppearance : '', status !== null && status !== void 0 ? status : '', showInlineUpgradeDiscoverability)) {
+        return (
+          /*#__PURE__*/
+          // This div is necessary because the toolbar uses :first-child to add margins and can't add margins to the pulse element
+          React.createElement("div", null, /*#__PURE__*/React.createElement(DiscoveryPulse, {
+            localStorageKey: "toolbar-upgrade-pulse"
+          }, LinkToolbarButtons))
+        );
+      }
+      return LinkToolbarButtons;
     });
     return _this;
   }

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

@@ -13,14 +13,10 @@ export interface PulseProps {
      * The time in ms after which the key in local storage will be considered expired and the Pulse will be shown again
      */
     localStorageKeyExpirationInMs?: number;
-    /**
-     * The time in ms since the Pulse has started after which the key will be stored in local storage.
-     */
-    timeToDiscoverInMs?: number;
     /**
      * And indicator that the feature was discovered externally and the pulsation needs to stop.
      */
     isDiscovered?: boolean;
 }
-export declare const DiscoveryPulse: ({ children, localStorageKey, isDiscovered, timeToDiscoverInMs, localStorageKeyExpirationInMs, }: PulseProps) => JSX.Element;
+export declare const DiscoveryPulse: ({ children, localStorageKey, isDiscovered, localStorageKeyExpirationInMs, }: PulseProps) => JSX.Element;
 export default Pulse;

package/dist/types/toolbar.d.ts

@@ -7,3 +7,4 @@ export declare const removeCard: (editorAnalyticsApi: EditorAnalyticsAPI | undef
 export declare const visitCardLink: (editorAnalyticsApi: EditorAnalyticsAPI | undefined) => Command;
 export declare const openLinkSettings: (editorAnalyticsApi: EditorAnalyticsAPI | undefined) => Command;
 export declare const floatingToolbar: (cardOptions: CardOptions, featureFlags: FeatureFlags, platform?: CardPlatform, linkPickerOptions?: LinkPickerOptions, pluginInjectionApi?: ExtractInjectionAPI<typeof cardPlugin>) => FloatingToolbarHandler;
+export declare const shouldRenderToolbarPulse: (embedEnabled: boolean, appearance: string, status: string, isDiscoverabilityEnabled: boolean) => boolean;

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

@@ -1,6 +1,6 @@
 import React from 'react';
 import PropTypes from 'prop-types';
-import { AnalyticsBindingsProps } from './common';
+import type { AnalyticsBindingsProps } from './common';
 export declare class EditorLinkingPlatformAnalytics extends React.PureComponent<AnalyticsBindingsProps> {
     static contextTypes: {
         contextAdapter: PropTypes.Requireable<object>;

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

@@ -1,13 +1,13 @@
 import React from 'react';
 import PropTypes from 'prop-types';
-import { IntlShape } from 'react-intl-next';
-import { EditorAnalyticsAPI } from '@atlaskit/editor-common/analytics';
-import { CardPluginActions } from '@atlaskit/editor-common/card';
-import { CardAppearance } from '@atlaskit/editor-common/provider-factory';
-import { EditorState } from '@atlaskit/editor-prosemirror/state';
-import { EditorView } from '@atlaskit/editor-prosemirror/view';
-import { CardContext } from '@atlaskit/link-provider';
-import { CardPlatform } from '@atlaskit/smart-card';
+import type { IntlShape } from 'react-intl-next';
+import type { EditorAnalyticsAPI } from '@atlaskit/editor-common/analytics';
+import type { CardPluginActions } from '@atlaskit/editor-common/card';
+import type { CardAppearance } from '@atlaskit/editor-common/provider-factory';
+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 { CardPlatform } from '@atlaskit/smart-card';
 export interface LinkToolbarAppearanceProps {
     intl: IntlShape;
     editorAnalyticsApi: EditorAnalyticsAPI | undefined;
@@ -19,6 +19,7 @@ export interface LinkToolbarAppearanceProps {
     allowBlockCards?: boolean;
     platform?: CardPlatform;
     cardActions: CardPluginActions | undefined;
+    showInlineUpgradeDiscoverability?: boolean;
 }
 export declare class LinkToolbarAppearance extends React.Component<LinkToolbarAppearanceProps, {}> {
     static contextTypes: {

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

@@ -13,14 +13,10 @@ export interface PulseProps {
      * The time in ms after which the key in local storage will be considered expired and the Pulse will be shown again
      */
     localStorageKeyExpirationInMs?: number;
-    /**
-     * The time in ms since the Pulse has started after which the key will be stored in local storage.
-     */
-    timeToDiscoverInMs?: number;
     /**
      * And indicator that the feature was discovered externally and the pulsation needs to stop.
      */
     isDiscovered?: boolean;
 }
-export declare const DiscoveryPulse: ({ children, localStorageKey, isDiscovered, timeToDiscoverInMs, localStorageKeyExpirationInMs, }: PulseProps) => JSX.Element;
+export declare const DiscoveryPulse: ({ children, localStorageKey, isDiscovered, localStorageKeyExpirationInMs, }: PulseProps) => JSX.Element;
 export default Pulse;

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

@@ -7,3 +7,4 @@ export declare const removeCard: (editorAnalyticsApi: EditorAnalyticsAPI | undef
 export declare const visitCardLink: (editorAnalyticsApi: EditorAnalyticsAPI | undefined) => Command;
 export declare const openLinkSettings: (editorAnalyticsApi: EditorAnalyticsAPI | undefined) => Command;
 export declare const floatingToolbar: (cardOptions: CardOptions, featureFlags: FeatureFlags, platform?: CardPlatform, linkPickerOptions?: LinkPickerOptions, pluginInjectionApi?: ExtractInjectionAPI<typeof cardPlugin>) => FloatingToolbarHandler;
+export declare const shouldRenderToolbarPulse: (embedEnabled: boolean, appearance: string, status: string, isDiscoverabilityEnabled: boolean) => boolean;

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

@@ -1,6 +1,6 @@
 import React from 'react';
 import PropTypes from 'prop-types';
-import { AnalyticsBindingsProps } from './common';
+import type { AnalyticsBindingsProps } from './common';
 export declare class EditorLinkingPlatformAnalytics extends React.PureComponent<AnalyticsBindingsProps> {
     static contextTypes: {
         contextAdapter: PropTypes.Requireable<object>;

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

@@ -1,13 +1,13 @@
 import React from 'react';
 import PropTypes from 'prop-types';
-import { IntlShape } from 'react-intl-next';
-import { EditorAnalyticsAPI } from '@atlaskit/editor-common/analytics';
-import { CardPluginActions } from '@atlaskit/editor-common/card';
-import { CardAppearance } from '@atlaskit/editor-common/provider-factory';
-import { EditorState } from '@atlaskit/editor-prosemirror/state';
-import { EditorView } from '@atlaskit/editor-prosemirror/view';
-import { CardContext } from '@atlaskit/link-provider';
-import { CardPlatform } from '@atlaskit/smart-card';
+import type { IntlShape } from 'react-intl-next';
+import type { EditorAnalyticsAPI } from '@atlaskit/editor-common/analytics';
+import type { CardPluginActions } from '@atlaskit/editor-common/card';
+import type { CardAppearance } from '@atlaskit/editor-common/provider-factory';
+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 { CardPlatform } from '@atlaskit/smart-card';
 export interface LinkToolbarAppearanceProps {
     intl: IntlShape;
     editorAnalyticsApi: EditorAnalyticsAPI | undefined;
@@ -19,6 +19,7 @@ export interface LinkToolbarAppearanceProps {
     allowBlockCards?: boolean;
     platform?: CardPlatform;
     cardActions: CardPluginActions | undefined;
+    showInlineUpgradeDiscoverability?: boolean;
 }
 export declare class LinkToolbarAppearance extends React.Component<LinkToolbarAppearanceProps, {}> {
     static contextTypes: {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@atlaskit/editor-plugin-card",
-  "version": "0.10.9",
+  "version": "0.11.0",
   "description": "Card plugin for @atlaskit/editor-core",
   "author": "Atlassian Pty Ltd",
   "license": "Apache-2.0",
@@ -47,10 +47,10 @@
     "@atlaskit/frontend-utilities": "^2.7.0",
     "@atlaskit/icon": "^21.12.0",
     "@atlaskit/link-analytics": "^8.3.0",
-    "@atlaskit/link-datasource": "^1.12.0",
-    "@atlaskit/linking-common": "^4.15.0",
+    "@atlaskit/link-datasource": "^1.14.0",
+    "@atlaskit/linking-common": "^4.17.0",
     "@atlaskit/platform-feature-flags": "^0.2.0",
-    "@atlaskit/smart-card": "^26.41.0",
+    "@atlaskit/smart-card": "^26.42.0",
     "@atlaskit/theme": "^12.6.0",
     "@atlaskit/tokens": "^1.28.0",
     "@babel/runtime": "^7.0.0",