@akinon/next 1.2.0 → 1.4.0

package/CHANGELOG.md

@@ -1,5 +1,23 @@
 # @akinon/next
 
+## 1.4.0
+
+### Minor Changes
+
+- Fix basket reset on mobile app checkout page
+- Upgrade typescript to v5 and remove ts-expect-error lines
+- Fix 3D payment with different currencies
+- Support tailwind theming
+
+## 1.3.0
+
+### Minor Changes
+
+- Refactor currency and locale selection
+- Update TS types
+- Fix 3D redirection middleware
+- Refactor logging
+
 ## 1.2.0
 
 ### Minor Changes

package/api/auth.ts

@@ -8,13 +8,16 @@ import { urlLocaleMatcherRegex } from '../utils';
 import logger from '@akinon/next/utils/log';
 import { AuthError } from '../types';
 
-async function getCurrentUser(sessionId: string) {
+async function getCurrentUser(sessionId: string, currency = '') {
+  const headers = {
+    'Content-Type': 'application/json',
+    Cookie: `osessionid=${sessionId}`,
+    'x-currency': currency
+  };
+
   const currentUser = await (
     await fetch(URLS.user.currentUser, {
-      headers: {
-        'Content-Type': 'application/json',
-        Cookie: `osessionid=${sessionId}`
-      }
+      headers
     })
   ).json();
 
@@ -51,7 +54,10 @@ const nextAuthOptions = (req: NextApiRequest, res: NextApiResponse) => {
             return null;
           }
 
-          const currentUser = await getCurrentUser(sessionId);
+          const currentUser = await getCurrentUser(
+            sessionId,
+            req.cookies['pz-currency'] ?? ''
+          );
           return currentUser;
         }
       }),
@@ -78,6 +84,7 @@ const nextAuthOptions = (req: NextApiRequest, res: NextApiResponse) => {
           headers.set('Content-Type', 'application/json');
           headers.set('cookie', `${req.headers.cookie}`);
           headers.set('Accept-Language', `${language}`);
+          headers.set('x-currency', req.cookies['pz-currency'] ?? '');
 
           logger.debug('Trying to login/register', {
             formType: credentials.formType
@@ -160,7 +167,10 @@ const nextAuthOptions = (req: NextApiRequest, res: NextApiResponse) => {
             }
           }
 
-          const currentUser = await getCurrentUser(sessionId);
+          const currentUser = await getCurrentUser(
+            sessionId,
+            req.cookies['pz-currency'] ?? ''
+          );
           return currentUser;
         }
       })

package/bin/pz-install-theme.js

@@ -0,0 +1,41 @@
+#!/usr/bin/env node
+
+const fs = require('fs');
+const path = require('path');
+
+const BASE_DIR =
+  path.resolve(__dirname, '../../../apps/projectzeropwa') || process.cwd();
+const getFullPath = (relativePath) => path.join(BASE_DIR, relativePath);
+
+const theme = require(getFullPath('src/theme.js'));
+
+try {
+  const spawn = require('cross-spawn');
+  const tsConfigPath = getFullPath('tsconfig.json');
+
+  if (!fs.existsSync(tsConfigPath)) {
+    throw new Error(`tsconfig.json not found at ${tsConfigPath}`);
+  }
+
+  const tsConfigContent = fs.readFileSync(tsConfigPath, 'utf8');
+  const themePaths = ['"./*"'];
+
+  if (theme !== 'default') {
+    themePaths.splice(0, 0, `"themes/${theme}/*"`);
+  }
+
+  const newContent = tsConfigContent.replace(
+    /"@theme\/\*":\s\[.+\]/,
+    `"@theme/*": [${themePaths.join(', ')}]`
+  );
+
+  fs.writeFileSync(tsConfigPath, newContent);
+
+  if (fs.existsSync(getFullPath('../../turbo.json'))) {
+    spawn.sync('turbo', ['clean'], {
+      stdio: 'inherit'
+    });
+  }
+} catch (error) {
+  console.error('Error:', error.message);
+}

package/bin/pz-postbuild.js

@@ -0,0 +1 @@
+#!/usr/bin/env node

package/bin/pz-postdev.js

@@ -0,0 +1 @@
+#!/usr/bin/env node

package/bin/pz-postinstall.js

@@ -0,0 +1,5 @@
+#!/usr/bin/env node
+
+const spawn = require('cross-spawn');
+
+spawn.sync('pz-install-plugins', [], { stdio: 'inherit' });

package/bin/pz-poststart.js

@@ -0,0 +1 @@
+#!/usr/bin/env node

package/bin/pz-prebuild.js

@@ -0,0 +1,5 @@
+#!/usr/bin/env node
+
+const spawn = require('cross-spawn');
+
+spawn.sync('pz-install-theme', [], { stdio: 'inherit' });

package/bin/pz-predev.js

@@ -0,0 +1,5 @@
+#!/usr/bin/env node
+
+const spawn = require('cross-spawn');
+
+spawn.sync('pz-install-theme', [], { stdio: 'inherit' });

package/bin/pz-prestart.js

@@ -0,0 +1 @@
+#!/usr/bin/env node

package/components/client-root.tsx

@@ -1,15 +1,7 @@
 'use client';
 
 import { usePathname } from 'next/navigation';
-import { useEffect } from 'react';
-import { api } from '../data/client/api';
-import {
-  useClearBasketMutation,
-  useGetBasketQuery
-} from '../data/client/basket';
-import { useAppDispatch, useAppSelector } from '../redux/hooks';
-import { getCookie, removeCookie } from '../utils';
-import { useRouter } from '../hooks';
+import { useAppSelector } from '../redux/hooks';
 
 export default function ClientRoot({
   children,
@@ -18,39 +10,8 @@ export default function ClientRoot({
   children: React.ReactNode;
   sessionId?: string;
 }) {
-  const dispatch = useAppDispatch();
   const pathname = usePathname();
-  const router = useRouter();
   const { isMobileApp } = useAppSelector((state) => state.root);
-  const { data: basketData, isSuccess } = useGetBasketQuery();
-  const [clearBasket] = useClearBasketMutation();
-  const resetClientCache = getCookie('pz-reset-client-cache') === 'true';
-  const resetBasket = getCookie('pz-reset-basket') === 'true';
-
-  useEffect(() => {
-    if (basketData?.basketitem_set.length && resetBasket) {
-      dispatch(
-        api.util.invalidateTags([
-          'Checkout',
-          'Product',
-          'Addresses',
-          'Favorite',
-          'Basket'
-        ])
-      );
-
-      clearBasket();
-    }
-
-    removeCookie('pz-reset-basket');
-  }, [resetBasket, isSuccess, basketData]);
-
-  useEffect(() => {
-    if (resetClientCache) {
-      removeCookie('pz-reset-client-cache');
-      location.reload();
-    }
-  }, [resetClientCache]);
 
   if (isMobileApp && pathname.includes('/orders/completed')) {
     ((window.parent || window) as any)?.ReactNativeWebView?.postMessage?.(

package/components/plugin-module.tsx

@@ -1,6 +1,7 @@
 import dynamic from 'next/dynamic';
 import plugins from 'plugins';
 import logger from '../utils/log';
+import { useMemo } from 'react';
 
 enum Plugin {
   BasketGiftPack = 'pz-basket-gift-pack',
@@ -47,31 +48,35 @@ export default function PluginModule({
     return null;
   }
 
-  const Component = dynamic(
-    () => {
-      let promise: any;
+  const Component = useMemo(
+    () =>
+      dynamic(
+        () => {
+          let promise: any;
 
-      try {
-        if (plugin === Plugin.BasketGiftPack) {
-          promise = import(`${'pz-basket-gift-pack'}`);
-        } else if (plugin === Plugin.ClickCollect) {
-          promise = import(`${'pz-click-collect'}`);
-        } else if (plugin === Plugin.OneClickCheckout) {
-          promise = import(`${'pz-one-click-checkout'}`);
-        } else if (plugin === Plugin.PayOnDelivery) {
-          promise = import(`${'pz-pay-on-delivery'}`);
-        } else if (plugin === Plugin.CheckoutGiftPack) {
-          promise = import(`${'pz-checkout-gift-pack'}`);
-        }
-      } catch (error) {
-        logger.error(error);
-      }
+          try {
+            if (plugin === Plugin.BasketGiftPack) {
+              promise = import(`${'pz-basket-gift-pack'}`);
+            } else if (plugin === Plugin.ClickCollect) {
+              promise = import(`${'pz-click-collect'}`);
+            } else if (plugin === Plugin.OneClickCheckout) {
+              promise = import(`${'pz-one-click-checkout'}`);
+            } else if (plugin === Plugin.PayOnDelivery) {
+              promise = import(`${'pz-pay-on-delivery'}`);
+            } else if (plugin === Plugin.CheckoutGiftPack) {
+              promise = import(`${'pz-checkout-gift-pack'}`);
+            }
+          } catch (error) {
+            logger.error(error);
+          }
 
-      return promise
-        ? promise.then((mod) => mod[component]).catch(() => () => null)
-        : new Promise<any>((resolve) => resolve(() => null));
-    },
-    { ssr: false }
+          return promise
+            ? promise.then((mod) => mod[component]).catch(() => () => null)
+            : new Promise<any>((resolve) => resolve(() => null));
+        },
+        { ssr: false }
+      ),
+    [plugin]
   );
 
   return <Component {...props} />;

package/data/client/user.ts

@@ -70,13 +70,21 @@ const userApi = api.injectEndpoints({
         method: 'POST',
         body
       })
-    })
+    }),
+    changeEmailVerification: build.query<void, string>({
+      query: (token) => ({
+        url: buildClientRequestUrl(user.changeEmailVerification(token), {
+          contentType: 'application/json'
+        })
+      })
+    }),
   }),
   overrideExisting: false
 });
 
 export const {
   useGetCaptchaQuery,
+  useChangeEmailVerificationQuery,
   useValidateCaptchaMutation,
   useLogoutMutation,
   useForgotPasswordMutation

package/data/urls.ts

@@ -142,6 +142,7 @@ export const user = {
   captcha: '/users/pz-captcha',
   profiles: '/users/profile',
   forgotPassword: '/users/password/reset',
+  changeEmailVerification: (token: string) => `/users/email-set-primary/${token}`,
   csrfToken: '/csrf_token'
 };
 

package/hocs/client/with-segment-defaults.tsx

@@ -15,11 +15,10 @@ export const withSegmentDefaults =
     options: SegmentDefaultsOptions
   ) =>
   (props: T) => {
-    let componentProps = { ...props };
+    const componentProps = { ...props };
 
     return (
       <>
-        {/* @ts-expect-error Server Component */}
         <Component {...componentProps} />
       </>
     );

package/hocs/server/with-segment-defaults.tsx

@@ -35,7 +35,6 @@ export const withSegmentDefaults =
 
     return await (
       <>
-        {/* @ts-expect-error Server Component */}
         <Component {...componentProps} />
       </>
     );
@@ -74,7 +73,10 @@ const checkRedisVariables = () => {
     process.env.CACHE_SECRET
   ];
 
-  if (!requiredVariableValues.every((v) => v)) {
+  if (
+    !requiredVariableValues.every((v) => v) &&
+    process.env.NODE_ENV === 'production'
+  ) {
     logger.warn('Redis cache variables are not set', {
       requiredVariables: ['CACHE_HOST', 'CACHE_PORT', 'CACHE_SECRET'],
       values: requiredVariableValues

package/hooks/use-localization.ts

@@ -2,7 +2,7 @@
 
 import { LocalizationContext } from '../localization/provider';
 import { useContext } from 'react';
-import { urlLocaleMatcherRegex } from '../utils';
+import { setCookie, urlLocaleMatcherRegex } from '../utils';
 import { LocaleUrlStrategy } from '../localization';
 import { useRouter } from 'next/navigation';
 
@@ -36,7 +36,21 @@ export const useLocalization = () => {
       ''
     );
 
-    router.push(`${localePath}${pathnameWithoutLocale}${location.search}`);
+    // router.push is not used because reloading the page also clears the client side cache.
+    location.href = `${localePath}${pathnameWithoutLocale}${location.search}`;
+  };
+
+  /**
+   * Sets the currency.
+   *
+   * If the currency is linked to the locale by using `getActiveCurrencyCode` function in the settings,
+   * you need to use `setLocale` instead of this.
+   * @param currency Currency code defined in the settings.
+   */
+  const setCurrency = (currency: string) => {
+    // It is a temp cookie to set currency in `currency` middleware.
+    setCookie('pz-set-currency', currency);
+    location.reload();
   };
 
   return {
@@ -52,12 +66,13 @@ export const useLocalization = () => {
      */
     t: (path: string) => translate(path),
     setLocale,
+    setCurrency,
     locale,
     currency,
     locales,
     currencies,
     defaultLocaleValue,
     defaultCurrencyCode,
-    localeUrlStrategy,
+    localeUrlStrategy
   };
 };

package/lib/cache.ts

@@ -140,7 +140,7 @@ export class Cache {
       }
     }
 
-    logger.info('Redis cache miss. Setting new value...', { key });
+    logger.debug('Redis cache miss. Setting new value...', { key });
 
     const data = await handler();
 

package/middlewares/currency.ts

@@ -1,8 +1,21 @@
 import { NextFetchEvent, NextMiddleware } from 'next/server';
-import { ROUTES } from 'routes';
 import settings from 'settings';
 import { PzNextRequest } from '.';
 import logger from '../utils/log';
+import { basket } from '../data/urls';
+import { urlLocaleMatcherRegex } from '../utils';
+
+const resetBasket = async (req: PzNextRequest) => {
+  await fetch(`${settings.commerceUrl}${basket.getBasket}`, {
+    method: 'DELETE',
+    headers: {
+      Cookie: req.headers.get('cookie') || '',
+      'Content-Type': 'application/json',
+      'X-CSRFToken': req.cookies.get('csrftoken')?.value ?? '',
+      Referer: settings.commerceUrl
+    }
+  });
+};
 
 const withCurrency =
   (middleware: NextMiddleware) =>
@@ -11,6 +24,7 @@ const withCurrency =
       const { currencies, defaultCurrencyCode, defaultLocaleValue } =
         settings.localization;
       const locale = req.middlewareParams.rewrites.locale ?? defaultLocaleValue;
+      const url = req.nextUrl.clone();
 
       if (!defaultCurrencyCode) {
         logger.error('Default currency code is not defined in settings.');
@@ -34,6 +48,10 @@ const withCurrency =
         defaultCurrencyCode
       });
 
+      if (req.cookies.get('pz-set-currency')) {
+        activeCurrency = req.cookies.get('pz-set-currency')?.value;
+      }
+
       if (
         !activeCurrency ||
         !currencies.find((c) => c.code === activeCurrency)
@@ -44,6 +62,22 @@ const withCurrency =
         activeCurrency = defaultCurrencyCode;
       }
 
+      if (
+        req.cookies.get('pz-currency') &&
+        req.cookies.get('pz-currency')?.value !== activeCurrency &&
+        url.pathname.match(urlLocaleMatcherRegex) &&
+        !url.search.includes('mobile_app=true') &&
+        !url.search.includes('page=CreditCardThreeDSecurePage')
+      ) {
+        logger.info('Currency changed. Resetting basket...', {
+          sessionid: req.cookies.get('osessionid')?.value ?? '',
+          oldCurrency: req.cookies.get('pz-currency')?.value,
+          newCurrency: activeCurrency
+        });
+
+        resetBasket(req);
+      }
+
       req.middlewareParams.rewrites.currency = activeCurrency;
     } catch (error) {
       logger.error('withCurrency error', error);

package/middlewares/default.ts

@@ -154,18 +154,6 @@ const withPzDefault =
                         secure: true
                       });
 
-                      if (
-                        req.cookies.get('pz-currency') &&
-                        req.cookies.get('pz-currency').value !== currency
-                      ) {
-                        logger.debug('Currency changed', {
-                          currency,
-                          oldCurrency: req.cookies.get('pz-currency')?.value
-                        });
-
-                        middlewareResult.cookies.set('pz-reset-basket', 'true');
-                      }
-
                       if (
                         req.cookies.get('pz-locale') &&
                         req.cookies.get('pz-locale').value !== locale
@@ -174,11 +162,6 @@ const withPzDefault =
                           locale,
                           oldLocale: req.cookies.get('pz-locale')?.value
                         });
-
-                        middlewareResult.cookies.set(
-                          'pz-reset-client-cache',
-                          'true'
-                        );
                       }
 
                       middlewareResult.headers.set(
@@ -186,6 +169,10 @@ const withPzDefault =
                         req.nextUrl.toString()
                       );
 
+                      if (req.cookies.get('pz-set-currency')) {
+                        middlewareResult.cookies.delete('pz-set-currency');
+                      }
+
                       if (process.env.ACC_APP_VERSION) {
                         middlewareResult.headers.set(
                           'acc-app-version',

package/middlewares/oauth-login.ts

@@ -18,7 +18,8 @@ const withOauthLogin =
 
     const headers = {
       'x-forwarded-host':
-        req.headers.get('x-forwarded-host') || req.headers.get('host') || ''
+        req.headers.get('x-forwarded-host') || req.headers.get('host') || '',
+      'x-currency': req.cookies.get('pz-currency')?.value ?? ''
     };
 
     if (loginUrlMatcherRegex.test(url.pathname)) {

package/middlewares/redirection-payment.ts

@@ -55,7 +55,8 @@ const withRedirectionPayment =
       headers: {
         'X-Requested-With': 'XMLHttpRequest',
         'Content-Type': 'application/x-www-form-urlencoded',
-        Cookie: req.headers.get('cookie') ?? ''
+        Cookie: req.headers.get('cookie') ?? '',
+        'x-currency': req.cookies.get('pz-currency')?.value ?? ''
       },
       body
     });

package/middlewares/three-d-redirection.ts

@@ -37,86 +37,95 @@ const withThreeDRedirection =
       return middleware(req, event);
     }
 
-    const body = await streamToString(req.body);
-    const params = body.split('&');
-    const encodedPzParams = decodeURIComponent(
-      params.find((param) => param.startsWith('pzparams'))?.split('=')[1] ?? ''
-    );
-
-    logger.debug('Encoded 3D form extra params', encodedPzParams);
+    const requestUrl = `${Settings.commerceUrl}/orders/checkout/${url.search}`;
+    const requestHeaders = {
+      'X-Requested-With': 'XMLHttpRequest',
+      'Content-Type': 'application/x-www-form-urlencoded',
+      Cookie: `osessionid=${req.cookies.get('osessionid')?.value ?? ''}`,
+      'x-currency': req.cookies.get('pz-currency')?.value ?? ''
+    };
 
-    if (!encodedPzParams.length) {
-      logger.warn('No pzparams found in 3D form params');
-      return middleware(req, event);
-    }
+    try {
+      const body = await streamToString(req.body);
 
-    const pzParams = JSON.parse(decodeURIComponent(encodedPzParams)) as {
-      session: string;
-      locale: string;
-    };
+      const request = await fetch(requestUrl, {
+        method: 'POST',
+        headers: requestHeaders,
+        body
+      });
 
-    logger.debug('3D form extra params', pzParams);
+      logger.info('Complete 3D payment request', {
+        requestUrl,
+        status: request.status,
+        requestHeaders
+      });
 
-    const requestUrl = `${Settings.commerceUrl}/orders/checkout/${url.search}`;
+      const response = await request.json();
 
-    const request = await fetch(requestUrl, {
-      method: 'POST',
-      headers: {
-        'X-Requested-With': 'XMLHttpRequest',
-        'Content-Type': 'application/x-www-form-urlencoded',
-        Cookie: `osessionid=${pzParams.session}`
-      },
-      body
-    });
-
-    logger.info('Complete 3D payment request', {
-      requestUrl,
-      status: request.status
-    });
-
-    const response = await request.json();
-
-    const { context_list: contextList } = response;
-    const redirectionContext = contextList?.find(
-      (context) => context.page_context?.redirect_url
-    );
-    const redirectUrl = redirectionContext?.page_context?.redirect_url;
-
-    logger.info('Order success page context list', {
-      middleware: 'three-d-redirection',
-      contextList
-    });
-
-    if (!redirectUrl) {
-      logger.warn(
-        'No redirection url for order success page found in page_context',
-        {
-          middleware: 'three-d-redirection'
-        }
+      const { context_list: contextList } = response;
+      const redirectionContext = contextList?.find(
+        (context) => context.page_context?.redirect_url
       );
-      return middleware(req, event);
-    }
+      const redirectUrl = redirectionContext?.page_context?.redirect_url;
+
+      logger.info('Order success page context list', {
+        middleware: 'three-d-redirection',
+        contextList
+      });
 
-    const redirectUrlWithLocale = `${url.origin}${getUrlPathWithLocale(
-      redirectUrl,
-      req.cookies.get('pz-locale')?.value
-    )}`;
+      if (!redirectUrl) {
+        logger.warn(
+          'No redirection url for order success page found in page_context. Redirecting to checkout page.',
+          {
+            middleware: 'three-d-redirection',
+            requestHeaders,
+            response: JSON.stringify(response)
+          }
+        );
+
+        const redirectUrlWithLocale = `${url.origin}${getUrlPathWithLocale(
+          '/orders/checkout/',
+          req.cookies.get('pz-locale')?.value
+        )}`;
+
+        return NextResponse.redirect(redirectUrlWithLocale, 303);
+      }
 
-    logger.info('Redirecting to order success page', {
-      middleware: 'three-d-redirection',
-      redirectUrlWithLocale
-    });
+      const redirectUrlWithLocale = `${url.origin}${getUrlPathWithLocale(
+        redirectUrl,
+        req.cookies.get('pz-locale')?.value
+      )}`;
 
-    // Using POST method while redirecting causes an error,
-    // So we use 303 status code to change the method to GET
-    const nextResponse = NextResponse.redirect(redirectUrlWithLocale, 303);
+      logger.info('Redirecting to order success page', {
+        middleware: 'three-d-redirection',
+        redirectUrlWithLocale
+      });
+
+      // Using POST method while redirecting causes an error,
+      // So we use 303 status code to change the method to GET
+      const nextResponse = NextResponse.redirect(redirectUrlWithLocale, 303);
 
-    nextResponse.headers.set(
-      'Set-Cookie',
-      request.headers.get('set-cookie') ?? ''
-    );
+      nextResponse.headers.set(
+        'Set-Cookie',
+        request.headers.get('set-cookie') ?? ''
+      );
 
-    return nextResponse;
+      return nextResponse;
+    } catch (error) {
+      logger.error('Error while completing 3D payment', {
+        middleware: 'three-d-redirection',
+        error,
+        requestHeaders
+      });
+
+      return NextResponse.redirect(
+        `${url.origin}${getUrlPathWithLocale(
+          '/orders/checkout/',
+          req.cookies.get('pz-locale')?.value
+        )}`,
+        303
+      );
+    }
   };
 
 export default withThreeDRedirection;

package/package.json

@@ -1,11 +1,17 @@
 {
   "name": "@akinon/next",
   "description": "Core package for Project Zero Next",
-  "version": "1.2.0",
+  "version": "1.4.0",
   "private": false,
   "license": "MIT",
   "bin": {
-    "pz-install-plugins": "bin/pz-install-plugins.js"
+    "pz-postbuild": "bin/pz-postbuild.js",
+    "pz-prebuild": "bin/pz-prebuild.js",
+    "pz-postinstall": "bin/pz-postinstall.js",
+    "pz-prestart": "bin/pz-prestart.js",
+    "pz-poststart": "bin/pz-poststart.js",
+    "pz-predev": "bin/pz-predev.js",
+    "pz-postdev": "bin/pz-postdev.js"
   },
   "dependencies": {
     "@reduxjs/toolkit": "1.9.2",

package/types/commerce/account.ts

@@ -42,18 +42,14 @@ export type AccountChangePasswordFormType = {
 };
 
 export type AccountProfileFormType = {
+  date_of_birth: string;
+  email_allowed: boolean;
   first_name: string;
+  gender: string;
   last_name: string;
   phone: string;
-  email_allowed: boolean;
   sms_allowed: boolean;
-  gender: string;
-  email: string;
-  birthdate_day: string;
-  birthdate_month: string;
-  birthdate_year: string;
-  country_code: string;
-  date_of_birth: string;
+  [key: string]: any;
 };
 
 export type ContactFormType = {

package/utils/index.ts

@@ -35,6 +35,9 @@ export function removeCookie(name: string) {
   document.cookie = name + '=' + '; expires=' + date + '; path=/';
 }
 
+/**
+ * @deprecated Use setCurrency method in useLocalization hook instead.
+ */
 export function setCurrency(currency: string) {
   if (getCookie('pz-currency') !== currency) {
     setCookie('pz-reset-basket', 'true');

package/utils/log.ts

@@ -1,5 +1,3 @@
-import * as Sentry from '@sentry/nextjs';
-
 enum LogLevel {
   TRACE = 'trace',
   DEBUG = 'debug',
@@ -94,15 +92,6 @@ const error: LoggerFn = (message, payload) => {
     message,
     payload
   });
-
-  Sentry.withScope(function (scope) {
-    scope.setLevel('error');
-
-    Sentry.captureException({
-      message,
-      extra: payload
-    });
-  });
 };
 
 const warn: LoggerFn = (message, payload) => {
@@ -111,15 +100,6 @@ const warn: LoggerFn = (message, payload) => {
     message,
     payload
   });
-
-  Sentry.withScope(function (scope) {
-    scope.setLevel('warning');
-
-    Sentry.captureEvent({
-      message,
-      extra: payload
-    });
-  });
 };
 
 const debug: LoggerFn = (message, payload) => {