@atlaskit/smart-card 45.20.7 → 45.21.0

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

@@ -0,0 +1,107 @@
+/* RovoSummaryBlockResolvedView.tsx generated by @compiled/babel-plugin v2.0.0 */
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+var _typeof = require("@babel/runtime/helpers/typeof");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.RovoSummaryBlockResolvedView = void 0;
+require("./RovoSummaryBlockResolvedView.compiled.css");
+var _react = _interopRequireWildcard(require("react"));
+var React = _react;
+var _runtime = require("@compiled/react/runtime");
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+var _reactIntl = require("react-intl");
+var _reactMagneticDi = require("react-magnetic-di");
+var _logo = require("@atlaskit/logo");
+var _compiled = require("@atlaskit/primitives/compiled");
+var _constants = require("../../../../../../constants");
+var _messages = require("../../../../../../messages");
+var _useAiSummaryAction = _interopRequireDefault(require("../../../../../../state/hooks/use-ai-summary-action"));
+var _aiSummary = _interopRequireDefault(require("../../../../../common/ai-summary"));
+var _aiFooter = _interopRequireDefault(require("../../../../../common/ai-summary/ai-footer"));
+var _motionWrapper = _interopRequireDefault(require("../../../common/motion-wrapper"));
+var _block = _interopRequireDefault(require("../../block"));
+var _aiEventSummaryViewed = _interopRequireDefault(require("../ai-event-summary-viewed"));
+var _ellipses = require("../assets/ellipses");
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
+var newStyles = {
+  iconWrapper: "_19bv1b66 _u5f3utpp _1e0c1txw _4cvr1h6o",
+  placeholderWrapper: "_1e0c1txw _4cvr1h6o",
+  summaryWrapper: "_ca0q1b66 _1e0c1txw",
+  ellipsesContainer: "_19bv1b66"
+};
+var styles = null;
+var RovoSummaryBlockResolvedView = exports.RovoSummaryBlockResolvedView = function RovoSummaryBlockResolvedView(props) {
+  var testId = props.testId,
+    _props$aiSummaryMinHe = props.aiSummaryMinHeight,
+    aiSummaryMinHeight = _props$aiSummaryMinHe === void 0 ? 0 : _props$aiSummaryMinHe,
+    placeholder = props.placeholder,
+    url = props.url;
+  var _useAISummaryAction = (0, _useAiSummaryAction.default)(url),
+    _useAISummaryAction$s = _useAISummaryAction.state,
+    content = _useAISummaryAction$s.content,
+    status = _useAISummaryAction$s.status;
+  var isSummarisedOnMountRef = (0, _react.useRef)(status === 'done');
+  var 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.default, (0, _extends2.default)({}, props, {
+      direction: _constants.SmartLinkDirection.Vertical,
+      testId: "".concat(testId, "-resolved-view"),
+      className: (0, _runtime.ax)(["_1reoewfl _18m9ewfl"])
+    }), /*#__PURE__*/React.createElement(_compiled.Inline, {
+      xcss: newStyles.summaryWrapper
+    }, /*#__PURE__*/React.createElement("div", {
+      className: (0, _runtime.ax)([newStyles.iconWrapper])
+    }, /*#__PURE__*/React.createElement(_logo.RovoIcon, {
+      shouldUseHexLogo: true,
+      size: "xxsmall"
+    })), status === 'done' && /*#__PURE__*/React.createElement(_aiEventSummaryViewed.default, {
+      fromCache: isSummarisedOnMountRef.current
+    }), /*#__PURE__*/React.createElement(_motionWrapper.default, {
+      minHeight: minHeight,
+      show: true,
+      showTransition: !isSummarisedOnMountRef.current
+    }, /*#__PURE__*/React.createElement(_aiSummary.default, {
+      testId: "".concat(testId, "-ai-summary"),
+      minHeight: minHeight,
+      content: content
+    }), status === 'done' && /*#__PURE__*/React.createElement(_aiFooter.default, null))));
+  }
+
+  // Show loading state on initial request where content hasn't returned yet.
+  if (status === 'loading') {
+    return /*#__PURE__*/React.createElement(_motionWrapper.default, {
+      minHeight: minHeight,
+      show: true,
+      showTransition: true
+    }, /*#__PURE__*/React.createElement(_compiled.Inline, {
+      testId: "".concat(testId, "-placeholder"),
+      xcss: newStyles.placeholderWrapper
+    }, /*#__PURE__*/React.createElement("div", {
+      className: (0, _runtime.ax)([newStyles.iconWrapper])
+    }, /*#__PURE__*/React.createElement(_logo.RovoIcon, {
+      shouldUseHexLogo: true,
+      size: 'xxsmall'
+    })), /*#__PURE__*/React.createElement(_compiled.Text, {
+      size: "small",
+      color: "color.text"
+    }, /*#__PURE__*/React.createElement(_reactIntl.FormattedMessage, _messages.messages.rovo_summary_loading)), /*#__PURE__*/React.createElement(_compiled.Box, {
+      xcss: newStyles.ellipsesContainer
+    }, /*#__PURE__*/React.createElement(_ellipses.EllipsesAnimation, {
+      isAnimated: true
+    }))));
+  }
+
+  // Otherwise, show placeholder if provided
+  if (placeholder) {
+    return /*#__PURE__*/React.createElement(_react.Fragment, null, placeholder);
+  }
+  return null;
+};

package/dist/cjs/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/cjs/view/FlexibleCard/components/blocks/ai-summary-block/resolved/index.js

@@ -6,33 +6,21 @@ var _typeof = require("@babel/runtime/helpers/typeof");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.default = exports.RovoSummaryBlockResolvedView = void 0;
+exports.default = void 0;
 require("./index.compiled.css");
 var _react = _interopRequireWildcard(require("react"));
 var React = _react;
 var _runtime = require("@compiled/react/runtime");
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-var _reactIntl = require("react-intl");
 var _reactMagneticDi = require("react-magnetic-di");
-var _logo = require("@atlaskit/logo");
-var _compiled = require("@atlaskit/primitives/compiled");
 var _constants = require("../../../../../../constants");
-var _messages = require("../../../../../../messages");
 var _useAiSummaryAction = _interopRequireDefault(require("../../../../../../state/hooks/use-ai-summary-action"));
 var _aiSummary = _interopRequireDefault(require("../../../../../common/ai-summary"));
-var _aiFooter = _interopRequireDefault(require("../../../../../common/ai-summary/ai-footer"));
 var _motionWrapper = _interopRequireDefault(require("../../../common/motion-wrapper"));
 var _block = _interopRequireDefault(require("../../block"));
 var _aiEventSummaryViewed = _interopRequireDefault(require("../ai-event-summary-viewed"));
-var _ellipses = require("../assets/ellipses");
 function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
 var styles = null;
-var newStyles = {
-  iconWrapper: "_19bv1b66 _u5f3utpp _1e0c1txw _4cvr1h6o",
-  placeholderWrapper: "_1e0c1txw _4cvr1h6o",
-  summaryWrapper: "_ca0q1b66 _1e0c1txw",
-  ellipsesContainer: "_19bv1b66"
-};
 var AISummaryBlockResolvedView = function AISummaryBlockResolvedView(props) {
   var testId = props.testId,
     _props$aiSummaryMinHe = props.aiSummaryMinHeight,
@@ -67,76 +55,4 @@ var AISummaryBlockResolvedView = function AISummaryBlockResolvedView(props) {
     content: content
   })));
 };
-var RovoSummaryBlockResolvedView = exports.RovoSummaryBlockResolvedView = function RovoSummaryBlockResolvedView(props) {
-  var testId = props.testId,
-    _props$aiSummaryMinHe2 = props.aiSummaryMinHeight,
-    aiSummaryMinHeight = _props$aiSummaryMinHe2 === void 0 ? 0 : _props$aiSummaryMinHe2,
-    placeholder = props.placeholder,
-    url = props.url;
-  var _useAISummaryAction2 = (0, _useAiSummaryAction.default)(url),
-    _useAISummaryAction2$ = _useAISummaryAction2.state,
-    content = _useAISummaryAction2$.content,
-    status = _useAISummaryAction2$.status;
-  var isSummarisedOnMountRef = (0, _react.useRef)(status === 'done');
-  var 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.default, (0, _extends2.default)({}, props, {
-      direction: _constants.SmartLinkDirection.Vertical,
-      testId: "".concat(testId, "-resolved-view"),
-      className: (0, _runtime.ax)(["_1reoewfl _18m9ewfl"])
-    }), /*#__PURE__*/React.createElement(_compiled.Inline, {
-      xcss: newStyles.summaryWrapper
-    }, /*#__PURE__*/React.createElement("div", {
-      className: (0, _runtime.ax)([newStyles.iconWrapper])
-    }, /*#__PURE__*/React.createElement(_logo.RovoIcon, {
-      shouldUseHexLogo: true,
-      size: "xxsmall"
-    })), status === 'done' && /*#__PURE__*/React.createElement(_aiEventSummaryViewed.default, {
-      fromCache: isSummarisedOnMountRef.current
-    }), /*#__PURE__*/React.createElement(_motionWrapper.default, {
-      minHeight: minHeight,
-      show: true,
-      showTransition: !isSummarisedOnMountRef.current
-    }, /*#__PURE__*/React.createElement(_aiSummary.default, {
-      testId: "".concat(testId, "-ai-summary"),
-      minHeight: minHeight,
-      content: content
-    }), status === 'done' && /*#__PURE__*/React.createElement(_aiFooter.default, null))));
-  }
-
-  // Show loading state on initial request where content hasn't returned yet.
-  if (status === 'loading') {
-    return /*#__PURE__*/React.createElement(_motionWrapper.default, {
-      minHeight: minHeight,
-      show: true,
-      showTransition: true
-    }, /*#__PURE__*/React.createElement(_compiled.Inline, {
-      testId: "".concat(testId, "-placeholder"),
-      xcss: newStyles.placeholderWrapper
-    }, /*#__PURE__*/React.createElement("div", {
-      className: (0, _runtime.ax)([newStyles.iconWrapper])
-    }, /*#__PURE__*/React.createElement(_logo.RovoIcon, {
-      shouldUseHexLogo: true,
-      size: 'xxsmall'
-    })), /*#__PURE__*/React.createElement(_compiled.Text, {
-      size: "small",
-      color: "color.text"
-    }, /*#__PURE__*/React.createElement(_reactIntl.FormattedMessage, _messages.messages.rovo_summary_loading)), /*#__PURE__*/React.createElement(_compiled.Box, {
-      xcss: newStyles.ellipsesContainer
-    }, /*#__PURE__*/React.createElement(_ellipses.EllipsesAnimation, {
-      isAnimated: true
-    }))));
-  }
-
-  // Otherwise, show placeholder if provided
-  if (placeholder) {
-    return /*#__PURE__*/React.createElement(_react.Fragment, null, placeholder);
-  }
-  return null;
-};
 var _default = exports.default = AISummaryBlockResolvedView;

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

@@ -0,0 +1,67 @@
+/* Block.tsx generated by @compiled/babel-plugin v2.0.0 */
+/* eslint-disable @atlaskit/ui-styling-standard/no-nested-selectors */
+"use strict";
+
+var _typeof = require("@babel/runtime/helpers/typeof");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.Block = void 0;
+require("./Block.compiled.css");
+var _react = _interopRequireWildcard(require("react"));
+var React = _react;
+var _runtime = require("@compiled/react/runtime");
+var _constants = require("../../../../../constants");
+var _renderChildren = require("../renderChildren");
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
+var baseBlockStyles = null;
+var highlightRemoveStyles = null;
+var gapStyles = {
+  xlarge: "_zulpv47k _1ljqv47k",
+  large: "_zulppxbi _1ljqpxbi",
+  medium: "_zulpu2gc _1ljqu2gc",
+  small: "_zulp1b66 _1ljq1b66"
+};
+var 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
+ */
+var Block = exports.Block = function Block(_ref) {
+  var children = _ref.children,
+    _ref$direction = _ref.direction,
+    direction = _ref$direction === void 0 ? _constants.SmartLinkDirection.Horizontal : _ref$direction,
+    _ref$size = _ref.size,
+    size = _ref$size === void 0 ? _constants.SmartLinkSize.Medium : _ref$size,
+    _ref$testId = _ref.testId,
+    testId = _ref$testId === void 0 ? 'smart-block' : _ref$testId,
+    className = _ref.className,
+    blockRef = _ref.blockRef,
+    onRender = _ref.onRender,
+    onTransitionEnd = _ref.onTransitionEnd,
+    style = _ref.style,
+    placeholderId = _ref.placeholderId;
+  (0, _react.useEffect)(function () {
+    onRender && onRender();
+  }, [onRender]);
+  return /*#__PURE__*/React.createElement("div", {
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop
+    className: (0, _runtime.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
+  }, (0, _renderChildren.renderChildren)(children, size));
+};

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

@@ -1,68 +1,23 @@
-/* index.tsx generated by @compiled/babel-plugin v2.0.0 */
-/* eslint-disable @atlaskit/ui-styling-standard/no-nested-selectors */
 "use strict";
 
-var _typeof = require("@babel/runtime/helpers/typeof");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
+Object.defineProperty(exports, "Block", {
+  enumerable: true,
+  get: function get() {
+    return _Block.Block;
+  }
+});
 exports.default = void 0;
-require("./index.compiled.css");
-var _react = _interopRequireWildcard(require("react"));
-var React = _react;
-var _runtime = require("@compiled/react/runtime");
-var _constants = require("../../../../../constants");
-var _utils = require("../utils");
-function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
-var baseBlockStyles = null;
-var highlightRemoveStyles = null;
-var gapStyles = {
-  xlarge: "_zulpv47k _1ljqv47k",
-  large: "_zulppxbi _1ljqpxbi",
-  medium: "_zulpu2gc _1ljqu2gc",
-  small: "_zulp1b66 _1ljq1b66"
-};
-var directionStyles = {
-  vertical: "_2lx21bp4 _4cvr1y6m",
-  horizontal: "_2lx2vrvc _4cvr1h6o"
-};
-
+var _Block = require("./Block");
+/* 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 */
 /**
- * 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
+ * @jsxRuntime classic
+ * @jsx jsx
  */
-var Block = function Block(_ref) {
-  var children = _ref.children,
-    _ref$direction = _ref.direction,
-    direction = _ref$direction === void 0 ? _constants.SmartLinkDirection.Horizontal : _ref$direction,
-    _ref$size = _ref.size,
-    size = _ref$size === void 0 ? _constants.SmartLinkSize.Medium : _ref$size,
-    _ref$testId = _ref.testId,
-    testId = _ref$testId === void 0 ? 'smart-block' : _ref$testId,
-    className = _ref.className,
-    blockRef = _ref.blockRef,
-    onRender = _ref.onRender,
-    onTransitionEnd = _ref.onTransitionEnd,
-    style = _ref.style,
-    placeholderId = _ref.placeholderId;
-  (0, _react.useEffect)(function () {
-    onRender && onRender();
-  }, [onRender]);
-  return /*#__PURE__*/React.createElement("div", {
-    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop
-    className: (0, _runtime.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
-  }, (0, _utils.renderChildren)(children, size));
-};
-var _default = exports.default = Block;
+var _default = exports.default = _Block.Block;
+/**
+ * @deprecated Use `import { Block } from '@atlaskit/smart-card/block'` instead.
+ */

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

@@ -11,7 +11,7 @@ require("./index.compiled.css");
 var React = _interopRequireWildcard(require("react"));
 var _runtime = require("@compiled/react/runtime");
 var _constants = require("../../../../../constants");
-var _utils = require("../utils");
+var _renderChildren = require("../renderChildren");
 function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
 var alignmentStyleMap = {
   right: "_1dthh9n0 _r291h9n0 _1bahesu3 _y3gnusic",
@@ -86,6 +86,6 @@ var ElementGroup = function ElementGroup(_ref) {
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop
     ,
     className: (0, _runtime.ax)([baseStyleBySize[size], baseStyleByDirection[direction], "_fiawglyw", alignmentStyleMap[align], "_1ul99by0", widthStyle[width], isHorizontal && "_1reo15vq _18m915vq _1e0c1ule _s7n4nkob _1bto1l2s _1nmz1hna _1yyjkb7n _sudp1e54 _1aaynkob _15tynkob _1iu61nu9 _166k1nu9 _1div1nu9 _bmfb1nu9", isHorizontal && horizontalStyleByHeight[size], isHorizontal && align === _constants.SmartLinkAlignment.Left && gapStylesLeft[size], isHorizontal && align === _constants.SmartLinkAlignment.Right && gapStylesRight[size], positionStyle[position], className])
-  }, (0, _utils.renderChildren)(children, size));
+  }, (0, _renderChildren.renderChildren)(children, size));
 };
 var _default = exports.default = ElementGroup;

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

@@ -0,0 +1,36 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.filterActionItems = void 0;
+var _constants = require("../../../../constants");
+var filterActionItems = exports.filterActionItems = function filterActionItems() {
+  var items = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : [];
+  var context = arguments.length > 1 ? arguments[1] : undefined;
+  var product = arguments.length > 2 ? arguments[2] : undefined;
+  return items.filter(function (item) {
+    switch (item.name) {
+      case _constants.ActionName.DeleteAction:
+      case _constants.ActionName.EditAction:
+      case _constants.ActionName.CustomAction:
+        // Named and custom actions that user defines.
+        return Boolean(_constants.ActionName[item.name]);
+      case _constants.ActionName.RovoChatAction:
+        if (!!product && product === 'CONFLUENCE') {
+          return Boolean(_constants.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/cjs/view/FlexibleCard/components/blocks/footer-block/FooterBlock.js

@@ -0,0 +1,36 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.FooterBlock = void 0;
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
+var _react = _interopRequireDefault(require("react"));
+var _constants = require("../../../../../constants");
+var _useFlexibleCardContext = require("../../../../../state/flexible-ui-context/useFlexibleCardContext");
+var _resolved = _interopRequireDefault(require("./resolved"));
+var _excluded = ["testId", "alwaysShow"];
+/**
+ * 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
+ */
+var FooterBlock = exports.FooterBlock = function FooterBlock(_ref) {
+  var _props$size, _cardContext$ui;
+  var _ref$testId = _ref.testId,
+    testId = _ref$testId === void 0 ? 'smart-footer-block' : _ref$testId,
+    alwaysShow = _ref.alwaysShow,
+    props = (0, _objectWithoutProperties2.default)(_ref, _excluded);
+  var cardContext = (0, _useFlexibleCardContext.useFlexibleCardContext)();
+  if ((cardContext === null || cardContext === void 0 ? void 0 : cardContext.status) !== _constants.SmartLinkStatus.Resolved && !alwaysShow) {
+    return null;
+  }
+  return /*#__PURE__*/_react.default.createElement(_resolved.default, (0, _extends2.default)({}, props, {
+    size: (_props$size = props.size) !== null && _props$size !== void 0 ? _props$size : cardContext === null || cardContext === void 0 || (_cardContext$ui = cardContext.ui) === null || _cardContext$ui === void 0 ? void 0 : _cardContext$ui.size,
+    testId: testId
+  }));
+};

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

@@ -1,37 +1,18 @@
 "use strict";
 
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
+Object.defineProperty(exports, "FooterBlock", {
+  enumerable: true,
+  get: function get() {
+    return _FooterBlock.FooterBlock;
+  }
+});
 exports.default = void 0;
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
-var _react = _interopRequireDefault(require("react"));
-var _constants = require("../../../../../constants");
-var _flexibleUiContext = require("../../../../../state/flexible-ui-context");
-var _resolved = _interopRequireDefault(require("./resolved"));
-var _excluded = ["testId", "alwaysShow"];
+var _FooterBlock = require("./FooterBlock");
+/* eslint-disable @repo/internal/deprecations/deprecation-ticket-required -- VOLTC-139 tracks removal of these deprecated re-export shims. */
+var _default = exports.default = _FooterBlock.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
- */
-var FooterBlock = function FooterBlock(_ref) {
-  var _props$size, _cardContext$ui;
-  var _ref$testId = _ref.testId,
-    testId = _ref$testId === void 0 ? 'smart-footer-block' : _ref$testId,
-    alwaysShow = _ref.alwaysShow,
-    props = (0, _objectWithoutProperties2.default)(_ref, _excluded);
-  var cardContext = (0, _flexibleUiContext.useFlexibleCardContext)();
-  if ((cardContext === null || cardContext === void 0 ? void 0 : cardContext.status) !== _constants.SmartLinkStatus.Resolved && !alwaysShow) {
-    return null;
-  }
-  return /*#__PURE__*/_react.default.createElement(_resolved.default, (0, _extends2.default)({}, props, {
-    size: (_props$size = props.size) !== null && _props$size !== void 0 ? _props$size : cardContext === null || cardContext === void 0 || (_cardContext$ui = cardContext.ui) === null || _cardContext$ui === void 0 ? void 0 : _cardContext$ui.size,
-    testId: testId
-  }));
-};
-var _default = exports.default = FooterBlock;
+ * @deprecated Use `import { FooterBlock } from '@atlaskit/smart-card/footer-block'` instead.
+ */

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

@@ -16,12 +16,12 @@ var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/sli
 var _userAgent = require("@atlaskit/linking-common/user-agent");
 var _widthObserver = require("@atlaskit/width-detector/width-observer");
 var _constants = require("../../../../../../constants");
-var _flexibleUiContext = require("../../../../../../state/flexible-ui-context");
-var _elements = require("../../../elements");
+var _useFlexibleUiContext = require("../../../../../../state/flexible-ui-context/useFlexibleUiContext");
+var _providerElement = _interopRequireDefault(require("../../../elements/provider-element"));
 var _actionGroup = _interopRequireDefault(require("../../action-group"));
 var _block = _interopRequireDefault(require("../../block"));
 var _elementGroup = _interopRequireDefault(require("../../element-group"));
-var _utils = require("../../utils");
+var _filterActionItems2 = require("../../filterActionItems");
 function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
 var actionGroupStyles = null;
 var safariStyles = null;
@@ -36,7 +36,7 @@ var FooterBlockResolvedView = function FooterBlockResolvedView(props) {
     size = _props$size === void 0 ? _constants.SmartLinkSize.Medium : _props$size,
     hideProvider = props.hideProvider,
     isPreviewBlockErrored = props.isPreviewBlockErrored;
-  var context = (0, _flexibleUiContext.useFlexibleUiContext)();
+  var context = (0, _useFlexibleUiContext.useFlexibleUiContext)();
   var rovoChatAction = context === null || context === void 0 || (_context$actions = context.actions) === null || _context$actions === void 0 ? void 0 : _context$actions[_constants.ActionName.RovoChatAction];
   var isRovoActionsEnabled = (0, _react.useMemo)(function () {
     return !!rovoChatAction && rovoChatAction.product === 'CONFLUENCE' && (actions === null || actions === void 0 ? void 0 : actions.some(function (action) {
@@ -46,7 +46,7 @@ var FooterBlockResolvedView = function FooterBlockResolvedView(props) {
   var hasPreview = isRovoActionsEnabled && !!(context !== null && context !== void 0 && context.preview) && !isPreviewBlockErrored;
   var hasActions = (0, _react.useMemo)(function () {
     var _filterActionItems;
-    return ((_filterActionItems = (0, _utils.filterActionItems)(actions, context)) === null || _filterActionItems === void 0 ? void 0 : _filterActionItems.length) > 0;
+    return ((_filterActionItems = (0, _filterActionItems2.filterActionItems)(actions, context)) === null || _filterActionItems === void 0 ? void 0 : _filterActionItems.length) > 0;
   }, [actions, context]);
 
   // eslint-disable-next-line react-hooks/rules-of-hooks
@@ -70,7 +70,7 @@ var FooterBlockResolvedView = function FooterBlockResolvedView(props) {
     setContainerWidth = _useState2[1];
   return /*#__PURE__*/React.createElement(_block.default, (0, _extends2.default)({}, props, {
     testId: "".concat(testId, "-resolved-view")
-  }), !hideProvider && /*#__PURE__*/React.createElement(_elements.Provider, {
+  }), !hideProvider && /*#__PURE__*/React.createElement(_providerElement.default, {
     appearance: "subtle",
     testId: "".concat(testId, "-provider"),
     hideLabel: hasPreview,

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

@@ -0,0 +1,25 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.getGapSize = void 0;
+var _constants = require("../../../../constants");
+/**
+ * Get gap size between elements inside a block
+ * Equivalent version for DS primitives space token is getPrimitivesInlineSpaceBySize()
+ * at view/FlexibleCard/components/utils.tsx
+ */
+var getGapSize = exports.getGapSize = function getGapSize(size) {
+  switch (size) {
+    case _constants.SmartLinkSize.XLarge:
+      return 1.25;
+    case _constants.SmartLinkSize.Large:
+      return 1;
+    case _constants.SmartLinkSize.Medium:
+      return 0.5;
+    case _constants.SmartLinkSize.Small:
+    default:
+      return 0.25;
+  }
+};