@seamapi/react 2.20.0 → 3.0.1

package/src/lib/seam/thermostats/use-update-thermostat.ts

@@ -1,64 +1,64 @@
+import type {
+  SeamHttpApiError,
+  ThermostatsUpdateBody,
+} from '@seamapi/http/connect'
+import type { Device } from '@seamapi/types/connect'
 import {
   useMutation,
   type UseMutationResult,
   useQueryClient,
 } from '@tanstack/react-query'
-import type {
-  SeamError,
-  ThermostatDevice,
-  ThermostatsListResponse,
-  ThermostatUpdateRequest,
-} from 'seamapi'
 
+import { shake } from 'lib/object.js'
 import { NullSeamClientError, useSeamClient } from 'lib/seam/use-seam-client.js'
 
-// UPSTREAM: Missing ThermostatUpdateResponse in seamapi.
-type UseUpdateThermostatData = Record<string, unknown>
-type UseUpdateThermostatMutationParams = ThermostatUpdateRequest
+export type UseUpdateThermostatParams = never
+
+export type UseUpdateThermostatData = undefined
+
+export type UseUpdateThermostatMutationVariables = ThermostatsUpdateBody
 
 export function useUpdateThermostat(): UseMutationResult<
   UseUpdateThermostatData,
-  SeamError,
-  UseUpdateThermostatMutationParams
+  SeamHttpApiError,
+  UseUpdateThermostatMutationVariables
 > {
   const { client } = useSeamClient()
   const queryClient = useQueryClient()
 
   return useMutation<
     UseUpdateThermostatData,
-    SeamError,
-    UseUpdateThermostatMutationParams
+    SeamHttpApiError,
+    UseUpdateThermostatMutationVariables
   >({
-    mutationFn: async (mutationParams: UseUpdateThermostatMutationParams) => {
+    mutationFn: async (variables) => {
       if (client === null) throw new NullSeamClientError()
-
-      return await client.thermostats.update(mutationParams)
+      await client.thermostats.update(variables)
     },
     onSuccess: (_data, variables) => {
-      queryClient.setQueryData<ThermostatDevice | null>(
+      queryClient.setQueryData<Device | null>(
         ['devices', 'get', { device_id: variables.device_id }],
-        (thermostat) => {
-          if (thermostat == null) {
+        (device) => {
+          if (device == null) {
             return
           }
-
-          return getUpdatedThermostat(thermostat, variables)
+          return getUpdatedDevice(device, variables)
         }
       )
 
-      queryClient.setQueryData<ThermostatsListResponse['thermostats']>(
+      queryClient.setQueryData<Device[]>(
         ['devices', 'list', { device_id: variables.device_id }],
-        (thermostats): ThermostatDevice[] => {
-          if (thermostats == null) {
+        (devices): Device[] => {
+          if (devices == null) {
             return []
           }
 
-          return thermostats.map((thermostat) => {
-            if (thermostat.device_id === variables.device_id) {
-              return getUpdatedThermostat(thermostat, variables)
+          return devices.map((device) => {
+            if (device.device_id === variables.device_id) {
+              return getUpdatedDevice(device, variables)
             }
 
-            return thermostat
+            return device
           })
         }
       )
@@ -66,27 +66,25 @@ export function useUpdateThermostat(): UseMutationResult<
   })
 }
 
-function getUpdatedThermostat(
-  thermostat: ThermostatDevice,
-  variables: UseUpdateThermostatMutationParams
-): ThermostatDevice {
-  return {
-    ...thermostat,
-
-    properties: {
-      ...thermostat.properties,
-
-      default_climate_setting: {
-        ...thermostat.properties.default_climate_setting,
-        manual_override_allowed:
-          thermostat.properties?.default_climate_setting
-            ?.manual_override_allowed != null
-            ? thermostat.properties.default_climate_setting
-                .manual_override_allowed
-            : true,
-
-        ...variables.default_climate_setting,
+const getUpdatedDevice = (
+  device: Device,
+  variables: UseUpdateThermostatMutationVariables
+): Device => {
+  const { properties } = device
+  if (
+    'default_climate_setting' in properties &&
+    properties.default_climate_setting != null
+  ) {
+    return {
+      ...device,
+      properties: {
+        ...properties,
+        default_climate_setting: {
+          ...properties.default_climate_setting,
+          ...shake(variables.default_climate_setting),
+        },
       },
-    },
+    }
   }
+  return device
 }

package/src/lib/seam/use-seam-client.ts

@@ -1,13 +1,13 @@
+import { SeamHttp } from '@seamapi/http/connect'
 import { useQuery } from '@tanstack/react-query'
 import { useEffect } from 'react'
-import { Seam } from 'seamapi'
 import { v4 as uuidv4 } from 'uuid'
 
 import { useSeamContext } from 'lib/seam/SeamProvider.js'
 
 export function useSeamClient(): {
-  client: Seam | null
-  isLoading: boolean
+  client: SeamHttp | null
+  isPending: boolean
   isError: boolean
   error: unknown
 } {
@@ -22,7 +22,7 @@ export function useSeamClient(): {
     clientSessionToken != null ? '' : context.userIdentifierKey
   )
 
-  const { isLoading, isError, error, data } = useQuery<Seam>({
+  const { isPending, isError, error, data } = useQuery<SeamHttp>({
     queryKey: [
       'client',
       {
@@ -37,11 +37,10 @@ export function useSeamClient(): {
       if (client != null) return client
 
       if (clientSessionToken != null) {
-        return new Seam({
-          ...clientOptions,
-          apiKey: null,
+        return SeamHttp.fromClientSessionToken(
           clientSessionToken,
-        })
+          clientOptions
+        )
       }
 
       if (publishableKey == null) {
@@ -50,25 +49,15 @@ export function useSeamClient(): {
         )
       }
 
-      const res = await Seam.getClientSessionToken({
-        ...clientOptions,
+      return await SeamHttp.fromPublishableKey(
         publishableKey,
         userIdentifierKey,
-      })
-
-      if (!res.ok || res.client_session?.token == null) {
-        throw new Error('Failed to get client session token')
-      }
-
-      return new Seam({
-        ...clientOptions,
-        apiKey: null,
-        clientSessionToken: res.client_session.token,
-      })
+        clientOptions
+      )
     },
   })
 
-  return { client: data ?? null, isLoading, isError, error }
+  return { client: data ?? null, isPending, isError, error }
 }
 
 export class NullSeamClientError extends Error {

package/src/lib/seam/use-seam-query-result.ts

@@ -1,7 +1,7 @@
+import type { SeamHttpApiError } from '@seamapi/http/connect'
 import type { UseQueryResult } from '@tanstack/react-query'
-import type { SeamError } from 'seamapi'
 
 export type UseSeamQueryResult<Field extends string, ResponsePayload> = Omit<
-  UseQueryResult<ResponsePayload, SeamError>,
+  UseQueryResult<ResponsePayload, SeamHttpApiError>,
   'data'
 > & { [key in Field]?: ResponsePayload }

package/src/lib/ui/AccessCodeForm/AccessCodeForm.tsx

@@ -1,13 +1,11 @@
+import type { AccessCode, Device } from '@seamapi/types/connect'
 import classNames from 'classnames'
 import { DateTime } from 'luxon'
 import { useState } from 'react'
 import { useForm } from 'react-hook-form'
-import { type AccessCode, type CommonDevice, isLockDevice } from 'seamapi'
 
 import { getSystemTimeZone } from 'lib/dates.js'
-import type { UseAccessCodeData } from 'lib/seam/access-codes/use-access-code.js'
 import { useGenerateAccessCodeCode } from 'lib/seam/access-codes/use-generate-access-code-code.js'
-import type { UseDeviceData } from 'lib/seam/devices/use-device.js'
 import { AccessCodeFormDatePicker } from 'lib/ui/AccessCodeForm/AccessCodeFormDatePicker.js'
 import { AccessCodeFormTimes } from 'lib/ui/AccessCodeForm/AccessCodeFormTimes.js'
 import { AccessCodeFormTimeZonePicker } from 'lib/ui/AccessCodeForm/AccessCodeFormTimeZonePicker.js'
@@ -23,7 +21,7 @@ export interface AccessCodeFormSubmitData {
   name: string
   code: string
   type: AccessCode['type']
-  device: NonNullable<UseDeviceData>
+  device: Device
   startDate: string
   endDate: string
   timeZone: string
@@ -35,8 +33,8 @@ export interface ResponseErrors {
 }
 
 export interface AccessCodeFormProps {
-  accessCode?: NonNullable<UseAccessCodeData>
-  device: NonNullable<UseDeviceData>
+  accessCode?: AccessCode
+  device: Device
   isSubmitting: boolean
   onSubmit: (data: AccessCodeFormSubmitData) => void
   responseErrors: ResponseErrors | null
@@ -115,7 +113,7 @@ function Content({
   })
   const [timeZonePickerVisible, toggleTimeZonePicker] = useToggle()
 
-  const { isLoading: isGeneratingCode, mutate: generateCode } =
+  const { isPending: isGeneratingCode, mutate: generateCode } =
     useGenerateAccessCodeCode()
 
   const submit = (): void => {}
@@ -158,10 +156,8 @@ function Content({
         device_id: device.device_id,
       },
       {
-        onSuccess: ({ code: generatedCode }) => {
-          if (generatedCode != null) {
-            setValue('code', generatedCode)
-          }
+        onSuccess: (generatedCode) => {
+          setValue('code', generatedCode)
         },
       }
     )
@@ -306,13 +302,9 @@ function Content({
 }
 
 const validateCodeLength = (
-  device: CommonDevice,
+  device: Device,
   value: string
 ): boolean | string => {
-  if (!isLockDevice(device)) {
-    return true
-  }
-
   if (device.properties.supported_code_lengths == null) {
     return true
   }
@@ -324,11 +316,7 @@ const validateCodeLength = (
   return t.codeLengthError(device.properties.supported_code_lengths.join(', '))
 }
 
-const getCodeLengthRequirement = (device: CommonDevice): string | null => {
-  if (!isLockDevice(device)) {
-    return null
-  }
-
+const getCodeLengthRequirement = (device: Device): string | null => {
   const codeLengths = device.properties.supported_code_lengths
   if (codeLengths == null) {
     return null
@@ -355,8 +343,8 @@ const isSequential = (numbers: string): boolean =>
   sequentialNumbers.includes(numbers)
 
 const getAccessCodeDate = (
-  date: 'starts_at' | 'ends_at',
-  accessCode?: NonNullable<UseAccessCodeData>
+  key: 'starts_at' | 'ends_at',
+  accessCode?: AccessCode
 ): DateTime | null => {
   if (accessCode == null) {
     return null
@@ -366,7 +354,13 @@ const getAccessCodeDate = (
     return null
   }
 
-  return DateTime.fromISO(accessCode[date])
+  const date = accessCode[key]
+
+  if (date == null) {
+    return null
+  }
+
+  return DateTime.fromISO(date)
 }
 
 const getNow = (timeZone: string): DateTime => DateTime.now().setZone(timeZone)

package/src/lib/ui/ClimateSettingForm/ClimateSettingScheduleForm.tsx

@@ -1,14 +1,14 @@
 import classNames from 'classnames'
 import { useEffect, useState } from 'react'
 import { useForm } from 'react-hook-form'
+
+import { getSystemTimeZone } from 'lib/dates.js'
+import { useSeamClient } from 'lib/index.js'
 import {
   type ClimateSetting,
   type HvacModeSetting,
   isThermostatDevice,
-} from 'seamapi'
-
-import { getSystemTimeZone } from 'lib/dates.js'
-import { useSeamClient } from 'lib/index.js'
+} from 'lib/seam/thermostats/thermostat-device.js'
 import { ClimateSettingScheduleFormClimateSetting } from 'lib/ui/ClimateSettingForm/ClimateSettingScheduleFormClimateSetting.js'
 import { ClimateSettingScheduleFormDefaultClimateSetting } from 'lib/ui/ClimateSettingForm/ClimateSettingScheduleFormDefaultClimateSetting.js'
 import { ClimateSettingScheduleFormDeviceSelect } from 'lib/ui/ClimateSettingForm/ClimateSettingScheduleFormDeviceSelect.js'

package/src/lib/ui/ClimateSettingForm/ClimateSettingScheduleFormClimateSetting.tsx

@@ -1,10 +1,13 @@
 import { type Control, Controller } from 'react-hook-form'
-import { isThermostatDevice } from 'seamapi'
 
 import { useDevice } from 'lib/seam/devices/use-device.js'
-import { getSetPointBounds, type SetPointBounds } from 'lib/set-point-bounds.js'
+import { isThermostatDevice } from 'lib/seam/thermostats/thermostat-device.js'
 import { Button } from 'lib/ui/Button.js'
 import type { ClimateSettingScheduleFormFields } from 'lib/ui/ClimateSettingForm/ClimateSettingScheduleForm.js'
+import {
+  getSetPointBounds,
+  type SetPointBounds,
+} from 'lib/ui/ClimateSettingForm/set-point-bounds.js'
 import { FormField } from 'lib/ui/FormField.js'
 import { InputLabel } from 'lib/ui/InputLabel.js'
 import { ContentHeader } from 'lib/ui/layout/ContentHeader.js'
@@ -34,7 +37,7 @@ export function ClimateSettingScheduleFormClimateSetting({
   if (device == null) return <></>
   if (!isThermostatDevice(device)) return <></>
 
-  const setPointBounds = getSetPointBounds(device.properties)
+  const setPointBounds = getSetPointBounds(device)
 
   return (
     <>

package/src/lib/ui/ClimateSettingForm/ClimateSettingScheduleFormDefaultClimateSetting.tsx

@@ -1,7 +1,7 @@
 import { useState } from 'react'
-import type { HvacModeSetting } from 'seamapi'
 
 import { useDevice } from 'lib/seam/devices/use-device.js'
+import type { HvacModeSetting } from 'lib/seam/thermostats/thermostat-device.js'
 import { Button } from 'lib/ui/Button.js'
 import { InputLabel } from 'lib/ui/InputLabel.js'
 import { ContentHeader } from 'lib/ui/layout/ContentHeader.js'

package/src/lib/ui/ClimateSettingForm/set-point-bounds.ts

@@ -0,0 +1,31 @@
+import type { ThermostatDevice } from 'lib/seam/thermostats/thermostat-device.js'
+import type { TemperatureControlGroupProps } from 'lib/ui/thermostat/TemperatureControlGroup.js'
+
+export type SetPointBounds = Partial<
+  Pick<
+    TemperatureControlGroupProps,
+    'minCool' | 'maxCool' | 'minHeat' | 'maxHeat' | 'delta'
+  >
+>
+
+export const getSetPointBounds = (device: ThermostatDevice): SetPointBounds => {
+  const { properties } = device
+
+  const setPointBounds: SetPointBounds = {}
+
+  if (properties.is_cooling_available) {
+    setPointBounds.minCool = properties.min_cooling_set_point_fahrenheit
+    setPointBounds.maxCool = properties.max_cooling_set_point_fahrenheit
+  }
+
+  if (properties.is_heating_available) {
+    setPointBounds.minHeat = properties.min_heating_set_point_fahrenheit
+    setPointBounds.maxHeat = properties.max_heating_set_point_fahrenheit
+  }
+
+  if (properties.is_cooling_available && properties.is_heating_available) {
+    setPointBounds.delta = properties.min_heating_cooling_delta_fahrenheit
+  }
+
+  return setPointBounds
+}

package/src/lib/ui/clipboard.ts

@@ -1,3 +1,3 @@
-export async function copyToClipboard(value: string): Promise<void> {
+export const copyToClipboard = async (value: string): Promise<void> => {
   await globalThis.navigator?.clipboard?.writeText(value)
 }

package/src/lib/ui/device/{BatteryStatus.tsx → BatteryStatusIndicator.tsx}

@@ -1,15 +1,20 @@
-import type { BatteryStatus as SeamBatteryStatus, CommonDevice } from 'seamapi'
+import type { Device } from '@seamapi/types/connect'
 
 import { BatteryLevelCriticalIcon } from 'lib/icons/BatteryLevelCritical.js'
 import { BatteryLevelFullIcon } from 'lib/icons/BatteryLevelFull.js'
 import { BatteryLevelHighIcon } from 'lib/icons/BatteryLevelHigh.js'
 import { BatteryLevelLowIcon } from 'lib/icons/BatteryLevelLow.js'
 
-interface BatteryStatusProps {
-  device: CommonDevice
+interface BatteryStatusIndicatorProps {
+  device: Device
 }
 
-export function BatteryStatus(props: BatteryStatusProps): JSX.Element {
+// UPSTREAM: Missing BatteryStatusIndicator type in @seamapi/types/connect.
+type BatteryStatus = 'low' | 'full' | 'critical' | 'good'
+
+export function BatteryStatusIndicator(
+  props: BatteryStatusIndicatorProps
+): JSX.Element {
   return (
     <div className='seam-battery-status'>
       <Content
@@ -21,7 +26,7 @@ export function BatteryStatus(props: BatteryStatusProps): JSX.Element {
 }
 
 function Content(props: {
-  status: SeamBatteryStatus | null | undefined
+  status: BatteryStatus | null | undefined
   level: number | null | undefined
 }): JSX.Element | null {
   const { status, level } = props

package/src/lib/ui/device/DeviceImage.tsx

@@ -1,9 +1,9 @@
+import type { Device } from '@seamapi/types/connect'
 import type { HTMLAttributes } from 'react'
-import type { CommonDevice } from 'seamapi'
 
 export function DeviceImage(
   props: {
-    device: CommonDevice
+    device: Device
   } & HTMLAttributes<HTMLImageElement>
 ): JSX.Element {
   const { device, ...imageProps } = props

package/src/lib/ui/device/LockStatus.tsx

@@ -1,10 +1,11 @@
-import { type CommonDevice, isLockDevice } from 'seamapi'
+import type { Device } from '@seamapi/types/connect'
 
 import { LockLockedIcon } from 'lib/icons/LockLocked.js'
 import { LockUnlockedIcon } from 'lib/icons/LockUnlocked.js'
+import { isLockDevice } from 'lib/seam/locks/lock-device.js'
 
 interface LockStatusProps {
-  device: CommonDevice
+  device: Device
 }
 
 export function LockStatus(props: LockStatusProps): JSX.Element | null {

package/src/lib/ui/device/NoiseLevelStatus.tsx

@@ -1,8 +1,8 @@
 import classNames from 'classnames'
-import type { NoiseSensorDevice } from 'seamapi'
 
 import { NoiseLevelsIcon } from 'lib/icons/NoiseLevels.js'
 import { NoiseLevelsRedIcon } from 'lib/icons/NoiseLevelsRed.js'
+import type { NoiseSensorDevice } from 'lib/seam/noise-sensors/noise-sensor-device.js'
 
 interface NoiseLevelStatusProps {
   device: NoiseSensorDevice
@@ -32,14 +32,14 @@ export function NoiseLevelStatus({
   )
 }
 
-function toNoiseString(value: number | string | undefined): string {
+const toNoiseString = (value: number | string | undefined): string => {
   if (typeof value === 'string' || typeof value === 'number') {
     return `${Number(value).toFixed(0)} ${t.decibel}`
   }
   return t.unknown
 }
 
-function getNoiseLevel(device: NoiseSensorDevice): string {
+const getNoiseLevel = (device: NoiseSensorDevice): string => {
   const isMinut = device.device_type === 'minut_sensor'
   const isNoiseAware = device.device_type === 'noiseaware_activity_zone'
 

package/src/lib/ui/device/OnlineStatus.tsx

@@ -1,11 +1,11 @@
-import type { CommonDevice } from 'seamapi'
+import type { Device } from '@seamapi/types/connect'
 
 import { OnlineStatusAccountOfflineIcon } from 'lib/icons/OnlineStatusAccountOffline.js'
 import { OnlineStatusDeviceOfflineIcon } from 'lib/icons/OnlineStatusDeviceOffline.js'
 import { OnlineStatusOnlineIcon } from 'lib/icons/OnlineStatusOnline.js'
 
 interface OnlineStatusProps {
-  device: CommonDevice
+  device: Device
 }
 
 export function OnlineStatus(props: OnlineStatusProps): JSX.Element {
@@ -50,7 +50,7 @@ function AccountOnlineContent(props: { isOnline: boolean }): JSX.Element {
   )
 }
 
-export const isDeviceAccountOffline = (device: CommonDevice): boolean =>
+export const isDeviceAccountOffline = (device: Device): boolean =>
   device.errors.filter((error) => error.error_code === 'account_disconnected')
     .length > 0
 

package/src/lib/ui/noise-sensor/NoiseSensorActivityList.tsx

@@ -1,7 +1,8 @@
+import type { SeamEvent } from '@seamapi/types/connect'
 import { useState } from 'react'
-import type { NoiseSensorDevice } from 'seamapi'
 
 import { useEvents } from 'lib/seam/events/use-events.js'
+import type { NoiseSensorDevice } from 'lib/seam/noise-sensors/noise-sensor-device.js'
 import { NoiseSensorEventItem } from 'lib/ui/noise-sensor/NoiseSensorEventItem.js'
 import { useNow } from 'lib/ui/use-now.js'
 
@@ -15,11 +16,19 @@ export function NoiseSensorActivityList({
   const now = useNow()
   const [mountedAt] = useState(now)
 
-  const { events } = useEvents({
-    device_id: device.device_id,
-    event_type: 'noise_sensor.noise_threshold_triggered',
-    since: mountedAt.minus({ months: 1 }).toString(),
-  })
+  const result = useEvents(
+    {
+      device_id: device.device_id,
+      event_type: 'noise_sensor.noise_threshold_triggered',
+      since: mountedAt.minus({ months: 1 }).toString(),
+    },
+    { refetchInterval: 30_000 }
+  )
+
+  // UPSTREAM: seam.events.list should return better types.
+  const events = result.events as Array<
+    Extract<SeamEvent, { event_type: 'noise_sensor.noise_threshold_triggered' }>
+  >
 
   return (
     <div className='seam-noise-sensor-activity-list'>

package/src/lib/ui/noise-sensor/NoiseSensorEventItem.tsx

@@ -1,10 +1,15 @@
+import type { SeamEvent } from '@seamapi/types/connect'
 import { DateTime } from 'luxon'
-import type { Event } from 'seamapi'
 
 import { ClockIcon } from 'lib/icons/Clock.js'
 
+type NoiseSensorNoiseThresholdTriggeredEvent = Extract<
+  SeamEvent,
+  { event_type: 'noise_sensor.noise_threshold_triggered' }
+>
+
 interface NoiseSensorEventItemProps {
-  event: Event
+  event: NoiseSensorNoiseThresholdTriggeredEvent
 }
 
 export function NoiseSensorEventItem({
@@ -40,16 +45,15 @@ export function NoiseSensorEventItem({
   )
 }
 
-function getContextSublabel(event: Event): string | null {
-  if ('noise_threshold_name' in event) {
-    // @ts-expect-error UPSTREAM: Shallow event type
-    // https://github.com/seamapi/react/issues/611
+const getContextSublabel = (
+  event: NoiseSensorNoiseThresholdTriggeredEvent
+): string | null => {
+  if (event.noise_threshold_name != null) {
     return event.noise_threshold_name
   }
 
-  if ('noise_level_decibels' in event) {
-    // UPSTREAM: Shallow event types.
-    return `${event.noise_level_decibels as string} ${t.decibel}`
+  if (event.noise_level_decibels != null) {
+    return `${event.noise_level_decibels} ${t.decibel}`
   }
 
   return null

package/src/lib/ui/noise-sensor/NoiseThresholdsList.tsx

@@ -1,8 +1,9 @@
-import type { NoiseSensorDevice, NoiseThresholds } from 'seamapi'
+import type { NoiseThreshold } from '@seamapi/types/connect'
 import { ZonedTime } from 'zoned-time'
 
 import { formatTime, formatTimeZone } from 'lib/dates.js'
 import { ArrowRightIcon } from 'lib/icons/ArrowRight.js'
+import type { NoiseSensorDevice } from 'lib/seam/noise-sensors/noise-sensor-device.js'
 import { useNoiseThresholds } from 'lib/seam/noise-sensors/use-noise-thresholds.js'
 import { DetailRow } from 'lib/ui/layout/DetailRow.js'
 import { DetailSection } from 'lib/ui/layout/DetailSection.js'
@@ -67,7 +68,7 @@ export function NoiseThresholdsList({
 function Content({
   noiseThresholds,
 }: {
-  noiseThresholds: NoiseThresholds[] | undefined
+  noiseThresholds: NoiseThreshold[] | undefined
 }): JSX.Element | JSX.Element[] {
   if (noiseThresholds == null || noiseThresholds.length === 0) {
     return (
@@ -106,7 +107,7 @@ function Content({
 
 const getTimeZoneCaption = (
   device: NoiseSensorDevice,
-  thresholds: NoiseThresholds[] | undefined
+  thresholds: NoiseThreshold[] | undefined
 ): string | null => {
   if (device.location?.timezone != null) {
     return `${t.allTimesIn} ${formatTimeZone(device.location.timezone)}`

package/src/lib/ui/thermostat/ClimateModeMenu.tsx

@@ -1,10 +1,9 @@
-import type { HvacModeSetting } from 'seamapi'
-
 import { ChevronDownIcon } from 'lib/icons/ChevronDown.js'
 import { OffIcon } from 'lib/icons/Off.js'
 import { ThermostatCoolIcon } from 'lib/icons/ThermostatCool.js'
 import { ThermostatHeatIcon } from 'lib/icons/ThermostatHeat.js'
 import { ThermostatHeatCoolIcon } from 'lib/icons/ThermostatHeatCool.js'
+import type { HvacModeSetting } from 'lib/seam/thermostats/thermostat-device.js'
 import { Menu } from 'lib/ui/Menu/Menu.js'
 import { ThermoModeMenuOption } from 'lib/ui/thermostat/ThermoModeMenuOption.js'
 

package/src/lib/ui/thermostat/ClimateSettingControlGroup.tsx

@@ -1,5 +1,4 @@
-import type { HvacModeSetting } from 'seamapi'
-
+import type { HvacModeSetting } from 'lib/seam/thermostats/thermostat-device.js'
 import { ClimateModeMenu } from 'lib/ui/thermostat/ClimateModeMenu.js'
 import {
   TemperatureControlGroup,