fix: allow Adyen payment with a credit card that requires 3D Secure 2 authentication

disable minifier in rust to avoid a build that is not working due to some compatibility issue with adyen package

Author: malessani

@typings/missing.d.ts

@@ -4,7 +4,6 @@ import { CheckoutHead } from "components/composite/CheckoutTitle"
 import { AppProvider } from "components/data/AppProvider"
 import GlobalStylesProvider from "components/data/GlobalStylesProvider"
 import { GTMProvider } from "components/data/GTMProvider"
-import { RollbarProvider } from "components/data/RollbarProvider"
 
 interface Props {
   settings: CheckoutSettings
@@ -14,23 +13,21 @@ const CheckoutContainer: React.FC<Props> = ({ settings, children }) => {
   return (
     <div>
       <CheckoutHead title={settings.companyName} favicon={settings.favicon} />
-      <RollbarProvider>
-        <CommerceLayer
+      <CommerceLayer
+        accessToken={settings.accessToken}
+        endpoint={settings.endpoint}
+      >
+        <GlobalStylesProvider primaryColor={settings.primaryColor} />
+
+        <AppProvider
+          orderId={settings.orderId}
           accessToken={settings.accessToken}
-          endpoint={settings.endpoint}
+          slug={settings.slug}
+          domain={settings.domain}
         >
-          <GlobalStylesProvider primaryColor={settings.primaryColor} />
-
-          <AppProvider
-            orderId={settings.orderId}
-            accessToken={settings.accessToken}
-            slug={settings.slug}
-            domain={settings.domain}
-          >
-            <GTMProvider gtmId={settings.gtmId}>{children}</GTMProvider>
-          </AppProvider>
-        </CommerceLayer>
-      </RollbarProvider>
+          <GTMProvider gtmId={settings.gtmId}>{children}</GTMProvider>
+        </AppProvider>
+      </CommerceLayer>
     </div>
   )
 }

components/composite/CheckoutContainer/index.tsx

@@ -1,5 +1,6 @@
-import { useTranslation } from "next-i18next"
 import Link from "next/link"
+// eslint-disable-next-line import/order
+import { useTranslation } from "next-i18next"
 
 import { CartLinkWrapper, LinkWrapper } from "./styled"
 

components/composite/OrderSummary/ReturnToCart/index.tsx

@@ -6,12 +6,14 @@ const shouldAnalyzeBundles = process.env.ANALYZE === "true"
 let nextConfig = {
   eslint: {},
   poweredByHeader: false,
-  swcMinify: true,
+  swcMinify: false,
   webpack: (config) => {
     return config
   },
   // When when app is exported as SPA and served in a sub-folder
-  assetPrefix: process.env.NEXT_PUBLIC_BASE_PATH ? `${process.env.NEXT_PUBLIC_BASE_PATH}/` : undefined,
+  assetPrefix: process.env.NEXT_PUBLIC_BASE_PATH
+    ? `${process.env.NEXT_PUBLIC_BASE_PATH}/`
+    : undefined,
   // https://nextjs.org/docs/api-reference/next.config.js/custom-page-extensions#including-non-page-files-in-the-pages-directory
   pageExtensions: ["page.tsx"],
   // rewrite rules affect only development mode, since Next router will return 404 for paths that only exist in react-router

components/data/RollbarProvider/index.tsx

@@ -70,10 +70,10 @@
     "commercelayer"
   ],
   "dependencies": {
+    "@adyen/adyen-web": "^5.31.1",
     "@commercelayer/react-components": "3.15.5",
     "@commercelayer/sdk": "^4.21.0",
     "@headlessui/react": "^1.7.7",
-    "@rollbar/react": "^0.11.1",
     "@tailwindcss/forms": "^0.5.3",
     "@tailwindcss/line-clamp": "^0.4.2",
     "@types/async-retry": "1.4.3",
@@ -88,13 +88,12 @@
     "jwt-decode": "^3.1.2",
     "next": "^12.3.4",
     "next-i18next": "^12.1.0",
-    "postcss": "^8.4.20",
+    "postcss": "^8.4.21",
     "react": "^17.0.2",
     "react-dom": "^17.0.2",
     "react-gtm-module": "^2.0.11",
     "react-i18next": "^11.18.6",
-    "react-router-dom": "^6.6.1",
-    "rollbar": "^2.26.0",
+    "react-router-dom": "^6.6.2",
     "styled-components": "^5.3.6",
     "tailwindcss": "^3.2.4",
     "twin.macro": "2.8.2",
@@ -105,15 +104,15 @@
     "@faker-js/faker": "^7.6.0",
     "@next/bundle-analyzer": "^12.3.4",
     "@next/eslint-plugin-next": "^12.3.4",
-    "@playwright/test": "^1.29.1",
+    "@playwright/test": "^1.29.2",
     "@semantic-release/changelog": "^6.0.2",
     "@semantic-release/commit-analyzer": "^9.0.2",
     "@semantic-release/git": "^10.0.1",
     "@semantic-release/github": "^8.0.7",
-    "@semantic-release/npm": "^9.0.1",
+    "@semantic-release/npm": "^9.0.2",
     "@semantic-release/release-notes-generator": "^10.0.3",
-    "@typescript-eslint/eslint-plugin": "^5.48.0",
-    "@typescript-eslint/parser": "^5.48.0",
+    "@typescript-eslint/eslint-plugin": "^5.48.1",
+    "@typescript-eslint/parser": "^5.48.1",
     "dotenv": "^16.0.3",
     "eslint": "^8.23.1",
     "eslint-config-next": "^12.3.4",
@@ -123,9 +122,9 @@
     "eslint-plugin-node": "^11.1.0",
     "eslint-plugin-prettier": "^4.2.1",
     "eslint-plugin-promise": "^6.1.1",
-    "eslint-plugin-react": "^7.31.11",
+    "eslint-plugin-react": "^7.32.0",
     "eslint-plugin-tailwind": "^0.2.1",
-    "prettier": "^2.8.1",
+    "prettier": "^2.8.3",
     "serve": "^14.1.2",
     "stylelint": "^14.16.1",
     "stylelint-config-standard": "^28.0.0"

next.config.js

@@ -1,6 +1,8 @@
+import type { AppProps } from "next/app"
 import "../styles/globals.css"
+// eslint-disable-next-line import/order
 import { appWithTranslation } from "next-i18next"
-import type { AppProps } from "next/app"
+
 import "components/data/i18n"
 
 function CheckoutApp(props: AppProps) {