support form changes

Yash094 · Yash094 · commit 2abfa5a6fb23 · 2025-11-14T15:27:35.000+05:30
diff --git a/apps/dashboard/src/app/(app)/team/[team_slug]/(team)/~/support/_components/SupportTicketForm.tsx b/apps/dashboard/src/app/(app)/team/[team_slug]/(team)/~/support/_components/SupportTicketForm.tsx
@@ -26,7 +26,7 @@ const EngineSupportForm = dynamic(
     ssr: false,
   },
 );
-const ContractSupportForm = dynamic(
+const _ContractSupportForm = dynamic(
   () =>
     import("./contact-forms/contracts").then((mod) => mod.ContractSupportForm),
   {
@@ -48,7 +48,7 @@ const OtherSupportForm = dynamic(
     ssr: false,
   },
 );
-const PaymentsSupportForm = dynamic(
+const _PaymentsSupportForm = dynamic(
   () =>
     import("./contact-forms/payments").then((mod) => mod.PaymentsSupportForm),
   {
@@ -68,13 +68,14 @@ const TokensMarketplaceSupportForm = dynamic(
 );
 
 const productOptions = [
-  { component: <ConnectSupportForm />, label: "Wallets" },
-  { component: <EngineSupportForm />, label: "Transactions" },
-  { component: <PaymentsSupportForm />, label: "Payments" },
-  { component: <ContractSupportForm />, label: "Contracts" },
+  { component: <ConnectSupportForm />, label: "Working with User Wallets" },
+  {
+    component: <EngineSupportForm />,
+    label: "Using API/SDK’s, errored transactions",
+  },
   {
     component: <TokensMarketplaceSupportForm />,
-    label: "Tokens / Marketplace",
+    label: "Creating, Bridging and swapping tokens",
   },
   { component: <AccountSupportForm />, label: "Account" },
   { component: <OtherSupportForm />, label: "Other" },
diff --git a/apps/dashboard/src/app/(app)/team/[team_slug]/(team)/~/support/_components/contact-forms/connect/index.tsx b/apps/dashboard/src/app/(app)/team/[team_slug]/(team)/~/support/_components/contact-forms/connect/index.tsx
@@ -1,116 +1,91 @@
+"use client";
+
 import { type ReactElement, useState } from "react";
 import { DescriptionInput } from "../../shared/SupportForm_DescriptionInput";
 import { SupportForm_SelectInput } from "../../shared/SupportForm_SelectInput";
 import { SupportForm_TextInput } from "../../shared/SupportForm_TextInput";
-import { UnitySupportForm } from "../../shared/SupportForm_UnityInput";
-import { AffectedAreaInput } from "./AffectedAreaInput";
 
 type ProblemAreaItem = {
   label: string;
   component: ReactElement;
 };
 
-const SDKVersionInput = () => (
-  <SupportForm_TextInput
-    formLabel="SDK Version"
-    formValue="extraInfo_SDK_Version"
-    inputType="text"
-    required={true}
-  />
-);
+const SocialEmailLoginIssuesComponent = () => {
+  const [description, setDescription] = useState<string>("");
+  return (
+    <>
+      <SupportForm_TextInput
+        formLabel="User ID/Email with issue"
+        formValue="extraInfo_User_ID_Email"
+        inputType="text"
+        placeholder="Enter user ID or email"
+        required={true}
+      />
+      <DescriptionInput value={description} onChange={setDescription} />
+    </>
+  );
+};
 
-const OSSelect = () => {
-  const [selectedOS, setSelectedOS] = useState<string>("");
+const UserWalletCustomAuthComponent = () => {
+  const [description, setDescription] = useState<string>("");
   return (
-    <SupportForm_SelectInput
-      formLabel="OS"
-      name="extraInfo_OS"
-      onValueChange={setSelectedOS}
-      options={["Windows", "MacOS", "Linux", "Other"]}
-      promptText="Select an operating system"
-      required={true}
-      value={selectedOS}
-    />
+    <>
+      <SupportForm_TextInput
+        formLabel="Custom auth endpoint"
+        formValue="extraInfo_Custom_Auth_Endpoint"
+        inputType="text"
+        placeholder="Enter custom auth endpoint"
+        required={true}
+      />
+      <SupportForm_TextInput
+        formLabel="Support ID"
+        formValue="extraInfo_Support_ID"
+        inputType="text"
+        placeholder="Enter support ID (optional)"
+        required={false}
+      />
+      <DescriptionInput value={description} onChange={setDescription} />
+    </>
   );
 };
 
-const DescriptionInputWrapper = () => {
+const AccountAbstractionComponent = () => {
+  const [description, setDescription] = useState<string>("");
+  return (
+    <>
+      <SupportForm_TextInput
+        formLabel="Support ID"
+        formValue="extraInfo_Support_ID"
+        inputType="text"
+        placeholder="Enter support ID (optional)"
+        required={false}
+      />
+      <DescriptionInput value={description} onChange={setDescription} />
+    </>
+  );
+};
+
+const ThirdPartyEOAWalletsComponent = () => {
   const [description, setDescription] = useState<string>("");
   return <DescriptionInput value={description} onChange={setDescription} />;
 };
 
 const PROBLEM_AREAS: ProblemAreaItem[] = [
   {
-    component: <AffectedAreaInput />,
-    label: "In-app wallet login issues",
-  },
-  {
-    component: <AffectedAreaInput />,
-    label: "In-app wallet transaction issues",
+    component: <SocialEmailLoginIssuesComponent />,
+    label: "Social/Email login issues",
   },
   {
-    component: <AffectedAreaInput />,
-    label: "In-app wallet Custom Auth",
+    component: <UserWalletCustomAuthComponent />,
+    label: "User wallet with custom auth",
   },
   {
-    component: <AffectedAreaInput />,
+    component: <AccountAbstractionComponent />,
     label: "Account Abstraction",
   },
   {
-    component: (
-      <>
-        <SDKVersionInput />
-        <SupportForm_TextInput
-          formLabel="Application URL"
-          formValue="extraInfo_Application_URL"
-          inputType="url"
-          required={false}
-        />
-        <DescriptionInputWrapper />
-      </>
-    ),
-    label: "thirdweb SDKs",
-  },
-  {
-    component: (
-      <>
-        <UnitySupportForm />
-        <SDKVersionInput />
-        <DescriptionInputWrapper />
-      </>
-    ),
-    label: "Unity SDK",
-  },
-  {
-    component: (
-      <>
-        <SDKVersionInput />
-        <OSSelect />
-        <SupportForm_TextInput
-          formLabel="Framework"
-          formValue="extraInfo_dotNET_Framework"
-          inputType="text"
-          placeholder="MAUI | Blazor | Godot, etc"
-          required={false}
-        />
-        <SupportForm_TextInput
-          formLabel="Target OS"
-          formValue="extraInfo_dotNET_Target_OS"
-          inputType="text"
-          required={false}
-        />
-        <DescriptionInputWrapper />
-      </>
-    ),
-    label: ".NET SDK",
-  },
-  {
-    component: <AffectedAreaInput />,
-    label: "Pay",
-  },
-  {
-    component: <AffectedAreaInput />,
-    label: "Auth",
+    component: <ThirdPartyEOAWalletsComponent />,
+    label: "Third party/EOA wallets",
   },
 ];
 
diff --git a/apps/dashboard/src/app/(app)/team/[team_slug]/(team)/~/support/_components/contact-forms/engine/index.tsx b/apps/dashboard/src/app/(app)/team/[team_slug]/(team)/~/support/_components/contact-forms/engine/index.tsx
@@ -3,55 +3,56 @@ import { DescriptionInput } from "../../shared/SupportForm_DescriptionInput";
 import { SupportForm_SelectInput } from "../../shared/SupportForm_SelectInput";
 import { SupportForm_TextInput } from "../../shared/SupportForm_TextInput";
 
-const ENGINE_TYPES = ["Cloud (V3)", "Dedicated (V2)"];
-const ENGINE_PROBLEM_AREAS = [
-  "SSL Issues",
-  "Transaction queueing issues",
-  "401 - Unauthorized",
-  "404 - Endpoint Not Found",
-  "Other",
+const API_SDK_OPTIONS = [
+  "API endpoint",
+  "React/TypeScript",
+  "Unity/.NET",
+  "React Native",
 ];
 
 export function EngineSupportForm() {
-  const [selectedEngineType, setSelectedEngineType] = useState<string>("");
-  const [problemArea, setProblemArea] = useState<string>("");
+  const [selectedSDK, setSelectedSDK] = useState<string>("");
   const [description, setDescription] = useState<string>("");
 
   return (
     <>
       <SupportForm_SelectInput
-        formLabel="Type"
-        name="extraInfo_Engine_Type"
-        onValueChange={setSelectedEngineType}
-        options={ENGINE_TYPES}
-        promptText="Select Engine type"
+        formLabel="Which API/SDK are you using?"
+        name="extraInfo_API_SDK"
+        onValueChange={setSelectedSDK}
+        options={API_SDK_OPTIONS}
+        promptText="Select a problem area"
         required={true}
-        value={selectedEngineType}
-      />{" "}
-      {selectedEngineType && (
+        value={selectedSDK}
+      />
+      {selectedSDK && (
         <>
-          <SupportForm_SelectInput
-            formLabel="Problem area"
-            name="extraInfo_Problem_Area"
-            onValueChange={setProblemArea}
-            options={ENGINE_PROBLEM_AREAS}
-            promptText="Select a problem area"
-            required={true}
-            value={problemArea}
+          {selectedSDK !== "API endpoint" && (
+            <SupportForm_TextInput
+              formLabel="Version of SDK"
+              formValue="extraInfo_SDK_Version"
+              inputType="text"
+              placeholder="e.g. 3.12.0"
+              required={true}
+            />
+          )}
+          <SupportForm_TextInput
+            formLabel="Queue/Support ID in logs"
+            formValue="extraInfo_Queue_Support_ID"
+            inputType="text"
+            placeholder="Enter support ID from logs"
+            required={false}
           />
-
-          {problemArea && (
-            <>
-              <SupportForm_TextInput
-                formLabel="Engine URL"
-                formValue="extraInfo_Engine_URL"
-                inputType="url"
-                placeholder="https://your-engine-url.com"
-                required={true}
-              />
-              <DescriptionInput value={description} onChange={setDescription} />
-            </>
+          {selectedSDK === "API endpoint" && (
+            <SupportForm_TextInput
+              formLabel="API endpoint URL with parameters"
+              formValue="extraInfo_API_Endpoint_URL"
+              inputType="url"
+              placeholder="https://api.example.com/endpoint?param=value"
+              required={false}
+            />
           )}
+          <DescriptionInput value={description} onChange={setDescription} />
         </>
       )}
     </>
diff --git a/apps/dashboard/src/app/(app)/team/[team_slug]/(team)/~/support/_components/contact-forms/other/index.tsx b/apps/dashboard/src/app/(app)/team/[team_slug]/(team)/~/support/_components/contact-forms/other/index.tsx
@@ -14,6 +14,7 @@ const OTHER_PROBLEM_AREAS = [
   "Bug report",
   "Documentation",
   "Integration help",
+  "Agents/x402 and AI",
   "Other",
 ];
 export function OtherSupportForm() {
diff --git a/apps/dashboard/src/app/(app)/team/[team_slug]/(team)/~/support/_components/contact-forms/tokens-marketplace/index.tsx b/apps/dashboard/src/app/(app)/team/[team_slug]/(team)/~/support/_components/contact-forms/tokens-marketplace/index.tsx
@@ -8,10 +8,10 @@ export function TokensMarketplaceSupportForm() {
   return (
     <>
       <SupportForm_TextInput
-        formLabel="Address"
-        formValue="extraInfo_TokensMarketplace_Address"
+        formLabel="Token address or symbol"
+        formValue="extraInfo_Token_Address_Symbol"
         inputType="text"
-        placeholder="Enter the relevant address"
+        placeholder="Enter token address or symbol (e.g. 0x... or ETH)"
         required={true}
       />
       <SupportForm_TextInput
@@ -21,6 +21,13 @@ export function TokensMarketplaceSupportForm() {
         placeholder="e.g. Ethereum, Polygon, etc."
         required={true}
       />
+      <SupportForm_TextInput
+        formLabel="Support ID in logs"
+        formValue="extraInfo_Support_ID_Logs"
+        inputType="text"
+        placeholder="Enter support ID from logs"
+        required={false}
+      />
       <DescriptionInput value={description} onChange={setDescription} />
     </>
   );
