feat(pam): account credential rotation

2026-10-21 14:28:09 +00:00 · 2025-10-16 18:12:03 -04:00
parent 4092325a02
commit f0edcd1f0f
25 changed files with 588 additions and 36 deletions
@@ -0,0 +1,71 @@
+import { Controller, useFormContext } from "react-hook-form";
+import { z } from "zod";
+
+import { FormControl, Select, SelectItem, Switch } from "@app/components/v2";
+
+export const rotateAccountFieldsSchema = z.object({
+  rotationEnabled: z.boolean(),
+  rotationIntervalSeconds: z.number()
+});
+
+export const RotateAccountFields = () => {
+  const { control, watch } = useFormContext<{
+    rotationEnabled: boolean;
+    rotationIntervalSeconds: number;
+  }>();
+
+  const rotationEnabled = watch("rotationEnabled");
+
+  return (
+    <div className="flex h-9 items-center gap-3">
+      <Controller
+        control={control}
+        name="rotationEnabled"
+        defaultValue={false}
+        render={({ field: { value, onChange }, fieldState: { error } }) => (
+          <FormControl isError={Boolean(error)} errorText={error?.message} className="mb-0">
+            <Switch
+              className="ml-0 bg-mineshaft-400/80 shadow-inner data-[state=checked]:bg-green/80"
+              id="can-remove-certificates"
+              thumbClassName="bg-mineshaft-800"
+              onCheckedChange={onChange}
+              isChecked={value}
+            />
+          </FormControl>
+        )}
+      />
+      <span className="text-sm">Rotate Credentials Every</span>
+
+      <Controller
+        name="rotationIntervalSeconds"
+        control={control}
+        defaultValue={2592000}
+        render={({ field: { value, onChange }, fieldState: { error } }) => (
+          <FormControl
+            errorText={error?.message}
+            isError={Boolean(error?.message)}
+            className="mb-0"
+          >
+            <Select
+              value={value.toString()}
+              onValueChange={(val) => onChange(parseInt(val, 10))}
+              className="w-full border border-mineshaft-500 capitalize"
+              position="popper"
+              placeholder="Select an interval..."
+              dropdownContainerClassName="max-w-none"
+              isDisabled={!rotationEnabled}
+              dropdownContainerStyle={{
+                width: "120px"
+              }}
+            >
+              <SelectItem value="2592000">30 Days</SelectItem>
+              <SelectItem value="604800">7 Days</SelectItem>
+              <SelectItem value="259200">3 Days</SelectItem>
+              <SelectItem value="86400">1 Day</SelectItem>
+            </Select>
+          </FormControl>
+        )}
+      />
+    </div>
+  );
+};