@atlaskit/smart-card 43.24.9 → 43.25.0

package/dist/cjs/messages.js

@@ -840,5 +840,15 @@ var messages = exports.messages = (0, _reactIntlNext.defineMessages)({
     id: 'fabric.linking.learn_more_about_connecting_account_experiment_short',
     defaultMessage: 'Turn your URLs into rich, interactive previews.',
     description: 'An anchor link to redirect user to a page about authorization with 3rd party accounts.'
+  },
+  rovo_summary_loading: {
+    id: 'fabric.linking.rovo_summary.loading.non-final',
+    defaultMessage: 'Rovo is thinking',
+    description: 'Shown when a Rovo summary is loading, indicating that the AI is generating a summary for the user.'
+  },
+  ai_disclaimer: {
+    id: 'fabric.linking.rovo_summary.ai_disclaimer.non-final',
+    defaultMessage: 'Uses AI. Verify Results.',
+    description: 'Shown on a Rovo summary to indicate that the summary was generated by AI and should be verified by the user for accuracy.'
   }
 });

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.25.0"
 };
 var TrackQuickActionType = exports.TrackQuickActionType = /*#__PURE__*/function (TrackQuickActionType) {
   TrackQuickActionType["StatusUpdate"] = "StatusUpdate";

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

@@ -13,6 +13,7 @@ var React = _react;
 var _runtime = require("@compiled/react/runtime");
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
 var _reactMagneticDi = require("react-magnetic-di");
+var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 var _constants = require("../../../../../constants");
 var _flexibleUiContext = require("../../../../../state/flexible-ui-context");
 var Actions = _interopRequireWildcard(require("../../actions"));
@@ -56,7 +57,8 @@ var ActionBlock = function ActionBlock(_ref) {
     spaceInline = _ref.spaceInline,
     className = _ref.className,
     _ref$testId = _ref.testId,
-    testId = _ref$testId === void 0 ? 'smart-block-action' : _ref$testId;
+    testId = _ref$testId === void 0 ? 'smart-block-action' : _ref$testId,
+    hideAISummaryAction = _ref.hideAISummaryAction;
   var context = (0, _flexibleUiContext.useFlexibleUiContext)();
   var ui = (0, _flexibleUiContext.useFlexibleUiOptionContext)();
   var _useState = (0, _react.useState)(),
@@ -83,6 +85,11 @@ var ActionBlock = function ActionBlock(_ref) {
       return;
     }
     var arr = Object.keys(context.actions);
+    if (hideAISummaryAction && (0, _platformFeatureFlags.fg)('platform_sl_3p_auth_rovo_action_kill_switch')) {
+      arr = arr.filter(function (name) {
+        return name !== 'AISummaryAction';
+      });
+    }
     arr.sort(sort);
     return arr.map(function (name) {
       var Action = name in Actions ? Actions[name] : undefined;
@@ -104,7 +111,7 @@ var ActionBlock = function ActionBlock(_ref) {
         hideTooltip: isLoading
       }) : null;
     });
-  }, [context === null || context === void 0 ? void 0 : context.actions, spaceInline, onError, onLoadingChange, size, ui === null || ui === void 0 ? void 0 : ui.size, padding, isLoading, _onClick]);
+  }, [context === null || context === void 0 ? void 0 : context.actions, spaceInline, onError, onLoadingChange, size, ui === null || ui === void 0 ? void 0 : ui.size, padding, isLoading, _onClick, hideAISummaryAction]);
   return actions ? /*#__PURE__*/React.createElement("div", {
     ref: blockRef,
     "data-testid": testId

package/dist/cjs/view/FlexibleCard/components/blocks/ai-summary-block/assets/ellipses.compiled.css

@@ -0,0 +1,3 @@
+._y44v1bmh{animation:var(--_f6g77x)}
+._y44v1dzz{animation:var(--_8brvn1)}
+._y44v1uzy{animation:var(--_lmysux)}

package/dist/cjs/view/FlexibleCard/components/blocks/ai-summary-block/assets/ellipses.js

@@ -0,0 +1,55 @@
+/* ellipses.tsx generated by @compiled/babel-plugin v0.38.1 */
+// Copied from platform/packages/ai-mate/rovo-platform-ui-components/src/ui/primitives/ellipses-animation/EllipsesAnimation.tsx
+"use strict";
+
+var _typeof = require("@babel/runtime/helpers/typeof");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.EllipsesAnimation = void 0;
+require("./ellipses.compiled.css");
+var React = _interopRequireWildcard(require("react"));
+var _runtime = require("@compiled/react/runtime");
+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 animation = null;
+var animation1 = null;
+var animation2 = null;
+var dot1 = null;
+var dot2 = null;
+var dot3 = null;
+var animatedOpacity = null;
+var EllipsesAnimation = exports.EllipsesAnimation = function EllipsesAnimation(_ref) {
+  var _ref$isAnimated = _ref.isAnimated,
+    isAnimated = _ref$isAnimated === void 0 ? true : _ref$isAnimated;
+  return /*#__PURE__*/React.createElement("svg", {
+    width: "10",
+    height: "2",
+    viewBox: "0 0 10 2",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg"
+  }, /*#__PURE__*/React.createElement("path", {
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop
+    className: (0, _runtime.ax)([isAnimated && "_y44v1dzz", isAnimated && animatedOpacity]),
+    d: "M0.0800781 2V0.414062H1.67969V2H0.0800781Z",
+    fill: "#1868DB",
+    style: {
+      "--_8brvn1": (0, _runtime.ix)("".concat(animation, " 1.5s forwards infinite"))
+    }
+  }), /*#__PURE__*/React.createElement("path", {
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop
+    className: (0, _runtime.ax)([isAnimated && "_y44v1uzy", isAnimated && animatedOpacity]),
+    d: "M3.83984 2V0.414062H5.43945V2H3.83984Z",
+    fill: "#BF63F3",
+    style: {
+      "--_lmysux": (0, _runtime.ix)("".concat(animation1, " 1.5s forwards infinite"))
+    }
+  }), /*#__PURE__*/React.createElement("path", {
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop
+    className: (0, _runtime.ax)([isAnimated && "_y44v1bmh", isAnimated && animatedOpacity]),
+    d: "M7.59961 2V0.414062H9.19922V2H7.59961Z",
+    fill: "#FCA700",
+    style: {
+      "--_f6g77x": (0, _runtime.ix)("".concat(animation2, " 1.5s forwards infinite"))
+    }
+  }));
+};

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

@@ -1,17 +1,20 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+var _typeof = require("@babel/runtime/helpers/typeof");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.default = void 0;
+exports.default = exports.RovoSummaryBlock = 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"];
+var _resolved = _interopRequireWildcard(require("./resolved"));
+var _excluded = ["testId"],
+  _excluded2 = ["testId", "url"];
+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); }
 /**
  * Represents an AISummaryBlock, designed to summarising link resource
  * content using AI.
@@ -39,4 +42,31 @@ var AISummaryBlock = function AISummaryBlock(_ref) {
     url: actionData.url
   }));
 };
+
+/**
+ * Represents an AISummaryBlock, designed to summarising link resource
+ * content using AI.
+ * @public
+ * @param {RovoSummaryBlockProps} RovoSummaryBlock
+ * @see Block
+ */
+var RovoSummaryBlock = exports.RovoSummaryBlock = function RovoSummaryBlock(_ref2) {
+  var _props$size2, _cardContext$ui2;
+  var _ref2$testId = _ref2.testId,
+    testId = _ref2$testId === void 0 ? 'smart-ai-summary-block' : _ref2$testId,
+    url = _ref2.url,
+    props = (0, _objectWithoutProperties2.default)(_ref2, _excluded2);
+  var cardContext = (0, _flexibleUiContext.useFlexibleCardContext)();
+  if ((cardContext === null || cardContext === void 0 ? void 0 : cardContext.status) !== _constants.SmartLinkStatus.Resolved) {
+    return null;
+  }
+  if (!url) {
+    return null;
+  }
+  return /*#__PURE__*/_react.default.createElement(_resolved.RovoSummaryBlockResolvedView, (0, _extends2.default)({}, props, {
+    size: (_props$size2 = props.size) !== null && _props$size2 !== void 0 ? _props$size2 : cardContext === null || cardContext === void 0 || (_cardContext$ui2 = cardContext.ui) === null || _cardContext$ui2 === void 0 ? void 0 : _cardContext$ui2.size,
+    testId: testId,
+    url: url
+  }));
+};
 var _default = exports.default = AISummaryBlock;

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

@@ -1,2 +1,7 @@
 ._18m9ewfl{overflow-y:visible}
-._1reoewfl{overflow-x: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)}