@akinon/next 1.14.0 → 1.14.1

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 (119) hide show
  1. package/.eslintrc.js +40 -40
  2. package/.prettierrc +13 -13
  3. package/CHANGELOG.md +6 -0
  4. package/api/auth.ts +231 -231
  5. package/api/cache.ts +44 -44
  6. package/api/client.ts +174 -174
  7. package/api/logout.ts +42 -42
  8. package/bin/pz-check-dependencies.js +98 -98
  9. package/bin/pz-install-plugins.js +33 -33
  10. package/bin/pz-install-theme.js +58 -58
  11. package/bin/pz-postbuild.js +1 -1
  12. package/bin/pz-postdev.js +1 -1
  13. package/bin/pz-postinstall.js +6 -6
  14. package/bin/pz-poststart.js +1 -1
  15. package/bin/pz-prebuild.js +4 -4
  16. package/bin/pz-predev.js +4 -4
  17. package/bin/pz-prestart.js +1 -1
  18. package/bin/run-script.js +44 -44
  19. package/components/accordion.tsx +52 -52
  20. package/components/button.tsx +46 -46
  21. package/components/client-root.tsx +19 -19
  22. package/components/icon.tsx +18 -18
  23. package/components/image.tsx +133 -133
  24. package/components/index.ts +17 -17
  25. package/components/input.tsx +110 -110
  26. package/components/lazy-component.tsx +33 -33
  27. package/components/loader-spinner.tsx +23 -23
  28. package/components/mobile-app-toggler.tsx +26 -26
  29. package/components/oauth-login.tsx +24 -24
  30. package/components/price.tsx +55 -55
  31. package/components/pz-providers.tsx +24 -24
  32. package/components/pz-root.tsx +21 -21
  33. package/components/radio.tsx +18 -18
  34. package/components/react-portal.tsx +45 -45
  35. package/components/redirect-three-d/content/index.tsx +74 -74
  36. package/components/redirect-three-d/index.tsx +17 -17
  37. package/components/trans.tsx +39 -39
  38. package/data/client/account.ts +208 -208
  39. package/data/client/api.ts +85 -85
  40. package/data/client/basket.ts +82 -82
  41. package/data/client/misc.ts +101 -101
  42. package/data/client/product.ts +89 -89
  43. package/data/client/user.ts +99 -99
  44. package/data/client/wishlist.ts +118 -118
  45. package/data/server/category.ts +132 -132
  46. package/data/server/flatpage.ts +21 -21
  47. package/data/server/form.ts +22 -22
  48. package/data/server/index.ts +10 -10
  49. package/data/server/landingpage.ts +24 -24
  50. package/data/server/list.ts +67 -67
  51. package/data/server/menu.ts +35 -35
  52. package/data/server/product.ts +86 -86
  53. package/data/server/seo.ts +48 -48
  54. package/data/server/special-page.ts +47 -47
  55. package/data/server/widget.ts +27 -27
  56. package/data/urls.ts +221 -221
  57. package/hocs/client/index.ts +1 -1
  58. package/hocs/client/with-segment-defaults.tsx +25 -25
  59. package/hocs/server/index.ts +1 -1
  60. package/hocs/server/with-segment-defaults.tsx +85 -85
  61. package/hooks/index.ts +10 -10
  62. package/hooks/use-captcha.tsx +76 -76
  63. package/hooks/use-common-product-attributes.ts +36 -36
  64. package/hooks/use-debounce.ts +20 -20
  65. package/hooks/use-localization.ts +78 -78
  66. package/hooks/use-media-query.ts +36 -36
  67. package/hooks/use-mobile-iframe-handler.ts +23 -23
  68. package/hooks/use-on-click-outside.tsx +28 -28
  69. package/hooks/use-router.ts +45 -45
  70. package/hooks/use-translation.ts +14 -14
  71. package/lib/cache.ts +215 -215
  72. package/localization/index.ts +5 -5
  73. package/localization/provider.tsx +58 -58
  74. package/middlewares/currency.ts +100 -100
  75. package/middlewares/default.ts +256 -256
  76. package/middlewares/index.ts +29 -29
  77. package/middlewares/locale.ts +68 -68
  78. package/middlewares/oauth-login.ts +79 -79
  79. package/middlewares/pretty-url.ts +104 -104
  80. package/middlewares/redirection-payment.ts +160 -160
  81. package/middlewares/three-d-redirection.ts +159 -159
  82. package/middlewares/url-redirection.ts +65 -65
  83. package/package.json +2 -2
  84. package/redux/hooks.ts +7 -7
  85. package/redux/middlewares/index.ts +50 -50
  86. package/redux/reducers/checkout.ts +184 -184
  87. package/redux/reducers/config.ts +28 -28
  88. package/redux/reducers/header.ts +59 -59
  89. package/redux/reducers/root.ts +61 -61
  90. package/sentry/index.ts +27 -27
  91. package/tailwind/rtl.js +137 -137
  92. package/types/commerce/account.ts +64 -64
  93. package/types/commerce/address.ts +94 -94
  94. package/types/commerce/basket.ts +43 -43
  95. package/types/commerce/category.ts +114 -114
  96. package/types/commerce/checkout.ts +143 -143
  97. package/types/commerce/flatpage.ts +7 -7
  98. package/types/commerce/form.ts +66 -66
  99. package/types/commerce/index.ts +12 -12
  100. package/types/commerce/landingpage.ts +7 -7
  101. package/types/commerce/misc.ts +127 -127
  102. package/types/commerce/order.ts +119 -119
  103. package/types/commerce/product.ts +109 -109
  104. package/types/commerce/widget.ts +28 -28
  105. package/types/gtm.ts +16 -16
  106. package/types/index.ts +274 -274
  107. package/types/metadata.ts +7 -7
  108. package/types/next-auth.d.ts +24 -24
  109. package/utils/app-fetch.ts +69 -69
  110. package/utils/deep-merge.js +24 -24
  111. package/utils/image-loader.ts +31 -31
  112. package/utils/index.ts +150 -150
  113. package/utils/localization.ts +29 -29
  114. package/utils/log.ts +138 -138
  115. package/utils/menu-generator.ts +27 -27
  116. package/utils/mobile-3d-iframe.ts +77 -77
  117. package/utils/server-translation.ts +57 -57
  118. package/utils/server-variables.ts +9 -9
  119. package/with-pz-config.js +94 -94
@@ -1,68 +1,68 @@
1
- import { NextFetchEvent, NextMiddleware, NextResponse } from 'next/server';
2
- import settings from 'settings';
3
- import { PzNextRequest } from '.';
4
- import { LocaleUrlStrategy } from '../localization';
5
- import { urlLocaleMatcherRegex } from '../utils';
6
- import logger from '../utils/log';
7
-
8
- const getMatchedLocale = (pathname: string) => {
9
- let matchedLocale = pathname.match(urlLocaleMatcherRegex)?.[0] ?? '';
10
- matchedLocale = matchedLocale.replace('/', '');
11
-
12
- if (!matchedLocale.length) {
13
- if (
14
- settings.localization.localeUrlStrategy !==
15
- LocaleUrlStrategy.ShowAllLocales
16
- ) {
17
- matchedLocale = settings.localization.defaultLocaleValue;
18
- }
19
- }
20
-
21
- return matchedLocale;
22
- };
23
-
24
- const withLocale =
25
- (middleware: NextMiddleware) =>
26
- async (req: PzNextRequest, event: NextFetchEvent) => {
27
- const ip = req.headers.get('x-forwarded-for') ?? '';
28
-
29
- try {
30
- const url = req.nextUrl.clone();
31
- const matchedLocale = getMatchedLocale(url.pathname);
32
- let { localeUrlStrategy, defaultLocaleValue, redirectToDefaultLocale } =
33
- settings.localization;
34
-
35
- localeUrlStrategy =
36
- localeUrlStrategy ?? LocaleUrlStrategy.HideDefaultLocale;
37
-
38
- if (!defaultLocaleValue) {
39
- logger.error('Default locale value is not defined in settings.', {
40
- ip
41
- });
42
- throw new Error(
43
- 'Default locale value is not defined. Use `defaultLocaleValue` property in `localization` object in `settings.js` file.'
44
- );
45
- }
46
-
47
- if (
48
- !matchedLocale?.length &&
49
- localeUrlStrategy === LocaleUrlStrategy.ShowAllLocales &&
50
- redirectToDefaultLocale &&
51
- req.method === 'GET'
52
- ) {
53
- url.pathname = `/${defaultLocaleValue}${url.pathname}`;
54
- return NextResponse.redirect(url);
55
- }
56
-
57
- req.middlewareParams.rewrites.locale = matchedLocale;
58
- } catch (error) {
59
- logger.error('withLocale error', {
60
- error,
61
- ip
62
- });
63
- }
64
-
65
- return middleware(req, event);
66
- };
67
-
68
- export default withLocale;
1
+ import { NextFetchEvent, NextMiddleware, NextResponse } from 'next/server';
2
+ import settings from 'settings';
3
+ import { PzNextRequest } from '.';
4
+ import { LocaleUrlStrategy } from '../localization';
5
+ import { urlLocaleMatcherRegex } from '../utils';
6
+ import logger from '../utils/log';
7
+
8
+ const getMatchedLocale = (pathname: string) => {
9
+ let matchedLocale = pathname.match(urlLocaleMatcherRegex)?.[0] ?? '';
10
+ matchedLocale = matchedLocale.replace('/', '');
11
+
12
+ if (!matchedLocale.length) {
13
+ if (
14
+ settings.localization.localeUrlStrategy !==
15
+ LocaleUrlStrategy.ShowAllLocales
16
+ ) {
17
+ matchedLocale = settings.localization.defaultLocaleValue;
18
+ }
19
+ }
20
+
21
+ return matchedLocale;
22
+ };
23
+
24
+ const withLocale =
25
+ (middleware: NextMiddleware) =>
26
+ async (req: PzNextRequest, event: NextFetchEvent) => {
27
+ const ip = req.headers.get('x-forwarded-for') ?? '';
28
+
29
+ try {
30
+ const url = req.nextUrl.clone();
31
+ const matchedLocale = getMatchedLocale(url.pathname);
32
+ let { localeUrlStrategy, defaultLocaleValue, redirectToDefaultLocale } =
33
+ settings.localization;
34
+
35
+ localeUrlStrategy =
36
+ localeUrlStrategy ?? LocaleUrlStrategy.HideDefaultLocale;
37
+
38
+ if (!defaultLocaleValue) {
39
+ logger.error('Default locale value is not defined in settings.', {
40
+ ip
41
+ });
42
+ throw new Error(
43
+ 'Default locale value is not defined. Use `defaultLocaleValue` property in `localization` object in `settings.js` file.'
44
+ );
45
+ }
46
+
47
+ if (
48
+ !matchedLocale?.length &&
49
+ localeUrlStrategy === LocaleUrlStrategy.ShowAllLocales &&
50
+ redirectToDefaultLocale &&
51
+ req.method === 'GET'
52
+ ) {
53
+ url.pathname = `/${defaultLocaleValue}${url.pathname}`;
54
+ return NextResponse.redirect(url);
55
+ }
56
+
57
+ req.middlewareParams.rewrites.locale = matchedLocale;
58
+ } catch (error) {
59
+ logger.error('withLocale error', {
60
+ error,
61
+ ip
62
+ });
63
+ }
64
+
65
+ return middleware(req, event);
66
+ };
67
+
68
+ export default withLocale;
@@ -1,79 +1,79 @@
1
- import {
2
- NextFetchEvent,
3
- NextMiddleware,
4
- NextRequest,
5
- NextResponse
6
- } from 'next/server';
7
- import Settings from 'settings';
8
- import { getUrlPathWithLocale } from '../utils/localization';
9
-
10
- const withOauthLogin =
11
- (middleware: NextMiddleware) =>
12
- async (req: NextRequest, event: NextFetchEvent) => {
13
- const url = req.nextUrl.clone();
14
- const loginUrlMatcherRegex = new RegExp(/^\/(\w+)\/login\/?$/);
15
- const loginCallbackUrlMatcherRegex = new RegExp(
16
- /^\/(\w+)\/login\/callback\/?$/
17
- );
18
-
19
- const headers = {
20
- 'x-forwarded-host':
21
- req.headers.get('x-forwarded-host') || req.headers.get('host') || '',
22
- 'x-currency': req.cookies.get('pz-currency')?.value ?? ''
23
- };
24
-
25
- if (loginUrlMatcherRegex.test(url.pathname)) {
26
- const provider = url.pathname.match(loginUrlMatcherRegex)[1];
27
- const response = NextResponse.rewrite(
28
- `${Settings.commerceUrl}/${provider}/login/`,
29
- {
30
- headers
31
- }
32
- );
33
-
34
- if (req.headers.get('referer')) {
35
- response.cookies.set(
36
- 'pz-oauth-callback-url',
37
- req.headers.get('referer')
38
- );
39
- }
40
-
41
- return response;
42
- }
43
-
44
- if (loginCallbackUrlMatcherRegex.test(url.pathname)) {
45
- const provider = url.pathname.match(loginCallbackUrlMatcherRegex)[1];
46
-
47
- return NextResponse.rewrite(
48
- `${Settings.commerceUrl}/${provider}/login/callback/${url.search}`,
49
- {
50
- headers
51
- }
52
- );
53
- }
54
-
55
- if (!url.pathname.startsWith('/baskets/basket')) {
56
- return middleware(req, event);
57
- }
58
-
59
- if (req.cookies.get('messages')?.value.includes('Successfully signed in')) {
60
- let redirectUrlWithLocale = `${url.origin}${getUrlPathWithLocale(
61
- '/auth/oauth-login',
62
- req.cookies.get('pz-locale')?.value
63
- )}`;
64
- let callbackUrl = req.cookies.get('pz-oauth-callback-url')?.value ?? '';
65
-
66
- if (callbackUrl.length) {
67
- redirectUrlWithLocale += `?next=${encodeURIComponent(callbackUrl)}`;
68
- }
69
-
70
- const response = NextResponse.redirect(redirectUrlWithLocale);
71
- response.cookies.delete('messages');
72
- response.cookies.delete('pz-oauth-callback-url');
73
- return response;
74
- }
75
-
76
- return middleware(req, event);
77
- };
78
-
79
- export default withOauthLogin;
1
+ import {
2
+ NextFetchEvent,
3
+ NextMiddleware,
4
+ NextRequest,
5
+ NextResponse
6
+ } from 'next/server';
7
+ import Settings from 'settings';
8
+ import { getUrlPathWithLocale } from '../utils/localization';
9
+
10
+ const withOauthLogin =
11
+ (middleware: NextMiddleware) =>
12
+ async (req: NextRequest, event: NextFetchEvent) => {
13
+ const url = req.nextUrl.clone();
14
+ const loginUrlMatcherRegex = new RegExp(/^\/(\w+)\/login\/?$/);
15
+ const loginCallbackUrlMatcherRegex = new RegExp(
16
+ /^\/(\w+)\/login\/callback\/?$/
17
+ );
18
+
19
+ const headers = {
20
+ 'x-forwarded-host':
21
+ req.headers.get('x-forwarded-host') || req.headers.get('host') || '',
22
+ 'x-currency': req.cookies.get('pz-currency')?.value ?? ''
23
+ };
24
+
25
+ if (loginUrlMatcherRegex.test(url.pathname)) {
26
+ const provider = url.pathname.match(loginUrlMatcherRegex)[1];
27
+ const response = NextResponse.rewrite(
28
+ `${Settings.commerceUrl}/${provider}/login/`,
29
+ {
30
+ headers
31
+ }
32
+ );
33
+
34
+ if (req.headers.get('referer')) {
35
+ response.cookies.set(
36
+ 'pz-oauth-callback-url',
37
+ req.headers.get('referer')
38
+ );
39
+ }
40
+
41
+ return response;
42
+ }
43
+
44
+ if (loginCallbackUrlMatcherRegex.test(url.pathname)) {
45
+ const provider = url.pathname.match(loginCallbackUrlMatcherRegex)[1];
46
+
47
+ return NextResponse.rewrite(
48
+ `${Settings.commerceUrl}/${provider}/login/callback/${url.search}`,
49
+ {
50
+ headers
51
+ }
52
+ );
53
+ }
54
+
55
+ if (!url.pathname.startsWith('/baskets/basket')) {
56
+ return middleware(req, event);
57
+ }
58
+
59
+ if (req.cookies.get('messages')?.value.includes('Successfully signed in')) {
60
+ let redirectUrlWithLocale = `${url.origin}${getUrlPathWithLocale(
61
+ '/auth/oauth-login',
62
+ req.cookies.get('pz-locale')?.value
63
+ )}`;
64
+ let callbackUrl = req.cookies.get('pz-oauth-callback-url')?.value ?? '';
65
+
66
+ if (callbackUrl.length) {
67
+ redirectUrlWithLocale += `?next=${encodeURIComponent(callbackUrl)}`;
68
+ }
69
+
70
+ const response = NextResponse.redirect(redirectUrlWithLocale);
71
+ response.cookies.delete('messages');
72
+ response.cookies.delete('pz-oauth-callback-url');
73
+ return response;
74
+ }
75
+
76
+ return middleware(req, event);
77
+ };
78
+
79
+ export default withOauthLogin;
@@ -1,104 +1,104 @@
1
- import { Cache, CacheKey } from '../lib/cache';
2
- import { NextFetchEvent, NextMiddleware, NextRequest } from 'next/server';
3
- import { ROUTES } from 'routes';
4
- import { URLS } from '../data/urls';
5
- import Settings from 'settings';
6
- import { urlLocaleMatcherRegex } from '../utils';
7
- import { PzNextRequest } from '.';
8
- import logger from '../utils/log';
9
-
10
- type PrettyUrlResult = {
11
- matched: boolean;
12
- path?: string;
13
- };
14
-
15
- const resolvePrettyUrlHandler =
16
- (pathname: string, ip: string | null) => async () => {
17
- let results = <{ old_path: string }[]>[];
18
- let prettyUrlResult: PrettyUrlResult = {
19
- matched: false
20
- };
21
-
22
- try {
23
- const requestUrl = URLS.misc.prettyUrls(pathname);
24
-
25
- logger.debug(`Resolving pretty url`, { pathname, requestUrl, ip });
26
-
27
- const apiResponse = await fetch(requestUrl);
28
- const data = await apiResponse.json();
29
- ({ results } = data);
30
-
31
- const matched = results.length > 0;
32
- const [{ old_path: path } = { old_path: '' }] = results;
33
- prettyUrlResult = {
34
- matched,
35
- path
36
- };
37
-
38
- logger.trace('Pretty url result', { prettyUrlResult, ip });
39
- } catch (error) {
40
- logger.error('Error resolving pretty url', { error, pathname, ip });
41
- }
42
-
43
- return prettyUrlResult;
44
- };
45
-
46
- const resolvePrettyUrl = async (pathname: string, ip: string | null) => {
47
- return Cache.wrap(
48
- CacheKey.PrettyUrl(pathname),
49
- resolvePrettyUrlHandler(pathname, ip),
50
- {
51
- useProxy: true
52
- }
53
- );
54
- };
55
-
56
- const withPrettyUrl =
57
- (middleware: NextMiddleware) =>
58
- async (req: PzNextRequest, event: NextFetchEvent) => {
59
- const url = req.nextUrl.clone();
60
- const matchedLanguagePrefix = url.pathname.match(
61
- urlLocaleMatcherRegex
62
- )?.[0];
63
- const prettyUrlPathname = url.pathname.replace(matchedLanguagePrefix, '');
64
- const isValidPrettyUrlPath = (pathname: string) => {
65
- return (
66
- new RegExp(/^\/[a-zA-Z0-9/]+(?:-[a-zA-Z0-9/]+)*$/).test(pathname) &&
67
- !Object.entries(ROUTES).find(([, value]) =>
68
- new RegExp(`^${value}$`).test(pathname)
69
- )
70
- );
71
- };
72
- const ip = req.headers.get('x-forwarded-for') ?? '';
73
-
74
- if (
75
- !isValidPrettyUrlPath(prettyUrlPathname) ||
76
- Settings.commerceUrl === 'default'
77
- ) {
78
- return middleware(req, event);
79
- }
80
-
81
- const prettyUrlResult = await resolvePrettyUrl(
82
- Settings.localization.localeIncludedPrettyUrlPattern?.test(
83
- prettyUrlPathname
84
- )
85
- ? url.pathname
86
- : prettyUrlPathname,
87
- ip
88
- );
89
-
90
- if (prettyUrlResult.matched) {
91
- req.middlewareParams.rewrites.prettyUrl = prettyUrlResult.path;
92
- logger.debug('Resolved pretty url', {
93
- source: prettyUrlPathname,
94
- dest: prettyUrlResult.path,
95
- ip
96
- });
97
-
98
- return middleware(req, event);
99
- }
100
-
101
- return middleware(req, event);
102
- };
103
-
104
- export default withPrettyUrl;
1
+ import { Cache, CacheKey } from '../lib/cache';
2
+ import { NextFetchEvent, NextMiddleware, NextRequest } from 'next/server';
3
+ import { ROUTES } from 'routes';
4
+ import { URLS } from '../data/urls';
5
+ import Settings from 'settings';
6
+ import { urlLocaleMatcherRegex } from '../utils';
7
+ import { PzNextRequest } from '.';
8
+ import logger from '../utils/log';
9
+
10
+ type PrettyUrlResult = {
11
+ matched: boolean;
12
+ path?: string;
13
+ };
14
+
15
+ const resolvePrettyUrlHandler =
16
+ (pathname: string, ip: string | null) => async () => {
17
+ let results = <{ old_path: string }[]>[];
18
+ let prettyUrlResult: PrettyUrlResult = {
19
+ matched: false
20
+ };
21
+
22
+ try {
23
+ const requestUrl = URLS.misc.prettyUrls(pathname);
24
+
25
+ logger.debug(`Resolving pretty url`, { pathname, requestUrl, ip });
26
+
27
+ const apiResponse = await fetch(requestUrl);
28
+ const data = await apiResponse.json();
29
+ ({ results } = data);
30
+
31
+ const matched = results.length > 0;
32
+ const [{ old_path: path } = { old_path: '' }] = results;
33
+ prettyUrlResult = {
34
+ matched,
35
+ path
36
+ };
37
+
38
+ logger.trace('Pretty url result', { prettyUrlResult, ip });
39
+ } catch (error) {
40
+ logger.error('Error resolving pretty url', { error, pathname, ip });
41
+ }
42
+
43
+ return prettyUrlResult;
44
+ };
45
+
46
+ const resolvePrettyUrl = async (pathname: string, ip: string | null) => {
47
+ return Cache.wrap(
48
+ CacheKey.PrettyUrl(pathname),
49
+ resolvePrettyUrlHandler(pathname, ip),
50
+ {
51
+ useProxy: true
52
+ }
53
+ );
54
+ };
55
+
56
+ const withPrettyUrl =
57
+ (middleware: NextMiddleware) =>
58
+ async (req: PzNextRequest, event: NextFetchEvent) => {
59
+ const url = req.nextUrl.clone();
60
+ const matchedLanguagePrefix = url.pathname.match(
61
+ urlLocaleMatcherRegex
62
+ )?.[0];
63
+ const prettyUrlPathname = url.pathname.replace(matchedLanguagePrefix, '');
64
+ const isValidPrettyUrlPath = (pathname: string) => {
65
+ return (
66
+ new RegExp(/^\/[a-zA-Z0-9/]+(?:-[a-zA-Z0-9/]+)*$/).test(pathname) &&
67
+ !Object.entries(ROUTES).find(([, value]) =>
68
+ new RegExp(`^${value}$`).test(pathname)
69
+ )
70
+ );
71
+ };
72
+ const ip = req.headers.get('x-forwarded-for') ?? '';
73
+
74
+ if (
75
+ !isValidPrettyUrlPath(prettyUrlPathname) ||
76
+ Settings.commerceUrl === 'default'
77
+ ) {
78
+ return middleware(req, event);
79
+ }
80
+
81
+ const prettyUrlResult = await resolvePrettyUrl(
82
+ Settings.localization.localeIncludedPrettyUrlPattern?.test(
83
+ prettyUrlPathname
84
+ )
85
+ ? url.pathname
86
+ : prettyUrlPathname,
87
+ ip
88
+ );
89
+
90
+ if (prettyUrlResult.matched) {
91
+ req.middlewareParams.rewrites.prettyUrl = prettyUrlResult.path;
92
+ logger.debug('Resolved pretty url', {
93
+ source: prettyUrlPathname,
94
+ dest: prettyUrlResult.path,
95
+ ip
96
+ });
97
+
98
+ return middleware(req, event);
99
+ }
100
+
101
+ return middleware(req, event);
102
+ };
103
+
104
+ export default withPrettyUrl;