Add index pattern info when loading embeddable (#2363) (#2370) (#2374)

Since index pattern is not included in the visualization state anymore,
need to add the index pattern information so the embeddable can be loaded correctly.

Signed-off-by: abbyhu2000 <abigailhu2000@gmail.com>

Signed-off-by: abbyhu2000 <abigailhu2000@gmail.com>
(cherry picked from commit dc0d7d5)

Co-authored-by: Qingyang(Abby) Hu <abigailhu2000@gmail.com>
(cherry picked from commit 0720f14)

Co-authored-by: opensearch-trigger-bot[bot] <98922864+opensearch-trigger-bot[bot]@users.noreply.github.com>

src/plugins/wizard/common/wizard_saved_object_attributes.ts

@@ -13,4 +13,7 @@ export interface WizardSavedObjectAttributes extends SavedObjectAttributes {
  visualizationState?: string;
  styleState?: string;
  version: number;
+ searchSourceFields?: {
+ index?: string;
+ };
 }

src/plugins/wizard/public/embeddable/wizard_embeddable.tsx

@@ -116,8 +116,15 @@ export class WizardEmbeddable extends Embeddable<SavedObjectEmbeddableInput, Wiz
  return;
  }
  const { visualization, style } = this.serializedState;
+
+ const vizStateWithoutIndex = JSON.parse(visualization);
+ const visualizationState = {
+ searchField: vizStateWithoutIndex.searchField,
+ activeVisualization: vizStateWithoutIndex.activeVisualization,
+ indexPattern: this.savedWizard?.searchSourceFields?.index,
+ };
  const rootState = {
- visualization: JSON.parse(visualization),
+ visualization: visualizationState,
  style: JSON.parse(style),
  };
  const visualizationName = rootState.visualization?.activeVisualization?.name ?? '';