@atlaskit/smart-card 43.31.6 → 43.31.7

package/dist/cjs/utils/analytics/analytics.js

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

package/dist/cjs/view/FlexibleCard/components/actions/action/action-stack-item/action-button.compiled.css

@@ -1,6 +1,11 @@
 ._11c8wadc{font:var(--ds-font-body-small,normal 400 9pt/1pc "Atlassian Sans",ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Ubuntu,"Helvetica Neue",sans-serif)}
 ._19bv1b66{padding-left:var(--ds-space-050,4px)}
+._1bah1h6o{justify-content:center}
 ._1bsb1osq{width:100%}
+._1bsb1tcg{width:24px}
+._1e0c116y{display:inline-flex}
+._4cvr1h6o{align-items:center}
+._4t3i1tcg{height:24px}
 ._bfhksm61{background-color:var(--ds-background-neutral-subtle,#00000000)}
 ._ca0q1b66{padding-top:var(--ds-space-050,4px)}
 ._n3td1b66{padding-bottom:var(--ds-space-050,4px)}

package/dist/cjs/view/FlexibleCard/components/actions/action/action-stack-item/action-button.js

@@ -16,12 +16,14 @@ var _css = require("@atlaskit/css");
 var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 var _compiled = require("@atlaskit/primitives/compiled");
 var _spinner = _interopRequireDefault(require("@atlaskit/spinner"));
+var _expValEqualsNoExposure = require("@atlaskit/tmp-editor-statsig/exp-val-equals-no-exposure");
 var _utils = require("../../../utils");
 var _actionIcon = _interopRequireDefault(require("../action-icon"));
 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 = {
   button: "_bfhksm61 _ca0q1b66 _u5f31b66 _n3td1b66 _19bv1b66 _1bsb1osq _1ah31i6y _irr31dpa _1di6fcek",
-  content: "_11c8wadc _syazi7uo"
+  content: "_11c8wadc _syazi7uo",
+  spinner: "_1bsb1tcg _4t3i1tcg _1e0c116y _4cvr1h6o _1bah1h6o"
 };
 var ActionButton = function ActionButton(_ref) {
   var content = _ref.content,
@@ -42,7 +44,12 @@ var ActionButton = function ActionButton(_ref) {
     }
   }, [isDisabled, isLoading, onClickCallback]);
   var icon = iconOption && isLoading ? /*#__PURE__*/React.createElement(_actionIcon.default, {
-    icon: /*#__PURE__*/React.createElement(_spinner.default, {
+    icon: (0, _expValEqualsNoExposure.expValEqualsNoExposure)('platform_sl_3p_auth_rovo_action', 'isEnabled', true) && (0, _platformFeatureFlags.fg)('platform_sl_3p_auth_rovo_action_kill_switch') ? /*#__PURE__*/React.createElement(_compiled.Box, {
+      xcss: styles.spinner
+    }, /*#__PURE__*/React.createElement(_spinner.default, {
+      size: 16,
+      testId: "".concat(testId, "-loading")
+    })) : /*#__PURE__*/React.createElement(_spinner.default, {
       testId: "".concat(testId, "-loading")
     })
   }) : iconOption;

package/dist/cjs/view/FlexibleCard/components/actions/ai-summary-action/ai-summarise-action.js

@@ -11,6 +11,7 @@ var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/h
 var _react = _interopRequireWildcard(require("react"));
 var _reactIntlNext = require("react-intl-next");
 var _atlassianIntelligence = _interopRequireDefault(require("@atlaskit/icon/core/atlassian-intelligence"));
+var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 var _useAnalyticsEvents2 = require("../../../../../common/analytics/generated/use-analytics-events");
 var _messages = require("../../../../../messages");
 var _action = _interopRequireDefault(require("../action"));
@@ -44,11 +45,13 @@ function AISummariseAction(_ref) {
   }, [fireEvent, onClickCallback, onCompleted, summariseUrl]);
   return /*#__PURE__*/_react.default.createElement(_action.default, (0, _extends2.default)({
     content: /*#__PURE__*/_react.default.createElement(_reactIntlNext.FormattedMessage, _messages.messages.ai_summary_action),
-    icon: /*#__PURE__*/_react.default.createElement(_atlassianIntelligence.default, {
+    icon: /*#__PURE__*/_react.default.createElement(_atlassianIntelligence.default, (0, _extends2.default)({
       spacing: "spacious",
       color: "currentColor",
       label: "Summarise with AI"
-    }),
+    }, (0, _platformFeatureFlags.fg)('platform_sl_3p_auth_rovo_action_kill_switch') ? {
+      size: props.iconSize
+    } : {})),
     onClick: handleActionClick,
     testId: "".concat(testId, "-summarise-action"),
     isLoading: status === 'loading',

package/dist/cjs/view/FlexibleCard/components/actions/ai-summary-action/ai-summary-action-component.js

@@ -9,6 +9,7 @@ exports.AISummaryActionComponent = void 0;
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var _react = _interopRequireWildcard(require("react"));
 var _reactMagneticDi = require("react-magnetic-di");
+var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 var _useAiSummaryAction = _interopRequireDefault(require("../../../../../state/hooks/use-ai-summary-action"));
 var _aiSummariseAction = require("./ai-summarise-action");
 var _copySummaryAction = require("./copy-summary-action");
@@ -26,7 +27,10 @@ var AISummaryActionComponent = exports.AISummaryActionComponent = function AISum
   (0, _react.useEffect)(function () {
     onLoadingChange === null || onLoadingChange === void 0 || onLoadingChange(status === 'loading');
   }, [onLoadingChange, status]);
-  return status === 'done' ? /*#__PURE__*/_react.default.createElement(_copySummaryAction.CopySummaryAction, (0, _extends2.default)({}, props, {
+  return status === 'done' ? (0, _platformFeatureFlags.fg)('platform_sl_3p_auth_rovo_action_kill_switch') ? /*#__PURE__*/_react.default.createElement(_copySummaryAction.CopySummaryActionNew, (0, _extends2.default)({}, props, {
+    summary: content,
+    testId: testId
+  })) : /*#__PURE__*/_react.default.createElement(_copySummaryAction.CopySummaryAction, (0, _extends2.default)({}, props, {
     testId: testId,
     content: content
   })) : /*#__PURE__*/_react.default.createElement(_aiSummariseAction.AISummariseAction, (0, _extends2.default)({}, props, {

package/dist/cjs/view/FlexibleCard/components/actions/ai-summary-action/copy-summary-action.js

@@ -6,6 +6,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.CopySummaryAction = CopySummaryAction;
+exports.CopySummaryActionNew = CopySummaryActionNew;
 var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"));
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
@@ -14,10 +15,11 @@ var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/h
 var _react = _interopRequireWildcard(require("react"));
 var _reactIntlNext = require("react-intl-next");
 var _copy = _interopRequireDefault(require("@atlaskit/icon/core/copy"));
-var _useAnalyticsEvents2 = require("../../../../../common/analytics/generated/use-analytics-events");
+var _useAnalyticsEvents3 = require("../../../../../common/analytics/generated/use-analytics-events");
 var _messages = require("../../../../../messages");
 var _action = _interopRequireDefault(require("../action"));
-var _excluded = ["url", "onClick", "testId", "content"];
+var _excluded = ["url", "onClick", "testId", "content"],
+  _excluded2 = ["url", "onClick", "summary", "testId"];
 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); }
 function CopySummaryAction(_ref) {
   var url = _ref.url,
@@ -25,7 +27,7 @@ function CopySummaryAction(_ref) {
     testId = _ref.testId,
     content = _ref.content,
     props = (0, _objectWithoutProperties2.default)(_ref, _excluded);
-  var _useAnalyticsEvents = (0, _useAnalyticsEvents2.useAnalyticsEvents)(),
+  var _useAnalyticsEvents = (0, _useAnalyticsEvents3.useAnalyticsEvents)(),
     fireEvent = _useAnalyticsEvents.fireEvent;
   var _useState = (0, _react.useState)(_messages.messages.copy_summary_action_description),
     _useState2 = (0, _slicedToArray2.default)(_useState, 2),
@@ -61,4 +63,49 @@ function CopySummaryAction(_ref) {
       return setTooltipMessage(_messages.messages.copy_summary_action_description);
     }
   }, props));
+}
+function CopySummaryActionNew(_ref3) {
+  var url = _ref3.url,
+    onClickCallback = _ref3.onClick,
+    _ref3$summary = _ref3.summary,
+    summary = _ref3$summary === void 0 ? '' : _ref3$summary,
+    testId = _ref3.testId,
+    props = (0, _objectWithoutProperties2.default)(_ref3, _excluded2);
+  var _useAnalyticsEvents2 = (0, _useAnalyticsEvents3.useAnalyticsEvents)(),
+    fireEvent = _useAnalyticsEvents2.fireEvent;
+  var _useState3 = (0, _react.useState)(_messages.messages.copy_summary_action_description),
+    _useState4 = (0, _slicedToArray2.default)(_useState3, 2),
+    tooltipMessage = _useState4[0],
+    setTooltipMessage = _useState4[1];
+  var handleCopySummaryClick = (0, _react.useCallback)( /*#__PURE__*/(0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee2() {
+    return _regenerator.default.wrap(function _callee2$(_context2) {
+      while (1) switch (_context2.prev = _context2.next) {
+        case 0:
+          fireEvent('ui.button.clicked.copySummary', {});
+          _context2.next = 3;
+          return navigator.clipboard.writeText(summary);
+        case 3:
+          setTooltipMessage(_messages.messages.copied_summary_action_description);
+          onClickCallback === null || onClickCallback === void 0 || onClickCallback();
+        case 5:
+        case "end":
+          return _context2.stop();
+      }
+    }, _callee2);
+  })), [fireEvent, onClickCallback, summary]);
+  return /*#__PURE__*/_react.default.createElement(_action.default, (0, _extends2.default)({
+    content: /*#__PURE__*/_react.default.createElement(_reactIntlNext.FormattedMessage, _messages.messages.copy_summary_action),
+    icon: /*#__PURE__*/_react.default.createElement(_copy.default, {
+      color: "currentColor",
+      spacing: "spacious",
+      label: "Copy Summary",
+      size: props.iconSize
+    }),
+    onClick: handleCopySummaryClick,
+    testId: "".concat(testId, "-copy-summary-action"),
+    tooltipMessage: /*#__PURE__*/_react.default.createElement(_reactIntlNext.FormattedMessage, tooltipMessage),
+    tooltipOnHide: function tooltipOnHide() {
+      return setTooltipMessage(_messages.messages.copy_summary_action_description);
+    }
+  }, props));
 }

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

@@ -11,19 +11,14 @@ require("./index.compiled.css");
 var _react = _interopRequireWildcard(require("react"));
 var React = _react;
 var _runtime = require("@compiled/react/runtime");
-var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
 var _reactMagneticDi = require("react-magnetic-di");
-var _motion = require("@atlaskit/motion");
 var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 var _constants = require("../../../../../constants");
 var _flexibleUiContext = require("../../../../../state/flexible-ui-context");
-var _useAiSummaryAction = _interopRequireDefault(require("../../../../../state/hooks/use-ai-summary-action"));
 var Actions = _interopRequireWildcard(require("../../actions"));
 var _actionFooter = require("./action-footer");
 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); }
-function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2.default)(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var ignoreContainerPaddingStyles = null;
 var DEFAULT_SORT_ORDER = ['PreviewAction', 'CopyLinkAction', 'AISummaryAction'];
 var sort = function sort(a, b) {
@@ -67,7 +62,6 @@ var ActionBlock = function ActionBlock(_ref) {
     is3PAuthRovoActionsExperimentOn = _ref.is3PAuthRovoActionsExperimentOn;
   var context = (0, _flexibleUiContext.useFlexibleUiContext)();
   var ui = (0, _flexibleUiContext.useFlexibleUiOptionContext)();
-  var url = context === null || context === void 0 ? void 0 : context.url;
   var isRovoChatActionAvailable = is3PAuthRovoActionsExperimentOn && (0, _platformFeatureFlags.fg)('platform_sl_3p_auth_rovo_action_kill_switch') ? (context === null || context === void 0 || (_context$actions = context.actions) === null || _context$actions === void 0 ? void 0 : _context$actions[_constants.InternalActionName.RovoChatAction]) !== undefined : undefined;
   var _useState = (0, _react.useState)(),
     _useState2 = (0, _slicedToArray2.default)(_useState, 2),
@@ -96,14 +90,11 @@ var ActionBlock = function ActionBlock(_ref) {
       return name !== _constants.InternalActionName.RovoChatAction;
     }) : Object.keys(context.actions);
     arr.sort(sort);
-    var renderAction = function renderAction(name, motionStyle) {
+    var renderAction = function renderAction(name) {
       var Action = name in Actions ? Actions[name] : undefined;
       if (!Action) {
         return null;
       }
-      var style = padding || motionStyle ? _objectSpread(_objectSpread({}, motionStyle || {}), padding && {
-        paddingInline: padding
-      }) : undefined;
       return /*#__PURE__*/React.createElement(Action, {
         as: "stack-item",
         spaceInline: spaceInline,
@@ -114,41 +105,18 @@ var ActionBlock = function ActionBlock(_ref) {
         onError: onError,
         onLoadingChange: onLoadingChange,
         size: size || (ui === null || ui === void 0 ? void 0 : ui.size)
-        // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop, @atlaskit/design-system/no-unsafe-design-token-usage
+        // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop
         ,
-        style: style,
+        style: padding && {
+          paddingInline: padding
+        },
         hideTooltip: isLoading
       });
     };
-    return isRovoChatActionAvailable ? /*#__PURE__*/React.createElement(_motion.StaggeredEntrance, {
-      columns: 1
-    }, arr.map(function (name, index) {
-      return /*#__PURE__*/React.createElement(_motion.FadeIn, {
-        duration: 'large',
-        key: index
-      }, function (motion) {
-        return renderAction(name, motion.style);
-      });
-    })) : arr.map(function (name) {
+    return arr.map(function (name) {
       return renderAction(name);
     });
   }, [context === null || context === void 0 ? void 0 : context.actions, isRovoChatActionAvailable, spaceInline, onError, onLoadingChange, size, ui === null || ui === void 0 ? void 0 : ui.size, padding, isLoading, _onClick]);
-  var aiSummaryConfig = (0, _platformFeatureFlags.fg)('platform_sl_3p_auth_rovo_action_kill_switch') ?
-  // eslint-disable-next-line react-hooks/rules-of-hooks
-  (0, _useAiSummaryAction.default)(url !== null && url !== void 0 ? url : '') : undefined;
-  if ((0, _platformFeatureFlags.fg)('platform_sl_3p_auth_rovo_action_kill_switch')) {
-    var shouldShowActions = !isRovoChatActionAvailable || isRovoChatActionAvailable && ((aiSummaryConfig === null || aiSummaryConfig === void 0 ? void 0 : aiSummaryConfig.state.status) === 'done' || (aiSummaryConfig === null || aiSummaryConfig === void 0 ? void 0 : aiSummaryConfig.state.status) === 'error');
-    return actions && shouldShowActions ? /*#__PURE__*/React.createElement("div", {
-      ref: blockRef,
-      "data-testid": testId
-      // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop
-      ,
-      className: (0, _runtime.ax)(["_1e0c1txw _2lx21bp4 _vchhusvi _16jlkb7n _1bsb129b _18u01ivi _2hwxc10g", className])
-    }, actions, /*#__PURE__*/React.createElement(_actionFooter.ActionFooter, {
-      message: message,
-      testId: testId
-    })) : null;
-  }
   return actions ? /*#__PURE__*/React.createElement("div", {
     ref: blockRef,
     "data-testid": testId