@pipecat-ai/client-react 1.2.0 → 1.2.1

package/dist/index.module.js

@@ -31,7 +31,7 @@ import {Provider as $h9lXz$Provider} from "jotai/react";
 
 
 var $ad20387e24e513d4$exports = {};
-$ad20387e24e513d4$exports = JSON.parse("{\"name\":\"@pipecat-ai/client-react\",\"version\":\"1.2.0\",\"license\":\"BSD-2-Clause\",\"main\":\"dist/index.js\",\"module\":\"dist/index.module.js\",\"types\":\"dist/index.d.ts\",\"source\":\"src/index.ts\",\"repository\":{\"type\":\"git\",\"url\":\"git+https://github.com/pipecat-ai/pipecat-client-web.git\"},\"exports\":{\".\":{\"types\":\"./dist/index.d.ts\",\"import\":\"./dist/index.module.js\",\"require\":\"./dist/index.js\"}},\"files\":[\"dist\",\"package.json\",\"README.md\"],\"scripts\":{\"build\":\"parcel build --no-cache\",\"dev\":\"parcel watch\",\"lint\":\"eslint . --report-unused-disable-directives --max-warnings 0 --ignore-pattern 'dist/'\",\"test\":\"jest\"},\"jest\":{\"preset\":\"ts-jest\",\"testEnvironment\":\"jsdom\",\"moduleNameMapper\":{\"^@/(.*)$\":\"<rootDir>/src/$1\"},\"transform\":{\"^.+\\\\.tsx?$\":[\"ts-jest\",{\"tsconfig\":{\"jsx\":\"react-jsx\",\"module\":\"commonjs\",\"moduleResolution\":\"node\",\"esModuleInterop\":true,\"allowImportingTsExtensions\":false,\"noUnusedLocals\":false,\"noUnusedParameters\":false}}]}},\"devDependencies\":{\"@jest/globals\":\"^30.2.0\",\"@pipecat-ai/client-js\":\"*\",\"@types/jest\":\"^30.0.0\",\"@types/react\":\"^18.3.3\",\"@types/react-dom\":\"^18.3.0\",\"@typescript-eslint/eslint-plugin\":\"^8.32.0\",\"eslint\":\"^9.11.1\",\"eslint-config-prettier\":\"^9.1.0\",\"eslint-plugin-react-hooks\":\"^5.2.0\",\"eslint-plugin-simple-import-sort\":\"^12.1.1\",\"jest\":\"^30.2.0\",\"jest-environment-jsdom\":\"^30.2.0\",\"parcel\":\"^2.12.0\",\"react\":\"^18.3.1\",\"react-dom\":\"^18.3.1\",\"ts-jest\":\"^29.4.6\",\"typescript\":\"^5.2.2\"},\"peerDependencies\":{\"@pipecat-ai/client-js\":\"*\",\"react\":\">=18\",\"react-dom\":\">=18\"},\"dependencies\":{\"jotai\":\"^2.9.0\"}}");
+$ad20387e24e513d4$exports = JSON.parse("{\"name\":\"@pipecat-ai/client-react\",\"version\":\"1.2.1\",\"license\":\"BSD-2-Clause\",\"main\":\"dist/index.js\",\"module\":\"dist/index.module.js\",\"types\":\"dist/index.d.ts\",\"source\":\"src/index.ts\",\"repository\":{\"type\":\"git\",\"url\":\"git+https://github.com/pipecat-ai/pipecat-client-web.git\"},\"exports\":{\".\":{\"types\":\"./dist/index.d.ts\",\"import\":\"./dist/index.module.js\",\"require\":\"./dist/index.js\"}},\"files\":[\"dist\",\"package.json\",\"README.md\"],\"scripts\":{\"build\":\"parcel build --no-cache\",\"dev\":\"parcel watch\",\"lint\":\"eslint . --report-unused-disable-directives --max-warnings 0 --ignore-pattern 'dist/'\",\"test\":\"jest\"},\"jest\":{\"preset\":\"ts-jest\",\"testEnvironment\":\"jsdom\",\"moduleNameMapper\":{\"^@/(.*)$\":\"<rootDir>/src/$1\"},\"transform\":{\"^.+\\\\.tsx?$\":[\"ts-jest\",{\"tsconfig\":{\"jsx\":\"react-jsx\",\"module\":\"commonjs\",\"moduleResolution\":\"node\",\"esModuleInterop\":true,\"allowImportingTsExtensions\":false,\"noUnusedLocals\":false,\"noUnusedParameters\":false}}]}},\"devDependencies\":{\"@jest/globals\":\"^30.2.0\",\"@pipecat-ai/client-js\":\"*\",\"@types/jest\":\"^30.0.0\",\"@types/react\":\"^18.3.3\",\"@types/react-dom\":\"^18.3.0\",\"@typescript-eslint/eslint-plugin\":\"^8.32.0\",\"eslint\":\"^9.11.1\",\"eslint-config-prettier\":\"^9.1.0\",\"eslint-plugin-react-hooks\":\"^5.2.0\",\"eslint-plugin-simple-import-sort\":\"^12.1.1\",\"jest\":\"^30.2.0\",\"jest-environment-jsdom\":\"^30.2.0\",\"parcel\":\"^2.12.0\",\"react\":\"^18.3.1\",\"react-dom\":\"^18.3.1\",\"ts-jest\":\"^29.4.6\",\"typescript\":\"^5.2.2\"},\"peerDependencies\":{\"@pipecat-ai/client-js\":\"*\",\"react\":\">=18\",\"react-dom\":\">=18\"},\"dependencies\":{\"jotai\":\"^2.9.0\"}}");
 
 
 
@@ -46,8 +46,8 @@ $ad20387e24e513d4$exports = JSON.parse("{\"name\":\"@pipecat-ai/client-react\",\
  * Copyright (c) 2024, Daily.
  *
  * SPDX-License-Identifier: BSD-2-Clause
- */ const $5989c1f88db60f73$var$normalizeForMatching = (text)=>{
-    return text.toLowerCase().replace(/[^\w\s]/g, "");
+ */ const $5989c1f88db60f73$export$7d7fdcf7579a70b2 = (text)=>{
+    return text.toLowerCase().replace(/[^\p{L}\p{N}\s]/gu, "");
 };
 const $5989c1f88db60f73$var$skipWhitespace = (text, start)=>{
     let i = start;
@@ -71,10 +71,10 @@ const $5989c1f88db60f73$var$skipWhitespace = (text, start)=>{
     const remainder = unspoken.slice(actualStart);
     // Sentence-level: if spoken exactly matches the remainder (normalized), consume the whole part
     // so we never leave a word unspoken due to word-matching edge cases.
-    if ($5989c1f88db60f73$var$normalizeForMatching(spokenForMatching).trim() === $5989c1f88db60f73$var$normalizeForMatching(remainder).trim()) return unspoken.length;
-    const spokenWords = $5989c1f88db60f73$var$normalizeForMatching(spokenForMatching).split(/\s+/).filter(Boolean);
+    if ($5989c1f88db60f73$export$7d7fdcf7579a70b2(spokenForMatching).trim() === $5989c1f88db60f73$export$7d7fdcf7579a70b2(remainder).trim()) return unspoken.length;
+    const spokenWords = $5989c1f88db60f73$export$7d7fdcf7579a70b2(spokenForMatching).split(/\s+/).filter(Boolean);
     if (spokenWords.length === 0) return actualStart;
-    const unspokenWords = $5989c1f88db60f73$var$normalizeForMatching(unspoken.slice(actualStart)).split(/\s+/).filter(Boolean);
+    const unspokenWords = $5989c1f88db60f73$export$7d7fdcf7579a70b2(unspoken.slice(actualStart)).split(/\s+/).filter(Boolean);
     // Sequential match, allowing prefix match for contractions (e.g. "I" vs "I'm")
     // and limited skipping of mismatched unspoken words (e.g. punctuation artifacts).
     let matchedWords = 0;
@@ -94,7 +94,7 @@ const $5989c1f88db60f73$var$skipWhitespace = (text, start)=>{
     }
     if (matchedWords < spokenWords.length) return actualStart;
     // Convert word matches back into a character position in the original unspoken string.
-    const isWordChar = (char)=>/[a-zA-Z0-9]/.test(char);
+    const isWordChar = (char)=>/[\p{L}\p{N}]/u.test(char);
     let wordCount = 0;
     let i = actualStart;
     let inWord = false;
@@ -144,6 +144,10 @@ function $5989c1f88db60f73$export$9b39fd8438081d6d(cursor, parts, spokenText) {
     if (typeof currentPart.text !== "string") return false;
     const partText = currentPart.text;
     const startChar = cursor.currentCharIndex;
+    // If the spoken text is pure punctuation (e.g. an em dash "—"), normalization
+    // strips it to empty and word-matching would fail. Treat it as successfully
+    // consumed so the cursor stays put and subsequent words continue matching.
+    if ($5989c1f88db60f73$export$7d7fdcf7579a70b2(spokenText).trim().length === 0) return true;
     const newPosition = $5989c1f88db60f73$var$findSpokenPositionInUnspoken(spokenText, partText, startChar);
     const whitespaceEnd = $5989c1f88db60f73$var$skipWhitespace(partText, startChar);
     if (newPosition > whitespaceEnd) {
@@ -239,6 +243,27 @@ function $603acc766b2aa439$export$296de88ccac4bedb(arr, predicate) {
 
 
 /** Max time gap (ms) between consecutive same-role messages for merging. */ const $38ede2d92c123540$var$MERGE_WINDOW_MS = 30000;
+/**
+ * Unicode characters used by `FilterIncompleteTurns` on the server to mark
+ * turn completion status. The LLM emits one of these as the very first
+ * character of every response:
+ *
+ *   ✓ (U+2713) — complete turn
+ *   ○ (U+25CB) — incomplete short
+ *   ◐ (U+25D0) — incomplete long
+ *
+ * They must be stripped before the text reaches conversation state.
+ */ const $38ede2d92c123540$var$TURN_COMPLETION_MARKERS = new Set([
+    "\u2713",
+    "\u25CB",
+    "\u25D0"
+]);
+function $38ede2d92c123540$export$146b18879fa8cfd7(text) {
+    if (text.length === 0) return text;
+    if ($38ede2d92c123540$var$TURN_COMPLETION_MARKERS.has(text[0])) // Remove marker and optional single trailing space
+    return text[1] === " " ? text.slice(2) : text.slice(1);
+    return text;
+}
 const $38ede2d92c123540$export$cbefc5865f8cbd89 = (a, b)=>{
     return a.createdAt < b.createdAt ? -1 : a.createdAt > b.createdAt ? 1 : 0;
 };
@@ -419,16 +444,27 @@ function $38ede2d92c123540$export$cd74f809c89ea10c(get, set, role) {
 }
 function $38ede2d92c123540$export$c3a007efc2f315a0(get, set, messageData) {
     const now = new Date();
+    const current = get((0, $7b7579093c9adf9b$export$92a4076839a978d0));
+    // If the most recent message is an active (non-final) assistant message,
+    // backdate the injected message so it sorts before the assistant's createdAt.
+    // This prevents the injected message from splitting the bot's response across
+    // two bubbles and breaking the karaoke cursor.
+    const lastMessage = current[current.length - 1];
+    const lastAssistant = lastMessage?.role === "assistant" ? lastMessage : undefined;
+    let timestamp;
+    if (lastAssistant && lastAssistant.final === false && messageData.role === "system") {
+        const assistantTime = new Date(lastAssistant.createdAt);
+        timestamp = new Date(assistantTime.getTime() - 1).toISOString();
+    } else timestamp = now.toISOString();
     const message = {
         role: messageData.role,
         final: true,
         parts: [
             ...messageData.parts
         ],
-        createdAt: now.toISOString(),
+        createdAt: timestamp,
         updatedAt: now.toISOString()
     };
-    const current = get((0, $7b7579093c9adf9b$export$92a4076839a978d0));
     const updatedMessages = [
         ...current,
         message
@@ -499,6 +535,10 @@ function $38ede2d92c123540$export$57de01211e3df548(get, set, text, final) {
     set((0, $7b7579093c9adf9b$export$92a4076839a978d0), processedMessages);
 }
 function $38ede2d92c123540$export$d78810e35f742a16(get, set, text, final, spoken, aggregatedBy) {
+    // Strip turn-completion markers emitted by FilterIncompleteTurns before
+    // the text enters conversation state.
+    text = $38ede2d92c123540$export$146b18879fa8cfd7(text);
+    if (text.length === 0) return;
     const now = new Date();
     const messages = [
         ...get((0, $7b7579093c9adf9b$export$92a4076839a978d0))
@@ -622,11 +662,21 @@ function $38ede2d92c123540$export$e450805545c7dd86(get, set, data) {
         if (existingIndex !== -1) return;
     }
     const now = new Date();
+    // If the most recent message is an active (non-final) assistant message,
+    // backdate the function call so it sorts before the assistant's createdAt.
+    // This prevents the function call from splitting the bot's response across
+    // two bubbles and breaking the karaoke cursor.
+    const lastMessage = messages[messages.length - 1];
+    let timestamp;
+    if (lastMessage?.role === "assistant" && lastMessage.final === false) {
+        const assistantTime = new Date(lastMessage.createdAt);
+        timestamp = new Date(assistantTime.getTime() - 1).toISOString();
+    } else timestamp = now.toISOString();
     const message = {
         role: "function_call",
         final: false,
         parts: [],
-        createdAt: now.toISOString(),
+        createdAt: timestamp,
         updatedAt: now.toISOString(),
         functionCall: {
             function_name: data.function_name,
@@ -690,7 +740,7 @@ function $38ede2d92c123540$export$809efdca1a10761a(get, set, data) {
     const messages = get((0, $7b7579093c9adf9b$export$92a4076839a978d0));
     const lastFc = (0, $603acc766b2aa439$export$296de88ccac4bedb)(messages, (m)=>m.role === "function_call");
     // Check if InProgress already created an entry (events arrived out of order).
-    if (lastFc?.functionCall && lastFc.functionCall.status !== "started" && Date.now() - new Date(lastFc.createdAt).getTime() < 2000) {
+    if (lastFc?.functionCall && lastFc.functionCall.status !== "started" && Date.now() - new Date(lastFc.updatedAt ?? lastFc.createdAt).getTime() < 2000) {
         if (data.function_name && !lastFc.functionCall.function_name && lastFc.functionCall.tool_call_id) $38ede2d92c123540$export$1908264de3a8afe4(get, set, lastFc.functionCall.tool_call_id, {
             function_name: data.function_name
         });