@atlaskit/smart-card 45.20.6 → 45.21.0

package/dist/es2019/view/FlexibleCard/components/blocks/action-block/index.js

@@ -4,11 +4,38 @@ import * as React from 'react';
 import { ax, ix } from "@compiled/react/runtime";
 import { useCallback, useMemo, useState } from 'react';
 import { di } from 'react-magnetic-di';
-import { ActionName, SmartLinkSize } from '../../../../../constants';
-import { useFlexibleUiContext, useFlexibleUiOptionContext } from '../../../../../state/flexible-ui-context';
-import * as Actions from '../../actions';
+import { ActionName, InternalActionName, SmartLinkSize } from '../../../../../constants';
+import { useFlexibleUiContext } from '../../../../../state/flexible-ui-context/useFlexibleUiContext';
+import { useFlexibleUiOptionContext } from '../../../../../state/flexible-ui-context/useFlexibleUiOptionContext';
+import Action from '../../actions/action';
+import AISummaryAction from '../../actions/ai-summary-action';
+import AutomationAction from '../../actions/automation-action';
+import CopyLinkAction from '../../actions/copy-link-action';
+import CustomUnresolvedAction from '../../actions/custom-unresolved-action';
+import DeleteAction from '../../actions/delete-action';
+import DownloadAction from '../../actions/download-action';
+import EditAction from '../../actions/edit-action';
+import FollowAction from '../../actions/follow-action';
+import PreviewAction from '../../actions/preview-action';
+import RovoChatAction from '../../actions/rovo-chat-action';
+import ViewRelatedLinksAction from '../../actions/view-related-links-action';
 import { ActionFooter } from './action-footer';
+import { getPrimitivesPaddingSpaceBySize } from './getPrimitivesPaddingSpaceBySize';
 const ignoreContainerPaddingStyles = null;
+const Actions = {
+  [ActionName.AutomationAction]: AutomationAction,
+  [ActionName.CopyLinkAction]: CopyLinkAction,
+  [ActionName.CustomAction]: Action,
+  [ActionName.DeleteAction]: DeleteAction,
+  [ActionName.DownloadAction]: DownloadAction,
+  [ActionName.EditAction]: EditAction,
+  [ActionName.FollowAction]: FollowAction,
+  [ActionName.PreviewAction]: PreviewAction,
+  [ActionName.RovoChatAction]: RovoChatAction,
+  [InternalActionName.AISummaryAction]: AISummaryAction,
+  [InternalActionName.UnresolvedAction]: CustomUnresolvedAction,
+  [InternalActionName.ViewRelatedLinksAction]: ViewRelatedLinksAction
+};
 const DEFAULT_SORT_ORDER = ['PreviewAction', 'CopyLinkAction', 'AISummaryAction'];
 const sort = (a, b) => {
   let idxA = DEFAULT_SORT_ORDER.indexOf(a);
@@ -21,24 +48,6 @@ const sort = (a, b) => {
   }
   return idxA - idxB;
 };
-
-/**
- * Get container padding based on smart link size
- * To replace container/index.tsx getPadding() with space token for primitives
- */
-export const getPrimitivesPaddingSpaceBySize = size => {
-  switch (size) {
-    case SmartLinkSize.XLarge:
-      return "var(--ds-space-300, 24px)";
-    case SmartLinkSize.Large:
-      return "var(--ds-space-250, 20px)";
-    case SmartLinkSize.Medium:
-      return "var(--ds-space-200, 16px)";
-    case SmartLinkSize.Small:
-    default:
-      return "var(--ds-space-100, 8px)";
-  }
-};
 const ActionBlock = ({
   blockRef,
   onClick: onClickCallback,

package/dist/es2019/view/FlexibleCard/components/blocks/action-group/action-group-item/index.js

@@ -1,6 +1,32 @@
 import _extends from "@babel/runtime/helpers/extends";
 import React, { useCallback } from 'react';
-import * as Actions from '../../../actions';
+import { ActionName, InternalActionName } from '../../../../../../constants';
+import Action from '../../../actions/action';
+import AISummaryAction from '../../../actions/ai-summary-action';
+import AutomationAction from '../../../actions/automation-action';
+import CopyLinkAction from '../../../actions/copy-link-action';
+import CustomUnresolvedAction from '../../../actions/custom-unresolved-action';
+import DeleteAction from '../../../actions/delete-action';
+import DownloadAction from '../../../actions/download-action';
+import EditAction from '../../../actions/edit-action';
+import FollowAction from '../../../actions/follow-action';
+import PreviewAction from '../../../actions/preview-action';
+import RovoChatAction from '../../../actions/rovo-chat-action';
+import ViewRelatedLinksAction from '../../../actions/view-related-links-action';
+const Actions = {
+  [ActionName.AutomationAction]: AutomationAction,
+  [ActionName.CopyLinkAction]: CopyLinkAction,
+  [ActionName.CustomAction]: Action,
+  [ActionName.DeleteAction]: DeleteAction,
+  [ActionName.DownloadAction]: DownloadAction,
+  [ActionName.EditAction]: EditAction,
+  [ActionName.FollowAction]: FollowAction,
+  [ActionName.PreviewAction]: PreviewAction,
+  [ActionName.RovoChatAction]: RovoChatAction,
+  [InternalActionName.AISummaryAction]: AISummaryAction,
+  [InternalActionName.UnresolvedAction]: CustomUnresolvedAction,
+  [InternalActionName.ViewRelatedLinksAction]: ViewRelatedLinksAction
+};
 const ActionGroupItem = ({
   item,
   size,

package/dist/es2019/view/FlexibleCard/components/blocks/action-group/index.js

@@ -15,10 +15,11 @@ import MoreIcon from '@atlaskit/icon/core/show-more-horizontal';
 import Tooltip from '@atlaskit/tooltip/Tooltip';
 import { ActionName, CardDisplay, SmartLinkSize } from '../../../../../constants';
 import { messages } from '../../../../../messages';
-import { useFlexibleUiContext, useFlexibleUiOptionContext } from '../../../../../state/flexible-ui-context';
+import { useFlexibleUiContext } from '../../../../../state/flexible-ui-context/useFlexibleUiContext';
+import { useFlexibleUiOptionContext } from '../../../../../state/flexible-ui-context/useFlexibleUiOptionContext';
 import useRovoConfig from '../../../../../state/hooks/use-rovo-config';
 import { RovoChatPromptKey } from '../../../../common/rovo-chat-utils';
-import { filterActionItems } from '../utils';
+import { filterActionItems } from '../filterActionItems';
 import ActionGroupItem from './action-group-item';
 const styles = null;
 const FULL_ACTIONS_SIZE = 450;

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

@@ -1,7 +1,7 @@
 import _extends from "@babel/runtime/helpers/extends";
 import React from 'react';
 import { SmartLinkStatus } from '../../../../../constants';
-import { useFlexibleCardContext } from '../../../../../state/flexible-ui-context';
+import { useFlexibleCardContext } from '../../../../../state/flexible-ui-context/useFlexibleCardContext';
 import AIFooterBlockResolvedView from './resolved';
 /**
  * Represents a AIFooterBlock, designed to show provider metadata in

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

@@ -1,8 +1,8 @@
 import _extends from "@babel/runtime/helpers/extends";
 import React from 'react';
 import { InternalActionName } from '../../../../../../constants';
-import { useFlexibleUiContext } from '../../../../../../state/flexible-ui-context';
-import { Provider } from '../../../elements';
+import { useFlexibleUiContext } from '../../../../../../state/flexible-ui-context/useFlexibleUiContext';
+import { default as Provider } from '../../../elements/provider-element';
 import Block from '../../block';
 import { AIFooterMetadata } from './ai-footer-metadata';
 const AIFooterBlockResolvedView = props => {

package/dist/es2019/view/FlexibleCard/components/blocks/ai-summary-block/index.js

@@ -1,7 +1,8 @@
 import _extends from "@babel/runtime/helpers/extends";
 import React from 'react';
 import { InternalActionName, SmartLinkStatus } from '../../../../../constants';
-import { useFlexibleCardContext, useFlexibleUiContext } from '../../../../../state/flexible-ui-context';
+import { useFlexibleCardContext } from '../../../../../state/flexible-ui-context/useFlexibleCardContext';
+import { useFlexibleUiContext } from '../../../../../state/flexible-ui-context/useFlexibleUiContext';
 import AISummaryBlockResolvedView from './resolved';
 /**
  * Represents an AISummaryBlock, designed to summarising link resource

package/dist/es2019/view/FlexibleCard/components/blocks/ai-summary-block/resolved/RovoSummaryBlockResolvedView.compiled.css

@@ -0,0 +1,7 @@
+._18m9ewfl{overflow-y:visible}
+._19bv1b66{padding-left:var(--ds-space-050,4px)}
+._1e0c1txw{display:flex}
+._1reoewfl{overflow-x:visible}
+._4cvr1h6o{align-items:center}
+._ca0q1b66{padding-top:var(--ds-space-050,4px)}
+._u5f3utpp{padding-right:var(--ds-space-150,9pt)}

package/dist/es2019/view/FlexibleCard/components/blocks/ai-summary-block/resolved/RovoSummaryBlockResolvedView.js

@@ -0,0 +1,101 @@
+/* RovoSummaryBlockResolvedView.tsx generated by @compiled/babel-plugin v2.0.0 */
+import _extends from "@babel/runtime/helpers/extends";
+import "./RovoSummaryBlockResolvedView.compiled.css";
+import * as React from 'react';
+import { ax, ix } from "@compiled/react/runtime";
+import { Fragment, useRef } from 'react';
+import { FormattedMessage } from 'react-intl';
+import { di } from 'react-magnetic-di';
+import { RovoIcon } from '@atlaskit/logo';
+import { Box, Inline, Text } from '@atlaskit/primitives/compiled';
+import { SmartLinkDirection } from '../../../../../../constants';
+import { messages } from '../../../../../../messages';
+import useAISummaryAction from '../../../../../../state/hooks/use-ai-summary-action';
+import AISummary from '../../../../../common/ai-summary';
+import AIFooter from '../../../../../common/ai-summary/ai-footer';
+import MotionWrapper from '../../../common/motion-wrapper';
+import Block from '../../block';
+import AIEventSummaryViewed from '../ai-event-summary-viewed';
+import { EllipsesAnimation } from '../assets/ellipses';
+const newStyles = {
+  iconWrapper: "_19bv1b66 _u5f3utpp _1e0c1txw _4cvr1h6o",
+  placeholderWrapper: "_1e0c1txw _4cvr1h6o",
+  summaryWrapper: "_ca0q1b66 _1e0c1txw",
+  ellipsesContainer: "_19bv1b66"
+};
+const styles = null;
+export const RovoSummaryBlockResolvedView = props => {
+  const {
+    testId,
+    aiSummaryMinHeight = 0,
+    placeholder,
+    url
+  } = props;
+  const {
+    state: {
+      content,
+      status
+    }
+  } = useAISummaryAction(url);
+  const isSummarisedOnMountRef = useRef(status === 'done');
+  const minHeight = isSummarisedOnMountRef.current ? 0 : aiSummaryMinHeight;
+  if (status === 'error') {
+    return null;
+  }
+
+  // Show summary when there is content to display
+  if (content && content !== '') {
+    return /*#__PURE__*/React.createElement(Block, _extends({}, props, {
+      direction: SmartLinkDirection.Vertical,
+      testId: `${testId}-resolved-view`,
+      className: ax(["_1reoewfl _18m9ewfl"])
+    }), /*#__PURE__*/React.createElement(Inline, {
+      xcss: newStyles.summaryWrapper
+    }, /*#__PURE__*/React.createElement("div", {
+      className: ax([newStyles.iconWrapper])
+    }, /*#__PURE__*/React.createElement(RovoIcon, {
+      shouldUseHexLogo: true,
+      size: "xxsmall"
+    })), status === 'done' && /*#__PURE__*/React.createElement(AIEventSummaryViewed, {
+      fromCache: isSummarisedOnMountRef.current
+    }), /*#__PURE__*/React.createElement(MotionWrapper, {
+      minHeight: minHeight,
+      show: true,
+      showTransition: !isSummarisedOnMountRef.current
+    }, /*#__PURE__*/React.createElement(AISummary, {
+      testId: `${testId}-ai-summary`,
+      minHeight: minHeight,
+      content: content
+    }), status === 'done' && /*#__PURE__*/React.createElement(AIFooter, null))));
+  }
+
+  // Show loading state on initial request where content hasn't returned yet.
+  if (status === 'loading') {
+    return /*#__PURE__*/React.createElement(MotionWrapper, {
+      minHeight: minHeight,
+      show: true,
+      showTransition: true
+    }, /*#__PURE__*/React.createElement(Inline, {
+      testId: `${testId}-placeholder`,
+      xcss: newStyles.placeholderWrapper
+    }, /*#__PURE__*/React.createElement("div", {
+      className: ax([newStyles.iconWrapper])
+    }, /*#__PURE__*/React.createElement(RovoIcon, {
+      shouldUseHexLogo: true,
+      size: 'xxsmall'
+    })), /*#__PURE__*/React.createElement(Text, {
+      size: "small",
+      color: "color.text"
+    }, /*#__PURE__*/React.createElement(FormattedMessage, messages.rovo_summary_loading)), /*#__PURE__*/React.createElement(Box, {
+      xcss: newStyles.ellipsesContainer
+    }, /*#__PURE__*/React.createElement(EllipsesAnimation, {
+      isAnimated: true
+    }))));
+  }
+
+  // Otherwise, show placeholder if provided
+  if (placeholder) {
+    return /*#__PURE__*/React.createElement(Fragment, null, placeholder);
+  }
+  return null;
+};

package/dist/es2019/view/FlexibleCard/components/blocks/ai-summary-block/resolved/index.compiled.css

@@ -1,7 +1,2 @@
 ._18m9ewfl{overflow-y:visible}
-._19bv1b66{padding-left:var(--ds-space-050,4px)}
-._1e0c1txw{display:flex}
-._1reoewfl{overflow-x:visible}
-._4cvr1h6o{align-items:center}
-._ca0q1b66{padding-top:var(--ds-space-050,4px)}
-._u5f3utpp{padding-right:var(--ds-space-150,9pt)}
+._1reoewfl{overflow-x:visible}

package/dist/es2019/view/FlexibleCard/components/blocks/ai-summary-block/resolved/index.js

@@ -4,26 +4,14 @@ import "./index.compiled.css";
 import * as React from 'react';
 import { ax, ix } from "@compiled/react/runtime";
 import { Fragment, useRef } from 'react';
-import { FormattedMessage } from 'react-intl';
 import { di } from 'react-magnetic-di';
-import { RovoIcon } from '@atlaskit/logo';
-import { Box, Inline, Text } from '@atlaskit/primitives/compiled';
 import { SmartLinkDirection } from '../../../../../../constants';
-import { messages } from '../../../../../../messages';
 import useAISummaryAction from '../../../../../../state/hooks/use-ai-summary-action';
 import AISummary from '../../../../../common/ai-summary';
-import AIFooter from '../../../../../common/ai-summary/ai-footer';
 import MotionWrapper from '../../../common/motion-wrapper';
 import Block from '../../block';
 import AIEventSummaryViewed from '../ai-event-summary-viewed';
-import { EllipsesAnimation } from '../assets/ellipses';
 const styles = null;
-const newStyles = {
-  iconWrapper: "_19bv1b66 _u5f3utpp _1e0c1txw _4cvr1h6o",
-  placeholderWrapper: "_1e0c1txw _4cvr1h6o",
-  summaryWrapper: "_ca0q1b66 _1e0c1txw",
-  ellipsesContainer: "_19bv1b66"
-};
 const AISummaryBlockResolvedView = props => {
   const {
     testId,
@@ -61,79 +49,4 @@ const AISummaryBlockResolvedView = props => {
     content: content
   })));
 };
-export const RovoSummaryBlockResolvedView = props => {
-  const {
-    testId,
-    aiSummaryMinHeight = 0,
-    placeholder,
-    url
-  } = props;
-  const {
-    state: {
-      content,
-      status
-    }
-  } = useAISummaryAction(url);
-  const isSummarisedOnMountRef = useRef(status === 'done');
-  const minHeight = isSummarisedOnMountRef.current ? 0 : aiSummaryMinHeight;
-  if (status === 'error') {
-    return null;
-  }
-
-  // Show summary when there is content to display
-  if (content && content !== '') {
-    return /*#__PURE__*/React.createElement(Block, _extends({}, props, {
-      direction: SmartLinkDirection.Vertical,
-      testId: `${testId}-resolved-view`,
-      className: ax(["_1reoewfl _18m9ewfl"])
-    }), /*#__PURE__*/React.createElement(Inline, {
-      xcss: newStyles.summaryWrapper
-    }, /*#__PURE__*/React.createElement("div", {
-      className: ax([newStyles.iconWrapper])
-    }, /*#__PURE__*/React.createElement(RovoIcon, {
-      shouldUseHexLogo: true,
-      size: "xxsmall"
-    })), status === 'done' && /*#__PURE__*/React.createElement(AIEventSummaryViewed, {
-      fromCache: isSummarisedOnMountRef.current
-    }), /*#__PURE__*/React.createElement(MotionWrapper, {
-      minHeight: minHeight,
-      show: true,
-      showTransition: !isSummarisedOnMountRef.current
-    }, /*#__PURE__*/React.createElement(AISummary, {
-      testId: `${testId}-ai-summary`,
-      minHeight: minHeight,
-      content: content
-    }), status === 'done' && /*#__PURE__*/React.createElement(AIFooter, null))));
-  }
-
-  // Show loading state on initial request where content hasn't returned yet.
-  if (status === 'loading') {
-    return /*#__PURE__*/React.createElement(MotionWrapper, {
-      minHeight: minHeight,
-      show: true,
-      showTransition: true
-    }, /*#__PURE__*/React.createElement(Inline, {
-      testId: `${testId}-placeholder`,
-      xcss: newStyles.placeholderWrapper
-    }, /*#__PURE__*/React.createElement("div", {
-      className: ax([newStyles.iconWrapper])
-    }, /*#__PURE__*/React.createElement(RovoIcon, {
-      shouldUseHexLogo: true,
-      size: 'xxsmall'
-    })), /*#__PURE__*/React.createElement(Text, {
-      size: "small",
-      color: "color.text"
-    }, /*#__PURE__*/React.createElement(FormattedMessage, messages.rovo_summary_loading)), /*#__PURE__*/React.createElement(Box, {
-      xcss: newStyles.ellipsesContainer
-    }, /*#__PURE__*/React.createElement(EllipsesAnimation, {
-      isAnimated: true
-    }))));
-  }
-
-  // Otherwise, show placeholder if provided
-  if (placeholder) {
-    return /*#__PURE__*/React.createElement(Fragment, null, placeholder);
-  }
-  return null;
-};
 export default AISummaryBlockResolvedView;

package/dist/es2019/view/FlexibleCard/components/blocks/block/Block.js

@@ -0,0 +1,57 @@
+/* Block.tsx generated by @compiled/babel-plugin v2.0.0 */
+/* eslint-disable @atlaskit/ui-styling-standard/no-nested-selectors */
+import "./Block.compiled.css";
+import * as React from 'react';
+import { ax, ix } from "@compiled/react/runtime";
+import { useEffect } from 'react';
+import { SmartLinkDirection, SmartLinkSize } from '../../../../../constants';
+import { renderChildren } from '../renderChildren';
+const baseBlockStyles = null;
+const highlightRemoveStyles = null;
+const gapStyles = {
+  xlarge: "_zulpv47k _1ljqv47k",
+  large: "_zulppxbi _1ljqpxbi",
+  medium: "_zulpu2gc _1ljqu2gc",
+  small: "_zulp1b66 _1ljq1b66"
+};
+const directionStyles = {
+  vertical: "_2lx21bp4 _4cvr1y6m",
+  horizontal: "_2lx2vrvc _4cvr1h6o"
+};
+
+/**
+ * A block represents a collection of elements and actions that are arranged
+ * in a row. All elements and actions should be contained within a Block.
+ * @internal
+ * @param {ActionGroupProps} ActionGroupProps
+ * @see Action
+ */
+export const Block = ({
+  children,
+  direction = SmartLinkDirection.Horizontal,
+  size = SmartLinkSize.Medium,
+  testId = 'smart-block',
+  className,
+  blockRef,
+  onRender,
+  onTransitionEnd,
+  style,
+  placeholderId
+}) => {
+  useEffect(() => {
+    onRender && onRender();
+  }, [onRender]);
+  return /*#__PURE__*/React.createElement("div", {
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop
+    className: ax(["_1reo15vq _18m915vq _4cvr1h6o _1e0c1txw _1ul9idpf _1bah1y6m _fiawglyw _1uzp1mp2 _a6bx1l7x _e4i5bjq5 _1gu2dgkc _5b7tuxlv _17aedgkc", "_12ji1snc _1qu2agmp _12y310yn _12ji1kw7 _syaz1kw7 _18ql1j28 _1ifmglyw _181uglyw _1rkwglyw _te17glyw _uiztglyw", directionStyles[direction], gapStyles[size], className]),
+    "data-smart-block": true,
+    "data-testid": testId,
+    onTransitionEnd: onTransitionEnd,
+    ref: blockRef
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop
+    ,
+    style: style,
+    "data-ssr-placeholder": placeholderId,
+    "data-ssr-placeholder-replace": placeholderId
+  }, renderChildren(children, size));
+};

package/dist/es2019/view/FlexibleCard/components/blocks/block/index.js

@@ -1,58 +1,14 @@
-/* index.tsx generated by @compiled/babel-plugin v2.0.0 */
+/* eslint-disable @repo/internal/deprecations/deprecation-ticket-required -- VOLTC-139 tracks removal of these deprecated re-export shims. */
 /* eslint-disable @atlaskit/ui-styling-standard/no-nested-selectors */
-import "./index.compiled.css";
-import * as React from 'react';
-import { ax, ix } from "@compiled/react/runtime";
-import { useEffect } from 'react';
-import { SmartLinkDirection, SmartLinkSize } from '../../../../../constants';
-import { renderChildren } from '../utils';
-const baseBlockStyles = null;
-const highlightRemoveStyles = null;
-const gapStyles = {
-  xlarge: "_zulpv47k _1ljqv47k",
-  large: "_zulppxbi _1ljqpxbi",
-  medium: "_zulpu2gc _1ljqu2gc",
-  small: "_zulp1b66 _1ljq1b66"
-};
-const directionStyles = {
-  vertical: "_2lx21bp4 _4cvr1y6m",
-  horizontal: "_2lx2vrvc _4cvr1h6o"
-};
+/**
+ * @jsxRuntime classic
+ * @jsx jsx
+ */
+
+import { Block } from './Block';
+export default Block;
 
 /**
- * A block represents a collection of elements and actions that are arranged
- * in a row. All elements and actions should be contained within a Block.
- * @internal
- * @param {ActionGroupProps} ActionGroupProps
- * @see Action
+ * @deprecated Use `import { Block } from '@atlaskit/smart-card/block'` instead.
  */
-const Block = ({
-  children,
-  direction = SmartLinkDirection.Horizontal,
-  size = SmartLinkSize.Medium,
-  testId = 'smart-block',
-  className,
-  blockRef,
-  onRender,
-  onTransitionEnd,
-  style,
-  placeholderId
-}) => {
-  useEffect(() => {
-    onRender && onRender();
-  }, [onRender]);
-  return /*#__PURE__*/React.createElement("div", {
-    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop
-    className: ax(["_1reo15vq _18m915vq _4cvr1h6o _1e0c1txw _1ul9idpf _1bah1y6m _fiawglyw _1uzp1mp2 _a6bx1l7x _e4i5bjq5 _1gu2dgkc _5b7tuxlv _17aedgkc", "_12ji1snc _1qu2agmp _12y310yn _12ji1kw7 _syaz1kw7 _18ql1j28 _1ifmglyw _181uglyw _1rkwglyw _te17glyw _uiztglyw", directionStyles[direction], gapStyles[size], className]),
-    "data-smart-block": true,
-    "data-testid": testId,
-    onTransitionEnd: onTransitionEnd,
-    ref: blockRef
-    // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop
-    ,
-    style: style,
-    "data-ssr-placeholder": placeholderId,
-    "data-ssr-placeholder-replace": placeholderId
-  }, renderChildren(children, size));
-};
-export default Block;
+export { Block } from './Block';

package/dist/es2019/view/FlexibleCard/components/blocks/element-group/index.js

@@ -4,7 +4,7 @@ import "./index.compiled.css";
 import * as React from 'react';
 import { ax, ix } from "@compiled/react/runtime";
 import { SmartLinkAlignment, SmartLinkDirection, SmartLinkPosition, SmartLinkSize, SmartLinkWidth } from '../../../../../constants';
-import { renderChildren } from '../utils';
+import { renderChildren } from '../renderChildren';
 const alignmentStyleMap = {
   right: "_1dthh9n0 _r291h9n0 _1bahesu3 _y3gnusic",
   left: "_1dthv2br _r291v2br _1bah1y6m _y3gn1e5h"

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

@@ -0,0 +1,27 @@
+import { ActionName } from '../../../../constants';
+export const filterActionItems = (items = [], context, product) => {
+  return items.filter(item => {
+    switch (item.name) {
+      case ActionName.DeleteAction:
+      case ActionName.EditAction:
+      case ActionName.CustomAction:
+        // Named and custom actions that user defines.
+        return Boolean(ActionName[item.name]);
+      case ActionName.RovoChatAction:
+        if (!!product && product === 'CONFLUENCE') {
+          return Boolean(ActionName[item.name]);
+        }
+        // same as default case below
+        if ((context === null || context === void 0 ? void 0 : context.actions) === undefined) {
+          return false;
+        }
+        return Boolean(item.name in context.actions ? context.actions[item.name] : undefined);
+      default:
+        // Action that require data from the data context to render.
+        if ((context === null || context === void 0 ? void 0 : context.actions) === undefined) {
+          return false;
+        }
+        return Boolean(item.name in context.actions ? context.actions[item.name] : undefined);
+    }
+  });
+};

package/dist/es2019/view/FlexibleCard/components/blocks/footer-block/FooterBlock.js

@@ -0,0 +1,27 @@
+import _extends from "@babel/runtime/helpers/extends";
+import React from 'react';
+import { SmartLinkStatus } from '../../../../../constants';
+import { useFlexibleCardContext } from '../../../../../state/flexible-ui-context/useFlexibleCardContext';
+import FooterBlockResolvedView from './resolved';
+/**
+ * Represents a FooterBlock, designed to contain elements and actions that should appear
+ * at the bottom of a link card.
+ * @public
+ * @param {FooterBlockProps} FooterBlockProps
+ * @see Block
+ */
+export const FooterBlock = ({
+  testId = 'smart-footer-block',
+  alwaysShow,
+  ...props
+}) => {
+  var _props$size, _cardContext$ui;
+  const cardContext = useFlexibleCardContext();
+  if ((cardContext === null || cardContext === void 0 ? void 0 : cardContext.status) !== SmartLinkStatus.Resolved && !alwaysShow) {
+    return null;
+  }
+  return /*#__PURE__*/React.createElement(FooterBlockResolvedView, _extends({}, props, {
+    size: (_props$size = props.size) !== null && _props$size !== void 0 ? _props$size : cardContext === null || cardContext === void 0 ? void 0 : (_cardContext$ui = cardContext.ui) === null || _cardContext$ui === void 0 ? void 0 : _cardContext$ui.size,
+    testId: testId
+  }));
+};

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

@@ -1,28 +1,9 @@
-import _extends from "@babel/runtime/helpers/extends";
-import React from 'react';
-import { SmartLinkStatus } from '../../../../../constants';
-import { useFlexibleCardContext } from '../../../../../state/flexible-ui-context';
-import FooterBlockResolvedView from './resolved';
+/* eslint-disable @repo/internal/deprecations/deprecation-ticket-required -- VOLTC-139 tracks removal of these deprecated re-export shims. */
+
+import { FooterBlock } from './FooterBlock';
+export default FooterBlock;
+
 /**
- * Represents a FooterBlock, designed to contain elements and actions that should appear
- * at the bottom of a link card.
- * @public
- * @param {FooterBlockProps} FooterBlockProps
- * @see Block
+ * @deprecated Use `import { FooterBlock } from '@atlaskit/smart-card/footer-block'` instead.
  */
-const FooterBlock = ({
-  testId = 'smart-footer-block',
-  alwaysShow,
-  ...props
-}) => {
-  var _props$size, _cardContext$ui;
-  const cardContext = useFlexibleCardContext();
-  if ((cardContext === null || cardContext === void 0 ? void 0 : cardContext.status) !== SmartLinkStatus.Resolved && !alwaysShow) {
-    return null;
-  }
-  return /*#__PURE__*/React.createElement(FooterBlockResolvedView, _extends({}, props, {
-    size: (_props$size = props.size) !== null && _props$size !== void 0 ? _props$size : cardContext === null || cardContext === void 0 ? void 0 : (_cardContext$ui = cardContext.ui) === null || _cardContext$ui === void 0 ? void 0 : _cardContext$ui.size,
-    testId: testId
-  }));
-};
-export default FooterBlock;
+export { FooterBlock } from './FooterBlock';

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

@@ -7,12 +7,12 @@ import { useCallback, useMemo, useState } from 'react';
 import { browser } from '@atlaskit/linking-common/user-agent';
 import { WidthObserver } from '@atlaskit/width-detector/width-observer';
 import { ActionName, SmartLinkAlignment, SmartLinkDirection, SmartLinkSize, SmartLinkWidth } from '../../../../../../constants';
-import { useFlexibleUiContext } from '../../../../../../state/flexible-ui-context';
-import { Provider } from '../../../elements';
+import { useFlexibleUiContext } from '../../../../../../state/flexible-ui-context/useFlexibleUiContext';
+import { default as Provider } from '../../../elements/provider-element';
 import ActionGroup from '../../action-group';
 import Block from '../../block';
 import ElementGroup from '../../element-group';
-import { filterActionItems } from '../../utils';
+import { filterActionItems } from '../../filterActionItems';
 const actionGroupStyles = null;
 const safariStyles = null;
 const providerStyles = null;

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

@@ -0,0 +1,20 @@
+import { SmartLinkSize } from '../../../../constants';
+
+/**
+ * Get gap size between elements inside a block
+ * Equivalent version for DS primitives space token is getPrimitivesInlineSpaceBySize()
+ * at view/FlexibleCard/components/utils.tsx
+ */
+export const getGapSize = size => {
+  switch (size) {
+    case SmartLinkSize.XLarge:
+      return 1.25;
+    case SmartLinkSize.Large:
+      return 1;
+    case SmartLinkSize.Medium:
+      return 0.5;
+    case SmartLinkSize.Small:
+    default:
+      return 0.25;
+  }
+};