@akinon/projectzero 2.0.34-rc.0 → 2.0.34

package/CHANGELOG.md

@@ -1,12 +1,6 @@
 # @akinon/projectzero
 
-## 2.0.34-rc.0
-
-### Patch Changes
-
-- 143be2b9: ZERO-3457: Crop styles are customizable and logic improved for rendering similar products modal
-- d99a6a7d: ZERO-3457_1: Fixed the settings prop and made sure everything is customizable.
-- e18836b20: ZERO-4160: Restore scope in Sentry addon configuration in akinon.json
+## 2.0.34
 
 ## 2.0.33
 

package/app-template/.env.example

@@ -7,7 +7,11 @@ NEXT_PUBLIC_URL=http://localhost:3000
 SERVICE_BACKEND_URL=https://02fde10fee4440269e695aa10707dfaf.lb.akinoncloud.com
 SITEMAP_S3_BUCKET_NAME=0fb534
 NEXT_PUBLIC_VIRTUAL_TRY_ON_API_URL=https://d2a26507c7094f359aba349b96a96881.lb.akinoncloud.com
-NEXT_PUBLIC_ENABLE_IMAGE_SEARCH=true
+
+# PZ Dashboard dataLayer observability (unset = observer disabled)
+# NEXT_PUBLIC_PZ_DASHBOARD_URL=http://localhost:3005
+# NEXT_PUBLIC_PZ_PROJECT_NAME=projectzeronext
+# NEXT_PUBLIC_PZ_DATALAYER_SAMPLE=1
 
 # LOG_LEVEL_DEV=debug # For more details, please refer to the Logging documentation.
 

package/app-template/AGENTS.md

@@ -1,11 +1,3 @@
-<!-- BEGIN:nextjs-agent-rules -->
-
-# Next.js: ALWAYS read docs before coding
-
-Before any Next.js work, find and read the relevant doc in `node_modules/next/dist/docs/`. Your training data is outdated — the docs are the source of truth.
-
-<!-- END:nextjs-agent-rules -->
-
 # Project Zero Next.js - Developer Instructions
 
 ## 📚 Available Instruction Files

package/app-template/CHANGELOG.md

@@ -1,79 +1,38 @@
 # projectzeronext
 
-## 2.0.34-rc.0
-
-### Patch Changes
-
-- 1a8622a9b: ZERO-3392: Implemented AI Search functionality and update env
-- b55acb768: 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
-- 9f8cd3bc5: ZERO-3449: AI Search Active Filters & Crop Style changes have been implemented
-- d99a6a7d: ZERO-3457_1: Fixed the settings prop and made sure everything is customizable.
-- ccf21475: ZERO-4404: Add Next.js 16.2 AI improvements
-- c0228aff0: ZERO-4159: Upgrade the package versions
-- b05c35435: ZERO-2570: Category filters routes to absolute url
-- e18836b20: ZERO-4160: Restore scope in Sentry addon configuration in akinon.json
-- c3244a31: ZERO-4013: Update runtime version to node:25-alpine in project configuration
-- Updated dependencies [a3e2acbf]
-- Updated dependencies [0cf9ea239]
-- Updated dependencies [324f97d5]
-- Updated dependencies [51ea0688]
-- Updated dependencies
-- Updated dependencies [c97525a3]
-- Updated dependencies [eba125b24]
-- Updated dependencies [823a4449a]
-- Updated dependencies [b55acb768]
-- Updated dependencies [760258c1c]
-- Updated dependencies [5da13fff]
-- Updated dependencies [143be2b9]
-- Updated dependencies [7889b08f]
-- Updated dependencies [fb4aa9b4]
-- Updated dependencies [9f8cd3bc5]
-- Updated dependencies [bfafa3f49]
-- Updated dependencies [00b9f488f]
-- Updated dependencies [57d7eb30]
-- Updated dependencies [d99a6a7d]
-- Updated dependencies [9db81a71]
-- Updated dependencies [591e345e]
-- Updated dependencies [0df6bc1f8]
-- Updated dependencies [4de5303c5]
-- Updated dependencies [63a72000]
-- Updated dependencies [95b139dc]
-- Updated dependencies [1d00f2d0]
-- Updated dependencies [4ac7b2a1e]
-- Updated dependencies [4998a9631]
-- Updated dependencies [804d2bd6]
-- Updated dependencies [c0228aff0]
-- Updated dependencies [3909d3224]
-- Updated dependencies [6a3d8a63]
-- Updated dependencies [e18836b20]
-  - @akinon/pz-tabby-extension@2.0.34-rc.0
-  - @akinon/next@2.0.34-rc.0
-  - @akinon/pz-checkout-gift-pack@2.0.34-rc.0
-  - @akinon/pz-one-click-checkout@2.0.34-rc.0
-  - @akinon/pz-basket-gift-pack@2.0.34-rc.0
-  - @akinon/pz-masterpass-rest@2.0.34-rc.0
-  - @akinon/pz-pay-on-delivery@2.0.34-rc.0
-  - @akinon/pz-credit-payment@2.0.34-rc.0
-  - @akinon/pz-click-collect@2.0.34-rc.0
-  - @akinon/pz-multi-basket@2.0.34-rc.0
-  - @akinon/pz-masterpass@2.0.34-rc.0
-  - @akinon/pz-gpay@2.0.34-rc.0
-  - @akinon/pz-b2b@2.0.34-rc.0
-  - @akinon/pz-bkm@2.0.34-rc.0
-  - @akinon/pz-otp@2.0.34-rc.0
-  - @akinon/pz-similar-products@2.0.34-rc.0
-  - @akinon/pz-virtual-try-on@2.0.34-rc.0
-  - @akinon/pz-theme@2.0.34-rc.0
-  - @akinon/pz-akifast@2.0.34-rc.0
-  - @akinon/pz-apple-pay@2.0.34-rc.0
-  - @akinon/pz-cybersource-uc@2.0.34-rc.0
-  - @akinon/pz-flow-payment@2.0.34-rc.0
-  - @akinon/pz-google-pay@2.0.34-rc.0
-  - @akinon/pz-haso@2.0.34-rc.0
-  - @akinon/pz-hepsipay@2.0.34-rc.0
-  - @akinon/pz-saved-card@2.0.34-rc.0
-  - @akinon/pz-tamara-extension@2.0.34-rc.0
+## 2.0.34
+
+### Patch Changes
+
+- 4e2ea16b: ZERO-4582: enhance virtual try-on functionality with single and async mutations
+- Updated dependencies [4e2ea16b]
+  - @akinon/pz-virtual-try-on@2.0.34
+  - @akinon/next@2.0.34
+  - @akinon/pz-theme@2.0.34
+  - @akinon/pz-akifast@2.0.34
+  - @akinon/pz-apple-pay@2.0.34
+  - @akinon/pz-b2b@2.0.34
+  - @akinon/pz-basket-gift-pack@2.0.34
+  - @akinon/pz-bkm@2.0.34
+  - @akinon/pz-checkout-gift-pack@2.0.34
+  - @akinon/pz-click-collect@2.0.34
+  - @akinon/pz-credit-payment@2.0.34
+  - @akinon/pz-cybersource-uc@2.0.34
+  - @akinon/pz-flow-payment@2.0.34
+  - @akinon/pz-google-pay@2.0.34
+  - @akinon/pz-gpay@2.0.34
+  - @akinon/pz-haso@2.0.34
+  - @akinon/pz-hepsipay@2.0.34
+  - @akinon/pz-masterpass@2.0.34
+  - @akinon/pz-masterpass-rest@2.0.34
+  - @akinon/pz-multi-basket@2.0.34
+  - @akinon/pz-one-click-checkout@2.0.34
+  - @akinon/pz-otp@2.0.34
+  - @akinon/pz-pay-on-delivery@2.0.34
+  - @akinon/pz-saved-card@2.0.34
+  - @akinon/pz-similar-products@2.0.34
+  - @akinon/pz-tabby-extension@2.0.34
+  - @akinon/pz-tamara-extension@2.0.34
 
 ## 2.0.33
 

package/app-template/README.md

@@ -12,30 +12,6 @@ Run `cp .env.example .env && yarn` command at project root and all dependencies
 
 - `SITEMAP_S3_BUCKET_NAME`: S3 bucket name for XML sitemaps (e.g., "0fb534"). This is required for the sitemap route to function correctly.
 
-### Optional Environment Variables
-
-- `NEXT_PUBLIC_ENABLE_IMAGE_SEARCH`: Set to `true` to enable image search feature for all users. If not set or `false`, the feature will only be visible to users who have enabled it via localStorage.
-
-## Image Search Feature
-
-The image search functionality allows users to search for similar products by uploading images or cropping existing product images.
-
-### Feature Visibility Control
-
-The image search feature can be controlled in two ways:
-
-1. **Environment Variable (Global)**: Set `NEXT_PUBLIC_ENABLE_IMAGE_SEARCH=true` to enable for all users
-2. **localStorage (Individual Users)**: Users can enable it locally using browser developer tools
-
-````
-
-### Feature Locations
-
-When enabled, the image search feature appears in:
-
-- **Header Search**: Camera icon next to the search input
-- **Product Detail Page**: "View Similar Styles" button on product images
-
 ### Build
 
 To build the app, run the following command:
@@ -43,7 +19,7 @@ To build the app, run the following command:
 ```bash
 cd projectzeronext # Project root
 yarn build
-````
+```
 
 ### Develop
 

package/app-template/next.config.mjs

@@ -38,9 +38,6 @@ const nextConfig = {
         ]
       }
     ];
-  },
-  logging: {
-    browserToTerminal: 'error'
   }
 };
 
@@ -53,12 +50,9 @@ const withSerwist = withSerwistInit({
 const sentryConfig = {
   silent: true,
   dryRun: !process.env.SENTRY_DSN,
-  org: 'akinon',
+  org: 'akinon'
   // project: 'enter_your_project_name_here',
   // authToken: 'enter_your_auth_token_here'
-  sourcemaps: {
-    deleteSourcemapsAfterUpload: true
-  }
 };
 
 const enhancedConfig = withPzConfig(nextConfig);

package/app-template/package.json

@@ -1,6 +1,6 @@
 {
   "name": "projectzeronext",
-  "version": "2.0.34-rc.0",
+  "version": "2.0.34",
   "private": true,
   "license": "MIT",
   "scripts": {
@@ -24,33 +24,33 @@
     "test:middleware": "jest middleware-matcher.test.ts --bail"
   },
   "dependencies": {
-    "@akinon/next": "2.0.34-rc.0",
-    "@akinon/pz-akifast": "2.0.34-rc.0",
-    "@akinon/pz-apple-pay": "2.0.34-rc.0",
-    "@akinon/pz-b2b": "2.0.34-rc.0",
-    "@akinon/pz-basket-gift-pack": "2.0.34-rc.0",
-    "@akinon/pz-bkm": "2.0.34-rc.0",
-    "@akinon/pz-checkout-gift-pack": "2.0.34-rc.0",
-    "@akinon/pz-click-collect": "2.0.34-rc.0",
-    "@akinon/pz-credit-payment": "2.0.34-rc.0",
-    "@akinon/pz-cybersource-uc": "2.0.34-rc.0",
-    "@akinon/pz-flow-payment": "2.0.34-rc.0",
-    "@akinon/pz-google-pay": "2.0.34-rc.0",
-    "@akinon/pz-gpay": "2.0.34-rc.0",
-    "@akinon/pz-haso": "2.0.34-rc.0",
-    "@akinon/pz-hepsipay": "2.0.34-rc.0",
-    "@akinon/pz-masterpass": "2.0.34-rc.0",
-    "@akinon/pz-masterpass-rest": "2.0.34-rc.0",
-    "@akinon/pz-multi-basket": "2.0.34-rc.0",
-    "@akinon/pz-one-click-checkout": "2.0.34-rc.0",
-    "@akinon/pz-otp": "2.0.34-rc.0",
-    "@akinon/pz-pay-on-delivery": "2.0.34-rc.0",
-    "@akinon/pz-saved-card": "2.0.34-rc.0",
-    "@akinon/pz-similar-products": "2.0.34-rc.0",
-    "@akinon/pz-tabby-extension": "2.0.34-rc.0",
-    "@akinon/pz-tamara-extension": "2.0.34-rc.0",
-    "@akinon/pz-theme": "2.0.34-rc.0",
-    "@akinon/pz-virtual-try-on": "2.0.34-rc.0",
+    "@akinon/next": "2.0.34",
+    "@akinon/pz-akifast": "2.0.34",
+    "@akinon/pz-apple-pay": "2.0.34",
+    "@akinon/pz-b2b": "2.0.34",
+    "@akinon/pz-basket-gift-pack": "2.0.34",
+    "@akinon/pz-bkm": "2.0.34",
+    "@akinon/pz-checkout-gift-pack": "2.0.34",
+    "@akinon/pz-click-collect": "2.0.34",
+    "@akinon/pz-credit-payment": "2.0.34",
+    "@akinon/pz-cybersource-uc": "2.0.34",
+    "@akinon/pz-flow-payment": "2.0.34",
+    "@akinon/pz-google-pay": "2.0.34",
+    "@akinon/pz-gpay": "2.0.34",
+    "@akinon/pz-haso": "2.0.34",
+    "@akinon/pz-hepsipay": "2.0.34",
+    "@akinon/pz-masterpass": "2.0.34",
+    "@akinon/pz-masterpass-rest": "2.0.34",
+    "@akinon/pz-multi-basket": "2.0.34",
+    "@akinon/pz-one-click-checkout": "2.0.34",
+    "@akinon/pz-otp": "2.0.34",
+    "@akinon/pz-pay-on-delivery": "2.0.34",
+    "@akinon/pz-saved-card": "2.0.34",
+    "@akinon/pz-similar-products": "2.0.34",
+    "@akinon/pz-tabby-extension": "2.0.34",
+    "@akinon/pz-tamara-extension": "2.0.34",
+    "@akinon/pz-theme": "2.0.34",
+    "@akinon/pz-virtual-try-on": "2.0.34",
     "@hookform/resolvers": "2.9.0",
     "@next/third-parties": "16.2.6",
     "@react-google-maps/api": "2.17.1",
@@ -59,7 +59,7 @@
     "next": "16.2.6",
     "@serwist/next": "9.5.11",
     "next-auth": "5.0.0-beta.30",
-    "pino": "8.21.0",
+    "pino": "8.11.0",
     "serwist": "9.5.11",
     "postcss": "8.4.49",
     "react": "19.2.5",
@@ -67,14 +67,14 @@
     "react-google-recaptcha": "2.1.0",
     "react-hook-form": "7.71.2",
     "react-intersection-observer": "9.4.0",
-    "react-multi-carousel": "2.8.5",
-    "react-string-replace": "1.1.1",
-    "start-server-and-test": "2.0.8",
-    "tailwind-merge": "1.14.0",
+    "react-multi-carousel": "2.8.4",
+    "react-string-replace": "1.1.0",
+    "start-server-and-test": "2.0.3",
+    "tailwind-merge": "1.8.0",
     "yup": "0.32.11"
   },
   "devDependencies": {
-    "@akinon/eslint-plugin-projectzero": "2.0.34-rc.0",
+    "@akinon/eslint-plugin-projectzero": "2.0.34",
     "@semantic-release/changelog": "6.0.2",
     "@semantic-release/exec": "6.0.3",
     "@semantic-release/git": "10.0.1",
@@ -89,25 +89,25 @@
     "@types/react": "19.2.14",
     "@types/react-dom": "19.2.3",
     "client-only": "0.0.1",
-    "clsx": "1.2.1",
+    "clsx": "1.1.1",
     "currency-symbol-map": "5.1.0",
     "eslint": "9.39.4",
     "eslint-config-next": "16.2.4",
     "eslint-config-prettier": "10.1.1",
     "husky": "8.0.0",
     "jest": "29.7.0",
-    "jest-css-modules-transform": "4.4.2",
+    "jest-css-modules-transform": "4.3.0",
     "jest-environment-jsdom": "29.7.0",
-    "lint-staged": "13.3.0",
-    "prettier": "2.8.8",
+    "lint-staged": "13.1.0",
+    "prettier": "2.6.2",
     "react-number-format": "5.3.4",
-    "sass": "1.83.0",
+    "sass": "1.49.9",
     "semantic-release": "19.0.5",
     "server-only": "0.0.1",
-    "stylelint": "14.16.1",
+    "stylelint": "14.6.0",
     "stylelint-config-sass-guidelines": "9.0.1",
     "stylelint-config-standard": "25.0.0",
-    "stylelint-scss": "4.7.0",
+    "stylelint-scss": "4.2.0",
     "stylelint-selector-bem-pattern": "2.1.1",
     "tailwindcss": "4.2.0",
     "ts-jest": "29.2.6",

package/app-template/public/locales/en/product.json

@@ -51,6 +51,7 @@
     "instructions": "Upload a clear photo of yourself for the best virtual try-on experience. Make sure you are facing the camera directly.",
     "try_on": "Try On",
     "virtual_cabin": "Virtual Cabin",
+    "usage_info": "Usage: {{used}}/{{limit}}",
     "upload_info": "Your photo is used solely for generating the virtual try-on and is not stored permanently.",
     "edit_photo": "Edit Photo",
     "processing": "Processing...",
@@ -101,7 +102,8 @@
     "change_photo": "Change",
     "starting": "Starting...",
     "will_start": "will start virtual try-on for",
-    "products_count": "products"
+    "products_count": "products",
+    "limit_exceeded": "You have reached the try-on limit for this product."
   },
   "barcode_scanner": {
     "title": "Scan Barcode",

package/app-template/public/locales/tr/product.json

@@ -57,6 +57,7 @@
     "processing_message": "En iyi sonucu sunabilmek için fotoğrafınızı işliyoruz. Lütfen bekleyiniz.",
     "result_title": "Sanal Kabin Sonuç",
     "virtual_cabin": "Sanal Kabin",
+    "usage_info": "Kullanım: {{used}}/{{limit}}",
     "result_placeholder": "Sonucu görmek için fotoğrafınızı yükleyin",
     "error": "Sanal deneme başarısız oldu. Lütfen tekrar deneyin.",
     "error_message": "Modelin net bir şekilde göründüğü daha sade bir arka plana sahip görselle tekrar deneyin.",
@@ -103,7 +104,8 @@
     "change_photo": "Değiştir",
     "starting": "Başlatılıyor...",
     "will_start": "için sanal deneme başlatılacak",
-    "products_count": "ürün"
+    "products_count": "ürün",
+    "limit_exceeded": "Bu ürün için deneme hakkınız doldu."
   },
   "barcode_scanner": {
     "title": "Barkodu Okut",

package/app-template/src/app/[pz]/template.tsx

@@ -9,6 +9,7 @@ import { ROUTES } from '@theme/routes';
 import { GoogleTagManager } from '@next/third-parties/google';
 import { pushPageView } from '@theme/utils/gtm';
 import { serializeJsonLd } from '@theme/utils/generate-jsonld';
+import { DataLayerObserver } from '@theme/components/datalayer-observer';
 
 export default function RootTemplate({
   children
@@ -62,6 +63,7 @@ export default function RootTemplate({
         gtmId={process.env.NEXT_PUBLIC_GTM_KEY || 'GTM-W8JJWXD'}
       />
       {/* End Google Tag Manager */}
+      <DataLayerObserver />
       <script
         type="application/ld+json"
         dangerouslySetInnerHTML={{ __html: serializeJsonLd(jsonLdWebSite) }}

package/app-template/src/app/api/virtual-try-on/limited-categories/route.ts

@@ -1 +1 @@
-export * from '@akinon/next/api/virtual-try-on';
+export { GET, POST, PUT, OPTIONS } from '@akinon/next/api/virtual-try-on';

package/app-template/src/app/api/virtual-try-on/route.ts

@@ -1 +1,6 @@
-export { GET, POST, PUT, OPTIONS } from "@akinon/next/api/virtual-try-on";
+import { auth } from 'auth';
+import { createVirtualTryOnHandlers } from '@akinon/next/api/virtual-try-on';
+
+export const { GET, POST, PUT, OPTIONS } = createVirtualTryOnHandlers({
+  auth
+});

package/app-template/src/components/datalayer-observer.tsx

@@ -0,0 +1,169 @@
+'use client';
+
+import { useEffect } from 'react';
+import { usePathname } from 'next/navigation';
+import { ROUTES } from '@theme/routes';
+
+const DASHBOARD_URL = process.env.NEXT_PUBLIC_PZ_DASHBOARD_URL;
+const SERVICE = process.env.NEXT_PUBLIC_PZ_PROJECT_NAME || 'projectzeronext';
+const SAMPLE_RATE = Number(process.env.NEXT_PUBLIC_PZ_DATALAYER_SAMPLE ?? '1');
+
+// Sampling never drops these — the dashboard's silence alarms watch them.
+const CRITICAL_EVENTS = ['purchase', 'begin_checkout'];
+
+// Only these payload keys are forwarded; dataLayer objects can carry PII
+// (email, phone) that must never leave the browser.
+const PAYLOAD_WHITELIST = ['ecommerce', 'currency', 'value', 'items'];
+
+const FLUSH_INTERVAL_MS = 10_000;
+const MAX_BATCH = 200;
+
+// GA4 ecommerce events imply the page type more reliably than the pretty
+// URL (which only the backend can resolve to product/category).
+const EVENT_PAGE_TYPES: Record<string, string> = {
+  view_item: 'pdp',
+  select_item: 'plp',
+  view_item_list: 'plp',
+  view_cart: 'basket',
+  begin_checkout: 'checkout',
+  add_shipping_info: 'checkout',
+  add_payment_info: 'checkout',
+  purchase: 'order-success'
+};
+
+type QueuedEvent = {
+  event: string;
+  pageType: string;
+  pageUrl: string;
+  sessionId: string;
+  timestamp: number;
+  payload?: Record<string, unknown>;
+};
+
+const queue: QueuedEvent[] = [];
+
+// The observer remounts with the app template on every route change and
+// replays the persistent dataLayer array; this keeps replays idempotent.
+const captured = new WeakSet<object>();
+
+const resolvePageTypeFromPath = (pathname: string): string => {
+  if (pathname === ROUTES.HOME) return 'home';
+  if (pathname.startsWith(ROUTES.LIST)) return 'plp';
+  if (pathname.startsWith(ROUTES.BASKET)) return 'basket';
+  if (pathname.startsWith(ROUTES.CHECKOUT_COMPLETED)) return 'order-success';
+  if (pathname.startsWith(ROUTES.CHECKOUT)) return 'checkout';
+  if (pathname.startsWith('/account') || pathname.startsWith('/users')) {
+    return 'account';
+  }
+
+  return 'other';
+};
+
+const getSessionId = () => {
+  try {
+    let id = sessionStorage.getItem('pz.dl.sid');
+
+    if (!id) {
+      id = crypto.randomUUID();
+      sessionStorage.setItem('pz.dl.sid', id);
+    }
+
+    return id;
+  } catch {
+    return 'no-session';
+  }
+};
+
+const flush = () => {
+  if (!queue.length || !DASHBOARD_URL) return;
+
+  const events = queue.splice(0, MAX_BATCH);
+  const body = JSON.stringify({ service: SERVICE, events });
+
+  // String body → text/plain → no CORS preflight; survives page unload.
+  if (!navigator.sendBeacon(`${DASHBOARD_URL}/api/datalayer`, body)) {
+    fetch(`${DASHBOARD_URL}/api/datalayer`, {
+      method: 'POST',
+      body,
+      keepalive: true
+    }).catch(() => {
+      // Observability must never break the storefront.
+    });
+  }
+};
+
+export const DataLayerObserver = () => {
+  const pathname = usePathname();
+
+  useEffect(() => {
+    if (!DASHBOARD_URL) return;
+
+    const sessionId = getSessionId();
+    // Deterministic per-session sampling: same session, same decision.
+    const sampled =
+      sessionId === 'no-session' ||
+      (parseInt(sessionId.slice(0, 8), 16) & 0xffff) / 0xffff < SAMPLE_RATE;
+
+    const capture = (item: unknown) => {
+      if (!item || typeof item !== 'object') return;
+      if (captured.has(item)) return;
+      captured.add(item);
+      const record = item as Record<string, unknown>;
+      if (typeof record.event !== 'string' || !record.event) return;
+      // GTM internals (gtm.js, gtm.dom, gtm.load...) are noise, not tags.
+      if (record.event.startsWith('gtm.')) return;
+      if (!sampled && !CRITICAL_EVENTS.includes(record.event)) return;
+
+      const payload: Record<string, unknown> = {};
+      PAYLOAD_WHITELIST.forEach((key) => {
+        if (record[key] !== undefined) payload[key] = record[key];
+      });
+
+      queue.push({
+        event: record.event,
+        pageType:
+          (typeof record.page_type === 'string' && record.page_type) ||
+          EVENT_PAGE_TYPES[record.event] ||
+          resolvePageTypeFromPath(window.location.pathname),
+        pageUrl: window.location.href,
+        sessionId,
+        timestamp: Date.now(),
+        payload: Object.keys(payload).length ? payload : undefined
+      });
+    };
+
+    window.dataLayer = window.dataLayer || [];
+    // Replay events pushed before the observer mounted (early page_views).
+    window.dataLayer.forEach(capture);
+
+    const original = window.dataLayer.push.bind(window.dataLayer);
+    window.dataLayer.push = (...items: unknown[]) => {
+      items.forEach(capture);
+      return original(...items);
+    };
+
+    const timer = setInterval(flush, FLUSH_INTERVAL_MS);
+    const onVisibilityChange = () => {
+      if (document.visibilityState === 'hidden') flush();
+    };
+
+    document.addEventListener('visibilitychange', onVisibilityChange);
+    window.addEventListener('pagehide', flush);
+
+    return () => {
+      clearInterval(timer);
+      document.removeEventListener('visibilitychange', onVisibilityChange);
+      window.removeEventListener('pagehide', flush);
+      window.dataLayer.push = original;
+      flush();
+    };
+    // Mount once; route changes are read from window.location at capture time.
+  }, []);
+
+  // Route change = fresh page view context; flush the previous page's batch.
+  useEffect(() => {
+    flush();
+  }, [pathname]);
+
+  return null;
+};

package/app-template/src/hooks/index.ts

@@ -1,3 +1 @@
-export * from './use-contract';
-export * from './use-fav-button';
 export * from './use-add-product-to-basket';

package/app-template/src/plugins.js

@@ -19,7 +19,6 @@ module.exports = [
   'pz-hepsipay',
   'pz-flow-payment',
   'pz-virtual-try-on',
-  'pz-similar-products',
   'pz-cybersource-uc',
   'pz-hepsipay',
   'pz-masterpass-rest',

package/app-template/src/proxy.ts

@@ -14,8 +14,7 @@ export const config = {
     '/((?!api|_next|[\\w-\\/*]+\\.\\w+).*)',
     '/(.*sitemap\\.xml)',
     '/(.+\\.)(html|htm|aspx|asp|php)',
-    '/(.*orders\\/checkout-with-token.*)',
-    '/(.*orders\\/post-checkout.*)'
+    '/(.*orders\\/checkout-with-token.*)'
   ]
 };
 

package/app-template/src/views/header/search/index.tsx

@@ -4,7 +4,8 @@ import { useEffect, useRef, useState } from 'react';
 import { useAppDispatch, useAppSelector } from '@akinon/next/redux/hooks';
 import { closeSearch } from '@akinon/next/redux/reducers/header';
 import clsx from 'clsx';
-import { Icon, Input } from '@theme/components';
+
+import { Icon } from '@theme/components';
 import Results from './results';
 import { ROUTES } from '@theme/routes';
 import { useLocalization, useRouter } from '@akinon/next/hooks';
@@ -41,14 +42,6 @@ export default function Search() {
     };
   }, [isSearchOpen, dispatch]);
 
-  const handleSearchTextChange = (e: React.ChangeEvent<HTMLInputElement>) => {
-    setSearchText(e.target.value);
-  };
-
-  const handleCloseSearch = () => {
-    dispatch(closeSearch());
-  };
-
   return (
     <>
       <div
@@ -74,9 +67,9 @@ export default function Search() {
               {t('common.search.results_for')}
             </span>
             <div className="flex items-center">
-              <Input
+              <input
                 value={searchText}
-                onChange={handleSearchTextChange}
+                onChange={(e) => setSearchText(e.target.value)}
                 onKeyDown={(e) => {
                   if (e.key === 'Enter' && searchText.trim() !== '') {
                     router.push(`${ROUTES.LIST}/?search_text=${searchText}`);
@@ -98,12 +91,11 @@ export default function Search() {
               <Icon
                 name="close"
                 size={14}
-                onClick={handleCloseSearch}
+                onClick={() => dispatch(closeSearch())}
                 className="cursor-pointer"
               />
             </div>
           </div>
-
           <Results searchText={searchText} />
         </div>
       </div>

package/app-template/src/views/product/slider.tsx

@@ -36,100 +36,53 @@ export default function ProductInfoSlider({ product }: ProductSliderItem) {
     carouselRef.current?.next();
   };
 
-  const handleThumbnailClick = (index: number) => {
+  const handleThumbnailClick = (index) => {
     setActiveIndex(index);
     carouselRef.current?.goToSlide(index);
   };
 
   return (
-    <>
-      <div className="lg:grid lg:grid-cols-6">
-        <div className="lg:col-span-1">
-          <div className="flex flex-col items-center justify-center md:mr-[6px]">
-            <button
-              onClick={goToPrev}
-              className={twMerge(
-                'hidden justify-center p-2 mb-3 border border-gray-100 rounded-full cursor-pointer lg:block',
-                [activeIndex === 0 && 'cursor-not-allowed opacity-45']
-              )}
-              disabled={activeIndex === 0}
-            >
-              <Icon name="chevron-up" size={15} className="fill-[#000000]" />
-            </button>
-            <div className="hidden flex-col items-center overflow-scroll w-[80px] max-h-[620px] lg:block">
-              {product?.productimage_set?.map((item, index) => (
-                <Image
-                  key={index}
-                  src={item.image}
-                  alt={`Thumbnail ${index}`}
-                  width={80}
-                  height={128}
-                  aspectRatio={80 / 128}
-                  className={twMerge('cursor-pointer', [
-                    activeIndex === index && 'border-2 border-primary'
-                  ])}
-                  onClick={() => handleThumbnailClick(index)}
-                />
-              ))}
-            </div>
-            <button
-              onClick={goToNext}
-              className={twMerge(
-                'hidden justify-center p-2 mt-3 border border-gray-100 rounded-full cursor-pointer lg:block',
-                [
-                  activeIndex === product.productimage_set.length - 1 &&
-                    'cursor-not-allowed opacity-45'
-                ]
-              )}
-              disabled={activeIndex === product.productimage_set.length - 1}
-            >
-              <Icon name="chevron-down" size={15} className="fill-[#000000]" />
-            </button>
-          </div>
-        </div>
-
-        <div className="relative lg:col-span-5">
-          <FavButton className="absolute right-8 top-6 z-[20] sm:hidden" />
-
-          <PluginModule
-            component={Component.ProductImageSearchFeature}
-            props={{
-              product,
-              activeIndex,
-              showResetButton: true
-            }}
-          />
-
-          <CarouselCore
-            responsive={{
-              all: {
-                breakpoint: { max: 5000, min: 0 },
-                items: 1
-              }
-            }}
-            arrows={false}
-            swipeable={true}
-            ref={carouselRef}
-            afterChange={(previousSlide, { currentSlide }) => {
-              setActiveIndex(currentSlide);
-            }}
-            containerAspectRatio={{ mobile: 520 / 798, desktop: 484 / 726 }}
+    <div className="lg:grid lg:grid-cols-6">
+      <div className="lg:col-span-1">
+        <div className="flex flex-col items-center justify-center md:mr-[6px]">
+          <button
+            onClick={goToPrev}
+            className={twMerge(
+              'hidden justify-center p-2 mb-3 border border-gray-100 rounded-full cursor-pointer lg:block',
+              [activeIndex === 0 && 'cursor-not-allowed opacity-45']
+            )}
+            disabled={activeIndex === 0}
           >
-            {product?.productimage_set?.map((item, i) => (
+            <Icon name="chevron-up" size={15} className="fill-[#000000]" />
+          </button>
+          <div className="hidden flex-col items-center overflow-scroll w-[80px] max-h-[620px] lg:block">
+            {product?.productimage_set?.map((item, index) => (
               <Image
-                key={i}
+                key={index}
                 src={item.image}
-                alt={product?.name || 'Product image'}
-                draggable={false}
-                aspectRatio={484 / 726}
-                sizes="(min-width: 425px) 512px,
-              (min-width: 601px) 576px,
-              (min-width: 768px) 336px,
-              (min-width: 1024px) 484px, 368px"
-                fill
+                alt={`Thumbnail ${index}`}
+                width={80}
+                height={128}
+                className={twMerge('cursor-pointer', [
+                  activeIndex === index && 'border-2 border-primary'
+                ])}
+                onClick={() => handleThumbnailClick(index)}
               />
             ))}
-          </CarouselCore>
+          </div>
+          <button
+            onClick={goToNext}
+            className={twMerge(
+              'hidden justify-center p-2 mt-3 border border-gray-100 rounded-full cursor-pointer lg:block',
+              [
+                activeIndex === product.productimage_set.length - 1 &&
+                  'cursor-not-allowed opacity-45'
+              ]
+            )}
+            disabled={activeIndex === product.productimage_set.length - 1}
+          >
+            <Icon name="chevron-down" size={15} className="fill-[#000000]" />
+          </button>
         </div>
       </div>
 
@@ -187,6 +140,6 @@ export default function ProductInfoSlider({ product }: ProductSliderItem) {
           ))}
         </CarouselCore>
       </div>
-    </>
+    </div>
   );
 }

package/commands/plugins.ts

@@ -164,10 +164,6 @@ export default async () => {
       name: 'Tamara Payment Extension',
       value: 'pz-tamara-extension'
     },
-    {
-      name: 'Similar Products',
-      value: 'pz-similar-products'
-    },
     {
       name: 'Hepsipay',
       value: 'pz-hepsipay'

package/dist/commands/plugins.js

@@ -183,10 +183,6 @@ exports.default = () => __awaiter(void 0, void 0, void 0, function* () {
             name: 'Tamara Payment Extension',
             value: 'pz-tamara-extension'
         },
-        {
-            name: 'Similar Products',
-            value: 'pz-similar-products'
-        },
         {
             name: 'Hepsipay',
             value: 'pz-hepsipay'

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@akinon/projectzero",
-  "version": "2.0.34-rc.0",
+  "version": "2.0.34",
   "private": false,
   "description": "CLI tool to manage your Project Zero Next project",
   "bin": {

package/app-template/src/app/global-error.tsx

@@ -1,22 +0,0 @@
-'use client';
-
-import { useSentryUncaughtErrors } from '@akinon/next/hooks';
-
-export default function GlobalError({
-  error,
-  reset
-}: {
-  error: Error & { digest?: string };
-  reset: () => void;
-}) {
-  useSentryUncaughtErrors(error);
-
-  return (
-    <html>
-      <body>
-        <h2>Something went wrong!</h2>
-        <button onClick={() => reset()}>Try again</button>
-      </body>
-    </html>
-  );
-}