@tambo-ai/react 0.74.1 → 0.75.0

package/esm/hoc/with-tambo-interactable.js

@@ -2,6 +2,7 @@
 import React, { useCallback, useEffect, useRef, useState } from "react";
 import { TamboMessageProvider } from "../hooks/use-current-message.js";
 import { useTamboInteractable } from "../providers/tambo-interactable-provider.js";
+import { V1ComponentContentProvider } from "../v1/utils/component-renderer.js";
 /**
  * Higher-Order Component that makes any component interactable by tambo.
  * @param WrappedComponent - The component to make interactable
@@ -62,6 +63,7 @@ export function withTamboInteractable(WrappedComponent, config) {
                     props: componentProps,
                     propsSchema: config.propsSchema,
                     stateSchema: config.stateSchema,
+                    annotations: config.annotations,
                 });
                 setInteractableId(id);
                 onInteractableReady?.(id);
@@ -110,13 +112,14 @@ export function withTamboInteractable(WrappedComponent, config) {
             },
             componentState: {},
         };
-        // Wrap with TamboMessageProvider including interactable metadata
+        // Wrap with TamboMessageProvider and V1ComponentContentProvider including interactable metadata
         return (React.createElement(TamboMessageProvider, { message: minimalMessage, interactableMetadata: {
                 id: interactableId,
                 componentName: config.componentName,
                 description: config.description,
             } },
-            React.createElement(WrappedComponent, { ...effectiveProps })));
+            React.createElement(V1ComponentContentProvider, { componentId: interactableId, threadId: "", messageId: "", componentName: config.componentName },
+                React.createElement(WrappedComponent, { ...effectiveProps }))));
     };
     TamboInteractableWrapper.displayName = `withTamboInteractable(${displayName})`;
     return TamboInteractableWrapper;

package/esm/hoc/with-tambo-interactable.js.map

@@ -1 +1 @@
-{"version":3,"file":"with-tambo-interactable.js","sourceRoot":"","sources":["../../src/hoc/with-tambo-interactable.tsx"],"names":[],"mappings":"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","sourcesContent":["\"use client\";\nimport React, { useCallback, useEffect, useRef, useState } from \"react\";\nimport { TamboMessageProvider } from \"../hooks/use-current-message\";\nimport { TamboThreadMessage } from \"../model/generate-component-response\";\nimport { useTamboInteractable } from \"../providers/tambo-interactable-provider\";\nimport { SupportedSchema } from \"../schema\";\n\nexport interface InteractableConfig<\n  Props = Record<string, unknown>,\n  State = Record<string, unknown>,\n> {\n  /**\n   * The name of the component, used for identification in Tambo.\n   */\n  componentName: string;\n  /**\n   * A brief description of the component's purpose and functionality. LLM will\n   * use this to understand how to interact with it.\n   */\n  description: string;\n  /**\n   * Optional schema for component props. If provided, prop updates will be\n   * validated against this schema.\n   */\n  propsSchema?: SupportedSchema<Props>;\n  /**\n   * Optional schema for component state. If provided, state updates will be\n   * validated against this schema.\n   */\n  stateSchema?: SupportedSchema<State>;\n}\n\n/**\n * Props injected by withTamboInteractable HOC. These can be passed to the wrapped\n * component to customize interactable behavior.\n */\nexport interface WithTamboInteractableProps {\n  /**\n   * Optional ID to use for this interactable component instance.\n   * If not provided, a unique ID will be generated automatically.\n   */\n  interactableId?: string;\n  /**\n   * Callback fired when the component has been registered as interactable.\n   * @param id - The assigned interactable component ID\n   */\n  onInteractableReady?: (id: string) => void;\n  /**\n   * Callback fired when the component's serializable props are updated by Tambo\n   * through a tool call. Note: Only serializable props are tracked.\n   * @param newProps - The updated serializable props\n   */\n  onPropsUpdate?: (newProps: Record<string, unknown>) => void;\n}\n\n/**\n * Higher-Order Component that makes any component interactable by tambo.\n * @param WrappedComponent - The component to make interactable\n * @param config - Configuration for the interactable component\n * @returns A new component that is automatically registered as interactable\n * @example\n * ```tsx\n * const MyNote: React.FC<{ title: string; content: string }> = ({ title, content }) => {\n *   const [isPinned, setIsPinned] = useTamboComponentState(\"isPinned\", false);\n *   return (\n *     <div style={{ border: isPinned ? \"2px solid gold\" : \"1px solid gray\", order: isPinned ? -1 : 0 }}>\n *       <h2>{title}</h2>\n *       <p>{content}</p>\n *     </div>\n *   );\n * };\n *\n * const MyInteractableNote = withTamboInteractable(MyNote, {\n *   componentName: \"MyNote\",\n *   description: \"A note component\",\n *   propsSchema: z.object({\n *     title: z.string(),\n *     content: z.string(),\n *   }),\n *  stateSchema: z.object({\n *    isPinned: z.boolean(),\n *  }),\n * });\n *\n * // Usage\n * <MyInteractableNote title=\"My Note\" content=\"This is my note\" />\n * ```\n */\nexport function withTamboInteractable<ComponentProps extends object>(\n  WrappedComponent: React.ComponentType<ComponentProps>,\n  config: InteractableConfig,\n) {\n  const displayName =\n    WrappedComponent.displayName ?? WrappedComponent.name ?? \"Component\";\n\n  const TamboInteractableWrapper: React.FC<\n    ComponentProps & WithTamboInteractableProps\n  > = (props) => {\n    const {\n      addInteractableComponent,\n      updateInteractableComponentProps,\n      getInteractableComponent,\n    } = useTamboInteractable();\n\n    const [interactableId, setInteractableId] = useState<string | null>(null);\n    const isInitialized = useRef(false);\n    const lastSerializedProps = useRef<Record<string, unknown>>({});\n\n    // Extract interactable-specific props from component props\n    const {\n      interactableId: _providedId, // Reserved for future use\n      onInteractableReady,\n      onPropsUpdate,\n      ...componentProps\n    } = props;\n\n    // Get the current interactable component to track prop updates\n    const currentInteractable = interactableId\n      ? getInteractableComponent(interactableId)\n      : null;\n\n    // Use the props from the interactable component if available, otherwise use the passed props\n    // We need to be careful not to create a loop, so we only use stored props if they're different from passed props\n    const effectiveProps = currentInteractable?.props ?? componentProps;\n\n    // Memoize the registration function\n    const registerComponent = useCallback(() => {\n      if (!isInitialized.current) {\n        const id = addInteractableComponent({\n          name: config.componentName,\n          description: config.description,\n          component: WrappedComponent,\n          props: componentProps,\n          propsSchema: config.propsSchema,\n          stateSchema: config.stateSchema,\n        });\n\n        setInteractableId(id);\n        onInteractableReady?.(id);\n        isInitialized.current = true;\n      }\n    }, [addInteractableComponent, componentProps, onInteractableReady]);\n\n    // Register the component as interactable on mount (only once)\n    useEffect(() => {\n      registerComponent();\n    }, [registerComponent]);\n\n    // Update the interactable component when props change from parent\n    useEffect(() => {\n      if (interactableId && isInitialized.current) {\n        // Only update if the props are different from what we last sent\n        const lastPropsString = JSON.stringify(lastSerializedProps.current);\n        const currentPropsString = JSON.stringify(componentProps);\n\n        if (lastPropsString !== currentPropsString) {\n          updateInteractableComponentProps(interactableId, componentProps);\n          onPropsUpdate?.(componentProps);\n          lastSerializedProps.current = componentProps;\n        }\n      }\n    }, [\n      interactableId,\n      componentProps,\n      updateInteractableComponentProps,\n      onPropsUpdate,\n    ]);\n\n    // If the interactable ID is not yet set, render the component without provider\n    if (!interactableId) {\n      return <WrappedComponent {...(effectiveProps as ComponentProps)} />;\n    }\n\n    // Create a minimal message with interactable metadata\n    // This allows useTamboCurrentComponent to work with standalone interactable components\n    const minimalMessage: TamboThreadMessage = {\n      id: interactableId,\n      role: \"assistant\" as const,\n      content: [],\n      threadId: \"\",\n      createdAt: new Date().toISOString(),\n      component: {\n        componentName: config.componentName,\n        componentState: {},\n        message: \"\",\n        props: effectiveProps,\n      },\n      componentState: {},\n    };\n\n    // Wrap with TamboMessageProvider including interactable metadata\n    return (\n      <TamboMessageProvider\n        message={minimalMessage}\n        interactableMetadata={{\n          id: interactableId,\n          componentName: config.componentName,\n          description: config.description,\n        }}\n      >\n        <WrappedComponent {...(effectiveProps as ComponentProps)} />\n      </TamboMessageProvider>\n    );\n  };\n\n  TamboInteractableWrapper.displayName = `withTamboInteractable(${displayName})`;\n\n  return TamboInteractableWrapper;\n}\n"]}
+{"version":3,"file":"with-tambo-interactable.js","sourceRoot":"","sources":["../../src/hoc/with-tambo-interactable.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;AACb,OAAO,KAAK,EAAE,EAAE,WAAW,EAAE,SAAS,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACxE,OAAO,EAAE,oBAAoB,EAAE,MAAM,8BAA8B,CAAC;AAGpE,OAAO,EAAE,oBAAoB,EAAE,MAAM,0CAA0C,CAAC;AAEhF,OAAO,EAAE,0BAA0B,EAAE,MAAM,gCAAgC,CAAC;AAyD5E;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAgCG;AACH,MAAM,UAAU,qBAAqB,CACnC,gBAAqD,EACrD,MAA0B;IAE1B,MAAM,WAAW,GACf,gBAAgB,CAAC,WAAW,IAAI,gBAAgB,CAAC,IAAI,IAAI,WAAW,CAAC;IAEvE,MAAM,wBAAwB,GAE1B,CAAC,KAAK,EAAE,EAAE;QACZ,MAAM,EACJ,wBAAwB,EACxB,gCAAgC,EAChC,wBAAwB,GACzB,GAAG,oBAAoB,EAAE,CAAC;QAE3B,MAAM,CAAC,cAAc,EAAE,iBAAiB,CAAC,GAAG,QAAQ,CAAgB,IAAI,CAAC,CAAC;QAC1E,MAAM,aAAa,GAAG,MAAM,CAAC,KAAK,CAAC,CAAC;QACpC,MAAM,mBAAmB,GAAG,MAAM,CAA0B,EAAE,CAAC,CAAC;QAEhE,2DAA2D;QAC3D,MAAM,EACJ,cAAc,EAAE,WAAW,EAAE,0BAA0B;QACvD,mBAAmB,EACnB,aAAa,EACb,GAAG,cAAc,EAClB,GAAG,KAAK,CAAC;QAEV,+DAA+D;QAC/D,MAAM,mBAAmB,GAAG,cAAc;YACxC,CAAC,CAAC,wBAAwB,CAAC,cAAc,CAAC;YAC1C,CAAC,CAAC,IAAI,CAAC;QAET,6FAA6F;QAC7F,iHAAiH;QACjH,MAAM,cAAc,GAAG,mBAAmB,EAAE,KAAK,IAAI,cAAc,CAAC;QAEpE,oCAAoC;QACpC,MAAM,iBAAiB,GAAG,WAAW,CAAC,GAAG,EAAE;YACzC,IAAI,CAAC,aAAa,CAAC,OAAO,EAAE,CAAC;gBAC3B,MAAM,EAAE,GAAG,wBAAwB,CAAC;oBAClC,IAAI,EAAE,MAAM,CAAC,aAAa;oBAC1B,WAAW,EAAE,MAAM,CAAC,WAAW;oBAC/B,SAAS,EAAE,gBAAgB;oBAC3B,KAAK,EAAE,cAAc;oBACrB,WAAW,EAAE,MAAM,CAAC,WAAW;oBAC/B,WAAW,EAAE,MAAM,CAAC,WAAW;oBAC/B,WAAW,EAAE,MAAM,CAAC,WAAW;iBAChC,CAAC,CAAC;gBAEH,iBAAiB,CAAC,EAAE,CAAC,CAAC;gBACtB,mBAAmB,EAAE,CAAC,EAAE,CAAC,CAAC;gBAC1B,aAAa,CAAC,OAAO,GAAG,IAAI,CAAC;YAC/B,CAAC;QACH,CAAC,EAAE,CAAC,wBAAwB,EAAE,cAAc,EAAE,mBAAmB,CAAC,CAAC,CAAC;QAEpE,8DAA8D;QAC9D,SAAS,CAAC,GAAG,EAAE;YACb,iBAAiB,EAAE,CAAC;QACtB,CAAC,EAAE,CAAC,iBAAiB,CAAC,CAAC,CAAC;QAExB,kEAAkE;QAClE,SAAS,CAAC,GAAG,EAAE;YACb,IAAI,cAAc,IAAI,aAAa,CAAC,OAAO,EAAE,CAAC;gBAC5C,gEAAgE;gBAChE,MAAM,eAAe,GAAG,IAAI,CAAC,SAAS,CAAC,mBAAmB,CAAC,OAAO,CAAC,CAAC;gBACpE,MAAM,kBAAkB,GAAG,IAAI,CAAC,SAAS,CAAC,cAAc,CAAC,CAAC;gBAE1D,IAAI,eAAe,KAAK,kBAAkB,EAAE,CAAC;oBAC3C,gCAAgC,CAAC,cAAc,EAAE,cAAc,CAAC,CAAC;oBACjE,aAAa,EAAE,CAAC,cAAc,CAAC,CAAC;oBAChC,mBAAmB,CAAC,OAAO,GAAG,cAAc,CAAC;gBAC/C,CAAC;YACH,CAAC;QACH,CAAC,EAAE;YACD,cAAc;YACd,cAAc;YACd,gCAAgC;YAChC,aAAa;SACd,CAAC,CAAC;QAEH,+EAA+E;QAC/E,IAAI,CAAC,cAAc,EAAE,CAAC;YACpB,OAAO,oBAAC,gBAAgB,OAAM,cAAiC,GAAI,CAAC;QACtE,CAAC;QAED,sDAAsD;QACtD,uFAAuF;QACvF,MAAM,cAAc,GAAuB;YACzC,EAAE,EAAE,cAAc;YAClB,IAAI,EAAE,WAAoB;YAC1B,OAAO,EAAE,EAAE;YACX,QAAQ,EAAE,EAAE;YACZ,SAAS,EAAE,IAAI,IAAI,EAAE,CAAC,WAAW,EAAE;YACnC,SAAS,EAAE;gBACT,aAAa,EAAE,MAAM,CAAC,aAAa;gBACnC,cAAc,EAAE,EAAE;gBAClB,OAAO,EAAE,EAAE;gBACX,KAAK,EAAE,cAAc;aACtB;YACD,cAAc,EAAE,EAAE;SACnB,CAAC;QAEF,gGAAgG;QAChG,OAAO,CACL,oBAAC,oBAAoB,IACnB,OAAO,EAAE,cAAc,EACvB,oBAAoB,EAAE;gBACpB,EAAE,EAAE,cAAc;gBAClB,aAAa,EAAE,MAAM,CAAC,aAAa;gBACnC,WAAW,EAAE,MAAM,CAAC,WAAW;aAChC;YAED,oBAAC,0BAA0B,IACzB,WAAW,EAAE,cAAc,EAC3B,QAAQ,EAAC,EAAE,EACX,SAAS,EAAC,EAAE,EACZ,aAAa,EAAE,MAAM,CAAC,aAAa;gBAEnC,oBAAC,gBAAgB,OAAM,cAAiC,GAAI,CACjC,CACR,CACxB,CAAC;IACJ,CAAC,CAAC;IAEF,wBAAwB,CAAC,WAAW,GAAG,yBAAyB,WAAW,GAAG,CAAC;IAE/E,OAAO,wBAAwB,CAAC;AAClC,CAAC","sourcesContent":["\"use client\";\nimport React, { useCallback, useEffect, useRef, useState } from \"react\";\nimport { TamboMessageProvider } from \"../hooks/use-current-message\";\nimport type { ToolAnnotations } from \"../model/component-metadata\";\nimport { TamboThreadMessage } from \"../model/generate-component-response\";\nimport { useTamboInteractable } from \"../providers/tambo-interactable-provider\";\nimport { SupportedSchema } from \"../schema\";\nimport { V1ComponentContentProvider } from \"../v1/utils/component-renderer\";\n\nexport interface InteractableConfig<\n  Props = Record<string, unknown>,\n  State = Record<string, unknown>,\n> {\n  /**\n   * The name of the component, used for identification in Tambo.\n   */\n  componentName: string;\n  /**\n   * A brief description of the component's purpose and functionality. LLM will\n   * use this to understand how to interact with it.\n   */\n  description: string;\n  /**\n   * Optional schema for component props. If provided, prop updates will be\n   * validated against this schema.\n   */\n  propsSchema?: SupportedSchema<Props>;\n  /**\n   * Optional schema for component state. If provided, state updates will be\n   * validated against this schema.\n   */\n  stateSchema?: SupportedSchema<State>;\n  /**\n   * Optional annotations for the interactable component's auto-registered tools\n   * (props update and state update). By default, `tamboStreamableHint` is `true`\n   * so props/state updates stream in real-time. Set `{ tamboStreamableHint: false }`\n   * to disable streaming for this component's tools.\n   */\n  annotations?: ToolAnnotations;\n}\n\n/**\n * Props injected by withTamboInteractable HOC. These can be passed to the wrapped\n * component to customize interactable behavior.\n */\nexport interface WithTamboInteractableProps {\n  /**\n   * Optional ID to use for this interactable component instance.\n   * If not provided, a unique ID will be generated automatically.\n   */\n  interactableId?: string;\n  /**\n   * Callback fired when the component has been registered as interactable.\n   * @param id - The assigned interactable component ID\n   */\n  onInteractableReady?: (id: string) => void;\n  /**\n   * Callback fired when the component's serializable props are updated by Tambo\n   * through a tool call. Note: Only serializable props are tracked.\n   * @param newProps - The updated serializable props\n   */\n  onPropsUpdate?: (newProps: Record<string, unknown>) => void;\n}\n\n/**\n * Higher-Order Component that makes any component interactable by tambo.\n * @param WrappedComponent - The component to make interactable\n * @param config - Configuration for the interactable component\n * @returns A new component that is automatically registered as interactable\n * @example\n * ```tsx\n * const MyNote: React.FC<{ title: string; content: string }> = ({ title, content }) => {\n *   const [isPinned, setIsPinned] = useTamboComponentState(\"isPinned\", false);\n *   return (\n *     <div style={{ border: isPinned ? \"2px solid gold\" : \"1px solid gray\", order: isPinned ? -1 : 0 }}>\n *       <h2>{title}</h2>\n *       <p>{content}</p>\n *     </div>\n *   );\n * };\n *\n * const MyInteractableNote = withTamboInteractable(MyNote, {\n *   componentName: \"MyNote\",\n *   description: \"A note component\",\n *   propsSchema: z.object({\n *     title: z.string(),\n *     content: z.string(),\n *   }),\n *  stateSchema: z.object({\n *    isPinned: z.boolean(),\n *  }),\n * });\n *\n * // Usage\n * <MyInteractableNote title=\"My Note\" content=\"This is my note\" />\n * ```\n */\nexport function withTamboInteractable<ComponentProps extends object>(\n  WrappedComponent: React.ComponentType<ComponentProps>,\n  config: InteractableConfig,\n) {\n  const displayName =\n    WrappedComponent.displayName ?? WrappedComponent.name ?? \"Component\";\n\n  const TamboInteractableWrapper: React.FC<\n    ComponentProps & WithTamboInteractableProps\n  > = (props) => {\n    const {\n      addInteractableComponent,\n      updateInteractableComponentProps,\n      getInteractableComponent,\n    } = useTamboInteractable();\n\n    const [interactableId, setInteractableId] = useState<string | null>(null);\n    const isInitialized = useRef(false);\n    const lastSerializedProps = useRef<Record<string, unknown>>({});\n\n    // Extract interactable-specific props from component props\n    const {\n      interactableId: _providedId, // Reserved for future use\n      onInteractableReady,\n      onPropsUpdate,\n      ...componentProps\n    } = props;\n\n    // Get the current interactable component to track prop updates\n    const currentInteractable = interactableId\n      ? getInteractableComponent(interactableId)\n      : null;\n\n    // Use the props from the interactable component if available, otherwise use the passed props\n    // We need to be careful not to create a loop, so we only use stored props if they're different from passed props\n    const effectiveProps = currentInteractable?.props ?? componentProps;\n\n    // Memoize the registration function\n    const registerComponent = useCallback(() => {\n      if (!isInitialized.current) {\n        const id = addInteractableComponent({\n          name: config.componentName,\n          description: config.description,\n          component: WrappedComponent,\n          props: componentProps,\n          propsSchema: config.propsSchema,\n          stateSchema: config.stateSchema,\n          annotations: config.annotations,\n        });\n\n        setInteractableId(id);\n        onInteractableReady?.(id);\n        isInitialized.current = true;\n      }\n    }, [addInteractableComponent, componentProps, onInteractableReady]);\n\n    // Register the component as interactable on mount (only once)\n    useEffect(() => {\n      registerComponent();\n    }, [registerComponent]);\n\n    // Update the interactable component when props change from parent\n    useEffect(() => {\n      if (interactableId && isInitialized.current) {\n        // Only update if the props are different from what we last sent\n        const lastPropsString = JSON.stringify(lastSerializedProps.current);\n        const currentPropsString = JSON.stringify(componentProps);\n\n        if (lastPropsString !== currentPropsString) {\n          updateInteractableComponentProps(interactableId, componentProps);\n          onPropsUpdate?.(componentProps);\n          lastSerializedProps.current = componentProps;\n        }\n      }\n    }, [\n      interactableId,\n      componentProps,\n      updateInteractableComponentProps,\n      onPropsUpdate,\n    ]);\n\n    // If the interactable ID is not yet set, render the component without provider\n    if (!interactableId) {\n      return <WrappedComponent {...(effectiveProps as ComponentProps)} />;\n    }\n\n    // Create a minimal message with interactable metadata\n    // This allows useTamboCurrentComponent to work with standalone interactable components\n    const minimalMessage: TamboThreadMessage = {\n      id: interactableId,\n      role: \"assistant\" as const,\n      content: [],\n      threadId: \"\",\n      createdAt: new Date().toISOString(),\n      component: {\n        componentName: config.componentName,\n        componentState: {},\n        message: \"\",\n        props: effectiveProps,\n      },\n      componentState: {},\n    };\n\n    // Wrap with TamboMessageProvider and V1ComponentContentProvider including interactable metadata\n    return (\n      <TamboMessageProvider\n        message={minimalMessage}\n        interactableMetadata={{\n          id: interactableId,\n          componentName: config.componentName,\n          description: config.description,\n        }}\n      >\n        <V1ComponentContentProvider\n          componentId={interactableId}\n          threadId=\"\"\n          messageId=\"\"\n          componentName={config.componentName}\n        >\n          <WrappedComponent {...(effectiveProps as ComponentProps)} />\n        </V1ComponentContentProvider>\n      </TamboMessageProvider>\n    );\n  };\n\n  TamboInteractableWrapper.displayName = `withTamboInteractable(${displayName})`;\n\n  return TamboInteractableWrapper;\n}\n"]}

package/esm/hoc/with-tambo-interactable.test.js

@@ -149,6 +149,18 @@ describe("withTamboInteractable", () => {
         expect(screen.getByTestId("has-ready")).toHaveTextContent("no");
         expect(screen.getByTestId("has-update")).toHaveTextContent("no");
     });
+    it("should pass annotations config to addInteractableComponent", () => {
+        const InteractableComponent = withTamboInteractable(TestComponent, {
+            componentName: "TestComponent",
+            description: "A test component",
+            annotations: { tamboStreamableHint: false },
+        });
+        render(React.createElement(TamboInteractableProvider, null,
+            React.createElement(InteractableComponent, { title: "Test" })));
+        expect(mockAddInteractableComponent).toHaveBeenCalledWith(expect.objectContaining({
+            annotations: { tamboStreamableHint: false },
+        }));
+    });
     it("should work without propsSchema", () => {
         const InteractableComponent = withTamboInteractable(TestComponent, {
             componentName: "TestComponent",

package/esm/hoc/with-tambo-interactable.test.js.map

@@ -1 +1 @@
-{"version":3,"file":"with-tambo-interactable.test.js","sourceRoot":"","sources":["../../src/hoc/with-tambo-interactable.test.tsx"],"names":[],"mappings":"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","sourcesContent":["import { render, screen, waitFor } from \"@testing-library/react\";\nimport React from \"react\";\nimport { z } from \"zod/v3\";\nimport { useTamboCurrentComponent } from \"../hooks/use-current-message\";\nimport { TamboInteractableProvider } from \"../providers/tambo-interactable-provider\";\nimport { withTamboInteractable } from \"./with-tambo-interactable\";\n\n// Create a consistent mock implementation\nconst mockAddInteractableComponent = jest.fn(() => \"mock-id-123\");\nconst mockUpdateInteractableComponentProps = jest.fn();\nconst mockGetInteractableComponent = jest.fn(() => null);\nconst mockRemoveInteractableComponent = jest.fn();\nconst mockGetInteractableComponentsByName = jest.fn(() => []);\nconst mockClearAllInteractableComponents = jest.fn();\n\n// Mock the interactable provider\njest.mock(\"../providers/tambo-interactable-provider\", () => ({\n  TamboInteractableProvider: ({ children }: { children: React.ReactNode }) => (\n    <div data-testid=\"interactable-provider\">{children}</div>\n  ),\n  useTamboInteractable: () => ({\n    addInteractableComponent: mockAddInteractableComponent,\n    updateInteractableComponentProps: mockUpdateInteractableComponentProps,\n    getInteractableComponent: mockGetInteractableComponent,\n    removeInteractableComponent: mockRemoveInteractableComponent,\n    getInteractableComponentsByName: mockGetInteractableComponentsByName,\n    clearAllInteractableComponents: mockClearAllInteractableComponents,\n    interactableComponents: [],\n  }),\n}));\n\ndescribe(\"withTamboInteractable\", () => {\n  // Simple test component\n  interface TestComponentProps {\n    title: string;\n    count?: number;\n  }\n\n  const TestComponent: React.FC<TestComponentProps> = ({ title, count }) => (\n    <div>\n      <h1 data-testid=\"title\">{title}</h1>\n      {count !== undefined && <span data-testid=\"count\">{count}</span>}\n    </div>\n  );\n\n  const testSchema = z.object({\n    title: z.string(),\n    count: z.number().optional(),\n  });\n\n  beforeEach(() => {\n    jest.clearAllMocks();\n    // Reset mock implementations\n    mockAddInteractableComponent.mockReturnValue(\"mock-id-123\");\n    mockGetInteractableComponent.mockReturnValue(null);\n    mockGetInteractableComponentsByName.mockReturnValue([]);\n  });\n\n  it(\"should render the wrapped component with provided props\", () => {\n    const InteractableComponent = withTamboInteractable(TestComponent, {\n      componentName: \"TestComponent\",\n      description: \"A test component\",\n      propsSchema: testSchema,\n    });\n\n    render(\n      <TamboInteractableProvider>\n        <InteractableComponent title=\"Hello\" count={42} />\n      </TamboInteractableProvider>,\n    );\n\n    expect(screen.getByTestId(\"title\")).toHaveTextContent(\"Hello\");\n    expect(screen.getByTestId(\"count\")).toHaveTextContent(\"42\");\n  });\n\n  it(\"should set displayName correctly\", () => {\n    const InteractableComponent = withTamboInteractable(TestComponent, {\n      componentName: \"TestComponent\",\n      description: \"A test component\",\n    });\n\n    expect(InteractableComponent.displayName).toBe(\n      \"withTamboInteractable(TestComponent)\",\n    );\n  });\n\n  it(\"should handle components without displayName\", () => {\n    const AnonymousComponent = () => <div>Anonymous</div>;\n\n    const InteractableComponent = withTamboInteractable(AnonymousComponent, {\n      componentName: \"AnonymousComponent\",\n      description: \"An anonymous component\",\n    });\n\n    // Anonymous components get their name from the function name\n    expect(InteractableComponent.displayName).toBe(\n      \"withTamboInteractable(AnonymousComponent)\",\n    );\n  });\n\n  it(\"should provide TamboMessageProvider with interactable metadata\", async () => {\n    // Child component that uses the context\n    const ContextConsumer = () => {\n      const component = useTamboCurrentComponent();\n      return (\n        <div>\n          <span data-testid=\"interactable-id\">{component?.interactableId}</span>\n          <span data-testid=\"component-name\">{component?.componentName}</span>\n          <span data-testid=\"description\">{component?.description}</span>\n        </div>\n      );\n    };\n\n    // Wrap TestComponent to include ContextConsumer\n    const TestComponentWithConsumer: React.FC<TestComponentProps> = (props) => (\n      <div>\n        <TestComponent {...props} />\n        <ContextConsumer />\n      </div>\n    );\n\n    const InteractableWithConsumer = withTamboInteractable(\n      TestComponentWithConsumer,\n      {\n        componentName: \"TestComponent\",\n        description: \"A test component\",\n        propsSchema: testSchema,\n      },\n    );\n\n    render(\n      <TamboInteractableProvider>\n        <InteractableWithConsumer title=\"Hello\" />\n      </TamboInteractableProvider>,\n    );\n\n    // Wait for the component to register and render\n    await waitFor(() => {\n      expect(screen.getByTestId(\"interactable-id\")).toHaveTextContent(\n        \"mock-id-123\",\n      );\n    });\n\n    expect(screen.getByTestId(\"component-name\")).toHaveTextContent(\n      \"TestComponent\",\n    );\n    expect(screen.getByTestId(\"description\")).toHaveTextContent(\n      \"A test component\",\n    );\n  });\n\n  it(\"should create minimal message with correct structure\", async () => {\n    // Child component that checks the message structure\n    const MessageChecker = () => {\n      const component = useTamboCurrentComponent();\n      return (\n        <div>\n          <span data-testid=\"has-component-name\">\n            {component?.componentName ? \"yes\" : \"no\"}\n          </span>\n          <span data-testid=\"has-props\">{component?.props ? \"yes\" : \"no\"}</span>\n          <span data-testid=\"has-interactable-id\">\n            {component?.interactableId ? \"yes\" : \"no\"}\n          </span>\n          <span data-testid=\"has-description\">\n            {component?.description ? \"yes\" : \"no\"}\n          </span>\n        </div>\n      );\n    };\n\n    const TestComponentWithChecker: React.FC<TestComponentProps> = (props) => (\n      <div>\n        <TestComponent {...props} />\n        <MessageChecker />\n      </div>\n    );\n\n    const InteractableWithChecker = withTamboInteractable(\n      TestComponentWithChecker,\n      {\n        componentName: \"TestComponent\",\n        description: \"A test component\",\n        propsSchema: testSchema,\n      },\n    );\n\n    render(\n      <TamboInteractableProvider>\n        <InteractableWithChecker title=\"Hello\" count={42} />\n      </TamboInteractableProvider>,\n    );\n\n    await waitFor(() => {\n      expect(screen.getByTestId(\"has-component-name\")).toHaveTextContent(\"yes\");\n    });\n\n    expect(screen.getByTestId(\"has-props\")).toHaveTextContent(\"yes\");\n    expect(screen.getByTestId(\"has-interactable-id\")).toHaveTextContent(\"yes\");\n    expect(screen.getByTestId(\"has-description\")).toHaveTextContent(\"yes\");\n  });\n\n  it(\"should pass through all component props correctly\", () => {\n    const InteractableComponent = withTamboInteractable(TestComponent, {\n      componentName: \"TestComponent\",\n      description: \"A test component\",\n      propsSchema: testSchema,\n    });\n\n    render(\n      <TamboInteractableProvider>\n        <InteractableComponent title=\"Test Title\" count={100} />\n      </TamboInteractableProvider>,\n    );\n\n    expect(screen.getByTestId(\"title\")).toHaveTextContent(\"Test Title\");\n    expect(screen.getByTestId(\"count\")).toHaveTextContent(\"100\");\n  });\n\n  it(\"should filter out interactable-specific props from component props\", () => {\n    interface ExtendedProps extends TestComponentProps {\n      onInteractableReady?: (id: string) => void;\n      onPropsUpdate?: (props: Record<string, any>) => void;\n    }\n\n    const ExtendedComponent: React.FC<ExtendedProps> = ({\n      title,\n      onInteractableReady,\n      onPropsUpdate,\n    }) => (\n      <div>\n        <span data-testid=\"title\">{title}</span>\n        <span data-testid=\"has-ready\">\n          {onInteractableReady ? \"yes\" : \"no\"}\n        </span>\n        <span data-testid=\"has-update\">{onPropsUpdate ? \"yes\" : \"no\"}</span>\n      </div>\n    );\n\n    const InteractableComponent = withTamboInteractable(ExtendedComponent, {\n      componentName: \"ExtendedComponent\",\n      description: \"An extended component\",\n    });\n\n    const mockReady = jest.fn();\n    const mockUpdate = jest.fn();\n\n    render(\n      <TamboInteractableProvider>\n        <InteractableComponent\n          title=\"Test\"\n          onInteractableReady={mockReady}\n          onPropsUpdate={mockUpdate}\n        />\n      </TamboInteractableProvider>,\n    );\n\n    expect(screen.getByTestId(\"title\")).toHaveTextContent(\"Test\");\n    // These props should be filtered out\n    expect(screen.getByTestId(\"has-ready\")).toHaveTextContent(\"no\");\n    expect(screen.getByTestId(\"has-update\")).toHaveTextContent(\"no\");\n  });\n\n  it(\"should work without propsSchema\", () => {\n    const InteractableComponent = withTamboInteractable(TestComponent, {\n      componentName: \"TestComponent\",\n      description: \"A test component\",\n    });\n\n    render(\n      <TamboInteractableProvider>\n        <InteractableComponent title=\"No Schema\" />\n      </TamboInteractableProvider>,\n    );\n\n    expect(screen.getByTestId(\"title\")).toHaveTextContent(\"No Schema\");\n  });\n\n  it(\"should render before interactable ID is set\", () => {\n    const InteractableComponent = withTamboInteractable(TestComponent, {\n      componentName: \"TestComponent\",\n      description: \"A test component\",\n    });\n\n    const { container } = render(\n      <TamboInteractableProvider>\n        <InteractableComponent title=\"Early Render\" />\n      </TamboInteractableProvider>,\n    );\n\n    // Component should render even before ID is available\n    expect(\n      container.querySelector('[data-testid=\"title\"]'),\n    ).toBeInTheDocument();\n  });\n\n  it(\"should handle null/undefined values in props\", () => {\n    interface NullableProps {\n      title: string;\n      optional?: string;\n      nullable: string | null;\n    }\n\n    const NullableComponent: React.FC<NullableProps> = ({\n      title,\n      optional,\n      nullable,\n    }) => (\n      <div>\n        <span data-testid=\"title\">{title}</span>\n        <span data-testid=\"optional\">{optional ?? \"undefined\"}</span>\n        <span data-testid=\"nullable\">{nullable ?? \"null\"}</span>\n      </div>\n    );\n\n    const InteractableComponent = withTamboInteractable(NullableComponent, {\n      componentName: \"NullableComponent\",\n      description: \"A component with nullable props\",\n    });\n\n    render(\n      <TamboInteractableProvider>\n        <InteractableComponent title=\"Test\" nullable={null} />\n      </TamboInteractableProvider>,\n    );\n\n    expect(screen.getByTestId(\"title\")).toHaveTextContent(\"Test\");\n    expect(screen.getByTestId(\"optional\")).toHaveTextContent(\"undefined\");\n    expect(screen.getByTestId(\"nullable\")).toHaveTextContent(\"null\");\n  });\n});\n"]}
+{"version":3,"file":"with-tambo-interactable.test.js","sourceRoot":"","sources":["../../src/hoc/with-tambo-interactable.test.tsx"],"names":[],"mappings":"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","sourcesContent":["import { render, screen, waitFor } from \"@testing-library/react\";\nimport React from \"react\";\nimport { z } from \"zod/v3\";\nimport { useTamboCurrentComponent } from \"../hooks/use-current-message\";\nimport { TamboInteractableProvider } from \"../providers/tambo-interactable-provider\";\nimport { withTamboInteractable } from \"./with-tambo-interactable\";\n\n// Create a consistent mock implementation\nconst mockAddInteractableComponent = jest.fn(() => \"mock-id-123\");\nconst mockUpdateInteractableComponentProps = jest.fn();\nconst mockGetInteractableComponent = jest.fn(() => null);\nconst mockRemoveInteractableComponent = jest.fn();\nconst mockGetInteractableComponentsByName = jest.fn(() => []);\nconst mockClearAllInteractableComponents = jest.fn();\n\n// Mock the interactable provider\njest.mock(\"../providers/tambo-interactable-provider\", () => ({\n  TamboInteractableProvider: ({ children }: { children: React.ReactNode }) => (\n    <div data-testid=\"interactable-provider\">{children}</div>\n  ),\n  useTamboInteractable: () => ({\n    addInteractableComponent: mockAddInteractableComponent,\n    updateInteractableComponentProps: mockUpdateInteractableComponentProps,\n    getInteractableComponent: mockGetInteractableComponent,\n    removeInteractableComponent: mockRemoveInteractableComponent,\n    getInteractableComponentsByName: mockGetInteractableComponentsByName,\n    clearAllInteractableComponents: mockClearAllInteractableComponents,\n    interactableComponents: [],\n  }),\n}));\n\ndescribe(\"withTamboInteractable\", () => {\n  // Simple test component\n  interface TestComponentProps {\n    title: string;\n    count?: number;\n  }\n\n  const TestComponent: React.FC<TestComponentProps> = ({ title, count }) => (\n    <div>\n      <h1 data-testid=\"title\">{title}</h1>\n      {count !== undefined && <span data-testid=\"count\">{count}</span>}\n    </div>\n  );\n\n  const testSchema = z.object({\n    title: z.string(),\n    count: z.number().optional(),\n  });\n\n  beforeEach(() => {\n    jest.clearAllMocks();\n    // Reset mock implementations\n    mockAddInteractableComponent.mockReturnValue(\"mock-id-123\");\n    mockGetInteractableComponent.mockReturnValue(null);\n    mockGetInteractableComponentsByName.mockReturnValue([]);\n  });\n\n  it(\"should render the wrapped component with provided props\", () => {\n    const InteractableComponent = withTamboInteractable(TestComponent, {\n      componentName: \"TestComponent\",\n      description: \"A test component\",\n      propsSchema: testSchema,\n    });\n\n    render(\n      <TamboInteractableProvider>\n        <InteractableComponent title=\"Hello\" count={42} />\n      </TamboInteractableProvider>,\n    );\n\n    expect(screen.getByTestId(\"title\")).toHaveTextContent(\"Hello\");\n    expect(screen.getByTestId(\"count\")).toHaveTextContent(\"42\");\n  });\n\n  it(\"should set displayName correctly\", () => {\n    const InteractableComponent = withTamboInteractable(TestComponent, {\n      componentName: \"TestComponent\",\n      description: \"A test component\",\n    });\n\n    expect(InteractableComponent.displayName).toBe(\n      \"withTamboInteractable(TestComponent)\",\n    );\n  });\n\n  it(\"should handle components without displayName\", () => {\n    const AnonymousComponent = () => <div>Anonymous</div>;\n\n    const InteractableComponent = withTamboInteractable(AnonymousComponent, {\n      componentName: \"AnonymousComponent\",\n      description: \"An anonymous component\",\n    });\n\n    // Anonymous components get their name from the function name\n    expect(InteractableComponent.displayName).toBe(\n      \"withTamboInteractable(AnonymousComponent)\",\n    );\n  });\n\n  it(\"should provide TamboMessageProvider with interactable metadata\", async () => {\n    // Child component that uses the context\n    const ContextConsumer = () => {\n      const component = useTamboCurrentComponent();\n      return (\n        <div>\n          <span data-testid=\"interactable-id\">{component?.interactableId}</span>\n          <span data-testid=\"component-name\">{component?.componentName}</span>\n          <span data-testid=\"description\">{component?.description}</span>\n        </div>\n      );\n    };\n\n    // Wrap TestComponent to include ContextConsumer\n    const TestComponentWithConsumer: React.FC<TestComponentProps> = (props) => (\n      <div>\n        <TestComponent {...props} />\n        <ContextConsumer />\n      </div>\n    );\n\n    const InteractableWithConsumer = withTamboInteractable(\n      TestComponentWithConsumer,\n      {\n        componentName: \"TestComponent\",\n        description: \"A test component\",\n        propsSchema: testSchema,\n      },\n    );\n\n    render(\n      <TamboInteractableProvider>\n        <InteractableWithConsumer title=\"Hello\" />\n      </TamboInteractableProvider>,\n    );\n\n    // Wait for the component to register and render\n    await waitFor(() => {\n      expect(screen.getByTestId(\"interactable-id\")).toHaveTextContent(\n        \"mock-id-123\",\n      );\n    });\n\n    expect(screen.getByTestId(\"component-name\")).toHaveTextContent(\n      \"TestComponent\",\n    );\n    expect(screen.getByTestId(\"description\")).toHaveTextContent(\n      \"A test component\",\n    );\n  });\n\n  it(\"should create minimal message with correct structure\", async () => {\n    // Child component that checks the message structure\n    const MessageChecker = () => {\n      const component = useTamboCurrentComponent();\n      return (\n        <div>\n          <span data-testid=\"has-component-name\">\n            {component?.componentName ? \"yes\" : \"no\"}\n          </span>\n          <span data-testid=\"has-props\">{component?.props ? \"yes\" : \"no\"}</span>\n          <span data-testid=\"has-interactable-id\">\n            {component?.interactableId ? \"yes\" : \"no\"}\n          </span>\n          <span data-testid=\"has-description\">\n            {component?.description ? \"yes\" : \"no\"}\n          </span>\n        </div>\n      );\n    };\n\n    const TestComponentWithChecker: React.FC<TestComponentProps> = (props) => (\n      <div>\n        <TestComponent {...props} />\n        <MessageChecker />\n      </div>\n    );\n\n    const InteractableWithChecker = withTamboInteractable(\n      TestComponentWithChecker,\n      {\n        componentName: \"TestComponent\",\n        description: \"A test component\",\n        propsSchema: testSchema,\n      },\n    );\n\n    render(\n      <TamboInteractableProvider>\n        <InteractableWithChecker title=\"Hello\" count={42} />\n      </TamboInteractableProvider>,\n    );\n\n    await waitFor(() => {\n      expect(screen.getByTestId(\"has-component-name\")).toHaveTextContent(\"yes\");\n    });\n\n    expect(screen.getByTestId(\"has-props\")).toHaveTextContent(\"yes\");\n    expect(screen.getByTestId(\"has-interactable-id\")).toHaveTextContent(\"yes\");\n    expect(screen.getByTestId(\"has-description\")).toHaveTextContent(\"yes\");\n  });\n\n  it(\"should pass through all component props correctly\", () => {\n    const InteractableComponent = withTamboInteractable(TestComponent, {\n      componentName: \"TestComponent\",\n      description: \"A test component\",\n      propsSchema: testSchema,\n    });\n\n    render(\n      <TamboInteractableProvider>\n        <InteractableComponent title=\"Test Title\" count={100} />\n      </TamboInteractableProvider>,\n    );\n\n    expect(screen.getByTestId(\"title\")).toHaveTextContent(\"Test Title\");\n    expect(screen.getByTestId(\"count\")).toHaveTextContent(\"100\");\n  });\n\n  it(\"should filter out interactable-specific props from component props\", () => {\n    interface ExtendedProps extends TestComponentProps {\n      onInteractableReady?: (id: string) => void;\n      onPropsUpdate?: (props: Record<string, any>) => void;\n    }\n\n    const ExtendedComponent: React.FC<ExtendedProps> = ({\n      title,\n      onInteractableReady,\n      onPropsUpdate,\n    }) => (\n      <div>\n        <span data-testid=\"title\">{title}</span>\n        <span data-testid=\"has-ready\">\n          {onInteractableReady ? \"yes\" : \"no\"}\n        </span>\n        <span data-testid=\"has-update\">{onPropsUpdate ? \"yes\" : \"no\"}</span>\n      </div>\n    );\n\n    const InteractableComponent = withTamboInteractable(ExtendedComponent, {\n      componentName: \"ExtendedComponent\",\n      description: \"An extended component\",\n    });\n\n    const mockReady = jest.fn();\n    const mockUpdate = jest.fn();\n\n    render(\n      <TamboInteractableProvider>\n        <InteractableComponent\n          title=\"Test\"\n          onInteractableReady={mockReady}\n          onPropsUpdate={mockUpdate}\n        />\n      </TamboInteractableProvider>,\n    );\n\n    expect(screen.getByTestId(\"title\")).toHaveTextContent(\"Test\");\n    // These props should be filtered out\n    expect(screen.getByTestId(\"has-ready\")).toHaveTextContent(\"no\");\n    expect(screen.getByTestId(\"has-update\")).toHaveTextContent(\"no\");\n  });\n\n  it(\"should pass annotations config to addInteractableComponent\", () => {\n    const InteractableComponent = withTamboInteractable(TestComponent, {\n      componentName: \"TestComponent\",\n      description: \"A test component\",\n      annotations: { tamboStreamableHint: false },\n    });\n\n    render(\n      <TamboInteractableProvider>\n        <InteractableComponent title=\"Test\" />\n      </TamboInteractableProvider>,\n    );\n\n    expect(mockAddInteractableComponent).toHaveBeenCalledWith(\n      expect.objectContaining({\n        annotations: { tamboStreamableHint: false },\n      }),\n    );\n  });\n\n  it(\"should work without propsSchema\", () => {\n    const InteractableComponent = withTamboInteractable(TestComponent, {\n      componentName: \"TestComponent\",\n      description: \"A test component\",\n    });\n\n    render(\n      <TamboInteractableProvider>\n        <InteractableComponent title=\"No Schema\" />\n      </TamboInteractableProvider>,\n    );\n\n    expect(screen.getByTestId(\"title\")).toHaveTextContent(\"No Schema\");\n  });\n\n  it(\"should render before interactable ID is set\", () => {\n    const InteractableComponent = withTamboInteractable(TestComponent, {\n      componentName: \"TestComponent\",\n      description: \"A test component\",\n    });\n\n    const { container } = render(\n      <TamboInteractableProvider>\n        <InteractableComponent title=\"Early Render\" />\n      </TamboInteractableProvider>,\n    );\n\n    // Component should render even before ID is available\n    expect(\n      container.querySelector('[data-testid=\"title\"]'),\n    ).toBeInTheDocument();\n  });\n\n  it(\"should handle null/undefined values in props\", () => {\n    interface NullableProps {\n      title: string;\n      optional?: string;\n      nullable: string | null;\n    }\n\n    const NullableComponent: React.FC<NullableProps> = ({\n      title,\n      optional,\n      nullable,\n    }) => (\n      <div>\n        <span data-testid=\"title\">{title}</span>\n        <span data-testid=\"optional\">{optional ?? \"undefined\"}</span>\n        <span data-testid=\"nullable\">{nullable ?? \"null\"}</span>\n      </div>\n    );\n\n    const InteractableComponent = withTamboInteractable(NullableComponent, {\n      componentName: \"NullableComponent\",\n      description: \"A component with nullable props\",\n    });\n\n    render(\n      <TamboInteractableProvider>\n        <InteractableComponent title=\"Test\" nullable={null} />\n      </TamboInteractableProvider>,\n    );\n\n    expect(screen.getByTestId(\"title\")).toHaveTextContent(\"Test\");\n    expect(screen.getByTestId(\"optional\")).toHaveTextContent(\"undefined\");\n    expect(screen.getByTestId(\"nullable\")).toHaveTextContent(\"null\");\n  });\n});\n"]}

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

@@ -34,6 +34,9 @@ describe("useTamboVoice", () => {
                 client: mockClient,
                 queryClient,
                 isUpdatingToken: false,
+                tokenExchangeError: null,
+                userToken: undefined,
+                hasValidToken: false,
             } },
             React.createElement(QueryClientProvider, { client: queryClient }, children)));
         Wrapper.displayName = "TestWrapper";

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

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

package/esm/mcp/mcp-hooks.test.js

@@ -84,6 +84,9 @@ describe("useTamboMcpPromptList - individual server caching", () => {
                 client: { baseURL: "https://api.tambo.co" },
                 queryClient,
                 isUpdatingToken: false,
+                tokenExchangeError: null,
+                userToken: undefined,
+                hasValidToken: false,
             } },
             React.createElement(TamboRegistryProvider, { mcpServers: [
                     {
@@ -169,6 +172,9 @@ describe("useTamboMcpPromptList - individual server caching", () => {
                 client: { baseURL: "https://api.tambo.co" },
                 queryClient,
                 isUpdatingToken: false,
+                tokenExchangeError: null,
+                userToken: undefined,
+                hasValidToken: false,
             } },
             React.createElement(TamboRegistryProvider, { mcpServers: [
                     {
@@ -197,6 +203,9 @@ describe("useTamboMcpPromptList - individual server caching", () => {
                 client: { baseURL: "https://api.tambo.co" },
                 queryClient,
                 isUpdatingToken: false,
+                tokenExchangeError: null,
+                userToken: undefined,
+                hasValidToken: false,
             } },
             React.createElement(TamboRegistryProvider, { mcpServers: [
                     {
@@ -272,6 +281,9 @@ describe("useTamboMcpPromptList - individual server caching", () => {
                 client: { baseURL: "https://api.tambo.co" },
                 queryClient,
                 isUpdatingToken: false,
+                tokenExchangeError: null,
+                userToken: undefined,
+                hasValidToken: false,
             } },
             React.createElement(TamboRegistryProvider, { mcpServers: [
                     {
@@ -352,6 +364,9 @@ describe("useTamboMcpPromptList - individual server caching", () => {
                 client: { baseURL: "https://api.tambo.co" },
                 queryClient,
                 isUpdatingToken: false,
+                tokenExchangeError: null,
+                userToken: undefined,
+                hasValidToken: false,
             } },
             React.createElement(TamboRegistryProvider, { mcpServers: [
                     {
@@ -425,6 +440,9 @@ describe("useTamboMcpPromptList - individual server caching", () => {
                 client: { baseURL: "https://api.tambo.co" },
                 queryClient,
                 isUpdatingToken: false,
+                tokenExchangeError: null,
+                userToken: undefined,
+                hasValidToken: false,
             } },
             React.createElement(TamboRegistryProvider, { mcpServers: [
                     {
@@ -445,6 +463,9 @@ describe("useTamboMcpPromptList - individual server caching", () => {
                 client: { baseURL: "https://api.tambo.co" },
                 queryClient,
                 isUpdatingToken: false,
+                tokenExchangeError: null,
+                userToken: undefined,
+                hasValidToken: false,
             } },
             React.createElement(TamboRegistryProvider, { mcpServers: [
                     {
@@ -518,6 +539,9 @@ describe("useTamboMcpPromptList - search filtering", () => {
                 client: { baseURL: "https://api.tambo.co" },
                 queryClient,
                 isUpdatingToken: false,
+                tokenExchangeError: null,
+                userToken: undefined,
+                hasValidToken: false,
             } },
             React.createElement(TamboRegistryProvider, { mcpServers: [
                     {
@@ -537,6 +561,9 @@ describe("useTamboMcpPromptList - search filtering", () => {
                 client: { baseURL: "https://api.tambo.co" },
                 queryClient,
                 isUpdatingToken: false,
+                tokenExchangeError: null,
+                userToken: undefined,
+                hasValidToken: false,
             } },
             React.createElement(TamboRegistryProvider, { mcpServers: [
                     {
@@ -588,6 +615,9 @@ describe("useTamboMcpPromptList - search filtering", () => {
                 client: { baseURL: "https://api.tambo.co" },
                 queryClient,
                 isUpdatingToken: false,
+                tokenExchangeError: null,
+                userToken: undefined,
+                hasValidToken: false,
             } },
             React.createElement(TamboRegistryProvider, { mcpServers: [
                     {
@@ -715,6 +745,9 @@ describe("useTamboMcpResourceList - resource management", () => {
                 client: { baseURL: "https://api.tambo.co" },
                 queryClient,
                 isUpdatingToken: false,
+                tokenExchangeError: null,
+                userToken: undefined,
+                hasValidToken: false,
             } },
             React.createElement(TamboRegistryProvider, { mcpServers: [
                     {
@@ -785,6 +818,9 @@ describe("useTamboMcpResourceList - resource management", () => {
                 client: { baseURL: "https://api.tambo.co" },
                 queryClient,
                 isUpdatingToken: false,
+                tokenExchangeError: null,
+                userToken: undefined,
+                hasValidToken: false,
             } },
             React.createElement(TamboRegistryProvider, { mcpServers: [
                     {
@@ -868,6 +904,9 @@ describe("useTamboMcpResourceList - resource management", () => {
                 client: { baseURL: "https://api.tambo.co" },
                 queryClient,
                 isUpdatingToken: false,
+                tokenExchangeError: null,
+                userToken: undefined,
+                hasValidToken: false,
             } },
             React.createElement(TamboRegistryProvider, { mcpServers: [
                     {
@@ -894,6 +933,9 @@ describe("useTamboMcpResourceList - resource management", () => {
                 client: { baseURL: "https://api.tambo.co" },
                 queryClient,
                 isUpdatingToken: false,
+                tokenExchangeError: null,
+                userToken: undefined,
+                hasValidToken: false,
             } },
             React.createElement(TamboRegistryProvider, { mcpServers: [
                     {
@@ -977,6 +1019,9 @@ describe("useTamboMcpResourceList - search filtering", () => {
                 client: { baseURL: "https://api.tambo.co" },
                 queryClient,
                 isUpdatingToken: false,
+                tokenExchangeError: null,
+                userToken: undefined,
+                hasValidToken: false,
             } },
             React.createElement(TamboRegistryProvider, { mcpServers: [
                     {
@@ -996,6 +1041,9 @@ describe("useTamboMcpResourceList - search filtering", () => {
                 client: { baseURL: "https://api.tambo.co" },
                 queryClient,
                 isUpdatingToken: false,
+                tokenExchangeError: null,
+                userToken: undefined,
+                hasValidToken: false,
             } },
             React.createElement(TamboRegistryProvider, { mcpServers: [
                     {
@@ -1046,6 +1094,9 @@ describe("useTamboMcpResourceList - search filtering", () => {
                 client: { baseURL: "https://api.tambo.co" },
                 queryClient,
                 isUpdatingToken: false,
+                tokenExchangeError: null,
+                userToken: undefined,
+                hasValidToken: false,
             } },
             React.createElement(TamboRegistryProvider, { listResources: listResources, getResource: getResource },
                 React.createElement(TamboMcpTokenProvider, null,
@@ -1065,6 +1116,9 @@ describe("useTamboMcpResourceList - search filtering", () => {
                 client: { baseURL: "https://api.tambo.co" },
                 queryClient,
                 isUpdatingToken: false,
+                tokenExchangeError: null,
+                userToken: undefined,
+                hasValidToken: false,
             } },
             React.createElement(TamboRegistryProvider, { listResources: listResources, getResource: getResource },
                 React.createElement(TamboMcpTokenProvider, null,
@@ -1110,6 +1164,9 @@ describe("useTamboMcpResourceList - search filtering", () => {
                 client: { baseURL: "https://api.tambo.co" },
                 queryClient,
                 isUpdatingToken: false,
+                tokenExchangeError: null,
+                userToken: undefined,
+                hasValidToken: false,
             } },
             React.createElement(TamboRegistryProvider, { listResources: listResources, getResource: getResource },
                 React.createElement(TamboMcpTokenProvider, null,
@@ -1179,6 +1236,9 @@ describe("useTamboMcpResourceList - search filtering", () => {
                 client: { baseURL: "https://api.tambo.co" },
                 queryClient,
                 isUpdatingToken: false,
+                tokenExchangeError: null,
+                userToken: undefined,
+                hasValidToken: false,
             } },
             React.createElement(TamboRegistryProvider, { mcpServers: [
                     {
@@ -1265,6 +1325,9 @@ describe("useTamboMcpResource - read individual resource", () => {
                 client: { baseURL: "https://api.tambo.co" },
                 queryClient,
                 isUpdatingToken: false,
+                tokenExchangeError: null,
+                userToken: undefined,
+                hasValidToken: false,
             } },
             React.createElement(TamboRegistryProvider, { mcpServers: [
                     {
@@ -1356,6 +1419,9 @@ describe("useTamboMcpResource - read individual resource", () => {
                 client: { baseURL: "https://api.tambo.co" },
                 queryClient,
                 isUpdatingToken: false,
+                tokenExchangeError: null,
+                userToken: undefined,
+                hasValidToken: false,
             } },
             React.createElement(TamboRegistryProvider, { mcpServers: [
                     {
@@ -1407,6 +1473,9 @@ describe("useTamboMcpResource - read individual resource", () => {
                 client: { baseURL: "https://api.tambo.co" },
                 queryClient,
                 isUpdatingToken: false,
+                tokenExchangeError: null,
+                userToken: undefined,
+                hasValidToken: false,
             } },
             React.createElement(TamboRegistryProvider, { listResources: listResources, getResource: getResource },
                 React.createElement(TamboMcpTokenProvider, null,