feat: update contact form to use npm package

next.config.js

@@ -7,7 +7,7 @@ const orgId = process.env.NEXT_PUBLIC_PLANNER_ORG_ID;
  */
 const nextConfig = {
   output: 'standalone',
-  transpilePackages: ['@atb-as/mapbox-shared'],
+  transpilePackages: ['@atb-as/mapbox-shared', '@mrfylke/contact-form'],
   async headers() {
     return [
       {
@@ -38,16 +38,21 @@ const nextConfig = {
       (rule) => typeof rule.oneOf === 'object',
     );
     if (oneOf) {
-      const moduleCssRule = oneOf.oneOf.find(
-        (rule) => regexEqual(rule.test, /\.module\.css$/),
+      const moduleCssRules = oneOf.oneOf.filter((rule) =>
+        regexEqual(rule.test, /\.module\.css$/),
         // regexEqual(rule.test, /\.module\.(scss|sass)$/)
       );
-      if (moduleCssRule) {
+      for (const moduleCssRule of moduleCssRules) {
         const cssLoader = moduleCssRule.use.find(({ loader }) =>
           loader.includes('css-loader'),
         );
         if (cssLoader) {
-          cssLoader.options.modules.mode = 'local';
+          cssLoader.options.modules = {
+            ...(typeof cssLoader.options.modules === 'object'
+              ? cssLoader.options.modules
+              : {}),
+            mode: 'local',
+          };
         }
       }
     }

package.json

@@ -48,6 +48,7 @@
     "@isaacs/ttlcache": "^1.4.1",
     "@leile/lobo-t": "^1.0.5",
     "@mapbox/polyline": "^1.2.1",
+    "@mrfylke/contact-form": "^0.1.28",
     "@react-aria/focus": "^3.21.0",
     "@react-hook/resize-observer": "^2.0.2",
     "@resvg/resvg-js": "^2.6.2",