@seamapi/react 4.6.0 → 4.7.0

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

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

package/lib/ui/thermostat/ClimatePresets.d.ts

@@ -0,0 +1,9 @@
+/// <reference types="react" />
+import type { ThermostatDevice } from '../../../lib/seam/thermostats/thermostat-device.js';
+interface ClimatePresetsManagement {
+    device: ThermostatDevice;
+    onBack: () => void;
+    temperatureUnit: 'fahrenheit' | 'celsius';
+}
+export declare function ClimatePresets(props: ClimatePresetsManagement): JSX.Element;
+export {};

package/lib/ui/thermostat/ClimatePresets.js

@@ -0,0 +1,72 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import classNames from 'classnames';
+import { useState } from 'react';
+import { AddIcon } from '../../../lib/icons/Add.js';
+import { EditIcon } from '../../../lib/icons/Edit.js';
+import { FanIcon } from '../../../lib/icons/Fan.js';
+import { ThermostatCoolIcon } from '../../../lib/icons/ThermostatCool.js';
+import { ThermostatHeatIcon } from '../../../lib/icons/ThermostatHeat.js';
+import { TrashIcon } from '../../../lib/icons/Trash.js';
+import { getTemperatureUnitSymbol } from '../../../lib/seam/thermostats/unit-conversion.js';
+import { useDeleteThermostatClimatePreset } from '../../../lib/seam/thermostats/use-delete-thermostat-climate-preset.js';
+import { Button } from '../../../lib/ui/Button.js';
+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 { Spinner } from '../../../lib/ui/Spinner/Spinner.js';
+import { ClimatePreset } from '../../../lib/ui/thermostat/ClimatePreset.js';
+const CreateNewPresetSymbol = Symbol('CreateNewPreset');
+export function ClimatePresets(props) {
+    const { device, onBack } = props;
+    const [selectedClimatePreset, setSelectedClimatePreset] = useState(null);
+    const [climatePresetKeySelectedForDeletion, setClimatePresetKeySelectedForDeletion,] = useState(null);
+    const deleteMutation = useDeleteThermostatClimatePreset();
+    if (selectedClimatePreset != null ||
+        selectedClimatePreset === CreateNewPresetSymbol) {
+        return (_jsx(ClimatePreset, { onBack: () => {
+                setSelectedClimatePreset(null);
+            }, device: device, preset: selectedClimatePreset === CreateNewPresetSymbol
+                ? undefined
+                : selectedClimatePreset }));
+    }
+    return (_jsxs("div", { className: 'seam-thermostat-climate-presets', children: [_jsx(ContentHeader, { title: t.title, onBack: onBack }), _jsxs("div", { className: 'seam-thermostat-climate-presets-body', children: [_jsxs(Button, { onClick: () => {
+                            setSelectedClimatePreset(CreateNewPresetSymbol);
+                        }, className: 'seam-climate-presets-add-button', children: [_jsx(AddIcon, {}), t.createNew] }), _jsx("div", { className: 'seam-thermostat-climate-presets-cards', children: device.properties.available_climate_presets.map((preset) => (_jsx(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, deletionLoading: deleteMutation.isPending &&
+                                climatePresetKeySelectedForDeletion ===
+                                    preset.climate_preset_key, disabled: deleteMutation.isPending &&
+                                climatePresetKeySelectedForDeletion !==
+                                    preset.climate_preset_key }, preset.climate_preset_key))) })] })] }));
+}
+function PresetCard(props) {
+    const { preset, temperatureUnit, onClickEdit, onClickDelete, deletionLoading = false, disabled = false, ...attrs } = props;
+    const heatPoint = temperatureUnit === 'fahrenheit'
+        ? preset.heating_set_point_fahrenheit
+        : (preset.heating_set_point_celsius ?? undefined);
+    const coolPoint = temperatureUnit === 'fahrenheit'
+        ? preset.cooling_set_point_fahrenheit
+        : (preset.cooling_set_point_celsius ?? undefined);
+    const unitSymbol = getTemperatureUnitSymbol(temperatureUnit);
+    return (_jsxs("div", { ...attrs, className: classNames('seam-thermostat-climate-presets-card', attrs.className), children: [_jsxs("div", { className: 'seam-thermostat-climate-presets-card-top', children: [_jsxs("div", { className: 'seam-thermostat-climate-presets-card-name', children: [preset.display_name, preset.name != null && (_jsx("div", { className: 'seam-thermostat-climate-presets-card-name-key', children: preset.climate_preset_key }))] }), _jsxs("div", { className: 'seam-thermostat-climate-presets-card-buttons', children: [_jsx(IconButton, { disabled: disabled || deletionLoading || !preset.can_edit, onClick: onClickEdit, title: t.edit, children: _jsx(EditIcon, {}) }), _jsx(Popover, { content: ({ hide }) => (_jsx(PopoverContentPrompt, { onCancel: hide, onConfirm: () => {
+                                        onClickDelete();
+                                        hide();
+                                    } })), children: ({ setRef }) => (_jsx(IconButton, { elRef: setRef, disabled: disabled || !preset.can_delete, title: t.delete, children: deletionLoading ? _jsx(Spinner, { size: 'small' }) : _jsx(TrashIcon, {}) })) })] })] }), _jsxs("div", { className: 'seam-thermostat-climate-presets-card-body', children: [heatPoint != null && (_jsx(Chip, { icon: _jsx(ThermostatHeatIcon, {}), text: `${heatPoint} ${unitSymbol}` })), coolPoint != null && (_jsx(Chip, { icon: _jsx(ThermostatCoolIcon, {}), text: `${coolPoint} ${unitSymbol}` })), preset.fan_mode_setting != null && (_jsx(Chip, { icon: _jsx(FanIcon, {}), text: preset.fan_mode_setting }))] })] }));
+}
+function Chip({ icon, text }) {
+    return (_jsxs("div", { className: 'seam-thermostat-climate-preset-chip', children: [_jsx("span", { className: 'seam-thermostat-climate-preset-chip-icon', children: icon }), _jsx("span", { className: 'seam-thermostat-climate-preset-chip-value', children: text })] }));
+}
+const t = {
+    title: 'Climate Presets',
+    createNew: 'Create New',
+    delete: 'Delete',
+    edit: 'Edit',
+};
+//# sourceMappingURL=ClimatePresets.js.map

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

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

package/lib/ui/thermostat/FanModeMenu.d.ts

@@ -3,6 +3,8 @@ import type { FanModeSetting } from '../../../lib/seam/thermostats/thermostat-de
 interface FanModeMenuProps {
     mode: FanModeSetting;
     onChange: (mode: FanModeSetting) => void;
+    block?: boolean;
+    size?: 'regular' | 'large';
 }
-export declare function FanModeMenu({ mode, onChange }: FanModeMenuProps): JSX.Element;
+export declare function FanModeMenu({ mode, onChange, block, size, }: FanModeMenuProps): JSX.Element;
 export {};

package/lib/ui/thermostat/FanModeMenu.js

@@ -1,12 +1,15 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import classNames from 'classnames';
 import { ChevronDownIcon } from '../../../lib/icons/ChevronDown.js';
 import { FanIcon } from '../../../lib/icons/Fan.js';
 import { FanOutlineIcon } from '../../../lib/icons/FanOutline.js';
 import { Menu } from '../../../lib/ui/Menu/Menu.js';
 import { ThermoModeMenuOption } from '../../../lib/ui/thermostat/ThermoModeMenuOption.js';
 const modes = ['auto', 'on'];
-export function FanModeMenu({ mode, onChange }) {
-    return (_jsx(Menu, { renderButton: ({ onOpen }) => (_jsxs("button", { onClick: onOpen, className: 'seam-fan-mode-menu-button', children: [_jsxs("div", { className: 'seam-fan-mode-menu-button-block', children: [_jsx(FanOutlineIcon, {}), _jsx("span", { className: 'seam-fan-mode-menu-button-text', children: mode === 'auto' ? t.auto : t.on })] }), _jsx(ChevronDownIcon, {})] })), horizontalOffset: -20, backgroundProps: {
+export function FanModeMenu({ mode, onChange, block, size = 'regular', }) {
+    return (_jsx(Menu, { renderButton: ({ onOpen }) => (_jsxs("button", { onClick: onOpen, className: classNames('seam-fan-mode-menu-button', `seam-fan-mode-menu-button-size-${size}`, {
+                'seam-fan-mode-menu-button-block-sized': block,
+            }), children: [_jsxs("div", { className: 'seam-fan-mode-menu-button-block', children: [_jsx(FanOutlineIcon, {}), _jsx("span", { className: 'seam-fan-mode-menu-button-text', children: mode === 'auto' ? t.auto : t.on })] }), _jsx(ChevronDownIcon, {})] })), horizontalOffset: -20, backgroundProps: {
             className: 'seam-thermo-mode-menu',
         }, children: modes.map((m) => (_jsx(ThermoModeMenuOption, { label: t[m], icon: _jsx(FanIcon, {}), isSelected: mode === m, onClick: () => {
                 onChange(m);

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

@@ -1 +1 @@
-{"version":3,"file":"FanModeMenu.js","sourceRoot":"","sources":["../../../src/lib/ui/thermostat/FanModeMenu.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,eAAe,EAAE,MAAM,0BAA0B,CAAA;AAC1D,OAAO,EAAE,OAAO,EAAE,MAAM,kBAAkB,CAAA;AAC1C,OAAO,EAAE,cAAc,EAAE,MAAM,yBAAyB,CAAA;AAExD,OAAO,EAAE,IAAI,EAAE,MAAM,qBAAqB,CAAA;AAC1C,OAAO,EAAE,oBAAoB,EAAE,MAAM,2CAA2C,CAAA;AAEhF,MAAM,KAAK,GAAqB,CAAC,MAAM,EAAE,IAAI,CAAC,CAAA;AAO9C,MAAM,UAAU,WAAW,CAAC,EAAE,IAAI,EAAE,QAAQ,EAAoB;IAC9D,OAAO,CACL,KAAC,IAAI,IACH,YAAY,EAAE,CAAC,EAAE,MAAM,EAAE,EAAE,EAAE,CAAC,CAC5B,kBAAQ,OAAO,EAAE,MAAM,EAAE,SAAS,EAAC,2BAA2B,aAC5D,eAAK,SAAS,EAAC,iCAAiC,aAC9C,KAAC,cAAc,KAAG,EAClB,eAAM,SAAS,EAAC,gCAAgC,YAC7C,IAAI,KAAK,MAAM,CAAC,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,CAAC,EAAE,GAC3B,IACH,EACN,KAAC,eAAe,KAAG,IACZ,CACV,EACD,gBAAgB,EAAE,CAAC,EAAE,EACrB,eAAe,EAAE;YACf,SAAS,EAAE,uBAAuB;SACnC,YAEA,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAChB,KAAC,oBAAoB,IAEnB,KAAK,EAAE,CAAC,CAAC,CAAC,CAAC,EACX,IAAI,EAAE,KAAC,OAAO,KAAG,EACjB,UAAU,EAAE,IAAI,KAAK,CAAC,EACtB,OAAO,EAAE,GAAG,EAAE;gBACZ,QAAQ,CAAC,CAAC,CAAC,CAAA;YACb,CAAC,IANI,CAAC,CAON,CACH,CAAC,GACG,CACR,CAAA;AACH,CAAC;AAED,MAAM,CAAC,GAAG;IACR,IAAI,EAAE,MAAM;IACZ,EAAE,EAAE,IAAI;IACR,SAAS,EAAE,WAAW;CACvB,CAAA"}
+{"version":3,"file":"FanModeMenu.js","sourceRoot":"","sources":["../../../src/lib/ui/thermostat/FanModeMenu.tsx"],"names":[],"mappings":";AAAA,OAAO,UAAU,MAAM,YAAY,CAAA;AAEnC,OAAO,EAAE,eAAe,EAAE,MAAM,0BAA0B,CAAA;AAC1D,OAAO,EAAE,OAAO,EAAE,MAAM,kBAAkB,CAAA;AAC1C,OAAO,EAAE,cAAc,EAAE,MAAM,yBAAyB,CAAA;AAExD,OAAO,EAAE,IAAI,EAAE,MAAM,qBAAqB,CAAA;AAC1C,OAAO,EAAE,oBAAoB,EAAE,MAAM,2CAA2C,CAAA;AAEhF,MAAM,KAAK,GAAqB,CAAC,MAAM,EAAE,IAAI,CAAC,CAAA;AAS9C,MAAM,UAAU,WAAW,CAAC,EAC1B,IAAI,EACJ,QAAQ,EACR,KAAK,EACL,IAAI,GAAG,SAAS,GACC;IACjB,OAAO,CACL,KAAC,IAAI,IACH,YAAY,EAAE,CAAC,EAAE,MAAM,EAAE,EAAE,EAAE,CAAC,CAC5B,kBACE,OAAO,EAAE,MAAM,EACf,SAAS,EAAE,UAAU,CACnB,2BAA2B,EAC3B,kCAAkC,IAAI,EAAE,EACxC;gBACE,uCAAuC,EAAE,KAAK;aAC/C,CACF,aAED,eAAK,SAAS,EAAC,iCAAiC,aAC9C,KAAC,cAAc,KAAG,EAClB,eAAM,SAAS,EAAC,gCAAgC,YAC7C,IAAI,KAAK,MAAM,CAAC,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,CAAC,EAAE,GAC3B,IACH,EACN,KAAC,eAAe,KAAG,IACZ,CACV,EACD,gBAAgB,EAAE,CAAC,EAAE,EACrB,eAAe,EAAE;YACf,SAAS,EAAE,uBAAuB;SACnC,YAEA,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAChB,KAAC,oBAAoB,IAEnB,KAAK,EAAE,CAAC,CAAC,CAAC,CAAC,EACX,IAAI,EAAE,KAAC,OAAO,KAAG,EACjB,UAAU,EAAE,IAAI,KAAK,CAAC,EACtB,OAAO,EAAE,GAAG,EAAE;gBACZ,QAAQ,CAAC,CAAC,CAAC,CAAA;YACb,CAAC,IANI,CAAC,CAON,CACH,CAAC,GACG,CACR,CAAA;AACH,CAAC;AAED,MAAM,CAAC,GAAG;IACR,IAAI,EAAE,MAAM;IACZ,EAAE,EAAE,IAAI;IACR,SAAS,EAAE,WAAW;CACvB,CAAA"}

package/lib/ui/thermostat/ThermostatCard.d.ts

@@ -3,6 +3,7 @@ import type { ThermostatDevice } from '../../../lib/seam/thermostats/thermostat-
 interface ThermostatCardProps {
     device: ThermostatDevice;
     onEditName?: (newName: string) => void;
+    onTemperatureUnitChange?: (temperatureUnit: 'fahrenheit' | 'celsius') => void;
 }
 export declare function ThermostatCard(props: ThermostatCardProps): JSX.Element;
 export {};

package/lib/ui/thermostat/ThermostatCard.js

@@ -8,13 +8,15 @@ import { EditableDeviceName } from '../../../lib/ui/device/EditableDeviceName.js
 import { ClimateSettingStatus } from '../../../lib/ui/thermostat/ClimateSettingStatus.js';
 import { Temperature } from '../../../lib/ui/thermostat/Temperature.js';
 export function ThermostatCard(props) {
-    return (_jsx("div", { className: 'seam-thermostat-card', children: _jsx(Content, { device: props.device, onEditName: props.onEditName }) }));
+    return (_jsx("div", { className: 'seam-thermostat-card', children: _jsx(Content, { device: props.device, onEditName: props.onEditName, onTemperatureUnitChange: props.onTemperatureUnitChange }) }));
 }
 function Content(props) {
     const { device } = props;
     const [temperatureUnit, setTemperatureUnit] = useState('fahrenheit');
     const toggleTemperatureUnit = () => {
-        setTemperatureUnit(temperatureUnit === 'fahrenheit' ? 'celsius' : 'fahrenheit');
+        const newUnit = temperatureUnit === 'fahrenheit' ? 'celsius' : 'fahrenheit';
+        setTemperatureUnit(newUnit);
+        props.onTemperatureUnitChange?.(newUnit);
     };
     const { temperature_fahrenheit: temperatureFahrenheit, temperature_celsius: temperatureCelsius, current_climate_setting: currentClimateSetting, is_fan_running: isFanRunning, relative_humidity: relativeHumidity, } = device.properties;
     const systemStatus = getSystemStatus(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/ui/types.d.ts

@@ -1,4 +1,4 @@
-import type { HTMLAttributes, HtmlHTMLAttributes } from 'react';
+import type { ButtonHTMLAttributes, HTMLAttributes } from 'react';
 export type DivProps = HTMLAttributes<HTMLDivElement>;
-export type ButtonProps = HtmlHTMLAttributes<HTMLButtonElement>;
-export type SpanProps = HtmlHTMLAttributes<HTMLSpanElement>;
+export type ButtonProps = ButtonHTMLAttributes<HTMLButtonElement>;
+export type SpanProps = HTMLAttributes<HTMLSpanElement>;

package/lib/version.d.ts

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

package/lib/version.js

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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@seamapi/react",
-  "version": "4.6.0",
+  "version": "4.7.0",
   "description": "Seam Components.",
   "type": "module",
   "main": "index.js",
@@ -127,6 +127,7 @@
     }
   },
   "dependencies": {
+    "@floating-ui/react": "^0.27.5",
     "@seamapi/http": "^1.20.0",
     "@tanstack/react-query": "^5.27.5",
     "classnames": "^2.3.2",
@@ -143,7 +144,7 @@
     "@rollup/plugin-replace": "^5.0.5",
     "@rxfork/r2wc-react-to-web-component": "^2.4.0",
     "@seamapi/fake-devicedb": "^1.6.1",
-    "@seamapi/fake-seam-connect": "^1.69.1",
+    "@seamapi/fake-seam-connect": "^1.76.0",
     "@seamapi/types": "^1.344.3",
     "@storybook/addon-designs": "^7.0.1",
     "@storybook/addon-essentials": "^7.0.2",

package/src/lib/icons/Trash.tsx

@@ -0,0 +1,28 @@
+/*
+ * Automatically generated by SVGR from assets/icons/*.svg.
+ * Do not edit this file or add other components to this directory.
+ */
+import type { SVGProps } from 'react'
+export function TrashIcon(props: SVGProps<SVGSVGElement>): JSX.Element {
+  return (
+    <svg
+      xmlns='http://www.w3.org/2000/svg'
+      width='1em'
+      height='1em'
+      fill='none'
+      viewBox='0 0 24 24'
+      {...props}
+    >
+      <path
+        fill='currentColor'
+        d='M10 10a1 1 0 0 1 1 1v6a1 1 0 1 1-2 0v-6a1 1 0 0 1 1-1M15 17v-6a1 1 0 1 0-2 0v6a1 1 0 0 0 2 0'
+      />
+      <path
+        fill='currentColor'
+        fillRule='evenodd'
+        d='M7 5V4a3 3 0 0 1 3-3h4a3 3 0 0 1 3 3v1h4a1 1 0 1 1 0 2h-1v13a3 3 0 0 1-3 3H7a3 3 0 0 1-3-3V7H3a1 1 0 0 1 0-2zm2.293-1.707A1 1 0 0 1 10 3h4a1 1 0 0 1 1 1v1H9V4a1 1 0 0 1 .293-.707M18 7v13a1 1 0 0 1-1 1H7a1 1 0 0 1-1-1V7z'
+        clipRule='evenodd'
+      />
+    </svg>
+  )
+}

package/src/lib/seam/components/DeviceDetails/ThermostatDeviceDetails.tsx

@@ -14,6 +14,7 @@ import { useHeatCoolThermostat } from 'lib/seam/thermostats/use-heat-cool-thermo
 import { useHeatThermostat } from 'lib/seam/thermostats/use-heat-thermostat.js'
 import { useSetThermostatFanMode } from 'lib/seam/thermostats/use-set-thermostat-fan-mode.js'
 import { useSetThermostatOff } from 'lib/seam/thermostats/use-set-thermostat-off.js'
+import { Button } from 'lib/ui/Button.js'
 import { AccordionRow } from 'lib/ui/layout/AccordionRow.js'
 import { ContentHeader } from 'lib/ui/layout/ContentHeader.js'
 import { DetailRow } from 'lib/ui/layout/DetailRow.js'
@@ -21,6 +22,7 @@ import { DetailSection } from 'lib/ui/layout/DetailSection.js'
 import { DetailSectionGroup } from 'lib/ui/layout/DetailSectionGroup.js'
 import { Snackbar } from 'lib/ui/Snackbar/Snackbar.js'
 import { ClimateModeMenu } from 'lib/ui/thermostat/ClimateModeMenu.js'
+import { ClimatePresets } from 'lib/ui/thermostat/ClimatePresets.js'
 import { ClimateSettingStatus } from 'lib/ui/thermostat/ClimateSettingStatus.js'
 import { FanModeMenu } from 'lib/ui/thermostat/FanModeMenu.js'
 import { TemperatureControlGroup } from 'lib/ui/thermostat/TemperatureControlGroup.js'
@@ -40,16 +42,37 @@ export function ThermostatDeviceDetails({
   className,
   onEditName,
 }: ThermostatDeviceDetailsProps): JSX.Element | null {
+  const [temperatureUnit, setTemperatureUnit] = useState<
+    'fahrenheit' | 'celsius'
+  >('fahrenheit')
+  const [climateSettingsVisible, setClimateSettingsVisible] = useState(false)
+
   if (device == null) {
     return null
   }
 
+  if (climateSettingsVisible) {
+    return (
+      <ClimatePresets
+        device={device}
+        temperatureUnit={temperatureUnit}
+        onBack={() => {
+          setClimateSettingsVisible(false)
+        }}
+      />
+    )
+  }
+
   return (
     <div className={classNames('seam-device-details', className)}>
       <ContentHeader title={t.thermostat} onBack={onBack} />
 
       <div className='seam-body'>
-        <ThermostatCard device={device} onEditName={onEditName} />
+        <ThermostatCard
+          onTemperatureUnitChange={setTemperatureUnit}
+          device={device}
+          onEditName={onEditName}
+        />
 
         <div className='seam-thermostat-device-details'>
           <DetailSectionGroup>
@@ -58,6 +81,12 @@ export function ThermostatDeviceDetails({
               tooltipContent={t.currentSettingsTooltip}
             >
               <ClimateSettingRow device={device} />
+              <ClimatePresetRow
+                onClickManage={() => {
+                  setClimateSettingsVisible(true)
+                }}
+                device={device}
+              />
               <FanModeRow device={device} />
             </DetailSection>
 
@@ -299,16 +328,38 @@ function ClimateSettingRow({
   )
 }
 
+interface ClimatePresetRowProps {
+  device: ThermostatDevice
+  onClickManage: () => void
+}
+
+function ClimatePresetRow({
+  device,
+  onClickManage,
+}: ClimatePresetRowProps): JSX.Element {
+  return (
+    <DetailRow label={t.climatePresets}>
+      <Button onClick={onClickManage}>
+        {t.manageNPresets(
+          (device.properties.available_climate_presets ?? []).length
+        )}
+      </Button>
+    </DetailRow>
+  )
+}
+
 const t = {
   thermostat: 'Thermostat',
   currentSettings: 'Current settings',
   currentSettingsTooltip:
     'These are the settings currently on the device. If you change them here, they change on the device.',
   climate: 'Climate',
+  climatePresets: 'Climate presets',
   fanMode: 'Fan mode',
   none: 'None',
   fanModeSuccess: 'Successfully updated fan mode!',
   fanModeError: 'Error updating fan mode. Please try again.',
   climateSettingError: 'Error updating climate setting. Please try again.',
   saved: 'Saved',
+  manageNPresets: (n: number) => `Manage (${n} Preset${n <= 1 ? '' : 's'})`,
 }

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

@@ -13,6 +13,7 @@ export type ThermostatDevice = Omit<Device, 'properties'> & {
         | 'available_hvac_mode_settings'
         | 'fan_mode_setting'
         | 'current_climate_setting'
+        | 'available_climate_presets'
       >
     >
 }
@@ -36,3 +37,6 @@ export interface ClimateSetting {
 export const isThermostatDevice = (
   device: Device
 ): device is ThermostatDevice => 'is_fan_running' in device.properties
+
+export type ThermostatClimatePreset =
+  ThermostatDevice['properties']['available_climate_presets'][number]

package/src/lib/seam/thermostats/unit-conversion.ts

@@ -1,8 +1,12 @@
 import type { Device } from '@seamapi/types/connect'
 
-export const celsiusToFahrenheit = (t: number): number => (t * 9) / 5 + 32
+type ConversionReturn<T> = T extends NonNullable<number> ? number : T
 
-export const fahrenheitToCelsius = (t: number): number => (t - 32) * (5 / 9)
+export const celsiusToFahrenheit = <T>(t: T): ConversionReturn<T> =>
+  (typeof t === 'number' ? (t * 9) / 5 + 32 : t) as ConversionReturn<T>
+
+export const fahrenheitToCelsius = <T>(t: T): ConversionReturn<T> =>
+  (typeof t === 'number' ? (t - 32) * (5 / 9) : t) as ConversionReturn<T>
 
 export const getCoolingSetPointCelsius = (
   variables: {
@@ -87,3 +91,9 @@ export const getHeatingSetPointFahrenheit = (
     undefined
   )
 }
+
+export function getTemperatureUnitSymbol(
+  type: 'fahrenheit' | 'celsius'
+): string {
+  return type === 'fahrenheit' ? '°F' : '°C'
+}

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

@@ -0,0 +1,101 @@
+import type {
+  SeamHttpApiError,
+  ThermostatsCreateClimatePresetBody,
+} from '@seamapi/http/connect'
+import {
+  useMutation,
+  type UseMutationResult,
+  useQueryClient,
+} from '@tanstack/react-query'
+
+import type {
+  ThermostatClimatePreset,
+  ThermostatDevice,
+} from 'lib/seam/thermostats/thermostat-device.js'
+import { fahrenheitToCelsius } from 'lib/seam/thermostats/unit-conversion.js'
+import { NullSeamClientError, useSeamClient } from 'lib/seam/use-seam-client.js'
+
+export type UseCreateThermostatClimatePresetParams = never
+export type UseCreateThermostatClimatePresetData = undefined
+
+export type UseCreateThermostatClimatePresetVariables =
+  ThermostatsCreateClimatePresetBody
+
+export function useCreateThermostatClimatePreset(): UseMutationResult<
+  UseCreateThermostatClimatePresetData,
+  SeamHttpApiError,
+  UseCreateThermostatClimatePresetVariables
+> {
+  const { client } = useSeamClient()
+  const queryClient = useQueryClient()
+
+  return useMutation<
+    UseCreateThermostatClimatePresetData,
+    SeamHttpApiError,
+    UseCreateThermostatClimatePresetVariables
+  >({
+    mutationFn: async (variables) => {
+      if (client === null) throw new NullSeamClientError()
+      await client.thermostats.createClimatePreset(variables)
+    },
+    onSuccess: (_data, variables) => {
+      queryClient.setQueryData<ThermostatDevice | null>(
+        ['devices', 'get', { device_id: variables.device_id }],
+        (device) => {
+          if (device == null) {
+            return
+          }
+
+          return getUpdatedDevice(device, variables)
+        }
+      )
+
+      queryClient.setQueryData<ThermostatDevice[]>(
+        ['devices', 'list', { device_id: variables.device_id }],
+        (devices): ThermostatDevice[] => {
+          if (devices == null) {
+            return []
+          }
+
+          return devices.map((device) => {
+            if (device.device_id === variables.device_id) {
+              return getUpdatedDevice(device, variables)
+            }
+
+            return device
+          })
+        }
+      )
+    },
+  })
+}
+
+const getUpdatedDevice = (
+  device: ThermostatDevice,
+  variables: UseCreateThermostatClimatePresetVariables
+): ThermostatDevice => {
+  const preset: ThermostatClimatePreset = {
+    ...variables,
+    cooling_set_point_celsius: fahrenheitToCelsius(
+      variables.cooling_set_point_fahrenheit
+    ),
+    heating_set_point_celsius: fahrenheitToCelsius(
+      variables.heating_set_point_fahrenheit
+    ),
+    display_name: variables.name ?? variables.climate_preset_key,
+    can_delete: true,
+    can_edit: true,
+    manual_override_allowed: false,
+  }
+
+  return {
+    ...device,
+    properties: {
+      ...device.properties,
+      available_climate_presets: [
+        preset,
+        ...(device.properties.available_climate_presets ?? []),
+      ],
+    },
+  }
+}

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

@@ -0,0 +1,84 @@
+import type {
+  SeamHttpApiError,
+  ThermostatsDeleteClimatePresetBody,
+} from '@seamapi/http/connect'
+import {
+  useMutation,
+  type UseMutationResult,
+  useQueryClient,
+} from '@tanstack/react-query'
+
+import type { ThermostatDevice } from 'lib/seam/thermostats/thermostat-device.js'
+import { NullSeamClientError, useSeamClient } from 'lib/seam/use-seam-client.js'
+
+export type UseDeleteThermostatClimatePresetParams = never
+
+export type UseDeleteThermostatClimatePresetData = undefined
+
+export type UseDeleteThermostatClimatePresetVariables =
+  ThermostatsDeleteClimatePresetBody
+
+export function useDeleteThermostatClimatePreset(): UseMutationResult<
+  UseDeleteThermostatClimatePresetData,
+  SeamHttpApiError,
+  UseDeleteThermostatClimatePresetVariables
+> {
+  const { client } = useSeamClient()
+  const queryClient = useQueryClient()
+
+  return useMutation<
+    UseDeleteThermostatClimatePresetData,
+    SeamHttpApiError,
+    UseDeleteThermostatClimatePresetVariables
+  >({
+    mutationFn: async (variables) => {
+      if (client === null) throw new NullSeamClientError()
+      await client.thermostats.deleteClimatePreset(variables)
+    },
+    onSuccess: (_data, variables) => {
+      queryClient.setQueryData<ThermostatDevice | null>(
+        ['devices', 'get', { device_id: variables.device_id }],
+        (device) => {
+          if (device == null) {
+            return
+          }
+
+          return getUpdatedDevice(device, variables)
+        }
+      )
+
+      queryClient.setQueryData<ThermostatDevice[]>(
+        ['devices', 'list', { device_id: variables.device_id }],
+        (devices): ThermostatDevice[] => {
+          if (devices == null) {
+            return []
+          }
+
+          return devices.map((device) => {
+            if (device.device_id === variables.device_id) {
+              return getUpdatedDevice(device, variables)
+            }
+
+            return device
+          })
+        }
+      )
+    },
+  })
+}
+
+function getUpdatedDevice(
+  device: ThermostatDevice,
+  variables: UseDeleteThermostatClimatePresetVariables
+): ThermostatDevice {
+  return {
+    ...device,
+    properties: {
+      ...device.properties,
+      available_climate_presets:
+        device.properties.available_climate_presets.filter((preset) => {
+          return preset.climate_preset_key !== variables.climate_preset_key
+        }),
+    },
+  }
+}