From d204df4115d4648872e63c36e47b40181970a4df Mon Sep 17 00:00:00 2001
From: Stephanie Smith <stephanie.c.smith@jpl.nasa.gov>
Date: Thu, 18 Jul 2024 10:03:30 -0700
Subject: [PATCH] switching to fast-qs for esm-friendly build

---
 packages/vue/package.json                     |  2 +-
 .../components/FormContact/FormContact.vue    |  4 +-
 .../FormNewsletterSignup.vue                  |  4 +-
 pnpm-lock.yaml                                | 67 +++++++++++++------
 4 files changed, 50 insertions(+), 27 deletions(-)

diff --git a/packages/vue/package.json b/packages/vue/package.json
index 11fb2405..13bb659e 100644
--- a/packages/vue/package.json
+++ b/packages/vue/package.json
@@ -30,8 +30,8 @@
     "click-outside-vue3": "^4.0.1",
     "datebook": "^8.0.1",
     "dayjs": "^1.11.11",
+    "fast-qs": "^2.0.3",
     "lodash": "^4.17.21",
-    "qs": "^6.12.1",
     "sass": "^1.77.4",
     "swiper": "^11.1.3",
     "tailwindcss": "^3.4.3",
diff --git a/packages/vue/src/components/FormContact/FormContact.vue b/packages/vue/src/components/FormContact/FormContact.vue
index a58778c7..5bffad5b 100755
--- a/packages/vue/src/components/FormContact/FormContact.vue
+++ b/packages/vue/src/components/FormContact/FormContact.vue
@@ -81,7 +81,7 @@
 <script lang="ts">
 // @ts-nocheck
 import { defineComponent } from 'vue'
-import qs from 'qs'
+import { stringify } from 'fast-qs'
 import LayoutHelper from './../LayoutHelper/LayoutHelper.vue'
 import BaseHeading from './../BaseHeading/BaseHeading.vue'
 import BaseButton from './../BaseButton/BaseButton.vue'
@@ -134,7 +134,7 @@ export default defineComponent({
           headers: {
             'Content-Type': 'application/x-www-form-urlencoded; charset=UTF-8'
           },
-          body: qs.stringify({
+          body: stringify({
             full_name: data.full_name,
             email: data.email,
             subject: data.subject,
diff --git a/packages/vue/src/components/FormNewsletterSignup/FormNewsletterSignup.vue b/packages/vue/src/components/FormNewsletterSignup/FormNewsletterSignup.vue
index 4e8582d6..fa9cda02 100755
--- a/packages/vue/src/components/FormNewsletterSignup/FormNewsletterSignup.vue
+++ b/packages/vue/src/components/FormNewsletterSignup/FormNewsletterSignup.vue
@@ -126,7 +126,7 @@
 <script lang="ts">
 // @ts-nocheck
 import { defineComponent } from 'vue'
-import qs from 'qs'
+import { stringify } from 'fast-qs'
 import LayoutHelper from './../LayoutHelper/LayoutHelper.vue'
 import BaseHeading from './../BaseHeading/BaseHeading.vue'
 import BaseButton from './../BaseButton/BaseButton.vue'
@@ -280,7 +280,7 @@ export default defineComponent({
           headers: {
             'Content-Type': 'application/x-www-form-urlencoded; charset=UTF-8'
           },
-          body: qs.stringify({
+          body: stringify({
             'data[email]': data.email,
             'data[fname]': data.first_name,
             'data[lname]': data.last_name,
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index d144a818..5f6e3dfd 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -40,7 +40,7 @@ importers:
         version: 4.0.31
       '@tailwindcss/forms':
         specifier: ^0.5.7
-        version: 0.5.7(tailwindcss@3.4.4(ts-node@10.9.2(@types/node@20.14.2)(typescript@5.4.5)))
+        version: 0.5.7(tailwindcss@3.4.4(ts-node@10.9.2(@swc/core@1.6.13)(@types/node@20.14.2)(typescript@5.4.5)))
       swiper:
         specifier: ^11.1.3
         version: 11.1.4
@@ -122,7 +122,7 @@ importers:
         version: 8.2.4(@babel/preset-env@7.24.7(@babel/core@7.24.7))
       tailwindcss:
         specifier: ^3.4.3
-        version: 3.4.4(ts-node@10.9.2(@types/node@20.14.2)(typescript@5.4.5))
+        version: 3.4.4(ts-node@10.9.2(@swc/core@1.6.13)(@types/node@20.14.2)(typescript@5.4.5))
       ts-node:
         specifier: ^10.9.2
         version: 10.9.2(@swc/core@1.6.13)(@types/node@20.14.2)(typescript@5.4.5)
@@ -152,7 +152,7 @@ importers:
         version: 4.0.31
       '@tailwindcss/forms':
         specifier: ^0.5.7
-        version: 0.5.7(tailwindcss@3.4.4(ts-node@10.9.2(@types/node@20.14.2)(typescript@5.4.5)))
+        version: 0.5.7(tailwindcss@3.4.4(ts-node@10.9.2(@swc/core@1.6.13)(@types/node@20.14.2)(typescript@5.4.5)))
       click-outside-vue3:
         specifier: ^4.0.1
         version: 4.0.1
@@ -258,7 +258,7 @@ importers:
         version: 0.9.29(@storybook/blocks@8.2.4(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(storybook@8.2.4(@babel/preset-env@7.24.7(@babel/core@7.24.7))))(@storybook/components@8.2.4(storybook@8.2.4(@babel/preset-env@7.24.7(@babel/core@7.24.7))))(@storybook/core-events@8.1.11)(@storybook/preview-api@8.2.4(storybook@8.2.4(@babel/preset-env@7.24.7(@babel/core@7.24.7))))(@storybook/theming@8.2.4(storybook@8.2.4(@babel/preset-env@7.24.7(@babel/core@7.24.7))))(@storybook/types@8.1.11)(@storybook/vue3@8.2.4(storybook@8.2.4(@babel/preset-env@7.24.7(@babel/core@7.24.7)))(vue@3.4.27(typescript@5.4.5)))(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(vue@3.4.27(typescript@5.4.5))
       tailwindcss:
         specifier: ^3.4.3
-        version: 3.4.4(ts-node@10.9.2(@types/node@20.14.2)(typescript@5.4.5))
+        version: 3.4.4(ts-node@10.9.2(@swc/core@1.6.13)(@types/node@20.14.2)(typescript@5.4.5))
       ts-node:
         specifier: ^10.9.2
         version: 10.9.2(@swc/core@1.6.13)(@types/node@20.14.2)(typescript@5.4.5)
@@ -279,10 +279,10 @@ importers:
     dependencies:
       '@tailwindcss/forms':
         specifier: ^0.5.7
-        version: 0.5.7(tailwindcss@3.4.4(ts-node@10.9.2(@types/node@20.14.2)(typescript@5.4.5)))
+        version: 0.5.7(tailwindcss@3.4.4(ts-node@10.9.2(@swc/core@1.6.13)(@types/node@20.14.2)(typescript@5.4.5)))
       tailwindcss:
         specifier: ^3.4.3
-        version: 3.4.4(ts-node@10.9.2(@types/node@20.14.2)(typescript@5.4.5))
+        version: 3.4.4(ts-node@10.9.2(@swc/core@1.6.13)(@types/node@20.14.2)(typescript@5.4.5))
       tailwindcss-themer:
         specifier: ^4.0.0
         version: 4.0.0(tailwindcss@3.4.4(ts-node@10.9.2(@types/node@20.14.2)(typescript@5.4.5)))
@@ -368,13 +368,13 @@ importers:
         version: 4.0.31
       '@tailwindcss/forms':
         specifier: ^0.5.7
-        version: 0.5.7(tailwindcss@3.4.4(ts-node@10.9.2(@types/node@20.14.2)(typescript@5.4.5)))
+        version: 0.5.7(tailwindcss@3.4.4(ts-node@10.9.2(@swc/core@1.6.13)(@types/node@20.14.2)(typescript@5.4.5)))
       swiper:
         specifier: ^11.1.3
         version: 11.1.4
       tailwindcss:
         specifier: ^3.4.3
-        version: 3.4.4(ts-node@10.9.2(@types/node@20.14.2)(typescript@5.4.5))
+        version: 3.4.4(ts-node@10.9.2(@swc/core@1.6.13)(@types/node@20.14.2)(typescript@5.4.5))
     devDependencies:
       '@explorer-1/common':
         specifier: workspace:*
@@ -420,7 +420,7 @@ importers:
         version: 0.5.1(rollup@4.18.0)(typescript@5.4.5)(vue@3.4.27(typescript@5.4.5))
       '@tailwindcss/forms':
         specifier: ^0.5.7
-        version: 0.5.7(tailwindcss@3.4.4(ts-node@10.9.2(@types/node@20.14.2)(typescript@5.4.5)))
+        version: 0.5.7(tailwindcss@3.4.4(ts-node@10.9.2(@swc/core@1.6.13)(@types/node@20.14.2)(typescript@5.4.5)))
       click-outside-vue3:
         specifier: ^4.0.1
         version: 4.0.1
@@ -484,7 +484,7 @@ importers:
         version: 4.0.31
       '@tailwindcss/forms':
         specifier: ^0.5.7
-        version: 0.5.7(tailwindcss@3.4.4(ts-node@10.9.2(@types/node@20.14.2)(typescript@5.4.5)))
+        version: 0.5.7(tailwindcss@3.4.4(ts-node@10.9.2(@swc/core@1.6.13)(@types/node@20.14.2)(typescript@5.4.5)))
       animejs:
         specifier: ^3.2.2
         version: 3.2.2
@@ -497,12 +497,12 @@ importers:
       dayjs:
         specifier: ^1.11.11
         version: 1.11.11
+      fast-qs:
+        specifier: ^2.0.3
+        version: 2.0.3
       lodash:
         specifier: ^4.17.21
         version: 4.17.21
-      qs:
-        specifier: ^6.12.1
-        version: 6.12.1
       sass:
         specifier: ^1.77.4
         version: 1.77.4
@@ -511,7 +511,7 @@ importers:
         version: 11.1.4
       tailwindcss:
         specifier: ^3.4.3
-        version: 3.4.4(ts-node@10.9.2(@types/node@20.14.2)(typescript@5.4.5))
+        version: 3.4.4(ts-node@10.9.2(@swc/core@1.6.13)(@types/node@20.14.2)(typescript@5.4.5))
       twitter-widgets:
         specifier: ^2.0.0
         version: 2.0.0
@@ -3729,6 +3729,9 @@ packages:
   bare-events@2.3.1:
     resolution: {integrity: sha512-sJnSOTVESURZ61XgEleqmP255T6zTYwHPwE4r6SssIh0U9/uDvfpdoJYpVUerJJZH2fueO+CdT8ZT+OC/7aZDA==}
 
+  base-log-factory@1.0.2:
+    resolution: {integrity: sha512-WbmOe94CnOZPNAomInhxn4jBIQcwongfPNe8R5UZ8hiY8t0fbLE+jz3Qum7BpkolSOBNnS1Wo37b1cNiUNKsEg==}
+
   base64-js@1.5.1:
     resolution: {integrity: sha512-AKpaYlHn8t4SVbOHCy+b5+KKgvR4vrsD8vbvrbiQJps7fKDTkjkDry6ji0rUJjC0kzbNePLwzxq8iypo41qeWA==}
 
@@ -3865,6 +3868,9 @@ packages:
   ccount@2.0.1:
     resolution: {integrity: sha512-eyrF0jiFpY+3drT6383f1qhkbGsLSifNAjA61IUjZjmLCWjItY6LB9ft9YhoDgwfmclB2zhu51Lc7+95b8NRAg==}
 
+  celia@9.0.2:
+    resolution: {integrity: sha512-oNFUjtalXtzrbuHQaSGBJWgcjD1HEesdFFPNIt9wbne3FLokDiVLQ/1m76bAvsgixVJnDiN2/jOtWYjWE7ILew==}
+
   chalk@2.4.2:
     resolution: {integrity: sha512-Mti+f9lpJNcwF4tWV8/OrTTtF1gZi+f8FqlyAdouralcFWFQWF2+NgCHShjkCb+IFBLq9buZwE1xckQU4peSuQ==}
     engines: {node: '>=4'}
@@ -4848,6 +4854,10 @@ packages:
   fast-levenshtein@2.0.6:
     resolution: {integrity: sha512-DCXu6Ifhqcks7TZKY3Hxp3y6qphY5SJZmrWMDrKcERSOXWQdMhU9Ig/PYrzyw/ul9jOIyh0N4M0tbC5hodg8dw==}
 
+  fast-qs@2.0.3:
+    resolution: {integrity: sha512-wFeG88r+oVWyMJDVSAsxMYpa9rKBkuNTkJxj9mTehme9Zuvsfl8MSdeFANV3vjYsi2ApiZimQoHuAehCKvzCuQ==}
+    engines: {node: '>=14.18.0', node-dev: '>=18.0.0'}
+
   fastest-levenshtein@1.0.16:
     resolution: {integrity: sha512-eRnCtTTtGZFpQCwhJiUOuxPQWRXVKYDn0b2PeHfXL6/Zi53SLAzAHfVhVWK2AryC/WH05kGfxhFIPvTF0SXQzg==}
     engines: {node: '>= 4.9.1'}
@@ -11083,7 +11093,7 @@ snapshots:
       postcss: 8.4.38
       postcss-nesting: 12.1.5(postcss@8.4.38)
       tailwind-config-viewer: 2.0.2(tailwindcss@3.4.4(ts-node@10.9.2(@types/node@20.14.2)(typescript@5.4.5)))
-      tailwindcss: 3.4.4(ts-node@10.9.2(@types/node@20.14.2)(typescript@5.4.5))
+      tailwindcss: 3.4.4(ts-node@10.9.2(@swc/core@1.6.13)(@types/node@20.14.2)(typescript@5.4.5))
       ufo: 1.5.3
       unctx: 2.3.1
     transitivePeerDependencies:
@@ -12155,10 +12165,10 @@ snapshots:
     dependencies:
       '@swc/counter': 0.1.3
 
-  '@tailwindcss/forms@0.5.7(tailwindcss@3.4.4(ts-node@10.9.2(@types/node@20.14.2)(typescript@5.4.5)))':
+  '@tailwindcss/forms@0.5.7(tailwindcss@3.4.4(ts-node@10.9.2(@swc/core@1.6.13)(@types/node@20.14.2)(typescript@5.4.5)))':
     dependencies:
       mini-svg-data-uri: 1.4.4
-      tailwindcss: 3.4.4(ts-node@10.9.2(@types/node@20.14.2)(typescript@5.4.5))
+      tailwindcss: 3.4.4(ts-node@10.9.2(@swc/core@1.6.13)(@types/node@20.14.2)(typescript@5.4.5))
 
   '@trysound/sax@0.2.0': {}
 
@@ -13315,6 +13325,10 @@ snapshots:
   bare-events@2.3.1:
     optional: true
 
+  base-log-factory@1.0.2:
+    dependencies:
+      tslib: 2.6.3
+
   base64-js@1.5.1: {}
 
   basic-auth@2.0.1:
@@ -13485,6 +13499,11 @@ snapshots:
 
   ccount@2.0.1: {}
 
+  celia@9.0.2:
+    dependencies:
+      base-log-factory: 1.0.2
+      tslib: 2.6.3
+
   chalk@2.4.2:
     dependencies:
       ansi-styles: 3.2.1
@@ -14602,6 +14621,10 @@ snapshots:
 
   fast-levenshtein@2.0.6: {}
 
+  fast-qs@2.0.3:
+    dependencies:
+      celia: 9.0.2
+
   fastest-levenshtein@1.0.16: {}
 
   fastq@1.17.1:
@@ -17583,7 +17606,7 @@ snapshots:
       camelcase-css: 2.0.1
       postcss: 8.4.38
 
-  postcss-load-config@4.0.2(postcss@8.4.38)(ts-node@10.9.2(@types/node@20.14.2)(typescript@5.4.5)):
+  postcss-load-config@4.0.2(postcss@8.4.38)(ts-node@10.9.2(@swc/core@1.6.13)(@types/node@20.14.2)(typescript@5.4.5)):
     dependencies:
       lilconfig: 3.1.2
       yaml: 2.4.5
@@ -18895,7 +18918,7 @@ snapshots:
       open: 7.4.2
       portfinder: 1.0.32
       replace-in-file: 6.3.5
-      tailwindcss: 3.4.4(ts-node@10.9.2(@types/node@20.14.2)(typescript@5.4.5))
+      tailwindcss: 3.4.4(ts-node@10.9.2(@swc/core@1.6.13)(@types/node@20.14.2)(typescript@5.4.5))
     transitivePeerDependencies:
       - supports-color
 
@@ -18905,9 +18928,9 @@ snapshots:
       just-unique: 4.2.0
       lodash.merge: 4.6.2
       lodash.mergewith: 4.6.2
-      tailwindcss: 3.4.4(ts-node@10.9.2(@types/node@20.14.2)(typescript@5.4.5))
+      tailwindcss: 3.4.4(ts-node@10.9.2(@swc/core@1.6.13)(@types/node@20.14.2)(typescript@5.4.5))
 
-  tailwindcss@3.4.4(ts-node@10.9.2(@types/node@20.14.2)(typescript@5.4.5)):
+  tailwindcss@3.4.4(ts-node@10.9.2(@swc/core@1.6.13)(@types/node@20.14.2)(typescript@5.4.5)):
     dependencies:
       '@alloc/quick-lru': 5.2.0
       arg: 5.0.2
@@ -18926,7 +18949,7 @@ snapshots:
       postcss: 8.4.38
       postcss-import: 15.1.0(postcss@8.4.38)
       postcss-js: 4.0.1(postcss@8.4.38)
-      postcss-load-config: 4.0.2(postcss@8.4.38)(ts-node@10.9.2(@types/node@20.14.2)(typescript@5.4.5))
+      postcss-load-config: 4.0.2(postcss@8.4.38)(ts-node@10.9.2(@swc/core@1.6.13)(@types/node@20.14.2)(typescript@5.4.5))
       postcss-nested: 6.0.1(postcss@8.4.38)
       postcss-selector-parser: 6.1.0
       resolve: 1.22.8