[WV 1097] Update ShareButton dataLayer after feedback

Author: aayushi01shah

src/js/components/Share/ShareButtonDesktopTablet.jsx

@@ -55,40 +55,59 @@ class ShareButtonDesktopTablet extends Component {
     let kindOfShare = 'BALLOT';
     let whatAndHowMuchToShare;
 
-    // Add debug logging
-    console.log('Share button clicked');
-    console.log('Current pathname:', window.location.pathname);
-    console.log('VoterWeVoteId:', VoterStore.getVoterWeVoteId());
-
-    // Add dataLayer tracking
-    const { location: { pathname: currentPathname } } = window;
-    const page = lookupPageNameAndPageTypeDict(currentPathname);
-    
-    const dataLayerObject = {
-      event: 'shareClick',
-      userDetails: {
-        voterWeVoteId: VoterStore.getVoterWeVoteId(),
-      },
-      shareDetails: {
-        kindOfShare,
-        withOpinions: withOpinionsModified,
-      },
-      pageDetails: {
-        pageName: page.pageName,
-        pageType: page.pageType,
-        pathname: currentPathname,
-      },
-      destinationDetails: {
-        destinationPageName: 'ShareModal',
-        destinationPageType: 'share',
-        destinationPathname: currentPathname,
-      },
-    };
-    
-    console.log('Pushing to dataLayer:', dataLayerObject);
-    TagManager.dataLayer({
-      dataLayer: dataLayerObject,
-    });
+    if (candidateShare) {
+      kindOfShare = 'CANDIDATE';
+      if (withOpinionsModified) {
+        whatAndHowMuchToShare = 'candidateShareOptionsAllOpinions';
+        AnalyticsActions.saveActionShareCandidateAllOpinions(VoterStore.electionId());
+      } else {
+        whatAndHowMuchToShare = 'candidateShareOptions';
+        AnalyticsActions.saveActionShareCandidate(VoterStore.electionId());
+      }
+    } else if (measureShare) {
+      kindOfShare = 'MEASURE';
+      if (withOpinionsModified) {
+        whatAndHowMuchToShare = 'measureShareOptionsAllOpinions';
+        AnalyticsActions.saveActionShareMeasureAllOpinions(VoterStore.electionId());
+      } else {
+        whatAndHowMuchToShare = 'measureShareOptions';
+        AnalyticsActions.saveActionShareMeasure(VoterStore.electionId());
+      }
+    } else if (officeShare) {
+      kindOfShare = 'OFFICE';
+      if (withOpinionsModified) {
+        whatAndHowMuchToShare = 'officeShareOptionsAllOpinions';
+        AnalyticsActions.saveActionShareOfficeAllOpinions(VoterStore.electionId());
+      } else {
+        whatAndHowMuchToShare = 'officeShareOptions';
+        AnalyticsActions.saveActionShareOffice(VoterStore.electionId());
+      }
+    } else if (organizationShare) {
+      kindOfShare = 'ORGANIZATION';
+      if (withOpinionsModified) {
+        whatAndHowMuchToShare = 'organizationShareOptionsAllOpinions';
+        AnalyticsActions.saveActionShareOrganizationAllOpinions(VoterStore.electionId());
+      } else {
+        whatAndHowMuchToShare = 'organizationShareOptions';
+        AnalyticsActions.saveActionShareOrganization(VoterStore.electionId());
+      }
+    } else if (readyShare) {
+      kindOfShare = 'READY';
+      if (withOpinionsModified) {
+        whatAndHowMuchToShare = 'readyShareOptionsAllOpinions';
+        AnalyticsActions.saveActionShareReadyAllOpinions(VoterStore.electionId());
+      } else {
+        whatAndHowMuchToShare = 'readyShareOptions';
+        AnalyticsActions.saveActionShareReady(VoterStore.electionId());
+      }
+      // Default to ballot
+    } else if (withOpinionsModified) {
+      whatAndHowMuchToShare = 'ballotShareOptionsAllOpinions';
+      AnalyticsActions.saveActionShareBallotAllOpinions(VoterStore.electionId());
+    } else {
+      whatAndHowMuchToShare = 'ballotShareOptions';
+      AnalyticsActions.saveActionShareBallot(VoterStore.electionId());
+    }
 
     if (candidateShare) {
       kindOfShare = 'CANDIDATE';
@@ -148,8 +167,50 @@ class ShareButtonDesktopTablet extends Component {
     AppObservableStore.setShowShareModal(true);
     AppObservableStore.setWhatAndHowMuchToShare(whatAndHowMuchToShare);
     const { pathname } = window.location;
+    const pathnameWithModalShare = `${pathname}${pathname.endsWith('/') ? '' : '/'}modal/share`;
+
+    // Add debug logging
+    console.log('Share button clicked');
+    console.log('Current pathname:', pathname);
+    console.log('Destination pathname:', pathnameWithModalShare);
+    console.log('VoterWeVoteId:', VoterStore.getVoterWeVoteId());
+
+    // Add dataLayer tracking
+    const page = lookupPageNameAndPageTypeDict(pathname);
+    const modalPage = lookupPageNameAndPageTypeDict(pathnameWithModalShare);
+    
+    const dataLayerObject = {
+      event: 'action',
+      actionDetails: {
+        actionType: 'openModal',
+        buttonId: `shareButtonDesktopTablet-${kindOfShare.toLowerCase()}`,
+      },
+      userDetails: {
+        voterWeVoteId: VoterStore.getVoterWeVoteId(),
+      },
+      shareDetails: {
+        kindOfShare,
+        whatAndHowMuchToShare,
+        withOpinions: withOpinionsModified,
+      },
+      pageDetails: {
+        pageName: page.pageName,
+        pageType: page.pageType,
+        pathname,
+      },
+      destinationDetails: {
+        destinationPageName: modalPage.pageName,
+        destinationPageType: modalPage.pageType,
+        destinationPathname: pathnameWithModalShare,
+      },
+    };
+    
+    console.log('Pushing to dataLayer:', dataLayerObject);
+    TagManager.dataLayer({
+      dataLayer: dataLayerObject,
+    });
+
     if (!stringContains('/modal/share', pathname) && isWebApp()) {
-      const pathnameWithModalShare = `${pathname}${pathname.endsWith('/') ? '' : '/'}modal/share`;
       // console.log('Navigation ShareButtonDesktopTablet openShareModal ', pathnameWithModalShare)
       historyPush(pathnameWithModalShare, false, true);
     }