@atlaskit/rovo-agent-components 8.10.6 → 8.12.0

package/dist/esm/ui/agent-avatar/resolved-agent-avatar/ResolvedAgentAvatar.js

@@ -0,0 +1,78 @@
+import _ResolvedAgentAvatarQuery from "./__generated__/ResolvedAgentAvatarQuery.graphql";
+import React, { Suspense } from 'react';
+import { ErrorBoundary } from 'react-error-boundary';
+import { graphql, useLazyLoadQuery } from 'react-relay';
+import AvatarSkeleton from '@atlaskit/avatar/Skeleton';
+// A relative import, not the package's own public subpath: a package can't resolve its own
+// name from within itself when building its published type declarations in isolation.
+import { AgentAvatar } from '../index';
+// The fixed partition/resource-owner/resource-type segments of an identity user ARI — only the
+// account id itself varies. Matched by prefix rather than via `@atlassian/ari` (an internal
+// package this public package can't depend on).
+var IDENTITY_USER_ARI_PREFIX = 'ari:cloud:identity::user/';
+
+/** Parses the account id needed for the picture fetch from the identity ARI a caller carries. */
+var parseIdentityAccountId = function parseIdentityAccountId(value) {
+  var trimmed = value === null || value === void 0 ? void 0 : value.trim();
+  return trimmed !== null && trimmed !== void 0 && trimmed.startsWith(IDENTITY_USER_ARI_PREFIX) ? trimmed.slice(IDENTITY_USER_ARI_PREFIX.length) : undefined;
+};
+var FetchedAgentAvatar = function FetchedAgentAvatar(_ref) {
+  var _data$user, _data$user2;
+  var accountId = _ref.accountId,
+    agentName = _ref.agentName,
+    fallback = _ref.fallback,
+    showBorder = _ref.showBorder,
+    size = _ref.size;
+  var data = useLazyLoadQuery(_ResolvedAgentAvatarQuery, {
+    accountId: accountId
+  }, {
+    fetchPolicy: 'store-or-network'
+  });
+  var picture = (_data$user = data.user) === null || _data$user === void 0 || (_data$user = _data$user.picture) === null || _data$user === void 0 ? void 0 : _data$user.trim();
+  if (!picture) {
+    return fallback;
+  }
+  var name = ((_data$user2 = data.user) === null || _data$user2 === void 0 || (_data$user2 = _data$user2.name) === null || _data$user2 === void 0 ? void 0 : _data$user2.trim()) || agentName;
+  return /*#__PURE__*/React.createElement(AgentAvatar, {
+    imageUrl: picture,
+    name: name,
+    label: name,
+    showBorder: showBorder,
+    size: size
+  });
+};
+
+/**
+ * The best avatar available for an agent identity: the real account picture when one can be
+ * fetched, otherwise the caller-supplied `fallback`. Works for any identity with an
+ * `agentIdentityAccountId` — including the default Rovo agent, now that Rovo is provisioned its
+ * own identity account. A `Suspense` skeleton bridges the fetch, and an `ErrorBoundary` keeps a
+ * failed or unavailable fetch from ever breaking the caller — it just renders `fallback`.
+ */
+export var ResolvedAgentAvatar = function ResolvedAgentAvatar(_ref2) {
+  var agentIdentityAccountId = _ref2.agentIdentityAccountId,
+    agentName = _ref2.agentName,
+    fallback = _ref2.fallback,
+    _ref2$showBorder = _ref2.showBorder,
+    showBorder = _ref2$showBorder === void 0 ? false : _ref2$showBorder,
+    _ref2$size = _ref2.size,
+    size = _ref2$size === void 0 ? 'medium' : _ref2$size;
+  var accountId = parseIdentityAccountId(agentIdentityAccountId);
+  if (!accountId) {
+    return fallback;
+  }
+  return /*#__PURE__*/React.createElement(ErrorBoundary, {
+    fallback: fallback
+  }, /*#__PURE__*/React.createElement(Suspense, {
+    fallback: /*#__PURE__*/React.createElement(AvatarSkeleton, {
+      appearance: "hexagon",
+      size: size
+    })
+  }, /*#__PURE__*/React.createElement(FetchedAgentAvatar, {
+    accountId: accountId,
+    agentName: agentName,
+    fallback: fallback,
+    showBorder: showBorder,
+    size: size
+  })));
+};

package/dist/esm/ui/agent-avatar/resolved-agent-avatar/__generated__/ResolvedAgentAvatarQuery.graphql.js

@@ -0,0 +1,77 @@
+/**
+ * @generated SignedSource<<765322731b31afdb0584c134ed53e12a>>
+ * @relayHash 07c2f9612a7a8401a21c6ad1a0936b2d
+ * @lightSyntaxTransform
+ * @nogrep
+ * @codegen-command: yarn relay
+ */
+
+/* tslint:disable */
+/* eslint-disable */
+// @ts-nocheck
+
+// @relayRequestID aa69c7a83a201b1f2a5cdca116d15f149410a79d7ce49e3fafb7ce1e4a4e38d5
+
+var node = function () {
+  var v0 = [{
+      "defaultValue": null,
+      "kind": "LocalArgument",
+      "name": "accountId"
+    }],
+    v1 = [{
+      "kind": "Variable",
+      "name": "accountId",
+      "variableName": "accountId"
+    }],
+    v2 = {
+      "kind": "ScalarField",
+      "name": "name"
+    },
+    v3 = {
+      "kind": "ScalarField",
+      "name": "picture"
+    };
+  return {
+    "fragment": {
+      "argumentDefinitions": v0 /*: any*/,
+      "kind": "Fragment",
+      "name": "ResolvedAgentAvatarQuery",
+      "selections": [{
+        "args": v1 /*: any*/,
+        "kind": "LinkedField",
+        "name": "user",
+        "plural": false,
+        "selections": [v2 /*: any*/, v3 /*: any*/]
+      }],
+      "type": "Query"
+    },
+    "kind": "Request",
+    "operation": {
+      "argumentDefinitions": v0 /*: any*/,
+      "kind": "Operation",
+      "name": "ResolvedAgentAvatarQuery",
+      "selections": [{
+        "args": v1 /*: any*/,
+        "kind": "LinkedField",
+        "name": "user",
+        "plural": false,
+        "selections": [{
+          "kind": "ScalarField",
+          "name": "__typename"
+        }, v2 /*: any*/, v3 /*: any*/, {
+          "kind": "ScalarField",
+          "name": "id"
+        }]
+      }]
+    },
+    "params": {
+      "id": "aa69c7a83a201b1f2a5cdca116d15f149410a79d7ce49e3fafb7ce1e4a4e38d5",
+      "metadata": {},
+      "name": "ResolvedAgentAvatarQuery",
+      "operationKind": "query",
+      "text": null
+    }
+  };
+}();
+node.hash = "a2c97e7ac7feca789629a3b50c6150aa";
+export default node;

package/dist/esm/ui/agent-conversation-starters/AgentConversationStarters.js

@@ -0,0 +1,35 @@
+import _extends from "@babel/runtime/helpers/extends";
+import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
+var _excluded = ["userDefinedConversationStarters", "isAgentDefault"];
+import React, { useMemo } from 'react';
+import { useIntl } from 'react-intl';
+import { ConversationStarters } from './ConversationStarters';
+import { getConversationStarters } from './getConversationStarters';
+export var AgentConversationStarters = function AgentConversationStarters(_ref) {
+  var userDefinedConversationStarters = _ref.userDefinedConversationStarters,
+    isAgentDefault = _ref.isAgentDefault,
+    props = _objectWithoutProperties(_ref, _excluded);
+  var _useIntl = useIntl(),
+    formatMessage = _useIntl.formatMessage;
+  var _useMemo = useMemo(function () {
+      return getConversationStarters({
+        userDefinedConversationStarters: userDefinedConversationStarters,
+        isAgentDefault: isAgentDefault
+      });
+    }, [userDefinedConversationStarters, isAgentDefault]),
+    combinedConversationStarters = _useMemo.combinedConversationStarters;
+  var starters = useMemo(function () {
+    return combinedConversationStarters.map(function (starter) {
+      return typeof starter.message === 'string' ? {
+        message: starter.message,
+        type: starter.type
+      } : {
+        message: formatMessage(starter.message),
+        type: starter.type
+      };
+    });
+  }, [combinedConversationStarters, formatMessage]);
+  return /*#__PURE__*/React.createElement(ConversationStarters, _extends({
+    starters: starters
+  }, props));
+};

package/dist/esm/ui/agent-conversation-starters/ConversationStarters.js

@@ -0,0 +1,71 @@
+/* ConversationStarters.tsx generated by @compiled/babel-plugin v3.0.2 */
+import "./ConversationStarters.compiled.css";
+import { ax, ix } from "@compiled/react/runtime";
+import React from 'react';
+import IconButton from '@atlaskit/button/icon/button';
+import { cx } from '@atlaskit/css';
+import RetryIcon from '@atlaskit/icon/core/retry';
+import { Box, Inline, Pressable, Stack } from '@atlaskit/primitives/compiled';
+import { fg } from '@atlaskit/platform-feature-flags/fg';
+import { AgentChatIcon } from '../../common/ui/agent-chat-icon';
+import { BrowseAgentsPill } from '../../common/ui/chat-pill';
+var styles = {
+  conversationStartersList: "_qtt8glyw _ca0qidpf _u5f3idpf _n3tdidpf _19bvidpf _1bsb1osq",
+  conversationStartersListWithRefreshDesign: "_19pkze3t",
+  conversationStaterItem: "_ca0qze3t",
+  conversationStarterIcon: "_1o9zidpf",
+  conversationStarterText: "_1reo15vq _18m915vq _1bto1l2s _o5721q9c _1o9zkb7n _1ul9idpf",
+  button: "_11c8fhey _2rko12b0 _v564k6bl _syazazsu _ca0q12x7 _u5f312x7 _n3td12x7 _19bv12x7 _k48p1wq8 _1bto1l2s _o5721q9c _1o9zkb7n _1bsb1osq _bfhksm61 _irr31dpa _1ggl5xtf _1di6fcek",
+  button_motion: "_11c8fhey _2rko12b0 _v564k6bl _syazazsu _ca0q12x7 _u5f312x7 _n3td12x7 _19bv12x7 _k48p1wq8 _1bto1l2s _o5721q9c _1o9zkb7n _1bsb1osq _bfhksm61 _irr31dpa _1ggl5xtf _1di6fcek"
+};
+export var ConversationStarters = function ConversationStarters(_ref) {
+  var starters = _ref.starters,
+    onConversationStarterClick = _ref.onConversationStarterClick,
+    _ref$showReloadButton = _ref.showReloadButton,
+    showReloadButton = _ref$showReloadButton === void 0 ? false : _ref$showReloadButton,
+    _ref$onReloadButtonCl = _ref.onReloadButtonClick,
+    onReloadButtonClick = _ref$onReloadButtonCl === void 0 ? function () {} : _ref$onReloadButtonCl,
+    onBrowseAgentsClick = _ref.onBrowseAgentsClick,
+    _ref$refreshDesignEna = _ref.refreshDesignEnabled,
+    refreshDesignEnabled = _ref$refreshDesignEna === void 0 ? false : _ref$refreshDesignEna;
+  return /*#__PURE__*/React.createElement(Stack, {
+    as: "ul",
+    space: "space.050",
+    xcss: cx(styles.conversationStartersList, refreshDesignEnabled && styles.conversationStartersListWithRefreshDesign)
+  }, starters.map(function (starter, index) {
+    var isLastStarter = index === starters.length - 1;
+    var chatPill = /*#__PURE__*/React.createElement(Box, {
+      as: "li",
+      key: starter.message,
+      xcss: refreshDesignEnabled && styles.conversationStaterItem
+    }, /*#__PURE__*/React.createElement(Pressable, {
+      xcss: fg('platform-dst-motion-uplift-custom-button') ? styles.button_motion : styles.button,
+      onClick: function onClick() {
+        return onConversationStarterClick(starter);
+      },
+      testId: "conversation-starter"
+    }, /*#__PURE__*/React.createElement(Inline, {
+      space: "space.150",
+      alignBlock: "center"
+    }, /*#__PURE__*/React.createElement(Box, {
+      xcss: styles.conversationStarterIcon
+    }, /*#__PURE__*/React.createElement(AgentChatIcon, null)), /*#__PURE__*/React.createElement(Box, {
+      xcss: styles.conversationStarterText
+    }, starter.message))));
+    return isLastStarter && showReloadButton ? /*#__PURE__*/React.createElement(Inline, {
+      space: "space.050",
+      grow: "fill",
+      alignInline: "end",
+      key: starter.message
+    }, chatPill, /*#__PURE__*/React.createElement(IconButton, {
+      icon: RetryIcon,
+      onClick: onReloadButtonClick,
+      appearance: "subtle",
+      label: ""
+    })) : chatPill;
+  }), !!onBrowseAgentsClick && /*#__PURE__*/React.createElement(Box, {
+    as: "li"
+  }, /*#__PURE__*/React.createElement(BrowseAgentsPill, {
+    onClick: onBrowseAgentsClick
+  })));
+};

package/dist/esm/ui/agent-conversation-starters/getConversationStarters.js

@@ -0,0 +1,42 @@
+import _toConsumableArray from "@babel/runtime/helpers/toConsumableArray";
+import { messages } from './messages';
+export var getConversationStarters = function getConversationStarters(_ref) {
+  var userDefinedConversationStartersParam = _ref.userDefinedConversationStarters,
+    isAgentDefault = _ref.isAgentDefault;
+  var type = 'static';
+  var customAgentConversationStarters = [{
+    message: messages.agentEmptyStateSuggestion1,
+    type: type
+  }, {
+    message: messages.agentEmptyStateSuggestion2,
+    type: type
+  }, {
+    message: messages.agentEmptyStateSuggestion3,
+    type: type
+  }];
+  var userDefinedConversationStarters = userDefinedConversationStartersParam !== null && userDefinedConversationStartersParam !== void 0 ? userDefinedConversationStartersParam : [];
+  var defaultAgentConversationStarters = [{
+    message: messages.emptyStateSuggestion1,
+    type: type
+  }, {
+    message: messages.emptyStateSuggestion2,
+    type: type
+  }, {
+    message: messages.emptyStateSuggestion3,
+    type: type
+  }];
+  var getCombinedConversationStarters = function getCombinedConversationStarters() {
+    var shouldCombine = !isAgentDefault;
+    if (shouldCombine) {
+      // Return user defined suggestions + static fallback suggestions with a max of 3 suggestions (user defined taking precendence over fallback)
+      return [].concat(_toConsumableArray(userDefinedConversationStarters), customAgentConversationStarters).slice(0, 3);
+    }
+    return defaultAgentConversationStarters;
+  };
+  return {
+    userDefinedConversationStarters: userDefinedConversationStarters,
+    customAgentConversationStarters: customAgentConversationStarters,
+    defaultAgentConversationStarters: defaultAgentConversationStarters,
+    combinedConversationStarters: getCombinedConversationStarters()
+  };
+};

package/dist/esm/ui/agent-conversation-starters/index.js

@@ -1,145 +1,20 @@
-/* index.tsx generated by @compiled/babel-plugin v3.0.1 */
-import _extends from "@babel/runtime/helpers/extends";
-import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-import _toConsumableArray from "@babel/runtime/helpers/toConsumableArray";
-var _excluded = ["userDefinedConversationStarters", "isAgentDefault"];
-import "./index.compiled.css";
-import { ax, ix } from "@compiled/react/runtime";
-import React, { useMemo } from 'react';
-import { useIntl } from 'react-intl';
-import IconButton from '@atlaskit/button/icon/button';
-import { cx } from '@atlaskit/css';
-import RetryIcon from '@atlaskit/icon/core/retry';
-import { Box, Inline, Pressable, Stack } from '@atlaskit/primitives/compiled';
-import { fg } from '@atlaskit/platform-feature-flags/fg';
-import { AgentChatIcon } from '../../common/ui/agent-chat-icon';
-import { BrowseAgentsPill } from '../../common/ui/chat-pill';
-import { messages } from './messages';
-var styles = {
-  conversationStartersList: "_qtt8glyw _ca0qidpf _u5f3idpf _n3tdidpf _19bvidpf _1bsb1osq",
-  conversationStartersListWithRefreshDesign: "_19pkze3t",
-  conversationStaterItem: "_ca0qze3t",
-  conversationStarterIcon: "_1o9zidpf",
-  conversationStarterText: "_1reo15vq _18m915vq _1bto1l2s _o5721q9c _1o9zkb7n _1ul9idpf",
-  button: "_11c8fhey _2rko12b0 _v564k6bl _syazazsu _ca0q12x7 _u5f312x7 _n3td12x7 _19bv12x7 _k48p1wq8 _1bto1l2s _o5721q9c _1o9zkb7n _1bsb1osq _bfhksm61 _irr31dpa _1ggl5xtf _1di6fcek",
-  button_motion: "_11c8fhey _2rko12b0 _v564k6bl _syazazsu _ca0q12x7 _u5f312x7 _n3td12x7 _19bv12x7 _k48p1wq8 _1bto1l2s _o5721q9c _1o9zkb7n _1bsb1osq _bfhksm61 _irr31dpa _1ggl5xtf _1di6fcek"
-};
-export var getConversationStarters = function getConversationStarters(_ref) {
-  var userDefinedConversationStartersParam = _ref.userDefinedConversationStarters,
-    isAgentDefault = _ref.isAgentDefault;
-  var type = 'static';
-  var customAgentConversationStarters = [{
-    message: messages.agentEmptyStateSuggestion1,
-    type: type
-  }, {
-    message: messages.agentEmptyStateSuggestion2,
-    type: type
-  }, {
-    message: messages.agentEmptyStateSuggestion3,
-    type: type
-  }];
-  var userDefinedConversationStarters = userDefinedConversationStartersParam !== null && userDefinedConversationStartersParam !== void 0 ? userDefinedConversationStartersParam : [];
-  var defaultAgentConversationStarters = [{
-    message: messages.emptyStateSuggestion1,
-    type: type
-  }, {
-    message: messages.emptyStateSuggestion2,
-    type: type
-  }, {
-    message: messages.emptyStateSuggestion3,
-    type: type
-  }];
-  var getCombinedConversationStarters = function getCombinedConversationStarters() {
-    var shouldCombine = !isAgentDefault;
-    if (shouldCombine) {
-      // Return user defined suggestions + static fallback suggestions with a max of 3 suggestions (user defined taking precendence over fallback)
-      return [].concat(_toConsumableArray(userDefinedConversationStarters), customAgentConversationStarters).slice(0, 3);
-    }
-    return defaultAgentConversationStarters;
-  };
-  return {
-    userDefinedConversationStarters: userDefinedConversationStarters,
-    customAgentConversationStarters: customAgentConversationStarters,
-    defaultAgentConversationStarters: defaultAgentConversationStarters,
-    combinedConversationStarters: getCombinedConversationStarters()
-  };
-};
-export var AgentConversationStarters = function AgentConversationStarters(_ref2) {
-  var userDefinedConversationStarters = _ref2.userDefinedConversationStarters,
-    isAgentDefault = _ref2.isAgentDefault,
-    props = _objectWithoutProperties(_ref2, _excluded);
-  var _useIntl = useIntl(),
-    formatMessage = _useIntl.formatMessage;
-  var _useMemo = useMemo(function () {
-      return getConversationStarters({
-        userDefinedConversationStarters: userDefinedConversationStarters,
-        isAgentDefault: isAgentDefault
-      });
-    }, [userDefinedConversationStarters, isAgentDefault]),
-    combinedConversationStarters = _useMemo.combinedConversationStarters;
-  var starters = useMemo(function () {
-    return combinedConversationStarters.map(function (starter) {
-      return typeof starter.message === 'string' ? {
-        message: starter.message,
-        type: starter.type
-      } : {
-        message: formatMessage(starter.message),
-        type: starter.type
-      };
-    });
-  }, [combinedConversationStarters, formatMessage]);
-  return /*#__PURE__*/React.createElement(ConversationStarters, _extends({
-    starters: starters
-  }, props));
-};
-export var ConversationStarters = function ConversationStarters(_ref3) {
-  var starters = _ref3.starters,
-    onConversationStarterClick = _ref3.onConversationStarterClick,
-    _ref3$showReloadButto = _ref3.showReloadButton,
-    showReloadButton = _ref3$showReloadButto === void 0 ? false : _ref3$showReloadButto,
-    _ref3$onReloadButtonC = _ref3.onReloadButtonClick,
-    onReloadButtonClick = _ref3$onReloadButtonC === void 0 ? function () {} : _ref3$onReloadButtonC,
-    onBrowseAgentsClick = _ref3.onBrowseAgentsClick,
-    _ref3$refreshDesignEn = _ref3.refreshDesignEnabled,
-    refreshDesignEnabled = _ref3$refreshDesignEn === void 0 ? false : _ref3$refreshDesignEn;
-  return /*#__PURE__*/React.createElement(Stack, {
-    as: "ul",
-    space: "space.050",
-    xcss: cx(styles.conversationStartersList, refreshDesignEnabled && styles.conversationStartersListWithRefreshDesign)
-  }, starters.map(function (starter, index) {
-    var isLastStarter = index === starters.length - 1;
-    var chatPill = /*#__PURE__*/React.createElement(Box, {
-      as: "li",
-      key: starter.message,
-      xcss: refreshDesignEnabled && styles.conversationStaterItem
-    }, /*#__PURE__*/React.createElement(Pressable, {
-      xcss: fg('platform-dst-motion-uplift-custom-button') ? styles.button_motion : styles.button,
-      onClick: function onClick() {
-        return onConversationStarterClick(starter);
-      },
-      testId: "conversation-starter"
-    }, /*#__PURE__*/React.createElement(Inline, {
-      space: "space.150",
-      alignBlock: "center"
-    }, /*#__PURE__*/React.createElement(Box, {
-      xcss: styles.conversationStarterIcon
-    }, /*#__PURE__*/React.createElement(AgentChatIcon, null)), /*#__PURE__*/React.createElement(Box, {
-      xcss: styles.conversationStarterText
-    }, starter.message))));
-    return isLastStarter && showReloadButton ? /*#__PURE__*/React.createElement(Inline, {
-      space: "space.050",
-      grow: "fill",
-      alignInline: "end",
-      key: starter.message
-    }, chatPill, /*#__PURE__*/React.createElement(IconButton, {
-      icon: RetryIcon,
-      onClick: onReloadButtonClick,
-      appearance: "subtle",
-      label: ""
-    })) : chatPill;
-  }), !!onBrowseAgentsClick && /*#__PURE__*/React.createElement(Box, {
-    as: "li"
-  }, /*#__PURE__*/React.createElement(BrowseAgentsPill, {
-    onClick: onBrowseAgentsClick
-  })));
-};
+/* eslint-disable @repo/internal/deprecations/deprecation-ticket-required -- VOLTC-139 tracks removal of these deprecated re-export shims. */
+
+/**
+ * @deprecated Use `import { getConversationStarters } from '@atlaskit/rovo-agent-components/get-conversation-starters'` instead.
+ */
+// eslint-disable-next-line no-barrel-files/no-barrel-files -- VOLTC-139 tracks removal of this deprecated re-export shim.
+export { getConversationStarters } from './getConversationStarters';
+/**
+ * @deprecated Use `import { AgentConversationStarters } from '@atlaskit/rovo-agent-components/agent-conversation-starters'` instead.
+ */
+// eslint-disable-next-line no-barrel-files/no-barrel-files -- VOLTC-139 tracks removal of this deprecated re-export shim.
+export { AgentConversationStarters } from './AgentConversationStarters';
+// eslint-disable-next-line no-barrel-files/no-barrel-files -- VOLTC-139 tracks removal of this deprecated re-export shim.
+
+/**
+ * @deprecated Use `import { ConversationStarters } from '@atlaskit/rovo-agent-components/conversation-starters'` instead.
+ */
+// eslint-disable-next-line no-barrel-files/no-barrel-files -- VOLTC-139 tracks removal of this deprecated re-export shim.
+export { ConversationStarters } from './ConversationStarters';
+// eslint-disable-next-line no-barrel-files/no-barrel-files -- VOLTC-139 tracks removal of this deprecated re-export shim.