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

@akinon/next 1.14.0 → 1.15.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 (127) hide show

package/.editorconfig +7 -7
package/.eslintrc.js +40 -40
package/.gitattributes +15 -0
package/.prettierrc +13 -13
package/CHANGELOG.md +14 -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/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 -52
package/components/button.tsx +46 -46
package/components/client-root.tsx +19 -19
package/components/icon.tsx +18 -18
package/components/image.tsx +133 -133
package/components/index.ts +1 -0
package/components/input.tsx +110 -110
package/components/lazy-component.tsx +33 -33
package/components/loader-spinner.tsx +23 -23
package/components/mobile-app-toggler.tsx +26 -26
package/components/modal.tsx +66 -0
package/components/oauth-login.tsx +24 -24
package/components/plugin-module.tsx +5 -0
package/components/price.tsx +55 -55
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 +1 -1
package/components/trans.tsx +39 -39
package/data/client/account.ts +208 -208
package/data/client/api.ts +85 -85
package/data/client/basket.ts +82 -82
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 -118
package/data/server/category.ts +132 -132
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 -67
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 -221
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 +3 -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/complete-gpay.ts +159 -0
package/middlewares/currency.ts +100 -100
package/middlewares/default.ts +259 -256
package/middlewares/index.ts +31 -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 +1 -0
package/redux/hooks.ts +7 -7
package/redux/middlewares/index.ts +50 -50
package/redux/reducers/checkout.ts +184 -184
package/redux/reducers/config.ts +28 -28
package/redux/reducers/header.ts +59 -59
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/basket.ts +43 -43
package/types/commerce/category.ts +114 -114
package/types/commerce/checkout.ts +143 -143
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 -274
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/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/category.ts CHANGED Viewed

@@ -1,132 +1,132 @@
-import { GetCategoryResponse } from '../../types';
-import { generateCommerceSearchParams } from '../../utils';
-import appFetch, { FetchResponseType } from '../../utils/app-fetch';
-import { category, product } from '../urls';
-import { Cache, CacheKey } from '../../lib/cache';
-import { parse } from 'lossless-json';
-import logger from '../../utils/log';
-function getCategoryDataHandler(
-  pk: number,
-  searchParams?: URLSearchParams,
-  headers?: Record<string, string>
-) {
-  return async function () {
-    const params = generateCommerceSearchParams(searchParams);
-    const rawData = await appFetch<string>(
-      `${category.getCategoryByPk(pk)}${params ? 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 category data', {
-        handler: 'getCategoryDataHandler',
-        error,
-        rawData: rawData.startsWith('<!DOCTYPE html>')
-          ? `${rawData.substring(0, 50)}...`
-          : rawData
-      });
-    }
-    const menuItemModel = data?.category?.menuitemmodel;
-    const breadcrumbData = await appFetch<any>(
-      product.breadcrumbUrl(menuItemModel),
-      {
-        headers: {
-          Accept: 'application/json',
-          'Content-Type': 'application/json'
-        }
-      }
-    );
-    return { data, breadcrumbData: breadcrumbData?.menu };
-  };
-}
-export const getCategoryData = ({
-  pk,
-  searchParams,
-  headers
-}: {
-  pk: number;
-  searchParams?: URLSearchParams;
-  headers?: Record<string, string>;
-}) => {
-  return Cache.wrap(
-    CacheKey.Category(pk, searchParams, headers),
-    getCategoryDataHandler(pk, searchParams, headers),
-    {
-      expire: 300
-    }
-  );
-};
-function getCategoryBySlugDataHandler(slug: string) {
-  return async function () {
-    const rawData = await appFetch<string>(
-      category.getCategoryBySlug(slug),
-      {
-        headers: {
-          Accept: 'application/json',
-          'Content-Type': 'application/json'
-        }
-      },
-      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 category data', {
-        handler: 'getCategoryBySlugDataHandler',
-        error,
-        rawData: rawData.startsWith('<!DOCTYPE html>')
-          ? `${rawData.substring(0, 50)}...`
-          : rawData
-      });
-    }
-    return data;
-  };
-}
-export const getCategoryBySlugData = async ({ slug }) => {
-  return Cache.wrap(
-    CacheKey.CategorySlug(slug),
-    getCategoryBySlugDataHandler(slug),
-    {
-      expire: 300
-    }
-  );
-};
+import { GetCategoryResponse } from '../../types';
+import { generateCommerceSearchParams } from '../../utils';
+import appFetch, { FetchResponseType } from '../../utils/app-fetch';
+import { category, product } from '../urls';
+import { Cache, CacheKey } from '../../lib/cache';
+import { parse } from 'lossless-json';
+import logger from '../../utils/log';
+function getCategoryDataHandler(
+  pk: number,
+  searchParams?: URLSearchParams,
+  headers?: Record<string, string>
+) {
+  return async function () {
+    const params = generateCommerceSearchParams(searchParams);
+    const rawData = await appFetch<string>(
+      `${category.getCategoryByPk(pk)}${params ? 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 category data', {
+        handler: 'getCategoryDataHandler',
+        error,
+        rawData: rawData.startsWith('<!DOCTYPE html>')
+          ? `${rawData.substring(0, 50)}...`
+          : rawData
+      });
+    }
+    const menuItemModel = data?.category?.menuitemmodel;
+    const breadcrumbData = await appFetch<any>(
+      product.breadcrumbUrl(menuItemModel),
+      {
+        headers: {
+          Accept: 'application/json',
+          'Content-Type': 'application/json'
+        }
+      }
+    );
+    return { data, breadcrumbData: breadcrumbData?.menu };
+  };
+}
+export const getCategoryData = ({
+  pk,
+  searchParams,
+  headers
+}: {
+  pk: number;
+  searchParams?: URLSearchParams;
+  headers?: Record<string, string>;
+}) => {
+  return Cache.wrap(
+    CacheKey.Category(pk, searchParams, headers),
+    getCategoryDataHandler(pk, searchParams, headers),
+    {
+      expire: 300
+    }
+  );
+};
+function getCategoryBySlugDataHandler(slug: string) {
+  return async function () {
+    const rawData = await appFetch<string>(
+      category.getCategoryBySlug(slug),
+      {
+        headers: {
+          Accept: 'application/json',
+          'Content-Type': 'application/json'
+        }
+      },
+      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 category data', {
+        handler: 'getCategoryBySlugDataHandler',
+        error,
+        rawData: rawData.startsWith('<!DOCTYPE html>')
+          ? `${rawData.substring(0, 50)}...`
+          : rawData
+      });
+    }
+    return data;
+  };
+}
+export const getCategoryBySlugData = async ({ slug }) => {
+  return Cache.wrap(
+    CacheKey.CategorySlug(slug),
+    getCategoryBySlugDataHandler(slug),
+    {
+      expire: 300
+    }
+  );
+};

package/data/server/flatpage.ts CHANGED Viewed

@@ -1,21 +1,21 @@
-import { flatpage } from '../urls';
-import { FlatPage } from '../../types';
-import appFetch from '../../utils/app-fetch';
-import { Cache, CacheKey } from '../../lib/cache';
-const getFlatPageDataHandler = (pk: number) => {
-  return async function () {
-    const data = await appFetch<FlatPage>(flatpage.getFlatPageByPk(pk), {
-      headers: {
-        Accept: 'application/json',
-        'Content-Type': 'application/json'
-      }
-    });
-    return data;
-  };
-};
-export const getFlatPageData = ({ pk }: { pk: number }) => {
-  return Cache.wrap(CacheKey.FlatPage(pk), getFlatPageDataHandler(pk));
-};
+import { flatpage } from '../urls';
+import { FlatPage } from '../../types';
+import appFetch from '../../utils/app-fetch';
+import { Cache, CacheKey } from '../../lib/cache';
+const getFlatPageDataHandler = (pk: number) => {
+  return async function () {
+    const data = await appFetch<FlatPage>(flatpage.getFlatPageByPk(pk), {
+      headers: {
+        Accept: 'application/json',
+        'Content-Type': 'application/json'
+      }
+    });
+    return data;
+  };
+};
+export const getFlatPageData = ({ pk }: { pk: number }) => {
+  return Cache.wrap(CacheKey.FlatPage(pk), getFlatPageDataHandler(pk));
+};

package/data/server/form.ts CHANGED Viewed

@@ -1,22 +1,22 @@
-import { Cache, CacheKey } from "../../lib/cache";
-import { FormType } from "../../types/commerce/form";
-import appFetch from "../../utils/app-fetch";
-import { form } from "../urls";
-const getFormDataHandler = (pk: number) => {
-  return async function () {
-    const data = await appFetch<FormType>(form.getForm(pk), {
-      headers: {
-        Accept: 'application/json',
-        'Content-Type': 'application/json'
-      }
-    });
-    return data;
-  };
-};
-export const getFormData = ({ pk }: { pk: number }) => {
-  return Cache.wrap(CacheKey.Form(pk), getFormDataHandler(pk));
-};
+import { Cache, CacheKey } from "../../lib/cache";
+import { FormType } from "../../types/commerce/form";
+import appFetch from "../../utils/app-fetch";
+import { form } from "../urls";
+const getFormDataHandler = (pk: number) => {
+  return async function () {
+    const data = await appFetch<FormType>(form.getForm(pk), {
+      headers: {
+        Accept: 'application/json',
+        'Content-Type': 'application/json'
+      }
+    });
+    return data;
+  };
+};
+export const getFormData = ({ pk }: { pk: number }) => {
+  return Cache.wrap(CacheKey.Form(pk), getFormDataHandler(pk));
+};

package/data/server/index.ts CHANGED Viewed

@@ -1,10 +1,10 @@
-export * from './list';
-export * from './category';
-export * from './product';
-export * from './flatpage';
-export * from './special-page';
-export * from './widget';
-export * from './seo';
-export * from './menu';
-export * from './landingpage';
-export * from './form';
+export * from './list';
+export * from './category';
+export * from './product';
+export * from './flatpage';
+export * from './special-page';
+export * from './widget';
+export * from './seo';
+export * from './menu';
+export * from './landingpage';
+export * from './form';

package/data/server/landingpage.ts CHANGED Viewed

@@ -1,24 +1,24 @@
-import { landingpage } from '../urls';
-import { LandingPage } from '../../types/commerce/landingpage';
-import appFetch from '../../utils/app-fetch';
-import { Cache, CacheKey } from '../../lib/cache';
-const getLandingPageHandler = (pk: number) => {
-  return async function () {
-    const data = await appFetch<LandingPage>(
-      landingpage.getLandingPageByPk(pk),
-      {
-        headers: {
-          Accept: 'application/json',
-          'Content-Type': 'application/json'
-        }
-      }
-    );
-    return data;
-  };
-};
-export const getLandingPageData = ({ pk }: { pk: number }) => {
-  return Cache.wrap(CacheKey.LandingPage(pk), getLandingPageHandler(pk));
-};
+import { landingpage } from '../urls';
+import { LandingPage } from '../../types/commerce/landingpage';
+import appFetch from '../../utils/app-fetch';
+import { Cache, CacheKey } from '../../lib/cache';
+const getLandingPageHandler = (pk: number) => {
+  return async function () {
+    const data = await appFetch<LandingPage>(
+      landingpage.getLandingPageByPk(pk),
+      {
+        headers: {
+          Accept: 'application/json',
+          'Content-Type': 'application/json'
+        }
+      }
+    );
+    return data;
+  };
+};
+export const getLandingPageData = ({ pk }: { pk: number }) => {
+  return Cache.wrap(CacheKey.LandingPage(pk), getLandingPageHandler(pk));
+};

package/data/server/list.ts CHANGED Viewed

@@ -1,67 +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: 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
-    }
-  );
-};
+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)
+  );
+};