@superinterface/react 2.18.0 → 2.19.1

package/dist/index.cjs

@@ -397,6 +397,9 @@ __export(src_exports, {
     AudioThreadDialog: function() {
         return AudioThreadDialog;
     },
+    Avatar: function() {
+        return Avatar6;
+    },
     ComponentsProvider: function() {
         return ComponentsProvider;
     },
@@ -588,7 +591,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
     ]);
@@ -608,7 +611,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) {
@@ -1920,7 +1923,6 @@ var useInfiniteScroll = function(param) {
         if (isFetchingNextPage) return;
         if (!inView) return;
         if (!hasNextPage) return;
-        console.log("Fetching next page");
         fetchNextPage();
     }, 500, [
         inView,
@@ -4886,27 +4888,125 @@ var MarkdownProvider = function(_param) {
         children: children
     });
 };
+// src/components/avatars/Avatar.tsx
+var import_themes55 = require("@radix-ui/themes");
+// src/components/imageAvatars/ImageAvatar/index.tsx
+var import_themes53 = require("@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
+var import_jsx_runtime80 = require("react/jsx-runtime");
+var ImageAvatar = function(param) {
+    var imageAvatar = param.imageAvatar, size = param.size;
+    var superinterfaceContext = useSuperinterfaceContext();
+    return /* @__PURE__ */ (0, import_jsx_runtime80.jsx)(import_themes53.Avatar, {
+        fallback: "",
+        src: optimizedSrc({
+            imageAvatar: imageAvatar,
+            size: size,
+            superinterfaceContext: superinterfaceContext
+        }),
+        size: size
+    });
+};
+// src/components/iconAvatars/IconAvatar.tsx
+var import_react57 = require("react");
+var import_themes54 = require("@radix-ui/themes");
+// src/lib/iconAvatars/iconAvatarComponents.ts
+var import_react_icons15 = require("@radix-ui/react-icons");
+var _obj;
+var iconAvatarComponents = (_obj = {}, _define_property(_obj, "BACKPACK" /* BACKPACK */ , import_react_icons15.BackpackIcon), _define_property(_obj, "ROCKET" /* ROCKET */ , import_react_icons15.RocketIcon), _define_property(_obj, "MAGIC_WAND" /* MAGIC_WAND */ , import_react_icons15.MagicWandIcon), _define_property(_obj, "CUBE" /* CUBE */ , import_react_icons15.CubeIcon), _define_property(_obj, "TARGET" /* TARGET */ , import_react_icons15.TargetIcon), _define_property(_obj, "DISC" /* DISC */ , import_react_icons15.DiscIcon), _define_property(_obj, "GLOBE" /* GLOBE */ , import_react_icons15.GlobeIcon), _define_property(_obj, "STAR" /* STAR */ , import_react_icons15.StarIcon), _define_property(_obj, "LIGHTNING_BOLT" /* LIGHTNING_BOLT */ , import_react_icons15.LightningBoltIcon), _define_property(_obj, "FACE" /* FACE */ , import_react_icons15.FaceIcon), _define_property(_obj, "PERSON" /* PERSON */ , import_react_icons15.PersonIcon), _define_property(_obj, "HEART" /* HEART */ , import_react_icons15.HeartIcon), _obj);
+// src/components/iconAvatars/IconAvatar.tsx
+var import_jsx_runtime81 = require("react/jsx-runtime");
+var IconAvatar = function(param) {
+    var iconAvatar = param.iconAvatar, size = param.size;
+    var Component = (0, import_react57.useMemo)(function() {
+        return iconAvatarComponents[iconAvatar.name];
+    }, [
+        iconAvatar
+    ]);
+    return /* @__PURE__ */ (0, import_jsx_runtime81.jsx)(import_themes54.Avatar, {
+        size: size,
+        fallback: Component ? /* @__PURE__ */ (0, import_jsx_runtime81.jsx)(Component, {}) : ""
+    });
+};
+// src/components/avatars/Avatar.tsx
+var import_jsx_runtime82 = require("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__ */ (0, import_jsx_runtime82.jsx)(ImageAvatar, {
+                imageAvatar: avatar.imageAvatar,
+                size: size
+            });
+        }
+        if (avatar.type === "ICON" /* ICON */  && avatar.iconAvatar) {
+            return /* @__PURE__ */ (0, import_jsx_runtime82.jsx)(IconAvatar, {
+                iconAvatar: avatar.iconAvatar,
+                size: size
+            });
+        }
+    }
+    return /* @__PURE__ */ (0, import_jsx_runtime82.jsx)(import_themes55.Avatar, {
+        fallback: "",
+        size: size
+    });
+};
 // src/components/components/ComponentsProvider.tsx
-var import_react58 = require("react");
+var import_react59 = require("react");
 // src/hooks/components/useComponents.ts
-var import_react57 = require("react");
+var import_react58 = require("react");
 var useComponents = function() {
-    return (0, import_react57.useContext)(ComponentsContext);
+    return (0, import_react58.useContext)(ComponentsContext);
 };
 // src/components/components/ComponentsProvider.tsx
-var import_jsx_runtime80 = require("react/jsx-runtime");
+var import_jsx_runtime83 = require("react/jsx-runtime");
 var ComponentsProvider = function(_param) {
     var children = _param.children, rest = _object_without_properties(_param, [
         "children"
     ]);
     var prevComponents = useComponents();
-    var value = (0, import_react58.useMemo)(function() {
+    var value = (0, import_react59.useMemo)(function() {
         return merge(prevComponents, rest);
     }, [
         rest,
         prevComponents
     ]);
-    return /* @__PURE__ */ (0, import_jsx_runtime80.jsx)(ComponentsContext.Provider, {
+    return /* @__PURE__ */ (0, import_jsx_runtime83.jsx)(ComponentsContext.Provider, {
         value: value,
         children: children
     });
@@ -4917,6 +5017,7 @@ var ComponentsProvider = function(_param) {
     AssistantNameContext: AssistantNameContext,
     AudioThread: AudioThread,
     AudioThreadDialog: AudioThreadDialog,
+    Avatar: Avatar,
     ComponentsProvider: ComponentsProvider,
     FunctionBase: FunctionBase,
     FunctionComponentsContext: FunctionComponentsContext,