@akinon/next 1.112.0-snapshot-ZERO-3855-20251124131245 → 1.112.0-snapshot-ZERO-3792-20251202082030

package/CHANGELOG.md

@@ -1,10 +1,10 @@
 # @akinon/next
 
-## 1.112.0-snapshot-ZERO-3855-20251124131245
+## 1.112.0-snapshot-ZERO-3792-20251202082030
 
 ### Minor Changes
 
-- 591e345: ZERO-3855: Enhance credit card payment handling in checkout middlewares
+- 888fdec: ZERO-3792: Virtual Try On new features are implemented and also basket support implemented.
 
 ## 1.111.0
 

package/api/virtual-try-on.ts

@@ -122,6 +122,57 @@ export async function GET(request: NextRequest) {
           'X-Virtual-Try-On-Cache-Status': 'MISS'
         }
       });
+    } else if (endpoint === 'job-status') {
+      const referenceUrl = searchParams.get('reference_url');
+      if (!referenceUrl) {
+        return NextResponse.json(
+          { error: 'reference_url is required' },
+          { status: 400 }
+        );
+      }
+
+      const externalUrl = `${VIRTUAL_TRY_ON_API_URL}/api/async/v1/job-status?reference_url=${encodeURIComponent(
+        referenceUrl
+      )}`;
+      const clientIP = getClientIP(request);
+      const locale = getLocaleFromRequest(request);
+
+      const headersToSend = {
+        Accept: 'application/json',
+        ...(locale && { 'Accept-Language': locale }),
+        ...(request.headers.get('authorization') && {
+          Authorization: request.headers.get('authorization')!
+        }),
+        ...(clientIP && {
+          'X-Forwarded-For': clientIP
+        })
+      };
+
+      const response = await fetch(externalUrl, {
+        method: 'GET',
+        headers: headersToSend
+      });
+
+      let responseData: any;
+      const responseText = await response.text();
+
+      try {
+        responseData = responseText ? JSON.parse(responseText) : {};
+      } catch (parseError) {
+        return NextResponse.json(
+          { error: 'Invalid JSON response from job status API' },
+          { status: 500 }
+        );
+      }
+
+      return NextResponse.json(responseData, {
+        status: response.status,
+        headers: {
+          'Access-Control-Allow-Origin': '*',
+          'Access-Control-Allow-Methods': 'GET, POST, PUT, OPTIONS',
+          'Access-Control-Allow-Headers': 'Content-Type, Accept, Authorization'
+        }
+      });
     }
 
     return NextResponse.json(
@@ -141,13 +192,32 @@ export async function POST(request: NextRequest) {
     const body = await request.json();
 
     let externalUrl: string;
+    let httpMethod = 'POST';
+
     if (endpoint === 'feedback') {
+      if (!body.url || typeof body.url !== 'string' || !body.url.trim()) {
+        return NextResponse.json(
+          { status: 'error', message: 'URL is required for feedback' },
+          { status: 400 }
+        );
+      }
+      if (typeof body.feedback !== 'boolean') {
+        return NextResponse.json(
+          { status: 'error', message: 'Feedback must be a boolean value' },
+          { status: 400 }
+        );
+      }
       externalUrl = `${VIRTUAL_TRY_ON_API_URL}/api/v1/feedback`;
+      httpMethod = 'PUT';
+    } else if (endpoint === 'async-multiple-try-on') {
+      externalUrl = `${VIRTUAL_TRY_ON_API_URL}/api/async/v1/multiple-virtual-try-on`;
     } else {
-      externalUrl = `${VIRTUAL_TRY_ON_API_URL}/api/v1/virtual-try-on`;
+      return NextResponse.json(
+        { error: 'Invalid endpoint specified' },
+        { status: 400 }
+      );
     }
 
-    const httpMethod = endpoint === 'feedback' ? 'PUT' : 'POST';
     const clientIP = getClientIP(request);
     const locale = getLocaleFromRequest(request);
 
@@ -163,13 +233,18 @@ export async function POST(request: NextRequest) {
       })
     };
 
-    const response = await fetch(externalUrl, {
+    const fetchOptions: RequestInit = {
       method: httpMethod,
-      headers: headersToSend,
-      body: JSON.stringify(body)
-    });
+      headers: headersToSend
+    };
+
+    if (httpMethod !== 'GET') {
+      fetchOptions.body = JSON.stringify(body);
+    }
+
+    const response = await fetch(externalUrl, fetchOptions);
 
-    let responseData: any;
+    let responseData: Record<string, any>;
     const responseText = await response.text();
 
     if (endpoint === 'feedback') {
@@ -273,7 +348,7 @@ export async function PUT(request: NextRequest) {
       body: JSON.stringify(body)
     });
 
-    const responseData = await response.json();
+    const responseData = response?.json() || {};
 
     return NextResponse.json(responseData, {
       status: response.status,
@@ -287,7 +362,8 @@ export async function PUT(request: NextRequest) {
     return NextResponse.json(
       {
         status: 'error',
-        message: 'Internal server error occurred during feedback submission'
+        message: 'Internal server error occurred during feedback submission',
+        error: (error as Error).message
       },
       { status: 500 }
     );

package/components/plugin-module.tsx

@@ -51,6 +51,7 @@ export enum Component {
   MultiBasket = 'MultiBasket',
   SavedCard = 'SavedCardOption',
   VirtualTryOnPlugin = 'VirtualTryOnPlugin',
+  BasketVirtualTryOn = 'BasketVirtualTryOn',
   IyzicoSavedCard = 'IyzicoSavedCardOption',
   Hepsipay = 'Hepsipay',
   FlowPayment = 'FlowPayment',
@@ -90,7 +91,11 @@ const PluginComponents = new Map([
   [Plugin.SavedCard, [Component.SavedCard, Component.IyzicoSavedCard]],
   [Plugin.SavedCard, [Component.SavedCard]],
   [Plugin.FlowPayment, [Component.FlowPayment]],
-  [Plugin.VirtualTryOn, [Component.VirtualTryOnPlugin]],
+  [
+    Plugin.VirtualTryOn,
+    [Component.VirtualTryOnPlugin, Component.BasketVirtualTryOn]
+  ],
+  [Plugin.Hepsipay, [Component.Hepsipay]],
   [Plugin.Hepsipay, [Component.Hepsipay]],
   [Plugin.MasterpassRest, [Component.MasterpassRest]]
 ]);
@@ -104,10 +109,10 @@ const getPlugin = (component: Component) => {
 };
 
 export default function PluginModule({
-                                       component,
-                                       props,
-                                       children
-                                     }: {
+  component,
+  props,
+  children
+}: {
   component: Component;
   props?: any;
   children?: React.ReactNode;

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@akinon/next",
   "description": "Core package for Project Zero Next",
-  "version": "1.112.0-snapshot-ZERO-3855-20251124131245",
+  "version": "1.112.0-snapshot-ZERO-3792-20251202082030",
   "private": false,
   "license": "MIT",
   "bin": {
@@ -35,7 +35,7 @@
     "set-cookie-parser": "2.6.0"
   },
   "devDependencies": {
-    "@akinon/eslint-plugin-projectzero": "1.112.0-snapshot-ZERO-3855-20251124131245",
+    "@akinon/eslint-plugin-projectzero": "1.112.0-snapshot-ZERO-3792-20251202082030",
     "@babel/core": "7.26.10",
     "@babel/preset-env": "7.26.9",
     "@babel/preset-typescript": "7.27.0",

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' &&