npm - @akinon/next - Versions diffs - 1.13.0 → 1.14.0 - Mend

@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

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/data/server/list.ts CHANGED Viewed

@@ -1,62 +1,67 @@
-import { Cache, CacheKey } from '../../lib/cache';
-import { category } from '../urls';
-import { GetCategoryResponse } from '../../types';
-import { generateCommerceSearchParams } from '../../utils';
-import appFetch, { FetchResponseType } from '../../utils/app-fetch';
-import { parse } from 'lossless-json';
-import logger from '../../utils/log';
-const getListDataHandler = (
-  searchParams: URLSearchParams,
-  headers?: Record<string, string>
-) => {
-  return async function () {
-    const params = generateCommerceSearchParams(searchParams);
-    const rawData = await appFetch<string>(
-      `${category.list}${params}`,
-      {
-        headers: {
-          Accept: 'application/json',
-          'Content-Type': 'application/json',
-          ...(headers ?? {})
-        }
-      },
-      FetchResponseType.TEXT
-    );
-    let data: GetCategoryResponse;
-    try {
-      const numberValueParser = (value) => {
-        return String(value);
-      };
-      data = parse(
-        rawData,
-        undefined,
-        numberValueParser
-      ) as GetCategoryResponse;
-    } catch (error) {
-      logger.error('Error while parsing list data', { error, rawData });
-    }
-    return data;
-  };
-};
-export const getListData = async ({
-  searchParams,
-  headers
-}: {
-  searchParams: URLSearchParams;
-  headers?: Record<string, string>;
-}) => {
-  return Cache.wrap(
-    CacheKey.List(searchParams, headers),
-    getListDataHandler(searchParams, headers),
-    {
-      expire: 300
-    }
-  );
-};
+import { Cache, CacheKey } from '../../lib/cache';
+import { category } from '../urls';
+import { GetCategoryResponse } from '../../types';
+import { generateCommerceSearchParams } from '../../utils';
+import appFetch, { FetchResponseType } from '../../utils/app-fetch';
+import { parse } from 'lossless-json';
+import logger from '../../utils/log';
+const getListDataHandler = (
+  searchParams: URLSearchParams,
+  headers?: Record<string, string>
+) => {
+  return async function () {
+    const params = generateCommerceSearchParams(searchParams);
+    const rawData = await appFetch<string>(
+      `${category.list}${params}`,
+      {
+        headers: {
+          Accept: 'application/json',
+          'Content-Type': 'application/json',
+          ...(headers ?? {})
+        }
+      },
+      FetchResponseType.TEXT
+    );
+    let data: GetCategoryResponse;
+    try {
+      const numberValueParser = (value) => {
+        return String(value);
+      };
+      data = parse(
+        rawData,
+        undefined,
+        numberValueParser
+      ) as GetCategoryResponse;
+    } catch (error) {
+      logger.error('Error while parsing list data', {
+        error,
+        rawData: rawData.startsWith('<!DOCTYPE html>')
+          ? `${rawData.substring(0, 50)}...`
+          : rawData
+      });
+    }
+    return data;
+  };
+};
+export const getListData = async ({
+  searchParams,
+  headers
+}: {
+  searchParams: URLSearchParams;
+  headers?: Record<string, string>;
+}) => {
+  return Cache.wrap(
+    CacheKey.List(searchParams, headers),
+    getListDataHandler(searchParams, headers),
+    {
+      expire: 300
+    }
+  );
+};

package/data/server/menu.ts CHANGED Viewed

@@ -1,35 +1,35 @@
-import { Cache, CacheKey } from '../../lib/cache';
-import { MenuItemType } from '../../types';
-import appFetch from '../../utils/app-fetch';
-import { misc } from '../urls';
-interface MenuResponse {
-  menu: MenuItemType[];
-}
-interface MenuHandlerParams {
-  depth?: number;
-  parent?: string;
-}
-const DEFAULT_DEPTH = 3;
-const getMenuHandler =
-  ({ depth, parent }: MenuHandlerParams = { depth: DEFAULT_DEPTH }) =>
-  async () => {
-    const response = await appFetch<MenuResponse>(misc.menus(depth, parent));
-    return response?.menu;
-  };
-/**
- * Returns menu data.
- *
- * Default depth is 3
- */
-export const getMenu = async (params?: MenuHandlerParams) => {
-  return Cache.wrap(
-    CacheKey.Menu(params?.depth ?? DEFAULT_DEPTH, params?.parent),
-    getMenuHandler(params)
-  );
-};
+import { Cache, CacheKey } from '../../lib/cache';
+import { MenuItemType } from '../../types';
+import appFetch from '../../utils/app-fetch';
+import { misc } from '../urls';
+interface MenuResponse {
+  menu: MenuItemType[];
+}
+interface MenuHandlerParams {
+  depth?: number;
+  parent?: string;
+}
+const DEFAULT_DEPTH = 3;
+const getMenuHandler =
+  ({ depth, parent }: MenuHandlerParams = { depth: DEFAULT_DEPTH }) =>
+  async () => {
+    const response = await appFetch<MenuResponse>(misc.menus(depth, parent));
+    return response?.menu;
+  };
+/**
+ * Returns menu data.
+ *
+ * Default depth is 3
+ */
+export const getMenu = async (params?: MenuHandlerParams) => {
+  return Cache.wrap(
+    CacheKey.Menu(params?.depth ?? DEFAULT_DEPTH, params?.parent),
+    getMenuHandler(params)
+  );
+};

package/data/server/product.ts CHANGED Viewed

@@ -1,86 +1,86 @@
-import { Cache, CacheKey } from '../../lib/cache';
-import { product } from '../urls';
-import {
-  BreadcrumbResultType,
-  ProductCategoryResult,
-  ProductResult
-} from '../../types';
-import appFetch from '../../utils/app-fetch';
-type GetProduct = {
-  pk: number;
-  searchParams?: URLSearchParams;
-  groupProduct?: boolean;
-};
-const getProductDataHandler = ({
-  pk,
-  searchParams,
-  groupProduct
-}: GetProduct) => {
-  return async function () {
-    let url = groupProduct
-      ? product.getGroupProductByPk(pk)
-      : product.getProductByPk(pk);
-    if (searchParams) {
-      url +=
-        '?' +
-        Object.keys(searchParams)
-          .map((key) => `${key}=${searchParams[key]}`)
-          .join('&');
-    }
-    const data = await appFetch<ProductResult>(url, {
-      headers: {
-        Accept: 'application/json',
-        'Content-Type': 'application/json'
-      }
-    });
-    const categoryUrl = product.categoryUrl(data.product.pk);
-    const productCategoryData = await appFetch<ProductCategoryResult>(
-      categoryUrl,
-      {
-        headers: {
-          Accept: 'application/json',
-          'Content-Type': 'application/json'
-        }
-      }
-    );
-    const breadcrumbUrl = product.breadcrumbUrl(
-      productCategoryData.results[0].menuitemmodel
-    );
-    const breadcrumbData = await appFetch<any>(breadcrumbUrl, {
-      headers: {
-        Accept: 'application/json',
-        'Content-Type': 'application/json'
-      }
-    });
-    return {
-      data,
-      breadcrumbData: breadcrumbData?.menu
-    };
-  };
-};
-export const getProductData = async ({
-  pk,
-  searchParams,
-  groupProduct
-}: GetProduct) => {
-  return Cache.wrap(
-    CacheKey[groupProduct ? 'GroupProduct' : 'Product'](
-      pk,
-      searchParams ?? new URLSearchParams()
-    ),
-    getProductDataHandler({ pk, searchParams, groupProduct }),
-    {
-      expire: 300
-    }
-  );
-};
+import { Cache, CacheKey } from '../../lib/cache';
+import { product } from '../urls';
+import {
+  BreadcrumbResultType,
+  ProductCategoryResult,
+  ProductResult
+} from '../../types';
+import appFetch from '../../utils/app-fetch';
+type GetProduct = {
+  pk: number;
+  searchParams?: URLSearchParams;
+  groupProduct?: boolean;
+};
+const getProductDataHandler = ({
+  pk,
+  searchParams,
+  groupProduct
+}: GetProduct) => {
+  return async function () {
+    let url = groupProduct
+      ? product.getGroupProductByPk(pk)
+      : product.getProductByPk(pk);
+    if (searchParams) {
+      url +=
+        '?' +
+        Object.keys(searchParams)
+          .map((key) => `${key}=${searchParams[key]}`)
+          .join('&');
+    }
+    const data = await appFetch<ProductResult>(url, {
+      headers: {
+        Accept: 'application/json',
+        'Content-Type': 'application/json'
+      }
+    });
+    const categoryUrl = product.categoryUrl(data.product.pk);
+    const productCategoryData = await appFetch<ProductCategoryResult>(
+      categoryUrl,
+      {
+        headers: {
+          Accept: 'application/json',
+          'Content-Type': 'application/json'
+        }
+      }
+    );
+    const breadcrumbUrl = product.breadcrumbUrl(
+      productCategoryData.results[0].menuitemmodel
+    );
+    const breadcrumbData = await appFetch<any>(breadcrumbUrl, {
+      headers: {
+        Accept: 'application/json',
+        'Content-Type': 'application/json'
+      }
+    });
+    return {
+      data,
+      breadcrumbData: breadcrumbData?.menu
+    };
+  };
+};
+export const getProductData = async ({
+  pk,
+  searchParams,
+  groupProduct
+}: GetProduct) => {
+  return Cache.wrap(
+    CacheKey[groupProduct ? 'GroupProduct' : 'Product'](
+      pk,
+      searchParams ?? new URLSearchParams()
+    ),
+    getProductDataHandler({ pk, searchParams, groupProduct }),
+    {
+      expire: 300
+    }
+  );
+};

package/data/server/seo.ts CHANGED Viewed

@@ -1,48 +1,48 @@
-import appFetch from '../../utils/app-fetch';
-import { Cache, CacheKey } from '../../lib/cache';
-import { misc } from '../../data/urls';
-import logger from '../../utils/log';
-function getRootSeoDataHandler() {
-  return async function () {
-    let data = {};
-    try {
-      data = await appFetch<{ [key: string]: string }>(misc.cmsSeo('/'));
-    } catch (error) {
-      logger.error('Error while fetching root seo data', error);
-    }
-    return data;
-  };
-}
-function getSeoDataHandler(url: string) {
-  return async function () {
-    let data = {} as {
-      title: string;
-      description: string;
-      keywords: string;
-      [key: string]: string;
-    };
-    try {
-      data = await appFetch(misc.cmsSeo(url));
-    } catch (error) {
-      // logger.error('Error while fetching seo data', { url, error });
-    }
-    return data;
-  };
-}
-/**
- * @deprecated Use getSeoData instead
- */
-export const getRootSeo = async () => {
-  return Cache.wrap(CacheKey.RootSeo, getRootSeoDataHandler());
-};
-export const getSeoData = async (url: string) => {
-  return Cache.wrap(CacheKey.Seo(url), getSeoDataHandler(url));
-};
+import appFetch from '../../utils/app-fetch';
+import { Cache, CacheKey } from '../../lib/cache';
+import { misc } from '../../data/urls';
+import logger from '../../utils/log';
+function getRootSeoDataHandler() {
+  return async function () {
+    let data = {};
+    try {
+      data = await appFetch<{ [key: string]: string }>(misc.cmsSeo('/'));
+    } catch (error) {
+      logger.error('Error while fetching root seo data', error);
+    }
+    return data;
+  };
+}
+function getSeoDataHandler(url: string) {
+  return async function () {
+    let data = {} as {
+      title: string;
+      description: string;
+      keywords: string;
+      [key: string]: string;
+    };
+    try {
+      data = await appFetch(misc.cmsSeo(url));
+    } catch (error) {
+      // logger.error('Error while fetching seo data', { url, error });
+    }
+    return data;
+  };
+}
+/**
+ * @deprecated Use getSeoData instead
+ */
+export const getRootSeo = async () => {
+  return Cache.wrap(CacheKey.RootSeo, getRootSeoDataHandler());
+};
+export const getSeoData = async (url: string) => {
+  return Cache.wrap(CacheKey.Seo(url), getSeoDataHandler(url));
+};

package/data/server/special-page.ts CHANGED Viewed

@@ -1,47 +1,47 @@
-import { Cache, CacheKey } from '../../lib/cache';
-import { category } from '../urls';
-import { GetCategoryResponse } from '../../types';
-import { generateCommerceSearchParams } from '../../utils';
-import appFetch from '../../utils/app-fetch';
-import header from '../../redux/reducers/header';
-const getSpecialPageDataHandler = (
-  pk: number,
-  searchParams: URLSearchParams,
-  headers?: Record<string, string>
-) => {
-  return async function () {
-    const params = generateCommerceSearchParams(searchParams);
-    const data: GetCategoryResponse = await appFetch(
-      `${category.getSpecialPageByPk(pk)}${params}`,
-      {
-        headers: {
-          Accept: 'application/json',
-          'Content-Type': 'application/json',
-          ...(headers ?? {})
-        }
-      }
-    );
-    return data;
-  };
-};
-export const getSpecialPageData = async ({
-  pk,
-  searchParams,
-  headers
-}: {
-  pk: number;
-  searchParams: URLSearchParams;
-  headers?: Record<string, string>;
-}) => {
-  return Cache.wrap(
-    CacheKey.SpecialPage(pk, searchParams, headers),
-    getSpecialPageDataHandler(pk, searchParams, headers),
-    {
-      expire: 300
-    }
-  );
-};
+import { Cache, CacheKey } from '../../lib/cache';
+import { category } from '../urls';
+import { GetCategoryResponse } from '../../types';
+import { generateCommerceSearchParams } from '../../utils';
+import appFetch from '../../utils/app-fetch';
+import header from '../../redux/reducers/header';
+const getSpecialPageDataHandler = (
+  pk: number,
+  searchParams: URLSearchParams,
+  headers?: Record<string, string>
+) => {
+  return async function () {
+    const params = generateCommerceSearchParams(searchParams);
+    const data: GetCategoryResponse = await appFetch(
+      `${category.getSpecialPageByPk(pk)}${params}`,
+      {
+        headers: {
+          Accept: 'application/json',
+          'Content-Type': 'application/json',
+          ...(headers ?? {})
+        }
+      }
+    );
+    return data;
+  };
+};
+export const getSpecialPageData = async ({
+  pk,
+  searchParams,
+  headers
+}: {
+  pk: number;
+  searchParams: URLSearchParams;
+  headers?: Record<string, string>;
+}) => {
+  return Cache.wrap(
+    CacheKey.SpecialPage(pk, searchParams, headers),
+    getSpecialPageDataHandler(pk, searchParams, headers),
+    {
+      expire: 300
+    }
+  );
+};

package/data/server/widget.ts CHANGED Viewed

@@ -1,27 +1,27 @@
-import { Cache, CacheKey } from '../../lib/cache';
-import 'server-only';
-import { CacheOptions, WidgetResultType } from '../../types';
-import appFetch from '../../utils/app-fetch';
-import { widgets } from '../urls';
-const getWidgetDataHandler = (slug: string) => async () => {
-  if (!slug) {
-    return null;
-  }
-  return await appFetch(widgets.getWidget(slug));
-};
-export const getWidgetData = async <T>({
-  slug,
-  cacheOptions
-}: {
-  slug: string;
-  cacheOptions?: CacheOptions;
-}): Promise<WidgetResultType<T>> => {
-  return Cache.wrap(
-    CacheKey.Widget(slug),
-    getWidgetDataHandler(slug),
-    cacheOptions
-  );
-};
+import { Cache, CacheKey } from '../../lib/cache';
+import 'server-only';
+import { CacheOptions, WidgetResultType } from '../../types';
+import appFetch from '../../utils/app-fetch';
+import { widgets } from '../urls';
+const getWidgetDataHandler = (slug: string) => async () => {
+  if (!slug) {
+    return null;
+  }
+  return await appFetch(widgets.getWidget(slug));
+};
+export const getWidgetData = async <T>({
+  slug,
+  cacheOptions
+}: {
+  slug: string;
+  cacheOptions?: CacheOptions;
+}): Promise<WidgetResultType<T>> => {
+  return Cache.wrap(
+    CacheKey.Widget(slug),
+    getWidgetDataHandler(slug),
+    cacheOptions
+  );
+};