@superinterface/react 2.22.4 → 2.23.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (7) hide show
  1. package/dist/index.cjs +75 -0
  2. package/dist/index.cjs.map +1 -1
  3. package/dist/index.d.cts +23 -18
  4. package/dist/index.d.ts +23 -18
  5. package/dist/index.js +72 -1
  6. package/dist/index.js.map +1 -1
  7. package/package.json +1 -1
package/dist/index.d.cts CHANGED
@@ -21,7 +21,7 @@ declare const options: {
21
21
  }) => any;
22
22
  };
23
23
 
24
- type Args$8 = {
24
+ type Args$9 = {
25
25
  children: React.ReactNode;
26
26
  baseUrl?: string;
27
27
  variables?: {
@@ -33,7 +33,7 @@ type Args$8 = {
33
33
  };
34
34
  threadIdCookieOptions?: typeof options | null;
35
35
  };
36
- declare const SuperinterfaceProvider: ({ children, baseUrl, variables, defaultOptions, threadIdCookieOptions, }: Args$8) => react_jsx_runtime.JSX.Element;
36
+ declare const SuperinterfaceProvider: ({ children, baseUrl, variables, defaultOptions, threadIdCookieOptions, }: Args$9) => react_jsx_runtime.JSX.Element;
37
37
 
38
38
  declare const useSuperinterfaceContext: () => {
39
39
  baseUrl: string | null;
@@ -46,14 +46,14 @@ declare const useSuperinterfaceContext: () => {
46
46
  createMessageAbortControllerRef: React.MutableRefObject<AbortController | null>;
47
47
  };
48
48
 
49
- type Args$7 = Args$8;
49
+ type Args$8 = Args$9;
50
50
 
51
- type Args$6 = Args$7;
51
+ type Args$7 = Args$8;
52
52
 
53
- type Args$5 = Omit<Args$6, 'children'>;
53
+ type Args$6 = Omit<Args$7, 'children'>;
54
54
  declare const Thread: {
55
- (props: Args$5): react_jsx_runtime.JSX.Element;
56
- Root: ({ children, ...rest }: Args$6) => react_jsx_runtime.JSX.Element;
55
+ (props: Args$6): react_jsx_runtime.JSX.Element;
56
+ Root: ({ children, ...rest }: Args$7) => react_jsx_runtime.JSX.Element;
57
57
  Messages: {
58
58
  ({ children, style, }: {
59
59
  children?: React.ReactNode;
@@ -338,10 +338,10 @@ declare const useMessageFormContext: () => {
338
338
  isFileLoading: boolean;
339
339
  };
340
340
 
341
- type Args$4 = {
341
+ type Args$5 = {
342
342
  assistantId: string;
343
343
  };
344
- declare const useAssistant: ({ assistantId, }: Args$4) => {
344
+ declare const useAssistant: ({ assistantId, }: Args$5) => {
345
345
  assistant: any;
346
346
  data: any;
347
347
  error: Error;
@@ -540,14 +540,14 @@ declare const AudioThreadDialog: {
540
540
  };
541
541
  };
542
542
 
543
- type Args$3 = {
543
+ type Args$4 = {
544
544
  children: React.ReactNode;
545
545
  };
546
546
 
547
- type Args$2 = Omit<Args$3, 'children'>;
547
+ type Args$3 = Omit<Args$4, 'children'>;
548
548
  declare const AudioThread: {
549
- (props: Args$2): react_jsx_runtime.JSX.Element;
550
- Root: ({ children, }: Args$3) => react_jsx_runtime.JSX.Element;
549
+ (props: Args$3): react_jsx_runtime.JSX.Element;
550
+ Root: ({ children, }: Args$4) => react_jsx_runtime.JSX.Element;
551
551
  Visualization: () => react_jsx_runtime.JSX.Element;
552
552
  Form: () => react_jsx_runtime.JSX.Element;
553
553
  };
@@ -649,12 +649,12 @@ type FunctionComponents = {
649
649
  };
650
650
  declare const FunctionComponentsContext: react.Context<FunctionComponents>;
651
651
 
652
- type Args$1 = {
652
+ type Args$2 = {
653
653
  fn: OpenAI.Beta.Threads.Runs.FunctionToolCall.Function;
654
654
  runStep: OpenAI.Beta.Threads.Runs.RunStep;
655
655
  title: string;
656
656
  };
657
- declare const FunctionBase: ({ fn, runStep, title, }: Args$1) => react_jsx_runtime.JSX.Element;
657
+ declare const FunctionBase: ({ fn, runStep, title, }: Args$2) => react_jsx_runtime.JSX.Element;
658
658
 
659
659
  declare const ComponentsProvider: ({ children, ...rest }: {
660
660
  children: React.ReactNode;
@@ -684,11 +684,11 @@ declare const useComponents: () => {
684
684
  };
685
685
  };
686
686
 
687
- type Args = {
687
+ type Args$1 = {
688
688
  runStep: SerializedRunStep;
689
689
  };
690
690
  declare const RunStep: {
691
- ({ runStep, }: Args): react_jsx_runtime.JSX.Element | null;
691
+ ({ runStep, }: Args$1): react_jsx_runtime.JSX.Element | null;
692
692
  ToolCalls: {
693
693
  ({ stepDetails, runStep, }: {
694
694
  stepDetails: openai_resources_beta_threads_runs_steps.ToolCallsStepDetails;
@@ -705,4 +705,9 @@ declare const RunStep: {
705
705
  };
706
706
  };
707
707
 
708
- export { AssistantAvatarContext, AssistantNameContext, AudioThread, AudioThreadDialog, Avatar, ComponentsProvider, FunctionBase, FunctionComponentsContext, MarkdownContext, MarkdownProvider, RunStep, Suggestions, SuperinterfaceProvider, Thread, ThreadDialog, ThreadDialogContext, UserAvatarContext, useAssistant, useComponents, useCreateMessage, useLatestMessage, useMarkdownContext, useMessageContext, useMessageFormContext, useMessages, useSuperinterfaceContext, useSuperinterfaceContext as useThreadContext, useThreadDialogContext };
708
+ type Args = {
709
+ children: React.ReactNode;
710
+ };
711
+ declare const AssistantProvider: ({ children, }: Args) => react_jsx_runtime.JSX.Element | null;
712
+
713
+ export { AssistantAvatarContext, AssistantNameContext, AssistantProvider, AudioThread, AudioThreadDialog, Avatar, ComponentsProvider, FunctionBase, FunctionComponentsContext, MarkdownContext, MarkdownProvider, RunStep, Suggestions, SuperinterfaceProvider, Thread, ThreadDialog, ThreadDialogContext, UserAvatarContext, useAssistant, useComponents, useCreateMessage, useLatestMessage, useMarkdownContext, useMessageContext, useMessageFormContext, useMessages, useSuperinterfaceContext, useSuperinterfaceContext as useThreadContext, useThreadDialogContext };
package/dist/index.d.ts CHANGED
@@ -21,7 +21,7 @@ declare const options: {
21
21
  }) => any;
22
22
  };
23
23
 
24
- type Args$8 = {
24
+ type Args$9 = {
25
25
  children: React.ReactNode;
26
26
  baseUrl?: string;
27
27
  variables?: {
@@ -33,7 +33,7 @@ type Args$8 = {
33
33
  };
34
34
  threadIdCookieOptions?: typeof options | null;
35
35
  };
36
- declare const SuperinterfaceProvider: ({ children, baseUrl, variables, defaultOptions, threadIdCookieOptions, }: Args$8) => react_jsx_runtime.JSX.Element;
36
+ declare const SuperinterfaceProvider: ({ children, baseUrl, variables, defaultOptions, threadIdCookieOptions, }: Args$9) => react_jsx_runtime.JSX.Element;
37
37
 
38
38
  declare const useSuperinterfaceContext: () => {
39
39
  baseUrl: string | null;
@@ -46,14 +46,14 @@ declare const useSuperinterfaceContext: () => {
46
46
  createMessageAbortControllerRef: React.MutableRefObject<AbortController | null>;
47
47
  };
48
48
 
49
- type Args$7 = Args$8;
49
+ type Args$8 = Args$9;
50
50
 
51
- type Args$6 = Args$7;
51
+ type Args$7 = Args$8;
52
52
 
53
- type Args$5 = Omit<Args$6, 'children'>;
53
+ type Args$6 = Omit<Args$7, 'children'>;
54
54
  declare const Thread: {
55
- (props: Args$5): react_jsx_runtime.JSX.Element;
56
- Root: ({ children, ...rest }: Args$6) => react_jsx_runtime.JSX.Element;
55
+ (props: Args$6): react_jsx_runtime.JSX.Element;
56
+ Root: ({ children, ...rest }: Args$7) => react_jsx_runtime.JSX.Element;
57
57
  Messages: {
58
58
  ({ children, style, }: {
59
59
  children?: React.ReactNode;
@@ -338,10 +338,10 @@ declare const useMessageFormContext: () => {
338
338
  isFileLoading: boolean;
339
339
  };
340
340
 
341
- type Args$4 = {
341
+ type Args$5 = {
342
342
  assistantId: string;
343
343
  };
344
- declare const useAssistant: ({ assistantId, }: Args$4) => {
344
+ declare const useAssistant: ({ assistantId, }: Args$5) => {
345
345
  assistant: any;
346
346
  data: any;
347
347
  error: Error;
@@ -540,14 +540,14 @@ declare const AudioThreadDialog: {
540
540
  };
541
541
  };
542
542
 
543
- type Args$3 = {
543
+ type Args$4 = {
544
544
  children: React.ReactNode;
545
545
  };
546
546
 
547
- type Args$2 = Omit<Args$3, 'children'>;
547
+ type Args$3 = Omit<Args$4, 'children'>;
548
548
  declare const AudioThread: {
549
- (props: Args$2): react_jsx_runtime.JSX.Element;
550
- Root: ({ children, }: Args$3) => react_jsx_runtime.JSX.Element;
549
+ (props: Args$3): react_jsx_runtime.JSX.Element;
550
+ Root: ({ children, }: Args$4) => react_jsx_runtime.JSX.Element;
551
551
  Visualization: () => react_jsx_runtime.JSX.Element;
552
552
  Form: () => react_jsx_runtime.JSX.Element;
553
553
  };
@@ -649,12 +649,12 @@ type FunctionComponents = {
649
649
  };
650
650
  declare const FunctionComponentsContext: react.Context<FunctionComponents>;
651
651
 
652
- type Args$1 = {
652
+ type Args$2 = {
653
653
  fn: OpenAI.Beta.Threads.Runs.FunctionToolCall.Function;
654
654
  runStep: OpenAI.Beta.Threads.Runs.RunStep;
655
655
  title: string;
656
656
  };
657
- declare const FunctionBase: ({ fn, runStep, title, }: Args$1) => react_jsx_runtime.JSX.Element;
657
+ declare const FunctionBase: ({ fn, runStep, title, }: Args$2) => react_jsx_runtime.JSX.Element;
658
658
 
659
659
  declare const ComponentsProvider: ({ children, ...rest }: {
660
660
  children: React.ReactNode;
@@ -684,11 +684,11 @@ declare const useComponents: () => {
684
684
  };
685
685
  };
686
686
 
687
- type Args = {
687
+ type Args$1 = {
688
688
  runStep: SerializedRunStep;
689
689
  };
690
690
  declare const RunStep: {
691
- ({ runStep, }: Args): react_jsx_runtime.JSX.Element | null;
691
+ ({ runStep, }: Args$1): react_jsx_runtime.JSX.Element | null;
692
692
  ToolCalls: {
693
693
  ({ stepDetails, runStep, }: {
694
694
  stepDetails: openai_resources_beta_threads_runs_steps.ToolCallsStepDetails;
@@ -705,4 +705,9 @@ declare const RunStep: {
705
705
  };
706
706
  };
707
707
 
708
- export { AssistantAvatarContext, AssistantNameContext, AudioThread, AudioThreadDialog, Avatar, ComponentsProvider, FunctionBase, FunctionComponentsContext, MarkdownContext, MarkdownProvider, RunStep, Suggestions, SuperinterfaceProvider, Thread, ThreadDialog, ThreadDialogContext, UserAvatarContext, useAssistant, useComponents, useCreateMessage, useLatestMessage, useMarkdownContext, useMessageContext, useMessageFormContext, useMessages, useSuperinterfaceContext, useSuperinterfaceContext as useThreadContext, useThreadDialogContext };
708
+ type Args = {
709
+ children: React.ReactNode;
710
+ };
711
+ declare const AssistantProvider: ({ children, }: Args) => react_jsx_runtime.JSX.Element | null;
712
+
713
+ export { AssistantAvatarContext, AssistantNameContext, AssistantProvider, AudioThread, AudioThreadDialog, Avatar, ComponentsProvider, FunctionBase, FunctionComponentsContext, MarkdownContext, MarkdownProvider, RunStep, Suggestions, SuperinterfaceProvider, Thread, ThreadDialog, ThreadDialogContext, UserAvatarContext, useAssistant, useComponents, useCreateMessage, useLatestMessage, useMarkdownContext, useMessageContext, useMessageFormContext, useMessages, useSuperinterfaceContext, useSuperinterfaceContext as useThreadContext, useThreadDialogContext };
package/dist/index.js CHANGED
@@ -5180,5 +5180,76 @@ var ComponentsProvider = function(_param) {
5180
5180
  children: children
5181
5181
  });
5182
5182
  };
5183
- export { AssistantAvatarContext, AssistantNameContext, AudioThread, AudioThreadDialog, Avatar6 as Avatar, ComponentsProvider, FunctionBase, FunctionComponentsContext, MarkdownContext, MarkdownProvider, RunStep, Suggestions, SuperinterfaceProvider, Thread, ThreadDialog, ThreadDialogContext, UserAvatarContext, useAssistant, useComponents, useCreateMessage, useLatestMessage, useMarkdownContext, useMessageContext, useMessageFormContext, useMessages, useSuperinterfaceContext, useSuperinterfaceContext as useThreadContext, useThreadDialogContext };
5183
+ // src/components/assistants/AssistantProvider/index.tsx
5184
+ import { useMemo as useMemo20 } from "react";
5185
+ import { Theme } from "@radix-ui/themes";
5186
+ // src/components/assistants/AssistantProvider/Code.tsx
5187
+ import { useMemo as useMemo19 } from "react";
5188
+ import { jsx as jsx87 } from "react/jsx-runtime";
5189
+ var Code4 = function(param) {
5190
+ var children = param.children, className = param.className, markdownContext = param.markdownContext;
5191
+ var messageContext = useMessageContext();
5192
+ var isAssistantMessage = useMemo19(function() {
5193
+ var _messageContext_message;
5194
+ return ((_messageContext_message = messageContext.message) === null || _messageContext_message === void 0 ? void 0 : _messageContext_message.role) === "assistant";
5195
+ }, [
5196
+ messageContext
5197
+ ]);
5198
+ if (!isAssistantMessage || className !== "language-suggestions") {
5199
+ return markdownContext.components.code({
5200
+ children: children,
5201
+ className: className
5202
+ });
5203
+ }
5204
+ return /* @__PURE__ */ jsx87(Suggestions, {
5205
+ children: children
5206
+ });
5207
+ };
5208
+ // src/components/assistants/AssistantProvider/index.tsx
5209
+ import { jsx as jsx88 } from "react/jsx-runtime";
5210
+ var AssistantProvider = function(param) {
5211
+ var children = param.children;
5212
+ var superinterfaceContext = useSuperinterfaceContext();
5213
+ var assistant = useAssistant({
5214
+ assistantId: superinterfaceContext.variables.assistantId
5215
+ }).assistant;
5216
+ var markdownContext = useMarkdownContext();
5217
+ var components2 = useMemo20(function() {
5218
+ return {
5219
+ code: function(props) {
5220
+ return(// @ts-ignore-next-line
5221
+ /* @__PURE__ */ jsx88(Code4, _object_spread_props(_object_spread({}, props), {
5222
+ markdownContext: markdownContext
5223
+ })));
5224
+ }
5225
+ };
5226
+ }, [
5227
+ markdownContext
5228
+ ]);
5229
+ if (!assistant) {
5230
+ return null;
5231
+ }
5232
+ return /* @__PURE__ */ jsx88(Theme, {
5233
+ accentColor: assistant.theme.accentColor,
5234
+ grayColor: assistant.theme.grayColor,
5235
+ radius: assistant.theme.radius,
5236
+ appearance: assistant.theme.appearance,
5237
+ scaling: assistant.theme.scaling,
5238
+ panelBackground: "solid",
5239
+ hasBackground: false,
5240
+ children: /* @__PURE__ */ jsx88(AssistantNameContext.Provider, {
5241
+ value: assistant.name,
5242
+ children: /* @__PURE__ */ jsx88(AssistantAvatarContext.Provider, {
5243
+ value: /* @__PURE__ */ jsx88(Avatar6, {
5244
+ avatar: assistant.avatar
5245
+ }),
5246
+ children: /* @__PURE__ */ jsx88(MarkdownProvider, {
5247
+ components: components2,
5248
+ children: children
5249
+ })
5250
+ })
5251
+ })
5252
+ });
5253
+ };
5254
+ export { AssistantAvatarContext, AssistantNameContext, AssistantProvider, AudioThread, AudioThreadDialog, Avatar6 as Avatar, ComponentsProvider, FunctionBase, FunctionComponentsContext, MarkdownContext, MarkdownProvider, RunStep, Suggestions, SuperinterfaceProvider, Thread, ThreadDialog, ThreadDialogContext, UserAvatarContext, useAssistant, useComponents, useCreateMessage, useLatestMessage, useMarkdownContext, useMessageContext, useMessageFormContext, useMessages, useSuperinterfaceContext, useSuperinterfaceContext as useThreadContext, useThreadDialogContext };
5184
5255
  //# sourceMappingURL=index.js.map