@akinon/next 1.13.0 → 1.14.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/.editorconfig +7 -0
- package/.eslintrc.js +40 -40
- package/.prettierrc +13 -13
- package/CHANGELOG.md +19 -0
- package/api/auth.ts +231 -231
- package/api/cache.ts +44 -44
- package/api/client.ts +174 -174
- package/api/logout.ts +42 -42
- package/assets/styles/index.scss +28 -28
- package/bin/pz-check-dependencies.js +98 -98
- package/bin/pz-install-plugins.js +33 -33
- package/bin/pz-install-theme.js +58 -58
- package/bin/pz-postbuild.js +1 -1
- package/bin/pz-postdev.js +1 -1
- package/bin/pz-postinstall.js +6 -6
- package/bin/pz-poststart.js +1 -1
- package/bin/pz-prebuild.js +4 -4
- package/bin/pz-predev.js +4 -4
- package/bin/pz-prestart.js +1 -1
- package/bin/run-script.js +44 -44
- package/components/accordion.tsx +52 -0
- package/components/button.tsx +46 -0
- package/components/client-root.tsx +19 -19
- package/components/icon.tsx +18 -18
- package/components/image.tsx +133 -133
- package/components/index.ts +17 -1
- package/components/input.tsx +110 -0
- package/components/lazy-component.tsx +33 -33
- package/components/loader-spinner.tsx +23 -23
- package/components/mobile-app-toggler.tsx +26 -26
- package/components/oauth-login.tsx +24 -24
- package/components/plugin-module.tsx +11 -8
- package/components/price.tsx +55 -0
- package/components/pz-providers.tsx +24 -24
- package/components/pz-root.tsx +21 -21
- package/components/radio.tsx +18 -18
- package/components/react-portal.tsx +45 -45
- package/components/redirect-three-d/content/index.tsx +74 -74
- package/components/redirect-three-d/index.tsx +17 -17
- package/components/selected-payment-option-view.tsx +7 -0
- package/components/trans.tsx +39 -39
- package/data/client/account.ts +208 -208
- package/data/client/address.ts +107 -107
- package/data/client/api.ts +85 -84
- package/data/client/b2b.ts +106 -106
- package/data/client/basket.ts +82 -82
- package/data/client/checkout.ts +516 -479
- package/data/client/misc.ts +101 -101
- package/data/client/product.ts +89 -89
- package/data/client/user.ts +99 -99
- package/data/client/wishlist.ts +118 -88
- package/data/server/category.ts +132 -128
- package/data/server/flatpage.ts +21 -21
- package/data/server/form.ts +22 -22
- package/data/server/index.ts +10 -10
- package/data/server/landingpage.ts +24 -24
- package/data/server/list.ts +67 -62
- package/data/server/menu.ts +35 -35
- package/data/server/product.ts +86 -86
- package/data/server/seo.ts +48 -48
- package/data/server/special-page.ts +47 -47
- package/data/server/widget.ts +27 -27
- package/data/urls.ts +221 -210
- package/hocs/client/index.ts +1 -1
- package/hocs/client/with-segment-defaults.tsx +25 -25
- package/hocs/server/index.ts +1 -1
- package/hocs/server/with-segment-defaults.tsx +85 -85
- package/hooks/index.ts +10 -10
- package/hooks/use-captcha.tsx +76 -76
- package/hooks/use-common-product-attributes.ts +36 -36
- package/hooks/use-debounce.ts +20 -20
- package/hooks/use-localization.ts +78 -78
- package/hooks/use-media-query.ts +36 -36
- package/hooks/use-mobile-iframe-handler.ts +23 -23
- package/hooks/use-on-click-outside.tsx +28 -28
- package/hooks/use-payment-options.ts +12 -16
- package/hooks/use-router.ts +45 -45
- package/hooks/use-translation.ts +14 -14
- package/lib/cache.ts +215 -215
- package/localization/index.ts +5 -5
- package/localization/provider.tsx +58 -58
- package/middlewares/currency.ts +100 -100
- package/middlewares/default.ts +256 -256
- package/middlewares/index.ts +29 -29
- package/middlewares/locale.ts +68 -68
- package/middlewares/oauth-login.ts +79 -79
- package/middlewares/pretty-url.ts +104 -104
- package/middlewares/redirection-payment.ts +160 -160
- package/middlewares/three-d-redirection.ts +159 -159
- package/middlewares/url-redirection.ts +65 -65
- package/package.json +2 -2
- package/plugins.js +2 -1
- package/redux/hooks.ts +7 -7
- package/redux/middlewares/checkout.ts +265 -260
- package/redux/middlewares/index.ts +50 -50
- package/redux/reducers/checkout.ts +184 -171
- package/redux/reducers/config.ts +28 -28
- package/redux/reducers/header.ts +59 -59
- package/redux/reducers/index.ts +14 -14
- package/redux/reducers/root.ts +61 -61
- package/sentry/index.ts +27 -27
- package/tailwind/rtl.js +137 -137
- package/types/commerce/account.ts +64 -64
- package/types/commerce/address.ts +94 -94
- package/types/commerce/b2b.ts +117 -117
- package/types/commerce/basket.ts +43 -43
- package/types/commerce/category.ts +114 -114
- package/types/commerce/checkout.ts +143 -136
- package/types/commerce/flatpage.ts +7 -7
- package/types/commerce/form.ts +66 -66
- package/types/commerce/index.ts +12 -12
- package/types/commerce/landingpage.ts +7 -7
- package/types/commerce/misc.ts +127 -127
- package/types/commerce/order.ts +119 -119
- package/types/commerce/product.ts +109 -109
- package/types/commerce/widget.ts +28 -28
- package/types/gtm.ts +16 -16
- package/types/index.ts +274 -237
- package/types/metadata.ts +7 -7
- package/types/next-auth.d.ts +24 -24
- package/utils/app-fetch.ts +69 -69
- package/utils/deep-merge.js +24 -24
- package/utils/generate-commerce-search-params.ts +22 -22
- package/utils/get-currency.ts +29 -29
- package/utils/image-loader.ts +31 -31
- package/utils/index.ts +150 -150
- package/utils/localization.ts +29 -29
- package/utils/log.ts +138 -138
- package/utils/menu-generator.ts +27 -27
- package/utils/mobile-3d-iframe.ts +77 -77
- package/utils/server-translation.ts +57 -57
- package/utils/server-variables.ts +9 -9
- package/with-pz-config.js +94 -94
package/.editorconfig
ADDED
package/.eslintrc.js
CHANGED
|
@@ -1,40 +1,40 @@
|
|
|
1
|
-
module.exports = {
|
|
2
|
-
env: {
|
|
3
|
-
browser: true,
|
|
4
|
-
node: true,
|
|
5
|
-
es2021: true
|
|
6
|
-
},
|
|
7
|
-
extends: [
|
|
8
|
-
'eslint:recommended',
|
|
9
|
-
'next/core-web-vitals',
|
|
10
|
-
'eslint:recommended',
|
|
11
|
-
'plugin:@typescript-eslint/recommended',
|
|
12
|
-
'prettier',
|
|
13
|
-
'plugin:@akinon/projectzero/core', // DO NOT remove this config for stability
|
|
14
|
-
'plugin:@akinon/projectzero/recommended'
|
|
15
|
-
],
|
|
16
|
-
overrides: [
|
|
17
|
-
{
|
|
18
|
-
env: {
|
|
19
|
-
node: true
|
|
20
|
-
},
|
|
21
|
-
files: ['.eslintrc.{js,cjs}', 'middlewares/default.ts'],
|
|
22
|
-
rules: {
|
|
23
|
-
'@akinon/projectzero/check-middleware-order': 'error'
|
|
24
|
-
},
|
|
25
|
-
parserOptions: {
|
|
26
|
-
sourceType: 'script'
|
|
27
|
-
}
|
|
28
|
-
}
|
|
29
|
-
],
|
|
30
|
-
parser: '@typescript-eslint/parser',
|
|
31
|
-
parserOptions: {
|
|
32
|
-
ecmaVersion: '2021',
|
|
33
|
-
sourceType: 'module'
|
|
34
|
-
},
|
|
35
|
-
plugins: ['@typescript-eslint', '@akinon/projectzero'],
|
|
36
|
-
rules: {
|
|
37
|
-
'@typescript-eslint/no-unused-vars': 'warn',
|
|
38
|
-
'@typescript-eslint/no-explicit-any': 'warn'
|
|
39
|
-
}
|
|
40
|
-
};
|
|
1
|
+
module.exports = {
|
|
2
|
+
env: {
|
|
3
|
+
browser: true,
|
|
4
|
+
node: true,
|
|
5
|
+
es2021: true
|
|
6
|
+
},
|
|
7
|
+
extends: [
|
|
8
|
+
'eslint:recommended',
|
|
9
|
+
'next/core-web-vitals',
|
|
10
|
+
'eslint:recommended',
|
|
11
|
+
'plugin:@typescript-eslint/recommended',
|
|
12
|
+
'prettier',
|
|
13
|
+
'plugin:@akinon/projectzero/core', // DO NOT remove this config for stability
|
|
14
|
+
'plugin:@akinon/projectzero/recommended'
|
|
15
|
+
],
|
|
16
|
+
overrides: [
|
|
17
|
+
{
|
|
18
|
+
env: {
|
|
19
|
+
node: true
|
|
20
|
+
},
|
|
21
|
+
files: ['.eslintrc.{js,cjs}', 'middlewares/default.ts'],
|
|
22
|
+
rules: {
|
|
23
|
+
'@akinon/projectzero/check-middleware-order': 'error'
|
|
24
|
+
},
|
|
25
|
+
parserOptions: {
|
|
26
|
+
sourceType: 'script'
|
|
27
|
+
}
|
|
28
|
+
}
|
|
29
|
+
],
|
|
30
|
+
parser: '@typescript-eslint/parser',
|
|
31
|
+
parserOptions: {
|
|
32
|
+
ecmaVersion: '2021',
|
|
33
|
+
sourceType: 'module'
|
|
34
|
+
},
|
|
35
|
+
plugins: ['@typescript-eslint', '@akinon/projectzero'],
|
|
36
|
+
rules: {
|
|
37
|
+
'@typescript-eslint/no-unused-vars': 'warn',
|
|
38
|
+
'@typescript-eslint/no-explicit-any': 'warn'
|
|
39
|
+
}
|
|
40
|
+
};
|
package/.prettierrc
CHANGED
|
@@ -1,13 +1,13 @@
|
|
|
1
|
-
{
|
|
2
|
-
"bracketSameLine": false,
|
|
3
|
-
"tabWidth": 2,
|
|
4
|
-
"singleQuote": true,
|
|
5
|
-
"jsxSingleQuote": false,
|
|
6
|
-
"bracketSpacing": true,
|
|
7
|
-
"semi": true,
|
|
8
|
-
"useTabs": false,
|
|
9
|
-
"arrowParens": "always",
|
|
10
|
-
"endOfLine": "lf",
|
|
11
|
-
"proseWrap": "never",
|
|
12
|
-
"trailingComma": "none"
|
|
13
|
-
}
|
|
1
|
+
{
|
|
2
|
+
"bracketSameLine": false,
|
|
3
|
+
"tabWidth": 2,
|
|
4
|
+
"singleQuote": true,
|
|
5
|
+
"jsxSingleQuote": false,
|
|
6
|
+
"bracketSpacing": true,
|
|
7
|
+
"semi": true,
|
|
8
|
+
"useTabs": false,
|
|
9
|
+
"arrowParens": "always",
|
|
10
|
+
"endOfLine": "lf",
|
|
11
|
+
"proseWrap": "never",
|
|
12
|
+
"trailingComma": "none"
|
|
13
|
+
}
|
package/CHANGELOG.md
CHANGED
|
@@ -1,5 +1,24 @@
|
|
|
1
1
|
# @akinon/next
|
|
2
2
|
|
|
3
|
+
## 1.14.0
|
|
4
|
+
|
|
5
|
+
### Minor Changes
|
|
6
|
+
|
|
7
|
+
- 35bce31: ZERO-2356: Add Price component
|
|
8
|
+
- 35bce31: ZERO-2332: Add endpoints for credit payment
|
|
9
|
+
- 35bce31: ZERO-2359: Add Input component
|
|
10
|
+
- 35bce31: ZERO-2394: Add stock alert list and delete endpoints
|
|
11
|
+
- 35bce31: ZERO-2393: Limit error log message length
|
|
12
|
+
- 35bce31: ZERO-2352: Add Button component
|
|
13
|
+
- 35bce31: ZERO-2325: Fix funds transfer payment error
|
|
14
|
+
- 35bce31: ZERO-2354: Add Accordion component
|
|
15
|
+
|
|
16
|
+
## 1.13.1
|
|
17
|
+
|
|
18
|
+
### Patch Changes
|
|
19
|
+
|
|
20
|
+
- Fix build error
|
|
21
|
+
|
|
3
22
|
## 1.13.0
|
|
4
23
|
|
|
5
24
|
### Minor Changes
|
package/api/auth.ts
CHANGED
|
@@ -1,231 +1,231 @@
|
|
|
1
|
-
import { NextApiRequest, NextApiResponse } from 'next';
|
|
2
|
-
import NextAuth, { Session } from 'next-auth';
|
|
3
|
-
import CredentialProvider from 'next-auth/providers/credentials';
|
|
4
|
-
import { ROUTES } from 'routes';
|
|
5
|
-
import { URLS, user } from '../data/urls';
|
|
6
|
-
import Settings from 'settings';
|
|
7
|
-
import { urlLocaleMatcherRegex } from '../utils';
|
|
8
|
-
import logger from '@akinon/next/utils/log';
|
|
9
|
-
import { AuthError } from '../types';
|
|
10
|
-
|
|
11
|
-
async function getCurrentUser(sessionId: string, currency = '') {
|
|
12
|
-
const headers = {
|
|
13
|
-
'Content-Type': 'application/json',
|
|
14
|
-
Cookie: `osessionid=${sessionId}`,
|
|
15
|
-
'x-currency': currency
|
|
16
|
-
};
|
|
17
|
-
|
|
18
|
-
const currentUser = await (
|
|
19
|
-
await fetch(URLS.user.currentUser, {
|
|
20
|
-
headers
|
|
21
|
-
})
|
|
22
|
-
).json();
|
|
23
|
-
|
|
24
|
-
logger.debug('Successfully fetched current user data', { currentUser });
|
|
25
|
-
|
|
26
|
-
return {
|
|
27
|
-
pk: currentUser.pk,
|
|
28
|
-
firstName: currentUser.first_name,
|
|
29
|
-
lastName: currentUser.last_name,
|
|
30
|
-
email: currentUser.email,
|
|
31
|
-
phone: currentUser.phone,
|
|
32
|
-
emailAllowed: currentUser.email_allowed,
|
|
33
|
-
smsAllowed: currentUser.sms_allowed,
|
|
34
|
-
dateJoined: currentUser.date_joined,
|
|
35
|
-
lastLogin: currentUser.last_login,
|
|
36
|
-
dateOfBirth: currentUser.date_of_birth,
|
|
37
|
-
hashedEmail: currentUser.hashed_email,
|
|
38
|
-
gender: currentUser.gender,
|
|
39
|
-
token: ''
|
|
40
|
-
};
|
|
41
|
-
}
|
|
42
|
-
|
|
43
|
-
const nextAuthOptions = (req: NextApiRequest, res: NextApiResponse) => {
|
|
44
|
-
return {
|
|
45
|
-
providers: [
|
|
46
|
-
CredentialProvider({
|
|
47
|
-
id: 'oauth',
|
|
48
|
-
name: 'credentials',
|
|
49
|
-
credentials: {},
|
|
50
|
-
authorize: async (credentials) => {
|
|
51
|
-
const sessionId = req.cookies['osessionid'];
|
|
52
|
-
|
|
53
|
-
if (!sessionId) {
|
|
54
|
-
return null;
|
|
55
|
-
}
|
|
56
|
-
|
|
57
|
-
const currentUser = await getCurrentUser(
|
|
58
|
-
sessionId,
|
|
59
|
-
req.cookies['pz-currency'] ?? ''
|
|
60
|
-
);
|
|
61
|
-
return currentUser;
|
|
62
|
-
}
|
|
63
|
-
}),
|
|
64
|
-
CredentialProvider({
|
|
65
|
-
id: 'default',
|
|
66
|
-
name: 'credentials',
|
|
67
|
-
credentials: {
|
|
68
|
-
email: { label: 'Email', type: 'email', placeholder: 'Email' },
|
|
69
|
-
password: {
|
|
70
|
-
label: 'Password',
|
|
71
|
-
type: 'password',
|
|
72
|
-
placeholder: 'Password'
|
|
73
|
-
},
|
|
74
|
-
formType: {},
|
|
75
|
-
locale: {},
|
|
76
|
-
captchaValidated: {}
|
|
77
|
-
},
|
|
78
|
-
authorize: async (credentials) => {
|
|
79
|
-
const headers: HeadersInit = new Headers();
|
|
80
|
-
const language = Settings.localization.locales.find(
|
|
81
|
-
(item) => item.value === credentials.locale
|
|
82
|
-
).apiValue;
|
|
83
|
-
|
|
84
|
-
headers.set('Content-Type', 'application/json');
|
|
85
|
-
headers.set('cookie', `${req.headers.cookie}`);
|
|
86
|
-
headers.set('Accept-Language', `${language}`);
|
|
87
|
-
headers.set('x-currency', req.cookies['pz-currency'] ?? '');
|
|
88
|
-
|
|
89
|
-
logger.debug('Trying to login/register', {
|
|
90
|
-
formType: credentials.formType
|
|
91
|
-
});
|
|
92
|
-
|
|
93
|
-
const apiRequest = await fetch(
|
|
94
|
-
`${Settings.commerceUrl}${user[credentials.formType]}`,
|
|
95
|
-
{
|
|
96
|
-
method: 'POST',
|
|
97
|
-
headers,
|
|
98
|
-
body: JSON.stringify(credentials)
|
|
99
|
-
}
|
|
100
|
-
);
|
|
101
|
-
|
|
102
|
-
logger.info(`Login/Register request result: ${apiRequest.status}`);
|
|
103
|
-
|
|
104
|
-
const response = (await apiRequest.json()) as {
|
|
105
|
-
key: string;
|
|
106
|
-
non_field_errors: string[];
|
|
107
|
-
redirect_url: string;
|
|
108
|
-
};
|
|
109
|
-
|
|
110
|
-
logger.debug(`Login/Register response: ${JSON.stringify(response)}`);
|
|
111
|
-
|
|
112
|
-
let sessionId = '';
|
|
113
|
-
const setCookieHeader = apiRequest.headers.get('set-cookie');
|
|
114
|
-
if (setCookieHeader) {
|
|
115
|
-
sessionId =
|
|
116
|
-
setCookieHeader
|
|
117
|
-
.match(/osessionid=\w+/)?.[0]
|
|
118
|
-
.replace(/osessionid=/, '') || '';
|
|
119
|
-
|
|
120
|
-
logger.debug(`Login/Register session id: ${sessionId}`);
|
|
121
|
-
} else {
|
|
122
|
-
logger.warn('No set-cookie header found in response');
|
|
123
|
-
}
|
|
124
|
-
|
|
125
|
-
if (sessionId) {
|
|
126
|
-
res.setHeader('Set-Cookie', [
|
|
127
|
-
`osessionid=${sessionId}; Path=/; HttpOnly; Secure;`,
|
|
128
|
-
`sessionid=${sessionId}; Path=/; HttpOnly; Secure;` // required to get 3D redirection form
|
|
129
|
-
]);
|
|
130
|
-
}
|
|
131
|
-
|
|
132
|
-
if (!response.key) {
|
|
133
|
-
const errors = [] as AuthError[];
|
|
134
|
-
|
|
135
|
-
const fieldErrors = Object.keys(response ?? {})
|
|
136
|
-
.filter((key) => key !== 'non_field_errors')
|
|
137
|
-
.map((key) => {
|
|
138
|
-
return {
|
|
139
|
-
name: key,
|
|
140
|
-
value: response[key]
|
|
141
|
-
};
|
|
142
|
-
});
|
|
143
|
-
|
|
144
|
-
if (response.redirect_url?.includes('captcha')) {
|
|
145
|
-
errors.push({
|
|
146
|
-
type: 'captcha'
|
|
147
|
-
});
|
|
148
|
-
|
|
149
|
-
logger.debug('Captcha required', {
|
|
150
|
-
email: credentials.email,
|
|
151
|
-
formType: credentials.formType
|
|
152
|
-
});
|
|
153
|
-
} else if (apiRequest.status === 202) {
|
|
154
|
-
errors.push({
|
|
155
|
-
type: 'otp'
|
|
156
|
-
});
|
|
157
|
-
} else if (fieldErrors.length) {
|
|
158
|
-
errors.push({
|
|
159
|
-
type: 'field_errors',
|
|
160
|
-
data: fieldErrors
|
|
161
|
-
});
|
|
162
|
-
} else if (response.non_field_errors) {
|
|
163
|
-
errors.push({
|
|
164
|
-
type: 'non_field_errors',
|
|
165
|
-
data: response.non_field_errors
|
|
166
|
-
});
|
|
167
|
-
}
|
|
168
|
-
|
|
169
|
-
if (errors.length) {
|
|
170
|
-
throw new Error(JSON.stringify(errors));
|
|
171
|
-
}
|
|
172
|
-
}
|
|
173
|
-
|
|
174
|
-
const currentUser = await getCurrentUser(
|
|
175
|
-
sessionId,
|
|
176
|
-
req.cookies['pz-currency'] ?? ''
|
|
177
|
-
);
|
|
178
|
-
return currentUser;
|
|
179
|
-
}
|
|
180
|
-
})
|
|
181
|
-
],
|
|
182
|
-
callbacks: {
|
|
183
|
-
jwt: async ({ token, user }) => {
|
|
184
|
-
if (user) {
|
|
185
|
-
token.user = user;
|
|
186
|
-
}
|
|
187
|
-
|
|
188
|
-
return token;
|
|
189
|
-
},
|
|
190
|
-
async session({ session, user, token }) {
|
|
191
|
-
session.user = token.user as Session['user'];
|
|
192
|
-
return session;
|
|
193
|
-
},
|
|
194
|
-
async redirect({ url, baseUrl }: { url: string; baseUrl: string }) {
|
|
195
|
-
const pathname = url.startsWith('/') ? url : url.replace(baseUrl, '');
|
|
196
|
-
const pathnameWithoutLocale = pathname.replace(
|
|
197
|
-
urlLocaleMatcherRegex,
|
|
198
|
-
''
|
|
199
|
-
);
|
|
200
|
-
|
|
201
|
-
const localeResults = req.headers.referer
|
|
202
|
-
.replace(baseUrl, '')
|
|
203
|
-
.match(urlLocaleMatcherRegex);
|
|
204
|
-
|
|
205
|
-
return `${baseUrl}${localeResults?.[0] || ''}${pathnameWithoutLocale}`;
|
|
206
|
-
}
|
|
207
|
-
},
|
|
208
|
-
events: {
|
|
209
|
-
signIn: () => {
|
|
210
|
-
logger.debug('Successfully signed in');
|
|
211
|
-
},
|
|
212
|
-
signOut: () => {
|
|
213
|
-
res.setHeader('Set-Cookie', [
|
|
214
|
-
`osessionid=; Path=/; expires=Thu, 01 Jan 1970 00:00:00 GMT`,
|
|
215
|
-
`sessionid=; Path=/; expires=Thu, 01 Jan 1970 00:00:00 GMT`
|
|
216
|
-
]);
|
|
217
|
-
logger.debug('Successfully signed out');
|
|
218
|
-
}
|
|
219
|
-
},
|
|
220
|
-
pages: {
|
|
221
|
-
signIn: ROUTES.AUTH,
|
|
222
|
-
error: ROUTES.AUTH
|
|
223
|
-
}
|
|
224
|
-
};
|
|
225
|
-
};
|
|
226
|
-
|
|
227
|
-
const Auth = (req, res) => {
|
|
228
|
-
return NextAuth(req, res, nextAuthOptions(req, res));
|
|
229
|
-
};
|
|
230
|
-
|
|
231
|
-
export default Auth;
|
|
1
|
+
import { NextApiRequest, NextApiResponse } from 'next';
|
|
2
|
+
import NextAuth, { Session } from 'next-auth';
|
|
3
|
+
import CredentialProvider from 'next-auth/providers/credentials';
|
|
4
|
+
import { ROUTES } from 'routes';
|
|
5
|
+
import { URLS, user } from '../data/urls';
|
|
6
|
+
import Settings from 'settings';
|
|
7
|
+
import { urlLocaleMatcherRegex } from '../utils';
|
|
8
|
+
import logger from '@akinon/next/utils/log';
|
|
9
|
+
import { AuthError } from '../types';
|
|
10
|
+
|
|
11
|
+
async function getCurrentUser(sessionId: string, currency = '') {
|
|
12
|
+
const headers = {
|
|
13
|
+
'Content-Type': 'application/json',
|
|
14
|
+
Cookie: `osessionid=${sessionId}`,
|
|
15
|
+
'x-currency': currency
|
|
16
|
+
};
|
|
17
|
+
|
|
18
|
+
const currentUser = await (
|
|
19
|
+
await fetch(URLS.user.currentUser, {
|
|
20
|
+
headers
|
|
21
|
+
})
|
|
22
|
+
).json();
|
|
23
|
+
|
|
24
|
+
logger.debug('Successfully fetched current user data', { currentUser });
|
|
25
|
+
|
|
26
|
+
return {
|
|
27
|
+
pk: currentUser.pk,
|
|
28
|
+
firstName: currentUser.first_name,
|
|
29
|
+
lastName: currentUser.last_name,
|
|
30
|
+
email: currentUser.email,
|
|
31
|
+
phone: currentUser.phone,
|
|
32
|
+
emailAllowed: currentUser.email_allowed,
|
|
33
|
+
smsAllowed: currentUser.sms_allowed,
|
|
34
|
+
dateJoined: currentUser.date_joined,
|
|
35
|
+
lastLogin: currentUser.last_login,
|
|
36
|
+
dateOfBirth: currentUser.date_of_birth,
|
|
37
|
+
hashedEmail: currentUser.hashed_email,
|
|
38
|
+
gender: currentUser.gender,
|
|
39
|
+
token: ''
|
|
40
|
+
};
|
|
41
|
+
}
|
|
42
|
+
|
|
43
|
+
const nextAuthOptions = (req: NextApiRequest, res: NextApiResponse) => {
|
|
44
|
+
return {
|
|
45
|
+
providers: [
|
|
46
|
+
CredentialProvider({
|
|
47
|
+
id: 'oauth',
|
|
48
|
+
name: 'credentials',
|
|
49
|
+
credentials: {},
|
|
50
|
+
authorize: async (credentials) => {
|
|
51
|
+
const sessionId = req.cookies['osessionid'];
|
|
52
|
+
|
|
53
|
+
if (!sessionId) {
|
|
54
|
+
return null;
|
|
55
|
+
}
|
|
56
|
+
|
|
57
|
+
const currentUser = await getCurrentUser(
|
|
58
|
+
sessionId,
|
|
59
|
+
req.cookies['pz-currency'] ?? ''
|
|
60
|
+
);
|
|
61
|
+
return currentUser;
|
|
62
|
+
}
|
|
63
|
+
}),
|
|
64
|
+
CredentialProvider({
|
|
65
|
+
id: 'default',
|
|
66
|
+
name: 'credentials',
|
|
67
|
+
credentials: {
|
|
68
|
+
email: { label: 'Email', type: 'email', placeholder: 'Email' },
|
|
69
|
+
password: {
|
|
70
|
+
label: 'Password',
|
|
71
|
+
type: 'password',
|
|
72
|
+
placeholder: 'Password'
|
|
73
|
+
},
|
|
74
|
+
formType: {},
|
|
75
|
+
locale: {},
|
|
76
|
+
captchaValidated: {}
|
|
77
|
+
},
|
|
78
|
+
authorize: async (credentials) => {
|
|
79
|
+
const headers: HeadersInit = new Headers();
|
|
80
|
+
const language = Settings.localization.locales.find(
|
|
81
|
+
(item) => item.value === credentials.locale
|
|
82
|
+
).apiValue;
|
|
83
|
+
|
|
84
|
+
headers.set('Content-Type', 'application/json');
|
|
85
|
+
headers.set('cookie', `${req.headers.cookie}`);
|
|
86
|
+
headers.set('Accept-Language', `${language}`);
|
|
87
|
+
headers.set('x-currency', req.cookies['pz-currency'] ?? '');
|
|
88
|
+
|
|
89
|
+
logger.debug('Trying to login/register', {
|
|
90
|
+
formType: credentials.formType
|
|
91
|
+
});
|
|
92
|
+
|
|
93
|
+
const apiRequest = await fetch(
|
|
94
|
+
`${Settings.commerceUrl}${user[credentials.formType]}`,
|
|
95
|
+
{
|
|
96
|
+
method: 'POST',
|
|
97
|
+
headers,
|
|
98
|
+
body: JSON.stringify(credentials)
|
|
99
|
+
}
|
|
100
|
+
);
|
|
101
|
+
|
|
102
|
+
logger.info(`Login/Register request result: ${apiRequest.status}`);
|
|
103
|
+
|
|
104
|
+
const response = (await apiRequest.json()) as {
|
|
105
|
+
key: string;
|
|
106
|
+
non_field_errors: string[];
|
|
107
|
+
redirect_url: string;
|
|
108
|
+
};
|
|
109
|
+
|
|
110
|
+
logger.debug(`Login/Register response: ${JSON.stringify(response)}`);
|
|
111
|
+
|
|
112
|
+
let sessionId = '';
|
|
113
|
+
const setCookieHeader = apiRequest.headers.get('set-cookie');
|
|
114
|
+
if (setCookieHeader) {
|
|
115
|
+
sessionId =
|
|
116
|
+
setCookieHeader
|
|
117
|
+
.match(/osessionid=\w+/)?.[0]
|
|
118
|
+
.replace(/osessionid=/, '') || '';
|
|
119
|
+
|
|
120
|
+
logger.debug(`Login/Register session id: ${sessionId}`);
|
|
121
|
+
} else {
|
|
122
|
+
logger.warn('No set-cookie header found in response');
|
|
123
|
+
}
|
|
124
|
+
|
|
125
|
+
if (sessionId) {
|
|
126
|
+
res.setHeader('Set-Cookie', [
|
|
127
|
+
`osessionid=${sessionId}; Path=/; HttpOnly; Secure;`,
|
|
128
|
+
`sessionid=${sessionId}; Path=/; HttpOnly; Secure;` // required to get 3D redirection form
|
|
129
|
+
]);
|
|
130
|
+
}
|
|
131
|
+
|
|
132
|
+
if (!response.key) {
|
|
133
|
+
const errors = [] as AuthError[];
|
|
134
|
+
|
|
135
|
+
const fieldErrors = Object.keys(response ?? {})
|
|
136
|
+
.filter((key) => key !== 'non_field_errors')
|
|
137
|
+
.map((key) => {
|
|
138
|
+
return {
|
|
139
|
+
name: key,
|
|
140
|
+
value: response[key]
|
|
141
|
+
};
|
|
142
|
+
});
|
|
143
|
+
|
|
144
|
+
if (response.redirect_url?.includes('captcha')) {
|
|
145
|
+
errors.push({
|
|
146
|
+
type: 'captcha'
|
|
147
|
+
});
|
|
148
|
+
|
|
149
|
+
logger.debug('Captcha required', {
|
|
150
|
+
email: credentials.email,
|
|
151
|
+
formType: credentials.formType
|
|
152
|
+
});
|
|
153
|
+
} else if (apiRequest.status === 202) {
|
|
154
|
+
errors.push({
|
|
155
|
+
type: 'otp'
|
|
156
|
+
});
|
|
157
|
+
} else if (fieldErrors.length) {
|
|
158
|
+
errors.push({
|
|
159
|
+
type: 'field_errors',
|
|
160
|
+
data: fieldErrors
|
|
161
|
+
});
|
|
162
|
+
} else if (response.non_field_errors) {
|
|
163
|
+
errors.push({
|
|
164
|
+
type: 'non_field_errors',
|
|
165
|
+
data: response.non_field_errors
|
|
166
|
+
});
|
|
167
|
+
}
|
|
168
|
+
|
|
169
|
+
if (errors.length) {
|
|
170
|
+
throw new Error(JSON.stringify(errors));
|
|
171
|
+
}
|
|
172
|
+
}
|
|
173
|
+
|
|
174
|
+
const currentUser = await getCurrentUser(
|
|
175
|
+
sessionId,
|
|
176
|
+
req.cookies['pz-currency'] ?? ''
|
|
177
|
+
);
|
|
178
|
+
return currentUser;
|
|
179
|
+
}
|
|
180
|
+
})
|
|
181
|
+
],
|
|
182
|
+
callbacks: {
|
|
183
|
+
jwt: async ({ token, user }) => {
|
|
184
|
+
if (user) {
|
|
185
|
+
token.user = user;
|
|
186
|
+
}
|
|
187
|
+
|
|
188
|
+
return token;
|
|
189
|
+
},
|
|
190
|
+
async session({ session, user, token }) {
|
|
191
|
+
session.user = token.user as Session['user'];
|
|
192
|
+
return session;
|
|
193
|
+
},
|
|
194
|
+
async redirect({ url, baseUrl }: { url: string; baseUrl: string }) {
|
|
195
|
+
const pathname = url.startsWith('/') ? url : url.replace(baseUrl, '');
|
|
196
|
+
const pathnameWithoutLocale = pathname.replace(
|
|
197
|
+
urlLocaleMatcherRegex,
|
|
198
|
+
''
|
|
199
|
+
);
|
|
200
|
+
|
|
201
|
+
const localeResults = req.headers.referer
|
|
202
|
+
.replace(baseUrl, '')
|
|
203
|
+
.match(urlLocaleMatcherRegex);
|
|
204
|
+
|
|
205
|
+
return `${baseUrl}${localeResults?.[0] || ''}${pathnameWithoutLocale}`;
|
|
206
|
+
}
|
|
207
|
+
},
|
|
208
|
+
events: {
|
|
209
|
+
signIn: () => {
|
|
210
|
+
logger.debug('Successfully signed in');
|
|
211
|
+
},
|
|
212
|
+
signOut: () => {
|
|
213
|
+
res.setHeader('Set-Cookie', [
|
|
214
|
+
`osessionid=; Path=/; expires=Thu, 01 Jan 1970 00:00:00 GMT`,
|
|
215
|
+
`sessionid=; Path=/; expires=Thu, 01 Jan 1970 00:00:00 GMT`
|
|
216
|
+
]);
|
|
217
|
+
logger.debug('Successfully signed out');
|
|
218
|
+
}
|
|
219
|
+
},
|
|
220
|
+
pages: {
|
|
221
|
+
signIn: ROUTES.AUTH,
|
|
222
|
+
error: ROUTES.AUTH
|
|
223
|
+
}
|
|
224
|
+
};
|
|
225
|
+
};
|
|
226
|
+
|
|
227
|
+
const Auth = (req, res) => {
|
|
228
|
+
return NextAuth(req, res, nextAuthOptions(req, res));
|
|
229
|
+
};
|
|
230
|
+
|
|
231
|
+
export default Auth;
|