@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.
Files changed (133) hide show
  1. package/.editorconfig +7 -0
  2. package/.eslintrc.js +40 -40
  3. package/.prettierrc +13 -13
  4. package/CHANGELOG.md +19 -0
  5. package/api/auth.ts +231 -231
  6. package/api/cache.ts +44 -44
  7. package/api/client.ts +174 -174
  8. package/api/logout.ts +42 -42
  9. package/assets/styles/index.scss +28 -28
  10. package/bin/pz-check-dependencies.js +98 -98
  11. package/bin/pz-install-plugins.js +33 -33
  12. package/bin/pz-install-theme.js +58 -58
  13. package/bin/pz-postbuild.js +1 -1
  14. package/bin/pz-postdev.js +1 -1
  15. package/bin/pz-postinstall.js +6 -6
  16. package/bin/pz-poststart.js +1 -1
  17. package/bin/pz-prebuild.js +4 -4
  18. package/bin/pz-predev.js +4 -4
  19. package/bin/pz-prestart.js +1 -1
  20. package/bin/run-script.js +44 -44
  21. package/components/accordion.tsx +52 -0
  22. package/components/button.tsx +46 -0
  23. package/components/client-root.tsx +19 -19
  24. package/components/icon.tsx +18 -18
  25. package/components/image.tsx +133 -133
  26. package/components/index.ts +17 -1
  27. package/components/input.tsx +110 -0
  28. package/components/lazy-component.tsx +33 -33
  29. package/components/loader-spinner.tsx +23 -23
  30. package/components/mobile-app-toggler.tsx +26 -26
  31. package/components/oauth-login.tsx +24 -24
  32. package/components/plugin-module.tsx +11 -8
  33. package/components/price.tsx +55 -0
  34. package/components/pz-providers.tsx +24 -24
  35. package/components/pz-root.tsx +21 -21
  36. package/components/radio.tsx +18 -18
  37. package/components/react-portal.tsx +45 -45
  38. package/components/redirect-three-d/content/index.tsx +74 -74
  39. package/components/redirect-three-d/index.tsx +17 -17
  40. package/components/selected-payment-option-view.tsx +7 -0
  41. package/components/trans.tsx +39 -39
  42. package/data/client/account.ts +208 -208
  43. package/data/client/address.ts +107 -107
  44. package/data/client/api.ts +85 -84
  45. package/data/client/b2b.ts +106 -106
  46. package/data/client/basket.ts +82 -82
  47. package/data/client/checkout.ts +516 -479
  48. package/data/client/misc.ts +101 -101
  49. package/data/client/product.ts +89 -89
  50. package/data/client/user.ts +99 -99
  51. package/data/client/wishlist.ts +118 -88
  52. package/data/server/category.ts +132 -128
  53. package/data/server/flatpage.ts +21 -21
  54. package/data/server/form.ts +22 -22
  55. package/data/server/index.ts +10 -10
  56. package/data/server/landingpage.ts +24 -24
  57. package/data/server/list.ts +67 -62
  58. package/data/server/menu.ts +35 -35
  59. package/data/server/product.ts +86 -86
  60. package/data/server/seo.ts +48 -48
  61. package/data/server/special-page.ts +47 -47
  62. package/data/server/widget.ts +27 -27
  63. package/data/urls.ts +221 -210
  64. package/hocs/client/index.ts +1 -1
  65. package/hocs/client/with-segment-defaults.tsx +25 -25
  66. package/hocs/server/index.ts +1 -1
  67. package/hocs/server/with-segment-defaults.tsx +85 -85
  68. package/hooks/index.ts +10 -10
  69. package/hooks/use-captcha.tsx +76 -76
  70. package/hooks/use-common-product-attributes.ts +36 -36
  71. package/hooks/use-debounce.ts +20 -20
  72. package/hooks/use-localization.ts +78 -78
  73. package/hooks/use-media-query.ts +36 -36
  74. package/hooks/use-mobile-iframe-handler.ts +23 -23
  75. package/hooks/use-on-click-outside.tsx +28 -28
  76. package/hooks/use-payment-options.ts +12 -16
  77. package/hooks/use-router.ts +45 -45
  78. package/hooks/use-translation.ts +14 -14
  79. package/lib/cache.ts +215 -215
  80. package/localization/index.ts +5 -5
  81. package/localization/provider.tsx +58 -58
  82. package/middlewares/currency.ts +100 -100
  83. package/middlewares/default.ts +256 -256
  84. package/middlewares/index.ts +29 -29
  85. package/middlewares/locale.ts +68 -68
  86. package/middlewares/oauth-login.ts +79 -79
  87. package/middlewares/pretty-url.ts +104 -104
  88. package/middlewares/redirection-payment.ts +160 -160
  89. package/middlewares/three-d-redirection.ts +159 -159
  90. package/middlewares/url-redirection.ts +65 -65
  91. package/package.json +2 -2
  92. package/plugins.js +2 -1
  93. package/redux/hooks.ts +7 -7
  94. package/redux/middlewares/checkout.ts +265 -260
  95. package/redux/middlewares/index.ts +50 -50
  96. package/redux/reducers/checkout.ts +184 -171
  97. package/redux/reducers/config.ts +28 -28
  98. package/redux/reducers/header.ts +59 -59
  99. package/redux/reducers/index.ts +14 -14
  100. package/redux/reducers/root.ts +61 -61
  101. package/sentry/index.ts +27 -27
  102. package/tailwind/rtl.js +137 -137
  103. package/types/commerce/account.ts +64 -64
  104. package/types/commerce/address.ts +94 -94
  105. package/types/commerce/b2b.ts +117 -117
  106. package/types/commerce/basket.ts +43 -43
  107. package/types/commerce/category.ts +114 -114
  108. package/types/commerce/checkout.ts +143 -136
  109. package/types/commerce/flatpage.ts +7 -7
  110. package/types/commerce/form.ts +66 -66
  111. package/types/commerce/index.ts +12 -12
  112. package/types/commerce/landingpage.ts +7 -7
  113. package/types/commerce/misc.ts +127 -127
  114. package/types/commerce/order.ts +119 -119
  115. package/types/commerce/product.ts +109 -109
  116. package/types/commerce/widget.ts +28 -28
  117. package/types/gtm.ts +16 -16
  118. package/types/index.ts +274 -237
  119. package/types/metadata.ts +7 -7
  120. package/types/next-auth.d.ts +24 -24
  121. package/utils/app-fetch.ts +69 -69
  122. package/utils/deep-merge.js +24 -24
  123. package/utils/generate-commerce-search-params.ts +22 -22
  124. package/utils/get-currency.ts +29 -29
  125. package/utils/image-loader.ts +31 -31
  126. package/utils/index.ts +150 -150
  127. package/utils/localization.ts +29 -29
  128. package/utils/log.ts +138 -138
  129. package/utils/menu-generator.ts +27 -27
  130. package/utils/mobile-3d-iframe.ts +77 -77
  131. package/utils/server-translation.ts +57 -57
  132. package/utils/server-variables.ts +9 -9
  133. package/with-pz-config.js +94 -94
@@ -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;
@@ -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
+ };
@@ -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
+ };
@@ -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
+ };