From f17933bc43575dd4953bb42b5f2841d79a028b4b Mon Sep 17 00:00:00 2001
From: Anshumancanrock <109489361+Anshumancanrock@users.noreply.github.com>
Date: Wed, 21 Jan 2026 23:07:08 +0530
Subject: [PATCH] fix: prevent HTML encoding in names (#26959)

Co-authored-by: Anik Dhabal Babu <81948346+anikdhabal@users.noreply.github.com>
---
 .../AttendeeWasRequestedToRescheduleEmail.tsx          |  1 +
 packages/emails/src/templates/BaseScheduledEmail.tsx   |  1 +
 .../src/templates/CreditBalanceLimitReachedEmail.tsx   | 10 +++++-----
 .../src/templates/CreditBalanceLowWarningEmail.tsx     | 10 +++++-----
 .../templates/OrganizerPaymentRefundFailedEmail.tsx    |  1 +
 .../templates/OrganizerRequestedToRescheduleEmail.tsx  |  2 ++
 .../emails/src/templates/OrganizerScheduledEmail.tsx   |  2 +-
 7 files changed, 16 insertions(+), 11 deletions(-)

diff --git a/packages/emails/src/templates/AttendeeWasRequestedToRescheduleEmail.tsx b/packages/emails/src/templates/AttendeeWasRequestedToRescheduleEmail.tsx
index b353f5b6a2..98aa033b44 100644
--- a/packages/emails/src/templates/AttendeeWasRequestedToRescheduleEmail.tsx
+++ b/packages/emails/src/templates/AttendeeWasRequestedToRescheduleEmail.tsx
@@ -13,6 +13,7 @@ export const AttendeeWasRequestedToRescheduleEmail = (
         <>
           {t("request_reschedule_subtitle", {
             organizer: props.calEvent.organizer.name,
+            interpolation: { escapeValue: false },
           })}
         </>
       }
diff --git a/packages/emails/src/templates/BaseScheduledEmail.tsx b/packages/emails/src/templates/BaseScheduledEmail.tsx
index 0e45b55a1a..585702c87b 100644
--- a/packages/emails/src/templates/BaseScheduledEmail.tsx
+++ b/packages/emails/src/templates/BaseScheduledEmail.tsx
@@ -48,6 +48,7 @@ export const BaseScheduledEmail = (
     date: `${getRecipientStart("h:mma")} - ${getRecipientEnd("h:mma")}, ${t(
       getRecipientStart("dddd").toLowerCase()
     )}, ${t(getRecipientStart("MMMM").toLowerCase())} ${getRecipientStart("D, YYYY")}`,
+    interpolation: { escapeValue: false },
   });
 
   let rescheduledBy = props.calEvent.rescheduledBy;
diff --git a/packages/emails/src/templates/CreditBalanceLimitReachedEmail.tsx b/packages/emails/src/templates/CreditBalanceLimitReachedEmail.tsx
index dbd43d74b6..6b68131ee6 100644
--- a/packages/emails/src/templates/CreditBalanceLimitReachedEmail.tsx
+++ b/packages/emails/src/templates/CreditBalanceLimitReachedEmail.tsx
@@ -26,15 +26,15 @@ export const CreditBalanceLimitReachedEmail = (
 
   if (team) {
     return (
-      <V2BaseEmailHtml subject={user.t("action_required_out_of_credits", { teamName: team.name })}>
+      <V2BaseEmailHtml subject={user.t("action_required_out_of_credits", { teamName: team.name, interpolation: { escapeValue: false } })}>
         <p style={{ fontWeight: 400, lineHeight: "24px" }}>
-          <> {user.t("hi_user_name", { name: user.name })},</>
+          <> {user.t("hi_user_name", { name: user.name, interpolation: { escapeValue: false } })},</>
         </p>
         <p style={{ fontWeight: 400, lineHeight: "24px", marginBottom: "20px" }}>
           <>
             {isCalAi
-              ? user.t("cal_ai_credit_limit_reached_message", { teamName: team.name })
-              : user.t("credit_limit_reached_message", { teamName: team.name })}
+              ? user.t("cal_ai_credit_limit_reached_message", { teamName: team.name, interpolation: { escapeValue: false } })
+              : user.t("credit_limit_reached_message", { teamName: team.name, interpolation: { escapeValue: false } })}
           </>
         </p>
         <div style={{ textAlign: "center", marginTop: "24px" }}>
@@ -51,7 +51,7 @@ export const CreditBalanceLimitReachedEmail = (
   return (
     <V2BaseEmailHtml subject={user.t("action_required_user_out_of_credits")}>
       <p style={{ fontWeight: 400, lineHeight: "24px" }}>
-        <> {user.t("hi_user_name", { name: user.name })},</>
+        <> {user.t("hi_user_name", { name: user.name, interpolation: { escapeValue: false } })},</>
       </p>
       <p style={{ fontWeight: 400, lineHeight: "24px", marginBottom: "20px" }}>
         <>
diff --git a/packages/emails/src/templates/CreditBalanceLowWarningEmail.tsx b/packages/emails/src/templates/CreditBalanceLowWarningEmail.tsx
index 1624ceba5e..0dca552772 100644
--- a/packages/emails/src/templates/CreditBalanceLowWarningEmail.tsx
+++ b/packages/emails/src/templates/CreditBalanceLowWarningEmail.tsx
@@ -27,15 +27,15 @@ export const CreditBalanceLowWarningEmail = (
 
   if (team) {
     return (
-      <V2BaseEmailHtml subject={user.t("team_credits_low_warning", { teamName: team.name })}>
+      <V2BaseEmailHtml subject={user.t("team_credits_low_warning", { teamName: team.name, interpolation: { escapeValue: false } })}>
         <p style={{ fontWeight: 400, lineHeight: "24px" }}>
-          <> {user.t("hi_user_name", { name: user.name })},</>
+          <> {user.t("hi_user_name", { name: user.name, interpolation: { escapeValue: false } })},</>
         </p>
         <p style={{ fontWeight: 400, lineHeight: "24px", marginBottom: "20px" }}>
           <>
             {isCalAi
-              ? user.t("cal_ai_low_credits_warning_message", { teamName: team.name })
-              : user.t("low_credits_warning_message", { teamName: team.name })}
+              ? user.t("cal_ai_low_credits_warning_message", { teamName: team.name, interpolation: { escapeValue: false } })
+              : user.t("low_credits_warning_message", { teamName: team.name, interpolation: { escapeValue: false } })}
           </>
         </p>
         <p
@@ -60,7 +60,7 @@ export const CreditBalanceLowWarningEmail = (
   return (
     <V2BaseEmailHtml subject={user.t("user_credits_low_warning")}>
       <p style={{ fontWeight: 400, lineHeight: "24px" }}>
-        <> {user.t("hi_user_name", { name: user.name })},</>
+        <> {user.t("hi_user_name", { name: user.name, interpolation: { escapeValue: false } })},</>
       </p>
       <p style={{ fontWeight: 400, lineHeight: "24px", marginBottom: "20px" }}>
         <>
diff --git a/packages/emails/src/templates/OrganizerPaymentRefundFailedEmail.tsx b/packages/emails/src/templates/OrganizerPaymentRefundFailedEmail.tsx
index 525ce097c4..846b216a7a 100644
--- a/packages/emails/src/templates/OrganizerPaymentRefundFailedEmail.tsx
+++ b/packages/emails/src/templates/OrganizerPaymentRefundFailedEmail.tsx
@@ -16,6 +16,7 @@ export const OrganizerPaymentRefundFailedEmail = (
         <>
           {t("check_with_provider_and_user", {
             user: props.calEvent.attendees[0].name,
+            interpolation: { escapeValue: false },
           })}
         </>
       }>
diff --git a/packages/emails/src/templates/OrganizerRequestedToRescheduleEmail.tsx b/packages/emails/src/templates/OrganizerRequestedToRescheduleEmail.tsx
index 4b1c29b664..59af122e2c 100644
--- a/packages/emails/src/templates/OrganizerRequestedToRescheduleEmail.tsx
+++ b/packages/emails/src/templates/OrganizerRequestedToRescheduleEmail.tsx
@@ -6,11 +6,13 @@ export const OrganizerRequestedToRescheduleEmail = (
   <OrganizerScheduledEmail
     title={props.calEvent.organizer.language.translate("request_reschedule_title_organizer", {
       attendee: props.calEvent.attendees[0].name,
+      interpolation: { escapeValue: false },
     })}
     subtitle={
       <>
         {props.calEvent.organizer.language.translate("request_reschedule_subtitle_organizer", {
           attendee: props.calEvent.attendees[0].name,
+          interpolation: { escapeValue: false },
         })}
       </>
     }
diff --git a/packages/emails/src/templates/OrganizerScheduledEmail.tsx b/packages/emails/src/templates/OrganizerScheduledEmail.tsx
index 9d6e5c1831..30ba91357f 100644
--- a/packages/emails/src/templates/OrganizerScheduledEmail.tsx
+++ b/packages/emails/src/templates/OrganizerScheduledEmail.tsx
@@ -55,7 +55,7 @@ export const OrganizerScheduledEmail = (
         ) : (
           <>
             {props.attendeeCancelled
-              ? t("attendee_no_longer_attending_subtitle", { name: props.attendee.name })
+              ? t("attendee_no_longer_attending_subtitle", { name: props.attendee.name, interpolation: { escapeValue: false } })
               : ""}
           </>
         )