From 51c80cb9d5805cc238efd5f778ebba34e37e849e Mon Sep 17 00:00:00 2001
From: Matthias Nannt <mail@matthiasnannt.com>
Date: Wed, 8 Feb 2023 12:04:45 +0100
Subject: [PATCH] fix reply-to header in email

---
 apps/demo/components/PmfButton.tsx  | 2 +-
 apps/web/src/lib/email.ts           | 4 ++--
 packages/pmfWidget/src/form-html.ts | 2 +-
 packages/pmfWidget/src/form.html    | 8 ++++----
 4 files changed, 8 insertions(+), 8 deletions(-)

diff --git a/apps/demo/components/PmfButton.tsx b/apps/demo/components/PmfButton.tsx
index 1398d5a1aa..fb40c8b937 100644
--- a/apps/demo/components/PmfButton.tsx
+++ b/apps/demo/components/PmfButton.tsx
@@ -76,7 +76,7 @@ export default function PmfButton() {
           }
           setIsOpen(!isOpen);
         }}>
-        {isOpen ? "Close" : "Feedback"}
+        {isOpen ? "Close" : "Hey 👋"}
       </button>
       <div
         className="xs:px-2 h-full overflow-hidden rounded-l-lg bg-[#f8fafc] shadow-lg"
diff --git a/apps/web/src/lib/email.ts b/apps/web/src/lib/email.ts
index 3331973c29..17b863a6f4 100644
--- a/apps/web/src/lib/email.ts
+++ b/apps/web/src/lib/email.ts
@@ -87,7 +87,7 @@ export const sendSubmissionEmail = async (
   formId,
   formLabel: string,
   schema: any,
-  submission
+  submission: any
 ) => {
   await sendEmail({
     to: email,
@@ -99,7 +99,7 @@ export const sendSubmissionEmail = async (
         : event === "finished"
         ? `${formLabel} submission finished`
         : `${formLabel} submission update`,
-    replyTo: submission.customer?.email || process.env.MAIL_FROM,
+    replyTo: submission.customerEmail || process.env.MAIL_FROM,
     html: `${
       event === "created"
         ? `Hey, someone just filled out your form "${formLabel}" in Formbricks.`
diff --git a/packages/pmfWidget/src/form-html.ts b/packages/pmfWidget/src/form-html.ts
index 5c91356d31..c3e71e9e5e 100644
--- a/packages/pmfWidget/src/form-html.ts
+++ b/packages/pmfWidget/src/form-html.ts
@@ -1 +1 @@
-export const formHtml = `<div id="formbricks-content"><div id="formbricks-form"><div class="formbricks-element" id="formbricks-question-0"><p class="formbricks-element-label">How disappointed would you be if you could no longer use our service?</p><fieldset class="formbricks-radio-fieldset"><legend class="formbricks-sr-only">Disappointment options</legend><div class="formbricks-radio-options"><div class="formbricks-radio-option"><input id="formbricksPmf-0-0" name="formbricksPmf-0-0" type="radio" class="formbricks-radio-input" data-element-name="disappointment" data-element-value="veryDisappointed"><label class="formbricks-radio-label" for="formbricksPmf-0-0">very disappointed</label></div><div class="formbricks-radio-option"><input id="formbricksPmf-0-1" name="formbricksPmf-0-1" type="radio" class="formbricks-radio-input" data-element-name="disappointment" data-element-value="somewhatDisappointed"><label class="formbricks-radio-label" for="formbricksPmf-0-1">somewhat disappointed</label></div><div class="formbricks-radio-option"><input id="formbricksPmf-0-2" name="formbricksPmf-0-2" type="radio" class="formbricks-radio-input" data-element-name="disappointment" data-element-value="notDisappointed"><label class="formbricks-radio-label" for="formbricksPmf-0-2">not disappointed</label></div></div></fieldset></div><div class="formbricks-element formbricks-hidden" id="formbricks-question-1"><p class="formbricks-element-label">What is the main benefit you receive from our service?</p><form class="formbricks-form" data-element-name="mainBenefit"><textarea rows="4" name="mainBenefit" class="formbricks-textarea" required autofocus></textarea><div class="formbricks-next-button-wrapper"><button type="submit" class="formbricks-next-button">Next</button></div></form></div><div class="formbricks-element formbricks-hidden" id="formbricks-question-2"><p class="formbricks-element-label">What is your job title?</p><fieldset class="formbricks-radio-fieldset"><legend class="formbricks-sr-only">Job title options</legend><div class="formbricks-radio-options"><div class="formbricks-radio-option"><input data-element-name="userSegment" data-element-value="founder" id="formbricksPmf-2-0" name="formbricksPmf-2-0" type="radio" class="formbricks-radio-input"><label class="formbricks-radio-label" for="formbricksPmf-2-0">Founder</label></div><div class="formbricks-radio-option"><input data-element-name="userSegment" data-element-value="executive" id="formbricksPmf-2-1" name="formbricksPmf-2-1" type="radio" class="formbricks-radio-input"><label class="formbricks-radio-label" id="formbricksPmf-2-1">Executive</label></div><div class="formbricks-radio-option"><input data-element-name="userSegment" data-element-value="productManager" id="formbricksPmf-2-2" name="formbricksPmf-2-2" type="radio" class="formbricks-radio-input"><label class="formbricks-radio-label" id="formbricksPmf-2-2">Product Manager</label></div><div class="formbricks-radio-option"><input data-element-name="userSegment" data-element-value="productOwner" id="formbricksPmf-2-3" name="formbricksPmf-2-3" type="radio" class="formbricks-radio-input"><label class="formbricks-radio-label" id="formbricksPmf-2-3">Product Owner</label></div><div class="formbricks-radio-option"><input data-element-name="userSegment" data-element-value="softwareEngineer" id="formbricksPmf-2-4" name="formbricksPmf-2-4" type="radio" class="formbricks-radio-input"><label class="formbricks-radio-label" id="formbricksPmf-2-4">Software Engineer</label></div></div></fieldset></div><div class="formbricks-element formbricks-hidden" id="formbricks-question-3"><p class="formbricks-element-label">How can we improve our service for you?</p><form class="formbricks-form" data-element-name="improvement"><textarea rows="4" name="improvement" class="formbricks-textarea" required autofocus></textarea><div class="formbricks-next-button-wrapper"><button type="submit" class="formbricks-next-button">Next</button></div></form></div><div class="formbricks-element formbricks-hidden" id="formbricks-question-4"><p class="formbricks-element-label">What type of people would benefit most from using our service?</p><form class="formbricks-form" data-element-name="selfSegmentation"><textarea rows="4" name="selfSegmentation" class="formbricks-textarea" required autofocus></textarea><div class="formbricks-next-button-wrapper"><button type="submit" class="formbricks-next-button">Submit</button></div></form></div><div class="formbricks-element formbricks-hidden" id="formbricks-question-5"><p class="formbricks-thankyou-icon">❤️</p><p class="formbricks-thankyou-title">Thank you!</p><p class="formbricks-thankyou-subtitle">Your feedback helps us improve our service for you.</p></div></div></div><div id="formbricks-progressbar-wrapper"><div class="formbricks-progressbar"><div class="formbricks-progressbar-item formbricks-progressbar-item-current"></div><div class="formbricks-progressbar-item"></div><div class="formbricks-progressbar-item"></div><div class="formbricks-progressbar-item"></div><div class="formbricks-progressbar-item"></div></div></div>`;
\ No newline at end of file
+export const formHtml = `<div id="formbricks-content"><div id="formbricks-form"><div class="formbricks-element" id="formbricks-question-0"><p class="formbricks-element-label">How disappointed would you be if you could no longer use our service?</p><fieldset class="formbricks-radio-fieldset"><legend class="formbricks-sr-only">Disappointment options</legend><div class="formbricks-radio-options"><div class="formbricks-radio-option"><input id="formbricksPmf-0-0" name="formbricksPmf-0-0" type="radio" class="formbricks-radio-input" data-element-name="disappointment" data-element-value="veryDisappointed"><label class="formbricks-radio-label" for="formbricksPmf-0-0">very disappointed</label></div><div class="formbricks-radio-option"><input id="formbricksPmf-0-1" name="formbricksPmf-0-1" type="radio" class="formbricks-radio-input" data-element-name="disappointment" data-element-value="somewhatDisappointed"><label class="formbricks-radio-label" for="formbricksPmf-0-1">somewhat disappointed</label></div><div class="formbricks-radio-option"><input id="formbricksPmf-0-2" name="formbricksPmf-0-2" type="radio" class="formbricks-radio-input" data-element-name="disappointment" data-element-value="notDisappointed"><label class="formbricks-radio-label" for="formbricksPmf-0-2">not disappointed</label></div></div></fieldset></div><div class="formbricks-element formbricks-hidden" id="formbricks-question-1"><p class="formbricks-element-label">What is the main benefit you receive from our service?</p><form class="formbricks-form" data-element-name="mainBenefit"><textarea rows="4" name="mainBenefit" class="formbricks-textarea" required autofocus></textarea><div class="formbricks-next-button-wrapper"><button type="submit" class="formbricks-next-button">Next</button></div></form></div><div class="formbricks-element formbricks-hidden" id="formbricks-question-2"><p class="formbricks-element-label">What is your job title?</p><fieldset class="formbricks-radio-fieldset"><legend class="formbricks-sr-only">Job title options</legend><div class="formbricks-radio-options"><div class="formbricks-radio-option"><input data-element-name="userSegment" data-element-value="founder" id="formbricksPmf-2-0" name="formbricksPmf-2-0" type="radio" class="formbricks-radio-input"><label class="formbricks-radio-label" for="formbricksPmf-2-0">Founder</label></div><div class="formbricks-radio-option"><input data-element-name="userSegment" data-element-value="executive" id="formbricksPmf-2-1" name="formbricksPmf-2-1" type="radio" class="formbricks-radio-input"><label class="formbricks-radio-label" for="formbricksPmf-2-1">Executive</label></div><div class="formbricks-radio-option"><input data-element-name="userSegment" data-element-value="productManager" id="formbricksPmf-2-2" name="formbricksPmf-2-2" type="radio" class="formbricks-radio-input"><label class="formbricks-radio-label" for="formbricksPmf-2-2">Product Manager</label></div><div class="formbricks-radio-option"><input data-element-name="userSegment" data-element-value="productOwner" id="formbricksPmf-2-3" name="formbricksPmf-2-3" type="radio" class="formbricks-radio-input"><label class="formbricks-radio-label" for="formbricksPmf-2-3">Product Owner</label></div><div class="formbricks-radio-option"><input data-element-name="userSegment" data-element-value="softwareEngineer" id="formbricksPmf-2-4" name="formbricksPmf-2-4" type="radio" class="formbricks-radio-input"><label class="formbricks-radio-label" for="formbricksPmf-2-4">Software Engineer</label></div></div></fieldset></div><div class="formbricks-element formbricks-hidden" id="formbricks-question-3"><p class="formbricks-element-label">How can we improve our service for you?</p><form class="formbricks-form" data-element-name="improvement"><textarea rows="4" name="improvement" class="formbricks-textarea" required autofocus></textarea><div class="formbricks-next-button-wrapper"><button type="submit" class="formbricks-next-button">Next</button></div></form></div><div class="formbricks-element formbricks-hidden" id="formbricks-question-4"><p class="formbricks-element-label">What type of people would benefit most from using our service?</p><form class="formbricks-form" data-element-name="selfSegmentation"><textarea rows="4" name="selfSegmentation" class="formbricks-textarea" required autofocus></textarea><div class="formbricks-next-button-wrapper"><button type="submit" class="formbricks-next-button">Submit</button></div></form></div><div class="formbricks-element formbricks-hidden" id="formbricks-question-5"><p class="formbricks-thankyou-icon">❤️</p><p class="formbricks-thankyou-title">Thank you!</p><p class="formbricks-thankyou-subtitle">Your feedback helps us improve our service for you.</p></div></div></div><div id="formbricks-progressbar-wrapper"><div class="formbricks-progressbar"><div class="formbricks-progressbar-item formbricks-progressbar-item-current"></div><div class="formbricks-progressbar-item"></div><div class="formbricks-progressbar-item"></div><div class="formbricks-progressbar-item"></div><div class="formbricks-progressbar-item"></div></div></div>`;
\ No newline at end of file
diff --git a/packages/pmfWidget/src/form.html b/packages/pmfWidget/src/form.html
index aa26f3918b..b566c62d61 100644
--- a/packages/pmfWidget/src/form.html
+++ b/packages/pmfWidget/src/form.html
@@ -74,7 +74,7 @@
               name="formbricksPmf-2-1"
               type="radio"
               class="formbricks-radio-input" />
-            <label class="formbricks-radio-label" id="formbricksPmf-2-1">Executive</label>
+            <label class="formbricks-radio-label" for="formbricksPmf-2-1">Executive</label>
           </div>
           <div class="formbricks-radio-option">
             <input
@@ -84,7 +84,7 @@
               name="formbricksPmf-2-2"
               type="radio"
               class="formbricks-radio-input" />
-            <label class="formbricks-radio-label" id="formbricksPmf-2-2">Product Manager</label>
+            <label class="formbricks-radio-label" for="formbricksPmf-2-2">Product Manager</label>
           </div>
           <div class="formbricks-radio-option">
             <input
@@ -94,7 +94,7 @@
               name="formbricksPmf-2-3"
               type="radio"
               class="formbricks-radio-input" />
-            <label class="formbricks-radio-label" id="formbricksPmf-2-3">Product Owner</label>
+            <label class="formbricks-radio-label" for="formbricksPmf-2-3">Product Owner</label>
           </div>
           <div class="formbricks-radio-option">
             <input
@@ -104,7 +104,7 @@
               name="formbricksPmf-2-4"
               type="radio"
               class="formbricks-radio-input" />
-            <label class="formbricks-radio-label" id="formbricksPmf-2-4">Software Engineer</label>
+            <label class="formbricks-radio-label" for="formbricksPmf-2-4">Software Engineer</label>
           </div>
         </div>
       </fieldset>