fixing post request

Author: ruchitharajaghatta

package-lock.json

@@ -95,5 +95,8 @@
     "@types/react-dom": "^17.0.25",
     "react": "^17.0.2",
     "react-dom": "^17.0.2"
+  },
+  "dependencies": {
+    "query-string": "^9.1.1"
   }
 }

package.json

@@ -12,6 +12,8 @@ import { EJSON } from 'bson';
 import { signIntoAtlasWithModalPrompt } from './store/atlas-signin-reducer';
 import { getStore } from './store/atlas-ai-store';
 import { optIntoGenAIWithModalPrompt } from './store/atlas-optin-reducer';
+import type { StringifyOptions } from 'query-string';
+import queryString from 'query-string';
 
 type GenerativeAiInput = {
   userInput: string;
@@ -28,6 +30,18 @@ type GenerativeAiInput = {
 const AI_MAX_REQUEST_SIZE = 5120000;
 const AI_MIN_SAMPLE_DOCUMENTS = 1;
 
+// Usage: when sending a request of content type 'application/x-www-form-urlencoded'
+export const formParams = function formParams(
+  params: Record<string, any>,
+  {
+    skipNull = true,
+    arrayFormat = 'bracket',
+    ...options
+  }: StringifyOptions = {}
+) {
+  return queryString.stringify(params, { skipNull, arrayFormat, ...options });
+};
+
 type AIAggregation = {
   content: {
     aggregation?: {
@@ -450,13 +464,13 @@ export class AtlasAiService {
       ),
       {
         method: 'POST',
-        body: JSON.stringify({
-          value: true,
-        }),
         headers: {
-          'Content-Type': 'application/json',
+          'Content-Type': 'application/x-www-form-urlencoded',
           Accept: 'application/json',
         },
+        body: formParams({
+          value: true,
+        }),
       }
     );
     await this.preferences.savePreferences({