@atlaskit/smart-card 23.3.0 → 23.3.1

package/CHANGELOG.md

@@ -1,5 +1,12 @@
 # @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

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.3.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/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.3.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/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.3.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/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;

package/dist/types/view/EmbedCard/types.d.ts

@@ -29,6 +29,7 @@ export interface WithShowControlMethodProp {
 }
 export interface ContextViewModel {
     icon?: ReactNode;
+    image?: string;
     text: string;
 }
 export declare type AccessTypes = 'REQUEST_ACCESS' | 'PENDING_REQUEST_EXISTS' | 'FORBIDDEN' | 'DIRECT_ACCESS' | 'DENIED_REQUEST_EXISTS' | 'APPROVED_REQUEST_EXISTS' | 'ACCESS_EXISTS';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@atlaskit/smart-card",
-  "version": "23.3.0",
+  "version": "23.3.1",
   "description": "Smart card component",
   "publishConfig": {
     "registry": "https://registry.npmjs.org/"
@@ -12,14 +12,6 @@
   "module": "dist/esm/index.js",
   "module:es2019": "dist/es2019/index.js",
   "types": "dist/types/index.d.ts",
-  "typesVersions": {
-    ">=4.0 <4.5": {
-      "*": [
-        "dist/types-ts4.0/*",
-        "dist/types-ts4.0/index.d.ts"
-      ]
-    }
-  },
   "sideEffects": false,
   "atlaskit:src": "src/index.ts",
   "atlassian": {
@@ -41,7 +33,7 @@
     "@atlaskit/icon-object": "^6.2.0",
     "@atlaskit/icon-priority": "^6.3.0",
     "@atlaskit/in-product-testing": "^0.1.0",
-    "@atlaskit/linking-common": "^1.11.0",
+    "@atlaskit/linking-common": "^1.12.0",
     "@atlaskit/logo": "^13.10.0",
     "@atlaskit/lozenge": "^11.3.0",
     "@atlaskit/media-common": "^2.17.0",

package/dist/types-ts4.0/__fixtures__/flexible-ui-data-context.d.ts

@@ -1,3 +0,0 @@
-import { FlexibleUiDataContext } from '../state/flexible-ui-context/types';
-declare const context: FlexibleUiDataContext;
-export default context;

package/dist/types-ts4.0/__tests_external__/index.d.ts

@@ -1,6 +0,0 @@
-export { InlineCardPageObject } from './page-objects/InlineCard';
-export { BlockCardPageObject } from './page-objects/BlockCard';
-export { EmbedCardPageObject } from './page-objects/EmbedCard';
-export { inlineSmartLinkRendersTestCase } from './test-cases/inline';
-export { blockSmartLinkRendersTestCase } from './test-cases/card';
-export { embedSmartLinkRendersTestCase } from './test-cases/embed';

package/dist/types-ts4.0/__tests_external__/page-objects/BaseCard.d.ts

@@ -1,16 +0,0 @@
-/// <reference types="cypress" />
-import { InProductTestPageObject, CypressType } from '@atlaskit/in-product-testing';
-import { CardType, CardAppearance } from '@atlaskit/linking-common';
-export declare class BaseCardPageObject extends InProductTestPageObject {
-    protected cy: CypressType;
-    protected appearance: CardAppearance;
-    protected constructor(cy: CypressType, appearance: CardAppearance);
-    private static CARD_TIMEOUT;
-    private _toSelector;
-    expectCardReady(numOfCards?: number, status?: CardType): Cypress.Chainable<JQuery<HTMLElement>>;
-    expectCardNotExists(status?: CardType): Cypress.Chainable<JQuery<HTMLElement>>;
-    findCardNth(nth?: number, status?: CardType): Cypress.Chainable<JQuery<HTMLElement>>;
-    assertHrefRendered(url: string): Cypress.Chainable<JQuery<HTMLElement>>;
-    assertHrefNotRendered(url: string): Cypress.Chainable<JQuery<HTMLElement>>;
-    click(status?: CardType): Cypress.Chainable<JQuery<HTMLElement>>;
-}