@akinon/next 1.117.0-rc.7 → 1.117.0

package/CHANGELOG.md

@@ -1,49 +1,6 @@
 # @akinon/next
 
-## 1.117.0-rc.7
-
-### Minor Changes
-
-- f7e0f646: ZERO-4032: Add bfcache-headers middleware, integrate it into the default chain, and introduce a new environment variable for control.
-
-## 1.117.0-rc.6
-
-## 1.117.0-rc.5
-
-## 1.117.0-rc.4
-
-## 1.117.0-rc.3
-
-### Minor Changes
-
-- b59fdd1c: ZERO-4009: Add password reset token validation
-
-## 1.117.0-rc.2
-
-### Minor Changes
-
-- 591e345e: ZERO-3855: Enhance credit card payment handling in checkout middlewares
-
-## 1.117.0-rc.1
-
-### Minor Changes
-
-- 36143125: ZERO-3987: Add barcode scanner functionality with modal and button
-
-## 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.117.0
 
 ## 1.116.0
 

package/components/plugin-module.tsx

@@ -55,7 +55,6 @@ export enum Component {
   SavedCard = 'SavedCardOption',
   VirtualTryOnPlugin = 'VirtualTryOnPlugin',
   BasketVirtualTryOn = 'BasketVirtualTryOn',
-  BarcodeScannerPlugin = 'BarcodeScannerPlugin',
   IyzicoSavedCard = 'IyzicoSavedCardOption',
   Hepsipay = 'Hepsipay',
   FlowPayment = 'FlowPayment',
@@ -114,10 +113,11 @@ const PluginComponents = new Map([
     ]
   ],
   [Plugin.SavedCard, [Component.SavedCard, Component.IyzicoSavedCard]],
+  [Plugin.SavedCard, [Component.SavedCard]],
   [Plugin.FlowPayment, [Component.FlowPayment]],
   [
     Plugin.VirtualTryOn,
-    [Component.VirtualTryOnPlugin, Component.BasketVirtualTryOn, Component.BarcodeScannerPlugin]
+    [Component.VirtualTryOnPlugin, Component.BasketVirtualTryOn]
   ],
   [Plugin.Hepsipay, [Component.Hepsipay]],
   [Plugin.MasterpassRest, [Component.MasterpassRest]],

package/data/client/account.ts

@@ -77,10 +77,6 @@ interface LoyaltyTransactions {
   }[];
 }
 
-interface PasswordResetValidateResponse {
-  validlink: boolean;
-}
-
 const accountApi = api.injectEndpoints({
   endpoints: (builder) => ({
     updatePassword: builder.mutation<void, AccountChangePasswordFormType>({
@@ -225,12 +221,6 @@ const accountApi = api.injectEndpoints({
     }),
     getLoyaltyTransactions: builder.query<LoyaltyTransactions, void>({
       query: () => buildClientRequestUrl(account.loyaltyTransactions)
-    }),
-    getValidatePasswordResetToken: builder.query<
-      PasswordResetValidateResponse,
-      string
-    >({
-      query: (slug) => buildClientRequestUrl(account.passwordReset(slug))
     })
   }),
   overrideExisting: true
@@ -257,6 +247,5 @@ export const {
   usePasswordResetMutation,
   useAnonymizeMutation,
   useGetLoyaltyBalanceQuery,
-  useGetLoyaltyTransactionsQuery,
-  useGetValidatePasswordResetTokenQuery
+  useGetLoyaltyTransactionsQuery
 } = accountApi;

package/data/urls.ts

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

package/middlewares/default.ts

@@ -14,8 +14,7 @@ import {
   withUrlRedirection,
   withCompleteWallet,
   withWalletCompleteRedirection,
-  withMasterpassRestCallback,
-  withBfcacheHeaders
+  withMasterpassRestCallback
 } from '.';
 import { urlLocaleMatcherRegex } from '../utils';
 import withCurrency from './currency';
@@ -129,13 +128,8 @@ const withPzDefault =
     }
 
     if (req.nextUrl.pathname.startsWith('/orders/redirection/')) {
-      const queryString = searchParams.toString();
       return NextResponse.rewrite(
-        new URL(
-          `${encodeURI(Settings.commerceUrl)}/orders/redirection/${
-            queryString ? `?${queryString}` : ''
-          }`
-        )
+        new URL(`${encodeURI(Settings.commerceUrl)}/orders/redirection/`)
       );
     }
 
@@ -239,11 +233,10 @@ const withPzDefault =
                           withCompleteWallet(
                             withWalletCompleteRedirection(
                               withMasterpassRestCallback(
-                                withBfcacheHeaders(
-                                  async (
-                                    req: PzNextRequest,
-                                    event: NextFetchEvent
-                                  ) => {
+                                async (
+                                  req: PzNextRequest,
+                                  event: NextFetchEvent
+                                ) => {
                                   let middlewareResult: NextResponse | void =
                                     NextResponse.next();
 
@@ -464,7 +457,7 @@ const withPzDefault =
                                   }
 
                                   return middlewareResult;
-                                })
+                                }
                               )
                             )
                           )

package/middlewares/index.ts

@@ -12,7 +12,6 @@ import withSavedCardRedirection from './saved-card-redirection';
 import withCompleteWallet from './complete-wallet';
 import withWalletCompleteRedirection from './wallet-complete-redirection';
 import withMasterpassRestCallback from './masterpass-rest-callback';
-import withBfcacheHeaders from './bfcache-headers';
 import { NextRequest } from 'next/server';
 
 export {
@@ -29,8 +28,7 @@ export {
   withSavedCardRedirection,
   withCompleteWallet,
   withWalletCompleteRedirection,
-  withMasterpassRestCallback,
-  withBfcacheHeaders
+  withMasterpassRestCallback
 };
 
 export interface PzNextRequest extends NextRequest {

package/middlewares/masterpass-rest-callback.ts

@@ -9,21 +9,49 @@ 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');
 
-    const isMasterpassCompletePage =
-      url.pathname.includes('/orders/checkout') &&
-      url.searchParams.get('page') === 'MasterpassRestCompletePage';
-
-    if (!isMasterpassCompletePage) {
+    if (!url.pathname.includes('/orders/masterpass-rest-callback')) {
       return middleware(req, event);
     }
 
-    try {
-      const requestUrl = new URL('/orders/checkout/', Settings.commerceUrl);
-      url.searchParams.forEach((value, key) => {
-        requestUrl.searchParams.set(key, value);
+    if (req.method !== 'POST') {
+      logger.warn('Invalid request method for masterpass REST callback', {
+        middleware: 'masterpass-rest-callback',
+        method: req.method,
+        ip
       });
 
+      return NextResponse.redirect(
+        `${url.origin}${getUrlPathWithLocale(
+          '/orders/checkout/',
+          req.cookies.get('pz-locale')?.value
+        )}`,
+        303
+      );
+    }
+
+    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
+      });
+
+      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> = {};
 
@@ -31,6 +59,37 @@ 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',
@@ -46,13 +105,33 @@ 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 { errors } = response;
+
+      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;
+          }
+        }
+      }
 
       if (errors && Object.keys(errors).length) {
-        logger.error('Error while processing MasterpassRestCompletePage', {
-          middleware: 'masterpass-rest-complete',
+        logger.error('Error while processing masterpass REST callback', {
+          middleware: 'masterpass-rest-callback',
           errors,
+          requestHeaders,
           ip
         });
 
@@ -64,36 +143,73 @@ const withMasterpassRestCallback =
           {
             status: 303,
             headers: {
-              'Set-Cookie': `pz-pos-error=${encodeURIComponent(JSON.stringify(errors))}; path=/;`
+              'Set-Cookie': `pz-pos-error=${JSON.stringify(errors)}; path=/;`
             }
           }
         );
       }
 
-      const redirectUrl =
-        response.redirect_url ||
-        response.context_list?.[0]?.page_context?.redirect_url;
+      logger.info('Masterpass REST callback response', {
+        middleware: 'masterpass-rest-callback',
+        contextList,
+        redirectUrl,
+        ip
+      });
 
-      if (redirectUrl) {
-        return NextResponse.redirect(
-          `${url.origin}${getUrlPathWithLocale(redirectUrl, req.cookies.get('pz-locale')?.value)}`,
-          303
+      if (!redirectUrl) {
+        logger.warn(
+          'No redirection url found in response. Redirecting to checkout page.',
+          {
+            middleware: 'masterpass-rest-callback',
+            requestHeaders,
+            response: JSON.stringify(response),
+            ip
+          }
         );
+
+        const redirectUrlWithLocale = `${url.origin}${getUrlPathWithLocale(
+          '/orders/checkout/',
+          req.cookies.get('pz-locale')?.value
+        )}`;
+
+        return NextResponse.redirect(redirectUrlWithLocale, 303);
       }
 
-      return NextResponse.redirect(
-        `${url.origin}${getUrlPathWithLocale('/orders/checkout/', req.cookies.get('pz-locale')?.value)}`,
-        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;
     } catch (error) {
-      logger.error('Error while processing MasterpassRestCompletePage', {
-        middleware: 'masterpass-rest-complete',
+      logger.error('Error while processing masterpass REST callback', {
+        middleware: 'masterpass-rest-callback',
         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.117.0-rc.7",
+  "version": "1.117.0",
   "private": false,
   "license": "MIT",
   "bin": {
@@ -35,7 +35,7 @@
     "set-cookie-parser": "2.6.0"
   },
   "devDependencies": {
-    "@akinon/eslint-plugin-projectzero": "1.117.0-rc.7",
+    "@akinon/eslint-plugin-projectzero": "1.117.0",
     "@babel/core": "7.26.10",
     "@babel/preset-env": "7.26.9",
     "@babel/preset-typescript": "7.27.0",

package/plugins.d.ts

@@ -37,16 +37,6 @@ 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,7 +16,6 @@ module.exports = [
   'pz-tabby-extension',
   'pz-apple-pay',
   'pz-tamara-extension',
-  'pz-similar-products',
   'pz-cybersource-uc',
   'pz-hepsipay',
   'pz-flow-payment',

package/redux/middlewares/checkout.ts

@@ -204,25 +204,15 @@ export const contextListMiddleware: Middleware = ({
             (ctx) => ctx.page_name === 'DeliveryOptionSelectionPage'
           )
         ) {
-          const isCreditCardPayment =
-            preOrder?.payment_option?.payment_type === 'credit_card' ||
-            preOrder?.payment_option?.payment_type === 'masterpass';
-
           if (context.page_context.card_type) {
             dispatch(setCardType(context.page_context.card_type));
-          } else if (isCreditCardPayment) {
-            dispatch(setCardType(null));
           }
 
           if (
             context.page_context.installments &&
             preOrder?.payment_option?.payment_type !== 'masterpass_rest'
           ) {
-            if (!isCreditCardPayment || context.page_context.card_type) {
-              dispatch(
-                setInstallmentOptions(context.page_context.installments)
-              );
-            }
+            dispatch(setInstallmentOptions(context.page_context.installments));
           }
         }
 

package/redux/middlewares/pre-order/installment-option.ts

@@ -14,17 +14,9 @@ export const installmentOptionMiddleware: Middleware = ({
       return result;
     }
 
-    const { installmentOptions, cardType } = getState().checkout;
+    const { installmentOptions } = getState().checkout;
     const { endpoints: apiEndpoints } = checkoutApi;
 
-    const isCreditCardPayment =
-      preOrder?.payment_option?.payment_type === 'credit_card' ||
-      preOrder?.payment_option?.payment_type === 'masterpass';
-
-    if (isCreditCardPayment && !cardType) {
-      return result;
-    }
-
     if (
       !preOrder?.installment &&
       preOrder?.payment_option?.payment_type !== 'saved_card' &&

package/types/index.ts

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

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

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

package/utils/redirection-iframe.ts

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

package/with-pz-config.js

@@ -9,6 +9,7 @@ const defaultConfig = {
   skipTrailingSlashRedirect: true,
   poweredByHeader: false,
   cacheMaxMemorySize: 0,
+  output: 'standalone',
   compress: false,
   env: {
     NEXT_PUBLIC_SENTRY_DSN: process.env.SENTRY_DSN

package/api/barcode-search.ts

@@ -1,59 +0,0 @@
-import { NextRequest, NextResponse } from 'next/server';
-import Settings from 'settings';
-
-export async function GET(request: NextRequest) {
-  try {
-    const { searchParams } = new URL(request.url);
-    const barcode = searchParams.get('search_text');
-
-    if (!barcode) {
-      return NextResponse.json(
-        { error: 'Missing search_text parameter (barcode)' },
-        { status: 400 }
-      );
-    }
-
-    if (Settings.commerceUrl === 'default') {
-      return NextResponse.json(
-        { error: 'Commerce URL is not configured' },
-        { status: 500 }
-      );
-    }
-
-    const queryParams = new URLSearchParams();
-    queryParams.append('search_text', barcode);
-
-    searchParams.forEach((value, key) => {
-      if (key !== 'search_text') {
-        queryParams.append(key, value);
-      }
-    });
-
-    const apiUrl = `${Settings.commerceUrl}/list/?${queryParams.toString()}`;
-
-    const headers: Record<string, string> = {
-      Accept: 'application/json',
-      'Content-Type': 'application/json'
-    };
-
-    const response = await fetch(apiUrl, {
-      method: 'GET',
-      headers
-    });
-
-    if (!response.ok) {
-      return NextResponse.json(
-        { error: `API request failed with status: ${response.status}` },
-        { status: response.status }
-      );
-    }
-
-    const data = await response.json();
-    return NextResponse.json(data);
-  } catch (error) {
-    return NextResponse.json(
-      { error: (error as Error).message },
-      { status: 500 }
-    );
-  }
-}

package/middlewares/bfcache-headers.ts

@@ -1,18 +0,0 @@
-import { NextMiddleware } from 'next/server';
-
-const withBfcacheHeaders = (middleware: NextMiddleware): NextMiddleware => {
-  return async (req, event) => {
-    const response = await middleware(req, event);
-
-    if (process.env.BF_CACHE === 'true' && response) {
-      response.headers.set(
-        'Cache-Control',
-        'private, no-cache, max-age=0, must-revalidate'
-      );
-    }
-
-    return response;
-  };
-};
-
-export default withBfcacheHeaders;