@tambo-ai/react 0.67.1 → 0.69.0

package/esm/hooks/use-message-images.test.js

@@ -4,15 +4,16 @@ import { useMessageImages } from "./use-message-images";
 global.crypto = {
     randomUUID: jest.fn(() => "mock-uuid-" + Math.random()),
 };
-// Mock FileReader
-const mockFileReader = {
-    readAsDataURL: jest.fn(),
-    onload: null,
-    onerror: null,
-    result: "data:image/png;base64,mock-data",
-};
-global.FileReader = jest.fn(() => {
-    const reader = { ...mockFileReader };
+// Track FileReader instances for error simulation
+let fileReaderInstances = [];
+// Default FileReader mock that succeeds
+const createSuccessfulFileReader = () => {
+    const reader = {
+        readAsDataURL: jest.fn(),
+        onload: null,
+        onerror: null,
+        result: "data:image/png;base64,mock-data",
+    };
     reader.readAsDataURL = jest.fn(() => {
         setTimeout(() => {
             if (reader.onload) {
@@ -20,45 +21,181 @@ global.FileReader = jest.fn(() => {
             }
         }, 0);
     });
+    fileReaderInstances.push(reader);
     return reader;
-});
+};
+// FileReader mock that fails
+const createFailingFileReader = () => {
+    const reader = {
+        readAsDataURL: jest.fn(),
+        onload: null,
+        onerror: null,
+        result: "",
+    };
+    reader.readAsDataURL = jest.fn(() => {
+        setTimeout(() => {
+            if (reader.onerror) {
+                reader.onerror(new Error("Failed to read file"));
+            }
+        }, 0);
+    });
+    fileReaderInstances.push(reader);
+    return reader;
+};
+// Default to successful FileReader
+global.FileReader = jest.fn(() => createSuccessfulFileReader());
 describe("useMessageImages", () => {
     beforeEach(() => {
         jest.clearAllMocks();
+        fileReaderInstances = [];
+        // Reset to default successful FileReader
+        global.FileReader = jest.fn(() => createSuccessfulFileReader());
     });
-    it("should initialize with empty images array", () => {
-        const { result } = renderHook(() => useMessageImages());
-        expect(result.current.images).toEqual([]);
+    describe("Initialization", () => {
+        it("should initialize with empty images array", () => {
+            const { result } = renderHook(() => useMessageImages());
+            expect(result.current.images).toEqual([]);
+        });
+        it("should expose all management functions", () => {
+            const { result } = renderHook(() => useMessageImages());
+            expect(typeof result.current.addImage).toBe("function");
+            expect(typeof result.current.addImages).toBe("function");
+            expect(typeof result.current.removeImage).toBe("function");
+            expect(typeof result.current.clearImages).toBe("function");
+        });
     });
-    it("should reject non-image files", async () => {
-        const { result } = renderHook(() => useMessageImages());
-        const mockFile = new File(["test"], "test-document.pdf", {
-            type: "application/pdf",
+    describe("addImage", () => {
+        it("should add a valid image file", async () => {
+            const { result } = renderHook(() => useMessageImages());
+            const mockFile = new File(["image data"], "photo.png", {
+                type: "image/png",
+            });
+            await act(async () => {
+                await result.current.addImage(mockFile);
+            });
+            expect(result.current.images).toHaveLength(1);
+            expect(result.current.images[0].name).toBe("photo.png");
+            expect(result.current.images[0].type).toBe("image/png");
+            expect(result.current.images[0].dataUrl).toBe("data:image/png;base64,mock-data");
+        });
+        it("should reject non-image files", async () => {
+            const { result } = renderHook(() => useMessageImages());
+            const mockFile = new File(["test"], "test-document.pdf", {
+                type: "application/pdf",
+            });
+            await expect(result.current.addImage(mockFile)).rejects.toThrow("Only image files are allowed");
+        });
+        it("should reject when FileReader fails", async () => {
+            // Use failing FileReader
+            global.FileReader = jest.fn(() => createFailingFileReader());
+            const { result } = renderHook(() => useMessageImages());
+            const mockFile = new File(["image data"], "photo.png", {
+                type: "image/png",
+            });
+            await expect(result.current.addImage(mockFile)).rejects.toThrow();
         });
-        await expect(result.current.addImage(mockFile)).rejects.toThrow("Only image files are allowed");
     });
-    it("should clear all images", () => {
-        const { result } = renderHook(() => useMessageImages());
-        act(() => {
-            result.current.clearImages();
+    describe("addImages (batch)", () => {
+        it("should add multiple valid images at once", async () => {
+            const { result } = renderHook(() => useMessageImages());
+            const mockFiles = [
+                new File(["image1"], "photo1.png", { type: "image/png" }),
+                new File(["image2"], "photo2.jpg", { type: "image/jpeg" }),
+                new File(["image3"], "photo3.gif", { type: "image/gif" }),
+            ];
+            await act(async () => {
+                await result.current.addImages(mockFiles);
+            });
+            expect(result.current.images).toHaveLength(3);
+            expect(result.current.images[0].name).toBe("photo1.png");
+            expect(result.current.images[1].name).toBe("photo2.jpg");
+            expect(result.current.images[2].name).toBe("photo3.gif");
+        });
+        it("should filter non-images from batch and add valid ones", async () => {
+            const { result } = renderHook(() => useMessageImages());
+            const mockFiles = [
+                new File(["image"], "photo.png", { type: "image/png" }),
+                new File(["pdf"], "document.pdf", { type: "application/pdf" }),
+                new File(["image"], "another.jpg", { type: "image/jpeg" }),
+            ];
+            await act(async () => {
+                await result.current.addImages(mockFiles);
+            });
+            // Should only add the 2 valid images
+            expect(result.current.images).toHaveLength(2);
+            expect(result.current.images[0].name).toBe("photo.png");
+            expect(result.current.images[1].name).toBe("another.jpg");
+        });
+        it("should reject batch with zero valid images", async () => {
+            const { result } = renderHook(() => useMessageImages());
+            const mockFiles = [
+                new File(["test"], "document.pdf", { type: "application/pdf" }),
+                new File(["test"], "text.txt", { type: "text/plain" }),
+            ];
+            await expect(result.current.addImages(mockFiles)).rejects.toThrow("No valid image files provided");
         });
-        expect(result.current.images).toHaveLength(0);
     });
-    it("should handle image validation correctly", () => {
-        const { result } = renderHook(() => useMessageImages());
-        // Test that hooks are available
-        expect(typeof result.current.addImage).toBe("function");
-        expect(typeof result.current.addImages).toBe("function");
-        expect(typeof result.current.removeImage).toBe("function");
-        expect(typeof result.current.clearImages).toBe("function");
+    describe("removeImage", () => {
+        it("should remove image by id", async () => {
+            const { result } = renderHook(() => useMessageImages());
+            const mockFile = new File(["image"], "photo.png", { type: "image/png" });
+            await act(async () => {
+                await result.current.addImage(mockFile);
+            });
+            const imageId = result.current.images[0].id;
+            act(() => {
+                result.current.removeImage(imageId);
+            });
+            expect(result.current.images).toHaveLength(0);
+        });
+        it("should handle removing non-existent image gracefully", async () => {
+            const { result } = renderHook(() => useMessageImages());
+            const mockFile = new File(["image"], "photo.png", { type: "image/png" });
+            await act(async () => {
+                await result.current.addImage(mockFile);
+            });
+            // Try to remove with a fake ID - should not throw or affect existing images
+            act(() => {
+                result.current.removeImage("non-existent-id");
+            });
+            // Original image should still be there
+            expect(result.current.images).toHaveLength(1);
+        });
+        it("should only remove the targeted image", async () => {
+            const { result } = renderHook(() => useMessageImages());
+            const files = [
+                new File(["image1"], "photo1.png", { type: "image/png" }),
+                new File(["image2"], "photo2.png", { type: "image/png" }),
+                new File(["image3"], "photo3.png", { type: "image/png" }),
+            ];
+            await act(async () => {
+                await result.current.addImages(files);
+            });
+            const middleImageId = result.current.images[1].id;
+            act(() => {
+                result.current.removeImage(middleImageId);
+            });
+            expect(result.current.images).toHaveLength(2);
+            expect(result.current.images[0].name).toBe("photo1.png");
+            expect(result.current.images[1].name).toBe("photo3.png");
+        });
     });
-    it("should reject when no valid image files provided to addImages", async () => {
-        const { result } = renderHook(() => useMessageImages());
-        const mockFiles = [
-            new File(["test"], "document.pdf", { type: "application/pdf" }),
-            new File(["test"], "text.txt", { type: "text/plain" }),
-        ];
-        await expect(result.current.addImages(mockFiles)).rejects.toThrow("No valid image files provided");
+    describe("clearImages", () => {
+        it("should remove all images", async () => {
+            const { result } = renderHook(() => useMessageImages());
+            const files = [
+                new File(["image1"], "photo1.png", { type: "image/png" }),
+                new File(["image2"], "photo2.png", { type: "image/png" }),
+            ];
+            await act(async () => {
+                await result.current.addImages(files);
+            });
+            expect(result.current.images).toHaveLength(2);
+            act(() => {
+                result.current.clearImages();
+            });
+            expect(result.current.images).toHaveLength(0);
+        });
     });
 });
 //# sourceMappingURL=use-message-images.test.js.map

package/esm/hooks/use-message-images.test.js.map

@@ -1 +1 @@
-{"version":3,"file":"use-message-images.test.js","sourceRoot":"","sources":["../../src/hooks/use-message-images.test.ts"],"names":[],"mappings":"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","sourcesContent":["import { act, renderHook } from \"@testing-library/react\";\nimport { useMessageImages } from \"./use-message-images\";\n\n// Mock crypto.randomUUID\nglobal.crypto = {\n  randomUUID: jest.fn(() => \"mock-uuid-\" + Math.random()),\n} as any;\n\n// Mock FileReader\nconst mockFileReader = {\n  readAsDataURL: jest.fn(),\n  onload: null as any,\n  onerror: null as any,\n  result: \"data:image/png;base64,mock-data\",\n};\n\n(global as any).FileReader = jest.fn(() => {\n  const reader = { ...mockFileReader };\n  reader.readAsDataURL = jest.fn(() => {\n    setTimeout(() => {\n      if (reader.onload) {\n        reader.onload({} as any);\n      }\n    }, 0);\n  });\n  return reader;\n});\n\ndescribe(\"useMessageImages\", () => {\n  beforeEach(() => {\n    jest.clearAllMocks();\n  });\n\n  it(\"should initialize with empty images array\", () => {\n    const { result } = renderHook(() => useMessageImages());\n    expect(result.current.images).toEqual([]);\n  });\n\n  it(\"should reject non-image files\", async () => {\n    const { result } = renderHook(() => useMessageImages());\n    const mockFile = new File([\"test\"], \"test-document.pdf\", {\n      type: \"application/pdf\",\n    });\n\n    await expect(result.current.addImage(mockFile)).rejects.toThrow(\n      \"Only image files are allowed\",\n    );\n  });\n\n  it(\"should clear all images\", () => {\n    const { result } = renderHook(() => useMessageImages());\n\n    act(() => {\n      result.current.clearImages();\n    });\n\n    expect(result.current.images).toHaveLength(0);\n  });\n\n  it(\"should handle image validation correctly\", () => {\n    const { result } = renderHook(() => useMessageImages());\n\n    // Test that hooks are available\n    expect(typeof result.current.addImage).toBe(\"function\");\n    expect(typeof result.current.addImages).toBe(\"function\");\n    expect(typeof result.current.removeImage).toBe(\"function\");\n    expect(typeof result.current.clearImages).toBe(\"function\");\n  });\n\n  it(\"should reject when no valid image files provided to addImages\", async () => {\n    const { result } = renderHook(() => useMessageImages());\n    const mockFiles = [\n      new File([\"test\"], \"document.pdf\", { type: \"application/pdf\" }),\n      new File([\"test\"], \"text.txt\", { type: \"text/plain\" }),\n    ];\n\n    await expect(result.current.addImages(mockFiles)).rejects.toThrow(\n      \"No valid image files provided\",\n    );\n  });\n});\n"]}
+{"version":3,"file":"use-message-images.test.js","sourceRoot":"","sources":["../../src/hooks/use-message-images.test.ts"],"names":[],"mappings":"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","sourcesContent":["import { act, renderHook } from \"@testing-library/react\";\nimport { useMessageImages } from \"./use-message-images\";\n\n// Mock crypto.randomUUID\nglobal.crypto = {\n  randomUUID: jest.fn(() => \"mock-uuid-\" + Math.random()),\n} as any;\n\n// Track FileReader instances for error simulation\nlet fileReaderInstances: {\n  readAsDataURL: jest.Mock;\n  onload: ((e: unknown) => void) | null;\n  onerror: ((e: unknown) => void) | null;\n  result: string;\n}[] = [];\n\n// Default FileReader mock that succeeds\nconst createSuccessfulFileReader = () => {\n  const reader = {\n    readAsDataURL: jest.fn(),\n    onload: null as ((e: any) => void) | null,\n    onerror: null as ((e: any) => void) | null,\n    result: \"data:image/png;base64,mock-data\",\n  };\n  reader.readAsDataURL = jest.fn(() => {\n    setTimeout(() => {\n      if (reader.onload) {\n        reader.onload({} as any);\n      }\n    }, 0);\n  });\n  fileReaderInstances.push(reader);\n  return reader;\n};\n\n// FileReader mock that fails\nconst createFailingFileReader = () => {\n  const reader = {\n    readAsDataURL: jest.fn(),\n    onload: null as ((e: any) => void) | null,\n    onerror: null as ((e: any) => void) | null,\n    result: \"\",\n  };\n  reader.readAsDataURL = jest.fn(() => {\n    setTimeout(() => {\n      if (reader.onerror) {\n        reader.onerror(new Error(\"Failed to read file\"));\n      }\n    }, 0);\n  });\n  fileReaderInstances.push(reader);\n  return reader;\n};\n\n// Default to successful FileReader\n(global as any).FileReader = jest.fn(() => createSuccessfulFileReader());\n\ndescribe(\"useMessageImages\", () => {\n  beforeEach(() => {\n    jest.clearAllMocks();\n    fileReaderInstances = [];\n    // Reset to default successful FileReader\n    (global as any).FileReader = jest.fn(() => createSuccessfulFileReader());\n  });\n\n  describe(\"Initialization\", () => {\n    it(\"should initialize with empty images array\", () => {\n      const { result } = renderHook(() => useMessageImages());\n      expect(result.current.images).toEqual([]);\n    });\n\n    it(\"should expose all management functions\", () => {\n      const { result } = renderHook(() => useMessageImages());\n\n      expect(typeof result.current.addImage).toBe(\"function\");\n      expect(typeof result.current.addImages).toBe(\"function\");\n      expect(typeof result.current.removeImage).toBe(\"function\");\n      expect(typeof result.current.clearImages).toBe(\"function\");\n    });\n  });\n\n  describe(\"addImage\", () => {\n    it(\"should add a valid image file\", async () => {\n      const { result } = renderHook(() => useMessageImages());\n      const mockFile = new File([\"image data\"], \"photo.png\", {\n        type: \"image/png\",\n      });\n\n      await act(async () => {\n        await result.current.addImage(mockFile);\n      });\n\n      expect(result.current.images).toHaveLength(1);\n      expect(result.current.images[0].name).toBe(\"photo.png\");\n      expect(result.current.images[0].type).toBe(\"image/png\");\n      expect(result.current.images[0].dataUrl).toBe(\n        \"data:image/png;base64,mock-data\",\n      );\n    });\n\n    it(\"should reject non-image files\", async () => {\n      const { result } = renderHook(() => useMessageImages());\n      const mockFile = new File([\"test\"], \"test-document.pdf\", {\n        type: \"application/pdf\",\n      });\n\n      await expect(result.current.addImage(mockFile)).rejects.toThrow(\n        \"Only image files are allowed\",\n      );\n    });\n\n    it(\"should reject when FileReader fails\", async () => {\n      // Use failing FileReader\n      (global as any).FileReader = jest.fn(() => createFailingFileReader());\n\n      const { result } = renderHook(() => useMessageImages());\n      const mockFile = new File([\"image data\"], \"photo.png\", {\n        type: \"image/png\",\n      });\n\n      await expect(result.current.addImage(mockFile)).rejects.toThrow();\n    });\n  });\n\n  describe(\"addImages (batch)\", () => {\n    it(\"should add multiple valid images at once\", async () => {\n      const { result } = renderHook(() => useMessageImages());\n      const mockFiles = [\n        new File([\"image1\"], \"photo1.png\", { type: \"image/png\" }),\n        new File([\"image2\"], \"photo2.jpg\", { type: \"image/jpeg\" }),\n        new File([\"image3\"], \"photo3.gif\", { type: \"image/gif\" }),\n      ];\n\n      await act(async () => {\n        await result.current.addImages(mockFiles);\n      });\n\n      expect(result.current.images).toHaveLength(3);\n      expect(result.current.images[0].name).toBe(\"photo1.png\");\n      expect(result.current.images[1].name).toBe(\"photo2.jpg\");\n      expect(result.current.images[2].name).toBe(\"photo3.gif\");\n    });\n\n    it(\"should filter non-images from batch and add valid ones\", async () => {\n      const { result } = renderHook(() => useMessageImages());\n      const mockFiles = [\n        new File([\"image\"], \"photo.png\", { type: \"image/png\" }),\n        new File([\"pdf\"], \"document.pdf\", { type: \"application/pdf\" }),\n        new File([\"image\"], \"another.jpg\", { type: \"image/jpeg\" }),\n      ];\n\n      await act(async () => {\n        await result.current.addImages(mockFiles);\n      });\n\n      // Should only add the 2 valid images\n      expect(result.current.images).toHaveLength(2);\n      expect(result.current.images[0].name).toBe(\"photo.png\");\n      expect(result.current.images[1].name).toBe(\"another.jpg\");\n    });\n\n    it(\"should reject batch with zero valid images\", async () => {\n      const { result } = renderHook(() => useMessageImages());\n      const mockFiles = [\n        new File([\"test\"], \"document.pdf\", { type: \"application/pdf\" }),\n        new File([\"test\"], \"text.txt\", { type: \"text/plain\" }),\n      ];\n\n      await expect(result.current.addImages(mockFiles)).rejects.toThrow(\n        \"No valid image files provided\",\n      );\n    });\n  });\n\n  describe(\"removeImage\", () => {\n    it(\"should remove image by id\", async () => {\n      const { result } = renderHook(() => useMessageImages());\n      const mockFile = new File([\"image\"], \"photo.png\", { type: \"image/png\" });\n\n      await act(async () => {\n        await result.current.addImage(mockFile);\n      });\n\n      const imageId = result.current.images[0].id;\n\n      act(() => {\n        result.current.removeImage(imageId);\n      });\n\n      expect(result.current.images).toHaveLength(0);\n    });\n\n    it(\"should handle removing non-existent image gracefully\", async () => {\n      const { result } = renderHook(() => useMessageImages());\n      const mockFile = new File([\"image\"], \"photo.png\", { type: \"image/png\" });\n\n      await act(async () => {\n        await result.current.addImage(mockFile);\n      });\n\n      // Try to remove with a fake ID - should not throw or affect existing images\n      act(() => {\n        result.current.removeImage(\"non-existent-id\");\n      });\n\n      // Original image should still be there\n      expect(result.current.images).toHaveLength(1);\n    });\n\n    it(\"should only remove the targeted image\", async () => {\n      const { result } = renderHook(() => useMessageImages());\n      const files = [\n        new File([\"image1\"], \"photo1.png\", { type: \"image/png\" }),\n        new File([\"image2\"], \"photo2.png\", { type: \"image/png\" }),\n        new File([\"image3\"], \"photo3.png\", { type: \"image/png\" }),\n      ];\n\n      await act(async () => {\n        await result.current.addImages(files);\n      });\n\n      const middleImageId = result.current.images[1].id;\n\n      act(() => {\n        result.current.removeImage(middleImageId);\n      });\n\n      expect(result.current.images).toHaveLength(2);\n      expect(result.current.images[0].name).toBe(\"photo1.png\");\n      expect(result.current.images[1].name).toBe(\"photo3.png\");\n    });\n  });\n\n  describe(\"clearImages\", () => {\n    it(\"should remove all images\", async () => {\n      const { result } = renderHook(() => useMessageImages());\n      const files = [\n        new File([\"image1\"], \"photo1.png\", { type: \"image/png\" }),\n        new File([\"image2\"], \"photo2.png\", { type: \"image/png\" }),\n      ];\n\n      await act(async () => {\n        await result.current.addImages(files);\n      });\n\n      expect(result.current.images).toHaveLength(2);\n\n      act(() => {\n        result.current.clearImages();\n      });\n\n      expect(result.current.images).toHaveLength(0);\n    });\n  });\n});\n"]}

package/esm/hooks/use-tambo-threads.js

@@ -32,7 +32,7 @@ export function useTamboThreadList({ projectId } = {}, options = {}) {
                 return null;
             }
             const threadIter = await client.beta.threads.list(currentProjectId, {
-                contextKey: contextKey,
+                contextKey,
             });
             return threadIter;
         },

package/esm/hooks/use-tambo-threads.js.map

@@ -1 +1 @@
-{"version":3,"file":"use-tambo-threads.js","sourceRoot":"","sources":["../../src/hooks/use-tambo-threads.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,cAAc,EAAE,MAAM,cAAc,CAAC;AAC9C,OAAO,EAAE,cAAc,EAAE,MAAM,oCAAoC,CAAC;AACpE,OAAO,EAAE,aAAa,EAAE,MAAM,qBAAqB,CAAC;AAUpD;;;;;;;;;;GAUG;AACH,MAAM,UAAU,kBAAkB,CAChC,EAAE,SAAS,KAA+B,EAAE,EAC5C,UAEI,EAAE;IAEN,MAAM,MAAM,GAAG,cAAc,EAAE,CAAC;IAChC,MAAM,EAAE,UAAU,EAAE,GAAG,cAAc,EAAE,CAAC;IACxC,MAAM,EAAE,IAAI,EAAE,gBAAgB,EAAE,GAAG,cAAc,EAAE,GAAG,aAAa,CAAC;QAClE,GAAI,OAA8C;QAClD,QAAQ,EAAE,CAAC,WAAW,CAAC;QACvB,OAAO,EAAE,KAAK,IAAI,EAAE;YAClB,OAAO,CAAC,MAAM,MAAM,CAAC,IAAI,CAAC,QAAQ,CAAC,UAAU,EAAE,CAAC,CAAC,EAAE,CAAC;QACtD,CAAC;KACF,CAAC,CAAC;IACH,MAAM,gBAAgB,GAAG,SAAS,IAAI,gBAAgB,CAAC;IAEvD,MAAM,WAAW,GAAG,aAAa,CAAC;QAChC,GAAG,OAAO;QACV,OAAO,EAAE,CAAC,CAAC,gBAAgB;QAC3B,QAAQ,EAAE,CAAC,SAAS,EAAE,gBAAgB,EAAE,UAAU,CAAC;QACnD,OAAO,EAAE,KAAK,IAAI,EAAE;YAClB,IAAI,CAAC,gBAAgB,EAAE,CAAC;gBACtB,OAAO,IAAI,CAAC;YACd,CAAC;YACD,MAAM,UAAU,GAAG,MAAM,MAAM,CAAC,IAAI,CAAC,OAAO,CAAC,IAAI,CAAC,gBAAgB,EAAE;gBAClE,UAAU,EAAE,UAAU;aACvB,CAAC,CAAC;YACH,OAAO,UAAU,CAAC;QACpB,CAAC;KACF,CAAC,CAAC;IAEH,OAAO,gBAAgB,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,EAAE,IAAI,EAAE,IAAI,EAAE,GAAG,cAAc,EAAE,CAAC;AAC5E,CAAC","sourcesContent":["import type TamboAI from \"@tambo-ai/typescript-sdk\";\nimport { UseQueryOptions } from \"@tanstack/react-query\";\nimport { useTamboThread } from \"../providers\";\nimport { useTamboClient } from \"../providers/tambo-client-provider\";\nimport { useTamboQuery } from \"./react-query-hooks\";\n\ninterface UseTamboThreadListConfig {\n  /**\n   * The projectId to get the threads for. If not provided, the current project\n   * will be used.\n   */\n  projectId?: string;\n}\n\n/**\n * Get all the threads for the specified project.\n *\n * If contextKey is empty, then all threads for the project will be returned.\n * If contextKey is not empty, then only the threads for the specified context\n * key will be returned. The contextKey is obtained from the TamboThreadProvider\n * via useTamboThread().\n * @param config - The config for the useTamboThreadList hook\n * @param config.projectId - The projectId to get the threads for\n * @returns The threads for the specified project and optional context key\n */\nexport function useTamboThreadList(\n  { projectId }: UseTamboThreadListConfig = {},\n  options: Partial<\n    UseQueryOptions<TamboAI.Beta.Threads.ThreadsOffsetAndLimit | null>\n  > = {},\n) {\n  const client = useTamboClient();\n  const { contextKey } = useTamboThread();\n  const { data: queriedProjectId, ...projectIdState } = useTamboQuery({\n    ...(options as unknown as UseQueryOptions<string>),\n    queryKey: [\"projectId\"],\n    queryFn: async () => {\n      return (await client.beta.projects.getCurrent()).id;\n    },\n  });\n  const currentProjectId = projectId ?? queriedProjectId;\n\n  const threadState = useTamboQuery({\n    ...options,\n    enabled: !!currentProjectId,\n    queryKey: [\"threads\", currentProjectId, contextKey],\n    queryFn: async () => {\n      if (!currentProjectId) {\n        return null;\n      }\n      const threadIter = await client.beta.threads.list(currentProjectId, {\n        contextKey: contextKey,\n      });\n      return threadIter;\n    },\n  });\n\n  return currentProjectId ? threadState : { data: null, ...projectIdState };\n}\n"]}
+{"version":3,"file":"use-tambo-threads.js","sourceRoot":"","sources":["../../src/hooks/use-tambo-threads.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,cAAc,EAAE,MAAM,cAAc,CAAC;AAC9C,OAAO,EAAE,cAAc,EAAE,MAAM,oCAAoC,CAAC;AACpE,OAAO,EAAE,aAAa,EAAE,MAAM,qBAAqB,CAAC;AAUpD;;;;;;;;;;GAUG;AACH,MAAM,UAAU,kBAAkB,CAChC,EAAE,SAAS,KAA+B,EAAE,EAC5C,UAEI,EAAE;IAEN,MAAM,MAAM,GAAG,cAAc,EAAE,CAAC;IAChC,MAAM,EAAE,UAAU,EAAE,GAAG,cAAc,EAAE,CAAC;IACxC,MAAM,EAAE,IAAI,EAAE,gBAAgB,EAAE,GAAG,cAAc,EAAE,GAAG,aAAa,CAAC;QAClE,GAAI,OAA8C;QAClD,QAAQ,EAAE,CAAC,WAAW,CAAC;QACvB,OAAO,EAAE,KAAK,IAAI,EAAE;YAClB,OAAO,CAAC,MAAM,MAAM,CAAC,IAAI,CAAC,QAAQ,CAAC,UAAU,EAAE,CAAC,CAAC,EAAE,CAAC;QACtD,CAAC;KACF,CAAC,CAAC;IACH,MAAM,gBAAgB,GAAG,SAAS,IAAI,gBAAgB,CAAC;IAEvD,MAAM,WAAW,GAAG,aAAa,CAAC;QAChC,GAAG,OAAO;QACV,OAAO,EAAE,CAAC,CAAC,gBAAgB;QAC3B,QAAQ,EAAE,CAAC,SAAS,EAAE,gBAAgB,EAAE,UAAU,CAAC;QACnD,OAAO,EAAE,KAAK,IAAI,EAAE;YAClB,IAAI,CAAC,gBAAgB,EAAE,CAAC;gBACtB,OAAO,IAAI,CAAC;YACd,CAAC;YACD,MAAM,UAAU,GAAG,MAAM,MAAM,CAAC,IAAI,CAAC,OAAO,CAAC,IAAI,CAAC,gBAAgB,EAAE;gBAClE,UAAU;aACX,CAAC,CAAC;YACH,OAAO,UAAU,CAAC;QACpB,CAAC;KACF,CAAC,CAAC;IAEH,OAAO,gBAAgB,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,EAAE,IAAI,EAAE,IAAI,EAAE,GAAG,cAAc,EAAE,CAAC;AAC5E,CAAC","sourcesContent":["import type TamboAI from \"@tambo-ai/typescript-sdk\";\nimport { UseQueryOptions } from \"@tanstack/react-query\";\nimport { useTamboThread } from \"../providers\";\nimport { useTamboClient } from \"../providers/tambo-client-provider\";\nimport { useTamboQuery } from \"./react-query-hooks\";\n\ninterface UseTamboThreadListConfig {\n  /**\n   * The projectId to get the threads for. If not provided, the current project\n   * will be used.\n   */\n  projectId?: string;\n}\n\n/**\n * Get all the threads for the specified project.\n *\n * If contextKey is empty, then all threads for the project will be returned.\n * If contextKey is not empty, then only the threads for the specified context\n * key will be returned. The contextKey is obtained from the TamboThreadProvider\n * via useTamboThread().\n * @param config - The config for the useTamboThreadList hook\n * @param config.projectId - The projectId to get the threads for\n * @returns The threads for the specified project and optional context key\n */\nexport function useTamboThreadList(\n  { projectId }: UseTamboThreadListConfig = {},\n  options: Partial<\n    UseQueryOptions<TamboAI.Beta.Threads.ThreadsOffsetAndLimit | null>\n  > = {},\n) {\n  const client = useTamboClient();\n  const { contextKey } = useTamboThread();\n  const { data: queriedProjectId, ...projectIdState } = useTamboQuery({\n    ...(options as unknown as UseQueryOptions<string>),\n    queryKey: [\"projectId\"],\n    queryFn: async () => {\n      return (await client.beta.projects.getCurrent()).id;\n    },\n  });\n  const currentProjectId = projectId ?? queriedProjectId;\n\n  const threadState = useTamboQuery({\n    ...options,\n    enabled: !!currentProjectId,\n    queryKey: [\"threads\", currentProjectId, contextKey],\n    queryFn: async () => {\n      if (!currentProjectId) {\n        return null;\n      }\n      const threadIter = await client.beta.threads.list(currentProjectId, {\n        contextKey,\n      });\n      return threadIter;\n    },\n  });\n\n  return currentProjectId ? threadState : { data: null, ...projectIdState };\n}\n"]}

package/esm/hooks/use-tambo-voice.d.ts

@@ -13,7 +13,7 @@ export declare function useTamboVoice(): {
     startRecording: () => void;
     stopRecording: () => void;
     isRecording: boolean;
-    mediaAccessError: string;
+    mediaAccessError: string | null;
     isTranscribing: boolean;
     transcript: string | null;
     transcriptionError: string | null;

package/esm/hooks/use-tambo-voice.js

@@ -62,7 +62,7 @@ export function useTamboVoice() {
         startRecording,
         stopRecording,
         isRecording,
-        mediaAccessError: mediaAccessError ?? null,
+        mediaAccessError: mediaAccessError === "" ? null : mediaAccessError,
         isTranscribing: transcriptionMutation.isPending,
         transcript,
         transcriptionError: transcriptionMutation.error?.message ?? null,

package/esm/hooks/use-tambo-voice.js.map

@@ -1 +1 @@
-{"version":3,"file":"use-tambo-voice.js","sourceRoot":"","sources":["../../src/hooks/use-tambo-voice.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACzD,OAAO,EAAE,qBAAqB,EAAE,MAAM,sBAAsB,CAAC;AAC7D,OAAO,EAAE,cAAc,EAAE,MAAM,oCAAoC,CAAC;AACpE,OAAO,EAAE,gBAAgB,EAAE,MAAM,qBAAqB,CAAC;AAEvD;;;;;;;;;;GAUG;AACH,MAAM,UAAU,aAAa;IAC3B,MAAM,CAAC,UAAU,EAAE,aAAa,CAAC,GAAG,QAAQ,CAAgB,IAAI,CAAC,CAAC;IAClE,MAAM,MAAM,GAAG,cAAc,EAAE,CAAC;IAChC,MAAM,EACJ,MAAM,EACN,cAAc,EAAE,mBAAmB,EACnC,aAAa,EAAE,kBAAkB,EACjC,YAAY,EACZ,KAAK,EAAE,gBAAgB,GACxB,GAAG,qBAAqB,CAAC;QACxB,KAAK,EAAE,IAAI;QACX,KAAK,EAAE,KAAK;QACZ,eAAe,EAAE,EAAE,IAAI,EAAE,YAAY,EAAE;KACxC,CAAC,CAAC;IAEH,MAAM,WAAW,GAAG,MAAM,KAAK,WAAW,CAAC;IAE3C,MAAM,qBAAqB,GAAG,gBAAgB,CAI5C;QACA,UAAU,EAAE,KAAK,EAAE,OAAe,EAAE,EAAE;YACpC,MAAM,QAAQ,GAAG,MAAM,KAAK,CAAC,OAAO,CAAC,CAAC;YACtC,MAAM,SAAS,GAAG,MAAM,QAAQ,CAAC,IAAI,EAAE,CAAC;YACxC,MAAM,IAAI,GAAG,IAAI,IAAI,CAAC,CAAC,SAAS,CAAC,EAAE,gBAAgB,EAAE;gBACnD,IAAI,EAAE,YAAY;aACnB,CAAC,CAAC;YAEH,OAAO,MAAM,MAAM,CAAC,IAAI,CAAC,KAAK,CAAC,UAAU,CAAC,EAAE,IAAI,EAAE,CAAC,CAAC;QACtD,CAAC;QACD,SAAS,EAAE,CAAC,aAAqB,EAAE,EAAE;YACnC,aAAa,CAAC,aAAa,CAAC,CAAC;QAC/B,CAAC;KACF,CAAC,CAAC;IAEH,oEAAoE;IACpE,MAAM,gBAAgB,GACpB,MAAM,KAAK,SAAS;QACpB,YAAY;QACZ,CAAC,qBAAqB,CAAC,SAAS;QAChC,CAAC,qBAAqB,CAAC,SAAS,CAAC;IAEnC,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,gBAAgB,EAAE,CAAC;YACrB,qBAAqB,CAAC,MAAM,CAAC,YAAY,CAAC,CAAC;QAC7C,CAAC;IACH,CAAC,EAAE,CAAC,gBAAgB,EAAE,YAAY,EAAE,qBAAqB,CAAC,CAAC,CAAC;IAE5D,MAAM,cAAc,GAAG,WAAW,CAAC,GAAG,EAAE;QACtC,IAAI,WAAW;YAAE,OAAO;QAExB,0CAA0C;QAC1C,aAAa,CAAC,IAAI,CAAC,CAAC;QACpB,qBAAqB,CAAC,KAAK,EAAE,CAAC,CAAC,oCAAoC;QACnE,mBAAmB,EAAE,CAAC;IACxB,CAAC,EAAE,CAAC,WAAW,EAAE,mBAAmB,EAAE,qBAAqB,CAAC,CAAC,CAAC;IAE9D,MAAM,aAAa,GAAG,WAAW,CAAC,GAAG,EAAE;QACrC,IAAI,WAAW,EAAE,CAAC;YAChB,kBAAkB,EAAE,CAAC;QACvB,CAAC;IACH,CAAC,EAAE,CAAC,WAAW,EAAE,kBAAkB,CAAC,CAAC,CAAC;IAEtC,OAAO;QACL,cAAc;QACd,aAAa;QACb,WAAW;QACX,gBAAgB,EAAE,gBAAgB,IAAI,IAAI;QAC1C,cAAc,EAAE,qBAAqB,CAAC,SAAS;QAC/C,UAAU;QACV,kBAAkB,EAAE,qBAAqB,CAAC,KAAK,EAAE,OAAO,IAAI,IAAI;KACjE,CAAC;AACJ,CAAC","sourcesContent":["import { useCallback, useEffect, useState } from \"react\";\nimport { useReactMediaRecorder } from \"react-media-recorder\";\nimport { useTamboClient } from \"../providers/tambo-client-provider\";\nimport { useTamboMutation } from \"./react-query-hooks\";\n\n/**\n * Exposes functionality to record speech and transcribe it using the Tambo API.\n * @returns An object with:\n * - startRecording: A function to start recording audio and reset the current transcript.\n * - stopRecording: A function to stop recording audio and automatically kick off transcription.\n * - isRecording: A boolean indicating if the user is recording audio.\n * - isTranscribing: A boolean indicating if the audio is being transcribed.\n * - transcript: The transcript of the recorded audio.\n * - transcriptionError: An error message if the transcription fails.\n * - mediaAccessError: An error message if microphone access fails.\n */\nexport function useTamboVoice() {\n  const [transcript, setTranscript] = useState<string | null>(null);\n  const client = useTamboClient();\n  const {\n    status,\n    startRecording: startMediaRecording,\n    stopRecording: stopMediaRecording,\n    mediaBlobUrl,\n    error: mediaAccessError,\n  } = useReactMediaRecorder({\n    audio: true,\n    video: false,\n    blobPropertyBag: { type: \"audio/webm\" },\n  });\n\n  const isRecording = status === \"recording\";\n\n  const transcriptionMutation = useTamboMutation<\n    string,\n    Error,\n    string // blobUrl parameter\n  >({\n    mutationFn: async (blobUrl: string) => {\n      const response = await fetch(blobUrl);\n      const audioBlob = await response.blob();\n      const file = new File([audioBlob], \"recording.webm\", {\n        type: \"audio/webm\",\n      });\n\n      return await client.beta.audio.transcribe({ file });\n    },\n    onSuccess: (transcription: string) => {\n      setTranscript(transcription);\n    },\n  });\n\n  // Trigger transcription when recording stops and we have a blob URL\n  const shouldTranscribe =\n    status === \"stopped\" &&\n    mediaBlobUrl &&\n    !transcriptionMutation.isPending &&\n    !transcriptionMutation.isSuccess;\n\n  useEffect(() => {\n    if (shouldTranscribe) {\n      transcriptionMutation.mutate(mediaBlobUrl);\n    }\n  }, [shouldTranscribe, mediaBlobUrl, transcriptionMutation]);\n\n  const startRecording = useCallback(() => {\n    if (isRecording) return;\n\n    // Reset state when starting new recording\n    setTranscript(null);\n    transcriptionMutation.reset(); // Clear any previous mutation state\n    startMediaRecording();\n  }, [isRecording, startMediaRecording, transcriptionMutation]);\n\n  const stopRecording = useCallback(() => {\n    if (isRecording) {\n      stopMediaRecording();\n    }\n  }, [isRecording, stopMediaRecording]);\n\n  return {\n    startRecording,\n    stopRecording,\n    isRecording,\n    mediaAccessError: mediaAccessError ?? null,\n    isTranscribing: transcriptionMutation.isPending,\n    transcript,\n    transcriptionError: transcriptionMutation.error?.message ?? null,\n  };\n}\n"]}
+{"version":3,"file":"use-tambo-voice.js","sourceRoot":"","sources":["../../src/hooks/use-tambo-voice.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACzD,OAAO,EAAE,qBAAqB,EAAE,MAAM,sBAAsB,CAAC;AAC7D,OAAO,EAAE,cAAc,EAAE,MAAM,oCAAoC,CAAC;AACpE,OAAO,EAAE,gBAAgB,EAAE,MAAM,qBAAqB,CAAC;AAEvD;;;;;;;;;;GAUG;AACH,MAAM,UAAU,aAAa;IAC3B,MAAM,CAAC,UAAU,EAAE,aAAa,CAAC,GAAG,QAAQ,CAAgB,IAAI,CAAC,CAAC;IAClE,MAAM,MAAM,GAAG,cAAc,EAAE,CAAC;IAChC,MAAM,EACJ,MAAM,EACN,cAAc,EAAE,mBAAmB,EACnC,aAAa,EAAE,kBAAkB,EACjC,YAAY,EACZ,KAAK,EAAE,gBAAgB,GACxB,GAAG,qBAAqB,CAAC;QACxB,KAAK,EAAE,IAAI;QACX,KAAK,EAAE,KAAK;QACZ,eAAe,EAAE,EAAE,IAAI,EAAE,YAAY,EAAE;KACxC,CAAC,CAAC;IAEH,MAAM,WAAW,GAAG,MAAM,KAAK,WAAW,CAAC;IAE3C,MAAM,qBAAqB,GAAG,gBAAgB,CAI5C;QACA,UAAU,EAAE,KAAK,EAAE,OAAe,EAAE,EAAE;YACpC,MAAM,QAAQ,GAAG,MAAM,KAAK,CAAC,OAAO,CAAC,CAAC;YACtC,MAAM,SAAS,GAAG,MAAM,QAAQ,CAAC,IAAI,EAAE,CAAC;YACxC,MAAM,IAAI,GAAG,IAAI,IAAI,CAAC,CAAC,SAAS,CAAC,EAAE,gBAAgB,EAAE;gBACnD,IAAI,EAAE,YAAY;aACnB,CAAC,CAAC;YAEH,OAAO,MAAM,MAAM,CAAC,IAAI,CAAC,KAAK,CAAC,UAAU,CAAC,EAAE,IAAI,EAAE,CAAC,CAAC;QACtD,CAAC;QACD,SAAS,EAAE,CAAC,aAAqB,EAAE,EAAE;YACnC,aAAa,CAAC,aAAa,CAAC,CAAC;QAC/B,CAAC;KACF,CAAC,CAAC;IAEH,oEAAoE;IACpE,MAAM,gBAAgB,GACpB,MAAM,KAAK,SAAS;QACpB,YAAY;QACZ,CAAC,qBAAqB,CAAC,SAAS;QAChC,CAAC,qBAAqB,CAAC,SAAS,CAAC;IAEnC,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,gBAAgB,EAAE,CAAC;YACrB,qBAAqB,CAAC,MAAM,CAAC,YAAY,CAAC,CAAC;QAC7C,CAAC;IACH,CAAC,EAAE,CAAC,gBAAgB,EAAE,YAAY,EAAE,qBAAqB,CAAC,CAAC,CAAC;IAE5D,MAAM,cAAc,GAAG,WAAW,CAAC,GAAG,EAAE;QACtC,IAAI,WAAW;YAAE,OAAO;QAExB,0CAA0C;QAC1C,aAAa,CAAC,IAAI,CAAC,CAAC;QACpB,qBAAqB,CAAC,KAAK,EAAE,CAAC,CAAC,oCAAoC;QACnE,mBAAmB,EAAE,CAAC;IACxB,CAAC,EAAE,CAAC,WAAW,EAAE,mBAAmB,EAAE,qBAAqB,CAAC,CAAC,CAAC;IAE9D,MAAM,aAAa,GAAG,WAAW,CAAC,GAAG,EAAE;QACrC,IAAI,WAAW,EAAE,CAAC;YAChB,kBAAkB,EAAE,CAAC;QACvB,CAAC;IACH,CAAC,EAAE,CAAC,WAAW,EAAE,kBAAkB,CAAC,CAAC,CAAC;IAEtC,OAAO;QACL,cAAc;QACd,aAAa;QACb,WAAW;QACX,gBAAgB,EAAE,gBAAgB,KAAK,EAAE,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,gBAAgB;QACnE,cAAc,EAAE,qBAAqB,CAAC,SAAS;QAC/C,UAAU;QACV,kBAAkB,EAAE,qBAAqB,CAAC,KAAK,EAAE,OAAO,IAAI,IAAI;KACjE,CAAC;AACJ,CAAC","sourcesContent":["import { useCallback, useEffect, useState } from \"react\";\nimport { useReactMediaRecorder } from \"react-media-recorder\";\nimport { useTamboClient } from \"../providers/tambo-client-provider\";\nimport { useTamboMutation } from \"./react-query-hooks\";\n\n/**\n * Exposes functionality to record speech and transcribe it using the Tambo API.\n * @returns An object with:\n * - startRecording: A function to start recording audio and reset the current transcript.\n * - stopRecording: A function to stop recording audio and automatically kick off transcription.\n * - isRecording: A boolean indicating if the user is recording audio.\n * - isTranscribing: A boolean indicating if the audio is being transcribed.\n * - transcript: The transcript of the recorded audio.\n * - transcriptionError: An error message if the transcription fails.\n * - mediaAccessError: An error message if microphone access fails.\n */\nexport function useTamboVoice() {\n  const [transcript, setTranscript] = useState<string | null>(null);\n  const client = useTamboClient();\n  const {\n    status,\n    startRecording: startMediaRecording,\n    stopRecording: stopMediaRecording,\n    mediaBlobUrl,\n    error: mediaAccessError,\n  } = useReactMediaRecorder({\n    audio: true,\n    video: false,\n    blobPropertyBag: { type: \"audio/webm\" },\n  });\n\n  const isRecording = status === \"recording\";\n\n  const transcriptionMutation = useTamboMutation<\n    string,\n    Error,\n    string // blobUrl parameter\n  >({\n    mutationFn: async (blobUrl: string) => {\n      const response = await fetch(blobUrl);\n      const audioBlob = await response.blob();\n      const file = new File([audioBlob], \"recording.webm\", {\n        type: \"audio/webm\",\n      });\n\n      return await client.beta.audio.transcribe({ file });\n    },\n    onSuccess: (transcription: string) => {\n      setTranscript(transcription);\n    },\n  });\n\n  // Trigger transcription when recording stops and we have a blob URL\n  const shouldTranscribe =\n    status === \"stopped\" &&\n    mediaBlobUrl &&\n    !transcriptionMutation.isPending &&\n    !transcriptionMutation.isSuccess;\n\n  useEffect(() => {\n    if (shouldTranscribe) {\n      transcriptionMutation.mutate(mediaBlobUrl);\n    }\n  }, [shouldTranscribe, mediaBlobUrl, transcriptionMutation]);\n\n  const startRecording = useCallback(() => {\n    if (isRecording) return;\n\n    // Reset state when starting new recording\n    setTranscript(null);\n    transcriptionMutation.reset(); // Clear any previous mutation state\n    startMediaRecording();\n  }, [isRecording, startMediaRecording, transcriptionMutation]);\n\n  const stopRecording = useCallback(() => {\n    if (isRecording) {\n      stopMediaRecording();\n    }\n  }, [isRecording, stopMediaRecording]);\n\n  return {\n    startRecording,\n    stopRecording,\n    isRecording,\n    mediaAccessError: mediaAccessError === \"\" ? null : mediaAccessError,\n    isTranscribing: transcriptionMutation.isPending,\n    transcript,\n    transcriptionError: transcriptionMutation.error?.message ?? null,\n  };\n}\n"]}

package/esm/hooks/use-tambo-voice.test.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=use-tambo-voice.test.d.ts.map

package/esm/hooks/use-tambo-voice.test.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-tambo-voice.test.d.ts","sourceRoot":"","sources":["../../src/hooks/use-tambo-voice.test.tsx"],"names":[],"mappings":""}

package/esm/hooks/use-tambo-voice.test.js

@@ -0,0 +1,234 @@
+import { act, renderHook, waitFor } from "@testing-library/react";
+import React from "react";
+import { QueryClient, QueryClientProvider } from "@tanstack/react-query";
+import { useReactMediaRecorder } from "react-media-recorder";
+import { useTamboVoice } from "./use-tambo-voice";
+import { TamboClientContext } from "../providers/tambo-client-provider";
+// Override the global mock from setupTests.ts with a controllable version
+jest.mock("react-media-recorder", () => ({
+    useReactMediaRecorder: jest.fn(),
+}));
+// Mock the client provider
+jest.mock("../providers/tambo-client-provider", () => ({
+    ...jest.requireActual("../providers/tambo-client-provider"),
+    useTamboClient: jest.fn(),
+}));
+import { useTamboClient } from "../providers/tambo-client-provider";
+// Mock fetch globally
+const mockFetch = jest.fn();
+describe("useTamboVoice", () => {
+    let previousFetch;
+    let mockStartRecording;
+    let mockStopRecording;
+    let mockTranscribe;
+    let queryClient;
+    const createWrapper = () => {
+        const mockClient = {
+            beta: {
+                audio: {
+                    transcribe: mockTranscribe,
+                },
+            },
+        };
+        const Wrapper = ({ children }) => (React.createElement(TamboClientContext.Provider, { value: {
+                client: mockClient,
+                queryClient,
+                isUpdatingToken: false,
+            } },
+            React.createElement(QueryClientProvider, { client: queryClient }, children)));
+        Wrapper.displayName = "TestWrapper";
+        return Wrapper;
+    };
+    const setupMediaRecorderMock = (overrides = {}) => {
+        const value = {
+            status: "idle",
+            startRecording: mockStartRecording,
+            stopRecording: mockStopRecording,
+            mediaBlobUrl: undefined,
+            error: "",
+            ...overrides,
+        };
+        jest
+            .mocked(useReactMediaRecorder)
+            .mockReturnValue(value);
+        return value;
+    };
+    beforeEach(() => {
+        jest.clearAllMocks();
+        mockFetch.mockReset();
+        previousFetch = global.fetch;
+        global.fetch = mockFetch;
+        mockStartRecording = jest.fn();
+        mockStopRecording = jest.fn();
+        mockTranscribe = jest.fn();
+        queryClient = new QueryClient({
+            defaultOptions: {
+                queries: { retry: false },
+                mutations: { retry: false },
+            },
+        });
+        // Setup default client mock
+        const mockClient = {
+            beta: {
+                audio: {
+                    transcribe: mockTranscribe,
+                },
+            },
+        };
+        jest
+            .mocked(useTamboClient)
+            .mockReturnValue(mockClient);
+        // Setup default media recorder mock
+        setupMediaRecorderMock();
+        // Setup default fetch mock
+        mockFetch.mockResolvedValue({
+            blob: async () => await Promise.resolve(new Blob(["audio data"], { type: "audio/webm" })),
+        });
+    });
+    afterEach(() => {
+        global.fetch = previousFetch;
+    });
+    describe("Initial State", () => {
+        it("should initialize with idle state and no transcript", () => {
+            const { result } = renderHook(() => useTamboVoice(), {
+                wrapper: createWrapper(),
+            });
+            expect(result.current.isRecording).toBe(false);
+            expect(result.current.isTranscribing).toBe(false);
+            expect(result.current.transcript).toBeNull();
+            expect(result.current.transcriptionError).toBeNull();
+            expect(result.current.mediaAccessError).toBeNull();
+        });
+    });
+    describe("Recording Flow", () => {
+        it("should expose isRecording=true during active recording", () => {
+            setupMediaRecorderMock({ status: "recording" });
+            const { result } = renderHook(() => useTamboVoice(), {
+                wrapper: createWrapper(),
+            });
+            expect(result.current.isRecording).toBe(true);
+        });
+        it("should call startRecording on the media recorder", () => {
+            const { result } = renderHook(() => useTamboVoice(), {
+                wrapper: createWrapper(),
+            });
+            act(() => {
+                result.current.startRecording();
+            });
+            expect(mockStartRecording).toHaveBeenCalled();
+        });
+        it("should call stopRecording on the media recorder when recording", () => {
+            setupMediaRecorderMock({ status: "recording" });
+            const { result } = renderHook(() => useTamboVoice(), {
+                wrapper: createWrapper(),
+            });
+            act(() => {
+                result.current.stopRecording();
+            });
+            expect(mockStopRecording).toHaveBeenCalled();
+        });
+        it("should reset transcript when starting a new recording", async () => {
+            mockTranscribe.mockResolvedValue("first transcript");
+            // Start with completed transcription
+            setupMediaRecorderMock({
+                status: "stopped",
+                mediaBlobUrl: "blob:http://localhost/audio1",
+            });
+            const { result, rerender } = renderHook(() => useTamboVoice(), {
+                wrapper: createWrapper(),
+            });
+            // Wait for transcription to complete
+            await waitFor(() => {
+                expect(result.current.transcript).toBe("first transcript");
+            });
+            // Now simulate starting a new recording
+            setupMediaRecorderMock({ status: "idle" });
+            rerender();
+            act(() => {
+                result.current.startRecording();
+            });
+            expect(result.current.transcript).toBeNull();
+        });
+    });
+    describe("Transcription", () => {
+        it("should trigger transcription after recording stops with blob URL", async () => {
+            mockTranscribe.mockResolvedValue("Hello world");
+            setupMediaRecorderMock({
+                status: "stopped",
+                mediaBlobUrl: "blob:http://localhost/audio",
+            });
+            const { result } = renderHook(() => useTamboVoice(), {
+                wrapper: createWrapper(),
+            });
+            await waitFor(() => {
+                expect(result.current.transcript).toBe("Hello world");
+            });
+            expect(mockFetch).toHaveBeenCalledWith("blob:http://localhost/audio");
+            expect(mockTranscribe).toHaveBeenCalled();
+        });
+        it("should expose isTranscribing=true during API call", async () => {
+            let resolveTranscription;
+            mockTranscribe.mockImplementation(async () => await new Promise((resolve) => {
+                resolveTranscription = resolve;
+            }));
+            setupMediaRecorderMock({
+                status: "stopped",
+                mediaBlobUrl: "blob:http://localhost/audio",
+            });
+            const { result } = renderHook(() => useTamboVoice(), {
+                wrapper: createWrapper(),
+            });
+            await waitFor(() => {
+                expect(result.current.isTranscribing).toBe(true);
+            });
+            // Complete the transcription
+            act(() => {
+                resolveTranscription("transcribed text");
+            });
+            await waitFor(() => {
+                expect(result.current.isTranscribing).toBe(false);
+            });
+        });
+    });
+    describe("Error Handling", () => {
+        it("should expose mediaAccessError when microphone access fails", () => {
+            setupMediaRecorderMock({
+                error: "Permission denied",
+            });
+            const { result } = renderHook(() => useTamboVoice(), {
+                wrapper: createWrapper(),
+            });
+            expect(result.current.mediaAccessError).toBe("Permission denied");
+        });
+        it("should expose transcriptionError when API call fails", async () => {
+            mockTranscribe.mockRejectedValue(new Error("Transcription service unavailable"));
+            setupMediaRecorderMock({
+                status: "stopped",
+                mediaBlobUrl: "blob:http://localhost/audio",
+            });
+            const { result } = renderHook(() => useTamboVoice(), {
+                wrapper: createWrapper(),
+            });
+            await waitFor(() => {
+                expect(result.current.transcriptionError).toBe("Transcription service unavailable");
+            });
+            expect(result.current.isTranscribing).toBe(false);
+        });
+        it("should handle blob fetch failure gracefully", async () => {
+            mockFetch.mockRejectedValue(new Error("Network error"));
+            setupMediaRecorderMock({
+                status: "stopped",
+                mediaBlobUrl: "blob:http://localhost/audio",
+            });
+            const { result } = renderHook(() => useTamboVoice(), {
+                wrapper: createWrapper(),
+            });
+            await waitFor(() => {
+                expect(result.current.transcriptionError).toBe("Network error");
+            });
+            expect(result.current.isTranscribing).toBe(false);
+            expect(result.current.transcript).toBeNull();
+        });
+    });
+});
+//# sourceMappingURL=use-tambo-voice.test.js.map