@red-hat-developer-hub/backstage-plugin-intelligent-assistant 3.0.0

package/dist/hooks/useConversations.esm.js

@@ -0,0 +1,25 @@
+import { useApi } from '@backstage/core-plugin-api';
+import { useQuery } from '@tanstack/react-query';
+import { lightspeedApiRef } from '../api/api.esm.js';
+
+const useConversations = () => {
+  const lightspeedApi = useApi(lightspeedApiRef);
+  return useQuery({
+    queryKey: ["conversations"],
+    queryFn: async () => {
+      const response = await lightspeedApi.getConversations();
+      return response;
+    },
+    refetchInterval: (query) => {
+      const data = query.state.data;
+      if (!data?.length) return false;
+      const hasNullSummary = data.some((c) => !c.topic_summary);
+      return hasNullSummary ? 2e3 : false;
+    },
+    staleTime: 1e3 * 60 * 5
+    // 5 minutes
+  });
+};
+
+export { useConversations };
+//# sourceMappingURL=useConversations.esm.js.map

package/dist/hooks/useConversations.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useConversations.esm.js","sources":["../../src/hooks/useConversations.ts"],"sourcesContent":["/*\n * Copyright Red Hat, Inc.\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n\nimport { useApi } from '@backstage/core-plugin-api';\n\nimport { useQuery, type UseQueryResult } from '@tanstack/react-query';\n\nimport { lightspeedApiRef } from '../api/api';\nimport { ConversationList } from '../types';\n\n// Fetch all conversations\nexport const useConversations = (): UseQueryResult<ConversationList, Error> => {\n  const lightspeedApi = useApi(lightspeedApiRef);\n  return useQuery({\n    queryKey: ['conversations'],\n    queryFn: async () => {\n      const response = await lightspeedApi.getConversations();\n      return response;\n    },\n    refetchInterval: query => {\n      const data = query.state.data;\n      if (!data?.length) return false;\n      const hasNullSummary = data.some(c => !c.topic_summary);\n      return hasNullSummary ? 2000 : false;\n    },\n    staleTime: 1000 * 60 * 5, // 5 minutes\n  });\n};\n"],"names":[],"mappings":";;;;AAwBO,MAAM,mBAAmB,MAA+C;AAC7E,EAAA,MAAM,aAAA,GAAgB,OAAO,gBAAgB,CAAA;AAC7C,EAAA,OAAO,QAAA,CAAS;AAAA,IACd,QAAA,EAAU,CAAC,eAAe,CAAA;AAAA,IAC1B,SAAS,YAAY;AACnB,MAAA,MAAM,QAAA,GAAW,MAAM,aAAA,CAAc,gBAAA,EAAiB;AACtD,MAAA,OAAO,QAAA;AAAA,IACT,CAAA;AAAA,IACA,iBAAiB,CAAA,KAAA,KAAS;AACxB,MAAA,MAAM,IAAA,GAAO,MAAM,KAAA,CAAM,IAAA;AACzB,MAAA,IAAI,CAAC,IAAA,EAAM,MAAA,EAAQ,OAAO,KAAA;AAC1B,MAAA,MAAM,iBAAiB,IAAA,CAAK,IAAA,CAAK,CAAA,CAAA,KAAK,CAAC,EAAE,aAAa,CAAA;AACtD,MAAA,OAAO,iBAAiB,GAAA,GAAO,KAAA;AAAA,IACjC,CAAA;AAAA,IACA,SAAA,EAAW,MAAO,EAAA,GAAK;AAAA;AAAA,GACxB,CAAA;AACH;;;;"}

package/dist/hooks/useCreateCoversationMessage.esm.js

@@ -0,0 +1,33 @@
+import { useApi } from '@backstage/core-plugin-api';
+import { useMutation } from '@tanstack/react-query';
+import { lightspeedApiRef } from '../api/api.esm.js';
+
+const useCreateConversationMessage = () => {
+  const lightspeedApi = useApi(lightspeedApiRef);
+  return useMutation({
+    mutationFn: async ({
+      prompt,
+      selectedModel,
+      selectedProvider,
+      currentConversation,
+      attachments
+    }) => {
+      if (!currentConversation) {
+        throw new Error("Failed to generate AI response");
+      }
+      return await lightspeedApi.createMessage(
+        `${prompt}`,
+        selectedModel,
+        selectedProvider,
+        currentConversation,
+        attachments
+      );
+    },
+    onError: (error) => {
+      console.warn(error);
+    }
+  });
+};
+
+export { useCreateConversationMessage };
+//# sourceMappingURL=useCreateCoversationMessage.esm.js.map

package/dist/hooks/useCreateCoversationMessage.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useCreateCoversationMessage.esm.js","sources":["../../src/hooks/useCreateCoversationMessage.ts"],"sourcesContent":["/*\n * Copyright Red Hat, Inc.\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n\nimport { useApi } from '@backstage/core-plugin-api';\n\nimport { useMutation, type UseMutationResult } from '@tanstack/react-query';\n\nimport { lightspeedApiRef } from '../api/api';\nimport { Attachment } from '../types';\n\nexport type CreateMessageVariables = {\n  prompt: string;\n  selectedModel: string;\n  selectedProvider: string;\n  currentConversation: string;\n  attachments: Attachment[];\n};\n\nexport const useCreateConversationMessage = (): UseMutationResult<\n  ReadableStreamDefaultReader<Uint8Array>,\n  Error,\n  CreateMessageVariables\n> => {\n  const lightspeedApi = useApi(lightspeedApiRef);\n\n  return useMutation({\n    mutationFn: async ({\n      prompt,\n      selectedModel,\n      selectedProvider,\n      currentConversation,\n      attachments,\n    }: CreateMessageVariables) => {\n      if (!currentConversation) {\n        throw new Error('Failed to generate AI response');\n      }\n\n      return await lightspeedApi.createMessage(\n        `${prompt}`,\n        selectedModel,\n        selectedProvider,\n        currentConversation,\n        attachments,\n      );\n    },\n    onError: error => {\n      // eslint-disable-next-line\n      console.warn(error);\n    },\n  });\n};\n"],"names":[],"mappings":";;;;AA+BO,MAAM,+BAA+B,MAIvC;AACH,EAAA,MAAM,aAAA,GAAgB,OAAO,gBAAgB,CAAA;AAE7C,EAAA,OAAO,WAAA,CAAY;AAAA,IACjB,YAAY,OAAO;AAAA,MACjB,MAAA;AAAA,MACA,aAAA;AAAA,MACA,gBAAA;AAAA,MACA,mBAAA;AAAA,MACA;AAAA,KACF,KAA8B;AAC5B,MAAA,IAAI,CAAC,mBAAA,EAAqB;AACxB,QAAA,MAAM,IAAI,MAAM,gCAAgC,CAAA;AAAA,MAClD;AAEA,MAAA,OAAO,MAAM,aAAA,CAAc,aAAA;AAAA,QACzB,GAAG,MAAM,CAAA,CAAA;AAAA,QACT,aAAA;AAAA,QACA,gBAAA;AAAA,QACA,mBAAA;AAAA,QACA;AAAA,OACF;AAAA,IACF,CAAA;AAAA,IACA,SAAS,CAAA,KAAA,KAAS;AAEhB,MAAA,OAAA,CAAQ,KAAK,KAAK,CAAA;AAAA,IACpB;AAAA,GACD,CAAA;AACH;;;;"}

package/dist/hooks/useDeleteConversation.esm.js

@@ -0,0 +1,39 @@
+import { useApi } from '@backstage/core-plugin-api';
+import { useQueryClient, useMutation } from '@tanstack/react-query';
+import { lightspeedApiRef } from '../api/api.esm.js';
+import { clearSharedToolCallsCacheForConversation } from './toolCallsCacheStore.esm.js';
+
+const useDeleteConversation = () => {
+  const lightspeedApi = useApi(lightspeedApiRef);
+  const queryClient = useQueryClient();
+  return useMutation({
+    mutationFn: async (props) => {
+      await lightspeedApi.deleteConversation(props.conversation_id);
+    },
+    onMutate: async (props) => {
+      await queryClient.cancelQueries({ queryKey: ["conversations"] });
+      const previousConversations = queryClient.getQueryData(["conversations"]);
+      queryClient.setQueryData(
+        ["conversations"],
+        (old) => old.filter((c) => c.conversation_id !== props.conversation_id)
+      );
+      return { previousConversations };
+    },
+    onSuccess: (_, props) => {
+      clearSharedToolCallsCacheForConversation(props.conversation_id);
+      if (props.invalidateCache) {
+        queryClient.invalidateQueries({ queryKey: ["conversations"] });
+      }
+    },
+    onError: (_, __, context) => {
+      queryClient.setQueryData(
+        ["conversations"],
+        context?.previousConversations
+      );
+      return { success: false };
+    }
+  });
+};
+
+export { useDeleteConversation };
+//# sourceMappingURL=useDeleteConversation.esm.js.map

package/dist/hooks/useDeleteConversation.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useDeleteConversation.esm.js","sources":["../../src/hooks/useDeleteConversation.ts"],"sourcesContent":["/*\n * Copyright Red Hat, Inc.\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n\nimport { useApi } from '@backstage/core-plugin-api';\n\nimport {\n  useMutation,\n  useQueryClient,\n  type UseMutationResult,\n} from '@tanstack/react-query';\n\nimport { lightspeedApiRef } from '../api/api';\nimport { ConversationList } from '../types';\nimport { clearSharedToolCallsCacheForConversation } from './toolCallsCacheStore';\n\ntype DeleteVariables = {\n  conversation_id: string;\n  invalidateCache?: boolean;\n};\n\ntype DeleteContext = {\n  previousConversations?: ConversationList;\n};\n\nexport const useDeleteConversation = (): UseMutationResult<\n  void,\n  Error,\n  DeleteVariables,\n  DeleteContext\n> => {\n  const lightspeedApi = useApi(lightspeedApiRef);\n  const queryClient = useQueryClient();\n\n  return useMutation({\n    mutationFn: async (props: {\n      conversation_id: string;\n      invalidateCache?: boolean;\n    }) => {\n      await lightspeedApi.deleteConversation(props.conversation_id);\n    },\n    onMutate: async props => {\n      await queryClient.cancelQueries({ queryKey: ['conversations'] });\n\n      const previousConversations: ConversationList | undefined =\n        queryClient.getQueryData(['conversations']);\n\n      queryClient.setQueryData(['conversations'], (old: ConversationList) =>\n        old.filter(c => c.conversation_id !== props.conversation_id),\n      );\n\n      return { previousConversations };\n    },\n    onSuccess: (_, props) => {\n      clearSharedToolCallsCacheForConversation(props.conversation_id);\n      if (props.invalidateCache) {\n        queryClient.invalidateQueries({ queryKey: ['conversations'] });\n      }\n    },\n    onError: (_, __, context) => {\n      queryClient.setQueryData(\n        ['conversations'],\n        context?.previousConversations,\n      );\n      return { success: false };\n    },\n  });\n};\n"],"names":[],"mappings":";;;;;AAqCO,MAAM,wBAAwB,MAKhC;AACH,EAAA,MAAM,aAAA,GAAgB,OAAO,gBAAgB,CAAA;AAC7C,EAAA,MAAM,cAAc,cAAA,EAAe;AAEnC,EAAA,OAAO,WAAA,CAAY;AAAA,IACjB,UAAA,EAAY,OAAO,KAAA,KAGb;AACJ,MAAA,MAAM,aAAA,CAAc,kBAAA,CAAmB,KAAA,CAAM,eAAe,CAAA;AAAA,IAC9D,CAAA;AAAA,IACA,QAAA,EAAU,OAAM,KAAA,KAAS;AACvB,MAAA,MAAM,YAAY,aAAA,CAAc,EAAE,UAAU,CAAC,eAAe,GAAG,CAAA;AAE/D,MAAA,MAAM,qBAAA,GACJ,WAAA,CAAY,YAAA,CAAa,CAAC,eAAe,CAAC,CAAA;AAE5C,MAAA,WAAA,CAAY,YAAA;AAAA,QAAa,CAAC,eAAe,CAAA;AAAA,QAAG,CAAC,QAC3C,GAAA,CAAI,MAAA,CAAO,OAAK,CAAA,CAAE,eAAA,KAAoB,MAAM,eAAe;AAAA,OAC7D;AAEA,MAAA,OAAO,EAAE,qBAAA,EAAsB;AAAA,IACjC,CAAA;AAAA,IACA,SAAA,EAAW,CAAC,CAAA,EAAG,KAAA,KAAU;AACvB,MAAA,wCAAA,CAAyC,MAAM,eAAe,CAAA;AAC9D,MAAA,IAAI,MAAM,eAAA,EAAiB;AACzB,QAAA,WAAA,CAAY,kBAAkB,EAAE,QAAA,EAAU,CAAC,eAAe,GAAG,CAAA;AAAA,MAC/D;AAAA,IACF,CAAA;AAAA,IACA,OAAA,EAAS,CAAC,CAAA,EAAG,EAAA,EAAI,OAAA,KAAY;AAC3B,MAAA,WAAA,CAAY,YAAA;AAAA,QACV,CAAC,eAAe,CAAA;AAAA,QAChB,OAAA,EAAS;AAAA,OACX;AACA,MAAA,OAAO,EAAE,SAAS,KAAA,EAAM;AAAA,IAC1B;AAAA,GACD,CAAA;AACH;;;;"}

package/dist/hooks/useDisplayModeSettings.esm.js

@@ -0,0 +1,57 @@
+import { useState, useEffect, useCallback } from 'react';
+import { useApi, storageApiRef } from '@backstage/core-plugin-api';
+import { ChatbotDisplayMode } from '@patternfly/chatbot';
+import { isGuestUser } from '../utils/user-utils.esm.js';
+
+const BUCKET_NAME = "lightspeed";
+const DISPLAY_MODE_KEY = "displayMode";
+const useDisplayModeSettings = (user, defaultMode = ChatbotDisplayMode.default) => {
+  const storageApi = useApi(storageApiRef);
+  const bucket = storageApi.forBucket(BUCKET_NAME);
+  const [displayModeState, setDisplayModeState] = useState(defaultMode);
+  const shouldPersist = !isGuestUser(user);
+  useEffect(() => {
+    if (!user || isGuestUser(user)) {
+      setDisplayModeState(defaultMode);
+      return void 0;
+    }
+    try {
+      const modeSnapshot = bucket.snapshot(DISPLAY_MODE_KEY);
+      setDisplayModeState(modeSnapshot.value ?? defaultMode);
+    } catch (error) {
+      console.error("Error reading display mode from storage:", error);
+    }
+    const modeSubscription = bucket.observe$(DISPLAY_MODE_KEY).subscribe({
+      next: (snapshot) => {
+        setDisplayModeState(snapshot.value ?? defaultMode);
+      },
+      error: (error) => {
+        console.error("Error observing displayMode:", error);
+      }
+    });
+    return () => {
+      modeSubscription.unsubscribe();
+    };
+  }, [bucket, user, defaultMode]);
+  const setDisplayMode = useCallback(
+    (mode) => {
+      if (!user) return;
+      setDisplayModeState(mode);
+      if (shouldPersist) {
+        try {
+          bucket.set(DISPLAY_MODE_KEY, mode);
+        } catch (error) {
+          console.error("Error saving display mode:", error);
+        }
+      }
+    },
+    [bucket, user, shouldPersist]
+  );
+  return {
+    displayMode: displayModeState,
+    setDisplayMode
+  };
+};
+
+export { useDisplayModeSettings };
+//# sourceMappingURL=useDisplayModeSettings.esm.js.map

package/dist/hooks/useDisplayModeSettings.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useDisplayModeSettings.esm.js","sources":["../../src/hooks/useDisplayModeSettings.ts"],"sourcesContent":["/*\n * Copyright Red Hat, Inc.\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\nimport { useCallback, useEffect, useState } from 'react';\n\nimport { storageApiRef, useApi } from '@backstage/core-plugin-api';\n\nimport { ChatbotDisplayMode } from '@patternfly/chatbot';\n\nimport { isGuestUser } from '../utils/user-utils';\n\nconst BUCKET_NAME = 'lightspeed';\nconst DISPLAY_MODE_KEY = 'displayMode';\n\ntype UseDisplayModeSettingsReturn = {\n  displayMode: ChatbotDisplayMode;\n  setDisplayMode: (mode: ChatbotDisplayMode) => void;\n};\n\n/**\n * Hook to manage display mode settings with persistence using Backstage StorageApi.\n *\n * @param user - The user entity ref (e.g., \"user:default/john\")\n * @param defaultMode - The default display mode to use if no preference is stored\n * @returns Object containing display mode state and management function\n */\nexport const useDisplayModeSettings = (\n  user: string | undefined,\n  defaultMode: ChatbotDisplayMode = ChatbotDisplayMode.default,\n): UseDisplayModeSettingsReturn => {\n  const storageApi = useApi(storageApiRef);\n  const bucket = storageApi.forBucket(BUCKET_NAME);\n\n  const [displayModeState, setDisplayModeState] =\n    useState<ChatbotDisplayMode>(defaultMode);\n\n  const shouldPersist = !isGuestUser(user);\n\n  useEffect(() => {\n    if (!user || isGuestUser(user)) {\n      setDisplayModeState(defaultMode);\n      return undefined;\n    }\n\n    try {\n      const modeSnapshot =\n        bucket.snapshot<ChatbotDisplayMode>(DISPLAY_MODE_KEY);\n      setDisplayModeState(modeSnapshot.value ?? defaultMode);\n    } catch (error) {\n      // eslint-disable-next-line no-console\n      console.error('Error reading display mode from storage:', error);\n    }\n\n    const modeSubscription = bucket\n      .observe$<ChatbotDisplayMode>(DISPLAY_MODE_KEY)\n      .subscribe({\n        next: snapshot => {\n          setDisplayModeState(snapshot.value ?? defaultMode);\n        },\n        error: error => {\n          // eslint-disable-next-line no-console\n          console.error('Error observing displayMode:', error);\n        },\n      });\n\n    return () => {\n      modeSubscription.unsubscribe();\n    };\n  }, [bucket, user, defaultMode]);\n\n  const setDisplayMode = useCallback(\n    (mode: ChatbotDisplayMode) => {\n      if (!user) return;\n\n      setDisplayModeState(mode);\n\n      if (shouldPersist) {\n        try {\n          bucket.set(DISPLAY_MODE_KEY, mode);\n        } catch (error) {\n          // eslint-disable-next-line no-console\n          console.error('Error saving display mode:', error);\n        }\n      }\n    },\n    [bucket, user, shouldPersist],\n  );\n\n  return {\n    displayMode: displayModeState,\n    setDisplayMode,\n  };\n};\n"],"names":[],"mappings":";;;;;AAuBA,MAAM,WAAA,GAAc,YAAA;AACpB,MAAM,gBAAA,GAAmB,aAAA;AAclB,MAAM,sBAAA,GAAyB,CACpC,IAAA,EACA,WAAA,GAAkC,mBAAmB,OAAA,KACpB;AACjC,EAAA,MAAM,UAAA,GAAa,OAAO,aAAa,CAAA;AACvC,EAAA,MAAM,MAAA,GAAS,UAAA,CAAW,SAAA,CAAU,WAAW,CAAA;AAE/C,EAAA,MAAM,CAAC,gBAAA,EAAkB,mBAAmB,CAAA,GAC1C,SAA6B,WAAW,CAAA;AAE1C,EAAA,MAAM,aAAA,GAAgB,CAAC,WAAA,CAAY,IAAI,CAAA;AAEvC,EAAA,SAAA,CAAU,MAAM;AACd,IAAA,IAAI,CAAC,IAAA,IAAQ,WAAA,CAAY,IAAI,CAAA,EAAG;AAC9B,MAAA,mBAAA,CAAoB,WAAW,CAAA;AAC/B,MAAA,OAAO,MAAA;AAAA,IACT;AAEA,IAAA,IAAI;AACF,MAAA,MAAM,YAAA,GACJ,MAAA,CAAO,QAAA,CAA6B,gBAAgB,CAAA;AACtD,MAAA,mBAAA,CAAoB,YAAA,CAAa,SAAS,WAAW,CAAA;AAAA,IACvD,SAAS,KAAA,EAAO;AAEd,MAAA,OAAA,CAAQ,KAAA,CAAM,4CAA4C,KAAK,CAAA;AAAA,IACjE;AAEA,IAAA,MAAM,gBAAA,GAAmB,MAAA,CACtB,QAAA,CAA6B,gBAAgB,EAC7C,SAAA,CAAU;AAAA,MACT,MAAM,CAAA,QAAA,KAAY;AAChB,QAAA,mBAAA,CAAoB,QAAA,CAAS,SAAS,WAAW,CAAA;AAAA,MACnD,CAAA;AAAA,MACA,OAAO,CAAA,KAAA,KAAS;AAEd,QAAA,OAAA,CAAQ,KAAA,CAAM,gCAAgC,KAAK,CAAA;AAAA,MACrD;AAAA,KACD,CAAA;AAEH,IAAA,OAAO,MAAM;AACX,MAAA,gBAAA,CAAiB,WAAA,EAAY;AAAA,IAC/B,CAAA;AAAA,EACF,CAAA,EAAG,CAAC,MAAA,EAAQ,IAAA,EAAM,WAAW,CAAC,CAAA;AAE9B,EAAA,MAAM,cAAA,GAAiB,WAAA;AAAA,IACrB,CAAC,IAAA,KAA6B;AAC5B,MAAA,IAAI,CAAC,IAAA,EAAM;AAEX,MAAA,mBAAA,CAAoB,IAAI,CAAA;AAExB,MAAA,IAAI,aAAA,EAAe;AACjB,QAAA,IAAI;AACF,UAAA,MAAA,CAAO,GAAA,CAAI,kBAAkB,IAAI,CAAA;AAAA,QACnC,SAAS,KAAA,EAAO;AAEd,UAAA,OAAA,CAAQ,KAAA,CAAM,8BAA8B,KAAK,CAAA;AAAA,QACnD;AAAA,MACF;AAAA,IACF,CAAA;AAAA,IACA,CAAC,MAAA,EAAQ,IAAA,EAAM,aAAa;AAAA,GAC9B;AAEA,EAAA,OAAO;AAAA,IACL,WAAA,EAAa,gBAAA;AAAA,IACb;AAAA,GACF;AACF;;;;"}

package/dist/hooks/useFeedbackActions.esm.js

@@ -0,0 +1,275 @@
+import { useRef, useMemo, useCallback, useEffect } from 'react';
+import { useCaptureFeedback } from './useCaptureFeedback.esm.js';
+import { useFeedbackState } from './useFeedbackState.esm.js';
+import { useFeedbackStatus } from './useFeedbackStatus.esm.js';
+import { useTranslation } from './useTranslation.esm.js';
+
+const useFeedbackActions = (messages, conversationId, isStreaming) => {
+  const copyButtonRef = useRef(null);
+  const speakingButtonRef = useRef(null);
+  const currentSpeakingIdRef = useRef(null);
+  const { data: feedbackEnabled } = useFeedbackStatus();
+  const { state, ...dispatch } = useFeedbackState();
+  const { mutateAsync: captureFeedback } = useCaptureFeedback();
+  const { t } = useTranslation();
+  const createQuickResponses = useMemo(
+    () => ({
+      positive: [
+        { id: "1", content: t("feedback.quickResponses.positive.helpful") },
+        {
+          id: "2",
+          content: t("feedback.quickResponses.positive.easyToUnderstand")
+        },
+        {
+          id: "3",
+          content: t("feedback.quickResponses.positive.resolvedIssue")
+        }
+      ],
+      negative: [
+        { id: "1", content: t("feedback.quickResponses.negative.didntAnswer") },
+        {
+          id: "2",
+          content: t("feedback.quickResponses.negative.hardToUnderstand")
+        },
+        { id: "3", content: t("feedback.quickResponses.negative.notHelpful") }
+      ]
+    }),
+    [t]
+  );
+  const getFeedbackForm = useCallback(
+    (messageId, sentiment) => ({
+      key: `feedback-${sentiment}`,
+      id: `feedback-${sentiment}-${messageId}`,
+      hasTextArea: true,
+      title: t("feedback.form.title"),
+      textAreaPlaceholder: t("feedback.form.textAreaPlaceholder"),
+      submitWord: t("feedback.form.submitWord"),
+      quickResponses: createQuickResponses[sentiment],
+      onSubmit: (quickResponse = "0", additionalFeedback) => {
+        const quickIndex = Number(quickResponse) - 1;
+        const quickText = quickResponse !== "0" ? createQuickResponses[sentiment]?.[quickIndex]?.content : void 0;
+        let user_feedback = "";
+        if (quickText && additionalFeedback) {
+          user_feedback = `${quickText}
+Additional feedback: ${additionalFeedback}`;
+        } else if (quickText) {
+          user_feedback = quickText;
+        } else if (additionalFeedback) {
+          user_feedback = additionalFeedback;
+        }
+        const botAnswerId = Number(messageId.split("-").pop());
+        const userQuestionId = botAnswerId - 1;
+        const payload = {
+          conversation_id: conversationId,
+          user_feedback,
+          sentiment: sentiment === "positive" ? 1 : -1,
+          user_question: messages[userQuestionId].content || "",
+          llm_response: messages[botAnswerId].content || ""
+        };
+        captureFeedback(payload).then(() => {
+          dispatch.hideFeedbackForm(messageId, sentiment);
+          dispatch.showCompletionForm(messageId, sentiment);
+          dispatch.updateButtonState(messageId, {
+            sentiment,
+            feedbackSubmitted: true
+          });
+          setTimeout(() => {
+            dispatch.hideCompletionForm(messageId, sentiment);
+          }, 1e3);
+        });
+      },
+      // eslint-disable-next-line no-console
+      onClose: () => {
+        dispatch.hideFeedbackForm(messageId, sentiment);
+        dispatch.resetButtonState(messageId);
+        dispatch.updateButtonState(messageId, { sentiment: void 0 });
+      },
+      focusOnLoad: true
+    }),
+    [
+      captureFeedback,
+      conversationId,
+      dispatch,
+      messages,
+      createQuickResponses,
+      t
+    ]
+  );
+  const feedbackForms = useCallback(
+    (messageId) => ({
+      positive: getFeedbackForm(messageId, "positive"),
+      negative: getFeedbackForm(messageId, "negative")
+    }),
+    [getFeedbackForm]
+  );
+  const getUserFeedbackComplete = useCallback(
+    (messageId, sentiment) => {
+      const isVisible = state[messageId]?.completionForm?.[sentiment];
+      if (!isVisible) return void 0;
+      return {
+        id: `feebback-completion-${sentiment}-${messageId}`,
+        title: t("feedback.completion.title"),
+        body: t("feedback.completion.body"),
+        onClose: () => {
+          dispatch.hideCompletionForm(messageId, sentiment);
+          dispatch.resetButtonState(messageId);
+        }
+      };
+    },
+    [state, dispatch, t]
+  );
+  const scrollToFeedbackForm = useCallback(
+    (messageId, sentiment) => {
+      setTimeout(() => {
+        const el = document.getElementById(
+          `feedback-${sentiment}-${messageId}`
+        );
+        if (el) {
+          el.scrollIntoView({ behavior: "auto", block: "start" });
+          el.focus();
+        }
+      }, 0);
+    },
+    []
+  );
+  const speakMessage = useCallback(
+    (messageId, content) => {
+      if (window.speechSynthesis.speaking || window.speechSynthesis.pending) {
+        window.speechSynthesis.cancel();
+        if (currentSpeakingIdRef.current && currentSpeakingIdRef.current !== messageId) {
+          dispatch.updateButtonState(currentSpeakingIdRef.current, {
+            isSpeaking: false
+          });
+        }
+      }
+      currentSpeakingIdRef.current = messageId;
+      const utterance = new SpeechSynthesisUtterance(content);
+      utterance.onstart = () => {
+        dispatch.updateButtonState(messageId, { isSpeaking: true });
+      };
+      utterance.onend = () => {
+        dispatch.updateButtonState(messageId, { isSpeaking: false });
+        currentSpeakingIdRef.current = null;
+      };
+      utterance.onerror = () => {
+        dispatch.updateButtonState(messageId, { isSpeaking: false });
+        currentSpeakingIdRef.current = null;
+      };
+      window.speechSynthesis.speak(utterance);
+    },
+    [dispatch]
+  );
+  const cancelSpeaking = useCallback(
+    (messageId) => {
+      window.speechSynthesis.cancel();
+      currentSpeakingIdRef.current = null;
+      if (messageId) {
+        dispatch.updateButtonState(messageId, { isSpeaking: false });
+      } else {
+        Object.keys(state).forEach((id) => {
+          if (state[id].buttonState?.isSpeaking) {
+            dispatch.updateButtonState(id, { isSpeaking: false });
+          }
+        });
+      }
+      setTimeout(() => {
+        const el = document.getElementById(`listen-${messageId}`);
+        if (el) {
+          el.blur();
+        }
+      }, 10);
+    },
+    [state, dispatch]
+  );
+  useEffect(() => {
+    return () => {
+      cancelSpeaking();
+    };
+  }, [conversationId]);
+  return useMemo(() => {
+    return feedbackEnabled ? messages.map((message, index) => {
+      if (message.role === "user" || isStreaming && messages.length - 1 === index)
+        return message;
+      const messageId = `${conversationId}-${message.role}-${index}`;
+      const { sentiment, copied, isSpeaking } = state[messageId]?.buttonState || {};
+      const showFeedbackForm = state[messageId]?.feedbackForm?.[sentiment];
+      const userFeedbackForm = showFeedbackForm && feedbackForms(messageId)[sentiment];
+      const userFeedbackComplete = getUserFeedbackComplete(
+        messageId,
+        sentiment
+      );
+      const createSentimentAction = (selected) => ({
+        isClicked: sentiment === selected,
+        onClick: () => {
+          if (sentiment !== selected) {
+            dispatch.toggleFeedbackForm(messageId, selected);
+            dispatch.updateButtonState(messageId, { sentiment: selected });
+            scrollToFeedbackForm(messageId, sentiment);
+          }
+        },
+        tooltipContent: selected === "positive" ? t("feedback.tooltips.goodResponse") : t("feedback.tooltips.badResponse"),
+        "aria-expanded": sentiment === selected,
+        "aria-controls": showFeedbackForm ? `feedback-${sentiment}-${messageId}` : `feebback-completion-${sentiment}-${messageId}`
+      });
+      const copyAction = {
+        isClicked: copied,
+        ref: copyButtonRef,
+        tooltipContent: copied ? t("feedback.tooltips.copied") : t("feedback.tooltips.copy"),
+        onClick: async () => {
+          await window.navigator.clipboard.writeText(
+            message.content
+          );
+          dispatch.updateButtonState(messageId, {
+            copied: true
+          });
+          setTimeout(() => {
+            dispatch.updateButtonState(messageId, { copied: false });
+            copyButtonRef?.current?.blur();
+          }, 1e3);
+        }
+      };
+      const listenAction = {
+        isClicked: isSpeaking,
+        ref: speakingButtonRef,
+        id: `listen-${messageId}`,
+        tooltipContent: isSpeaking ? t("feedback.tooltips.listening") : t("feedback.tooltips.listen"),
+        onClick: () => {
+          const isCurrentlySpeaking = state[messageId]?.buttonState?.isSpeaking;
+          if (isCurrentlySpeaking) {
+            cancelSpeaking(messageId);
+          } else {
+            cancelSpeaking();
+            speakMessage(messageId, message.content);
+          }
+        }
+      };
+      return {
+        ...message,
+        userFeedbackForm,
+        userFeedbackComplete,
+        actions: {
+          positive: createSentimentAction("positive"),
+          negative: createSentimentAction("negative"),
+          copy: copyAction,
+          listen: listenAction
+        }
+      };
+    }) : messages;
+  }, [
+    t,
+    conversationId,
+    messages,
+    state,
+    dispatch,
+    isStreaming,
+    speakMessage,
+    feedbackForms,
+    cancelSpeaking,
+    feedbackEnabled,
+    getUserFeedbackComplete,
+    scrollToFeedbackForm
+  ]);
+};
+
+export { useFeedbackActions };
+//# sourceMappingURL=useFeedbackActions.esm.js.map

package/dist/hooks/useFeedbackActions.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useFeedbackActions.esm.js","sources":["../../src/hooks/useFeedbackActions.tsx"],"sourcesContent":["/*\n * Copyright Red Hat, Inc.\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\nimport { useCallback, useEffect, useMemo, useRef } from 'react';\n\nimport { MessageProps } from '@patternfly/chatbot';\nimport { UserFeedbackProps } from '@patternfly/chatbot/dist/cjs/Message/UserFeedback/UserFeedback';\nimport { UserFeedbackCompleteProps } from '@patternfly/chatbot/dist/cjs/Message/UserFeedback/UserFeedbackComplete';\n\nimport { useCaptureFeedback } from '../hooks/useCaptureFeedback';\nimport { CaptureFeedback } from '../types';\nimport { Sentiment, useFeedbackState } from './useFeedbackState';\nimport { useFeedbackStatus } from './useFeedbackStatus';\nimport { useTranslation } from './useTranslation';\n\nexport const useFeedbackActions = <T extends MessageProps>(\n  messages: T[],\n  conversationId: string,\n  isStreaming: boolean,\n): T[] => {\n  const copyButtonRef = useRef<HTMLButtonElement>(null);\n  const speakingButtonRef = useRef<HTMLButtonElement>(null);\n  const currentSpeakingIdRef = useRef<string | null>(null);\n\n  const { data: feedbackEnabled } = useFeedbackStatus();\n  const { state, ...dispatch } = useFeedbackState();\n  const { mutateAsync: captureFeedback } = useCaptureFeedback();\n  const { t } = useTranslation();\n\n  const createQuickResponses = useMemo(\n    () => ({\n      positive: [\n        { id: '1', content: t('feedback.quickResponses.positive.helpful') },\n        {\n          id: '2',\n          content: t('feedback.quickResponses.positive.easyToUnderstand'),\n        },\n        {\n          id: '3',\n          content: t('feedback.quickResponses.positive.resolvedIssue'),\n        },\n      ],\n      negative: [\n        { id: '1', content: t('feedback.quickResponses.negative.didntAnswer') },\n        {\n          id: '2',\n          content: t('feedback.quickResponses.negative.hardToUnderstand'),\n        },\n        { id: '3', content: t('feedback.quickResponses.negative.notHelpful') },\n      ],\n    }),\n    [t],\n  );\n\n  const getFeedbackForm = useCallback(\n    (messageId: string, sentiment: 'positive' | 'negative') => ({\n      key: `feedback-${sentiment}`,\n      id: `feedback-${sentiment}-${messageId}`,\n      hasTextArea: true,\n      title: t('feedback.form.title'),\n      textAreaPlaceholder: t('feedback.form.textAreaPlaceholder'),\n      submitWord: t('feedback.form.submitWord'),\n      quickResponses: createQuickResponses[sentiment],\n      onSubmit: (\n        quickResponse: string | undefined = '0',\n        additionalFeedback: string | undefined,\n      ) => {\n        const quickIndex = Number(quickResponse) - 1;\n        const quickText =\n          quickResponse !== '0'\n            ? createQuickResponses[sentiment]?.[quickIndex]?.content\n            : undefined;\n\n        let user_feedback = '';\n\n        if (quickText && additionalFeedback) {\n          user_feedback = `${quickText}\\nAdditional feedback: ${additionalFeedback}`;\n        } else if (quickText) {\n          user_feedback = quickText;\n        } else if (additionalFeedback) {\n          user_feedback = additionalFeedback;\n        }\n\n        const botAnswerId = Number(messageId.split('-').pop());\n        const userQuestionId = botAnswerId - 1;\n\n        const payload: CaptureFeedback = {\n          conversation_id: conversationId,\n          user_feedback,\n          sentiment: sentiment === 'positive' ? 1 : -1,\n          user_question: messages[userQuestionId].content || '',\n          llm_response: messages[botAnswerId].content || '',\n        };\n\n        captureFeedback(payload).then(() => {\n          dispatch.hideFeedbackForm(messageId, sentiment);\n          dispatch.showCompletionForm(messageId, sentiment);\n          dispatch.updateButtonState(messageId, {\n            sentiment: sentiment,\n            feedbackSubmitted: true,\n          });\n\n          setTimeout(() => {\n            dispatch.hideCompletionForm(messageId, sentiment);\n          }, 1000);\n        });\n      },\n\n      // eslint-disable-next-line no-console\n      onClose: () => {\n        dispatch.hideFeedbackForm(messageId, sentiment);\n        dispatch.resetButtonState(messageId);\n        dispatch.updateButtonState(messageId, { sentiment: undefined });\n      },\n      focusOnLoad: true,\n    }),\n    [\n      captureFeedback,\n      conversationId,\n      dispatch,\n      messages,\n      createQuickResponses,\n      t,\n    ],\n  );\n\n  const feedbackForms = useCallback(\n    (messageId: string): { [key in Sentiment]: UserFeedbackProps } => ({\n      positive: getFeedbackForm(messageId, 'positive'),\n      negative: getFeedbackForm(messageId, 'negative'),\n    }),\n    [getFeedbackForm],\n  );\n\n  const getUserFeedbackComplete = useCallback(\n    (\n      messageId: string,\n      sentiment: Sentiment,\n    ): UserFeedbackCompleteProps | undefined => {\n      const isVisible = state[messageId]?.completionForm?.[sentiment];\n      if (!isVisible) return undefined;\n\n      return {\n        id: `feebback-completion-${sentiment}-${messageId}`,\n        title: t('feedback.completion.title'),\n        body: t('feedback.completion.body'),\n        onClose: () => {\n          dispatch.hideCompletionForm(messageId, sentiment);\n          dispatch.resetButtonState(messageId);\n        },\n      };\n    },\n    [state, dispatch, t],\n  );\n\n  const scrollToFeedbackForm = useCallback(\n    (messageId: string, sentiment: Sentiment) => {\n      setTimeout(() => {\n        const el = document.getElementById(\n          `feedback-${sentiment}-${messageId}`,\n        );\n        if (el) {\n          el.scrollIntoView({ behavior: 'auto', block: 'start' });\n          el.focus();\n        }\n      }, 0);\n    },\n    [],\n  );\n\n  const speakMessage = useCallback(\n    (messageId: string, content: string) => {\n      if (window.speechSynthesis.speaking || window.speechSynthesis.pending) {\n        window.speechSynthesis.cancel();\n\n        if (\n          currentSpeakingIdRef.current &&\n          currentSpeakingIdRef.current !== messageId\n        ) {\n          dispatch.updateButtonState(currentSpeakingIdRef.current, {\n            isSpeaking: false,\n          });\n        }\n      }\n\n      // Track the current SpeakingId\n      currentSpeakingIdRef.current = messageId;\n\n      const utterance = new SpeechSynthesisUtterance(content);\n\n      utterance.onstart = () => {\n        dispatch.updateButtonState(messageId, { isSpeaking: true });\n      };\n\n      utterance.onend = () => {\n        dispatch.updateButtonState(messageId, { isSpeaking: false });\n        currentSpeakingIdRef.current = null;\n      };\n\n      utterance.onerror = () => {\n        dispatch.updateButtonState(messageId, { isSpeaking: false });\n        currentSpeakingIdRef.current = null;\n      };\n\n      window.speechSynthesis.speak(utterance);\n    },\n    [dispatch],\n  );\n\n  const cancelSpeaking = useCallback(\n    (messageId?: string) => {\n      window.speechSynthesis.cancel();\n\n      currentSpeakingIdRef.current = null;\n\n      if (messageId) {\n        // Cancel just this one message\n        dispatch.updateButtonState(messageId, { isSpeaking: false });\n      } else {\n        // Cancel all messages\n        Object.keys(state).forEach(id => {\n          if (state[id].buttonState?.isSpeaking) {\n            dispatch.updateButtonState(id, { isSpeaking: false });\n          }\n        });\n      }\n      setTimeout(() => {\n        const el = document.getElementById(`listen-${messageId}`);\n        if (el) {\n          el.blur();\n        }\n      }, 10);\n    },\n    [state, dispatch],\n  );\n\n  useEffect(() => {\n    return () => {\n      // Stop any ongoing speech when component unmounts\n      cancelSpeaking();\n    };\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [conversationId]);\n\n  return useMemo(() => {\n    return feedbackEnabled\n      ? messages.map((message, index) => {\n          if (\n            message.role === 'user' ||\n            (isStreaming && messages.length - 1 === index)\n          )\n            return message;\n\n          const messageId = `${conversationId}-${message.role}-${index}`;\n          const { sentiment, copied, isSpeaking } =\n            state[messageId]?.buttonState || {};\n          const showFeedbackForm = state[messageId]?.feedbackForm?.[sentiment];\n          const userFeedbackForm =\n            showFeedbackForm && feedbackForms(messageId)[sentiment];\n\n          const userFeedbackComplete = getUserFeedbackComplete(\n            messageId,\n            sentiment,\n          );\n\n          const createSentimentAction = (selected: Sentiment) => ({\n            isClicked: sentiment === selected,\n            onClick: () => {\n              if (sentiment !== selected) {\n                dispatch.toggleFeedbackForm(messageId, selected);\n                dispatch.updateButtonState(messageId, { sentiment: selected });\n                scrollToFeedbackForm(messageId, sentiment);\n              }\n            },\n            tooltipContent:\n              selected === 'positive'\n                ? t('feedback.tooltips.goodResponse')\n                : t('feedback.tooltips.badResponse'),\n            'aria-expanded': sentiment === selected,\n            'aria-controls': showFeedbackForm\n              ? `feedback-${sentiment}-${messageId}`\n              : `feebback-completion-${sentiment}-${messageId}`,\n          });\n\n          const copyAction = {\n            isClicked: copied,\n            ref: copyButtonRef,\n            tooltipContent: copied\n              ? t('feedback.tooltips.copied')\n              : t('feedback.tooltips.copy'),\n            onClick: async () => {\n              await window.navigator.clipboard.writeText(\n                message.content as string,\n              );\n              dispatch.updateButtonState(messageId, {\n                copied: true,\n              });\n\n              setTimeout(() => {\n                dispatch.updateButtonState(messageId, { copied: false });\n                copyButtonRef?.current?.blur();\n              }, 1000);\n            },\n          };\n\n          const listenAction = {\n            isClicked: isSpeaking,\n            ref: speakingButtonRef,\n            id: `listen-${messageId}`,\n            tooltipContent: isSpeaking\n              ? t('feedback.tooltips.listening')\n              : t('feedback.tooltips.listen'),\n            onClick: () => {\n              const isCurrentlySpeaking =\n                state[messageId]?.buttonState?.isSpeaking;\n\n              if (isCurrentlySpeaking) {\n                // Stop if it's already speaking this message\n                cancelSpeaking(messageId);\n              } else {\n                cancelSpeaking();\n                speakMessage(messageId, message.content as string);\n              }\n            },\n          };\n\n          return {\n            ...message,\n            userFeedbackForm,\n            userFeedbackComplete,\n            actions: {\n              positive: createSentimentAction('positive'),\n              negative: createSentimentAction('negative'),\n              copy: copyAction,\n              listen: listenAction,\n            },\n          };\n        })\n      : messages;\n  }, [\n    t,\n    conversationId,\n    messages,\n    state,\n    dispatch,\n    isStreaming,\n    speakMessage,\n    feedbackForms,\n    cancelSpeaking,\n    feedbackEnabled,\n    getUserFeedbackComplete,\n    scrollToFeedbackForm,\n  ]);\n};\n"],"names":[],"mappings":"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"}

package/dist/hooks/useFeedbackState.esm.js

@@ -0,0 +1,93 @@
+import { useReducer } from 'react';
+
+function reducer(state, action) {
+  const entry = state[action.messageId] ?? {
+    feedbackForm: { positive: false, negative: false },
+    completionForm: { positive: false, negative: false },
+    buttonState: {}
+  };
+  switch (action.type) {
+    case "SHOW_FEEDBACK_FORM":
+      return {
+        ...state,
+        [action.messageId]: {
+          ...entry,
+          feedbackForm: { ...entry.feedbackForm, [action.sentiment]: true }
+        }
+      };
+    case "HIDE_FEEDBACK_FORM":
+      return {
+        ...state,
+        [action.messageId]: {
+          ...entry,
+          feedbackForm: { ...entry.feedbackForm, [action.sentiment]: false }
+        }
+      };
+    case "SHOW_COMPLETION_FORM":
+      return {
+        ...state,
+        [action.messageId]: {
+          ...entry,
+          completionForm: { ...entry.completionForm, [action.sentiment]: true }
+        }
+      };
+    case "HIDE_COMPLETION_FORM":
+      return {
+        ...state,
+        [action.messageId]: {
+          ...entry,
+          completionForm: {
+            ...entry.completionForm,
+            [action.sentiment]: false
+          }
+        }
+      };
+    case "UPDATE_BUTTON_STATE":
+      return {
+        ...state,
+        [action.messageId]: {
+          ...entry,
+          buttonState: { ...entry.buttonState, ...action.payload }
+        }
+      };
+    case "RESET_BUTTON_STATE": {
+      const { [action.messageId]: _, ...rest } = state;
+      return rest;
+    }
+    default:
+      return state;
+  }
+}
+function useFeedbackState() {
+  const [state, dispatch] = useReducer(reducer, {});
+  const showFeedbackForm = (messageId, sentiment) => dispatch({ type: "SHOW_FEEDBACK_FORM", messageId, sentiment });
+  const hideFeedbackForm = (messageId, sentiment) => dispatch({ type: "HIDE_FEEDBACK_FORM", messageId, sentiment });
+  const showCompletionForm = (messageId, sentiment) => dispatch({ type: "SHOW_COMPLETION_FORM", messageId, sentiment });
+  const hideCompletionForm = (messageId, sentiment) => dispatch({ type: "HIDE_COMPLETION_FORM", messageId, sentiment });
+  const updateButtonState = (messageId, payload) => dispatch({ type: "UPDATE_BUTTON_STATE", messageId, payload });
+  const resetButtonState = (messageId) => dispatch({ type: "RESET_BUTTON_STATE", messageId });
+  const getFeedbackState = (messageId) => state[messageId] ?? {
+    feedbackForm: { positive: false, negative: false },
+    completionForm: { positive: false, negative: false },
+    buttonState: { sentiment: "positive", copied: false }
+  };
+  const toggleFeedbackForm = (messageId, sentimentToShow) => {
+    const opposite = sentimentToShow === "positive" ? "negative" : "positive";
+    hideFeedbackForm(messageId, opposite);
+    showFeedbackForm(messageId, sentimentToShow);
+  };
+  return {
+    state,
+    getFeedbackState,
+    showFeedbackForm,
+    hideFeedbackForm,
+    toggleFeedbackForm,
+    showCompletionForm,
+    hideCompletionForm,
+    updateButtonState,
+    resetButtonState
+  };
+}
+
+export { useFeedbackState };
+//# sourceMappingURL=useFeedbackState.esm.js.map

package/dist/hooks/useFeedbackState.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useFeedbackState.esm.js","sources":["../../src/hooks/useFeedbackState.ts"],"sourcesContent":["/*\n * Copyright Red Hat, Inc.\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\nimport { useReducer } from 'react';\n\nexport type Sentiment = 'positive' | 'negative';\n\ntype FeedbackButtonState = {\n  sentiment: Sentiment;\n  copied: boolean;\n  isSpeaking: boolean;\n  feedbackSubmitted?: boolean;\n};\n\ntype MessageState = {\n  feedbackForm: Record<Sentiment, boolean>;\n  completionForm: Record<Sentiment, boolean>;\n  buttonState: FeedbackButtonState;\n};\n\ntype State = Record<string, MessageState>;\n\ntype Action =\n  | { type: 'SHOW_FEEDBACK_FORM'; messageId: string; sentiment: Sentiment }\n  | { type: 'HIDE_FEEDBACK_FORM'; messageId: string; sentiment: Sentiment }\n  | { type: 'SHOW_COMPLETION_FORM'; messageId: string; sentiment: Sentiment }\n  | { type: 'HIDE_COMPLETION_FORM'; messageId: string; sentiment: Sentiment }\n  | { type: 'RESET_BUTTON_STATE'; messageId: string }\n  | {\n      type: 'UPDATE_BUTTON_STATE';\n      messageId: string;\n      payload: Partial<FeedbackButtonState>;\n    };\n\nfunction reducer(state: State, action: Action): State {\n  const entry = state[action.messageId] ?? {\n    feedbackForm: { positive: false, negative: false },\n    completionForm: { positive: false, negative: false },\n    buttonState: {},\n  };\n\n  switch (action.type) {\n    case 'SHOW_FEEDBACK_FORM':\n      return {\n        ...state,\n        [action.messageId]: {\n          ...entry,\n          feedbackForm: { ...entry.feedbackForm, [action.sentiment]: true },\n        },\n      };\n    case 'HIDE_FEEDBACK_FORM':\n      return {\n        ...state,\n        [action.messageId]: {\n          ...entry,\n          feedbackForm: { ...entry.feedbackForm, [action.sentiment]: false },\n        },\n      };\n    case 'SHOW_COMPLETION_FORM':\n      return {\n        ...state,\n        [action.messageId]: {\n          ...entry,\n          completionForm: { ...entry.completionForm, [action.sentiment]: true },\n        },\n      };\n    case 'HIDE_COMPLETION_FORM':\n      return {\n        ...state,\n        [action.messageId]: {\n          ...entry,\n          completionForm: {\n            ...entry.completionForm,\n            [action.sentiment]: false,\n          },\n        },\n      };\n    case 'UPDATE_BUTTON_STATE':\n      return {\n        ...state,\n        [action.messageId]: {\n          ...entry,\n          buttonState: { ...entry.buttonState, ...action.payload },\n        },\n      };\n    case 'RESET_BUTTON_STATE': {\n      const { [action.messageId]: _, ...rest } = state;\n      return rest;\n    }\n    default:\n      return state;\n  }\n}\n\nexport function useFeedbackState() {\n  const [state, dispatch] = useReducer(reducer, {});\n\n  const showFeedbackForm = (messageId: string, sentiment: Sentiment) =>\n    dispatch({ type: 'SHOW_FEEDBACK_FORM', messageId, sentiment });\n\n  const hideFeedbackForm = (messageId: string, sentiment: Sentiment) =>\n    dispatch({ type: 'HIDE_FEEDBACK_FORM', messageId, sentiment });\n\n  const showCompletionForm = (messageId: string, sentiment: Sentiment) =>\n    dispatch({ type: 'SHOW_COMPLETION_FORM', messageId, sentiment });\n\n  const hideCompletionForm = (messageId: string, sentiment: Sentiment) =>\n    dispatch({ type: 'HIDE_COMPLETION_FORM', messageId, sentiment });\n\n  const updateButtonState = (\n    messageId: string,\n    payload: Partial<FeedbackButtonState>,\n  ) => dispatch({ type: 'UPDATE_BUTTON_STATE', messageId, payload });\n\n  const resetButtonState = (messageId: string) =>\n    dispatch({ type: 'RESET_BUTTON_STATE', messageId });\n\n  const getFeedbackState = (messageId: string) =>\n    state[messageId] ?? {\n      feedbackForm: { positive: false, negative: false },\n      completionForm: { positive: false, negative: false },\n      buttonState: { sentiment: 'positive', copied: false },\n    };\n\n  const toggleFeedbackForm = (\n    messageId: string,\n    sentimentToShow: Sentiment,\n  ) => {\n    const opposite: Sentiment =\n      sentimentToShow === 'positive' ? 'negative' : 'positive';\n\n    hideFeedbackForm(messageId, opposite);\n    showFeedbackForm(messageId, sentimentToShow);\n  };\n\n  return {\n    state,\n    getFeedbackState,\n    showFeedbackForm,\n    hideFeedbackForm,\n    toggleFeedbackForm,\n    showCompletionForm,\n    hideCompletionForm,\n    updateButtonState,\n    resetButtonState,\n  };\n}\n"],"names":[],"mappings":"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"}

package/dist/hooks/useFeedbackStatus.esm.js

@@ -0,0 +1,14 @@
+import { useApi } from '@backstage/core-plugin-api';
+import { useQuery } from '@tanstack/react-query';
+import { lightspeedApiRef } from '../api/api.esm.js';
+
+const useFeedbackStatus = () => {
+  const lightspeedApi = useApi(lightspeedApiRef);
+  return useQuery({
+    queryKey: ["feedbackStatus"],
+    queryFn: async () => await lightspeedApi.getFeedbackStatus()
+  });
+};
+
+export { useFeedbackStatus };
+//# sourceMappingURL=useFeedbackStatus.esm.js.map

package/dist/hooks/useFeedbackStatus.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useFeedbackStatus.esm.js","sources":["../../src/hooks/useFeedbackStatus.ts"],"sourcesContent":["/*\n * Copyright Red Hat, Inc.\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\nimport { useApi } from '@backstage/core-plugin-api';\n\nimport { useQuery, type UseQueryResult } from '@tanstack/react-query';\n\nimport { lightspeedApiRef } from '../api/api';\n\n// Fetch feedback status\nexport const useFeedbackStatus = (): UseQueryResult<boolean, Error> => {\n  const lightspeedApi = useApi(lightspeedApiRef);\n  return useQuery({\n    queryKey: ['feedbackStatus'],\n    queryFn: async () => await lightspeedApi.getFeedbackStatus(),\n  });\n};\n"],"names":[],"mappings":";;;;AAsBO,MAAM,oBAAoB,MAAsC;AACrE,EAAA,MAAM,aAAA,GAAgB,OAAO,gBAAgB,CAAA;AAC7C,EAAA,OAAO,QAAA,CAAS;AAAA,IACd,QAAA,EAAU,CAAC,gBAAgB,CAAA;AAAA,IAC3B,OAAA,EAAS,YAAY,MAAM,aAAA,CAAc,iBAAA;AAAkB,GAC5D,CAAA;AACH;;;;"}