From 854aa42d1f56b5569e3df4c22298ca35d2fcd3eb Mon Sep 17 00:00:00 2001
From: Bao Doan <doanducbao@gmail.com>
Date: Fri, 6 Sep 2024 12:43:33 -0500
Subject: [PATCH 1/5] Add optional delay setting on Mouse Leave event for
 Desktop

---
 .../src/templates/Home/Playground/index.tsx   | 15 ++++++++++++++
 packages/use-exit-intent/src/index.ts         | 20 ++++++++++++++++++-
 packages/use-exit-intent/src/types/index.ts   |  1 +
 .../use-exit-intent/src/utils/constants.ts    |  2 +-
 4 files changed, 36 insertions(+), 2 deletions(-)

diff --git a/apps/web/src/templates/Home/Playground/index.tsx b/apps/web/src/templates/Home/Playground/index.tsx
index 62ae232..e02e91c 100644
--- a/apps/web/src/templates/Home/Playground/index.tsx
+++ b/apps/web/src/templates/Home/Playground/index.tsx
@@ -157,6 +157,21 @@ export function PlaygroundSection() {
               />
             </Label>
 
+            <Label>
+              mouseLeaveDelayInSeconds:
+              <input
+                defaultValue={settings?.desktop?.mouseLeaveDelayInSeconds}
+                type="number"
+                onChange={({ target }) => {
+                  updateSettings({
+                    desktop: {
+                      mouseLeaveDelayInSeconds: target.valueAsNumber,
+                    },
+                  })
+                }}
+              />
+            </Label>
+            
             <Label>
               useBeforeUnload:
               <input
diff --git a/packages/use-exit-intent/src/index.ts b/packages/use-exit-intent/src/index.ts
index aff6550..c7b0412 100644
--- a/packages/use-exit-intent/src/index.ts
+++ b/packages/use-exit-intent/src/index.ts
@@ -46,6 +46,7 @@ export function useExitIntent(props: ExitIntentSettings | void = {}) {
 
   const [isTriggered, setIsTriggered] = useState(false)
   const [isUnsubscribed, setIsUnsubscribed] = useState(false)
+  const [isMouseLeaveDetectionEnabled, setIsMouseLeaveDetectionEnabled] = useState(false)
 
   const handlers = useRef<ExitIntentHandler[]>([]).current
   const shouldNotTrigger = useRef<boolean>(false)
@@ -185,7 +186,24 @@ export function useExitIntent(props: ExitIntentSettings | void = {}) {
       }
 
       if (desktop?.triggerOnMouseLeave) {
-        document.body.addEventListener('mouseleave', handleExitIntent)
+        const handleMouseLeave = () => {
+          if (shouldNotTrigger.current || !isMouseLeaveDetectionEnabled) return
+          handleExitIntent()
+        }
+        document.body.addEventListener('mouseleave', handleMouseLeave)
+
+        // Set a timeout to enable mouse leave detection after the specified delay
+        const mouseLeaveDetectionTimer = setTimeout(() => {
+          setIsMouseLeaveDetectionEnabled(true)
+        }, secondsToMiliseconds(desktop.mouseLeaveDelayInSeconds!))
+
+
+        return () => {
+          abort()
+          removeIdleEvents(execute)
+          document.body.removeEventListener('mouseleave', handleMouseLeave)
+          clearTimeout(mouseLeaveDetectionTimer)
+        }
       }
 
       if (desktop?.useBeforeUnload) {
diff --git a/packages/use-exit-intent/src/types/index.ts b/packages/use-exit-intent/src/types/index.ts
index b2cb984..5a127b5 100644
--- a/packages/use-exit-intent/src/types/index.ts
+++ b/packages/use-exit-intent/src/types/index.ts
@@ -12,6 +12,7 @@ export interface DesktopOptions {
   triggerOnMouseLeave?: boolean
   delayInSecondsToTrigger?: number
   useBeforeUnload?: boolean
+  mouseLeaveDelayInSeconds?: number
 }
 
 export interface MobileOptions {
diff --git a/packages/use-exit-intent/src/utils/constants.ts b/packages/use-exit-intent/src/utils/constants.ts
index 6ccdff9..066cb03 100644
--- a/packages/use-exit-intent/src/utils/constants.ts
+++ b/packages/use-exit-intent/src/utils/constants.ts
@@ -12,12 +12,12 @@ export const defaultSettings: InternalExitIntentSettings = {
     daysToExpire: 30,
     key: 'exit-intent',
   },
-
   desktop: {
     triggerOnIdle: false,
     useBeforeUnload: false,
     triggerOnMouseLeave: true,
     delayInSecondsToTrigger: 10,
+    mouseLeaveDelayInSeconds: 5,
   },
 
   mobile: {

From 1fed0eeea235cd441ca3d8d0a0b64de1ab2e4cc9 Mon Sep 17 00:00:00 2001
From: Dalton Menezes <daltonmenezes@outlook.com>
Date: Thu, 12 Sep 2024 20:53:12 -0300
Subject: [PATCH 2/5] fix(style): prettier format

---
 apps/web/src/templates/Home/Playground/index.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/apps/web/src/templates/Home/Playground/index.tsx b/apps/web/src/templates/Home/Playground/index.tsx
index e02e91c..06be326 100644
--- a/apps/web/src/templates/Home/Playground/index.tsx
+++ b/apps/web/src/templates/Home/Playground/index.tsx
@@ -171,7 +171,7 @@ export function PlaygroundSection() {
                 }}
               />
             </Label>
-            
+
             <Label>
               useBeforeUnload:
               <input

From d836f89cffcf0109617f851affa016ca9981292d Mon Sep 17 00:00:00 2001
From: Aniket Banyal <40134444+aniket-banyal@users.noreply.github.com>
Date: Mon, 2 Sep 2024 13:06:42 +0530
Subject: [PATCH 3/5] Update index.ts: remove call to removeIdleEvents because
 it is already called in createIdleEvents

---
 packages/use-exit-intent/src/index.ts | 1 -
 1 file changed, 1 deletion(-)

diff --git a/packages/use-exit-intent/src/index.ts b/packages/use-exit-intent/src/index.ts
index c7b0412..03fd2be 100644
--- a/packages/use-exit-intent/src/index.ts
+++ b/packages/use-exit-intent/src/index.ts
@@ -165,7 +165,6 @@ export function useExitIntent(props: ExitIntentSettings | void = {}) {
       }
 
       if (isMobile() && mobile?.triggerOnIdle) {
-        removeIdleEvents(execute)
         createIdleEvents(execute)
       }
 

From af9287585984bbac54b8326a386180bac46067dc Mon Sep 17 00:00:00 2001
From: Bao Doan <doanducbao@gmail.com>
Date: Fri, 4 Oct 2024 08:58:24 -0500
Subject: [PATCH 4/5] feat: add mouseLeaveDelayInSeconds option for desktop
 exit intent

---
 apps/web/docs/settings/desktop.mdx     |  5 +++-
 apps/web/src/shared/constants/codes.ts |  3 ++-
 packages/use-exit-intent/src/index.ts  | 32 +++++++++++---------------
 3 files changed, 19 insertions(+), 21 deletions(-)

diff --git a/apps/web/docs/settings/desktop.mdx b/apps/web/docs/settings/desktop.mdx
index abb3a55..a9ade80 100644
--- a/apps/web/docs/settings/desktop.mdx
+++ b/apps/web/docs/settings/desktop.mdx
@@ -10,7 +10,8 @@ title: desktop
 
 - **triggerOnIdle** - if true, the handlers will be triggered when the user is idle
 - **triggerOnMouseLeave** - if true, the handlers will be triggered when the user is about to leave your website
-- **delayInSecondsToTrigger** - delay in seconds to trigger the exit intent handlers. **triggerOnIdle** **must be true**!
+- **delayInSecondsToTrigger** - delay in seconds to trigger the exit intent handlers on idle. **triggerOnIdle** **must be true**!
+- **mouseLeaveDelayInSeconds** - delay in seconds to trigger the exit intent handlers on mouse leave. **triggerOnMouseLeave** **must be true**!
 - **useBeforeUnload** - if true, the handlers will be triggered when the user is about to leave your website. **UI will be blocked until the user cancels the action**.
 
 <br/>
@@ -18,6 +19,7 @@ title: desktop
 ## Default
 ```tsx
 delayInSecondsToTrigger: 10
+mouseLeaveDelayInSeconds: 5
 triggerOnMouseLeave: true
 triggerOnIdle: false
 useBeforeUnload: false
@@ -30,6 +32,7 @@ useBeforeUnload: false
 useExitIntent({
   desktop: {
     delayInSecondsToTrigger: 10,
+    mouseLeaveDelayInSeconds: 5,
     triggerOnMouseLeave: true,
     triggerOnIdle: false
     useBeforeUnload: false
diff --git a/apps/web/src/shared/constants/codes.ts b/apps/web/src/shared/constants/codes.ts
index 9a68af9..0c3db5a 100644
--- a/apps/web/src/shared/constants/codes.ts
+++ b/apps/web/src/shared/constants/codes.ts
@@ -35,7 +35,8 @@ export const codes = {
           "triggerOnIdle": false,
           "useBeforeUnload": false,
           "triggerOnMouseLeave": true,
-          "delayInSecondsToTrigger": 10
+          "delayInSecondsToTrigger": 10,
+          "mouseLeaveDelayInSeconds": 5
         },
 
         "mobile": {
diff --git a/packages/use-exit-intent/src/index.ts b/packages/use-exit-intent/src/index.ts
index 03fd2be..36f1884 100644
--- a/packages/use-exit-intent/src/index.ts
+++ b/packages/use-exit-intent/src/index.ts
@@ -180,29 +180,21 @@ export function useExitIntent(props: ExitIntentSettings | void = {}) {
         secondsToMiliseconds(desktop?.delayInSecondsToTrigger!)
       )
 
+      let mouseLeaveTimer: ReturnType<typeof setTimeout>
+
+      const handleMouseLeave = () => {
+        if (shouldNotTrigger.current) return
+        handleExitIntent()
+      }
+
       if (desktop?.triggerOnIdle) {
         createIdleEvents(execute)
       }
 
       if (desktop?.triggerOnMouseLeave) {
-        const handleMouseLeave = () => {
-          if (shouldNotTrigger.current || !isMouseLeaveDetectionEnabled) return
-          handleExitIntent()
-        }
-        document.body.addEventListener('mouseleave', handleMouseLeave)
-
-        // Set a timeout to enable mouse leave detection after the specified delay
-        const mouseLeaveDetectionTimer = setTimeout(() => {
-          setIsMouseLeaveDetectionEnabled(true)
+        mouseLeaveTimer = setTimeout(() => {
+          document.body.addEventListener('mouseleave', handleMouseLeave)
         }, secondsToMiliseconds(desktop.mouseLeaveDelayInSeconds!))
-
-
-        return () => {
-          abort()
-          removeIdleEvents(execute)
-          document.body.removeEventListener('mouseleave', handleMouseLeave)
-          clearTimeout(mouseLeaveDetectionTimer)
-        }
       }
 
       if (desktop?.useBeforeUnload) {
@@ -217,8 +209,10 @@ export function useExitIntent(props: ExitIntentSettings | void = {}) {
 
       return () => {
         abort()
-        removeIdleEvents(execute)
-        document.body.removeEventListener('mouseleave', handleExitIntent)
+        clearTimeout(mouseLeaveTimer)
+        document.body.removeEventListener('mouseleave', handleMouseLeave),
+          removeIdleEvents(execute),
+          (window.onbeforeunload = null)
       }
     }
   })

From 417761cc2148a0cc7ca4e5e76e21b74c567bfce0 Mon Sep 17 00:00:00 2001
From: Bao Doan <doanducbao@gmail.com>
Date: Fri, 4 Oct 2024 09:11:28 -0500
Subject: [PATCH 5/5] feat: remove unused variables

---
 packages/use-exit-intent/src/index.ts | 1 -
 1 file changed, 1 deletion(-)

diff --git a/packages/use-exit-intent/src/index.ts b/packages/use-exit-intent/src/index.ts
index 36f1884..7014516 100644
--- a/packages/use-exit-intent/src/index.ts
+++ b/packages/use-exit-intent/src/index.ts
@@ -46,7 +46,6 @@ export function useExitIntent(props: ExitIntentSettings | void = {}) {
 
   const [isTriggered, setIsTriggered] = useState(false)
   const [isUnsubscribed, setIsUnsubscribed] = useState(false)
-  const [isMouseLeaveDetectionEnabled, setIsMouseLeaveDetectionEnabled] = useState(false)
 
   const handlers = useRef<ExitIntentHandler[]>([]).current
   const shouldNotTrigger = useRef<boolean>(false)