fix(vis): explore embeddable not render due to explore services not set (#10888)

* fix(vis): explore embeddable not render due to explore services not set

The code refactor in #10854 changed the import of getServices function from
legacy discover to new exolore, however the new ExploreSerivces is set in
mount function which requires explore app to be mount, this will not
work if user opened dashboard directly because the ExploreSerivces not
set.

This commit revert the changes, but a proper refactor of the getServices
function is required, related issue #10887

Signed-off-by: Yulong Ruan <[email protected]>

* Changeset file for PR #10888 created/updated

---------

Signed-off-by: Yulong Ruan <[email protected]>
Co-authored-by: opensearch-changeset-bot[bot] <154024398+opensearch-changeset-bot[bot]@users.noreply.github.com>

Author: ruanyl

changelogs/fragments/10888.yml

@@ -0,0 +1,2 @@
+fix:
+- Explore embeddable not render due to explore services not set ([#10888](https://github.com/opensearch-project/OpenSearch-Dashboards/pull/10888))

src/plugins/explore/public/embeddable/explore_embeddable_component.test.tsx

@@ -13,8 +13,6 @@ jest.mock('../application/legacy/discover/opensearch_dashboards_services', () =>
   getDocViewsRegistry: jest.fn(() => ({
     getDocViewsSorted: jest.fn(() => []),
   })),
-}));
-jest.mock('../services/services', () => ({
   getServices: jest.fn(() => ({
     uiSettings: {
       get: jest.fn((key) => {

src/plugins/explore/public/embeddable/explore_embeddable_component.tsx

@@ -7,13 +7,16 @@ import React, { useMemo } from 'react';
 import { EuiFlexGroup, EuiFlexItem } from '@elastic/eui';
 import { SearchProps } from './explore_embeddable';
 import { VisualizationNoResults } from '../../../visualizations/public';
-import { getDocViewsRegistry } from '../application/legacy/discover/opensearch_dashboards_services';
+// TODO: refactor it to now use legacy getServices
+import {
+  getDocViewsRegistry,
+  getServices,
+} from '../application/legacy/discover/opensearch_dashboards_services';
 import { DataTable } from '../components/data_table/data_table';
 import { TableVis } from '../components/visualizations/table/table_vis';
 import { TableChartStyle } from '../components/visualizations/table/table_vis_config';
 import { getLegacyDisplayedColumns } from '../helpers/data_table_helper';
 import { SAMPLE_SIZE_SETTING } from '../../common';
-import { getServices } from '../services/services';
 
 interface ExploreEmbeddableProps {
   searchProps: SearchProps;