@akinon/projectzero 1.125.0-rc.0 → 1.125.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (72) hide show
  1. package/CHANGELOG.md +1 -7
  2. package/app-template/.env.example +0 -1
  3. package/app-template/CHANGELOG.md +27 -51
  4. package/app-template/README.md +1 -25
  5. package/app-template/akinon.json +1 -1
  6. package/app-template/docs/advanced-usage.md +101 -0
  7. package/app-template/next.config.mjs +4 -4
  8. package/app-template/package.json +28 -28
  9. package/app-template/src/app/{[commerce]/[locale]/[currency] → [pz]}/layout.tsx +2 -7
  10. package/app-template/src/hooks/index.ts +0 -2
  11. package/app-template/src/middleware.ts +1 -2
  12. package/app-template/src/plugins.js +0 -1
  13. package/app-template/src/settings.js +1 -0
  14. package/app-template/src/views/header/search/index.tsx +5 -13
  15. package/app-template/src/views/product/slider.tsx +38 -85
  16. package/app-template/tsconfig.json +6 -10
  17. package/codemods/migrate-segments/index.js +593 -0
  18. package/commands/plugins.ts +0 -4
  19. package/dist/commands/plugins.js +0 -4
  20. package/package.json +1 -1
  21. /package/app-template/src/app/{[commerce]/[locale]/[currency] → [pz]}/[...prettyurl]/page.tsx +0 -0
  22. /package/app-template/src/app/{[commerce]/[locale]/[currency] → [pz]}/account/address/page.tsx +0 -0
  23. /package/app-template/src/app/{[commerce]/[locale]/[currency] → [pz]}/account/change-email/page.tsx +0 -0
  24. /package/app-template/src/app/{[commerce]/[locale]/[currency] → [pz]}/account/change-password/page.tsx +0 -0
  25. /package/app-template/src/app/{[commerce]/[locale]/[currency] → [pz]}/account/contact/page.tsx +0 -0
  26. /package/app-template/src/app/{[commerce]/[locale]/[currency] → [pz]}/account/coupons/page.tsx +0 -0
  27. /package/app-template/src/app/{[commerce]/[locale]/[currency] → [pz]}/account/email-verification/page.tsx +0 -0
  28. /package/app-template/src/app/{[commerce]/[locale]/[currency] → [pz]}/account/faq/page.tsx +0 -0
  29. /package/app-template/src/app/{[commerce]/[locale]/[currency] → [pz]}/account/favourite-products/page.tsx +0 -0
  30. /package/app-template/src/app/{[commerce]/[locale]/[currency] → [pz]}/account/layout.tsx +0 -0
  31. /package/app-template/src/app/{[commerce]/[locale]/[currency] → [pz]}/account/my-quotations/page.tsx +0 -0
  32. /package/app-template/src/app/{[commerce]/[locale]/[currency] → [pz]}/account/orders/[id]/cancellation/page.tsx +0 -0
  33. /package/app-template/src/app/{[commerce]/[locale]/[currency] → [pz]}/account/orders/[id]/layout.tsx +0 -0
  34. /package/app-template/src/app/{[commerce]/[locale]/[currency] → [pz]}/account/orders/[id]/page.tsx +0 -0
  35. /package/app-template/src/app/{[commerce]/[locale]/[currency] → [pz]}/account/orders/page.tsx +0 -0
  36. /package/app-template/src/app/{[commerce]/[locale]/[currency] → [pz]}/account/page.tsx +0 -0
  37. /package/app-template/src/app/{[commerce]/[locale]/[currency] → [pz]}/account/profile/page.tsx +0 -0
  38. /package/app-template/src/app/{[commerce]/[locale]/[currency] → [pz]}/address/stores/page.tsx +0 -0
  39. /package/app-template/src/app/{[commerce]/[locale]/[currency] → [pz]}/anonymous-tracking/page.tsx +0 -0
  40. /package/app-template/src/app/{[commerce]/[locale]/[currency] → [pz]}/auth/oauth-login/page.tsx +0 -0
  41. /package/app-template/src/app/{[commerce]/[locale]/[currency] → [pz]}/auth/page.tsx +0 -0
  42. /package/app-template/src/app/{[commerce]/[locale]/[currency] → [pz]}/basket/page.tsx +0 -0
  43. /package/app-template/src/app/{[commerce]/[locale]/[currency] → [pz]}/basket-b2b/page.tsx +0 -0
  44. /package/app-template/src/app/{[commerce]/[locale]/[currency] → [pz]}/category/[pk]/loading.tsx +0 -0
  45. /package/app-template/src/app/{[commerce]/[locale]/[currency] → [pz]}/category/[pk]/page.tsx +0 -0
  46. /package/app-template/src/app/{[commerce]/[locale]/[currency] → [pz]}/client-root.tsx +0 -0
  47. /package/app-template/src/app/{[commerce]/[locale]/[currency] → [pz]}/contact-us/page.tsx +0 -0
  48. /package/app-template/src/app/{[commerce]/[locale]/[currency] → [pz]}/error.tsx +0 -0
  49. /package/app-template/src/app/{[commerce]/[locale]/[currency] → [pz]}/flat-page/[pk]/loading.tsx +0 -0
  50. /package/app-template/src/app/{[commerce]/[locale]/[currency] → [pz]}/flat-page/[pk]/page.tsx +0 -0
  51. /package/app-template/src/app/{[commerce]/[locale]/[currency] → [pz]}/forms/[pk]/generate/page.tsx +0 -0
  52. /package/app-template/src/app/{[commerce]/[locale]/[currency] → [pz]}/group-product/[pk]/loading.tsx +0 -0
  53. /package/app-template/src/app/{[commerce]/[locale]/[currency] → [pz]}/group-product/[pk]/page.tsx +0 -0
  54. /package/app-template/src/app/{[commerce]/[locale]/[currency] → [pz]}/landing-page/[pk]/loading.tsx +0 -0
  55. /package/app-template/src/app/{[commerce]/[locale]/[currency] → [pz]}/landing-page/[pk]/page.tsx +0 -0
  56. /package/app-template/src/app/{[commerce]/[locale]/[currency] → [pz]}/list/loading.tsx +0 -0
  57. /package/app-template/src/app/{[commerce]/[locale]/[currency] → [pz]}/list/page.tsx +0 -0
  58. /package/app-template/src/app/{[commerce]/[locale]/[currency] → [pz]}/not-found.tsx +0 -0
  59. /package/app-template/src/app/{[commerce]/[locale]/[currency] → [pz]}/orders/checkout/page.tsx +0 -0
  60. /package/app-template/src/app/{[commerce]/[locale]/[currency] → [pz]}/orders/completed/[token]/layout.tsx +0 -0
  61. /package/app-template/src/app/{[commerce]/[locale]/[currency] → [pz]}/orders/completed/[token]/page.tsx +0 -0
  62. /package/app-template/src/app/{[commerce]/[locale]/[currency] → [pz]}/page.tsx +0 -0
  63. /package/app-template/src/app/{[commerce]/[locale]/[currency] → [pz]}/product/[pk]/page.tsx +0 -0
  64. /package/app-template/src/app/{[commerce]/[locale]/[currency] → [pz]}/special-page/[pk]/loading.tsx +0 -0
  65. /package/app-template/src/app/{[commerce]/[locale]/[currency] → [pz]}/special-page/[pk]/page.tsx +0 -0
  66. /package/app-template/src/app/{[commerce]/[locale]/[currency] → [pz]}/template.tsx +0 -0
  67. /package/app-template/src/app/{[commerce]/[locale]/[currency] → [pz]}/users/email-set-primary/[[...id]]/page.tsx +0 -0
  68. /package/app-template/src/app/{[commerce]/[locale]/[currency] → [pz]}/users/password/reset/page.tsx +0 -0
  69. /package/app-template/src/app/{[commerce]/[locale]/[currency] → [pz]}/users/registration/account-confirm-email/[[...id]]/page.tsx +0 -0
  70. /package/app-template/src/app/{[commerce]/[locale]/[currency] → [pz]}/users/reset/[[...id]]/page.tsx +0 -0
  71. /package/app-template/src/app/{[commerce]/[locale]/[currency] → [pz]}/xml-sitemap/[node]/route.ts +0 -0
  72. /package/app-template/src/app/{[commerce]/[locale]/[currency] → [pz]}/xml-sitemap/route.ts +0 -0
package/CHANGELOG.md CHANGED
@@ -1,12 +1,6 @@
1
1
  # @akinon/projectzero
2
2
 
3
- ## 1.125.0-rc.0
4
-
5
- ### Minor Changes
6
-
7
- - 143be2b9: ZERO-3457: Crop styles are customizable and logic improved for rendering similar products modal
8
- - d99a6a7d: ZERO-3457_1: Fixed the settings prop and made sure everything is customizable.
9
- - e18836b2: ZERO-4160: Restore scope in Sentry addon configuration in akinon.json
3
+ ## 1.125.0
10
4
 
11
5
  ## 1.124.0
12
6
 
@@ -7,7 +7,6 @@ NEXT_PUBLIC_URL=http://localhost:3000
7
7
  SERVICE_BACKEND_URL=https://02fde10fee4440269e695aa10707dfaf.lb.akinoncloud.com
8
8
  SITEMAP_S3_BUCKET_NAME=0fb534
9
9
  NEXT_PUBLIC_VIRTUAL_TRY_ON_API_URL=https://d2a26507c7094f359aba349b96a96881.lb.akinoncloud.com
10
- NEXT_PUBLIC_ENABLE_IMAGE_SEARCH=true
11
10
 
12
11
  # LOG_LEVEL_DEV=debug # For more details, please refer to the Logging documentation.
13
12
 
@@ -1,60 +1,36 @@
1
1
  # projectzeronext
2
2
 
3
- ## 1.125.0-rc.0
4
-
5
- ### Minor Changes
6
-
7
- - 1a8622a9: ZERO-3392: Implemented AI Search functionality and update env
8
- - b55acb76: ZERO-2577: Fix pagination bug and update usePagination hook and ensure pagination controls rendering correctly
9
- - 143be2b9: ZERO-3457: Crop styles are customizable and logic improved for rendering similar products modal
10
- - 9f8cd3bc: ZERO-3449: AI Search Active Filters & Crop Style changes have been implemented
11
- - d99a6a7d: ZERO-3457_1: Fixed the settings prop and made sure everything is customizable.
12
- - b05c3543: ZERO-2570: Category filters routes to absolute url
13
- - e18836b2: ZERO-4160: Restore scope in Sentry addon configuration in akinon.json
14
- - c3244a31: ZERO-4013: Update runtime version to node:25-alpine in project configuration
3
+ ## 1.125.0
15
4
 
16
5
  ### Patch Changes
17
6
 
18
- - Updated dependencies
19
- - Updated dependencies [b55acb76]
20
- - Updated dependencies [760258c1]
21
- - Updated dependencies [143be2b9]
22
7
  - Updated dependencies [cd68a97a]
23
- - Updated dependencies [9f8cd3bc]
24
- - Updated dependencies [bfafa3f4]
25
- - Updated dependencies [d99a6a7d]
26
- - Updated dependencies [591e345e]
27
- - Updated dependencies [4de5303c]
28
- - Updated dependencies [63a72000]
29
- - Updated dependencies [95b139dc]
30
- - Updated dependencies [3909d322]
31
- - Updated dependencies [e18836b2]
32
- - @akinon/next@1.125.0-rc.0
33
- - @akinon/pz-similar-products@1.125.0-rc.0
34
- - @akinon/pz-masterpass-rest@1.125.0-rc.0
35
- - @akinon/pz-virtual-try-on@1.125.0-rc.0
36
- - @akinon/pz-akifast@1.125.0-rc.0
37
- - @akinon/pz-apple-pay@1.125.0-rc.0
38
- - @akinon/pz-b2b@1.125.0-rc.0
39
- - @akinon/pz-basket-gift-pack@1.125.0-rc.0
40
- - @akinon/pz-bkm@1.125.0-rc.0
41
- - @akinon/pz-checkout-gift-pack@1.125.0-rc.0
42
- - @akinon/pz-click-collect@1.125.0-rc.0
43
- - @akinon/pz-credit-payment@1.125.0-rc.0
44
- - @akinon/pz-cybersource-uc@1.125.0-rc.0
45
- - @akinon/pz-flow-payment@1.125.0-rc.0
46
- - @akinon/pz-google-pay@1.125.0-rc.0
47
- - @akinon/pz-gpay@1.125.0-rc.0
48
- - @akinon/pz-haso@1.125.0-rc.0
49
- - @akinon/pz-hepsipay@1.125.0-rc.0
50
- - @akinon/pz-masterpass@1.125.0-rc.0
51
- - @akinon/pz-multi-basket@1.125.0-rc.0
52
- - @akinon/pz-one-click-checkout@1.125.0-rc.0
53
- - @akinon/pz-otp@1.125.0-rc.0
54
- - @akinon/pz-pay-on-delivery@1.125.0-rc.0
55
- - @akinon/pz-saved-card@1.125.0-rc.0
56
- - @akinon/pz-tabby-extension@1.125.0-rc.0
57
- - @akinon/pz-tamara-extension@1.125.0-rc.0
8
+ - @akinon/next@1.125.0
9
+ - @akinon/pz-virtual-try-on@1.125.0
10
+ - @akinon/pz-akifast@1.125.0
11
+ - @akinon/pz-apple-pay@1.125.0
12
+ - @akinon/pz-b2b@1.125.0
13
+ - @akinon/pz-basket-gift-pack@1.125.0
14
+ - @akinon/pz-bkm@1.125.0
15
+ - @akinon/pz-checkout-gift-pack@1.125.0
16
+ - @akinon/pz-click-collect@1.125.0
17
+ - @akinon/pz-credit-payment@1.125.0
18
+ - @akinon/pz-cybersource-uc@1.125.0
19
+ - @akinon/pz-flow-payment@1.125.0
20
+ - @akinon/pz-google-pay@1.125.0
21
+ - @akinon/pz-gpay@1.125.0
22
+ - @akinon/pz-haso@1.125.0
23
+ - @akinon/pz-hepsipay@1.125.0
24
+ - @akinon/pz-masterpass@1.125.0
25
+ - @akinon/pz-masterpass-rest@1.125.0
26
+ - @akinon/pz-multi-basket@1.125.0
27
+ - @akinon/pz-one-click-checkout@1.125.0
28
+ - @akinon/pz-otp@1.125.0
29
+ - @akinon/pz-pay-on-delivery@1.125.0
30
+ - @akinon/pz-saved-card@1.125.0
31
+ - @akinon/pz-similar-products@1.125.0
32
+ - @akinon/pz-tabby-extension@1.125.0
33
+ - @akinon/pz-tamara-extension@1.125.0
58
34
 
59
35
  ## 1.124.0
60
36
 
@@ -12,30 +12,6 @@ Run `cp .env.example .env && yarn` command at project root and all dependencies
12
12
 
13
13
  - `SITEMAP_S3_BUCKET_NAME`: S3 bucket name for XML sitemaps (e.g., "0fb534"). This is required for the sitemap route to function correctly.
14
14
 
15
- ### Optional Environment Variables
16
-
17
- - `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.
18
-
19
- ## Image Search Feature
20
-
21
- The image search functionality allows users to search for similar products by uploading images or cropping existing product images.
22
-
23
- ### Feature Visibility Control
24
-
25
- The image search feature can be controlled in two ways:
26
-
27
- 1. **Environment Variable (Global)**: Set `NEXT_PUBLIC_ENABLE_IMAGE_SEARCH=true` to enable for all users
28
- 2. **localStorage (Individual Users)**: Users can enable it locally using browser developer tools
29
-
30
- ````
31
-
32
- ### Feature Locations
33
-
34
- When enabled, the image search feature appears in:
35
-
36
- - **Header Search**: Camera icon next to the search input
37
- - **Product Detail Page**: "View Similar Styles" button on product images
38
-
39
15
  ### Build
40
16
 
41
17
  To build the app, run the following command:
@@ -43,7 +19,7 @@ To build the app, run the following command:
43
19
  ```bash
44
20
  cd projectzeronext # Project root
45
21
  yarn build
46
- ````
22
+ ```
47
23
 
48
24
  ### Develop
49
25
 
@@ -13,7 +13,7 @@
13
13
  "healthcheck": "/healthz"
14
14
  }
15
15
  },
16
- "runtime": "node:25-alpine",
16
+ "runtime": "node:22-alpine",
17
17
  "addons": [
18
18
  {
19
19
  "plan": "redis"
@@ -42,6 +42,107 @@ const middleware: NextMiddleware = (
42
42
  };
43
43
  ```
44
44
 
45
+ ## Custom Segments
46
+
47
+ The `[pz]` segment encodes `locale`, `currency`, and `url` by default. You can add custom segments via `pzSegments` in `settings.js` to encode additional values into the URL.
48
+
49
+ ### Configuration
50
+
51
+ Define custom segments in `settings.js` with a `resolve` function that computes the segment value at request time:
52
+
53
+ ```js
54
+ /** @type {import('@akinon/next/types').Settings} */
55
+ module.exports = {
56
+ // ...
57
+ usePzSegment: true,
58
+ pzSegments: {
59
+ segments: [
60
+ {
61
+ name: 'segment',
62
+ resolve: (context) => context.req.cookies.get('pz-segment')?.value ?? 'default'
63
+ }
64
+ ]
65
+ }
66
+ }
67
+ ```
68
+
69
+ Default segments (`locale`, `currency`, `url`) are always included automatically. You only need to define your custom ones.
70
+
71
+ ### Resolve Context
72
+
73
+ The `resolve` function receives a context object with the following properties:
74
+
75
+ | Property | Type | Description |
76
+ |------------|------------------|--------------------------------------|
77
+ | `req` | `PzNextRequest` | The incoming request object (cookies, headers, middlewareParams) |
78
+ | `event` | `NextFetchEvent` | The Next.js fetch event (waitUntil, etc.) |
79
+ | `url` | `NextURL` | Cloned URL object of the current request |
80
+ | `locale` | `string` | Resolved locale value |
81
+ | `currency` | `string` | Resolved currency value |
82
+ | `pathname` | `string` | Pathname without locale prefix |
83
+
84
+ ### Reading Segment Values
85
+
86
+ In server components, use `parsePzParams` to read all segment values (both built-in and custom):
87
+
88
+ ```tsx
89
+ import { parsePzParams } from '@akinon/next/utils'
90
+ import settings from 'settings'
91
+
92
+ export default function Page({ params }) {
93
+ const { locale, currency, url, segment } = parsePzParams(params, settings)
94
+ // ...
95
+ }
96
+ ```
97
+
98
+ In client components, use the `usePzParams` hook:
99
+
100
+ ```tsx
101
+ 'use client'
102
+ import { usePzParams } from '@akinon/next/hooks/use-pz-params'
103
+
104
+ export default function MyComponent() {
105
+ const { locale, currency, url, segment } = usePzParams()
106
+ // ...
107
+ }
108
+ ```
109
+
110
+ ### Example: Cookie-based Segment
111
+
112
+ A segment that reads a value from a cookie and falls back to a default:
113
+
114
+ ```js
115
+ pzSegments: {
116
+ segments: [
117
+ {
118
+ name: 'segment',
119
+ resolve: (context) => context.req.cookies.get('pz-segment')?.value ?? 'default'
120
+ }
121
+ ]
122
+ }
123
+ ```
124
+
125
+ This encodes the cookie value into the `[pz]` URL parameter. The resulting URL structure becomes:
126
+
127
+ ```
128
+ /tr--TL--<encoded-url>--default/page-path
129
+ ```
130
+
131
+ ### Migration from Legacy Structure
132
+
133
+ To migrate a project using the legacy `[commerce]/[locale]/[currency]` directory structure to the new `[pz]` segment:
134
+
135
+ ```bash
136
+ npx projectzero codemod --codemod=migrate-segments
137
+ ```
138
+
139
+ This codemod will:
140
+ - Detect all dynamic segments and merge them into `[pz]/`
141
+ - Update `settings.js` with `usePzSegment: true`
142
+ - Clean up middleware rewrite blocks
143
+ - Update path references in `tsconfig.json`, `next.config.js`, and source files
144
+ - Replace `params.locale` / `params.currency` / `params.url` usages with `parsePzParams`
145
+
45
146
  ## Enabling Browser Back/Forward Cache (bfcache)
46
147
 
47
148
  By default, dynamic pages may include `Cache-Control: no-store` headers, which prevents browsers from using the back/forward cache (bfcache). To enable bfcache support, set the `BF_CACHE` environment variable to `true`:
@@ -8,12 +8,12 @@ const nextConfig = {
8
8
  rewrites: async () => {
9
9
  return [
10
10
  {
11
- source: '/:commerce/:locale/:currency/sitemap.xml',
12
- destination: '/:commerce/:locale/:currency/xml-sitemap'
11
+ source: '/:pz/sitemap.xml',
12
+ destination: '/:pz/xml-sitemap'
13
13
  },
14
14
  {
15
- source: '/:commerce/:locale/:currency/sitemap/:node',
16
- destination: '/:commerce/:locale/:currency/xml-sitemap/:node'
15
+ source: '/:pz/sitemap/:node',
16
+ destination: '/:pz/xml-sitemap/:node'
17
17
  }
18
18
  ];
19
19
  }
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "projectzeronext",
3
- "version": "1.125.0-rc.0",
3
+ "version": "1.125.0",
4
4
  "private": true,
5
5
  "license": "MIT",
6
6
  "scripts": {
@@ -24,32 +24,32 @@
24
24
  "test:middleware": "jest middleware-matcher.test.ts --bail"
25
25
  },
26
26
  "dependencies": {
27
- "@akinon/next": "1.125.0-rc.0",
28
- "@akinon/pz-akifast": "1.125.0-rc.0",
29
- "@akinon/pz-apple-pay": "1.125.0-rc.0",
30
- "@akinon/pz-b2b": "1.125.0-rc.0",
31
- "@akinon/pz-basket-gift-pack": "1.125.0-rc.0",
32
- "@akinon/pz-bkm": "1.125.0-rc.0",
33
- "@akinon/pz-checkout-gift-pack": "1.125.0-rc.0",
34
- "@akinon/pz-click-collect": "1.125.0-rc.0",
35
- "@akinon/pz-credit-payment": "1.125.0-rc.0",
36
- "@akinon/pz-cybersource-uc": "1.125.0-rc.0",
37
- "@akinon/pz-flow-payment": "1.125.0-rc.0",
38
- "@akinon/pz-google-pay": "1.125.0-rc.0",
39
- "@akinon/pz-gpay": "1.125.0-rc.0",
40
- "@akinon/pz-haso": "1.125.0-rc.0",
41
- "@akinon/pz-hepsipay": "1.125.0-rc.0",
42
- "@akinon/pz-masterpass": "1.125.0-rc.0",
43
- "@akinon/pz-masterpass-rest": "1.125.0-rc.0",
44
- "@akinon/pz-multi-basket": "1.125.0-rc.0",
45
- "@akinon/pz-one-click-checkout": "1.125.0-rc.0",
46
- "@akinon/pz-otp": "1.125.0-rc.0",
47
- "@akinon/pz-pay-on-delivery": "1.125.0-rc.0",
48
- "@akinon/pz-saved-card": "1.125.0-rc.0",
49
- "@akinon/pz-similar-products": "1.125.0-rc.0",
50
- "@akinon/pz-tabby-extension": "1.125.0-rc.0",
51
- "@akinon/pz-tamara-extension": "1.125.0-rc.0",
52
- "@akinon/pz-virtual-try-on": "1.125.0-rc.0",
27
+ "@akinon/next": "1.125.0",
28
+ "@akinon/pz-akifast": "1.125.0",
29
+ "@akinon/pz-apple-pay": "1.125.0",
30
+ "@akinon/pz-b2b": "1.125.0",
31
+ "@akinon/pz-basket-gift-pack": "1.125.0",
32
+ "@akinon/pz-bkm": "1.125.0",
33
+ "@akinon/pz-checkout-gift-pack": "1.125.0",
34
+ "@akinon/pz-click-collect": "1.125.0",
35
+ "@akinon/pz-credit-payment": "1.125.0",
36
+ "@akinon/pz-cybersource-uc": "1.125.0",
37
+ "@akinon/pz-flow-payment": "1.125.0",
38
+ "@akinon/pz-google-pay": "1.125.0",
39
+ "@akinon/pz-gpay": "1.125.0",
40
+ "@akinon/pz-haso": "1.125.0",
41
+ "@akinon/pz-hepsipay": "1.125.0",
42
+ "@akinon/pz-masterpass": "1.125.0",
43
+ "@akinon/pz-masterpass-rest": "1.125.0",
44
+ "@akinon/pz-multi-basket": "1.125.0",
45
+ "@akinon/pz-one-click-checkout": "1.125.0",
46
+ "@akinon/pz-otp": "1.125.0",
47
+ "@akinon/pz-pay-on-delivery": "1.125.0",
48
+ "@akinon/pz-saved-card": "1.125.0",
49
+ "@akinon/pz-similar-products": "1.125.0",
50
+ "@akinon/pz-tabby-extension": "1.125.0",
51
+ "@akinon/pz-tamara-extension": "1.125.0",
52
+ "@akinon/pz-virtual-try-on": "1.125.0",
53
53
  "@hookform/resolvers": "2.9.0",
54
54
  "@next/third-parties": "14.1.0",
55
55
  "@react-google-maps/api": "2.17.1",
@@ -72,7 +72,7 @@
72
72
  "yup": "0.32.11"
73
73
  },
74
74
  "devDependencies": {
75
- "@akinon/eslint-plugin-projectzero": "1.125.0-rc.0",
75
+ "@akinon/eslint-plugin-projectzero": "1.125.0",
76
76
  "@semantic-release/changelog": "6.0.2",
77
77
  "@semantic-release/exec": "6.0.3",
78
78
  "@semantic-release/git": "10.0.1",
@@ -42,17 +42,12 @@ export async function generateMetadata() {
42
42
  return result;
43
43
  }
44
44
 
45
- async function RootLayout({
46
- params,
47
- locale,
48
- translations,
49
- children
50
- }: RootLayoutProps) {
45
+ async function RootLayout({ locale, translations, children }: RootLayoutProps) {
51
46
  return (
52
47
  <html lang={locale.isoCode} {...(locale.rtl ? { dir: 'rtl' } : {})}>
53
48
  <head />
54
49
  <body className="overflow-x-hidden">
55
- <PzRoot translations={translations} {...params}>
50
+ <PzRoot translations={translations} locale={locale.value}>
56
51
  <ClientRoot>
57
52
  <div className="overflow-x-hidden">
58
53
  <MobileAppToggler>
@@ -1,3 +1 @@
1
- export * from './use-contract';
2
- export * from './use-fav-button';
3
1
  export * from './use-add-product-to-basket';
@@ -14,8 +14,7 @@ export const config = {
14
14
  '/((?!api|_next|[\\w-\\/*]+\\.\\w+).*)',
15
15
  '/(.*sitemap\\.xml)',
16
16
  '/(.+\\.)(html|htm|aspx|asp|php)',
17
- '/(.*orders\\/checkout-with-token.*)',
18
- '/(.*orders\\/post-checkout.*)'
17
+ '/(.*orders\\/checkout-with-token.*)'
19
18
  ]
20
19
  };
21
20
 
@@ -19,7 +19,6 @@ module.exports = [
19
19
  'pz-hepsipay',
20
20
  'pz-flow-payment',
21
21
  'pz-virtual-try-on',
22
- 'pz-similar-products',
23
22
  'pz-cybersource-uc',
24
23
  'pz-hepsipay',
25
24
  'pz-masterpass-rest',
@@ -63,5 +63,6 @@ module.exports = {
63
63
  defaultExpirationTime: 900 // 15 min
64
64
  },
65
65
  customNotFoundEnabled: false,
66
+ usePzSegment: true,
66
67
  commerceRedirectionIgnoreList: ['/users/reset']
67
68
  };
@@ -4,7 +4,8 @@ import { useEffect, useRef, useState } from 'react';
4
4
  import { useAppDispatch, useAppSelector } from '@akinon/next/redux/hooks';
5
5
  import { closeSearch } from '@akinon/next/redux/reducers/header';
6
6
  import clsx from 'clsx';
7
- import { Icon, Input } from '@theme/components';
7
+
8
+ import { Icon } from '@theme/components';
8
9
  import Results from './results';
9
10
  import { ROUTES } from '@theme/routes';
10
11
  import { useLocalization, useRouter } from '@akinon/next/hooks';
@@ -41,14 +42,6 @@ export default function Search() {
41
42
  };
42
43
  }, [isSearchOpen, dispatch]);
43
44
 
44
- const handleSearchTextChange = (e: React.ChangeEvent<HTMLInputElement>) => {
45
- setSearchText(e.target.value);
46
- };
47
-
48
- const handleCloseSearch = () => {
49
- dispatch(closeSearch());
50
- };
51
-
52
45
  return (
53
46
  <>
54
47
  <div
@@ -74,9 +67,9 @@ export default function Search() {
74
67
  {t('common.search.results_for')}
75
68
  </span>
76
69
  <div className="flex items-center">
77
- <Input
70
+ <input
78
71
  value={searchText}
79
- onChange={handleSearchTextChange}
72
+ onChange={(e) => setSearchText(e.target.value)}
80
73
  onKeyDown={(e) => {
81
74
  if (e.key === 'Enter' && searchText.trim() !== '') {
82
75
  router.push(`${ROUTES.LIST}/?search_text=${searchText}`);
@@ -98,12 +91,11 @@ export default function Search() {
98
91
  <Icon
99
92
  name="close"
100
93
  size={14}
101
- onClick={handleCloseSearch}
94
+ onClick={() => dispatch(closeSearch())}
102
95
  className="cursor-pointer"
103
96
  />
104
97
  </div>
105
98
  </div>
106
-
107
99
  <Results searchText={searchText} />
108
100
  </div>
109
101
  </div>
@@ -36,100 +36,53 @@ export default function ProductInfoSlider({ product }: ProductSliderItem) {
36
36
  carouselRef.current?.next();
37
37
  };
38
38
 
39
- const handleThumbnailClick = (index: number) => {
39
+ const handleThumbnailClick = (index) => {
40
40
  setActiveIndex(index);
41
41
  carouselRef.current?.goToSlide(index);
42
42
  };
43
43
 
44
44
  return (
45
- <>
46
- <div className="lg:grid lg:grid-cols-6">
47
- <div className="lg:col-span-1">
48
- <div className="flex flex-col items-center justify-center md:mr-[6px]">
49
- <button
50
- onClick={goToPrev}
51
- className={twMerge(
52
- 'hidden justify-center p-2 mb-3 border border-gray-100 rounded-full cursor-pointer lg:block',
53
- [activeIndex === 0 && 'cursor-not-allowed opacity-45']
54
- )}
55
- disabled={activeIndex === 0}
56
- >
57
- <Icon name="chevron-up" size={15} className="fill-[#000000]" />
58
- </button>
59
- <div className="hidden flex-col items-center overflow-scroll w-[80px] max-h-[620px] lg:block">
60
- {product?.productimage_set?.map((item, index) => (
61
- <Image
62
- key={index}
63
- src={item.image}
64
- alt={`Thumbnail ${index}`}
65
- width={80}
66
- height={128}
67
- aspectRatio={80 / 128}
68
- className={twMerge('cursor-pointer', [
69
- activeIndex === index && 'border-2 border-primary'
70
- ])}
71
- onClick={() => handleThumbnailClick(index)}
72
- />
73
- ))}
74
- </div>
75
- <button
76
- onClick={goToNext}
77
- className={twMerge(
78
- 'hidden justify-center p-2 mt-3 border border-gray-100 rounded-full cursor-pointer lg:block',
79
- [
80
- activeIndex === product.productimage_set.length - 1 &&
81
- 'cursor-not-allowed opacity-45'
82
- ]
83
- )}
84
- disabled={activeIndex === product.productimage_set.length - 1}
85
- >
86
- <Icon name="chevron-down" size={15} className="fill-[#000000]" />
87
- </button>
88
- </div>
89
- </div>
90
-
91
- <div className="relative lg:col-span-5">
92
- <FavButton className="absolute right-8 top-6 z-[20] sm:hidden" />
93
-
94
- <PluginModule
95
- component={Component.ProductImageSearchFeature}
96
- props={{
97
- product,
98
- activeIndex,
99
- showResetButton: true
100
- }}
101
- />
102
-
103
- <CarouselCore
104
- responsive={{
105
- all: {
106
- breakpoint: { max: 5000, min: 0 },
107
- items: 1
108
- }
109
- }}
110
- arrows={false}
111
- swipeable={true}
112
- ref={carouselRef}
113
- afterChange={(previousSlide, { currentSlide }) => {
114
- setActiveIndex(currentSlide);
115
- }}
116
- containerAspectRatio={{ mobile: 520 / 798, desktop: 484 / 726 }}
45
+ <div className="lg:grid lg:grid-cols-6">
46
+ <div className="lg:col-span-1">
47
+ <div className="flex flex-col items-center justify-center md:mr-[6px]">
48
+ <button
49
+ onClick={goToPrev}
50
+ className={twMerge(
51
+ 'hidden justify-center p-2 mb-3 border border-gray-100 rounded-full cursor-pointer lg:block',
52
+ [activeIndex === 0 && 'cursor-not-allowed opacity-45']
53
+ )}
54
+ disabled={activeIndex === 0}
117
55
  >
118
- {product?.productimage_set?.map((item, i) => (
56
+ <Icon name="chevron-up" size={15} className="fill-[#000000]" />
57
+ </button>
58
+ <div className="hidden flex-col items-center overflow-scroll w-[80px] max-h-[620px] lg:block">
59
+ {product?.productimage_set?.map((item, index) => (
119
60
  <Image
120
- key={i}
61
+ key={index}
121
62
  src={item.image}
122
- alt={product?.name || 'Product image'}
123
- draggable={false}
124
- aspectRatio={484 / 726}
125
- sizes="(min-width: 425px) 512px,
126
- (min-width: 601px) 576px,
127
- (min-width: 768px) 336px,
128
- (min-width: 1024px) 484px, 368px"
129
- fill
63
+ alt={`Thumbnail ${index}`}
64
+ width={80}
65
+ height={128}
66
+ className={twMerge('cursor-pointer', [
67
+ activeIndex === index && 'border-2 border-primary'
68
+ ])}
69
+ onClick={() => handleThumbnailClick(index)}
130
70
  />
131
71
  ))}
132
- </CarouselCore>
72
+ </div>
73
+ <button
74
+ onClick={goToNext}
75
+ className={twMerge(
76
+ 'hidden justify-center p-2 mt-3 border border-gray-100 rounded-full cursor-pointer lg:block',
77
+ [
78
+ activeIndex === product.productimage_set.length - 1 &&
79
+ 'cursor-not-allowed opacity-45'
80
+ ]
81
+ )}
82
+ disabled={activeIndex === product.productimage_set.length - 1}
83
+ >
84
+ <Icon name="chevron-down" size={15} className="fill-[#000000]" />
85
+ </button>
133
86
  </div>
134
87
  </div>
135
88
 
@@ -187,6 +140,6 @@ export default function ProductInfoSlider({ product }: ProductSliderItem) {
187
140
  ))}
188
141
  </CarouselCore>
189
142
  </div>
190
- </>
143
+ </div>
191
144
  );
192
145
  }
@@ -5,16 +5,12 @@
5
5
  "baseUrl": "./src",
6
6
  "paths": {
7
7
  "@theme/*": ["./*"],
8
- "@root/*": ["./app/[commerce]/[locale]/[currency]/*"],
9
- "@product/*": ["./app/[commerce]/[locale]/[currency]/product/*"],
10
- "@group-product/*": [
11
- "./app/[commerce]/[locale]/[currency]/group-product/*"
12
- ],
13
- "@category/*": ["./app/[commerce]/[locale]/[currency]/category/*"],
14
- "@special-page/*": [
15
- "./app/[commerce]/[locale]/[currency]/special-page/*"
16
- ],
17
- "@flat-page/*": ["./app/[commerce]/[locale]/[currency]/flat-page/*"]
8
+ "@root/*": ["./app/[pz]/*"],
9
+ "@product/*": ["./app/[pz]/product/*"],
10
+ "@group-product/*": ["./app/[pz]/group-product/*"],
11
+ "@category/*": ["./app/[pz]/category/*"],
12
+ "@special-page/*": ["./app/[pz]/special-page/*"],
13
+ "@flat-page/*": ["./app/[pz]/flat-page/*"]
18
14
  },
19
15
  "allowSyntheticDefaultImports": true,
20
16
  "composite": false,