@fencyai/react 0.1.123 → 0.1.124

package/dist/index.js

@@ -1,5 +1,5 @@
 import { jsxs as k, jsx as i } from "react/jsx-runtime";
-import { createStream as K, isStreamTimeoutEventDto as _, isStreamNotFoundEventDto as J, isAgentTaskProgressItemUpdatedEventDto as V, createAgentTask as q } from "@fencyai/js";
+import { createStream as K, isStreamTimeoutEvent as _, isStreamNotFoundEvent as J, isAgentTaskProgressItemUpdatedEvent as V, createAgentTask as q } from "@fencyai/js";
 import { createContext as G, useState as w, useRef as A, useEffect as E, useCallback as W, useContext as X, useMemo as U } from "react";
 import { useInView as Q, motion as v, AnimatePresence as L } from "motion/react";
 import Y from "react-markdown";
@@ -22,8 +22,8 @@ function te(e) {
     let d = 0;
     for (; r < c; ) {
       l && (t[r] === 10 && (d = ++r), l = !1);
-      let o = -1;
-      for (; r < c && o === -1; ++r)
+      let a = -1;
+      for (; r < c && a === -1; ++r)
         switch (t[r]) {
           case 58:
             n === -1 && (n = r - d);
@@ -31,12 +31,12 @@ function te(e) {
           case 13:
             l = !0;
           case 10:
-            o = r;
+            a = r;
             break;
         }
-      if (o === -1)
+      if (a === -1)
         break;
-      e(t.subarray(d, o), n), d = r, n = -1;
+      e(t.subarray(d, a), n), d = r, n = -1;
     }
     d === c ? t = void 0 : d !== 0 && (t = t.subarray(d), r -= d);
   };
@@ -48,20 +48,20 @@ function ne(e, t, r) {
     if (s.length === 0)
       r == null || r(n), n = P();
     else if (c > 0) {
-      const d = l.decode(s.subarray(0, c)), o = c + (s[c + 1] === 32 ? 2 : 1), a = l.decode(s.subarray(o));
+      const d = l.decode(s.subarray(0, c)), a = c + (s[c + 1] === 32 ? 2 : 1), o = l.decode(s.subarray(a));
       switch (d) {
         case "data":
           n.data = n.data ? n.data + `
-` + a : a;
+` + o : o;
           break;
         case "event":
-          n.event = a;
+          n.event = o;
           break;
         case "id":
-          e(n.id = a);
+          e(n.id = o);
           break;
         case "retry":
-          const y = parseInt(a, 10);
+          const y = parseInt(o, 10);
           isNaN(y) || t(n.retry = y);
           break;
       }
@@ -80,7 +80,7 @@ function P() {
     retry: void 0
   };
 }
-var oe = function(e, t) {
+var ae = function(e, t) {
   var r = {};
   for (var n in e) Object.prototype.hasOwnProperty.call(e, n) && t.indexOf(n) < 0 && (r[n] = e[n]);
   if (e != null && typeof Object.getOwnPropertySymbols == "function")
@@ -88,9 +88,9 @@ var oe = function(e, t) {
       t.indexOf(n[l]) < 0 && Object.prototype.propertyIsEnumerable.call(e, n[l]) && (r[n[l]] = e[n[l]]);
   return r;
 };
-const R = "text/event-stream", ae = 1e3, O = "last-event-id";
+const R = "text/event-stream", oe = 1e3, O = "last-event-id";
 function ie(e, t) {
-  var { signal: r, headers: n, onopen: l, onmessage: u, onclose: s, onerror: c, openWhenHidden: d, fetch: o } = t, a = oe(t, ["signal", "headers", "onopen", "onmessage", "onclose", "onerror", "openWhenHidden", "fetch"]);
+  var { signal: r, headers: n, onopen: l, onmessage: u, onclose: s, onerror: c, openWhenHidden: d, fetch: a } = t, o = ae(t, ["signal", "headers", "onopen", "onmessage", "onclose", "onerror", "openWhenHidden", "fetch"]);
   return new Promise((y, g) => {
     const h = Object.assign({}, n);
     h.accept || (h.accept = R);
@@ -99,19 +99,19 @@ function ie(e, t) {
       m.abort(), document.hidden || I();
     }
     d || document.addEventListener("visibilitychange", S);
-    let f = ae, b = 0;
+    let f = oe, b = 0;
     function C() {
       document.removeEventListener("visibilitychange", S), window.clearTimeout(b), m.abort();
     }
     r == null || r.addEventListener("abort", () => {
       C(), y();
     });
-    const p = o ?? window.fetch, x = l ?? se;
+    const p = a ?? window.fetch, x = l ?? se;
     async function I() {
       var D;
       m = new AbortController();
       try {
-        const M = await p(e, Object.assign(Object.assign({}, a), { headers: h, signal: m.signal }));
+        const M = await p(e, Object.assign(Object.assign({}, o), { headers: h, signal: m.signal }));
         await x(M), await ee(M.body, te(ne((T) => {
           T ? h[O] = T : delete h[O];
         }, (T) => {
@@ -219,7 +219,7 @@ const de = 12e4, ue = (e) => {
 function We({ fency: e, fetchCreateStreamClientToken: t, children: r }) {
   const [n, l] = w(
     null
-  ), [u, s] = w(!0), [c, d] = w(null), [o, a] = w([]), y = A(null), g = A(null);
+  ), [u, s] = w(!0), [c, d] = w(null), [a, o] = w([]), y = A(null), g = A(null);
   E(() => {
     e.then((f) => {
       l(f), s(!1);
@@ -229,8 +229,8 @@ function We({ fency: e, fetchCreateStreamClientToken: t, children: r }) {
   }, [e]), E(() => {
     n && !g.current && (g.current = new ce(n));
   }, [n]), E(() => {
-    g.current && g.current.updateStreams(o);
-  }, [o]), E(() => () => {
+    g.current && g.current.updateStreams(a);
+  }, [a]), E(() => () => {
     var f;
     (f = g.current) == null || f.cleanup();
   }, []);
@@ -238,7 +238,7 @@ function We({ fency: e, fetchCreateStreamClientToken: t, children: r }) {
     async (f = 3e4) => {
       if (y.current)
         return y.current;
-      const b = Date.now(), C = o.length > 0 ? o[o.length - 1] : null;
+      const b = Date.now(), C = a.length > 0 ? a[a.length - 1] : null;
       if (C && b - C.createdAt < f)
         return C.stream;
       const p = (async () => {
@@ -254,7 +254,7 @@ function We({ fency: e, fetchCreateStreamClientToken: t, children: r }) {
             stream: I.stream,
             createdAt: Date.now()
           };
-          return a((M) => {
+          return o((M) => {
             const T = [...M, D];
             return ue(T);
           }), y.current = null, I.stream;
@@ -263,7 +263,7 @@ function We({ fency: e, fetchCreateStreamClientToken: t, children: r }) {
       })();
       return y.current = p, p;
     },
-    [n, o]
+    [n, a]
   );
   if (c)
     return /* @__PURE__ */ k("div", { children: [
@@ -272,11 +272,11 @@ function We({ fency: e, fetchCreateStreamClientToken: t, children: r }) {
     ] });
   if (!n)
     return null;
-  const m = o.length > 0 ? o[o.length - 1] : null, S = {
+  const m = a.length > 0 ? a[a.length - 1] : null, S = {
     fency: n,
     loading: u,
     error: c,
-    activeStreams: o,
+    activeStreams: a,
     latestStream: m,
     eventManager: g.current,
     getOrCreateStream: h
@@ -317,46 +317,46 @@ const me = (e) => {
   return E(() => {
     if (!t.eventManager) return;
     const s = {
-      onMessage: (d, o) => {
+      onMessage: (d, a) => {
         var y, g, h, m, S, f, b, C, p, x;
-        const a = me(d);
-        if (a)
-          switch (a.type) {
+        const o = me(d);
+        if (o)
+          switch (o.type) {
             case "NewChatCompletionStreamChunk":
-              (y = e == null ? void 0 : e.onNewChatCompletionStreamChunk) == null || y.call(e, a);
+              (y = e == null ? void 0 : e.onNewChatCompletionStreamChunk) == null || y.call(e, o);
               break;
             case "ChatCompletionStreamCompleted":
-              (g = e == null ? void 0 : e.onChatCompletionStreamCompleted) == null || g.call(e, a);
+              (g = e == null ? void 0 : e.onChatCompletionStreamCompleted) == null || g.call(e, o);
               break;
             case "StreamTimeout":
-              (h = e == null ? void 0 : e.onStreamTimeout) == null || h.call(e, a);
+              (h = e == null ? void 0 : e.onStreamTimeout) == null || h.call(e, o);
               break;
             case "StreamNotFound":
-              (m = e == null ? void 0 : e.onStreamNotFound) == null || m.call(e, a);
+              (m = e == null ? void 0 : e.onStreamNotFound) == null || m.call(e, o);
               break;
             case "FileUploadCompleted":
-              (S = e == null ? void 0 : e.onFileUploadCompleted) == null || S.call(e, a);
+              (S = e == null ? void 0 : e.onFileUploadCompleted) == null || S.call(e, o);
               break;
             case "FileTextContentReady":
-              (f = e == null ? void 0 : e.onFileTextContentReady) == null || f.call(e, a);
+              (f = e == null ? void 0 : e.onFileTextContentReady) == null || f.call(e, o);
               break;
             case "WebsiteHtmlContentReady":
-              (b = e == null ? void 0 : e.onWebsiteHtmlContentReady) == null || b.call(e, a);
+              (b = e == null ? void 0 : e.onWebsiteHtmlContentReady) == null || b.call(e, o);
               break;
             case "WebsiteTextContentReady":
-              (C = e == null ? void 0 : e.onWebsiteTextContentReady) == null || C.call(e, a);
+              (C = e == null ? void 0 : e.onWebsiteTextContentReady) == null || C.call(e, o);
               break;
             case "FileSearchIndexReady":
-              (p = e == null ? void 0 : e.onFileSearchIndexReady) == null || p.call(e, a);
+              (p = e == null ? void 0 : e.onFileSearchIndexReady) == null || p.call(e, o);
               break;
             case "AgentTaskProgressItemUpdated":
-              (x = e == null ? void 0 : e.onAgentTaskProgressItemUpdated) == null || x.call(e, a);
+              (x = e == null ? void 0 : e.onAgentTaskProgressItemUpdated) == null || x.call(e, o);
               break;
           }
       },
       onError: (d) => {
-        var o;
-        (o = e == null ? void 0 : e.onStreamError) == null || o.call(e, {
+        var a;
+        (a = e == null ? void 0 : e.onStreamError) == null || a.call(e, {
           streamId: d,
           error: {
             code: "UnknownError",
@@ -391,55 +391,55 @@ const me = (e) => {
   };
 }, Ue = (e) => {
   const t = H(), [r, n] = w([]), l = A(/* @__PURE__ */ new Set()), u = A(/* @__PURE__ */ new Map()), { createStream: s } = Se({
-    onAgentTaskProgressItemUpdated: (o) => {
+    onAgentTaskProgressItemUpdated: (a) => {
       var g;
-      if (!l.current.has(o.agentTaskId)) return;
-      const a = o.data;
-      if (a.taskType === "StreamingChatCompletion" && a.eventType === "Completed" || a.taskType === "StructuredChatCompletion" && a.eventType === "Completed" || a.taskType === "StreamingMemoryTypeChatCompletion" && a.eventType === "Completed") {
+      if (!l.current.has(a.agentTaskId)) return;
+      const o = a.data;
+      if (o.taskType === "StreamingChatCompletion" && o.eventType === "Completed" || o.taskType === "StructuredChatCompletion" && o.eventType === "Completed" || o.taskType === "StreamingMemoryTypeChatCompletion" && o.eventType === "Completed") {
         const h = u.current.get(
-          o.agentTaskId
+          a.agentTaskId
         );
-        h && (u.current.delete(o.agentTaskId), h(a));
+        h && (u.current.delete(a.agentTaskId), h(o));
         return;
       }
-      (g = e.onAgentTaskProgressItemUpdated) == null || g.call(e, o), n(
+      (g = e.onAgentTaskProgressItemUpdated) == null || g.call(e, a), n(
         (h) => h.map((m) => {
           var b;
-          if (((b = m.confirmedData) == null ? void 0 : b.taskId) !== o.agentTaskId)
+          if (((b = m.confirmedData) == null ? void 0 : b.taskId) !== a.agentTaskId)
             return m;
           const f = m.progressItems.some(
-            (C) => C.progressItemId === o.progressItemId
+            (C) => C.progressItemId === a.progressItemId
           ) ? m.progressItems.map(
-            (C) => C.progressItemId === o.progressItemId ? o : C
-          ) : [...m.progressItems, o];
+            (C) => C.progressItemId === a.progressItemId ? a : C
+          ) : [...m.progressItems, a];
           return { ...m, progressItems: f };
         })
       );
     },
-    onStreamError: (o) => {
-      var a;
-      (a = e == null ? void 0 : e.onStreamError) == null || a.call(e, o), n((y) => {
-        const g = y.find((h) => h.streamId === o.streamId);
+    onStreamError: (a) => {
+      var o;
+      (o = e == null ? void 0 : e.onStreamError) == null || o.call(e, a), n((y) => {
+        const g = y.find((h) => h.streamId === a.streamId);
         return g ? [
-          ...y.filter((h) => h.streamId !== o.streamId),
+          ...y.filter((h) => h.streamId !== a.streamId),
           {
             ...g,
             loading: !1,
-            error: o.error
+            error: a.error
           }
         ] : y;
       });
     },
-    onStreamNotFound: (o) => {
-      var a;
-      (a = e == null ? void 0 : e.onStreamNotFound) == null || a.call(e, o);
+    onStreamNotFound: (a) => {
+      var o;
+      (o = e == null ? void 0 : e.onStreamNotFound) == null || o.call(e, a);
     },
-    onStreamTimeout: (o) => {
-      var a;
-      (a = e == null ? void 0 : e.onStreamTimeout) == null || a.call(e, o);
+    onStreamTimeout: (a) => {
+      var o;
+      (o = e == null ? void 0 : e.onStreamTimeout) == null || o.call(e, a);
     }
   }), c = W(
-    async (o, a) => {
+    async (a, o) => {
       const y = `task-${Date.now()}-${Math.random().toString(36).slice(2, 9)}`, g = await s();
       if (g.type === "success") {
         n([
@@ -450,31 +450,31 @@ const me = (e) => {
             triggeredAt: (/* @__PURE__ */ new Date()).toISOString(),
             confirmedData: null,
             error: null,
-            params: o,
+            params: a,
             progressItems: [],
             loading: !0,
             doneStreaming: !1,
-            loadingText: a == null ? void 0 : a.loadingText
+            loadingText: o == null ? void 0 : o.loadingText
           }
         ]);
-        const { clientToken: h } = await e.fetchCreateAgentTaskClientToken(o.type), m = await q({
+        const { clientToken: h } = await e.fetchCreateAgentTaskClientToken(a.type), m = await q({
           pk: t.fency.publishableKey,
           baseUrl: t.fency.baseUrl,
           clientToken: h,
           streamToken: g.stream.token,
           request: {
-            streamingChatCompletionTask: o.type === "streamingChatCompletion" ? {
-              messages: o.messages,
-              model: o.model
+            streamingChatCompletionTask: a.type === "streamingChatCompletion" ? {
+              messages: a.messages,
+              model: a.model
             } : void 0,
-            structuredChatCompletionTask: o.type === "structuredChatCompletion" ? {
-              messages: o.messages,
-              jsonSchema: o.jsonSchema,
-              model: o.model
+            structuredChatCompletionTask: a.type === "structuredChatCompletion" ? {
+              messages: a.messages,
+              jsonSchema: a.jsonSchema,
+              model: a.model
             } : void 0,
-            streamingMemoryTypeChatCompletionTask: o.type === "streamingMemoryTypeChatCompletion" ? {
-              messages: o.messages,
-              model: o.model
+            streamingMemoryTypeChatCompletionTask: a.type === "streamingMemoryTypeChatCompletion" ? {
+              messages: a.messages,
+              model: a.model
             } : void 0
           }
         });
@@ -490,11 +490,11 @@ const me = (e) => {
               taskId: m.agentTask.id,
               createdAt: m.agentTask.createdAt,
               error: null,
-              params: o,
+              params: a,
               progressItems: [],
               doneStreaming: !1,
               loading: !0,
-              loadingText: a == null ? void 0 : a.loadingText,
+              loadingText: o == null ? void 0 : o.loadingText,
               confirmedData: {
                 taskId: m.agentTask.id,
                 createdAt: m.agentTask.createdAt
@@ -521,12 +521,12 @@ const me = (e) => {
                 taskKey: y,
                 triggeredAt: (/* @__PURE__ */ new Date()).toISOString(),
                 streamId: g.stream.id,
-                params: o,
+                params: a,
                 error: m.error,
                 progressItems: [],
                 loading: !1,
                 doneStreaming: !1,
-                loadingText: a == null ? void 0 : a.loadingText,
+                loadingText: o == null ? void 0 : o.loadingText,
                 confirmedData: null
               }
             ]), {
@@ -545,11 +545,11 @@ const me = (e) => {
                 triggeredAt: (/* @__PURE__ */ new Date()).toISOString(),
                 streamId: g.stream.id,
                 error: S,
-                params: o,
+                params: a,
                 progressItems: [],
                 loading: !1,
                 doneStreaming: !1,
-                loadingText: a == null ? void 0 : a.loadingText,
+                loadingText: o == null ? void 0 : o.loadingText,
                 confirmedData: null
               }
             ]), {
@@ -564,7 +564,7 @@ const me = (e) => {
     [t, r, s]
   ), d = U(() => {
     if (r.length !== 0)
-      return [...r].sort((o, a) => new Date(a.triggeredAt).getTime() - new Date(o.triggeredAt).getTime())[0];
+      return [...r].sort((a, o) => new Date(o.triggeredAt).getTime() - new Date(a.triggeredAt).getTime())[0];
   }, [r]);
   return E(() => () => {
     l.current.clear(), u.current.clear();
@@ -600,12 +600,12 @@ function F({
   startOnView: s = !1,
   once: c = !1,
   inViewMargin: d,
-  spread: o = 2,
-  color: a = "#999",
+  spread: a = 2,
+  color: o = "#999",
   shimmerColor: y = "#000",
   direction: g = "fromBottom"
 }) {
-  const h = A(null), m = Q(h, { once: c, margin: d }), S = U(() => e.length * o, [e, o]), f = !s || m, b = g === "fromBottom" ? "100% center" : "-100% center", C = g === "fromBottom" ? "0% center" : "200% center";
+  const h = A(null), m = Q(h, { once: c, margin: d }), S = U(() => e.length * a, [e, a]), f = !s || m, b = g === "fromBottom" ? "100% center" : "-100% center", C = g === "fromBottom" ? "0% center" : "200% center";
   return /* @__PURE__ */ i(
     v.span,
     {
@@ -621,7 +621,7 @@ function F({
         WebkitTextFillColor: "transparent",
         backgroundRepeat: "no-repeat, padding-box",
         "--spread": `${S}px`,
-        "--base-color": a,
+        "--base-color": o,
         "--shimmer-color": y,
         "--shimmer-bg": "linear-gradient(90deg, transparent calc(50% - var(--spread)), var(--shimmer-color), transparent calc(50% + var(--spread)))",
         backgroundImage: "var(--shimmer-bg), linear-gradient(var(--base-color), var(--base-color))"
@@ -1071,7 +1071,7 @@ function Ee({
 const B = 80, Ae = ({ data: e, completed: t, isLatest: r = !1 }) => {
   const [n, l] = w(!1), u = e.eventType === "ExploreMemoryResult" ? e.result : void 0, s = u != null && u.length > B, c = u != null ? n || !s ? u : `${u.slice(0, B)}...` : void 0, d = s;
   if (e.eventType === "ExploreMemoryStart" && !t) {
-    const a = `Exploring ${e.memoryTitle}...`;
+    const o = `Exploring ${e.memoryTitle}...`;
     return /* @__PURE__ */ i(
       "div",
       {
@@ -1083,13 +1083,13 @@ const B = 80, Ae = ({ data: e, completed: t, isLatest: r = !1 }) => {
         children: r ? /* @__PURE__ */ i(
           F,
           {
-            text: a,
+            text: o,
             duration: 2.5,
             repeat: !0,
             color: "#999",
             shimmerColor: "#000"
           }
-        ) : /* @__PURE__ */ i("span", { style: { fontSize: 13, color: "#999" }, children: a })
+        ) : /* @__PURE__ */ i("span", { style: { fontSize: 13, color: "#999" }, children: o })
       }
     );
   }
@@ -1099,7 +1099,7 @@ const B = 80, Ae = ({ data: e, completed: t, isLatest: r = !1 }) => {
       initial: { opacity: 0 },
       animate: { opacity: 1 },
       transition: { duration: 0.25 },
-      onClick: d ? () => l((a) => !a) : void 0,
+      onClick: d ? () => l((o) => !o) : void 0,
       style: {
         paddingBottom: "12px",
         borderBottom: "1px solid #eee",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@fencyai/react",
-  "version": "0.1.123",
+  "version": "0.1.124",
   "description": "> TODO: description",
   "author": "staklau <steinaageklaussen@gmail.com>",
   "homepage": "",
@@ -37,7 +37,7 @@
     "@microsoft/fetch-event-source": "^2.0.1"
   },
   "devDependencies": {
-    "@fencyai/js": "^0.1.123",
+    "@fencyai/js": "^0.1.124",
     "@testing-library/react": "^16.3.2",
     "@types/jest": "^29.5.11",
     "@types/node": "^20.10.5",
@@ -54,7 +54,7 @@
   },
   "peerDependencies": {
     "@emotion/is-prop-valid": "^1.3.0",
-    "@fencyai/js": "^0.1.123",
+    "@fencyai/js": "^0.1.124",
     "@radix-ui/react-popover": "^1.1.15",
     "motion": "^11.15.0",
     "react": ">=16.8.0",
@@ -69,5 +69,5 @@
       "optional": false
     }
   },
-  "gitHead": "69837e7a8a835804f22365e8970216e4c1ab047b"
+  "gitHead": "277a6a14145ee48036b64dd9b40c90dbb0d9d945"
 }