@atlaskit/smart-card 26.27.0 → 26.27.2

package/CHANGELOG.md

@@ -1,5 +1,17 @@
 # @atlaskit/smart-card
 
+## 26.27.2
+
+### Patch Changes
+
+- [`cecab8d279d`](https://bitbucket.org/atlassian/atlassian-frontend/commits/cecab8d279d) - Added an attribute 'canBeDatasource' to 'smartLink renderSuccess' event to indicate which smart links can be converted to datasources
+
+## 26.27.1
+
+### Patch Changes
+
+- [`3c60160da56`](https://bitbucket.org/atlassian/atlassian-frontend/commits/3c60160da56) - Update usages of token color.border.input to color.input
+
 ## 26.27.0
 
 ### Minor Changes

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

@@ -353,6 +353,7 @@ var useSmartLinkAnalytics = function useSmartLinkAnalytics(url, _dispatchAnalyti
        * @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,
@@ -363,7 +364,9 @@ var useSmartLinkAnalytics = function useSmartLinkAnalytics(url, _dispatchAnalyti
           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;
         (0, _ufoExperiences.succeedUfoExperience)('smart-link-rendered', experienceId, {
           extensionKey: extensionKey,
@@ -382,7 +385,8 @@ var useSmartLinkAnalytics = function useSmartLinkAnalytics(url, _dispatchAnalyti
           resourceType: resourceType,
           destinationProduct: destinationProduct,
           destinationSubproduct: destinationSubproduct,
-          location: location
+          location: location,
+          canBeDatasource: canBeDatasource
         }), commonAttributes));
       },
       /**

package/dist/cjs/state/helpers.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.isVisible = exports.isFinalState = exports.isAccessible = exports.hasResolved = exports.getSubproduct = exports.getStatusDetails = exports.getServices = exports.getResourceType = exports.getProduct = exports.getExtensionKey = exports.getDefinitionId = exports.getClickUrl = exports.getByDefinitionId = void 0;
+exports.isVisible = exports.isFinalState = exports.isAccessible = exports.hasResolved = exports.getSubproduct = exports.getStatusDetails = exports.getServices = exports.getResourceType = exports.getProduct = exports.getExtensionKey = exports.getDefinitionId = exports.getDatasources = exports.getClickUrl = exports.getCanBeDatasource = exports.getByDefinitionId = void 0;
 var _extractVisitUrl = require("../extractors/common/primitives/extractVisitUrl");
 var getByDefinitionId = function getByDefinitionId(definitionId, store) {
   var urls = Object.keys(store);
@@ -74,4 +74,13 @@ exports.getStatusDetails = getStatusDetails;
 var isFinalState = function isFinalState(status) {
   return ['unauthorized', 'forbidden', 'errored', 'resolved', 'not_found'].indexOf(status) > -1;
 };
-exports.isFinalState = isFinalState;
+exports.isFinalState = isFinalState;
+var getDatasources = function getDatasources(details) {
+  return details === null || details === void 0 ? void 0 : details.datasources;
+};
+exports.getDatasources = getDatasources;
+var getCanBeDatasource = function getCanBeDatasource(details) {
+  var datasources = getDatasources(details);
+  return !!datasources && datasources.length > 0;
+};
+exports.getCanBeDatasource = getCanBeDatasource;

package/dist/cjs/utils/analytics/analytics.js

@@ -23,7 +23,7 @@ exports.ANALYTICS_CHANNEL = ANALYTICS_CHANNEL;
 var context = {
   componentName: 'smart-cards',
   packageName: "@atlaskit/smart-card",
-  packageVersion: "26.27.0"
+  packageVersion: "26.27.2"
 };
 exports.context = context;
 var TrackQuickActionType = /*#__PURE__*/function (TrackQuickActionType) {
@@ -522,7 +522,8 @@ 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',
@@ -534,7 +535,8 @@ var uiRenderSuccessEvent = function uiRenderSuccessEvent(_ref20) {
       destinationProduct: destinationProduct,
       destinationSubproduct: destinationSubproduct,
       location: location,
-      display: display
+      display: display,
+      canBeDatasource: canBeDatasource
     })
   };
 };

package/dist/cjs/utils/mocks.js

@@ -12,9 +12,12 @@ var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/creat
 var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
 var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
 var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _linkProvider = require("@atlaskit/link-provider");
 function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = (0, _getPrototypeOf2.default)(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = (0, _getPrototypeOf2.default)(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return (0, _possibleConstructorReturn2.default)(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) { (0, _defineProperty2.default)(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var mockContext = {
   '@vocab': 'https://www.w3.org/ns/activitystreams#',
   atlassian: 'https://schema.atlassian.com/ns/vocabulary#',
@@ -53,6 +56,29 @@ var mockByUrl = function mockByUrl(url) {
   };
 };
 exports.mockByUrl = mockByUrl;
+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'
+  }
+});
 var mocks = {
   success: {
     meta: {
@@ -62,27 +88,7 @@ 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: {
@@ -92,16 +98,7 @@ 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: {
@@ -115,16 +112,7 @@ 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: {
@@ -134,16 +122,7 @@ 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: {
@@ -157,16 +136,7 @@ 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: {
@@ -176,16 +146,7 @@ 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: {
@@ -209,6 +170,27 @@ 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'
+    }]
   }
 };
 exports.mocks = mocks;

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

@@ -19,6 +19,6 @@ exports.titleBlockCss = titleBlockCss;
 var footerBlockCss = (0, _react.css)(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2.default)(["\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"])));
 exports.footerBlockCss = footerBlockCss;
 var flexibleBlockCardElevationStyle = (0, _react.css)(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteral2.default)(["\n  border-radius: 1.5px;\n  box-shadow: ", ";\n  margin: ", ";\n"])), _token.tokens.elevation, "var(--ds-space-025, 2px)");
-var refreshedFlexibleBlockCardStyle = (0, _react.css)(_templateObject5 || (_templateObject5 = (0, _taggedTemplateLiteral2.default)(["\n  & > div {\n    border-radius: ", ";\n    border: 1px solid ", ";\n  }\n"])), "var(--ds-border-radius-200, 8px)", "var(--ds-border-input, ".concat(_colors.N40, ")"));
+var refreshedFlexibleBlockCardStyle = (0, _react.css)(_templateObject5 || (_templateObject5 = (0, _taggedTemplateLiteral2.default)(["\n  & > div {\n    border-radius: ", ";\n    border: 1px solid ", ";\n  }\n"])), "var(--ds-border-radius-200, 8px)", "var(--ds-border, ".concat(_colors.N40, ")"));
 var flexibleBlockCardStyle = (0, _platformFeatureFlags.getBooleanFF)('platform.linking-platform.smart-card.show-smart-links-refreshed-design') ? refreshedFlexibleBlockCardStyle : flexibleBlockCardElevationStyle;
 exports.flexibleBlockCardStyle = flexibleBlockCardStyle;

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

@@ -67,6 +67,7 @@ function Component(_ref) {
   var product = (0, _helpers.getProduct)(state.details);
   var subproduct = (0, _helpers.getSubproduct)(state.details);
   var services = (0, _helpers.getServices)(state.details);
+  var canBeDatasource = (0, _helpers.getCanBeDatasource)(state.details);
   var isFlexibleUi = (0, _react.useMemo)(function () {
     return (0, _flexible.isFlexibleUiCard)(children);
   }, [children]);
@@ -144,10 +145,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 = (0, _react.useCallback)(function (dwellTime, dwellPercentVisible) {
     analytics.ui.iframeDwelledEvent({
       id: id,

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

@@ -68,7 +68,7 @@ var height = function height(_ref5) {
 var wrapperStyles = function wrapperStyles(props) {
   return "\n  ".concat((0, _platformFeatureFlags.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((0, _constants.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((0, _platformFeatureFlags.getBooleanFF)('platform.linking-platform.smart-card.show-smart-links-refreshed-design') ? wrapperBorderRadius : "background: transparent;\n           ".concat(borderRadius), "\n  }\n");
 };
-var visibleStyles = "\n  ".concat((0, _platformFeatureFlags.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((0, _platformFeatureFlags.getBooleanFF)('platform.linking-platform.smart-card.show-smart-links-refreshed-design') ? "border: 1px solid ".concat("var(--ds-border-input, ".concat(colors.N40, ")"), ";\n           background-color: ", (0, _components.themed)({
+var visibleStyles = "\n  ".concat((0, _platformFeatureFlags.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((0, _platformFeatureFlags.getBooleanFF)('platform.linking-platform.smart-card.show-smart-links-refreshed-design') ? "border: 1px solid ".concat("var(--ds-border, ".concat(colors.N40, ")"), ";\n           background-color: ", (0, _components.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  }");
@@ -111,7 +111,7 @@ exports.TextWrapper = TextWrapper;
 // NB: `overflow` is kept as `hidden` since
 // the internal contents of the `iframe` should
 // manage scrolling behaviour.
-var Content = _styled.default.div(_templateObject6 || (_templateObject6 = (0, _taggedTemplateLiteral2.default)(["\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"])), (0, _platformFeatureFlags.getBooleanFF)('platform.linking-platform.smart-card.show-smart-links-refreshed-design') ? "".concat(contentBorderRadius, ";\n       border: 1px solid ", "var(--ds-border-input, ".concat(colors.N40, ")"), ";") : borderRadius, "var(--ds-surface-raised, white)", function (_ref9) {
+var Content = _styled.default.div(_templateObject6 || (_templateObject6 = (0, _taggedTemplateLiteral2.default)(["\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"])), (0, _platformFeatureFlags.getBooleanFF)('platform.linking-platform.smart-card.show-smart-links-refreshed-design') ? "".concat(contentBorderRadius, ";\n       border: 1px solid ", "var(--ds-border, ".concat(colors.N40, ")"), ";") : borderRadius, "var(--ds-surface-raised, white)", function (_ref9) {
   var isInteractive = _ref9.isInteractive;
   if (isInteractive && !(0, _platformFeatureFlags.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/cjs/view/HoverCard/components/views/resolved/index.js

@@ -19,6 +19,7 @@ var _extractMetadata = require("../../../../../extractors/hover/extractMetadata"
 var _messages = require("../../../../../messages");
 var _reactIntlNext = require("react-intl-next");
 var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
+var _helpers = require("../../../../../state/helpers");
 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; }
 var toFooterActions = function toFooterActions(cardActions, onActionClick) {
@@ -69,14 +70,16 @@ var HoverCardResolvedView = function HoverCardResolvedView(_ref) {
     cardActions = _ref$cardActions === void 0 ? [] : _ref$cardActions,
     onActionClick = _ref.onActionClick,
     extensionKey = _ref.extensionKey;
+  var canBeDatasource = (0, _helpers.getCanBeDatasource)(cardState.details);
   (0, _react.useEffect)(function () {
     // Since this hover view is only rendered on resolved status,
     // there is no need to check for statuses.
     analytics.ui.renderSuccessEvent({
       display: _constants.CardDisplay.HoverCardPreview,
-      status: cardState.status
+      status: cardState.status,
+      canBeDatasource: canBeDatasource
     });
-  }, [analytics.ui, cardState.status]);
+  }, [analytics.ui, cardState.status, canBeDatasource]);
   var footerActions = (0, _react.useMemo)(function () {
     return toFooterActions(cardActions, onActionClick);
   }, [cardActions, onActionClick]);

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

@@ -18,7 +18,7 @@ var _excluded = ["href", "children", "checkSafety", "onClick", "testId"],
   _excluded2 = ["isLinkSafe", "showSafetyWarningModal"];
 var PACKAGE_DATA = {
   packageName: "@atlaskit/smart-card",
-  packageVersion: "26.27.0",
+  packageVersion: "26.27.2",
   componentName: 'linkUrl'
 };
 var Link = (0, _click.withLinkClickedEvent)('a');

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

@@ -11,7 +11,7 @@ var _colors = require("@atlaskit/theme/colors");
 var _components = require("@atlaskit/theme/components");
 var _templateObject, _templateObject2;
 var BACKGROUND_COLOR_DARK = '#262B31';
-var selected = "\n  cursor: pointer;\n  box-shadow: 0 0 0 2px ".concat("var(--ds-border-selected, ".concat(_colors.B100, ")"), ";\n  outline: none;\n  user-select: none;\n  &, :hover, :focus, :active {\n    text-decoration: none;\n  }\n  &:hover {\n    border: 1px solid ", "var(--ds-border-input, ".concat(_colors.N40, ")"), ";\n  }\n");
+var selected = "\n  cursor: pointer;\n  box-shadow: 0 0 0 2px ".concat("var(--ds-border-selected, ".concat(_colors.B100, ")"), ";\n  outline: none;\n  user-select: none;\n  &, :hover, :focus, :active {\n    text-decoration: none;\n  }\n  &:hover {\n    border: 1px solid ", "var(--ds-border, ".concat(_colors.N40, ")"), ";\n  }\n");
 var isInteractive = function isInteractive(_ref) {
   var isInteractive = _ref.isInteractive;
   if (isInteractive) {
@@ -55,8 +55,8 @@ var baseWrapperStyle = function baseWrapperStyle(props) {
     light: "var(--ds-surface-raised, white)",
     dark: "var(--ds-surface-raised, ".concat(BACKGROUND_COLOR_DARK, ")")
   })(props), ";\n\n  ").concat(isSelected(props), ";\n\n  ").concat(props.withoutBackground ? '' : (0, _components.themed)({
-    light: "border: 1px solid ".concat("var(--ds-border-input, ".concat(_colors.N40, ")"), ";"),
-    dark: "border: 1px solid ".concat("var(--ds-border-input, ".concat(_colors.N500, ")"), ";")
+    light: "border: 1px solid ".concat("var(--ds-border, ".concat(_colors.N40, ")"), ";"),
+    dark: "border: 1px solid ".concat("var(--ds-border, ".concat(_colors.N500, ")"), ";")
   })(props), "\n  &:hover {\n    ").concat((0, _components.themed)({
     light: "border-color: ".concat("var(--ds-border-accent-blue, ".concat(_colors.B200, ")"), ";"),
     dark: "border-color:  ".concat("var(--ds-border-accent-blue, ".concat(_colors.B200, ")"), ";")

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

@@ -19,8 +19,8 @@ var _default = function _default(Button, frameRef) {
   return function (props) {
     var setBorderStyle = function setBorderStyle() {
       var borderColor = (0, _components.themed)({
-        light: "".concat("var(--ds-border-input, ".concat(_colors.N40, ")")),
-        dark: "".concat("var(--ds-border-input, ".concat(_colors.N500, ")"))
+        light: "".concat("var(--ds-border, ".concat(_colors.N40, ")")),
+        dark: "".concat("var(--ds-border, ".concat(_colors.N500, ")"))
       })();
       var frameNode = frameRef.current;
       if (frameNode) {

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

@@ -336,6 +336,7 @@ export const useSmartLinkAnalytics = (url, _dispatchAnalytics, id, defaultLocati
      * @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: ({
       display,
@@ -346,7 +347,8 @@ export const useSmartLinkAnalytics = (url, _dispatchAnalytics, id, defaultLocati
       resourceType,
       destinationProduct,
       destinationSubproduct,
-      location
+      location,
+      canBeDatasource = false
     }) => {
       const experienceId = id ? id : defaultId;
       succeedUfoExperience('smart-link-rendered', experienceId, {
@@ -366,7 +368,8 @@ export const useSmartLinkAnalytics = (url, _dispatchAnalytics, id, defaultLocati
         resourceType,
         destinationProduct,
         destinationSubproduct,
-        location
+        location,
+        canBeDatasource
       }), commonAttributes));
     },
     /**

package/dist/es2019/state/helpers.js

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

package/dist/es2019/utils/analytics/analytics.js

@@ -4,7 +4,7 @@ export const ANALYTICS_CHANNEL = 'media';
 export const context = {
   componentName: 'smart-cards',
   packageName: "@atlaskit/smart-card",
-  packageVersion: "26.27.0"
+  packageVersion: "26.27.2"
 };
 export let TrackQuickActionType = /*#__PURE__*/function (TrackQuickActionType) {
   TrackQuickActionType["StatusUpdate"] = "StatusUpdate";
@@ -496,7 +496,8 @@ export const uiRenderSuccessEvent = ({
   definitionId,
   destinationProduct,
   destinationSubproduct,
-  location
+  location,
+  canBeDatasource
 }) => ({
   action: 'renderSuccess',
   actionSubject: 'smartLink',
@@ -509,7 +510,8 @@ export const uiRenderSuccessEvent = ({
     destinationProduct,
     destinationSubproduct,
     location,
-    display
+    display,
+    canBeDatasource
   }
 });
 export const uiRenderFailedEvent = ({