chore(sdk): Updated urlContentMap response inside JS client SDK (#32939)

https://github.com/user-attachments/assets/7dfc7d01-8b3c-45d7-a560-338aecdd2263

This change merge graphql responses in urlContentMap inside one `_map`
response. Check the video for more context

This PR fixes: #32862

---------

Co-authored-by: Kevin <[email protected]>

Author: KevinDavilaDotCMS

core-web/libs/sdk/analytics/src/lib/react/components/DotContentAnalyticsProvider.spec.tsx

@@ -4,15 +4,15 @@ import { render } from '@testing-library/react';
 import { DotContentAnalyticsProvider } from './DotContentAnalyticsProvider';
 
 import { initializeContentAnalytics } from '../../dotAnalytics/dot-content-analytics';
-import { DotContentAnalyticsConfig } from '../../dotAnalytics/shared/dot-content-analytics.model';
+import { DotCMSAnalyticsConfig } from '../../dotAnalytics/shared/dot-content-analytics.model';
 import * as RouterTrackerHook from '../hook/useRouterTracker';
 
 // Mock dependencies
 jest.mock('../../dotAnalytics/dot-content-analytics');
 jest.mock('../hook/useRouterTracker');
 
 describe('DotContentAnalyticsProvider', () => {
-    const mockConfig: DotContentAnalyticsConfig = {
+    const mockConfig: DotCMSAnalyticsConfig = {
         siteKey: 'test-key',
         server: 'test-server',
         debug: false

core-web/libs/sdk/client/src/lib/utils/graphql/transforms.spec.ts

@@ -247,4 +247,29 @@ describe('GraphQL Parser', () => {
             expectedResult.containers['//test/container/'].contentlets['test-uuid'][0]
         );
     });
+
+    it('should merge urlContentMap keys into _map', () => {
+        const graphqlResponse = {
+            ...GRAPHQL_RESPONSE_MOCK,
+            page: {
+                ...GRAPHQL_RESPONSE_MOCK.page,
+                urlContentMap: {
+                    _map: {
+                        customField: 'custom value',
+                        someOtherField: 'empty'
+                    },
+                    someOtherField: 'some other value by relationship'
+                }
+            }
+        };
+
+        const pageEntity = graphqlToPageEntity(
+            graphqlResponse as unknown as DotCMSGraphQLPageResponse
+        );
+
+        expect(pageEntity?.urlContentMap).toEqual({
+            customField: 'custom value',
+            someOtherField: 'some other value by relationship'
+        });
+    });
 });

core-web/libs/sdk/client/src/lib/utils/graphql/transforms.ts

@@ -8,7 +8,8 @@ import {
     DotCMSPageContainerContentlets,
     DotCMSPage,
     DotCMSPageAsset,
-    DotCMSContainer
+    DotCMSContainer,
+    DotCMSURLContentMap
 } from '@dotcms/types';
 
 /**
@@ -48,11 +49,19 @@ export const graphqlToPageEntity = (
 
     const typedPageAsset = pageAsset as unknown as DotCMSPage;
 
-    // To prevent type errors, we cast the urlContentMap to an object
-    const urlContentMapObject = urlContentMap;
-
-    // Extract the _map data from the urlContentMap object
-    const urlContentMapData = urlContentMapObject?.['_map'];
+    // Merge all urlContentMap keys into _map, except _map itself
+    const mergedUrlContentMap = {
+        ...(urlContentMap?._map || {}),
+        ...Object.entries(urlContentMap || {}).reduce<Record<string, unknown>>(
+            (acc, [key, value]) => {
+                if (key !== '_map') {
+                    acc[key] = value;
+                }
+                return acc;
+            },
+            {}
+        )
+    } as DotCMSURLContentMap;
 
     return {
         layout,
@@ -61,7 +70,7 @@ export const graphqlToPageEntity = (
         vanityUrl,
         runningExperimentId,
         site: host,
-        urlContentMap: urlContentMapData,
+        urlContentMap: mergedUrlContentMap,
         containers: parseContainers(containers as []),
         page: {
             ...data,