feat: override name in daily video (#21758)

* feat: override name in daily vide

* refactor: simplify operation

apps/web/lib/video/[uid]/getServerSideProps.ts

@@ -228,6 +228,7 @@ export async function getServerSideProps(context: GetServerSidePropsContext) {
       rediectAttendeeToOnExit: isOrganizer
         ? undefined
         : bookingObj.eventType?.calVideoSettings?.redirectUrlOnExit,
+      overrideName: Array.isArray(context.query.name) ? context.query.name[0] : context.query.name,
     },
   };
 }

apps/web/modules/videos/views/videos-single-view.tsx

@@ -34,6 +34,7 @@ export default function JoinCall(props: PageProps) {
     calVideoLogo,
     displayLogInOverlay,
     loggedInUserName,
+    overrideName,
     showRecordingButton,
     rediectAttendeeToOnExit,
   } = props;
@@ -64,7 +65,7 @@ export default function JoinCall(props: PageProps) {
           height: "100%",
         },
         url: meetingUrl,
-        userName: loggedInUserName ? loggedInUserName ?? undefined : undefined,
+        userName: overrideName ?? loggedInUserName ?? undefined,
         ...(typeof meetingPassword === "string" && { token: meetingPassword }),
         ...(hasTeamPlan && {
           customTrayButtons: {
@@ -87,6 +88,10 @@ export default function JoinCall(props: PageProps) {
           },
         }),
       });
+
+      if (overrideName) {
+        callFrame.setUserName(overrideName);
+      }
     } catch (err) {
       callFrame = DailyIframe.getCallInstance();
     } finally {