@seamapi/react 4.7.0 → 4.8.1

package/lib/ui/thermostat/TemperatureControl.js

@@ -9,9 +9,9 @@ export function TemperatureControl({ variant, value, onChange, min = 50, max = 9
     const decrement = () => {
         onChange(Math.max(value - 1, min));
     };
-    return (_jsxs("div", { className: 'seam-temperature-control', children: [_jsx("button", { className: 'seam-temperature-stepper-button', onClick: decrement, children: _jsx(TemperatureSubtractIcon, {}) }), _jsx(RangeSlider, { variant: variant, min: min, max: max, value: value, onChange: (temperature) => {
+    return (_jsxs("div", { className: 'seam-temperature-control', children: [_jsx("button", { type: 'button', className: 'seam-temperature-stepper-button', onClick: decrement, children: _jsx(TemperatureSubtractIcon, {}) }), _jsx(RangeSlider, { variant: variant, min: min, max: max, value: value, onChange: (temperature) => {
                     onChange(temperature);
-                }, unit: unit }), _jsx("button", { className: 'seam-temperature-stepper-button', onClick: increment, children: _jsx(TemperatureAddIcon, {}) })] }));
+                }, unit: unit }), _jsx("button", { type: 'button', className: 'seam-temperature-stepper-button', onClick: increment, children: _jsx(TemperatureAddIcon, {}) })] }));
 }
 function RangeSlider({ variant, value, onChange, min, max, unit, }) {
     const wrapRef = useRef(null);

package/lib/ui/thermostat/TemperatureControl.js.map

@@ -1 +1 @@
-{"version":3,"file":"TemperatureControl.js","sourceRoot":"","sources":["../../../src/lib/ui/thermostat/TemperatureControl.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"TemperatureControl.js","sourceRoot":"","sources":["../../../src/lib/ui/thermostat/TemperatureControl.tsx"],"names":[],"mappings":"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"}

package/lib/ui/thermostat/ThermostatCard.js

@@ -20,7 +20,7 @@ function Content(props) {
     };
     const { temperature_fahrenheit: temperatureFahrenheit, temperature_celsius: temperatureCelsius, current_climate_setting: currentClimateSetting, is_fan_running: isFanRunning, relative_humidity: relativeHumidity, } = device.properties;
     const systemStatus = getSystemStatus(device);
-    return (_jsxs("div", { className: 'seam-thermostat-card-content', children: [_jsx("div", { className: 'seam-thermostat-card-image-wrap', children: _jsx(DeviceImage, { device: device }) }), _jsxs("div", { className: 'seam-thermostat-card-details', children: [_jsxs("div", { className: 'seam-thermostat-heading-wrap', children: [_jsx(EditableDeviceName, { value: device.properties.name, tagName: 'h4', className: 'seam-thermostat-card-heading', onEdit: props.onEditName }), _jsx("button", { onClick: toggleTemperatureUnit, className: 'seam-thermostat-temperature-toggle', children: _jsx("span", { className: 'seam-thermostat-temperature-toggle-label', children: temperatureUnit === 'fahrenheit' ? t.fahrenheit : t.celsius }) })] }), _jsx("div", { className: 'seam-thermostat-properties-wrap', children: _jsxs("div", { className: 'seam-thermostat-properties', children: [_jsx("div", { className: 'seam-thermostat-property-block', children: _jsxs("p", { className: 'seam-thermostat-property-label', children: [t.temperature, ":"] }) }), _jsxs("div", { className: 'seam-thermostat-property-block', children: [_jsx("p", { className: 'seam-thermostat-property-value', children: _jsx(Temperature, { fahrenheit: temperatureFahrenheit, celsius: temperatureCelsius, unit: temperatureUnit }) }), _jsx("p", { className: 'seam-thermostat-property-value', children: "|" }), _jsxs("p", { className: 'seam-thermostat-property-label', children: [t.humidity, ":"] }), relativeHumidity != null && (_jsxs("p", { className: 'seam-thermostat-property-value', children: [relativeHumidity * 100, "%"] }))] }), _jsx("div", { className: 'seam-thermostat-property-block', children: _jsxs("p", { className: 'seam-thermostat-property-label', children: [t.setting, ":"] }) }), _jsx("div", { className: 'seam-thermostat-property-block', children: _jsx(ClimateSettingStatus, { climateSetting: currentClimateSetting, temperatureUnit: temperatureUnit }) }), _jsx("div", { className: 'seam-thermostat-property-block', children: _jsxs("p", { className: 'seam-thermostat-property-label', children: [t.fanMode, ":"] }) }), _jsxs("div", { className: 'seam-thermostat-property-block seam-thermostat-property-icon-block', children: [_jsx("div", { className: 'seam-thermostat-property-icon', children: isFanRunning ? _jsx(FanIcon, {}) : _jsx(OffIcon, {}) }), _jsx("p", { className: 'seam-thermostat-property-value', children: isFanRunning ? t.auto : t.off })] }), _jsx("div", { className: 'seam-thermostat-property-block', children: _jsxs("p", { className: 'seam-thermostat-property-label', children: [t.systemStatus, ":"] }) }), _jsx("div", { className: 'seam-thermostat-property-block', children: _jsx("div", { className: classNames('seam-thermostat-property-tag', `seam-thermostat-property-tag-${systemStatus}`), children: _jsx("p", { className: 'seam-thermostat-property-tag-label', children: systemStatus === 'off' ? '--' : t[systemStatus] }) }) })] }) })] })] }));
+    return (_jsxs("div", { className: 'seam-thermostat-card-content', children: [_jsx("div", { className: 'seam-thermostat-card-image-wrap', children: _jsx(DeviceImage, { device: device }) }), _jsxs("div", { className: 'seam-thermostat-card-details', children: [_jsxs("div", { className: 'seam-thermostat-heading-wrap', children: [_jsx(EditableDeviceName, { value: device.properties.name, tagName: 'h4', className: 'seam-thermostat-card-heading', onEdit: props.onEditName }), _jsx("button", { type: 'button', onClick: toggleTemperatureUnit, className: 'seam-thermostat-temperature-toggle', children: _jsx("span", { className: 'seam-thermostat-temperature-toggle-label', children: temperatureUnit === 'fahrenheit' ? t.fahrenheit : t.celsius }) })] }), _jsx("div", { className: 'seam-thermostat-properties-wrap', children: _jsxs("div", { className: 'seam-thermostat-properties', children: [_jsx("div", { className: 'seam-thermostat-property-block', children: _jsxs("p", { className: 'seam-thermostat-property-label', children: [t.temperature, ":"] }) }), _jsxs("div", { className: 'seam-thermostat-property-block', children: [_jsx("p", { className: 'seam-thermostat-property-value', children: _jsx(Temperature, { fahrenheit: temperatureFahrenheit, celsius: temperatureCelsius, unit: temperatureUnit }) }), _jsx("p", { className: 'seam-thermostat-property-value', children: "|" }), _jsxs("p", { className: 'seam-thermostat-property-label', children: [t.humidity, ":"] }), relativeHumidity != null && (_jsxs("p", { className: 'seam-thermostat-property-value', children: [relativeHumidity * 100, "%"] }))] }), _jsx("div", { className: 'seam-thermostat-property-block', children: _jsxs("p", { className: 'seam-thermostat-property-label', children: [t.setting, ":"] }) }), _jsx("div", { className: 'seam-thermostat-property-block', children: _jsx(ClimateSettingStatus, { climateSetting: currentClimateSetting, temperatureUnit: temperatureUnit }) }), _jsx("div", { className: 'seam-thermostat-property-block', children: _jsxs("p", { className: 'seam-thermostat-property-label', children: [t.fanMode, ":"] }) }), _jsxs("div", { className: 'seam-thermostat-property-block seam-thermostat-property-icon-block', children: [_jsx("div", { className: 'seam-thermostat-property-icon', children: isFanRunning ? _jsx(FanIcon, {}) : _jsx(OffIcon, {}) }), _jsx("p", { className: 'seam-thermostat-property-value', children: isFanRunning ? t.auto : t.off })] }), _jsx("div", { className: 'seam-thermostat-property-block', children: _jsxs("p", { className: 'seam-thermostat-property-label', children: [t.systemStatus, ":"] }) }), _jsx("div", { className: 'seam-thermostat-property-block', children: _jsx("div", { className: classNames('seam-thermostat-property-tag', `seam-thermostat-property-tag-${systemStatus}`), children: _jsx("p", { className: 'seam-thermostat-property-tag-label', children: systemStatus === 'off' ? '--' : t[systemStatus] }) }) })] }) })] })] }));
 }
 const getSystemStatus = (device) => {
     const { properties } = device;

package/lib/ui/thermostat/ThermostatCard.js.map

@@ -1 +1 @@
-{"version":3,"file":"ThermostatCard.js","sourceRoot":"","sources":["../../../src/lib/ui/thermostat/ThermostatCard.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"ThermostatCard.js","sourceRoot":"","sources":["../../../src/lib/ui/thermostat/ThermostatCard.tsx"],"names":[],"mappings":"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"}

package/lib/version.d.ts

@@ -1,2 +1,2 @@
-declare const seamapiReactVersion = "4.7.0";
+declare const seamapiReactVersion = "4.8.1";
 export default seamapiReactVersion;

package/lib/version.js

@@ -1,3 +1,3 @@
-const seamapiReactVersion = '4.7.0';
+const seamapiReactVersion = '4.8.1';
 export default seamapiReactVersion;
 //# sourceMappingURL=version.js.map

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@seamapi/react",
-  "version": "4.7.0",
+  "version": "4.8.1",
   "description": "Seam Components.",
   "type": "module",
   "main": "index.js",

package/src/lib/errors.ts

@@ -0,0 +1,13 @@
+import { isSeamHttpApiError } from '@seamapi/http/connect'
+
+export function getErrorMessage(error?: Error | null | undefined): string {
+  if (isSeamHttpApiError(error)) {
+    return error.message
+  }
+
+  return t.anUnknownErrorOccurred
+}
+
+const t = {
+  anUnknownErrorOccurred: 'An unknown error occurred',
+}

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

@@ -46,7 +46,7 @@ export function FilterCategoryMenu({
       <p>{label}</p>
       <Menu
         renderButton={({ onOpen }) => (
-          <button onClick={onOpen}>
+          <button type='button' onClick={onOpen}>
             <span>{buttonLabel}</span>
             <ChevronDownIcon />
           </button>

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

@@ -20,7 +20,7 @@ export function ShowAllDevicesButton({
   const label = expanded ? t.showLess : t.showAll(totalDeviceCount)
 
   return (
-    <button className='show-all-devices-button' onClick={onClick}>
+    <button type='button' className='show-all-devices-button' onClick={onClick}>
       <ChevronRightIcon /> {label}
     </button>
   )

package/src/lib/seam/thermostats/thermostat-device.ts

@@ -36,7 +36,8 @@ export interface ClimateSetting {
 
 export const isThermostatDevice = (
   device: Device
-): device is ThermostatDevice => 'is_fan_running' in device.properties
+): device is ThermostatDevice =>
+  'available_climate_presets' in device.properties
 
 export type ThermostatClimatePreset =
   ThermostatDevice['properties']['available_climate_presets'][number]

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

@@ -18,10 +18,8 @@ import { NullSeamClientError, useSeamClient } from 'lib/seam/use-seam-client.js'
 export type UseUpdateThermostatClimatePresetParams = never
 export type UseUpdateThermostatClimatePresetData = undefined
 
-export type UseUpdateThermostatClimatePresetVariables = Omit<
-  ThermostatsUpdateClimatePresetBody,
-  'manual_override_allowed'
->
+export type UseUpdateThermostatClimatePresetVariables =
+  ThermostatsUpdateClimatePresetBody
 
 export function useUpdateThermostatClimatePreset(): UseMutationResult<
   UseUpdateThermostatClimatePresetData,
@@ -38,7 +36,7 @@ export function useUpdateThermostatClimatePreset(): UseMutationResult<
   >({
     mutationFn: async (variables) => {
       if (client === null) throw new NullSeamClientError()
-      await client.thermostats.createClimatePreset(variables)
+      await client.thermostats.updateClimatePreset(variables)
     },
     onSuccess: (_data, variables) => {
       queryClient.setQueryData<ThermostatDevice | null>(

package/src/lib/ui/Alert/Alert.tsx

@@ -49,7 +49,7 @@ function Action(props: ActionProps): JSX.Element | null {
 
   return (
     <div className='seam-alert-action-wrap'>
-      <button onClick={handleClick} className='seam-alert-action'>
+      <button type='button' onClick={handleClick} className='seam-alert-action'>
         {props.label}
       </button>
     </div>

package/src/lib/ui/IconButton.tsx

@@ -15,6 +15,7 @@ export function IconButton({
   return (
     <button
       {...props}
+      type='button'
       ref={elRef}
       className={classNames(
         'seam-icon-btn',

package/src/lib/ui/Snackbar/Snackbar.tsx

@@ -77,6 +77,7 @@ export function Snackbar({
         <div className='seam-snackbar-actions-wrap'>
           {action != null && (
             <button
+              type='button'
               className='seam-snackbar-action'
               onClick={handleActionClick}
             >
@@ -85,6 +86,7 @@ export function Snackbar({
           )}
           {!disableCloseButton && (
             <button
+              type='button'
               className='seam-snackbar-close-button'
               onClick={() => {
                 handleClose()

package/src/lib/ui/TabSet.tsx

@@ -102,6 +102,7 @@ function TabButton<TabType extends string>({
         'seam-tab-button',
         isActive && 'seam-tab-button-active'
       )}
+      type='button'
       onClick={handleClick}
     >
       <p className='seam-tab-button-label'>{title}</p>

package/src/lib/ui/TextButton.tsx

@@ -10,6 +10,10 @@ export function TextButton({
   ...buttonProps
 }: TextButtonProps): JSX.Element {
   return (
-    <button className={`seam-text-btn seam-color-${color}`} {...buttonProps} />
+    <button
+      type='button'
+      className={`seam-text-btn seam-color-${color}`}
+      {...buttonProps}
+    />
   )
 }

package/src/lib/ui/TextField/TextField.tsx

@@ -105,6 +105,7 @@ export const TextField = forwardRef<
           <div className='seam-adornment seam-end'>
             {clearable && (
               <button
+                type='button'
                 className={classNames({
                   'seam-hidden': valueIsEmpty,
                 })}

package/src/lib/ui/Tooltip/Tooltip.tsx

@@ -40,7 +40,11 @@ export function Tooltip({ children }: PropsWithChildren): JSX.Element {
   return (
     <div className='seam-tooltip'>
       <div className='seam-tooltip-trigger-wrap'>
-        <button onClick={handleToggle} className='seam-tooltip-button'>
+        <button
+          type='button'
+          onClick={handleToggle}
+          className='seam-tooltip-button'
+        >
           <div className='seam-tooltip-button-icon seam-tooltip-button-icon-default'>
             <InfoIcon />
           </div>

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

@@ -171,6 +171,7 @@ function IconButton(
   return (
     <button
       {...props}
+      type='button'
       className={classNames(
         'seam-editable-device-name-icon-button',
         props.className

package/src/lib/ui/layout/AccordionRow.tsx

@@ -19,7 +19,11 @@ export function AccordionRow({
 
   return (
     <div className='seam-accordion-row' aria-expanded={isExpanded}>
-      <button className='seam-accordion-row-trigger' onClick={toggle}>
+      <button
+        type='button'
+        className='seam-accordion-row-trigger'
+        onClick={toggle}
+      >
         <div className='seam-row-inner-wrap'>
           <p className='seam-row-label'>{label}</p>
           <div className='seam-row-trigger-left-content'>{leftContent}</div>

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

@@ -35,6 +35,7 @@ export function ClimateModeMenu({
     <Menu
       renderButton={({ onOpen }) => (
         <button
+          type='button'
           style={style}
           onClick={onOpen}
           className={classNames(

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

@@ -8,6 +8,7 @@ import {
 } from 'react'
 import { Controller, useForm, type UseFormReturn } from 'react-hook-form'
 
+import { getErrorMessage } from 'lib/errors.js'
 import type {
   FanModeSetting,
   HvacModeSetting,
@@ -21,6 +22,7 @@ import { Button } from 'lib/ui/Button.js'
 import { FormField } from 'lib/ui/FormField.js'
 import { InputLabel } from 'lib/ui/InputLabel.js'
 import { ContentHeader } from 'lib/ui/layout/ContentHeader.js'
+import { Snackbar } from 'lib/ui/Snackbar/Snackbar.js'
 import { TextField } from 'lib/ui/TextField/TextField.js'
 import { ClimateModeMenu } from 'lib/ui/thermostat/ClimateModeMenu.js'
 import { FanModeMenu } from 'lib/ui/thermostat/FanModeMenu.js'
@@ -266,11 +268,14 @@ interface CreateFormProps {
 }
 
 function CreateForm({ device, onComplete }: CreateFormProps): JSX.Element {
-  const mutation = useCreateThermostatClimatePreset()
+  const { mutate, isError, error, isPending } =
+    useCreateThermostatClimatePreset()
+
+  const errorMessage = getErrorMessage(error)
 
   const onSubmit = useCallback(
     (values: PresetFormProps['defaultValues']) => {
-      mutation.mutate(
+      mutate(
         {
           climate_preset_key: values.key,
           device_id: device.device_id,
@@ -285,24 +290,33 @@ function CreateForm({ device, onComplete }: CreateFormProps): JSX.Element {
         { onSuccess: onComplete }
       )
     },
-    [device, mutation, onComplete]
+    [device, mutate, onComplete]
   )
 
   return (
-    <PresetForm
-      defaultValues={{
-        key: '',
-        coolPoint: 60,
-        heatPoint: 80,
-        name: '',
-        hvacMode: 'off',
-        fanMode: 'auto',
-      }}
-      device={device}
-      loading={mutation.isPending}
-      onSubmit={onSubmit}
-      withKeyField
-    />
+    <>
+      <Snackbar
+        message={errorMessage}
+        variant='error'
+        visible={isError}
+        automaticVisibility
+      />
+
+      <PresetForm
+        defaultValues={{
+          key: '',
+          coolPoint: 60,
+          heatPoint: 80,
+          name: '',
+          hvacMode: 'off',
+          fanMode: 'auto',
+        }}
+        device={device}
+        loading={isPending}
+        onSubmit={onSubmit}
+        withKeyField
+      />
+    </>
   )
 }
 
@@ -317,11 +331,13 @@ function UpdateForm({
   onComplete,
   preset,
 }: UpdateFormProps): JSX.Element {
-  const mutation = useUpdateThermostatClimatePreset()
+  const { mutate, isError, error, isPending } =
+    useUpdateThermostatClimatePreset()
+
   const defaultValues = useMemo<PresetFormProps['defaultValues']>(
     () => ({
-      coolPoint: preset.cooling_set_point_fahrenheit ?? 60,
-      heatPoint: preset.heating_set_point_fahrenheit ?? 80,
+      coolPoint: preset.cooling_set_point_fahrenheit,
+      heatPoint: preset.heating_set_point_fahrenheit,
       name: preset.display_name,
       hvacMode: preset.hvac_mode_setting,
       fanMode: preset.fan_mode_setting,
@@ -332,7 +348,7 @@ function UpdateForm({
 
   const onSubmit = useCallback(
     (values: PresetFormProps['defaultValues']) => {
-      mutation.mutate(
+      mutate(
         {
           climate_preset_key: values.key,
           device_id: device.device_id,
@@ -343,20 +359,32 @@ function UpdateForm({
           cooling_set_point_celsius: fahrenheitToCelsius(values.coolPoint),
           heating_set_point_celsius: fahrenheitToCelsius(values.heatPoint),
           hvac_mode_setting: values.hvacMode,
+          manual_override_allowed: false, // deprecated but type still wants it.
         },
         { onSuccess: onComplete }
       )
     },
-    [device, mutation, onComplete]
+    [device, mutate, onComplete]
   )
 
+  const errorMessage = getErrorMessage(error)
+
   return (
-    <PresetForm
-      defaultValues={defaultValues}
-      device={device}
-      loading={mutation.isPending}
-      onSubmit={onSubmit}
-    />
+    <>
+      <Snackbar
+        message={errorMessage}
+        variant='error'
+        visible={isError}
+        automaticVisibility
+      />
+
+      <PresetForm
+        defaultValues={defaultValues}
+        device={device}
+        loading={isPending}
+        onSubmit={onSubmit}
+      />
+    </>
   )
 }
 
@@ -370,4 +398,5 @@ const t = {
   delete: 'Delete',
   save: 'Save',
   crateNewPreset: 'Create New Climate Preset',
+  unknownErrorOccured: 'An unknown error occurred.',
 }

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

@@ -1,6 +1,7 @@
 import classNames from 'classnames'
 import { type HTMLAttributes, type ReactNode, useState } from 'react'
 
+import { getErrorMessage } from 'lib/errors.js'
 import { AddIcon } from 'lib/icons/Add.js'
 import { EditIcon } from 'lib/icons/Edit.js'
 import { FanIcon } from 'lib/icons/Fan.js'
@@ -18,6 +19,7 @@ import { IconButton } from 'lib/ui/IconButton.js'
 import { ContentHeader } from 'lib/ui/layout/ContentHeader.js'
 import { Popover } from 'lib/ui/Popover/Popover.js'
 import { PopoverContentPrompt } from 'lib/ui/Popover/PopoverContentPrompt.js'
+import { Snackbar } from 'lib/ui/Snackbar/Snackbar.js'
 import { Spinner } from 'lib/ui/Spinner/Spinner.js'
 import { ClimatePreset } from 'lib/ui/thermostat/ClimatePreset.js'
 
@@ -40,7 +42,11 @@ export function ClimatePresets(props: ClimatePresetsManagement): JSX.Element {
     climatePresetKeySelectedForDeletion,
     setClimatePresetKeySelectedForDeletion,
   ] = useState<ThermostatClimatePreset['climate_preset_key'] | null>(null)
-  const deleteMutation = useDeleteThermostatClimatePreset()
+
+  const { mutate, isError, error, isPending } =
+    useDeleteThermostatClimatePreset()
+
+  const errorMessage = getErrorMessage(error)
 
   if (
     selectedClimatePreset != null ||
@@ -62,52 +68,61 @@ export function ClimatePresets(props: ClimatePresetsManagement): JSX.Element {
   }
 
   return (
-    <div className='seam-thermostat-climate-presets'>
-      <ContentHeader title={t.title} onBack={onBack} />
-      <div className='seam-thermostat-climate-presets-body'>
-        <Button
-          onClick={() => {
-            setSelectedClimatePreset(CreateNewPresetSymbol)
-          }}
-          className='seam-climate-presets-add-button'
-        >
-          <AddIcon />
-          {t.createNew}
-        </Button>
-
-        <div className='seam-thermostat-climate-presets-cards'>
-          {device.properties.available_climate_presets.map((preset) => (
-            <PresetCard
-              onClickEdit={() => {
-                setSelectedClimatePreset(preset)
-              }}
-              onClickDelete={() => {
-                setClimatePresetKeySelectedForDeletion(
-                  preset.climate_preset_key
-                )
-                deleteMutation.mutate({
-                  climate_preset_key: preset.climate_preset_key,
-                  device_id: device.device_id,
-                })
-              }}
-              temperatureUnit={props.temperatureUnit}
-              preset={preset}
-              key={preset.climate_preset_key}
-              deletionLoading={
-                deleteMutation.isPending &&
-                climatePresetKeySelectedForDeletion ===
-                  preset.climate_preset_key
-              }
-              disabled={
-                deleteMutation.isPending &&
-                climatePresetKeySelectedForDeletion !==
-                  preset.climate_preset_key
-              }
-            />
-          ))}
+    <>
+      <Snackbar
+        message={errorMessage}
+        variant='error'
+        visible={isError}
+        automaticVisibility
+      />
+
+      <div className='seam-thermostat-climate-presets'>
+        <ContentHeader title={t.title} onBack={onBack} />
+        <div className='seam-thermostat-climate-presets-body'>
+          <Button
+            onClick={() => {
+              setSelectedClimatePreset(CreateNewPresetSymbol)
+            }}
+            className='seam-climate-presets-add-button'
+          >
+            <AddIcon />
+            {t.createNew}
+          </Button>
+
+          <div className='seam-thermostat-climate-presets-cards'>
+            {device.properties.available_climate_presets.map((preset) => (
+              <PresetCard
+                onClickEdit={() => {
+                  setSelectedClimatePreset(preset)
+                }}
+                onClickDelete={() => {
+                  setClimatePresetKeySelectedForDeletion(
+                    preset.climate_preset_key
+                  )
+                  mutate({
+                    climate_preset_key: preset.climate_preset_key,
+                    device_id: device.device_id,
+                  })
+                }}
+                temperatureUnit={props.temperatureUnit}
+                preset={preset}
+                key={preset.climate_preset_key}
+                deletionLoading={
+                  isPending &&
+                  climatePresetKeySelectedForDeletion ===
+                    preset.climate_preset_key
+                }
+                disabled={
+                  isPending &&
+                  climatePresetKeySelectedForDeletion !==
+                    preset.climate_preset_key
+                }
+              />
+            ))}
+          </div>
         </div>
       </div>
-    </div>
+    </>
   )
 }
 
@@ -232,4 +247,5 @@ const t = {
   createNew: 'Create New',
   delete: 'Delete',
   edit: 'Edit',
+  climatePresetNotFound: 'Climate Preset not found.',
 }

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

@@ -26,6 +26,7 @@ export function FanModeMenu({
     <Menu
       renderButton={({ onOpen }) => (
         <button
+          type='button'
           onClick={onOpen}
           className={classNames(
             'seam-fan-mode-menu-button',

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

@@ -30,7 +30,11 @@ export function TemperatureControl({
 
   return (
     <div className='seam-temperature-control'>
-      <button className='seam-temperature-stepper-button' onClick={decrement}>
+      <button
+        type='button'
+        className='seam-temperature-stepper-button'
+        onClick={decrement}
+      >
         <TemperatureSubtractIcon />
       </button>
       <RangeSlider
@@ -43,7 +47,11 @@ export function TemperatureControl({
         }}
         unit={unit}
       />
-      <button className='seam-temperature-stepper-button' onClick={increment}>
+      <button
+        type='button'
+        className='seam-temperature-stepper-button'
+        onClick={increment}
+      >
         <TemperatureAddIcon />
       </button>
     </div>

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

@@ -65,6 +65,7 @@ function Content(props: ThermostatCardProps): JSX.Element | null {
             onEdit={props.onEditName}
           />
           <button
+            type='button'
             onClick={toggleTemperatureUnit}
             className='seam-thermostat-temperature-toggle'
           >

package/src/lib/version.ts

@@ -1,3 +1,3 @@
-const seamapiReactVersion = '4.7.0'
+const seamapiReactVersion = '4.8.1'
 
 export default seamapiReactVersion