@akinon/next 1.13.0 → 1.14.0

package/hooks/use-media-query.ts

@@ -1,36 +1,36 @@
-'use client';
-
-import { useEffect, useState } from 'react';
-
-export function useMediaQuery(query: string): boolean {
-  const getMatches = (query: string): boolean => {
-    if (typeof window !== 'undefined') {
-      return window.matchMedia(query).matches;
-    }
-    return false;
-  };
-
-  const [matches, setMatches] = useState<boolean>(getMatches(query));
-
-  const handleChange = () => {
-    setMatches(getMatches(query));
-  };
-
-  useEffect(() => {
-    const matchMedia = window.matchMedia(query);
-
-    handleChange();
-
-    if (matchMedia.addEventListener) {
-      matchMedia.addEventListener('change', handleChange);
-    }
-
-    return () => {
-      if (matchMedia.removeEventListener) {
-        matchMedia.removeEventListener('change', handleChange);
-      }
-    };
-  }, []);
-
-  return matches;
-}
+'use client';
+
+import { useEffect, useState } from 'react';
+
+export function useMediaQuery(query: string): boolean {
+  const getMatches = (query: string): boolean => {
+    if (typeof window !== 'undefined') {
+      return window.matchMedia(query).matches;
+    }
+    return false;
+  };
+
+  const [matches, setMatches] = useState<boolean>(getMatches(query));
+
+  const handleChange = () => {
+    setMatches(getMatches(query));
+  };
+
+  useEffect(() => {
+    const matchMedia = window.matchMedia(query);
+
+    handleChange();
+
+    if (matchMedia.addEventListener) {
+      matchMedia.addEventListener('change', handleChange);
+    }
+
+    return () => {
+      if (matchMedia.removeEventListener) {
+        matchMedia.removeEventListener('change', handleChange);
+      }
+    };
+  }, []);
+
+  return matches;
+}

package/hooks/use-mobile-iframe-handler.ts

@@ -1,23 +1,23 @@
-import { usePathname } from 'next/navigation';
-import { useEffect, useState } from 'react';
-import { useAppSelector } from '../redux/hooks';
-
-export function useMobileIframeHandler({ sessionId }: { sessionId: string }) {
-  const pathname = usePathname();
-  const { isMobileApp } = useAppSelector((state) => state.root);
-  const [preventPageRender, setPreventPageRender] = useState(false);
-
-  useEffect(() => {
-    if (
-      pathname.includes('/orders/completed') &&
-      (isMobileApp || /iPad|iPhone|iPod|Android/i.test(navigator.userAgent)) &&
-      window.frameElement // Check if the page is inside an iframe
-    ) {
-      setPreventPageRender(true);
-    }
-  }, [pathname]);
-
-  return {
-    preventPageRender
-  };
-}
+import { usePathname } from 'next/navigation';
+import { useEffect, useState } from 'react';
+import { useAppSelector } from '../redux/hooks';
+
+export function useMobileIframeHandler({ sessionId }: { sessionId: string }) {
+  const pathname = usePathname();
+  const { isMobileApp } = useAppSelector((state) => state.root);
+  const [preventPageRender, setPreventPageRender] = useState(false);
+
+  useEffect(() => {
+    if (
+      pathname.includes('/orders/completed') &&
+      (isMobileApp || /iPad|iPhone|iPod|Android/i.test(navigator.userAgent)) &&
+      window.frameElement // Check if the page is inside an iframe
+    ) {
+      setPreventPageRender(true);
+    }
+  }, [pathname]);
+
+  return {
+    preventPageRender
+  };
+}

package/hooks/use-on-click-outside.tsx

@@ -1,28 +1,28 @@
-'use client';
-
-import { useEffect, RefObject } from 'react';
-
-type Event = MouseEvent | TouchEvent;
-
-export function useOnClickOutside<T extends HTMLElement = HTMLElement>(
-  ref: RefObject<T>,
-  callback: (event: Event) => void,
-  mouseEvent: 'mousedown' | 'mouseup' | 'click' = 'click'
-): void {
-  useEffect(() => {
-    const onClickHandler = (event: Event) => {
-      const el = ref?.current;
-
-      if (!el || el.contains((event?.target as Node) || null)) {
-        return;
-      }
-
-      callback(event);
-    };
-
-    document.addEventListener(mouseEvent, onClickHandler);
-    return () => {
-      document.removeEventListener(mouseEvent, onClickHandler);
-    };
-  }, [callback, mouseEvent, ref]);
-}
+'use client';
+
+import { useEffect, RefObject } from 'react';
+
+type Event = MouseEvent | TouchEvent;
+
+export function useOnClickOutside<T extends HTMLElement = HTMLElement>(
+  ref: RefObject<T>,
+  callback: (event: Event) => void,
+  mouseEvent: 'mousedown' | 'mouseup' | 'click' = 'click'
+): void {
+  useEffect(() => {
+    const onClickHandler = (event: Event) => {
+      const el = ref?.current;
+
+      if (!el || el.contains((event?.target as Node) || null)) {
+        return;
+      }
+
+      callback(event);
+    };
+
+    document.addEventListener(mouseEvent, onClickHandler);
+    return () => {
+      document.removeEventListener(mouseEvent, onClickHandler);
+    };
+  }, [callback, mouseEvent, ref]);
+}

package/hooks/use-payment-options.ts

@@ -1,7 +1,7 @@
-import plugins from '@theme/plugins';
-import settings from '@theme/settings';
-import { useAppSelector } from '@akinon/next/redux/hooks';
-import { RootState } from '@theme/redux/store';
+import plugins from 'plugins';
+import Settings from 'settings';
+import { useAppSelector } from '../redux/hooks';
+import { RootState } from 'redux/store';
 
 export const usePaymentOptions = () => {
   const { paymentOptions } = useAppSelector(
@@ -16,32 +16,28 @@ export const usePaymentOptions = () => {
 
   const paymentTypeToPluginMap = {
     pay_on_delivery: 'pz-pay-on-delivery',
-    bkm_express: 'pz-bkm'
+    bkm_express: 'pz-bkm',
+    masterpass: 'pz-masterpass'
   };
 
   const isInitialTypeIncluded = (type: string) => initialTypes.has(type);
 
-  const isPluginMapIncluded = (type: string) => {
-    if (paymentTypeToPluginMap.hasOwnProperty(type)) {
-      const pluginName = paymentTypeToPluginMap[type];
-      return plugins.includes(pluginName);
-    }
-    return false;
-  };
+  const isPluginMapIncluded = (type: string) =>
+    paymentTypeToPluginMap[type]
+      ? plugins.includes(paymentTypeToPluginMap[type])
+      : false;
 
   const isExtraTypeIncluded = (type: string) => {
-    const extraPaymentTypes = settings?.checkout?.extraPaymentTypes || [];
-
+    const extraPaymentTypes = Settings?.checkout?.extraPaymentTypes || [];
     return (
       extraPaymentTypes.includes(type) &&
       !initialTypes.has(type) &&
-      !paymentTypeToPluginMap.hasOwnProperty(type)
+      !paymentTypeToPluginMap[type]
     );
   };
 
   const filteredPaymentOptions = paymentOptions.filter((option) => {
     const { payment_type } = option;
-
     return (
       isInitialTypeIncluded(payment_type) ||
       isPluginMapIncluded(payment_type) ||

package/hooks/use-router.ts

@@ -1,45 +1,45 @@
-'use client';
-
-import { useRouter as _useRouter } from 'next/navigation';
-import { urlLocaleMatcherRegex } from '../utils';
-import { useLocalization } from './use-localization';
-import { LocaleUrlStrategy } from '../localization';
-
-export const useRouter = () => {
-  const { locale, locales, localeUrlStrategy, defaultLocaleValue } =
-    useLocalization();
-  const defaultLocale = locales.find((l) => l.value === defaultLocaleValue);
-  const router = _useRouter();
-
-  const pushOrReplace = (
-    fn: (href: string, options?) => void,
-    href: string,
-    options?
-  ) => {
-    if (href.startsWith('http')) {
-      return fn(href, options);
-    }
-
-    const url = new URL(href, window.location.origin);
-    const pathnameWithoutLocale = url.pathname.replace(
-      urlLocaleMatcherRegex,
-      ''
-    );
-
-    url.pathname = `${
-      locale === defaultLocale?.value &&
-      localeUrlStrategy === LocaleUrlStrategy.HideDefaultLocale
-        ? ''
-        : `/${locale}`
-    }${pathnameWithoutLocale}`;
-
-    return fn(url.href, options);
-  };
-
-  return {
-    ...router,
-    push: (href: string, options?) => pushOrReplace(router.push, href, options),
-    replace: (href: string, options?) =>
-      pushOrReplace(router.replace, href, options)
-  } as typeof router;
-};
+'use client';
+
+import { useRouter as _useRouter } from 'next/navigation';
+import { urlLocaleMatcherRegex } from '../utils';
+import { useLocalization } from './use-localization';
+import { LocaleUrlStrategy } from '../localization';
+
+export const useRouter = () => {
+  const { locale, locales, localeUrlStrategy, defaultLocaleValue } =
+    useLocalization();
+  const defaultLocale = locales.find((l) => l.value === defaultLocaleValue);
+  const router = _useRouter();
+
+  const pushOrReplace = (
+    fn: (href: string, options?) => void,
+    href: string,
+    options?
+  ) => {
+    if (href.startsWith('http')) {
+      return fn(href, options);
+    }
+
+    const url = new URL(href, window.location.origin);
+    const pathnameWithoutLocale = url.pathname.replace(
+      urlLocaleMatcherRegex,
+      ''
+    );
+
+    url.pathname = `${
+      locale === defaultLocale?.value &&
+      localeUrlStrategy === LocaleUrlStrategy.HideDefaultLocale
+        ? ''
+        : `/${locale}`
+    }${pathnameWithoutLocale}`;
+
+    return fn(url.href, options);
+  };
+
+  return {
+    ...router,
+    push: (href: string, options?) => pushOrReplace(router.push, href, options),
+    replace: (href: string, options?) =>
+      pushOrReplace(router.replace, href, options)
+  } as typeof router;
+};

package/hooks/use-translation.ts

@@ -1,14 +1,14 @@
-import { LocalizationContext } from '../localization/provider';
-import { useContext } from 'react';
-
-/**
- * @deprecated Use useLocalization instead.
- */
-export const useTranslation = (namespace?: string) => {
-  const { translate, locale } = useContext(LocalizationContext);
-
-  return {
-    t: (path: string) => translate(namespace ? `${namespace}.${path}` : path),
-    locale
-  };
-};
+import { LocalizationContext } from '../localization/provider';
+import { useContext } from 'react';
+
+/**
+ * @deprecated Use useLocalization instead.
+ */
+export const useTranslation = (namespace?: string) => {
+  const { translate, locale } = useContext(LocalizationContext);
+
+  return {
+    t: (path: string) => translate(namespace ? `${namespace}.${path}` : path),
+    locale
+  };
+};