feat: remove new components

Author: mjuraschik

packages/commerce-sdk-react/src/hooks/ShopperExperience/query.ts

@@ -42,6 +42,10 @@ export const usePages = (
     const requiredParameters = ShopperExperience.paramKeys[`${methodName}Required`]
     const {mode, pdToken, pageId} = usePageDesignerParams()
 
+    // Determine if we're in Page Designer mode (edit mode or preview with token)
+    // When true, we use rawResponse to preserve all fields like designMetadata
+    const isPageDesignerMode = !!(mode || pdToken)
+
     // Merge Page Designer params (mode, pdToken) from URL if present
     // Note: pageId is intentionally excluded as it's not an API parameter
     const apiOptionsWithPDParams = {
@@ -63,7 +67,14 @@ export const usePages = (
     )
     const queryKey = queryKeyHelpers[methodName].queryKey(netOptions.parameters)
     // We don't use `netOptions` here because we manipulate the options in `useQuery`.
-    const method = async (options: Options) => await client[methodName](options)
+    // When in Page Designer mode, use rawResponse: true to preserve all response fields
+    const method = async (options: Options) => {
+        if (isPageDesignerMode) {
+            const response = await client[methodName](options, true)
+            return await response.json()
+        }
+        return await client[methodName](options)
+    }
 
     queryOptions.meta = {
         displayName: 'usePages',
@@ -103,6 +114,10 @@ export const usePage = (
     const requiredParameters = ShopperExperience.paramKeys[`${methodName}Required`]
     const {mode, pdToken, pageId} = usePageDesignerParams()
 
+    // Determine if we're in Page Designer mode (edit mode or preview with token)
+    // When true, we use rawResponse to preserve all fields like designMetadata
+    const isPageDesignerMode = Boolean(mode || pdToken)
+
     // Merge Page Designer params (mode, pdToken) from URL if present
     // Note: pageId is intentionally excluded as it's not an API parameter
     const apiOptionsWithPDParams = {
@@ -124,7 +139,15 @@ export const usePage = (
     )
     const queryKey = queryKeyHelpers[methodName].queryKey(netOptions.parameters)
     // We don't use `netOptions` here because we manipulate the options in `useQuery`.
-    const method = async (options: Options) => await client[methodName](options)
+    // When in Page Designer mode, use rawResponse: true to preserve all response fields that are not exposed at runtime
+    // to improve performance and the size of the response
+    const method = async (options: Options) => {
+        if (isPageDesignerMode) {
+            const response = await client[methodName](options, true)
+            return await response.json()
+        }
+        return await client[methodName](options)
+    }
 
     queryOptions.meta = {
         displayName: 'usePage',

packages/commerce-sdk-react/src/hooks/index.ts

@@ -8,6 +8,7 @@ export * from './ShopperBaskets'
 export * from './ShopperConsents'
 export * from './ShopperContexts'
 export * from './ShopperCustomers'
+export * from './ShopperExperience'
 export * from './ShopperGiftCertificates'
 export * from './ShopperLogin'
 export * from './ShopperOrders'