Merged in fix/SW-2679-tracking-signup-details-forms (pull request #2236)

feat(SW-2679): Added form tracking for checkout and signup

* feat(SW-2679): Added form tracking for checkout and signup

* fix(SW-2679): fixes from review


Approved-by: Michael Zetterberg

apps/scandic-web/utils/tracking/form.ts

@@ -0,0 +1,81 @@
+import { trackEvent } from "./base"
+
+export type FormType = "checkout" | "signup"
+
+export function trackFormInputStarted(type: FormType, nameSuffix?: string) {
+  if (type === "checkout") {
+    trackEvent({
+      event: "formStart",
+      form: {
+        action: "checkout form start",
+        name: "checkout enter detail" + nameSuffix,
+        type: type,
+      },
+    })
+  } else if (type === "signup") {
+    trackEvent({
+      event: "formStart",
+      form: {
+        action: "signup form start",
+        name: "member registration" + nameSuffix,
+        type: type,
+      },
+    })
+  }
+}
+
+export function trackFormAbandonment(
+  type: FormType,
+  lastAccessedField: string,
+  nameSuffix?: string
+) {
+  if (type === "checkout") {
+    trackEvent({
+      event: "formAbandonment",
+      form: {
+        action: "checkout form abandonment",
+        name: "checkout enter detail" + nameSuffix,
+        type: type,
+        lastAccessedField,
+      },
+    })
+  } else if (type === "signup") {
+    trackEvent({
+      event: "formAbandonment",
+      form: {
+        action: "signup form abandonment",
+        name: "member registration" + nameSuffix,
+        type: type,
+        lastAccessedField,
+      },
+    })
+  }
+}
+
+export function trackFormValidationError(
+  type: FormType,
+  errorMessage: string,
+  nameSuffix?: string
+) {
+  if (type === "checkout") {
+    trackEvent({
+      event: "formError",
+      form: {
+        action: "checkout form error",
+        name: "checkout enter detail" + nameSuffix,
+        type: type,
+        errorMessage,
+      },
+    })
+  } else if (type === "signup") {
+    trackEvent({
+      event: "formError",
+      form: {
+        action: "signup form error",
+        name: "member registration" + nameSuffix,
+        type: type,
+        errorMessage,
+      },
+    })
+  }
+}