From fd9585a66e9a53b07ff0d88fa72930cde3e708af Mon Sep 17 00:00:00 2001
From: Dhruwang Jariwala <67850763+Dhruwang@users.noreply.github.com>
Date: Fri, 11 Apr 2025 09:52:25 +0530
Subject: [PATCH] fix: respondent should not see redirect card text (#5239)

Co-authored-by: pandeymangg <anshuman.pandey9999@gmail.com>
---
 .../src/components/general/ending-card.tsx    | 90 +++++++++++--------
 .../surveys/src/components/general/survey.tsx |  1 +
 2 files changed, 54 insertions(+), 37 deletions(-)

diff --git a/packages/surveys/src/components/general/ending-card.tsx b/packages/surveys/src/components/general/ending-card.tsx
index 7d12cd72f9..ed4a2e56ac 100644
--- a/packages/surveys/src/components/general/ending-card.tsx
+++ b/packages/surveys/src/components/general/ending-card.tsx
@@ -22,6 +22,7 @@ interface EndingCardProps {
   responseData: TResponseData;
   variablesData: TResponseVariables;
   onOpenExternalURL?: (url: string) => void | Promise<void>;
+  isPreviewMode: boolean;
 }
 
 export function EndingCard({
@@ -35,6 +36,7 @@ export function EndingCard({
   responseData,
   variablesData,
   onOpenExternalURL,
+  isPreviewMode,
 }: EndingCardProps) {
   const media =
     endingCard.type === "endScreen" && (endingCard.imageUrl ?? endingCard.videoUrl) ? (
@@ -112,48 +114,62 @@ export function EndingCard({
       <div className="fb-text-center">
         {isResponseSendingFinished ? (
           <>
-            {endingCard.type === "endScreen" && (media ?? checkmark)}
-            <div>
-              <Headline
-                alignTextCenter
-                headline={
-                  endingCard.type === "endScreen"
-                    ? replaceRecallInfo(
-                        getLocalizedValue(endingCard.headline, languageCode),
-                        responseData,
-                        variablesData
-                      )
-                    : "Respondents will not see this card"
-                }
-                questionId="EndingCard"
-              />
-              <Subheader
-                subheader={
-                  endingCard.type === "endScreen"
-                    ? replaceRecallInfo(
-                        getLocalizedValue(endingCard.subheader, languageCode),
-                        responseData,
-                        variablesData
-                      )
-                    : "They will be forwarded immediately"
-                }
-                questionId="EndingCard"
-              />
-              {endingCard.type === "endScreen" && endingCard.buttonLabel ? (
-                <div className="fb-mt-6 fb-flex fb-w-full fb-flex-col fb-items-center fb-justify-center fb-space-y-4">
-                  <SubmitButton
-                    buttonLabel={replaceRecallInfo(
-                      getLocalizedValue(endingCard.buttonLabel, languageCode),
+            {endingCard.type === "endScreen" && (
+              <div>
+                {media ?? checkmark}
+                <div>
+                  <Headline
+                    alignTextCenter
+                    headline={replaceRecallInfo(
+                      getLocalizedValue(endingCard.headline, languageCode),
                       responseData,
                       variablesData
                     )}
-                    isLastQuestion={false}
-                    focus={isCurrent ? autoFocusEnabled : false}
-                    onClick={handleSubmit}
+                    questionId="EndingCard"
                   />
+                  <Subheader
+                    subheader={replaceRecallInfo(
+                      getLocalizedValue(endingCard.subheader, languageCode),
+                      responseData,
+                      variablesData
+                    )}
+                    questionId="EndingCard"
+                  />
+                  {endingCard.buttonLabel ? (
+                    <div className="fb-mt-6 fb-flex fb-w-full fb-flex-col fb-items-center fb-justify-center fb-space-y-4">
+                      <SubmitButton
+                        buttonLabel={replaceRecallInfo(
+                          getLocalizedValue(endingCard.buttonLabel, languageCode),
+                          responseData,
+                          variablesData
+                        )}
+                        isLastQuestion={false}
+                        focus={isCurrent ? autoFocusEnabled : false}
+                        onClick={handleSubmit}
+                      />
+                    </div>
+                  ) : null}
                 </div>
-              ) : null}
-            </div>
+              </div>
+            )}
+            {endingCard.type === "redirectToUrl" && (
+              <>
+                {isPreviewMode ? (
+                  <div>
+                    <Headline
+                      alignTextCenter
+                      headline={"Respondants will not see this card"}
+                      questionId="EndingCard"
+                    />
+                    <Subheader subheader={"They will be redirected immediately"} questionId="EndingCard" />
+                  </div>
+                ) : (
+                  <div className="fb-my-3">
+                    <LoadingSpinner />
+                  </div>
+                )}
+              </>
+            )}
           </>
         ) : (
           <>
diff --git a/packages/surveys/src/components/general/survey.tsx b/packages/surveys/src/components/general/survey.tsx
index a71ee6d1e9..5dc0b76ec3 100644
--- a/packages/surveys/src/components/general/survey.tsx
+++ b/packages/surveys/src/components/general/survey.tsx
@@ -612,6 +612,7 @@ export function Survey({
               responseData={responseData}
               variablesData={currentVariables}
               onOpenExternalURL={onOpenExternalURL}
+              isPreviewMode={isPreviewMode}
             />
           );
         }