fix(chat): display schema-defined icon in preview application (Issue #3989) (#3993)

Co-authored-by: Valery <57412523+valerydluski@users.noreply.github.com>

Author: IlyaBondar

apps/chat/src/components/AppsEditor/GeneralInfoView/GeneralInfoView.tsx

@@ -152,6 +152,7 @@ export const GeneralInfoView: React.FC<Props> = ({
             entity={getApplicationEntityFields(
               formData,
               modelFromState as DialAIEntityModel,
+              schema,
             )}
             onClosePreview={() => handlePreviewModeChange(PreviewMode.closed)}
           />

apps/chat/src/types/application-type-schema.ts

@@ -28,4 +28,5 @@ export interface ApiDetailedApplicationTypeSchema extends JSONSchema7 {
   [ApplicationTypeSchemaProperties.applicationTypeDisplayName]: string;
   [ApplicationTypeSchemaProperties.applicationTypeEditorUrl]?: string;
   [ApplicationTypeSchemaProperties.applicationTypeViewerUrl]?: string;
+  [ApplicationTypeSchemaProperties.applicationTypeIconUrl]?: string;
 }

apps/chat/src/utils/app/application.ts

@@ -334,6 +334,7 @@ export const getPlayerCaption = (entity: DialAIEntityModel) => {
 export const getApplicationEntityFields = (
   data: ApplicationGeneralInfoFormData,
   applicationData?: DialAIEntityModel,
+  schema?: ApiDetailedApplicationTypeSchema | null,
 ): Omit<CustomApplicationModel, 'folderId'> => {
   return {
     name: data.name ?? '',
@@ -349,5 +350,6 @@ export const getApplicationEntityFields = (
     isDefault: true,
     owner: applicationData?.owner,
     createdAt: applicationData?.createdAt,
+    applicationTypeSchemaId: schema?.$id ?? '',
   };
 };