@superinterface/react 2.22.0 → 2.22.2

package/dist/index.js

@@ -2354,6 +2354,11 @@ var threadRunCreated = function(param) {
         });
     });
 };
+// src/hooks/messages/useCreateMessage/lib/mutationOptions/mutationFn/handleResponse/handlers/threadRunFailed.ts
+var threadRunFailed = function(param) {
+    var value = param.value, queryClient = param.queryClient, messagesQueryKey = param.messagesQueryKey;
+    throw new Error("There was a problem sending your message. Please try again.");
+};
 // src/hooks/messages/useCreateMessage/lib/mutationOptions/mutationFn/handleResponse/handlers/threadRunStepCreated.ts
 var threadRunStepCreated = function(param) {
     var value = param.value, queryClient = param.queryClient, messagesQueryKey = param.messagesQueryKey;
@@ -2587,6 +2592,7 @@ var handlers = {
     "thread.message.delta": threadMessageDelta,
     "thread.message.completed": threadMessageCompleted,
     "thread.run.created": threadRunCreated,
+    "thread.run.failed": threadRunFailed,
     "thread.run.step.created": threadRunStepCreated,
     "thread.run.step.delta": threadRunStepDelta,
     "thread.run.step.completed": threadRunStepCompleted,
@@ -2773,6 +2779,32 @@ var formOptions = {
 };
 // src/components/threads/Thread/MessageForm/Root/index.tsx
 import { partob as partob2 } from "radash";
+// src/lib/errors/createMessageDefaultOnError.ts
+var createMessageDefaultOnError = function(param) {
+    var queryClient = param.queryClient, addToast = param.addToast, threadContext = param.threadContext;
+    return function(error) {
+        if (error.name === "AbortError") {
+            queryClient.invalidateQueries({
+                queryKey: [
+                    "messages",
+                    threadContext.variables
+                ]
+            });
+            queryClient.invalidateQueries({
+                queryKey: [
+                    "runs",
+                    threadContext.variables
+                ]
+            });
+            return;
+        }
+        addToast({
+            type: "error",
+            message: error.message
+        });
+    };
+};
+// src/components/threads/Thread/MessageForm/Root/index.tsx
 import { jsx as jsx51 } from "react/jsx-runtime";
 var Root4 = function(param) {
     var children = param.children, onSubmitArg = param.onSubmit, isDisabledArg = param.isDisabled;
@@ -2783,27 +2815,11 @@ var Root4 = function(param) {
     var queryClient = useQueryClient4();
     var threadContext = useSuperinterfaceContext();
     var createMessage = useCreateMessage({
-        onError: function(error) {
-            if (error.name === "AbortError") {
-                queryClient.invalidateQueries({
-                    queryKey: [
-                        "messages",
-                        threadContext.variables
-                    ]
-                });
-                queryClient.invalidateQueries({
-                    queryKey: [
-                        "runs",
-                        threadContext.variables
-                    ]
-                });
-                return;
-            }
-            addToast({
-                type: "error",
-                message: error.message
-            });
-        }
+        onError: createMessageDefaultOnError({
+            queryClient: queryClient,
+            addToast: addToast,
+            threadContext: threadContext
+        })
     }).createMessage;
     var isMutatingMessage = useIsMutatingMessage();
     var isFileLoading = useMemo8(function() {
@@ -3497,7 +3513,7 @@ var CustomToast = function(param) {
 // src/components/toasts/ToastsProvider/index.tsx
 import { jsx as jsx59, jsxs as jsxs22 } from "react/jsx-runtime";
 var ToastsProvider = function(param) {
-    var children = param.children;
+    var children = param.children, _param_bottom = param.bottom, bottom = _param_bottom === void 0 ? 0 : _param_bottom;
     var _useState2 = _sliced_to_array(useState2([]), 2), toasts = _useState2[0], setToasts = _useState2[1];
     var addToast = useCallback3(function(toast) {
         return setToasts(function(prevToasts) {
@@ -3522,7 +3538,7 @@ var ToastsProvider = function(param) {
                 /* @__PURE__ */ jsx59(Toast2.Viewport, {
                     style: {
                         position: "absolute",
-                        bottom: "var(--space-9)",
+                        bottom: bottom,
                         right: 0,
                         display: "flex",
                         flexDirection: "column",
@@ -3547,6 +3563,7 @@ var Root8 = function(_param) {
         "children"
     ]);
     return /* @__PURE__ */ jsx60(ToastsProvider, {
+        bottom: "var(--space-9)",
         children: /* @__PURE__ */ jsx60(Provider2, _object_spread_props(_object_spread({}, rest), {
             children: /* @__PURE__ */ jsx60(Flex22, {
                 direction: "column",
@@ -4409,10 +4426,23 @@ var useMessageAudio = function(param) {
     });
 };
 // src/components/threads/AudioThread/Root/index.tsx
+import { useQueryClient as useQueryClient6 } from "@tanstack/react-query";
 import { jsx as jsx69 } from "react/jsx-runtime";
-var Root12 = function(param) {
+var Content6 = function(param) {
     var children = param.children;
-    var createMessageProps = useCreateMessage();
+    var addToast = useToasts().addToast;
+    var queryClient = useQueryClient6();
+    var threadContext = useSuperinterfaceContext();
+    var createMessageProps = useCreateMessage({
+        onError: function(error) {
+            createMessageDefaultOnError({
+                queryClient: queryClient,
+                addToast: addToast,
+                threadContext: threadContext
+            })(error);
+            recorderProps.start();
+        }
+    });
     var recorderProps = useRecorder({
         isStopOnSilence: true,
         onStart: /*#__PURE__*/ _async_to_generator(function() {
@@ -4481,6 +4511,14 @@ var Root12 = function(param) {
         })
     });
 };
+var Root12 = function(param) {
+    var children = param.children;
+    return /* @__PURE__ */ jsx69(ToastsProvider, {
+        children: /* @__PURE__ */ jsx69(Content6, {
+            children: children
+        })
+    });
+};
 // src/components/threads/AudioThread/Visualization/index.tsx
 import { useContext as useContext15, useState as useState8, useCallback as useCallback6, useEffect as useEffect10 } from "react";
 import _9 from "lodash";
@@ -4869,11 +4907,21 @@ import { Flex as Flex32 } from "@radix-ui/themes";
 // src/components/suggestions/Suggestions/Item.tsx
 import { ArrowUpIcon as ArrowUpIcon3 } from "@radix-ui/react-icons";
 import { Text as Text9, Button as Button4, Spinner as Spinner2 } from "@radix-ui/themes";
+import { useQueryClient as useQueryClient7 } from "@tanstack/react-query";
 import { jsx as jsx79, jsxs as jsxs32 } from "react/jsx-runtime";
 var Item = function(param) {
     var suggestion = param.suggestion, isDisabled = param.isDisabled;
-    var _useCreateMessage = useCreateMessage(), createMessage = _useCreateMessage.createMessage, isPending = _useCreateMessage.isPending;
-    return /* @__PURE__ */ jsx79(Content6, {
+    var addToast = useToasts().addToast;
+    var queryClient = useQueryClient7();
+    var threadContext = useSuperinterfaceContext();
+    var _useCreateMessage = useCreateMessage({
+        onError: createMessageDefaultOnError({
+            queryClient: queryClient,
+            addToast: addToast,
+            threadContext: threadContext
+        })
+    }), createMessage = _useCreateMessage.createMessage, isPending = _useCreateMessage.isPending;
+    return /* @__PURE__ */ jsx79(Content7, {
         onClick: function() {
             createMessage({
                 // @ts-ignore-next-line
@@ -4885,7 +4933,7 @@ var Item = function(param) {
         children: suggestion
     });
 };
-var Content6 = function(param) {
+var Content7 = function(param) {
     var onClick = param.onClick, isDisabled = param.isDisabled, isPending = param.isPending, children = param.children;
     return /* @__PURE__ */ jsxs32(Button4, {
         variant: "soft",
@@ -4913,10 +4961,10 @@ var Content6 = function(param) {
         ]
     });
 };
-Item.Content = Content6;
+Item.Content = Content7;
 // src/components/suggestions/Suggestions/Content.tsx
 import { jsx as jsx80 } from "react/jsx-runtime";
-var Content7 = function(param) {
+var Content8 = function(param) {
     var children = param.children;
     var isMutatingMessage = useIsMutatingMessage();
     var suggestions = useMemo14(function() {
@@ -4955,7 +5003,7 @@ var Suggestions = function(param) {
     ]);
     if (latestMessageProps.isLoading) return null;
     if (isDisabled) return null;
-    return /* @__PURE__ */ jsx81(Content7, {
+    return /* @__PURE__ */ jsx81(Content8, {
         children: children
     });
 };