@@ -95,28 +51,6 @@ export function ThermostatDeviceDetails({
- {!disableClimateSettingSchedules && (
-
- {
- setClimateSettingsOpen(true)
- }}
- >
-
-
-
-
-
- )}
-
- {!disableClimateSettingSchedules && (
-
-
- {device.properties.default_climate_setting != null ? (
-
- ) : (
- {t.none}
- )}
-
-
-
-
- )}
-
-
- {
- mutate({
- device_id: device.device_id,
- default_climate_setting: {
- manual_override_allowed: checked,
- },
- })
- }}
- />
-
-
-
-
-
-
-
- )
-}
-
function FanModeRow({ device }: { device: ThermostatDevice }): JSX.Element {
const { mutate, isSuccess, isError } = useSetThermostatFanMode()
@@ -430,27 +299,14 @@ function ClimateSettingRow({
const t = {
thermostat: 'Thermostat',
- climateSchedule: 'scheduled climate',
- climateSchedules: 'scheduled climates',
- viewingClimateSchedules: 'View scheduled climates',
- scheduledClimates: 'Scheduled climates',
- scheduledClimatesTooltip:
- "Scheduled climates let you automatically change the thermostat's climate at a set time.",
currentSettings: 'Current settings',
currentSettingsTooltip:
'These are the settings currently on the device. If you change them here, they change on the device.',
climate: 'Climate',
fanMode: 'Fan mode',
- defaultSettings: 'Default settings',
- defaultSettingsTooltip:
- 'When a scheduled climate reaches its end time, the default settings will kick in.',
- defaultClimate: 'Default climate',
- allowManualOverride: 'Allow manual override',
none: 'None',
fanModeSuccess: 'Successfully updated fan mode!',
fanModeError: 'Error updating fan mode. Please try again.',
- manualOverrideSuccess: 'Successfully updated manual override!',
- manualOverrideError: 'Error updating manual override. Please try again.',
climateSettingError: 'Error updating climate setting. Please try again.',
saved: 'Saved',
}
diff --git a/src/lib/seam/components/DeviceTable/DeviceTable.tsx b/src/lib/seam/components/DeviceTable/DeviceTable.tsx
index 996fb4802..356e18568 100644
--- a/src/lib/seam/components/DeviceTable/DeviceTable.tsx
+++ b/src/lib/seam/components/DeviceTable/DeviceTable.tsx
@@ -68,7 +68,6 @@ export function DeviceTable({
disableDeleteAccessCode = false,
disableResourceIds = false,
disableConnectedAccountInformation = false,
- disableClimateSettingSchedules = false,
onBack,
className,
}: DeviceTableProps = {}): JSX.Element {
@@ -117,7 +116,6 @@ export function DeviceTable({
disableDeleteAccessCode={disableDeleteAccessCode}
disableResourceIds={disableResourceIds}
disableConnectedAccountInformation={disableConnectedAccountInformation}
- disableClimateSettingSchedules={disableClimateSettingSchedules}
onBack={() => {
setSelectedDeviceId(null)
}}
diff --git a/src/lib/seam/components/common-props.tsx b/src/lib/seam/components/common-props.tsx
index df2bb700b..8d843dfc8 100644
--- a/src/lib/seam/components/common-props.tsx
+++ b/src/lib/seam/components/common-props.tsx
@@ -23,7 +23,6 @@ export interface RequiredCommonProps {
disableLockUnlock: boolean | undefined
disableResourceIds: boolean | undefined
disableConnectedAccountInformation: boolean | undefined
- disableClimateSettingSchedules: boolean | undefined
}
export type CommonProps = Partial
diff --git a/src/lib/seam/components/elements.ts b/src/lib/seam/components/elements.ts
index 115e3b053..ba9a050ae 100644
--- a/src/lib/seam/components/elements.ts
+++ b/src/lib/seam/components/elements.ts
@@ -1,7 +1,5 @@
export * as AccessCodeDetails from './AccessCodeDetails/AccessCodeDetails.element.js'
export * as AccessCodeTable from './AccessCodeTable/AccessCodeTable.element.js'
-export * as ClimateSettingScheduleDetails from './ClimateSettingScheduleDetails/ClimateSettingScheduleDetails.element.js'
-export * as ClimateSettingScheduleTable from './ClimateSettingScheduleTable/ClimateSettingScheduleTable.element.js'
export * as ConnectAccountButton from './ConnectAccountButton/ConnectAccountButton.element.js'
export * as CreateAccessCodeForm from './CreateAccessCodeForm/CreateAccessCodeForm.element.js'
export * as DeviceDetails from './DeviceDetails/DeviceDetails.element.js'
diff --git a/src/lib/seam/components/index.ts b/src/lib/seam/components/index.ts
index 974455479..58451ffaa 100644
--- a/src/lib/seam/components/index.ts
+++ b/src/lib/seam/components/index.ts
@@ -1,7 +1,5 @@
export * from './AccessCodeDetails/AccessCodeDetails.js'
export * from './AccessCodeTable/AccessCodeTable.js'
-export * from './ClimateSettingScheduleDetails/ClimateSettingScheduleDetails.js'
-export * from './ClimateSettingScheduleTable/ClimateSettingScheduleTable.js'
export * from './common-props.js'
export * from './ConnectAccountButton/ConnectAccountButton.js'
export * from './CreateAccessCodeForm/CreateAccessCodeForm.js'
diff --git a/src/lib/seam/index.ts b/src/lib/seam/index.ts
index 11d9b69e4..091e8517d 100644
--- a/src/lib/seam/index.ts
+++ b/src/lib/seam/index.ts
@@ -11,7 +11,5 @@ export * from './devices/use-device.js'
export * from './devices/use-device-providers.js'
export * from './devices/use-devices.js'
export * from './SeamProvider.js'
-export * from './thermostats/climate-setting-schedules/use-climate-setting-schedule.js'
-export * from './thermostats/climate-setting-schedules/use-climate-setting-schedules.js'
export * from './use-seam-client.js'
export * from './use-seam-query-result.js'
diff --git a/src/lib/seam/thermostats/climate-setting-schedules/use-climate-setting-schedule.ts b/src/lib/seam/thermostats/climate-setting-schedules/use-climate-setting-schedule.ts
deleted file mode 100644
index e3bbdbbf1..000000000
--- a/src/lib/seam/thermostats/climate-setting-schedules/use-climate-setting-schedule.ts
+++ /dev/null
@@ -1,34 +0,0 @@
-import type {
- SeamHttpApiError,
- ThermostatsClimateSettingSchedulesGetParams,
-} from '@seamapi/http/connect'
-import type { ClimateSettingSchedule } from '@seamapi/types/connect'
-import { useQuery } from '@tanstack/react-query'
-
-import { useSeamClient } from 'lib/seam/use-seam-client.js'
-import type { UseSeamQueryResult } from 'lib/seam/use-seam-query-result.js'
-
-export type UseClimateSettingScheduleParams =
- ThermostatsClimateSettingSchedulesGetParams
-
-export type UseClimateSettingScheduleData = ClimateSettingSchedule | null
-
-export function useClimateSettingSchedule(
- params: UseClimateSettingScheduleParams
-): UseSeamQueryResult<'climateSettingSchedule', UseClimateSettingScheduleData> {
- const { client } = useSeamClient()
-
- const { data, ...rest } = useQuery<
- UseClimateSettingScheduleData,
- SeamHttpApiError
- >({
- enabled: client != null,
- queryKey: ['thermostats', 'climate_setting_schedules', 'get', params],
- queryFn: async () => {
- if (client == null) return null
- return await client.thermostats.climateSettingSchedules.get(params)
- },
- })
-
- return { ...rest, climateSettingSchedule: data }
-}
diff --git a/src/lib/seam/thermostats/climate-setting-schedules/use-climate-setting-schedules.ts b/src/lib/seam/thermostats/climate-setting-schedules/use-climate-setting-schedules.ts
deleted file mode 100644
index f06a105c7..000000000
--- a/src/lib/seam/thermostats/climate-setting-schedules/use-climate-setting-schedules.ts
+++ /dev/null
@@ -1,53 +0,0 @@
-import type {
- SeamHttpApiError,
- ThermostatsClimateSettingSchedulesListParams,
-} from '@seamapi/http/connect'
-import type { ClimateSettingSchedule } from '@seamapi/types/connect'
-import { useQuery, useQueryClient } from '@tanstack/react-query'
-
-import { useSeamClient } from 'lib/seam/use-seam-client.js'
-import type { UseSeamQueryResult } from 'lib/seam/use-seam-query-result.js'
-
-export type UseClimateSettingSchedulesParams =
- ThermostatsClimateSettingSchedulesListParams
-
-export type UseClimateSettingSchedulesData = ClimateSettingSchedule[]
-
-export function useClimateSettingSchedules(
- params: UseClimateSettingSchedulesParams
-): UseSeamQueryResult<
- 'climateSettingSchedules',
- UseClimateSettingSchedulesData
-> {
- const { client } = useSeamClient()
- const queryClient = useQueryClient()
-
- const { data, ...rest } = useQuery<
- UseClimateSettingSchedulesData,
- SeamHttpApiError
- >({
- enabled: client != null,
- queryKey: ['thermostats', 'climate_setting_schedules', 'list', params],
- queryFn: async () => {
- if (client == null) return []
- const climateSettingSchedules =
- await client.thermostats.climateSettingSchedules.list(params)
- for (const schedule of climateSettingSchedules) {
- queryClient.setQueryData(
- [
- 'thermostats',
- 'climate_setting_schedules',
- 'get',
- {
- climate_setting_schedule_id: schedule.climate_setting_schedule_id,
- },
- ],
- schedule
- )
- }
- return climateSettingSchedules
- },
- })
-
- return { ...rest, climateSettingSchedules: data }
-}
diff --git a/src/lib/seam/thermostats/climate-setting-schedules/use-create-climate-setting-schedule.ts b/src/lib/seam/thermostats/climate-setting-schedules/use-create-climate-setting-schedule.ts
deleted file mode 100644
index 72decff0d..000000000
--- a/src/lib/seam/thermostats/climate-setting-schedules/use-create-climate-setting-schedule.ts
+++ /dev/null
@@ -1,53 +0,0 @@
-import type {
- SeamHttpApiError,
- ThermostatsClimateSettingSchedulesCreateBody,
-} from '@seamapi/http/connect'
-import type { ClimateSettingSchedule } from '@seamapi/types/connect'
-import {
- useMutation,
- type UseMutationResult,
- useQueryClient,
-} from '@tanstack/react-query'
-
-import { NullSeamClientError, useSeamClient } from 'lib/seam/use-seam-client.js'
-
-export type UseCreateClimateSettingScheduleParams = never
-
-export type UseCreateClimateSettingScheduleData = ClimateSettingSchedule
-
-export type UseCreateClimateSettingScheduleMutationVariables =
- ThermostatsClimateSettingSchedulesCreateBody
-
-export function useCreateClimateSettingSchedule(): UseMutationResult<
- UseCreateClimateSettingScheduleData,
- SeamHttpApiError,
- UseCreateClimateSettingScheduleMutationVariables
-> {
- const { client } = useSeamClient()
- const queryClient = useQueryClient()
-
- return useMutation<
- UseCreateClimateSettingScheduleData,
- SeamHttpApiError,
- UseCreateClimateSettingScheduleMutationVariables
- >({
- mutationFn: async (variables) => {
- if (client === null) throw new NullSeamClientError()
- return await client.thermostats.climateSettingSchedules.create(variables)
- },
- onSuccess: (data) => {
- queryClient.setQueryData(
- [
- 'thermostats',
- 'climate_setting_schedules',
- 'get',
- { climate_setting_schedules: data.climate_setting_schedule_id },
- ],
- data
- )
- void queryClient.invalidateQueries({
- queryKey: ['thermostats', 'climate_setting_schedules', 'list'],
- })
- },
- })
-}
diff --git a/src/lib/seam/thermostats/climate-setting-schedules/use-delete-climate-setting-schedule.ts b/src/lib/seam/thermostats/climate-setting-schedules/use-delete-climate-setting-schedule.ts
deleted file mode 100644
index 2a990fdef..000000000
--- a/src/lib/seam/thermostats/climate-setting-schedules/use-delete-climate-setting-schedule.ts
+++ /dev/null
@@ -1,51 +0,0 @@
-import type {
- SeamHttpApiError,
- ThermostatsClimateSettingSchedulesDeleteParams,
-} from '@seamapi/http/connect'
-import {
- useMutation,
- type UseMutationResult,
- useQueryClient,
-} from '@tanstack/react-query'
-
-import { NullSeamClientError, useSeamClient } from 'lib/seam/use-seam-client.js'
-
-export type UseDeleteClimateSettingScheduleParams = never
-
-export type UseDeleteClimateSettingScheduleData = undefined
-
-export type UseDeleteClimateSettingScheduleMutationVariables =
- ThermostatsClimateSettingSchedulesDeleteParams
-
-export function useDeleteClimateSettingSchedule(): UseMutationResult<
- UseDeleteClimateSettingScheduleData,
- SeamHttpApiError,
- UseDeleteClimateSettingScheduleMutationVariables
-> {
- const { client } = useSeamClient()
- const queryClient = useQueryClient()
-
- return useMutation<
- UseDeleteClimateSettingScheduleData,
- SeamHttpApiError,
- UseDeleteClimateSettingScheduleMutationVariables
- >({
- mutationFn: async (variables) => {
- if (client === null) throw new NullSeamClientError()
- await client.thermostats.climateSettingSchedules.delete(variables)
- },
- onSuccess: (_data, variables) => {
- void queryClient.invalidateQueries({
- queryKey: [
- 'thermostats',
- 'climate_setting_schedules',
- 'get',
- { climate_setting_schedules: variables.climate_setting_schedule_id },
- ],
- })
- void queryClient.invalidateQueries({
- queryKey: ['thermostats', 'climate_setting_schedules', 'list'],
- })
- },
- })
-}
diff --git a/src/lib/seam/thermostats/climate-setting-schedules/use-update-climate-setting-schedule.ts b/src/lib/seam/thermostats/climate-setting-schedules/use-update-climate-setting-schedule.ts
deleted file mode 100644
index c8bee2a40..000000000
--- a/src/lib/seam/thermostats/climate-setting-schedules/use-update-climate-setting-schedule.ts
+++ /dev/null
@@ -1,83 +0,0 @@
-import type {
- SeamHttpApiError,
- ThermostatsClimateSettingSchedulesUpdateBody,
-} from '@seamapi/http/connect'
-import type { ClimateSettingSchedule } from '@seamapi/types/connect'
-import {
- useMutation,
- type UseMutationResult,
- useQueryClient,
-} from '@tanstack/react-query'
-
-import { shake } from 'lib/object.js'
-import { NullSeamClientError, useSeamClient } from 'lib/seam/use-seam-client.js'
-
-export type UseUpdateClimateSettingScheduleParams = never
-
-export type UseUpdateClimateSettingScheduleData = undefined
-
-export type UseUpdateClimateSettingScheduleMutationVariables =
- ThermostatsClimateSettingSchedulesUpdateBody
-
-export function useUpdateClimateSettingSchedule(): UseMutationResult<
- UseUpdateClimateSettingScheduleData,
- SeamHttpApiError,
- UseUpdateClimateSettingScheduleMutationVariables
-> {
- const { client } = useSeamClient()
- const queryClient = useQueryClient()
-
- return useMutation<
- UseUpdateClimateSettingScheduleData,
- SeamHttpApiError,
- UseUpdateClimateSettingScheduleMutationVariables
- >({
- mutationFn: async (variables) => {
- if (client === null) throw new NullSeamClientError()
- await client.thermostats.climateSettingSchedules.update(variables)
- },
- onSuccess: (_data, variables) => {
- queryClient.setQueryData(
- [
- 'thermostats',
- 'climate_setting_schedules',
- 'get',
- { climate_setting_schedules: variables.climate_setting_schedule_id },
- ],
- (climateSettingSchedule) => {
- if (climateSettingSchedule == null) {
- return
- }
-
- return {
- ...climateSettingSchedule,
- ...shake(variables),
- }
- }
- )
-
- queryClient.setQueryData(
- ['thermostats', 'climate_setting_schedules', 'list'],
- (climateSettingSchedules) => {
- if (climateSettingSchedules == null) {
- return climateSettingSchedules
- }
-
- return climateSettingSchedules.map((climateSettingSchedule) => {
- if (
- climateSettingSchedule.climate_setting_schedule_id ===
- variables.climate_setting_schedule_id
- ) {
- return {
- ...climateSettingSchedule,
- ...shake(variables),
- }
- }
-
- return climateSettingSchedule
- })
- }
- )
- },
- })
-}
diff --git a/src/lib/seam/thermostats/thermostat-device.ts b/src/lib/seam/thermostats/thermostat-device.ts
index e76175876..000cee4bf 100644
--- a/src/lib/seam/thermostats/thermostat-device.ts
+++ b/src/lib/seam/thermostats/thermostat-device.ts
@@ -31,7 +31,6 @@ export interface ClimateSetting {
heating_set_point_celsius?: number
cooling_set_point_fahrenheit?: number
heating_set_point_fahrenheit?: number
- manual_override_allowed?: boolean
}
export const isThermostatDevice = (
diff --git a/src/lib/seam/thermostats/use-update-thermostat.ts b/src/lib/seam/thermostats/use-update-thermostat.ts
deleted file mode 100644
index c4a3674b7..000000000
--- a/src/lib/seam/thermostats/use-update-thermostat.ts
+++ /dev/null
@@ -1,90 +0,0 @@
-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 { shake } from 'lib/object.js'
-import { NullSeamClientError, useSeamClient } from 'lib/seam/use-seam-client.js'
-
-export type UseUpdateThermostatParams = never
-
-export type UseUpdateThermostatData = undefined
-
-export type UseUpdateThermostatMutationVariables = ThermostatsUpdateBody
-
-export function useUpdateThermostat(): UseMutationResult<
- UseUpdateThermostatData,
- SeamHttpApiError,
- UseUpdateThermostatMutationVariables
-> {
- const { client } = useSeamClient()
- const queryClient = useQueryClient()
-
- return useMutation<
- UseUpdateThermostatData,
- SeamHttpApiError,
- UseUpdateThermostatMutationVariables
- >({
- mutationFn: async (variables) => {
- if (client === null) throw new NullSeamClientError()
- await client.thermostats.update(variables)
- },
- onSuccess: (_data, variables) => {
- queryClient.setQueryData(
- ['devices', 'get', { device_id: variables.device_id }],
- (device) => {
- if (device == null) {
- return
- }
- return getUpdatedDevice(device, variables)
- }
- )
-
- queryClient.setQueryData(
- ['devices', 'list', { device_id: variables.device_id }],
- (devices): Device[] => {
- if (devices == null) {
- return []
- }
-
- return devices.map((device) => {
- if (device.device_id === variables.device_id) {
- return getUpdatedDevice(device, variables)
- }
-
- return device
- })
- }
- )
- },
- })
-}
-
-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
-}
diff --git a/src/lib/ui/ClimateSettingForm/ClimateSettingScheduleForm.tsx b/src/lib/ui/ClimateSettingForm/ClimateSettingScheduleForm.tsx
deleted file mode 100644
index b67596947..000000000
--- a/src/lib/ui/ClimateSettingForm/ClimateSettingScheduleForm.tsx
+++ /dev/null
@@ -1,189 +0,0 @@
-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 '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'
-import { ClimateSettingScheduleFormNameAndSchedule } from 'lib/ui/ClimateSettingForm/ClimateSettingScheduleFormNameAndSchedule.js'
-import { ClimateSettingScheduleFormTimeZonePicker } from 'lib/ui/ClimateSettingForm/ClimateSettingScheduleFormTimeZonePicker.js'
-
-export interface ClimateSettingScheduleFormSubmitData {
- name: string
- deviceId: string
- startDate: string
- endDate: string
- timeZone: string
- climateSetting: ClimateSetting
-}
-
-export interface ClimateSettingScheduleFormProps {
- className?: string
- onBack?: () => void
- isSubmitting: boolean
- onSubmit: (data: ClimateSettingScheduleFormSubmitData) => void
-}
-
-export interface ClimateSettingScheduleFormFields {
- name: string
- deviceId: string
- startDate: string
- endDate: string
- timeZone: string
- climateSetting: {
- hvacModeSetting: HvacModeSetting
- // may have to ignore one or the other fields here on submit
- heatingSetPoint: number
- coolingSetPoint: number
- }
-}
-
-export function ClimateSettingScheduleForm({
- className,
- ...props
-}: ClimateSettingScheduleFormProps): JSX.Element | null {
- return (
-
-
-
- )
-}
-
-function Content({
- onBack,
-}: Omit): JSX.Element {
- const { client } = useSeamClient()
- const { control, watch, resetField } =
- useForm({
- defaultValues: {
- deviceId: '',
- name: '',
- startDate: '',
- endDate: '',
- timeZone: getSystemTimeZone(),
- climateSetting: {
- hvacModeSetting: 'heat_cool',
- heatingSetPoint: 70,
- coolingSetPoint: 75,
- },
- },
- })
-
- const deviceId = watch('deviceId')
- const timeZone = watch('timeZone')
-
- const [page, setPage] = useState<
- | 'device_select'
- | 'default_setting'
- | 'name_and_schedule'
- | 'time_zone_select'
- | 'climate_setting'
- >('device_select')
-
- const returnToDeviceSelect = (): void => {
- resetField('deviceId')
- setPage('device_select')
- }
-
- useEffect(() => {
- if (page === 'device_select' && deviceId !== '' && client != null) {
- client.devices
- .get({ device_id: deviceId })
- .then((device) => {
- if (!isThermostatDevice(device)) return
-
- if (device.properties.default_climate_setting != null) {
- setPage('name_and_schedule')
- return
- }
-
- setPage('default_setting')
- })
- .catch(() => {})
- }
- }, [client, deviceId, page, setPage])
-
- if (page === 'device_select') {
- return (
-
- )
- }
-
- if (page === 'default_setting') {
- return (
- {
- setPage('name_and_schedule')
- }}
- />
- )
- }
-
- if (page === 'name_and_schedule') {
- return (
- {
- setPage('climate_setting')
- }}
- onChangeTimeZone={() => {
- setPage('time_zone_select')
- }}
- timeZone={timeZone}
- />
- )
- }
-
- if (page === 'time_zone_select') {
- return (
- {
- setPage('name_and_schedule')
- }}
- />
- )
- }
-
- if (page === 'climate_setting') {
- return (
- {
- setPage('name_and_schedule')
- }}
- onCancel={onBack}
- onSave={() => {}}
- />
- )
- }
-
- return <>
-}
-
-export const t = {
- addNewClimateSettingSchedule: 'Add a climate setting schedule',
-}
diff --git a/src/lib/ui/ClimateSettingForm/ClimateSettingScheduleFormClimateSetting.tsx b/src/lib/ui/ClimateSettingForm/ClimateSettingScheduleFormClimateSetting.tsx
deleted file mode 100644
index c2e4f011b..000000000
--- a/src/lib/ui/ClimateSettingForm/ClimateSettingScheduleFormClimateSetting.tsx
+++ /dev/null
@@ -1,118 +0,0 @@
-import { type Control, Controller } from 'react-hook-form'
-
-import { useDevice } from 'lib/seam/devices/use-device.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'
-import { ClimateSettingControlGroup } from 'lib/ui/thermostat/ClimateSettingControlGroup.js'
-
-interface ClimateSettingScheduleFormClimateSettingProps {
- title: string
- control: Control
- deviceId: string
- onBack: () => void
- onCancel: (() => void) | undefined
- onSave: () => void
-}
-
-export function ClimateSettingScheduleFormClimateSetting({
- title,
- control,
- deviceId,
- onBack,
- onCancel,
- onSave,
-}: ClimateSettingScheduleFormClimateSettingProps): JSX.Element {
- const { device } = useDevice({
- device_id: deviceId,
- })
-
- if (device == null) return <>
- if (!isThermostatDevice(device)) return <>
-
- const setPointBounds = getSetPointBounds(device)
-
- return (
- <>
-
-
-
-
-
- {t.climateSetting}
- {t.climateSettingSubHeading}
-
-
-
-
-
-
-
-
-
-
-
-
-
{t.defaultClimateMessage}
-
-
- {t.defaultClimate}
- {t.defautClimateSubHeading}
-
-
-
-
-
-
-
-
-
- (
- {
- onChange(deviceId)
- }}
- />
- )}
- />
-
-
- )
-}
diff --git a/src/lib/ui/ClimateSettingForm/ClimateSettingScheduleFormNameAndSchedule.tsx b/src/lib/ui/ClimateSettingForm/ClimateSettingScheduleFormNameAndSchedule.tsx
deleted file mode 100644
index 5bd741ae6..000000000
--- a/src/lib/ui/ClimateSettingForm/ClimateSettingScheduleFormNameAndSchedule.tsx
+++ /dev/null
@@ -1,120 +0,0 @@
-import { type Control, Controller } from 'react-hook-form'
-
-import { formatTimeZone } from 'lib/dates.js'
-import { ChevronRightIcon } from 'lib/icons/ChevronRight.js'
-import { useDevice } from 'lib/seam/devices/use-device.js'
-import { Button } from 'lib/ui/Button.js'
-import type { ClimateSettingScheduleFormFields } from 'lib/ui/ClimateSettingForm/ClimateSettingScheduleForm.js'
-import { DateTimePicker } from 'lib/ui/DateTimePicker/DateTimePicker.js'
-import { FormField } from 'lib/ui/FormField.js'
-import { InputLabel } from 'lib/ui/InputLabel.js'
-import { ContentHeader } from 'lib/ui/layout/ContentHeader.js'
-import { TextField } from 'lib/ui/TextField/TextField.js'
-
-interface ClimateSettingScheduleFormNameAndScheduleProps {
- title: string
- control: Control
- deviceId: string
- timeZone: string
- onBack: () => void
- onCancel: (() => void) | undefined
- onNext: () => void
- onChangeTimeZone: () => void
-}
-
-export function ClimateSettingScheduleFormNameAndSchedule({
- title,
- control,
- deviceId,
- timeZone,
- onBack,
- onCancel,
- onNext,
- onChangeTimeZone,
-}: ClimateSettingScheduleFormNameAndScheduleProps): JSX.Element {
- const { device } = useDevice({
- device_id: deviceId,
- })
-
- return (
- <>
-
-
-
-
-
- {t.nameInputLabel}
- {
- return (
-
- )
- }}
- />
-
-
-
- {t.startTimeLabel}
-
- {t.selectedTimeZoneLabel}
-
- {formatTimeZone(timeZone)}
-
-
-
- (
-
- )}
- />
-
-
- {t.endTimeLabel}
- (
-
- )}
- />
-
-
-
-
-
-
-
-
- (
- {
- setTitle(manualTimeZoneSelected ? t.titleManual : t.titleAuto)
- }}
- />
- )}
- />
-
-
- )
-}
-
-const t = {
- titleAuto: 'Time Zone (automatic)',
- titleManual: 'Time Zone (manual)',
-}
diff --git a/src/lib/ui/ClimateSettingForm/set-point-bounds.ts b/src/lib/ui/ClimateSettingForm/set-point-bounds.ts
deleted file mode 100644
index 77bc0f6ce..000000000
--- a/src/lib/ui/ClimateSettingForm/set-point-bounds.ts
+++ /dev/null
@@ -1,31 +0,0 @@
-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.available_hvac_mode_settings.includes('cool')) {
- setPointBounds.minCool = properties.min_cooling_set_point_fahrenheit
- setPointBounds.maxCool = properties.max_cooling_set_point_fahrenheit
- }
-
- if (properties.available_hvac_mode_settings.includes('heat')) {
- setPointBounds.minHeat = properties.min_heating_set_point_fahrenheit
- setPointBounds.maxHeat = properties.max_heating_set_point_fahrenheit
- }
-
- if (properties.available_hvac_mode_settings.includes('heat_cool')) {
- setPointBounds.delta = properties.min_heating_cooling_delta_fahrenheit
- }
-
- return setPointBounds
-}
diff --git a/src/lib/ui/thermostat/ClimateSettingStatus.stories.tsx b/src/lib/ui/thermostat/ClimateSettingStatus.stories.tsx
index 17e5af593..63627c840 100644
--- a/src/lib/ui/thermostat/ClimateSettingStatus.stories.tsx
+++ b/src/lib/ui/thermostat/ClimateSettingStatus.stories.tsx
@@ -20,7 +20,6 @@ export const Content: Story = {
hvac_mode_setting: 'cool',
cooling_set_point_fahrenheit: 70,
cooling_set_point_celsius: 21,
- manual_override_allowed: true,
}}
/>
@@ -29,7 +28,6 @@ export const Content: Story = {
hvac_mode_setting: 'cool',
cooling_set_point_fahrenheit: 70,
cooling_set_point_celsius: 21,
- manual_override_allowed: true,
}}
iconPlacement='right'
/>
@@ -39,7 +37,6 @@ export const Content: Story = {
hvac_mode_setting: 'cool',
cooling_set_point_fahrenheit: 70,
cooling_set_point_celsius: 21,
- manual_override_allowed: true,
}}
temperatureUnit='celsius'
/>
@@ -49,7 +46,6 @@ export const Content: Story = {
hvac_mode_setting: 'cool',
cooling_set_point_fahrenheit: 70,
cooling_set_point_celsius: 21,
- manual_override_allowed: true,
}}
iconPlacement='right'
temperatureUnit='celsius'
@@ -60,7 +56,6 @@ export const Content: Story = {
hvac_mode_setting: 'heat',
heating_set_point_fahrenheit: 70,
heating_set_point_celsius: 21,
- manual_override_allowed: true,
}}
/>
@@ -78,7 +72,6 @@ export const Content: Story = {
hvac_mode_setting: 'heat',
heating_set_point_fahrenheit: 70,
heating_set_point_celsius: 21,
- manual_override_allowed: true,
}}
temperatureUnit='celsius'
/>
@@ -87,7 +80,6 @@ export const Content: Story = {
hvac_mode_setting: 'heat',
heating_set_point_fahrenheit: 70,
heating_set_point_celsius: 21,
- manual_override_allowed: true,
}}
iconPlacement='right'
temperatureUnit='celsius'
@@ -100,7 +92,6 @@ export const Content: Story = {
cooling_set_point_celsius: 21,
heating_set_point_fahrenheit: 60,
heating_set_point_celsius: 15,
- manual_override_allowed: true,
}}
/>
@@ -111,7 +102,6 @@ export const Content: Story = {
cooling_set_point_celsius: 21,
heating_set_point_fahrenheit: 60,
heating_set_point_celsius: 15,
- manual_override_allowed: true,
}}
iconPlacement='right'
/>
@@ -123,7 +113,6 @@ export const Content: Story = {
cooling_set_point_celsius: 21,
heating_set_point_fahrenheit: 60,
heating_set_point_celsius: 15,
- manual_override_allowed: true,
}}
temperatureUnit='celsius'
/>
@@ -135,7 +124,6 @@ export const Content: Story = {
cooling_set_point_celsius: 21,
heating_set_point_fahrenheit: 60,
heating_set_point_celsius: 15,
- manual_override_allowed: true,
}}
iconPlacement='right'
temperatureUnit='celsius'
@@ -144,14 +132,12 @@ export const Content: Story = {
diff --git a/src/lib/ui/thermostat/FanModeMenu.tsx b/src/lib/ui/thermostat/FanModeMenu.tsx
index fbd6a2444..e8c3b2780 100644
--- a/src/lib/ui/thermostat/FanModeMenu.tsx
+++ b/src/lib/ui/thermostat/FanModeMenu.tsx
@@ -49,4 +49,5 @@ export function FanModeMenu({ mode, onChange }: FanModeMenuProps): JSX.Element {
const t = {
auto: 'Auto',
on: 'On',
+ circulate: 'Circulate',
}
diff --git a/src/styles/_climate-setting-schedule-details.scss b/src/styles/_climate-setting-schedule-details.scss
deleted file mode 100644
index 93f6dc0c7..000000000
--- a/src/styles/_climate-setting-schedule-details.scss
+++ /dev/null
@@ -1,44 +0,0 @@
-@use './colors';
-
-@mixin all {
- .seam-climate-setting-schedule-details {
- .seam-climate-setting-schedule-details-content {
- margin: 0 16px;
- }
-
- .seam-climate-setting-details-value {
- font-style: normal;
- font-weight: 400;
- line-height: 118%;
- font-size: 14px;
- color: colors.$text-gray-1;
-
- &.seam-climate-setting-details-schedule-range {
- display: flex;
- align-items: center;
- }
- }
-
- .seam-default-setting-message-container {
- display: flex;
- justify-content: center;
- margin: 16px 0;
-
- .seam-default-setting-message {
- font-size: 14px;
- font-style: normal;
- font-weight: 400;
- line-height: 115%;
- color: colors.$text-gray-2;
-
- .seam-default-setting-text {
- color: colors.$text-gray-1;
- }
- }
- }
-
- .seam-creation-date {
- color: colors.$text-gray-1;
- }
- }
-}
diff --git a/src/styles/_climate-setting-schedule-form.scss b/src/styles/_climate-setting-schedule-form.scss
deleted file mode 100644
index e56c303e2..000000000
--- a/src/styles/_climate-setting-schedule-form.scss
+++ /dev/null
@@ -1,111 +0,0 @@
-@use './colors';
-
-@mixin all {
- .seam-climate-setting-schedule-form {
- @include main;
- @include name-and-schedule;
- @include default-climate-setting;
- @include climate-setting;
- }
-}
-
-@mixin main {
- > .seam-main {
- padding: 24px 24px 0;
- }
-
- .seam-actions {
- display: flex;
- gap: 8px;
- justify-content: center;
-
- .seam-btn {
- width: 96px;
- }
- }
-}
-
-@mixin name-and-schedule {
- .seam-climate-setting-schedule-form-name-and-schedule {
- .seam-time-zone {
- display: flex;
- align-items: center;
- font-size: 14px;
- margin-top: -6px;
- margin-bottom: 4px;
-
- .seam-label {
- color: colors.$text-gray-2;
- margin-right: 4px;
- }
-
- .seam-selected {
- color: colors.$primary;
- cursor: pointer;
- display: flex;
- align-items: center;
-
- svg {
- scale: 0.6667;
- transform: translate(-6px, 2px);
-
- * {
- fill: colors.$primary;
- }
- }
- }
- }
- }
-}
-
-@mixin default-climate-setting {
- .seam-climate-setting-schedule-form-default-climate-setting {
- .seam-control-group-title {
- margin-top: 16px;
- margin-bottom: 16px;
- }
-
- .seam-label {
- color: colors.$text-gray-1;
- font-size: 14px;
- }
-
- .seam-default-climate-setting-message {
- > p {
- color: colors.$text-gray-1;
- font-size: 14px;
- margin-bottom: 16px;
- }
-
- margin-top: 4px;
- border-bottom: 1px solid colors.$divider-stroke-light;
- }
-
- .seam-climate-setting-control-group {
- margin-bottom: 32px;
- }
- }
-}
-
-@mixin climate-setting {
- .seam-climate-setting-schedule-form-climate-setting {
- .seam-content {
- display: flex;
- flex-direction: column;
- gap: 16px;
- width: 100%;
- margin-top: 24px;
- margin-bottom: 24px;
-
- .seam-label {
- color: colors.$text-gray-2;
- font-size: 14px;
- }
-
- .seam-climate-setting-slider-container {
- display: flex;
- justify-content: center;
- }
- }
- }
-}
diff --git a/src/styles/_main.scss b/src/styles/_main.scss
index d2fa99a6c..a244205bf 100644
--- a/src/styles/_main.scss
+++ b/src/styles/_main.scss
@@ -26,8 +26,6 @@
@use './snackbar';
@use './spinner';
@use './switch';
-@use './climate-setting-schedule-form';
-@use './climate-setting-schedule-details';
@use './time-zone-picker';
@use './tab-set';
@use './noise-sensor';
@@ -62,12 +60,10 @@
@include device-table.all;
@include access-code-details.all;
@include access-code-form.all;
- @include climate-setting-schedule-form.all;
@include alert.all;
@include supported-device-table.all;
@include supported-device-table-manufacturer-keys.all;
@include thermostat.all;
@include seam-table.all;
- @include climate-setting-schedule-details.all;
@include noise-sensor.all;
}
diff --git a/src/styles/_thermostat.scss b/src/styles/_thermostat.scss
index 5f83d9825..c4cab8df5 100644
--- a/src/styles/_thermostat.scss
+++ b/src/styles/_thermostat.scss
@@ -331,104 +331,6 @@
justify-content: center;
align-items: center;
}
-
- .seam-climate-setting-schedule-card {
- background: colors.$bg-a;
- border-radius: 16px;
-
- .seam-climate-setting-schedule-content {
- display: flex;
- flex-direction: column;
-
- .seam-climate-setting-schedule-summary-container {
- padding: 16px;
- display: flex;
- width: 100%;
- gap: 8px;
-
- .seam-climate-setting-schedule-icon-block {
- padding: 8px;
- }
-
- .seam-climate-setting-schedule-summary {
- display: flex;
- flex-direction: column;
-
- .seam-climate-setting-schedule-heading {
- font-weight: 600;
- font-size: 21px;
- line-height: 132%;
- margin-bottom: 8px;
- }
-
- .seam-climate-setting-schedule-subheading {
- display: flex;
- align-items: center;
- color: colors.$text-gray-1;
- line-height: 118%;
-
- .seam-dot-divider {
- color: colors.$text-gray-3;
- width: 16px;
- display: flex;
- justify-content: center;
- }
- }
- }
- }
-
- .seam-climate-setting-schedule-device-bar {
- border-top: 1px solid colors.$bg-c;
- padding: 16px;
- display: flex;
- align-items: center;
- justify-content: space-between;
- cursor: pointer;
-
- .seam-device-image {
- width: 30px;
- height: 30px;
- margin-right: 16px;
-
- img {
- width: 100%;
- max-height: 100%;
- }
- }
-
- .seam-climate-setting-schedule-device-content {
- display: flex;
- align-items: center;
- width: 100%;
- font-weight: 400;
- font-size: 14px;
- line-height: 134%;
-
- .seam-climate-setting-schedule-device-details {
- display: flex;
- flex-direction: column;
- gap: 2.5px;
-
- .seam-device-name {
- color: colors.$text-gray-1;
- }
-
- .seam-device-current-climate-setting {
- line-height: 118%;
- color: colors.$text-gray-2;
- display: flex;
- align-items: center;
- gap: 8px;
- }
- }
- }
- }
- }
-
- .seam-climate-setting-schedule-device-chevron {
- transform: rotate(270deg);
- }
- }
}
@mixin thermostat-card {