@openk9ui/openk9-chatbot 3.0.1 → 3.1.1-SNAPSHOT

package/dist/lib/components/Translate.js

@@ -1,6 +1,6 @@
 "use strict";
-exports.__esModule = true;
-exports.Translate = void 0;
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Translate = Translate;
 var useLanguage_1 = require("./useLanguage");
 function Translate(_a) {
     var _b;
@@ -10,62 +10,61 @@ function Translate(_a) {
     var translation = (_b = translations[label]) === null || _b === void 0 ? void 0 : _b[htmlLang];
     return translation || label;
 }
-exports.Translate = Translate;
 var translations = {
     closeChatbot: {
         it_IT: "Chiudi il chatbot",
         en_US: "Close the chatbot",
         fr_FR: "Fermez le chatbot",
         es_ES: "Cerrar el chatbot",
-        de_DE: "Schließen Sie den Chatbot"
+        de_DE: "Schließen Sie den Chatbot",
     },
     openChatbot: {
         it_IT: "Apri il chatbot",
         en_US: "Open the chatbot",
         fr_FR: "Ouvrir le chatbot",
         es_ES: "Abrir el chatbot",
-        de_DE: "Öffnen Sie den Chatbot"
+        de_DE: "Öffnen Sie den Chatbot",
     },
     clearChat: {
         it_IT: "Svuota la chat",
         en_US: "Clear the chat",
         fr_FR: "Effacer le chat",
         es_ES: "Borrar el chat",
-        de_DE: "Leeren Sie den Chat"
+        de_DE: "Leeren Sie den Chat",
     },
     startQuestion: {
         it_IT: "Fai partire una domanda",
         en_US: "Start a question",
         fr_FR: "Commencez une question",
         es_ES: "Iniciar una pregunta",
-        de_DE: "Starten Sie eine Frage"
+        de_DE: "Starten Sie eine Frage",
     },
     youSendMessage: {
         it_IT: "tu hai mandato un messaggio alle ",
         en_US: "you sent a message at ",
         fr_FR: "vous avez envoyé un message à ",
         es_ES: "tú enviaste un mensaje a las ",
-        de_DE: "du hast eine Nachricht um "
+        de_DE: "du hast eine Nachricht um ",
     },
     sendMessage: {
         it_IT: "ha mandato un messaggio alle ",
         en_US: "sent a message at ",
         fr_FR: "a envoyé un message à ",
         es_ES: "envió un mensaje a las ",
-        de_DE: "hat eine Nachricht um "
+        de_DE: "hat eine Nachricht um ",
     },
     customPlaceholder: {
         it_IT: "scrivi il tuo messaggio...",
         en_US: "write your message...",
         fr_FR: "écris ton message...",
         es_ES: "escribe tu mensaje...",
-        de_DE: "Schreiben Sie Ihre Nachricht..."
+        de_DE: "Schreiben Sie Ihre Nachricht...",
     },
     searchLabel: {
         it_IT: "Cerca nel chatbot",
         en_US: "Search in the chatbot",
         fr_FR: "Rechercher dans le chatbot",
         es_ES: "Buscar en el chatbot",
-        de_DE: "Im Chatbot suchen"
-    }
+        de_DE: "Im Chatbot suchen",
+    },
 };

package/dist/lib/components/client.js

@@ -20,8 +20,8 @@ var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, ge
     });
 };
 var __generator = (this && this.__generator) || function (thisArg, body) {
-    var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g;
-    return g = { next: verb(0), "throw": verb(1), "return": verb(2) }, typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g;
+    var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g = Object.create((typeof Iterator === "function" ? Iterator : Object).prototype);
+    return g.next = verb(0), g["throw"] = verb(1), g["return"] = verb(2), typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g;
     function verb(n) { return function (v) { return step([n, v]); }; }
     function step(op) {
         if (f) throw new TypeError("Generator is already executing.");
@@ -49,20 +49,21 @@ var __generator = (this && this.__generator) || function (thisArg, body) {
 var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
-exports.__esModule = true;
-exports.OpenK9Client = exports.OpenK9ClientContext = void 0;
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.OpenK9ClientContext = void 0;
+exports.default = Client;
+exports.OpenK9Client = OpenK9Client;
 var react_1 = __importDefault(require("react"));
-exports.OpenK9ClientContext = react_1["default"].createContext(null /* must break app if not provided */);
+exports.OpenK9ClientContext = react_1.default.createContext(null /* must break app if not provided */);
 function Client() {
     return null;
 }
-exports["default"] = Client;
 function OpenK9Client(_a) {
     var callbackAuthorization = _a.callbackAuthorization;
-    function authFetch(route, init) {
-        if (init === void 0) { init = {}; }
-        return __awaiter(this, void 0, void 0, function () {
+    function authFetch(route_1) {
+        return __awaiter(this, arguments, void 0, function (route, init) {
             var authorization, headers;
+            if (init === void 0) { init = {}; }
             return __generator(this, function (_a) {
                 authorization = callbackAuthorization && callbackAuthorization();
                 headers = __assign(__assign({}, init.headers), (authorization ? { authorization: authorization } : {}));
@@ -125,9 +126,9 @@ function OpenK9Client(_a) {
                                     method: "POST",
                                     headers: {
                                         accept: "application/json",
-                                        "Content-Type": "application/json"
+                                        "Content-Type": "application/json",
                                     },
-                                    body: JSON.stringify(searchQuery)
+                                    body: JSON.stringify(searchQuery),
                                 })];
                         case 1:
                             response = _a.sent();
@@ -144,27 +145,52 @@ function OpenK9Client(_a) {
             });
         },
         GenerateResponse: function (_a) {
-            var url = _a.url, searchQuery = _a.searchQuery, controller = _a.controller;
-            return __awaiter(this, void 0, void 0, function () {
+            return __awaiter(this, arguments, void 0, function (_b) {
                 var response;
-                return __generator(this, function (_b) {
-                    switch (_b.label) {
+                var url = _b.url, searchQuery = _b.searchQuery, controller = _b.controller;
+                return __generator(this, function (_c) {
+                    switch (_c.label) {
                         case 0: return [4 /*yield*/, authFetch(url, {
                                 method: "POST",
                                 headers: {
                                     accept: "application/json",
-                                    "Content-Type": "application/json"
+                                    "Content-Type": "application/json",
                                 },
                                 body: JSON.stringify(searchQuery),
-                                signal: controller.signal
+                                signal: controller.signal,
                             })];
                         case 1:
-                            response = _b.sent();
+                            response = _c.sent();
                             return [2 /*return*/, response];
                     }
                 });
             });
-        }
+        },
+        // async deleteChat(chatId: string) {
+        // 	const response = await authFetch(`/api/rag/chat/${chatId}`, {
+        // 		method: "DELETE",
+        // 		headers: {
+        // 			accept: "application/json"
+        // 		}
+        // 	});
+        // 	if (!response.ok) {
+        // 		throw new Error("Errore durante l'eliminazione della chat");
+        // 	}
+        // 	return response;
+        // },
+        // async renameChat(chatId: string, newTitle: string) {
+        // 	const response = await authFetch(`/api/rag/chat/${chatId}`, {
+        // 		method: "PATCH",
+        // 		headers: {
+        // 			accept: "application/json",
+        // 			"Content-Type": "application/json",
+        // 		},
+        // 		body: JSON.stringify({ newTitle })
+        // 	});
+        // 	if (!response.ok) {
+        // 		throw new Error("Errore durante la rinomina della chat");
+        // 	}
+        // 	return response;
+        // }
     };
 }
-exports.OpenK9Client = OpenK9Client;

package/dist/lib/components/styled.js

@@ -6,9 +6,9 @@ var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cook
 var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
-exports.__esModule = true;
+Object.defineProperty(exports, "__esModule", { value: true });
 exports.ParagraphMessage = exports.ParagraphTime = void 0;
 var styled_1 = __importDefault(require("@emotion/styled"));
-exports.ParagraphTime = styled_1["default"].p(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  color: ", ";\n  margin: 0px;\n  align-self: end;\n  font-size: 10px;\n  font-weight: 500;\n  line-height: 11.72px;\n"], ["\n  color: ", ";\n  margin: 0px;\n  align-self: end;\n  font-size: 10px;\n  font-weight: 500;\n  line-height: 11.72px;\n"])), function (props) { return props.$color; });
-exports.ParagraphMessage = styled_1["default"].p(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n    color:", ";\n    margin: 0px;\n    fontSize: \"12px\",\n    fontWeight: \"400\",\n    lineHeight: \"18.25px\",\n    textAlign: \"left\",\n    "], ["\n    color:", ";\n    margin: 0px;\n    fontSize: \"12px\",\n    fontWeight: \"400\",\n    lineHeight: \"18.25px\",\n    textAlign: \"left\",\n    "])), function (props) { return props.$color; });
+exports.ParagraphTime = styled_1.default.p(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  color: ", ";\n  margin: 0px;\n  align-self: end;\n  font-size: 10px;\n  font-weight: 500;\n  line-height: 11.72px;\n"], ["\n  color: ", ";\n  margin: 0px;\n  align-self: end;\n  font-size: 10px;\n  font-weight: 500;\n  line-height: 11.72px;\n"])), function (props) { return props.$color; });
+exports.ParagraphMessage = styled_1.default.p(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n    color:", ";\n    margin: 0px;\n    fontSize: \"12px\",\n    fontWeight: \"400\",\n    lineHeight: \"18.25px\",\n    textAlign: \"left\",\n    "], ["\n    color:", ";\n    margin: 0px;\n    fontSize: \"12px\",\n    fontWeight: \"400\",\n    lineHeight: \"18.25px\",\n    textAlign: \"left\",\n    "])), function (props) { return props.$color; });
 var templateObject_1, templateObject_2;

package/dist/lib/components/useFocusTrap.js

@@ -1,16 +1,17 @@
 "use strict";
-exports.__esModule = true;
-exports.useFocusTrap = exports.sortByTabIndex = exports.getTabIndexOfNode = exports.convertToIntOrFallback = void 0;
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.convertToIntOrFallback = convertToIntOrFallback;
+exports.getTabIndexOfNode = getTabIndexOfNode;
+exports.sortByTabIndex = sortByTabIndex;
+exports.useFocusTrap = useFocusTrap;
 var react_1 = require("react");
 function convertToIntOrFallback(stringToConvert) {
     var parsed = parseInt(stringToConvert !== null && stringToConvert !== void 0 ? stringToConvert : "");
     return isNaN(parsed) ? 0 : parsed;
 }
-exports.convertToIntOrFallback = convertToIntOrFallback;
 function getTabIndexOfNode(targetNode) {
     return convertToIntOrFallback(targetNode.getAttribute("tabindex"));
 }
-exports.getTabIndexOfNode = getTabIndexOfNode;
 function sanitizeTabIndexInput(tabIndex, highestPositiveTabIndex) {
     if (tabIndex < 0) {
         throw new Error("Unable to sort given input. A negative value is not part of the tab order: ".concat(tabIndex));
@@ -27,7 +28,6 @@ function sortByTabIndex(firstNode, secondNode) {
     })
         .reduce(function (previousValue, currentValue) { return previousValue - currentValue; });
 }
-exports.sortByTabIndex = sortByTabIndex;
 var focusableElementsSelector = "a[href], area[href], input:not([disabled]):not([type=hidden]), select:not([disabled]), textarea:not([disabled]), button:not([disabled]), iframe, object, embed, *[tabindex], *[contenteditable]";
 var TAB_KEY = 9;
 function useFocusTrap(isActive) {
@@ -82,4 +82,3 @@ function useFocusTrap(isActive) {
     }, [isActive, trapper]);
     return [trapRef];
 }
-exports.useFocusTrap = useFocusTrap;

package/dist/lib/components/useGenerateResponse.js

@@ -43,8 +43,8 @@ var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, ge
     });
 };
 var __generator = (this && this.__generator) || function (thisArg, body) {
-    var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g;
-    return g = { next: verb(0), "throw": verb(1), "return": verb(2) }, typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g;
+    var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g = Object.create((typeof Iterator === "function" ? Iterator : Object).prototype);
+    return g.next = verb(0), g["throw"] = verb(1), g["return"] = verb(2), typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g;
     function verb(n) { return function (v) { return step([n, v]); }; }
     function step(op) {
         if (f) throw new TypeError("Generator is already executing.");
@@ -78,7 +78,7 @@ var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
     }
     return to.concat(ar || Array.prototype.slice.call(from));
 };
-exports.__esModule = true;
+Object.defineProperty(exports, "__esModule", { value: true });
 var react_1 = __importStar(require("react"));
 var uuid_1 = require("uuid");
 var useLanguage_1 = require("./useLanguage");
@@ -90,7 +90,7 @@ var useGenerateResponse = function (_a) {
     var _c = (0, react_1.useState)(new Map()), abortControllers = _c[0], setAbortControllers = _c[1];
     var _d = (0, react_1.useState)(false), isChatting = _d[0], setIsChatting = _d[1];
     var _e = (0, react_1.useState)(null), isLoading = _e[0], setIsLoading = _e[1];
-    var client = react_1["default"].useMemo(function () { return (0, client_1.OpenK9Client)({ callbackAuthorization: callbackAuthorization }); }, [callbackAuthorization]);
+    var client = react_1.default.useMemo(function () { return (0, client_1.OpenK9Client)({ callbackAuthorization: callbackAuthorization }); }, [callbackAuthorization]);
     var generateResponse = (0, react_1.useCallback)(function (query) { return __awaiter(void 0, void 0, void 0, function () {
         var id, timestamp, nonLoggedUserId, chatHistory, controller, url, searchQuery, response_1, reader, decoder, done, buffer, _a, value, readerDone, boundaryIndex, _loop_1, error_1;
         var _b, _c;
@@ -106,9 +106,9 @@ var useGenerateResponse = function (_a) {
                         answer: msg.answer,
                         title: "",
                         sources: msg.sources || [],
-                        chat_id: nonLoggedUserId,
+                        chat_id: nonLoggedUserId, //keycloak.authenticated ? chatId : nonLoggedUserId,
                         timestamp: msg.timestamp || "",
-                        chat_sequence_number: msg.chat_sequence_number
+                        chat_sequence_number: msg.chat_sequence_number,
                     }); });
                     setMessages(function (prevMessages) {
                         var _a;
@@ -122,7 +122,7 @@ var useGenerateResponse = function (_a) {
                             status: "CHUNK",
                             sources: [],
                             chat_sequence_number: chat_sequence_number,
-                            timestamp: timestamp
+                            timestamp: timestamp,
                         };
                         return __spreadArray(__spreadArray([], prevMessages, true), [newMessage], false);
                     });
@@ -142,7 +142,8 @@ var useGenerateResponse = function (_a) {
                         searchText: query,
                         chatSequenceNumber: ((_b = messages[messages.length - 1]) === null || _b === void 0 ? void 0 : _b.chat_sequence_number) + 1 || 1,
                         timestamp: timestamp,
-                        chatHistory: chatHistory
+                        chatHistory: chatHistory,
+                        // language,
                     };
                     _d.label = 1;
                 case 1:
@@ -150,7 +151,7 @@ var useGenerateResponse = function (_a) {
                     return [4 /*yield*/, client.GenerateResponse({
                             controller: controller,
                             searchQuery: searchQuery,
-                            url: url
+                            url: url,
                         })];
                 case 2:
                     response_1 = _d.sent();
@@ -251,7 +252,7 @@ var useGenerateResponse = function (_a) {
                 case 9:
                     setAbortControllers(function (prev) {
                         var updated = new Map(prev);
-                        updated["delete"](id);
+                        updated.delete(id);
                         return updated;
                     });
                     return [2 /*return*/];
@@ -271,7 +272,7 @@ var useGenerateResponse = function (_a) {
             });
             setAbortControllers(function (prev) {
                 var updated = new Map(prev);
-                updated["delete"](id);
+                updated.delete(id);
                 return updated;
             });
             setIsChatting(abortControllers.size > 0);
@@ -304,7 +305,7 @@ var useGenerateResponse = function (_a) {
         cancelAllResponses: cancelAllResponses,
         isChatting: isChatting,
         isLoading: isLoading,
-        resetMessage: resetMessage
+        resetMessage: resetMessage,
     };
 };
-exports["default"] = useGenerateResponse;
+exports.default = useGenerateResponse;

package/dist/lib/components/useLanguage.js

@@ -2,12 +2,12 @@
 var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
-exports.__esModule = true;
+Object.defineProperty(exports, "__esModule", { value: true });
 exports.useLanguage = void 0;
 var react_1 = require("react");
 var LanguageContext_1 = __importDefault(require("./LanguageContext"));
 var useLanguage = function () {
-    var context = (0, react_1.useContext)(LanguageContext_1["default"]);
+    var context = (0, react_1.useContext)(LanguageContext_1.default);
     if (!context) {
         throw new Error("useLanguage must used to LanguageProvider");
     }

package/dist/lib/main.js

@@ -2,7 +2,7 @@
 var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
-exports.__esModule = true;
+Object.defineProperty(exports, "__esModule", { value: true });
 exports.Chatbot = void 0;
 var Chatbot_1 = __importDefault(require("./components/Chatbot"));
-exports.Chatbot = Chatbot_1["default"];
+exports.Chatbot = Chatbot_1.default;

package/dist/src/theme.js

@@ -1,5 +1,5 @@
 "use strict";
-exports.__esModule = true;
+Object.defineProperty(exports, "__esModule", { value: true });
 exports.defaultThemeK9 = void 0;
 var styles_1 = require("@mui/material/styles");
 exports.defaultThemeK9 = (0, styles_1.createTheme)({
@@ -9,44 +9,44 @@ exports.defaultThemeK9 = (0, styles_1.createTheme)({
             sm: 576,
             md: 768,
             lg: 992,
-            xl: 1200
-        }
+            xl: 1200,
+        },
     },
     palette: {
         primary: {
             main: "#C0272B",
             contrastText: "#FFF",
             dark: "#b10707",
-            light: "#e77979"
+            light: "#e77979",
         },
         text: {
             primary: "#000000",
-            secondary: "#666666"
-        }
+            secondary: "#666666",
+        },
     },
     typography: {
         allVariants: {
-            fontFamily: "Titillium Web"
+            fontFamily: "Titillium Web",
         },
         fontFamily: "Titillium Web",
         body1: {
             fontWeight: 400,
             fontSize: "12px",
-            lineHeight: "19px"
+            lineHeight: "19px",
         },
         body2: {
             fontFamily: "Roboto",
             font: "Roboto",
             fontWeight: 500,
             fontSize: "10px",
-            lineHeight: "12px"
+            lineHeight: "12px",
         },
         h5: {
             fontWeight: 400,
             fontSize: "12px",
-            lineHeight: "22px"
-        }
+            lineHeight: "22px",
+        },
     },
     spacing: 2,
-    shape: { borderRadius: 2 }
+    shape: { borderRadius: 2 },
 });

package/dist/types/lib/components/SingleMessage.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 type Theme = "light" | "dark";
 type Source = {
     score?: string;

package/dist/types/lib/components/client.d.ts

@@ -2,13 +2,11 @@ import React from "react";
 export declare const OpenK9ClientContext: React.Context<{
     getInitialMessages(chatId: string): Promise<{
         chat_id: string;
-        messages: [
-            {
-                question: string;
-                answer: string;
-                chat_sequence_number: string;
-            }
-        ];
+        messages: [{
+            question: string;
+            answer: string;
+            chat_sequence_number: string;
+        }];
     }>;
     getHistoryChat(searchQuery: jsonObjPost): Promise<{
         result: ChatHistory[];
@@ -39,13 +37,11 @@ export declare function OpenK9Client({ callbackAuthorization, }: {
 }): {
     getInitialMessages(chatId: string): Promise<{
         chat_id: string;
-        messages: [
-            {
-                question: string;
-                answer: string;
-                chat_sequence_number: string;
-            }
-        ];
+        messages: [{
+            question: string;
+            answer: string;
+            chat_sequence_number: string;
+        }];
     }>;
     getHistoryChat(searchQuery: jsonObjPost): Promise<{
         result: ChatHistory[];

package/dist/types/lib/components/styled.d.ts

@@ -1,13 +1,12 @@
-/// <reference types="react" />
 export declare const ParagraphTime: import("@emotion/styled").StyledComponent<{
     theme?: import("@emotion/react").Theme;
-    as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements>;
+    as?: React.ElementType;
 } & {
     $color?: string;
 }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLParagraphElement>, HTMLParagraphElement>, {}>;
 export declare const ParagraphMessage: import("@emotion/styled").StyledComponent<{
     theme?: import("@emotion/react").Theme;
-    as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements>;
+    as?: React.ElementType;
 } & {
     $color?: string;
 }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLParagraphElement>, HTMLParagraphElement>, {}>;

package/dist/types/lib/components/useFocusTrap.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 export declare function convertToIntOrFallback(stringToConvert: string | null): number;
 export declare function getTabIndexOfNode(targetNode: HTMLElement): number;
 export declare function sortByTabIndex(firstNode: HTMLElement, secondNode: HTMLElement): number;

package/package.json

@@ -1,11 +1,11 @@
 {
   "name": "@openk9ui/openk9-chatbot",
   "private": false,
-  "version": "3.0.1",
+  "version": "3.1.1-SNAPSHOT",
   "license": "MIT",
   "type": "module",
   "main": "dist/main.js",
-  "types": "dist/types/main.d.ts",
+  "types": "dist/types/lib/main.d.ts",
   "files": [
     "dist"
   ],
@@ -17,9 +17,7 @@
   },
   "peerDependencies": {
     "@emotion/react": "^11.13.3",
-    "@emotion/styled": "^11.13.0",
-    "@fontsource/roboto": "^5.1.0",
-    "@fontsource/titillium-web": "^5.1.0",
+    "@emotion/styled": "^5.1.14",
     "@mui/material": "^6.1.6",
     "@mui/icons-material": "^6.1.6",
     "@mui/system": "^6.1.6",
@@ -27,16 +25,18 @@
     "react": "^18.0.0",
     "react-dom": "^18.0.0",
     "react-markdown": "^9.0.1",
-    "styled-components": "^6.1.13",
+    "styled-components": "^5.1.14",
+    "@types/react": "^18.3.12",
+    "@types/styled-components": "^5.1.14",
+    "@types/react-dom": "^18.3.1",
     "uuid": "^11.0.2"
   },
   "devDependencies": {
     "@eslint/js": "^9.13.0",
     "@rollup/plugin-commonjs": "^28.0.1",
+    "@fontsource/roboto": "^5.1.0",
+    "@fontsource/titillium-web": "^5.1.0",
     "@types/node": "^22.8.6",
-    "@types/react": "^18.3.12",
-    "@types/react-dom": "^18.3.1",
-    "@types/styled-components": "^5.1.34",
     "@types/uuid": "^10.0.0",
     "@vitejs/plugin-react": "^4.3.3",
     "eslint": "^9.13.0",
@@ -50,8 +50,6 @@
     "vite": "^5.4.10",
     "vite-plugin-commonjs": "^0.10.3",
     "vite-plugin-dts": "^4.3.0",
-    "@fontsource/roboto": "^5.1.0",
-    "@fontsource/titillium-web": "^5.1.0",
     "vite-plugin-lib-inject-css": "^2.1.1"
   },
   "resolutions": {