@atlaskit/smart-card 26.27.0 → 26.27.2

package/dist/es2019/utils/mocks.js

@@ -35,6 +35,30 @@ export const mockByUrl = url => {
     }
   };
 };
+const errorResponseData = {
+  '@context': {
+    '@vocab': 'https://www.w3.org/ns/activitystreams#',
+    atlassian: 'https://schema.atlassian.com/ns/vocabulary#',
+    schema: 'http://schema.org/'
+  },
+  '@type': 'Object',
+  name: 'I love cheese',
+  url: 'https://some.url'
+};
+const successfulResponseData = {
+  ...errorResponseData,
+  summary: 'Here is your serving of cheese: 🧀',
+  'schema:potentialAction': {
+    '@id': 'download',
+    '@type': 'DownloadAction',
+    identifier: 'object-provider',
+    name: 'Download'
+  },
+  'atlassian:downloadUrl': 'https://some-download.url',
+  preview: {
+    href: 'https://www.ilovecheese.com'
+  }
+};
 export const mocks = {
   success: {
     meta: {
@@ -44,27 +68,7 @@ export const mocks = {
       definitionId: 'd1',
       key: 'object-provider'
     },
-    data: {
-      '@context': {
-        '@vocab': 'https://www.w3.org/ns/activitystreams#',
-        atlassian: 'https://schema.atlassian.com/ns/vocabulary#',
-        schema: 'http://schema.org/'
-      },
-      '@type': 'Object',
-      name: 'I love cheese',
-      summary: 'Here is your serving of cheese: 🧀',
-      'schema:potentialAction': {
-        '@id': 'download',
-        '@type': 'DownloadAction',
-        identifier: 'object-provider',
-        name: 'Download'
-      },
-      'atlassian:downloadUrl': 'https://some-download.url',
-      preview: {
-        href: 'https://www.ilovecheese.com'
-      },
-      url: 'https://some.url'
-    }
+    data: successfulResponseData
   },
   notFound: {
     meta: {
@@ -74,16 +78,7 @@ export const mocks = {
       definitionId: 'd1',
       key: 'object-provider'
     },
-    data: {
-      '@context': {
-        '@vocab': 'https://www.w3.org/ns/activitystreams#',
-        atlassian: 'https://schema.atlassian.com/ns/vocabulary#',
-        schema: 'http://schema.org/'
-      },
-      '@type': 'Object',
-      name: 'I love cheese',
-      url: 'https://some.url'
-    }
+    data: errorResponseData
   },
   forbidden: {
     meta: {
@@ -97,16 +92,7 @@ export const mocks = {
       definitionId: 'd1',
       key: 'object-provider'
     },
-    data: {
-      '@context': {
-        '@vocab': 'https://www.w3.org/ns/activitystreams#',
-        atlassian: 'https://schema.atlassian.com/ns/vocabulary#',
-        schema: 'http://schema.org/'
-      },
-      '@type': 'Object',
-      name: 'I love cheese',
-      url: 'https://some.url'
-    }
+    data: errorResponseData
   },
   forbiddenWithNoAuth: {
     meta: {
@@ -116,16 +102,7 @@ export const mocks = {
       definitionId: 'd1',
       key: 'object-provider'
     },
-    data: {
-      '@context': {
-        '@vocab': 'https://www.w3.org/ns/activitystreams#',
-        atlassian: 'https://schema.atlassian.com/ns/vocabulary#',
-        schema: 'http://schema.org/'
-      },
-      '@type': 'Object',
-      name: 'I love cheese',
-      url: 'https://some.url'
-    }
+    data: errorResponseData
   },
   unauthorized: {
     meta: {
@@ -139,16 +116,7 @@ export const mocks = {
       definitionId: 'd1',
       key: 'object-provider'
     },
-    data: {
-      '@context': {
-        '@vocab': 'https://www.w3.org/ns/activitystreams#',
-        atlassian: 'https://schema.atlassian.com/ns/vocabulary#',
-        schema: 'http://schema.org/'
-      },
-      '@type': 'Object',
-      name: 'I love cheese',
-      url: 'https://some.url'
-    }
+    data: errorResponseData
   },
   unauthorizedWithNoAuth: {
     meta: {
@@ -158,16 +126,7 @@ export const mocks = {
       definitionId: 'd1',
       key: 'object-provider'
     },
-    data: {
-      '@context': {
-        '@vocab': 'https://www.w3.org/ns/activitystreams#',
-        atlassian: 'https://schema.atlassian.com/ns/vocabulary#',
-        schema: 'http://schema.org/'
-      },
-      '@type': 'Object',
-      name: 'I love cheese',
-      url: 'https://some.url'
-    }
+    data: errorResponseData
   },
   actionSuccess: {
     meta: {
@@ -191,6 +150,27 @@ export const mocks = {
         product: 'spaghetti-product'
       }
     }
+  },
+  withDatasource: {
+    meta: {
+      visibility: 'public',
+      access: 'granted',
+      auth: [],
+      definitionId: 'd1',
+      key: 'object-provider'
+    },
+    data: successfulResponseData,
+    datasources: [{
+      key: 'datasource-jira-issues',
+      parameters: {
+        jql: '(text ~ "test*" OR summary ~ "test*") order by created DESC',
+        cloudId: '16f8b71e'
+      },
+      id: '1234-test-id-321',
+      ari: 'ari:cloud:linking-platform::datasource/1234-test-id-321',
+      description: 'For extracting a list of Jira issues using JQL',
+      name: 'Jira issues'
+    }]
   }
 };
 export const fakeResponse = () => Promise.resolve(mocks.success);

package/dist/es2019/view/BlockCard/views/flexible/styled.js

@@ -41,7 +41,7 @@ const flexibleBlockCardElevationStyle = css`
 const refreshedFlexibleBlockCardStyle = css`
   & > div {
     border-radius: ${"var(--ds-border-radius-200, 8px)"};
-    border: 1px solid ${`var(--ds-border-input, ${N40})`};
+    border: 1px solid ${`var(--ds-border, ${N40})`};
   }
 `;
 export const flexibleBlockCardStyle = getBooleanFF('platform.linking-platform.smart-card.show-smart-links-refreshed-design') ? refreshedFlexibleBlockCardStyle : flexibleBlockCardElevationStyle;

package/dist/es2019/view/CardWithUrl/component.js

@@ -3,7 +3,7 @@ import { useAnalyticsEvents } from '@atlaskit/analytics-next';
 import { useFeatureFlag } from '@atlaskit/link-provider';
 import { isSpecialEvent } from '../../utils';
 import * as measure from '../../utils/performance';
-import { getDefinitionId, getServices, isFinalState, getClickUrl, getResourceType, getExtensionKey, getSubproduct, getProduct } from '../../state/helpers';
+import { getDefinitionId, getServices, isFinalState, getClickUrl, getResourceType, getExtensionKey, getSubproduct, getProduct, getCanBeDatasource } from '../../state/helpers';
 import { useSmartLink } from '../../state';
 import { BlockCard } from '../BlockCard';
 import { InlineCard } from '../InlineCard';
@@ -60,6 +60,7 @@ function Component({
   const product = getProduct(state.details);
   const subproduct = getSubproduct(state.details);
   const services = getServices(state.details);
+  const canBeDatasource = getCanBeDatasource(state.details);
   let isFlexibleUi = useMemo(() => isFlexibleUiCard(children), [children]);
   const enableFlexibleBlockCardFlag = Boolean(useFeatureFlag('enableFlexibleBlockCard'));
   const showServerActions = showServerActionsProp && platform !== 'mobile';
@@ -131,10 +132,11 @@ function Component({
         status: state.status,
         id,
         definitionId,
-        extensionKey
+        extensionKey,
+        canBeDatasource
       });
     }
-  }, [isFlexibleUi, appearance, state.status, url, definitionId, extensionKey, analytics.ui, id]);
+  }, [isFlexibleUi, appearance, state.status, url, definitionId, extensionKey, analytics.ui, id, canBeDatasource]);
   const onIframeDwell = useCallback((dwellTime, dwellPercentVisible) => {
     analytics.ui.iframeDwelledEvent({
       id,

package/dist/es2019/view/EmbedCard/components/styled.js

@@ -122,7 +122,7 @@ const visibleStyles = `
   ${getBooleanFF('platform.linking-platform.smart-card.show-smart-links-refreshed-design') ? `` : `background-color: ${`var(--ds-background-neutral-subtle, ${colors.N30})`};`}
 
   &:after {
-    ${getBooleanFF('platform.linking-platform.smart-card.show-smart-links-refreshed-design') ? `border: 1px solid ${`var(--ds-border-input, ${N40})`};
+    ${getBooleanFF('platform.linking-platform.smart-card.show-smart-links-refreshed-design') ? `border: 1px solid ${`var(--ds-border, ${N40})`};
            background-color: ${themed({
   light: "var(--ds-surface-raised, white)",
   dark: `var(--ds-surface-raised, ${BACKGROUND_COLOR_DARK})`
@@ -198,7 +198,7 @@ export const TextWrapper = styled.div`
 // manage scrolling behaviour.
 export const Content = styled.div`
   ${getBooleanFF('platform.linking-platform.smart-card.show-smart-links-refreshed-design') ? `${contentBorderRadius};
-       border: 1px solid ${`var(--ds-border-input, ${N40})`};` : borderRadius}
+       border: 1px solid ${`var(--ds-border, ${N40})`};` : borderRadius}
   background-color: ${"var(--ds-surface-raised, white)"};
   position: absolute;
   z-index: 1;

package/dist/es2019/view/HoverCard/components/views/resolved/index.js

@@ -10,6 +10,7 @@ import { extractMetadata, elementNamesToItems } from '../../../../../extractors/
 import { messages } from '../../../../../messages';
 import { FormattedMessage } from 'react-intl-next';
 import { getBooleanFF } from '@atlaskit/platform-feature-flags';
+import { getCanBeDatasource } from '../../../../../state/helpers';
 export const toFooterActions = (cardActions, onActionClick) => {
   const followAction = {
     hideIcon: true,
@@ -56,14 +57,16 @@ const HoverCardResolvedView = ({
   extensionKey
 }) => {
   var _cardState$details;
+  const canBeDatasource = getCanBeDatasource(cardState.details);
   useEffect(() => {
     // Since this hover view is only rendered on resolved status,
     // there is no need to check for statuses.
     analytics.ui.renderSuccessEvent({
       display: CardDisplay.HoverCardPreview,
-      status: cardState.status
+      status: cardState.status,
+      canBeDatasource
     });
-  }, [analytics.ui, cardState.status]);
+  }, [analytics.ui, cardState.status, canBeDatasource]);
   const footerActions = useMemo(() => toFooterActions(cardActions, onActionClick), [cardActions, onActionClick]);
   const data = (_cardState$details = cardState.details) === null || _cardState$details === void 0 ? void 0 : _cardState$details.data;
   const {

package/dist/es2019/view/LinkUrl/index.js

@@ -8,7 +8,7 @@ import LinkWarningModal from './LinkWarningModal';
 import { getBooleanFF } from '@atlaskit/platform-feature-flags';
 const PACKAGE_DATA = {
   packageName: "@atlaskit/smart-card",
-  packageVersion: "26.27.0",
+  packageVersion: "26.27.2",
   componentName: 'linkUrl'
 };
 const Link = withLinkClickedEvent('a');

package/dist/es2019/view/RedesignedInlineCard/Frame/styled.js

@@ -11,7 +11,7 @@ const selected = `
     text-decoration: none;
   }
   &:hover {
-    border: 1px solid ${`var(--ds-border-input, ${N40})`};
+    border: 1px solid ${`var(--ds-border, ${N40})`};
   }
 `;
 const isInteractive = ({
@@ -81,8 +81,8 @@ const baseWrapperStyle = props => `
   ${isSelected(props)};
 
   ${props.withoutBackground ? '' : themed({
-  light: `border: 1px solid ${`var(--ds-border-input, ${N40})`};`,
-  dark: `border: 1px solid ${`var(--ds-border-input, ${N500})`};`
+  light: `border: 1px solid ${`var(--ds-border, ${N40})`};`,
+  dark: `border: 1px solid ${`var(--ds-border, ${N500})`};`
 })(props)}
   &:hover {
     ${themed({

package/dist/es2019/view/RedesignedInlineCard/utils/withFrameStyleControl.js

@@ -12,8 +12,8 @@ import { N500, N40 } from '@atlaskit/theme/colors';
 export default ((Button, frameRef) => props => {
   const setBorderStyle = () => {
     const borderColor = themed({
-      light: `${`var(--ds-border-input, ${N40})`}`,
-      dark: `${`var(--ds-border-input, ${N500})`}`
+      light: `${`var(--ds-border, ${N40})`}`,
+      dark: `${`var(--ds-border, ${N500})`}`
     })();
     const frameNode = frameRef.current;
     if (frameNode) {

package/dist/esm/state/analytics/useSmartLinkAnalytics.js

@@ -346,6 +346,7 @@ export var useSmartLinkAnalytics = function useSmartLinkAnalytics(url, _dispatch
        * @param id The unique ID for this Smart Link.
        * @param definitionId The definitionId of the Smart Link resolver invoked.
        * @param extensionKey The extensionKey of the Smart Link resovler invoked.
+       * @param canBeDatasource An indicator that shows that a smart link can be converted to a datasource
        */
       renderSuccessEvent: function renderSuccessEvent(_ref9) {
         var display = _ref9.display,
@@ -356,7 +357,9 @@ export var useSmartLinkAnalytics = function useSmartLinkAnalytics(url, _dispatch
           resourceType = _ref9.resourceType,
           destinationProduct = _ref9.destinationProduct,
           destinationSubproduct = _ref9.destinationSubproduct,
-          location = _ref9.location;
+          location = _ref9.location,
+          _ref9$canBeDatasource = _ref9.canBeDatasource,
+          canBeDatasource = _ref9$canBeDatasource === void 0 ? false : _ref9$canBeDatasource;
         var experienceId = id ? id : defaultId;
         succeedUfoExperience('smart-link-rendered', experienceId, {
           extensionKey: extensionKey,
@@ -375,7 +378,8 @@ export var useSmartLinkAnalytics = function useSmartLinkAnalytics(url, _dispatch
           resourceType: resourceType,
           destinationProduct: destinationProduct,
           destinationSubproduct: destinationSubproduct,
-          location: location
+          location: location,
+          canBeDatasource: canBeDatasource
         }), commonAttributes));
       },
       /**

package/dist/esm/state/helpers.js

@@ -55,4 +55,11 @@ export var getStatusDetails = function getStatusDetails(details) {
 };
 export var isFinalState = function isFinalState(status) {
   return ['unauthorized', 'forbidden', 'errored', 'resolved', 'not_found'].indexOf(status) > -1;
+};
+export var getDatasources = function getDatasources(details) {
+  return details === null || details === void 0 ? void 0 : details.datasources;
+};
+export var getCanBeDatasource = function getCanBeDatasource(details) {
+  var datasources = getDatasources(details);
+  return !!datasources && datasources.length > 0;
 };

package/dist/esm/utils/analytics/analytics.js

@@ -15,7 +15,7 @@ export var ANALYTICS_CHANNEL = 'media';
 export var context = {
   componentName: 'smart-cards',
   packageName: "@atlaskit/smart-card",
-  packageVersion: "26.27.0"
+  packageVersion: "26.27.2"
 };
 export var TrackQuickActionType = /*#__PURE__*/function (TrackQuickActionType) {
   TrackQuickActionType["StatusUpdate"] = "StatusUpdate";
@@ -487,7 +487,8 @@ export var uiRenderSuccessEvent = function uiRenderSuccessEvent(_ref20) {
     definitionId = _ref20.definitionId,
     destinationProduct = _ref20.destinationProduct,
     destinationSubproduct = _ref20.destinationSubproduct,
-    location = _ref20.location;
+    location = _ref20.location,
+    canBeDatasource = _ref20.canBeDatasource;
   return {
     action: 'renderSuccess',
     actionSubject: 'smartLink',
@@ -499,7 +500,8 @@ export var uiRenderSuccessEvent = function uiRenderSuccessEvent(_ref20) {
       destinationProduct: destinationProduct,
       destinationSubproduct: destinationSubproduct,
       location: location,
-      display: display
+      display: display,
+      canBeDatasource: canBeDatasource
     })
   };
 };

package/dist/esm/utils/mocks.js

@@ -4,9 +4,12 @@ import _createClass from "@babel/runtime/helpers/createClass";
 import _inherits from "@babel/runtime/helpers/inherits";
 import _possibleConstructorReturn from "@babel/runtime/helpers/possibleConstructorReturn";
 import _getPrototypeOf from "@babel/runtime/helpers/getPrototypeOf";
+import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import _regeneratorRuntime from "@babel/runtime/regenerator";
 function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
 function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
+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 { CardClient } from '@atlaskit/link-provider';
 export var mockContext = {
   '@vocab': 'https://www.w3.org/ns/activitystreams#',
@@ -44,6 +47,29 @@ export var mockByUrl = function mockByUrl(url) {
     }
   };
 };
+var errorResponseData = {
+  '@context': {
+    '@vocab': 'https://www.w3.org/ns/activitystreams#',
+    atlassian: 'https://schema.atlassian.com/ns/vocabulary#',
+    schema: 'http://schema.org/'
+  },
+  '@type': 'Object',
+  name: 'I love cheese',
+  url: 'https://some.url'
+};
+var successfulResponseData = _objectSpread(_objectSpread({}, errorResponseData), {}, {
+  summary: 'Here is your serving of cheese: 🧀',
+  'schema:potentialAction': {
+    '@id': 'download',
+    '@type': 'DownloadAction',
+    identifier: 'object-provider',
+    name: 'Download'
+  },
+  'atlassian:downloadUrl': 'https://some-download.url',
+  preview: {
+    href: 'https://www.ilovecheese.com'
+  }
+});
 export var mocks = {
   success: {
     meta: {
@@ -53,27 +79,7 @@ export var mocks = {
       definitionId: 'd1',
       key: 'object-provider'
     },
-    data: {
-      '@context': {
-        '@vocab': 'https://www.w3.org/ns/activitystreams#',
-        atlassian: 'https://schema.atlassian.com/ns/vocabulary#',
-        schema: 'http://schema.org/'
-      },
-      '@type': 'Object',
-      name: 'I love cheese',
-      summary: 'Here is your serving of cheese: 🧀',
-      'schema:potentialAction': {
-        '@id': 'download',
-        '@type': 'DownloadAction',
-        identifier: 'object-provider',
-        name: 'Download'
-      },
-      'atlassian:downloadUrl': 'https://some-download.url',
-      preview: {
-        href: 'https://www.ilovecheese.com'
-      },
-      url: 'https://some.url'
-    }
+    data: successfulResponseData
   },
   notFound: {
     meta: {
@@ -83,16 +89,7 @@ export var mocks = {
       definitionId: 'd1',
       key: 'object-provider'
     },
-    data: {
-      '@context': {
-        '@vocab': 'https://www.w3.org/ns/activitystreams#',
-        atlassian: 'https://schema.atlassian.com/ns/vocabulary#',
-        schema: 'http://schema.org/'
-      },
-      '@type': 'Object',
-      name: 'I love cheese',
-      url: 'https://some.url'
-    }
+    data: errorResponseData
   },
   forbidden: {
     meta: {
@@ -106,16 +103,7 @@ export var mocks = {
       definitionId: 'd1',
       key: 'object-provider'
     },
-    data: {
-      '@context': {
-        '@vocab': 'https://www.w3.org/ns/activitystreams#',
-        atlassian: 'https://schema.atlassian.com/ns/vocabulary#',
-        schema: 'http://schema.org/'
-      },
-      '@type': 'Object',
-      name: 'I love cheese',
-      url: 'https://some.url'
-    }
+    data: errorResponseData
   },
   forbiddenWithNoAuth: {
     meta: {
@@ -125,16 +113,7 @@ export var mocks = {
       definitionId: 'd1',
       key: 'object-provider'
     },
-    data: {
-      '@context': {
-        '@vocab': 'https://www.w3.org/ns/activitystreams#',
-        atlassian: 'https://schema.atlassian.com/ns/vocabulary#',
-        schema: 'http://schema.org/'
-      },
-      '@type': 'Object',
-      name: 'I love cheese',
-      url: 'https://some.url'
-    }
+    data: errorResponseData
   },
   unauthorized: {
     meta: {
@@ -148,16 +127,7 @@ export var mocks = {
       definitionId: 'd1',
       key: 'object-provider'
     },
-    data: {
-      '@context': {
-        '@vocab': 'https://www.w3.org/ns/activitystreams#',
-        atlassian: 'https://schema.atlassian.com/ns/vocabulary#',
-        schema: 'http://schema.org/'
-      },
-      '@type': 'Object',
-      name: 'I love cheese',
-      url: 'https://some.url'
-    }
+    data: errorResponseData
   },
   unauthorizedWithNoAuth: {
     meta: {
@@ -167,16 +137,7 @@ export var mocks = {
       definitionId: 'd1',
       key: 'object-provider'
     },
-    data: {
-      '@context': {
-        '@vocab': 'https://www.w3.org/ns/activitystreams#',
-        atlassian: 'https://schema.atlassian.com/ns/vocabulary#',
-        schema: 'http://schema.org/'
-      },
-      '@type': 'Object',
-      name: 'I love cheese',
-      url: 'https://some.url'
-    }
+    data: errorResponseData
   },
   actionSuccess: {
     meta: {
@@ -200,6 +161,27 @@ export var mocks = {
         product: 'spaghetti-product'
       }
     }
+  },
+  withDatasource: {
+    meta: {
+      visibility: 'public',
+      access: 'granted',
+      auth: [],
+      definitionId: 'd1',
+      key: 'object-provider'
+    },
+    data: successfulResponseData,
+    datasources: [{
+      key: 'datasource-jira-issues',
+      parameters: {
+        jql: '(text ~ "test*" OR summary ~ "test*") order by created DESC',
+        cloudId: '16f8b71e'
+      },
+      id: '1234-test-id-321',
+      ari: 'ari:cloud:linking-platform::datasource/1234-test-id-321',
+      description: 'For extracting a list of Jira issues using JQL',
+      name: 'Jira issues'
+    }]
   }
 };
 export var fakeResponse = function fakeResponse() {

package/dist/esm/view/BlockCard/views/flexible/styled.js

@@ -10,5 +10,5 @@ export var metadataBlockCss = css(_templateObject || (_templateObject = _taggedT
 export var titleBlockCss = css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n  ", "\n  ", "\n"])), getBooleanFF('platform.linking-platform.smart-card.enable-better-metadata_iojwg') ? "gap: 0.5em;" : "", getBooleanFF('platform.linking-platform.smart-card.show-smart-links-refreshed-design') ? "[data-smart-element=\"Title\"] {\n          font-weight: 600;\n        }" : "");
 export var footerBlockCss = css(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n  height: 1.5rem;\n\n  .actions-button-group {\n    button,\n    button:hover,\n    button:focus,\n    button:active {\n      font-size: 0.875rem;\n    }\n  }\n"])));
 var flexibleBlockCardElevationStyle = css(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n  border-radius: 1.5px;\n  box-shadow: ", ";\n  margin: ", ";\n"])), tokens.elevation, "var(--ds-space-025, 2px)");
-var refreshedFlexibleBlockCardStyle = css(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n  & > div {\n    border-radius: ", ";\n    border: 1px solid ", ";\n  }\n"])), "var(--ds-border-radius-200, 8px)", "var(--ds-border-input, ".concat(N40, ")"));
+var refreshedFlexibleBlockCardStyle = css(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n  & > div {\n    border-radius: ", ";\n    border: 1px solid ", ";\n  }\n"])), "var(--ds-border-radius-200, 8px)", "var(--ds-border, ".concat(N40, ")"));
 export var flexibleBlockCardStyle = getBooleanFF('platform.linking-platform.smart-card.show-smart-links-refreshed-design') ? refreshedFlexibleBlockCardStyle : flexibleBlockCardElevationStyle;

package/dist/esm/view/CardWithUrl/component.js

@@ -3,7 +3,7 @@ import { useAnalyticsEvents } from '@atlaskit/analytics-next';
 import { useFeatureFlag } from '@atlaskit/link-provider';
 import { isSpecialEvent } from '../../utils';
 import * as measure from '../../utils/performance';
-import { getDefinitionId, getServices, isFinalState, getClickUrl, getResourceType, getExtensionKey, getSubproduct, getProduct } from '../../state/helpers';
+import { getDefinitionId, getServices, isFinalState, getClickUrl, getResourceType, getExtensionKey, getSubproduct, getProduct, getCanBeDatasource } from '../../state/helpers';
 import { useSmartLink } from '../../state';
 import { BlockCard } from '../BlockCard';
 import { InlineCard } from '../InlineCard';
@@ -57,6 +57,7 @@ function Component(_ref) {
   var product = getProduct(state.details);
   var subproduct = getSubproduct(state.details);
   var services = getServices(state.details);
+  var canBeDatasource = getCanBeDatasource(state.details);
   var isFlexibleUi = useMemo(function () {
     return isFlexibleUiCard(children);
   }, [children]);
@@ -134,10 +135,11 @@ function Component(_ref) {
         status: state.status,
         id: id,
         definitionId: definitionId,
-        extensionKey: extensionKey
+        extensionKey: extensionKey,
+        canBeDatasource: canBeDatasource
       });
     }
-  }, [isFlexibleUi, appearance, state.status, url, definitionId, extensionKey, analytics.ui, id]);
+  }, [isFlexibleUi, appearance, state.status, url, definitionId, extensionKey, analytics.ui, id, canBeDatasource]);
   var onIframeDwell = useCallback(function (dwellTime, dwellPercentVisible) {
     analytics.ui.iframeDwelledEvent({
       id: id,

package/dist/esm/view/EmbedCard/components/styled.js

@@ -55,7 +55,7 @@ var height = function height(_ref5) {
 var wrapperStyles = function wrapperStyles(props) {
   return "\n  ".concat(getBooleanFF('platform.linking-platform.smart-card.show-smart-links-refreshed-design') ? wrapperBorderRadius : borderRadius, "\n  ").concat(minWidth(props), "\n  ").concat(maxWidth(props), "\n  ").concat(getInteractiveStyles(props), "\n  ").concat(visible(props), "\n  display: inline-flex;\n  flex-direction: column;\n  box-sizing: border-box;\n  font-family: ").concat(fontFamily(), ";\n  width: 100%;\n  user-select: none;\n  line-height: initial;\n  transition: background 0.3s;\n  position: relative;\n  ").concat(height(props), ";\n  ").concat(selected(props), "\n\n  &:after {\n    content: '';\n    transition: background 0.3s, box-shadow 0.3s;\n    position: absolute;\n    width: calc(100% + ", "var(--ds-space-200, 16px)", ");\n    height: calc(100% + ", "var(--ds-space-100, 8px)", ");\n    left: ", "var(--ds-space-negative-100, -8px)", ";\n    ").concat(getBooleanFF('platform.linking-platform.smart-card.show-smart-links-refreshed-design') ? wrapperBorderRadius : "background: transparent;\n           ".concat(borderRadius), "\n  }\n");
 };
-var visibleStyles = "\n  ".concat(getBooleanFF('platform.linking-platform.smart-card.show-smart-links-refreshed-design') ? "" : "background-color: ".concat("var(--ds-background-neutral-subtle, ".concat(colors.N30, ")"), ";"), "\n\n  &:after {\n    ").concat(getBooleanFF('platform.linking-platform.smart-card.show-smart-links-refreshed-design') ? "border: 1px solid ".concat("var(--ds-border-input, ".concat(N40, ")"), ";\n           background-color: ", themed({
+var visibleStyles = "\n  ".concat(getBooleanFF('platform.linking-platform.smart-card.show-smart-links-refreshed-design') ? "" : "background-color: ".concat("var(--ds-background-neutral-subtle, ".concat(colors.N30, ")"), ";"), "\n\n  &:after {\n    ").concat(getBooleanFF('platform.linking-platform.smart-card.show-smart-links-refreshed-design') ? "border: 1px solid ".concat("var(--ds-border, ".concat(N40, ")"), ";\n           background-color: ", themed({
   light: "var(--ds-surface-raised, white)",
   dark: "var(--ds-surface-raised, ".concat(BACKGROUND_COLOR_DARK, ")")
 })(), ";") : "background: ".concat("var(--ds-background-neutral, ".concat(colors.N30, ")"), " !important;"), "\n  }\n  .embed-header {\n    opacity: 1;\n  }");
@@ -92,7 +92,7 @@ export var TextWrapper = styled.div(_templateObject5 || (_templateObject5 = _tag
 // NB: `overflow` is kept as `hidden` since
 // the internal contents of the `iframe` should
 // manage scrolling behaviour.
-export var Content = styled.div(_templateObject6 || (_templateObject6 = _taggedTemplateLiteral(["\n  ", "\n  background-color: ", ";\n  position: absolute;\n  z-index: 1;\n  width: 100%;\n  transition: box-shadow 0.3s;\n\n  > .calc-height > div > div {\n    left: unset !important;\n    width: unset !important;\n    height: unset !important;\n    position: initial !important;\n    padding-bottom: unset !important;\n  }\n  > .embed-preview > div {\n    margin: 0 auto;\n  }\n\n  ", ";\n\n  ", "\n\n  ", "\n"])), getBooleanFF('platform.linking-platform.smart-card.show-smart-links-refreshed-design') ? "".concat(contentBorderRadius, ";\n       border: 1px solid ", "var(--ds-border-input, ".concat(N40, ")"), ";") : borderRadius, "var(--ds-surface-raised, white)", function (_ref9) {
+export var Content = styled.div(_templateObject6 || (_templateObject6 = _taggedTemplateLiteral(["\n  ", "\n  background-color: ", ";\n  position: absolute;\n  z-index: 1;\n  width: 100%;\n  transition: box-shadow 0.3s;\n\n  > .calc-height > div > div {\n    left: unset !important;\n    width: unset !important;\n    height: unset !important;\n    position: initial !important;\n    padding-bottom: unset !important;\n  }\n  > .embed-preview > div {\n    margin: 0 auto;\n  }\n\n  ", ";\n\n  ", "\n\n  ", "\n"])), getBooleanFF('platform.linking-platform.smart-card.show-smart-links-refreshed-design') ? "".concat(contentBorderRadius, ";\n       border: 1px solid ", "var(--ds-border, ".concat(N40, ")"), ";") : borderRadius, "var(--ds-surface-raised, white)", function (_ref9) {
   var isInteractive = _ref9.isInteractive;
   if (isInteractive && !getBooleanFF('platform.linking-platform.smart-card.show-smart-links-refreshed-design')) {
     return "\n          .".concat(className, ":hover & {\n            box-shadow: ", "var(--ds-shadow-overlay, 0 4px 8px -2px rgba(23, 43, 77, 0.32), 0 0 1px rgba(23, 43, 77, 0.25))", ";\n          }\n        ");

package/dist/esm/view/HoverCard/components/views/resolved/index.js

@@ -11,6 +11,7 @@ import { extractMetadata, elementNamesToItems } from '../../../../../extractors/
 import { messages } from '../../../../../messages';
 import { FormattedMessage } from 'react-intl-next';
 import { getBooleanFF } from '@atlaskit/platform-feature-flags';
+import { getCanBeDatasource } from '../../../../../state/helpers';
 export var toFooterActions = function toFooterActions(cardActions, onActionClick) {
   var followAction = {
     hideIcon: true,
@@ -58,14 +59,16 @@ var HoverCardResolvedView = function HoverCardResolvedView(_ref) {
     cardActions = _ref$cardActions === void 0 ? [] : _ref$cardActions,
     onActionClick = _ref.onActionClick,
     extensionKey = _ref.extensionKey;
+  var canBeDatasource = getCanBeDatasource(cardState.details);
   useEffect(function () {
     // Since this hover view is only rendered on resolved status,
     // there is no need to check for statuses.
     analytics.ui.renderSuccessEvent({
       display: CardDisplay.HoverCardPreview,
-      status: cardState.status
+      status: cardState.status,
+      canBeDatasource: canBeDatasource
     });
-  }, [analytics.ui, cardState.status]);
+  }, [analytics.ui, cardState.status, canBeDatasource]);
   var footerActions = useMemo(function () {
     return toFooterActions(cardActions, onActionClick);
   }, [cardActions, onActionClick]);