@akinon/projectzero 2.0.41-rc.0 → 2.0.42-beta.0

package/CHANGELOG.md

@@ -1,12 +1,8 @@
 # @akinon/projectzero
 
-## 2.0.41-rc.0
+## 2.0.42-beta.0
 
-### Patch Changes
-
-- 143be2b9d: ZERO-3457: Crop styles are customizable and logic improved for rendering similar products modal
-- d99a6a7d5: ZERO-3457_1: Fixed the settings prop and made sure everything is customizable.
-- e18836b2: ZERO-4160: Restore scope in Sentry addon configuration in akinon.json
+## 2.0.41
 
 ## 2.0.40
 

package/app-template/.env.example

@@ -7,7 +7,6 @@ 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

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,83 +1,70 @@
 # projectzeronext
 
-## 2.0.41-rc.0
-
-### Patch Changes
-
-- 1a8622a9b: ZERO-3392: Implemented AI Search functionality and update env
-- 2fea4143: ZERO-4620: Add runtime access to `NEXT_PUBLIC_*` environment variables from Client Components
-- b55acb768: ZERO-2577: Fix pagination bug and update usePagination hook and ensure pagination controls rendering correctly
-- 143be2b9d: 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
-- d99a6a7d5: ZERO-3457_1: Fixed the settings prop and made sure everything is customizable.
-- ccf21475: ZERO-4404: Add Next.js 16.2 AI improvements
-- c0228aff: ZERO-4159: Upgrade the package versions
-- b05c35435: ZERO-2570: Category filters routes to absolute url
-- e18836b2: ZERO-4160: Restore scope in Sentry addon configuration in akinon.json
-- c3244a310: ZERO-4013: Update runtime version to node:25-alpine in project configuration
-- Updated dependencies [a3e2acbf]
-- Updated dependencies [0cf9ea23]
-- Updated dependencies [324f97d5]
-- Updated dependencies [51ea0688]
-- Updated dependencies
-- Updated dependencies [c97525a3]
-- Updated dependencies [eba125b2]
-- Updated dependencies [2fea4143]
-- Updated dependencies [119f0c11]
-- Updated dependencies [823a4449]
-- Updated dependencies [b55acb768]
-- Updated dependencies [760258c1]
-- Updated dependencies [5da13fff]
-- Updated dependencies [143be2b9d]
-- Updated dependencies [7889b08f]
-- Updated dependencies [fb4aa9b4]
-- Updated dependencies [9f8cd3bc5]
-- Updated dependencies [bfafa3f4]
-- Updated dependencies [00b9f488]
-- Updated dependencies [57d7eb30]
-- Updated dependencies [d99a6a7d5]
-- Updated dependencies [9db81a71]
-- Updated dependencies [591e345e1]
-- Updated dependencies [0df6bc1f]
-- Updated dependencies [4de5303c5]
-- Updated dependencies [63a72000]
-- Updated dependencies [95b139dc1]
-- Updated dependencies [1d00f2d0]
-- Updated dependencies [4ac7b2a1]
-- Updated dependencies [e9598c71]
-- Updated dependencies [4998a963]
-- Updated dependencies [804d2bd6]
-- Updated dependencies [c0228aff]
-- Updated dependencies [3909d3224]
-- Updated dependencies [6a3d8a63]
-- Updated dependencies [e18836b2]
-  - @akinon/pz-tabby-extension@2.0.41-rc.0
-  - @akinon/next@2.0.41-rc.0
-  - @akinon/pz-checkout-gift-pack@2.0.41-rc.0
-  - @akinon/pz-masterpass-rest@2.0.41-rc.0
-  - @akinon/pz-one-click-checkout@2.0.41-rc.0
-  - @akinon/pz-basket-gift-pack@2.0.41-rc.0
-  - @akinon/pz-pay-on-delivery@2.0.41-rc.0
-  - @akinon/pz-credit-payment@2.0.41-rc.0
-  - @akinon/pz-click-collect@2.0.41-rc.0
-  - @akinon/pz-multi-basket@2.0.41-rc.0
-  - @akinon/pz-masterpass@2.0.41-rc.0
-  - @akinon/pz-gpay@2.0.41-rc.0
-  - @akinon/pz-b2b@2.0.41-rc.0
-  - @akinon/pz-bkm@2.0.41-rc.0
-  - @akinon/pz-otp@2.0.41-rc.0
-  - @akinon/pz-similar-products@2.0.41-rc.0
-  - @akinon/pz-virtual-try-on@2.0.41-rc.0
-  - @akinon/pz-theme@2.0.41-rc.0
-  - @akinon/pz-akifast@2.0.41-rc.0
-  - @akinon/pz-apple-pay@2.0.41-rc.0
-  - @akinon/pz-cybersource-uc@2.0.41-rc.0
-  - @akinon/pz-flow-payment@2.0.41-rc.0
-  - @akinon/pz-google-pay@2.0.41-rc.0
-  - @akinon/pz-haso@2.0.41-rc.0
-  - @akinon/pz-hepsipay@2.0.41-rc.0
-  - @akinon/pz-saved-card@2.0.41-rc.0
-  - @akinon/pz-tamara-extension@2.0.41-rc.0
+## 2.0.42-beta.0
+
+### Patch Changes
+
+- Updated dependencies [cbbbfd75]
+  - @akinon/next@2.0.42-beta.0
+  - @akinon/pz-theme@2.0.42-beta.0
+  - @akinon/pz-virtual-try-on@2.0.42-beta.0
+  - @akinon/pz-akifast@2.0.42-beta.0
+  - @akinon/pz-apple-pay@2.0.42-beta.0
+  - @akinon/pz-b2b@2.0.42-beta.0
+  - @akinon/pz-basket-gift-pack@2.0.42-beta.0
+  - @akinon/pz-bkm@2.0.42-beta.0
+  - @akinon/pz-checkout-gift-pack@2.0.42-beta.0
+  - @akinon/pz-click-collect@2.0.42-beta.0
+  - @akinon/pz-credit-payment@2.0.42-beta.0
+  - @akinon/pz-cybersource-uc@2.0.42-beta.0
+  - @akinon/pz-flow-payment@2.0.42-beta.0
+  - @akinon/pz-google-pay@2.0.42-beta.0
+  - @akinon/pz-gpay@2.0.42-beta.0
+  - @akinon/pz-haso@2.0.42-beta.0
+  - @akinon/pz-hepsipay@2.0.42-beta.0
+  - @akinon/pz-masterpass@2.0.42-beta.0
+  - @akinon/pz-masterpass-rest@2.0.42-beta.0
+  - @akinon/pz-multi-basket@2.0.42-beta.0
+  - @akinon/pz-one-click-checkout@2.0.42-beta.0
+  - @akinon/pz-otp@2.0.42-beta.0
+  - @akinon/pz-pay-on-delivery@2.0.42-beta.0
+  - @akinon/pz-saved-card@2.0.42-beta.0
+  - @akinon/pz-similar-products@2.0.42-beta.0
+  - @akinon/pz-tabby-extension@2.0.42-beta.0
+  - @akinon/pz-tamara-extension@2.0.42-beta.0
+
+## 2.0.41
+
+### Patch Changes
+
+- Updated dependencies [02840711]
+  - @akinon/pz-theme@2.0.41
+  - @akinon/next@2.0.41
+  - @akinon/pz-akifast@2.0.41
+  - @akinon/pz-apple-pay@2.0.41
+  - @akinon/pz-b2b@2.0.41
+  - @akinon/pz-basket-gift-pack@2.0.41
+  - @akinon/pz-bkm@2.0.41
+  - @akinon/pz-checkout-gift-pack@2.0.41
+  - @akinon/pz-click-collect@2.0.41
+  - @akinon/pz-credit-payment@2.0.41
+  - @akinon/pz-cybersource-uc@2.0.41
+  - @akinon/pz-flow-payment@2.0.41
+  - @akinon/pz-google-pay@2.0.41
+  - @akinon/pz-gpay@2.0.41
+  - @akinon/pz-haso@2.0.41
+  - @akinon/pz-hepsipay@2.0.41
+  - @akinon/pz-masterpass@2.0.41
+  - @akinon/pz-masterpass-rest@2.0.41
+  - @akinon/pz-multi-basket@2.0.41
+  - @akinon/pz-one-click-checkout@2.0.41
+  - @akinon/pz-otp@2.0.41
+  - @akinon/pz-pay-on-delivery@2.0.41
+  - @akinon/pz-saved-card@2.0.41
+  - @akinon/pz-similar-products@2.0.41
+  - @akinon/pz-tabby-extension@2.0.41
+  - @akinon/pz-tamara-extension@2.0.41
+  - @akinon/pz-virtual-try-on@2.0.41
 
 ## 2.0.40
 

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.41-rc.0",
+  "version": "2.0.42-beta.0",
   "private": true,
   "license": "MIT",
   "scripts": {
@@ -24,33 +24,33 @@
     "test:middleware": "jest middleware-matcher.test.ts --bail"
   },
   "dependencies": {
-    "@akinon/next": "2.0.41-rc.0",
-    "@akinon/pz-akifast": "2.0.41-rc.0",
-    "@akinon/pz-apple-pay": "2.0.41-rc.0",
-    "@akinon/pz-b2b": "2.0.41-rc.0",
-    "@akinon/pz-basket-gift-pack": "2.0.41-rc.0",
-    "@akinon/pz-bkm": "2.0.41-rc.0",
-    "@akinon/pz-checkout-gift-pack": "2.0.41-rc.0",
-    "@akinon/pz-click-collect": "2.0.41-rc.0",
-    "@akinon/pz-credit-payment": "2.0.41-rc.0",
-    "@akinon/pz-cybersource-uc": "2.0.41-rc.0",
-    "@akinon/pz-flow-payment": "2.0.41-rc.0",
-    "@akinon/pz-google-pay": "2.0.41-rc.0",
-    "@akinon/pz-gpay": "2.0.41-rc.0",
-    "@akinon/pz-haso": "2.0.41-rc.0",
-    "@akinon/pz-hepsipay": "2.0.41-rc.0",
-    "@akinon/pz-masterpass": "2.0.41-rc.0",
-    "@akinon/pz-masterpass-rest": "2.0.41-rc.0",
-    "@akinon/pz-multi-basket": "2.0.41-rc.0",
-    "@akinon/pz-one-click-checkout": "2.0.41-rc.0",
-    "@akinon/pz-otp": "2.0.41-rc.0",
-    "@akinon/pz-pay-on-delivery": "2.0.41-rc.0",
-    "@akinon/pz-saved-card": "2.0.41-rc.0",
-    "@akinon/pz-similar-products": "2.0.41-rc.0",
-    "@akinon/pz-tabby-extension": "2.0.41-rc.0",
-    "@akinon/pz-tamara-extension": "2.0.41-rc.0",
-    "@akinon/pz-theme": "2.0.41-rc.0",
-    "@akinon/pz-virtual-try-on": "2.0.41-rc.0",
+    "@akinon/next": "2.0.42-beta.0",
+    "@akinon/pz-akifast": "2.0.42-beta.0",
+    "@akinon/pz-apple-pay": "2.0.42-beta.0",
+    "@akinon/pz-b2b": "2.0.42-beta.0",
+    "@akinon/pz-basket-gift-pack": "2.0.42-beta.0",
+    "@akinon/pz-bkm": "2.0.42-beta.0",
+    "@akinon/pz-checkout-gift-pack": "2.0.42-beta.0",
+    "@akinon/pz-click-collect": "2.0.42-beta.0",
+    "@akinon/pz-credit-payment": "2.0.42-beta.0",
+    "@akinon/pz-cybersource-uc": "2.0.42-beta.0",
+    "@akinon/pz-flow-payment": "2.0.42-beta.0",
+    "@akinon/pz-google-pay": "2.0.42-beta.0",
+    "@akinon/pz-gpay": "2.0.42-beta.0",
+    "@akinon/pz-haso": "2.0.42-beta.0",
+    "@akinon/pz-hepsipay": "2.0.42-beta.0",
+    "@akinon/pz-masterpass": "2.0.42-beta.0",
+    "@akinon/pz-masterpass-rest": "2.0.42-beta.0",
+    "@akinon/pz-multi-basket": "2.0.42-beta.0",
+    "@akinon/pz-one-click-checkout": "2.0.42-beta.0",
+    "@akinon/pz-otp": "2.0.42-beta.0",
+    "@akinon/pz-pay-on-delivery": "2.0.42-beta.0",
+    "@akinon/pz-saved-card": "2.0.42-beta.0",
+    "@akinon/pz-similar-products": "2.0.42-beta.0",
+    "@akinon/pz-tabby-extension": "2.0.42-beta.0",
+    "@akinon/pz-tamara-extension": "2.0.42-beta.0",
+    "@akinon/pz-theme": "2.0.42-beta.0",
+    "@akinon/pz-virtual-try-on": "2.0.42-beta.0",
     "@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.41-rc.0",
+    "@akinon/eslint-plugin-projectzero": "2.0.42-beta.0",
     "@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/src/app/[pz]/account/(dashboard)/layout.tsx

@@ -0,0 +1,20 @@
+import { PLACEHOLDER_SLUGS } from '@akinon/pz-theme/src/chrome/placeholder-slugs';
+import { ROUTES } from 'routes';
+import AccountPageSlot from '../account-page-slot';
+
+// The account root screen lives in its own route group so its takeover slug
+// covers exactly this screen, not the whole account subtree.
+export default function DashboardLayout({
+  children
+}: {
+  children: React.ReactNode;
+}) {
+  return (
+    <AccountPageSlot
+      slug={PLACEHOLDER_SLUGS.accountDashboard}
+      path={ROUTES.ACCOUNT}
+    >
+      {children}
+    </AccountPageSlot>
+  );
+}

package/app-template/src/app/[pz]/account/account-page-slot.tsx

@@ -0,0 +1,34 @@
+import ChromeSlot from '@akinon/pz-theme/src/chrome/chrome-slot';
+import { buildAccountPageContext } from '@akinon/pz-theme/src/chrome/page-context';
+import { auth } from 'auth';
+
+/**
+ * Shared takeover slot for the account subpages. Each subpage keeps its own
+ * layout so a composition replaces exactly one screen — a single slot higher
+ * up would leak one composition across every account route.
+ */
+export default async function AccountPageSlot({
+  slug,
+  path,
+  children
+}: {
+  slug: string;
+  path: string;
+  children: React.ReactNode;
+}) {
+  // The account layout above already gates auth; this read only feeds the
+  // context's user fields. Null-safe on purpose: nested layouts render in
+  // parallel with the parent's redirect for signed-out visitors.
+  const session = await auth();
+
+  return (
+    <ChromeSlot
+      slug={slug}
+      fallback={children}
+      pageContext={buildAccountPageContext({
+        path,
+        sessionUser: (session?.user as Record<string, unknown>) ?? null
+      })}
+    />
+  );
+}

package/app-template/src/app/[pz]/account/address/layout.tsx

@@ -0,0 +1,18 @@
+import { PLACEHOLDER_SLUGS } from '@akinon/pz-theme/src/chrome/placeholder-slugs';
+import { ROUTES } from 'routes';
+import AccountPageSlot from '../account-page-slot';
+
+export default function AddressLayout({
+  children
+}: {
+  children: React.ReactNode;
+}) {
+  return (
+    <AccountPageSlot
+      slug={PLACEHOLDER_SLUGS.accountAddresses}
+      path={ROUTES.ACCOUNT_ADDRESS}
+    >
+      {children}
+    </AccountPageSlot>
+  );
+}

package/app-template/src/app/[pz]/account/change-email/layout.tsx

@@ -0,0 +1,18 @@
+import { PLACEHOLDER_SLUGS } from '@akinon/pz-theme/src/chrome/placeholder-slugs';
+import { ROUTES } from 'routes';
+import AccountPageSlot from '../account-page-slot';
+
+export default function ChangeEmailLayout({
+  children
+}: {
+  children: React.ReactNode;
+}) {
+  return (
+    <AccountPageSlot
+      slug={PLACEHOLDER_SLUGS.accountChangeEmail}
+      path={ROUTES.ACCOUNT_CHANGE_EMAIL}
+    >
+      {children}
+    </AccountPageSlot>
+  );
+}

package/app-template/src/app/[pz]/account/change-password/layout.tsx

@@ -0,0 +1,18 @@
+import { PLACEHOLDER_SLUGS } from '@akinon/pz-theme/src/chrome/placeholder-slugs';
+import { ROUTES } from 'routes';
+import AccountPageSlot from '../account-page-slot';
+
+export default function ChangePasswordLayout({
+  children
+}: {
+  children: React.ReactNode;
+}) {
+  return (
+    <AccountPageSlot
+      slug={PLACEHOLDER_SLUGS.accountChangePassword}
+      path={ROUTES.ACCOUNT_CHANGE_PASSWORD}
+    >
+      {children}
+    </AccountPageSlot>
+  );
+}

package/app-template/src/app/[pz]/account/contact/layout.tsx

@@ -0,0 +1,18 @@
+import { PLACEHOLDER_SLUGS } from '@akinon/pz-theme/src/chrome/placeholder-slugs';
+import { ROUTES } from 'routes';
+import AccountPageSlot from '../account-page-slot';
+
+export default function ContactLayout({
+  children
+}: {
+  children: React.ReactNode;
+}) {
+  return (
+    <AccountPageSlot
+      slug={PLACEHOLDER_SLUGS.accountContact}
+      path={ROUTES.ACCOUNT_CONTACT}
+    >
+      {children}
+    </AccountPageSlot>
+  );
+}

package/app-template/src/app/[pz]/account/coupons/layout.tsx

@@ -0,0 +1,18 @@
+import { PLACEHOLDER_SLUGS } from '@akinon/pz-theme/src/chrome/placeholder-slugs';
+import { ROUTES } from 'routes';
+import AccountPageSlot from '../account-page-slot';
+
+export default function CouponsLayout({
+  children
+}: {
+  children: React.ReactNode;
+}) {
+  return (
+    <AccountPageSlot
+      slug={PLACEHOLDER_SLUGS.accountCoupons}
+      path={ROUTES.ACCOUNT_COUPONS}
+    >
+      {children}
+    </AccountPageSlot>
+  );
+}

package/app-template/src/app/[pz]/account/faq/layout.tsx

@@ -0,0 +1,15 @@
+import { PLACEHOLDER_SLUGS } from '@akinon/pz-theme/src/chrome/placeholder-slugs';
+import { ROUTES } from 'routes';
+import AccountPageSlot from '../account-page-slot';
+
+export default function FaqLayout({
+  children
+}: {
+  children: React.ReactNode;
+}) {
+  return (
+    <AccountPageSlot slug={PLACEHOLDER_SLUGS.accountFaq} path={ROUTES.ACCOUNT_FAQ}>
+      {children}
+    </AccountPageSlot>
+  );
+}

package/app-template/src/app/[pz]/account/favourite-products/layout.tsx

@@ -0,0 +1,18 @@
+import { PLACEHOLDER_SLUGS } from '@akinon/pz-theme/src/chrome/placeholder-slugs';
+import { ROUTES } from 'routes';
+import AccountPageSlot from '../account-page-slot';
+
+export default function FavouriteProductsLayout({
+  children
+}: {
+  children: React.ReactNode;
+}) {
+  return (
+    <AccountPageSlot
+      slug={PLACEHOLDER_SLUGS.accountFavourites}
+      path={ROUTES.ACCOUNT_WISHLIST}
+    >
+      {children}
+    </AccountPageSlot>
+  );
+}

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

@@ -19,13 +19,34 @@ export default async function AccountLayout({
   }
 
   return (
-    <div className="container flex py-10 px-4 xl:px-0">
-      <AccountMenu />
+    // Stacked on mobile, two columns on desktop. The brand markup hides
+    // itself on the breakpoints it does not serve, but a COMPOSED menu or
+    // page body has no such classes — in a no-wrap row it would render
+    // crushed next to its sibling on a phone; in a column it stacks.
+    <div className="container flex flex-col lg:flex-row py-10 px-4 xl:px-0">
+      {/* The menu keeps its own responsive column classes (incl. hiding
+          itself on mobile subpages), so the slot chain must stay
+          layout-transparent — hence `contents` on both wrappers. A menu
+          takeover renders on every account screen and replaces the logout
+          button too; the designer rebuilds it from the block vocabulary. */}
+      <ChromeSlot
+        slug={PLACEHOLDER_SLUGS.accountMenu}
+        fallback={<AccountMenu />}
+        className="contents"
+        fallbackClassName="contents"
+        pageContext={buildAccountPageContext({
+          path: ROUTES.ACCOUNT,
+          sessionUser: session.user as Record<string, unknown>
+        })}
+      />
       <div className="w-full flex-1">
         <AccountBackButton />
         {/* The session is already awaited above, so the account context costs
             no extra fetch. Profile-only fields (phone, gender) stay empty
             until a live provider merges them in. */}
+        {/* Layout-level band on EVERY account screen. Never give this slot a
+            `fallback`: taking the shell over would replace `children` — and
+            with it every per-subpage slot mounted below. */}
         <ChromeSlot
           slug={PLACEHOLDER_SLUGS.accountShell}
           pageContext={buildAccountPageContext({

package/app-template/src/app/[pz]/account/orders/(list)/layout.tsx

@@ -0,0 +1,20 @@
+import { PLACEHOLDER_SLUGS } from '@akinon/pz-theme/src/chrome/placeholder-slugs';
+import { ROUTES } from 'routes';
+import AccountPageSlot from '../../account-page-slot';
+
+// The order list lives in its own route group so its takeover slug cannot
+// swallow the order detail and cancellation screens under the same segment.
+export default function OrdersLayout({
+  children
+}: {
+  children: React.ReactNode;
+}) {
+  return (
+    <AccountPageSlot
+      slug={PLACEHOLDER_SLUGS.accountOrders}
+      path={ROUTES.ACCOUNT_ORDERS}
+    >
+      {children}
+    </AccountPageSlot>
+  );
+}

package/app-template/src/app/[pz]/account/orders/[id]/{layout.tsx → (detail)/layout.tsx}

@@ -2,10 +2,15 @@ import React from 'react';
 import ChromeSlot from '@akinon/pz-theme/src/chrome/chrome-slot';
 import { PLACEHOLDER_SLUGS } from '@akinon/pz-theme/src/chrome/placeholder-slugs';
 import { LiveAccountOrderPageContext } from '@akinon/pz-theme/src/chrome/live-order-page-context';
+import { buildAccountPageContext } from '@akinon/pz-theme/src/chrome/page-context';
+import { auth } from 'auth';
+import { ROUTES } from 'routes';
 
 /**
  * Account order detail. Publishes the SAME `order` root as the success page,
- * so a composition authored on one resolves on the other.
+ * so a composition authored on one resolves on the other. Scoped to its own
+ * route group so a composed detail page cannot swallow the cancellation
+ * screen under the same order segment.
  */
 export default async function Layout({
   children,
@@ -15,6 +20,7 @@ export default async function Layout({
   params: Promise<{ id: string }>;
 }) {
   const { id } = await params;
+  const session = await auth();
 
   return (
     <div>
@@ -22,6 +28,10 @@ export default async function Layout({
         <ChromeSlot
           slug={PLACEHOLDER_SLUGS.accountOrderDetail}
           fallback={children}
+          pageContext={buildAccountPageContext({
+            path: ROUTES.ACCOUNT_ORDERS,
+            sessionUser: (session?.user as Record<string, unknown>) ?? null
+          })}
         />
       </LiveAccountOrderPageContext>
     </div>

package/app-template/src/app/[pz]/account/profile/layout.tsx

@@ -0,0 +1,18 @@
+import { PLACEHOLDER_SLUGS } from '@akinon/pz-theme/src/chrome/placeholder-slugs';
+import { ROUTES } from 'routes';
+import AccountPageSlot from '../account-page-slot';
+
+export default function ProfileLayout({
+  children
+}: {
+  children: React.ReactNode;
+}) {
+  return (
+    <AccountPageSlot
+      slug={PLACEHOLDER_SLUGS.accountProfile}
+      path={ROUTES.ACCOUNT_PROFILE}
+    >
+      {children}
+    </AccountPageSlot>
+  );
+}

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

@@ -16,6 +16,9 @@ import { InstallPrompt } from '@theme/components/install-prompt';
 import type { Viewport } from 'next';
 import settings from '@theme/settings';
 import RouteHandler from '@theme/components/route-handler';
+import { PreviewAuthStateReporter } from '@akinon/pz-theme/src/chrome/preview-auth-state';
+import ChromeSlot from '@akinon/pz-theme/src/chrome/chrome-slot';
+import { PLACEHOLDER_SLUGS } from '@akinon/pz-theme/src/chrome/placeholder-slugs';
 import './configure-page-context';
 
 export const viewport: Viewport = {
@@ -59,15 +62,22 @@ async function RootLayout({
           <ClientRoot>
             <div className="overflow-x-clip">
               <MobileAppToggler>
-                <Header />
+                <ChromeSlot
+                  slug={PLACEHOLDER_SLUGS.header}
+                  fallback={<Header />}
+                />
               </MobileAppToggler>
               <main>
                 <OfflineFallback>{children}</OfflineFallback>
                 <RouteHandler />
+                <PreviewAuthStateReporter />
                 <RootModal />
               </main>
               <MobileAppToggler>
-                <Footer />
+                <ChromeSlot
+                  slug={PLACEHOLDER_SLUGS.footer}
+                  fallback={<Footer />}
+                />
               </MobileAppToggler>
               <MobileAppToggler>
                 <InstallPrompt />

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.41-rc.0",
+  "version": "2.0.42-beta.0",
   "private": false,
   "description": "CLI tool to manage your Project Zero Next project",
   "bin": {

package/app-template/src/app/api/client-env/route.ts

@@ -1,5 +0,0 @@
-export { GET } from '@akinon/next/api/client-env';
-
-// NEXT_PUBLIC_* values are read from the server runtime, not the build. Force
-// dynamic so Next never statically caches an (empty) build-time response.
-export const dynamic = 'force-dynamic';

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>
-  );
-}