From e45af01054ecac644b406643662804bd2e8fb222 Mon Sep 17 00:00:00 2001
From: AnuragVasanwala <75766877+AnuragVasanwala@users.noreply.github.com>
Date: Wed, 17 Jan 2024 19:09:24 +0530
Subject: [PATCH] =?UTF-8?q?=E2=9C=A8=20Register=20Tracking=20Handler=20API?=
 =?UTF-8?q?=20for=20`wp-dashboard`?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 packages/wp-dashboard/src/api/reducers/settings.js | 3 +++
 packages/wp-dashboard/src/api/settings.js          | 6 ++++++
 packages/wp-dashboard/src/constants/settings.js    | 6 ++++++
 3 files changed, 15 insertions(+)

diff --git a/packages/wp-dashboard/src/api/reducers/settings.js b/packages/wp-dashboard/src/api/reducers/settings.js
index c59ce1d23ffe..26c5cb780792 100644
--- a/packages/wp-dashboard/src/api/reducers/settings.js
+++ b/packages/wp-dashboard/src/api/reducers/settings.js
@@ -20,6 +20,7 @@ import {
   AD_NETWORK_TYPE,
   ARCHIVE_TYPE,
   SHOPPING_PROVIDER_TYPE,
+  GOOGLE_ANALYTICS_HANDLER_TYPE,
 } from '../../constants';
 
 export const ACTION_TYPES = {
@@ -49,6 +50,7 @@ export const defaultSettingsState = {
   shopifyAccessToken: '',
   autoAdvance: true,
   defaultPageDuration: 7,
+  googleAnalyticsHandler: GOOGLE_ANALYTICS_HANDLER_TYPE.SITE_KIT,
 };
 
 function settingsReducer(state, action) {
@@ -89,6 +91,7 @@ function settingsReducer(state, action) {
         shopifyAccessToken: action.payload.shopifyAccessToken,
         autoAdvance: action.payload.autoAdvance,
         defaultPageDuration: action.payload.defaultPageDuration,
+        googleAnalyticsHandler: action.payload.googleAnalyticsHandler,
       };
     }
 
diff --git a/packages/wp-dashboard/src/api/settings.js b/packages/wp-dashboard/src/api/settings.js
index 0566079d7df4..faaef4e44362 100644
--- a/packages/wp-dashboard/src/api/settings.js
+++ b/packages/wp-dashboard/src/api/settings.js
@@ -46,6 +46,7 @@ const transformSettingResponse = (response) => ({
   shopifyAccessToken: response.web_stories_shopify_access_token,
   autoAdvance: Boolean(response.web_stories_auto_advance),
   defaultPageDuration: response.web_stories_default_page_duration,
+  googleAnalyticsHandler: response.web_stories_ga_tracking_handler,
 });
 
 /**
@@ -86,6 +87,7 @@ export function updateSettings(apiPath, queryParams) {
     shopifyAccessToken,
     autoAdvance,
     defaultPageDuration,
+    googleAnalyticsHandler,
   } = queryParams;
 
   const query = {};
@@ -154,6 +156,10 @@ export function updateSettings(apiPath, queryParams) {
     query.web_stories_default_page_duration = defaultPageDuration;
   }
 
+  if (googleAnalyticsHandler !== undefined) {
+    query.web_stories_ga_tracking_handler = googleAnalyticsHandler;
+  }
+
   const path = addQueryArgs(apiPath, query);
 
   return apiFetch({
diff --git a/packages/wp-dashboard/src/constants/settings.js b/packages/wp-dashboard/src/constants/settings.js
index 57b267d12014..652ee7c3996a 100644
--- a/packages/wp-dashboard/src/constants/settings.js
+++ b/packages/wp-dashboard/src/constants/settings.js
@@ -54,3 +54,9 @@ export const SHOPPING_PROVIDER_TYPE = {
   WOOCOMMERCE: 'woocommerce',
   SHOPIFY: 'shopify',
 };
+
+export const GOOGLE_ANALYTICS_HANDLER_TYPE = {
+  SITE_KIT: 'site-kit',
+  WEB_STORIES: 'web-stories',
+  BOTH: 'both',
+};