@superinterface/react 2.16.1 → 2.16.3

package/dist/index.js

@@ -10,6 +10,47 @@ function _array_with_holes(arr) {
 function _array_without_holes(arr) {
     if (Array.isArray(arr)) return _array_like_to_array(arr);
 }
+function _async_iterator(iterable) {
+    var method, async, sync, retry = 2;
+    for("undefined" != typeof Symbol && (async = Symbol.asyncIterator, sync = Symbol.iterator); retry--;){
+        if (async && null != (method = iterable[async])) return method.call(iterable);
+        if (sync && null != (method = iterable[sync])) return new AsyncFromSyncIterator(method.call(iterable));
+        async = "@@asyncIterator", sync = "@@iterator";
+    }
+    throw new TypeError("Object is not async iterable");
+}
+function AsyncFromSyncIterator(s) {
+    function AsyncFromSyncIteratorContinuation(r) {
+        if (Object(r) !== r) return Promise.reject(new TypeError(r + " is not an object."));
+        var done = r.done;
+        return Promise.resolve(r.value).then(function(value) {
+            return {
+                value: value,
+                done: done
+            };
+        });
+    }
+    return AsyncFromSyncIterator = function(s) {
+        this.s = s, this.n = s.next;
+    }, AsyncFromSyncIterator.prototype = {
+        s: null,
+        n: null,
+        next: function() {
+            return AsyncFromSyncIteratorContinuation(this.n.apply(this.s, arguments));
+        },
+        return: function(value) {
+            var ret = this.s.return;
+            return void 0 === ret ? Promise.resolve({
+                value: value,
+                done: !0
+            }) : AsyncFromSyncIteratorContinuation(ret.apply(this.s, arguments));
+        },
+        throw: function(value) {
+            var thr = this.s.return;
+            return void 0 === thr ? Promise.reject(value) : AsyncFromSyncIteratorContinuation(thr.apply(this.s, arguments));
+        }
+    }, new AsyncFromSyncIterator(s);
+}
 function asyncGeneratorStep(gen, resolve, reject, _next, _throw, key, arg) {
     try {
         var info = gen[key](arg);
@@ -263,6 +304,20 @@ function _ts_generator(thisArg, body) {
         };
     }
 }
+function _ts_values(o) {
+    var s = typeof Symbol === "function" && Symbol.iterator, m = s && o[s], i = 0;
+    if (m) return m.call(o);
+    if (o && typeof o.length === "number") return {
+        next: function() {
+            if (o && i >= o.length) o = void 0;
+            return {
+                value: o && o[i++],
+                done: !o
+            };
+        }
+    };
+    throw new TypeError(s ? "Object is not iterable." : "Symbol.iterator is not defined.");
+}
 var _2;
 var _detect;
 import { useRef } from "react";
@@ -767,11 +822,13 @@ var FunctionComponentsContext = createContext6({});
 // src/components/functions/FunctionBase/index.tsx
 import { Popover } from "@radix-ui/themes";
 // src/components/toolCalls/ToolCallBase/index.tsx
+import { forwardRef as forwardRef3 } from "react";
 import { Flex as Flex6, Button } from "@radix-ui/themes";
 import { jsx as jsx10 } from "react/jsx-runtime";
-var ToolCallBase = function(param) {
+var ToolCallBase = forwardRef3(function ToolCallBase2(param, ref) {
     var children = param.children;
     return /* @__PURE__ */ jsx10(Flex6, {
+        ref: ref,
         py: "1",
         ml: "-2",
         children: /* @__PURE__ */ jsx10(Button, {
@@ -784,7 +841,7 @@ var ToolCallBase = function(param) {
             children: children
         })
     });
-};
+});
 // src/components/toolCalls/ToolCallBase/ToolCallTitle.tsx
 import { Text as Text2 } from "@radix-ui/themes";
 import { jsx as jsx11 } from "react/jsx-runtime";
@@ -2430,10 +2487,10 @@ import { useFormContext } from "react-hook-form";
 import { usePrevious } from "react-use";
 import { useContext as useContext11, useMemo as useMemo9, useRef as useRef4, useEffect as useEffect3 } from "react";
 // src/components/textareas/TextareaBase/index.tsx
-import { forwardRef as forwardRef3 } from "react";
+import { forwardRef as forwardRef4 } from "react";
 import TextareaAutosize from "react-textarea-autosize";
 import { Fragment as Fragment3, jsx as jsx47, jsxs as jsxs15 } from "react/jsx-runtime";
-var TextareaBase = forwardRef3(function TextareaBase2(props, ref) {
+var TextareaBase = forwardRef4(function TextareaBase2(props, ref) {
     return /* @__PURE__ */ jsxs15(Fragment3, {
         children: [
             /* @__PURE__ */ jsx47("style", {
@@ -2584,6 +2641,7 @@ var Preview = function() {
 };
 // src/components/threads/Thread/MessageForm/Field/Files/Control.tsx
 import { useCallback as useCallback2 } from "react";
+import { omit as omit4 } from "radash";
 import dayjs2 from "dayjs";
 import { FilePlusIcon } from "@radix-ui/react-icons";
 import { IconButton as IconButton3, Flex as Flex16 } from "@radix-ui/themes";
@@ -2703,50 +2761,174 @@ var Control2 = function() {
     var _useMessageFormContext = useMessageFormContext(), isDisabled = _useMessageFormContext.isDisabled, isLoading = _useMessageFormContext.isLoading, setFiles = _useMessageFormContext.setFiles;
     var createFile = useCreateFile().createFile;
     var addToast = useToasts().addToast;
-    var onChange = useCallback2(function(event) {
-        var files = event.target.files;
-        if (!files) return;
-        var newFiles = Array.from(files).map(function(file) {
-            var id = optimisticId();
-            createFile({
-                file: file
-            }, {
-                onSuccess: function(param) {
-                    var file2 = param.file;
-                    setFiles(function(prev) {
-                        return _to_consumable_array(prev.filter(function(prevFile) {
-                            return prevFile.id !== id;
-                        })).concat([
-                            file2
-                        ]);
-                    });
-                },
-                onError: function() {
-                    addToast({
-                        type: "error",
-                        message: "Could not upload file. Please try again."
-                    });
-                    setFiles(function(prev) {
-                        return prev.filter(function(prevFile) {
-                            return prevFile.id !== id;
+    var onChange = useCallback2(function() {
+        var _ref = _async_to_generator(function(event) {
+            var fileObjects, newFiles, _iteratorAbruptCompletion, _didIteratorError, _iteratorError, _loop, _iterator, _step, err;
+            return _ts_generator(this, function(_state) {
+                switch(_state.label){
+                    case 0:
+                        fileObjects = event.target.files;
+                        if (!fileObjects) return [
+                            2
+                        ];
+                        newFiles = Array.from(fileObjects).map(function(fileObject) {
+                            return {
+                                id: optimisticId(),
+                                filename: fileObject.name,
+                                object: "file",
+                                purpose: "assistants",
+                                created_at: dayjs2().unix(),
+                                bytes: fileObject.size,
+                                status: "processed",
+                                fileObject: fileObject
+                            };
+                        });
+                        setFiles(function(prev) {
+                            return _to_consumable_array(prev).concat(_to_consumable_array(newFiles.map(function(file) {
+                                return omit4(file, [
+                                    "fileObject"
+                                ]);
+                            })));
                         });
-                    });
+                        _iteratorAbruptCompletion = false, _didIteratorError = false;
+                        _state.label = 1;
+                    case 1:
+                        _state.trys.push([
+                            1,
+                            7,
+                            8,
+                            13
+                        ]);
+                        _loop = function() {
+                            var _value, newFile;
+                            return _ts_generator(this, function(_state) {
+                                switch(_state.label){
+                                    case 0:
+                                        _value = _step.value;
+                                        newFile = _value;
+                                        return [
+                                            4,
+                                            createFile({
+                                                file: newFile.fileObject
+                                            }, {
+                                                onSuccess: function(param) {
+                                                    var file = param.file;
+                                                    return setFiles(function(prev) {
+                                                        return _to_consumable_array(prev.filter(function(prevFile) {
+                                                            return prevFile.id !== newFile.id;
+                                                        })).concat([
+                                                            file
+                                                        ]);
+                                                    });
+                                                },
+                                                onError: function() {
+                                                    addToast({
+                                                        type: "error",
+                                                        message: "Could not upload file. Please try again."
+                                                    });
+                                                    setFiles(function(prev) {
+                                                        return prev.filter(function(prevFile) {
+                                                            return prevFile.id !== newFile.id;
+                                                        });
+                                                    });
+                                                }
+                                            })
+                                        ];
+                                    case 1:
+                                        _state.sent();
+                                        return [
+                                            2
+                                        ];
+                                }
+                            });
+                        };
+                        _iterator = _async_iterator(newFiles);
+                        _state.label = 2;
+                    case 2:
+                        return [
+                            4,
+                            _iterator.next()
+                        ];
+                    case 3:
+                        if (!(_iteratorAbruptCompletion = !(_step = _state.sent()).done)) return [
+                            3,
+                            6
+                        ];
+                        return [
+                            5,
+                            _ts_values(_loop())
+                        ];
+                    case 4:
+                        _state.sent();
+                        _state.label = 5;
+                    case 5:
+                        _iteratorAbruptCompletion = false;
+                        return [
+                            3,
+                            2
+                        ];
+                    case 6:
+                        return [
+                            3,
+                            13
+                        ];
+                    case 7:
+                        err = _state.sent();
+                        _didIteratorError = true;
+                        _iteratorError = err;
+                        return [
+                            3,
+                            13
+                        ];
+                    case 8:
+                        _state.trys.push([
+                            8,
+                            ,
+                            11,
+                            12
+                        ]);
+                        if (!(_iteratorAbruptCompletion && _iterator.return != null)) return [
+                            3,
+                            10
+                        ];
+                        return [
+                            4,
+                            _iterator.return()
+                        ];
+                    case 9:
+                        _state.sent();
+                        _state.label = 10;
+                    case 10:
+                        return [
+                            3,
+                            12
+                        ];
+                    case 11:
+                        if (_didIteratorError) {
+                            throw _iteratorError;
+                        }
+                        return [
+                            7
+                        ];
+                    case 12:
+                        return [
+                            7
+                        ];
+                    case 13:
+                        return [
+                            2
+                        ];
                 }
             });
-            return {
-                id: id,
-                filename: file.name,
-                object: "file",
-                purpose: "assistants",
-                created_at: dayjs2().unix(),
-                bytes: file.size,
-                status: "processed"
-            };
         });
-        setFiles(function(prev) {
-            return _to_consumable_array(prev).concat(_to_consumable_array(newFiles));
-        });
-    }, []);
+        return function(event) {
+            return _ref.apply(this, arguments);
+        };
+    }(), [
+        addToast,
+        createFile,
+        setFiles
+    ]);
     return /* @__PURE__ */ jsx50(Flex16, {
         pt: "2",
         pr: "2",
@@ -2764,6 +2946,7 @@ var Control2 = function() {
                 /* @__PURE__ */ jsx50(FilePlusIcon, {}),
                 /* @__PURE__ */ jsx50("input", {
                     type: "file",
+                    multiple: true,
                     accept: accept,
                     onChange: onChange,
                     style: {