@seamapi/react 2.3.0 → 2.5.0

package/src/lib/seam/thermostats/use-heat-cool-thermostat.ts

@@ -0,0 +1,83 @@
+import {
+  useMutation,
+  type UseMutationResult,
+  useQueryClient,
+} from '@tanstack/react-query'
+import type {
+  SeamError,
+  ThermostatDevice,
+  ThermostatHeatCoolRequest,
+  ThermostatsListResponse,
+} from 'seamapi'
+
+import { NullSeamClientError, useSeamClient } from 'lib/seam/use-seam-client.js'
+
+// UPSTREAM: Missing ThermostatHeatCoolResponse in seamapi.
+type UseHeatCoolThermostatData = Record<string, unknown>
+type UseHeatCoolThermostatMutationParams = ThermostatHeatCoolRequest
+
+export function useHeatCoolThermostat(): UseMutationResult<
+  UseHeatCoolThermostatData,
+  SeamError,
+  UseHeatCoolThermostatMutationParams
+> {
+  const { client } = useSeamClient()
+  const queryClient = useQueryClient()
+
+  return useMutation<
+    UseHeatCoolThermostatData,
+    SeamError,
+    UseHeatCoolThermostatMutationParams
+  >({
+    mutationFn: async (mutationParams: UseHeatCoolThermostatMutationParams) => {
+      if (client === null) throw new NullSeamClientError()
+
+      return await client.thermostats.heatCool(mutationParams)
+    },
+    onSuccess: (_data, variables) => {
+      queryClient.setQueryData<ThermostatDevice | null>(
+        ['devices', 'get', { device_id: variables.device_id }],
+        (thermostat) => {
+          if (thermostat == null) {
+            return
+          }
+
+          return getUpdatedThermostat(thermostat, variables)
+        }
+      )
+
+      queryClient.setQueryData<ThermostatsListResponse['thermostats']>(
+        ['devices', 'list', { device_id: variables.device_id }],
+        (thermostats): ThermostatDevice[] => {
+          if (thermostats == null) {
+            return []
+          }
+
+          return thermostats.map((thermostat) => {
+            if (thermostat.device_id === variables.device_id) {
+              return getUpdatedThermostat(thermostat, variables)
+            }
+
+            return thermostat
+          })
+        }
+      )
+    },
+  })
+}
+
+function getUpdatedThermostat(
+  thermostat: ThermostatDevice,
+  variables: UseHeatCoolThermostatMutationParams
+): ThermostatDevice {
+  return {
+    ...thermostat,
+    properties: {
+      ...thermostat.properties,
+      current_climate_setting: {
+        ...thermostat.properties.current_climate_setting,
+        ...variables,
+      },
+    },
+  }
+}

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

@@ -0,0 +1,90 @@
+import {
+  useMutation,
+  type UseMutationResult,
+  useQueryClient,
+} from '@tanstack/react-query'
+import type {
+  SeamError,
+  ThermostatDevice,
+  ThermostatHeatRequest,
+  ThermostatsListResponse,
+} from 'seamapi'
+
+import { NullSeamClientError, useSeamClient } from 'lib/seam/use-seam-client.js'
+
+// UPSTREAM: Missing ThermostatHeatResponse in seamapi.
+type UseHeatThermostatData = Record<string, unknown>
+type UseHeatThermostatMutationParams = ThermostatHeatRequest
+
+export function useHeatThermostat(): UseMutationResult<
+  UseHeatThermostatData,
+  SeamError,
+  UseHeatThermostatMutationParams
+> {
+  const { client } = useSeamClient()
+  const queryClient = useQueryClient()
+
+  return useMutation<
+    UseHeatThermostatData,
+    SeamError,
+    UseHeatThermostatMutationParams
+  >({
+    mutationFn: async (mutationParams: UseHeatThermostatMutationParams) => {
+      if (client === null) throw new NullSeamClientError()
+
+      return await client.thermostats.heat(mutationParams)
+    },
+    onSuccess: (_data, variables) => {
+      queryClient.setQueryData<ThermostatDevice | null>(
+        ['devices', 'get', { device_id: variables.device_id }],
+        (thermostat) => {
+          if (thermostat == null) {
+            return
+          }
+
+          return getUpdatedThermostat(thermostat, variables)
+        }
+      )
+
+      queryClient.setQueryData<ThermostatsListResponse['thermostats']>(
+        ['devices', 'list', { device_id: variables.device_id }],
+        (thermostats): ThermostatDevice[] => {
+          if (thermostats == null) {
+            return []
+          }
+
+          return thermostats.map((thermostat) => {
+            if (thermostat.device_id === variables.device_id) {
+              return getUpdatedThermostat(thermostat, variables)
+            }
+
+            return thermostat
+          })
+        }
+      )
+    },
+  })
+}
+
+function getUpdatedThermostat(
+  thermostat: ThermostatDevice,
+  variables: UseHeatThermostatMutationParams
+): ThermostatDevice {
+  return {
+    ...thermostat,
+    properties: {
+      ...thermostat.properties,
+      current_climate_setting: {
+        ...thermostat.properties.current_climate_setting,
+        heating_set_point_fahrenheit:
+          variables.heating_set_point_fahrenheit ??
+          thermostat.properties.current_climate_setting
+            .heating_set_point_fahrenheit,
+        heating_set_point_celsius:
+          variables.heating_set_point_celsius ??
+          thermostat.properties.current_climate_setting
+            .heating_set_point_celsius,
+      },
+    },
+  }
+}

package/src/lib/seam/thermostats/use-set-thermostat-off.ts

@@ -0,0 +1,83 @@
+import {
+  useMutation,
+  type UseMutationResult,
+  useQueryClient,
+} from '@tanstack/react-query'
+import type {
+  SeamError,
+  ThermostatDevice,
+  ThermostatOffRequest,
+  ThermostatsListResponse,
+} from 'seamapi'
+
+import { NullSeamClientError, useSeamClient } from 'lib/seam/use-seam-client.js'
+
+// UPSTREAM: Missing ThermostatOffResponse in seamapi.
+type UseSetThermostatOffData = Record<string, unknown>
+type UseSetThermostatOffMutationParams = ThermostatOffRequest
+
+export function useSetThermostatOff(): UseMutationResult<
+  UseSetThermostatOffData,
+  SeamError,
+  UseSetThermostatOffMutationParams
+> {
+  const { client } = useSeamClient()
+  const queryClient = useQueryClient()
+
+  return useMutation<
+    UseSetThermostatOffData,
+    SeamError,
+    UseSetThermostatOffMutationParams
+  >({
+    mutationFn: async (mutationParams: UseSetThermostatOffMutationParams) => {
+      if (client === null) throw new NullSeamClientError()
+
+      return await client.thermostats.off(mutationParams)
+    },
+    onSuccess: (_data, variables) => {
+      queryClient.setQueryData<ThermostatDevice | null>(
+        ['devices', 'get', { device_id: variables.device_id }],
+        (thermostat) => {
+          if (thermostat == null) {
+            return
+          }
+
+          return getUpdatedThermostat(thermostat)
+        }
+      )
+
+      queryClient.setQueryData<ThermostatsListResponse['thermostats']>(
+        ['devices', 'list', { device_id: variables.device_id }],
+        (thermostats): ThermostatDevice[] => {
+          if (thermostats == null) {
+            return []
+          }
+
+          return thermostats.map((thermostat) => {
+            if (thermostat.device_id === variables.device_id) {
+              return getUpdatedThermostat(thermostat)
+            }
+
+            return thermostat
+          })
+        }
+      )
+    },
+  })
+}
+
+function getUpdatedThermostat(thermostat: ThermostatDevice): ThermostatDevice {
+  return {
+    ...thermostat,
+    properties: {
+      ...thermostat.properties,
+      is_fan_running: false,
+      current_climate_setting: {
+        ...thermostat.properties.current_climate_setting,
+        automatic_cooling_enabled: false,
+        automatic_heating_enabled: false,
+        hvac_mode_setting: 'off',
+      },
+    },
+  }
+}

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

@@ -36,7 +36,7 @@ export function useUpdateThermostat(): UseMutationResult<
     },
     onSuccess: (_data, variables) => {
       queryClient.setQueryData<ThermostatDevice | null>(
-        ['thermostats', 'get', { device_id: variables.device_id }],
+        ['devices', 'get', { device_id: variables.device_id }],
         (thermostat) => {
           if (thermostat == null) {
             return
@@ -47,7 +47,7 @@ export function useUpdateThermostat(): UseMutationResult<
       )
 
       queryClient.setQueryData<ThermostatsListResponse['thermostats']>(
-        ['thermostats', 'list', { device_id: variables.device_id }],
+        ['devices', 'list', { device_id: variables.device_id }],
         (thermostats): ThermostatDevice[] => {
           if (thermostats == null) {
             return []

package/src/lib/ui/Switch/Switch.tsx

@@ -6,7 +6,7 @@ export interface SwitchProps {
   enableLabel?: boolean
 }
 
-function Switch({
+export function Switch({
   checked,
   onChange,
   enableLabel = false,
@@ -34,5 +34,3 @@ const t = {
   on: 'On',
   off: 'Off',
 }
-
-export default Switch

package/src/lib/version.ts

@@ -1,3 +1,3 @@
-const seamapiReactVersion = '2.3.0'
+const seamapiReactVersion = '2.5.0'
 
 export default seamapiReactVersion

package/src/styles/_supported-device-table.scss

@@ -248,18 +248,6 @@ $row-padding: 8px;
         display: flex;
         padding: 8px;
       }
-
-      &.filter-result-row {
-        .seam-model-name {
-          display: flex;
-          align-items: center;
-
-          .seam-manufacturer-image {
-            width: 32px;
-            margin-right: 4px;
-          }
-        }
-      }
     }
 
     .seam-status-pill {

package/lib/seam/components/SupportedDeviceTable/SupportedDeviceFilterResultRow.d.ts

@@ -1,8 +0,0 @@
-/// <reference types="react" resolution-mode="require"/>
-import type { DeviceModelV1 } from '@seamapi/types/devicedb';
-interface SupportedDeviceFilterResultRowProps {
-    deviceModel: DeviceModelV1;
-}
-export declare function SupportedDeviceFilterResultRow({ deviceModel, }: SupportedDeviceFilterResultRowProps): JSX.Element;
-export declare function ModelColumn({ deviceModel, }: SupportedDeviceFilterResultRowProps): JSX.Element;
-export {};

package/lib/seam/components/SupportedDeviceTable/SupportedDeviceFilterResultRow.js

@@ -1,10 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { ImageColumn, StatusColumn, } from '../../../../lib/seam/components/SupportedDeviceTable/SupportedDeviceRow.js';
-import { DotDivider } from '../../../../lib/ui/layout/DotDivider.js';
-export function SupportedDeviceFilterResultRow({ deviceModel, }) {
-    return (_jsxs("div", { className: 'seam-row filter-result-row', children: [_jsx(ImageColumn, { deviceModel: deviceModel }), _jsx(ModelColumn, { deviceModel: deviceModel }), _jsx(StatusColumn, { deviceModel: deviceModel })] }));
-}
-export function ModelColumn({ deviceModel, }) {
-    return (_jsxs("div", { className: 'seam-col seam-model-col', children: [_jsxs("div", { className: 'seam-model-name', children: [_jsx("img", { src: deviceModel.manufacturer.logo?.url, alt: deviceModel.manufacturer.display_name, className: 'seam-manufacturer-image' }), ' ', _jsx("div", { className: 'seam-truncated-text', children: deviceModel.display_name })] }), _jsx("div", { className: 'seam-model-id', children: _jsxs("div", { className: 'seam-truncated-text', children: [deviceModel.device_model_id, _jsx(DotDivider, {}), deviceModel.main_connection_type] }) })] }));
-}
-//# sourceMappingURL=SupportedDeviceFilterResultRow.js.map

package/lib/seam/components/SupportedDeviceTable/SupportedDeviceFilterResultRow.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"SupportedDeviceFilterResultRow.js","sourceRoot":"","sources":["../../../../src/lib/seam/components/SupportedDeviceTable/SupportedDeviceFilterResultRow.tsx"],"names":[],"mappings":";AAEA,OAAO,EACL,WAAW,EACX,YAAY,GACb,MAAM,gEAAgE,CAAA;AACvE,OAAO,EAAE,UAAU,EAAE,MAAM,6BAA6B,CAAA;AAMxD,MAAM,UAAU,8BAA8B,CAAC,EAC7C,WAAW,GACyB;IACpC,OAAO,CACL,eAAK,SAAS,EAAC,4BAA4B,aACzC,KAAC,WAAW,IAAC,WAAW,EAAE,WAAW,GAAI,EACzC,KAAC,WAAW,IAAC,WAAW,EAAE,WAAW,GAAI,EACzC,KAAC,YAAY,IAAC,WAAW,EAAE,WAAW,GAAI,IACtC,CACP,CAAA;AACH,CAAC;AAED,MAAM,UAAU,WAAW,CAAC,EAC1B,WAAW,GACyB;IACpC,OAAO,CACL,eAAK,SAAS,EAAC,yBAAyB,aACtC,eAAK,SAAS,EAAC,iBAAiB,aAC9B,cACE,GAAG,EAAE,WAAW,CAAC,YAAY,CAAC,IAAI,EAAE,GAAG,EACvC,GAAG,EAAE,WAAW,CAAC,YAAY,CAAC,YAAY,EAC1C,SAAS,EAAC,yBAAyB,GACnC,EAAC,GAAG,EACN,cAAK,SAAS,EAAC,qBAAqB,YAAE,WAAW,CAAC,YAAY,GAAO,IACjE,EACN,cAAK,SAAS,EAAC,eAAe,YAC5B,eAAK,SAAS,EAAC,qBAAqB,aACjC,WAAW,CAAC,eAAe,EAC5B,KAAC,UAAU,KAAG,EACb,WAAW,CAAC,oBAAoB,IAC7B,GACF,IACF,CACP,CAAA;AACH,CAAC"}

package/src/lib/seam/components/SupportedDeviceTable/SupportedDeviceFilterResultRow.tsx

@@ -1,47 +0,0 @@
-import type { DeviceModelV1 } from '@seamapi/types/devicedb'
-
-import {
-  ImageColumn,
-  StatusColumn,
-} from 'lib/seam/components/SupportedDeviceTable/SupportedDeviceRow.js'
-import { DotDivider } from 'lib/ui/layout/DotDivider.js'
-
-interface SupportedDeviceFilterResultRowProps {
-  deviceModel: DeviceModelV1
-}
-
-export function SupportedDeviceFilterResultRow({
-  deviceModel,
-}: SupportedDeviceFilterResultRowProps): JSX.Element {
-  return (
-    <div className='seam-row filter-result-row'>
-      <ImageColumn deviceModel={deviceModel} />
-      <ModelColumn deviceModel={deviceModel} />
-      <StatusColumn deviceModel={deviceModel} />
-    </div>
-  )
-}
-
-export function ModelColumn({
-  deviceModel,
-}: SupportedDeviceFilterResultRowProps): JSX.Element {
-  return (
-    <div className='seam-col seam-model-col'>
-      <div className='seam-model-name'>
-        <img
-          src={deviceModel.manufacturer.logo?.url}
-          alt={deviceModel.manufacturer.display_name}
-          className='seam-manufacturer-image'
-        />{' '}
-        <div className='seam-truncated-text'>{deviceModel.display_name}</div>
-      </div>
-      <div className='seam-model-id'>
-        <div className='seam-truncated-text'>
-          {deviceModel.device_model_id}
-          <DotDivider />
-          {deviceModel.main_connection_type}
-        </div>
-      </div>
-    </div>
-  )
-}