@superinterface/react 2.17.5 → 2.19.0

package/dist/index.js

@@ -1771,7 +1771,6 @@ var useInfiniteScroll = function(param) {
         if (isFetchingNextPage) return;
         if (!inView) return;
         if (!hasNextPage) return;
-        console.log("Fetching next page");
         fetchNextPage();
     }, 500, [
         inView,
@@ -3248,6 +3247,104 @@ import { useContext as useContext12 } from "react";
 var useMessageContext = function() {
     return useContext12(MessageContext);
 };
+// src/hooks/assistants/useAssistant/index.ts
+import { useMemo as useMemo10 } from "react";
+import { useQuery } from "@tanstack/react-query";
+// src/hooks/assistants/useAssistant/lib/queryOptions/index.ts
+import { queryOptions as tanstackQueryOptions } from "@tanstack/react-query";
+// src/hooks/assistants/useAssistant/lib/queryOptions/queryFn.ts
+var queryFn = function(param) {
+    var superinterfaceContext = param.superinterfaceContext;
+    return function() {
+        var _ref = _async_to_generator(function(param) {
+            var queryKey, _queryKey, _key, assistantId, params;
+            return _ts_generator(this, function(_state) {
+                queryKey = param.queryKey;
+                _queryKey = _sliced_to_array(queryKey, 2), _key = _queryKey[0], assistantId = _queryKey[1].assistantId;
+                params = new URLSearchParams({
+                    publicApiKey: superinterfaceContext.variables.publicApiKey
+                });
+                return [
+                    2,
+                    fetch("".concat(superinterfaceContext.baseUrl, "/assistants/").concat(assistantId, "?").concat(params)).then(function() {
+                        var _ref = _async_to_generator(function(response) {
+                            var errorResponse, error;
+                            return _ts_generator(this, function(_state) {
+                                switch(_state.label){
+                                    case 0:
+                                        if (!(response.status !== 200)) return [
+                                            3,
+                                            4
+                                        ];
+                                        _state.label = 1;
+                                    case 1:
+                                        _state.trys.push([
+                                            1,
+                                            3,
+                                            ,
+                                            4
+                                        ]);
+                                        return [
+                                            4,
+                                            response.json()
+                                        ];
+                                    case 2:
+                                        errorResponse = _state.sent();
+                                        throw new Error(errorResponse.error);
+                                    case 3:
+                                        error = _state.sent();
+                                        throw new Error("Failed to fetch");
+                                    case 4:
+                                        return [
+                                            2,
+                                            response.json()
+                                        ];
+                                }
+                            });
+                        });
+                        return function(response) {
+                            return _ref.apply(this, arguments);
+                        };
+                    }())
+                ];
+            });
+        });
+        return function(_) {
+            return _ref.apply(this, arguments);
+        };
+    }();
+};
+// src/hooks/assistants/useAssistant/lib/queryOptions/index.ts
+var queryOptions2 = function(param) {
+    var assistantId = param.assistantId, superinterfaceContext = param.superinterfaceContext;
+    return tanstackQueryOptions({
+        queryKey: [
+            "assistants",
+            {
+                assistantId: assistantId
+            }
+        ],
+        queryFn: queryFn({
+            superinterfaceContext: superinterfaceContext
+        })
+    });
+};
+// src/hooks/assistants/useAssistant/index.ts
+var useAssistant = function(param) {
+    var assistantId = param.assistantId;
+    var superinterfaceContext = useSuperinterfaceContext();
+    var props = useQuery(queryOptions2({
+        assistantId: assistantId,
+        superinterfaceContext: superinterfaceContext
+    }));
+    return useMemo10(function() {
+        return _object_spread_props(_object_spread({}, props), {
+            assistant: props.data ? props.data.assistant : null
+        });
+    }, [
+        props
+    ]);
+};
 // src/components/threads/ThreadDialog/Provider/index.tsx
 import { useState as useState2 } from "react";
 // src/contexts/threads/ThreadDialogContext/index.ts
@@ -3682,11 +3779,11 @@ var blobToData = function(blob) {
     });
 };
 // src/hooks/audioThreads/useStatus/index.ts
-import { useMemo as useMemo10 } from "react";
+import { useMemo as useMemo11 } from "react";
 var useStatus = function(param) {
     var messageAudioProps = param.messageAudioProps, recorderProps = param.recorderProps, createMessageProps = param.createMessageProps;
     var latestMessageProps = useLatestMessage();
-    var status = useMemo10(function() {
+    var status = useMemo11(function() {
         var _latestMessageProps_latestMessage;
         if (recorderProps.status === "recording") return "recording";
         if (createMessageProps.isPending) return "creatingMessage";
@@ -3710,7 +3807,7 @@ var useStatus = function(param) {
 // src/hooks/audioThreads/useRecorder/index.ts
 import dayjs3 from "dayjs";
 import { useAudioCapture } from "use-audio-capture";
-import { useMemo as useMemo11, useRef as useRef7, useState as useState5, useCallback as useCallback4, useEffect as useEffect7 } from "react";
+import { useMemo as useMemo12, useRef as useRef7, useState as useState5, useCallback as useCallback4, useEffect as useEffect7 } from "react";
 import { useAudioPlayer } from "react-use-audio-player";
 // src/hooks/misc/useInterval.ts
 import { useEffect as useEffect6, useRef as useRef6 } from "react";
@@ -3816,7 +3913,7 @@ var useRecorder = function(param) {
         isInited,
         mediaStream
     ]);
-    var visualizationAnalyser = useMemo11(function() {
+    var visualizationAnalyser = useMemo12(function() {
         if (!audioEngine) return null;
         var result = audioEngine.audioContext.createAnalyser();
         audioEngine.source.connect(result);
@@ -3824,7 +3921,7 @@ var useRecorder = function(param) {
     }, [
         audioEngine
     ]);
-    var silenceAnalyser = useMemo11(function() {
+    var silenceAnalyser = useMemo12(function() {
         if (!audioEngine) return null;
         var result = audioEngine.audioContext.createAnalyser();
         result.minDecibels = -60;
@@ -3879,7 +3976,7 @@ var useRecorder = function(param) {
     });
 };
 // src/hooks/audioThreads/useMessageAudio/index.ts
-import { useMemo as useMemo12, useRef as useRef8, useState as useState6, useEffect as useEffect8 } from "react";
+import { useMemo as useMemo13, useRef as useRef8, useState as useState6, useEffect as useEffect8 } from "react";
 import nlp from "compromise";
 import { Howler } from "howler";
 import { useAudioPlayer as useAudioPlayer2 } from "react-use-audio-player";
@@ -3925,7 +4022,7 @@ var useMessageAudio = function(param) {
     var superinterfaceContext = useSuperinterfaceContext();
     var _useState63 = _sliced_to_array(useState6(false), 2), isPlaying = _useState63[0], setIsPlaying = _useState63[1];
     var latestMessageProps = useLatestMessage();
-    var unplayedMessageSentences = useMemo12(function() {
+    var unplayedMessageSentences = useMemo13(function() {
         if (!latestMessageProps.latestMessage) return [];
         if (latestMessageProps.latestMessage.role !== "assistant") return [];
         if (stoppedMessageIds.includes(latestMessageProps.latestMessage.id)) return [];
@@ -4046,7 +4143,7 @@ var useMessageAudio = function(param) {
         audioPlayer,
         isAudioEngineInited
     ]);
-    var visualizationAnalyser = useMemo12(function() {
+    var visualizationAnalyser = useMemo13(function() {
         if (!audioEngine) return null;
         var result = audioEngine.audioContext.createAnalyser();
         audioEngine.source.connect(audioEngine.audioContext.destination);
@@ -4055,7 +4152,7 @@ var useMessageAudio = function(param) {
     }, [
         audioEngine
     ]);
-    var isPending = useMemo12(function() {
+    var isPending = useMemo13(function() {
         return isPlaying || unplayedMessageSentences.length > 0;
     }, [
         isPlaying,
@@ -4520,9 +4617,9 @@ AudioThreadDialog.Root = Root9;
 AudioThreadDialog.Trigger = Trigger;
 AudioThreadDialog.Content = Content4;
 // src/components/suggestions/Suggestions/index.tsx
-import { useMemo as useMemo14 } from "react";
+import { useMemo as useMemo15 } from "react";
 // src/components/suggestions/Suggestions/Content.tsx
-import { useMemo as useMemo13 } from "react";
+import { useMemo as useMemo14 } from "react";
 import { isEmpty as isEmpty3 } from "radash";
 import { onlyText } from "react-children-utilities";
 import { Flex as Flex31 } from "@radix-ui/themes";
@@ -4579,7 +4676,7 @@ import { jsx as jsx77 } from "react/jsx-runtime";
 var Content6 = function(param) {
     var children = param.children;
     var isMutatingMessage = useIsMutatingMessage();
-    var suggestions = useMemo13(function() {
+    var suggestions = useMemo14(function() {
         return onlyText(children).split(/\r?\n/).filter(function(c) {
             return !isEmpty3(c);
         }).map(function(c) {
@@ -4606,7 +4703,7 @@ import { jsx as jsx78 } from "react/jsx-runtime";
 var Suggestions = function(param) {
     var children = param.children;
     var latestMessageProps = useLatestMessage();
-    var isDisabled = useMemo14(function() {
+    var isDisabled = useMemo15(function() {
         var // @ts-ignore-next-line
         _latestMessageProps_latestMessage_metadata, _latestMessageProps_latestMessage;
         return (_latestMessageProps_latestMessage = latestMessageProps.latestMessage) === null || _latestMessageProps_latestMessage === void 0 ? void 0 : (_latestMessageProps_latestMessage_metadata = _latestMessageProps_latestMessage.metadata) === null || _latestMessageProps_latestMessage_metadata === void 0 ? void 0 : _latestMessageProps_latestMessage_metadata.isBlocking;
@@ -4621,14 +4718,14 @@ var Suggestions = function(param) {
 };
 Suggestions.Item = Item;
 // src/components/markdown/MarkdownProvider/index.tsx
-import { useMemo as useMemo15 } from "react";
+import { useMemo as useMemo16 } from "react";
 import { jsx as jsx79 } from "react/jsx-runtime";
 var MarkdownProvider = function(_param) {
     var children = _param.children, rest = _object_without_properties(_param, [
         "children"
     ]);
     var prevMarkdownContext = useMarkdownContext();
-    var value = useMemo15(function() {
+    var value = useMemo16(function() {
         return merge(prevMarkdownContext, rest);
     }, [
         rest,
@@ -4639,30 +4736,111 @@ var MarkdownProvider = function(_param) {
         children: children
     });
 };
+// src/components/avatars/Avatar.tsx
+import { Avatar as RadixAvatar } from "@radix-ui/themes";
+// src/components/imageAvatars/ImageAvatar.tsx
+import { Avatar as Avatar4 } from "@radix-ui/themes";
+import { jsx as jsx80 } from "react/jsx-runtime";
+var width = function(param) {
+    var size = param.size;
+    if (size === "1") {
+        return 48;
+    } else if (size === "3") {
+        return 96;
+    }
+    return 96;
+};
+var optimizedSrc = function(param) {
+    var imageAvatar = param.imageAvatar, size = param.size, superinterfaceContext = param.superinterfaceContext;
+    if (!imageAvatar.url) return "";
+    if (imageAvatar.url.endsWith(".svg")) return imageAvatar.url;
+    if (!superinterfaceContext.baseUrl) return imageAvatar.url;
+    var baseUrl2 = new URL(superinterfaceContext.baseUrl);
+    return new URL("/_next/image?url=".concat(encodeURIComponent(imageAvatar.url), "&w=").concat(width({
+        size: size
+    }), "&q=95"), "".concat(baseUrl2.origin)).toString();
+};
+var ImageAvatar = function(param) {
+    var imageAvatar = param.imageAvatar, size = param.size;
+    var superinterfaceContext = useSuperinterfaceContext();
+    return /* @__PURE__ */ jsx80(Avatar4, {
+        fallback: "",
+        src: optimizedSrc({
+            imageAvatar: imageAvatar,
+            size: size,
+            superinterfaceContext: superinterfaceContext
+        }),
+        size: size
+    });
+};
+// src/components/iconAvatars/IconAvatar.tsx
+import { useMemo as useMemo17 } from "react";
+import { Avatar as Avatar5 } from "@radix-ui/themes";
+// src/lib/iconAvatars/iconAvatarComponents.ts
+import { BackpackIcon, RocketIcon, MagicWandIcon, CubeIcon, TargetIcon, DiscIcon, GlobeIcon, StarIcon, LightningBoltIcon as LightningBoltIcon2, FaceIcon, PersonIcon as PersonIcon2, HeartIcon } from "@radix-ui/react-icons";
+var _obj;
+var iconAvatarComponents = (_obj = {}, _define_property(_obj, "BACKPACK" /* BACKPACK */ , BackpackIcon), _define_property(_obj, "ROCKET" /* ROCKET */ , RocketIcon), _define_property(_obj, "MAGIC_WAND" /* MAGIC_WAND */ , MagicWandIcon), _define_property(_obj, "CUBE" /* CUBE */ , CubeIcon), _define_property(_obj, "TARGET" /* TARGET */ , TargetIcon), _define_property(_obj, "DISC" /* DISC */ , DiscIcon), _define_property(_obj, "GLOBE" /* GLOBE */ , GlobeIcon), _define_property(_obj, "STAR" /* STAR */ , StarIcon), _define_property(_obj, "LIGHTNING_BOLT" /* LIGHTNING_BOLT */ , LightningBoltIcon2), _define_property(_obj, "FACE" /* FACE */ , FaceIcon), _define_property(_obj, "PERSON" /* PERSON */ , PersonIcon2), _define_property(_obj, "HEART" /* HEART */ , HeartIcon), _obj);
+// src/components/iconAvatars/IconAvatar.tsx
+import { jsx as jsx81 } from "react/jsx-runtime";
+var IconAvatar = function(param) {
+    var iconAvatar = param.iconAvatar, size = param.size;
+    var Component = useMemo17(function() {
+        return iconAvatarComponents[iconAvatar.name];
+    }, [
+        iconAvatar
+    ]);
+    return /* @__PURE__ */ jsx81(Avatar5, {
+        size: size,
+        fallback: Component ? /* @__PURE__ */ jsx81(Component, {}) : ""
+    });
+};
+// src/components/avatars/Avatar.tsx
+import { jsx as jsx82 } from "react/jsx-runtime";
+var Avatar6 = function(param) {
+    var avatar = param.avatar, _param_size = param.size, size = _param_size === void 0 ? "1" : _param_size;
+    if (avatar) {
+        if (avatar.type === "IMAGE" /* IMAGE */  && avatar.imageAvatar) {
+            return /* @__PURE__ */ jsx82(ImageAvatar, {
+                imageAvatar: avatar.imageAvatar,
+                size: size
+            });
+        }
+        if (avatar.type === "ICON" /* ICON */  && avatar.iconAvatar) {
+            return /* @__PURE__ */ jsx82(IconAvatar, {
+                iconAvatar: avatar.iconAvatar,
+                size: size
+            });
+        }
+    }
+    return /* @__PURE__ */ jsx82(RadixAvatar, {
+        fallback: "",
+        size: size
+    });
+};
 // src/components/components/ComponentsProvider.tsx
-import { useMemo as useMemo16 } from "react";
+import { useMemo as useMemo18 } from "react";
 // src/hooks/components/useComponents.ts
 import { useContext as useContext16 } from "react";
 var useComponents = function() {
     return useContext16(ComponentsContext);
 };
 // src/components/components/ComponentsProvider.tsx
-import { jsx as jsx80 } from "react/jsx-runtime";
+import { jsx as jsx83 } from "react/jsx-runtime";
 var ComponentsProvider = function(_param) {
     var children = _param.children, rest = _object_without_properties(_param, [
         "children"
     ]);
     var prevComponents = useComponents();
-    var value = useMemo16(function() {
+    var value = useMemo18(function() {
         return merge(prevComponents, rest);
     }, [
         rest,
         prevComponents
     ]);
-    return /* @__PURE__ */ jsx80(ComponentsContext.Provider, {
+    return /* @__PURE__ */ jsx83(ComponentsContext.Provider, {
         value: value,
         children: children
     });
 };
-export { AssistantAvatarContext, AssistantNameContext, AudioThread, AudioThreadDialog, ComponentsProvider, FunctionBase, FunctionComponentsContext, MarkdownContext, MarkdownProvider, RunStep, Suggestions, SuperinterfaceProvider, Thread, ThreadDialog, ThreadDialogContext, UserAvatarContext, useComponents, useCreateMessage, useLatestMessage, useMarkdownContext, useMessageContext, useMessageFormContext, useMessages, useSuperinterfaceContext, useSuperinterfaceContext as useThreadContext, useThreadDialogContext };
+export { AssistantAvatarContext, AssistantNameContext, AudioThread, AudioThreadDialog, Avatar6 as Avatar, ComponentsProvider, FunctionBase, FunctionComponentsContext, MarkdownContext, MarkdownProvider, RunStep, Suggestions, SuperinterfaceProvider, Thread, ThreadDialog, ThreadDialogContext, UserAvatarContext, useAssistant, useComponents, useCreateMessage, useLatestMessage, useMarkdownContext, useMessageContext, useMessageFormContext, useMessages, useSuperinterfaceContext, useSuperinterfaceContext as useThreadContext, useThreadDialogContext };
 //# sourceMappingURL=index.js.map