@atlaskit/rovo-agent-selector 0.0.0

package/dist/es2019/ui/rovo-agent-selector/__generated__/testRovoAgentSelectorWithoutFeatureFlagQuery.graphql.js

@@ -0,0 +1,182 @@
+/**
+ * @generated SignedSource<<0c7de09d2854262c64a44ef92c9f0807>>
+ * @relayHash 38db3c47c923c8c9440e6aa32ae99c35
+ * @lightSyntaxTransform
+ * @nogrep
+ * @codegen-command: yarn relay
+ */
+
+/* tslint:disable */
+/* eslint-disable */
+// @ts-nocheck
+
+// @relayRequestID 6fa0dcb130ee0ade530bef810f71d7fe1d99115927d45d457ed5a5a27da9e6b9
+
+const node = function () {
+  var v0 = [{
+      "defaultValue": null,
+      "kind": "LocalArgument",
+      "name": "cloudId"
+    }],
+    v1 = {
+      "kind": "Variable",
+      "name": "cloudId",
+      "variableName": "cloudId"
+    },
+    v2 = [v1 /*: any*/, {
+      "kind": "Literal",
+      "name": "first",
+      "value": 30
+    }, {
+      "kind": "Literal",
+      "name": "input",
+      "value": {
+        "onlyEditableAgents": true
+      }
+    }],
+    v3 = {
+      "enumValues": null,
+      "nullable": true,
+      "plural": false,
+      "type": "String"
+    };
+  return {
+    "fragment": {
+      "argumentDefinitions": v0 /*: any*/,
+      "kind": "Fragment",
+      "name": "testRovoAgentSelectorWithoutFeatureFlagQuery",
+      "selections": [{
+        "args": [v1 /*: any*/],
+        "kind": "FragmentSpread",
+        "name": "rovoAgentSelector_AtlaskitRovoAgentSelector"
+      }],
+      "type": "Query"
+    },
+    "kind": "Request",
+    "operation": {
+      "argumentDefinitions": v0 /*: any*/,
+      "kind": "Operation",
+      "name": "testRovoAgentSelectorWithoutFeatureFlagQuery",
+      "selections": [{
+        "args": v2 /*: any*/,
+        "concreteType": "AgentStudioAgentsConnection",
+        "kind": "LinkedField",
+        "name": "agentStudio_getAgents",
+        "plural": false,
+        "selections": [{
+          "concreteType": "PageInfo",
+          "kind": "LinkedField",
+          "name": "pageInfo",
+          "plural": false,
+          "selections": [{
+            "kind": "ScalarField",
+            "name": "hasNextPage"
+          }, {
+            "kind": "ScalarField",
+            "name": "endCursor"
+          }]
+        }, {
+          "concreteType": "AgentStudioAgentEdge",
+          "kind": "LinkedField",
+          "name": "edges",
+          "plural": true,
+          "selections": [{
+            "concreteType": "AgentStudioAssistant",
+            "kind": "LinkedField",
+            "name": "node",
+            "plural": false,
+            "selections": [{
+              "kind": "ScalarField",
+              "name": "id"
+            }, {
+              "kind": "ScalarField",
+              "name": "name"
+            }, {
+              "kind": "ScalarField",
+              "name": "externalConfigReference"
+            }, {
+              "kind": "ScalarField",
+              "name": "identityAccountId"
+            }, {
+              "kind": "ScalarField",
+              "name": "creatorType"
+            }, {
+              "kind": "ScalarField",
+              "name": "__typename"
+            }]
+          }, {
+            "kind": "ScalarField",
+            "name": "cursor"
+          }]
+        }]
+      }, {
+        "args": v2 /*: any*/,
+        "filters": ["cloudId", "input"],
+        "handle": "connection",
+        "key": "RovoAgent_agentStudio_getAgents",
+        "kind": "LinkedHandle",
+        "name": "agentStudio_getAgents"
+      }]
+    },
+    "params": {
+      "id": "6fa0dcb130ee0ade530bef810f71d7fe1d99115927d45d457ed5a5a27da9e6b9",
+      "metadata": {
+        "relayTestingSelectionTypeInfo": {
+          "agentStudio_getAgents": {
+            "enumValues": null,
+            "nullable": true,
+            "plural": false,
+            "type": "AgentStudioAgentsConnection"
+          },
+          "agentStudio_getAgents.edges": {
+            "enumValues": null,
+            "nullable": false,
+            "plural": true,
+            "type": "AgentStudioAgentEdge"
+          },
+          "agentStudio_getAgents.edges.cursor": v3 /*: any*/,
+          "agentStudio_getAgents.edges.node": {
+            "enumValues": null,
+            "nullable": true,
+            "plural": false,
+            "type": "AgentStudioAssistant"
+          },
+          "agentStudio_getAgents.edges.node.__typename": {
+            "enumValues": null,
+            "nullable": false,
+            "plural": false,
+            "type": "String"
+          },
+          "agentStudio_getAgents.edges.node.creatorType": v3 /*: any*/,
+          "agentStudio_getAgents.edges.node.externalConfigReference": v3 /*: any*/,
+          "agentStudio_getAgents.edges.node.id": {
+            "enumValues": null,
+            "nullable": false,
+            "plural": false,
+            "type": "ID"
+          },
+          "agentStudio_getAgents.edges.node.identityAccountId": v3 /*: any*/,
+          "agentStudio_getAgents.edges.node.name": v3 /*: any*/,
+          "agentStudio_getAgents.pageInfo": {
+            "enumValues": null,
+            "nullable": false,
+            "plural": false,
+            "type": "PageInfo"
+          },
+          "agentStudio_getAgents.pageInfo.endCursor": v3 /*: any*/,
+          "agentStudio_getAgents.pageInfo.hasNextPage": {
+            "enumValues": null,
+            "nullable": false,
+            "plural": false,
+            "type": "Boolean"
+          }
+        }
+      },
+      "name": "testRovoAgentSelectorWithoutFeatureFlagQuery",
+      "operationKind": "query",
+      "text": null
+    }
+  };
+}();
+node.hash = "cfab1e98961b1a1411d8b090b5d826ac";
+export default node;

package/dist/es2019/ui/rovo-agent-selector/index.js

@@ -0,0 +1,152 @@
+/* index.tsx generated by @compiled/babel-plugin v0.38.1 */
+import * as React from 'react';
+import { ax, ix } from "@compiled/react/runtime";
+import _rovoAgentSelector_AtlaskitRovoAgentSelector from "./__generated__/rovoAgentSelector_AtlaskitRovoAgentSelector.graphql";
+import { useCallback, useMemo, useRef, useState } from 'react';
+import { useIntl } from 'react-intl-next';
+import { graphql, usePaginationFragment } from 'react-relay';
+import { Label } from '@atlaskit/form';
+import { fg } from '@atlaskit/platform-feature-flags';
+import { Box, Inline, Stack, Text } from '@atlaskit/primitives/compiled';
+import { AgentAvatar } from '@atlaskit/rovo-agent-components';
+import Select from '@atlaskit/select';
+import messages from './messages';
+export const AGENT_SELECT_ID = 'rovo-agent-select';
+const DEBOUNCE_DELAY = 500;
+const PAGE_SIZE = 30;
+
+// Simple debounce hook
+function useDebouncedCallback(callback, delay) {
+  const timeoutRef = useRef(null);
+
+  // eslint-disable-next-line react-hooks/exhaustive-deps
+  return useCallback((...args) => {
+    if (timeoutRef.current) {
+      clearTimeout(timeoutRef.current);
+    }
+    timeoutRef.current = setTimeout(() => {
+      callback(...args);
+    }, delay);
+  }, [callback, delay]);
+}
+export default function RovoAgentSelector({
+  testId,
+  isFeatureEnabled: isFeatureEnabledOverride,
+  fragmentReference,
+  cloudId,
+  selectedAgent,
+  onChange,
+  isLoading: isLoadingOverride
+}) {
+  var _data$agentStudio_get4;
+  const {
+    formatMessage
+  } = useIntl();
+  const isFeatureEnabled = isFeatureEnabledOverride !== null && isFeatureEnabledOverride !== void 0 ? isFeatureEnabledOverride : fg('jsm_help_center_one-click_rovo_agent');
+  const [, setSearchInput] = useState(null);
+  const [isRefetching, setIsRefetching] = useState(false);
+  const {
+    data,
+    loadNext,
+    hasNext,
+    isLoadingNext,
+    refetch
+  } = usePaginationFragment(_rovoAgentSelector_AtlaskitRovoAgentSelector, fragmentReference);
+  const agentOptions = useMemo(() => {
+    var _data$agentStudio_get, _data$agentStudio_get2, _data$agentStudio_get3;
+    return (_data$agentStudio_get = data === null || data === void 0 ? void 0 : (_data$agentStudio_get2 = data.agentStudio_getAgents) === null || _data$agentStudio_get2 === void 0 ? void 0 : (_data$agentStudio_get3 = _data$agentStudio_get2.edges) === null || _data$agentStudio_get3 === void 0 ? void 0 : _data$agentStudio_get3.map(edge => edge === null || edge === void 0 ? void 0 : edge.node).filter(node => node != null).map(agent => {
+      var _agent$name, _agent$id, _agent$externalConfig, _agent$identityAccoun;
+      return {
+        label: (_agent$name = agent === null || agent === void 0 ? void 0 : agent.name) !== null && _agent$name !== void 0 ? _agent$name : '',
+        value: (_agent$id = agent === null || agent === void 0 ? void 0 : agent.id) !== null && _agent$id !== void 0 ? _agent$id : '',
+        externalConfigReference: (_agent$externalConfig = agent === null || agent === void 0 ? void 0 : agent.externalConfigReference) !== null && _agent$externalConfig !== void 0 ? _agent$externalConfig : undefined,
+        identityAccountId: (_agent$identityAccoun = agent === null || agent === void 0 ? void 0 : agent.identityAccountId) !== null && _agent$identityAccoun !== void 0 ? _agent$identityAccoun : undefined,
+        isForgeAgent: (agent === null || agent === void 0 ? void 0 : agent.creatorType) === 'FORGE'
+      };
+    }).filter(option => option.label)) !== null && _data$agentStudio_get !== void 0 ? _data$agentStudio_get : [];
+  }, [data === null || data === void 0 ? void 0 : (_data$agentStudio_get4 = data.agentStudio_getAgents) === null || _data$agentStudio_get4 === void 0 ? void 0 : _data$agentStudio_get4.edges]);
+
+  // Non-suspending refetch to prevent select input suspending during search
+  // Since useSuspenselessRefetch is Jira-specific, we use refetch with fetchPolicy to avoid suspending
+  const suspenselessRefetch = useCallback(variables => {
+    setIsRefetching(true);
+    refetch(variables, {
+      fetchPolicy: 'store-or-network'
+    });
+    // Reset loading state after a delay to handle async nature
+    // Note: In a real implementation with useSuspenselessRefetch, this would be handled automatically
+    setTimeout(() => {
+      setIsRefetching(false);
+    }, 100);
+  }, [refetch]);
+  const debouncedRefetch = useDebouncedCallback(useCallback(searchTerm => {
+    const input = {
+      onlyEditableAgents: true,
+      ...(searchTerm.trim() ? {
+        name: searchTerm.trim()
+      } : {}) // Exclude searchTerm if empty as empty string causes request to fail
+    };
+    suspenselessRefetch({
+      cloudId,
+      input
+    });
+  }, [cloudId, suspenselessRefetch]), DEBOUNCE_DELAY);
+  const handleInputChange = useCallback(inputValue => {
+    setSearchInput(inputValue);
+    debouncedRefetch(inputValue);
+  }, [setSearchInput, debouncedRefetch]);
+  const handleMenuScrollToBottom = useCallback(() => {
+    if (hasNext && !isLoadingNext && !isRefetching) {
+      loadNext(PAGE_SIZE);
+    }
+  }, [hasNext, isLoadingNext, isRefetching, loadNext]);
+  const handleUpdateAgent = useCallback(option => {
+    onChange === null || onChange === void 0 ? void 0 : onChange(option);
+  }, [onChange]);
+  const isLoading = isLoadingOverride !== null && isLoadingOverride !== void 0 ? isLoadingOverride : isRefetching || isLoadingNext;
+  if (!isFeatureEnabled) {
+    return null;
+  }
+  return /*#__PURE__*/React.createElement(Box, {
+    testId: testId
+  }, /*#__PURE__*/React.createElement(Stack, {
+    space: "space.050"
+  }, /*#__PURE__*/React.createElement(Label, {
+    htmlFor: AGENT_SELECT_ID
+  }, /*#__PURE__*/React.createElement(Text, {
+    weight: "semibold"
+  }, formatMessage(messages.selectorLabel))), /*#__PURE__*/React.createElement(Select, {
+    inputId: AGENT_SELECT_ID,
+    placeholder: formatMessage(messages.rovoAgentPlaceholder),
+    options: agentOptions,
+    value: selectedAgent,
+    noOptionsMessage: () => formatMessage(messages.noOptionsMessage),
+    onChange: handleUpdateAgent,
+    onInputChange: handleInputChange,
+    isSearchable: true,
+    filterOption: () => true // Disabled filtering in component since options are cached and filtered in relay store
+    ,
+    isLoading: isLoading,
+    onMenuScrollToBottom: handleMenuScrollToBottom,
+    formatOptionLabel: ({
+      label,
+      value,
+      externalConfigReference,
+      identityAccountId,
+      isForgeAgent
+    }) => /*#__PURE__*/React.createElement(Inline, {
+      alignBlock: "center",
+      space: "space.075"
+    }, /*#__PURE__*/React.createElement(AgentAvatar, {
+      agentId: value,
+      agentNamedId: externalConfigReference,
+      agentIdentityAccountId: identityAccountId,
+      size: "small",
+      showBorder: false,
+      isForgeAgent: isForgeAgent
+    }), /*#__PURE__*/React.createElement(Text, {
+      size: "small",
+      color: "color.text.subtle"
+    }, label))
+  })));
+}

package/dist/es2019/ui/rovo-agent-selector/messages.js

@@ -0,0 +1,19 @@
+import { defineMessages } from 'react-intl-next';
+const messages = defineMessages({
+  selectorLabel: {
+    id: 'rovo-agent-selector.label',
+    defaultMessage: 'Select agent',
+    description: 'Label for the agent selector dropdown'
+  },
+  rovoAgentPlaceholder: {
+    id: 'rovo-agent-selector.lplaceholder',
+    defaultMessage: 'Select a Rovo agent',
+    description: 'Placeholder for the Rovo Agent select on the customer portal settings page'
+  },
+  noOptionsMessage: {
+    id: 'rovo-agent-selector.lno-options-message',
+    defaultMessage: 'No agents found',
+    description: 'Message displayed when no options are available'
+  }
+});
+export default messages;

package/dist/es2019/ui/rovo-agent-selector/types.js

@@ -0,0 +1 @@
+export {};

package/dist/esm/index.js

@@ -0,0 +1 @@
+export { default } from './ui/rovo-agent-selector';

package/dist/esm/ui/rovo-agent-selector/__generated__/rovoAgentSelector_AtlaskitRovoAgentSelector.graphql.js

@@ -0,0 +1,123 @@
+/**
+ * @generated SignedSource<<d5c96fb06da7a96bc5df3f9ac4925786>>
+ * @lightSyntaxTransform
+ * @nogrep
+ * @codegen-command: yarn relay
+ */
+
+/* tslint:disable */
+/* eslint-disable */
+// @ts-nocheck
+
+import rovoAgentSelector_AtlaskitRovoAgentSelectorPaginationQuery_graphql from './rovoAgentSelector_AtlaskitRovoAgentSelectorPaginationQuery.graphql';
+var node = function () {
+  var v0 = ["agentStudio_getAgents"];
+  return {
+    "argumentDefinitions": [{
+      "defaultValue": null,
+      "kind": "LocalArgument",
+      "name": "after"
+    }, {
+      "defaultValue": null,
+      "kind": "LocalArgument",
+      "name": "cloudId"
+    }, {
+      "defaultValue": 30,
+      "kind": "LocalArgument",
+      "name": "first"
+    }, {
+      "defaultValue": {
+        "onlyEditableAgents": true
+      },
+      "kind": "LocalArgument",
+      "name": "input"
+    }],
+    "kind": "Fragment",
+    "metadata": {
+      "connection": [{
+        "count": "first",
+        "cursor": "after",
+        "direction": "forward",
+        "path": v0 /*: any*/
+      }],
+      "refetch": {
+        "connection": {
+          "forward": {
+            "count": "first",
+            "cursor": "after"
+          },
+          "backward": null,
+          "path": v0 /*: any*/
+        },
+        "fragmentPathInResult": [],
+        "operation": rovoAgentSelector_AtlaskitRovoAgentSelectorPaginationQuery_graphql
+      }
+    },
+    "name": "rovoAgentSelector_AtlaskitRovoAgentSelector",
+    "selections": [{
+      "alias": "agentStudio_getAgents",
+      "args": [{
+        "kind": "Variable",
+        "name": "cloudId",
+        "variableName": "cloudId"
+      }, {
+        "kind": "Variable",
+        "name": "input",
+        "variableName": "input"
+      }],
+      "concreteType": "AgentStudioAgentsConnection",
+      "kind": "LinkedField",
+      "name": "__RovoAgent_agentStudio_getAgents_connection",
+      "plural": false,
+      "selections": [{
+        "concreteType": "PageInfo",
+        "kind": "LinkedField",
+        "name": "pageInfo",
+        "plural": false,
+        "selections": [{
+          "kind": "ScalarField",
+          "name": "hasNextPage"
+        }, {
+          "kind": "ScalarField",
+          "name": "endCursor"
+        }]
+      }, {
+        "concreteType": "AgentStudioAgentEdge",
+        "kind": "LinkedField",
+        "name": "edges",
+        "plural": true,
+        "selections": [{
+          "concreteType": "AgentStudioAssistant",
+          "kind": "LinkedField",
+          "name": "node",
+          "plural": false,
+          "selections": [{
+            "kind": "ScalarField",
+            "name": "id"
+          }, {
+            "kind": "ScalarField",
+            "name": "name"
+          }, {
+            "kind": "ScalarField",
+            "name": "externalConfigReference"
+          }, {
+            "kind": "ScalarField",
+            "name": "identityAccountId"
+          }, {
+            "kind": "ScalarField",
+            "name": "creatorType"
+          }, {
+            "kind": "ScalarField",
+            "name": "__typename"
+          }]
+        }, {
+          "kind": "ScalarField",
+          "name": "cursor"
+        }]
+      }]
+    }],
+    "type": "Query"
+  };
+}();
+node.hash = "d7bdd1e2dc939a818cdc008295748109";
+export default node;

package/dist/esm/ui/rovo-agent-selector/__generated__/rovoAgentSelector_AtlaskitRovoAgentSelectorPaginationQuery.graphql.js

@@ -0,0 +1,140 @@
+/**
+ * @generated SignedSource<<a5435352f3d8a8d5c79e9c07b1c4fe33>>
+ * @relayHash 3b0f1687d8cc89a312aa0e46a133624b
+ * @lightSyntaxTransform
+ * @nogrep
+ * @codegen-command: yarn relay
+ */
+
+/* tslint:disable */
+/* eslint-disable */
+// @ts-nocheck
+
+// @relayRequestID 3cc43bc32ca9f61c9a9b13d844ead02a116d206f1960cd4422b0a17239e78299
+
+var node = function () {
+  var v0 = [{
+      "defaultValue": null,
+      "kind": "LocalArgument",
+      "name": "after"
+    }, {
+      "defaultValue": null,
+      "kind": "LocalArgument",
+      "name": "cloudId"
+    }, {
+      "defaultValue": 30,
+      "kind": "LocalArgument",
+      "name": "first"
+    }, {
+      "defaultValue": {
+        "onlyEditableAgents": true
+      },
+      "kind": "LocalArgument",
+      "name": "input"
+    }],
+    v1 = [{
+      "kind": "Variable",
+      "name": "after",
+      "variableName": "after"
+    }, {
+      "kind": "Variable",
+      "name": "cloudId",
+      "variableName": "cloudId"
+    }, {
+      "kind": "Variable",
+      "name": "first",
+      "variableName": "first"
+    }, {
+      "kind": "Variable",
+      "name": "input",
+      "variableName": "input"
+    }];
+  return {
+    "fragment": {
+      "argumentDefinitions": v0 /*: any*/,
+      "kind": "Fragment",
+      "name": "rovoAgentSelector_AtlaskitRovoAgentSelectorPaginationQuery",
+      "selections": [{
+        "args": v1 /*: any*/,
+        "kind": "FragmentSpread",
+        "name": "rovoAgentSelector_AtlaskitRovoAgentSelector"
+      }],
+      "type": "Query"
+    },
+    "kind": "Request",
+    "operation": {
+      "argumentDefinitions": v0 /*: any*/,
+      "kind": "Operation",
+      "name": "rovoAgentSelector_AtlaskitRovoAgentSelectorPaginationQuery",
+      "selections": [{
+        "args": v1 /*: any*/,
+        "concreteType": "AgentStudioAgentsConnection",
+        "kind": "LinkedField",
+        "name": "agentStudio_getAgents",
+        "plural": false,
+        "selections": [{
+          "concreteType": "PageInfo",
+          "kind": "LinkedField",
+          "name": "pageInfo",
+          "plural": false,
+          "selections": [{
+            "kind": "ScalarField",
+            "name": "hasNextPage"
+          }, {
+            "kind": "ScalarField",
+            "name": "endCursor"
+          }]
+        }, {
+          "concreteType": "AgentStudioAgentEdge",
+          "kind": "LinkedField",
+          "name": "edges",
+          "plural": true,
+          "selections": [{
+            "concreteType": "AgentStudioAssistant",
+            "kind": "LinkedField",
+            "name": "node",
+            "plural": false,
+            "selections": [{
+              "kind": "ScalarField",
+              "name": "id"
+            }, {
+              "kind": "ScalarField",
+              "name": "name"
+            }, {
+              "kind": "ScalarField",
+              "name": "externalConfigReference"
+            }, {
+              "kind": "ScalarField",
+              "name": "identityAccountId"
+            }, {
+              "kind": "ScalarField",
+              "name": "creatorType"
+            }, {
+              "kind": "ScalarField",
+              "name": "__typename"
+            }]
+          }, {
+            "kind": "ScalarField",
+            "name": "cursor"
+          }]
+        }]
+      }, {
+        "args": v1 /*: any*/,
+        "filters": ["cloudId", "input"],
+        "handle": "connection",
+        "key": "RovoAgent_agentStudio_getAgents",
+        "kind": "LinkedHandle",
+        "name": "agentStudio_getAgents"
+      }]
+    },
+    "params": {
+      "id": "3cc43bc32ca9f61c9a9b13d844ead02a116d206f1960cd4422b0a17239e78299",
+      "metadata": {},
+      "name": "rovoAgentSelector_AtlaskitRovoAgentSelectorPaginationQuery",
+      "operationKind": "query",
+      "text": null
+    }
+  };
+}();
+node.hash = "d7bdd1e2dc939a818cdc008295748109";
+export default node;