@akinon/next 2.0.0-beta.9 → 2.0.0

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@akinon/next",
   "description": "Core package for Project Zero Next",
-  "version": "2.0.0-beta.9",
+  "version": "2.0.0",
   "private": false,
   "license": "MIT",
   "bin": {
@@ -13,31 +13,45 @@
     "pz-predev": "bin/pz-predev.js",
     "pz-postdev": "bin/pz-postdev.js"
   },
+  "scripts": {
+    "test": "jest"
+  },
   "dependencies": {
+    "@mongodb-js/zstd": "^2.0.1",
+    "@neshca/cache-handler": "1.9.0",
     "@opentelemetry/exporter-trace-otlp-http": "0.46.0",
     "@opentelemetry/resources": "1.19.0",
     "@opentelemetry/sdk-node": "0.46.0",
     "@opentelemetry/sdk-trace-node": "1.19.0",
     "@opentelemetry/semantic-conventions": "1.19.0",
     "@reduxjs/toolkit": "1.9.7",
-    "@neshca/cache-handler": "1.5.1",
-    "@sentry/nextjs": "9.5.0",
+    "@sentry/nextjs": "10.39.0",
     "cross-spawn": "7.0.3",
     "generic-pool": "3.9.0",
-    "react-redux": "8.1.3",
+    "lottie-web": "^5.13.0",
+    "react-multi-carousel": "2.8.4",
+    "react-redux": "9.2.0",
     "react-string-replace": "1.1.1",
     "redis": "4.6.13",
     "semver": "7.6.2",
     "set-cookie-parser": "2.6.0"
   },
   "devDependencies": {
-    "@akinon/eslint-plugin-projectzero": "2.0.0-beta.9",
+    "@akinon/eslint-plugin-projectzero": "2.0.0",
+    "@babel/core": "7.26.10",
+    "@babel/preset-env": "7.26.9",
+    "@babel/preset-typescript": "7.27.0",
+    "@types/jest": "29.5.14",
     "@types/react-redux": "7.1.30",
     "@types/set-cookie-parser": "2.4.7",
-    "@typescript-eslint/eslint-plugin": "8.18.2",
-    "@typescript-eslint/parser": "8.18.2",
-    "eslint": "9.17.0",
-    "eslint-config-next": "15.3.2",
-    "eslint-config-prettier": "9.1.0"
+    "@typescript-eslint/eslint-plugin": "6.7.4",
+    "@typescript-eslint/parser": "6.7.4",
+    "babel-jest": "29.7.0",
+    "eslint": "8.56.0",
+    "eslint-config-next": "16.1.6",
+    "eslint-config-prettier": "8.5.0",
+    "jest": "29.7.0",
+    "ts-jest": "29.3.2",
+    "typescript": "5.9.3"
   }
 }

package/plugins.d.ts

@@ -13,6 +13,7 @@ declare module '@akinon/pz-masterpass/src/redux/reducer' {
   export const setError: any;
   export const setOtpModalVisible: any;
   export const setCvcRequired: any;
+  export const resetMasterpassState: any;
 }
 
 declare module '@akinon/pz-otp' {
@@ -30,9 +31,23 @@ declare module '@akinon/pz-saved-card' {
   export const SavedCardOption: any;
 }
 
-declare module '@akinon/pz-iyzico-saved-card' {
-  export const iyzicoSavedCardReducer: any;
-  export const iyzicoSavedCardMiddleware: any;
+declare module '@akinon/pz-apple-pay' {}
+
+declare module '@akinon/pz-cybersource-uc/src/redux/middleware' {
+  export default middleware as any;
 }
 
-declare module '@akinon/pz-apple-pay' {}
+declare module '@akinon/pz-cybersource-uc/src/redux/reducer' {
+  export default reducer as any;
+}
+
+declare module '@akinon/pz-cybersource-uc' {
+  export const CyberSourceUcPaymentOption: any;
+}
+
+declare module '@akinon/pz-flow-payment' {}
+
+declare module '@akinon/pz-masterpass-rest' {
+  export const MasterpassRestOption: React.FC;
+  export const masterpassRestReducer: any;
+}

package/plugins.js

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

package/redux/actions.ts

@@ -0,0 +1,47 @@
+// Re-export all action creators from slice modules
+export * from './reducers/root';
+export * from './reducers/header';
+export * from './reducers/checkout';
+export * from './reducers/config';
+
+// Import RTK Query APIs
+import { basketApi } from '../data/client/basket';
+import { productApi } from '../data/client/product';
+import { miscApi } from '../data/client/misc';
+import { checkoutApi } from '../data/client/checkout';
+import { wishlistApi } from '../data/client/wishlist';
+
+// Create RTK Query action creators
+export const rtkApiActionCreators = {
+  // RTK Query API endpoints
+  ...Object.fromEntries(
+    Object.entries(basketApi.endpoints).map(([key, endpoint]) => [
+      `api_basket_${key}`,
+      endpoint.initiate
+    ])
+  ),
+  ...Object.fromEntries(
+    Object.entries(productApi.endpoints).map(([key, endpoint]) => [
+      `api_product_${key}`,
+      endpoint.initiate
+    ])
+  ),
+  ...Object.fromEntries(
+    Object.entries(miscApi.endpoints).map(([key, endpoint]) => [
+      `api_misc_${key}`,
+      endpoint.initiate
+    ])
+  ),
+  ...Object.fromEntries(
+    Object.entries(checkoutApi.endpoints).map(([key, endpoint]) => [
+      `api_checkout_${key}`,
+      endpoint.initiate
+    ])
+  ),
+  ...Object.fromEntries(
+    Object.entries(wishlistApi.endpoints).map(([key, endpoint]) => [
+      `api_wishlist_${key}`,
+      endpoint.initiate
+    ])
+  )
+} as any;

package/redux/middlewares/checkout.ts

@@ -14,13 +14,15 @@ import {
   setHasGiftBox,
   setInstallmentOptions,
   setLoyaltyBalance,
+  setLoyaltyBalances,
   setPaymentChoices,
   setPaymentOptions,
   setRetailStores,
   setShippingOptions,
   setHepsipayAvailability,
   setWalletPaymentData,
-  setPayOnDeliveryOtpModalActive
+  setPayOnDeliveryOtpModalActive,
+  setUnavailablePaymentOptions
 } from '../../redux/reducers/checkout';
 import { RootState, TypedDispatch } from 'redux/store';
 import { checkoutApi } from '../../data/client/checkout';
@@ -36,6 +38,7 @@ interface CheckoutResult {
     errors?: Record<string, string[]>;
     pre_order?: PreOrder;
     context_list?: CheckoutContext[];
+    redirect_url?: string;
   };
 }
 
@@ -46,10 +49,14 @@ interface MiddlewareParams {
 
 export const errorMiddleware: Middleware = ({ dispatch }: MiddlewareParams) => {
   return (next) => (action) => {
-    const result: CheckoutResult = next(action);
+    const result = next(action) as CheckoutResult;
     const errors = result?.payload?.errors;
 
-    if (errors) {
+    if (
+      !!errors &&
+      ((typeof errors === 'object' && Object.keys(errors).length > 0) ||
+        (Array.isArray(errors) && errors.length > 0))
+    ) {
       dispatch(setErrors(errors));
     }
 
@@ -57,19 +64,46 @@ export const errorMiddleware: Middleware = ({ dispatch }: MiddlewareParams) => {
   };
 };
 
+export const redirectUrlMiddleware: Middleware = () => {
+  return (next) => (action) => {
+    const result = next(action) as CheckoutResult;
+    const redirectUrl = result?.payload?.redirect_url;
+
+    if (redirectUrl) {
+      const currentLocale = getCookie('pz-locale');
+
+      let url = redirectUrl;
+
+      if (currentLocale && !redirectUrl.includes('/orders/redirection')) {
+        const { defaultLocaleValue, localeUrlStrategy } = settings.localization;
+
+        url =
+          currentLocale === defaultLocaleValue &&
+          localeUrlStrategy !== LocaleUrlStrategy.ShowAllLocales
+            ? redirectUrl
+            : `/${currentLocale}${redirectUrl}`;
+      }
+
+      window.location.href = url;
+    }
+
+    return result;
+  };
+};
+
 export const contextListMiddleware: Middleware = ({
   dispatch,
   getState
 }: MiddlewareParams) => {
   return (next) => (action) => {
     const { isMobileApp, userPhoneNumber } = getState().root;
-    const result: CheckoutResult = next(action);
+    const result = next(action) as CheckoutResult;
     const preOrder = result?.payload?.pre_order;
 
     if (result?.payload?.context_list) {
       result.payload.context_list.forEach((context) => {
         const redirectUrl = context.page_context.redirect_url;
-        const isIframe = context.page_context.is_frame ?? false;
+        const isIframe = context.page_context.is_iframe ?? false;
 
         if (redirectUrl) {
           const currentLocale = getCookie('pz-locale');
@@ -148,6 +182,14 @@ export const contextListMiddleware: Middleware = ({
           dispatch(setPaymentOptions(context.page_context.payment_options));
         }
 
+        if (context.page_context.unavailable_options) {
+          dispatch(
+            setUnavailablePaymentOptions(
+              context.page_context.unavailable_options
+            )
+          );
+        }
+
         if (context.page_context.credit_payment_options) {
           dispatch(
             setCreditPaymentOptions(context.page_context.credit_payment_options)
@@ -171,7 +213,10 @@ export const contextListMiddleware: Middleware = ({
             dispatch(setCardType(context.page_context.card_type));
           }
 
-          if (context.page_context.installments) {
+          if (
+            context.page_context.installments &&
+            preOrder?.payment_option?.payment_type !== 'masterpass_rest'
+          ) {
             dispatch(setInstallmentOptions(context.page_context.installments));
           }
         }
@@ -180,6 +225,14 @@ export const contextListMiddleware: Middleware = ({
           dispatch(setLoyaltyBalance(context.page_context.balance));
         }
 
+        if (context.page_context.balances) {
+          dispatch(setLoyaltyBalances(context.page_context.balances));
+        }
+
+        if (context.page_context.accounts) {
+          dispatch(setLoyaltyBalances(context.page_context.accounts));
+        }
+
         if (context.page_context.retail_stores) {
           dispatch(setRetailStores(context.page_context.retail_stores));
         }
@@ -207,7 +260,7 @@ export const hepsiPayMiddleware: Middleware = ({
   dispatch
 }: MiddlewareParams) => {
   return (next) => (action) => {
-    const result: CheckoutResult = next(action);
+    const result = next(action) as CheckoutResult;
     const { payload } = result;
     const preOrder = payload?.pre_order;
     const contextList = payload?.context_list;
@@ -261,7 +314,7 @@ export const walletPaymentMiddleware: Middleware = ({
   dispatch
 }: MiddlewareParams) => {
   return (next) => (action) => {
-    const result: CheckoutResult = next(action);
+    const result = next(action) as CheckoutResult;
     const { payload } = result;
     const preOrder = payload?.pre_order;
     const contextList = payload?.context_list;

package/redux/middlewares/index.ts

@@ -3,8 +3,10 @@
 import { signOut } from 'next-auth/react';
 import { ROUTES } from 'routes';
 import type { Middleware } from '@reduxjs/toolkit';
+import type { MiddlewareAction } from '../../types';
 import {
   errorMiddleware,
+  redirectUrlMiddleware,
   contextListMiddleware,
   hepsiPayMiddleware,
   walletPaymentMiddleware
@@ -17,17 +19,17 @@ import logger from '@akinon/next/utils/log';
 
 // Plugin middlewares
 import { savedCardMiddleware } from '@akinon/pz-saved-card';
+import cyberSourceUcMiddleware from '@akinon/pz-cybersource-uc/src/redux/middleware';
 
-export const rtkQueryResponseHandler: Middleware =
-  ({ dispatch }) =>
-  (next) =>
-  (action) => {
-    return next(action);
-  };
+export const rtkQueryResponseHandler: Middleware = () => (next) => (action) => {
+  return next(action);
+};
 
 export const rtkQueryErrorHandler: Middleware =
   () => (next) => async (action) => {
-    if (action?.payload?.status === 401) {
+    const act = action as MiddlewareAction;
+
+    if (act?.payload?.status === 401) {
       await signOut({
         callbackUrl: `${ROUTES.AUTH}?callbackUrl=${window.location.pathname}`
       });
@@ -36,9 +38,9 @@ export const rtkQueryErrorHandler: Middleware =
       return;
     }
 
-    if (action?.payload?.status === 404) {
+    if (act?.payload?.status === 404) {
       logger.warn(
-        `404 - Not Found. Endpoint: ${action.meta.arg.endpointName}, url: ${action.meta.baseQueryMeta.request.url}`
+        `404 - Not Found. Endpoint: ${act.meta.arg.endpointName}, url: ${act.meta.baseQueryMeta.request.url}`
       );
     }
 
@@ -50,11 +52,13 @@ const middlewares = [
   rtkQueryResponseHandler,
   rtkQueryErrorHandler,
   errorMiddleware,
+  redirectUrlMiddleware,
   ...preOrderMiddlewares,
   contextListMiddleware,
   hepsiPayMiddleware,
   walletPaymentMiddleware,
-  savedCardMiddleware
+  savedCardMiddleware,
+  cyberSourceUcMiddleware
 ];
 
 // Filter out any non-function middleware to ensure all middlewares are valid and executable

package/redux/middlewares/pre-order/address.ts

@@ -7,7 +7,7 @@ export const setAddressMiddleware: Middleware = ({
   dispatch
 }: MiddlewareParams) => {
   return (next) => (action) => {
-    const result: CheckoutResult = next(action);
+    const result = next(action) as CheckoutResult;
     const preOrder = result?.payload?.pre_order;
 
     if (!preOrder) {

package/redux/middlewares/pre-order/attribute-based-shipping-option.ts

@@ -7,7 +7,7 @@ export const attributeBasedShippingOptionMiddleware: Middleware = ({
   dispatch
 }: MiddlewareParams) => {
   return (next) => (action) => {
-    const result: CheckoutResult = next(action);
+    const result = next(action) as CheckoutResult;
     const preOrder = result?.payload?.pre_order;
 
     if (!preOrder) {

package/redux/middlewares/pre-order/data-source-shipping-option.ts

@@ -7,7 +7,7 @@ export const dataSourceShippingOptionMiddleware: Middleware = ({
   dispatch
 }: MiddlewareParams) => {
   return (next) => (action) => {
-    const result: CheckoutResult = next(action);
+    const result = next(action) as CheckoutResult;
     const preOrder = result?.payload?.pre_order;
 
     if (!preOrder) {

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

@@ -7,7 +7,7 @@ export const deliveryOptionMiddleware: Middleware = ({
   dispatch
 }: MiddlewareParams) => {
   return (next) => (action) => {
-    const result: CheckoutResult = next(action);
+    const result = next(action) as CheckoutResult;
     const preOrder = result?.payload?.pre_order;
 
     if (!preOrder) {

package/redux/middlewares/pre-order/index.ts

@@ -8,15 +8,17 @@ import { dataSourceShippingOptionMiddleware } from './data-source-shipping-optio
 import { attributeBasedShippingOptionMiddleware } from './attribute-based-shipping-option';
 import { paymentOptionMiddleware } from './payment-option';
 import { installmentOptionMiddleware } from './installment-option';
+import { paymentOptionResetMiddleware } from './payment-option-reset';
 import { shippingStepMiddleware } from './shipping-step';
 
 // ⚠️ WARNING: Redux Toolkit applies middlewares in reverse order (from last to first).
-// This list is written **in reverse execution order** to ensure they run in the correct sequence.  
+// This list is written **in reverse execution order** to ensure they run in the correct sequence.
 // If you add a new middleware, make sure to insert it **in reverse order** based on execution priority.
 
 export const preOrderMiddlewares = [
   shippingStepMiddleware,
   installmentOptionMiddleware,
+  paymentOptionResetMiddleware,
   paymentOptionMiddleware,
   attributeBasedShippingOptionMiddleware,
   dataSourceShippingOptionMiddleware,

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

@@ -7,7 +7,7 @@ export const installmentOptionMiddleware: Middleware = ({
   dispatch
 }: MiddlewareParams) => {
   return (next) => (action) => {
-    const result: CheckoutResult = next(action);
+    const result = next(action) as CheckoutResult;
     const preOrder = result?.payload?.pre_order;
 
     if (!preOrder) {
@@ -20,6 +20,7 @@ export const installmentOptionMiddleware: Middleware = ({
     if (
       !preOrder?.installment &&
       preOrder?.payment_option?.payment_type !== 'saved_card' &&
+      preOrder?.payment_option?.payment_type !== 'masterpass_rest' &&
       installmentOptions.length > 0
     ) {
       const firstInstallmentOptionPk = installmentOptions[0]?.pk;

package/redux/middlewares/pre-order/payment-option-reset.ts

@@ -0,0 +1,37 @@
+import { Middleware } from '@reduxjs/toolkit';
+import { CheckoutResult, MiddlewareAction, MiddlewareParams } from '../../../types';
+import {
+  setBankAccounts,
+  setCardType,
+  setInstallmentOptions,
+  setSelectedBankAccountPk
+} from '../../reducers/checkout';
+import { resetMasterpassState } from '@akinon/pz-masterpass/src/redux/reducer';
+
+export const paymentOptionResetMiddleware: Middleware = ({
+  dispatch
+}: MiddlewareParams) => {
+  return (next) => (action) => {
+    const result = next(action) as CheckoutResult;
+    const act = action as MiddlewareAction;
+
+    if (
+      act.type === 'api/executeMutation/fulfilled' &&
+      act.meta?.arg?.endpointName === 'setPaymentOption'
+    ) {
+      dispatch(setInstallmentOptions([]));
+      dispatch(setBankAccounts([]));
+      dispatch(setSelectedBankAccountPk(null));
+      dispatch(setCardType(null));
+      if(resetMasterpassState){
+        dispatch(resetMasterpassState());
+      }
+    }
+
+    return result;
+  };
+};
+
+Object.defineProperty(paymentOptionResetMiddleware, 'name', {
+  value: 'paymentOptionResetMiddleware'
+});

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

@@ -7,7 +7,7 @@ export const paymentOptionMiddleware: Middleware = ({
   dispatch
 }: MiddlewareParams) => {
   return (next) => (action) => {
-    const result: CheckoutResult = next(action);
+    const result = next(action) as CheckoutResult;
     const preOrder = result?.payload?.pre_order;
 
     if (!preOrder) {

package/redux/middlewares/pre-order/pre-order-validation.ts

@@ -1,15 +1,16 @@
 import { Middleware } from '@reduxjs/toolkit';
-import { CheckoutResult } from '../../../types';
+import { CheckoutResult, MiddlewareAction } from '../../../types';
 
 export const preOrderValidationMiddleware: Middleware = () => {
   return (next) => (action) => {
-    const result: CheckoutResult = next(action);
+    const result = next(action) as CheckoutResult;
     const preOrder = result?.payload?.pre_order;
+    const act = action as MiddlewareAction;
 
     if (
       !preOrder ||
       ['guestLogin', 'getCheckoutLoyaltyBalance'].includes(
-        action?.meta?.arg?.endpointName
+        act?.meta?.arg?.endpointName
       )
     ) {
       return result;

package/redux/middlewares/pre-order/redirection.ts

@@ -1,12 +1,12 @@
 import { Middleware } from '@reduxjs/toolkit';
-import { MiddlewareParams } from '../../../types';
+import { CheckoutResult, MiddlewareParams } from '../../../types';
 import { checkoutApi } from '../../../data/client/checkout';
 
 export const redirectionMiddleware: Middleware = ({
   dispatch
 }: MiddlewareParams) => {
   return (next) => (action) => {
-    const result = next(action);
+    const result = next(action) as CheckoutResult;
     const preOrder = result?.payload?.pre_order;
 
     if (!preOrder) {

package/redux/middlewares/pre-order/set-pre-order.ts

@@ -1,12 +1,12 @@
 import { Middleware } from '@reduxjs/toolkit';
-import { MiddlewareParams } from '../../../types';
+import { CheckoutResult, MiddlewareParams } from '../../../types';
 import { setPreOrder } from '../../../redux/reducers/checkout';
 
 export const setPreOrderMiddleware: Middleware = ({
   dispatch
 }: MiddlewareParams) => {
   return (next) => (action) => {
-    const result = next(action);
+    const result = next(action) as CheckoutResult;
     const preOrder = result?.payload?.pre_order;
 
     if (preOrder) {

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

@@ -7,7 +7,7 @@ export const shippingOptionMiddleware: Middleware = ({
   dispatch
 }: MiddlewareParams) => {
   return (next) => (action) => {
-    const result: CheckoutResult = next(action);
+    const result = next(action) as CheckoutResult;
     const preOrder = result?.payload?.pre_order;
 
     if (!preOrder) {

package/redux/middlewares/pre-order/shipping-step.ts

@@ -7,7 +7,7 @@ export const shippingStepMiddleware: Middleware = ({
   dispatch
 }: MiddlewareParams) => {
   return (next) => (action) => {
-    const result: CheckoutResult = next(action);
+    const result = next(action) as CheckoutResult;
     const preOrder = result?.payload?.pre_order;
 
     if (!preOrder) {

package/redux/reducers/checkout.ts

@@ -9,6 +9,7 @@ import {
   CreditCardType,
   DeliveryOption,
   InstallmentOption,
+  LoyaltyBalanceItem,
   PaymentChoice,
   PaymentOption,
   CheckoutCreditPaymentOption,
@@ -40,6 +41,7 @@ export interface CheckoutState {
   shippingOptions: ShippingOption[];
   dataSourceShippingOptions: DataSource[];
   paymentOptions: PaymentOption[];
+  unavailablePaymentOptions: PaymentOption[];
   creditPaymentOptions: CheckoutCreditPaymentOption[];
   selectedCreditPaymentPk: number;
   paymentChoices: PaymentChoice[];
@@ -48,6 +50,7 @@ export interface CheckoutState {
   bankAccounts: BankAccount[];
   selectedBankAccountPk: number;
   loyaltyBalance?: string;
+  loyaltyBalances?: LoyaltyBalanceItem[];
   retailStores: RetailStore[];
   attributeBasedShippingOptions: AttributeBasedShippingOption[];
   selectedShippingOptions: Record<string, number>;
@@ -60,6 +63,8 @@ export interface CheckoutState {
       countryCode: string;
       currencyCode: string;
       version: string;
+      public_key: string;
+      [key: string]: any;
     };
     detail: {
       label: string;
@@ -94,6 +99,7 @@ const initialState: CheckoutState = {
   shippingOptions: [],
   dataSourceShippingOptions: [],
   paymentOptions: [],
+  unavailablePaymentOptions: [],
   creditPaymentOptions: [],
   selectedCreditPaymentPk: null,
   paymentChoices: [],
@@ -157,6 +163,9 @@ const checkoutSlice = createSlice({
     setPaymentOptions(state, { payload }) {
       state.paymentOptions = payload;
     },
+    setUnavailablePaymentOptions(state, { payload }) {
+      state.unavailablePaymentOptions = payload;
+    },
     setPaymentChoices(state, { payload }) {
       state.paymentChoices = payload;
     },
@@ -181,6 +190,9 @@ const checkoutSlice = createSlice({
     setLoyaltyBalance(state, { payload }) {
       state.loyaltyBalance = payload;
     },
+    setLoyaltyBalances(state, { payload }) {
+      state.loyaltyBalances = payload;
+    },
     setRetailStores(state, { payload }) {
       state.retailStores = payload;
     },
@@ -218,14 +230,16 @@ export const {
   setShippingOptions,
   setDataSourceShippingOptions,
   setPaymentOptions,
+  setUnavailablePaymentOptions,
+  setPaymentChoices,
   setCreditPaymentOptions,
   setSelectedCreditPaymentPk,
-  setPaymentChoices,
   setCardType,
   setInstallmentOptions,
   setBankAccounts,
   setSelectedBankAccountPk,
   setLoyaltyBalance,
+  setLoyaltyBalances,
   setRetailStores,
   setAttributeBasedShippingOptions,
   setSelectedShippingOptions,