@app-studio/web 0.3.65 → 0.3.67
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/bot/FileHandler.d.ts +4 -3
- package/dist/bot/OpenAIConnector.d.ts +4 -3
- package/dist/components/Form/TextField/examples/index.d.ts +1 -1
- package/dist/web.cjs.development.js +24 -24
- package/dist/web.cjs.development.js.map +1 -1
- package/dist/web.cjs.production.min.js +1 -1
- package/dist/web.cjs.production.min.js.map +1 -1
- package/dist/web.esm.js +9 -9
- package/dist/web.esm.js.map +1 -1
- package/package.json +23 -25
- /package/dist/components/Form/TextField/examples/{colorScheme.d.ts → ColorScheme.d.ts} +0 -0
|
@@ -3,6 +3,7 @@ uploadFile : Méthode pour uploader un fichier sur OpenAI. Prend le chemin du fi
|
|
|
3
3
|
deleteFile : Méthode pour supprimer un fichier de OpenAI en utilisant son ID.
|
|
4
4
|
listFiles : Méthode pour lister tous les fichiers disponibles sur votre compte OpenAI.
|
|
5
5
|
*/
|
|
6
|
+
import { OpenAI } from 'openai';
|
|
6
7
|
export declare class FileHandler {
|
|
7
8
|
private readonly openai;
|
|
8
9
|
constructor(apiKey: string, organization: string);
|
|
@@ -12,7 +13,7 @@ export declare class FileHandler {
|
|
|
12
13
|
writeWithoutCheck(filePath: string, content: string): void;
|
|
13
14
|
pathExists(filePath: string): boolean;
|
|
14
15
|
readComponentPropsFromJson: (filePath: string) => Record<string, any>;
|
|
15
|
-
uploadFile(filePath: string, purpose: 'fine-tune' | 'assistants'): Promise<
|
|
16
|
-
deleteFile(fileId: string): Promise<
|
|
17
|
-
listFiles(): Promise<
|
|
16
|
+
uploadFile(filePath: string, purpose: 'fine-tune' | 'assistants'): Promise<string>;
|
|
17
|
+
deleteFile(fileId: string): Promise<boolean>;
|
|
18
|
+
listFiles(): Promise<OpenAI.Files.FileObject[]>;
|
|
18
19
|
}
|
|
@@ -6,6 +6,7 @@ createThread : Crée un nouveau thread pour une conversation avec l'assistant.
|
|
|
6
6
|
addMessageToThread : Ajoute un message au thread spécifié. Utile pour envoyer des prompts ou des questions.
|
|
7
7
|
runAssistant : Exécute l'assistant sur le thread donné et attend la réponse. Récupère et retourne la réponse de l'assistant.
|
|
8
8
|
*/
|
|
9
|
+
import { OpenAI } from 'openai';
|
|
9
10
|
import { Assistant, Thread } from 'openai/resources/beta';
|
|
10
11
|
import { MessageCreateParams, ThreadMessage } from 'openai/resources/beta/threads';
|
|
11
12
|
export declare class OpenAIConnector {
|
|
@@ -13,11 +14,11 @@ export declare class OpenAIConnector {
|
|
|
13
14
|
private readonly organization;
|
|
14
15
|
private readonly openai;
|
|
15
16
|
constructor(apiKey: string, organization: string);
|
|
16
|
-
sendChatMessage(model: string, messages: MessageCreateParams[]): Promise<
|
|
17
|
+
sendChatMessage(model: string, messages: MessageCreateParams[]): Promise<OpenAI.Chat.Completions.ChatCompletion>;
|
|
17
18
|
createAssistant(instructions: string, name: string, fileIds: string[]): Promise<Assistant>;
|
|
18
19
|
createAssistantFiles(assistantId: string, filesIds: string[]): Promise<Assistant>;
|
|
19
|
-
deleteAssistantFiles(assistantId: string, AssistantFileId: string): Promise<
|
|
20
|
-
getAssistantFiles(assistantId: string): Promise<
|
|
20
|
+
deleteAssistantFiles(assistantId: string, AssistantFileId: string): Promise<OpenAI.Beta.Assistants.Files.FileDeleteResponse>;
|
|
21
|
+
getAssistantFiles(assistantId: string): Promise<OpenAI.Beta.Assistants.Files.AssistantFilesPage>;
|
|
21
22
|
createThread(): Promise<Thread>;
|
|
22
23
|
addMessageToThread(threadId: string, message: MessageCreateParams): Promise<ThreadMessage>;
|
|
23
24
|
runAssistant(assistantId: string, threadId: string): Promise<any>;
|
|
@@ -12,8 +12,12 @@ var format = _interopDefault(require('date-fns/format'));
|
|
|
12
12
|
var formik = require('formik');
|
|
13
13
|
var zustand = require('zustand');
|
|
14
14
|
var View$1 = require('src/components/Layout/View/View');
|
|
15
|
-
var
|
|
15
|
+
var Horizontal$1 = require('src/components/Layout/Horizontal/Horizontal');
|
|
16
|
+
var Button$1 = require('src/components/Button/Button');
|
|
17
|
+
var Text$1 = require('src/components/Text/Text');
|
|
18
|
+
var Vertical$1 = require('src/components/Layout/Vertical/Vertical');
|
|
16
19
|
var Svg = require('src/components/Svg');
|
|
20
|
+
var Center$1 = require('src/components/Layout/Center/Center');
|
|
17
21
|
|
|
18
22
|
var useButtonState = function useButtonState() {
|
|
19
23
|
var _React$useState = React__default.useState(false),
|
|
@@ -428,7 +432,7 @@ var IconSizes = {
|
|
|
428
432
|
'6xl': 64
|
|
429
433
|
};
|
|
430
434
|
|
|
431
|
-
var _excluded$a = ["children", "href", "iconSize", "underline", "isHovered", "isExternal", "
|
|
435
|
+
var _excluded$a = ["children", "href", "iconSize", "underline", "isHovered", "isExternal", "styles", "setIsHovered"];
|
|
432
436
|
var LinkView = function LinkView(_ref) {
|
|
433
437
|
var children = _ref.children,
|
|
434
438
|
_ref$href = _ref.href,
|
|
@@ -441,8 +445,6 @@ var LinkView = function LinkView(_ref) {
|
|
|
441
445
|
isHovered = _ref$isHovered === void 0 ? false : _ref$isHovered,
|
|
442
446
|
_ref$isExternal = _ref.isExternal,
|
|
443
447
|
isExternal = _ref$isExternal === void 0 ? false : _ref$isExternal,
|
|
444
|
-
_ref$colorScheme = _ref.colorScheme,
|
|
445
|
-
colorScheme = _ref$colorScheme === void 0 ? '#0072F5' : _ref$colorScheme,
|
|
446
448
|
_ref$styles = _ref.styles,
|
|
447
449
|
styles = _ref$styles === void 0 ? {
|
|
448
450
|
icon: {},
|
|
@@ -458,7 +460,6 @@ var LinkView = function LinkView(_ref) {
|
|
|
458
460
|
to: href,
|
|
459
461
|
target: isExternal ? '_blank' : '_self'
|
|
460
462
|
}, React__default.createElement(appStudio.Element, Object.assign({
|
|
461
|
-
color: colorScheme,
|
|
462
463
|
onMouseEnter: handleHover,
|
|
463
464
|
onMouseLeave: handleHover,
|
|
464
465
|
textDecoration: isHovered || underline === 'underline' ? 'underline !important' : 'none'
|
|
@@ -467,7 +468,6 @@ var LinkView = function LinkView(_ref) {
|
|
|
467
468
|
alignItems: "center",
|
|
468
469
|
wrap: "nowrap"
|
|
469
470
|
}, children, isExternal && React__default.createElement(ExternalLinkSvg, {
|
|
470
|
-
color: colorScheme,
|
|
471
471
|
size: IconSizes[iconSize],
|
|
472
472
|
style: styles.icon
|
|
473
473
|
}))));
|
|
@@ -4991,13 +4991,13 @@ var TabsView = function TabsView(props) {
|
|
|
4991
4991
|
var isContentActive = function isContentActive(tab) {
|
|
4992
4992
|
return tab.value === tabsState[0].value;
|
|
4993
4993
|
};
|
|
4994
|
-
return React__default.createElement(
|
|
4994
|
+
return React__default.createElement(Horizontal$1.Horizontal, Object.assign({
|
|
4995
4995
|
width: "100w",
|
|
4996
4996
|
height: '100%'
|
|
4997
|
-
}, styles == null ? void 0 : styles.container), React__default.createElement(
|
|
4997
|
+
}, styles == null ? void 0 : styles.container), React__default.createElement(Horizontal$1.Horizontal, Object.assign({
|
|
4998
4998
|
marginBottom: 20
|
|
4999
4999
|
}, styles == null ? void 0 : styles.headerTabs), tabs.map(function (tab, idx) {
|
|
5000
|
-
return React__default.createElement(
|
|
5000
|
+
return React__default.createElement(Button$1.Button, Object.assign({
|
|
5001
5001
|
key: tab.title,
|
|
5002
5002
|
onClick: function onClick() {
|
|
5003
5003
|
moveSelectedTabToTop(idx);
|
|
@@ -5006,7 +5006,7 @@ var TabsView = function TabsView(props) {
|
|
|
5006
5006
|
shape: "pillShaped",
|
|
5007
5007
|
cursor: "pointer",
|
|
5008
5008
|
isAuto: true
|
|
5009
|
-
}, styles == null ? void 0 : styles.tab, isActive.value === tab.value ? styles == null ? void 0 : styles.activeTab : {}), React__default.createElement(
|
|
5009
|
+
}, styles == null ? void 0 : styles.tab, isActive.value === tab.value ? styles == null ? void 0 : styles.activeTab : {}), React__default.createElement(Text$1.Text, Object.assign({}, styles == null ? void 0 : styles.title, isActive.value === tab.value ? styles == null ? void 0 : styles.activeText : {}), tab.title));
|
|
5010
5010
|
})), React__default.createElement(View$1.View, Object.assign({
|
|
5011
5011
|
width: '100%',
|
|
5012
5012
|
height: "100%"
|
|
@@ -5095,7 +5095,7 @@ var AlertView = function AlertView(_ref) {
|
|
|
5095
5095
|
description = _ref.description,
|
|
5096
5096
|
_ref$variant = _ref.variant,
|
|
5097
5097
|
variant = _ref$variant === void 0 ? 'default' : _ref$variant;
|
|
5098
|
-
return React__default.createElement(
|
|
5098
|
+
return React__default.createElement(Horizontal$1.Horizontal, Object.assign({
|
|
5099
5099
|
gap: 15,
|
|
5100
5100
|
borderRadius: 10,
|
|
5101
5101
|
borderWidth: 1,
|
|
@@ -5103,17 +5103,17 @@ var AlertView = function AlertView(_ref) {
|
|
|
5103
5103
|
padding: 16,
|
|
5104
5104
|
wrap: "nowrap",
|
|
5105
5105
|
borderColor: Themes[variant].container.border
|
|
5106
|
-
}, styles == null ? void 0 : styles.container), React__default.createElement(
|
|
5106
|
+
}, styles == null ? void 0 : styles.container), React__default.createElement(View$1.View, {
|
|
5107
5107
|
alignSelf: 'center'
|
|
5108
5108
|
}, icon ? icon : React__default.createElement(Svg.WarningSvg, {
|
|
5109
5109
|
size: 24,
|
|
5110
5110
|
color: (_styles$icon$color = styles == null ? void 0 : styles.icon.color) != null ? _styles$icon$color : Themes[variant].content.color
|
|
5111
|
-
})), React__default.createElement(
|
|
5111
|
+
})), React__default.createElement(Vertical$1.Vertical, {
|
|
5112
5112
|
gap: 10
|
|
5113
|
-
}, React__default.createElement(
|
|
5113
|
+
}, React__default.createElement(Text$1.Text, Object.assign({
|
|
5114
5114
|
fontSize: "16px",
|
|
5115
5115
|
color: Themes[variant].content.color
|
|
5116
|
-
}, styles == null ? void 0 : styles.title), title), React__default.createElement(
|
|
5116
|
+
}, styles == null ? void 0 : styles.title), title), React__default.createElement(Text$1.Text, Object.assign({
|
|
5117
5117
|
fontSize: "14px",
|
|
5118
5118
|
color: Themes[variant].content.color
|
|
5119
5119
|
}, styles == null ? void 0 : styles.description), description)));
|
|
@@ -5141,13 +5141,13 @@ var AspectRatioView = function AspectRatioView(_ref) {
|
|
|
5141
5141
|
ratio = _ref$ratio === void 0 ? 16 / 9 : _ref$ratio,
|
|
5142
5142
|
children = _ref.children,
|
|
5143
5143
|
props = _objectWithoutPropertiesLoose(_ref, _excluded$A);
|
|
5144
|
-
return React__default.createElement(
|
|
5144
|
+
return React__default.createElement(Center$1.Center, Object.assign({
|
|
5145
5145
|
width: '100%',
|
|
5146
5146
|
position: "relative",
|
|
5147
5147
|
overflow: "hidden",
|
|
5148
5148
|
paddingTop: 1 / ratio * 100 + "%",
|
|
5149
5149
|
borderRadius: 8
|
|
5150
|
-
}, props), React__default.createElement(
|
|
5150
|
+
}, props), React__default.createElement(View$1.View, {
|
|
5151
5151
|
position: "absolute",
|
|
5152
5152
|
top: 0,
|
|
5153
5153
|
right: 0,
|
|
@@ -5198,7 +5198,7 @@ var AvatarView = function AvatarView(_ref) {
|
|
|
5198
5198
|
var imageStyle = _extends({
|
|
5199
5199
|
objectFit: 'cover'
|
|
5200
5200
|
}, (styles == null ? void 0 : styles.image) || {});
|
|
5201
|
-
return React__default.createElement(
|
|
5201
|
+
return React__default.createElement(Center$1.Center, Object.assign({
|
|
5202
5202
|
role: "avatar",
|
|
5203
5203
|
width: avatarSize,
|
|
5204
5204
|
height: avatarSize,
|
|
@@ -5217,7 +5217,7 @@ var AvatarView = function AvatarView(_ref) {
|
|
|
5217
5217
|
onError: function onError() {
|
|
5218
5218
|
return setImageError(true);
|
|
5219
5219
|
}
|
|
5220
|
-
}) : React__default.createElement(
|
|
5220
|
+
}) : React__default.createElement(Text$1.Text, Object.assign({
|
|
5221
5221
|
size: size
|
|
5222
5222
|
}, styles == null ? void 0 : styles.fallback), fallback));
|
|
5223
5223
|
};
|
|
@@ -5344,9 +5344,9 @@ var BadgeView = function BadgeView(_ref) {
|
|
|
5344
5344
|
width: 'fit-content',
|
|
5345
5345
|
borderRadius: BadgeShapes[shape]
|
|
5346
5346
|
}, BadgeSizes[size], BadgeVariants[variant], position ? PositionStyles[position] : {}, styles == null ? void 0 : styles.container);
|
|
5347
|
-
return React__default.createElement(
|
|
5347
|
+
return React__default.createElement(Center$1.Center, Object.assign({
|
|
5348
5348
|
role: "badge"
|
|
5349
|
-
}, combinedStyles), React__default.createElement(
|
|
5349
|
+
}, combinedStyles), React__default.createElement(Text$1.Text, Object.assign({
|
|
5350
5350
|
role: "badgeText",
|
|
5351
5351
|
size: size
|
|
5352
5352
|
}, styles == null ? void 0 : styles.text), content));
|
|
@@ -5437,7 +5437,7 @@ var ToggleView = function ToggleView(_ref) {
|
|
|
5437
5437
|
}
|
|
5438
5438
|
};
|
|
5439
5439
|
|
|
5440
|
-
return React__default.createElement(
|
|
5440
|
+
return React__default.createElement(Center$1.Center, Object.assign({
|
|
5441
5441
|
role: "Toggle",
|
|
5442
5442
|
padding: shape === 'pillShaped' ? '10px 12px' : '8px',
|
|
5443
5443
|
width: "fit-content",
|
|
@@ -5525,12 +5525,12 @@ var ToggleGroupView = function ToggleGroupView(_ref) {
|
|
|
5525
5525
|
return newActiveToggles;
|
|
5526
5526
|
});
|
|
5527
5527
|
}, [onToggleChange, setActiveToggles]);
|
|
5528
|
-
return React__default.createElement(
|
|
5528
|
+
return React__default.createElement(Horizontal$1.Horizontal, {
|
|
5529
5529
|
role: "ToggleGroup",
|
|
5530
5530
|
display: "flex",
|
|
5531
5531
|
gap: 5
|
|
5532
5532
|
}, items.map(function (item) {
|
|
5533
|
-
return React__default.createElement(
|
|
5533
|
+
return React__default.createElement(Toggle, {
|
|
5534
5534
|
role: "toggle-" + item.id,
|
|
5535
5535
|
key: item.id,
|
|
5536
5536
|
colorScheme: colorScheme,
|