@atlaskit/smart-card 43.12.2 → 43.13.0

package/dist/esm/__tests__/vr-tests/__snapshots__/standalone-hover-card/standalone-hover-card-forbidden-view-with-access-exists-context-and-visibility-not-found-for-jira--default.png

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

package/dist/esm/__tests__/vr-tests/__snapshots__/standalone-hover-card/standalone-hover-card-forbidden-view-with-access-exists-context-and-visibility-restricted-for-jira--default.png

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

package/dist/esm/__tests__/vr-tests/__snapshots__/standalone-hover-card/standalone-hover-card-forbidden-view-with-denied-request-exists-context-for-jira--default.png

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

package/dist/esm/__tests__/vr-tests/__snapshots__/standalone-hover-card/standalone-hover-card-forbidden-view-with-direct-access-context-for-jira--default.png

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

package/dist/esm/__tests__/vr-tests/__snapshots__/standalone-hover-card/standalone-hover-card-forbidden-view-with-forbidden-context-for-jira--default.png

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

package/dist/esm/__tests__/vr-tests/__snapshots__/standalone-hover-card/standalone-hover-card-forbidden-view-with-pending-request-exists-context-for-jira--default.png

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

package/dist/esm/__tests__/vr-tests/__snapshots__/standalone-hover-card/standalone-hover-card-forbidden-view-with-request-access-context-for-jira--default.png

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

package/dist/esm/__tests__/vr-tests/__snapshots__/standalone-hover-card/standalone-hover-card-with-image-preview--default.png

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

package/dist/esm/constants.js

@@ -143,6 +143,7 @@ export var ElementName = /*#__PURE__*/function (ElementName) {
   ElementName["ViewCount"] = "ViewCount";
   ElementName["VoteCount"] = "VoteCount";
   ElementName["SentOn"] = "SentOn";
+  ElementName["HostName"] = "HostName";
   return ElementName;
 }({});
 

package/dist/esm/extractors/flexible/index.js

@@ -1,10 +1,11 @@
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-var _excluded = ["appearance", "fireEvent", "id", "onClick", "origin", "renderers", "resolve", "actionOptions", "response", "status", "aiSummaryConfig", "isPreviewPanelAvailable", "openPreviewPanel"];
+var _excluded = ["appearance", "fireEvent", "id", "onClick", "origin", "resolve", "actionOptions", "response", "status", "aiSummaryConfig", "isPreviewPanelAvailable", "openPreviewPanel"];
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 import { extractPersonOwnedBy, extractSmartLinkAri, extractSmartLinkAuthorGroup, extractSmartLinkCreatedBy, extractSmartLinkCreatedOn, extractSmartLinkModifiedBy, extractSmartLinkModifiedOn, extractSmartLinkUrl, extractType } from '@atlaskit/link-extractors';
 import { fg } from '@atlaskit/platform-feature-flags';
+import { isNewBlockcardUnauthorizedRefreshExperimentEnabled } from '../../utils/experiments';
 import { extractSmartLinkSummary } from '../common/primitives/extractSummary';
 import { extractFlexibleCardActions } from './actions';
 import { extractPersonsUpdatedBy } from './collaboratorGroup';
@@ -15,7 +16,7 @@ import extractState from './extract-state';
 import { extractSmartLinkIcon } from './icon';
 import { extractSmartLinkProviderIcon } from './icon/extract-provider-icon';
 import { extractLatestCommit } from './latest-commit';
-import { extractAppliedToComponentsCount, extractAssignedTo, extractAttachmentCount, extractChecklistProgress, extractDueOn, extractLocation, extractMetaObjectId, extractMetaResourceType, extractMetaTenantId, extractOwnedBy, extractPersonAssignedToAsArray, extractProgrammingLanguage, extractReadTime, extractSmartLinkCommentCount, extractSmartLinkReactCount, extractSmartLinkSentOn, extractSourceBranch, extractStoryPoints, extractSubscriberCount, extractSubTasksProgress, extractTargetBranch, extractTeamMemberCount, extractUserAttributes, extractViewCount, extractVoteCount } from './utils';
+import { extractAppliedToComponentsCount, extractAssignedTo, extractAttachmentCount, extractChecklistProgress, extractDueOn, extractHostName, extractLocation, extractMetaObjectId, extractMetaResourceType, extractMetaTenantId, extractOwnedBy, extractPersonAssignedToAsArray, extractProgrammingLanguage, extractReadTime, extractSmartLinkCommentCount, extractSmartLinkReactCount, extractSmartLinkSentOn, extractSourceBranch, extractStoryPoints, extractSubscriberCount, extractSubTasksProgress, extractTargetBranch, extractTeamMemberCount, extractUserAttributes, extractViewCount, extractVoteCount } from './utils';
 var extractFlexibleUiContext = function extractFlexibleUiContext() {
   var _ref = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
   var appearance = _ref.appearance,
@@ -23,7 +24,6 @@ var extractFlexibleUiContext = function extractFlexibleUiContext() {
     id = _ref.id,
     onClick = _ref.onClick,
     origin = _ref.origin,
-    renderers = _ref.renderers,
     resolve = _ref.resolve,
     actionOptions = _ref.actionOptions,
     response = _ref.response,
@@ -101,6 +101,8 @@ var extractFlexibleUiContext = function extractFlexibleUiContext() {
       resourceType: extractMetaResourceType(meta),
       tenantId: extractMetaTenantId(meta)
     }
+  }, isNewBlockcardUnauthorizedRefreshExperimentEnabled() && {
+    hostName: extractHostName(response)
   });
 };
 export default extractFlexibleUiContext;

package/dist/esm/extractors/flexible/utils.js

@@ -1,5 +1,5 @@
 import _typeof from "@babel/runtime/helpers/typeof";
-import { extractEntity, extractPersonAssignedTo, extractPersonCreatedBy, extractPersonOwnedBy, extractPersonUpdatedBy, isEntityPresent } from '@atlaskit/link-extractors';
+import { extractEntity, extractPersonAssignedTo, extractPersonCreatedBy, extractPersonOwnedBy, extractPersonUpdatedBy, extractSmartLinkUrl, isEntityPresent } from '@atlaskit/link-extractors';
 var extractLinkName = function extractLinkName(link) {
   if (link && _typeof(link) === 'object' && link['@type'] === 'Link') {
     return link.name;
@@ -157,4 +157,13 @@ export var extractMetaResourceType = function extractMetaResourceType(meta) {
 };
 export var extractMetaTenantId = function extractMetaTenantId(meta) {
   return meta.tenantId;
+};
+export var extractHostName = function extractHostName(response) {
+  try {
+    var url = extractSmartLinkUrl(response);
+    var hostName = url ? new URL(url).hostname : undefined;
+    return hostName;
+  } catch (_unused) {
+    return undefined;
+  }
 };

package/dist/esm/messages.js

@@ -179,31 +179,6 @@ export var messages = defineMessages({
     defaultMessage: 'Connect your account to collaborate on work across Atlassian products.',
     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 and we do not have the providers name.'
   },
-  experiment_connect_unauthorised_account_action: {
-    id: 'fabric.linking.experiment_connect_unauthorised_account_action.non-final',
-    defaultMessage: 'Connect {context}',
-    description: 'Shown on a button to connect user external account to their Atlassian account.'
-  },
-  experiment_connect_link_account_card_name_title: {
-    id: 'fabric.linking.experiment_connect_link_account_card_name.non-final',
-    defaultMessage: 'Get more out of {context}',
-    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.'
-  },
-  experiment_connect_hovercard_description_1: {
-    id: 'fabric.linking.experiment_connect_hovercard_description_1.non-final',
-    defaultMessage: 'Connect your {context} account to turn simple URLs into rich, interactive previews, making it easier to collaborate and stay in context.',
-    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. (experiment test 1)'
-  },
-  experiment_connect_hovercard_description_2: {
-    id: 'fabric.linking.experiment_connect_hovercard_description_2.non-final',
-    defaultMessage: 'Connect your {context} account to turn simple URLs into rich, interactive previews and unlock more AI experiences, making it easier to collaborate and stay in context.',
-    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. (experiment test 2)'
-  },
-  experiment_connect_hovercard_description_3: {
-    id: 'fabric.linking.experiment_connect_hovercard_description_3.non-final',
-    defaultMessage: 'Transform ordinary URLs into rich, interactive previews of your {context} content, and unlock enhanced AI-powered features within your Atlassian apps.',
-    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. (experiment test 3)'
-  },
   continue: {
     id: 'fabric.linking.continue',
     defaultMessage: 'Continue',
@@ -349,11 +324,6 @@ export var messages = defineMessages({
     defaultMessage: 'Learn more about Smart Links.',
     description: 'An anchor link to redirect user to a page about Smart Links.'
   },
-  experiment_learn_more_about_smart_links: {
-    id: 'fabric.linking.experiment_learn_more_about_smart_links.non-final',
-    defaultMessage: 'Learn more about smart link security and permissions.',
-    description: 'An anchor link to redirect user to a page about Smart Links.'
-  },
   learn_more_about_connecting_account: {
     id: 'fabric.linking.learn_more_about_connecting_account',
     defaultMessage: 'Learn more about connecting your account to Atlassian products.',
@@ -853,5 +823,10 @@ export var messages = defineMessages({
     id: 'fabric.linking.learn_more_about_connecting_account-appify',
     defaultMessage: 'Learn more about connecting your account to Atlassian apps.',
     description: 'An anchor link to redirect user to a page about authorization with 3rd party accounts.'
+  },
+  learn_more_about_connecting_account_experiment_shorter: {
+    id: 'fabric.linking.learn_more_about_connecting_account_experiment_short',
+    defaultMessage: 'Turn your URLs into rich, interactive previews.',
+    description: 'An anchor link to redirect user to a page about authorization with 3rd party accounts.'
   }
 });

package/dist/esm/utils/analytics/analytics.js

@@ -4,7 +4,7 @@ export var ANALYTICS_CHANNEL = 'media';
 export var context = {
   componentName: 'smart-cards',
   packageName: "@atlaskit/smart-card",
-  packageVersion: "0.0.0-development"
+  packageVersion: "43.12.3"
 };
 export var TrackQuickActionType = /*#__PURE__*/function (TrackQuickActionType) {
   TrackQuickActionType["StatusUpdate"] = "StatusUpdate";

package/dist/esm/utils/experiments.js

@@ -0,0 +1,10 @@
+import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
+import { expValEqualsNoExposure } from '@atlaskit/tmp-editor-statsig/exp-val-equals-no-exposure';
+export var isNewBlockcardUnauthorizedRefreshExperimentEnabled = function isNewBlockcardUnauthorizedRefreshExperimentEnabled() {
+  var fireExperimentExposure = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : false;
+  if (fireExperimentExposure) {
+    return expValEquals('platform_sl_3p_unauth_paste_as_block_card', 'cohort', 'card_by_default_and_new_design', 'control');
+  } else {
+    return expValEqualsNoExposure('platform_sl_3p_unauth_paste_as_block_card', 'cohort', 'card_by_default_and_new_design', 'control');
+  }
+};

package/dist/esm/view/BlockCard/views/UnauthorisedView.compiled.css

@@ -1,3 +1,33 @@
+._11c82smr{font:var(--ds-font-body,normal 400 14px/20px ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Ubuntu,"Helvetica Neue",sans-serif)}
 ._11c8dcr7{font:var(--ds-font-body-UNSAFE_small,normal 400 9pt/1pc ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Ubuntu,"Helvetica Neue",sans-serif)}
+._zulpidpf{gap:0}
+._zulputpp{gap:var(--ds-space-150,9pt)}
+._12vemgnk{background-repeat:no-repeat}
+._154iidpf{top:0}
+._18m915vq{overflow-y:hidden}
 ._19pku2gc{margin-top:var(--ds-space-100,8px)}
-._syazi7uo{color:var(--ds-text,#292a2e)}
+._1bsb1o87{width:min(20pc,55%)}
+._1bsb1osq{width:100%}
+._1bsbo60d{width:calc(min(20pc, 55%) - 45px)}
+._1bto1l2s{text-overflow:ellipsis}
+._1e0c1txw{display:flex}
+._1f3816vg{container-name:my-card}
+._1lrw1f51{background-size:contain}
+._1reo15vq{overflow-x:hidden}
+._1wpz1fhb{align-self:stretch}
+._1xi2idpf{right:0}
+._2lx2vrvc{flex-direction:row}
+._4cvr1h6o{align-items:center}
+._4t3i1osq{height:100%}
+._7cca15wb{container-type:inline-size}
+._94n5idpf{bottom:0}
+._k48p1pd9{font-weight:var(--ds-font-weight-semibold,600)}
+._kqswstnw{position:absolute}
+._o5721q9c{white-space:nowrap}
+._otyrpxbi{margin-bottom:var(--ds-space-200,1pc)}
+._ouxl1ssb{background-position:50%}
+._p12f1osq{max-width:100%}
+._syaz13af{color:var(--ds-link,#1868db)}
+._syazi7uo{color:var(--ds-text,#292a2e)}
+@container my-card (max-width: 150px){._vsqgglyw{display:none}}
+@container my-card (max-width: 370px){._1dptglyw{display:none}}

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

@@ -1,6 +1,6 @@
 /* UnauthorisedView.tsx generated by @compiled/babel-plugin v0.38.1 */
-import _extends from "@babel/runtime/helpers/extends";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
+import _extends from "@babel/runtime/helpers/extends";
 var _excluded = ["testId"];
 import "./UnauthorisedView.compiled.css";
 import * as React from 'react';
@@ -8,14 +8,179 @@ 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';
 var contentStyles = null;
+var newContentStyles = null;
+var contentAdditionalStyles = null;
+var newTitleBlockStyles = null;
+var intermediumGapStyles = null;
+var titleBlockStyles = null;
+var previewBlockStyle = null;
+var previewBlockStyleWithOverlap = null;
+var linkIconStyles = null;
+var containerStyles = null;
+var previewBlockImageStyle = null;
+var styles = {
+  titleBoxCard: "_1e0c1txw _2lx2vrvc _4cvr1h6o _1bsb1osq"
+};
+var getBetterTitle = function 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
+  var 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 (var _i = 0, _titleExtractors = titleExtractors; _i < _titleExtractors.length; _i++) {
+    var pattern = _titleExtractors[_i];
+    var match = url.match(pattern);
+    if (match) {
+      var extracted = decodeURIComponent(match[1]);
+      if (extracted) {
+        return extracted;
+      }
+    }
+  }
+  try {
+    var _URL = new URL(url),
+      pathname = _URL.pathname,
+      search = _URL.search;
+    if (pathname.length > 1) {
+      return pathname.substring(1);
+    } else {
+      return search;
+    }
+  } catch (_unused) {
+    return url;
+  }
+};
+var NewUnauthorisedBlock = function NewUnauthorisedBlock(_ref) {
+  var _useFlexibleCardConte, _getExtensionKey, _data$preview;
+  var actions = _ref.actions,
+    children = _ref.children,
+    url = _ref.url,
+    CompetitorPrompt = _ref.CompetitorPrompt,
+    testId = _ref.testId,
+    cardState = _ref.cardState;
+  var _ref2 = (_useFlexibleCardConte = useFlexibleCardContext()) !== null && _useFlexibleCardConte !== void 0 ? _useFlexibleCardConte : {
+      ui: undefined,
+      data: undefined
+    },
+    ui = _ref2.ui,
+    data = _ref2.data;
+  var hasActions = actions && actions.length > 0;
+  var actionGroup = hasActions ? /*#__PURE__*/React.createElement(ActionGroup, {
+    size: SmartLinkSize.Large,
+    items: actions
+  }) : null;
+  var 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;
+  var 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"])
+  });
+  var position = titleBlockOptions.position;
+  var extensionKey = (_getExtensionKey = getExtensionKey(cardState === null || cardState === void 0 ? void 0 : cardState.details)) !== null && _getExtensionKey !== void 0 ? _getExtensionKey : '';
+  var overrideUrl = data === null || data === void 0 || (_data$preview = data.preview) === null || _data$preview === void 0 ? void 0 : _data$preview.url;
+  var 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: "".concat(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(".concat(overrideUrl, ")")
+    },
+    className: ax(["_kqswstnw _154iidpf _1xi2idpf _94n5idpf _4t3i1osq _1bsb1o87 _1lrw1f51 _ouxl1ssb _12vemgnk"])
+  })) : null);
+};
 
 /**
  * This view represents a Block card that has an 'Unauthorized' status .
@@ -24,11 +189,11 @@ var contentStyles = null;
  * @see SmartLinkStatus
  * @see FlexibleCardProps
  */
-var UnauthorisedView = function UnauthorisedView(_ref) {
+var UnauthorisedView = function UnauthorisedView(_ref3) {
   var _extractSmartLinkProv;
-  var _ref$testId = _ref.testId,
-    testId = _ref$testId === void 0 ? 'smart-block-unauthorized-view' : _ref$testId,
-    props = _objectWithoutProperties(_ref, _excluded);
+  var _ref3$testId = _ref3.testId,
+    testId = _ref3$testId === void 0 ? 'smart-block-unauthorized-view' : _ref3$testId,
+    props = _objectWithoutProperties(_ref3, _excluded);
   var cardState = props.cardState,
     onAuthorize = props.onAuthorize;
   var providerName = (_extractSmartLinkProv = extractSmartLinkProvider(cardState.details)) === null || _extractSmartLinkProv === void 0 ? void 0 : _extractSmartLinkProv.text;
@@ -55,12 +220,28 @@ var UnauthorisedView = function UnauthorisedView(_ref) {
   var actions = useMemo(function () {
     return onAuthorize ? [AuthorizeAction(handleAuthorize, providerName)] : [];
   }, [handleAuthorize, onAuthorize, providerName]);
-  return /*#__PURE__*/React.createElement(UnresolvedView, _extends({}, props, {
-    actions: actions,
-    testId: testId
-  }), /*#__PURE__*/React.createElement("div", {
-    "data-testid": "".concat(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": "".concat(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": "".concat(testId, "-content"),
+      className: ax(["_11c8dcr7 _syazi7uo _19pku2gc"])
+    }, content));
+  }
 };
 export default withFlexibleUIBlockCardStyle(UnauthorisedView);

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

@@ -239,7 +239,7 @@ function Component(_ref) {
     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",
@@ -558,7 +558,7 @@ function ComponentUpdated(_ref2) {
     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/esm/view/EmbedCard/views/not-found-view/not-found-svg/index.js

@@ -41,7 +41,7 @@ export var NotFoundSVG = function NotFoundSVG() {
     stopOpacity: "0.1"
   }))), /*#__PURE__*/React.createElement("title", null, fg('navx-2825-eslint-translation-fix-linking-platform') ? /*#__PURE__*/React.createElement(FormattedMessage, {
     defaultMessage: "Search error"
-  }) : "Search error"), /*#__PURE__*/React.createElement("g", {
+  }) : 'Search error'), /*#__PURE__*/React.createElement("g", {
     id: "Layer_2",
     "data-name": "Layer 2"
   }, /*#__PURE__*/React.createElement("g", {

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

@@ -13,7 +13,7 @@ import ElementGroup from './element-group';
 
 // Determine whether the element can be display as inline/block.
 
-export var ElementDisplaySchema = (_ElementDisplaySchema = {}, _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_ElementDisplaySchema, ElementName.AssignedTo, ['inline']), ElementName.AssignedToGroup, ['inline']), ElementName.AttachmentCount, ['inline']), ElementName.AuthorGroup, ['inline']), ElementName.AppliedToComponentsCount, ['inline']), ElementName.ChecklistProgress, ['inline']), ElementName.CollaboratorGroup, ['inline']), ElementName.CommentCount, ['inline']), ElementName.CreatedBy, ['inline']), ElementName.CreatedOn, ['inline']), _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_ElementDisplaySchema, ElementName.DueOn, ['inline']), ElementName.LatestCommit, ['inline']), ElementName.LinkIcon, ['inline']), ElementName.Location, ['inline']), ElementName.ModifiedBy, ['inline']), ElementName.ModifiedOn, ['inline']), ElementName.OwnedBy, ['inline']), ElementName.OwnedByGroup, ['inline']), ElementName.Preview, ['block']), ElementName.Priority, ['inline']), _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_ElementDisplaySchema, ElementName.ProgrammingLanguage, ['inline']), ElementName.Provider, ['inline']), ElementName.ReactCount, ['inline']), ElementName.ReadTime, ['inline']), ElementName.Snippet, ['block']), ElementName.SourceBranch, ['inline']), ElementName.SentOn, ['inline']), ElementName.State, ['inline']), ElementName.SubscriberCount, ['inline']), ElementName.TeamMemberCount, ['inline']), _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_ElementDisplaySchema, ElementName.SubTasksProgress, ['inline']), ElementName.StoryPoints, ['inline']), ElementName.TargetBranch, ['inline']), ElementName.Title, ['inline']), ElementName.UserAttributes, ['inline']), ElementName.ViewCount, ['inline']), ElementName.VoteCount, ['inline']));
+export var ElementDisplaySchema = (_ElementDisplaySchema = {}, _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_ElementDisplaySchema, ElementName.AssignedTo, ['inline']), ElementName.AssignedToGroup, ['inline']), ElementName.AttachmentCount, ['inline']), ElementName.AuthorGroup, ['inline']), ElementName.AppliedToComponentsCount, ['inline']), ElementName.ChecklistProgress, ['inline']), ElementName.CollaboratorGroup, ['inline']), ElementName.CommentCount, ['inline']), ElementName.CreatedBy, ['inline']), ElementName.CreatedOn, ['inline']), _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_ElementDisplaySchema, ElementName.DueOn, ['inline']), ElementName.LatestCommit, ['inline']), ElementName.LinkIcon, ['inline']), ElementName.Location, ['inline']), ElementName.ModifiedBy, ['inline']), ElementName.ModifiedOn, ['inline']), ElementName.OwnedBy, ['inline']), ElementName.OwnedByGroup, ['inline']), ElementName.Preview, ['block']), ElementName.Priority, ['inline']), _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_ElementDisplaySchema, ElementName.ProgrammingLanguage, ['inline']), ElementName.Provider, ['inline']), ElementName.ReactCount, ['inline']), ElementName.ReadTime, ['inline']), ElementName.Snippet, ['block']), ElementName.SourceBranch, ['inline']), ElementName.SentOn, ['inline']), ElementName.State, ['inline']), ElementName.SubscriberCount, ['inline']), ElementName.TeamMemberCount, ['inline']), _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_ElementDisplaySchema, ElementName.SubTasksProgress, ['inline']), ElementName.StoryPoints, ['inline']), ElementName.TargetBranch, ['inline']), ElementName.Title, ['inline']), ElementName.UserAttributes, ['inline']), ElementName.ViewCount, ['inline']), ElementName.VoteCount, ['inline']), ElementName.HostName, ['inline']));
 
 /**
  * Get gap size between elements inside a block

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

@@ -13,8 +13,10 @@ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t =
 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';
@@ -93,7 +95,8 @@ var IconElement = function IconElement(_ref) {
     url = _ref.url,
     _ref$appearance = _ref.appearance,
     appearance = _ref$appearance === void 0 ? 'square' : _ref$appearance,
-    hideLoadingSkeleton = _ref.hideLoadingSkeleton;
+    hideLoadingSkeleton = _ref.hideLoadingSkeleton,
+    isTiledIcon = _ref.isTiledIcon;
   var element = useMemo(function () {
     var defaultIcon = renderDefaultIcon(label, testId);
     return overrideIcon || (render === null || render === void 0 ? void 0 : render()) || renderImageIcon(defaultIcon, url, testId, size, appearance, hideLoadingSkeleton) || renderAtlaskitIcon(icon, testId, size) || defaultIcon;
@@ -106,7 +109,10 @@ var IconElement = function IconElement(_ref) {
     // 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: width,

package/dist/esm/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';
 var DEFAULT_MAX_LINES = 2;
 var MAXIMUM_MAX_LINES = 2;
@@ -110,7 +111,7 @@ var BaseLinkElement = function BaseLinkElement(_ref) {
   }), 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 var toLinkProps = function toLinkProps(text, url) {

package/dist/esm/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';
+var HostNameElement = function HostNameElement(props) {
+  var _context$data;
+  var context = useFlexibleCardContext();
+  var hostName = context === null || context === 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/esm/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/esm/view/FlexibleCard/index.js

@@ -55,9 +55,9 @@ var FlexibleCard = function FlexibleCard(_ref) {
   // 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
   var placeholderCardState = useMemo(function () {
-    return PENDING_LINK_STATUSES.includes(status) && placeholderData && fg('platform_initial_data_for_smart_cards') ? extractPlaceHolderCardState(placeholderData) : undefined;
+    return PENDING_LINK_STATUSES.includes(status) && placeholderData && extractPlaceHolderCardState(placeholderData);
   }, [placeholderData, status]);
-  var placeHolderStatus = placeholderCardState === null || placeholderCardState === void 0 ? void 0 : placeholderCardState.status;
+  var placeHolderStatus = placeholderCardState ? placeholderCardState.status : undefined;
   var context = useMemo(function () {
     return getContextByStatus({
       aiSummaryConfig: aiSummaryConfig,
@@ -80,7 +80,7 @@ var FlexibleCard = function FlexibleCard(_ref) {
   var flexibleCardContext = useMemo(function () {
     return {
       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: ui
     };
   }, [context, placeHolderStatus, status, ui]);