@talqing/react 0.12.0 → 0.14.0

package/README.md

@@ -1,8 +1,14 @@
 # @talqing/react
 
 React bindings for Talqing web calls: join a voice or video agent from a browser,
-attach a photo mid-call, share a screen, read and write the session's userdata,
-and answer the agent when a tool calls back into your page.
+attach a photo mid-call, share a screen, and answer the agent when a tool calls
+back into your page.
+
+> **Breaking changes in 0.14.0.** `useTalqingUserdata` is removed (and
+> `getTalqingUserdata` / `setTalqingUserdata` with `@talqing/client` 0.7.0): the
+> browser can no longer read or write a live session's userdata. Seed it with
+> `userdata` when your server mints the call token; tools change it during the
+> call. Requires `@talqing/client` ^0.7.0 and `@talqing/sdk` ^0.13.0.
 
 ```bash
 npm install @talqing/react
@@ -144,7 +150,6 @@ received them.
 | --- | --- |
 | `useTalqingImages(room)` | Send a photo to the agent mid-call and follow what became of it — four states, because the agent can go away mid-upload. |
 | `useTalqingScreenShare()` | Share a screen on the settings that keep it legible. `start()` must run inside a click. |
-| `useTalqingUserdata()` | Read and write the live session's userdata over RPC. |
 | `useTalqingRpcHandlers(handlers)` | Answer a tool's `frontend_rpc` calls into your page. `useTalqingFrontendRpcs()` is the declarative version. |
 | `useTalqingAvatarTrack()` | The track to render for a video agent. |
 | `TALQING_SCREEN_SHARE_CAPTURE` / `_PUBLISH` | The measured capture settings, exported so you can read them. |

package/dist/cjs/index.d.ts

@@ -1,6 +1,5 @@
 export { TalqingSessionProvider, useTalqingConnection, useTalqingSession, } from "./session.js";
 export type { TalqingCallOptions, TalqingSession, TalqingSessionOptions, } from "./session.js";
-export { useTalqingUserdata } from "./userdata.js";
 export { useTalqingImages } from "./images.js";
 export { useTalqingFrontendRpcs, useTalqingRpcHandlers } from "./rpc.js";
 export { useTalqingAvatarTrack, useTalqingScreenShare } from "./media.js";

package/dist/cjs/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AAYA,OAAO,EACL,sBAAsB,EACtB,oBAAoB,EACpB,iBAAiB,GAClB,MAAM,cAAc,CAAC;AACtB,YAAY,EACV,kBAAkB,EAClB,cAAc,EACd,qBAAqB,GACtB,MAAM,cAAc,CAAC;AAEtB,OAAO,EAAE,kBAAkB,EAAE,MAAM,eAAe,CAAC;AACnD,OAAO,EAAE,gBAAgB,EAAE,MAAM,aAAa,CAAC;AAC/C,OAAO,EAAE,sBAAsB,EAAE,qBAAqB,EAAE,MAAM,UAAU,CAAC;AACzE,OAAO,EAAE,qBAAqB,EAAE,qBAAqB,EAAE,MAAM,YAAY,CAAC;AAQ1E,cAAc,iBAAiB,CAAC;AAYhC,OAAO,EACL,QAAQ,EACR,kBAAkB,EAClB,UAAU,GACX,MAAM,2BAA2B,CAAC;AACnC,YAAY,EACV,UAAU,EACV,eAAe,EACf,cAAc,EACd,cAAc,EACd,gBAAgB,GACjB,MAAM,2BAA2B,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AAYA,OAAO,EACL,sBAAsB,EACtB,oBAAoB,EACpB,iBAAiB,GAClB,MAAM,cAAc,CAAC;AACtB,YAAY,EACV,kBAAkB,EAClB,cAAc,EACd,qBAAqB,GACtB,MAAM,cAAc,CAAC;AAEtB,OAAO,EAAE,gBAAgB,EAAE,MAAM,aAAa,CAAC;AAC/C,OAAO,EAAE,sBAAsB,EAAE,qBAAqB,EAAE,MAAM,UAAU,CAAC;AACzE,OAAO,EAAE,qBAAqB,EAAE,qBAAqB,EAAE,MAAM,YAAY,CAAC;AAQ1E,cAAc,iBAAiB,CAAC;AAYhC,OAAO,EACL,QAAQ,EACR,kBAAkB,EAClB,UAAU,GACX,MAAM,2BAA2B,CAAC;AACnC,YAAY,EACV,UAAU,EACV,eAAe,EACf,cAAc,EACd,cAAc,EACd,gBAAgB,GACjB,MAAM,2BAA2B,CAAC"}

package/dist/cjs/index.js

@@ -25,13 +25,11 @@ var __exportStar = (this && this.__exportStar) || function(m, exports) {
     for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.VideoTrack = exports.useSessionMessages = exports.useAgent = exports.useTalqingScreenShare = exports.useTalqingAvatarTrack = exports.useTalqingRpcHandlers = exports.useTalqingFrontendRpcs = exports.useTalqingImages = exports.useTalqingUserdata = exports.useTalqingSession = exports.useTalqingConnection = exports.TalqingSessionProvider = void 0;
+exports.VideoTrack = exports.useSessionMessages = exports.useAgent = exports.useTalqingScreenShare = exports.useTalqingAvatarTrack = exports.useTalqingRpcHandlers = exports.useTalqingFrontendRpcs = exports.useTalqingImages = exports.useTalqingSession = exports.useTalqingConnection = exports.TalqingSessionProvider = void 0;
 var session_js_1 = require("./session.js");
 Object.defineProperty(exports, "TalqingSessionProvider", { enumerable: true, get: function () { return session_js_1.TalqingSessionProvider; } });
 Object.defineProperty(exports, "useTalqingConnection", { enumerable: true, get: function () { return session_js_1.useTalqingConnection; } });
 Object.defineProperty(exports, "useTalqingSession", { enumerable: true, get: function () { return session_js_1.useTalqingSession; } });
-var userdata_js_1 = require("./userdata.js");
-Object.defineProperty(exports, "useTalqingUserdata", { enumerable: true, get: function () { return userdata_js_1.useTalqingUserdata; } });
 var images_js_1 = require("./images.js");
 Object.defineProperty(exports, "useTalqingImages", { enumerable: true, get: function () { return images_js_1.useTalqingImages; } });
 var rpc_js_1 = require("./rpc.js");
@@ -42,7 +40,7 @@ Object.defineProperty(exports, "useTalqingAvatarTrack", { enumerable: true, get:
 Object.defineProperty(exports, "useTalqingScreenShare", { enumerable: true, get: function () { return media_js_1.useTalqingScreenShare; } });
 /* All of `@talqing/client`, so one install and one import cover a web call.
  * Everything there works against any `Room`, with or without React — the token
- * source, the userdata and image and frontend-RPC calls, and the measured
+ * source, the image and frontend-RPC calls, and the measured
  * capture constants. Re-exported wholesale rather than as a curated list
  * because the whole package is meant to be reachable from here, and a list
  * would quietly fall behind it. */

package/dist/cjs/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":";AAAA;;;;;;;;;;GAUG;;;;;;;;;;;;;;;;;AAEH,2CAIsB;AAHpB,oHAAA,sBAAsB,OAAA;AACtB,kHAAA,oBAAoB,OAAA;AACpB,+GAAA,iBAAiB,OAAA;AAQnB,6CAAmD;AAA1C,iHAAA,kBAAkB,OAAA;AAC3B,yCAA+C;AAAtC,6GAAA,gBAAgB,OAAA;AACzB,mCAAyE;AAAhE,gHAAA,sBAAsB,OAAA;AAAE,+GAAA,qBAAqB,OAAA;AACtD,uCAA0E;AAAjE,iHAAA,qBAAqB,OAAA;AAAE,iHAAA,qBAAqB,OAAA;AAErD;;;;;mCAKmC;AACnC,kDAAgC;AAEhC;;;;;;;;;yCASyC;AACzC,8DAImC;AAHjC,4GAAA,QAAQ,OAAA;AACR,sHAAA,kBAAkB,OAAA;AAClB,8GAAA,UAAU,OAAA"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":";AAAA;;;;;;;;;;GAUG;;;;;;;;;;;;;;;;;AAEH,2CAIsB;AAHpB,oHAAA,sBAAsB,OAAA;AACtB,kHAAA,oBAAoB,OAAA;AACpB,+GAAA,iBAAiB,OAAA;AAQnB,yCAA+C;AAAtC,6GAAA,gBAAgB,OAAA;AACzB,mCAAyE;AAAhE,gHAAA,sBAAsB,OAAA;AAAE,+GAAA,qBAAqB,OAAA;AACtD,uCAA0E;AAAjE,iHAAA,qBAAqB,OAAA;AAAE,iHAAA,qBAAqB,OAAA;AAErD;;;;;mCAKmC;AACnC,kDAAgC;AAEhC;;;;;;;;;yCASyC;AACzC,8DAImC;AAHjC,4GAAA,QAAQ,OAAA;AACR,sHAAA,kBAAkB,OAAA;AAClB,8GAAA,UAAU,OAAA"}

package/dist/cjs/session.d.ts

@@ -31,7 +31,7 @@ type TalqingCallAuth =
  | {
     client: TalqingClient;
     agentId: string | null;
-    /** `contact_key`, `userdata`, `vars` and the per-call agent selection.
+    /** `contact_key`, `userdata`, `vars`, `secrets` and the per-call agent selection.
      *  Only on this branch: on the other two the server passes them when it
      *  mints, which is what keeps a browser from choosing whose history to
      *  resume. */

package/dist/esm/index.d.ts

@@ -1,6 +1,5 @@
 export { TalqingSessionProvider, useTalqingConnection, useTalqingSession, } from "./session.js";
 export type { TalqingCallOptions, TalqingSession, TalqingSessionOptions, } from "./session.js";
-export { useTalqingUserdata } from "./userdata.js";
 export { useTalqingImages } from "./images.js";
 export { useTalqingFrontendRpcs, useTalqingRpcHandlers } from "./rpc.js";
 export { useTalqingAvatarTrack, useTalqingScreenShare } from "./media.js";

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AAYA,OAAO,EACL,sBAAsB,EACtB,oBAAoB,EACpB,iBAAiB,GAClB,MAAM,cAAc,CAAC;AACtB,YAAY,EACV,kBAAkB,EAClB,cAAc,EACd,qBAAqB,GACtB,MAAM,cAAc,CAAC;AAEtB,OAAO,EAAE,kBAAkB,EAAE,MAAM,eAAe,CAAC;AACnD,OAAO,EAAE,gBAAgB,EAAE,MAAM,aAAa,CAAC;AAC/C,OAAO,EAAE,sBAAsB,EAAE,qBAAqB,EAAE,MAAM,UAAU,CAAC;AACzE,OAAO,EAAE,qBAAqB,EAAE,qBAAqB,EAAE,MAAM,YAAY,CAAC;AAQ1E,cAAc,iBAAiB,CAAC;AAYhC,OAAO,EACL,QAAQ,EACR,kBAAkB,EAClB,UAAU,GACX,MAAM,2BAA2B,CAAC;AACnC,YAAY,EACV,UAAU,EACV,eAAe,EACf,cAAc,EACd,cAAc,EACd,gBAAgB,GACjB,MAAM,2BAA2B,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AAYA,OAAO,EACL,sBAAsB,EACtB,oBAAoB,EACpB,iBAAiB,GAClB,MAAM,cAAc,CAAC;AACtB,YAAY,EACV,kBAAkB,EAClB,cAAc,EACd,qBAAqB,GACtB,MAAM,cAAc,CAAC;AAEtB,OAAO,EAAE,gBAAgB,EAAE,MAAM,aAAa,CAAC;AAC/C,OAAO,EAAE,sBAAsB,EAAE,qBAAqB,EAAE,MAAM,UAAU,CAAC;AACzE,OAAO,EAAE,qBAAqB,EAAE,qBAAqB,EAAE,MAAM,YAAY,CAAC;AAQ1E,cAAc,iBAAiB,CAAC;AAYhC,OAAO,EACL,QAAQ,EACR,kBAAkB,EAClB,UAAU,GACX,MAAM,2BAA2B,CAAC;AACnC,YAAY,EACV,UAAU,EACV,eAAe,EACf,cAAc,EACd,cAAc,EACd,gBAAgB,GACjB,MAAM,2BAA2B,CAAC"}

package/dist/esm/index.js

@@ -10,13 +10,12 @@
  * imports and `instanceof` resolve to.
  */
 export { TalqingSessionProvider, useTalqingConnection, useTalqingSession, } from "./session.js";
-export { useTalqingUserdata } from "./userdata.js";
 export { useTalqingImages } from "./images.js";
 export { useTalqingFrontendRpcs, useTalqingRpcHandlers } from "./rpc.js";
 export { useTalqingAvatarTrack, useTalqingScreenShare } from "./media.js";
 /* All of `@talqing/client`, so one install and one import cover a web call.
  * Everything there works against any `Room`, with or without React — the token
- * source, the userdata and image and frontend-RPC calls, and the measured
+ * source, the image and frontend-RPC calls, and the measured
  * capture constants. Re-exported wholesale rather than as a curated list
  * because the whole package is meant to be reachable from here, and a list
  * would quietly fall behind it. */

package/dist/esm/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;GAUG;AAEH,OAAO,EACL,sBAAsB,EACtB,oBAAoB,EACpB,iBAAiB,GAClB,MAAM,cAAc,CAAC;AAOtB,OAAO,EAAE,kBAAkB,EAAE,MAAM,eAAe,CAAC;AACnD,OAAO,EAAE,gBAAgB,EAAE,MAAM,aAAa,CAAC;AAC/C,OAAO,EAAE,sBAAsB,EAAE,qBAAqB,EAAE,MAAM,UAAU,CAAC;AACzE,OAAO,EAAE,qBAAqB,EAAE,qBAAqB,EAAE,MAAM,YAAY,CAAC;AAE1E;;;;;mCAKmC;AACnC,cAAc,iBAAiB,CAAC;AAEhC;;;;;;;;;yCASyC;AACzC,OAAO,EACL,QAAQ,EACR,kBAAkB,EAClB,UAAU,GACX,MAAM,2BAA2B,CAAC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;GAUG;AAEH,OAAO,EACL,sBAAsB,EACtB,oBAAoB,EACpB,iBAAiB,GAClB,MAAM,cAAc,CAAC;AAOtB,OAAO,EAAE,gBAAgB,EAAE,MAAM,aAAa,CAAC;AAC/C,OAAO,EAAE,sBAAsB,EAAE,qBAAqB,EAAE,MAAM,UAAU,CAAC;AACzE,OAAO,EAAE,qBAAqB,EAAE,qBAAqB,EAAE,MAAM,YAAY,CAAC;AAE1E;;;;;mCAKmC;AACnC,cAAc,iBAAiB,CAAC;AAEhC;;;;;;;;;yCASyC;AACzC,OAAO,EACL,QAAQ,EACR,kBAAkB,EAClB,UAAU,GACX,MAAM,2BAA2B,CAAC"}

package/dist/esm/session.d.ts

@@ -31,7 +31,7 @@ type TalqingCallAuth =
  | {
     client: TalqingClient;
     agentId: string | null;
-    /** `contact_key`, `userdata`, `vars` and the per-call agent selection.
+    /** `contact_key`, `userdata`, `vars`, `secrets` and the per-call agent selection.
      *  Only on this branch: on the other two the server passes them when it
      *  mints, which is what keeps a browser from choosing whose history to
      *  resume. */

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@talqing/react",
-  "version": "0.12.0",
+  "version": "0.14.0",
   "description": "React bindings for Talqing web calls: the session, images, screen share, userdata and frontend RPC.",
   "license": "MIT",
   "homepage": "https://talqing.com",
@@ -54,16 +54,16 @@
   "dependencies": {},
   "peerDependencies": {
     "@livekit/components-react": "^2.9.21",
-    "@talqing/client": "^0.6.0",
-    "@talqing/sdk": "^0.11.0",
+    "@talqing/client": "^0.7.0",
+    "@talqing/sdk": "^0.13.0",
     "livekit-client": "^2.20.2",
     "react": "^18.3.1 || ^19.0.0",
     "react-dom": "^18.3.1 || ^19.0.0"
   },
   "devDependencies": {
     "@livekit/components-react": "^2.9.24",
-    "@talqing/client": "^0.6.0",
-    "@talqing/sdk": "^0.11.0",
+    "@talqing/client": "^0.7.0",
+    "@talqing/sdk": "^0.13.0",
     "@types/react": "^19.0.0",
     "livekit-client": "^2.22.4",
     "react": "^19.0.0",

package/src/index.ts

@@ -21,14 +21,13 @@ export type {
   TalqingSessionOptions,
 } from "./session.js";
 
-export { useTalqingUserdata } from "./userdata.js";
 export { useTalqingImages } from "./images.js";
 export { useTalqingFrontendRpcs, useTalqingRpcHandlers } from "./rpc.js";
 export { useTalqingAvatarTrack, useTalqingScreenShare } from "./media.js";
 
 /* All of `@talqing/client`, so one install and one import cover a web call.
  * Everything there works against any `Room`, with or without React — the token
- * source, the userdata and image and frontend-RPC calls, and the measured
+ * source, the image and frontend-RPC calls, and the measured
  * capture constants. Re-exported wholesale rather than as a curated list
  * because the whole package is meant to be reachable from here, and a list
  * would quietly fall behind it. */

package/src/session.tsx

@@ -62,7 +62,7 @@ type TalqingCallAuth =
   | {
       client: TalqingClient;
       agentId: string | null;
-      /** `contact_key`, `userdata`, `vars` and the per-call agent selection.
+      /** `contact_key`, `userdata`, `vars`, `secrets` and the per-call agent selection.
        *  Only on this branch: on the other two the server passes them when it
        *  mints, which is what keeps a browser from choosing whose history to
        *  resume. */

package/src/userdata.ts

@@ -1,27 +0,0 @@
-"use client";
-
-import { useMemo } from "react";
-import {
-  getTalqingUserdata,
-  setTalqingUserdata,
-  type JsonObject,
-} from "@talqing/client";
-import { useTalqingConnection } from "./session.js";
-
-/** Read and write the live session's userdata from inside a provider. */
-export function useTalqingUserdata() {
-  const { room } = useTalqingConnection();
-  return useMemo(
-    () => ({
-      get: (keys?: string[], responseTimeout?: number) => {
-        if (!room) throw new Error("room is not connected");
-        return getTalqingUserdata(room, keys, responseTimeout);
-      },
-      set: (patch: JsonObject, responseTimeout?: number) => {
-        if (!room) throw new Error("room is not connected");
-        return setTalqingUserdata(room, patch, responseTimeout);
-      },
-    }),
-    [room],
-  );
-}