@akinon/next 2.0.0-beta.11 → 2.0.0-beta.13

package/data/client/checkout.ts

@@ -17,10 +17,10 @@ import {
   SendSmsType,
   VerifySmsType
 } from '../../types';
-import { buildClientRequestUrl } from '../../utils';
+import { buildClientRequestUrl, getCookie } from '../../utils';
 import { api } from './api';
 import { checkout } from '../urls';
-import { AppDispatch, AppStore, store } from 'redux/store';
+import type { AppDispatch, AppStore } from 'redux/store';
 import settings from 'settings';
 import { showMobile3dIframe } from '../../utils/mobile-3d-iframe';
 import {
@@ -33,6 +33,11 @@ import {
   buildPurchaseForm
 } from '@akinon/pz-masterpass/src/utils';
 
+const getStore = async (): Promise<AppStore> => {
+  const { store } = await import('redux/store');
+  return store;
+};
+
 interface CheckoutResponse {
   pre_order?: PreOrder;
   errors: {
@@ -82,6 +87,18 @@ export interface PayOnDeliveryParams {
   paymentType: string;
 }
 
+const buildCheckoutRequestUrl = (
+  path: string,
+  options?: Parameters<typeof buildClientRequestUrl>[1]
+) => {
+  const effectivePath =
+    getCookie('pz-post-checkout-flow') === 'true' &&
+    /^\/orders\/checkout(\/|\?|$)/.test(path)
+      ? path.replace('/orders/checkout', '/orders/post-checkout')
+      : path;
+  return buildClientRequestUrl(effectivePath, options);
+};
+
 const completeMasterpassPayment = async (
   params: CompleteCreditCardParams,
   dispatch: AppDispatch,
@@ -181,41 +198,41 @@ export const checkoutApi = api.injectEndpoints({
   endpoints: (build) => ({
     fetchCheckout: build.query<CheckoutResponse, void>({
       query: () => ({
-        url: buildClientRequestUrl(checkout.fetchCheckout, {})
+        url: buildCheckoutRequestUrl(checkout.fetchCheckout, {})
       }),
       providesTags: ['Checkout']
     }),
     resetCheckoutState: build.query<CheckoutResponse, void>({
       query: () => ({
-        url: buildClientRequestUrl(checkout.guestLogin, {})
+        url: buildCheckoutRequestUrl(checkout.guestLogin, {})
       })
     }),
     fetchCheckoutResult: build.query<{ order: Order }, string>({
       query: (token: string) =>
-        buildClientRequestUrl(checkout.fetchCheckoutResult(token))
+        buildCheckoutRequestUrl(checkout.fetchCheckoutResult(token))
     }),
     get3dRedirectForm: build.query<{ result: string }, void>({
       query: () =>
-        buildClientRequestUrl(checkout.get3dRedirectForm, {
+        buildCheckoutRequestUrl(checkout.get3dRedirectForm, {
           responseType: 'text'
         })
     }),
     getContract: build.query<GetContractResponse, string>({
       query: (slug: string) =>
-        buildClientRequestUrl(checkout.getContract(slug), {
+        buildCheckoutRequestUrl(checkout.getContract(slug), {
           responseType: 'text'
         })
     }),
     getCoupons: build.query<CheckoutResponse, void>({
       query: () => ({
-        url: buildClientRequestUrl(checkout.couponSelectionPage)
+        url: buildCheckoutRequestUrl(checkout.couponSelectionPage)
       })
     }),
 
     setCoupon: build.mutation<CheckoutResponse, { pk: number; action: string }>(
       {
         query: ({ pk, action }) => ({
-          url: buildClientRequestUrl(checkout.couponSelectionPage, {
+          url: buildCheckoutRequestUrl(checkout.couponSelectionPage, {
             useFormData: true
           }),
           method: 'POST',
@@ -231,25 +248,32 @@ export const checkoutApi = api.injectEndpoints({
       CheckoutResponse,
       CompleteCreditCardParams
     >({
-      query: ({
-        card_holder,
-        card_cvv,
-        card_number,
-        card_month,
-        card_year,
-        use_three_d = true,
-        save = undefined
-      }) => {
+      async queryFn(
+        {
+          card_holder,
+          card_cvv,
+          card_number,
+          card_month,
+          card_year,
+          use_three_d = true,
+          save = undefined
+        },
+        _queryApi,
+        _extraOptions,
+        baseQuery
+      ) {
+        const reduxStore = await getStore();
         const paymentOption =
-          store.getState().checkout?.preOrder?.payment_option;
+          reduxStore.getState().checkout?.preOrder?.payment_option;
 
         if (paymentOption?.payment_type === 'masterpass') {
-          return {
-            url: buildClientRequestUrl(checkout.getMasterpassOrderNo, {
+          const result = await baseQuery({
+            url: buildCheckoutRequestUrl(checkout.getMasterpassOrderNo, {
               useFormData: true
             }),
             method: 'POST'
-          };
+          });
+          return result as { data: CheckoutResponse } | { error: any };
         }
 
         const body: Record<string, string> = {
@@ -266,18 +290,19 @@ export const checkoutApi = api.injectEndpoints({
           body.save = save ? '1' : '0';
         }
 
-        return {
-          url: buildClientRequestUrl(checkout.completeCreditCardPayment, {
+        const result = await baseQuery({
+          url: buildCheckoutRequestUrl(checkout.completeCreditCardPayment, {
             useFormData: true
           }),
           method: 'POST',
           body
-        };
+        });
+        return result as { data: CheckoutResponse } | { error: any };
       },
       async onQueryStarted(args, { dispatch, queryFulfilled }) {
         dispatch(setPaymentStepBusy(true));
         const { data } = await queryFulfilled;
-        const reduxStore = (await import('redux/store')).store;
+        const reduxStore = await getStore();
         const completePaymentContext = data?.context_list?.find(
           (context) => context?.page_name === 'MasterpassCompletePage'
         );
@@ -302,7 +327,7 @@ export const checkoutApi = api.injectEndpoints({
       }
     >({
       query: ({ token }) => ({
-        url: buildClientRequestUrl(checkout.completeMasterpassPayment, {
+        url: buildCheckoutRequestUrl(checkout.completeMasterpassPayment, {
           useFormData: true
         }),
         method: 'POST',
@@ -319,7 +344,7 @@ export const checkoutApi = api.injectEndpoints({
     }),
     completeFundsTransfer: build.mutation<CheckoutResponse, void>({
       query: () => ({
-        url: buildClientRequestUrl(checkout.completeFundsTransfer, {
+        url: buildCheckoutRequestUrl(checkout.completeFundsTransfer, {
           useFormData: true
         }),
         method: 'POST',
@@ -336,7 +361,7 @@ export const checkoutApi = api.injectEndpoints({
     }),
     guestLogin: build.mutation<CheckoutResponse, GuestLoginFormParams>({
       query: ({ user_email, phone_number }) => ({
-        url: buildClientRequestUrl(checkout.guestLogin, {
+        url: buildCheckoutRequestUrl(checkout.guestLogin, {
           useFormData: true
         }),
         method: 'POST',
@@ -349,7 +374,7 @@ export const checkoutApi = api.injectEndpoints({
     }),
     setDeliveryOption: build.mutation<CheckoutResponse, number>({
       query: (pk: number) => ({
-        url: buildClientRequestUrl(checkout.setDeliveryOption, {
+        url: buildCheckoutRequestUrl(checkout.setDeliveryOption, {
           useFormData: true
         }),
         method: 'POST',
@@ -365,7 +390,7 @@ export const checkoutApi = api.injectEndpoints({
     }),
     setAddresses: build.mutation<CheckoutResponse, SetAddressesParams>({
       query: ({ shippingAddressPk, billingAddressPk }) => ({
-        url: buildClientRequestUrl(checkout.setAddresses, {
+        url: buildCheckoutRequestUrl(checkout.setAddresses, {
           useFormData: true
         }),
         method: 'POST',
@@ -382,7 +407,7 @@ export const checkoutApi = api.injectEndpoints({
     }),
     setShippingOption: build.mutation<CheckoutResponse, number>({
       query: (pk: number) => ({
-        url: buildClientRequestUrl(checkout.setShippingOption, {
+        url: buildCheckoutRequestUrl(checkout.setShippingOption, {
           useFormData: true
         }),
         method: 'POST',
@@ -398,7 +423,7 @@ export const checkoutApi = api.injectEndpoints({
     }),
     setDataSourceShippingOptions: build.mutation<CheckoutResponse, number[]>({
       query: (pks) => ({
-        url: buildClientRequestUrl(checkout.setDataSourceShippingOption, {
+        url: buildCheckoutRequestUrl(checkout.setDataSourceShippingOption, {
           useFormData: true
         }),
         method: 'POST',
@@ -414,7 +439,7 @@ export const checkoutApi = api.injectEndpoints({
     }),
     setRetailStore: build.mutation<CheckoutResponse, SetRetailStoreParams>({
       query: ({ retailStorePk, billingAddressPk }) => ({
-        url: buildClientRequestUrl(
+        url: buildCheckoutRequestUrl(
           '/orders/checkout?page=RetailStoreSelectionPage',
           {
             useFormData: true
@@ -429,13 +454,13 @@ export const checkoutApi = api.injectEndpoints({
     }),
     fetchPaymentOptions: build.query<CheckoutResponse, void>({
       query: () => ({
-        url: buildClientRequestUrl(checkout.setPaymentOption)
+        url: buildCheckoutRequestUrl(checkout.setPaymentOption)
       }),
       providesTags: ['PaymentOptions']
     }),
     setPaymentOption: build.mutation<CheckoutResponse, number>({
       query: (pk: number) => ({
-        url: buildClientRequestUrl(checkout.setPaymentOption, {
+        url: buildCheckoutRequestUrl(checkout.setPaymentOption, {
           useFormData: true
         }),
         method: 'POST',
@@ -461,7 +486,7 @@ export const checkoutApi = api.injectEndpoints({
       }
     >({
       query: ({ payment_option: pk, validationURL }) => ({
-        url: buildClientRequestUrl(checkout.setWalletSelectionPage, {
+        url: buildCheckoutRequestUrl(checkout.setWalletSelectionPage, {
           useFormData: true
         }),
         method: 'POST',
@@ -485,7 +510,7 @@ export const checkoutApi = api.injectEndpoints({
       }
     >({
       query: (requestBody) => ({
-        url: buildClientRequestUrl(checkout.setWalletPaymentPage, {
+        url: buildCheckoutRequestUrl(checkout.setWalletPaymentPage, {
           useFormData: true
         }),
         method: 'POST',
@@ -497,12 +522,22 @@ export const checkoutApi = api.injectEndpoints({
         dispatch(setPaymentStepBusy(false));
       }
     }),
-    setWalletCompletePage: build.mutation<CheckoutResponse, boolean>({
-      query: (success: boolean) => ({
-        url: buildClientRequestUrl(checkout.setWalletCompletePage),
+    setWalletCompletePage: build.mutation<
+      CheckoutResponse,
+      {
+        success: boolean;
+        cko_payment_id?: string;
+        [key: string]: any;
+      }
+    >({
+      query: ({ success, ...additionalParams }) => ({
+        url: buildCheckoutRequestUrl(checkout.setWalletCompletePage, {
+          useFormData: true
+        }),
         method: 'POST',
         body: {
-          success
+          success,
+          ...additionalParams
         }
       }),
       async onQueryStarted(arg, { dispatch, queryFulfilled }) {
@@ -512,23 +547,25 @@ export const checkoutApi = api.injectEndpoints({
       }
     }),
     setBinNumber: build.mutation<CheckoutResponse, string>({
-      query: (binNumber: string) => {
+      async queryFn(binNumber, _queryApi, _extraOptions, baseQuery) {
+        const reduxStore = await getStore();
         const paymentOption =
-          store.getState().checkout?.preOrder?.payment_option;
+          reduxStore.getState().checkout?.preOrder?.payment_option;
         const binNumberUrl =
           paymentOption?.payment_type === 'masterpass'
             ? checkout.setMasterpassBinNumber
             : checkout.setBinNumber;
 
-        return {
-          url: buildClientRequestUrl(binNumberUrl, {
+        const result = await baseQuery({
+          url: buildCheckoutRequestUrl(binNumberUrl, {
             useFormData: true
           }),
           method: 'POST',
           body: {
             bin_number: binNumber
           }
-        };
+        });
+        return result as { data: CheckoutResponse } | { error: any };
       },
       async onQueryStarted(arg, { dispatch, queryFulfilled }) {
         dispatch(setPaymentStepBusy(true));
@@ -538,22 +575,25 @@ export const checkoutApi = api.injectEndpoints({
       }
     }),
     setInstallmentOption: build.mutation<CheckoutResponse, number>({
-      query: (pk: number) => {
+      async queryFn(pk, _queryApi, _extraOptions, baseQuery) {
+        const reduxStore = await getStore();
         const paymentOption =
-          store.getState().checkout?.preOrder?.payment_option;
+          reduxStore.getState().checkout?.preOrder?.payment_option;
         const installmentOption =
           paymentOption?.payment_type === 'masterpass'
             ? checkout.setMasterPassInstallmentOption
             : checkout.setInstallmentOption;
-        return {
-          url: buildClientRequestUrl(installmentOption, {
+
+        const result = await baseQuery({
+          url: buildCheckoutRequestUrl(installmentOption, {
             useFormData: true
           }),
           method: 'POST',
           body: {
             installment: String(pk)
           }
-        };
+        });
+        return result as { data: CheckoutResponse } | { error: any };
       },
       async onQueryStarted(arg, { dispatch, queryFulfilled }) {
         dispatch(setPaymentStepBusy(true));
@@ -563,7 +603,7 @@ export const checkoutApi = api.injectEndpoints({
     }),
     setFundsTransferOption: build.mutation<CheckoutResponse, number>({
       query: (pk: number) => ({
-        url: buildClientRequestUrl(checkout.setFundsTransferOption, {
+        url: buildCheckoutRequestUrl(checkout.setFundsTransferOption, {
           useFormData: true
         }),
         method: 'POST',
@@ -580,7 +620,7 @@ export const checkoutApi = api.injectEndpoints({
     }),
     setCreditPaymentOption: build.mutation<CheckoutResponse, number>({
       query: (pk: number) => ({
-        url: buildClientRequestUrl(checkout.setCreditPaymentOption, {
+        url: buildCheckoutRequestUrl(checkout.setCreditPaymentOption, {
           useFormData: true
         }),
         method: 'POST',
@@ -597,7 +637,7 @@ export const checkoutApi = api.injectEndpoints({
     }),
     confirmationCreditPayment: build.mutation<CheckoutResponse, void>({
       query: () => ({
-        url: buildClientRequestUrl(checkout.confirmationCreditPayment, {
+        url: buildCheckoutRequestUrl(checkout.confirmationCreditPayment, {
           useFormData: true
         }),
         method: 'POST',
@@ -613,7 +653,7 @@ export const checkoutApi = api.injectEndpoints({
     }),
     completeRedirectionPayment: build.mutation<CheckoutResponse, void>({
       query: () => ({
-        url: buildClientRequestUrl(checkout.completeRedirectionPayment, {
+        url: buildCheckoutRequestUrl(checkout.completeRedirectionPayment, {
           useFormData: true
         }),
         method: 'POST',
@@ -629,7 +669,7 @@ export const checkoutApi = api.injectEndpoints({
     }),
     applePaymentSelect: build.mutation<CheckoutResponse, ApplePaySelectParams>({
       query: ({ agreement, validationURL }) => ({
-        url: buildClientRequestUrl(checkout.confirmationPaymentSelect, {
+        url: buildCheckoutRequestUrl(checkout.confirmationPaymentSelect, {
           useFormData: true
         }),
         method: 'POST',
@@ -646,7 +686,7 @@ export const checkoutApi = api.injectEndpoints({
     }),
     appleQuery: build.mutation<CheckoutResponse, ApplePayQueryParams>({
       query: ({ agreement, paymentToken }) => ({
-        url: buildClientRequestUrl(checkout.confirmationQuery, {
+        url: buildCheckoutRequestUrl(checkout.confirmationQuery, {
           useFormData: true
         }),
         method: 'POST',
@@ -663,7 +703,7 @@ export const checkoutApi = api.injectEndpoints({
     }),
     completeConfirmation: build.mutation<CheckoutResponse, void>({
       query: () => ({
-        url: buildClientRequestUrl(checkout.confirmationComplete, {
+        url: buildCheckoutRequestUrl(checkout.confirmationComplete, {
           useFormData: true
         }),
         method: 'POST',
@@ -682,7 +722,7 @@ export const checkoutApi = api.injectEndpoints({
       PayOnDeliveryParams
     >({
       query: ({ paymentType }) => ({
-        url: buildClientRequestUrl(
+        url: buildCheckoutRequestUrl(
           `${checkout.fetchCheckout}?page=PayOnDeliveryPage`,
           { useFormData: true }
         ),
@@ -700,7 +740,7 @@ export const checkoutApi = api.injectEndpoints({
     }),
     setPayOnDeliveryChoice: build.mutation<CheckoutResponse, string>({
       query: (body) => ({
-        url: buildClientRequestUrl(
+        url: buildCheckoutRequestUrl(
           `${checkout.fetchCheckout}?page=PayOnDeliveryPaymentChoicePage`,
           { useFormData: true }
         ),
@@ -717,7 +757,7 @@ export const checkoutApi = api.injectEndpoints({
     }),
     completeLoyaltyPayment: build.mutation<CheckoutResponse, void>({
       query: () => ({
-        url: buildClientRequestUrl(checkout.completeLoyaltyPayment, {
+        url: buildCheckoutRequestUrl(checkout.completeLoyaltyPayment, {
           useFormData: true
         }),
         method: 'POST',
@@ -733,12 +773,12 @@ export const checkoutApi = api.injectEndpoints({
     }),
     getCheckoutLoyaltyBalance: build.query<CheckoutResponse, void>({
       query: () => ({
-        url: buildClientRequestUrl(checkout.loyaltyMoneyUsage)
+        url: buildCheckoutRequestUrl(checkout.loyaltyMoneyUsage)
       })
     }),
     payWithLoyaltyBalance: build.mutation<any, string>({
       query: (amount) => ({
-        url: buildClientRequestUrl(checkout.loyaltyMoneyUsage, {
+        url: buildCheckoutRequestUrl(checkout.loyaltyMoneyUsage, {
           useFormData: true
         }),
         method: 'POST',
@@ -769,7 +809,7 @@ export const checkoutApi = api.injectEndpoints({
     }),
     setOrderNote: build.mutation<CheckoutResponse, string>({
       query: (notes) => ({
-        url: buildClientRequestUrl(checkout.setOrderNote, {
+        url: buildCheckoutRequestUrl(checkout.setOrderNote, {
           useFormData: true
         }),
         method: 'POST',
@@ -789,7 +829,7 @@ export const checkoutApi = api.injectEndpoints({
         };
 
         return {
-          url: buildClientRequestUrl(checkout.deliveryBagsPage, {
+          url: buildCheckoutRequestUrl(checkout.deliveryBagsPage, {
             useFormData: true
           }),
           method: 'POST',
@@ -802,7 +842,7 @@ export const checkoutApi = api.injectEndpoints({
       Record<string, number>
     >({
       query: (options) => ({
-        url: buildClientRequestUrl(checkout.setAttributeBasedShippingOption, {
+        url: buildCheckoutRequestUrl(checkout.setAttributeBasedShippingOption, {
           useFormData: true
         }),
         method: 'POST',
@@ -821,7 +861,7 @@ export const checkoutApi = api.injectEndpoints({
       { extra_field: ExtraField }
     >({
       query: ({ extra_field }) => ({
-        url: buildClientRequestUrl(checkout.setOrderSelectionPage, {
+        url: buildCheckoutRequestUrl(checkout.setOrderSelectionPage, {
           useFormData: true
         }),
         method: 'POST',
@@ -832,16 +872,16 @@ export const checkoutApi = api.injectEndpoints({
     }),
     fetchLoyaltyData: build.query<CheckoutResponse, void>({
       query: () => ({
-        url: buildClientRequestUrl(checkout.loyaltyCardPage, {
+        url: buildCheckoutRequestUrl(checkout.loyaltyCardPage, {
           accept: 'application/json',
           contentType: 'application/json'
         }),
         method: 'GET'
       })
     }),
-    setLoyaltyData: build.mutation<CheckoutResponse, number>({
+    setLoyaltyData: build.mutation<CheckoutResponse, number | string>({
       query: (amount) => ({
-        url: buildClientRequestUrl(checkout.loyaltyCardPage, {
+        url: buildCheckoutRequestUrl(checkout.loyaltyCardPage, {
           useFormData: true
         }),
         method: 'POST',
@@ -852,7 +892,7 @@ export const checkoutApi = api.injectEndpoints({
     }),
     sendSms: build.mutation<CheckoutResponse, SendSmsType>({
       query: (body) => ({
-        url: buildClientRequestUrl(checkout.sendSmsPage, {
+        url: buildCheckoutRequestUrl(checkout.sendSmsPage, {
           useFormData: true
         }),
         method: 'POST',
@@ -861,12 +901,27 @@ export const checkoutApi = api.injectEndpoints({
     }),
     verifySms: build.mutation<CheckoutResponse, VerifySmsType>({
       query: (body) => ({
-        url: buildClientRequestUrl(checkout.verifySmsPage, {
+        url: buildCheckoutRequestUrl(checkout.verifySmsPage, {
           useFormData: true
         }),
         method: 'POST',
         body
       })
+    }),
+    saveSampleProducts: build.mutation<CheckoutResponse, number[] | undefined>({
+      query: (products = []) => {
+        const formData = new FormData();
+
+        products.forEach((product) => {
+          formData.append('sample_products', String(product));
+        });
+
+        return {
+          url: buildCheckoutRequestUrl(checkout.saveSampleProducts),
+          method: 'POST',
+          body: formData
+        };
+      }
     })
   }),
   overrideExisting: false
@@ -914,5 +969,6 @@ export const {
   useSetWalletCompletePageMutation,
   useSendSmsMutation,
   useVerifySmsMutation,
-  useResetCheckoutStateQuery
+  useResetCheckoutStateQuery,
+  useSaveSampleProductsMutation
 } = checkoutApi;

package/data/server/category.ts

@@ -1,4 +1,4 @@
-import { GetCategoryResponse } from '../../types';
+import { GetCategoryResponse, SearchParams } from '../../types';
 import { generateCommerceSearchParams } from '../../utils';
 import appFetch, { FetchResponseType } from '../../utils/app-fetch';
 import { category, product } from '../urls';
@@ -12,7 +12,7 @@ function getCategoryDataHandler(
   pk: number,
   locale: string,
   currency: string,
-  searchParams?: URLSearchParams,
+  searchParams?: SearchParams,
   headers?: Record<string, string>
 ) {
   return async function () {
@@ -48,8 +48,8 @@ function getCategoryDataHandler(
       logger.fatal('Error while parsing category data', {
         handler: 'getCategoryDataHandler',
         error,
-        rawData: rawData.startsWith('<!DOCTYPE html>')
-          ? `${rawData.substring(0, 50)}...`
+        rawData: rawData?.startsWith?.('<!DOCTYPE html>')
+          ? `${rawData?.substring(0, 50)}...`
           : rawData
       });
     }
@@ -90,7 +90,7 @@ export const getCategoryData = ({
   pk: number;
   locale?: string;
   currency?: string;
-  searchParams?: URLSearchParams;
+  searchParams?: SearchParams;
   headers?: Record<string, string>;
 }) => {
   return Cache.wrap(
@@ -98,7 +98,8 @@ export const getCategoryData = ({
     locale,
     getCategoryDataHandler(pk, locale, currency, searchParams, headers),
     {
-      expire: 300
+      expire: 300,
+      compressed: true
     }
   );
 };
@@ -138,8 +139,8 @@ function getCategoryBySlugDataHandler(
       logger.fatal('Error while parsing category data', {
         handler: 'getCategoryBySlugDataHandler',
         error,
-        rawData: rawData.startsWith('<!DOCTYPE html>')
-          ? `${rawData.substring(0, 50)}...`
+        rawData: rawData?.startsWith?.('<!DOCTYPE html>')
+          ? `${rawData?.substring(0, 50)}...`
           : rawData
       });
     }
@@ -158,7 +159,8 @@ export const getCategoryBySlugData = async ({
     locale,
     getCategoryBySlugDataHandler(slug, locale, currency),
     {
-      expire: 300
+      expire: 300,
+      compressed: true
     }
   );
 };

package/data/server/flatpage.ts

@@ -42,6 +42,9 @@ export const getFlatPageData = ({
   return Cache.wrap(
     CacheKey.FlatPage(pk),
     locale,
-    getFlatPageDataHandler(pk, locale, currency, headers)
+    getFlatPageDataHandler(pk, locale, currency, headers),
+    {
+      compressed: true
+    }
   );
 };

package/data/server/form.ts

@@ -43,6 +43,9 @@ export const getFormData = ({
   return Cache.wrap(
     CacheKey.Form(pk),
     locale,
-    getFormDataHandler(pk, locale, currency, headers)
+    getFormDataHandler(pk, locale, currency, headers),
+    {
+      compressed: true
+    }
   );
 };

package/data/server/landingpage.ts

@@ -42,6 +42,9 @@ export const getLandingPageData = ({
   return Cache.wrap(
     CacheKey.LandingPage(pk),
     locale,
-    getLandingPageHandler(pk, locale, currency, headers)
+    getLandingPageHandler(pk, locale, currency, headers),
+    {
+      compressed: true
+    }
   );
 };

package/data/server/list.ts

@@ -1,6 +1,6 @@
 import { Cache, CacheKey } from '../../lib/cache';
 import { category } from '../urls';
-import { GetCategoryResponse } from '../../types';
+import { GetCategoryResponse, SearchParams } from '../../types';
 import { generateCommerceSearchParams } from '../../utils';
 import appFetch, { FetchResponseType } from '../../utils/app-fetch';
 import { parse } from 'lossless-json';
@@ -10,7 +10,7 @@ import { ServerVariables } from '../../utils/server-variables';
 const getListDataHandler = (
   locale,
   currency,
-  searchParams: URLSearchParams,
+  searchParams: SearchParams,
   headers?: Record<string, string>
 ) => {
   return async function () {
@@ -63,7 +63,7 @@ export const getListData = async ({
 }: {
   locale?: string;
   currency?: string;
-  searchParams: URLSearchParams;
+  searchParams: SearchParams;
   headers?: Record<string, string>;
 }) => {
   return Cache.wrap(
@@ -71,7 +71,8 @@ export const getListData = async ({
     locale,
     getListDataHandler(locale, currency, searchParams, headers),
     {
-      expire: 300
+      expire: 300,
+      compressed: true
     }
   );
 };