@atlaskit/smart-card 23.2.0 → 23.3.1

package/CHANGELOG.md

@@ -1,5 +1,18 @@
 # @atlaskit/smart-card
 
+## 23.3.1
+
+### Patch Changes
+
+- [`6533e448c53`](https://bitbucket.org/atlassian/atlassian-frontend/commits/6533e448c53) - [ux] Embed: Update unauthorised view text messages and use provider image if available
+- Updated dependencies
+
+## 23.3.0
+
+### Minor Changes
+
+- [`be7ac1e0d9b`](https://bitbucket.org/atlassian/atlassian-frontend/commits/be7ac1e0d9b) - Add `hideRetry` optional prop to TitleBlock element to allow customers to optout from any retry buttons to be shown (like "connect to preview" or "Can't find link" or "Restricted link, try another account")
+
 ## 23.2.0
 
 ### Minor Changes

package/dist/cjs/constants.js

@@ -3,11 +3,13 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.SmartLinkWidth = exports.SmartLinkTheme = exports.SmartLinkStatus = exports.SmartLinkSize = exports.SmartLinkPosition = exports.SmartLinkDirection = exports.SmartLinkAlignment = exports.MediaType = exports.IconType = exports.ElementName = exports.ActionName = void 0;
-
+exports.SmartLinkWidth = exports.SmartLinkTheme = exports.SmartLinkStatus = exports.SmartLinkSize = exports.SmartLinkPosition = exports.SmartLinkDirection = exports.SmartLinkAlignment = exports.MediaType = exports.IconType = exports.ElementName = exports.CONTENT_URL_SECURITY_AND_PERMISSIONS = exports.ActionName = void 0;
+var CONTENT_URL_SECURITY_AND_PERMISSIONS = 'https://support.atlassian.com/confluence-cloud/docs/insert-links-and-anchors/#Smart-links';
 /**
  * The alignment of Flexible UI component.
  */
+
+exports.CONTENT_URL_SECURITY_AND_PERMISSIONS = CONTENT_URL_SECURITY_AND_PERMISSIONS;
 var SmartLinkAlignment;
 /**
  * The direction of Flexible UI components. It establish the main-axis

package/dist/cjs/messages.js

@@ -78,6 +78,16 @@ var messages = (0, _reactIntlNext.defineMessages)({
     defaultMessage: 'To show a preview of this link, connect your {context} account.',
     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. Displayed in byline.'
   },
+  connect_unauthorised_account_action: {
+    id: 'fabric.linking.connect_unauthorised_account_action',
+    defaultMessage: 'Connect to {context}',
+    description: 'Shown on a button to connect user external account to their Atlassian account.'
+  },
+  connect_unauthorised_account_description: {
+    id: 'fabric.linking.connect_unauthorised_account_description',
+    defaultMessage: 'Connect {context} to Atlassian to view more details from your work and collaboration 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.'
+  },
   could_not_load_link: {
     id: 'fabric.linking.couldnt_load_link',
     defaultMessage: "We couldn't load this link for an unknown reason.",
@@ -133,6 +143,11 @@ var messages = (0, _reactIntlNext.defineMessages)({
     defaultMessage: 'Join {context} to view this issue',
     description: 'Allows the user join the product or service immediately'
   },
+  learn_more_about_smart_links_security: {
+    id: 'fabric.linking.learn_more_about_smart_links_security',
+    defaultMessage: 'Learn more about smart link security and permissions.',
+    description: 'An anchor link to redirect user to a page about smart link security and permissions.'
+  },
   loading: {
     id: 'fabric.linking.loading',
     defaultMessage: 'Loading...',

package/dist/cjs/version.json

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

package/dist/cjs/view/{BlockCard/utils → EmbedCard}/constants.js

@@ -3,11 +3,11 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.NotFoundImage = exports.LockImage = exports.CelebrationImage = void 0;
+exports.UnauthorisedImage = exports.NotFoundImage = exports.LockImage = void 0;
 var CDN_BASE_URL = 'https://smart-links-cdn.us-east-1.prod.public.atl-paas.net';
 var LockImage = "".concat(CDN_BASE_URL, "/lock.svg");
 exports.LockImage = LockImage;
-var CelebrationImage = "".concat(CDN_BASE_URL, "/celebration.svg");
-exports.CelebrationImage = CelebrationImage;
 var NotFoundImage = "".concat(CDN_BASE_URL, "/not_found.svg");
-exports.NotFoundImage = NotFoundImage;
+exports.NotFoundImage = NotFoundImage;
+var UnauthorisedImage = "".concat(CDN_BASE_URL, "/unauth.svg");
+exports.UnauthorisedImage = UnauthorisedImage;

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

@@ -11,7 +11,7 @@ var _react = _interopRequireDefault(require("react"));
 
 var _UnresolvedView = require("./UnresolvedView");
 
-var _constants = require("../../BlockCard/utils/constants");
+var _constants = require("../constants");
 
 var _ExpandedFrame = require("../components/ExpandedFrame");
 

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

@@ -11,7 +11,7 @@ var _react = _interopRequireDefault(require("react"));
 
 var _UnresolvedView = require("./UnresolvedView");
 
-var _constants = require("../../BlockCard/utils/constants");
+var _constants = require("../constants");
 
 var _ExpandedFrame = require("../components/ExpandedFrame");
 

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

@@ -7,17 +7,27 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.EmbedCardUnauthorisedView = void 0;
 
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+
 var _react = _interopRequireDefault(require("react"));
 
+var _reactIntlNext = require("react-intl-next");
+
 var _UnresolvedView = require("./UnresolvedView");
 
-var _constants = require("../../BlockCard/utils/constants");
+var _constants = require("../constants");
 
 var _ExpandedFrame = require("../components/ExpandedFrame");
 
 var _ImageIcon = require("../components/ImageIcon");
 
+var _messages = require("../../../messages");
+
+var _constants2 = require("../../../constants");
+
 var EmbedCardUnauthorisedView = function EmbedCardUnauthorisedView(_ref) {
+  var _context$image;
+
   var link = _ref.link,
       context = _ref.context,
       isSelected = _ref.isSelected,
@@ -41,18 +51,26 @@ var EmbedCardUnauthorisedView = function EmbedCardUnauthorisedView(_ref) {
     onClick: onClick,
     testId: testId
   }, /*#__PURE__*/_react.default.createElement(_UnresolvedView.EmbedCardUnresolvedView, {
-    image: _constants.CelebrationImage,
+    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_link_account_card_description",
+    description: "connect_unauthorised_account_description",
     context: context && context.text,
     button: {
       appearance: 'primary',
-      text: 'connect_link_account_card',
+      text: 'connect_unauthorised_account_action',
       testId: 'connect-account'
     },
     onClick: onAuthorise,
     testId: testId
-  }));
+  }, /*#__PURE__*/_react.default.createElement(_reactIntlNext.FormattedMessage, (0, _extends2.default)({}, _messages.messages.connect_unauthorised_account_description, {
+    values: {
+      context: context === null || context === void 0 ? void 0 : context.text
+    }
+  })), ' ', /*#__PURE__*/_react.default.createElement("a", {
+    href: _constants2.CONTENT_URL_SECURITY_AND_PERMISSIONS,
+    target: "_blank",
+    "data-testid": "".concat(testId, "-learn-more")
+  }, /*#__PURE__*/_react.default.createElement(_reactIntlNext.FormattedMessage, _messages.messages.learn_more_about_smart_links_security))));
 };
 
 exports.EmbedCardUnauthorisedView = EmbedCardUnauthorisedView;

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

@@ -29,7 +29,8 @@ var EmbedCardUnresolvedView = function EmbedCardUnresolvedView(_ref) {
       button = _ref.button,
       context = _ref.context,
       onClick = _ref.onClick,
-      testId = _ref.testId;
+      testId = _ref.testId,
+      children = _ref.children;
   return (0, _react.jsx)("div", {
     css: {
       display: 'flex',
@@ -45,14 +46,16 @@ var EmbedCardUnresolvedView = function EmbedCardUnresolvedView(_ref) {
     css: {
       height: (0, _utils.gs)(14),
       marginBottom: (0, _utils.gs)(4)
-    }
+    },
+    "data-testid": "".concat(testId, "-unresolved-image")
   }), (0, _react.jsx)("span", {
     css: {
       fontSize: (0, _utils.gs)(2.5),
       marginBottom: (0, _utils.gs)(1.5),
       width: (0, _utils.gs)(50),
       textAlign: 'center'
-    }
+    },
+    "data-testid": "".concat(testId, "-unresolved-title")
   }, (0, _react.jsx)(_reactIntlNext.FormattedMessage, (0, _extends2.default)({}, _messages.messages[title], {
     values: {
       context: context
@@ -64,8 +67,9 @@ var EmbedCardUnresolvedView = function EmbedCardUnresolvedView(_ref) {
       textAlign: 'center',
       width: (0, _utils.gs)(50),
       lineHeight: (0, _utils.gs)(3)
-    }
-  }, (0, _react.jsx)(_reactIntlNext.FormattedMessage, (0, _extends2.default)({}, _messages.messages[description], {
+    },
+    "data-testid": "".concat(testId, "-unresolved-description")
+  }, children !== null && children !== void 0 ? children : (0, _react.jsx)(_reactIntlNext.FormattedMessage, (0, _extends2.default)({}, _messages.messages[description], {
     values: {
       context: context
     }

package/dist/cjs/view/FlexibleCard/components/blocks/title-block/index.js

@@ -33,7 +33,7 @@ var _actionGroup = _interopRequireDefault(require("../action-group"));
 
 var _elements = require("../../elements");
 
-var _excluded = ["actions", "anchorTarget", "hideTitleTooltip", "maxLines", "onActionMenuOpenChange", "onClick", "overrideCss", "status", "showActionOnHover", "testId", "text", "theme"];
+var _excluded = ["actions", "anchorTarget", "hideTitleTooltip", "maxLines", "onActionMenuOpenChange", "onClick", "overrideCss", "status", "showActionOnHover", "testId", "text", "theme", "hideRetry"];
 
 var _templateObject, _templateObject2;
 
@@ -95,8 +95,13 @@ var TitleBlock = function TitleBlock(_ref) {
       testId = _ref$testId === void 0 ? 'smart-block-title' : _ref$testId,
       text = _ref.text,
       theme = _ref.theme,
+      hideRetry = _ref.hideRetry,
       props = (0, _objectWithoutProperties2.default)(_ref, _excluded);
 
+  if (hideRetry && props.retry) {
+    delete props.retry;
+  }
+
   var _useState = (0, _react.useState)(false),
       _useState2 = (0, _slicedToArray2.default)(_useState, 2),
       actionDropdownOpen = _useState2[0],

package/dist/es2019/constants.js

@@ -1,6 +1,8 @@
+export const CONTENT_URL_SECURITY_AND_PERMISSIONS = 'https://support.atlassian.com/confluence-cloud/docs/insert-links-and-anchors/#Smart-links';
 /**
  * The alignment of Flexible UI component.
  */
+
 export let SmartLinkAlignment;
 /**
  * The direction of Flexible UI components. It establish the main-axis

package/dist/es2019/messages.js

@@ -70,6 +70,16 @@ export const messages = defineMessages({
     defaultMessage: 'To show a preview of this link, connect your {context} account.',
     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. Displayed in byline.'
   },
+  connect_unauthorised_account_action: {
+    id: 'fabric.linking.connect_unauthorised_account_action',
+    defaultMessage: 'Connect to {context}',
+    description: 'Shown on a button to connect user external account to their Atlassian account.'
+  },
+  connect_unauthorised_account_description: {
+    id: 'fabric.linking.connect_unauthorised_account_description',
+    defaultMessage: 'Connect {context} to Atlassian to view more details from your work and collaboration 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.'
+  },
   could_not_load_link: {
     id: 'fabric.linking.couldnt_load_link',
     defaultMessage: "We couldn't load this link for an unknown reason.",
@@ -125,6 +135,11 @@ export const messages = defineMessages({
     defaultMessage: 'Join {context} to view this issue',
     description: 'Allows the user join the product or service immediately'
   },
+  learn_more_about_smart_links_security: {
+    id: 'fabric.linking.learn_more_about_smart_links_security',
+    defaultMessage: 'Learn more about smart link security and permissions.',
+    description: 'An anchor link to redirect user to a page about smart link security and permissions.'
+  },
   loading: {
     id: 'fabric.linking.loading',
     defaultMessage: 'Loading...',

package/dist/es2019/version.json

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

package/dist/es2019/view/{BlockCard/utils → EmbedCard}/constants.js

@@ -1,4 +1,4 @@
 const CDN_BASE_URL = 'https://smart-links-cdn.us-east-1.prod.public.atl-paas.net';
 export const LockImage = `${CDN_BASE_URL}/lock.svg`;
-export const CelebrationImage = `${CDN_BASE_URL}/celebration.svg`;
-export const NotFoundImage = `${CDN_BASE_URL}/not_found.svg`;
+export const NotFoundImage = `${CDN_BASE_URL}/not_found.svg`;
+export const UnauthorisedImage = `${CDN_BASE_URL}/unauth.svg`;

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

@@ -1,6 +1,6 @@
 import React from 'react';
 import { EmbedCardUnresolvedView } from './UnresolvedView';
-import { LockImage } from '../../BlockCard/utils/constants';
+import { LockImage } from '../constants';
 import { ExpandedFrame } from '../components/ExpandedFrame';
 import { ImageIcon } from '../components/ImageIcon';
 export const EmbedCardForbiddenView = ({

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

@@ -1,6 +1,6 @@
 import React from 'react';
 import { EmbedCardUnresolvedView } from './UnresolvedView';
-import { NotFoundImage } from '../../BlockCard/utils/constants';
+import { NotFoundImage } from '../constants';
 import { ExpandedFrame } from '../components/ExpandedFrame';
 import { ImageIcon } from '../components/ImageIcon';
 export const EmbedCardNotFoundView = ({

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

@@ -1,8 +1,12 @@
+import _extends from "@babel/runtime/helpers/extends";
 import React from 'react';
+import { FormattedMessage } from 'react-intl-next';
 import { EmbedCardUnresolvedView } from './UnresolvedView';
-import { CelebrationImage } from '../../BlockCard/utils/constants';
+import { UnauthorisedImage } from '../constants';
 import { ExpandedFrame } from '../components/ExpandedFrame';
 import { ImageIcon } from '../components/ImageIcon';
+import { messages } from '../../../messages';
+import { CONTENT_URL_SECURITY_AND_PERMISSIONS } from '../../../constants';
 export const EmbedCardUnauthorisedView = ({
   link,
   context,
@@ -12,6 +16,8 @@ export const EmbedCardUnauthorisedView = ({
   inheritDimensions,
   onClick
 }) => {
+  var _context$image;
+
   const icon = context && context.icon && /*#__PURE__*/React.createElement(ImageIcon, {
     src: typeof context.icon === 'string' ? context.icon : undefined
   });
@@ -25,16 +31,24 @@ export const EmbedCardUnauthorisedView = ({
     onClick: onClick,
     testId: testId
   }, /*#__PURE__*/React.createElement(EmbedCardUnresolvedView, {
-    image: CelebrationImage,
+    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_link_account_card_description",
+    description: "connect_unauthorised_account_description",
     context: context && context.text,
     button: {
       appearance: 'primary',
-      text: 'connect_link_account_card',
+      text: 'connect_unauthorised_account_action',
       testId: 'connect-account'
     },
     onClick: onAuthorise,
     testId: testId
-  }));
+  }, /*#__PURE__*/React.createElement(FormattedMessage, _extends({}, messages.connect_unauthorised_account_description, {
+    values: {
+      context: context === null || context === void 0 ? void 0 : context.text
+    }
+  })), ' ', /*#__PURE__*/React.createElement("a", {
+    href: CONTENT_URL_SECURITY_AND_PERMISSIONS,
+    target: "_blank",
+    "data-testid": `${testId}-learn-more`
+  }, /*#__PURE__*/React.createElement(FormattedMessage, messages.learn_more_about_smart_links_security))));
 };

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

@@ -14,7 +14,8 @@ export const EmbedCardUnresolvedView = ({
   button,
   context,
   onClick,
-  testId
+  testId,
+  children
 }) => {
   return jsx("div", {
     css: {
@@ -31,14 +32,16 @@ export const EmbedCardUnresolvedView = ({
     css: {
       height: gridSize(14),
       marginBottom: gridSize(4)
-    }
+    },
+    "data-testid": `${testId}-unresolved-image`
   }), jsx("span", {
     css: {
       fontSize: gridSize(2.5),
       marginBottom: gridSize(1.5),
       width: gridSize(50),
       textAlign: 'center'
-    }
+    },
+    "data-testid": `${testId}-unresolved-title`
   }, jsx(FormattedMessage, _extends({}, messages[title], {
     values: {
       context
@@ -50,8 +53,9 @@ export const EmbedCardUnresolvedView = ({
       textAlign: 'center',
       width: gridSize(50),
       lineHeight: gridSize(3)
-    }
-  }, jsx(FormattedMessage, _extends({}, messages[description], {
+    },
+    "data-testid": `${testId}-unresolved-description`
+  }, children !== null && children !== void 0 ? children : jsx(FormattedMessage, _extends({}, messages[description], {
     values: {
       context
     }

package/dist/es2019/view/FlexibleCard/components/blocks/title-block/index.js

@@ -68,8 +68,13 @@ const TitleBlock = ({
   testId = 'smart-block-title',
   text,
   theme,
+  hideRetry,
   ...props
 }) => {
+  if (hideRetry && props.retry) {
+    delete props.retry;
+  }
+
   const [actionDropdownOpen, setActionDropdownOpen] = useState(false);
   const onDropdownOpenChange = useCallback(isOpen => {
     setActionDropdownOpen(isOpen);

package/dist/esm/constants.js

@@ -1,6 +1,8 @@
+export var CONTENT_URL_SECURITY_AND_PERMISSIONS = 'https://support.atlassian.com/confluence-cloud/docs/insert-links-and-anchors/#Smart-links';
 /**
  * The alignment of Flexible UI component.
  */
+
 export var SmartLinkAlignment;
 /**
  * The direction of Flexible UI components. It establish the main-axis

package/dist/esm/messages.js

@@ -70,6 +70,16 @@ export var messages = defineMessages({
     defaultMessage: 'To show a preview of this link, connect your {context} account.',
     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. Displayed in byline.'
   },
+  connect_unauthorised_account_action: {
+    id: 'fabric.linking.connect_unauthorised_account_action',
+    defaultMessage: 'Connect to {context}',
+    description: 'Shown on a button to connect user external account to their Atlassian account.'
+  },
+  connect_unauthorised_account_description: {
+    id: 'fabric.linking.connect_unauthorised_account_description',
+    defaultMessage: 'Connect {context} to Atlassian to view more details from your work and collaboration 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.'
+  },
   could_not_load_link: {
     id: 'fabric.linking.couldnt_load_link',
     defaultMessage: "We couldn't load this link for an unknown reason.",
@@ -125,6 +135,11 @@ export var messages = defineMessages({
     defaultMessage: 'Join {context} to view this issue',
     description: 'Allows the user join the product or service immediately'
   },
+  learn_more_about_smart_links_security: {
+    id: 'fabric.linking.learn_more_about_smart_links_security',
+    defaultMessage: 'Learn more about smart link security and permissions.',
+    description: 'An anchor link to redirect user to a page about smart link security and permissions.'
+  },
   loading: {
     id: 'fabric.linking.loading',
     defaultMessage: 'Loading...',

package/dist/esm/version.json

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

package/dist/esm/view/{BlockCard/utils → EmbedCard}/constants.js

@@ -1,4 +1,4 @@
 var CDN_BASE_URL = 'https://smart-links-cdn.us-east-1.prod.public.atl-paas.net';
 export var LockImage = "".concat(CDN_BASE_URL, "/lock.svg");
-export var CelebrationImage = "".concat(CDN_BASE_URL, "/celebration.svg");
-export var NotFoundImage = "".concat(CDN_BASE_URL, "/not_found.svg");
+export var NotFoundImage = "".concat(CDN_BASE_URL, "/not_found.svg");
+export var UnauthorisedImage = "".concat(CDN_BASE_URL, "/unauth.svg");

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

@@ -1,6 +1,6 @@
 import React from 'react';
 import { EmbedCardUnresolvedView } from './UnresolvedView';
-import { LockImage } from '../../BlockCard/utils/constants';
+import { LockImage } from '../constants';
 import { ExpandedFrame } from '../components/ExpandedFrame';
 import { ImageIcon } from '../components/ImageIcon';
 export var EmbedCardForbiddenView = function EmbedCardForbiddenView(_ref) {

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

@@ -1,6 +1,6 @@
 import React from 'react';
 import { EmbedCardUnresolvedView } from './UnresolvedView';
-import { NotFoundImage } from '../../BlockCard/utils/constants';
+import { NotFoundImage } from '../constants';
 import { ExpandedFrame } from '../components/ExpandedFrame';
 import { ImageIcon } from '../components/ImageIcon';
 export var EmbedCardNotFoundView = function EmbedCardNotFoundView(_ref) {

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

@@ -1,9 +1,15 @@
+import _extends from "@babel/runtime/helpers/extends";
 import React from 'react';
+import { FormattedMessage } from 'react-intl-next';
 import { EmbedCardUnresolvedView } from './UnresolvedView';
-import { CelebrationImage } from '../../BlockCard/utils/constants';
+import { UnauthorisedImage } from '../constants';
 import { ExpandedFrame } from '../components/ExpandedFrame';
 import { ImageIcon } from '../components/ImageIcon';
+import { messages } from '../../../messages';
+import { CONTENT_URL_SECURITY_AND_PERMISSIONS } from '../../../constants';
 export var EmbedCardUnauthorisedView = function EmbedCardUnauthorisedView(_ref) {
+  var _context$image;
+
   var link = _ref.link,
       context = _ref.context,
       isSelected = _ref.isSelected,
@@ -25,16 +31,24 @@ export var EmbedCardUnauthorisedView = function EmbedCardUnauthorisedView(_ref)
     onClick: onClick,
     testId: testId
   }, /*#__PURE__*/React.createElement(EmbedCardUnresolvedView, {
-    image: CelebrationImage,
+    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_link_account_card_description",
+    description: "connect_unauthorised_account_description",
     context: context && context.text,
     button: {
       appearance: 'primary',
-      text: 'connect_link_account_card',
+      text: 'connect_unauthorised_account_action',
       testId: 'connect-account'
     },
     onClick: onAuthorise,
     testId: testId
-  }));
+  }, /*#__PURE__*/React.createElement(FormattedMessage, _extends({}, messages.connect_unauthorised_account_description, {
+    values: {
+      context: context === null || context === void 0 ? void 0 : context.text
+    }
+  })), ' ', /*#__PURE__*/React.createElement("a", {
+    href: CONTENT_URL_SECURITY_AND_PERMISSIONS,
+    target: "_blank",
+    "data-testid": "".concat(testId, "-learn-more")
+  }, /*#__PURE__*/React.createElement(FormattedMessage, messages.learn_more_about_smart_links_security))));
 };

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

@@ -14,7 +14,8 @@ export var EmbedCardUnresolvedView = function EmbedCardUnresolvedView(_ref) {
       button = _ref.button,
       context = _ref.context,
       onClick = _ref.onClick,
-      testId = _ref.testId;
+      testId = _ref.testId,
+      children = _ref.children;
   return jsx("div", {
     css: {
       display: 'flex',
@@ -30,14 +31,16 @@ export var EmbedCardUnresolvedView = function EmbedCardUnresolvedView(_ref) {
     css: {
       height: gridSize(14),
       marginBottom: gridSize(4)
-    }
+    },
+    "data-testid": "".concat(testId, "-unresolved-image")
   }), jsx("span", {
     css: {
       fontSize: gridSize(2.5),
       marginBottom: gridSize(1.5),
       width: gridSize(50),
       textAlign: 'center'
-    }
+    },
+    "data-testid": "".concat(testId, "-unresolved-title")
   }, jsx(FormattedMessage, _extends({}, messages[title], {
     values: {
       context: context
@@ -49,8 +52,9 @@ export var EmbedCardUnresolvedView = function EmbedCardUnresolvedView(_ref) {
       textAlign: 'center',
       width: gridSize(50),
       lineHeight: gridSize(3)
-    }
-  }, jsx(FormattedMessage, _extends({}, messages[description], {
+    },
+    "data-testid": "".concat(testId, "-unresolved-description")
+  }, children !== null && children !== void 0 ? children : jsx(FormattedMessage, _extends({}, messages[description], {
     values: {
       context: context
     }

package/dist/esm/view/FlexibleCard/components/blocks/title-block/index.js

@@ -2,7 +2,7 @@ import _extends from "@babel/runtime/helpers/extends";
 import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
 import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral";
-var _excluded = ["actions", "anchorTarget", "hideTitleTooltip", "maxLines", "onActionMenuOpenChange", "onClick", "overrideCss", "status", "showActionOnHover", "testId", "text", "theme"];
+var _excluded = ["actions", "anchorTarget", "hideTitleTooltip", "maxLines", "onActionMenuOpenChange", "onClick", "overrideCss", "status", "showActionOnHover", "testId", "text", "theme", "hideRetry"];
 
 var _templateObject, _templateObject2;
 
@@ -69,8 +69,13 @@ var TitleBlock = function TitleBlock(_ref) {
       testId = _ref$testId === void 0 ? 'smart-block-title' : _ref$testId,
       text = _ref.text,
       theme = _ref.theme,
+      hideRetry = _ref.hideRetry,
       props = _objectWithoutProperties(_ref, _excluded);
 
+  if (hideRetry && props.retry) {
+    delete props.retry;
+  }
+
   var _useState = useState(false),
       _useState2 = _slicedToArray(_useState, 2),
       actionDropdownOpen = _useState2[0],

package/dist/types/constants.d.ts

@@ -1,3 +1,4 @@
+export declare const CONTENT_URL_SECURITY_AND_PERMISSIONS = "https://support.atlassian.com/confluence-cloud/docs/insert-links-and-anchors/#Smart-links";
 /**
  * The alignment of Flexible UI component.
  */

package/dist/types/messages.d.ts

@@ -1,6 +1,6 @@
 import { MessageDescriptor } from 'react-intl-next';
 export declare 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 declare type MessageKey = 'cannot_find_link' | 'connect_link_account_card' | 'connect_link_account_card_name' | 'connect_link_account_card_description' | 'could_not_load_link' | 'download' | 'invalid_permissions' | 'invalid_permissions_description' | 'join_to_view' | 'connect_link_account' | 'created_by' | 'created_on_relative' | 'created_on_absolute' | 'delete' | 'edit' | 'loading' | 'modified_by' | 'modified_on_relative' | 'modified_on_absolute' | 'more_actions' | 'not_found_title' | 'not_found_description' | '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' | 'try_again' | 'try_another_account' | 'view' | 'viewIn' | 'viewOriginal' | 'actions' | 'add_account' | 'cancel' | 'close' | 'connect_to' | 'connect_account_description' | 'retry' | 'save' | 'unlink_account' | RequestAccessMessageKey;
+export declare 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' | 'could_not_load_link' | 'download' | 'invalid_permissions' | 'invalid_permissions_description' | 'join_to_view' | 'connect_link_account' | 'created_by' | 'created_on_relative' | 'created_on_absolute' | 'delete' | 'edit' | 'learn_more_about_smart_links_security' | 'loading' | 'modified_by' | 'modified_on_relative' | 'modified_on_absolute' | 'more_actions' | 'not_found_title' | 'not_found_description' | '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' | 'try_again' | 'try_another_account' | 'view' | 'viewIn' | 'viewOriginal' | 'actions' | 'add_account' | 'cancel' | 'close' | 'connect_to' | 'connect_account_description' | 'retry' | 'save' | 'unlink_account' | RequestAccessMessageKey;
 declare type Messages = {
     [K in MessageKey]: MessageDescriptor;
 };

package/dist/types/view/{BlockCard/utils → EmbedCard}/constants.d.ts

@@ -1,3 +1,3 @@
 export declare const LockImage: string;
-export declare const CelebrationImage: string;
 export declare const NotFoundImage: string;
+export declare const UnauthorisedImage: string;