@atlaskit/smart-card 19.1.8 → 19.1.11

package/dist/esm/messages.js

@@ -1,5 +1,20 @@
 import { defineMessages } from 'react-intl-next';
 export var messages = defineMessages({
+  actions: {
+    id: 'fabric.linking.actions',
+    defaultMessage: 'Actions',
+    description: ''
+  },
+  add_account: {
+    id: 'fabric.linking.add_account',
+    defaultMessage: 'Add account',
+    description: 'Allows to add a new account'
+  },
+  cancel: {
+    id: 'fabric.linking.cancel',
+    defaultMessage: 'Cancel',
+    description: 'cancel'
+  },
   cannot_connect: {
     id: 'fabric.linking.cannot_connect',
     defaultMessage: "Can't connect, try again",
@@ -12,14 +27,54 @@ export var messages = defineMessages({
   },
   click_to_join: {
     id: 'fabric.linking.click_to_join',
-    defaultMessage: 'Join {context} to view this issue',
+    defaultMessage: 'Join {context}',
     description: 'Allows the user join the product or service immediately'
   },
+  click_to_join_description: {
+    id: 'fabric.linking.click_to_join_description',
+    defaultMessage: "You've been approved, so you can join {context} right away.",
+    description: 'Informs the user that they have access to this product, and can sign up or join right away.'
+  },
+  close: {
+    id: 'fabric.linking.close',
+    defaultMessage: 'Close',
+    description: ''
+  },
+  connect_to: {
+    id: 'fabric.linking.connect_to',
+    defaultMessage: 'Connect to {name}',
+    description: 'Allows the user to connect with different types of external services'
+  },
+  connect_account_description: {
+    id: 'fabric.linking.connect_account_description',
+    defaultMessage: "We'll open a new page to help you connect your {name} account",
+    description: 'Explains what will happen when the users connects to a new account'
+  },
   connect_link_account: {
     id: 'fabric.linking.connect_link_account',
     defaultMessage: 'Connect to preview',
     description: 'Shown when a user does not have access to a link, but can connect their external account to view the link.'
   },
+  connect_link_account_card: {
+    id: 'fabric.linking.connect_link_account_card_view',
+    defaultMessage: 'Connect',
+    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_link_account_card_name: {
+    id: 'fabric.linking.connect_link_account_card_view_name',
+    defaultMessage: '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 title.'
+  },
+  connect_link_account_card_description: {
+    id: 'fabric.linking.connect_link_account_card_view_description',
+    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.'
+  },
+  could_not_load_link: {
+    id: 'fabric.linking.couldnt_load_link',
+    defaultMessage: "We couldn't load this link for an unknown reason.",
+    description: 'Error case for card view - link could not be loaded.'
+  },
   created_by: {
     id: 'fabric.linking.created_by',
     defaultMessage: 'Created by {context}',
@@ -40,11 +95,41 @@ export var messages = defineMessages({
     defaultMessage: 'Delete',
     description: 'Allow a user to delete a link'
   },
+  download: {
+    id: 'fabric.linking.download',
+    defaultMessage: 'Download',
+    description: ''
+  },
   edit: {
     id: 'fabric.linking.edit',
     defaultMessage: 'Edit',
     description: 'Allow a user to edit a link'
   },
+  forbidden_description: {
+    id: 'fabric.linking.forbidden_description',
+    defaultMessage: 'You don’t have access to this preview. Contact the site admin if you need access.',
+    description: 'Informs the user that they cannot view this content.'
+  },
+  invalid_permissions: {
+    id: 'fabric.linking.invalid_permissions',
+    defaultMessage: 'Restricted link',
+    description: 'Message shown when a user does not have permissions to view an item'
+  },
+  invalid_permissions_description: {
+    id: 'fabric.linking.invalid_permissions_description',
+    defaultMessage: "You'll need to request access or try a different account to view this preview.",
+    description: 'Message shown when a user does not have permissions to view an item. Displayed as description.'
+  },
+  join_to_view: {
+    id: 'fabric.linking.join_to_view',
+    defaultMessage: 'Join {context} to view this issue',
+    description: 'Allows the user join the product or service immediately'
+  },
+  loading: {
+    id: 'fabric.linking.loading',
+    defaultMessage: 'Loading...',
+    description: 'Indicates an element on a page is loading.'
+  },
   modified_by: {
     id: 'fabric.linking.updated_by',
     defaultMessage: 'Modified by {context}',
@@ -65,6 +150,21 @@ export var messages = defineMessages({
     defaultMessage: 'More actions',
     description: 'Allows the users to see more link actions'
   },
+  not_found_description: {
+    id: 'fabric.linking.not_found_description',
+    defaultMessage: "We couldn't find the link. Check the url and try editing or paste again.",
+    description: 'Error case for when a provided item is not found within the list of items'
+  },
+  not_found_title: {
+    id: 'fabric.linking.not_found_title',
+    defaultMessage: "Uh oh. We can't find this link!",
+    description: 'Error case for when a provided link is not found'
+  },
+  preview: {
+    id: 'fabric.linking.preview',
+    defaultMessage: 'Preview',
+    description: 'Click to view a richer view of your content, without needing to navigate to it.'
+  },
   priority_blocker: {
     id: 'fabric.linking.priority_blocker',
     defaultMessage: 'Blocker',
@@ -131,12 +231,32 @@ export var messages = defineMessages({
     description: 'Shown when a user has requested an access but status is pending.'
   },
   restricted_link: {
-    id: 'fabric.linking.invalid_permissions',
+    id: 'fabric.linking.restricted_link',
     defaultMessage: 'Restricted link, try another account',
     description: 'Message shown when a user does not have permissions to view an item'
   },
   request_access: {
     id: 'fabric.linking.request_access',
+    defaultMessage: 'Request access',
+    description: 'Allows the user to request access to a product or service'
+  },
+  request_access_description: {
+    id: 'fabric.linking.request_access_description',
+    defaultMessage: 'Request access to {context} view this preview.',
+    description: 'Allows the user to request access to a product'
+  },
+  request_access_pending: {
+    id: 'fabric.linking.request_access_pending',
+    defaultMessage: 'Access pending',
+    description: 'Allows the user to try an action again with their current account'
+  },
+  request_access_pending_description: {
+    id: 'fabric.linking.request_access_pending_description',
+    defaultMessage: 'Your access request is pending.',
+    description: 'Informs the user that their request to view this content is pending'
+  },
+  request_access_to_view: {
+    id: 'fabric.linking.request_access_to_view',
     defaultMessage: 'Request access to {context} to view this issue',
     description: 'Allows the user to request access to a product or service'
   },
@@ -144,5 +264,50 @@ export var messages = defineMessages({
     id: 'fabric.linking.request_denied',
     defaultMessage: 'Your access request was denied',
     description: 'The user had request access but the request was denied by a product or service'
+  },
+  request_denied_description: {
+    id: 'fabric.linking.request_denied_description',
+    defaultMessage: 'Your access request was denied. Contact the site admin if you still need access.',
+    description: 'Informs the user that their request to view this content was denied'
+  },
+  retry: {
+    id: 'fabric.linking.retry',
+    defaultMessage: 'Retry',
+    description: 'Allows user to perform an action again'
+  },
+  save: {
+    id: 'fabric.linking.save',
+    defaultMessage: 'Save',
+    description: 'Just the "save" word'
+  },
+  try_again: {
+    id: 'fabric.linking.try_again',
+    defaultMessage: 'Try again',
+    description: 'Allow the user to try an action again'
+  },
+  try_another_account: {
+    id: 'fabric.linking.try_another_account',
+    defaultMessage: 'Try another account',
+    description: 'Allows the user to try an action again with a different account'
+  },
+  unlink_account: {
+    id: 'fabric.linking.unlink_account',
+    defaultMessage: 'Unlink Account',
+    description: 'Allows to remove a connected account from the user'
+  },
+  view: {
+    id: 'fabric.linking.view',
+    defaultMessage: 'View',
+    description: 'Go through to a piece of content to view it in its original context.'
+  },
+  viewIn: {
+    id: 'fabric.linking.srclink',
+    defaultMessage: 'View in',
+    description: 'We have a link in our preview modals to the original document. This text goes before the provider name'
+  },
+  viewOriginal: {
+    id: 'fabric.linking.srclinkunknown',
+    defaultMessage: 'View Original',
+    description: "We have a link in our preview modals to the original document. This is for when we don't know the provider name"
   }
 });

package/dist/esm/state/actions/index.js

@@ -1,5 +1,5 @@
-import _asyncToGenerator from "@babel/runtime/helpers/asyncToGenerator";
 import _regeneratorRuntime from "@babel/runtime/regenerator";
+import _asyncToGenerator from "@babel/runtime/helpers/asyncToGenerator";
 import { useMemo, useCallback } from 'react';
 import { auth } from '@atlaskit/outbound-auth-flow-client';
 import { APIError } from '@atlaskit/linking-common';

package/dist/esm/state/hooks/usePrefetch.js

@@ -1,5 +1,5 @@
-import _asyncToGenerator from "@babel/runtime/helpers/asyncToGenerator";
 import _regeneratorRuntime from "@babel/runtime/regenerator";
+import _asyncToGenerator from "@babel/runtime/helpers/asyncToGenerator";
 import { useCallback } from 'react';
 import { useSmartLinkContext } from '@atlaskit/link-provider';
 export function usePrefetch(url) {

package/dist/esm/utils/index.js

@@ -224,4 +224,7 @@ export var handleOnClick = function handleOnClick(handler) {
     e.stopPropagation();
     handler();
   };
+};
+export var isIntersectionObserverSupported = function isIntersectionObserverSupported() {
+  return typeof IntersectionObserver !== 'undefined';
 };

package/dist/esm/utils/mocks.js

@@ -1,10 +1,10 @@
+import _regeneratorRuntime from "@babel/runtime/regenerator";
 import _asyncToGenerator from "@babel/runtime/helpers/asyncToGenerator";
 import _classCallCheck from "@babel/runtime/helpers/classCallCheck";
 import _createClass from "@babel/runtime/helpers/createClass";
 import _inherits from "@babel/runtime/helpers/inherits";
 import _possibleConstructorReturn from "@babel/runtime/helpers/possibleConstructorReturn";
 import _getPrototypeOf from "@babel/runtime/helpers/getPrototypeOf";
-import _regeneratorRuntime from "@babel/runtime/regenerator";
 
 function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
 

package/dist/esm/version.json

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

package/dist/esm/view/BlockCard/actions/AuthorizeAction.js

@@ -1,6 +1,6 @@
 import React from 'react';
 import { FormattedMessage } from 'react-intl-next';
-import { messages } from '@atlaskit/media-ui/messages';
+import { messages } from '../../../messages';
 export var AuthorizeAction = function AuthorizeAction(handler) {
   return {
     id: 'connect-account',

package/dist/esm/view/BlockCard/actions/DownloadAction.js

@@ -1,9 +1,9 @@
-import _asyncToGenerator from "@babel/runtime/helpers/asyncToGenerator";
 import _regeneratorRuntime from "@babel/runtime/regenerator";
+import _asyncToGenerator from "@babel/runtime/helpers/asyncToGenerator";
 import React from 'react';
 import { FormattedMessage } from 'react-intl-next';
 import { downloadUrl } from '@atlaskit/media-common';
-import { messages } from '@atlaskit/media-ui/messages';
+import { messages } from '../../../messages';
 export function downloadFunction(_x) {
   return _downloadFunction.apply(this, arguments);
 }

package/dist/esm/view/BlockCard/actions/ForbiddenAction.js

@@ -1,7 +1,7 @@
 import _extends from "@babel/runtime/helpers/extends";
 import React from 'react';
 import { FormattedMessage } from 'react-intl-next';
-import { messages } from '@atlaskit/media-ui/messages';
+import { messages } from '../../../messages';
 export var ForbiddenAction = function ForbiddenAction(handler) {
   var id = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 'connect-other-account';
   var message = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : messages.try_another_account;

package/dist/esm/view/BlockCard/actions/PreviewAction.js

@@ -1,10 +1,10 @@
+import _regeneratorRuntime from "@babel/runtime/regenerator";
 import _extends from "@babel/runtime/helpers/extends";
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
 import _asyncToGenerator from "@babel/runtime/helpers/asyncToGenerator";
 var _excluded = ["popupMountPointId", "onClose"],
     _excluded2 = ["details"];
-import _regeneratorRuntime from "@babel/runtime/regenerator";
 
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 
@@ -13,7 +13,7 @@ function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { va
 import React from 'react';
 import ReactDOM from 'react-dom';
 import { IntlProvider, FormattedMessage } from 'react-intl-next';
-import { messages } from '@atlaskit/media-ui/messages';
+import { messages } from '../../../messages';
 
 /*
   Explanatory note:

package/dist/esm/view/BlockCard/actions/RetryAction.js

@@ -1,8 +1,8 @@
-import _asyncToGenerator from "@babel/runtime/helpers/asyncToGenerator";
 import _regeneratorRuntime from "@babel/runtime/regenerator";
+import _asyncToGenerator from "@babel/runtime/helpers/asyncToGenerator";
 import React from 'react';
 import { FormattedMessage } from 'react-intl-next';
-import { messages } from '@atlaskit/media-ui/messages';
+import { messages } from '../../../messages';
 export var RetryAction = function RetryAction(handler) {
   return {
     id: 'try-again',

package/dist/esm/view/BlockCard/actions/ViewAction.js

@@ -1,8 +1,8 @@
-import _asyncToGenerator from "@babel/runtime/helpers/asyncToGenerator";
 import _regeneratorRuntime from "@babel/runtime/regenerator";
+import _asyncToGenerator from "@babel/runtime/helpers/asyncToGenerator";
 import React from 'react';
 import { FormattedMessage } from 'react-intl-next';
-import { messages } from '@atlaskit/media-ui/messages';
+import { messages } from '../../../messages';
 export function viewFunction(_x) {
   return _viewFunction.apply(this, arguments);
 }

package/dist/esm/view/BlockCard/views/ErroredView.js

@@ -14,7 +14,7 @@ import { Frame } from '../components/Frame';
 import { Byline } from '../../common/Byline';
 import { ActionList } from '../components/ActionList';
 import { Content } from '../components/Content';
-import { messages } from '@atlaskit/media-ui/messages';
+import { messages } from '../../../messages';
 import { ContentFooter } from '../components/ContentFooter';
 import { ContentHeader } from '../components/ContentHeader';
 import { handleClickCommon } from '../utils/handlers';

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

@@ -12,7 +12,7 @@ import { Provider } from '../components/Provider';
 import { Byline } from '../../common/Byline';
 import { ActionList } from '../components/ActionList';
 import { Content } from '../components/Content';
-import { messages } from '@atlaskit/media-ui/messages';
+import { messages } from '../../../messages';
 import { ContentFooter } from '../components/ContentFooter';
 import { ContentHeader } from '../components/ContentHeader';
 import { handleClickCommon } from '../utils/handlers';

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

@@ -14,7 +14,7 @@ import { Frame } from '../components/Frame';
 import { Provider } from '../components/Provider';
 import { Byline } from '../../common/Byline';
 import { Content } from '../components/Content';
-import { messages } from '@atlaskit/media-ui/messages';
+import { messages } from '../../../messages';
 import { ContentFooter } from '../components/ContentFooter';
 import { ContentHeader } from '../components/ContentHeader';
 import { Link } from '../components/Link';

package/dist/esm/view/BlockCard/views/ResolvingView.js

@@ -7,7 +7,7 @@ import { token } from '@atlaskit/tokens';
 import { Frame } from '../components/Frame';
 import { gs } from '../../common/utils';
 import { FormattedMessage } from 'react-intl-next';
-import { messages } from '@atlaskit/media-ui/messages';
+import { messages } from '../../../messages';
 export var blockCardResolvingViewClassName = 'block-card-resolving-view';
 export var ResolvingView = function ResolvingView(_ref) {
   var _ref$isSelected = _ref.isSelected,

package/dist/esm/view/BlockCard/views/UnauthorizedView.js

@@ -13,7 +13,7 @@ import { Provider } from '../components/Provider';
 import { Byline } from '../../common/Byline';
 import { ActionList } from '../components/ActionList';
 import { Content } from '../components/Content';
-import { messages } from '@atlaskit/media-ui/messages';
+import { messages } from '../../../messages';
 import { ContentHeader } from '../components/ContentHeader';
 import { ContentFooter } from '../components/ContentFooter';
 import { handleClickCommon } from '../utils/handlers';

package/dist/esm/view/CardWithUrl/component-lazy/index.js

@@ -1,7 +1,7 @@
 import React from 'react';
-import { isIntersectionObserverSupported } from '@atlaskit/media-ui';
 import { LazyLazilyRenderCard } from './LazyLazilyRenderCard';
 import { LazyIntersectionObserverCard } from './LazyIntersectionObserverCard';
+import { isIntersectionObserverSupported } from '../../../utils';
 export default function LazyCardWithUrlContent(props) {
   if (isIntersectionObserverSupported()) {
     return /*#__PURE__*/React.createElement(LazyIntersectionObserverCard, props);

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

@@ -3,13 +3,23 @@ import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral
 var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject10, _templateObject11, _templateObject12, _templateObject13, _templateObject14, _templateObject15, _templateObject16;
 
 import styled from '@emotion/styled';
-import { size as csssize, borderRadius, size, ellipsis } from '@atlaskit/media-ui';
-import { fontFamily } from '@atlaskit/theme/constants';
+import { borderRadius as akBorderRadius, fontFamily } from '@atlaskit/theme/constants';
 import * as colors from '@atlaskit/theme/colors';
 import { token } from '@atlaskit/tokens';
 import { gs as gridSize } from '../../common/utils';
 export var className = 'media-card-frame';
 export var cardShadow = "";
+export var borderRadius = "\n  border-radius: ".concat(akBorderRadius(), "px;\n");
+export var ellipsis = function ellipsis() {
+  var maxWidth = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : '100%';
+  var unit = typeof maxWidth === 'number' ? 'px' : '';
+  return "\n    max-width: ".concat(maxWidth).concat(unit, ";\n    overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n  ");
+};
+export var csssize = function csssize() {
+  var value = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : '100%';
+  var unit = typeof value === 'number' ? 'px' : '';
+  return "\n    width: ".concat(value).concat(unit, ";\n    height: ").concat(value).concat(unit, ";\n  ");
+};
 
 function minWidth(_ref) {
   var minWidth = _ref.minWidth;
@@ -68,7 +78,7 @@ export var Wrapper = styled.div(_templateObject2 || (_templateObject2 = _taggedT
 });
 export var embedHeaderHeight = 32;
 export var Header = styled.div(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n  height: ", "px;\n  position: absolute;\n  z-index: 1;\n  width: 100%;\n  display: flex;\n  align-items: center;\n  color: ", ";\n  opacity: 0;\n  transition: 300ms opacity cubic-bezier(0.15, 1, 0.3, 1);\n"])), embedHeaderHeight, token('color.icon', colors.N300));
-export var IconWrapper = styled.div(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n  ", "\n  ", "\n  ", " margin-right: 4px;\n"])), borderRadius, size(16), function (_ref7) {
+export var IconWrapper = styled.div(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n  ", "\n  ", "\n  ", " margin-right: 4px;\n"])), borderRadius, csssize(16), function (_ref7) {
   var isPlaceholder = _ref7.isPlaceholder;
 
   if (isPlaceholder) {
@@ -108,7 +118,7 @@ export var Title = styled.div(_templateObject9 || (_templateObject9 = _taggedTem
 export var Byline = styled.div(_templateObject10 || (_templateObject10 = _taggedTemplateLiteral(["\n  margin-top: 4px;\n  color: ", ";\n  font-size: 12px;\n  font-weight: normal;\n  line-height: ", ";\n  ", ";\n"])), token('color.text.subtlest', colors.N300), 16 / 12, ellipsis('100%'));
 export var Description = styled.div(_templateObject11 || (_templateObject11 = _taggedTemplateLiteral(["\n  margin-top: 7px;\n  color: ", ";\n  font-size: 12px;\n  font-weight: normal;\n  line-height: ", ";\n  max-height: ", "px;\n  overflow: hidden;\n"])), token('color.text', colors.N800), 18 / 12, 18 * 3);
 export var ResolvedViewIconWrapper = styled.div(_templateObject12 || (_templateObject12 = _taggedTemplateLiteral(["\n  margin-top: 4px;\n"])));
-export var Thumbnail = styled.div(_templateObject13 || (_templateObject13 = _taggedTemplateLiteral(["\n  ", "\n  ", "\n  float: right;\n  margin: 4px 0 12px 12px;\n  background-color: ", ";\n  background-image: url(", ");\n  background-size: cover;\n"])), borderRadius, size(48), token('color.skeleton', colors.N30), function (_ref11) {
+export var Thumbnail = styled.div(_templateObject13 || (_templateObject13 = _taggedTemplateLiteral(["\n  ", "\n  ", "\n  float: right;\n  margin: 4px 0 12px 12px;\n  background-color: ", ";\n  background-image: url(", ");\n  background-size: cover;\n"])), borderRadius, csssize(48), token('color.skeleton', colors.N30), function (_ref11) {
   var src = _ref11.src;
   return src;
 });

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

@@ -7,7 +7,7 @@ import { R300 } from '@atlaskit/theme/colors';
 import { token } from '@atlaskit/tokens';
 import { Frame } from '../../BlockCard/components/Frame';
 import { FormattedMessage } from 'react-intl-next';
-import { messages } from '@atlaskit/media-ui/messages';
+import { messages } from '../../../messages';
 import { gs } from '../../common/utils';
 export var EmbedCardErroredView = function EmbedCardErroredView(_ref) {
   var onRetry = _ref.onRetry,

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

@@ -5,7 +5,7 @@ import { jsx } from '@emotion/core';
 import Button from '@atlaskit/button/custom-theme-button';
 import { fontSize } from '@atlaskit/theme/constants';
 import { FormattedMessage } from 'react-intl-next';
-import { messages } from '@atlaskit/media-ui/messages';
+import { messages } from '../../../messages';
 import { gs as gridSize } from '../../common/utils';
 export var EmbedCardUnresolvedView = function EmbedCardUnresolvedView(_ref) {
   var image = _ref.image,

package/dist/esm/view/FlexibleCard/components/elements/media/index.js

@@ -17,7 +17,7 @@ import ImageIcon from '../../common/image-icon';
  * [object-position] Center alignment of the selected replaced element's
  * contents within the element's box.
  */
-var styles = css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  aspect-ratio: 16 / 9;\n  display: flex;\n  width: 100%;\n\n  // fallback\n  @supports not (aspect-ratio: auto) {\n    padding-top: 56.25%; // 16:9 ratio (9 / 16 = 0.5625)\n    height: 0;\n    position: relative;\n    overflow: hidden;\n  }\n\n  > img {\n    min-height: 100%;\n    min-width: 100%;\n    max-height: 100%;\n    max-width: 100%;\n    object-fit: cover;\n    object-position: center center;\n\n    // fallback\n    @supports not (aspect-ratio: auto) {\n      position: absolute;\n      transform: translate(-50%, -50%);\n      left: 50%;\n      top: 50%;\n      width: auto;\n      height: auto;\n    }\n  }\n"])));
+var styles = css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  aspect-ratio: 16 / 9;\n  display: flex;\n  width: 100%;\n  height: fit-content; // Fix Safari height not respecting aspect-ratio\n\n  // fallback\n  @supports not (aspect-ratio: auto) {\n    padding-top: 56.25%; // 16:9 ratio (9 / 16 = 0.5625)\n    height: 0;\n    position: relative;\n    overflow: hidden;\n  }\n\n  > img {\n    min-height: 100%;\n    min-width: 100%;\n    max-height: 100%;\n    max-width: 100%;\n    object-fit: cover;\n    object-position: center center;\n\n    // fallback\n    @supports not (aspect-ratio: auto) {\n      position: absolute;\n      transform: translate(-50%, -50%);\n      left: 50%;\n      top: 50%;\n      width: auto;\n      height: auto;\n    }\n  }\n"])));
 /**
  * A base element that displays a Media.
  * @internal

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

@@ -39,10 +39,10 @@ var getForbiddenMessageKey = function getForbiddenMessageKey(meta) {
 
   switch (accessType) {
     case 'DIRECT_ACCESS':
-      return 'click_to_join';
+      return 'join_to_view';
 
     case 'REQUEST_ACCESS':
-      return 'request_access';
+      return 'request_access_to_view';
 
     case 'PENDING_REQUEST_EXISTS':
       return 'pending_request';

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

@@ -18,7 +18,7 @@ import Button from '@atlaskit/button/custom-theme-button';
 import { Frame } from '../Frame';
 import { IconAndTitleLayout } from '../IconAndTitleLayout';
 import { AKIconWrapper } from '../Icon';
-import { messages } from '@atlaskit/media-ui/messages';
+import { messages } from '../../../messages';
 import { FormattedMessage } from 'react-intl-next';
 import { LinkAppearance, IconStyledButton, LowercaseAppearance, NoLinkAppearance } from '../styled';
 export var InlineCardErroredView = /*#__PURE__*/function (_React$Component) {

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

@@ -19,7 +19,7 @@ import Button from '@atlaskit/button/custom-theme-button';
 import { Frame } from '../Frame';
 import { IconAndTitleLayout } from '../IconAndTitleLayout';
 import { AKIconWrapper } from '../Icon';
-import { messages } from '@atlaskit/media-ui/messages';
+import { messages } from '../../../messages';
 import { FormattedMessage } from 'react-intl-next';
 import { IconStyledButton, LowercaseAppearance, LinkAppearance } from '../styled';
 var FallbackForbiddenIcon = /*#__PURE__*/React.createElement(AKIconWrapper, null, /*#__PURE__*/React.createElement(LockIcon, {

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

@@ -16,7 +16,7 @@ import { N500, R400 } from '@atlaskit/theme/colors';
 import { token } from '@atlaskit/tokens';
 import React from 'react';
 import { FormattedMessage } from 'react-intl-next';
-import { messages } from '@atlaskit/media-ui/messages';
+import { messages } from '../../../messages';
 import { Frame } from '../Frame';
 import { AKIconWrapper } from '../Icon';
 import { IconAndTitleLayout } from '../IconAndTitleLayout';

package/dist/esm/view/common/ModalHeader.js

@@ -12,7 +12,7 @@ import { gs } from './utils';
 import { Icon } from './Icon';
 import { MetadataList } from './MetadataList';
 import { Byline } from './Byline';
-import { messages } from '@atlaskit/media-ui/messages';
+import { messages } from '../../messages';
 export var Header = function Header(_ref) {
   var title = _ref.title,
       label = _ref.label,