From ad8d473a2d46e8558bb7cbc13b9e8e868d89052f Mon Sep 17 00:00:00 2001
From: Dhruwang Jariwala <67850763+Dhruwang@users.noreply.github.com>
Date: Wed, 5 Jun 2024 14:06:39 +0530
Subject: [PATCH] fix: Autoclose progress bar showing on all cards (#2701)

Co-authored-by: Matti Nannt <mail@matthiasnannt.com>
---
 packages/surveys/src/components/general/Survey.tsx           | 2 +-
 .../surveys/src/components/wrappers/AutoCloseWrapper.tsx     | 5 +++--
 2 files changed, 4 insertions(+), 3 deletions(-)

diff --git a/packages/surveys/src/components/general/Survey.tsx b/packages/surveys/src/components/general/Survey.tsx
index 48c1a0b9f4..9b75f0cfcc 100644
--- a/packages/surveys/src/components/general/Survey.tsx
+++ b/packages/surveys/src/components/general/Survey.tsx
@@ -304,7 +304,7 @@ export const Survey = ({
     };
 
     return (
-      <AutoCloseWrapper survey={survey} onClose={onClose}>
+      <AutoCloseWrapper survey={survey} onClose={onClose} offset={offset}>
         {getShowSurveyCloseButton(offset) && <SurveyCloseButton onClose={onClose} />}
         <div
           className={cn(
diff --git a/packages/surveys/src/components/wrappers/AutoCloseWrapper.tsx b/packages/surveys/src/components/wrappers/AutoCloseWrapper.tsx
index c4f90f52a7..a6d1ad37ff 100644
--- a/packages/surveys/src/components/wrappers/AutoCloseWrapper.tsx
+++ b/packages/surveys/src/components/wrappers/AutoCloseWrapper.tsx
@@ -8,13 +8,14 @@ interface AutoCloseProps {
   survey: TSurvey;
   onClose: () => void;
   children: React.ReactNode;
+  offset: number;
 }
 
-export const AutoCloseWrapper = ({ survey, onClose, children }: AutoCloseProps) => {
+export const AutoCloseWrapper = ({ survey, onClose, children, offset }: AutoCloseProps) => {
   const [countDownActive, setCountDownActive] = useState(true);
   const timeoutRef = useRef<ReturnType<typeof setTimeout> | null>(null);
   const isAppSurvey = survey.type === "app" || survey.type === "website";
-  const showAutoCloseProgressBar = countDownActive && isAppSurvey;
+  const showAutoCloseProgressBar = countDownActive && isAppSurvey && offset === 0;
 
   const startCountdown = () => {
     if (!survey.autoClose) return;