@actuate-media/cms-admin 0.78.0 → 0.79.1

package/src/views/users/UserDetailDrawer.tsx

@@ -39,6 +39,7 @@ import { Button } from '../../components/ui/Button.js'
 import { Skeleton } from '../../components/ui/Skeleton.js'
 import { EmptyState } from '../../components/ui/EmptyState.js'
 import { ConfirmDialog } from '../../components/ui/ConfirmDialog.js'
+import { ReauthDialog } from '../../components/ui/ReauthDialog.js'
 
 // ---------------------------------------------------------------------------
 // Types (mirror cms-core serialized shapes)
@@ -151,82 +152,6 @@ const STATUS_META: Record<UserDetail['status'], { dot: string; text: string; lab
   },
 }
 
-// ---------------------------------------------------------------------------
-// Reauth dialog
-// ---------------------------------------------------------------------------
-
-function ReauthDialog({
-  open,
-  onClose,
-  onSubmit,
-}: {
-  open: boolean
-  onClose: () => void
-  onSubmit: (password: string) => Promise<void>
-}) {
-  const [password, setPassword] = useState('')
-  const [busy, setBusy] = useState(false)
-
-  const submit = async () => {
-    if (!password || busy) return
-    setBusy(true)
-    try {
-      await onSubmit(password)
-      setPassword('')
-    } finally {
-      setBusy(false)
-    }
-  }
-
-  return (
-    <Modal
-      open={open}
-      onClose={() => {
-        setPassword('')
-        onClose()
-      }}
-      title="Confirm it's you"
-      actions={
-        <>
-          <Button
-            variant="ghost"
-            onClick={() => {
-              setPassword('')
-              onClose()
-            }}
-          >
-            Cancel
-          </Button>
-          <Button variant="primary" loading={busy} disabled={!password || busy} onClick={submit}>
-            Confirm
-          </Button>
-        </>
-      }
-    >
-      <p className="text-muted-foreground mb-3 text-sm">
-        This is a sensitive action. Re-enter your password to continue.
-      </p>
-      <label
-        htmlFor="reauth-password"
-        className="text-card-foreground mb-1 block text-sm font-medium"
-      >
-        Your password
-      </label>
-      <input
-        id="reauth-password"
-        type="password"
-        value={password}
-        onChange={(e) => setPassword(e.target.value)}
-        onKeyDown={(e) => {
-          if (e.key === 'Enter') submit()
-        }}
-        autoComplete="current-password"
-        className="border-border bg-input-background text-foreground focus:ring-brand w-full rounded-md border px-3 py-2 text-sm focus:ring-2 focus:outline-none"
-      />
-    </Modal>
-  )
-}
-
 // ---------------------------------------------------------------------------
 // Transfer content modal
 // ---------------------------------------------------------------------------