@atlaskit/smart-card 43.12.3 → 43.13.0

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

@@ -6,14 +6,183 @@ import { ax, ix } from "@compiled/react/runtime";
 import { useCallback, useMemo } from 'react';
 import { FormattedMessage } from 'react-intl-next';
 import { extractSmartLinkProvider } from '@atlaskit/link-extractors';
+import { fg } from '@atlaskit/platform-feature-flags';
+import { Box } from '@atlaskit/primitives/compiled';
 import { useAnalyticsEvents } from '../../../common/analytics/generated/use-analytics-events';
+import { ElementName, SmartLinkDirection, SmartLinkSize, SmartLinkWidth } from '../../../constants';
 import { messages } from '../../../messages';
-import { hasAuthScopeOverrides } from '../../../state/helpers';
+import { useFlexibleCardContext } from '../../../state/flexible-ui-context';
+import { getExtensionKey, hasAuthScopeOverrides } from '../../../state/helpers';
+import { isNewBlockcardUnauthorizedRefreshExperimentEnabled } from '../../../utils/experiments';
 import UnauthorisedViewContent from '../../common/UnauthorisedViewContent';
+import FlexibleCard from '../../FlexibleCard';
+import ActionGroup from '../../FlexibleCard/components/blocks/action-group';
+import Block from '../../FlexibleCard/components/blocks/block';
+import ElementGroup from '../../FlexibleCard/components/blocks/element-group';
+import { renderElementItems } from '../../FlexibleCard/components/blocks/utils';
+import { LinkIcon, Title } from '../../FlexibleCard/components/elements';
 import { AuthorizeAction } from '../actions/AuthorizeAction';
+import unauthIllustrationFigma from './assets/figma@2x.png';
+import unauthIllustrationGeneral from './assets/general@2x.png';
+import unauthIllustrationGdrive from './assets/google-drive@2x.png';
+import unauthIllustrationOnedrive from './assets/onedrive@2x.png';
+import unauthIllustrationSlack from './assets/slack@2x.png';
 import UnresolvedView from './unresolved-view';
+import { FlexibleCardUiOptions, titleBlockOptions } from './utils';
 import { withFlexibleUIBlockCardStyle } from './utils/withFlexibleUIBlockCardStyle';
 const contentStyles = null;
+const newContentStyles = null;
+const contentAdditionalStyles = null;
+const newTitleBlockStyles = null;
+const intermediumGapStyles = null;
+const titleBlockStyles = null;
+const previewBlockStyle = null;
+const previewBlockStyleWithOverlap = null;
+const linkIconStyles = null;
+const containerStyles = null;
+const previewBlockImageStyle = null;
+const styles = {
+  titleBoxCard: "_1e0c1txw _2lx2vrvc _4cvr1h6o _1bsb1osq"
+};
+const getBetterTitle = url => {
+  // List of regexps to extract human-readable titles from URLs
+  // Each regex should have a capture group for the title at index 1
+  const titleExtractors = [
+  // Dropbox: https://www.dropbox.com/scl/fi/scebraopvx4bni0sechq9/Atlas23_D1_A_0014.jpg?rlkey=... -> Atlas23_D1_A_0014.jpg
+  /^https:\/\/www\.dropbox\.com\/scl\/fi\/[^\/]+\/([^\/\?]+)/,
+  // Dropbox: https://www.dropbox.com/home/Teamwork%20Ecosystem?preview=xsociety00.dat -> Teamwork Ecosystem
+  /^https:\/\/www\.dropbox\.com\/home\/([^\/\?]+)/,
+  // Dropbox: https://www.dropbox.com/home?preview=Insomnia-All_2019-03-14.json -> Insomnia-All_2019-03-14.json
+  /^https:\/\/www\.dropbox\.com\/home\?(?:.*?&)?preview=([^&#]+)/,
+  // Dropbox: https://www.dropbox.com/preview/AI%20Contest -> AI Contest
+  /^https:\/\/www\.dropbox\.com\/preview\/([^&?]+)/,
+  // Dropbox: https://www.dropbox.com/s/votiehk00g4opif/xsociety00.dat?dl=0 -> xsociety00.dat
+  /^https:\/\/www\.dropbox\.com\/(?:s|sh|sc|t)\/[^\/]+\/([^\/\?]+)/,
+  // Figma: https://www.figma.com/slides/vW47To0dYPnT7jlrJdUd7h/Universal-Create-in-TwC?node-id=... -> Universal-Create-in-TwC
+  // Also supports: /file/, /design/, /board/, /proto/
+  /^https:\/\/(?:[\w.-]+\.)?figma\.com\/(?:design|board|file|proto|slides)\/[0-9a-zA-Z]{22,128}\/([^\/\?]+)/,
+  // OneDrive: https://1drv.ms/w/s!ABC123DEF456/Project_Plan.docx?e=abcdEF -> Project_Plan.docx
+  /^https:\/\/1drv\.ms\/[a-z]+\/s![^\/]+\/([^\/\?]+)/,
+  // Statsig: https://console.statsig.com/LqivKg6ADZZaGczRfBKfX/experiments/platform_inline_smartcard_connect_button_exp/results -> platform_inline_smartcard_connect_button_exp
+  /^https:\/\/console\.statsig\.com\/[^\/]+\/experiments\/([^\/\?]+)\//,
+  // Miro: https://miro.com/app/board/uXjVOPnT123=/my-board-name/ -> my-board-name
+  /^https:\/\/miro\.com\/app\/board\/[^\/]+\/([^\/\?]+)\/?/];
+
+  // Try each extractor pattern
+  for (const pattern of titleExtractors) {
+    const match = url.match(pattern);
+    if (match) {
+      const extracted = decodeURIComponent(match[1]);
+      if (extracted) {
+        return extracted;
+      }
+    }
+  }
+  try {
+    const {
+      pathname,
+      search
+    } = new URL(url);
+    if (pathname.length > 1) {
+      return pathname.substring(1);
+    } else {
+      return search;
+    }
+  } catch {
+    return url;
+  }
+};
+const NewUnauthorisedBlock = ({
+  actions,
+  children,
+  url,
+  CompetitorPrompt,
+  testId,
+  cardState
+}) => {
+  var _useFlexibleCardConte, _getExtensionKey, _data$preview;
+  const {
+    ui,
+    data
+  } = (_useFlexibleCardConte = useFlexibleCardContext()) !== null && _useFlexibleCardConte !== void 0 ? _useFlexibleCardConte : {
+    ui: undefined,
+    data: undefined
+  };
+  const hasActions = actions && actions.length > 0;
+  const actionGroup = hasActions ? /*#__PURE__*/React.createElement(ActionGroup, {
+    size: SmartLinkSize.Large,
+    items: actions
+  }) : null;
+  const competitorPrompt = CompetitorPrompt && data !== null && data !== void 0 && data.url && fg('prompt_whiteboard_competitor_link_gate') ? /*#__PURE__*/React.createElement(CompetitorPrompt, {
+    sourceUrl: data === null || data === void 0 ? void 0 : data.url,
+    linkType: 'card'
+  }) : null;
+  const title = /*#__PURE__*/React.createElement(Title, {
+    hideTooltip: false,
+    maxLines: 1,
+    theme: ui === null || ui === void 0 ? void 0 : ui.theme,
+    text: getBetterTitle(url),
+    className: ax(["_k48p1pd9 _syaz13af"])
+  });
+  const {
+    position
+  } = titleBlockOptions;
+  const extensionKey = (_getExtensionKey = getExtensionKey(cardState === null || cardState === void 0 ? void 0 : cardState.details)) !== null && _getExtensionKey !== void 0 ? _getExtensionKey : '';
+  let overrideUrl = data === null || data === void 0 ? void 0 : (_data$preview = data.preview) === null || _data$preview === void 0 ? void 0 : _data$preview.url;
+  let isHardcodedImage = !overrideUrl;
+  if (isHardcodedImage) {
+    switch (extensionKey) {
+      case 'figma-object-provider':
+        overrideUrl = unauthIllustrationFigma;
+        break;
+      case 'google-object-provider':
+        overrideUrl = unauthIllustrationGdrive;
+        break;
+      case 'onedrive-object-provider':
+        overrideUrl = unauthIllustrationOnedrive;
+        break;
+      case 'slack-object-provider':
+        overrideUrl = unauthIllustrationSlack;
+        break;
+      default:
+        overrideUrl = unauthIllustrationGeneral;
+        break;
+    }
+  }
+  return /*#__PURE__*/React.createElement(Block, _extends({}, titleBlockOptions, {
+    testId: `${testId}-errored-view`,
+    className: ax(["_7cca15wb _1f3816vg"])
+  }), /*#__PURE__*/React.createElement(ElementGroup, {
+    direction: SmartLinkDirection.Vertical,
+    width: SmartLinkWidth.Flexible,
+    size: SmartLinkSize.Medium,
+    className: ax(["_zulputpp"])
+  }, /*#__PURE__*/React.createElement(Block, null, /*#__PURE__*/React.createElement(LinkIcon, {
+    position: position,
+    size: SmartLinkSize.Medium,
+    isTiledIcon: true,
+    className: ax(["_vsqgglyw"])
+  }), /*#__PURE__*/React.createElement(ElementGroup, {
+    direction: SmartLinkDirection.Vertical,
+    width: SmartLinkWidth.Flexible,
+    size: SmartLinkSize.Large,
+    className: ax(["_zulpidpf"])
+  }, competitorPrompt ? /*#__PURE__*/React.createElement(Box, {
+    xcss: styles.titleBoxCard
+  }, title, competitorPrompt) : title, /*#__PURE__*/React.createElement(ElementGroup, {
+    size: SmartLinkSize.Medium,
+    direction: SmartLinkDirection.Horizontal
+  }, renderElementItems([{
+    name: ElementName.HostName
+  }])))), children, actionGroup), hasActions ? /*#__PURE__*/React.createElement("div", {
+    className: ax(["_1reo15vq _18m915vq _1bsb1o87 _1wpz1fhb _1dptglyw", isHardcodedImage && "_1bsbo60d"])
+  }, /*#__PURE__*/React.createElement("div", {
+    style: {
+      backgroundImage: `url(${overrideUrl})`
+    },
+    className: ax(["_kqswstnw _154iidpf _1xi2idpf _94n5idpf _4t3i1osq _1bsb1o87 _1lrw1f51 _ouxl1ssb _12vemgnk"])
+  })) : null);
+};
 
 /**
  * This view represents a Block card that has an 'Unauthorized' status .
@@ -52,12 +221,28 @@ const UnauthorisedView = ({
     }
   })), [isProductIntegrationSupported, onAuthorize, providerName, testId]);
   const actions = useMemo(() => onAuthorize ? [AuthorizeAction(handleAuthorize, providerName)] : [], [handleAuthorize, onAuthorize, providerName]);
-  return /*#__PURE__*/React.createElement(UnresolvedView, _extends({}, props, {
-    actions: actions,
-    testId: testId
-  }), /*#__PURE__*/React.createElement("div", {
-    "data-testid": `${testId}-content`,
-    className: ax(["_11c8dcr7 _syazi7uo _19pku2gc"])
-  }, content));
+  if (isNewBlockcardUnauthorizedRefreshExperimentEnabled(true)) {
+    return /*#__PURE__*/React.createElement(FlexibleCard, _extends({
+      appearance: "block",
+      onAuthorize: onAuthorize,
+      origin: "smartLinkCard",
+      testId: testId,
+      ui: FlexibleCardUiOptions
+    }, props), /*#__PURE__*/React.createElement(NewUnauthorisedBlock, _extends({}, props, {
+      actions: actions,
+      testId: testId
+    }), /*#__PURE__*/React.createElement("div", {
+      "data-testid": `${testId}-content`,
+      className: ax(["_11c82smr _syazi7uo _19pku2gc", actions.length > 0 && "_1reo15vq _18m915vq _otyrpxbi _p12f1osq _o5721q9c _1bto1l2s"])
+    }, content)));
+  } else {
+    return /*#__PURE__*/React.createElement(UnresolvedView, _extends({}, props, {
+      actions: actions,
+      testId: testId
+    }), /*#__PURE__*/React.createElement("div", {
+      "data-testid": `${testId}-content`,
+      className: ax(["_11c8dcr7 _syazi7uo _19pku2gc"])
+    }, content));
+  }
 };
 export default withFlexibleUIBlockCardStyle(UnauthorisedView);

package/dist/es2019/view/CardWithUrl/component.js

@@ -237,7 +237,7 @@ function Component({
     return /*#__PURE__*/React.createElement(FlexibleCard, {
       id: id,
       cardState: cardState,
-      placeholderData: fg('platform_initial_data_for_smart_cards') ? placeholderData : undefined,
+      placeholderData: placeholderData,
       onAuthorize: services.length && handleAuthorize || undefined,
       onClick: handleClickWrapper,
       origin: "smartLinkCard",
@@ -554,7 +554,7 @@ function ComponentUpdated({
     return /*#__PURE__*/React.createElement(FlexibleCard, {
       id: id,
       cardState: cardState,
-      placeholderData: fg('platform_initial_data_for_smart_cards') ? placeholderData : undefined,
+      placeholderData: placeholderData,
       onAuthorize: services.length && handleAuthorize || undefined,
       onClick: handleClickWrapper,
       origin: "smartLinkCard",

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

@@ -45,7 +45,8 @@ export const ElementDisplaySchema = {
   [ElementName.Title]: ['inline'],
   [ElementName.UserAttributes]: ['inline'],
   [ElementName.ViewCount]: ['inline'],
-  [ElementName.VoteCount]: ['inline']
+  [ElementName.VoteCount]: ['inline'],
+  [ElementName.HostName]: ['inline']
 };
 
 /**

package/dist/es2019/view/FlexibleCard/components/elements/common/base-icon-element/index.js

@@ -8,8 +8,10 @@ import { ax, ix } from "@compiled/react/runtime";
 import { useMemo } from 'react';
 import LinkIcon from '@atlaskit/icon/core/migration/link';
 import { Box } from '@atlaskit/primitives/compiled';
+import Tile from '@atlaskit/tile';
 import { SmartLinkPosition, SmartLinkSize } from '../../../../../../constants';
 import { isProfileType } from '../../../../../../utils';
+import { isNewBlockcardUnauthorizedRefreshExperimentEnabled } from '../../../../../../utils/experiments';
 import AtlaskitIcon from '../../../common/atlaskit-icon';
 import ImageIcon from '../../../common/image-icon';
 import { getIconWidth } from '../../../utils';
@@ -77,7 +79,8 @@ const IconElement = ({
   testId = 'smart-element-icon',
   url,
   appearance = 'square',
-  hideLoadingSkeleton
+  hideLoadingSkeleton,
+  isTiledIcon
 }) => {
   const element = useMemo(() => {
     const defaultIcon = renderDefaultIcon(label, testId);
@@ -91,7 +94,10 @@ const IconElement = ({
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop
     ,
     className: ax([styles.container, positionStyleMap[position], render && customRenderStyleMap[size], className])
-  }, /*#__PURE__*/React.createElement(Box, {
+  }, isTiledIcon && isNewBlockcardUnauthorizedRefreshExperimentEnabled() ? /*#__PURE__*/React.createElement(Tile, {
+    size: size,
+    label: label
+  }, element) : /*#__PURE__*/React.createElement(Box, {
     xcss: styles.iconWrapperStyle,
     style: {
       width,

package/dist/es2019/view/FlexibleCard/components/elements/common/base-link-element/index.js

@@ -9,6 +9,7 @@ import React, { useMemo } from 'react';
 import Tooltip from '@atlaskit/tooltip';
 import { SmartLinkSize, SmartLinkTheme } from '../../../../../../constants';
 import { useMouseDownEvent } from '../../../../../../state/analytics/useLinkClicked';
+import { isNewBlockcardUnauthorizedRefreshExperimentEnabled } from '../../../../../../utils/experiments';
 import { hasWhiteSpace } from '../../../utils';
 const DEFAULT_MAX_LINES = 2;
 const MAXIMUM_MAX_LINES = 2;
@@ -102,7 +103,7 @@ const BaseLinkElement = ({
   }), text);
   return /*#__PURE__*/React.createElement("span", {
     className: ax(["_16jlkb7n _1o9zkb7n _i0dl1wug"])
-  }, hideTooltip || text === undefined ? anchor : withTooltip(anchor, text, testId));
+  }, hideTooltip || text === undefined ? anchor : withTooltip(anchor, url !== null && url !== void 0 && url.includes(text) && isNewBlockcardUnauthorizedRefreshExperimentEnabled() ? url : text, testId));
 };
 export default BaseLinkElement;
 export const toLinkProps = (text, url) => {

package/dist/es2019/view/FlexibleCard/components/elements/host-name-element/index.js

@@ -0,0 +1,16 @@
+import _extends from "@babel/runtime/helpers/extends";
+import React from 'react';
+import { ElementName } from '../../../../../constants';
+import { useFlexibleCardContext } from '../../../../../state/flexible-ui-context';
+import { BaseTextElement } from '../common';
+const HostNameElement = props => {
+  var _context$data;
+  const context = useFlexibleCardContext();
+  const hostName = context === null || context === void 0 ? void 0 : (_context$data = context.data) === null || _context$data === void 0 ? void 0 : _context$data.hostName;
+  return hostName ? /*#__PURE__*/React.createElement(BaseTextElement, _extends({
+    content: hostName
+  }, props, {
+    name: ElementName.HostName
+  })) : null;
+};
+export default HostNameElement;

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

@@ -32,6 +32,7 @@ export { default as TargetBranch } from './target-branch-element';
 export { default as TeamMemberCount } from './team-member-count-element';
 export { default as Title } from './title-element';
 export { default as UserAttributes } from './user-attributes-element';
+export { default as HostName } from './host-name-element';
 export { default as ViewCount } from './view-count-element';
 export { default as VoteCount } from './vote-count-element';
 export { default as AppliedToComponentsCount } from './applied-to-components-count-element';

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

@@ -55,8 +55,8 @@ const FlexibleCard = ({
 
   // if we have placeholder state it means we can internally use it
   // as temporary resolved data until the actual data comes back as one of the final statuses
-  const placeholderCardState = useMemo(() => PENDING_LINK_STATUSES.includes(status) && placeholderData && fg('platform_initial_data_for_smart_cards') ? extractPlaceHolderCardState(placeholderData) : undefined, [placeholderData, status]);
-  const placeHolderStatus = placeholderCardState === null || placeholderCardState === void 0 ? void 0 : placeholderCardState.status;
+  const placeholderCardState = useMemo(() => PENDING_LINK_STATUSES.includes(status) && placeholderData && extractPlaceHolderCardState(placeholderData), [placeholderData, status]);
+  const placeHolderStatus = placeholderCardState ? placeholderCardState.status : undefined;
   const context = useMemo(() => getContextByStatus({
     aiSummaryConfig,
     appearance,
@@ -76,7 +76,7 @@ const FlexibleCard = ({
   }), [aiSummaryConfig, appearance, actionOptions, details, id, isPreviewPanelAvailable, onAuthorize, onClick, openPreviewPanel, origin, placeholderCardState, placeHolderStatus, renderers, resolve, status, url, fireEvent]);
   const flexibleCardContext = useMemo(() => ({
     data: context,
-    status: fg('platform_initial_data_for_smart_cards') ? placeHolderStatus !== null && placeHolderStatus !== void 0 ? placeHolderStatus : status : status,
+    status: placeHolderStatus !== null && placeHolderStatus !== void 0 ? placeHolderStatus : status,
     ui
   }), [context, placeHolderStatus, status, ui]);
   const {

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

@@ -7,8 +7,10 @@ import extractLinkTitle from '../../extractors/flexible/extract-link-title';
 import { extractSmartLinkPreviewImage } from '../../extractors/flexible/extract-preview';
 import { extractErrorIcon } from '../../extractors/flexible/icon';
 import { extractSmartLinkProviderIcon } from '../../extractors/flexible/icon/extract-provider-icon';
+import { extractHostName } from '../../extractors/flexible/utils';
 import { messages } from '../../messages';
 import { handleOnClick } from '../../utils';
+import { isNewBlockcardUnauthorizedRefreshExperimentEnabled } from '../../utils/experiments';
 import { getForbiddenJsonLd } from '../../utils/jsonld';
 export const getContextByStatus = params => {
   var _response$meta, _response$meta$reques;
@@ -44,7 +46,10 @@ export const getContextByStatus = params => {
         },
         meta: {
           accessType: response === null || response === void 0 ? void 0 : (_response$meta = response.meta) === null || _response$meta === void 0 ? void 0 : (_response$meta$reques = _response$meta.requestAccess) === null || _response$meta$reques === void 0 ? void 0 : _response$meta$reques.accessType
-        }
+        },
+        ...(isNewBlockcardUnauthorizedRefreshExperimentEnabled() && {
+          hostName: extractHostName(response)
+        })
       };
   }
 };

package/dist/es2019/view/LinkUrl/index.js

@@ -12,7 +12,7 @@ import LinkWarningModal from './LinkWarningModal';
 import { useLinkWarningModal } from './LinkWarningModal/hooks/use-link-warning-modal';
 const PACKAGE_DATA = {
   packageName: "@atlaskit/smart-card",
-  packageVersion: "0.0.0-development",
+  packageVersion: "43.12.3",
   componentName: 'linkUrl'
 };
 const Anchor = withLinkClickedEvent('a');

package/dist/es2019/view/common/UnauthorisedViewContent.js

@@ -6,6 +6,7 @@ import { Anchor } from '@atlaskit/primitives/compiled';
 import { useAnalyticsEvents } from '../../common/analytics/generated/use-analytics-events';
 import { CONTENT_URL_3P_ACCOUNT_AUTH, CONTENT_URL_SECURITY_AND_PERMISSIONS } from '../../constants';
 import { messages } from '../../messages';
+import { isNewBlockcardUnauthorizedRefreshExperimentEnabled } from '../../utils/experiments';
 /**
  * This component is used in unauthorized views of a smart link.
  * It represents the main text that provides a user with information on how to connect their account
@@ -22,12 +23,12 @@ const UnauthorisedViewContent = ({
     fireEvent('ui.button.clicked.learnMore', {});
   }, [fireEvent]);
   const learnMoreMessage = isProductIntegrationSupported ? fg('product-terminology-refresh') ? messages.learn_more_about_connecting_account_appify : messages.learn_more_about_connecting_account : messages.learn_more_about_smart_links;
-  const unauthorizedAccountDescriptionMessage = fg('product-terminology-refresh') ? messages.connect_unauthorised_account_description_appify : messages.connect_unauthorised_account_description;
+  const unauthorizedAccountDescriptionMessage = isNewBlockcardUnauthorizedRefreshExperimentEnabled() ? messages.learn_more_about_connecting_account_experiment_shorter : fg('product-terminology-refresh') ? messages.connect_unauthorised_account_description_appify : messages.connect_unauthorised_account_description;
   return /*#__PURE__*/React.createElement(React.Fragment, null, providerName ? /*#__PURE__*/React.createElement(FormattedMessage, _extends({}, unauthorizedAccountDescriptionMessage, {
     values: {
       context: providerName
     }
-  })) : /*#__PURE__*/React.createElement(FormattedMessage, fg('product-terminology-refresh') ? messages.connect_unauthorised_account_description_no_provider_appify : messages.connect_unauthorised_account_description_no_provider), ' ', /*#__PURE__*/React.createElement(Anchor, {
+  })) : /*#__PURE__*/React.createElement(FormattedMessage, fg('product-terminology-refresh') ? messages.connect_unauthorised_account_description_no_provider_appify : messages.connect_unauthorised_account_description_no_provider), isNewBlockcardUnauthorizedRefreshExperimentEnabled() ? /*#__PURE__*/React.createElement("br", null) : ' ', /*#__PURE__*/React.createElement(Anchor, {
     href: isProductIntegrationSupported ? CONTENT_URL_3P_ACCOUNT_AUTH : CONTENT_URL_SECURITY_AND_PERMISSIONS,
     target: "_blank",
     testId: `${testId}-learn-more`,

package/dist/esm/__tests__/informational-vr-tests/__snapshots__/flexible-card/flexible-ui-element-lozenge-dropdown---errored--default.png

@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:785c71552a85cb8b517c19cd48057e06128840309277322d02d6909b787ca535
+size 16824

package/dist/esm/__tests__/informational-vr-tests/__snapshots__/flexible-card/flexible-ui-element-lozenge-dropdown---options--default.png

@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:437f728d6eca44516cdc9be5617bad20edb18e49d272da917839672b0fb47050
+size 13304

package/dist/esm/__tests__/informational-vr-tests/__snapshots__/related-links/resolved---hover-state--light-mode.png

@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:c2808ad51cded0d5e8b226acca6296ffec9f3eae7a748714d6c557a46ef99bbe
+size 38410

package/dist/esm/__tests__/informational-vr-tests/__snapshots__/related-links/resolved---selected-state--light-mode.png

@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:312543dbf7d25a3c1c4d8a9afa0b33ae663c6997271da4f90fd9f35fc1fa26f7
+size 37991

package/dist/esm/__tests__/vr-tests/__snapshots__/action-lozenge/action-item--default.png

@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:29e5f9fed2ecc2b23e3529020daff42261345dea34916e5f77f9a102a38c1c81
+size 1342

package/dist/esm/__tests__/vr-tests/__snapshots__/action-lozenge/action-items-group--default.png

@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:18388f3b30114752f0f8ebe575ba14459a088b11d22bfc451a1d2ad655efd624
+size 6833

package/dist/esm/__tests__/vr-tests/__snapshots__/action-lozenge/action-trigger--default.png

@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:d634305d5090e7b1f993aee0a5e20d3336e0e02370f447a1819e387764d9a4ef
+size 1895

package/dist/esm/__tests__/vr-tests/__snapshots__/action-lozenge/error-action--default.png

@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:d5dc8cf42b5deb0f875446058b0b9ac17d1e397a406a7c4b9caf28c7659bf585
+size 4797

package/dist/esm/__tests__/vr-tests/__snapshots__/action-lozenge/error-action-with-url--default.png

@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:32e2ed9db77d30ea8388d8c13cb992651b98fac0fdbd6ea221ae8d0730718b87
+size 6500

package/dist/esm/__tests__/vr-tests/__snapshots__/block-card/block-card-atlas--default--platform-linking-enable-avatar-data-separator-false.png

@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:c156c8b9cf22e575024155e638d0f61751d992e799e51eb16ecea325398687cf
+size 49624

package/dist/esm/__tests__/vr-tests/__snapshots__/block-card/block-card-atlas--default--platform-linking-enable-avatar-data-separator-true.png

@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:55ce7debd108e376e732b5571753f66c6ec4da0ebe971dadfc7f32314a47c4d9
+size 49928

package/dist/esm/__tests__/vr-tests/__snapshots__/block-card/block-card-bitbucket--default--platform-linking-enable-avatar-data-separator-false.png

@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:6e9484e4de46106c97a06e8a210f11cac341e266d5f057d083218942522867c0
+size 117473

package/dist/esm/__tests__/vr-tests/__snapshots__/block-card/block-card-bitbucket--default--platform-linking-enable-avatar-data-separator-true.png

@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:33dd2de530471bd814c2b3417a5b83ac221dadb4f2eefd62d4a93993ed270f49
+size 117577

package/dist/esm/__tests__/vr-tests/__snapshots__/block-card/block-card-confluence--default--platform-linking-enable-avatar-data-separator-false-navx-1895-new-logo-design-false.png

@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:aeb34c30de161a768ce506299d0daceba14d5e09c23eb8a919ed47b54687854e
+size 37584

package/dist/esm/__tests__/vr-tests/__snapshots__/block-card/block-card-confluence--default--platform-linking-enable-avatar-data-separator-false-navx-1895-new-logo-design-true.png

@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:4e4dff5732ec714ee9b393621040fb04708ed35672f8a432cfa484ff3258351f
+size 37744

package/dist/esm/__tests__/vr-tests/__snapshots__/block-card/block-card-confluence--default--platform-linking-enable-avatar-data-separator-true-navx-1895-new-logo-design-false.png

@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:860e17988ba03a5c96d3123f4bf26157fb9a2319b2653ac5d97b19d2af98361a
+size 37847

package/dist/esm/__tests__/vr-tests/__snapshots__/block-card/block-card-confluence--default--platform-linking-enable-avatar-data-separator-true-navx-1895-new-logo-design-true.png

@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:465c4c638afd25d852ec4d56b2e76c994fd01dacf45dbf3f6c0a0dc0edfff35a
+size 38006

package/dist/esm/__tests__/vr-tests/__snapshots__/block-card/block-card-error-view---linking-refresh-only--default.png

@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:d9d53cae6d70c069abaf3bc0152bef1b665e26904a5c7484b56c8e5fbaeb8333
+size 7342

package/dist/esm/__tests__/vr-tests/__snapshots__/block-card/block-card-error-view-with-design-refresh-ff--default.png

@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:d9d53cae6d70c069abaf3bc0152bef1b665e26904a5c7484b56c8e5fbaeb8333
+size 7342

package/dist/esm/__tests__/vr-tests/__snapshots__/block-card/block-card-errored-title-block-competitor-prompt--default--prompt-whiteboard-competitor-link-gate-false.png

@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:1ec972745f27875e199b0291dddc4fc23fee5f6eab551df5db27d7a573e54f52
+size 6228

package/dist/esm/__tests__/vr-tests/__snapshots__/block-card/block-card-errored-title-block-competitor-prompt--default--prompt-whiteboard-competitor-link-gate-true.png

@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:28c1ab22700a6c04b560212ac0a3ff5f7cfca2e207bab53397452203153db935
+size 6671

package/dist/esm/__tests__/vr-tests/__snapshots__/block-card/block-card-forbidden-view---linking-refresh-only--default.png

@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:3e6b529b8c22a873c15e83038ef414f6d6e56eb045851a7a98b399e3809ff2e7
+size 11554

package/dist/esm/__tests__/vr-tests/__snapshots__/block-card/block-card-forbidden-view--default.png

@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:3e6b529b8c22a873c15e83038ef414f6d6e56eb045851a7a98b399e3809ff2e7
+size 11554

package/dist/esm/__tests__/vr-tests/__snapshots__/block-card/block-card-forbidden-view-with-design-refresh-ff--default.png

@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:3e6b529b8c22a873c15e83038ef414f6d6e56eb045851a7a98b399e3809ff2e7
+size 11554

package/dist/esm/__tests__/vr-tests/__snapshots__/block-card/block-card-forbidden-views--default--navx-1895-new-logo-design-false.png

@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:b33d3d12c5ce4bf40be5aa8ca59fa88574e8203cf23027da00bf5767e8e81444
+size 203345

package/dist/esm/__tests__/vr-tests/__snapshots__/block-card/block-card-forbidden-views--default--navx-1895-new-logo-design-true.png

@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:741fd9c5324879339eff2f35a2c10b713ce0db0527347eb539b625b14625be0b
+size 203806

package/dist/esm/__tests__/vr-tests/__snapshots__/block-card/block-card-jira--default--platform-linking-enable-avatar-data-separator-false-navx-1895-new-logo-design-false.png

@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:c21a2a5e6fc2089b642073711d476475259e90d84412a7a4c685b3ba82483f62
+size 55931

package/dist/esm/__tests__/vr-tests/__snapshots__/block-card/block-card-jira--default--platform-linking-enable-avatar-data-separator-false-navx-1895-new-logo-design-true.png

@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:725f4444d8874ad2be2fb191ee3400e9aba0c9513929d1866a542ee7bdb615ab
+size 56311

package/dist/esm/__tests__/vr-tests/__snapshots__/block-card/block-card-jira--default--platform-linking-enable-avatar-data-separator-true-navx-1895-new-logo-design-false.png

@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:a5935ef160da45f9f1c8a53317ce32aa19f33d78c92a5dc4c151f1712d1b7e71
+size 55979

package/dist/esm/__tests__/vr-tests/__snapshots__/block-card/block-card-jira--default--platform-linking-enable-avatar-data-separator-true-navx-1895-new-logo-design-true.png

@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:b7b6349d68ba4d5a18b56dc38bd400e965409d06aae103e9586a6250c03097d4
+size 56360

package/dist/esm/__tests__/vr-tests/__snapshots__/block-card/block-card-not-found-site-access-exists--default.png

@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:0662feb3d32c236dbf23a83771f343c2f5ee7a0deced3b45a0a658297dafee0a
+size 10182

package/dist/esm/__tests__/vr-tests/__snapshots__/block-card/block-card-not-found-view---linking-refresh-only--default.png

@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:6ddb806d3166f6aec57807040d85ad6773d90c9f070ccc91fc04e98f2f7df61c
+size 11662

package/dist/esm/__tests__/vr-tests/__snapshots__/block-card/block-card-not-found-view-with-design-refresh-ff--default.png

@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:6ddb806d3166f6aec57807040d85ad6773d90c9f070ccc91fc04e98f2f7df61c
+size 11662

package/dist/esm/__tests__/vr-tests/__snapshots__/block-card/block-card-trello--default--platform-linking-enable-avatar-data-separator-false.png

@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:feee7e411f3b9541cde028cac9425236731077d9dd95e3c24e0a1f51e4535dbc
+size 44804

package/dist/esm/__tests__/vr-tests/__snapshots__/block-card/block-card-trello--default--platform-linking-enable-avatar-data-separator-true.png

@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:feee7e411f3b9541cde028cac9425236731077d9dd95e3c24e0a1f51e4535dbc
+size 44804

package/dist/esm/__tests__/vr-tests/__snapshots__/block-card/block-card-unauthorised-view--default.png

@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:bbeee38e9b1bccbdfb3a356f23dbc03168cd336ed1d3706ff5f8969758f13fae
+size 14685

package/dist/esm/__tests__/vr-tests/__snapshots__/block-card/block-card-unauthorised-view-with-experiment--default--platform-sl-3p-unauth-paste-as-block-card-card-by-default-and-new-design.png

@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:4632d8e46e2c1098957e1e9869142de79111c6ad108b05b026c5c0581e7cffce
+size 108106

package/dist/esm/__tests__/vr-tests/__snapshots__/block-card/block-card-unauthorised-view-with-experiment--default--platform-sl-3p-unauth-paste-as-block-card-card-by-default-only.png

@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:73e28a19f9f29bd26dcc41c8e5df2986e6ef990f9dc9ab9ce45c8ea6110dda3e
+size 106984