@atlaskit/editor-plugin-card 2.13.5 → 2.14.1

package/dist/es2019/toolbar.js

@@ -574,7 +574,8 @@ export const getStartingToolbarItems = (options, api) => {
           cardOptions: options,
           providerFactory: providerFactory,
           platform: options === null || options === void 0 ? void 0 : options.platform,
-          editorAnalyticsApi: api === null || api === void 0 ? void 0 : (_api$analytics2 = api.analytics) === null || _api$analytics2 === void 0 ? void 0 : _api$analytics2.actions
+          editorAnalyticsApi: api === null || api === void 0 ? void 0 : (_api$analytics2 = api.analytics) === null || _api$analytics2 === void 0 ? void 0 : _api$analytics2.actions,
+          editorPluginApi: api
         });
       }
     }, ...editLinkItem];

package/dist/es2019/ui/HyperlinkToolbarAppearance.js

@@ -1,25 +1,100 @@
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
-import React, { Component } from 'react';
+import React, { Component, useEffect, useRef, useState } from 'react';
 import { INPUT_METHOD } from '@atlaskit/editor-common/analytics';
 import { FloatingToolbarSeparator as Separator } from '@atlaskit/editor-common/ui';
-import { fg, getBooleanFF } from '@atlaskit/platform-feature-flags';
+import { fg } from '@atlaskit/platform-feature-flags';
 import { Flex } from '@atlaskit/primitives';
 import { DatasourceAppearanceButton } from './DatasourceAppearanceButton';
 import { EditDatasourceButton } from './EditDatasourceButton';
 import { LinkToolbarAppearance } from './LinkToolbarAppearance';
+function HyperlinkToolbarAppearanceFunctional(props) {
+  var _props$cardOptions3;
+  const [supportedUrlsMap, setSupportedUrlsMap] = useState(new Map());
+  const cardProvider = useRef(undefined);
+  const {
+    url,
+    intl,
+    editorView,
+    editorState,
+    cardOptions,
+    platform,
+    editorAnalyticsApi
+  } = props;
+  const getProvider = async () => {
+    var _props$cardOptions;
+    if ((_props$cardOptions = props.cardOptions) !== null && _props$cardOptions !== void 0 && _props$cardOptions.provider) {
+      var _props$cardOptions2;
+      return (_props$cardOptions2 = props.cardOptions) === null || _props$cardOptions2 === void 0 ? void 0 : _props$cardOptions2.provider;
+    }
+    if (cardProvider.current) {
+      return cardProvider.current;
+    }
+    return new Promise(resolve => {
+      var _props$editorPluginAp, _props$editorPluginAp2, _props$editorPluginAp3, _props$editorPluginAp4;
+      const cardProvider = (_props$editorPluginAp = props.editorPluginApi) === null || _props$editorPluginAp === void 0 ? void 0 : (_props$editorPluginAp2 = _props$editorPluginAp.card) === null || _props$editorPluginAp2 === void 0 ? void 0 : (_props$editorPluginAp3 = _props$editorPluginAp2.sharedState) === null || _props$editorPluginAp3 === void 0 ? void 0 : (_props$editorPluginAp4 = _props$editorPluginAp3.currentState()) === null || _props$editorPluginAp4 === void 0 ? void 0 : _props$editorPluginAp4.provider;
+      if (cardProvider) {
+        resolve(cardProvider);
+      }
+    });
+  };
+  const resolveUrl = async url => {
+    if (supportedUrlsMap.has(url)) {
+      return;
+    }
+    let isUrlSupported = false;
+    try {
+      var _await$provider$findP;
+      const provider = await getProvider();
+      isUrlSupported = (_await$provider$findP = await (provider === null || provider === void 0 ? void 0 : provider.findPattern(url))) !== null && _await$provider$findP !== void 0 ? _await$provider$findP : false;
+    } catch (error) {
+      isUrlSupported = false;
+    }
+    const newMap = new Map(supportedUrlsMap);
+    newMap.set(url, isUrlSupported);
+    setSupportedUrlsMap(newMap);
+  };
+  useEffect(() => {
+    resolveUrl(url);
+    // before migrating from a class to a functional component, we were only reacting to changes in the url
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, [url, (_props$cardOptions3 = props.cardOptions) === null || _props$cardOptions3 === void 0 ? void 0 : _props$cardOptions3.provider, props.editorPluginApi]);
+  if (!supportedUrlsMap.get(url)) {
+    return null;
+  }
+  return /*#__PURE__*/React.createElement(Flex, null, !fg('platform.linking-platform.enable-datasource-edit-dropdown-toolbar') && /*#__PURE__*/React.createElement(EditDatasourceButton, {
+    url: url,
+    intl: intl,
+    editorView: editorView,
+    editorAnalyticsApi: editorAnalyticsApi,
+    currentAppearance: "url"
+  }), /*#__PURE__*/React.createElement(LinkToolbarAppearance, {
+    key: "link-appearance",
+    url: url,
+    intl: intl,
+    editorView: editorView,
+    editorState: editorState,
+    allowEmbeds: cardOptions === null || cardOptions === void 0 ? void 0 : cardOptions.allowEmbeds,
+    allowBlockCards: cardOptions === null || cardOptions === void 0 ? void 0 : cardOptions.allowBlockCards,
+    platform: platform,
+    editorAnalyticsApi: editorAnalyticsApi
+  }), (cardOptions === null || cardOptions === void 0 ? void 0 : cardOptions.allowDatasource) && fg('platform.linking-platform.enable-datasource-appearance-toolbar') && /*#__PURE__*/React.createElement(DatasourceAppearanceButton, {
+    intl: intl,
+    url: url,
+    editorState: editorState,
+    editorView: editorView,
+    editorAnalyticsApi: editorAnalyticsApi,
+    inputMethod: INPUT_METHOD.FLOATING_TB
+  }), /*#__PURE__*/React.createElement(Separator, null));
+}
+
 // eslint-disable-next-line @repo/internal/react/no-class-components
-export class HyperlinkToolbarAppearance extends Component {
+class HyperlinkToolbarAppearanceClass extends Component {
   constructor(...args) {
     super(...args);
     _defineProperty(this, "state", {
       supportedUrlsMap: new Map()
     });
     _defineProperty(this, "getProvider", async () => {
-      var _this$props$cardOptio;
-      if ((_this$props$cardOptio = this.props.cardOptions) !== null && _this$props$cardOptio !== void 0 && _this$props$cardOptio.provider && fg('platform_editor_get_card_provider_from_config')) {
-        var _this$props$cardOptio2;
-        return (_this$props$cardOptio2 = this.props.cardOptions) === null || _this$props$cardOptio2 === void 0 ? void 0 : _this$props$cardOptio2.provider;
-      }
       if (this.cardProvider) {
         return this.cardProvider;
       }
@@ -45,9 +120,9 @@ export class HyperlinkToolbarAppearance extends Component {
       }
       let isUrlSupported = false;
       try {
-        var _await$provider$findP;
+        var _await$provider$findP2;
         const provider = await this.getProvider();
-        isUrlSupported = (_await$provider$findP = await (provider === null || provider === void 0 ? void 0 : provider.findPattern(url))) !== null && _await$provider$findP !== void 0 ? _await$provider$findP : false;
+        isUrlSupported = (_await$provider$findP2 = await (provider === null || provider === void 0 ? void 0 : provider.findPattern(url))) !== null && _await$provider$findP2 !== void 0 ? _await$provider$findP2 : false;
       } catch (error) {
         isUrlSupported = false;
       }
@@ -82,7 +157,7 @@ export class HyperlinkToolbarAppearance extends Component {
     if (!supportedUrlsMap.get(url)) {
       return null;
     }
-    return /*#__PURE__*/React.createElement(Flex, null, !getBooleanFF('platform.linking-platform.enable-datasource-edit-dropdown-toolbar') && /*#__PURE__*/React.createElement(EditDatasourceButton, {
+    return /*#__PURE__*/React.createElement(Flex, null, !fg('platform.linking-platform.enable-datasource-edit-dropdown-toolbar') && /*#__PURE__*/React.createElement(EditDatasourceButton, {
       url: url,
       intl: intl,
       editorView: editorView,
@@ -98,7 +173,7 @@ export class HyperlinkToolbarAppearance extends Component {
       allowBlockCards: cardOptions === null || cardOptions === void 0 ? void 0 : cardOptions.allowBlockCards,
       platform: platform,
       editorAnalyticsApi: editorAnalyticsApi
-    }), getBooleanFF('platform.linking-platform.enable-datasource-appearance-toolbar') && (cardOptions === null || cardOptions === void 0 ? void 0 : cardOptions.allowDatasource) && /*#__PURE__*/React.createElement(DatasourceAppearanceButton, {
+    }), (cardOptions === null || cardOptions === void 0 ? void 0 : cardOptions.allowDatasource) && fg('platform.linking-platform.enable-datasource-appearance-toolbar') && /*#__PURE__*/React.createElement(DatasourceAppearanceButton, {
       intl: intl,
       url: url,
       editorState: editorState,
@@ -107,4 +182,10 @@ export class HyperlinkToolbarAppearance extends Component {
       inputMethod: INPUT_METHOD.FLOATING_TB
     }), /*#__PURE__*/React.createElement(Separator, null));
   }
-}
+}
+export const HyperlinkToolbarAppearance = props => {
+  if (fg('platform_editor_get_card_provider_from_config')) {
+    return /*#__PURE__*/React.createElement(HyperlinkToolbarAppearanceFunctional, props);
+  }
+  return /*#__PURE__*/React.createElement(HyperlinkToolbarAppearanceClass, props);
+};

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

@@ -1,5 +1,5 @@
 import React, { useCallback, useEffect } from 'react';
-import { useAnalyticsEvents } from '@atlaskit/analytics-next';
+import { useAnalyticsEvents } from '@atlaskit/analytics-next/useAnalyticsEvents';
 import { Pulse } from '@atlaskit/linking-common';
 import { isLocalStorageKeyDiscovered, markLocalStorageKeyDiscovered } from '../../common/local-storage';
 export const DiscoveryPulse = ({

package/dist/es2019/ui/ToolbarViewedEvent.js

@@ -1,5 +1,5 @@
 import React, { useEffect } from 'react';
-import { useAnalyticsEvents } from '@atlaskit/analytics-next';
+import { useAnalyticsEvents } from '@atlaskit/analytics-next/useAnalyticsEvents';
 import { getResolvedAttributesFromStore } from '../utils';
 import { CardContextProvider } from './CardContextProvider';
 import { EditorAnalyticsContext } from './EditorAnalyticsContext';

package/dist/esm/plugin.js

@@ -1,4 +1,6 @@
+import _asyncToGenerator from "@babel/runtime/helpers/asyncToGenerator";
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
+import _regeneratorRuntime from "@babel/runtime/regenerator";
 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) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 import React from 'react';
@@ -8,7 +10,7 @@ import { IconDatasourceAssetsObjects, IconDatasourceConfluenceSearch, IconDataso
 import { canRenderDatasource } from '@atlaskit/editor-common/utils';
 import { ASSETS_LIST_OF_LINKS_DATASOURCE_ID, CONFLUENCE_SEARCH_DATASOURCE_ID } from '@atlaskit/link-datasource';
 import { createEventsQueue } from './analytics/create-events-queue';
-import { hideLinkToolbar, showDatasourceModal } from './pm-plugins/actions';
+import { hideLinkToolbar, setProvider as _setProvider, showDatasourceModal } from './pm-plugins/actions';
 import { queueCardsFromChangedTr } from './pm-plugins/doc';
 import { cardKeymap } from './pm-plugins/keymap';
 import { createPlugin } from './pm-plugins/main';
@@ -25,6 +27,7 @@ export var cardPlugin = function cardPlugin(_ref) {
   var _options$lpLinkPicker;
   var options = _ref.config,
     api = _ref.api;
+  var previousCardProvider;
   var cardPluginEvents = createEventsQueue();
   return {
     name: 'card',
@@ -104,6 +107,39 @@ export var cardPlugin = function cardPlugin(_ref) {
       }));
     },
     actions: {
+      setProvider: function () {
+        var _setProvider2 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee(providerPromise) {
+          var _api$core$actions$exe;
+          var provider;
+          return _regeneratorRuntime.wrap(function _callee$(_context) {
+            while (1) switch (_context.prev = _context.next) {
+              case 0:
+                _context.next = 2;
+                return providerPromise;
+              case 2:
+                provider = _context.sent;
+                if (!(previousCardProvider === provider)) {
+                  _context.next = 5;
+                  break;
+                }
+                return _context.abrupt("return", false);
+              case 5:
+                previousCardProvider = provider;
+                return _context.abrupt("return", (_api$core$actions$exe = api === null || api === void 0 ? void 0 : api.core.actions.execute(function (_ref4) {
+                  var tr = _ref4.tr;
+                  return _setProvider(provider)(tr);
+                })) !== null && _api$core$actions$exe !== void 0 ? _api$core$actions$exe : false);
+              case 7:
+              case "end":
+                return _context.stop();
+            }
+          }, _callee);
+        }));
+        function setProvider(_x) {
+          return _setProvider2.apply(this, arguments);
+        }
+        return setProvider;
+      }(),
       hideLinkToolbar: hideLinkToolbar,
       queueCardsFromChangedTr: queueCardsFromChangedTr,
       getStartingToolbarItems: getStartingToolbarItems(options, api),
@@ -111,8 +147,8 @@ export var cardPlugin = function cardPlugin(_ref) {
     },
     pluginsOptions: {
       floatingToolbar: floatingToolbar(options, (_options$lpLinkPicker = options.lpLinkPicker) !== null && _options$lpLinkPicker !== void 0 ? _options$lpLinkPicker : false, options.platform, options.linkPicker, api, options.disableFloatingToolbar),
-      quickInsert: function quickInsert(_ref4) {
-        var formatMessage = _ref4.formatMessage;
+      quickInsert: function quickInsert(_ref5) {
+        var formatMessage = _ref5.formatMessage;
         var quickInsertArray = [];
         if (!options.allowDatasource) {
           return quickInsertArray;

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

@@ -1,5 +1,5 @@
+import { browser } from '@atlaskit/editor-common/browser';
 import { bindKeymapWithCommand, moveDown, moveUp } from '@atlaskit/editor-common/keymaps';
-import { browser } from '@atlaskit/editor-common/utils';
 import { keymap } from '@atlaskit/editor-prosemirror/keymap';
 import { NodeSelection } from '@atlaskit/editor-prosemirror/state';
 import { findChildren, flatten } from '@atlaskit/editor-prosemirror/utils';

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

@@ -154,8 +154,10 @@ export var createPlugin = function createPlugin(options, pluginInjectionApi) {
         };
         var domAtPos = _view.domAtPos.bind(_view);
         var rafCancellationCallbacks = [];
-        if (options.provider && fg('platform_editor_get_card_provider_from_config')) {
-          handleProvider('cardProvider', options.provider, _view);
+        if (fg('platform_editor_get_card_provider_from_config')) {
+          if (options.provider) {
+            handleProvider('cardProvider', options.provider, _view);
+          }
         } else {
           pmPluginFactoryParams.providerFactory.subscribe('cardProvider', subscriptionHandler);
         }

package/dist/esm/toolbar.js

@@ -579,7 +579,8 @@ export var getStartingToolbarItems = function getStartingToolbarItems(options, a
           cardOptions: options,
           providerFactory: providerFactory,
           platform: options === null || options === void 0 ? void 0 : options.platform,
-          editorAnalyticsApi: api === null || api === void 0 || (_api$analytics2 = api.analytics) === null || _api$analytics2 === void 0 ? void 0 : _api$analytics2.actions
+          editorAnalyticsApi: api === null || api === void 0 || (_api$analytics2 = api.analytics) === null || _api$analytics2 === void 0 ? void 0 : _api$analytics2.actions,
+          editorPluginApi: api
         });
       }
     }].concat(editLinkItem);