@atlaskit/smart-card 19.1.8 → 19.1.11

package/dist/es2019/messages.js

@@ -1,5 +1,20 @@
 import { defineMessages } from 'react-intl-next';
 export const 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 const 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 const 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 const 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 const 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 const 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/es2019/utils/index.js

@@ -99,4 +99,5 @@ export const handleOnClick = handler => e => {
   e.preventDefault();
   e.stopPropagation();
   handler();
-};
+};
+export const isIntersectionObserverSupported = () => typeof IntersectionObserver !== 'undefined';

package/dist/es2019/version.json

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

package/dist/es2019/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 const AuthorizeAction = handler => ({
   id: 'connect-account',
   text: /*#__PURE__*/React.createElement(FormattedMessage, messages.connect_link_account_card),

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

@@ -1,7 +1,7 @@
 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 async function downloadFunction({
   url
 }) {

package/dist/es2019/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 const ForbiddenAction = (handler, id = 'connect-other-account', message = messages.try_another_account, context = '') => ({
   id,
   text: /*#__PURE__*/React.createElement(FormattedMessage, _extends({}, message, {

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

@@ -2,7 +2,7 @@ import _extends from "@babel/runtime/helpers/extends";
 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/es2019/view/BlockCard/actions/RetryAction.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 const RetryAction = handler => ({
   id: 'try-again',
   promise: async () => handler(),

package/dist/es2019/view/BlockCard/actions/ViewAction.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 async function viewFunction({
   url
 }) {

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

@@ -8,7 +8,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/es2019/view/BlockCard/views/ForbiddenView.js

@@ -11,7 +11,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/es2019/view/BlockCard/views/NotFoundView.js

@@ -8,7 +8,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/es2019/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 const blockCardResolvingViewClassName = 'block-card-resolving-view';
 export const ResolvingView = ({
   isSelected = false,

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

@@ -8,7 +8,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/es2019/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/es2019/view/EmbedCard/components/styled.js

@@ -1,11 +1,29 @@
 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 const className = 'media-card-frame';
 export const cardShadow = ``;
+export const borderRadius = `
+  border-radius: ${akBorderRadius()}px;
+`;
+export const ellipsis = (maxWidth = '100%') => {
+  const unit = typeof maxWidth === 'number' ? 'px' : '';
+  return `
+    max-width: ${maxWidth}${unit};
+    overflow: hidden;
+    text-overflow: ellipsis;
+    white-space: nowrap;
+  `;
+};
+export const csssize = (value = '100%') => {
+  const unit = typeof value === 'number' ? 'px' : '';
+  return `
+    width: ${value}${unit};
+    height: ${value}${unit};
+  `;
+};
 
 function minWidth({
   minWidth
@@ -135,7 +153,7 @@ export const Header = styled.div`
 `;
 export const IconWrapper = styled.div`
   ${borderRadius}
-  ${size(16)}
+  ${csssize(16)}
   ${({
   isPlaceholder
 }) => {
@@ -253,7 +271,7 @@ export const ResolvedViewIconWrapper = styled.div`
 `;
 export const Thumbnail = styled.div`
   ${borderRadius}
-  ${size(48)}
+  ${csssize(48)}
   float: right;
   margin: 4px 0 12px 12px;
   background-color: ${token('color.skeleton', colors.N30)};

package/dist/es2019/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 const EmbedCardErroredView = ({
   onRetry,

package/dist/es2019/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 const EmbedCardUnresolvedView = ({
   image,

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

@@ -17,6 +17,7 @@ const styles = css`
   aspect-ratio: 16 / 9;
   display: flex;
   width: 100%;
+  height: fit-content; // Fix Safari height not respecting aspect-ratio
 
   // fallback
   @supports not (aspect-ratio: auto) {

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

@@ -39,10 +39,10 @@ const 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/es2019/view/InlineCard/ErroredView/index.js

@@ -7,7 +7,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 class InlineCardErroredView extends React.Component {

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

@@ -8,7 +8,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';
 const FallbackForbiddenIcon = /*#__PURE__*/React.createElement(AKIconWrapper, null, /*#__PURE__*/React.createElement(LockIcon, {

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

@@ -5,7 +5,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/es2019/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 const Header = ({
   title,
   label,

package/dist/esm/extractors/common/context/extractAccessContext.js

@@ -4,7 +4,7 @@ function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (O
 
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 
-import { messages } from '@atlaskit/media-ui/messages';
+import { messages } from '../../../messages';
 import { ForbiddenAction } from '../../../view/BlockCard/actions/ForbiddenAction';
 export var extractRequestAccessContext = function extractRequestAccessContext(_ref) {
   var _jsonLd$requestAccess;