@akinon/next 1.116.0-snapshot-ZERO-3959-20260106131052 → 1.117.0-rc.0

package/CHANGELOG.md

@@ -1,6 +1,26 @@
 # @akinon/next
 
-## 1.116.0-snapshot-ZERO-3959-20260106131052
+## 1.117.0-rc.0
+
+### Minor Changes
+
+- d2c0e759: ZERO-3684: Handle cross-origin iframe access in iframeURLChange function
+- b55acb76: ZERO-2577: Fix pagination bug and update usePagination hook and ensure pagination controls rendering correctly
+- 143be2b9: ZERO-3457: Crop styles are customizable and logic improved for rendering similar products modal
+- 9f8cd3bc: ZERO-3449: AI Search Active Filters & Crop Style changes have been implemented
+- 729fe756: ZERO-3895: improve non-3D payment handling and error display
+- d99a6a7d: ZERO-3457_1: Fixed the settings prop and made sure everything is customizable.
+- d7e5178b: ZERO-3985: Add query string handling for orders redirection in middleware
+- 4de5303c: ZERO-2504: add cookie filter to api client request
+- 95b139dc: ZERO-3795: Remove duplicate entry for SavedCard in PluginComponents map
+- 3909d322: Edit the duplicate Plugin.SimilarProducts in the plugin-module.
+
+## 1.116.0
+
+### Minor Changes
+
+- d7ec6b08: ZERO-3988: Add Google Pay option to plugin selection
+- 726491df: ZERO-3988: Add google pay integration
 
 ## 1.115.0
 

package/components/plugin-module.tsx

@@ -26,7 +26,8 @@ enum Plugin {
   Hepsipay = 'pz-hepsipay',
   MasterpassRest = 'pz-masterpass-rest',
   SimilarProducts = 'pz-similar-products',
-  Haso = 'pz-haso'
+  Haso = 'pz-haso',
+  GooglePay = 'pz-google-pay'
 }
 
 export enum Component {
@@ -65,7 +66,8 @@ export enum Component {
   ProductImageSearchFeature = 'ProductImageSearchFeature',
   ImageSearchButton = 'ImageSearchButton',
   HeaderImageSearchFeature = 'HeaderImageSearchFeature',
-  HasoPaymentGateway = 'HasoPaymentGateway'
+  HasoPaymentGateway = 'HasoPaymentGateway',
+  GooglePay = 'GooglePay'
 }
 
 const PluginComponents = new Map([
@@ -111,16 +113,15 @@ const PluginComponents = new Map([
     ]
   ],
   [Plugin.SavedCard, [Component.SavedCard, Component.IyzicoSavedCard]],
-  [Plugin.SavedCard, [Component.SavedCard]],
   [Plugin.FlowPayment, [Component.FlowPayment]],
   [
     Plugin.VirtualTryOn,
     [Component.VirtualTryOnPlugin, Component.BasketVirtualTryOn]
   ],
   [Plugin.Hepsipay, [Component.Hepsipay]],
-  [Plugin.Hepsipay, [Component.Hepsipay]],
   [Plugin.MasterpassRest, [Component.MasterpassRest]],
-  [Plugin.Haso, [Component.HasoPaymentGateway]]
+  [Plugin.Haso, [Component.HasoPaymentGateway]],
+  [Plugin.GooglePay, [Component.GooglePay]]
 ]);
 
 const getPlugin = (component: Component) => {
@@ -197,6 +198,8 @@ export default function PluginModule({
               promise = import(`${'@akinon/pz-similar-products'}`);
             } else if (plugin === Plugin.Haso) {
               promise = import(`${'@akinon/pz-haso'}`);
+            } else if (plugin === Plugin.GooglePay) {
+              promise = import(`${'@akinon/pz-google-pay'}`);
             }
           } catch (error) {
             logger.error(error);

package/data/urls.ts

@@ -183,7 +183,11 @@ export const product = {
   breadcrumbUrl: (menuitemmodel: string) =>
     `/menus/generate_breadcrumb/?item=${menuitemmodel}&generator_name=menu_item`,
   bundleProduct: (productPk: string, queryString: string) =>
-    `/bundle-product/${productPk}/?${queryString}`
+    `/bundle-product/${productPk}/?${queryString}`,
+  similarProducts: (params?: string) =>
+    `/similar-products${params ? `?${params}` : ''}`,
+  similarProductsList: (params?: string) =>
+    `/similar-product-list${params ? `?${params}` : ''}`
 };
 
 export const wishlist = {

package/middlewares/default.ts

@@ -128,8 +128,13 @@ const withPzDefault =
     }
 
     if (req.nextUrl.pathname.startsWith('/orders/redirection/')) {
+      const queryString = searchParams.toString();
       return NextResponse.rewrite(
-        new URL(`${encodeURI(Settings.commerceUrl)}/orders/redirection/`)
+        new URL(
+          `${encodeURI(Settings.commerceUrl)}/orders/redirection/${
+            queryString ? `?${queryString}` : ''
+          }`
+        )
       );
     }
 

package/middlewares/masterpass-rest-callback.ts

@@ -9,49 +9,21 @@ const withMasterpassRestCallback =
   async (req: PzNextRequest, event: NextFetchEvent) => {
     const url = req.nextUrl.clone();
     const ip = req.headers.get('x-forwarded-for') ?? '';
-    const sessionId = req.cookies.get('osessionid');
 
-    if (!url.pathname.includes('/orders/masterpass-rest-callback')) {
-      return middleware(req, event);
-    }
-
-    if (req.method !== 'POST') {
-      logger.warn('Invalid request method for masterpass REST callback', {
-        middleware: 'masterpass-rest-callback',
-        method: req.method,
-        ip
-      });
+    const isMasterpassCompletePage =
+      url.pathname.includes('/orders/checkout') &&
+      url.searchParams.get('page') === 'MasterpassRestCompletePage';
 
-      return NextResponse.redirect(
-        `${url.origin}${getUrlPathWithLocale(
-          '/orders/checkout/',
-          req.cookies.get('pz-locale')?.value
-        )}`,
-        303
-      );
+    if (!isMasterpassCompletePage) {
+      return middleware(req, event);
     }
 
-    const responseCode = url.searchParams.get('responseCode');
-    const token = url.searchParams.get('token');
-
-    if (!responseCode || !token) {
-      logger.warn('Missing required parameters for masterpass REST callback', {
-        middleware: 'masterpass-rest-callback',
-        responseCode,
-        token,
-        ip
+    try {
+      const requestUrl = new URL('/orders/checkout/', Settings.commerceUrl);
+      url.searchParams.forEach((value, key) => {
+        requestUrl.searchParams.set(key, value);
       });
 
-      return NextResponse.redirect(
-        `${url.origin}${getUrlPathWithLocale(
-          '/orders/checkout/',
-          req.cookies.get('pz-locale')?.value
-        )}`,
-        303
-      );
-    }
-
-    try {
       const formData = await req.formData();
       const body: Record<string, string> = {};
 
@@ -59,37 +31,6 @@ const withMasterpassRestCallback =
         body[key] = value.toString();
       });
 
-      if (!sessionId) {
-        logger.warn(
-          'Make sure that the SESSION_COOKIE_SAMESITE environment variable is set to None in Commerce.',
-          {
-            middleware: 'masterpass-rest-callback',
-            ip
-          }
-        );
-
-        return NextResponse.redirect(
-          `${url.origin}${getUrlPathWithLocale(
-            '/orders/checkout/',
-            req.cookies.get('pz-locale')?.value
-          )}`,
-          303
-        );
-      }
-
-      const requestUrl = new URL('/orders/checkout/', Settings.commerceUrl);
-      requestUrl.searchParams.set('page', 'MasterpassRestCompletePage');
-      requestUrl.searchParams.set('responseCode', responseCode);
-      requestUrl.searchParams.set('token', token);
-      requestUrl.searchParams.set(
-        'three_d_secure',
-        body.transactionType?.includes('3D') ? 'true' : 'false'
-      );
-      requestUrl.searchParams.set(
-        'transactionType',
-        body.transactionType || ''
-      );
-
       const requestHeaders = {
         'Content-Type': 'application/x-www-form-urlencoded',
         'X-Requested-With': 'XMLHttpRequest',
@@ -105,33 +46,13 @@ const withMasterpassRestCallback =
         body: new URLSearchParams(body)
       });
 
-      logger.info('Masterpass REST callback request', {
-        requestUrl: requestUrl.toString(),
-        status: request.status,
-        requestHeaders,
-        ip
-      });
-
       const response = await request.json();
-
-      const { context_list: contextList, errors } = response;
-
-      let redirectUrl = response.redirect_url;
-
-      if (!redirectUrl && contextList && contextList.length > 0) {
-        for (const context of contextList) {
-          if (context.page_context && context.page_context.redirect_url) {
-            redirectUrl = context.page_context.redirect_url;
-            break;
-          }
-        }
-      }
+      const { errors } = response;
 
       if (errors && Object.keys(errors).length) {
-        logger.error('Error while processing masterpass REST callback', {
-          middleware: 'masterpass-rest-callback',
+        logger.error('Error while processing MasterpassRestCompletePage', {
+          middleware: 'masterpass-rest-complete',
           errors,
-          requestHeaders,
           ip
         });
 
@@ -143,73 +64,36 @@ const withMasterpassRestCallback =
           {
             status: 303,
             headers: {
-              'Set-Cookie': `pz-pos-error=${JSON.stringify(errors)}; path=/;`
+              'Set-Cookie': `pz-pos-error=${encodeURIComponent(JSON.stringify(errors))}; path=/;`
             }
           }
         );
       }
 
-      logger.info('Masterpass REST callback response', {
-        middleware: 'masterpass-rest-callback',
-        contextList,
-        redirectUrl,
-        ip
-      });
+      const redirectUrl =
+        response.redirect_url ||
+        response.context_list?.[0]?.page_context?.redirect_url;
 
-      if (!redirectUrl) {
-        logger.warn(
-          'No redirection url found in response. Redirecting to checkout page.',
-          {
-            middleware: 'masterpass-rest-callback',
-            requestHeaders,
-            response: JSON.stringify(response),
-            ip
-          }
+      if (redirectUrl) {
+        return NextResponse.redirect(
+          `${url.origin}${getUrlPathWithLocale(redirectUrl, req.cookies.get('pz-locale')?.value)}`,
+          303
         );
-
-        const redirectUrlWithLocale = `${url.origin}${getUrlPathWithLocale(
-          '/orders/checkout/',
-          req.cookies.get('pz-locale')?.value
-        )}`;
-
-        return NextResponse.redirect(redirectUrlWithLocale, 303);
       }
 
-      const redirectUrlWithLocale = `${url.origin}${getUrlPathWithLocale(
-        redirectUrl,
-        req.cookies.get('pz-locale')?.value
-      )}`;
-
-      logger.info('Redirecting after masterpass REST callback', {
-        middleware: 'masterpass-rest-callback',
-        redirectUrlWithLocale,
-        ip
-      });
-
-      const nextResponse = NextResponse.redirect(redirectUrlWithLocale, 303);
-
-      nextResponse.headers.set(
-        'Set-Cookie',
-        request.headers.get('set-cookie') ?? ''
+      return NextResponse.redirect(
+        `${url.origin}${getUrlPathWithLocale('/orders/checkout/', req.cookies.get('pz-locale')?.value)}`,
+        303
       );
-
-      return nextResponse;
     } catch (error) {
-      logger.error('Error while processing masterpass REST callback', {
-        middleware: 'masterpass-rest-callback',
+      logger.error('Error while processing MasterpassRestCompletePage', {
+        middleware: 'masterpass-rest-complete',
         error,
-        requestHeaders: {
-          Cookie: req.headers.get('cookie') ?? '',
-          'x-currency': req.cookies.get('pz-currency')?.value ?? ''
-        },
         ip
       });
 
       return NextResponse.redirect(
-        `${url.origin}${getUrlPathWithLocale(
-          '/orders/checkout/',
-          req.cookies.get('pz-locale')?.value
-        )}`,
+        `${url.origin}${getUrlPathWithLocale('/orders/checkout/', req.cookies.get('pz-locale')?.value)}`,
         303
       );
     }

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@akinon/next",
   "description": "Core package for Project Zero Next",
-  "version": "1.116.0-snapshot-ZERO-3959-20260106131052",
+  "version": "1.117.0-rc.0",
   "private": false,
   "license": "MIT",
   "bin": {
@@ -35,7 +35,7 @@
     "set-cookie-parser": "2.6.0"
   },
   "devDependencies": {
-    "@akinon/eslint-plugin-projectzero": "1.116.0-snapshot-ZERO-3959-20260106131052",
+    "@akinon/eslint-plugin-projectzero": "1.117.0-rc.0",
     "@babel/core": "7.26.10",
     "@babel/preset-env": "7.26.9",
     "@babel/preset-typescript": "7.27.0",

package/plugins.d.ts

@@ -37,6 +37,16 @@ declare module '@akinon/pz-cybersource-uc/src/redux/middleware' {
   export default middleware as any;
 }
 
+declare module '@akinon/pz-apple-pay' {}
+
+declare module '@akinon/pz-similar-products' {
+  export const SimilarProductsModal: any;
+  export const SimilarProductsFilterSidebar: any;
+  export const SimilarProductsResultsGrid: any;
+  export const SimilarProductsPlugin: any;
+  export const SimilarProductsButtonPlugin: any;
+}
+
 declare module '@akinon/pz-cybersource-uc/src/redux/reducer' {
   export default reducer as any;
 }

package/plugins.js

@@ -16,11 +16,13 @@ module.exports = [
   'pz-tabby-extension',
   'pz-apple-pay',
   'pz-tamara-extension',
+  'pz-similar-products',
   'pz-cybersource-uc',
   'pz-hepsipay',
   'pz-flow-payment',
   'pz-virtual-try-on',
   'pz-masterpass-rest',
   'pz-similar-products',
-  'pz-haso'
+  'pz-haso',
+  'pz-google-pay'
 ];

package/types/index.ts

@@ -83,6 +83,12 @@ export interface Settings {
   };
   usePrettyUrlRoute?: boolean;
   commerceUrl: string;
+  /**
+   * This option allows you to track Sentry events on the client side, in addition to server and edge environments.
+   *
+   * It overrides process.env.NEXT_PUBLIC_SENTRY_DSN and process.env.SENTRY_DSN.
+   */
+  sentryDsn?: string;
   redis: {
     defaultExpirationTime: number;
   };

package/utils/index.ts

@@ -193,7 +193,8 @@ export const urlLocaleMatcherRegex = new RegExp(
 );
 
 export const getPosError = () => {
-  const error = JSON.parse(getCookie('pz-pos-error') ?? '{}');
+  const cookieValue = getCookie('pz-pos-error');
+  const error = JSON.parse(cookieValue ? decodeURIComponent(cookieValue) : '{}');
 
   // delete 'pz-pos-error' cookie when refreshing or closing page
   window.addEventListener('beforeunload', () => {

package/utils/mobile-3d-iframe.ts

@@ -1,8 +1,14 @@
 const iframeURLChange = (iframe, callback) => {
   iframe.addEventListener('load', () => {
     setTimeout(() => {
-      if (iframe?.contentWindow?.location) {
-        callback(iframe.contentWindow.location);
+      try {
+        if (iframe?.contentWindow?.location) {
+          const iframeLocation = iframe.contentWindow.location;
+
+          callback(iframeLocation);
+        }
+      } catch (error) {
+        // Expected: browser blocks cross-origin iframe access for security
       }
     }, 0);
   });

package/utils/redirection-iframe.ts

@@ -1,8 +1,14 @@
 const iframeURLChange = (iframe, callback) => {
   iframe.addEventListener('load', () => {
     setTimeout(() => {
-      if (iframe?.contentWindow?.location) {
-        callback(iframe.contentWindow.location);
+      try {
+        if (iframe?.contentWindow?.location) {
+          const iframeLocation = iframe.contentWindow.location;
+
+          callback(iframeLocation);
+        }
+      } catch (error) {
+        // Expected: browser blocks cross-origin iframe access for security
       }
     }, 0);
   });