@atlaskit/smart-card 26.9.17 → 26.9.19

package/CHANGELOG.md

@@ -1,5 +1,17 @@
 # @atlaskit/smart-card
 
+## 26.9.19
+
+### Patch Changes
+
+- [`928615c211b`](https://bitbucket.org/atlassian/atlassian-frontend/commits/928615c211b) - Fix connect button appear when user cannot not connect (no auth flow)
+
+## 26.9.18
+
+### Patch Changes
+
+- [`bfab8038b9c`](https://bitbucket.org/atlassian/atlassian-frontend/commits/bfab8038b9c) - [ux] Fix for Block card avatar misalignment in Cofnluence renderer caused by a less specific css rule on our end
+
 ## 26.9.17
 
 ### Patch Changes

package/dist/cjs/version.json

@@ -1,5 +1,5 @@
 {
 	"name": "@atlaskit/smart-card",
-	"version": "26.9.17",
+	"version": "26.9.19",
 	"sideEffects": false
 }

package/dist/cjs/view/EmbedCard/views/UnauthorisedView.js

@@ -52,12 +52,12 @@ var EmbedCardUnauthorisedView = function EmbedCardUnauthorisedView(_ref) {
     title: "connect_link_account_card_name",
     description: "connect_unauthorised_account_description",
     context: context && context.text,
-    button: {
+    button: onAuthorise ? {
       appearance: 'primary',
       text: 'connect_unauthorised_account_action',
       testId: 'connect-account'
-    },
-    onClick: handleOnAuthorizeClick,
+    } : undefined,
+    onClick: onAuthorise ? handleOnAuthorizeClick : undefined,
     testId: testId
   }, /*#__PURE__*/_react.default.createElement(_UnauthorisedViewContent.default, {
     analytics: analytics,

package/dist/cjs/view/FlexibleCard/components/container/index.js

@@ -166,7 +166,7 @@ var Container = function Container(_ref3) {
   var context = (0, _react.useContext)(_flexibleUiContext.FlexibleUiContext);
   var childrenOptions = getChildrenOptions(children, context);
   var canShowHoverPreview = showHoverPreview && status === 'resolved';
-  var canShowAuthTooltip = showAuthTooltip && status === 'unauthorized';
+  var canShowAuthTooltip = showAuthTooltip && status === 'unauthorized' && retry !== undefined;
   var container = (0, _react2.jsx)("div", {
     css: getContainerStyles(size, hideBackground, hideElevation, hidePadding, clickableContainer, childrenOptions),
     "data-smart-link-container": true,

package/dist/cjs/view/FlexibleCard/components/elements/avatar-group/index.js

@@ -14,8 +14,7 @@ var _templateObject, _templateObject2;
 /** @jsx jsx */
 var MAX_COUNT = 4;
 var getStyles = function getStyles(size) {
-  // eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage
-  var styles = (0, _react2.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n    display: inline-flex;\n    ul {\n      margin-right: 8px;\n    }\n  "])));
+  var styles = (0, _react2.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n    display: inline-flex;\n    ul,\n    ul {\n      margin-right: 0.5rem;\n      margin-top: 0;\n    }\n  "])));
   switch (size) {
     case _constants.SmartLinkSize.XLarge:
     case _constants.SmartLinkSize.Large:

package/dist/cjs/view/FlexibleCard/utils.js

@@ -89,11 +89,11 @@ var getRetryOptions = function getRetryOptions(url, status, response, onAuthoriz
         values: values
       };
     case _constants.SmartLinkStatus.Unauthorized:
-      return {
+      return onAuthorize ? {
         descriptor: _messages.messages.connect_link_account_card_name,
-        onClick: onAuthorize ? (0, _utils.handleOnClick)(onAuthorize) : undefined,
+        onClick: (0, _utils.handleOnClick)(onAuthorize),
         values: values
-      };
+      } : undefined;
     case _constants.SmartLinkStatus.NotFound:
       return {
         descriptor: _messages.messages.cannot_find_link

package/dist/cjs/view/HoverCard/components/HoverCardContent.js

@@ -91,6 +91,7 @@ var HoverCardContent = function HoverCardContent(_ref) {
   }, [cardState.details]);
   var linkState = (0, _store.useSmartCardState)(url);
   var linkStatus = (_linkState$status = linkState.status) !== null && _linkState$status !== void 0 ? _linkState$status : 'pending';
+  var services = (0, _helpers.getServices)(linkState.details);
   var statusRef = (0, _react2.useRef)(linkStatus);
   var analyticsRef = (0, _react2.useRef)(analytics);
   (0, _react2.useEffect)(function () {
@@ -173,7 +174,7 @@ var HoverCardContent = function HoverCardContent(_ref) {
         titleBlockProps: titleBlockProps
       });
     }
-    if (cardState.status === 'unauthorized') {
+    if (cardState.status === 'unauthorized' && services !== null && services !== void 0 && services.length) {
       return (0, _react.jsx)(_unauthorised.default, {
         analytics: analytics,
         extensionKey: extensionKey,

package/dist/cjs/view/InlineCard/UnauthorisedView/index.js

@@ -79,6 +79,7 @@ var InlineCardUnauthorizedView = /*#__PURE__*/function (_React$Component) {
       var _this$props3 = this.props,
         url = _this$props3.url,
         icon = _this$props3.icon,
+        onAuthorise = _this$props3.onAuthorise,
         onClick = _this$props3.onClick,
         isSelected = _this$props3.isSelected,
         _this$props3$testId = _this$props3.testId,
@@ -96,10 +97,10 @@ var InlineCardUnauthorizedView = /*#__PURE__*/function (_React$Component) {
         onClick: onClick,
         titleColor: "var(--ds-text-subtle, ".concat(_colors.N500, ")")
       }));
-      if (showAuthTooltip) {
+      if (onAuthorise && showAuthTooltip) {
         return /*#__PURE__*/_react.default.createElement(_HoverCard.HoverCard, {
           url: url,
-          onAuthorize: this.props.onAuthorise,
+          onAuthorize: onAuthorise,
           id: this.props.id
         }, inlineCardUnauthenticatedView);
       }

package/dist/es2019/version.json

@@ -1,5 +1,5 @@
 {
 	"name": "@atlaskit/smart-card",
-	"version": "26.9.17",
+	"version": "26.9.19",
 	"sideEffects": false
 }

package/dist/es2019/view/EmbedCard/views/UnauthorisedView.js

@@ -42,12 +42,12 @@ export const EmbedCardUnauthorisedView = ({
     title: "connect_link_account_card_name",
     description: "connect_unauthorised_account_description",
     context: context && context.text,
-    button: {
+    button: onAuthorise ? {
       appearance: 'primary',
       text: 'connect_unauthorised_account_action',
       testId: 'connect-account'
-    },
-    onClick: handleOnAuthorizeClick,
+    } : undefined,
+    onClick: onAuthorise ? handleOnAuthorizeClick : undefined,
     testId: testId
   }, /*#__PURE__*/React.createElement(UnauthorisedViewContent, {
     analytics: analytics,

package/dist/es2019/view/FlexibleCard/components/container/index.js

@@ -187,7 +187,7 @@ const Container = ({
   const context = useContext(FlexibleUiContext);
   const childrenOptions = getChildrenOptions(children, context);
   const canShowHoverPreview = showHoverPreview && status === 'resolved';
-  const canShowAuthTooltip = showAuthTooltip && status === 'unauthorized';
+  const canShowAuthTooltip = showAuthTooltip && status === 'unauthorized' && retry !== undefined;
   const container = jsx("div", {
     css: getContainerStyles(size, hideBackground, hideElevation, hidePadding, clickableContainer, childrenOptions),
     "data-smart-link-container": true,

package/dist/es2019/view/FlexibleCard/components/elements/avatar-group/index.js

@@ -5,11 +5,12 @@ import AtlaskitAvatarGroup from '@atlaskit/avatar-group';
 import { SmartLinkSize } from '../../../../../constants';
 const MAX_COUNT = 4;
 const getStyles = size => {
-  // eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage
   const styles = css`
     display: inline-flex;
+    ul,
     ul {
-      margin-right: 8px;
+      margin-right: 0.5rem;
+      margin-top: 0;
     }
   `;
   switch (size) {

package/dist/es2019/view/FlexibleCard/utils.js

@@ -82,11 +82,11 @@ export const getRetryOptions = (url, status, response, onAuthorize) => {
         values
       };
     case SmartLinkStatus.Unauthorized:
-      return {
+      return onAuthorize ? {
         descriptor: messages.connect_link_account_card_name,
-        onClick: onAuthorize ? handleOnClick(onAuthorize) : undefined,
+        onClick: handleOnClick(onAuthorize),
         values
-      };
+      } : undefined;
     case SmartLinkStatus.NotFound:
       return {
         descriptor: messages.cannot_find_link

package/dist/es2019/view/HoverCard/components/HoverCardContent.js

@@ -6,7 +6,7 @@ import React, { useCallback, useEffect, useMemo, useRef } from 'react';
 import { ActionName, CardDisplay, SmartLinkPosition, SmartLinkSize } from '../../../constants';
 import { extractMetadata } from '../../../extractors/hover/extractMetadata';
 import { useSmartLinkAnalytics } from '../../../state/analytics';
-import { getExtensionKey } from '../../../state/helpers';
+import { getExtensionKey, getServices } from '../../../state/helpers';
 import { isSpecialEvent } from '../../../utils';
 import { HoverCardContainer, flexibleUiOptions, titleBlockCss } from '../styled';
 import { getSimulatedMetadata } from '../utils';
@@ -53,6 +53,7 @@ const HoverCardContent = ({
   const extensionKey = useMemo(() => getExtensionKey(cardState.details), [cardState.details]);
   const linkState = useSmartCardState(url);
   const linkStatus = (_linkState$status = linkState.status) !== null && _linkState$status !== void 0 ? _linkState$status : 'pending';
+  const services = getServices(linkState.details);
   const statusRef = useRef(linkStatus);
   const analyticsRef = useRef(analytics);
   useEffect(() => {
@@ -132,7 +133,7 @@ const HoverCardContent = ({
         titleBlockProps: titleBlockProps
       });
     }
-    if (cardState.status === 'unauthorized') {
+    if (cardState.status === 'unauthorized' && services !== null && services !== void 0 && services.length) {
       return jsx(HoverCardUnauthorisedView, {
         analytics: analytics,
         extensionKey: extensionKey,

package/dist/es2019/view/InlineCard/UnauthorisedView/index.js

@@ -56,6 +56,7 @@ export class InlineCardUnauthorizedView extends React.Component {
     const {
       url,
       icon,
+      onAuthorise,
       onClick,
       isSelected,
       testId = 'inline-card-unauthorized-view',
@@ -72,10 +73,10 @@ export class InlineCardUnauthorizedView extends React.Component {
       onClick: onClick,
       titleColor: `var(--ds-text-subtle, ${N500})`
     }));
-    if (showAuthTooltip) {
+    if (onAuthorise && showAuthTooltip) {
       return /*#__PURE__*/React.createElement(HoverCard, {
         url: url,
-        onAuthorize: this.props.onAuthorise,
+        onAuthorize: onAuthorise,
         id: this.props.id
       }, inlineCardUnauthenticatedView);
     }

package/dist/esm/version.json

@@ -1,5 +1,5 @@
 {
 	"name": "@atlaskit/smart-card",
-	"version": "26.9.17",
+	"version": "26.9.19",
 	"sideEffects": false
 }

package/dist/esm/view/EmbedCard/views/UnauthorisedView.js

@@ -42,12 +42,12 @@ export var EmbedCardUnauthorisedView = function EmbedCardUnauthorisedView(_ref)
     title: "connect_link_account_card_name",
     description: "connect_unauthorised_account_description",
     context: context && context.text,
-    button: {
+    button: onAuthorise ? {
       appearance: 'primary',
       text: 'connect_unauthorised_account_action',
       testId: 'connect-account'
-    },
-    onClick: handleOnAuthorizeClick,
+    } : undefined,
+    onClick: onAuthorise ? handleOnAuthorizeClick : undefined,
     testId: testId
   }, /*#__PURE__*/React.createElement(UnauthorisedViewContent, {
     analytics: analytics,

package/dist/esm/view/FlexibleCard/components/container/index.js

@@ -155,7 +155,7 @@ var Container = function Container(_ref3) {
   var context = useContext(FlexibleUiContext);
   var childrenOptions = getChildrenOptions(children, context);
   var canShowHoverPreview = showHoverPreview && status === 'resolved';
-  var canShowAuthTooltip = showAuthTooltip && status === 'unauthorized';
+  var canShowAuthTooltip = showAuthTooltip && status === 'unauthorized' && retry !== undefined;
   var container = jsx("div", {
     css: getContainerStyles(size, hideBackground, hideElevation, hidePadding, clickableContainer, childrenOptions),
     "data-smart-link-container": true,

package/dist/esm/view/FlexibleCard/components/elements/avatar-group/index.js

@@ -7,8 +7,7 @@ import AtlaskitAvatarGroup from '@atlaskit/avatar-group';
 import { SmartLinkSize } from '../../../../../constants';
 var MAX_COUNT = 4;
 var getStyles = function getStyles(size) {
-  // eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage
-  var styles = css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n    display: inline-flex;\n    ul {\n      margin-right: 8px;\n    }\n  "])));
+  var styles = css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n    display: inline-flex;\n    ul,\n    ul {\n      margin-right: 0.5rem;\n      margin-top: 0;\n    }\n  "])));
   switch (size) {
     case SmartLinkSize.XLarge:
     case SmartLinkSize.Large:

package/dist/esm/view/FlexibleCard/utils.js

@@ -81,11 +81,11 @@ export var getRetryOptions = function getRetryOptions(url, status, response, onA
         values: values
       };
     case SmartLinkStatus.Unauthorized:
-      return {
+      return onAuthorize ? {
         descriptor: messages.connect_link_account_card_name,
-        onClick: onAuthorize ? handleOnClick(onAuthorize) : undefined,
+        onClick: handleOnClick(onAuthorize),
         values: values
-      };
+      } : undefined;
     case SmartLinkStatus.NotFound:
       return {
         descriptor: messages.cannot_find_link

package/dist/esm/view/HoverCard/components/HoverCardContent.js

@@ -8,7 +8,7 @@ import React, { useCallback, useEffect, useMemo, useRef } from 'react';
 import { ActionName, CardDisplay, SmartLinkPosition, SmartLinkSize } from '../../../constants';
 import { extractMetadata } from '../../../extractors/hover/extractMetadata';
 import { useSmartLinkAnalytics } from '../../../state/analytics';
-import { getExtensionKey } from '../../../state/helpers';
+import { getExtensionKey, getServices } from '../../../state/helpers';
 import { isSpecialEvent } from '../../../utils';
 import { HoverCardContainer, flexibleUiOptions, titleBlockCss } from '../styled';
 import { getSimulatedMetadata } from '../utils';
@@ -78,6 +78,7 @@ var HoverCardContent = function HoverCardContent(_ref) {
   }, [cardState.details]);
   var linkState = useSmartCardState(url);
   var linkStatus = (_linkState$status = linkState.status) !== null && _linkState$status !== void 0 ? _linkState$status : 'pending';
+  var services = getServices(linkState.details);
   var statusRef = useRef(linkStatus);
   var analyticsRef = useRef(analytics);
   useEffect(function () {
@@ -160,7 +161,7 @@ var HoverCardContent = function HoverCardContent(_ref) {
         titleBlockProps: titleBlockProps
       });
     }
-    if (cardState.status === 'unauthorized') {
+    if (cardState.status === 'unauthorized' && services !== null && services !== void 0 && services.length) {
       return jsx(HoverCardUnauthorisedView, {
         analytics: analytics,
         extensionKey: extensionKey,

package/dist/esm/view/InlineCard/UnauthorisedView/index.js

@@ -72,6 +72,7 @@ export var InlineCardUnauthorizedView = /*#__PURE__*/function (_React$Component)
       var _this$props3 = this.props,
         url = _this$props3.url,
         icon = _this$props3.icon,
+        onAuthorise = _this$props3.onAuthorise,
         onClick = _this$props3.onClick,
         isSelected = _this$props3.isSelected,
         _this$props3$testId = _this$props3.testId,
@@ -89,10 +90,10 @@ export var InlineCardUnauthorizedView = /*#__PURE__*/function (_React$Component)
         onClick: onClick,
         titleColor: "var(--ds-text-subtle, ".concat(N500, ")")
       }));
-      if (showAuthTooltip) {
+      if (onAuthorise && showAuthTooltip) {
         return /*#__PURE__*/React.createElement(HoverCard, {
           url: url,
-          onAuthorize: this.props.onAuthorise,
+          onAuthorize: onAuthorise,
           id: this.props.id
         }, inlineCardUnauthenticatedView);
       }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@atlaskit/smart-card",
-  "version": "26.9.17",
+  "version": "26.9.19",
   "description": "Smart card component",
   "publishConfig": {
     "registry": "https://registry.npmjs.org/"