fixup! feat: Stringify config data if it's an object

src/lib/utils.ts

@@ -4,14 +4,25 @@ import { EVENT_MAP } from './constants';
 
 const defaultHanlder = () => null;
 
-export const buildQueryString = (
-  config: Record<string, string | Record<string, string>>,
-): string => Object.keys(config).map((key) => {
-  if (typeof config[key] === 'string') {
-    return `${key}=${config[key]}`
+type QueryValue = string | number | boolean | QueryObject;
+interface QueryObject { [key: string]: QueryValue; }
+
+export const buildQueryString = (config: QueryObject, configKey?: string): string => {
+  const pairs: string[] = [];
+
+  for (const [key, value] of Object.entries(config)) {
+    const nestedKey = configKey ? `${configKey}[${encodeURIComponent(key)}]` : encodeURIComponent(key);
+    const valueIsObject = typeof value === 'object' && value !== null && !Array.isArray(value);
+
+    if (valueIsObject) {
+      pairs.push(buildQueryString(value as QueryObject, nestedKey));
+    } else {
+      pairs.push(`${nestedKey}=${encodeURIComponent(String(value))}`);
+    }
   }
-  return `${key}=${JSON.stringify(config[key])}`
-}).join('&');
+
+  return pairs.join('&');
+}
 
 export const buildMessageHandler = (handlers: FintocWidgetEventHandlers) => (
   (event: WebViewMessageEvent) => {