@apia/ai 2.0.11 → 2.0.13
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.
- package/dist/components/chat/ChatController.d.ts +1 -1
- package/dist/components/chat/ChatController.js +3 -3
- package/dist/components/chat/ChatController.js.map +1 -1
- package/dist/components/chat/Textarea.js +27 -14
- package/dist/components/chat/Textarea.js.map +1 -1
- package/dist/components/chat/messages/MultipleChoiceMessage.js +1 -1
- package/dist/components/chat/messages/MultipleChoiceMessage.js.map +1 -1
- package/package.json +5 -5
|
@@ -9,7 +9,7 @@ declare class ChatController extends EventEmitter<{
|
|
|
9
9
|
}> {
|
|
10
10
|
#private;
|
|
11
11
|
id: string;
|
|
12
|
-
constructor(id: string, welcomeMessage?: string
|
|
12
|
+
constructor(id: string, welcomeMessage?: string);
|
|
13
13
|
components: {
|
|
14
14
|
MessageHistory: () => react.JSX.Element;
|
|
15
15
|
Textarea: {
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { jsx } from '@apia/theme/jsx-runtime';
|
|
2
2
|
import { Box, getVariant } from '@apia/theme';
|
|
3
|
-
import { EventEmitter
|
|
3
|
+
import { EventEmitter } from '@apia/util';
|
|
4
4
|
import { useState, useEffect } from 'react';
|
|
5
5
|
import { AutoscrollContainer } from './AutoscrollContainer.js';
|
|
6
6
|
import { makeTextarea } from './Textarea.js';
|
|
@@ -40,7 +40,7 @@ var __privateWrapper = (obj, member, setter, getter) => ({
|
|
|
40
40
|
});
|
|
41
41
|
var _messages, _promptsHistory, _currentHistoryIndex;
|
|
42
42
|
class ChatController extends EventEmitter {
|
|
43
|
-
constructor(id, welcomeMessage
|
|
43
|
+
constructor(id, welcomeMessage) {
|
|
44
44
|
super();
|
|
45
45
|
this.id = id;
|
|
46
46
|
__privateAdd(this, _messages, []);
|
|
@@ -112,7 +112,7 @@ class ChatController extends EventEmitter {
|
|
|
112
112
|
this.emit("listChange", []);
|
|
113
113
|
}
|
|
114
114
|
});
|
|
115
|
-
if (
|
|
115
|
+
if (welcomeMessage)
|
|
116
116
|
__privateGet(this, _messages).push(new ChatMessage(welcomeMessage, "system"));
|
|
117
117
|
}
|
|
118
118
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ChatController.js","sources":["../../../src/components/chat/ChatController.tsx"],"sourcesContent":["/* eslint-disable no-param-reassign */\r\nimport { getVariant } from '@apia/theme';\r\nimport { EventEmitter
|
|
1
|
+
{"version":3,"file":"ChatController.js","sources":["../../../src/components/chat/ChatController.tsx"],"sourcesContent":["/* eslint-disable no-param-reassign */\r\nimport { getVariant } from '@apia/theme';\r\nimport { EventEmitter } from '@apia/util';\r\nimport { useEffect, useState } from 'react';\r\nimport { Box } from '@apia/theme';\r\nimport { AutoscrollContainer } from './AutoscrollContainer';\r\nimport { makeTextarea } from './Textarea';\r\nimport { ChatMessage } from './messages/ChatMessage';\r\n\r\nexport type TMessageType =\r\n | 'user'\r\n | 'system'\r\n | 'warning'\r\n | 'error'\r\n | 'information'\r\n | 'response'\r\n | 'multipleChoice';\r\n\r\nexport class ChatController extends EventEmitter<{\r\n listChange: ChatMessage[];\r\n messageSubmited?: string;\r\n}> {\r\n #messages: ChatMessage[] = [];\r\n\r\n constructor(\r\n public id: string,\r\n welcomeMessage?: string,\r\n ) {\r\n super();\r\n if (welcomeMessage)\r\n this.#messages.push(new ChatMessage(welcomeMessage, 'system'));\r\n }\r\n\r\n components = {\r\n MessageHistory: () => {\r\n const messages = this.history.useList();\r\n\r\n return (\r\n <Box\r\n {...getVariant('layout.common.components.chat')}\r\n className=\"history\"\r\n >\r\n <AutoscrollContainer>\r\n {messages.map((current) => (\r\n <Box\r\n as=\"pre\"\r\n className={`history__message ${current.messageType}`}\r\n key={current.id}\r\n {...(typeof current.message === 'string'\r\n ? { dangerouslySetInnerHTML: { __html: current.message } }\r\n : { children: current.message })}\r\n />\r\n ))}\r\n </AutoscrollContainer>\r\n </Box>\r\n );\r\n },\r\n Textarea: makeTextarea(this),\r\n };\r\n\r\n #promptsHistory: string[] = [];\r\n #currentHistoryIndex = -1;\r\n\r\n history = {\r\n add: (prompt: string) => {\r\n this.#currentHistoryIndex = -1;\r\n\r\n if (prompt === this.#promptsHistory[this.#promptsHistory.length]) {\r\n return;\r\n }\r\n\r\n this.#promptsHistory = [\r\n prompt,\r\n ...this.#promptsHistory.slice(\r\n Math.max(0, this.#promptsHistory.length - 10),\r\n ),\r\n ];\r\n },\r\n next: () => {\r\n if (this.#promptsHistory[this.#currentHistoryIndex - 1])\r\n return this.#promptsHistory[--this.#currentHistoryIndex];\r\n else {\r\n this.#currentHistoryIndex = -1;\r\n return '';\r\n }\r\n },\r\n previous: () => {\r\n if (this.#promptsHistory[this.#currentHistoryIndex + 1]) {\r\n return this.#promptsHistory[++this.#currentHistoryIndex];\r\n }\r\n },\r\n useList: () => {\r\n const [messages, setMessages] = useState<ChatMessage[]>(this.#messages);\r\n\r\n useEffect(() => {\r\n return this.on('listChange', (messages) => setMessages(messages));\r\n }, []);\r\n\r\n return messages;\r\n },\r\n };\r\n\r\n messages = {\r\n add: (message: ChatMessage) => {\r\n this.#messages.push(message);\r\n this.emit('listChange', [...this.#messages]);\r\n },\r\n clear: () => {\r\n this.#messages = [];\r\n this.emit('listChange', []);\r\n },\r\n };\r\n}\r\n"],"names":["messages"],"mappings":"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"}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { jsxs, jsx } from '@apia/theme/jsx-runtime';
|
|
1
|
+
import { jsxs, jsx, Fragment } from '@apia/theme/jsx-runtime';
|
|
2
2
|
import { useState, useCallback } from 'react';
|
|
3
3
|
import { IconButton, SimpleButton } from '@apia/components';
|
|
4
4
|
import { Box, Textarea } from '@apia/theme';
|
|
@@ -182,19 +182,32 @@ const makeTextarea = (gptController) => {
|
|
|
182
182
|
children: getLabel("btnAiNext").text
|
|
183
183
|
}
|
|
184
184
|
),
|
|
185
|
-
!hideDeleteButton && /* @__PURE__ */
|
|
186
|
-
|
|
187
|
-
|
|
188
|
-
|
|
189
|
-
|
|
190
|
-
|
|
191
|
-
|
|
192
|
-
|
|
193
|
-
|
|
194
|
-
|
|
195
|
-
|
|
196
|
-
|
|
197
|
-
|
|
185
|
+
!hideDeleteButton && /* @__PURE__ */ jsxs(Fragment, { children: [
|
|
186
|
+
/* @__PURE__ */ jsx(
|
|
187
|
+
SimpleButton,
|
|
188
|
+
{
|
|
189
|
+
title: getLabel("btnAiDelete").tooltip,
|
|
190
|
+
variant: "outline",
|
|
191
|
+
type: "button",
|
|
192
|
+
onClick: () => document.getElementById(
|
|
193
|
+
`GPTMessage${gptController.id}`
|
|
194
|
+
).value = "",
|
|
195
|
+
size: "sm",
|
|
196
|
+
children: getLabel("btnAiDelete").text
|
|
197
|
+
}
|
|
198
|
+
),
|
|
199
|
+
/* @__PURE__ */ jsx(
|
|
200
|
+
SimpleButton,
|
|
201
|
+
{
|
|
202
|
+
title: getLabel("btnAiDeleteMessages").tooltip,
|
|
203
|
+
variant: "outline",
|
|
204
|
+
type: "button",
|
|
205
|
+
onClick: () => gptController.messages.clear(),
|
|
206
|
+
size: "sm",
|
|
207
|
+
children: getLabel("btnAiDeleteMessages").text
|
|
208
|
+
}
|
|
209
|
+
)
|
|
210
|
+
] }),
|
|
198
211
|
/* @__PURE__ */ jsx(
|
|
199
212
|
SimpleButton,
|
|
200
213
|
{
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Textarea.js","sources":["../../../src/components/chat/Textarea.tsx"],"sourcesContent":["/* eslint-disable no-param-reassign */\r\nimport { FormEvent, KeyboardEvent, useCallback, useState } from 'react';\r\nimport { ChatController } from './ChatController';\r\nimport { IconButton, SimpleButton } from '@apia/components';\r\nimport { Box, Textarea } from '@apia/theme';\r\nimport useHandleFileUpload, {\r\n WrongFormatError,\r\n} from './files/useHandleFileUpload';\r\nimport { getLabel } from '@apia/util';\r\nimport { ChatMessage } from './messages/ChatMessage';\r\n\r\nexport const makeTextarea = (gptController: ChatController) => {\r\n const NewTextarea = ({\r\n hideDeleteButton,\r\n isLoading: outIsLoading,\r\n onSubmit,\r\n preventAppendUserMessages,\r\n }: {\r\n hideDeleteButton?: boolean;\r\n isLoading?: boolean;\r\n onSubmit: (text: string) => Promise<void>;\r\n preventAppendUserMessages?: boolean;\r\n }) => {\r\n const [isLoading, setIsLoading] = useState(false);\r\n\r\n const submit = useCallback(\r\n (text: string) => {\r\n if (preventAppendUserMessages !== true)\r\n gptController.messages.add(new ChatMessage(text, 'user'));\r\n\r\n gptController.history.add(text);\r\n\r\n onSubmit(text).finally(() => {\r\n setIsLoading(false);\r\n });\r\n },\r\n [onSubmit, preventAppendUserMessages],\r\n );\r\n\r\n const handleSubmit = useCallback(\r\n (ev: FormEvent<HTMLFormElement>) => {\r\n ev.preventDefault();\r\n //setIsLoading(true);\r\n const textarea = document.getElementById(\r\n `GPTMessage${gptController.id}`,\r\n ) as HTMLTextAreaElement;\r\n\r\n if (textarea.value) {\r\n setIsLoading(true);\r\n submit(textarea.value);\r\n }\r\n\r\n textarea.focus();\r\n textarea.value = '';\r\n },\r\n [submit],\r\n );\r\n\r\n const onKeyDown = useCallback((ev: KeyboardEvent) => {\r\n if ((ev.target as HTMLTextAreaElement).readOnly) return;\r\n\r\n if (ev.code === 'Enter' && !ev.shiftKey) {\r\n ev.preventDefault();\r\n (ev.target as HTMLElement)\r\n .closest('form')\r\n ?.querySelector<HTMLButtonElement>('button[type=\"submit\"]')\r\n ?.click();\r\n }\r\n }, []);\r\n\r\n const { progress, handleFileUpload } = useHandleFileUpload({\r\n onContent(content) {\r\n (\r\n document.getElementById(\r\n `GPTMessage${gptController.id}`,\r\n ) as HTMLTextAreaElement\r\n ).value = content.join('\\n\\n');\r\n },\r\n });\r\n\r\n const actualIsLoading = isLoading || progress !== 100 || outIsLoading;\r\n\r\n const [dragging, setDragging] = useState(false);\r\n\r\n const handleDragLeave = (ev: React.DragEvent<HTMLElement>) => {\r\n ev.preventDefault();\r\n setDragging(false);\r\n };\r\n\r\n const handleDrop = (ev: React.DragEvent<HTMLFormElement>) => {\r\n ev.preventDefault();\r\n setDragging(false);\r\n const fileElement = document.getElementById(\r\n `gptUploadFile__${gptController.id}`,\r\n ) as HTMLInputElement;\r\n fileElement.files = ev.dataTransfer.files;\r\n const event = new Event('change', { bubbles: true });\r\n fileElement.dispatchEvent(event);\r\n };\r\n\r\n const handleDragOver = (ev: React.DragEvent<HTMLElement>) => {\r\n ev.preventDefault();\r\n };\r\n\r\n const handleDragEnter = (ev: React.DragEvent<HTMLElement>) => {\r\n ev.preventDefault();\r\n setDragging(true);\r\n };\r\n\r\n return (\r\n <form\r\n onDrop={handleDrop}\r\n onDragOver={handleDragOver}\r\n onDragEnter={handleDragEnter}\r\n onDragLeave={handleDragLeave}\r\n onSubmit={handleSubmit}\r\n className=\"gpt__form\"\r\n action=\"\"\r\n >\r\n {dragging ? (\r\n <Box\r\n sx={{\r\n height: '150px',\r\n border: '3px dashed #aaa',\r\n width: '100%',\r\n display: 'flex',\r\n alignItems: 'center',\r\n justifyContent: 'center',\r\n }}\r\n >\r\n {getLabel('msgAiDragAndDrop').text}\r\n </Box>\r\n ) : (\r\n <Textarea\r\n onKeyDown={onKeyDown}\r\n id={`GPTMessage${gptController.id}`}\r\n readOnly={actualIsLoading}\r\n />\r\n )}\r\n\r\n <Box className=\"gpt__buttonsContainer\">\r\n <Box sx={{ display: 'none' }}>\r\n <input\r\n type=\"file\"\r\n className=\"gptUploadFile\"\r\n id={`gptUploadFile__${gptController.id}`}\r\n onChange={(ev) => {\r\n handleFileUpload(ev).catch((e) => {\r\n if (e instanceof WrongFormatError) {\r\n setIsLoading(false);\r\n gptController.messages.add(\r\n new ChatMessage(\r\n getLabel('msgAiFileExtensionError').text,\r\n 'error',\r\n ),\r\n );\r\n } else {\r\n throw e;\r\n }\r\n });\r\n }}\r\n />\r\n </Box>\r\n <IconButton\r\n title={getLabel('btnUploadFile').text}\r\n icon=\"File\"\r\n variant=\"icon-outline\"\r\n disabled={actualIsLoading}\r\n onClick={() => {\r\n (\r\n document.getElementById(\r\n `gptUploadFile__${gptController.id}`,\r\n ) as HTMLElement\r\n ).click();\r\n }}\r\n size=\"Lg\"\r\n />\r\n <SimpleButton\r\n title={getLabel('btnAiPrevious').tooltip}\r\n variant=\"outline\"\r\n type=\"button\"\r\n onClick={() => {\r\n const historyValue = gptController.history.previous();\r\n if (historyValue)\r\n (\r\n document.getElementById(\r\n `GPTMessage${gptController.id}`,\r\n ) as HTMLTextAreaElement\r\n ).value = historyValue;\r\n }}\r\n size=\"sm\"\r\n >\r\n {getLabel('btnAiPrevious').text}\r\n </SimpleButton>\r\n <SimpleButton\r\n title={getLabel('btnAiNext').tooltip}\r\n variant=\"outline\"\r\n type=\"button\"\r\n onClick={() => {\r\n const historyValue = gptController.history.next();\r\n (\r\n document.getElementById(\r\n `GPTMessage${gptController.id}`,\r\n ) as HTMLTextAreaElement\r\n ).value = historyValue ?? '';\r\n }}\r\n size=\"sm\"\r\n >\r\n {getLabel('btnAiNext').text}\r\n </SimpleButton>\r\n {!hideDeleteButton && (\r\n <SimpleButton\r\n title={getLabel('btnAiDelete').tooltip}\r\n variant=\"outline\"\r\n type=\"button\"\r\n onClick={() =>\r\n ((\r\n document.getElementById(\r\n `GPTMessage${gptController.id}`,\r\n ) as HTMLInputElement\r\n ).value = '')\r\n }\r\n size=\"sm\"\r\n >\r\n {getLabel('btnAiDelete').text}\r\n </SimpleButton>\r\n )}\r\n <SimpleButton\r\n title={getLabel('btnAiSend').tooltip}\r\n isLoading={actualIsLoading}\r\n type=\"submit\"\r\n size=\"sm\"\r\n >\r\n {getLabel('btnAiSend').text}\r\n </SimpleButton>\r\n </Box>\r\n </form>\r\n );\r\n };\r\n\r\n NewTextarea.displayName = '';\r\n\r\n return NewTextarea;\r\n};\r\n"],"names":[],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"Textarea.js","sources":["../../../src/components/chat/Textarea.tsx"],"sourcesContent":["/* eslint-disable no-param-reassign */\r\nimport { FormEvent, KeyboardEvent, useCallback, useState } from 'react';\r\nimport { ChatController } from './ChatController';\r\nimport { IconButton, SimpleButton } from '@apia/components';\r\nimport { Box, Textarea } from '@apia/theme';\r\nimport useHandleFileUpload, {\r\n WrongFormatError,\r\n} from './files/useHandleFileUpload';\r\nimport { getLabel } from '@apia/util';\r\nimport { ChatMessage } from './messages/ChatMessage';\r\n\r\nexport const makeTextarea = (gptController: ChatController) => {\r\n const NewTextarea = ({\r\n hideDeleteButton,\r\n isLoading: outIsLoading,\r\n onSubmit,\r\n preventAppendUserMessages,\r\n }: {\r\n hideDeleteButton?: boolean;\r\n isLoading?: boolean;\r\n onSubmit: (text: string) => Promise<void>;\r\n preventAppendUserMessages?: boolean;\r\n }) => {\r\n const [isLoading, setIsLoading] = useState(false);\r\n\r\n const submit = useCallback(\r\n (text: string) => {\r\n if (preventAppendUserMessages !== true)\r\n gptController.messages.add(new ChatMessage(text, 'user'));\r\n\r\n gptController.history.add(text);\r\n\r\n onSubmit(text).finally(() => {\r\n setIsLoading(false);\r\n });\r\n },\r\n [onSubmit, preventAppendUserMessages],\r\n );\r\n\r\n const handleSubmit = useCallback(\r\n (ev: FormEvent<HTMLFormElement>) => {\r\n ev.preventDefault();\r\n //setIsLoading(true);\r\n const textarea = document.getElementById(\r\n `GPTMessage${gptController.id}`,\r\n ) as HTMLTextAreaElement;\r\n\r\n if (textarea.value) {\r\n setIsLoading(true);\r\n submit(textarea.value);\r\n }\r\n\r\n textarea.focus();\r\n textarea.value = '';\r\n },\r\n [submit],\r\n );\r\n\r\n const onKeyDown = useCallback((ev: KeyboardEvent) => {\r\n if ((ev.target as HTMLTextAreaElement).readOnly) return;\r\n\r\n if (ev.code === 'Enter' && !ev.shiftKey) {\r\n ev.preventDefault();\r\n (ev.target as HTMLElement)\r\n .closest('form')\r\n ?.querySelector<HTMLButtonElement>('button[type=\"submit\"]')\r\n ?.click();\r\n }\r\n }, []);\r\n\r\n const { progress, handleFileUpload } = useHandleFileUpload({\r\n onContent(content) {\r\n (\r\n document.getElementById(\r\n `GPTMessage${gptController.id}`,\r\n ) as HTMLTextAreaElement\r\n ).value = content.join('\\n\\n');\r\n },\r\n });\r\n\r\n const actualIsLoading = isLoading || progress !== 100 || outIsLoading;\r\n\r\n const [dragging, setDragging] = useState(false);\r\n\r\n const handleDragLeave = (ev: React.DragEvent<HTMLElement>) => {\r\n ev.preventDefault();\r\n setDragging(false);\r\n };\r\n\r\n const handleDrop = (ev: React.DragEvent<HTMLFormElement>) => {\r\n ev.preventDefault();\r\n setDragging(false);\r\n const fileElement = document.getElementById(\r\n `gptUploadFile__${gptController.id}`,\r\n ) as HTMLInputElement;\r\n fileElement.files = ev.dataTransfer.files;\r\n const event = new Event('change', { bubbles: true });\r\n fileElement.dispatchEvent(event);\r\n };\r\n\r\n const handleDragOver = (ev: React.DragEvent<HTMLElement>) => {\r\n ev.preventDefault();\r\n };\r\n\r\n const handleDragEnter = (ev: React.DragEvent<HTMLElement>) => {\r\n ev.preventDefault();\r\n setDragging(true);\r\n };\r\n\r\n return (\r\n <form\r\n onDrop={handleDrop}\r\n onDragOver={handleDragOver}\r\n onDragEnter={handleDragEnter}\r\n onDragLeave={handleDragLeave}\r\n onSubmit={handleSubmit}\r\n className=\"gpt__form\"\r\n action=\"\"\r\n >\r\n {dragging ? (\r\n <Box\r\n sx={{\r\n height: '150px',\r\n border: '3px dashed #aaa',\r\n width: '100%',\r\n display: 'flex',\r\n alignItems: 'center',\r\n justifyContent: 'center',\r\n }}\r\n >\r\n {getLabel('msgAiDragAndDrop').text}\r\n </Box>\r\n ) : (\r\n <Textarea\r\n onKeyDown={onKeyDown}\r\n id={`GPTMessage${gptController.id}`}\r\n readOnly={actualIsLoading}\r\n />\r\n )}\r\n\r\n <Box className=\"gpt__buttonsContainer\">\r\n <Box sx={{ display: 'none' }}>\r\n <input\r\n type=\"file\"\r\n className=\"gptUploadFile\"\r\n id={`gptUploadFile__${gptController.id}`}\r\n onChange={(ev) => {\r\n handleFileUpload(ev).catch((e) => {\r\n if (e instanceof WrongFormatError) {\r\n setIsLoading(false);\r\n gptController.messages.add(\r\n new ChatMessage(\r\n getLabel('msgAiFileExtensionError').text,\r\n 'error',\r\n ),\r\n );\r\n } else {\r\n throw e;\r\n }\r\n });\r\n }}\r\n />\r\n </Box>\r\n <IconButton\r\n title={getLabel('btnUploadFile').text}\r\n icon=\"File\"\r\n variant=\"icon-outline\"\r\n disabled={actualIsLoading}\r\n onClick={() => {\r\n (\r\n document.getElementById(\r\n `gptUploadFile__${gptController.id}`,\r\n ) as HTMLElement\r\n ).click();\r\n }}\r\n size=\"Lg\"\r\n />\r\n <SimpleButton\r\n title={getLabel('btnAiPrevious').tooltip}\r\n variant=\"outline\"\r\n type=\"button\"\r\n onClick={() => {\r\n const historyValue = gptController.history.previous();\r\n if (historyValue)\r\n (\r\n document.getElementById(\r\n `GPTMessage${gptController.id}`,\r\n ) as HTMLTextAreaElement\r\n ).value = historyValue;\r\n }}\r\n size=\"sm\"\r\n >\r\n {getLabel('btnAiPrevious').text}\r\n </SimpleButton>\r\n <SimpleButton\r\n title={getLabel('btnAiNext').tooltip}\r\n variant=\"outline\"\r\n type=\"button\"\r\n onClick={() => {\r\n const historyValue = gptController.history.next();\r\n (\r\n document.getElementById(\r\n `GPTMessage${gptController.id}`,\r\n ) as HTMLTextAreaElement\r\n ).value = historyValue ?? '';\r\n }}\r\n size=\"sm\"\r\n >\r\n {getLabel('btnAiNext').text}\r\n </SimpleButton>\r\n {!hideDeleteButton && (\r\n <>\r\n <SimpleButton\r\n title={getLabel('btnAiDelete').tooltip}\r\n variant=\"outline\"\r\n type=\"button\"\r\n onClick={() =>\r\n ((\r\n document.getElementById(\r\n `GPTMessage${gptController.id}`,\r\n ) as HTMLInputElement\r\n ).value = '')\r\n }\r\n size=\"sm\"\r\n >\r\n {getLabel('btnAiDelete').text}\r\n </SimpleButton>\r\n <SimpleButton\r\n title={getLabel('btnAiDeleteMessages').tooltip}\r\n variant=\"outline\"\r\n type=\"button\"\r\n onClick={() => gptController.messages.clear()}\r\n size=\"sm\"\r\n >\r\n {getLabel('btnAiDeleteMessages').text}\r\n </SimpleButton>\r\n </>\r\n )}\r\n <SimpleButton\r\n title={getLabel('btnAiSend').tooltip}\r\n isLoading={actualIsLoading}\r\n type=\"submit\"\r\n size=\"sm\"\r\n >\r\n {getLabel('btnAiSend').text}\r\n </SimpleButton>\r\n </Box>\r\n </form>\r\n );\r\n };\r\n\r\n NewTextarea.displayName = '';\r\n\r\n return NewTextarea;\r\n};\r\n"],"names":[],"mappings":"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"}
|
|
@@ -25,7 +25,7 @@ class MultipleChoiceMessage extends ChatMessage {
|
|
|
25
25
|
{
|
|
26
26
|
className: "multipleChoice__option",
|
|
27
27
|
onClick: () => {
|
|
28
|
-
|
|
28
|
+
ApiaUtil.instance.tabs.openTab(current.label, current.url);
|
|
29
29
|
},
|
|
30
30
|
children: current.label
|
|
31
31
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"MultipleChoiceMessage.js","sources":["../../../../src/components/chat/messages/MultipleChoiceMessage.tsx"],"sourcesContent":["import { ApiaUtil, SimpleButton } from '@apia/components';\r\nimport { ChatMessage } from './ChatMessage';\r\nimport { Box, Paragraph } from '@apia/theme';\r\nimport { ReactElement } from 'react';\r\n\r\nexport type TMultipleChoiceMessageOption<OptionProps> = {\r\n label: string;\r\n url: string;\r\n additionalProps?: OptionProps;\r\n};\r\n\r\nexport class MultipleChoiceMessage<OptionProps> extends ChatMessage {\r\n constructor(\r\n private question: string,\r\n private options: TMultipleChoiceMessageOption<OptionProps>[],\r\n private Renderer?: (props: {\r\n item: TMultipleChoiceMessageOption<OptionProps>;\r\n }) => ReactElement,\r\n ) {\r\n super('', 'multipleChoice');\r\n }\r\n\r\n get message() {\r\n const Renderer = this.Renderer;\r\n\r\n if (Renderer) {\r\n return (\r\n <Box className=\"multipleChoiceMessage customRenderer\">\r\n <Paragraph>{this.question}</Paragraph>\r\n {this.options.map((item) => (\r\n <Renderer item={item} key={item.url} />\r\n ))}\r\n </Box>\r\n );\r\n }\r\n\r\n return (\r\n <Box className=\"multipleChoiceMessage\">\r\n <Paragraph>{this.question}</Paragraph>\r\n {!Renderer && (\r\n <Box as=\"ul\">\r\n {this.options.map((current) => (\r\n <li key={current.label}>\r\n <SimpleButton\r\n className=\"multipleChoice__option\"\r\n onClick={() => {\r\n
|
|
1
|
+
{"version":3,"file":"MultipleChoiceMessage.js","sources":["../../../../src/components/chat/messages/MultipleChoiceMessage.tsx"],"sourcesContent":["import { ApiaUtil, SimpleButton } from '@apia/components';\r\nimport { ChatMessage } from './ChatMessage';\r\nimport { Box, Paragraph } from '@apia/theme';\r\nimport { ReactElement } from 'react';\r\n\r\nexport type TMultipleChoiceMessageOption<OptionProps> = {\r\n label: string;\r\n url: string;\r\n additionalProps?: OptionProps;\r\n};\r\n\r\nexport class MultipleChoiceMessage<OptionProps> extends ChatMessage {\r\n constructor(\r\n private question: string,\r\n private options: TMultipleChoiceMessageOption<OptionProps>[],\r\n private Renderer?: (props: {\r\n item: TMultipleChoiceMessageOption<OptionProps>;\r\n }) => ReactElement,\r\n ) {\r\n super('', 'multipleChoice');\r\n }\r\n\r\n get message() {\r\n const Renderer = this.Renderer;\r\n\r\n if (Renderer) {\r\n return (\r\n <Box className=\"multipleChoiceMessage customRenderer\">\r\n <Paragraph>{this.question}</Paragraph>\r\n {this.options.map((item) => (\r\n <Renderer item={item} key={item.url} />\r\n ))}\r\n </Box>\r\n );\r\n }\r\n\r\n return (\r\n <Box className=\"multipleChoiceMessage\">\r\n <Paragraph>{this.question}</Paragraph>\r\n {!Renderer && (\r\n <Box as=\"ul\">\r\n {this.options.map((current) => (\r\n <li key={current.label}>\r\n <SimpleButton\r\n className=\"multipleChoice__option\"\r\n onClick={() => {\r\n ApiaUtil.instance.tabs.openTab(current.label, current.url);\r\n }}\r\n >\r\n {current.label}\r\n </SimpleButton>\r\n </li>\r\n ))}\r\n </Box>\r\n )}\r\n </Box>\r\n );\r\n }\r\n}\r\n"],"names":[],"mappings":";;;;;AAWO,MAAM,8BAA2C,WAAY,CAAA;AAAA,EAClE,WAAA,CACU,QACA,EAAA,OAAA,EACA,QAGR,EAAA;AACA,IAAA,KAAA,CAAM,IAAI,gBAAgB,CAAA,CAAA;AANlB,IAAA,IAAA,CAAA,QAAA,GAAA,QAAA,CAAA;AACA,IAAA,IAAA,CAAA,OAAA,GAAA,OAAA,CAAA;AACA,IAAA,IAAA,CAAA,QAAA,GAAA,QAAA,CAAA;AAAA,GAKV;AAAA,EAEA,IAAI,OAAU,GAAA;AACZ,IAAA,MAAM,WAAW,IAAK,CAAA,QAAA,CAAA;AAEtB,IAAA,IAAI,QAAU,EAAA;AACZ,MACE,uBAAA,IAAA,CAAC,GAAI,EAAA,EAAA,SAAA,EAAU,sCACb,EAAA,QAAA,EAAA;AAAA,wBAAC,GAAA,CAAA,SAAA,EAAA,EAAW,eAAK,QAAS,EAAA,CAAA;AAAA,QACzB,IAAA,CAAK,OAAQ,CAAA,GAAA,CAAI,CAAC,IAAA,yBAChB,QAAS,EAAA,EAAA,IAAA,EAAA,EAAiB,IAAK,CAAA,GAAK,CACtC,CAAA;AAAA,OACH,EAAA,CAAA,CAAA;AAAA,KAEJ;AAEA,IACE,uBAAA,IAAA,CAAC,GAAI,EAAA,EAAA,SAAA,EAAU,uBACb,EAAA,QAAA,EAAA;AAAA,sBAAC,GAAA,CAAA,SAAA,EAAA,EAAW,eAAK,QAAS,EAAA,CAAA;AAAA,MACzB,CAAC,QAAA,oBACC,GAAA,CAAA,GAAA,EAAA,EAAI,EAAG,EAAA,IAAA,EACL,QAAK,EAAA,IAAA,CAAA,OAAA,CAAQ,GAAI,CAAA,CAAC,OACjB,qBAAA,GAAA,CAAC,IACC,EAAA,EAAA,QAAA,kBAAA,GAAA;AAAA,QAAC,YAAA;AAAA,QAAA;AAAA,UACC,SAAU,EAAA,wBAAA;AAAA,UACV,SAAS,MAAM;AACb,YAAA,QAAA,CAAS,SAAS,IAAK,CAAA,OAAA,CAAQ,OAAQ,CAAA,KAAA,EAAO,QAAQ,GAAG,CAAA,CAAA;AAAA,WAC3D;AAAA,UAEC,QAAQ,EAAA,OAAA,CAAA,KAAA;AAAA,SAAA;AAAA,OAPJ,EAAA,EAAA,OAAA,CAAQ,KASjB,CACD,CACH,EAAA,CAAA;AAAA,KAEJ,EAAA,CAAA,CAAA;AAAA,GAEJ;AACF;;;;"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@apia/ai",
|
|
3
|
-
"version": "2.0.
|
|
3
|
+
"version": "2.0.13",
|
|
4
4
|
"sideEffects": false,
|
|
5
5
|
"author": "Alexis Leite <alexisleite@live.com>",
|
|
6
6
|
"main": "dist/index.js",
|
|
@@ -13,9 +13,9 @@
|
|
|
13
13
|
"libWatch": "rollup --watch --config ../../config/rollup.common.mjs --environment MODE:development,ENTRY:index.ts,WATCH:true"
|
|
14
14
|
},
|
|
15
15
|
"dependencies": {
|
|
16
|
-
"@apia/components": "^2.0.
|
|
17
|
-
"@apia/theme": "^2.0.
|
|
18
|
-
"@apia/util": "^2.0.
|
|
16
|
+
"@apia/components": "^2.0.13",
|
|
17
|
+
"@apia/theme": "^2.0.13",
|
|
18
|
+
"@apia/util": "^2.0.13"
|
|
19
19
|
},
|
|
20
20
|
"devDependencies": {
|
|
21
21
|
"@types/react": "^18.2.43",
|
|
@@ -34,5 +34,5 @@
|
|
|
34
34
|
"access": "public",
|
|
35
35
|
"registry": "https://registry.npmjs.org/"
|
|
36
36
|
},
|
|
37
|
-
"gitHead": "
|
|
37
|
+
"gitHead": "635197e6047ae20594d980393f0e8dc300e641ec"
|
|
38
38
|
}
|