@atlaskit/smart-card 26.13.0 → 26.13.1

package/CHANGELOG.md

@@ -1,5 +1,11 @@
 # @atlaskit/smart-card
 
+## 26.13.1
+
+### Patch Changes
+
+- [`72d087f0de3`](https://bitbucket.org/atlassian/atlassian-frontend/commits/72d087f0de3) - [ux] Update smart link unauthorised view when there is no auth flow available
+
 ## 26.13.0
 
 ### Minor Changes

package/dist/cjs/messages.js

@@ -92,7 +92,7 @@ var messages = (0, _reactIntlNext.defineMessages)({
     description: 'Shown when a user does not have access to a link, but can connect their external account to view the link on card view.'
   },
   connect_unauthorised_account_description_no_provider: {
-    id: 'fabric.linking.connect_unauthorised_account_description',
+    id: 'fabric.linking.connect_unauthorised_account_description_no_provider',
     defaultMessage: 'Connect to Atlassian to view more details of your work and collaborate from one place.',
     description: 'Shown when a user does not have access to a link, but can connect their external account to view the link on card view and we do not have the providers name.'
   },
@@ -392,6 +392,26 @@ var messages = (0, _reactIntlNext.defineMessages)({
     defaultMessage: 'The link {unsafeLinkText} is taking you to a different site, <a>actual link here</a>',
     description: 'Link safety check warning message'
   },
+  unauthorised_account_description: {
+    id: 'fabric.linking.unauthorised_account_description',
+    defaultMessage: "You're trying to preview a link to a private {context} page. We recommend you review the URL or contact the page owner.",
+    description: 'Explains that user does not have access to a link.'
+  },
+  unauthorised_account_description_no_provider: {
+    id: 'fabric.linking.unauthorised_account_description_no_provider',
+    defaultMessage: "You're trying to preview a link to a private page. We recommend you review the URL or contact the page owner.",
+    description: 'Explains that user does not have access to a link.'
+  },
+  unauthorised_account_name: {
+    id: 'fabric.linking.unauthorised_account_name',
+    defaultMessage: "We can't display private pages from {context}",
+    description: 'Shown when a user does not have access to a link.'
+  },
+  unauthorised_account_name_no_provider: {
+    id: 'fabric.linking.unauthorised_account_name_no_provider',
+    defaultMessage: "We can't display private pages",
+    description: 'Shown when a user does not have access to a link.'
+  },
   unlink_account: {
     id: 'fabric.linking.unlink_account',
     defaultMessage: 'Unlink Account',

package/dist/cjs/version.json

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

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

@@ -6,8 +6,10 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
 var _react = _interopRequireWildcard(require("react"));
+var _reactIntlNext = require("react-intl-next");
 var _FlexibleCard = _interopRequireDefault(require("../../../FlexibleCard"));
 var _AuthorizeAction = require("../../actions/flexible/AuthorizeAction");
 var _footer = _interopRequireDefault(require("../../components/flexible/footer"));
@@ -17,6 +19,7 @@ var _linkExtractors = require("@atlaskit/link-extractors");
 var _UnauthorisedViewContent = _interopRequireDefault(require("../../../common/UnauthorisedViewContent"));
 var _react2 = require("@emotion/react");
 var _token = require("../../../../utils/token");
+var _messages = require("../../../../messages");
 var _templateObject;
 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; }
@@ -53,6 +56,17 @@ var FlexibleUnauthorisedView = function FlexibleUnauthorisedView(_ref) {
       onAuthorize();
     }
   }, [onAuthorize, extensionKey, analytics.track]);
+  var content = (0, _react.useMemo)(function () {
+    return onAuthorize ? /*#__PURE__*/_react.default.createElement(_UnauthorisedViewContent.default, {
+      providerName: providerName,
+      analytics: analytics,
+      testId: testId
+    }) : /*#__PURE__*/_react.default.createElement(_reactIntlNext.FormattedMessage, (0, _extends2.default)({}, _messages.messages[providerName ? 'unauthorised_account_description' : 'unauthorised_account_description_no_provider'], {
+      values: {
+        context: providerName
+      }
+    }));
+  }, [analytics, onAuthorize, providerName, testId]);
   var actions = (0, _react.useMemo)(function () {
     return onAuthorize ? [(0, _AuthorizeAction.AuthorizeAction)(handleAuthorize, providerName)] : [];
   }, [handleAuthorize, onAuthorize, providerName]);
@@ -71,11 +85,7 @@ var FlexibleUnauthorisedView = function FlexibleUnauthorisedView(_ref) {
   }), /*#__PURE__*/_react.default.createElement(_blocks.CustomBlock, {
     overrideCss: contentStyles,
     testId: "".concat(testId, "-content")
-  }, /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement(_UnauthorisedViewContent.default, {
-    providerName: providerName,
-    analytics: analytics,
-    testId: testId
-  }))), /*#__PURE__*/_react.default.createElement(_blocks.CustomBlock, null, /*#__PURE__*/_react.default.createElement(_footer.default, {
+  }, /*#__PURE__*/_react.default.createElement("div", null, content)), /*#__PURE__*/_react.default.createElement(_blocks.CustomBlock, null, /*#__PURE__*/_react.default.createElement(_footer.default, {
     actions: actions,
     status: _constants.SmartLinkStatus.Unauthorized,
     actionGroupAppearance: "primary"

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

@@ -15,7 +15,6 @@ var _UnauthorisedViewContent = _interopRequireDefault(require("../../common/Unau
 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 EmbedCardUnauthorisedView = function EmbedCardUnauthorisedView(_ref) {
-  var _context$image;
   var analytics = _ref.analytics,
     link = _ref.link,
     context = _ref.context,
@@ -37,6 +36,36 @@ var EmbedCardUnauthorisedView = function EmbedCardUnauthorisedView(_ref) {
       onAuthorise();
     }
   }, [onAuthorise, analytics.track, extensionKey]);
+  var view = (0, _react.useMemo)(function () {
+    var _context$image2;
+    if (onAuthorise) {
+      var _context$image;
+      return /*#__PURE__*/_react.default.createElement(_UnresolvedView.EmbedCardUnresolvedView, {
+        button: {
+          appearance: 'primary',
+          text: 'connect_unauthorised_account_action',
+          testId: 'connect-account'
+        },
+        context: context && context.text,
+        description: "connect_unauthorised_account_description",
+        image: (_context$image = context === null || context === void 0 ? void 0 : context.image) !== null && _context$image !== void 0 ? _context$image : _constants.UnauthorisedImage,
+        onClick: handleOnAuthorizeClick,
+        testId: testId,
+        title: "connect_link_account_card_name"
+      }, /*#__PURE__*/_react.default.createElement(_UnauthorisedViewContent.default, {
+        analytics: analytics,
+        providerName: context === null || context === void 0 ? void 0 : context.text,
+        testId: testId
+      }));
+    }
+    return /*#__PURE__*/_react.default.createElement(_UnresolvedView.EmbedCardUnresolvedView, {
+      description: context !== null && context !== void 0 && context.text ? 'unauthorised_account_description' : 'unauthorised_account_description_no_provider',
+      image: (_context$image2 = context === null || context === void 0 ? void 0 : context.image) !== null && _context$image2 !== void 0 ? _context$image2 : _constants.LockImage,
+      context: context === null || context === void 0 ? void 0 : context.text,
+      testId: testId,
+      title: context !== null && context !== void 0 && context.text ? 'unauthorised_account_name' : 'unauthorised_account_name_no_provider'
+    });
+  }, [analytics, context, handleOnAuthorizeClick, onAuthorise, testId]);
   return /*#__PURE__*/_react.default.createElement(_ExpandedFrame.ExpandedFrame, {
     href: link,
     icon: icon,
@@ -47,22 +76,6 @@ var EmbedCardUnauthorisedView = function EmbedCardUnauthorisedView(_ref) {
     onClick: onClick,
     testId: testId,
     allowScrollBar: true
-  }, /*#__PURE__*/_react.default.createElement(_UnresolvedView.EmbedCardUnresolvedView, {
-    image: (_context$image = context === null || context === void 0 ? void 0 : context.image) !== null && _context$image !== void 0 ? _context$image : _constants.UnauthorisedImage,
-    title: "connect_link_account_card_name",
-    description: "connect_unauthorised_account_description",
-    context: context && context.text,
-    button: onAuthorise ? {
-      appearance: 'primary',
-      text: 'connect_unauthorised_account_action',
-      testId: 'connect-account'
-    } : undefined,
-    onClick: onAuthorise ? handleOnAuthorizeClick : undefined,
-    testId: testId
-  }, /*#__PURE__*/_react.default.createElement(_UnauthorisedViewContent.default, {
-    analytics: analytics,
-    providerName: context === null || context === void 0 ? void 0 : context.text,
-    testId: testId
-  })));
+  }, view);
 };
 exports.EmbedCardUnauthorisedView = EmbedCardUnauthorisedView;

package/dist/es2019/messages.js

@@ -86,7 +86,7 @@ export const messages = defineMessages({
     description: 'Shown when a user does not have access to a link, but can connect their external account to view the link on card view.'
   },
   connect_unauthorised_account_description_no_provider: {
-    id: 'fabric.linking.connect_unauthorised_account_description',
+    id: 'fabric.linking.connect_unauthorised_account_description_no_provider',
     defaultMessage: 'Connect to Atlassian to view more details of your work and collaborate from one place.',
     description: 'Shown when a user does not have access to a link, but can connect their external account to view the link on card view and we do not have the providers name.'
   },
@@ -386,6 +386,26 @@ export const messages = defineMessages({
     defaultMessage: 'The link {unsafeLinkText} is taking you to a different site, <a>actual link here</a>',
     description: 'Link safety check warning message'
   },
+  unauthorised_account_description: {
+    id: 'fabric.linking.unauthorised_account_description',
+    defaultMessage: "You're trying to preview a link to a private {context} page. We recommend you review the URL or contact the page owner.",
+    description: 'Explains that user does not have access to a link.'
+  },
+  unauthorised_account_description_no_provider: {
+    id: 'fabric.linking.unauthorised_account_description_no_provider',
+    defaultMessage: "You're trying to preview a link to a private page. We recommend you review the URL or contact the page owner.",
+    description: 'Explains that user does not have access to a link.'
+  },
+  unauthorised_account_name: {
+    id: 'fabric.linking.unauthorised_account_name',
+    defaultMessage: "We can't display private pages from {context}",
+    description: 'Shown when a user does not have access to a link.'
+  },
+  unauthorised_account_name_no_provider: {
+    id: 'fabric.linking.unauthorised_account_name_no_provider',
+    defaultMessage: "We can't display private pages",
+    description: 'Shown when a user does not have access to a link.'
+  },
   unlink_account: {
     id: 'fabric.linking.unlink_account',
     defaultMessage: 'Unlink Account',

package/dist/es2019/version.json

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

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

@@ -1,4 +1,6 @@
+import _extends from "@babel/runtime/helpers/extends";
 import React, { useCallback, useMemo } from 'react';
+import { FormattedMessage } from 'react-intl-next';
 import FlexibleCard from '../../../FlexibleCard';
 import { AuthorizeAction } from '../../actions/flexible/AuthorizeAction';
 import BlockCardFooter from '../../components/flexible/footer';
@@ -8,6 +10,7 @@ import { extractProvider } from '@atlaskit/link-extractors';
 import UnauthorisedViewContent from '../../../common/UnauthorisedViewContent';
 import { css } from '@emotion/react';
 import { tokens } from '../../../../utils/token';
+import { messages } from '../../../../messages';
 const contentStyles = css`
   color: ${tokens.text};
   margin-top: 0.5rem;
@@ -44,6 +47,15 @@ const FlexibleUnauthorisedView = ({
       onAuthorize();
     }
   }, [onAuthorize, extensionKey, analytics.track]);
+  const content = useMemo(() => onAuthorize ? /*#__PURE__*/React.createElement(UnauthorisedViewContent, {
+    providerName: providerName,
+    analytics: analytics,
+    testId: testId
+  }) : /*#__PURE__*/React.createElement(FormattedMessage, _extends({}, messages[providerName ? 'unauthorised_account_description' : 'unauthorised_account_description_no_provider'], {
+    values: {
+      context: providerName
+    }
+  })), [analytics, onAuthorize, providerName, testId]);
   const actions = useMemo(() => onAuthorize ? [AuthorizeAction(handleAuthorize, providerName)] : [], [handleAuthorize, onAuthorize, providerName]);
   return /*#__PURE__*/React.createElement(FlexibleCard, {
     appearance: "block",
@@ -60,11 +72,7 @@ const FlexibleUnauthorisedView = ({
   }), /*#__PURE__*/React.createElement(CustomBlock, {
     overrideCss: contentStyles,
     testId: `${testId}-content`
-  }, /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(UnauthorisedViewContent, {
-    providerName: providerName,
-    analytics: analytics,
-    testId: testId
-  }))), /*#__PURE__*/React.createElement(CustomBlock, null, /*#__PURE__*/React.createElement(BlockCardFooter, {
+  }, /*#__PURE__*/React.createElement("div", null, content)), /*#__PURE__*/React.createElement(CustomBlock, null, /*#__PURE__*/React.createElement(BlockCardFooter, {
     actions: actions,
     status: SmartLinkStatus.Unauthorized,
     actionGroupAppearance: "primary"

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

@@ -1,6 +1,6 @@
-import React, { useCallback } from 'react';
+import React, { useCallback, useMemo } from 'react';
 import { EmbedCardUnresolvedView } from './UnresolvedView';
-import { UnauthorisedImage } from '../constants';
+import { LockImage, UnauthorisedImage } from '../constants';
 import { ExpandedFrame } from '../components/ExpandedFrame';
 import { ImageIcon } from '../components/ImageIcon';
 import UnauthorisedViewContent from '../../common/UnauthorisedViewContent';
@@ -15,7 +15,6 @@ export const EmbedCardUnauthorisedView = ({
   onClick,
   extensionKey
 }) => {
-  var _context$image;
   const icon = context && context.icon && /*#__PURE__*/React.createElement(ImageIcon, {
     src: typeof context.icon === 'string' ? context.icon : undefined
   });
@@ -27,6 +26,36 @@ export const EmbedCardUnauthorisedView = ({
       onAuthorise();
     }
   }, [onAuthorise, analytics.track, extensionKey]);
+  const view = useMemo(() => {
+    var _context$image2;
+    if (onAuthorise) {
+      var _context$image;
+      return /*#__PURE__*/React.createElement(EmbedCardUnresolvedView, {
+        button: {
+          appearance: 'primary',
+          text: 'connect_unauthorised_account_action',
+          testId: 'connect-account'
+        },
+        context: context && context.text,
+        description: "connect_unauthorised_account_description",
+        image: (_context$image = context === null || context === void 0 ? void 0 : context.image) !== null && _context$image !== void 0 ? _context$image : UnauthorisedImage,
+        onClick: handleOnAuthorizeClick,
+        testId: testId,
+        title: "connect_link_account_card_name"
+      }, /*#__PURE__*/React.createElement(UnauthorisedViewContent, {
+        analytics: analytics,
+        providerName: context === null || context === void 0 ? void 0 : context.text,
+        testId: testId
+      }));
+    }
+    return /*#__PURE__*/React.createElement(EmbedCardUnresolvedView, {
+      description: context !== null && context !== void 0 && context.text ? 'unauthorised_account_description' : 'unauthorised_account_description_no_provider',
+      image: (_context$image2 = context === null || context === void 0 ? void 0 : context.image) !== null && _context$image2 !== void 0 ? _context$image2 : LockImage,
+      context: context === null || context === void 0 ? void 0 : context.text,
+      testId: testId,
+      title: context !== null && context !== void 0 && context.text ? 'unauthorised_account_name' : 'unauthorised_account_name_no_provider'
+    });
+  }, [analytics, context, handleOnAuthorizeClick, onAuthorise, testId]);
   return /*#__PURE__*/React.createElement(ExpandedFrame, {
     href: link,
     icon: icon,
@@ -37,21 +66,5 @@ export const EmbedCardUnauthorisedView = ({
     onClick: onClick,
     testId: testId,
     allowScrollBar: true
-  }, /*#__PURE__*/React.createElement(EmbedCardUnresolvedView, {
-    image: (_context$image = context === null || context === void 0 ? void 0 : context.image) !== null && _context$image !== void 0 ? _context$image : UnauthorisedImage,
-    title: "connect_link_account_card_name",
-    description: "connect_unauthorised_account_description",
-    context: context && context.text,
-    button: onAuthorise ? {
-      appearance: 'primary',
-      text: 'connect_unauthorised_account_action',
-      testId: 'connect-account'
-    } : undefined,
-    onClick: onAuthorise ? handleOnAuthorizeClick : undefined,
-    testId: testId
-  }, /*#__PURE__*/React.createElement(UnauthorisedViewContent, {
-    analytics: analytics,
-    providerName: context === null || context === void 0 ? void 0 : context.text,
-    testId: testId
-  })));
+  }, view);
 };

package/dist/esm/messages.js

@@ -86,7 +86,7 @@ export var messages = defineMessages({
     description: 'Shown when a user does not have access to a link, but can connect their external account to view the link on card view.'
   },
   connect_unauthorised_account_description_no_provider: {
-    id: 'fabric.linking.connect_unauthorised_account_description',
+    id: 'fabric.linking.connect_unauthorised_account_description_no_provider',
     defaultMessage: 'Connect to Atlassian to view more details of your work and collaborate from one place.',
     description: 'Shown when a user does not have access to a link, but can connect their external account to view the link on card view and we do not have the providers name.'
   },
@@ -386,6 +386,26 @@ export var messages = defineMessages({
     defaultMessage: 'The link {unsafeLinkText} is taking you to a different site, <a>actual link here</a>',
     description: 'Link safety check warning message'
   },
+  unauthorised_account_description: {
+    id: 'fabric.linking.unauthorised_account_description',
+    defaultMessage: "You're trying to preview a link to a private {context} page. We recommend you review the URL or contact the page owner.",
+    description: 'Explains that user does not have access to a link.'
+  },
+  unauthorised_account_description_no_provider: {
+    id: 'fabric.linking.unauthorised_account_description_no_provider',
+    defaultMessage: "You're trying to preview a link to a private page. We recommend you review the URL or contact the page owner.",
+    description: 'Explains that user does not have access to a link.'
+  },
+  unauthorised_account_name: {
+    id: 'fabric.linking.unauthorised_account_name',
+    defaultMessage: "We can't display private pages from {context}",
+    description: 'Shown when a user does not have access to a link.'
+  },
+  unauthorised_account_name_no_provider: {
+    id: 'fabric.linking.unauthorised_account_name_no_provider',
+    defaultMessage: "We can't display private pages",
+    description: 'Shown when a user does not have access to a link.'
+  },
   unlink_account: {
     id: 'fabric.linking.unlink_account',
     defaultMessage: 'Unlink Account',

package/dist/esm/version.json

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

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

@@ -1,6 +1,8 @@
+import _extends from "@babel/runtime/helpers/extends";
 import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral";
 var _templateObject;
 import React, { useCallback, useMemo } from 'react';
+import { FormattedMessage } from 'react-intl-next';
 import FlexibleCard from '../../../FlexibleCard';
 import { AuthorizeAction } from '../../actions/flexible/AuthorizeAction';
 import BlockCardFooter from '../../components/flexible/footer';
@@ -10,6 +12,7 @@ import { extractProvider } from '@atlaskit/link-extractors';
 import UnauthorisedViewContent from '../../../common/UnauthorisedViewContent';
 import { css } from '@emotion/react';
 import { tokens } from '../../../../utils/token';
+import { messages } from '../../../../messages';
 var contentStyles = css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  color: ", ";\n  margin-top: 0.5rem;\n  font-size: 0.75rem;\n"])), tokens.text);
 
 /**
@@ -43,6 +46,17 @@ var FlexibleUnauthorisedView = function FlexibleUnauthorisedView(_ref) {
       onAuthorize();
     }
   }, [onAuthorize, extensionKey, analytics.track]);
+  var content = useMemo(function () {
+    return onAuthorize ? /*#__PURE__*/React.createElement(UnauthorisedViewContent, {
+      providerName: providerName,
+      analytics: analytics,
+      testId: testId
+    }) : /*#__PURE__*/React.createElement(FormattedMessage, _extends({}, messages[providerName ? 'unauthorised_account_description' : 'unauthorised_account_description_no_provider'], {
+      values: {
+        context: providerName
+      }
+    }));
+  }, [analytics, onAuthorize, providerName, testId]);
   var actions = useMemo(function () {
     return onAuthorize ? [AuthorizeAction(handleAuthorize, providerName)] : [];
   }, [handleAuthorize, onAuthorize, providerName]);
@@ -61,11 +75,7 @@ var FlexibleUnauthorisedView = function FlexibleUnauthorisedView(_ref) {
   }), /*#__PURE__*/React.createElement(CustomBlock, {
     overrideCss: contentStyles,
     testId: "".concat(testId, "-content")
-  }, /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(UnauthorisedViewContent, {
-    providerName: providerName,
-    analytics: analytics,
-    testId: testId
-  }))), /*#__PURE__*/React.createElement(CustomBlock, null, /*#__PURE__*/React.createElement(BlockCardFooter, {
+  }, /*#__PURE__*/React.createElement("div", null, content)), /*#__PURE__*/React.createElement(CustomBlock, null, /*#__PURE__*/React.createElement(BlockCardFooter, {
     actions: actions,
     status: SmartLinkStatus.Unauthorized,
     actionGroupAppearance: "primary"

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

@@ -1,11 +1,10 @@
-import React, { useCallback } from 'react';
+import React, { useCallback, useMemo } from 'react';
 import { EmbedCardUnresolvedView } from './UnresolvedView';
-import { UnauthorisedImage } from '../constants';
+import { LockImage, UnauthorisedImage } from '../constants';
 import { ExpandedFrame } from '../components/ExpandedFrame';
 import { ImageIcon } from '../components/ImageIcon';
 import UnauthorisedViewContent from '../../common/UnauthorisedViewContent';
 export var EmbedCardUnauthorisedView = function EmbedCardUnauthorisedView(_ref) {
-  var _context$image;
   var analytics = _ref.analytics,
     link = _ref.link,
     context = _ref.context,
@@ -27,6 +26,36 @@ export var EmbedCardUnauthorisedView = function EmbedCardUnauthorisedView(_ref)
       onAuthorise();
     }
   }, [onAuthorise, analytics.track, extensionKey]);
+  var view = useMemo(function () {
+    var _context$image2;
+    if (onAuthorise) {
+      var _context$image;
+      return /*#__PURE__*/React.createElement(EmbedCardUnresolvedView, {
+        button: {
+          appearance: 'primary',
+          text: 'connect_unauthorised_account_action',
+          testId: 'connect-account'
+        },
+        context: context && context.text,
+        description: "connect_unauthorised_account_description",
+        image: (_context$image = context === null || context === void 0 ? void 0 : context.image) !== null && _context$image !== void 0 ? _context$image : UnauthorisedImage,
+        onClick: handleOnAuthorizeClick,
+        testId: testId,
+        title: "connect_link_account_card_name"
+      }, /*#__PURE__*/React.createElement(UnauthorisedViewContent, {
+        analytics: analytics,
+        providerName: context === null || context === void 0 ? void 0 : context.text,
+        testId: testId
+      }));
+    }
+    return /*#__PURE__*/React.createElement(EmbedCardUnresolvedView, {
+      description: context !== null && context !== void 0 && context.text ? 'unauthorised_account_description' : 'unauthorised_account_description_no_provider',
+      image: (_context$image2 = context === null || context === void 0 ? void 0 : context.image) !== null && _context$image2 !== void 0 ? _context$image2 : LockImage,
+      context: context === null || context === void 0 ? void 0 : context.text,
+      testId: testId,
+      title: context !== null && context !== void 0 && context.text ? 'unauthorised_account_name' : 'unauthorised_account_name_no_provider'
+    });
+  }, [analytics, context, handleOnAuthorizeClick, onAuthorise, testId]);
   return /*#__PURE__*/React.createElement(ExpandedFrame, {
     href: link,
     icon: icon,
@@ -37,21 +66,5 @@ export var EmbedCardUnauthorisedView = function EmbedCardUnauthorisedView(_ref)
     onClick: onClick,
     testId: testId,
     allowScrollBar: true
-  }, /*#__PURE__*/React.createElement(EmbedCardUnresolvedView, {
-    image: (_context$image = context === null || context === void 0 ? void 0 : context.image) !== null && _context$image !== void 0 ? _context$image : UnauthorisedImage,
-    title: "connect_link_account_card_name",
-    description: "connect_unauthorised_account_description",
-    context: context && context.text,
-    button: onAuthorise ? {
-      appearance: 'primary',
-      text: 'connect_unauthorised_account_action',
-      testId: 'connect-account'
-    } : undefined,
-    onClick: onAuthorise ? handleOnAuthorizeClick : undefined,
-    testId: testId
-  }, /*#__PURE__*/React.createElement(UnauthorisedViewContent, {
-    analytics: analytics,
-    providerName: context === null || context === void 0 ? void 0 : context.text,
-    testId: testId
-  })));
+  }, view);
 };

package/dist/types/messages.d.ts

@@ -1,6 +1,6 @@
 import { MessageDescriptor } from 'react-intl-next';
 export type RequestAccessMessageKey = 'click_to_join' | 'click_to_join_description' | 'forbidden_description' | 'request_access' | 'request_access_description' | 'request_access_pending' | 'request_access_pending_description' | 'request_denied_description';
-export type MessageKey = 'cannot_find_link' | 'connect_link_account_card' | 'connect_link_account_card_name' | 'connect_link_account_card_description' | 'connect_unauthorised_account_action' | 'connect_unauthorised_account_description' | 'connect_unauthorised_account_description_no_provider' | 'continue' | 'copy_url_to_clipboard' | 'could_not_load_link' | 'download' | 'go_back' | 'invalid_permissions' | 'invalid_permissions_description' | 'join_to_view' | 'connect_link_account' | 'created_by' | 'created_on_relative' | 'created_on_absolute' | 'check_this_link' | 'delete' | 'edit' | 'learn_more_about_smart_links' | 'loading' | 'link_safety_warning_message' | 'modified_by' | 'modified_on_relative' | 'modified_on_absolute' | 'more_actions' | 'not_found_title' | 'not_found_description' | 'open_issue_in_jira' | 'open_link_in_a_new_tab' | 'owned_by' | 'preview_improved' | 'preview' | 'preview_close' | 'preview_max_size' | 'preview_min_size' | 'priority_blocker' | 'priority_critical' | 'priority_high' | 'priority_highest' | 'priority_low' | 'priority_lowest' | 'priority_major' | 'priority_medium' | 'priority_minor' | 'priority_trivial' | 'priority_undefined' | 'forbidden_access' | 'pending_request' | 'restricted_link' | 'request_access_to_view' | 'request_denied' | 'status_change_load_error' | 'status_change_permission_error' | 'status_change_update_error' | 'try_again' | 'try_another_account' | 'view' | 'viewIn' | 'viewOriginal' | 'actions' | 'add_account' | 'cancel' | 'close' | 'connect_to' | 'connect_account_description' | 'retry' | 'save' | 'unlink_account' | RequestAccessMessageKey;
+export type MessageKey = 'cannot_find_link' | 'connect_link_account_card' | 'connect_link_account_card_name' | 'connect_link_account_card_description' | 'connect_unauthorised_account_action' | 'connect_unauthorised_account_description' | 'connect_unauthorised_account_description_no_provider' | 'continue' | 'copy_url_to_clipboard' | 'could_not_load_link' | 'download' | 'go_back' | 'invalid_permissions' | 'invalid_permissions_description' | 'join_to_view' | 'connect_link_account' | 'created_by' | 'created_on_relative' | 'created_on_absolute' | 'check_this_link' | 'delete' | 'edit' | 'learn_more_about_smart_links' | 'loading' | 'link_safety_warning_message' | 'modified_by' | 'modified_on_relative' | 'modified_on_absolute' | 'more_actions' | 'not_found_title' | 'not_found_description' | 'open_issue_in_jira' | 'open_link_in_a_new_tab' | 'owned_by' | 'preview_improved' | 'preview' | 'preview_close' | 'preview_max_size' | 'preview_min_size' | 'priority_blocker' | 'priority_critical' | 'priority_high' | 'priority_highest' | 'priority_low' | 'priority_lowest' | 'priority_major' | 'priority_medium' | 'priority_minor' | 'priority_trivial' | 'priority_undefined' | 'forbidden_access' | 'pending_request' | 'restricted_link' | 'request_access_to_view' | 'request_denied' | 'status_change_load_error' | 'status_change_permission_error' | 'status_change_update_error' | 'try_again' | 'try_another_account' | 'unauthorised_account_description' | 'unauthorised_account_description_no_provider' | 'unauthorised_account_name' | 'unauthorised_account_name_no_provider' | 'view' | 'viewIn' | 'viewOriginal' | 'actions' | 'add_account' | 'cancel' | 'close' | 'connect_to' | 'connect_account_description' | 'retry' | 'save' | 'unlink_account' | RequestAccessMessageKey;
 type Messages = {
     [K in MessageKey]: MessageDescriptor;
 };

package/dist/types-ts4.5/messages.d.ts

@@ -1,6 +1,6 @@
 import { MessageDescriptor } from 'react-intl-next';
 export type RequestAccessMessageKey = 'click_to_join' | 'click_to_join_description' | 'forbidden_description' | 'request_access' | 'request_access_description' | 'request_access_pending' | 'request_access_pending_description' | 'request_denied_description';
-export type MessageKey = 'cannot_find_link' | 'connect_link_account_card' | 'connect_link_account_card_name' | 'connect_link_account_card_description' | 'connect_unauthorised_account_action' | 'connect_unauthorised_account_description' | 'connect_unauthorised_account_description_no_provider' | 'continue' | 'copy_url_to_clipboard' | 'could_not_load_link' | 'download' | 'go_back' | 'invalid_permissions' | 'invalid_permissions_description' | 'join_to_view' | 'connect_link_account' | 'created_by' | 'created_on_relative' | 'created_on_absolute' | 'check_this_link' | 'delete' | 'edit' | 'learn_more_about_smart_links' | 'loading' | 'link_safety_warning_message' | 'modified_by' | 'modified_on_relative' | 'modified_on_absolute' | 'more_actions' | 'not_found_title' | 'not_found_description' | 'open_issue_in_jira' | 'open_link_in_a_new_tab' | 'owned_by' | 'preview_improved' | 'preview' | 'preview_close' | 'preview_max_size' | 'preview_min_size' | 'priority_blocker' | 'priority_critical' | 'priority_high' | 'priority_highest' | 'priority_low' | 'priority_lowest' | 'priority_major' | 'priority_medium' | 'priority_minor' | 'priority_trivial' | 'priority_undefined' | 'forbidden_access' | 'pending_request' | 'restricted_link' | 'request_access_to_view' | 'request_denied' | 'status_change_load_error' | 'status_change_permission_error' | 'status_change_update_error' | 'try_again' | 'try_another_account' | 'view' | 'viewIn' | 'viewOriginal' | 'actions' | 'add_account' | 'cancel' | 'close' | 'connect_to' | 'connect_account_description' | 'retry' | 'save' | 'unlink_account' | RequestAccessMessageKey;
+export type MessageKey = 'cannot_find_link' | 'connect_link_account_card' | 'connect_link_account_card_name' | 'connect_link_account_card_description' | 'connect_unauthorised_account_action' | 'connect_unauthorised_account_description' | 'connect_unauthorised_account_description_no_provider' | 'continue' | 'copy_url_to_clipboard' | 'could_not_load_link' | 'download' | 'go_back' | 'invalid_permissions' | 'invalid_permissions_description' | 'join_to_view' | 'connect_link_account' | 'created_by' | 'created_on_relative' | 'created_on_absolute' | 'check_this_link' | 'delete' | 'edit' | 'learn_more_about_smart_links' | 'loading' | 'link_safety_warning_message' | 'modified_by' | 'modified_on_relative' | 'modified_on_absolute' | 'more_actions' | 'not_found_title' | 'not_found_description' | 'open_issue_in_jira' | 'open_link_in_a_new_tab' | 'owned_by' | 'preview_improved' | 'preview' | 'preview_close' | 'preview_max_size' | 'preview_min_size' | 'priority_blocker' | 'priority_critical' | 'priority_high' | 'priority_highest' | 'priority_low' | 'priority_lowest' | 'priority_major' | 'priority_medium' | 'priority_minor' | 'priority_trivial' | 'priority_undefined' | 'forbidden_access' | 'pending_request' | 'restricted_link' | 'request_access_to_view' | 'request_denied' | 'status_change_load_error' | 'status_change_permission_error' | 'status_change_update_error' | 'try_again' | 'try_another_account' | 'unauthorised_account_description' | 'unauthorised_account_description_no_provider' | 'unauthorised_account_name' | 'unauthorised_account_name_no_provider' | 'view' | 'viewIn' | 'viewOriginal' | 'actions' | 'add_account' | 'cancel' | 'close' | 'connect_to' | 'connect_account_description' | 'retry' | 'save' | 'unlink_account' | RequestAccessMessageKey;
 type Messages = {
     [K in MessageKey]: MessageDescriptor;
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@atlaskit/smart-card",
-  "version": "26.13.0",
+  "version": "26.13.1",
   "description": "Smart card component",
   "publishConfig": {
     "registry": "https://registry.npmjs.org/"
@@ -37,7 +37,7 @@
     "@atlaskit/link-analytics": "^8.2.0",
     "@atlaskit/link-client-extension": "^1.5.0",
     "@atlaskit/link-extractors": "^1.1.0",
-    "@atlaskit/linking-common": "^4.2.0",
+    "@atlaskit/linking-common": "^4.3.0",
     "@atlaskit/linking-types": "^8.2.0",
     "@atlaskit/logo": "^13.14.0",
     "@atlaskit/lozenge": "^11.4.0",