@atlaskit/smart-card 26.38.0 → 26.39.0

package/dist/esm/view/BlockCard/views/flexible/FlexibleUnauthorisedView.js

@@ -1,20 +1,20 @@
 import _extends from "@babel/runtime/helpers/extends";
+import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
 import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral";
+var _excluded = ["testId"];
 var _templateObject;
-import React, { useCallback, useMemo } from 'react';
+/** @jsx jsx */
+import { css, jsx } from '@emotion/react';
+import { useCallback, useMemo } from 'react';
 import { FormattedMessage } from 'react-intl-next';
-import FlexibleCard from '../../../FlexibleCard';
+import { getExtensionKey } from '../../../../state/helpers';
 import { AuthorizeAction } from '../../actions/flexible/AuthorizeAction';
-import BlockCardFooter from '../../components/flexible/footer';
-import { CustomBlock, TitleBlock } from '../../../FlexibleCard/components/blocks';
-import { SmartLinkStatus } from '../../../../constants';
 import { extractProvider } from '@atlaskit/link-extractors';
 import UnauthorisedViewContent from '../../../common/UnauthorisedViewContent';
-import { css } from '@emotion/react';
-import { tokens } from '../../../../utils/token';
 import { messages } from '../../../../messages';
+import UnresolvedView from './unresolved-view';
 import { withFlexibleUIBlockCardStyle } from './utils/withFlexibleUIBlockCardStyle';
-var contentStyles = css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  color: ", ";\n  margin-top: 0.5rem;\n  font-size: 0.75rem;\n"])), tokens.text);
+var contentStyles = css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  color: ", ";\n  margin-top: 0.5rem;\n  font-size: 0.75rem;\n"])), "var(--ds-text-subtlest, #626F86)");
 
 /**
  * This view represents a Block card that has an 'Unauthorized' status .
@@ -24,35 +24,30 @@ var contentStyles = css(_templateObject || (_templateObject = _taggedTemplateLit
  * @see FlexibleCardProps
  */
 var FlexibleUnauthorisedView = function FlexibleUnauthorisedView(_ref) {
-  var _cardState$details, _extractProvider;
-  var anchorTarget = _ref.anchorTarget,
-    analytics = _ref.analytics,
-    cardState = _ref.cardState,
-    _ref$extensionKey = _ref.extensionKey,
-    extensionKey = _ref$extensionKey === void 0 ? '' : _ref$extensionKey,
-    onAuthorize = _ref.onAuthorize,
-    onClick = _ref.onClick,
-    onError = _ref.onError,
-    _ref$testId = _ref.testId,
+  var _getExtensionKey, _cardState$details, _extractProvider;
+  var _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? 'smart-block-unauthorized-view' : _ref$testId,
-    url = _ref.url,
-    titleBlockProps = _ref.titleBlockProps;
+    props = _objectWithoutProperties(_ref, _excluded);
+  var analytics = props.analytics,
+    cardState = props.cardState,
+    onAuthorize = props.onAuthorize;
+  var extensionKey = (_getExtensionKey = getExtensionKey(cardState === null || cardState === void 0 ? void 0 : cardState.details)) !== null && _getExtensionKey !== void 0 ? _getExtensionKey : '';
   var data = (_cardState$details = cardState.details) === null || _cardState$details === void 0 ? void 0 : _cardState$details.data;
   var providerName = (_extractProvider = extractProvider(data)) === null || _extractProvider === void 0 ? void 0 : _extractProvider.text;
   var handleAuthorize = useCallback(function () {
     if (onAuthorize) {
-      analytics.track.appAccountAuthStarted({
+      analytics === null || analytics === void 0 || analytics.track.appAccountAuthStarted({
         extensionKey: extensionKey
       });
       onAuthorize();
     }
-  }, [onAuthorize, extensionKey, analytics.track]);
+  }, [onAuthorize, extensionKey, analytics === null || analytics === void 0 ? void 0 : analytics.track]);
   var content = useMemo(function () {
-    return onAuthorize ? /*#__PURE__*/React.createElement(UnauthorisedViewContent, {
+    return onAuthorize ? jsx(UnauthorisedViewContent, {
       providerName: providerName,
       analytics: analytics,
       testId: testId
-    }) : /*#__PURE__*/React.createElement(FormattedMessage, _extends({}, messages[providerName ? 'unauthorised_account_description' : 'unauthorised_account_description_no_provider'], {
+    }) : jsx(FormattedMessage, _extends({}, messages[providerName ? 'unauthorised_account_description' : 'unauthorised_account_description_no_provider'], {
       values: {
         context: providerName
       }
@@ -61,27 +56,12 @@ var FlexibleUnauthorisedView = function FlexibleUnauthorisedView(_ref) {
   var actions = useMemo(function () {
     return onAuthorize ? [AuthorizeAction(handleAuthorize, providerName)] : [];
   }, [handleAuthorize, onAuthorize, providerName]);
-  return /*#__PURE__*/React.createElement(FlexibleCard, {
-    appearance: "block",
-    cardState: cardState,
-    onAuthorize: onAuthorize,
-    onClick: onClick,
-    onError: onError,
-    testId: testId,
-    ui: {
-      hideElevation: true
-    },
-    url: url
-  }, /*#__PURE__*/React.createElement(TitleBlock, _extends({
-    hideRetry: true,
-    anchorTarget: anchorTarget
-  }, titleBlockProps)), /*#__PURE__*/React.createElement(CustomBlock, {
-    overrideCss: contentStyles,
-    testId: "".concat(testId, "-content")
-  }, /*#__PURE__*/React.createElement("div", null, content)), /*#__PURE__*/React.createElement(CustomBlock, null, /*#__PURE__*/React.createElement(BlockCardFooter, {
+  return jsx(UnresolvedView, _extends({}, props, {
     actions: actions,
-    status: SmartLinkStatus.Unauthorized,
-    actionGroupAppearance: "primary"
-  })));
+    testId: testId
+  }), jsx("div", {
+    css: contentStyles,
+    "data-testid": "".concat(testId, "-content")
+  }, content));
 };
 export default withFlexibleUIBlockCardStyle(FlexibleUnauthorisedView);

package/dist/esm/view/BlockCard/views/flexible/styled.js

@@ -1,15 +1,15 @@
 import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral";
-var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6;
+var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5;
 import { tokens } from '../../../../utils/token';
 import { css } from '@emotion/react';
 import { N40 } from '@atlaskit/theme/colors';
 import { getBooleanFF } from '@atlaskit/platform-feature-flags';
 
 // in editor prosemirror adds padding-left so we need to overwrite it
-export var metadataBlockCss = css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  /* primary element group */\n  span[data-smart-element-avatar-group] {\n    > ul {\n      padding-left: 0px;\n    }\n  }\n  [data-smart-element-group] {\n    line-height: 1rem;\n  }\n"])));
+// renderer overwrites the margin-right so we need to add it here
+export var metadataBlockCss = css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  /* primary element group */\n  span[data-smart-element-avatar-group] {\n    > ul {\n      padding-left: 0px;\n      margin-right: 0.5rem;\n    }\n  }\n  [data-smart-element-group] {\n    line-height: 1rem;\n  }\n"])));
 export var titleBlockCss = css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n  ", "\n  ", "\n"])), getBooleanFF('platform.linking-platform.smart-card.enable-better-metadata_iojwg') ? "gap: 0.5em;" : "", getBooleanFF('platform.linking-platform.smart-card.show-smart-links-refreshed-design') ? "[data-smart-element=\"Title\"] {\n          font-weight: 600;\n        }" : "");
 export var footerBlockCss = css(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n  height: 1.5rem;\n\n  .actions-button-group {\n    button,\n    button:hover,\n    button:focus,\n    button:active {\n      font-size: 0.875rem;\n    }\n  }\n"])));
 var flexibleBlockCardElevationStyle = css(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n  border-radius: 1.5px;\n  box-shadow: ", ";\n  margin: ", ";\n"])), tokens.elevation, "var(--ds-space-025, 2px)");
 var refreshedFlexibleBlockCardStyle = css(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n  & > div {\n    border-radius: ", ";\n    border: 1px solid ", ";\n  }\n"])), "var(--ds-border-radius-200, 8px)", "var(--ds-border, ".concat(N40, ")"));
-export var flexibleBlockCardStyle = getBooleanFF('platform.linking-platform.smart-card.show-smart-links-refreshed-design') ? refreshedFlexibleBlockCardStyle : flexibleBlockCardElevationStyle;
-export var forbiddenViewTitleStyle = css(_templateObject6 || (_templateObject6 = _taggedTemplateLiteral(["\n  font-weight: 600;\n"])));
+export var flexibleBlockCardStyle = getBooleanFF('platform.linking-platform.smart-card.show-smart-links-refreshed-design') ? refreshedFlexibleBlockCardStyle : flexibleBlockCardElevationStyle;

package/dist/esm/view/BlockCard/views/flexible/unresolved-view/index.js

@@ -0,0 +1,35 @@
+import _extends from "@babel/runtime/helpers/extends";
+import { CustomBlock, PreviewBlock, TitleBlock } from '../../../../FlexibleCard/components/blocks';
+import React from 'react';
+import FlexibleCard from '../../../../FlexibleCard';
+import { InternalFooterBlock } from '../../../../FlexibleCard/components/blocks';
+import { FlexibleCardUiOptions, getFooterBlockOptions, PreviewBlockOptions, getTitleBlockOptions } from '../utils';
+var UnresolvedView = function UnresolvedView(_ref) {
+  var actions = _ref.actions,
+    cardState = _ref.cardState,
+    children = _ref.children,
+    onAuthorize = _ref.onAuthorize,
+    onClick = _ref.onClick,
+    onError = _ref.onError,
+    _ref$showPreview = _ref.showPreview,
+    showPreview = _ref$showPreview === void 0 ? false : _ref$showPreview,
+    testId = _ref.testId,
+    title = _ref.title,
+    url = _ref.url;
+  return /*#__PURE__*/React.createElement(FlexibleCard, {
+    appearance: "block",
+    cardState: cardState,
+    onAuthorize: onAuthorize,
+    onClick: onClick,
+    onError: onError,
+    testId: testId,
+    ui: FlexibleCardUiOptions,
+    url: url
+  }, /*#__PURE__*/React.createElement(TitleBlock, _extends({}, getTitleBlockOptions(), {
+    text: title
+  })), /*#__PURE__*/React.createElement(CustomBlock, null, children), showPreview && /*#__PURE__*/React.createElement(PreviewBlock, PreviewBlockOptions), /*#__PURE__*/React.createElement(InternalFooterBlock, _extends({}, getFooterBlockOptions(), {
+    actions: actions,
+    testId: "smart-block-card-footer"
+  })));
+};
+export default UnresolvedView;

package/dist/esm/view/BlockCard/views/flexible/utils/index.js

@@ -1,6 +1,8 @@
-import { ElementName } from '../../../../../constants';
+import { getBooleanFF } from '@atlaskit/platform-feature-flags';
+import { ElementName, MediaPlacement, SmartLinkPosition, SmartLinkSize } from '../../../../../constants';
 import { extractOwnedBy } from '../../../../../extractors/flexible/utils';
 import { getExtensionKey } from '../../../../../state/helpers';
+import { footerBlockCss, titleBlockCss } from '../styled';
 var baseTopMetadata = [{
   name: ElementName.ModifiedOn
 }, {
@@ -134,4 +136,31 @@ export var getSimulatedMetadata = function getSimulatedMetadata(cardDetails) {
     titleMetadata: titleMetadata,
     topMetadata: topMetadata
   };
+};
+export var FlexibleCardUiOptions = {
+  hideElevation: true
+};
+
+// Due to the use of getBooleanFF(), this has to be a function.
+// Make this a const object after ff cleanup.
+export var getTitleBlockOptions = function getTitleBlockOptions() {
+  return {
+    anchorTarget: getBooleanFF('platform.linking-platform.smart-card.enable-block-card-clicks-opening-in-same-tab') ? '_self' : undefined,
+    position: SmartLinkPosition.Center,
+    overrideCss: titleBlockCss,
+    hideRetry: true,
+    size: getBooleanFF('platform.linking-platform.smart-card.enable-better-metadata_iojwg') ? SmartLinkSize.Large : undefined
+  };
+};
+export var PreviewBlockOptions = {
+  placement: MediaPlacement.Right,
+  ignoreContainerPadding: true
+};
+
+// Due to the use of getBooleanFF(), this has to be a function.
+// Make this a const object after ff cleanup.
+export var getFooterBlockOptions = function getFooterBlockOptions() {
+  return {
+    overrideCss: getBooleanFF('platform.linking-platform.smart-card.enable-better-metadata_iojwg') ? footerBlockCss : undefined
+  };
 };

package/dist/esm/view/FlexibleCard/components/blocks/footer-block/index.js

@@ -1,23 +1,9 @@
 import _extends from "@babel/runtime/helpers/extends";
-import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral";
-var _templateObject;
-import React, { useCallback, useMemo } from 'react';
-import { css } from '@emotion/react';
-import { SmartLinkAlignment, SmartLinkDirection, SmartLinkSize, SmartLinkStatus, SmartLinkWidth } from '../../../../../constants';
-import Block from '../block';
-import ElementGroup from '../element-group';
-import { Provider } from '../../elements';
-import ActionGroup from '../action-group';
-import { filterActionItems } from '../utils';
-import { useFlexibleUiContext } from '../../../../../state/flexible-ui-context';
-var getActionGroupStyles = function getActionGroupStyles(size) {
-  if (size === SmartLinkSize.XLarge) {
-    // The biggest height of the action button exceeds the max line-height
-    // of the elements causing the action on the block with x-large size to
-    // get cut at the bottom.
-    return css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n      max-height: 2rem;\n    "])));
-  }
-};
+import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
+var _excluded = ["status", "testId"];
+import React from 'react';
+import FooterBlockResolvedView from './resolved';
+import { SmartLinkStatus } from '../../../../../constants';
 
 /**
  * Represents a FooterBlock, designed to contain elements and actions that should appear
@@ -26,43 +12,16 @@ var getActionGroupStyles = function getActionGroupStyles(size) {
  * @param {FooterBlockProps} FooterBlockProps
  * @see Block
  */
-var FooterBlock = function FooterBlock(props) {
-  var status = props.status,
-    actions = props.actions,
-    _props$size = props.size,
-    size = _props$size === void 0 ? SmartLinkSize.Medium : _props$size,
-    _props$testId = props.testId,
-    testId = _props$testId === void 0 ? 'smart-footer-block' : _props$testId,
-    onActionMenuOpenChange = props.onActionMenuOpenChange;
-  var context = useFlexibleUiContext();
-  var hasActions = useMemo(function () {
-    var _filterActionItems;
-    return ((_filterActionItems = filterActionItems(actions, context)) === null || _filterActionItems === void 0 ? void 0 : _filterActionItems.length) > 0;
-  }, [actions, context]);
-  var onDropdownOpenChange = useCallback(function (isOpen) {
-    if (onActionMenuOpenChange) {
-      onActionMenuOpenChange({
-        isOpen: isOpen
-      });
-    }
-  }, [onActionMenuOpenChange]);
+var FooterBlock = function FooterBlock(_ref) {
+  var status = _ref.status,
+    _ref$testId = _ref.testId,
+    testId = _ref$testId === void 0 ? 'smart-footer-block' : _ref$testId,
+    props = _objectWithoutProperties(_ref, _excluded);
   if (status !== SmartLinkStatus.Resolved) {
     return null;
   }
-  return /*#__PURE__*/React.createElement(Block, _extends({}, props, {
-    testId: "".concat(testId, "-resolved-view")
-  }), /*#__PURE__*/React.createElement(Provider, {
-    testId: "".concat(testId, "-provider")
-  }), actions && hasActions ? /*#__PURE__*/React.createElement(ElementGroup, {
-    testId: "smart-element-group-actions",
-    align: SmartLinkAlignment.Right,
-    direction: SmartLinkDirection.Horizontal,
-    overrideCss: getActionGroupStyles(size),
-    width: SmartLinkWidth.Flexible
-  }, /*#__PURE__*/React.createElement(ActionGroup, {
-    onDropdownOpenChange: onDropdownOpenChange,
-    items: actions,
-    appearance: "default"
-  })) : null);
+  return /*#__PURE__*/React.createElement(FooterBlockResolvedView, _extends({}, props, {
+    testId: testId
+  }));
 };
 export default FooterBlock;

package/dist/esm/view/FlexibleCard/components/blocks/footer-block/resolved/index.js

@@ -0,0 +1,55 @@
+import _extends from "@babel/runtime/helpers/extends";
+import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral";
+var _templateObject;
+import { css } from '@emotion/react';
+import React, { useCallback, useMemo } from 'react';
+import { SmartLinkAlignment, SmartLinkDirection, SmartLinkSize, SmartLinkWidth } from '../../../../../../constants';
+import { useFlexibleUiContext } from '../../../../../../state/flexible-ui-context';
+import { Provider } from '../../../elements';
+import ActionGroup from '../../action-group';
+import Block from '../../block';
+import ElementGroup from '../../element-group';
+import { filterActionItems } from '../../utils';
+var getActionGroupStyles = function getActionGroupStyles(size) {
+  if (size === SmartLinkSize.XLarge) {
+    // The biggest height of the action button exceeds the max line-height
+    // of the elements causing the action on the block with x-large size to
+    // get cut at the bottom.
+    return css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n      max-height: 2rem;\n    "])));
+  }
+};
+var FooterBlockResolvedView = function FooterBlockResolvedView(props) {
+  var actions = props.actions,
+    testId = props.testId,
+    onActionMenuOpenChange = props.onActionMenuOpenChange,
+    _props$size = props.size,
+    size = _props$size === void 0 ? SmartLinkSize.Medium : _props$size;
+  var context = useFlexibleUiContext();
+  var hasActions = useMemo(function () {
+    var _filterActionItems;
+    return ((_filterActionItems = filterActionItems(actions, context)) === null || _filterActionItems === void 0 ? void 0 : _filterActionItems.length) > 0;
+  }, [actions, context]);
+  var onDropdownOpenChange = useCallback(function (isOpen) {
+    if (onActionMenuOpenChange) {
+      onActionMenuOpenChange({
+        isOpen: isOpen
+      });
+    }
+  }, [onActionMenuOpenChange]);
+  return /*#__PURE__*/React.createElement(Block, _extends({}, props, {
+    testId: "".concat(testId, "-resolved-view")
+  }), /*#__PURE__*/React.createElement(Provider, {
+    testId: "".concat(testId, "-provider")
+  }), actions && hasActions ? /*#__PURE__*/React.createElement(ElementGroup, {
+    testId: "smart-element-group-actions",
+    align: SmartLinkAlignment.Right,
+    direction: SmartLinkDirection.Horizontal,
+    overrideCss: getActionGroupStyles(size),
+    width: SmartLinkWidth.Flexible
+  }, /*#__PURE__*/React.createElement(ActionGroup, {
+    onDropdownOpenChange: onDropdownOpenChange,
+    items: actions,
+    appearance: "default"
+  })) : null);
+};
+export default FooterBlockResolvedView;

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

@@ -3,4 +3,7 @@ export { default as MetadataBlock } from './metadata-block';
 export { default as PreviewBlock } from './preview-block';
 export { default as SnippetBlock } from './snippet-block';
 export { default as TitleBlock } from './title-block';
-export { default as CustomBlock } from './block';
+export { default as CustomBlock } from './block';
+
+// Internal components to be used within @atlaskit/smart-card only.
+export { default as InternalFooterBlock } from './footer-block/resolved';

package/dist/esm/view/FlexibleCard/components/blocks/title-block/errored/index.js

@@ -1,7 +1,7 @@
 import _extends from "@babel/runtime/helpers/extends";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
 import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral";
-var _excluded = ["actionGroup", "retry", "position", "testId", "title"];
+var _excluded = ["actionGroup", "retry", "position", "testId", "title", "hideIcon"];
 var _templateObject, _templateObject2;
 /** @jsx jsx */
 import React from 'react';
@@ -32,6 +32,7 @@ var TitleBlockErroredView = function TitleBlockErroredView(_ref) {
     position = _ref.position,
     testId = _ref.testId,
     title = _ref.title,
+    hideIcon = _ref.hideIcon,
     blockProps = _objectWithoutProperties(_ref, _excluded);
   var _ref2 = retry || {},
     descriptor = _ref2.descriptor,
@@ -42,7 +43,7 @@ var TitleBlockErroredView = function TitleBlockErroredView(_ref) {
   var hasAction = onClick !== undefined;
   return jsx(Block, _extends({}, blockProps, {
     testId: "".concat(testId, "-errored-view")
-  }), jsx(LinkIcon, {
+  }), !hideIcon && jsx(LinkIcon, {
     position: position
   }), title, descriptor && jsx(ElementGroup, {
     direction: SmartLinkDirection.Horizontal,

package/dist/esm/view/FlexibleCard/components/blocks/title-block/index.js

@@ -2,7 +2,7 @@ import _extends from "@babel/runtime/helpers/extends";
 import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
 import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral";
-var _excluded = ["actions", "anchorTarget", "hideTitleTooltip", "maxLines", "onActionMenuOpenChange", "onClick", "overrideCss", "status", "showActionOnHover", "testId", "text", "theme", "hideRetry", "metadataPosition"];
+var _excluded = ["actions", "anchorTarget", "hideTitleTooltip", "maxLines", "onActionMenuOpenChange", "onClick", "overrideCss", "status", "showActionOnHover", "testId", "text", "theme", "hideRetry", "metadataPosition", "hideIcon"];
 var _templateObject, _templateObject2;
 import React, { useCallback, useState } from 'react';
 import { css } from '@emotion/react';
@@ -65,6 +65,8 @@ var TitleBlock = function TitleBlock(_ref) {
     theme = _ref.theme,
     hideRetry = _ref.hideRetry,
     metadataPosition = _ref.metadataPosition,
+    _ref$hideIcon = _ref.hideIcon,
+    hideIcon = _ref$hideIcon === void 0 ? false : _ref$hideIcon,
     props = _objectWithoutProperties(_ref, _excluded);
   if (hideRetry && props.retry) {
     delete props.retry;
@@ -106,7 +108,8 @@ var TitleBlock = function TitleBlock(_ref) {
     overrideCss: combinedCss,
     testId: testId,
     title: title,
-    metadataPosition: metadataPosition
+    metadataPosition: metadataPosition,
+    hideIcon: hideIcon
   }));
 };
 export default TitleBlock;

package/dist/esm/view/FlexibleCard/components/blocks/title-block/resolved/index.js

@@ -27,8 +27,7 @@ var TitleBlockResolvedView = function TitleBlockResolvedView(_ref) {
     text = _ref.text,
     title = _ref.title,
     metadataPosition = _ref.metadataPosition,
-    _ref$hideIcon = _ref.hideIcon,
-    hideIcon = _ref$hideIcon === void 0 ? false : _ref$hideIcon,
+    hideIcon = _ref.hideIcon,
     blockProps = _objectWithoutProperties(_ref, _excluded);
   var metadataElements = renderElementItems(metadata);
   var subtitleElements = renderElementItems(subtitle);

package/dist/esm/view/FlexibleCard/components/blocks/title-block/resolving/index.js

@@ -1,6 +1,6 @@
 import _extends from "@babel/runtime/helpers/extends";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-var _excluded = ["actionGroup", "testId", "title"];
+var _excluded = ["actionGroup", "testId", "title", "hideIcon"];
 /** @jsx jsx */
 import React from 'react';
 import { jsx } from '@emotion/react';
@@ -19,6 +19,7 @@ var TitleBlockResolvingView = function TitleBlockResolvingView(_ref) {
   var actionGroup = _ref.actionGroup,
     testId = _ref.testId,
     title = _ref.title,
+    hideIcon = _ref.hideIcon,
     blockProps = _objectWithoutProperties(_ref, _excluded);
   var _blockProps$size = blockProps.size,
     size = _blockProps$size === void 0 ? SmartLinkSize.Medium : _blockProps$size;
@@ -26,7 +27,7 @@ var TitleBlockResolvingView = function TitleBlockResolvingView(_ref) {
   var iconStyles = getIconSizeStyles(iconWidth);
   return jsx(Block, _extends({}, blockProps, {
     testId: "".concat(testId, "-resolving-view")
-  }), jsx("span", {
+  }), !hideIcon && jsx("span", {
     css: iconStyles,
     "data-testid": "".concat(testId, "-icon")
   }, jsx(LoadingSkeleton, {

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

@@ -11,7 +11,7 @@ import LinkWarningModal from './LinkWarningModal';
 import { getBooleanFF } from '@atlaskit/platform-feature-flags';
 var PACKAGE_DATA = {
   packageName: "@atlaskit/smart-card",
-  packageVersion: "26.38.0",
+  packageVersion: "26.39.0",
   componentName: 'linkUrl'
 };
 var Link = withLinkClickedEvent('a');

package/dist/types/view/BlockCard/views/flexible/FlexibleUnauthorisedView.d.ts

@@ -1,3 +1,5 @@
+/** @jsx jsx */
+import { jsx } from '@emotion/react';
 import { FlexibleBlockCardProps } from './types';
-declare const _default: (props: FlexibleBlockCardProps) => import("@emotion/react").jsx.JSX.Element;
+declare const _default: (props: FlexibleBlockCardProps) => jsx.JSX.Element;
 export default _default;

package/dist/types/view/BlockCard/views/flexible/styled.d.ts

@@ -2,4 +2,3 @@ export declare const metadataBlockCss: import("@emotion/react").SerializedStyles
 export declare const titleBlockCss: import("@emotion/react").SerializedStyles;
 export declare const footerBlockCss: import("@emotion/react").SerializedStyles;
 export declare const flexibleBlockCardStyle: import("@emotion/react").SerializedStyles;
-export declare const forbiddenViewTitleStyle: import("@emotion/react").SerializedStyles;

package/dist/types/view/BlockCard/views/flexible/types.d.ts

@@ -1,83 +1,2 @@
-/// <reference types="react" />
-import { CardState } from '@atlaskit/linking-common';
-import { OnErrorCallback } from '../../../types';
-import { FlexibleUiOptions } from '../../../FlexibleCard/types';
-import { OnResolveCallback } from '../../../Card/types';
-import { CardProviderRenderers } from '@atlaskit/link-provider';
-import { AnalyticsFacade } from '../../../../state/analytics';
-import { AnchorTarget } from '../../../FlexibleCard/components/types';
-import { TitleBlockProps } from '../../../FlexibleCard/components/blocks/title-block/types';
-export type FlexibleBlockCardProps = {
-    /**
-     * An AnalyticsFacade object used for calling analytics.
-     */
-    analytics: AnalyticsFacade;
-    /**
-     * Determines the anchor target to be passed to the title block.
-     */
-    anchorTarget?: AnchorTarget;
-    /**
-     * Determines the status and data of the Smart Link.
-     * @internal
-     */
-    cardState: CardState;
-    /**
-     * Provides the extensionKey of a Smart Link resolver invoked.
-     */
-    extensionKey?: string;
-    /**
-     * A unique id for this Smart Link instance, used for analytics.
-     */
-    id?: string;
-    /**
-     * An additional action that can be performed when link is not resolved, e.g.
-     * connect account to gain access to 403 link.
-     * @internal
-     */
-    onAuthorize?: () => void;
-    /**
-     * Determines the onClick behaviour of Flexible UI. This will proxy to the
-     * TitleBlock if supplied.
-     */
-    onClick?: React.EventHandler<React.MouseEvent | React.KeyboardEvent>;
-    /**
-     * function to be called after a flexible card has rendered its error states
-     */
-    onError?: OnErrorCallback;
-    /**
-     * function to be called after a flexible card has rendered its resolved state
-     */
-    onResolve?: OnResolveCallback;
-    /**
-     * A name of the provider, needed to specify to user which account has to be connected
-     */
-    providerName?: string;
-    /**
-     * Any additional renderers required by Flexible UI. Currently used by icon
-     * to render Emoji.
-     */
-    renderers?: CardProviderRenderers;
-    /**
-     * Determines whether to show available server actions.
-     */
-    showServerActions?: boolean;
-    /**
-     * A `testId` prop is provided for specified elements, which is a unique
-     * string that appears as a data attribute `data-testid` in the rendered code,
-     * serving as a hook for automated tests
-     */
-    testId?: string;
-    /**
-     * Determines the appearance of Flexible UI.
-     * @see FlexibleUiOptions
-     */
-    ui?: FlexibleUiOptions;
-    /**
-     * Determines the URL of the Smart Link.
-     */
-    url: string;
-    /**
-     * Determines a style of the Title Block.
-     */
-    titleBlockProps?: TitleBlockProps;
-};
+import { FlexibleCardProps } from '../../../FlexibleCard/types';
+export type FlexibleBlockCardProps = Pick<FlexibleCardProps, 'analytics' | 'cardState' | 'id' | 'onAuthorize' | 'onClick' | 'onError' | 'onResolve' | 'renderers' | 'showServerActions' | 'testId' | 'url'>;

package/dist/types/view/BlockCard/views/flexible/unresolved-view/index.d.ts

@@ -0,0 +1,4 @@
+import { type FC } from 'react';
+import { UnresolvedViewProps } from './types';
+declare const UnresolvedView: FC<UnresolvedViewProps>;
+export default UnresolvedView;

package/dist/types/view/BlockCard/views/flexible/unresolved-view/types.d.ts

@@ -0,0 +1,7 @@
+import type { ActionItem } from '../../../../FlexibleCard/components/blocks/types';
+import type { FlexibleBlockCardProps } from '../types';
+export type UnresolvedViewProps = FlexibleBlockCardProps & {
+    actions?: ActionItem[];
+    showPreview?: boolean;
+    title?: string;
+};

package/dist/types/view/BlockCard/views/flexible/utils/index.d.ts

@@ -1,4 +1,8 @@
 import { JsonLd } from 'json-ld-types';
+import type { FlexibleUiOptions } from '../../../../FlexibleCard/types';
+import type { FooterBlockProps } from '../../../../FlexibleCard/components/blocks/footer-block/types';
+import type { PreviewBlockProps } from '../../../../FlexibleCard/components/blocks/preview-block/types';
+import type { TitleBlockProps } from '../../../../FlexibleCard/components/blocks/title-block/types';
 import { ElementItem } from '../../../../FlexibleCard/components/blocks/types';
 export declare const getSimulatedBetterMetadata: (cardDetails?: JsonLd.Response) => SimulatedMetadata;
 export declare const getSimulatedMetadata: (cardDetails?: JsonLd.Response) => SimulatedMetadata;
@@ -7,4 +11,8 @@ type SimulatedMetadata = {
     topMetadata: ElementItem[];
     bottomMetadata?: ElementItem[];
 };
+export declare const FlexibleCardUiOptions: FlexibleUiOptions;
+export declare const getTitleBlockOptions: () => Partial<TitleBlockProps>;
+export declare const PreviewBlockOptions: Partial<PreviewBlockProps>;
+export declare const getFooterBlockOptions: () => Partial<FooterBlockProps>;
 export {};

package/dist/types/view/FlexibleCard/components/blocks/footer-block/resolved/index.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import type { FooterBlockProps } from '../types';
+declare const FooterBlockResolvedView: React.FC<FooterBlockProps>;
+export default FooterBlockResolvedView;

package/dist/types/view/FlexibleCard/components/blocks/index.d.ts

@@ -4,3 +4,4 @@ export { default as PreviewBlock } from './preview-block';
 export { default as SnippetBlock } from './snippet-block';
 export { default as TitleBlock } from './title-block';
 export { default as CustomBlock } from './block';
+export { default as InternalFooterBlock } from './footer-block/resolved';

package/dist/types-ts4.5/view/BlockCard/views/flexible/FlexibleUnauthorisedView.d.ts

@@ -1,3 +1,5 @@
+/** @jsx jsx */
+import { jsx } from '@emotion/react';
 import { FlexibleBlockCardProps } from './types';
-declare const _default: (props: FlexibleBlockCardProps) => import("@emotion/react").jsx.JSX.Element;
+declare const _default: (props: FlexibleBlockCardProps) => jsx.JSX.Element;
 export default _default;

package/dist/types-ts4.5/view/BlockCard/views/flexible/styled.d.ts

@@ -2,4 +2,3 @@ export declare const metadataBlockCss: import("@emotion/react").SerializedStyles
 export declare const titleBlockCss: import("@emotion/react").SerializedStyles;
 export declare const footerBlockCss: import("@emotion/react").SerializedStyles;
 export declare const flexibleBlockCardStyle: import("@emotion/react").SerializedStyles;
-export declare const forbiddenViewTitleStyle: import("@emotion/react").SerializedStyles;