@superinterface/react 3.2.1 → 3.4.0

package/dist/index.d.cts

@@ -1,5 +1,5 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
-import { MessagesPage, StyleProps, SerializedMessage, Avatar as Avatar$1, SerializedRunStep, ToolCall } from './types/index.cjs';
+import { MessagesPage, ThreadStorageOptions, StyleProps, 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';
@@ -13,16 +13,6 @@ import * as _radix_ui_themes_dist_cjs_components_table from '@radix-ui/themes/di
 import OpenAI from 'openai';
 import * as openai_resources_beta_threads_runs_steps from 'openai/resources/beta/threads/runs/steps';
 
-declare const options: {
-    get: ({ assistantId, }: {
-        assistantId: string;
-    }) => string | undefined;
-    set: ({ assistantId, threadId, }: {
-        assistantId: string;
-        threadId: string;
-    }) => string | undefined;
-};
-
 type Args$9 = {
     children: React.ReactNode;
     baseUrl?: string;
@@ -33,9 +23,9 @@ type Args$9 = {
         queries?: UseInfiniteQueryOptions<InfiniteData<MessagesPage>>;
         mutations?: UseMutationOptions;
     };
-    threadIdCookieOptions?: typeof options | null;
+    threadIdStorageOptions?: ThreadStorageOptions | null;
 };
-declare const SuperinterfaceProvider: ({ children, baseUrl, variables, defaultOptions, threadIdCookieOptions, }: Args$9) => react_jsx_runtime.JSX.Element;
+declare const SuperinterfaceProvider: ({ children, baseUrl, variables, defaultOptions, threadIdStorageOptions, }: Args$9) => react_jsx_runtime.JSX.Element;
 
 declare const useSuperinterfaceContext: () => {
     baseUrl: string | null;
@@ -44,7 +34,7 @@ declare const useSuperinterfaceContext: () => {
         queries: Record<string, any>;
         mutations: Record<string, any>;
     };
-    threadIdCookieOptions: typeof options | null;
+    threadIdStorageOptions: ThreadStorageOptions | null;
     createMessageAbortControllerRef: React.MutableRefObject<AbortController | null>;
 };
 
@@ -92,6 +82,7 @@ declare const Thread: {
                 } & StyleProps) => react_jsx_runtime.JSX.Element;
                 Input: (props: Omit<StyleProps, "style"> & {
                     style?: Omit<React.CSSProperties, "minHeight" | "maxHeight" | "height">;
+                    placeholder?: string;
                 }) => react_jsx_runtime.JSX.Element;
             };
             Files: {

package/dist/index.d.ts

@@ -1,5 +1,5 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
-import { MessagesPage, StyleProps, SerializedMessage, Avatar as Avatar$1, SerializedRunStep, ToolCall } from './types/index.js';
+import { MessagesPage, ThreadStorageOptions, StyleProps, 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';
@@ -13,16 +13,6 @@ import * as _radix_ui_themes_dist_cjs_components_table from '@radix-ui/themes/di
 import OpenAI from 'openai';
 import * as openai_resources_beta_threads_runs_steps from 'openai/resources/beta/threads/runs/steps';
 
-declare const options: {
-    get: ({ assistantId, }: {
-        assistantId: string;
-    }) => string | undefined;
-    set: ({ assistantId, threadId, }: {
-        assistantId: string;
-        threadId: string;
-    }) => string | undefined;
-};
-
 type Args$9 = {
     children: React.ReactNode;
     baseUrl?: string;
@@ -33,9 +23,9 @@ type Args$9 = {
         queries?: UseInfiniteQueryOptions<InfiniteData<MessagesPage>>;
         mutations?: UseMutationOptions;
     };
-    threadIdCookieOptions?: typeof options | null;
+    threadIdStorageOptions?: ThreadStorageOptions | null;
 };
-declare const SuperinterfaceProvider: ({ children, baseUrl, variables, defaultOptions, threadIdCookieOptions, }: Args$9) => react_jsx_runtime.JSX.Element;
+declare const SuperinterfaceProvider: ({ children, baseUrl, variables, defaultOptions, threadIdStorageOptions, }: Args$9) => react_jsx_runtime.JSX.Element;
 
 declare const useSuperinterfaceContext: () => {
     baseUrl: string | null;
@@ -44,7 +34,7 @@ declare const useSuperinterfaceContext: () => {
         queries: Record<string, any>;
         mutations: Record<string, any>;
     };
-    threadIdCookieOptions: typeof options | null;
+    threadIdStorageOptions: ThreadStorageOptions | null;
     createMessageAbortControllerRef: React.MutableRefObject<AbortController | null>;
 };
 
@@ -92,6 +82,7 @@ declare const Thread: {
                 } & StyleProps) => react_jsx_runtime.JSX.Element;
                 Input: (props: Omit<StyleProps, "style"> & {
                     style?: Omit<React.CSSProperties, "minHeight" | "maxHeight" | "height">;
+                    placeholder?: string;
                 }) => react_jsx_runtime.JSX.Element;
             };
             Files: {

package/dist/index.js

@@ -344,34 +344,74 @@ var merge = function(obj) {
 import { createContext } from "react";
 // src/lib/superinterfaceCloud/baseUrl.ts
 var baseUrl = "https://superinterface.ai/api/cloud";
-// src/lib/threadIdCookies/options/get.ts
+// src/lib/threadIdStorage/cookieOptions/get.ts
 import Cookies from "js-cookie";
-// src/lib/threadIdCookies/key.ts
+// src/lib/threadIdStorage/key.ts
 var key = function(param) {
     var assistantId = param.assistantId;
     return "superinterface-".concat(assistantId, "-threadId");
 };
-// src/lib/threadIdCookies/options/get.ts
+// src/lib/threadIdStorage/cookieOptions/get.ts
 var get = function(param) {
     var assistantId = param.assistantId;
-    return Cookies.get(key({
+    var _Cookies_get;
+    return (_Cookies_get = Cookies.get(key({
         assistantId: assistantId
-    }));
+    }))) !== null && _Cookies_get !== void 0 ? _Cookies_get : null;
 };
-// src/lib/threadIdCookies/options/set.ts
+// src/lib/threadIdStorage/cookieOptions/set.ts
 import Cookies2 from "js-cookie";
 var set = function(param) {
     var assistantId = param.assistantId, threadId = param.threadId;
     return Cookies2.set(key({
         assistantId: assistantId
-    }), threadId, {
-        expires: 7
-    });
+    }), threadId);
+};
+// src/lib/threadIdStorage/cookieOptions/remove.ts
+import Cookies3 from "js-cookie";
+var remove = function(param) {
+    var assistantId = param.assistantId;
+    return Cookies3.remove(key({
+        assistantId: assistantId
+    }));
 };
-// src/lib/threadIdCookies/options/index.ts
-var options = {
+// src/lib/threadIdStorage/cookieOptions/index.ts
+var cookieOptions = {
     get: get,
-    set: set
+    set: set,
+    remove: remove
+};
+// src/lib/threadIdStorage/localStorageOptions/get.ts
+var get2 = function(param) {
+    var assistantId = param.assistantId;
+    return window.localStorage.getItem(key({
+        assistantId: assistantId
+    }));
+};
+// src/lib/threadIdStorage/localStorageOptions/set.ts
+var set2 = function(param) {
+    var assistantId = param.assistantId, threadId = param.threadId;
+    return window.localStorage.setItem(key({
+        assistantId: assistantId
+    }), threadId);
+};
+// src/lib/threadIdStorage/localStorageOptions/remove.ts
+var remove2 = function(param) {
+    var assistantId = param.assistantId;
+    return window.localStorage.removeItem(key({
+        assistantId: assistantId
+    }));
+};
+// src/lib/threadIdStorage/localStorageOptions/index.ts
+var localStorageOptions = {
+    get: get2,
+    set: set2,
+    remove: remove2
+};
+// src/lib/iframes/isIframe.ts
+var isIframe = function() {
+    if (typeof window === "undefined") return false;
+    return window.self !== window.top;
 };
 // src/contexts/core/SuperinterfaceContext/index.tsx
 var SuperinterfaceContext = createContext({
@@ -381,7 +421,7 @@ var SuperinterfaceContext = createContext({
         queries: {},
         mutations: {}
     },
-    threadIdCookieOptions: options,
+    threadIdStorageOptions: isIframe() ? localStorageOptions : cookieOptions,
     createMessageAbortControllerRef: {
         current: null
     }
@@ -394,7 +434,7 @@ var useSuperinterfaceContext = function() {
 // src/components/core/SuperinterfaceProvider/index.tsx
 import { jsx } from "react/jsx-runtime";
 var SuperinterfaceProvider = function(param) {
-    var children = param.children, baseUrl2 = param.baseUrl, variables = param.variables, defaultOptions = param.defaultOptions, threadIdCookieOptions = param.threadIdCookieOptions;
+    var children = param.children, baseUrl2 = param.baseUrl, variables = param.variables, defaultOptions = param.defaultOptions, threadIdStorageOptions = param.threadIdStorageOptions;
     var superinterfaceContext = useSuperinterfaceContext();
     var createMessageAbortControllerRef = useRef(null);
     var value = merge(superinterfaceContext, _object_spread_props(_object_spread({}, baseUrl2 ? {
@@ -403,8 +443,8 @@ var SuperinterfaceProvider = function(param) {
         variables: variables
     } : {}, defaultOptions ? {
         defaultOptions: defaultOptions
-    } : {}, threadIdCookieOptions ? {
-        threadIdCookieOptions: threadIdCookieOptions
+    } : {}, threadIdStorageOptions ? {
+        threadIdStorageOptions: threadIdStorageOptions
     } : {}), {
         createMessageAbortControllerRef: createMessageAbortControllerRef
     }));
@@ -984,11 +1024,11 @@ import { infiniteQueryOptions } from "@tanstack/react-query";
 // src/lib/threads/queryOptions/variableParams.ts
 var variableParams = function(param) {
     var variables = param.variables, superinterfaceContext = param.superinterfaceContext;
-    var _superinterfaceContext_threadIdCookieOptions;
+    var _superinterfaceContext_threadIdStorageOptions;
     if (variables.threadId) return variables;
     if (!variables.assistantId) return variables;
-    if (!((_superinterfaceContext_threadIdCookieOptions = superinterfaceContext.threadIdCookieOptions) === null || _superinterfaceContext_threadIdCookieOptions === void 0 ? void 0 : _superinterfaceContext_threadIdCookieOptions.get)) return variables;
-    var threadId = superinterfaceContext.threadIdCookieOptions.get({
+    if (!((_superinterfaceContext_threadIdStorageOptions = superinterfaceContext.threadIdStorageOptions) === null || _superinterfaceContext_threadIdStorageOptions === void 0 ? void 0 : _superinterfaceContext_threadIdStorageOptions.get)) return variables;
+    var threadId = superinterfaceContext.threadIdStorageOptions.get({
         assistantId: variables.assistantId
     });
     if (!threadId) return variables;
@@ -1247,11 +1287,11 @@ import { JSONParser } from "@streamparser/json-whatwg";
 // src/hooks/messages/useCreateMessage/lib/mutationOptions/mutationFn/handleResponse/handlers/threadCreated.ts
 var threadCreated = function(param) {
     var value = param.value, superinterfaceContext = param.superinterfaceContext;
-    var _superinterfaceContext_threadIdCookieOptions, _value_data_metadata, _value_data_metadata1;
-    if (!((_superinterfaceContext_threadIdCookieOptions = superinterfaceContext.threadIdCookieOptions) === null || _superinterfaceContext_threadIdCookieOptions === void 0 ? void 0 : _superinterfaceContext_threadIdCookieOptions.set)) return;
+    var _superinterfaceContext_threadIdStorageOptions, _value_data_metadata, _value_data_metadata1;
+    if (!((_superinterfaceContext_threadIdStorageOptions = superinterfaceContext.threadIdStorageOptions) === null || _superinterfaceContext_threadIdStorageOptions === void 0 ? void 0 : _superinterfaceContext_threadIdStorageOptions.set)) return;
     if (!((_value_data_metadata = value.data.metadata) === null || _value_data_metadata === void 0 ? void 0 : _value_data_metadata.assistantId)) return;
     if (!((_value_data_metadata1 = value.data.metadata) === null || _value_data_metadata1 === void 0 ? void 0 : _value_data_metadata1.threadId)) return;
-    superinterfaceContext.threadIdCookieOptions.set({
+    superinterfaceContext.threadIdStorageOptions.set({
         // @ts-ignore-next-line
         assistantId: value.data.metadata.assistantId,
         // @ts-ignore-next-line
@@ -1740,11 +1780,11 @@ var handleResponse = function(param) {
 // src/hooks/messages/useCreateMessage/lib/mutationOptions/mutationFn/body.ts
 var body = function(param) {
     var variables = param.variables, superinterfaceContext = param.superinterfaceContext;
-    var _superinterfaceContext_threadIdCookieOptions;
+    var _superinterfaceContext_threadIdStorageOptions;
     if (variables.threadId) return variables;
     if (!variables.assistantId) return variables;
-    if (!((_superinterfaceContext_threadIdCookieOptions = superinterfaceContext.threadIdCookieOptions) === null || _superinterfaceContext_threadIdCookieOptions === void 0 ? void 0 : _superinterfaceContext_threadIdCookieOptions.get)) return variables;
-    var threadId = superinterfaceContext.threadIdCookieOptions.get({
+    if (!((_superinterfaceContext_threadIdStorageOptions = superinterfaceContext.threadIdStorageOptions) === null || _superinterfaceContext_threadIdStorageOptions === void 0 ? void 0 : _superinterfaceContext_threadIdStorageOptions.get)) return variables;
+    var threadId = superinterfaceContext.threadIdStorageOptions.get({
         assistantId: variables.assistantId
     });
     if (!threadId) return variables;
@@ -3525,9 +3565,10 @@ var Input = function(props) {
         isDisabledPrevious,
         textareaProps
     ]);
+    var _props_placeholder;
     return /* @__PURE__ */ jsx66(TextareaBase, _object_spread_props(_object_spread({
         minRows: 1,
-        placeholder: "Message ".concat(assistantNameContext, "..."),
+        placeholder: (_props_placeholder = props.placeholder) !== null && _props_placeholder !== void 0 ? _props_placeholder : "Message ".concat(assistantNameContext, "..."),
         disabled: isDisabled,
         onKeyDown: function(e) {
             if (e.key === "Enter" && !e.shiftKey) {
@@ -3639,11 +3680,11 @@ var formData = function(variables) {
 // src/hooks/files/useCreateFile/lib/mutationOptions/mutationFn/body/index.ts
 var body2 = function(param) {
     var variables = param.variables, superinterfaceContext = param.superinterfaceContext;
-    var _superinterfaceContext_threadIdCookieOptions;
+    var _superinterfaceContext_threadIdStorageOptions;
     if (variables.threadId) return formData(variables);
     if (!variables.assistantId) return formData(variables);
-    if (!((_superinterfaceContext_threadIdCookieOptions = superinterfaceContext.threadIdCookieOptions) === null || _superinterfaceContext_threadIdCookieOptions === void 0 ? void 0 : _superinterfaceContext_threadIdCookieOptions.get)) return formData(variables);
-    var threadId = superinterfaceContext.threadIdCookieOptions.get({
+    if (!((_superinterfaceContext_threadIdStorageOptions = superinterfaceContext.threadIdStorageOptions) === null || _superinterfaceContext_threadIdStorageOptions === void 0 ? void 0 : _superinterfaceContext_threadIdStorageOptions.get)) return formData(variables);
+    var threadId = superinterfaceContext.threadIdStorageOptions.get({
         assistantId: variables.assistantId
     });
     if (!threadId) return formData(variables);