From f084e64aed494029d6e5a8af357248575cf3369a Mon Sep 17 00:00:00 2001
From: Dhruwang Jariwala <67850763+Dhruwang@users.noreply.github.com>
Date: Tue, 16 Jul 2024 15:42:23 +0530
Subject: [PATCH] chore: add hidden field to response finished email (#2872)

---
 .../survey/response-finished-email.tsx        | 39 +++++++++++++++++++
 1 file changed, 39 insertions(+)

diff --git a/packages/email/components/survey/response-finished-email.tsx b/packages/email/components/survey/response-finished-email.tsx
index 1fb8f246b4..a35f723ebe 100644
--- a/packages/email/components/survey/response-finished-email.tsx
+++ b/packages/email/components/survey/response-finished-email.tsx
@@ -91,6 +91,24 @@ export function ResponseFinishedEmail({
               </Row>
             );
           })}
+          {survey.hiddenFields.fieldIds?.map((hiddenFieldId) => {
+            const hiddenFieldResponse = response.data[hiddenFieldId];
+            if (hiddenFieldResponse && typeof hiddenFieldResponse === "string") {
+              return (
+                <Row key={hiddenFieldId}>
+                  <Column className="w-full">
+                    <Text className="mb-2 flex items-center gap-2 font-medium">
+                      {hiddenFieldId} <EyeOffIcon />
+                    </Text>
+                    <Text className="mt-0 whitespace-pre-wrap break-words font-bold">
+                      {hiddenFieldResponse}
+                    </Text>
+                  </Column>
+                </Row>
+              );
+            }
+            return null;
+          })}
           <EmailButton
             href={`${WEBAPP_URL}/environments/${environmentId}/surveys/${survey.id}/responses?utm_source=email_notification&utm_medium=email&utm_content=view_responses_CTA`}
             label={
@@ -143,3 +161,24 @@ function FileIcon() {
     </svg>
   );
 }
+
+function EyeOffIcon() {
+  return (
+    <svg
+      xmlns="http://www.w3.org/2000/svg"
+      width="24"
+      height="24"
+      viewBox="0 0 24 24"
+      fill="none"
+      stroke="currentColor"
+      strokeWidth="2"
+      strokeLinecap="round"
+      strokeLinejoin="round"
+      className="lucide lucide-eye-off h-4 w-4 rounded-lg bg-slate-200 p-1">
+      <path d="M9.88 9.88a3 3 0 1 0 4.24 4.24" />
+      <path d="M10.73 5.08A10.43 10.43 0 0 1 12 5c7 0 10 7 10 7a13.16 13.16 0 0 1-1.67 2.68" />
+      <path d="M6.61 6.61A13.526 13.526 0 0 0 2 12s3 7 10 7a9.74 9.74 0 0 0 5.39-1.61" />
+      <line x1="2" x2="22" y1="2" y2="22" />
+    </svg>
+  );
+}