@atlaskit/editor-plugin-card 4.5.0 → 4.5.2

package/dist/es2019/ui/DatasourceModal/ModalWithState.js

@@ -1,13 +1,14 @@
 import React from 'react';
 import { useSharedPluginState } from '@atlaskit/editor-common/hooks';
 import { ASSETS_LIST_OF_LINKS_DATASOURCE_ID, AssetsConfigModal, CONFLUENCE_SEARCH_DATASOURCE_ID, ConfluenceSearchConfigModal, JIRA_LIST_OF_LINKS_DATASOURCE_ID, JiraIssuesConfigModal } from '@atlaskit/link-datasource';
-import { DatasourceErrorBoundary } from '../../datasourceErrorBoundary';
-import { CardContextProvider } from '../CardContextProvider';
+import { EditorSmartCardProviderValueGuard, useSmartLinkContext } from '@atlaskit/link-provider';
+import { DatasourceErrorBoundary } from '../datasourceErrorBoundary';
 import { DatasourceModal } from './index';
 const ModalWithState = ({
   api,
   editorView
 }) => {
+  const cardContext = useSmartLinkContext();
   const {
     cardState
   } = useSharedPluginState(api, ['card']);
@@ -28,15 +29,22 @@ const ModalWithState = ({
   return /*#__PURE__*/React.createElement(DatasourceErrorBoundary, {
     view: editorView,
     datasourceModalType: datasourceModalType
-  }, /*#__PURE__*/React.createElement(CardContextProvider, null, ({
-    cardContext
-  }) => /*#__PURE__*/React.createElement(DatasourceModal, {
+  }, /*#__PURE__*/React.createElement(DatasourceModal, {
     view: editorView,
     cardContext: cardContext,
     datasourceId: datasourceId,
     componentType: componentType
-  })));
+  }));
 };
+const SafeModalWithState = /*#__PURE__*/React.memo(({
+  api,
+  editorView
+}) => {
+  return /*#__PURE__*/React.createElement(EditorSmartCardProviderValueGuard, null, /*#__PURE__*/React.createElement(ModalWithState, {
+    api: api,
+    editorView: editorView
+  }));
+});
 export const modalTypeToComponentMap = {
   jira: {
     componentType: JiraIssuesConfigModal,
@@ -51,4 +59,4 @@ export const modalTypeToComponentMap = {
     datasourceId: ASSETS_LIST_OF_LINKS_DATASOURCE_ID
   }
 };
-export default ModalWithState;
+export default SafeModalWithState;

package/dist/es2019/ui/EditLinkToolbar.js

@@ -7,7 +7,7 @@ import { LINKPICKER_HEIGHT_IN_PX, RECENT_SEARCH_HEIGHT_IN_PX, RECENT_SEARCH_WIDT
 import { NodeSelection } from '@atlaskit/editor-prosemirror/state';
 import { hideLinkToolbar, showLinkToolbar } from '../pm-plugins/actions';
 import { changeSelectedCardToLink, updateCard } from '../pm-plugins/doc';
-import { displayInfoForCard, findCardInfo } from '../utils';
+import { displayInfoForCard, findCardInfo } from '../pm-plugins/utils';
 export function HyperlinkAddToolbarWithState({
   linkPickerOptions = {},
   onSubmit,

package/dist/es2019/ui/EditToolbarButton/EditToolbarButtonPresentation.js

@@ -13,7 +13,7 @@ import { ArrowKeyNavigationType, DropdownContainer as UiDropdown } from '@atlask
 import ExpandIcon from '@atlaskit/icon/glyph/chevron-down';
 import { ButtonItem } from '@atlaskit/menu';
 import { Flex } from '@atlaskit/primitives';
-import { focusEditorView } from '../../utils';
+import { focusEditorView } from '../../pm-plugins/utils';
 import { editDatasource } from '../editDatasourceAction';
 const dropdownExpandContainer = css({
   margin: `0px ${"var(--ds-space-negative-050, -4px)"}`

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

@@ -11,10 +11,10 @@ import { linkToolbarMessages, cardMessages as messages } from '@atlaskit/editor-
 import { FloatingToolbarButton as Button, FloatingToolbarSeparator as Separator } from '@atlaskit/editor-common/ui';
 import { ArrowKeyNavigationType, DropdownContainer as UiDropdown } from '@atlaskit/editor-common/ui-menu';
 import ExpandIcon from '@atlaskit/icon/glyph/chevron-down';
+import { useSmartLinkContext } from '@atlaskit/link-provider';
 import { ButtonItem } from '@atlaskit/menu';
 import { Flex } from '@atlaskit/primitives';
-import { focusEditorView, isDatasourceConfigEditable } from '../../utils';
-import { CardContextProvider } from '../CardContextProvider';
+import { focusEditorView, isDatasourceConfigEditable } from '../../pm-plugins/utils';
 import { editDatasource } from '../editDatasourceAction';
 import { useFetchDatasourceDataInfo } from '../useFetchDatasourceDataInfo';
 import { useFetchDatasourceInfo } from '../useFetchDatasourceInfo';
@@ -241,35 +241,11 @@ export const EditToolbarButton = props => {
     onLinkEditClick,
     url
   } = props;
-  return jsx(CardContextProvider, null, ({
-    cardContext
-  }) => {
-    if (props.url) {
-      return jsx(EditToolbarButtonWithUrl, {
-        datasourceId: datasourceId,
-        url: props.url,
-        intl: intl,
-        editorAnalyticsApi: editorAnalyticsApi,
-        editorView: editorView,
-        cardContext: cardContext,
-        onLinkEditClick: onLinkEditClick,
-        currentAppearance: currentAppearance
-      });
-    }
-    if (props.datasourceId && props.node) {
-      return jsx(EditToolbarButtonWithDatasourceId, {
-        datasourceId: props.datasourceId,
-        node: props.node,
-        intl: intl,
-        editorAnalyticsApi: editorAnalyticsApi,
-        editorView: editorView,
-        onLinkEditClick: onLinkEditClick,
-        currentAppearance: currentAppearance
-      });
-    }
-    return jsx(EditToolbarButtonWithCardContext, {
+  const cardContext = useSmartLinkContext();
+  if (props.url) {
+    return jsx(EditToolbarButtonWithUrl, {
       datasourceId: datasourceId,
-      url: url,
+      url: props.url,
       intl: intl,
       editorAnalyticsApi: editorAnalyticsApi,
       editorView: editorView,
@@ -277,5 +253,26 @@ export const EditToolbarButton = props => {
       onLinkEditClick: onLinkEditClick,
       currentAppearance: currentAppearance
     });
+  }
+  if (props.datasourceId && props.node) {
+    return jsx(EditToolbarButtonWithDatasourceId, {
+      datasourceId: props.datasourceId,
+      node: props.node,
+      intl: intl,
+      editorAnalyticsApi: editorAnalyticsApi,
+      editorView: editorView,
+      onLinkEditClick: onLinkEditClick,
+      currentAppearance: currentAppearance
+    });
+  }
+  return jsx(EditToolbarButtonWithCardContext, {
+    datasourceId: datasourceId,
+    url: url,
+    intl: intl,
+    editorAnalyticsApi: editorAnalyticsApi,
+    editorView: editorView,
+    cardContext: cardContext,
+    onLinkEditClick: onLinkEditClick,
+    currentAppearance: currentAppearance
   });
 };

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

@@ -1,7 +1,7 @@
 import { useEffect, useMemo } from 'react';
 import { UIAnalyticsEvent } from '@atlaskit/analytics-next';
 import { useDatasourceLifecycleAnalytics } from '@atlaskit/link-analytics';
-import { EVENT, EVENT_SUBJECT } from '../../analytics/types';
+import { EVENT, EVENT_SUBJECT } from '../analytics/types';
 import { getMethod } from './common';
 function getDatasourceDisplay(datasourceAttrs) {
   var _datasourceAttrs$data;

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

@@ -1,7 +1,7 @@
 import { useEffect, useMemo } from 'react';
 import { useSmartLinkLifecycleAnalytics } from '@atlaskit/link-analytics';
-import { EVENT, EVENT_SUBJECT } from '../../analytics/types';
-import { appearanceForLink, getUrl } from '../../analytics/utils';
+import { EVENT, EVENT_SUBJECT } from '../analytics/types';
+import { appearanceForLink, getUrl } from '../analytics/utils';
 import { getDeleteType, getMethod, getSourceEventFromMetadata, getUpdateType } from './common';
 
 /**

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

@@ -1,33 +1,14 @@
-import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import React from 'react';
-import PropTypes from 'prop-types';
+import { EditorSmartCardProvider, EditorSmartCardProviderValueGuard } from '@atlaskit/link-provider';
 import { EditorAnalyticsContext } from '../EditorAnalyticsContext';
 import { DatasourceEventsBinding } from './DatasourceEvents';
 import { LinkEventsBinding } from './LinkEvents';
 
 // eslint-disable-next-line @repo/internal/react/no-class-components
 export class EditorLinkingPlatformAnalytics extends React.PureComponent {
-  // eslint-disable-next-line @typescript-eslint/no-explicit-any
-
   render() {
-    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 !== null && cardContext !== void 0 && cardContext.value)) {
-      return null;
-    }
-    return /*#__PURE__*/React.createElement(cardContext.Provider, {
-      value: cardContext.value
-    }, /*#__PURE__*/React.createElement(EditorAnalyticsContext, {
+    return /*#__PURE__*/React.createElement(EditorSmartCardProvider, null, /*#__PURE__*/React.createElement(EditorSmartCardProviderValueGuard, null, /*#__PURE__*/React.createElement(EditorAnalyticsContext, {
       editorView: this.props.editorView
-    }, /*#__PURE__*/React.createElement(LinkEventsBinding, this.props), /*#__PURE__*/React.createElement(DatasourceEventsBinding, this.props)));
+    }, /*#__PURE__*/React.createElement(LinkEventsBinding, this.props), /*#__PURE__*/React.createElement(DatasourceEventsBinding, this.props))));
   }
-}
-_defineProperty(EditorLinkingPlatformAnalytics, "contextTypes", {
-  contextAdapter: PropTypes.object
-});
+}

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

@@ -16,7 +16,7 @@ import ExpandIcon from '@atlaskit/icon/glyph/editor/expand';
 import { DATASOURCE_DEFAULT_LAYOUT } from '@atlaskit/linking-common';
 import { B300, N20A, N300 } from '@atlaskit/theme/colors';
 import { setCardLayout } from '../../pm-plugins/actions';
-import { isDatasourceNode } from '../../utils';
+import { isDatasourceNode } from '../../pm-plugins/utils';
 import { getDatasource, isDatasourceTableLayout } from './utils';
 const toolbarButtonWrapperStyles = css({
   background: `${`var(--ds-background-neutral, ${N20A})`}`,

package/dist/es2019/ui/LayoutButton/utils.js

@@ -1,5 +1,5 @@
 import { findSelectedNodeOfType } from '@atlaskit/editor-prosemirror/utils';
-import { isDatasourceNode } from '../../utils';
+import { isDatasourceNode } from '../../pm-plugins/utils';
 import { DATASOURCE_TABLE_LAYOUTS } from './types';
 export const getDatasource = editorView => {
   const {

package/dist/es2019/ui/LinkToolbarAppearance.js

@@ -1,18 +1,19 @@
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import React from 'react';
-import PropTypes from 'prop-types';
 import { AnalyticsContext } from '@atlaskit/analytics-next';
 import { ACTION, INPUT_METHOD } from '@atlaskit/editor-common/analytics';
 import { commandWithMetadata, getButtonGroupOption, LinkToolbarButtonGroup } from '@atlaskit/editor-common/card';
 import nodeNames, { cardMessages as messages } from '@atlaskit/editor-common/messages';
 import { isSupportedInParent } from '@atlaskit/editor-common/utils';
 import { Fragment } from '@atlaskit/editor-prosemirror/model';
-import { LOCAL_STORAGE_DISCOVERY_KEY_TOOLBAR } from '../common/local-storage';
 import { changeSelectedCardToLink, setSelectedCardAppearance } from '../pm-plugins/doc';
-import { shouldRenderToolbarPulse } from '../toolbar';
-import { getResolvedAttributesFromStore } from '../utils';
+import { getResolvedAttributesFromStore } from '../pm-plugins/utils';
+import { LOCAL_STORAGE_DISCOVERY_KEY_TOOLBAR } from './local-storage';
 import { DiscoveryPulse } from './Pulse';
+import { shouldRenderToolbarPulse } from './toolbar';
+import { WithCardContext } from './WithCardContext';
 // eslint-disable-next-line @repo/internal/react/no-class-components
+
 export class LinkToolbarAppearance extends React.Component {
   constructor(...args) {
     super(...args);
@@ -114,16 +115,12 @@ export class LinkToolbarAppearance extends React.Component {
     });
   }
   render() {
-    const cardContext = this.context.contextAdapter ? this.context.contextAdapter.card : undefined;
     const {
       editorView
     } = this.props;
-    return this.renderDropdown(editorView, cardContext && cardContext.value);
+    return /*#__PURE__*/React.createElement(WithCardContext, null, cardContext => this.renderDropdown(editorView, cardContext && cardContext.value));
   }
 }
-_defineProperty(LinkToolbarAppearance, "contextTypes", {
-  contextAdapter: PropTypes.object
-});
 const getUnavailableMessage = (state, intl) => {
   try {
     const parentNode = state.selection.$from.node(1);

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

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

package/dist/es2019/ui/ToolbarViewedEvent.js

@@ -1,7 +1,7 @@
 import React, { useEffect } from 'react';
 import { useAnalyticsEvents } from '@atlaskit/analytics-next/useAnalyticsEvents';
-import { getResolvedAttributesFromStore } from '../utils';
-import { CardContextProvider } from './CardContextProvider';
+import { useSmartLinkContext } from '@atlaskit/link-provider';
+import { getResolvedAttributesFromStore } from '../pm-plugins/utils';
 import { EditorAnalyticsContext } from './EditorAnalyticsContext';
 /**
  * Handles firing the toolbar viewed event
@@ -38,13 +38,12 @@ export const ToolbarViewedEvent = ({
   display,
   editorView
 }) => {
+  const cardContext = useSmartLinkContext();
   return /*#__PURE__*/React.createElement(EditorAnalyticsContext, {
     editorView: editorView
-  }, /*#__PURE__*/React.createElement(CardContextProvider, null, ({
-    cardContext
-  }) => url ? /*#__PURE__*/React.createElement(ToolbarViewedEventBase, {
+  }, url ? /*#__PURE__*/React.createElement(ToolbarViewedEventBase, {
     url: url,
     display: display,
     cardContext: cardContext
-  }) : null));
+  }) : null);
 };

package/dist/es2019/ui/WithCardContext.js

@@ -0,0 +1,8 @@
+import React from 'react';
+import { useSmartCardContext } from '@atlaskit/link-provider';
+export const WithCardContext = ({
+  children
+}) => {
+  const cardContext = useSmartCardContext();
+  return /*#__PURE__*/React.createElement(React.Fragment, null, children(cardContext));
+};

package/dist/es2019/{analytics → ui/analytics}/events-from-tr.js

@@ -4,8 +4,8 @@ import { ACTION } from '@atlaskit/editor-common/analytics';
 import { getLinkMetadataFromTransaction } from '@atlaskit/editor-common/card';
 import { isLinkMark, pmHistoryPluginKey } from '@atlaskit/editor-common/utils';
 import { AddMarkStep, RemoveMarkStep } from '@atlaskit/editor-prosemirror/transform';
-import { pluginKey } from '../pm-plugins/plugin-key';
-import { getPluginState } from '../pm-plugins/util/state';
+import { pluginKey } from '../../pm-plugins/plugin-key';
+import { getPluginState } from '../../pm-plugins/util/state';
 import { EVENT, EVENT_SUBJECT } from './types';
 import { appearanceForLink, areSameNodes, findAtPositions, findInNodeRange, getNodeContext, getNodeSubject } from './utils';
 

package/dist/es2019/{analytics → ui/analytics}/utils.js

@@ -1,4 +1,4 @@
-import { appearanceForNodeType } from '../utils';
+import { appearanceForNodeType } from '../../pm-plugins/utils';
 import { EVENT_SUBJECT } from './types';
 export function isDatasourceNode(node) {
   return 'datasource' in node.attrs && !!node.attrs.datasource;

package/dist/es2019/{datasourceErrorBoundary.js → ui/datasourceErrorBoundary.js}

@@ -3,7 +3,7 @@ import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import React from 'react';
 import { isSafeUrl } from '@atlaskit/adf-schema';
 import { LazyLoadedDatasourceRenderFailedAnalyticsWrapper } from '@atlaskit/link-datasource';
-import { setSelectedCardAppearance } from './pm-plugins/doc';
+import { setSelectedCardAppearance } from '../pm-plugins/doc';
 export class DatasourceErrorBoundary extends React.Component {
   constructor(...args) {
     super(...args);

package/dist/es2019/{toolbar.js → ui/toolbar.js}

@@ -19,15 +19,15 @@ import CogIcon from '@atlaskit/icon/glyph/editor/settings';
 import UnlinkIcon from '@atlaskit/icon/glyph/editor/unlink';
 import OpenIcon from '@atlaskit/icon/glyph/shortcut';
 import { fg } from '@atlaskit/platform-feature-flags';
-import { changeSelectedCardToText } from './pm-plugins/doc';
-import { pluginKey } from './pm-plugins/main';
-import { DatasourceAppearanceButton } from './ui/DatasourceAppearanceButton';
-import { buildEditLinkToolbar, editLinkToolbarConfig, getEditLinkCallback } from './ui/EditLinkToolbar';
-import { EditToolbarButton } from './ui/EditToolbarButton';
-import { HyperlinkToolbarAppearance } from './ui/HyperlinkToolbarAppearance';
-import { LinkToolbarAppearance } from './ui/LinkToolbarAppearance';
-import { ToolbarViewedEvent } from './ui/ToolbarViewedEvent';
-import { appearanceForNodeType, displayInfoForCard, findCardInfo, isDatasourceNode, titleUrlPairFromNode } from './utils';
+import { changeSelectedCardToText } from '../pm-plugins/doc';
+import { pluginKey } from '../pm-plugins/main';
+import { appearanceForNodeType, displayInfoForCard, findCardInfo, isDatasourceNode, titleUrlPairFromNode } from '../pm-plugins/utils';
+import { DatasourceAppearanceButton } from './DatasourceAppearanceButton';
+import { buildEditLinkToolbar, editLinkToolbarConfig, getEditLinkCallback } from './EditLinkToolbar';
+import { EditToolbarButton } from './EditToolbarButton';
+import { HyperlinkToolbarAppearance } from './HyperlinkToolbarAppearance';
+import { LinkToolbarAppearance } from './LinkToolbarAppearance';
+import { ToolbarViewedEvent } from './ToolbarViewedEvent';
 export const removeCard = editorAnalyticsApi => commandWithMetadata((state, dispatch) => {
   if (!(state.selection instanceof NodeSelection)) {
     return false;

package/dist/esm/{plugin.js → cardPlugin.js}

@@ -8,26 +8,21 @@ import { cardMessages as messages } from '@atlaskit/editor-common/messages';
 import { IconDatasourceAssetsObjects, IconDatasourceConfluenceSearch, IconDatasourceJiraIssue } from '@atlaskit/editor-common/quick-insert';
 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 { blockCardSpecWithFixedToDOM } from './nodeviews/toDOM-fixes/blockCard';
+import { embedCardSpecWithFixedToDOM } from './nodeviews/toDOM-fixes/embedCard';
+import { inlineCardSpecWithFixedToDOM } from './nodeviews/toDOM-fixes/inlineCard';
 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';
 import { pluginKey } from './pm-plugins/plugin-key';
-import { blockCardSpecWithFixedToDOM } from './toDOM-fixes/blockCard';
-import { embedCardSpecWithFixedToDOM } from './toDOM-fixes/embedCard';
-import { inlineCardSpecWithFixedToDOM } from './toDOM-fixes/inlineCard';
-import { floatingToolbar, getEndingToolbarItems, getStartingToolbarItems } from './toolbar';
+import { isDatasourceConfigEditable } from './pm-plugins/utils';
+import { createEventsQueue } from './ui/analytics/create-events-queue';
 import DatasourceModalWithState from './ui/DatasourceModal/ModalWithState';
 import { EditorLinkingPlatformAnalytics } from './ui/EditorLinkingPlatformAnalytics';
 import { EditorSmartCardEvents } from './ui/EditorSmartCardEvents';
 import LayoutButton from './ui/LayoutButton';
-import { isDatasourceConfigEditable } from './utils';
-
-// Dummpy type of AnnotationPlugin
-// This is used to avoid editor universal preset's inferred type maximum length error
-// TODO: Remove this when the issue is fixed
-
+import { floatingToolbar, getEndingToolbarItems, getStartingToolbarItems } from './ui/toolbar';
 export var cardPlugin = function cardPlugin(_ref) {
   var _options$lpLinkPicker;
   var _ref$config = _ref.config,

package/dist/esm/cardPluginType.js

@@ -0,0 +1 @@
+export {};

package/dist/esm/index.js

@@ -1 +1 @@
-export { cardPlugin } from './plugin';
+export { cardPlugin } from './cardPlugin';

package/dist/esm/nodeviews/blockCard.js

@@ -9,7 +9,6 @@ import _defineProperty from "@babel/runtime/helpers/defineProperty";
 function _createSuper(t) { var r = _isNativeReflectConstruct(); return function () { var e, o = _getPrototypeOf(t); if (r) { var s = _getPrototypeOf(this).constructor; e = Reflect.construct(o, arguments, s); } else e = o.apply(this, arguments); return _possibleConstructorReturn(this, e); }; }
 function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
 import React from 'react';
-import PropTypes from 'prop-types';
 import rafSchedule from 'raf-schd';
 import ReactNodeView from '@atlaskit/editor-common/react-node-view';
 import { findOverflowScrollParent, UnsupportedBlock } from '@atlaskit/editor-common/ui';
@@ -18,7 +17,7 @@ import { fg } from '@atlaskit/platform-feature-flags';
 import { Card as SmartCard } from '@atlaskit/smart-card';
 import { Datasource } from '../nodeviews/datasource';
 import { registerCard } from '../pm-plugins/actions';
-import { isDatasourceNode } from '../utils';
+import { isDatasourceNode } from '../pm-plugins/utils';
 import { Card } from './genericCard';
 
 // eslint-disable-next-line @repo/internal/react/no-class-components
@@ -106,9 +105,6 @@ export var BlockCardComponent = /*#__PURE__*/function (_React$PureComponent) {
   }]);
   return BlockCardComponent;
 }(React.PureComponent);
-_defineProperty(BlockCardComponent, "contextTypes", {
-  contextAdapter: PropTypes.object
-});
 var WrappedBlockCard = Card(BlockCardComponent, UnsupportedBlock);
 export var BlockCard = /*#__PURE__*/function (_ReactNodeView) {
   _inherits(BlockCard, _ReactNodeView);

package/dist/esm/nodeviews/datasource.js

@@ -19,15 +19,15 @@ import React from 'react';
 
 // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 import { jsx } from '@emotion/react';
-import PropTypes from 'prop-types';
 import ReactNodeView from '@atlaskit/editor-common/react-node-view';
 import { DATASOURCE_INNER_CONTAINER_CLASSNAME, SmartCardSharedCssClassName } from '@atlaskit/editor-common/styles';
 import { UnsupportedInline } from '@atlaskit/editor-common/ui';
 import { calcBreakoutWidth } from '@atlaskit/editor-common/utils';
 import { DatasourceTableView } from '@atlaskit/link-datasource';
+import { EditorSmartCardProvider, EditorSmartCardProviderValueGuard } from '@atlaskit/link-provider';
 import { DATASOURCE_DEFAULT_LAYOUT } from '@atlaskit/linking-common';
 import { fg } from '@atlaskit/platform-feature-flags';
-import { DatasourceErrorBoundary } from '../datasourceErrorBoundary';
+import { DatasourceErrorBoundary } from '../ui/datasourceErrorBoundary';
 import { EditorAnalyticsContext } from '../ui/EditorAnalyticsContext';
 var getPosSafely = function getPosSafely(pos) {
   if (!pos || typeof pos === 'boolean') {
@@ -43,8 +43,6 @@ var getPosSafely = function getPosSafely(pos) {
 export var DatasourceComponent = /*#__PURE__*/function (_React$PureComponent) {
   _inherits(DatasourceComponent, _React$PureComponent);
   var _super = _createSuper(DatasourceComponent);
-  // eslint-disable-next-line @typescript-eslint/no-explicit-any
-
   function DatasourceComponent(props) {
     var _this;
     _classCallCheck(this, DatasourceComponent);
@@ -180,7 +178,6 @@ export var DatasourceComponent = /*#__PURE__*/function (_React$PureComponent) {
   }, {
     key: "render",
     value: function render() {
-      var cardContext = this.context.contextAdapter ? this.context.contextAdapter.card : undefined;
       var datasource = this.getDatasource();
       var attrs = this.props.node.attrs;
       var tableView = this.getTableView();
@@ -189,34 +186,25 @@ export var DatasourceComponent = /*#__PURE__*/function (_React$PureComponent) {
           visibleColumnKeys = _this$getColumnsInfo10.visibleColumnKeys,
           columnCustomSizes = _this$getColumnsInfo10.columnCustomSizes,
           wrappedColumnKeys = _this$getColumnsInfo10.wrappedColumnKeys;
-
-        // [WS-2307]: we only render card wrapped into a Provider when the value is ready
-        if (cardContext && cardContext.value) {
-          return jsx(EditorAnalyticsContext, {
-            editorView: this.props.view
-          }, jsx(cardContext.Provider, {
-            value: cardContext.value
-          }, jsx(DatasourceTableView, {
-            datasourceId: datasource.id,
-            parameters: datasource.parameters,
-            visibleColumnKeys: visibleColumnKeys,
-            onVisibleColumnKeysChange: this.handleColumnChange,
-            url: attrs === null || attrs === void 0 ? void 0 : attrs.url,
-            onColumnResize: this.handleColumnResize,
-            columnCustomSizes: columnCustomSizes,
-            onWrappedColumnChange: this.handleWrappedColumnChange,
-            wrappedColumnKeys: wrappedColumnKeys
-          })));
-        }
+        return jsx(EditorSmartCardProviderValueGuard, null, jsx(EditorAnalyticsContext, {
+          editorView: this.props.view
+        }, jsx(EditorSmartCardProvider, null, jsx(DatasourceTableView, {
+          datasourceId: datasource.id,
+          parameters: datasource.parameters,
+          visibleColumnKeys: visibleColumnKeys,
+          onVisibleColumnKeysChange: this.handleColumnChange,
+          url: attrs === null || attrs === void 0 ? void 0 : attrs.url,
+          onColumnResize: this.handleColumnResize,
+          columnCustomSizes: columnCustomSizes,
+          onWrappedColumnChange: this.handleWrappedColumnChange,
+          wrappedColumnKeys: wrappedColumnKeys
+        }))));
       }
       return null;
     }
   }]);
   return DatasourceComponent;
 }(React.PureComponent);
-_defineProperty(DatasourceComponent, "contextTypes", {
-  contextAdapter: PropTypes.object
-});
 export var Datasource = /*#__PURE__*/function (_ReactNodeView) {
   _inherits(Datasource, _ReactNodeView);
   var _super2 = _createSuper(Datasource);

package/dist/esm/nodeviews/embedCard.js

@@ -12,7 +12,6 @@ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t =
 function _createSuper(t) { var r = _isNativeReflectConstruct(); return function () { var e, o = _getPrototypeOf(t); if (r) { var s = _getPrototypeOf(this).constructor; e = Reflect.construct(o, arguments, s); } else e = o.apply(this, arguments); return _possibleConstructorReturn(this, e); }; }
 function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
 import React from 'react';
-import PropTypes from 'prop-types';
 import rafSchedule from 'raf-schd';
 import { SetAttrsStep } from '@atlaskit/adf-schema/steps';
 import { useSharedPluginState } from '@atlaskit/editor-common/hooks';
@@ -149,8 +148,9 @@ export var EmbedCardComponent = /*#__PURE__*/function (_React$PureComponent) {
         })(view.state.tr));
       })();
       try {
-        var cardContext = _this.context.contextAdapter ? _this.context.contextAdapter.card : undefined;
-        var hasPreview = cardContext && cardContext.value.extractors.getPreview(url, 'web');
+        var _this$props$cardConte, _this$props$cardConte2;
+        var cardContext = (_this$props$cardConte = _this.props.cardContext) !== null && _this$props$cardConte !== void 0 && _this$props$cardConte.value ? (_this$props$cardConte2 = _this.props.cardContext) === null || _this$props$cardConte2 === void 0 ? void 0 : _this$props$cardConte2.value : undefined;
+        var hasPreview = url && cardContext && cardContext.extractors.getPreview(url, 'web');
         if (!hasPreview) {
           _this.setState({
             hasPreview: false
@@ -242,14 +242,11 @@ export var EmbedCardComponent = /*#__PURE__*/function (_React$PureComponent) {
     _this.scrollContainer = findOverflowScrollParent(props.view.dom) || undefined;
     return _this;
   }
-
-  // eslint-disable-next-line @typescript-eslint/no-explicit-any
   _createClass(EmbedCardComponent, [{
     key: "render",
     value: function render() {
       var _this$props = this.props,
         node = _this$props.node,
-        cardContext = _this$props.cardContext,
         allowResizing = _this$props.allowResizing,
         fullWidthMode = _this$props.fullWidthMode,
         view = _this$props.view,
@@ -298,7 +295,7 @@ export var EmbedCardComponent = /*#__PURE__*/function (_React$PureComponent) {
         embedIframeRef: this.embedIframeRef,
         actionOptions: actionOptions
       });
-      var cardInner = /*#__PURE__*/React.createElement(EmbedResizeMessageListener, {
+      return /*#__PURE__*/React.createElement(EmbedResizeMessageListener, {
         embedIframeRef: this.embedIframeRef,
         onHeightUpdate: this.onHeightUpdate
       }, /*#__PURE__*/React.createElement(CardInner, {
@@ -317,18 +314,10 @@ export var EmbedCardComponent = /*#__PURE__*/function (_React$PureComponent) {
         cardProps: cardProps,
         dispatchAnalyticsEvent: dispatchAnalyticsEvent
       }));
-
-      // [WS-2307]: we only render card wrapped into a Provider when the value is ready
-      return /*#__PURE__*/React.createElement(React.Fragment, null, cardContext && cardContext.value ? /*#__PURE__*/React.createElement(cardContext.Provider, {
-        value: cardContext.value
-      }, cardInner) : null);
     }
   }]);
   return EmbedCardComponent;
 }(React.PureComponent);
-_defineProperty(EmbedCardComponent, "contextTypes", {
-  contextAdapter: PropTypes.object
-});
 var WrappedBlockCard = Card(EmbedCardComponent, UnsupportedBlock);
 export var EmbedCard = /*#__PURE__*/function (_ReactNodeView) {
   _inherits(EmbedCard, _ReactNodeView);