@akinon/next 1.13.1 → 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 +13 -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 +2 -1
- 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/utils/app-fetch.ts
CHANGED
|
@@ -1,69 +1,69 @@
|
|
|
1
|
-
import Settings from 'settings';
|
|
2
|
-
import { ServerVariables } from './server-variables';
|
|
3
|
-
import logger from '../utils/log';
|
|
4
|
-
import { headers } from 'next/headers';
|
|
5
|
-
|
|
6
|
-
export enum FetchResponseType {
|
|
7
|
-
JSON = 'json',
|
|
8
|
-
TEXT = 'text'
|
|
9
|
-
}
|
|
10
|
-
|
|
11
|
-
const appFetch = async <T>(
|
|
12
|
-
url: RequestInfo,
|
|
13
|
-
init: RequestInit = {},
|
|
14
|
-
responseType = FetchResponseType.JSON
|
|
15
|
-
) => {
|
|
16
|
-
let response: T;
|
|
17
|
-
let status: number;
|
|
18
|
-
let ip = '';
|
|
19
|
-
|
|
20
|
-
try {
|
|
21
|
-
const nextHeaders = headers();
|
|
22
|
-
ip = nextHeaders.get('x-forwarded-for') ?? '';
|
|
23
|
-
|
|
24
|
-
const commerceUrl = Settings.commerceUrl;
|
|
25
|
-
const currentLocale = Settings.localization.locales.find(
|
|
26
|
-
(locale) => locale.value === ServerVariables.locale
|
|
27
|
-
);
|
|
28
|
-
|
|
29
|
-
if (commerceUrl === 'default') {
|
|
30
|
-
logger.error('Commerce URL is not set. Current value is "default"');
|
|
31
|
-
return undefined;
|
|
32
|
-
}
|
|
33
|
-
|
|
34
|
-
const requestURL = `${decodeURIComponent(commerceUrl)}${url}`;
|
|
35
|
-
|
|
36
|
-
init.headers = {
|
|
37
|
-
...(init.headers ?? {}),
|
|
38
|
-
'Accept-Language': currentLocale.apiValue,
|
|
39
|
-
'x-currency': ServerVariables.currency
|
|
40
|
-
};
|
|
41
|
-
|
|
42
|
-
init.next = {
|
|
43
|
-
revalidate: 60
|
|
44
|
-
};
|
|
45
|
-
|
|
46
|
-
logger.debug(`FETCH START ${url}`, { requestURL, init, ip });
|
|
47
|
-
const req = await fetch(requestURL, init);
|
|
48
|
-
status = req.status;
|
|
49
|
-
logger.debug(`FETCH END ${url}`, { status: req.status, ip });
|
|
50
|
-
|
|
51
|
-
const rawData = await req.text();
|
|
52
|
-
|
|
53
|
-
if (responseType === FetchResponseType.JSON) {
|
|
54
|
-
response = JSON.parse(rawData);
|
|
55
|
-
} else {
|
|
56
|
-
response = rawData as unknown as T;
|
|
57
|
-
}
|
|
58
|
-
|
|
59
|
-
logger.trace(`FETCH RESPONSE`, { url, response, ip });
|
|
60
|
-
} catch (error) {
|
|
61
|
-
if (!url.toString().includes('/cms/seo/')) {
|
|
62
|
-
logger.error(`FETCH FAILED`, { url, status, error, ip });
|
|
63
|
-
}
|
|
64
|
-
}
|
|
65
|
-
|
|
66
|
-
return response;
|
|
67
|
-
};
|
|
68
|
-
|
|
69
|
-
export default appFetch;
|
|
1
|
+
import Settings from 'settings';
|
|
2
|
+
import { ServerVariables } from './server-variables';
|
|
3
|
+
import logger from '../utils/log';
|
|
4
|
+
import { headers } from 'next/headers';
|
|
5
|
+
|
|
6
|
+
export enum FetchResponseType {
|
|
7
|
+
JSON = 'json',
|
|
8
|
+
TEXT = 'text'
|
|
9
|
+
}
|
|
10
|
+
|
|
11
|
+
const appFetch = async <T>(
|
|
12
|
+
url: RequestInfo,
|
|
13
|
+
init: RequestInit = {},
|
|
14
|
+
responseType = FetchResponseType.JSON
|
|
15
|
+
) => {
|
|
16
|
+
let response: T;
|
|
17
|
+
let status: number;
|
|
18
|
+
let ip = '';
|
|
19
|
+
|
|
20
|
+
try {
|
|
21
|
+
const nextHeaders = headers();
|
|
22
|
+
ip = nextHeaders.get('x-forwarded-for') ?? '';
|
|
23
|
+
|
|
24
|
+
const commerceUrl = Settings.commerceUrl;
|
|
25
|
+
const currentLocale = Settings.localization.locales.find(
|
|
26
|
+
(locale) => locale.value === ServerVariables.locale
|
|
27
|
+
);
|
|
28
|
+
|
|
29
|
+
if (commerceUrl === 'default') {
|
|
30
|
+
logger.error('Commerce URL is not set. Current value is "default"');
|
|
31
|
+
return undefined;
|
|
32
|
+
}
|
|
33
|
+
|
|
34
|
+
const requestURL = `${decodeURIComponent(commerceUrl)}${url}`;
|
|
35
|
+
|
|
36
|
+
init.headers = {
|
|
37
|
+
...(init.headers ?? {}),
|
|
38
|
+
'Accept-Language': currentLocale.apiValue,
|
|
39
|
+
'x-currency': ServerVariables.currency
|
|
40
|
+
};
|
|
41
|
+
|
|
42
|
+
init.next = {
|
|
43
|
+
revalidate: 60
|
|
44
|
+
};
|
|
45
|
+
|
|
46
|
+
logger.debug(`FETCH START ${url}`, { requestURL, init, ip });
|
|
47
|
+
const req = await fetch(requestURL, init);
|
|
48
|
+
status = req.status;
|
|
49
|
+
logger.debug(`FETCH END ${url}`, { status: req.status, ip });
|
|
50
|
+
|
|
51
|
+
const rawData = await req.text();
|
|
52
|
+
|
|
53
|
+
if (responseType === FetchResponseType.JSON) {
|
|
54
|
+
response = JSON.parse(rawData);
|
|
55
|
+
} else {
|
|
56
|
+
response = rawData as unknown as T;
|
|
57
|
+
}
|
|
58
|
+
|
|
59
|
+
logger.trace(`FETCH RESPONSE`, { url, response, ip });
|
|
60
|
+
} catch (error) {
|
|
61
|
+
if (!url.toString().includes('/cms/seo/')) {
|
|
62
|
+
logger.error(`FETCH FAILED`, { url, status, error, ip });
|
|
63
|
+
}
|
|
64
|
+
}
|
|
65
|
+
|
|
66
|
+
return response;
|
|
67
|
+
};
|
|
68
|
+
|
|
69
|
+
export default appFetch;
|
package/utils/deep-merge.js
CHANGED
|
@@ -1,24 +1,24 @@
|
|
|
1
|
-
function isObject(item) {
|
|
2
|
-
return item && typeof item === 'object' && !Array.isArray(item);
|
|
3
|
-
}
|
|
4
|
-
|
|
5
|
-
function deepMerge(target, ...sources) {
|
|
6
|
-
if (!sources.length) return target;
|
|
7
|
-
|
|
8
|
-
const source = sources.shift();
|
|
9
|
-
|
|
10
|
-
if (isObject(target) && isObject(source)) {
|
|
11
|
-
for (const key in source) {
|
|
12
|
-
if (isObject(source[key])) {
|
|
13
|
-
if (!target[key]) Object.assign(target, { [key]: {} });
|
|
14
|
-
deepMerge(target[key], source[key]);
|
|
15
|
-
} else {
|
|
16
|
-
Object.assign(target, { [key]: source[key] });
|
|
17
|
-
}
|
|
18
|
-
}
|
|
19
|
-
}
|
|
20
|
-
|
|
21
|
-
return deepMerge(target, ...sources);
|
|
22
|
-
}
|
|
23
|
-
|
|
24
|
-
module.exports = deepMerge;
|
|
1
|
+
function isObject(item) {
|
|
2
|
+
return item && typeof item === 'object' && !Array.isArray(item);
|
|
3
|
+
}
|
|
4
|
+
|
|
5
|
+
function deepMerge(target, ...sources) {
|
|
6
|
+
if (!sources.length) return target;
|
|
7
|
+
|
|
8
|
+
const source = sources.shift();
|
|
9
|
+
|
|
10
|
+
if (isObject(target) && isObject(source)) {
|
|
11
|
+
for (const key in source) {
|
|
12
|
+
if (isObject(source[key])) {
|
|
13
|
+
if (!target[key]) Object.assign(target, { [key]: {} });
|
|
14
|
+
deepMerge(target[key], source[key]);
|
|
15
|
+
} else {
|
|
16
|
+
Object.assign(target, { [key]: source[key] });
|
|
17
|
+
}
|
|
18
|
+
}
|
|
19
|
+
}
|
|
20
|
+
|
|
21
|
+
return deepMerge(target, ...sources);
|
|
22
|
+
}
|
|
23
|
+
|
|
24
|
+
module.exports = deepMerge;
|
|
@@ -1,22 +1,22 @@
|
|
|
1
|
-
import logger from './log';
|
|
2
|
-
|
|
3
|
-
export const generateCommerceSearchParams = (searchParams?: URLSearchParams) => {
|
|
4
|
-
if (!searchParams) {
|
|
5
|
-
return null;
|
|
6
|
-
}
|
|
7
|
-
|
|
8
|
-
const urlSerchParams = new URLSearchParams(searchParams);
|
|
9
|
-
|
|
10
|
-
Object.entries(searchParams).forEach(([key, value]) => {
|
|
11
|
-
if (typeof value === 'object') {
|
|
12
|
-
urlSerchParams.delete(key);
|
|
13
|
-
value.forEach((val) => {
|
|
14
|
-
urlSerchParams.append(key, val);
|
|
15
|
-
});
|
|
16
|
-
}
|
|
17
|
-
});
|
|
18
|
-
|
|
19
|
-
logger.debug(`generateCommerceSearchParams: ${urlSerchParams.toString()}`);
|
|
20
|
-
|
|
21
|
-
return `?${urlSerchParams.toString()}`;
|
|
22
|
-
};
|
|
1
|
+
import logger from './log';
|
|
2
|
+
|
|
3
|
+
export const generateCommerceSearchParams = (searchParams?: URLSearchParams) => {
|
|
4
|
+
if (!searchParams) {
|
|
5
|
+
return null;
|
|
6
|
+
}
|
|
7
|
+
|
|
8
|
+
const urlSerchParams = new URLSearchParams(searchParams);
|
|
9
|
+
|
|
10
|
+
Object.entries(searchParams).forEach(([key, value]) => {
|
|
11
|
+
if (typeof value === 'object') {
|
|
12
|
+
urlSerchParams.delete(key);
|
|
13
|
+
value.forEach((val) => {
|
|
14
|
+
urlSerchParams.append(key, val);
|
|
15
|
+
});
|
|
16
|
+
}
|
|
17
|
+
});
|
|
18
|
+
|
|
19
|
+
logger.debug(`generateCommerceSearchParams: ${urlSerchParams.toString()}`);
|
|
20
|
+
|
|
21
|
+
return `?${urlSerchParams.toString()}`;
|
|
22
|
+
};
|
package/utils/get-currency.ts
CHANGED
|
@@ -1,29 +1,29 @@
|
|
|
1
|
-
'use client'
|
|
2
|
-
|
|
3
|
-
import getSymbolFromCurrency from 'currency-symbol-map';
|
|
4
|
-
|
|
5
|
-
type GetCurrencyType = {
|
|
6
|
-
currencyCode: string;
|
|
7
|
-
useCurrencySymbol?: boolean;
|
|
8
|
-
useCurrencyAfterPrice?: boolean;
|
|
9
|
-
useCurrencySpace?: boolean;
|
|
10
|
-
};
|
|
11
|
-
|
|
12
|
-
export const getCurrency = (args: GetCurrencyType) => {
|
|
13
|
-
const {
|
|
14
|
-
currencyCode,
|
|
15
|
-
useCurrencySymbol = true,
|
|
16
|
-
useCurrencyAfterPrice = true,
|
|
17
|
-
useCurrencySpace = true
|
|
18
|
-
} = args;
|
|
19
|
-
|
|
20
|
-
const currencySpace = useCurrencySpace ? ' ' : '';
|
|
21
|
-
const currency = useCurrencySymbol
|
|
22
|
-
? `${getSymbolFromCurrency(currencyCode)}`
|
|
23
|
-
: currencyCode;
|
|
24
|
-
const currencyAfterPrice = useCurrencyAfterPrice
|
|
25
|
-
? `${currencySpace}${currency}`
|
|
26
|
-
: `${currency}${currencySpace}`;
|
|
27
|
-
|
|
28
|
-
return currencyAfterPrice;
|
|
29
|
-
};
|
|
1
|
+
'use client'
|
|
2
|
+
|
|
3
|
+
import getSymbolFromCurrency from 'currency-symbol-map';
|
|
4
|
+
|
|
5
|
+
type GetCurrencyType = {
|
|
6
|
+
currencyCode: string;
|
|
7
|
+
useCurrencySymbol?: boolean;
|
|
8
|
+
useCurrencyAfterPrice?: boolean;
|
|
9
|
+
useCurrencySpace?: boolean;
|
|
10
|
+
};
|
|
11
|
+
|
|
12
|
+
export const getCurrency = (args: GetCurrencyType) => {
|
|
13
|
+
const {
|
|
14
|
+
currencyCode,
|
|
15
|
+
useCurrencySymbol = true,
|
|
16
|
+
useCurrencyAfterPrice = true,
|
|
17
|
+
useCurrencySpace = true
|
|
18
|
+
} = args;
|
|
19
|
+
|
|
20
|
+
const currencySpace = useCurrencySpace ? ' ' : '';
|
|
21
|
+
const currency = useCurrencySymbol
|
|
22
|
+
? `${getSymbolFromCurrency(currencyCode)}`
|
|
23
|
+
: currencyCode;
|
|
24
|
+
const currencyAfterPrice = useCurrencyAfterPrice
|
|
25
|
+
? `${currencySpace}${currency}`
|
|
26
|
+
: `${currency}${currencySpace}`;
|
|
27
|
+
|
|
28
|
+
return currencyAfterPrice;
|
|
29
|
+
};
|
package/utils/image-loader.ts
CHANGED
|
@@ -1,31 +1,31 @@
|
|
|
1
|
-
import { buildCDNUrl } from '.';
|
|
2
|
-
import { CDNOptions } from '../types';
|
|
3
|
-
|
|
4
|
-
export interface ImageLoaderParams {
|
|
5
|
-
src: string;
|
|
6
|
-
width: number;
|
|
7
|
-
quality: number;
|
|
8
|
-
crop: CDNOptions['crop'];
|
|
9
|
-
fill?: boolean;
|
|
10
|
-
aspectRatio?: number;
|
|
11
|
-
}
|
|
12
|
-
|
|
13
|
-
export const ImageLoader = ({
|
|
14
|
-
src,
|
|
15
|
-
width,
|
|
16
|
-
quality,
|
|
17
|
-
crop,
|
|
18
|
-
fill,
|
|
19
|
-
aspectRatio
|
|
20
|
-
}: ImageLoaderParams) => {
|
|
21
|
-
if (src.match(/akinoncdn|akinoncloud|b-cdn\.net/)) {
|
|
22
|
-
return buildCDNUrl(src, {
|
|
23
|
-
width,
|
|
24
|
-
height: fill ? parseInt(String(Number(width) / aspectRatio)) : undefined,
|
|
25
|
-
quality,
|
|
26
|
-
crop
|
|
27
|
-
});
|
|
28
|
-
}
|
|
29
|
-
|
|
30
|
-
return src;
|
|
31
|
-
};
|
|
1
|
+
import { buildCDNUrl } from '.';
|
|
2
|
+
import { CDNOptions } from '../types';
|
|
3
|
+
|
|
4
|
+
export interface ImageLoaderParams {
|
|
5
|
+
src: string;
|
|
6
|
+
width: number;
|
|
7
|
+
quality: number;
|
|
8
|
+
crop: CDNOptions['crop'];
|
|
9
|
+
fill?: boolean;
|
|
10
|
+
aspectRatio?: number;
|
|
11
|
+
}
|
|
12
|
+
|
|
13
|
+
export const ImageLoader = ({
|
|
14
|
+
src,
|
|
15
|
+
width,
|
|
16
|
+
quality,
|
|
17
|
+
crop,
|
|
18
|
+
fill,
|
|
19
|
+
aspectRatio
|
|
20
|
+
}: ImageLoaderParams) => {
|
|
21
|
+
if (src.match(/akinoncdn|akinoncloud|b-cdn\.net/)) {
|
|
22
|
+
return buildCDNUrl(src, {
|
|
23
|
+
width,
|
|
24
|
+
height: fill ? parseInt(String(Number(width) / aspectRatio)) : undefined,
|
|
25
|
+
quality,
|
|
26
|
+
crop
|
|
27
|
+
});
|
|
28
|
+
}
|
|
29
|
+
|
|
30
|
+
return src;
|
|
31
|
+
};
|
package/utils/index.ts
CHANGED
|
@@ -1,150 +1,150 @@
|
|
|
1
|
-
import settings from 'settings';
|
|
2
|
-
import { LocaleUrlStrategy } from '../localization';
|
|
3
|
-
import { CDNOptions, ClientRequestOptions } from '../types';
|
|
4
|
-
|
|
5
|
-
export * from './get-currency';
|
|
6
|
-
export * from './menu-generator';
|
|
7
|
-
export * from './generate-commerce-search-params';
|
|
8
|
-
|
|
9
|
-
export function getCookie(name: string) {
|
|
10
|
-
if (typeof document === 'undefined') {
|
|
11
|
-
return null;
|
|
12
|
-
}
|
|
13
|
-
|
|
14
|
-
const value = `; ${document.cookie}`;
|
|
15
|
-
const parts = value.split(`; ${name}=`);
|
|
16
|
-
|
|
17
|
-
if (parts.length === 2) {
|
|
18
|
-
return parts.pop().split(';').shift();
|
|
19
|
-
}
|
|
20
|
-
}
|
|
21
|
-
|
|
22
|
-
export function setCookie(name: string, val: string) {
|
|
23
|
-
const date = new Date();
|
|
24
|
-
const value = val;
|
|
25
|
-
|
|
26
|
-
date.setTime(date.getTime() + 7 * 24 * 60 * 60 * 1000);
|
|
27
|
-
|
|
28
|
-
document.cookie =
|
|
29
|
-
name + '=' + value + '; expires=' + date.toUTCString() + '; path=/';
|
|
30
|
-
}
|
|
31
|
-
|
|
32
|
-
export function removeCookie(name: string) {
|
|
33
|
-
const date = 'Thu, 01 Jan 1970 00:00:00 UTC';
|
|
34
|
-
|
|
35
|
-
document.cookie = `${name}=; expires=${date}; path=/;`;
|
|
36
|
-
}
|
|
37
|
-
|
|
38
|
-
/**
|
|
39
|
-
* @deprecated Use setCurrency method in useLocalization hook instead.
|
|
40
|
-
*/
|
|
41
|
-
export function setCurrency(currency: string) {
|
|
42
|
-
if (getCookie('pz-currency') !== currency) {
|
|
43
|
-
setCookie('pz-reset-basket', 'true');
|
|
44
|
-
}
|
|
45
|
-
|
|
46
|
-
setCookie('pz-currency', currency);
|
|
47
|
-
}
|
|
48
|
-
|
|
49
|
-
export function getTranslateFn(path: string, translations: any) {
|
|
50
|
-
const get = (parts_: Array<string>, tObj: any) => {
|
|
51
|
-
const currentPart = parts_[0];
|
|
52
|
-
|
|
53
|
-
if (parts_.length === 1) {
|
|
54
|
-
return tObj?.[currentPart] ?? path;
|
|
55
|
-
}
|
|
56
|
-
|
|
57
|
-
return get(parts_.slice(1), tObj?.[currentPart]);
|
|
58
|
-
};
|
|
59
|
-
|
|
60
|
-
return get(path.split('.'), translations);
|
|
61
|
-
}
|
|
62
|
-
|
|
63
|
-
export function buildClientRequestUrl(
|
|
64
|
-
path: string,
|
|
65
|
-
options?: ClientRequestOptions
|
|
66
|
-
) {
|
|
67
|
-
let url = `/api/client${path}`;
|
|
68
|
-
|
|
69
|
-
if (options) {
|
|
70
|
-
if (url.includes('?')) {
|
|
71
|
-
url += '&';
|
|
72
|
-
} else {
|
|
73
|
-
url += '?';
|
|
74
|
-
}
|
|
75
|
-
|
|
76
|
-
url += `options=${encodeURIComponent(JSON.stringify(options))}`;
|
|
77
|
-
}
|
|
78
|
-
|
|
79
|
-
return url;
|
|
80
|
-
}
|
|
81
|
-
|
|
82
|
-
export function capitalize(str: string) {
|
|
83
|
-
return str.charAt(0).toUpperCase() + str.slice(1);
|
|
84
|
-
}
|
|
85
|
-
|
|
86
|
-
export function asTypedObject<E>() {
|
|
87
|
-
return function <T>(et: { [K in keyof T]: E }) {
|
|
88
|
-
return et;
|
|
89
|
-
};
|
|
90
|
-
}
|
|
91
|
-
|
|
92
|
-
function splitUrlByFileExtension(path: string) {
|
|
93
|
-
const lastDotIndex = path.lastIndexOf('.');
|
|
94
|
-
return [path.slice(0, lastDotIndex), path.slice(lastDotIndex)] as const;
|
|
95
|
-
}
|
|
96
|
-
|
|
97
|
-
export function buildCDNUrl(url: string, config?: CDNOptions) {
|
|
98
|
-
const [root, fileExtension] = splitUrlByFileExtension(url);
|
|
99
|
-
|
|
100
|
-
let options = '';
|
|
101
|
-
|
|
102
|
-
if (config) {
|
|
103
|
-
const { width, height, quality, crop, upscale } = config;
|
|
104
|
-
|
|
105
|
-
if (width && height) {
|
|
106
|
-
options += `_size${width}x${height}`;
|
|
107
|
-
} else if (height) {
|
|
108
|
-
options += `_sizex${height}`;
|
|
109
|
-
} else if (width) {
|
|
110
|
-
options += `_size${width}`;
|
|
111
|
-
}
|
|
112
|
-
|
|
113
|
-
if (quality) {
|
|
114
|
-
options += `_quality${quality}`;
|
|
115
|
-
}
|
|
116
|
-
|
|
117
|
-
if (crop) {
|
|
118
|
-
options += `_crop${capitalize(crop)}`;
|
|
119
|
-
}
|
|
120
|
-
|
|
121
|
-
if (upscale) {
|
|
122
|
-
options += `_upscale${upscale.toString()}`;
|
|
123
|
-
}
|
|
124
|
-
}
|
|
125
|
-
|
|
126
|
-
return `${root}${options}${fileExtension}`;
|
|
127
|
-
}
|
|
128
|
-
|
|
129
|
-
export const urlLocaleMatcherRegex = new RegExp(
|
|
130
|
-
`^/(${settings.localization.locales
|
|
131
|
-
.filter((l) =>
|
|
132
|
-
settings.localization.localeUrlStrategy !==
|
|
133
|
-
LocaleUrlStrategy.ShowAllLocales
|
|
134
|
-
? l.value !== settings.localization.defaultLocaleValue
|
|
135
|
-
: l
|
|
136
|
-
)
|
|
137
|
-
.map((l) => l.value)
|
|
138
|
-
.join('|')})`
|
|
139
|
-
);
|
|
140
|
-
|
|
141
|
-
export const getPosError = () => {
|
|
142
|
-
const error = JSON.parse(getCookie('pz-pos-error') ?? '{}');
|
|
143
|
-
|
|
144
|
-
// delete 'pz-pos-error' cookie when refreshing or closing page
|
|
145
|
-
window.addEventListener('beforeunload', () => {
|
|
146
|
-
removeCookie('pz-pos-error');
|
|
147
|
-
});
|
|
148
|
-
|
|
149
|
-
return error;
|
|
150
|
-
};
|
|
1
|
+
import settings from 'settings';
|
|
2
|
+
import { LocaleUrlStrategy } from '../localization';
|
|
3
|
+
import { CDNOptions, ClientRequestOptions } from '../types';
|
|
4
|
+
|
|
5
|
+
export * from './get-currency';
|
|
6
|
+
export * from './menu-generator';
|
|
7
|
+
export * from './generate-commerce-search-params';
|
|
8
|
+
|
|
9
|
+
export function getCookie(name: string) {
|
|
10
|
+
if (typeof document === 'undefined') {
|
|
11
|
+
return null;
|
|
12
|
+
}
|
|
13
|
+
|
|
14
|
+
const value = `; ${document.cookie}`;
|
|
15
|
+
const parts = value.split(`; ${name}=`);
|
|
16
|
+
|
|
17
|
+
if (parts.length === 2) {
|
|
18
|
+
return parts.pop().split(';').shift();
|
|
19
|
+
}
|
|
20
|
+
}
|
|
21
|
+
|
|
22
|
+
export function setCookie(name: string, val: string) {
|
|
23
|
+
const date = new Date();
|
|
24
|
+
const value = val;
|
|
25
|
+
|
|
26
|
+
date.setTime(date.getTime() + 7 * 24 * 60 * 60 * 1000);
|
|
27
|
+
|
|
28
|
+
document.cookie =
|
|
29
|
+
name + '=' + value + '; expires=' + date.toUTCString() + '; path=/';
|
|
30
|
+
}
|
|
31
|
+
|
|
32
|
+
export function removeCookie(name: string) {
|
|
33
|
+
const date = 'Thu, 01 Jan 1970 00:00:00 UTC';
|
|
34
|
+
|
|
35
|
+
document.cookie = `${name}=; expires=${date}; path=/;`;
|
|
36
|
+
}
|
|
37
|
+
|
|
38
|
+
/**
|
|
39
|
+
* @deprecated Use setCurrency method in useLocalization hook instead.
|
|
40
|
+
*/
|
|
41
|
+
export function setCurrency(currency: string) {
|
|
42
|
+
if (getCookie('pz-currency') !== currency) {
|
|
43
|
+
setCookie('pz-reset-basket', 'true');
|
|
44
|
+
}
|
|
45
|
+
|
|
46
|
+
setCookie('pz-currency', currency);
|
|
47
|
+
}
|
|
48
|
+
|
|
49
|
+
export function getTranslateFn(path: string, translations: any) {
|
|
50
|
+
const get = (parts_: Array<string>, tObj: any) => {
|
|
51
|
+
const currentPart = parts_[0];
|
|
52
|
+
|
|
53
|
+
if (parts_.length === 1) {
|
|
54
|
+
return tObj?.[currentPart] ?? path;
|
|
55
|
+
}
|
|
56
|
+
|
|
57
|
+
return get(parts_.slice(1), tObj?.[currentPart]);
|
|
58
|
+
};
|
|
59
|
+
|
|
60
|
+
return get(path.split('.'), translations);
|
|
61
|
+
}
|
|
62
|
+
|
|
63
|
+
export function buildClientRequestUrl(
|
|
64
|
+
path: string,
|
|
65
|
+
options?: ClientRequestOptions
|
|
66
|
+
) {
|
|
67
|
+
let url = `/api/client${path}`;
|
|
68
|
+
|
|
69
|
+
if (options) {
|
|
70
|
+
if (url.includes('?')) {
|
|
71
|
+
url += '&';
|
|
72
|
+
} else {
|
|
73
|
+
url += '?';
|
|
74
|
+
}
|
|
75
|
+
|
|
76
|
+
url += `options=${encodeURIComponent(JSON.stringify(options))}`;
|
|
77
|
+
}
|
|
78
|
+
|
|
79
|
+
return url;
|
|
80
|
+
}
|
|
81
|
+
|
|
82
|
+
export function capitalize(str: string) {
|
|
83
|
+
return str.charAt(0).toUpperCase() + str.slice(1);
|
|
84
|
+
}
|
|
85
|
+
|
|
86
|
+
export function asTypedObject<E>() {
|
|
87
|
+
return function <T>(et: { [K in keyof T]: E }) {
|
|
88
|
+
return et;
|
|
89
|
+
};
|
|
90
|
+
}
|
|
91
|
+
|
|
92
|
+
function splitUrlByFileExtension(path: string) {
|
|
93
|
+
const lastDotIndex = path.lastIndexOf('.');
|
|
94
|
+
return [path.slice(0, lastDotIndex), path.slice(lastDotIndex)] as const;
|
|
95
|
+
}
|
|
96
|
+
|
|
97
|
+
export function buildCDNUrl(url: string, config?: CDNOptions) {
|
|
98
|
+
const [root, fileExtension] = splitUrlByFileExtension(url);
|
|
99
|
+
|
|
100
|
+
let options = '';
|
|
101
|
+
|
|
102
|
+
if (config) {
|
|
103
|
+
const { width, height, quality, crop, upscale } = config;
|
|
104
|
+
|
|
105
|
+
if (width && height) {
|
|
106
|
+
options += `_size${width}x${height}`;
|
|
107
|
+
} else if (height) {
|
|
108
|
+
options += `_sizex${height}`;
|
|
109
|
+
} else if (width) {
|
|
110
|
+
options += `_size${width}`;
|
|
111
|
+
}
|
|
112
|
+
|
|
113
|
+
if (quality) {
|
|
114
|
+
options += `_quality${quality}`;
|
|
115
|
+
}
|
|
116
|
+
|
|
117
|
+
if (crop) {
|
|
118
|
+
options += `_crop${capitalize(crop)}`;
|
|
119
|
+
}
|
|
120
|
+
|
|
121
|
+
if (upscale) {
|
|
122
|
+
options += `_upscale${upscale.toString()}`;
|
|
123
|
+
}
|
|
124
|
+
}
|
|
125
|
+
|
|
126
|
+
return `${root}${options}${fileExtension}`;
|
|
127
|
+
}
|
|
128
|
+
|
|
129
|
+
export const urlLocaleMatcherRegex = new RegExp(
|
|
130
|
+
`^/(${settings.localization.locales
|
|
131
|
+
.filter((l) =>
|
|
132
|
+
settings.localization.localeUrlStrategy !==
|
|
133
|
+
LocaleUrlStrategy.ShowAllLocales
|
|
134
|
+
? l.value !== settings.localization.defaultLocaleValue
|
|
135
|
+
: l
|
|
136
|
+
)
|
|
137
|
+
.map((l) => l.value)
|
|
138
|
+
.join('|')})`
|
|
139
|
+
);
|
|
140
|
+
|
|
141
|
+
export const getPosError = () => {
|
|
142
|
+
const error = JSON.parse(getCookie('pz-pos-error') ?? '{}');
|
|
143
|
+
|
|
144
|
+
// delete 'pz-pos-error' cookie when refreshing or closing page
|
|
145
|
+
window.addEventListener('beforeunload', () => {
|
|
146
|
+
removeCookie('pz-pos-error');
|
|
147
|
+
});
|
|
148
|
+
|
|
149
|
+
return error;
|
|
150
|
+
};
|