AIAssistant - Demo import fixes (#33960)

Author: Raushen

apps/demos/Demos/DataGrid/AIAssistant/Angular/app/app.component.ts

@@ -1,9 +1,9 @@
 import { bootstrapApplication } from '@angular/platform-browser';
 import { Component, enableProdMode, provideZoneChangeDetection } from '@angular/core';
 import { DxDataGridModule } from 'devextreme-angular';
-import type { AIIntegration } from 'devextreme-angular/common/ai-integration';
 import type { DxChatTypes } from 'devextreme-angular/ui/chat';
 import type { DxButtonGroupTypes } from 'devextreme-angular/ui/button-group';
+import type { AIIntegration } from 'devextreme-angular/common/ai-integration';
 import { Service, type Sale } from './app.service';
 import { AiService } from './ai/ai.service';
 

apps/demos/Demos/DataGrid/AIAssistant/React/App.tsx

@@ -1,9 +1,5 @@
 import React, { useCallback, useRef } from 'react';
 
-import type dxChat from 'devextreme/ui/chat';
-import type { InitializedEvent, Properties as ChatProperties } from 'devextreme/ui/chat';
-import type { ItemClickEvent } from 'devextreme/ui/button_group';
-
 import DataGrid, {
   Column,
   Paging,
@@ -17,6 +13,9 @@ import DataGrid, {
   AIAssistant,
 } from 'devextreme-react/data-grid';
 
+import type { ChatTypes } from 'devextreme-react/chat';
+import type { ButtonGroupTypes } from 'devextreme-react/button-group';
+
 import { sales } from './data.ts';
 import { aiIntegration } from './service.ts';
 
@@ -54,13 +53,13 @@ const suggestions = {
 };
 
 export default function App() {
-  const chatRef = useRef<dxChat | null>(null);
+  const chatRef = useRef<ChatTypes.InitializedEvent['component'] | null>(null);
 
-  const onChatInitialized = useCallback((e: InitializedEvent) => {
+  const onChatInitialized = useCallback((e: ChatTypes.InitializedEvent) => {
     chatRef.current = e.component ?? null;
   }, []);
 
-  const onSuggestionItemClick = useCallback((e: ItemClickEvent) => {
+  const onSuggestionItemClick = useCallback((e: ButtonGroupTypes.ItemClickEvent) => {
     const { prompt, text } = e.itemData;
     const userId = text === '💡 Help' ? 'help' : 'user';
 
@@ -77,7 +76,7 @@ export default function App() {
     }]);
   }, []);
 
-  const chatOptions: ChatProperties = {
+  const chatOptions: ChatTypes.Properties = {
     onInitialized: onChatInitialized,
     user: {
       id: 'user',

apps/demos/Demos/DataGrid/AIAssistant/Vue/App.vue

@@ -74,13 +74,13 @@ import {
   DxSorting,
   DxAIAssistant,
 } from 'devextreme-vue/data-grid';
-import type dxChat from 'devextreme/ui/chat';
-import { type DxChatTypes } from 'devextreme-vue/chat';
+
+import type { DxChatTypes } from 'devextreme-vue/chat';
 import type { DxButtonGroupTypes } from 'devextreme-vue/button-group';
 import { sales } from './data.ts';
 import { aiIntegration } from './service.ts';
 
-let chatInstance: dxChat | undefined;
+let chatInstance: DxChatTypes.InitializedEvent['component'] | undefined;
 
 const suggestionItems = [
   {