refactor(SetTokenDialog): refactor to TS, modularize config logic into separate components

client/src/components/Input/SetTokenDialog/GoogleConfig.tsx

@@ -0,0 +1,50 @@
+import React from 'react';
+import FileUpload from '../NewConversationMenu/FileUpload';
+
+const GoogleConfig = ({ setToken } : { setToken: React.Dispatch<React.SetStateAction<string>> }) => {
+  return (
+    <FileUpload
+      id="googleKey"
+      className="w-full"
+      text="Import Service Account JSON Key"
+      successText="Successfully Imported Service Account JSON Key"
+      invalidText="Invalid Service Account JSON Key, Did you import the correct file?"
+      validator={(credentials) => {
+        if (!credentials) {
+          return false;
+        }
+
+        if (
+          !credentials.client_email ||
+        typeof credentials.client_email !== 'string' ||
+        credentials.client_email.length <= 2
+        ) {
+          return false;
+        }
+
+        if (
+          !credentials.project_id ||
+        typeof credentials.project_id !== 'string' ||
+        credentials.project_id.length <= 2
+        ) {
+          return false;
+        }
+
+        if (
+          !credentials.private_key ||
+        typeof credentials.private_key !== 'string' ||
+        credentials.private_key.length <= 600
+        ) {
+          return false;
+        }
+
+        return true;
+      }}
+      onFileSelected={(data) => {
+        setToken(JSON.stringify(data));
+      }}
+    />
+  );
+};
+
+export default GoogleConfig;