@akinon/next 1.47.0-rc.8 → 1.47.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 (54) hide show
  1. package/CHANGELOG.md +2 -455
  2. package/api/client.ts +17 -50
  3. package/assets/styles/index.scss +26 -50
  4. package/components/index.ts +0 -1
  5. package/components/input.tsx +7 -21
  6. package/components/link.tsx +13 -17
  7. package/components/pagination.tsx +2 -1
  8. package/components/price.tsx +4 -11
  9. package/components/selected-payment-option-view.tsx +38 -26
  10. package/data/client/account.ts +9 -10
  11. package/data/client/address.ts +8 -32
  12. package/data/client/api.ts +2 -2
  13. package/data/client/b2b.ts +2 -35
  14. package/data/client/basket.ts +5 -6
  15. package/data/client/checkout.ts +4 -47
  16. package/data/client/user.ts +2 -3
  17. package/data/server/category.ts +2 -2
  18. package/data/server/list.ts +2 -2
  19. package/data/server/product.ts +13 -15
  20. package/data/server/special-page.ts +2 -2
  21. package/data/urls.ts +2 -9
  22. package/hooks/index.ts +1 -2
  23. package/hooks/use-payment-options.ts +1 -2
  24. package/lib/cache.ts +6 -18
  25. package/middlewares/default.ts +8 -91
  26. package/middlewares/locale.ts +30 -32
  27. package/middlewares/pretty-url.ts +0 -4
  28. package/middlewares/url-redirection.ts +0 -4
  29. package/package.json +4 -5
  30. package/plugins.d.ts +0 -1
  31. package/redux/middlewares/checkout.ts +11 -70
  32. package/redux/reducers/checkout.ts +5 -24
  33. package/redux/reducers/config.ts +0 -2
  34. package/types/commerce/account.ts +0 -1
  35. package/types/commerce/address.ts +1 -1
  36. package/types/commerce/b2b.ts +2 -12
  37. package/types/commerce/checkout.ts +0 -30
  38. package/types/commerce/misc.ts +0 -2
  39. package/types/commerce/order.ts +0 -12
  40. package/types/index.ts +2 -31
  41. package/utils/app-fetch.ts +3 -6
  42. package/utils/generate-commerce-search-params.ts +2 -6
  43. package/utils/index.ts +6 -27
  44. package/utils/menu-generator.ts +2 -2
  45. package/utils/server-translation.ts +1 -5
  46. package/utils/server-variables.ts +1 -2
  47. package/with-pz-config.js +1 -11
  48. package/assets/styles/index.css +0 -49
  49. package/assets/styles/index.css.map +0 -1
  50. package/components/file-input.tsx +0 -8
  51. package/hooks/use-message-listener.ts +0 -24
  52. package/lib/cache-handler.mjs +0 -33
  53. package/routes/pretty-url.tsx +0 -194
  54. package/utils/redirection-iframe.ts +0 -85
@@ -17,7 +17,7 @@ export type AddressFormType = {
17
17
  line: string;
18
18
  postcode: string;
19
19
  company_name?: string;
20
- tax_no?: string;
20
+ tax_no?: number;
21
21
  tax_office?: string;
22
22
  e_bill_taxpayer?: boolean;
23
23
  country_code?: string;
@@ -72,7 +72,7 @@ export type BasketItemType = {
72
72
  divisions: BasketItemDivision[];
73
73
  product: ProductB2b;
74
74
  product_remote_id: number;
75
- };
75
+ }
76
76
 
77
77
  export type BasketParams = {
78
78
  division: string;
@@ -91,7 +91,7 @@ export type CreateQuotationParams = {
91
91
  export type UpdateProductParams = {
92
92
  product_remote_id: number;
93
93
  division: number;
94
- quantity: number;
94
+ quantity: number
95
95
  };
96
96
 
97
97
  export type DeleteProductParams = {
@@ -115,13 +115,3 @@ export type DraftResponse = {
115
115
  total_amount: number;
116
116
  total_quantity: number;
117
117
  };
118
-
119
- export type BasketStatusResponse = {
120
- is_ready: boolean;
121
- status: string;
122
- url: string;
123
- };
124
-
125
- export type ExportBasketResponse = {
126
- cache_key: string;
127
- };
@@ -33,23 +33,6 @@ export interface ShippingOption {
33
33
  slug: string;
34
34
  }
35
35
 
36
- export interface DataSource {
37
- pk: number;
38
- name: string;
39
- data_source_shipping_options: DataSourceShippingOption[];
40
- }
41
-
42
- export interface DataSourceShippingOption {
43
- pk: number;
44
- shipping_amount: string;
45
- shipping_option_name: string;
46
- shipping_option_logo: string | null;
47
- data_source: {
48
- pk: number;
49
- title: string | null;
50
- };
51
- }
52
-
53
36
  export interface CheckoutAddressType {
54
37
  label: string;
55
38
  text: string;
@@ -95,8 +78,6 @@ export interface PreOrder {
95
78
  retail_store?: RetailStore;
96
79
  gift_box?: GiftBox;
97
80
  credit_payment_option?: CheckoutCreditPaymentOption;
98
- data_source_shipping_options: any;
99
- attribute_based_shipping_options?: AttributeBasedShippingOption[];
100
81
  }
101
82
 
102
83
  export interface GuestLoginFormParams {
@@ -136,7 +117,6 @@ export interface CheckoutContext {
136
117
  redirect_url?: string;
137
118
  context_data?: any;
138
119
  balance?: string;
139
- attribute_based_shipping_options?: AttributeBasedShippingOption[];
140
120
  [key: string]: any;
141
121
  };
142
122
  }
@@ -162,13 +142,3 @@ export interface BankAccount {
162
142
  pk: number;
163
143
  sort_order: number;
164
144
  }
165
-
166
- export interface AttributeBasedShippingOption {
167
- pk: number;
168
- shipping_amount: string | null;
169
- shipping_option_name: string | null;
170
- shipping_option_logo: string | null;
171
- attribute_value: string | null;
172
- attribute_key: string;
173
- [key: string]: any;
174
- }
@@ -2,8 +2,6 @@ import { District } from './address';
2
2
  export interface Config {
3
3
  user_phone_regex: string;
4
4
  user_phone_format: string;
5
- user_post_code_regex: string;
6
- user_post_code_format: string;
7
5
  country: {
8
6
  pk: number;
9
7
  name: string;
@@ -52,10 +52,6 @@ export interface OrderItem {
52
52
  quantity: string;
53
53
  unit_price: string;
54
54
  total_amount: string;
55
- attributes: {
56
- gift_note: string;
57
- [key: string]: any;
58
- };
59
55
  }
60
56
 
61
57
  export interface Order {
@@ -109,14 +105,6 @@ export interface Order {
109
105
  shipping_option: number;
110
106
  tracking_number: string;
111
107
  tracking_url: string;
112
- [key: string]: any;
113
- bank: {
114
- pk: number;
115
- name: string;
116
- slug: string;
117
- logo: string;
118
- [key: string]: any;
119
- };
120
108
  }
121
109
 
122
110
  export interface Quotations {
package/types/index.ts CHANGED
@@ -2,7 +2,7 @@ import { LocaleUrlStrategy } from '../localization';
2
2
  import { PzNextRequest } from '../middlewares';
3
3
  import { Control, FieldError } from 'react-hook-form';
4
4
  import { ReactNode } from 'react';
5
- import { UsePaginationType } from '../hooks/use-pagination';
5
+
6
6
  declare global {
7
7
  interface Window {
8
8
  // we did it like this because declare types needs to be identical, if not it will fail
@@ -68,17 +68,9 @@ export interface Currency {
68
68
  * @see https://en.wikipedia.org/wiki/ISO_4217
69
69
  */
70
70
  code: string;
71
- /**
72
- * Number of decimal places to display.
73
- *
74
- * @example
75
- * decimalScale: 3
76
- */
77
- decimalScale?: number;
78
71
  }
79
72
 
80
73
  export interface Settings {
81
- usePrettyUrlRoute?: boolean;
82
74
  commerceUrl: string;
83
75
  redis: {
84
76
  defaultExpirationTime: number;
@@ -192,7 +184,6 @@ export interface Settings {
192
184
  };
193
185
  customNotFoundEnabled: boolean;
194
186
  plugins?: Record<string, Record<string, any>>;
195
- includedProxyHeaders?: string[];
196
187
  }
197
188
 
198
189
  export interface CacheOptions {
@@ -225,7 +216,7 @@ export type Translations = { [key: string]: object };
225
216
 
226
217
  export interface PageProps<T = any> {
227
218
  params: T;
228
- searchParams: { [key: string]: string | string[] | undefined };
219
+ searchParams: URLSearchParams;
229
220
  }
230
221
 
231
222
  export interface LayoutProps<T = any> extends PageProps<T> {
@@ -259,8 +250,6 @@ export interface ButtonProps
259
250
  appearance?: 'filled' | 'outlined' | 'ghost';
260
251
  }
261
252
 
262
- export type FileInputProps = React.HTMLProps<HTMLInputElement>;
263
-
264
253
  export interface PriceProps {
265
254
  currencyCode?: string;
266
255
  useCurrencySymbol?: boolean;
@@ -294,21 +283,3 @@ export interface AccordionProps {
294
283
  export interface PluginModuleComponentProps {
295
284
  settings?: Record<string, any>;
296
285
  }
297
-
298
- export interface PaginationProps {
299
- total: number | undefined;
300
- limit?: number | undefined;
301
- currentPage: number | undefined;
302
- numberOfPages?: number | undefined;
303
- containerClassName?: string;
304
- moreButtonClassName?: string;
305
- prevClassName?: string;
306
- nextClassName?: string;
307
- pageClassName?: string;
308
- threshold?: number | undefined;
309
- delta?: number | undefined;
310
- render?: (pagination: UsePaginationType) => ReactNode;
311
- type?: 'infinite' | 'list' | 'more';
312
- onPageChange?: (page: number) => void;
313
- direction?: 'next' | 'prev';
314
- }
@@ -1,7 +1,7 @@
1
1
  import Settings from 'settings';
2
2
  import { ServerVariables } from './server-variables';
3
3
  import logger from '../utils/log';
4
- import { headers, cookies } from 'next/headers';
4
+ import { headers } from 'next/headers';
5
5
 
6
6
  export enum FetchResponseType {
7
7
  JSON = 'json',
@@ -19,7 +19,6 @@ const appFetch = async <T>(
19
19
 
20
20
  try {
21
21
  const nextHeaders = headers();
22
- const nextCookies = cookies();
23
22
  ip = nextHeaders.get('x-forwarded-for') ?? '';
24
23
 
25
24
  const commerceUrl = Settings.commerceUrl;
@@ -36,15 +35,13 @@ const appFetch = async <T>(
36
35
 
37
36
  init.headers = {
38
37
  ...(init.headers ?? {}),
39
- ...(ServerVariables.globalHeaders ?? {}),
40
38
  'Accept-Language': currentLocale.apiValue,
41
39
  'x-currency': ServerVariables.currency,
42
- 'x-forwarded-for': ip,
43
- cookie: nextCookies.toString()
40
+ 'x-forwarded-for': ip
44
41
  };
45
42
 
46
43
  init.next = {
47
- revalidate: Settings.usePrettyUrlRoute ? 0 : 60
44
+ revalidate: 60
48
45
  };
49
46
 
50
47
  logger.debug(`FETCH START ${url}`, { requestURL, init, ip });
@@ -1,15 +1,11 @@
1
1
  import logger from './log';
2
2
 
3
- export const generateCommerceSearchParams = (searchParams?: {
4
- [key: string]: string | string[] | undefined;
5
- }) => {
3
+ export const generateCommerceSearchParams = (searchParams?: URLSearchParams) => {
6
4
  if (!searchParams) {
7
5
  return null;
8
6
  }
9
7
 
10
- const urlSerchParams = new URLSearchParams(
11
- searchParams as Record<string, string>
12
- );
8
+ const urlSerchParams = new URLSearchParams(searchParams);
13
9
 
14
10
  Object.entries(searchParams).forEach(([key, value]) => {
15
11
  if (typeof value === 'object') {
package/utils/index.ts CHANGED
@@ -63,33 +63,18 @@ export function getTranslateFn(path: string, translations: any) {
63
63
 
64
64
  export function buildClientRequestUrl(
65
65
  path: string,
66
- options?: ClientRequestOptions & { cache?: boolean }
66
+ options?: ClientRequestOptions
67
67
  ) {
68
68
  let url = `/api/client${path}`;
69
69
 
70
- let hasQuery = url.includes('?');
71
-
72
70
  if (options) {
73
- const { cache, ...otherOptions } = options;
74
-
75
- if (Object.keys(otherOptions).length > 0) {
76
- if (hasQuery) {
77
- url += '&';
78
- } else {
79
- url += '?';
80
- hasQuery = true;
81
- }
82
- url += `options=${encodeURIComponent(JSON.stringify(otherOptions))}`;
71
+ if (url.includes('?')) {
72
+ url += '&';
73
+ } else {
74
+ url += '?';
83
75
  }
84
76
 
85
- if (cache === false) {
86
- if (hasQuery) {
87
- url += '&';
88
- } else {
89
- url += '?';
90
- }
91
- url += `t=${Date.now()}`;
92
- }
77
+ url += `options=${encodeURIComponent(JSON.stringify(options))}`;
93
78
  }
94
79
 
95
80
  return url;
@@ -117,12 +102,6 @@ export function buildCDNUrl(url: string, config?: CDNOptions) {
117
102
  ''
118
103
  );
119
104
 
120
- const noOptionFileExtension = url?.split('.').pop()?.toLowerCase() ?? '';
121
-
122
- if (noOptionFileExtension === 'svg' || noOptionFileExtension === 'gif') {
123
- return url;
124
- }
125
-
126
105
  let options = '';
127
106
 
128
107
  if (config) {
@@ -13,8 +13,8 @@ export const menuGenerator = (arr: MenuItemType[]) => {
13
13
  });
14
14
 
15
15
  Object.values(data).forEach((item) => {
16
- if (item.parent_pk) {
17
- data[item.parent_pk].children.push(item);
16
+ if (item.parent) {
17
+ data[item.parent.pk].children.push(item);
18
18
  } else {
19
19
  tree.push(item);
20
20
  }
@@ -5,10 +5,10 @@ import { getTranslateFn } from '../utils';
5
5
  import { Translations } from '../types';
6
6
  import settings from 'settings';
7
7
  import logger from './log';
8
- import { unstable_cache } from 'next/cache';
9
8
 
10
9
  export const translations: Translations = {};
11
10
 
11
+ // TODO: Read translations from cache
12
12
  export async function getTranslations(locale_: string) {
13
13
  try {
14
14
  const locale = settings.localization.locales.find(
@@ -52,10 +52,6 @@ export async function getTranslations(locale_: string) {
52
52
  return translations;
53
53
  }
54
54
 
55
- export const getCachedTranslations = unstable_cache(async (locale: string) =>
56
- getTranslations(locale)
57
- );
58
-
59
55
  export function t(path: string) {
60
56
  return getTranslateFn(path, translations);
61
57
  }
@@ -5,6 +5,5 @@ const { locales, defaultLocaleValue, defaultCurrencyCode } =
5
5
 
6
6
  export const ServerVariables = {
7
7
  locale: locales.find((l) => l.value === defaultLocaleValue)?.value ?? '',
8
- currency: defaultCurrencyCode,
9
- globalHeaders: {}
8
+ currency: defaultCurrencyCode
10
9
  };
package/with-pz-config.js CHANGED
@@ -8,7 +8,6 @@ const defaultConfig = {
8
8
  transpilePackages: ['@akinon/next', ...pzPlugins.map((p) => `@akinon/${p}`)],
9
9
  skipTrailingSlashRedirect: true,
10
10
  poweredByHeader: false,
11
- cacheMaxMemorySize: 0,
12
11
  env: {
13
12
  NEXT_PUBLIC_SENTRY_DSN: process.env.SENTRY_DSN
14
13
  },
@@ -66,12 +65,7 @@ const defaultConfig = {
66
65
  }
67
66
  };
68
67
 
69
- const withPzConfig = (
70
- myNextConfig = {},
71
- options = {
72
- useCacheHandler: false
73
- }
74
- ) => {
68
+ const withPzConfig = (myNextConfig = {}) => {
75
69
  let extendedConfig = deepMerge({}, defaultConfig, myNextConfig);
76
70
 
77
71
  const originalPzHeadersFunction = defaultConfig.headers;
@@ -97,10 +91,6 @@ const withPzConfig = (
97
91
  return [...pzRewrites, ...myRewrites];
98
92
  };
99
93
 
100
- if (options.useCacheHandler && process.env.CACHE_HOST) {
101
- extendedConfig.cacheHandler = require.resolve('./lib/cache-handler.mjs');
102
- }
103
-
104
94
  return extendedConfig;
105
95
  };
106
96
 
@@ -1,49 +0,0 @@
1
- .checkout-payment-iframe-wrapper {
2
- position: fixed;
3
- top: 0;
4
- left: 0;
5
- width: 100%;
6
- height: 100%;
7
- border: none;
8
- z-index: 1000;
9
- background-color: white;
10
- }
11
- .checkout-payment-iframe-wrapper iframe {
12
- width: 100%;
13
- height: 100%;
14
- border: none;
15
- background-color: white;
16
- }
17
- .checkout-payment-iframe-wrapper .close-button {
18
- position: fixed;
19
- top: 16px;
20
- right: 16px;
21
- width: 32px;
22
- height: 32px;
23
- display: flex;
24
- align-items: center;
25
- justify-content: center;
26
- z-index: 1001;
27
- }
28
-
29
- .checkout-payment-redirection-iframe-wrapper {
30
- width: 100%;
31
- position: relative;
32
- }
33
- .checkout-payment-redirection-iframe-wrapper iframe {
34
- width: 100%;
35
- height: 100%;
36
- border: none;
37
- background-color: white;
38
- }
39
- .checkout-payment-redirection-iframe-wrapper .close-button {
40
- position: absolute;
41
- top: 16px;
42
- right: 16px;
43
- width: 32px;
44
- height: 32px;
45
- display: flex;
46
- align-items: center;
47
- justify-content: center;
48
- z-index: 1001;
49
- }/*# sourceMappingURL=index.css.map */
@@ -1 +0,0 @@
1
- {"version":3,"sources":["index.scss","index.css"],"names":[],"mappings":"AAAA;EACE,eAAA;EACA,MAAA;EACA,OAAA;EACA,WAAA;EACA,YAAA;EACA,YAAA;EACA,aAAA;EACA,uBAAA;ACCF;ADCE;EACE,WAAA;EACA,YAAA;EACA,YAAA;EACA,uBAAA;ACCJ;ADEE;EACE,eAAA;EACA,SAAA;EACA,WAAA;EACA,WAAA;EACA,YAAA;EACA,aAAA;EACA,mBAAA;EACA,uBAAA;EACA,aAAA;ACAJ;;ADIA;EACE,WAAA;EACA,kBAAA;ACDF;ADGE;EACE,WAAA;EACA,YAAA;EACA,YAAA;EACA,uBAAA;ACDJ;ADIE;EACE,kBAAA;EACA,SAAA;EACA,WAAA;EACA,WAAA;EACA,YAAA;EACA,aAAA;EACA,mBAAA;EACA,uBAAA;EACA,aAAA;ACFJ","file":"index.css"}
@@ -1,8 +0,0 @@
1
- import { forwardRef } from 'react';
2
- import { FileInputProps } from '../types/index';
3
-
4
- export const FileInput = forwardRef<HTMLInputElement, FileInputProps>(
5
- function fileInput(props, ref) {
6
- return <input type="file" {...props} ref={ref} />;
7
- }
8
- );
@@ -1,24 +0,0 @@
1
- import { useEffect } from 'react';
2
-
3
- export const useMessageListener = () => {
4
- useEffect(() => {
5
- const handleMessage = (event: MessageEvent) => {
6
- if (event.origin !== window.location.origin) {
7
- return;
8
- }
9
-
10
- if (event.data && typeof event.data === 'string') {
11
- const messageData = JSON.parse(event.data);
12
- if (messageData?.url) {
13
- window.location.href = messageData.url;
14
- }
15
- }
16
- };
17
-
18
- window.addEventListener('message', handleMessage);
19
-
20
- return () => {
21
- window.removeEventListener('message', handleMessage);
22
- };
23
- }, []);
24
- };
@@ -1,33 +0,0 @@
1
- import { CacheHandler } from '@neshca/cache-handler';
2
- import createLruHandler from '@neshca/cache-handler/local-lru';
3
- import createRedisHandler from '@neshca/cache-handler/redis-stack';
4
- import { createClient } from 'redis';
5
-
6
- CacheHandler.onCreation(async () => {
7
- const redisUrl = `redis://${process.env.CACHE_HOST}:${
8
- process.env.CACHE_PORT
9
- }/${process.env.CACHE_BUCKET ?? '0'}`;
10
-
11
- const client = createClient({
12
- url: redisUrl
13
- });
14
-
15
- client.on('error', (error) => {
16
- console.error('Redis client error', { redisUrl, error });
17
- });
18
-
19
- await client.connect();
20
-
21
- const redisHandler = await createRedisHandler({
22
- client,
23
- timeoutMs: 5000
24
- });
25
-
26
- const localHandler = createLruHandler();
27
-
28
- return {
29
- handlers: [redisHandler, localHandler]
30
- };
31
- });
32
-
33
- export default CacheHandler;