@akinon/projectzero 2.0.5-rc.0 → 2.0.6-beta.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.
- package/CHANGELOG.md +2 -6
- package/app-template/.env.example +0 -1
- package/app-template/CHANGELOG.md +65 -69
- package/app-template/README.md +1 -25
- package/app-template/next.config.mjs +1 -4
- package/app-template/package.json +44 -44
- package/app-template/src/hooks/index.ts +0 -2
- package/app-template/src/plugins.js +0 -1
- package/app-template/src/proxy.ts +1 -2
- package/app-template/src/views/header/search/index.tsx +5 -13
- package/app-template/src/views/product/slider.tsx +38 -85
- package/app-template/tsconfig.json +1 -1
- package/commands/plugins.ts +0 -4
- package/dist/commands/plugins.js +0 -4
- package/package.json +1 -1
- package/app-template/src/app/global-error.tsx +0 -22
package/CHANGELOG.md
CHANGED
|
@@ -1,12 +1,8 @@
|
|
|
1
1
|
# @akinon/projectzero
|
|
2
2
|
|
|
3
|
-
## 2.0.
|
|
3
|
+
## 2.0.6-beta.0
|
|
4
4
|
|
|
5
|
-
|
|
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
|
|
5
|
+
## 2.0.5
|
|
10
6
|
|
|
11
7
|
## 2.0.4
|
|
12
8
|
|
|
@@ -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,74 +1,70 @@
|
|
|
1
1
|
# projectzeronext
|
|
2
2
|
|
|
3
|
-
## 2.0.
|
|
4
|
-
|
|
5
|
-
### Patch Changes
|
|
6
|
-
|
|
7
|
-
-
|
|
8
|
-
-
|
|
9
|
-
-
|
|
10
|
-
-
|
|
11
|
-
-
|
|
12
|
-
-
|
|
13
|
-
-
|
|
14
|
-
-
|
|
15
|
-
-
|
|
16
|
-
-
|
|
17
|
-
-
|
|
18
|
-
-
|
|
19
|
-
-
|
|
20
|
-
-
|
|
21
|
-
-
|
|
22
|
-
-
|
|
23
|
-
-
|
|
24
|
-
-
|
|
25
|
-
-
|
|
26
|
-
-
|
|
27
|
-
-
|
|
28
|
-
-
|
|
29
|
-
-
|
|
30
|
-
-
|
|
31
|
-
-
|
|
32
|
-
-
|
|
33
|
-
-
|
|
34
|
-
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
- Updated dependencies [
|
|
41
|
-
-
|
|
42
|
-
-
|
|
43
|
-
-
|
|
44
|
-
-
|
|
45
|
-
- @akinon/pz-
|
|
46
|
-
- @akinon/
|
|
47
|
-
- @akinon/pz-
|
|
48
|
-
- @akinon/pz-
|
|
49
|
-
- @akinon/pz-
|
|
50
|
-
- @akinon/pz-
|
|
51
|
-
- @akinon/pz-
|
|
52
|
-
- @akinon/pz-
|
|
53
|
-
- @akinon/pz-
|
|
54
|
-
- @akinon/pz-
|
|
55
|
-
- @akinon/pz-
|
|
56
|
-
- @akinon/pz-
|
|
57
|
-
- @akinon/pz-
|
|
58
|
-
- @akinon/pz-
|
|
59
|
-
- @akinon/pz-
|
|
60
|
-
- @akinon/pz-
|
|
61
|
-
- @akinon/pz-
|
|
62
|
-
- @akinon/pz-
|
|
63
|
-
- @akinon/pz-
|
|
64
|
-
- @akinon/pz-
|
|
65
|
-
- @akinon/pz-
|
|
66
|
-
- @akinon/pz-
|
|
67
|
-
- @akinon/pz-
|
|
68
|
-
- @akinon/pz-hepsipay@2.0.5-rc.0
|
|
69
|
-
- @akinon/pz-saved-card@2.0.5-rc.0
|
|
70
|
-
- @akinon/pz-tabby-extension@2.0.5-rc.0
|
|
71
|
-
- @akinon/pz-tamara-extension@2.0.5-rc.0
|
|
3
|
+
## 2.0.6-beta.0
|
|
4
|
+
|
|
5
|
+
### Patch Changes
|
|
6
|
+
|
|
7
|
+
- Updated dependencies [cbbbfd75]
|
|
8
|
+
- @akinon/next@2.0.6-beta.0
|
|
9
|
+
- @akinon/pz-theme@2.0.6-beta.0
|
|
10
|
+
- @akinon/pz-virtual-try-on@2.0.6-beta.0
|
|
11
|
+
- @akinon/pz-akifast@2.0.6-beta.0
|
|
12
|
+
- @akinon/pz-apple-pay@2.0.6-beta.0
|
|
13
|
+
- @akinon/pz-b2b@2.0.6-beta.0
|
|
14
|
+
- @akinon/pz-basket-gift-pack@2.0.6-beta.0
|
|
15
|
+
- @akinon/pz-bkm@2.0.6-beta.0
|
|
16
|
+
- @akinon/pz-checkout-gift-pack@2.0.6-beta.0
|
|
17
|
+
- @akinon/pz-click-collect@2.0.6-beta.0
|
|
18
|
+
- @akinon/pz-credit-payment@2.0.6-beta.0
|
|
19
|
+
- @akinon/pz-cybersource-uc@2.0.6-beta.0
|
|
20
|
+
- @akinon/pz-flow-payment@2.0.6-beta.0
|
|
21
|
+
- @akinon/pz-google-pay@2.0.6-beta.0
|
|
22
|
+
- @akinon/pz-gpay@2.0.6-beta.0
|
|
23
|
+
- @akinon/pz-haso@2.0.6-beta.0
|
|
24
|
+
- @akinon/pz-hepsipay@2.0.6-beta.0
|
|
25
|
+
- @akinon/pz-masterpass@2.0.6-beta.0
|
|
26
|
+
- @akinon/pz-masterpass-rest@2.0.6-beta.0
|
|
27
|
+
- @akinon/pz-multi-basket@2.0.6-beta.0
|
|
28
|
+
- @akinon/pz-one-click-checkout@2.0.6-beta.0
|
|
29
|
+
- @akinon/pz-otp@2.0.6-beta.0
|
|
30
|
+
- @akinon/pz-pay-on-delivery@2.0.6-beta.0
|
|
31
|
+
- @akinon/pz-saved-card@2.0.6-beta.0
|
|
32
|
+
- @akinon/pz-similar-products@2.0.6-beta.0
|
|
33
|
+
- @akinon/pz-tabby-extension@2.0.6-beta.0
|
|
34
|
+
- @akinon/pz-tamara-extension@2.0.6-beta.0
|
|
35
|
+
|
|
36
|
+
## 2.0.5
|
|
37
|
+
|
|
38
|
+
### Patch Changes
|
|
39
|
+
|
|
40
|
+
- Updated dependencies [d8ed63e5]
|
|
41
|
+
- @akinon/next@2.0.5
|
|
42
|
+
- @akinon/pz-theme@2.0.5
|
|
43
|
+
- @akinon/pz-virtual-try-on@2.0.5
|
|
44
|
+
- @akinon/pz-akifast@2.0.5
|
|
45
|
+
- @akinon/pz-apple-pay@2.0.5
|
|
46
|
+
- @akinon/pz-b2b@2.0.5
|
|
47
|
+
- @akinon/pz-basket-gift-pack@2.0.5
|
|
48
|
+
- @akinon/pz-bkm@2.0.5
|
|
49
|
+
- @akinon/pz-checkout-gift-pack@2.0.5
|
|
50
|
+
- @akinon/pz-click-collect@2.0.5
|
|
51
|
+
- @akinon/pz-credit-payment@2.0.5
|
|
52
|
+
- @akinon/pz-cybersource-uc@2.0.5
|
|
53
|
+
- @akinon/pz-flow-payment@2.0.5
|
|
54
|
+
- @akinon/pz-google-pay@2.0.5
|
|
55
|
+
- @akinon/pz-gpay@2.0.5
|
|
56
|
+
- @akinon/pz-haso@2.0.5
|
|
57
|
+
- @akinon/pz-hepsipay@2.0.5
|
|
58
|
+
- @akinon/pz-masterpass@2.0.5
|
|
59
|
+
- @akinon/pz-masterpass-rest@2.0.5
|
|
60
|
+
- @akinon/pz-multi-basket@2.0.5
|
|
61
|
+
- @akinon/pz-one-click-checkout@2.0.5
|
|
62
|
+
- @akinon/pz-otp@2.0.5
|
|
63
|
+
- @akinon/pz-pay-on-delivery@2.0.5
|
|
64
|
+
- @akinon/pz-saved-card@2.0.5
|
|
65
|
+
- @akinon/pz-similar-products@2.0.5
|
|
66
|
+
- @akinon/pz-tabby-extension@2.0.5
|
|
67
|
+
- @akinon/pz-tamara-extension@2.0.5
|
|
72
68
|
|
|
73
69
|
## 2.0.4
|
|
74
70
|
|
package/app-template/README.md
CHANGED
|
@@ -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
|
|
|
@@ -26,12 +26,9 @@ const withPwaConfig = withPWA({
|
|
|
26
26
|
const sentryConfig = {
|
|
27
27
|
silent: true,
|
|
28
28
|
dryRun: !process.env.SENTRY_DSN,
|
|
29
|
-
org: 'akinon'
|
|
29
|
+
org: 'akinon'
|
|
30
30
|
// project: 'enter_your_project_name_here',
|
|
31
31
|
// authToken: 'enter_your_auth_token_here'
|
|
32
|
-
sourcemaps: {
|
|
33
|
-
deleteSourcemapsAfterUpload: true
|
|
34
|
-
}
|
|
35
32
|
};
|
|
36
33
|
|
|
37
34
|
const enhancedConfig = withPzConfig(nextConfig);
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "projectzeronext",
|
|
3
|
-
"version": "2.0.
|
|
3
|
+
"version": "2.0.6-beta.0",
|
|
4
4
|
"private": true,
|
|
5
5
|
"license": "MIT",
|
|
6
6
|
"scripts": {
|
|
@@ -24,56 +24,56 @@
|
|
|
24
24
|
"test:middleware": "jest middleware-matcher.test.ts --bail"
|
|
25
25
|
},
|
|
26
26
|
"dependencies": {
|
|
27
|
-
"@akinon/next": "2.0.
|
|
28
|
-
"@akinon/pz-akifast": "2.0.
|
|
29
|
-
"@akinon/pz-apple-pay": "2.0.
|
|
30
|
-
"@akinon/pz-b2b": "2.0.
|
|
31
|
-
"@akinon/pz-basket-gift-pack": "2.0.
|
|
32
|
-
"@akinon/pz-bkm": "2.0.
|
|
33
|
-
"@akinon/pz-checkout-gift-pack": "2.0.
|
|
34
|
-
"@akinon/pz-click-collect": "2.0.
|
|
35
|
-
"@akinon/pz-credit-payment": "2.0.
|
|
36
|
-
"@akinon/pz-cybersource-uc": "2.0.
|
|
37
|
-
"@akinon/pz-flow-payment": "2.0.
|
|
38
|
-
"@akinon/pz-google-pay": "2.0.
|
|
39
|
-
"@akinon/pz-gpay": "2.0.
|
|
40
|
-
"@akinon/pz-haso": "2.0.
|
|
41
|
-
"@akinon/pz-hepsipay": "2.0.
|
|
42
|
-
"@akinon/pz-masterpass": "2.0.
|
|
43
|
-
"@akinon/pz-masterpass-rest": "2.0.
|
|
44
|
-
"@akinon/pz-multi-basket": "2.0.
|
|
45
|
-
"@akinon/pz-one-click-checkout": "2.0.
|
|
46
|
-
"@akinon/pz-otp": "2.0.
|
|
47
|
-
"@akinon/pz-pay-on-delivery": "2.0.
|
|
48
|
-
"@akinon/pz-saved-card": "2.0.
|
|
49
|
-
"@akinon/pz-similar-products": "2.0.
|
|
50
|
-
"@akinon/pz-tabby-extension": "2.0.
|
|
51
|
-
"@akinon/pz-tamara-extension": "2.0.
|
|
52
|
-
"@akinon/pz-theme": "2.0.
|
|
53
|
-
"@akinon/pz-virtual-try-on": "2.0.
|
|
27
|
+
"@akinon/next": "2.0.6-beta.0",
|
|
28
|
+
"@akinon/pz-akifast": "2.0.6-beta.0",
|
|
29
|
+
"@akinon/pz-apple-pay": "2.0.6-beta.0",
|
|
30
|
+
"@akinon/pz-b2b": "2.0.6-beta.0",
|
|
31
|
+
"@akinon/pz-basket-gift-pack": "2.0.6-beta.0",
|
|
32
|
+
"@akinon/pz-bkm": "2.0.6-beta.0",
|
|
33
|
+
"@akinon/pz-checkout-gift-pack": "2.0.6-beta.0",
|
|
34
|
+
"@akinon/pz-click-collect": "2.0.6-beta.0",
|
|
35
|
+
"@akinon/pz-credit-payment": "2.0.6-beta.0",
|
|
36
|
+
"@akinon/pz-cybersource-uc": "2.0.6-beta.0",
|
|
37
|
+
"@akinon/pz-flow-payment": "2.0.6-beta.0",
|
|
38
|
+
"@akinon/pz-google-pay": "2.0.6-beta.0",
|
|
39
|
+
"@akinon/pz-gpay": "2.0.6-beta.0",
|
|
40
|
+
"@akinon/pz-haso": "2.0.6-beta.0",
|
|
41
|
+
"@akinon/pz-hepsipay": "2.0.6-beta.0",
|
|
42
|
+
"@akinon/pz-masterpass": "2.0.6-beta.0",
|
|
43
|
+
"@akinon/pz-masterpass-rest": "2.0.6-beta.0",
|
|
44
|
+
"@akinon/pz-multi-basket": "2.0.6-beta.0",
|
|
45
|
+
"@akinon/pz-one-click-checkout": "2.0.6-beta.0",
|
|
46
|
+
"@akinon/pz-otp": "2.0.6-beta.0",
|
|
47
|
+
"@akinon/pz-pay-on-delivery": "2.0.6-beta.0",
|
|
48
|
+
"@akinon/pz-saved-card": "2.0.6-beta.0",
|
|
49
|
+
"@akinon/pz-similar-products": "2.0.6-beta.0",
|
|
50
|
+
"@akinon/pz-tabby-extension": "2.0.6-beta.0",
|
|
51
|
+
"@akinon/pz-tamara-extension": "2.0.6-beta.0",
|
|
52
|
+
"@akinon/pz-theme": "2.0.6-beta.0",
|
|
53
|
+
"@akinon/pz-virtual-try-on": "2.0.6-beta.0",
|
|
54
54
|
"@hookform/resolvers": "2.9.0",
|
|
55
|
-
"@next/third-parties": "16.
|
|
55
|
+
"@next/third-parties": "16.2.4",
|
|
56
56
|
"@react-google-maps/api": "2.17.1",
|
|
57
57
|
"dayjs": "1.11.5",
|
|
58
58
|
"lossless-json": "2.0.5",
|
|
59
|
-
"next": "16.
|
|
59
|
+
"next": "16.2.4",
|
|
60
60
|
"next-auth": "5.0.0-beta.30",
|
|
61
61
|
"next-pwa": "5.6.0",
|
|
62
|
-
"pino": "8.
|
|
62
|
+
"pino": "8.11.0",
|
|
63
63
|
"postcss": "8.4.49",
|
|
64
64
|
"react": "19.2.5",
|
|
65
65
|
"react-dom": "19.2.5",
|
|
66
66
|
"react-google-recaptcha": "2.1.0",
|
|
67
67
|
"react-hook-form": "7.71.2",
|
|
68
68
|
"react-intersection-observer": "9.4.0",
|
|
69
|
-
"react-multi-carousel": "2.8.
|
|
70
|
-
"react-string-replace": "1.1.
|
|
71
|
-
"start-server-and-test": "2.0.
|
|
72
|
-
"tailwind-merge": "1.
|
|
69
|
+
"react-multi-carousel": "2.8.4",
|
|
70
|
+
"react-string-replace": "1.1.0",
|
|
71
|
+
"start-server-and-test": "2.0.3",
|
|
72
|
+
"tailwind-merge": "1.8.0",
|
|
73
73
|
"yup": "0.32.11"
|
|
74
74
|
},
|
|
75
75
|
"devDependencies": {
|
|
76
|
-
"@akinon/eslint-plugin-projectzero": "2.0.
|
|
76
|
+
"@akinon/eslint-plugin-projectzero": "2.0.6-beta.0",
|
|
77
77
|
"@semantic-release/changelog": "6.0.2",
|
|
78
78
|
"@semantic-release/exec": "6.0.3",
|
|
79
79
|
"@semantic-release/git": "10.0.1",
|
|
@@ -90,25 +90,25 @@
|
|
|
90
90
|
"@typescript-eslint/eslint-plugin": "6.7.4",
|
|
91
91
|
"@typescript-eslint/parser": "6.7.4",
|
|
92
92
|
"client-only": "0.0.1",
|
|
93
|
-
"clsx": "1.
|
|
93
|
+
"clsx": "1.1.1",
|
|
94
94
|
"currency-symbol-map": "5.1.0",
|
|
95
95
|
"eslint": "8.14.0",
|
|
96
|
-
"eslint-config-next": "16.
|
|
96
|
+
"eslint-config-next": "16.2.4",
|
|
97
97
|
"eslint-config-prettier": "8.5.0",
|
|
98
98
|
"husky": "8.0.0",
|
|
99
99
|
"jest": "29.7.0",
|
|
100
|
-
"jest-css-modules-transform": "4.
|
|
100
|
+
"jest-css-modules-transform": "4.3.0",
|
|
101
101
|
"jest-environment-jsdom": "29.7.0",
|
|
102
|
-
"lint-staged": "13.
|
|
103
|
-
"prettier": "2.
|
|
102
|
+
"lint-staged": "13.1.0",
|
|
103
|
+
"prettier": "2.6.2",
|
|
104
104
|
"react-number-format": "5.3.4",
|
|
105
|
-
"sass": "1.
|
|
105
|
+
"sass": "1.49.9",
|
|
106
106
|
"semantic-release": "19.0.5",
|
|
107
107
|
"server-only": "0.0.1",
|
|
108
|
-
"stylelint": "14.
|
|
108
|
+
"stylelint": "14.6.0",
|
|
109
109
|
"stylelint-config-sass-guidelines": "9.0.1",
|
|
110
110
|
"stylelint-config-standard": "25.0.0",
|
|
111
|
-
"stylelint-scss": "4.
|
|
111
|
+
"stylelint-scss": "4.2.0",
|
|
112
112
|
"stylelint-selector-bem-pattern": "2.1.1",
|
|
113
113
|
"tailwindcss": "4.2.0",
|
|
114
114
|
"ts-jest": "29.2.6",
|
|
@@ -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
|
|
|
@@ -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
|
-
|
|
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
|
-
<
|
|
70
|
+
<input
|
|
78
71
|
value={searchText}
|
|
79
|
-
onChange={
|
|
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={
|
|
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
|
|
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:
|
|
47
|
-
<div className="
|
|
48
|
-
<
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
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
|
-
{
|
|
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={
|
|
61
|
+
key={index}
|
|
121
62
|
src={item.image}
|
|
122
|
-
alt={
|
|
123
|
-
|
|
124
|
-
|
|
125
|
-
|
|
126
|
-
|
|
127
|
-
|
|
128
|
-
|
|
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
|
-
</
|
|
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
|
}
|
package/commands/plugins.ts
CHANGED
package/dist/commands/plugins.js
CHANGED
|
@@ -183,10 +183,6 @@ exports.default = () => __awaiter(void 0, void 0, void 0, function* () {
|
|
|
183
183
|
name: 'Tamara Payment Extension',
|
|
184
184
|
value: 'pz-tamara-extension'
|
|
185
185
|
},
|
|
186
|
-
{
|
|
187
|
-
name: 'Similar Products',
|
|
188
|
-
value: 'pz-similar-products'
|
|
189
|
-
},
|
|
190
186
|
{
|
|
191
187
|
name: 'Hepsipay',
|
|
192
188
|
value: 'pz-hepsipay'
|
package/package.json
CHANGED
|
@@ -1,22 +0,0 @@
|
|
|
1
|
-
'use client';
|
|
2
|
-
|
|
3
|
-
import { useSentryUncaughtErrors } from '@akinon/next/hooks';
|
|
4
|
-
|
|
5
|
-
export default function GlobalError({
|
|
6
|
-
error,
|
|
7
|
-
reset
|
|
8
|
-
}: {
|
|
9
|
-
error: Error & { digest?: string };
|
|
10
|
-
reset: () => void;
|
|
11
|
-
}) {
|
|
12
|
-
useSentryUncaughtErrors(error);
|
|
13
|
-
|
|
14
|
-
return (
|
|
15
|
-
<html>
|
|
16
|
-
<body>
|
|
17
|
-
<h2>Something went wrong!</h2>
|
|
18
|
-
<button onClick={() => reset()}>Try again</button>
|
|
19
|
-
</body>
|
|
20
|
-
</html>
|
|
21
|
-
);
|
|
22
|
-
}
|