Merged in chore/SW-3379-move-useformtracking-to-common (pull request #2754)

chore(SW-3379): Moved useFormTracking to common

* chore(SW-3379): Moved useFormTracking to common


Approved-by: Anton Gunnarsson

apps/scandic-web/components/Forms/Signup/index.tsx

@@ -7,6 +7,7 @@ import { FormProvider, useForm } from "react-hook-form"
 import { useIntl } from "react-intl"
 
 import { logger } from "@scandic-hotels/common/logger"
+import { useFormTracking } from "@scandic-hotels/common/tracking/useFormTracking"
 import {
   formatPhoneNumber,
   getDefaultCountryFromLang,
@@ -33,7 +34,6 @@ import {
 
 import Input from "@/components/TempDesignSystem/Form/Input"
 import PasswordInput from "@/components/TempDesignSystem/Form/PasswordInput"
-import { useFormTracking } from "@/components/TrackingSDK/useFormTracking"
 import useLang from "@/hooks/useLang"
 import { getFormattedCountryList } from "@/utils/countries"
 import { getErrorMessage } from "@/utils/getErrorMessage"

apps/scandic-web/components/HotelReservation/EnterDetails/Details/Multiroom/index.tsx

@@ -4,6 +4,7 @@ import { useCallback, useEffect, useMemo } from "react"
 import { FormProvider, useForm } from "react-hook-form"
 import { useIntl } from "react-intl"
 
+import { useFormTracking } from "@scandic-hotels/common/tracking/useFormTracking"
 import { getDefaultCountryFromLang } from "@scandic-hotels/common/utils/phone"
 import Footnote from "@scandic-hotels/design-system/Footnote"
 import CountrySelect from "@scandic-hotels/design-system/Form/Country"
@@ -13,7 +14,6 @@ import { useEnterDetailsStore } from "@/stores/enter-details"
 
 import SpecialRequests from "@/components/HotelReservation/EnterDetails/Details/SpecialRequests"
 import Input from "@/components/TempDesignSystem/Form/Input"
-import { useFormTracking } from "@/components/TrackingSDK/useFormTracking"
 import { useRoomContext } from "@/contexts/Details/Room"
 import useLang from "@/hooks/useLang"
 import usePhoneNumberParsing from "@/hooks/usePhoneNumberParsing"

apps/scandic-web/components/HotelReservation/EnterDetails/Details/RoomOne/index.tsx

@@ -4,6 +4,7 @@ import { useCallback, useEffect } from "react"
 import { FormProvider, useForm } from "react-hook-form"
 import { useIntl } from "react-intl"
 
+import { useFormTracking } from "@scandic-hotels/common/tracking/useFormTracking"
 import { getDefaultCountryFromLang } from "@scandic-hotels/common/utils/phone"
 import Footnote from "@scandic-hotels/design-system/Footnote"
 import CountrySelect from "@scandic-hotels/design-system/Form/Country"
@@ -13,7 +14,6 @@ import { useEnterDetailsStore } from "@/stores/enter-details"
 
 import SpecialRequests from "@/components/HotelReservation/EnterDetails/Details/SpecialRequests"
 import Input from "@/components/TempDesignSystem/Form/Input"
-import { useFormTracking } from "@/components/TrackingSDK/useFormTracking"
 import { useRoomContext } from "@/contexts/Details/Room"
 import useLang from "@/hooks/useLang"
 import usePhoneNumberParsing from "@/hooks/usePhoneNumberParsing"

packages/common/package.json

@@ -38,6 +38,7 @@
     "./tracking/base": "./tracking/base.ts",
     "./tracking/pageview": "./tracking/pageview.ts",
     "./tracking/types": "./tracking/types.ts",
+    "./tracking/useFormTracking": "./tracking/useFormTracking.ts",
     "./tracking/useTrackHardNavigation": "./tracking/useTrackHardNavigation.ts",
     "./tracking/useTrackSoftNavigation": "./tracking/useTrackSoftNavigation.ts",
     "./utils/chunk": "./utils/chunk.ts",

packages/common/tracking/form.ts

@@ -1,4 +1,4 @@
-import { trackEvent } from "@scandic-hotels/common/tracking/base"
+import { trackEvent } from "./base"
 
 export type FormType = "checkout" | "signup"
 

packages/common/tracking/useFormTracking.ts

@@ -13,7 +13,7 @@ import {
   trackFormAbandonment,
   trackFormCompletion,
   trackFormInputStarted,
-} from "@/utils/tracking/form"
+} from "./form"
 
 export function useFormTracking<T extends FieldValues>(
   formType: FormType,