From 8f7a12cc42b4c0d2e14fc8084e2ab0c479d0aa9f Mon Sep 17 00:00:00 2001
From: Marta Bondyra <4283304+mbondyra@users.noreply.github.com>
Date: Thu, 7 Dec 2023 14:10:27 +0100
Subject: [PATCH] [Lens] Pass user messages to the config panel (#172791)

## Summary

Fixes https://github.com/elastic/kibana/issues/169175
---
 .../layer_configuration_section.tsx               |  2 ++
 .../edit_on_the_fly/lens_configuration_flyout.tsx | 15 +++++++++++++++
 .../app_plugin/shared/edit_on_the_fly/types.ts    |  8 +++++++-
 3 files changed, 24 insertions(+), 1 deletion(-)

diff --git a/x-pack/plugins/lens/public/app_plugin/shared/edit_on_the_fly/layer_configuration_section.tsx b/x-pack/plugins/lens/public/app_plugin/shared/edit_on_the_fly/layer_configuration_section.tsx
index 7ae7b456ab669..86f2cde79ee56 100644
--- a/x-pack/plugins/lens/public/app_plugin/shared/edit_on_the_fly/layer_configuration_section.tsx
+++ b/x-pack/plugins/lens/public/app_plugin/shared/edit_on_the_fly/layer_configuration_section.tsx
@@ -26,6 +26,7 @@ export function LayerConfiguration({
   framePublicAPI,
   hasPadding,
   setIsInlineFlyoutVisible,
+  getUserMessages,
 }: LayerConfigurationProps) {
   const dispatch = useLensDispatch();
   const { euiTheme } = useEuiTheme();
@@ -58,6 +59,7 @@ export function LayerConfiguration({
     hideLayerHeader: datasourceId === 'textBased',
     indexPatternService,
     setIsInlineFlyoutVisible,
+    getUserMessages,
   };
   return (
     <div
diff --git a/x-pack/plugins/lens/public/app_plugin/shared/edit_on_the_fly/lens_configuration_flyout.tsx b/x-pack/plugins/lens/public/app_plugin/shared/edit_on_the_fly/lens_configuration_flyout.tsx
index 232bd5442f0ca..a5de3e7ef8052 100644
--- a/x-pack/plugins/lens/public/app_plugin/shared/edit_on_the_fly/lens_configuration_flyout.tsx
+++ b/x-pack/plugins/lens/public/app_plugin/shared/edit_on_the_fly/lens_configuration_flyout.tsx
@@ -40,6 +40,7 @@ import type { EditConfigPanelProps } from './types';
 import { FlyoutWrapper } from './flyout_wrapper';
 import { getSuggestions } from './helpers';
 import { SuggestionPanel } from '../../../editor_frame_service/editor_frame/suggestion_panel';
+import { useApplicationUserMessages } from '../../get_application_user_messages';
 
 export function LensEditConfigurationFlyout({
   attributes,
@@ -220,6 +221,18 @@ export function LensEditConfigurationFlyout({
     datasourceMap,
   ]);
 
+  const { getUserMessages } = useApplicationUserMessages({
+    coreStart,
+    framePublicAPI,
+    activeDatasourceId: datasourceId,
+    datasourceState: datasourceStates[datasourceId],
+    datasource: datasourceMap[datasourceId],
+    dispatch,
+    visualization: activeVisualization,
+    visualizationType: visualization.activeId,
+    visualizationState: visualization,
+  });
+
   // needed for text based languages mode which works ONLY with adHoc dataviews
   const adHocDataViews = Object.values(attributes.state.adHocDataViews ?? {});
 
@@ -265,6 +278,7 @@ export function LensEditConfigurationFlyout({
         attributesChanged={attributesChanged}
       >
         <LayerConfiguration
+          getUserMessages={getUserMessages}
           attributes={attributes}
           coreStart={coreStart}
           startDependencies={startDependencies}
@@ -394,6 +408,7 @@ export function LensEditConfigurationFlyout({
             >
               <LayerConfiguration
                 attributes={attributes}
+                getUserMessages={getUserMessages}
                 coreStart={coreStart}
                 startDependencies={startDependencies}
                 visualizationMap={visualizationMap}
diff --git a/x-pack/plugins/lens/public/app_plugin/shared/edit_on_the_fly/types.ts b/x-pack/plugins/lens/public/app_plugin/shared/edit_on_the_fly/types.ts
index ae207865bbf9a..4a521f95bb934 100644
--- a/x-pack/plugins/lens/public/app_plugin/shared/edit_on_the_fly/types.ts
+++ b/x-pack/plugins/lens/public/app_plugin/shared/edit_on_the_fly/types.ts
@@ -8,7 +8,12 @@ import type { Observable } from 'rxjs';
 import type { CoreStart } from '@kbn/core/public';
 import type { TypedLensByValueInput } from '../../../embeddable/embeddable_component';
 import type { LensPluginStartDependencies } from '../../../plugin';
-import type { DatasourceMap, VisualizationMap, FramePublicAPI } from '../../../types';
+import type {
+  DatasourceMap,
+  VisualizationMap,
+  FramePublicAPI,
+  UserMessagesGetter,
+} from '../../../types';
 import type { LensEmbeddableOutput } from '../../../embeddable';
 import type { LensInspector } from '../../../lens_inspector_service';
 import type { Document } from '../../../persistence';
@@ -82,4 +87,5 @@ export interface LayerConfigurationProps {
   framePublicAPI: FramePublicAPI;
   hasPadding?: boolean;
   setIsInlineFlyoutVisible: (flag: boolean) => void;
+  getUserMessages: UserMessagesGetter;
 }