Test shared function for utagView called both manually after a delay …

…for initial page load and immediately for subsequent page loads
Enterprise-CMCS · Mar 22, 2024 · fde120a · fde120a
1 parent 771a075
commit fde120a
Showing 1 changed file with 22 additions and 16 deletions.
diff --git a/services/app-web/src/hooks/useTealium.ts b/services/app-web/src/hooks/useTealium.ts
@@ -36,13 +36,29 @@ const useTealium = (): {
         user: loggedInUser,
     })
 
+     const callUTagView = () => {
+         // eslint-disable-next-line @typescript-eslint/no-empty-function
+        const utag = window.utag || { link: () => {}, view: () => {} }
+        const tagData: TealiumViewDataObject = {
+            content_language: 'en',
+            content_type: `${CONTENT_TYPE_BY_ROUTE[currentRoute]}`,
+            page_name: tealiumPageName,
+            page_path: pathname,
+            site_domain: 'cms.gov',
+            site_environment: `${process.env.REACT_APP_STAGE_NAME}`,
+            site_section: `${currentRoute}`,
+            logged_in: `${Boolean(loggedInUser) ?? false}`,
+        }
+        utag.view(tagData)
+     }
+
     // Add Tealium setup
     // this effect should only fire on initial app load
     useEffect(() => {
         // Do not add tealium for local dev or review apps
-        // if (process.env.REACT_APP_AUTH_MODE !== 'IDM') {
-        //     return
-        // }
+            // if (process.env.REACT_APP_AUTH_MODE !== 'IDM') {
+            //     return
+            // }
 
         const tealiumEnv = getTealiumEnv(
             process.env.REACT_APP_STAGE_NAME || 'main'
@@ -116,22 +132,12 @@ const useTealium = (): {
                 recordJSException('Analytics did not load in time')
                 return
             } else {
-                // eslint-disable-next-line @typescript-eslint/no-empty-function
-                const utag = window.utag || { link: () => {}, view: () => {} }
-                const tagData: TealiumViewDataObject = {
-                    content_language: 'en',
-                    content_type: `${CONTENT_TYPE_BY_ROUTE[currentRoute]}`,
-                    page_name: tealiumPageName,
-                    page_path: pathname,
-                    site_domain: 'cms.gov',
-                    site_environment: `${process.env.REACT_APP_STAGE_NAME}`,
-                    site_section: `${currentRoute}`,
-                    logged_in: `${Boolean(loggedInUser) ?? false}`,
-                }
-                utag.view(tagData)
+                callUTagView()
              }
             }
             ).catch(() => { return })
+        } else {
+            callUTagView()
         }
 
     }, [currentRoute, loggedInUser, pathname, tealiumPageName])