Add proxy location to task form advanced settings (#1171)

skyvern-frontend/src/components/ProxySelector.tsx

@@ -0,0 +1,41 @@
+import { ProxyLocation } from "@/api/types";
+import {
+  Select,
+  SelectContent,
+  SelectItem,
+  SelectTrigger,
+  SelectValue,
+} from "./ui/select";
+
+type Props = {
+  value: ProxyLocation | null;
+  onChange: (value: ProxyLocation) => void;
+};
+
+function ProxySelector({ value, onChange }: Props) {
+  return (
+    <Select value={value ?? ""} onValueChange={onChange}>
+      <SelectTrigger className="w-48">
+        <SelectValue placeholder="Proxy Location" />
+      </SelectTrigger>
+      <SelectContent>
+        <SelectItem value={ProxyLocation.Residential}>Residential</SelectItem>
+        <SelectItem value={ProxyLocation.ResidentialES}>
+          Residential (Spain)
+        </SelectItem>
+        <SelectItem value={ProxyLocation.ResidentialIE}>
+          Residential (Ireland)
+        </SelectItem>
+        <SelectItem value={ProxyLocation.ResidentialIN}>
+          Residential (India)
+        </SelectItem>
+        <SelectItem value={ProxyLocation.ResidentialJP}>
+          Residential (Japan)
+        </SelectItem>
+        <SelectItem value={ProxyLocation.None}>None</SelectItem>
+      </SelectContent>
+    </Select>
+  );
+}
+
+export { ProxySelector };