@tambo-ai/react 0.75.0 → 1.0.0-rc.4

package/dist/util/generate-component.test.js

@@ -1,340 +0,0 @@
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || (function () {
-    var ownKeys = function(o) {
-        ownKeys = Object.getOwnPropertyNames || function (o) {
-            var ar = [];
-            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
-            return ar;
-        };
-        return ownKeys(o);
-    };
-    return function (mod) {
-        if (mod && mod.__esModule) return mod;
-        var result = {};
-        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
-        __setModuleDefault(result, mod);
-        return result;
-    };
-})();
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-const react_1 = __importDefault(require("react"));
-const useCurrentMessage = __importStar(require("../hooks/use-current-message"));
-const generate_component_1 = require("./generate-component");
-// Track calls to wrapWithTamboMessageProvider
-let wrapWithTamboMessageProviderSpy;
-beforeEach(() => {
-    wrapWithTamboMessageProviderSpy = jest.spyOn(useCurrentMessage, "wrapWithTamboMessageProvider");
-});
-afterEach(() => {
-    wrapWithTamboMessageProviderSpy.mockRestore();
-});
-// Simple test component
-const TestComponent = ({ title, count, }) => (react_1.default.createElement("div", { "data-testid": "test-component" },
-    react_1.default.createElement("span", null, title),
-    count !== undefined && react_1.default.createElement("span", null, count)));
-// Create a mock Standard Schema for testing
-const createMockStandardSchema = (validate) => ({
-    "~standard": {
-        version: 1,
-        vendor: "test",
-        validate: (data) => ({ value: validate(data) }),
-    },
-});
-describe("renderComponentIntoMessage", () => {
-    const baseMessage = {
-        id: "msg-123",
-        threadId: "thread-456",
-        role: "assistant",
-        content: [{ type: "text", text: "Here is your component" }],
-        createdAt: "2024-01-01T00:00:00Z",
-        componentState: {},
-        component: {
-            componentName: "TestComponent",
-            props: { title: "Hello" },
-            componentState: {},
-            message: "",
-        },
-    };
-    const baseRegistry = {
-        TestComponent: {
-            name: "TestComponent",
-            description: "A test component",
-            component: TestComponent,
-            props: { type: "object" }, // JSON Schema
-            contextTools: [],
-        },
-    };
-    describe("component lookup", () => {
-        it("throws error when component has no componentName", () => {
-            const messageWithoutComponentName = {
-                ...baseMessage,
-                component: {
-                    componentName: "",
-                    props: {},
-                    componentState: {},
-                    message: "",
-                },
-            };
-            expect(() => (0, generate_component_1.renderComponentIntoMessage)(messageWithoutComponentName, baseRegistry)).toThrow("Component not found");
-        });
-        it("throws error when component is null", () => {
-            const messageWithNullComponent = {
-                ...baseMessage,
-                component: null,
-            };
-            expect(() => (0, generate_component_1.renderComponentIntoMessage)(messageWithNullComponent, baseRegistry)).toThrow();
-        });
-        it("throws error when componentName not in registry", () => {
-            const messageWithUnknownComponent = {
-                ...baseMessage,
-                component: {
-                    componentName: "UnknownComponent",
-                    props: {},
-                    componentState: {},
-                    message: "",
-                },
-            };
-            expect(() => (0, generate_component_1.renderComponentIntoMessage)(messageWithUnknownComponent, baseRegistry)).toThrow("Tambo tried to use Component UnknownComponent, but it was not found");
-        });
-        it("successfully finds and renders registered component", () => {
-            const result = (0, generate_component_1.renderComponentIntoMessage)(baseMessage, baseRegistry);
-            expect(result.component?.componentName).toBe("TestComponent");
-            expect(result.renderedComponent).toBeDefined();
-        });
-    });
-    describe("props handling", () => {
-        it("passes props to component from message", () => {
-            const messageWithProps = {
-                ...baseMessage,
-                component: {
-                    componentName: "TestComponent",
-                    props: { title: "Test Title", count: 42 },
-                    componentState: {},
-                    message: "",
-                },
-            };
-            const result = (0, generate_component_1.renderComponentIntoMessage)(messageWithProps, baseRegistry);
-            expect(result.component?.props).toEqual({
-                title: "Test Title",
-                count: 42,
-            });
-        });
-        it("handles empty props object", () => {
-            const messageWithEmptyProps = {
-                ...baseMessage,
-                component: {
-                    componentName: "TestComponent",
-                    props: {},
-                    componentState: {},
-                    message: "",
-                },
-            };
-            const result = (0, generate_component_1.renderComponentIntoMessage)(messageWithEmptyProps, baseRegistry);
-            expect(result.component?.props).toEqual({});
-        });
-        it("handles nested object props", () => {
-            const messageWithNestedProps = {
-                ...baseMessage,
-                component: {
-                    componentName: "TestComponent",
-                    props: {
-                        title: "Nested",
-                        config: { nested: { deeply: { value: 123 } } },
-                    },
-                    componentState: {},
-                    message: "",
-                },
-            };
-            const result = (0, generate_component_1.renderComponentIntoMessage)(messageWithNestedProps, baseRegistry);
-            expect(result.component?.props).toEqual({
-                title: "Nested",
-                config: { nested: { deeply: { value: 123 } } },
-            });
-        });
-        it("handles array props", () => {
-            const messageWithArrayProps = {
-                ...baseMessage,
-                component: {
-                    componentName: "TestComponent",
-                    props: { title: "Array Test", items: [1, 2, 3] },
-                    componentState: {},
-                    message: "",
-                },
-            };
-            const result = (0, generate_component_1.renderComponentIntoMessage)(messageWithArrayProps, baseRegistry);
-            expect(result.component?.props).toEqual({
-                title: "Array Test",
-                items: [1, 2, 3],
-            });
-        });
-    });
-    describe("Standard Schema validation", () => {
-        it("validates props through Standard Schema when present", () => {
-            const mockValidate = jest.fn((data) => ({
-                ...data,
-                validated: true,
-            }));
-            const registryWithStandardSchema = {
-                TestComponent: {
-                    name: "TestComponent",
-                    description: "A test component",
-                    component: TestComponent,
-                    props: createMockStandardSchema(mockValidate),
-                    contextTools: [],
-                },
-            };
-            const result = (0, generate_component_1.renderComponentIntoMessage)(baseMessage, registryWithStandardSchema);
-            expect(mockValidate).toHaveBeenCalled();
-            // Standard Schema validate returns { value: T }, we extract the value
-            expect(result.component?.props).toEqual({
-                title: "Hello",
-                validated: true,
-            });
-        });
-        it("throws error when validation returns issues", () => {
-            const registryWithFailingSchema = {
-                TestComponent: {
-                    name: "TestComponent",
-                    description: "A test component",
-                    component: TestComponent,
-                    props: {
-                        "~standard": {
-                            version: 1,
-                            vendor: "test",
-                            validate: () => ({
-                                issues: [{ message: "title is required", path: ["title"] }],
-                            }),
-                        },
-                    },
-                    contextTools: [],
-                },
-            };
-            expect(() => (0, generate_component_1.renderComponentIntoMessage)(baseMessage, registryWithFailingSchema)).toThrow("Component props validation failed: title is required");
-        });
-        it("throws error when validation returns async promise", () => {
-            const registryWithAsyncSchema = {
-                TestComponent: {
-                    name: "TestComponent",
-                    description: "A test component",
-                    component: TestComponent,
-                    props: {
-                        "~standard": {
-                            version: 1,
-                            vendor: "test",
-                            validate: async () => await Promise.resolve({ value: {} }),
-                        },
-                    },
-                    contextTools: [],
-                },
-            };
-            expect(() => (0, generate_component_1.renderComponentIntoMessage)(baseMessage, registryWithAsyncSchema)).toThrow("Async schema validation is not supported for component props");
-        });
-        it("uses raw props when props is JSON Schema (not Standard Schema)", () => {
-            const jsonSchemaRegistry = {
-                TestComponent: {
-                    name: "TestComponent",
-                    description: "A test component",
-                    component: TestComponent,
-                    props: {
-                        type: "object",
-                        properties: {
-                            title: { type: "string" },
-                        },
-                    },
-                    contextTools: [],
-                },
-            };
-            const result = (0, generate_component_1.renderComponentIntoMessage)(baseMessage, jsonSchemaRegistry);
-            // Should pass through without validation
-            expect(result.component?.props).toEqual({ title: "Hello" });
-        });
-    });
-    describe("message structure", () => {
-        it("preserves original message properties", () => {
-            const result = (0, generate_component_1.renderComponentIntoMessage)(baseMessage, baseRegistry);
-            expect(result.id).toBe("msg-123");
-            expect(result.threadId).toBe("thread-456");
-            expect(result.role).toBe("assistant");
-            expect(result.content).toEqual([
-                { type: "text", text: "Here is your component" },
-            ]);
-            expect(result.createdAt).toBe("2024-01-01T00:00:00Z");
-        });
-        it("includes renderedComponent in result", () => {
-            const result = (0, generate_component_1.renderComponentIntoMessage)(baseMessage, baseRegistry);
-            expect(result.renderedComponent).toBeDefined();
-            expect(react_1.default.isValidElement(result.renderedComponent)).toBe(true);
-        });
-        it("wraps component with TamboMessageProvider", () => {
-            (0, generate_component_1.renderComponentIntoMessage)(baseMessage, baseRegistry);
-            expect(wrapWithTamboMessageProviderSpy).toHaveBeenCalled();
-            // Check that the message passed to the wrapper has the correct structure
-            const callArgs = wrapWithTamboMessageProviderSpy.mock.calls[0];
-            expect(callArgs[1].id).toBe("msg-123");
-        });
-    });
-    describe("edge cases", () => {
-        it("handles special characters in props", () => {
-            const messageWithSpecialChars = {
-                ...baseMessage,
-                component: {
-                    componentName: "TestComponent",
-                    props: { title: "Hello <script>alert('xss')</script>" },
-                    componentState: {},
-                    message: "",
-                },
-            };
-            const result = (0, generate_component_1.renderComponentIntoMessage)(messageWithSpecialChars, baseRegistry);
-            expect(result.component?.props.title).toBe("Hello <script>alert('xss')</script>");
-        });
-        it("handles unicode in props", () => {
-            const messageWithUnicode = {
-                ...baseMessage,
-                component: {
-                    componentName: "TestComponent",
-                    props: { title: "Hello \u4e16\u754c" }, // "Hello 世界"
-                    componentState: {},
-                    message: "",
-                },
-            };
-            const result = (0, generate_component_1.renderComponentIntoMessage)(messageWithUnicode, baseRegistry);
-            expect(result.component?.props.title).toBe("Hello \u4e16\u754c");
-        });
-        it("handles null values in props", () => {
-            const messageWithNullProp = {
-                ...baseMessage,
-                component: {
-                    componentName: "TestComponent",
-                    props: { title: "Test", nullValue: null },
-                    componentState: {},
-                    message: "",
-                },
-            };
-            const result = (0, generate_component_1.renderComponentIntoMessage)(messageWithNullProp, baseRegistry);
-            expect(result.component?.props).toEqual({
-                title: "Test",
-                nullValue: null,
-            });
-        });
-    });
-});
-//# sourceMappingURL=generate-component.test.js.map

package/dist/util/generate-component.test.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"generate-component.test.js","sourceRoot":"","sources":["../../src/util/generate-component.test.tsx"],"names":[],"mappings":"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","sourcesContent":["import TamboAI from \"@tambo-ai/typescript-sdk\";\nimport React from \"react\";\nimport { ComponentRegistry } from \"../model/component-metadata\";\nimport * as useCurrentMessage from \"../hooks/use-current-message\";\nimport { renderComponentIntoMessage } from \"./generate-component\";\n\n// Track calls to wrapWithTamboMessageProvider\nlet wrapWithTamboMessageProviderSpy: jest.SpyInstance;\n\nbeforeEach(() => {\n  wrapWithTamboMessageProviderSpy = jest.spyOn(\n    useCurrentMessage,\n    \"wrapWithTamboMessageProvider\",\n  );\n});\n\nafterEach(() => {\n  wrapWithTamboMessageProviderSpy.mockRestore();\n});\n\n// Simple test component\nconst TestComponent: React.FC<{ title: string; count?: number }> = ({\n  title,\n  count,\n}) => (\n  <div data-testid=\"test-component\">\n    <span>{title}</span>\n    {count !== undefined && <span>{count}</span>}\n  </div>\n);\n\n// Create a mock Standard Schema for testing\nconst createMockStandardSchema = (validate: (data: unknown) => unknown) => ({\n  \"~standard\": {\n    version: 1,\n    vendor: \"test\",\n    validate: (data: unknown) => ({ value: validate(data) }),\n  },\n});\n\ndescribe(\"renderComponentIntoMessage\", () => {\n  const baseMessage = {\n    id: \"msg-123\",\n    threadId: \"thread-456\",\n    role: \"assistant\",\n    content: [{ type: \"text\", text: \"Here is your component\" }],\n    createdAt: \"2024-01-01T00:00:00Z\",\n    componentState: {},\n    component: {\n      componentName: \"TestComponent\",\n      props: { title: \"Hello\" },\n      componentState: {},\n      message: \"\",\n    },\n  } as unknown as TamboAI.Beta.Threads.ThreadMessage;\n\n  const baseRegistry: ComponentRegistry = {\n    TestComponent: {\n      name: \"TestComponent\",\n      description: \"A test component\",\n      component: TestComponent,\n      props: { type: \"object\" }, // JSON Schema\n      contextTools: [],\n    },\n  };\n\n  describe(\"component lookup\", () => {\n    it(\"throws error when component has no componentName\", () => {\n      const messageWithoutComponentName = {\n        ...baseMessage,\n        component: {\n          componentName: \"\",\n          props: {},\n          componentState: {},\n          message: \"\",\n        },\n      };\n\n      expect(() =>\n        renderComponentIntoMessage(messageWithoutComponentName, baseRegistry),\n      ).toThrow(\"Component not found\");\n    });\n\n    it(\"throws error when component is null\", () => {\n      const messageWithNullComponent = {\n        ...baseMessage,\n        component: null as any,\n      };\n\n      expect(() =>\n        renderComponentIntoMessage(messageWithNullComponent, baseRegistry),\n      ).toThrow();\n    });\n\n    it(\"throws error when componentName not in registry\", () => {\n      const messageWithUnknownComponent = {\n        ...baseMessage,\n        component: {\n          componentName: \"UnknownComponent\",\n          props: {},\n          componentState: {},\n          message: \"\",\n        },\n      };\n\n      expect(() =>\n        renderComponentIntoMessage(messageWithUnknownComponent, baseRegistry),\n      ).toThrow(\n        \"Tambo tried to use Component UnknownComponent, but it was not found\",\n      );\n    });\n\n    it(\"successfully finds and renders registered component\", () => {\n      const result = renderComponentIntoMessage(baseMessage, baseRegistry);\n\n      expect(result.component?.componentName).toBe(\"TestComponent\");\n      expect(result.renderedComponent).toBeDefined();\n    });\n  });\n\n  describe(\"props handling\", () => {\n    it(\"passes props to component from message\", () => {\n      const messageWithProps = {\n        ...baseMessage,\n        component: {\n          componentName: \"TestComponent\",\n          props: { title: \"Test Title\", count: 42 },\n          componentState: {},\n          message: \"\",\n        },\n      };\n\n      const result = renderComponentIntoMessage(messageWithProps, baseRegistry);\n\n      expect(result.component?.props).toEqual({\n        title: \"Test Title\",\n        count: 42,\n      });\n    });\n\n    it(\"handles empty props object\", () => {\n      const messageWithEmptyProps = {\n        ...baseMessage,\n        component: {\n          componentName: \"TestComponent\",\n          props: {},\n          componentState: {},\n          message: \"\",\n        },\n      };\n\n      const result = renderComponentIntoMessage(\n        messageWithEmptyProps,\n        baseRegistry,\n      );\n\n      expect(result.component?.props).toEqual({});\n    });\n\n    it(\"handles nested object props\", () => {\n      const messageWithNestedProps = {\n        ...baseMessage,\n        component: {\n          componentName: \"TestComponent\",\n          props: {\n            title: \"Nested\",\n            config: { nested: { deeply: { value: 123 } } },\n          },\n          componentState: {},\n          message: \"\",\n        },\n      };\n\n      const result = renderComponentIntoMessage(\n        messageWithNestedProps,\n        baseRegistry,\n      );\n\n      expect(result.component?.props).toEqual({\n        title: \"Nested\",\n        config: { nested: { deeply: { value: 123 } } },\n      });\n    });\n\n    it(\"handles array props\", () => {\n      const messageWithArrayProps = {\n        ...baseMessage,\n        component: {\n          componentName: \"TestComponent\",\n          props: { title: \"Array Test\", items: [1, 2, 3] },\n          componentState: {},\n          message: \"\",\n        },\n      };\n\n      const result = renderComponentIntoMessage(\n        messageWithArrayProps,\n        baseRegistry,\n      );\n\n      expect(result.component?.props).toEqual({\n        title: \"Array Test\",\n        items: [1, 2, 3],\n      });\n    });\n  });\n\n  describe(\"Standard Schema validation\", () => {\n    it(\"validates props through Standard Schema when present\", () => {\n      const mockValidate = jest.fn((data) => ({\n        ...data,\n        validated: true,\n      }));\n\n      const registryWithStandardSchema: ComponentRegistry = {\n        TestComponent: {\n          name: \"TestComponent\",\n          description: \"A test component\",\n          component: TestComponent,\n          props: createMockStandardSchema(mockValidate),\n          contextTools: [],\n        },\n      };\n\n      const result = renderComponentIntoMessage(\n        baseMessage,\n        registryWithStandardSchema,\n      );\n\n      expect(mockValidate).toHaveBeenCalled();\n      // Standard Schema validate returns { value: T }, we extract the value\n      expect(result.component?.props).toEqual({\n        title: \"Hello\",\n        validated: true,\n      });\n    });\n\n    it(\"throws error when validation returns issues\", () => {\n      const registryWithFailingSchema: ComponentRegistry = {\n        TestComponent: {\n          name: \"TestComponent\",\n          description: \"A test component\",\n          component: TestComponent,\n          props: {\n            \"~standard\": {\n              version: 1,\n              vendor: \"test\",\n              validate: () => ({\n                issues: [{ message: \"title is required\", path: [\"title\"] }],\n              }),\n            },\n          },\n          contextTools: [],\n        },\n      };\n\n      expect(() =>\n        renderComponentIntoMessage(baseMessage, registryWithFailingSchema),\n      ).toThrow(\"Component props validation failed: title is required\");\n    });\n\n    it(\"throws error when validation returns async promise\", () => {\n      const registryWithAsyncSchema: ComponentRegistry = {\n        TestComponent: {\n          name: \"TestComponent\",\n          description: \"A test component\",\n          component: TestComponent,\n          props: {\n            \"~standard\": {\n              version: 1,\n              vendor: \"test\",\n              validate: async () => await Promise.resolve({ value: {} }),\n            },\n          },\n          contextTools: [],\n        },\n      };\n\n      expect(() =>\n        renderComponentIntoMessage(baseMessage, registryWithAsyncSchema),\n      ).toThrow(\"Async schema validation is not supported for component props\");\n    });\n\n    it(\"uses raw props when props is JSON Schema (not Standard Schema)\", () => {\n      const jsonSchemaRegistry: ComponentRegistry = {\n        TestComponent: {\n          name: \"TestComponent\",\n          description: \"A test component\",\n          component: TestComponent,\n          props: {\n            type: \"object\",\n            properties: {\n              title: { type: \"string\" },\n            },\n          },\n          contextTools: [],\n        },\n      };\n\n      const result = renderComponentIntoMessage(\n        baseMessage,\n        jsonSchemaRegistry,\n      );\n\n      // Should pass through without validation\n      expect(result.component?.props).toEqual({ title: \"Hello\" });\n    });\n  });\n\n  describe(\"message structure\", () => {\n    it(\"preserves original message properties\", () => {\n      const result = renderComponentIntoMessage(baseMessage, baseRegistry);\n\n      expect(result.id).toBe(\"msg-123\");\n      expect(result.threadId).toBe(\"thread-456\");\n      expect(result.role).toBe(\"assistant\");\n      expect(result.content).toEqual([\n        { type: \"text\", text: \"Here is your component\" },\n      ]);\n      expect(result.createdAt).toBe(\"2024-01-01T00:00:00Z\");\n    });\n\n    it(\"includes renderedComponent in result\", () => {\n      const result = renderComponentIntoMessage(baseMessage, baseRegistry);\n\n      expect(result.renderedComponent).toBeDefined();\n      expect(React.isValidElement(result.renderedComponent)).toBe(true);\n    });\n\n    it(\"wraps component with TamboMessageProvider\", () => {\n      renderComponentIntoMessage(baseMessage, baseRegistry);\n\n      expect(wrapWithTamboMessageProviderSpy).toHaveBeenCalled();\n      // Check that the message passed to the wrapper has the correct structure\n      const callArgs = wrapWithTamboMessageProviderSpy.mock.calls[0];\n      expect(callArgs[1].id).toBe(\"msg-123\");\n    });\n  });\n\n  describe(\"edge cases\", () => {\n    it(\"handles special characters in props\", () => {\n      const messageWithSpecialChars = {\n        ...baseMessage,\n        component: {\n          componentName: \"TestComponent\",\n          props: { title: \"Hello <script>alert('xss')</script>\" },\n          componentState: {},\n          message: \"\",\n        },\n      };\n\n      const result = renderComponentIntoMessage(\n        messageWithSpecialChars,\n        baseRegistry,\n      );\n\n      expect(result.component?.props.title).toBe(\n        \"Hello <script>alert('xss')</script>\",\n      );\n    });\n\n    it(\"handles unicode in props\", () => {\n      const messageWithUnicode = {\n        ...baseMessage,\n        component: {\n          componentName: \"TestComponent\",\n          props: { title: \"Hello \\u4e16\\u754c\" }, // \"Hello 世界\"\n          componentState: {},\n          message: \"\",\n        },\n      };\n\n      const result = renderComponentIntoMessage(\n        messageWithUnicode,\n        baseRegistry,\n      );\n\n      expect(result.component?.props.title).toBe(\"Hello \\u4e16\\u754c\");\n    });\n\n    it(\"handles null values in props\", () => {\n      const messageWithNullProp = {\n        ...baseMessage,\n        component: {\n          componentName: \"TestComponent\",\n          props: { title: \"Test\", nullValue: null },\n          componentState: {},\n          message: \"\",\n        },\n      };\n\n      const result = renderComponentIntoMessage(\n        messageWithNullProp,\n        baseRegistry,\n      );\n\n      expect(result.component?.props).toEqual({\n        title: \"Test\",\n        nullValue: null,\n      });\n    });\n  });\n});\n"]}

package/esm/hooks/index.d.ts

@@ -1,9 +0,0 @@
-export * from "./react-query-hooks.js";
-export { useTamboComponentState } from "./use-component-state.js";
-export { useTamboCurrentComponent, useTamboCurrentMessage, type TamboCurrentComponent, } from "./use-current-message.js";
-export { useTamboStreamingProps } from "./use-streaming-props.js";
-export * from "./use-suggestions.js";
-export { useTamboStreamStatus, type PropStatus, type StreamStatus, } from "./use-tambo-stream-status.js";
-export { useTamboThreadList } from "./use-tambo-threads.js";
-export { useTamboVoice } from "./use-tambo-voice.js";
-//# sourceMappingURL=index.d.ts.map

package/esm/hooks/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/hooks/index.ts"],"names":[],"mappings":"AACA,cAAc,qBAAqB,CAAC;AACpC,OAAO,EAAE,sBAAsB,EAAE,MAAM,uBAAuB,CAAC;AAC/D,OAAO,EACL,wBAAwB,EACxB,sBAAsB,EACtB,KAAK,qBAAqB,GAC3B,MAAM,uBAAuB,CAAC;AAC/B,OAAO,EAAE,sBAAsB,EAAE,MAAM,uBAAuB,CAAC;AAC/D,cAAc,mBAAmB,CAAC;AAClC,OAAO,EACL,oBAAoB,EACpB,KAAK,UAAU,EACf,KAAK,YAAY,GAClB,MAAM,2BAA2B,CAAC;AACnC,OAAO,EAAE,kBAAkB,EAAE,MAAM,qBAAqB,CAAC;AACzD,OAAO,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAC"}

package/esm/hooks/index.js

@@ -1,10 +0,0 @@
-// Export all hooks from this directory
-export * from "./react-query-hooks.js";
-export { useTamboComponentState } from "./use-component-state.js";
-export { useTamboCurrentComponent, useTamboCurrentMessage, } from "./use-current-message.js";
-export { useTamboStreamingProps } from "./use-streaming-props.js";
-export * from "./use-suggestions.js";
-export { useTamboStreamStatus, } from "./use-tambo-stream-status.js";
-export { useTamboThreadList } from "./use-tambo-threads.js";
-export { useTamboVoice } from "./use-tambo-voice.js";
-//# sourceMappingURL=index.js.map

package/esm/hooks/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/hooks/index.ts"],"names":[],"mappings":"AAAA,uCAAuC;AACvC,cAAc,qBAAqB,CAAC;AACpC,OAAO,EAAE,sBAAsB,EAAE,MAAM,uBAAuB,CAAC;AAC/D,OAAO,EACL,wBAAwB,EACxB,sBAAsB,GAEvB,MAAM,uBAAuB,CAAC;AAC/B,OAAO,EAAE,sBAAsB,EAAE,MAAM,uBAAuB,CAAC;AAC/D,cAAc,mBAAmB,CAAC;AAClC,OAAO,EACL,oBAAoB,GAGrB,MAAM,2BAA2B,CAAC;AACnC,OAAO,EAAE,kBAAkB,EAAE,MAAM,qBAAqB,CAAC;AACzD,OAAO,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAC","sourcesContent":["// Export all hooks from this directory\nexport * from \"./react-query-hooks\";\nexport { useTamboComponentState } from \"./use-component-state\";\nexport {\n  useTamboCurrentComponent,\n  useTamboCurrentMessage,\n  type TamboCurrentComponent,\n} from \"./use-current-message\";\nexport { useTamboStreamingProps } from \"./use-streaming-props\";\nexport * from \"./use-suggestions\";\nexport {\n  useTamboStreamStatus,\n  type PropStatus,\n  type StreamStatus,\n} from \"./use-tambo-stream-status\";\nexport { useTamboThreadList } from \"./use-tambo-threads\";\nexport { useTamboVoice } from \"./use-tambo-voice\";\n"]}

package/esm/hooks/use-component-state.d.ts

@@ -1,30 +0,0 @@
-type StateUpdateResult<T> = [currentState: T, setState: (newState: T) => void];
-/**
- * A React hook that acts like useState, but also automatically updates the thread message's componentState.
- * If used within an interactable component (wrapped with withTamboInteractable), it updates the
- * interactable provider's global state (sent to Tambo on every request) instead of the remote thread message state.
- * For generated components, it updates both the local and remote thread message's componentState.
- *
- * Benefits: Passes user changes to AI, and when threads are returned, state is preserved.
- * Works in both generative and interactable component contexts.
- * @param keyName - The unique key to identify this state value within the message's componentState object
- * @param initialValue - Optional initial value for the state, used if no componentState value exists in the Tambo message containing this hook usage.
- * @param setFromProp - Optional value used to set the state value, only while no componentState value exists in the Tambo message containing this hook usage. Use this to allow streaming updates from a prop to the state value.
- * @param debounceTime - Optional debounce time in milliseconds (default: 500ms) to limit API calls.
- * @returns A tuple of [currentState, setState] similar to React's useState
- * @example
- * ```tsx
- * const [count, setCount] = useTamboComponentState("counter", 0);
- * ```
- *
- * Use `setFromProp` to seed state from streamed props. During streaming,
- * state updates as new prop values arrive. Once streaming completes,
- * user edits take precedence over the original prop value.
- *
- * Pair with `useTamboStreamStatus` to disable inputs while streaming.
- * @see {@link https://docs.tambo.co/concepts/generative-interfaces/component-state}
- */
-export declare function useTamboComponentState<S = undefined>(keyName: string, initialValue?: S, setFromProp?: S, debounceTime?: number): StateUpdateResult<S | undefined>;
-export declare function useTamboComponentState<S>(keyName: string, initialValue: S, setFromProp?: S, debounceTime?: number): StateUpdateResult<S>;
-export {};
-//# sourceMappingURL=use-component-state.d.ts.map

package/esm/hooks/use-component-state.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"use-component-state.d.ts","sourceRoot":"","sources":["../../src/hooks/use-component-state.tsx"],"names":[],"mappings":"AAQA,KAAK,iBAAiB,CAAC,CAAC,IAAI,CAAC,YAAY,EAAE,CAAC,EAAE,QAAQ,EAAE,CAAC,QAAQ,EAAE,CAAC,KAAK,IAAI,CAAC,CAAC;AAE/E;;;;;;;;;;;;;;;;;;;;;;;;GAwBG;AACH,wBAAgB,sBAAsB,CAAC,CAAC,GAAG,SAAS,EAClD,OAAO,EAAE,MAAM,EACf,YAAY,CAAC,EAAE,CAAC,EAChB,WAAW,CAAC,EAAE,CAAC,EACf,YAAY,CAAC,EAAE,MAAM,GACpB,iBAAiB,CAAC,CAAC,GAAG,SAAS,CAAC,CAAC;AACpC,wBAAgB,sBAAsB,CAAC,CAAC,EACtC,OAAO,EAAE,MAAM,EACf,YAAY,EAAE,CAAC,EACf,WAAW,CAAC,EAAE,CAAC,EACf,YAAY,CAAC,EAAE,MAAM,GACpB,iBAAiB,CAAC,CAAC,CAAC,CAAC"}

package/esm/hooks/use-component-state.js

@@ -1,136 +0,0 @@
-"use client";
-import { deepEqual } from "fast-equals";
-import { useCallback, useContext, useEffect, useState } from "react";
-import { useDebouncedCallback } from "use-debounce";
-import { useTamboClient, useTamboThread } from "../index.js";
-import { useTamboInteractable } from "../providers/tambo-interactable-provider.js";
-import { TamboMessageContext } from "./use-current-message.js";
-export function useTamboComponentState(keyName, initialValue, setFromProp, debounceTime = 500) {
-    const message = useContext(TamboMessageContext);
-    const { updateThreadMessage } = useTamboThread();
-    const client = useTamboClient();
-    const componentId = message?.interactableMetadata?.id ?? null;
-    const { setInteractableState, getInteractableComponentState } = useTamboInteractable();
-    const messageState = message?.componentState?.[keyName];
-    const interactableState = componentId
-        ? getInteractableComponentState(componentId)?.[keyName]
-        : undefined;
-    const initialState = interactableState ?? messageState ?? initialValue;
-    const [localState, setLocalState] = useState(initialState);
-    const [initializedFromThreadMessage, setInitializedFromThreadMessage] = useState(messageState ? true : false);
-    // Optimistically update the local thread message's componentState
-    const updateLocalThreadMessage = useCallback(async (newState, existingMessage) => {
-        if (!existingMessage) {
-            return;
-        }
-        const updatedMessage = {
-            threadId: existingMessage.threadId,
-            componentState: {
-                ...existingMessage.componentState,
-                [keyName]: newState,
-            },
-        };
-        await updateThreadMessage(existingMessage.id, updatedMessage, false);
-    }, [updateThreadMessage, keyName]);
-    // Debounced callback to update the remote thread message's componentState
-    const updateRemoteThreadMessage = useDebouncedCallback(async (newState, existingMessage) => {
-        if (!existingMessage) {
-            return;
-        }
-        await client.beta.threads.messages.updateComponentState(existingMessage.id, {
-            id: existingMessage.threadId,
-            state: { [keyName]: newState },
-        });
-    }, debounceTime);
-    const setValue = useCallback((newState) => {
-        setLocalState(newState);
-        if (componentId) {
-            // For interactable components, update the interactable provider's state
-            setInteractableState(componentId, keyName, newState);
-        }
-        else if (message) {
-            // For generated components, update both local and remote thread message state
-            void updateLocalThreadMessage(newState, message);
-            void updateRemoteThreadMessage(newState, message);
-        }
-    }, [
-        message,
-        updateLocalThreadMessage,
-        updateRemoteThreadMessage,
-        setInteractableState,
-        componentId,
-        keyName,
-    ]);
-    const existingInteractableState = componentId
-        ? getInteractableComponentState(componentId)?.[keyName]
-        : undefined;
-    const shouldUpdateInteractableInitial = !!componentId &&
-        existingInteractableState === undefined &&
-        initialValue !== undefined;
-    // Set initial value in interactable state if we're in an interactable context and there's no existing state
-    useEffect(() => {
-        if (!shouldUpdateInteractableInitial) {
-            return;
-        }
-        setInteractableState(componentId, keyName, initialValue);
-    }, [
-        shouldUpdateInteractableInitial,
-        componentId,
-        keyName,
-        initialValue,
-        setInteractableState,
-    ]);
-    const shouldSyncFromMessage = !!message && messageState !== undefined && messageState !== null;
-    // Mirror the thread message's componentState value to the local state and interactable state
-    useEffect(() => {
-        if (!shouldSyncFromMessage) {
-            return;
-        }
-        setInitializedFromThreadMessage(true);
-        const stateValue = messageState;
-        setLocalState(stateValue);
-        if (componentId) {
-            setInteractableState(componentId, keyName, stateValue);
-        }
-    }, [
-        shouldSyncFromMessage,
-        messageState,
-        keyName,
-        setInteractableState,
-        componentId,
-    ]);
-    // Sync from interactable provider to local state when state changes externally (e.g., from Tambo tool call)
-    useEffect(() => {
-        if (!componentId)
-            return;
-        // only update if different
-        setLocalState((prev) => deepEqual(prev, interactableState) ? prev : interactableState);
-    }, [componentId, interactableState]);
-    // For editable fields that are set from a prop to allow streaming updates, don't overwrite a fetched state value set from the thread message with prop value on initial load.
-    useEffect(() => {
-        if (setFromProp !== undefined && !initializedFromThreadMessage) {
-            setLocalState(setFromProp);
-        }
-    }, [setFromProp, initializedFromThreadMessage]);
-    // Ensure pending changes are flushed on unmount (only for generated components)
-    useEffect(() => {
-        // Only flush remote updates for generated components, not interactable components
-        if (componentId) {
-            return;
-        }
-        return () => {
-            async function flushUpdates() {
-                try {
-                    await updateRemoteThreadMessage.flush();
-                }
-                catch (error) {
-                    console.error("Failed to flush pending thread message updates:", error);
-                }
-            }
-            // Fire-and-forget cleanup (errors handled inside)
-            void flushUpdates();
-        };
-    }, [updateRemoteThreadMessage, componentId]);
-    return [localState, setValue];
-}
-//# sourceMappingURL=use-component-state.js.map

package/esm/hooks/use-component-state.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"use-component-state.js","sourceRoot":"","sources":["../../src/hooks/use-component-state.tsx"],"names":[],"mappings":"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","sourcesContent":["\"use client\";\nimport { deepEqual } from \"fast-equals\";\nimport { useCallback, useContext, useEffect, useState } from \"react\";\nimport { useDebouncedCallback } from \"use-debounce\";\nimport { TamboThreadMessage, useTamboClient, useTamboThread } from \"..\";\nimport { useTamboInteractable } from \"../providers/tambo-interactable-provider\";\nimport { TamboMessageContext } from \"./use-current-message\";\n\ntype StateUpdateResult<T> = [currentState: T, setState: (newState: T) => void];\n\n/**\n * A React hook that acts like useState, but also automatically updates the thread message's componentState.\n * If used within an interactable component (wrapped with withTamboInteractable), it updates the\n * interactable provider's global state (sent to Tambo on every request) instead of the remote thread message state.\n * For generated components, it updates both the local and remote thread message's componentState.\n *\n * Benefits: Passes user changes to AI, and when threads are returned, state is preserved.\n * Works in both generative and interactable component contexts.\n * @param keyName - The unique key to identify this state value within the message's componentState object\n * @param initialValue - Optional initial value for the state, used if no componentState value exists in the Tambo message containing this hook usage.\n * @param setFromProp - Optional value used to set the state value, only while no componentState value exists in the Tambo message containing this hook usage. Use this to allow streaming updates from a prop to the state value.\n * @param debounceTime - Optional debounce time in milliseconds (default: 500ms) to limit API calls.\n * @returns A tuple of [currentState, setState] similar to React's useState\n * @example\n * ```tsx\n * const [count, setCount] = useTamboComponentState(\"counter\", 0);\n * ```\n *\n * Use `setFromProp` to seed state from streamed props. During streaming,\n * state updates as new prop values arrive. Once streaming completes,\n * user edits take precedence over the original prop value.\n *\n * Pair with `useTamboStreamStatus` to disable inputs while streaming.\n * @see {@link https://docs.tambo.co/concepts/generative-interfaces/component-state}\n */\nexport function useTamboComponentState<S = undefined>(\n  keyName: string,\n  initialValue?: S,\n  setFromProp?: S,\n  debounceTime?: number,\n): StateUpdateResult<S | undefined>;\nexport function useTamboComponentState<S>(\n  keyName: string,\n  initialValue: S,\n  setFromProp?: S,\n  debounceTime?: number,\n): StateUpdateResult<S>;\nexport function useTamboComponentState<S>(\n  keyName: string,\n  initialValue?: S,\n  setFromProp?: S,\n  debounceTime = 500,\n): StateUpdateResult<S> {\n  const message = useContext(TamboMessageContext);\n  const { updateThreadMessage } = useTamboThread();\n  const client = useTamboClient();\n  const componentId = message?.interactableMetadata?.id ?? null;\n  const { setInteractableState, getInteractableComponentState } =\n    useTamboInteractable();\n  const messageState = message?.componentState?.[keyName];\n  const interactableState = componentId\n    ? getInteractableComponentState(componentId)?.[keyName]\n    : undefined;\n  const initialState =\n    (interactableState as S) ?? (messageState as S) ?? initialValue;\n  const [localState, setLocalState] = useState<S | undefined>(initialState);\n  const [initializedFromThreadMessage, setInitializedFromThreadMessage] =\n    useState(messageState ? true : false);\n\n  // Optimistically update the local thread message's componentState\n  const updateLocalThreadMessage = useCallback(\n    async (newState: S, existingMessage: TamboThreadMessage | null) => {\n      if (!existingMessage) {\n        return;\n      }\n      const updatedMessage = {\n        threadId: existingMessage.threadId,\n        componentState: {\n          ...existingMessage.componentState,\n          [keyName]: newState,\n        },\n      };\n      await updateThreadMessage(existingMessage.id, updatedMessage, false);\n    },\n    [updateThreadMessage, keyName],\n  );\n\n  // Debounced callback to update the remote thread message's componentState\n  const updateRemoteThreadMessage = useDebouncedCallback(\n    async (newState: S, existingMessage: TamboThreadMessage | null) => {\n      if (!existingMessage) {\n        return;\n      }\n      await client.beta.threads.messages.updateComponentState(\n        existingMessage.id,\n        {\n          id: existingMessage.threadId,\n          state: { [keyName]: newState },\n        },\n      );\n    },\n    debounceTime,\n  );\n\n  const setValue = useCallback(\n    (newState: S) => {\n      setLocalState(newState);\n      if (componentId) {\n        // For interactable components, update the interactable provider's state\n        setInteractableState(componentId, keyName, newState);\n      } else if (message) {\n        // For generated components, update both local and remote thread message state\n        void updateLocalThreadMessage(newState, message);\n        void updateRemoteThreadMessage(newState, message);\n      }\n    },\n    [\n      message,\n      updateLocalThreadMessage,\n      updateRemoteThreadMessage,\n      setInteractableState,\n      componentId,\n      keyName,\n    ],\n  );\n\n  const existingInteractableState = componentId\n    ? getInteractableComponentState(componentId)?.[keyName]\n    : undefined;\n  const shouldUpdateInteractableInitial =\n    !!componentId &&\n    existingInteractableState === undefined &&\n    initialValue !== undefined;\n\n  // Set initial value in interactable state if we're in an interactable context and there's no existing state\n  useEffect(() => {\n    if (!shouldUpdateInteractableInitial) {\n      return;\n    }\n    setInteractableState(componentId, keyName, initialValue!);\n  }, [\n    shouldUpdateInteractableInitial,\n    componentId,\n    keyName,\n    initialValue,\n    setInteractableState,\n  ]);\n\n  const shouldSyncFromMessage =\n    !!message && messageState !== undefined && messageState !== null;\n\n  // Mirror the thread message's componentState value to the local state and interactable state\n  useEffect(() => {\n    if (!shouldSyncFromMessage) {\n      return;\n    }\n    setInitializedFromThreadMessage(true);\n    const stateValue = messageState as S;\n    setLocalState(stateValue);\n    if (componentId) {\n      setInteractableState(componentId, keyName, stateValue);\n    }\n  }, [\n    shouldSyncFromMessage,\n    messageState,\n    keyName,\n    setInteractableState,\n    componentId,\n  ]);\n\n  // Sync from interactable provider to local state when state changes externally (e.g., from Tambo tool call)\n  useEffect(() => {\n    if (!componentId) return;\n    // only update if different\n    setLocalState((prev) =>\n      deepEqual(prev, interactableState) ? prev : (interactableState as S),\n    );\n  }, [componentId, interactableState]);\n\n  // For editable fields that are set from a prop to allow streaming updates, don't overwrite a fetched state value set from the thread message with prop value on initial load.\n  useEffect(() => {\n    if (setFromProp !== undefined && !initializedFromThreadMessage) {\n      setLocalState(setFromProp as S);\n    }\n  }, [setFromProp, initializedFromThreadMessage]);\n\n  // Ensure pending changes are flushed on unmount (only for generated components)\n  useEffect(() => {\n    // Only flush remote updates for generated components, not interactable components\n    if (componentId) {\n      return;\n    }\n    return () => {\n      async function flushUpdates() {\n        try {\n          await updateRemoteThreadMessage.flush();\n        } catch (error) {\n          console.error(\n            \"Failed to flush pending thread message updates:\",\n            error,\n          );\n        }\n      }\n      // Fire-and-forget cleanup (errors handled inside)\n      void flushUpdates();\n    };\n  }, [updateRemoteThreadMessage, componentId]);\n\n  return [localState as S, setValue];\n}\n"]}

package/esm/hooks/use-component-state.test.d.ts

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

package/esm/hooks/use-component-state.test.d.ts.map

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