@superinterface/react 2.20.2 → 2.22.0

package/dist/index.js

@@ -2491,6 +2491,95 @@ var threadRunStepCompleted = function(param) {
         });
     });
 };
+// src/hooks/messages/useCreateMessage/lib/mutationOptions/mutationFn/handleResponse/handlers/threadRunRequiresAction.ts
+import { map } from "radash";
+var threadRunRequiresAction = function() {
+    var _ref = _async_to_generator(function(param) {
+        var value, queryClient, messagesQueryKey, superinterfaceContext, toolCalls, toolOutputs;
+        return _ts_generator(this, function(_state) {
+            switch(_state.label){
+                case 0:
+                    value = param.value, queryClient = param.queryClient, messagesQueryKey = param.messagesQueryKey, superinterfaceContext = param.superinterfaceContext;
+                    if (!(value.data.required_action.type === "submit_client_tool_outputs")) return [
+                        3,
+                        2
+                    ];
+                    toolCalls = value.data.required_action.submit_client_tool_outputs.tool_calls;
+                    return [
+                        4,
+                        map(toolCalls, function() {
+                            var _ref = _async_to_generator(function(toolCall) {
+                                var fn, args, parsedArgs, output;
+                                return _ts_generator(this, function(_state) {
+                                    switch(_state.label){
+                                        case 0:
+                                            if (toolCall.type !== "function") {
+                                                return [
+                                                    2,
+                                                    {
+                                                        toolCallId: toolCall.id,
+                                                        output: "Error: client tool type ".concat(toolCall.type, " is not supported.")
+                                                    }
+                                                ];
+                                            }
+                                            fn = window[toolCall.function.name];
+                                            if (!fn) {
+                                                return [
+                                                    2,
+                                                    {
+                                                        toolCallId: toolCall.id,
+                                                        output: "Error: client function ".concat(toolCall.function.name, " is not defined.")
+                                                    }
+                                                ];
+                                            }
+                                            args = toolCall.function.arguments;
+                                            parsedArgs = JSON.parse(args);
+                                            return [
+                                                4,
+                                                fn(parsedArgs)
+                                            ];
+                                        case 1:
+                                            output = _state.sent();
+                                            return [
+                                                2,
+                                                {
+                                                    toolCallId: toolCall.id,
+                                                    output: output
+                                                }
+                                            ];
+                                    }
+                                });
+                            });
+                            return function(toolCall) {
+                                return _ref.apply(this, arguments);
+                            };
+                        }())
+                    ];
+                case 1:
+                    toolOutputs = _state.sent();
+                    return [
+                        2,
+                        fetch("".concat(superinterfaceContext.baseUrl, "/threads/runs/submit-client-tool-outputs"), {
+                            method: "POST",
+                            headers: {
+                                "Content-Type": "application/json"
+                            },
+                            body: JSON.stringify(_object_spread({
+                                toolOutputs: toolOutputs
+                            }, superinterfaceContext.variables))
+                        })
+                    ];
+                case 2:
+                    return [
+                        2
+                    ];
+            }
+        });
+    });
+    return function threadRunRequiresAction(_) {
+        return _ref.apply(this, arguments);
+    };
+}();
 // src/hooks/messages/useCreateMessage/lib/mutationOptions/mutationFn/handleResponse/handlers/index.ts
 var handlers = {
     "thread.created": threadCreated,
@@ -2500,7 +2589,8 @@ var handlers = {
     "thread.run.created": threadRunCreated,
     "thread.run.step.created": threadRunStepCreated,
     "thread.run.step.delta": threadRunStepDelta,
-    "thread.run.step.completed": threadRunStepCompleted
+    "thread.run.step.completed": threadRunStepCompleted,
+    "thread.run.requires_action": threadRunRequiresAction
 };
 // src/hooks/messages/useCreateMessage/lib/mutationOptions/mutationFn/handleResponse/index.ts
 var handleResponse = function(param) {
@@ -2538,7 +2628,7 @@ var mutationFn = function(param) {
     var superinterfaceContext = param.superinterfaceContext, queryClient = param.queryClient, threadContext = param.threadContext;
     return function() {
         var _ref = _async_to_generator(function(variables) {
-            var abortController, response, parser, reader, messagesQueryKey, _ref, done, value;
+            var abortController, response, errorResponse, error, parser, reader, messagesQueryKey, _ref, done, value;
             return _ts_generator(this, function(_state) {
                 switch(_state.label){
                     case 0:
@@ -2557,6 +2647,29 @@ var mutationFn = function(param) {
                         ];
                     case 1:
                         response = _state.sent();
+                        if (!(response.status !== 200)) return [
+                            3,
+                            5
+                        ];
+                        _state.label = 2;
+                    case 2:
+                        _state.trys.push([
+                            2,
+                            4,
+                            ,
+                            5
+                        ]);
+                        return [
+                            4,
+                            response.json()
+                        ];
+                    case 3:
+                        errorResponse = _state.sent();
+                        throw new Error(errorResponse.error);
+                    case 4:
+                        error = _state.sent();
+                        throw new Error("There was a problem sending your message. Please try again.");
+                    case 5:
                         if (response.body == null) {
                             throw new Error("The response body is empty.");
                         }
@@ -2572,21 +2685,21 @@ var mutationFn = function(param) {
                             "messages",
                             threadContext.variables
                         ];
-                        _state.label = 2;
-                    case 2:
+                        _state.label = 6;
+                    case 6:
                         if (!true) return [
                             3,
-                            4
+                            8
                         ];
                         return [
                             4,
                             reader.read()
                         ];
-                    case 3:
+                    case 7:
                         _ref = _state.sent(), done = _ref.done, value = _ref.value;
                         if (done) return [
                             3,
-                            4
+                            8
                         ];
                         handleResponse({
                             value: value,
@@ -2596,9 +2709,9 @@ var mutationFn = function(param) {
                         });
                         return [
                             3,
-                            2
+                            6
                         ];
-                    case 4:
+                    case 8:
                         return [
                             2
                         ];
@@ -3342,34 +3455,118 @@ MessageForm.Root = Root4;
 MessageForm.Field = Field;
 MessageForm.Submit = Submit;
 // src/components/threads/Thread/Root/index.tsx
-import { Flex as Flex21 } from "@radix-ui/themes";
+import { Flex as Flex22 } from "@radix-ui/themes";
 // src/components/threads/Thread/Provider/index.tsx
 var Provider2 = SuperinterfaceProvider;
+// src/components/toasts/ToastsProvider/index.tsx
+import { useState as useState2, useCallback as useCallback3 } from "react";
+import * as Toast2 from "@radix-ui/react-toast";
+// src/components/toasts/ToastsProvider/CustomToast.tsx
+import * as Toast from "@radix-ui/react-toast";
+import { Card as Card2, Text as Text7, Flex as Flex21 } from "@radix-ui/themes";
+import { CheckCircledIcon as CheckCircledIcon2, CrossCircledIcon } from "@radix-ui/react-icons";
+import { jsx as jsx58, jsxs as jsxs21 } from "react/jsx-runtime";
+var CustomToast = function(param) {
+    var toast = param.toast;
+    return /* @__PURE__ */ jsx58(Toast.Root, {
+        children: /* @__PURE__ */ jsx58(Card2, {
+            children: /* @__PURE__ */ jsx58(Toast.Title, {
+                children: /* @__PURE__ */ jsxs21(Flex21, {
+                    children: [
+                        /* @__PURE__ */ jsx58(Flex21, {
+                            pr: "2",
+                            height: "14px",
+                            align: "center",
+                            children: toast.type === "success" ? /* @__PURE__ */ jsx58(CheckCircledIcon2, {
+                                color: "var(--accent-9)"
+                            }) : /* @__PURE__ */ jsx58(CrossCircledIcon, {
+                                color: "var(--red-9)"
+                            })
+                        }),
+                        /* @__PURE__ */ jsx58(Text7, {
+                            weight: "medium",
+                            size: "1",
+                            children: toast.message
+                        })
+                    ]
+                })
+            })
+        })
+    });
+};
+// 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 _useState2 = _sliced_to_array(useState2([]), 2), toasts = _useState2[0], setToasts = _useState2[1];
+    var addToast = useCallback3(function(toast) {
+        return setToasts(function(prevToasts) {
+            return _to_consumable_array(prevToasts).concat([
+                toast
+            ]);
+        });
+    }, []);
+    return /* @__PURE__ */ jsx59(ToastsContext.Provider, {
+        value: {
+            toasts: toasts,
+            addToast: addToast
+        },
+        children: /* @__PURE__ */ jsxs22(Toast2.Provider, {
+            children: [
+                children,
+                Array.from(toasts).map(function(toast, index) {
+                    return /* @__PURE__ */ jsx59(CustomToast, {
+                        toast: toast
+                    }, index);
+                }),
+                /* @__PURE__ */ jsx59(Toast2.Viewport, {
+                    style: {
+                        position: "absolute",
+                        bottom: "var(--space-9)",
+                        right: 0,
+                        display: "flex",
+                        flexDirection: "column",
+                        padding: "var(--space-5)",
+                        gap: "var(--space-3)",
+                        width: "390px",
+                        maxWidth: "100vw",
+                        margin: 0,
+                        listStyle: "none",
+                        zIndex: 99999999999999,
+                        outline: "none"
+                    }
+                })
+            ]
+        })
+    });
+};
 // src/components/threads/Thread/Root/index.tsx
-import { jsx as jsx58 } from "react/jsx-runtime";
-var Root7 = function(_param) {
+import { jsx as jsx60 } from "react/jsx-runtime";
+var Root8 = function(_param) {
     var children = _param.children, rest = _object_without_properties(_param, [
         "children"
     ]);
-    return /* @__PURE__ */ jsx58(Provider2, _object_spread_props(_object_spread({}, rest), {
-        children: /* @__PURE__ */ jsx58(Flex21, {
-            direction: "column",
-            flexGrow: "1",
-            children: children
-        })
-    }));
+    return /* @__PURE__ */ jsx60(ToastsProvider, {
+        children: /* @__PURE__ */ jsx60(Provider2, _object_spread_props(_object_spread({}, rest), {
+            children: /* @__PURE__ */ jsx60(Flex22, {
+                direction: "column",
+                flexGrow: "1",
+                children: children
+            })
+        }))
+    });
 };
 // src/components/threads/Thread/index.tsx
-import { jsx as jsx59, jsxs as jsxs21 } from "react/jsx-runtime";
+import { jsx as jsx61, jsxs as jsxs23 } from "react/jsx-runtime";
 var Thread = function(props) {
-    return /* @__PURE__ */ jsxs21(Root7, _object_spread_props(_object_spread({}, props), {
+    return /* @__PURE__ */ jsxs23(Root8, _object_spread_props(_object_spread({}, props), {
         children: [
-            /* @__PURE__ */ jsx59(Messages, {}),
-            /* @__PURE__ */ jsx59(MessageForm, {})
+            /* @__PURE__ */ jsx61(Messages, {}),
+            /* @__PURE__ */ jsx61(MessageForm, {})
         ]
     }));
 };
-Thread.Root = Root7;
+Thread.Root = Root8;
 Thread.Messages = Messages;
 Thread.MessageForm = MessageForm;
 // src/hooks/messages/useMessageContext/index.ts
@@ -3476,7 +3673,7 @@ var useAssistant = function(param) {
     ]);
 };
 // src/components/threads/ThreadDialog/Provider/index.tsx
-import { useState as useState2 } from "react";
+import { useState as useState3 } from "react";
 // src/contexts/threads/ThreadDialogContext/index.ts
 import { createContext as createContext11 } from "react";
 var ThreadDialogContext = createContext11({
@@ -3489,12 +3686,12 @@ var useThreadDialogContext = function() {
     return useContext13(ThreadDialogContext);
 };
 // src/components/threads/ThreadDialog/Provider/index.tsx
-import { jsx as jsx60 } from "react/jsx-runtime";
-var Provider3 = function(param) {
+import { jsx as jsx62 } from "react/jsx-runtime";
+var Provider4 = function(param) {
     var children = param.children;
     var threadDialogContext = useThreadDialogContext();
-    var _useState2 = _sliced_to_array(useState2(threadDialogContext.isOpen), 2), isOpen = _useState2[0], setIsOpen = _useState2[1];
-    return /* @__PURE__ */ jsx60(ThreadDialogContext.Provider, {
+    var _useState3 = _sliced_to_array(useState3(threadDialogContext.isOpen), 2), isOpen = _useState3[0], setIsOpen = _useState3[1];
+    return /* @__PURE__ */ jsx62(ThreadDialogContext.Provider, {
         value: {
             isOpen: isOpen,
             setIsOpen: setIsOpen
@@ -3502,96 +3699,12 @@ var Provider3 = function(param) {
         children: children
     });
 };
-// src/components/toasts/ToastsProvider/index.tsx
-import { useState as useState3, useCallback as useCallback3 } from "react";
-import * as Toast2 from "@radix-ui/react-toast";
-// src/components/toasts/ToastsProvider/CustomToast.tsx
-import * as Toast from "@radix-ui/react-toast";
-import { Card as Card2, Text as Text7, Flex as Flex22 } from "@radix-ui/themes";
-import { CheckCircledIcon as CheckCircledIcon2, CrossCircledIcon } from "@radix-ui/react-icons";
-import { jsx as jsx61, jsxs as jsxs22 } from "react/jsx-runtime";
-var CustomToast = function(param) {
-    var toast = param.toast;
-    return /* @__PURE__ */ jsx61(Toast.Root, {
-        children: /* @__PURE__ */ jsx61(Card2, {
-            children: /* @__PURE__ */ jsx61(Toast.Title, {
-                children: /* @__PURE__ */ jsxs22(Flex22, {
-                    children: [
-                        /* @__PURE__ */ jsx61(Flex22, {
-                            pr: "2",
-                            height: "14px",
-                            align: "center",
-                            children: toast.type === "success" ? /* @__PURE__ */ jsx61(CheckCircledIcon2, {
-                                color: "var(--accent-9)"
-                            }) : /* @__PURE__ */ jsx61(CrossCircledIcon, {
-                                color: "var(--red-9)"
-                            })
-                        }),
-                        /* @__PURE__ */ jsx61(Text7, {
-                            weight: "medium",
-                            size: "1",
-                            children: toast.message
-                        })
-                    ]
-                })
-            })
-        })
-    });
-};
-// src/components/toasts/ToastsProvider/index.tsx
-import { jsx as jsx62, jsxs as jsxs23 } from "react/jsx-runtime";
-var ToastsProvider = function(param) {
-    var children = param.children;
-    var _useState3 = _sliced_to_array(useState3([]), 2), toasts = _useState3[0], setToasts = _useState3[1];
-    var addToast = useCallback3(function(toast) {
-        return setToasts(function(prevToasts) {
-            return _to_consumable_array(prevToasts).concat([
-                toast
-            ]);
-        });
-    }, []);
-    return /* @__PURE__ */ jsx62(ToastsContext.Provider, {
-        value: {
-            toasts: toasts,
-            addToast: addToast
-        },
-        children: /* @__PURE__ */ jsxs23(Toast2.Provider, {
-            children: [
-                children,
-                Array.from(toasts).map(function(toast, index) {
-                    return /* @__PURE__ */ jsx62(CustomToast, {
-                        toast: toast
-                    }, index);
-                }),
-                /* @__PURE__ */ jsx62(Toast2.Viewport, {
-                    style: {
-                        position: "absolute",
-                        bottom: 0,
-                        right: 0,
-                        display: "flex",
-                        flexDirection: "column",
-                        padding: "var(--space-5)",
-                        gap: "var(--space-3)",
-                        width: "390px",
-                        maxWidth: "100vw",
-                        margin: 0,
-                        listStyle: "none",
-                        zIndex: 99999999999999,
-                        outline: "none"
-                    }
-                })
-            ]
-        })
-    });
-};
 // src/components/threads/ThreadDialog/Root/index.tsx
 import { jsx as jsx63 } from "react/jsx-runtime";
 var Root9 = function(param) {
     var children = param.children;
-    return /* @__PURE__ */ jsx63(ToastsProvider, {
-        children: /* @__PURE__ */ jsx63(Provider3, {
-            children: children
-        })
+    return /* @__PURE__ */ jsx63(Provider4, {
+        children: children
     });
 };
 // src/components/threads/ThreadDialog/Trigger/index.tsx