chore: add consistent type imports

2024-12-09 14:36:56 +01:00
parent 9867a56cc8
commit e08e960209
172 changed files with 587 additions and 333 deletions
@@ -12,7 +12,7 @@ import Subtitle from "@/components/TempDesignSystem/Text/Subtitle"

 import styles from "./receipt.module.css"

-import { BookingConfirmationReceiptProps } from "@/types/components/hotelReservation/bookingConfirmation/receipt"
+import type { BookingConfirmationReceiptProps } from "@/types/components/hotelReservation/bookingConfirmation/receipt"
 import { BreakfastPackageEnum } from "@/types/enums/breakfast"

 export default function Receipt({
@@ -10,7 +10,7 @@ import useLang from "@/hooks/useLang"

 import styles from "./contact.module.css"

-import { ContactProps } from "@/types/components/hotelReservation/selectHotel/selectHotel"
+import type { ContactProps } from "@/types/components/hotelReservation/selectHotel/selectHotel"

 export default function Contact({ hotel }: ContactProps) {
  const lang = useLang()
@@ -9,7 +9,7 @@ import Button from "@/components/TempDesignSystem/Button"
 import styles from "./header.module.css"

 import { SidePeekEnum } from "@/types/components/hotelReservation/sidePeek"
-import { ToggleSidePeekProps } from "@/types/components/hotelReservation/toggleSidePeekProps"
+import type { ToggleSidePeekProps } from "@/types/components/hotelReservation/toggleSidePeekProps"

 export default function ToggleSidePeek({ hotelId }: ToggleSidePeekProps) {
  const intl = useIntl()
@@ -36,7 +36,7 @@ import { bedTypeMap } from "../../SelectRate/RoomSelection/utils"
 import PriceChangeDialog from "../PriceChangeDialog"
 import GuaranteeDetails from "./GuaranteeDetails"
 import PaymentOption from "./PaymentOption"
-import { PaymentFormData, paymentSchema } from "./schema"
+import { type PaymentFormData, paymentSchema } from "./schema"

 import styles from "./payment.module.css"

@@ -1,15 +1,18 @@
 import Image from "next/image"
 import { useFormContext } from "react-hook-form"

-import { PAYMENT_METHOD_ICONS, PaymentMethodEnum } from "@/constants/booking"
+import {
+  PAYMENT_METHOD_ICONS,
+  type PaymentMethodEnum,
+} from "@/constants/booking"

 import Body from "@/components/TempDesignSystem/Text/Body"
 import Caption from "@/components/TempDesignSystem/Text/Caption"

-import { PaymentOptionProps } from "./paymentOption"
-
 import styles from "./paymentOption.module.css"

+import type { PaymentOptionProps } from "./paymentOption"
+
 export default function PaymentOption({
  name,
  value,
@@ -1,4 +1,4 @@
-import { RegisterOptions } from "react-hook-form"
+import type { RegisterOptions } from "react-hook-form"

 export interface PaymentOptionProps {
  name: string
@@ -2,7 +2,7 @@ import { getSavedPaymentCardsSafely } from "@/lib/trpc/memoizedRequests"

 import PaymentClient from "./PaymentClient"

-import { PaymentProps } from "@/types/components/hotelReservation/selectRate/section"
+import type { PaymentProps } from "@/types/components/hotelReservation/selectRate/section"

 export default async function Payment({
  user,
@@ -8,7 +8,7 @@ import Title from "@/components/TempDesignSystem/Text/Title"

 import styles from "./priceChangeDialog.module.css"

-import { PriceChangeDialogProps } from "@/types/components/hotelReservation/enterDetails/priceChangeDialog"
+import type { PriceChangeDialogProps } from "@/types/components/hotelReservation/enterDetails/priceChangeDialog"

 export default function PriceChangeDialog({
  isOpen,
@@ -1,6 +1,6 @@
 "use client"

-import { PropsWithChildren, useEffect, useRef } from "react"
+import { type PropsWithChildren, useEffect, useRef } from "react"
 import { useIntl } from "react-intl"

 import { useEnterDetailsStore } from "@/stores/enter-details"
@@ -10,7 +10,7 @@ import SummaryBottomSheet from "./BottomSheet"
 import styles from "./mobile.module.css"

 import type { SummaryProps } from "@/types/components/hotelReservation/summary"
-import { DetailsState } from "@/types/stores/enter-details"
+import type { DetailsState } from "@/types/stores/enter-details"

 function storeSelector(state: DetailsState) {
  return {
@@ -3,7 +3,6 @@ import { useParams } from "next/dist/client/components/navigation"
 import { memo, useCallback } from "react"
 import { useIntl } from "react-intl"

-import { Lang } from "@/constants/languages"
 import { selectRate } from "@/constants/routes/hotelReservation"
 import { useHotelsMapStore } from "@/stores/hotels-map"

@@ -28,6 +27,7 @@ import styles from "./hotelCard.module.css"

 import { HotelCardListingTypeEnum } from "@/types/components/hotelReservation/selectHotel/hotelCardListingProps"
 import type { HotelCardProps } from "@/types/components/hotelReservation/selectHotel/hotelCardProps"
+import type { Lang } from "@/constants/languages"

 function HotelCard({
  hotel,
@@ -101,7 +101,6 @@ function HotelCard({
              <Caption color="baseTextMediumContrast" type="underline" asChild>
                <Link
                  href={`https://www.google.com/maps/dir/?api=1&destination=${hotelData.location.latitude},${hotelData.location.longitude}`}
-                  className={styles.googleMaps}
                  target="_blank"
                  aria-label={intl.formatMessage({
                    id: "Driving directions",
@@ -4,7 +4,6 @@ import { useParams } from "next/navigation"
 import { useState } from "react"
 import { useIntl } from "react-intl"

-import { Lang } from "@/constants/languages"
 import { selectRate } from "@/constants/routes/hotelReservation"

 import { mapFacilityToIcon } from "@/components/ContentType/HotelPage/data"
@@ -22,6 +21,7 @@ import NoPriceAvailableCard from "../HotelCard/NoPriceAvailableCard"
 import styles from "./hotelCardDialog.module.css"

 import type { HotelCardDialogProps } from "@/types/components/hotelReservation/selectHotel/map"
+import type { Lang } from "@/constants/languages"

 export default function HotelCardDialog({
  data,
@@ -7,7 +7,7 @@ import Button from "@/components/TempDesignSystem/Button"

 import styles from "./readMore.module.css"

-import { ReadMoreProps } from "@/types/components/hotelReservation/selectHotel/selectHotel"
+import type { ReadMoreProps } from "@/types/components/hotelReservation/selectHotel/selectHotel"
 import { SidePeekEnum } from "@/types/components/hotelReservation/sidePeek"

 export default function ReadMore({ label, hotelId, showCTA }: ReadMoreProps) {
@@ -13,7 +13,7 @@ import FilterAndSortModal from "../FilterAndSortModal"

 import styles from "./mobileMapButtonContainer.module.css"

-import { CategorizedFilters } from "@/types/components/hotelReservation/selectHotel/hotelFilters"
+import type { CategorizedFilters } from "@/types/components/hotelReservation/selectHotel/hotelFilters"

 export default function MobileMapButtonContainer({
  filters,
@@ -21,7 +21,7 @@ import HotelListing from "./HotelListing"

 import styles from "./selectHotelMap.module.css"

-import { SelectHotelMapProps } from "@/types/components/hotelReservation/selectHotel/map"
+import type { SelectHotelMapProps } from "@/types/components/hotelReservation/selectHotel/map"

 export default function SelectHotelMap({
  apiKey,
@@ -5,7 +5,7 @@ import SelectionCard from "../SelectionCard"

 import styles from "./bedSelection.module.css"

-import { BedSelectionProps } from "@/types/components/hotelReservation/selectRate/section"
+import type { BedSelectionProps } from "@/types/components/hotelReservation/selectRate/section"

 export default function BedSelection({
  alternatives,
@@ -5,7 +5,7 @@ import SelectionCard from "../SelectionCard"

 import styles from "./breakfastSelection.module.css"

-import { BreakfastSelectionProps } from "@/types/components/hotelReservation/selectRate/section"
+import type { BreakfastSelectionProps } from "@/types/components/hotelReservation/selectRate/section"

 export default function BreakfastSelection({
  alternatives,
@@ -5,7 +5,7 @@ import Button from "@/components/TempDesignSystem/Button"

 import styles from "./details.module.css"

-import { DetailsProps } from "@/types/components/hotelReservation/selectRate/section"
+import type { DetailsProps } from "@/types/components/hotelReservation/selectRate/section"

 export default function Details({ nextPath }: DetailsProps) {
  const searchParams = useSearchParams()
@@ -1,4 +1,3 @@
-import { Lang } from "@/constants/languages"
 import { dt } from "@/lib/dt"
 import { getRoomsAvailability } from "@/lib/trpc/memoizedRequests"

@@ -10,8 +9,9 @@ import { generateChildrenString } from "../RoomSelection/utils"

 import styles from "./NoRoomsAlert.module.css"

-import { Child } from "@/types/components/hotelReservation/selectRate/selectRate"
+import type { Child } from "@/types/components/hotelReservation/selectRate/selectRate"
 import { AlertTypeEnum } from "@/types/enums/alert"
+import type { Lang } from "@/constants/languages"

 type Props = {
  hotelId: number
@@ -1,6 +1,5 @@
 import { Suspense } from "react"

-import { Lang } from "@/constants/languages"
 import { getHotelData } from "@/lib/trpc/memoizedRequests"

 import { mapFacilityToIcon } from "@/components/ContentType/HotelPage/data"
@@ -19,7 +18,8 @@ import { NoRoomsAlert } from "./NoRoomsAlert"

 import styles from "./hotelInfoCard.module.css"

-import { Child } from "@/types/components/hotelReservation/selectRate/selectRate"
+import type { Child } from "@/types/components/hotelReservation/selectRate/selectRate"
+import type { Lang } from "@/constants/languages"

 type Props = {
  hotelId: number
@@ -11,7 +11,7 @@ import { calculatePricesPerNight } from "./utils"

 import styles from "./priceList.module.css"

-import { PriceListProps } from "@/types/components/hotelReservation/selectRate/flexibilityOption"
+import type { PriceListProps } from "@/types/components/hotelReservation/selectRate/flexibilityOption"

 export default function PriceList({
  publicPrice = {},
@@ -11,7 +11,7 @@ import PriceTable from "./PriceList"

 import styles from "./flexibilityOption.module.css"

-import { FlexibilityOptionProps } from "@/types/components/hotelReservation/selectRate/flexibilityOption"
+import type { FlexibilityOptionProps } from "@/types/components/hotelReservation/selectRate/flexibilityOption"

 export default function FlexibilityOption({
  product,
@@ -3,8 +3,6 @@
 import { createElement, useCallback } from "react"
 import { useIntl } from "react-intl"

-import { RateDefinition } from "@/server/routers/hotels/output"
-
 import ToggleSidePeek from "@/components/HotelReservation/EnterDetails/SelectedRoom/ToggleSidePeek"
 import FlexibilityOption from "@/components/HotelReservation/SelectRate/RoomSelection/FlexibilityOption"
 import { ErrorCircleIcon } from "@/components/Icons"
@@ -21,6 +19,7 @@ import styles from "./roomCard.module.css"
 import type { RoomCardProps } from "@/types/components/hotelReservation/selectRate/roomCard"
 import { RoomPackageCodeEnum } from "@/types/components/hotelReservation/selectRate/roomFilter"
 import { HotelTypeEnum } from "@/types/enums/hotelType"
+import type { RateDefinition } from "@/server/routers/hotels/output"

 export default function RoomCard({
  hotelId,
@@ -3,8 +3,8 @@ import { ChildBedTypeEnum } from "@/constants/booking"
 import { getFormattedUrlQueryParams } from "@/utils/url"

 import { ChildBedMapEnum } from "@/types/components/bookingWidget/enums"
-import { BookingData } from "@/types/components/hotelReservation/enterDetails/bookingData"
-import { RoomPackageCodeEnum } from "@/types/components/hotelReservation/selectRate/roomFilter"
+import type { BookingData } from "@/types/components/hotelReservation/enterDetails/bookingData"
+import type { RoomPackageCodeEnum } from "@/types/components/hotelReservation/selectRate/roomFilter"
 import type {
  Child,
  SelectRateSearchParams,
@@ -1,4 +1,3 @@
-import { Lang } from "@/constants/languages"
 import { dt } from "@/lib/dt"
 import {
  getHotelData,
@@ -13,7 +12,8 @@ import { generateChildrenString } from "../RoomSelection/utils"
 import Rooms from "."

 import { RoomPackageCodeEnum } from "@/types/components/hotelReservation/selectRate/roomFilter"
-import { Child } from "@/types/components/hotelReservation/selectRate/selectRate"
+import type { Child } from "@/types/components/hotelReservation/selectRate/selectRate"
+import type { Lang } from "@/constants/languages"

 export type Props = {
  hotelId: number
@@ -9,7 +9,7 @@ import { filterDuplicateRoomTypesByLowestPrice } from "./utils"
 import styles from "./rooms.module.css"

 import {
-  DefaultFilterOptions,
+  type DefaultFilterOptions,
  RoomPackageCodeEnum,
  type RoomPackageCodes,
 } from "@/types/components/hotelReservation/selectRate/roomFilter"
@@ -1,4 +1,4 @@
-import { RoomConfiguration } from "@/server/routers/hotels/output"
+import type { RoomConfiguration } from "@/server/routers/hotels/output"

 /**
 * Get the lowest priced room for each room type that appears more than once.
@@ -6,7 +6,7 @@ import Title from "@/components/TempDesignSystem/Text/Title"

 import styles from "./selectionCard.module.css"

-import { SelectionCardProps } from "@/types/components/hotelReservation/selectRate/selectionCard"
+import type { SelectionCardProps } from "@/types/components/hotelReservation/selectRate/selectionCard"

 export default function SelectionCard({
  price,
@@ -7,7 +7,7 @@ import HotelSidePeek from "@/components/SidePeeks/HotelSidePeek"
 import RoomSidePeek from "@/components/SidePeeks/RoomSidePeek"
 import useLang from "@/hooks/useLang"

-import { HotelData } from "@/types/hotel"
+import type { HotelData } from "@/types/hotel"

 export default function HotelReservationSidePeek({
  hotel,
@@ -7,7 +7,7 @@ import Footnote from "@/components/TempDesignSystem/Text/Footnote"

 import styles from "./signupPromo.module.css"

-import { SignupPromoProps } from "@/types/components/hotelReservation/signupPromo"
+import type { SignupPromoProps } from "@/types/components/hotelReservation/signupPromo"

 export default function SignupPromoDesktop({
  memberPrice,