@superinterface/react 2.18.0 → 2.19.1

package/dist/index.d.cts

@@ -1,5 +1,5 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
-import { MessagesPage, SerializedMessage, SerializedRunStep, ToolCall } from './types/index.cjs';
+import { MessagesPage, SerializedMessage, Avatar as Avatar$1, SerializedRunStep, ToolCall } from './types/index.cjs';
 import * as _tanstack_react_query from '@tanstack/react-query';
 import { UseInfiniteQueryOptions, InfiniteData, UseMutationOptions } from '@tanstack/react-query';
 import * as react_hook_form from 'react-hook-form';
@@ -625,6 +625,11 @@ declare const AssistantNameContext: react.Context<string>;
 
 declare const UserAvatarContext: react.Context<react_jsx_runtime.JSX.Element>;
 
+declare const Avatar: ({ avatar, size, }: {
+    avatar: Avatar$1;
+    size?: "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9";
+}) => react_jsx_runtime.JSX.Element;
+
 type FunctionComponents = {
     [key: string]: React.ReactNode;
 };
@@ -686,4 +691,4 @@ declare const RunStep: {
     };
 };
 
-export { AssistantAvatarContext, AssistantNameContext, AudioThread, AudioThreadDialog, 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 };
+export { AssistantAvatarContext, AssistantNameContext, AudioThread, AudioThreadDialog, 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 };

package/dist/index.d.ts

@@ -1,5 +1,5 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
-import { MessagesPage, SerializedMessage, SerializedRunStep, ToolCall } from './types/index.js';
+import { MessagesPage, SerializedMessage, Avatar as Avatar$1, SerializedRunStep, ToolCall } from './types/index.js';
 import * as _tanstack_react_query from '@tanstack/react-query';
 import { UseInfiniteQueryOptions, InfiniteData, UseMutationOptions } from '@tanstack/react-query';
 import * as react_hook_form from 'react-hook-form';
@@ -625,6 +625,11 @@ declare const AssistantNameContext: react.Context<string>;
 
 declare const UserAvatarContext: react.Context<react_jsx_runtime.JSX.Element>;
 
+declare const Avatar: ({ avatar, size, }: {
+    avatar: Avatar$1;
+    size?: "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9";
+}) => react_jsx_runtime.JSX.Element;
+
 type FunctionComponents = {
     [key: string]: React.ReactNode;
 };
@@ -686,4 +691,4 @@ declare const RunStep: {
     };
 };
 
-export { AssistantAvatarContext, AssistantNameContext, AudioThread, AudioThreadDialog, 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 };
+export { AssistantAvatarContext, AssistantNameContext, AudioThread, AudioThreadDialog, 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 };

package/dist/index.js

@@ -439,7 +439,7 @@ var variableParams = function(param) {
 };
 // src/lib/threads/queryOptions/index.ts
 var queryOptions = function(param) {
-    var queryKeyBase = param.queryKeyBase, path = param.path, queryClient = param.queryClient, threadContext = param.threadContext, superinterfaceContext = param.superinterfaceContext;
+    var queryKeyBase = param.queryKeyBase, path2 = param.path, queryClient = param.queryClient, threadContext = param.threadContext, superinterfaceContext = param.superinterfaceContext;
     var queryKey = _to_consumable_array(queryKeyBase).concat([
         threadContext.variables
     ]);
@@ -459,7 +459,7 @@ var queryOptions = function(param) {
                     })));
                     return [
                         2,
-                        fetch("".concat(superinterfaceContext.baseUrl).concat(path, "?").concat(params)).then(function() {
+                        fetch("".concat(superinterfaceContext.baseUrl).concat(path2, "?").concat(params)).then(function() {
                             var _ref = _async_to_generator(function(response) {
                                 var errorResponse, error;
                                 return _ts_generator(this, function(_state) {
@@ -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,
@@ -4737,30 +4736,128 @@ var MarkdownProvider = function(_param) {
         children: children
     });
 };
-// src/components/components/ComponentsProvider.tsx
+// src/components/avatars/Avatar.tsx
+import { Avatar as RadixAvatar } from "@radix-ui/themes";
+// src/components/imageAvatars/ImageAvatar/index.tsx
+import { Avatar as Avatar4 } from "@radix-ui/themes";
+// src/components/imageAvatars/ImageAvatar/lib/optimizedSrc/path.ts
+var width = function(param) {
+    var size = param.size;
+    if (size === "1") {
+        return 48;
+    } else if (size === "3") {
+        return 96;
+    }
+    return 96;
+};
+var path = function(param) {
+    var imageAvatar = param.imageAvatar, size = param.size;
+    return "/_next/image?url=".concat(encodeURIComponent(imageAvatar.url), "&w=").concat(width({
+        size: size
+    }), "&q=95");
+};
+// src/components/imageAvatars/ImageAvatar/lib/optimizedSrc/host.ts
+var host = function(param) {
+    var superinterfaceContext = param.superinterfaceContext;
+    if (!superinterfaceContext.baseUrl) return "";
+    if (!/^https?:\/\//i.test(superinterfaceContext.baseUrl)) return "";
+    return new URL(superinterfaceContext.baseUrl).origin;
+};
+// src/components/imageAvatars/ImageAvatar/lib/optimizedSrc/index.ts
+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;
+    return "".concat(host({
+        superinterfaceContext: superinterfaceContext
+    })).concat(path({
+        imageAvatar: imageAvatar,
+        size: size
+    }));
+};
+// src/components/imageAvatars/ImageAvatar/index.tsx
+import { jsx as jsx80 } from "react/jsx-runtime";
+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 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 = useMemo17(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, useAssistant, 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