Security: bump 15 patch-level dependencies to match 26_1

Author: aleksei-semikozov

apps/demos/Demos/Autocomplete/Overview/Angular/app/app.component.ts

@@ -58,7 +58,7 @@ export class AppComponent {
     this.clientsStore = new CustomStore({
       key: 'Value',
       useDefaultSearch: true,
-      async load(loadOptions) {
+      load(loadOptions) {
         let params: HttpParams = new HttpParams();
         [
           'skip',

apps/demos/Demos/Chat/AIAndChatbotIntegration/Angular/app/app.service.ts

@@ -1,28 +1,20 @@
 import { Injectable } from '@angular/core';
 import { Observable, BehaviorSubject } from 'rxjs';
-import { AzureOpenAI } from 'openai';
 import { unified } from 'unified';
 import remarkParse from 'remark-parse';
 import remarkRehype from 'remark-rehype';
 import rehypeStringify from 'rehype-stringify';
 import rehypeMinifyWhitespace from 'rehype-minify-whitespace';
 import { type DxChatTypes } from 'devextreme-angular/ui/chat';
 import { DataSource, CustomStore } from 'devextreme-angular/common/data';
+import { AiService, type AIMessage } from './ai/ai.service';
 
 @Injectable({
   providedIn: 'root',
 })
 
 export class AppService {
-  chatService: AzureOpenAI;
-
-  AzureOpenAIConfig = {
-    dangerouslyAllowBrowser: true,
-    deployment: 'gpt-4o-mini',
-    apiVersion: '2024-02-01',
-    endpoint: 'https://public-api.devexpress.com/demo-openai',
-    apiKey: 'DEMO',
-  };
+  aiService: AiService;
 
   REGENERATION_TEXT = 'Regeneration...';
 
@@ -39,7 +31,7 @@ export class AppService {
 
   store: any[] = [];
 
-  messages: any[] = [];
+  messages: AIMessage[] = [];
 
   alerts: DxChatTypes.Alert[] = [];
 
@@ -51,8 +43,8 @@ export class AppService {
 
   alertsSubject: BehaviorSubject<DxChatTypes.Alert[]> = new BehaviorSubject([]);
 
-  constructor() {
-    this.chatService = new AzureOpenAI(this.AzureOpenAIConfig);
+  constructor(aiService: AiService) {
+    this.aiService = aiService;
     this.initDataSource();
     this.typingUsersSubject.next([]);
     this.alertsSubject.next([]);
@@ -98,21 +90,11 @@ export class AppService {
     });
   }
 
-  async getAIResponse(messages) {
-    const params = {
-      messages,
-      model: this.AzureOpenAIConfig.deployment,
-      max_tokens: 1000,
-      temperature: 0.7,
-    };
-
-    const response = await this.chatService.chat.completions.create(params);
-    const data = { choices: response.choices };
-
-    return data.choices[0].message?.content;
+  getAIResponse(messages: AIMessage[]): Promise<string> {
+    return this.aiService.getAIResponse(messages) as Promise<string>;
   }
 
-  async processMessageSending(message) {
+  async processMessageSending(message: DxChatTypes.Message) {
     this.messages.push({ role: 'user', content: message.text });
     this.typingUsersSubject.next([this.assistant]);
 

apps/demos/Demos/Chat/FileAttachments/Angular/app/app.service.ts

@@ -80,8 +80,8 @@ export class AppService {
   initDataSource() {
     this.customStore = new CustomStore({
       key: 'id',
-      load: async () => this.messages,
-      insert: async (message) => {
+      load: () => this.messages,
+      insert: (message) => {
         this.messages.push(message);
         return message;
       },

apps/demos/Demos/Chat/FileAttachments/React/App.tsx

@@ -11,10 +11,10 @@ const store: ChatTypes.Message[] = [...initialMessages];
 
 const customStore = new CustomStore({
   key: 'id',
-  load: async () => store,
-  insert: async (message: ChatTypes.Message) => {
+  load: () => Promise.resolve(store),
+  insert: (message: ChatTypes.Message) => {
     store.push(message);
-    return message;
+    return Promise.resolve(message);
   },
 });
 

apps/demos/Demos/Chat/FileAttachments/ReactJs/App.js

@@ -7,10 +7,10 @@ import { currentUser, messages as initialMessages } from './data.js';
 const store = [...initialMessages];
 const customStore = new CustomStore({
   key: 'id',
-  load: async () => store,
-  insert: async (message) => {
+  load: () => Promise.resolve(store),
+  insert: (message) => {
     store.push(message);
-    return message;
+    return Promise.resolve(message);
   },
 });
 const dataSource = new DataSource({

apps/demos/Demos/Chat/MessageEditing/Angular/app/app.service.ts

@@ -72,8 +72,8 @@ export class AppService {
   initDataSource() {
     this.customStore = new CustomStore({
       key: 'id',
-      load: async () => this.messages,
-      insert: async (message) => {
+      load: () => this.messages,
+      insert: (message) => {
         this.messages.push(message);
         return message;
       },

apps/demos/Demos/Chat/MessageEditing/React/App.tsx

@@ -33,10 +33,10 @@ const store: ChatTypes.Message[] = [...initialMessages];
 
 const customStore = new CustomStore({
   key: 'id',
-  load: async (): Promise<ChatTypes.Message[]> => store,
-  insert: async (message: ChatTypes.Message): Promise<ChatTypes.Message> => {
+  load: (): Promise<ChatTypes.Message[]> => Promise.resolve(store),
+  insert: (message: ChatTypes.Message): Promise<ChatTypes.Message> => {
     store.push(message);
-    return message;
+    return Promise.resolve(message);
   },
 });
 

apps/demos/Demos/Chat/MessageEditing/ReactJs/App.js

@@ -26,10 +26,10 @@ const editingStrategy = {
 const store = [...initialMessages];
 const customStore = new CustomStore({
   key: 'id',
-  load: async () => store,
-  insert: async (message) => {
+  load: () => Promise.resolve(store),
+  insert: (message) => {
     store.push(message);
-    return message;
+    return Promise.resolve(message);
   },
 });
 const dataSource = new DataSource({

apps/demos/Demos/DataGrid/AIColumns/Angular/app/ai/ai.service.ts

@@ -42,7 +42,7 @@ async function getAIResponse(messages: AIMessage[], signal: AbortSignal) {
   return result;
 }
 
-async function getAIResponseRecursive(messages: AIMessage[], signal: AbortSignal): Promise<string> {
+function getAIResponseRecursive(messages: AIMessage[], signal: AbortSignal): Promise<string> {
   return getAIResponse(messages, signal)
     .catch(async (error) => {
       if (!error.message.includes('Connection error')) {

apps/demos/Demos/DataGrid/AIColumns/React/service.ts

@@ -28,7 +28,7 @@ async function getAIResponse(messages: AIMessage[], signal: AbortSignal) {
   return result ?? '';
 }
 
-async function getAIResponseRecursive(messages: AIMessage[], signal: AbortSignal): Promise<string> {
+function getAIResponseRecursive(messages: AIMessage[], signal: AbortSignal): Promise<string> {
   return getAIResponse(messages, signal)
     .catch(async (error) => {
       if (!error.message.includes('Connection error')) {