@seamapi/react 2.8.7 → 2.9.0

package/lib/seam/components/DeviceDetails/ThermostatDeviceDetails.js

@@ -1,21 +1,31 @@
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 import classNames from 'classnames';
-import { useState } from 'react';
+import { useEffect, useState } from 'react';
+import { debounce } from '../../../../lib/debounce.js';
 import { BeeIcon } from '../../../../lib/icons/Bee.js';
+import { CheckBlackIcon } from '../../../../lib/icons/CheckBlack.js';
 import { ChevronWideIcon } from '../../../../lib/icons/ChevronWide.js';
 import { NestedClimateSettingScheduleTable } from '../../../../lib/seam/components/ClimateSettingScheduleTable/ClimateSettingScheduleTable.js';
 import { useConnectedAccount } from '../../../../lib/seam/connected-accounts/use-connected-account.js';
 import { useClimateSettingSchedules } from '../../../../lib/seam/thermostats/climate-setting-schedules/use-climate-setting-schedules.js';
+import { useCoolThermostat } from '../../../../lib/seam/thermostats/use-cool-thermostat.js';
+import { useHeatCoolThermostat } from '../../../../lib/seam/thermostats/use-heat-cool-thermostat.js';
+import { useHeatThermostat } from '../../../../lib/seam/thermostats/use-heat-thermostat.js';
+import { useSetThermostatOff } from '../../../../lib/seam/thermostats/use-set-thermostat-off.js';
 import { useUpdateFanMode } from '../../../../lib/seam/thermostats/use-update-fan-mode.js';
 import { useUpdateThermostat } from '../../../../lib/seam/thermostats/use-update-thermostat.js';
+import { getSupportedThermostatModes } from '../../../../lib/temperature-bounds.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';
 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 { Switch } from '../../../../lib/ui/Switch/Switch.js';
+import { ClimateModeMenu } from '../../../../lib/ui/thermostat/ClimateModeMenu.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';
 import { ThermostatCard } from '../../../../lib/ui/thermostat/ThermostatCard.js';
 export function ThermostatDeviceDetails({ device, onBack, className, errorFilter = () => true, warningFilter = () => true, disableLockUnlock, disableCreateAccessCode, disableEditAccessCode, disableDeleteAccessCode, disableResourceIds = false, }) {
     const [climateSettingsOpen, setClimateSettingsOpen] = useState(false);
@@ -38,7 +48,7 @@ export function ThermostatDeviceDetails({ device, onBack, className, errorFilter
                                             ? t.viewingClimateSchedules
                                             : `${climateSettingSchedules.length} ${climateSettingSchedulesLabel}`, onClick: () => {
                                             setClimateSettingsOpen(true);
-                                        }, children: _jsx("div", { className: 'seam-detail-row-rotated-icon', children: _jsx(ChevronWideIcon, {}) }) }) }), _jsxs(DetailSection, { label: t.currentSettings, tooltipContent: t.currentSettingsTooltip, children: [_jsx(DetailRow, { label: t.climate, children: _jsx(ClimateSettingStatus, { climateSetting: device.properties.current_climate_setting, temperatureUnit: 'fahrenheit' }) }), _jsx(FanModeRow, { device: device })] }), _jsxs(DetailSection, { label: t.defaultSettings, tooltipContent: t.defaultSettingsTooltip, children: [_jsx(DetailRow, { label: t.defaultClimate, children: device.properties.default_climate_setting != null ? (_jsx(ClimateSettingStatus, { climateSetting: device.properties.default_climate_setting, temperatureUnit: 'fahrenheit' })) : (_jsx("p", { children: t.none })) }), _jsx(ManualOverrideRow, { device: device })] }), _jsxs(DetailSection, { label: t.deviceDetails, children: [_jsx(DetailRow, { label: t.manufacturer, children: _jsxs("div", { className: 'seam-detail-row-hstack', children: [device.properties.model.manufacturer_display_name, device.properties.manufacturer === 'ecobee' && _jsx(BeeIcon, {})] }) }), _jsx(DetailRow, { label: t.linkedAccount, sublabel: connectedAccount?.user_identifier?.email ??
+                                        }, children: _jsx("div", { className: 'seam-detail-row-rotated-icon', children: _jsx(ChevronWideIcon, {}) }) }) }), _jsxs(DetailSection, { label: t.currentSettings, tooltipContent: t.currentSettingsTooltip, children: [_jsx(ClimateSettingRow, { device: device }), _jsx(FanModeRow, { device: device })] }), _jsxs(DetailSection, { label: t.defaultSettings, tooltipContent: t.defaultSettingsTooltip, children: [_jsx(DetailRow, { label: t.defaultClimate, children: device.properties.default_climate_setting != null ? (_jsx(ClimateSettingStatus, { climateSetting: device.properties.default_climate_setting, temperatureUnit: 'fahrenheit' })) : (_jsx("p", { children: t.none })) }), _jsx(ManualOverrideRow, { device: device })] }), _jsxs(DetailSection, { label: t.deviceDetails, children: [_jsx(DetailRow, { label: t.manufacturer, children: _jsxs("div", { className: 'seam-detail-row-hstack', children: [device.properties.model.manufacturer_display_name, device.properties.manufacturer === 'ecobee' && _jsx(BeeIcon, {})] }) }), _jsx(DetailRow, { label: t.linkedAccount, sublabel: connectedAccount?.user_identifier?.email ??
                                                 device.connected_account_id }), !disableResourceIds && (_jsx(DetailRow, { label: t.deviceId, sublabel: device.device_id }))] })] }) })] })] }));
 }
 function ManualOverrideRow({ device, }) {
@@ -62,6 +72,88 @@ function FanModeRow({ device }) {
                             });
                         } }) }) }), _jsx(Snackbar, { message: t.fanModeSuccess, variant: 'success', visible: isSuccess, automaticVisibility: true, autoDismiss: true }), _jsx(Snackbar, { message: t.fanModeError, variant: 'error', visible: isError, automaticVisibility: true })] }));
 }
+function ClimateSettingRow({ device, }) {
+    const deviceHeatValue = device.properties.current_climate_setting.heating_set_point_fahrenheit;
+    const deviceCoolValue = device.properties.current_climate_setting.cooling_set_point_fahrenheit;
+    const supportedModes = getSupportedThermostatModes(device);
+    const [showSuccess, setShowSuccess] = useState(false);
+    const [mode, setMode] = useState((supportedModes.includes('heat_cool') ? 'heat_cool' : supportedModes[0]) ??
+        'off');
+    const [heatValue, setHeatValue] = useState(device.properties.current_climate_setting.heating_set_point_fahrenheit ?? 0);
+    const [coolValue, setCoolValue] = useState(device.properties.current_climate_setting.cooling_set_point_fahrenheit ?? 0);
+    const { mutate: heatCoolThermostat, isSuccess: isHeatCoolSuccess, isError: isHeatCoolError, } = useHeatCoolThermostat();
+    const { mutate: heatThermostat, isSuccess: isHeatSuccess, isError: isHeatError, } = useHeatThermostat();
+    const { mutate: coolThermostat, isSuccess: isCoolSuccess, isError: isCoolError, } = useCoolThermostat();
+    const { mutate: setThermostatOff, isSuccess: isSetOffSuccess, isError: isSetOffError, } = useSetThermostatOff();
+    useEffect(() => {
+        const handler = debounce(() => {
+            switch (mode) {
+                case 'heat_cool':
+                    heatCoolThermostat({
+                        device_id: device.device_id,
+                        heating_set_point_fahrenheit: heatValue,
+                        cooling_set_point_fahrenheit: coolValue,
+                    });
+                    break;
+                case 'heat':
+                    heatThermostat({
+                        device_id: device.device_id,
+                        heating_set_point_fahrenheit: heatValue,
+                    });
+                    break;
+                case 'cool':
+                    coolThermostat({
+                        device_id: device.device_id,
+                        cooling_set_point_fahrenheit: coolValue,
+                    });
+                    break;
+                case 'off':
+                    setThermostatOff({
+                        device_id: device.device_id,
+                    });
+                    break;
+            }
+        }, 2000);
+        if (heatValue !== deviceHeatValue ||
+            coolValue !== deviceCoolValue ||
+            mode === 'off') {
+            handler();
+        }
+        return () => {
+            handler.cancel();
+        };
+    }, [
+        heatValue,
+        coolValue,
+        mode,
+        deviceHeatValue,
+        deviceCoolValue,
+        device,
+        heatThermostat,
+        coolThermostat,
+        heatCoolThermostat,
+        setThermostatOff,
+    ]);
+    useEffect(() => {
+        if (isHeatCoolSuccess ||
+            isHeatSuccess ||
+            isCoolSuccess ||
+            isSetOffSuccess) {
+            setShowSuccess(true);
+            const timeout = globalThis.setTimeout(() => {
+                setShowSuccess(false);
+            }, 3000);
+            return () => {
+                globalThis.clearTimeout(timeout);
+            };
+        }
+        return () => { };
+    }, [isHeatCoolSuccess, isHeatSuccess, isCoolSuccess, isSetOffSuccess]);
+    return (_jsxs(_Fragment, { children: [_jsx(AccordionRow, { label: t.climate, leftContent: _jsxs("div", { className: classNames('seam-thermostat-mutation-status', {
+                        'is-visible': showSuccess,
+                    }), children: [_jsx("div", { className: 'seam-thermostat-mutation-status-icon', children: _jsx(CheckBlackIcon, {}) }), _jsx("div", { className: 'seam-thermostat-mutation-status-label', children: t.saved })] }), rightCollapsedContent: _jsx(ClimateSettingStatus, { climateSetting: device.properties.current_climate_setting, temperatureUnit: 'fahrenheit' }), children: _jsxs("div", { className: 'seam-detail-row-end-alignment', children: [mode !== 'off' && (_jsx(TemperatureControlGroup, { mode: mode, heatValue: heatValue, coolValue: coolValue, onHeatValueChange: setHeatValue, onCoolValueChange: setCoolValue, delta: Number('min_heating_cooling_delta_fahrenheit' in device.properties &&
+                                device.properties.min_heating_cooling_delta_fahrenheit) ?? 0 })), _jsx(ClimateModeMenu, { mode: mode, onChange: setMode, supportedModes: supportedModes })] }) }), _jsx(Snackbar, { message: t.climateSettingError, variant: 'error', visible: isHeatCoolError || isHeatError || isCoolError || isSetOffError, automaticVisibility: true })] }));
+}
 const t = {
     thermostat: 'Thermostat',
     climateSchedule: 'scheduled climate',
@@ -86,5 +178,7 @@ const t = {
     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',
 };
 //# sourceMappingURL=ThermostatDeviceDetails.js.map

package/lib/seam/components/DeviceDetails/ThermostatDeviceDetails.js.map

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

package/lib/temperature-bounds.d.ts

@@ -1,4 +1,4 @@
-import type { HvacModeSetting } from 'seamapi';
+import type { HvacModeSetting, ThermostatDevice } from 'seamapi';
 export interface ControlBounds {
     mode: Exclude<HvacModeSetting, 'off'>;
     minHeat: number;
@@ -18,4 +18,5 @@ interface TemperatureBounds {
 export declare const getHeatBounds: ({ mode, minHeat, maxHeat, maxCool, delta, }: Omit<ControlBounds, 'minCool'>) => MinMax;
 export declare const getCoolBounds: ({ mode, minHeat, minCool, maxCool, delta, }: Omit<ControlBounds, 'maxHeat'>) => MinMax;
 export declare const getTemperatureBounds: (controlBounds: ControlBounds) => TemperatureBounds;
+export declare const getSupportedThermostatModes: (device: ThermostatDevice) => HvacModeSetting[];
 export {};

package/lib/temperature-bounds.js

@@ -10,4 +10,20 @@ export const getTemperatureBounds = (controlBounds) => ({
     heat: getHeatBounds(controlBounds),
     cool: getCoolBounds(controlBounds),
 });
+export const getSupportedThermostatModes = (device) => {
+    const allModes = ['heat', 'cool', 'heat_cool', 'off'];
+    return allModes.filter((mode) => {
+        switch (mode) {
+            case 'cool':
+                return device.properties.is_cooling_available;
+            case 'heat':
+                return device.properties.is_heating_available;
+            case 'heat_cool':
+                return (device.properties.is_heating_available &&
+                    device.properties.is_cooling_available);
+            default:
+                return true;
+        }
+    });
+};
 //# sourceMappingURL=temperature-bounds.js.map

package/lib/temperature-bounds.js.map

@@ -1 +1 @@
-{"version":3,"file":"temperature-bounds.js","sourceRoot":"","sources":["../src/lib/temperature-bounds.ts"],"names":[],"mappings":"AAqBA,MAAM,CAAC,MAAM,aAAa,GAAG,CAAC,EAC5B,IAAI,EACJ,OAAO,EACP,OAAO,EACP,OAAO,EACP,KAAK,GAC0B,EAAU,EAAE;IAC3C,MAAM,aAAa,GACjB,IAAI,KAAK,WAAW,CAAC,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,OAAO,GAAG,KAAK,EAAE,OAAO,GAAG,KAAK,CAAC,CAAC,CAAC,CAAC,OAAO,CAAA;IAE7E,OAAO,EAAE,GAAG,EAAE,OAAO,EAAE,GAAG,EAAE,aAAa,EAAE,CAAA;AAC7C,CAAC,CAAA;AAED,MAAM,CAAC,MAAM,aAAa,GAAG,CAAC,EAC5B,IAAI,EACJ,OAAO,EACP,OAAO,EACP,OAAO,EACP,KAAK,GAC0B,EAAU,EAAE;IAC3C,MAAM,aAAa,GACjB,IAAI,KAAK,WAAW,CAAC,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,OAAO,GAAG,KAAK,EAAE,OAAO,GAAG,KAAK,CAAC,CAAC,CAAC,CAAC,OAAO,CAAA;IAE7E,OAAO,EAAE,GAAG,EAAE,aAAa,EAAE,GAAG,EAAE,OAAO,EAAE,CAAA;AAC7C,CAAC,CAAA;AAED,MAAM,CAAC,MAAM,oBAAoB,GAAG,CAClC,aAA4B,EACT,EAAE,CAAC,CAAC;IACvB,IAAI,EAAE,aAAa,CAAC,aAAa,CAAC;IAClC,IAAI,EAAE,aAAa,CAAC,aAAa,CAAC;CACnC,CAAC,CAAA"}
+{"version":3,"file":"temperature-bounds.js","sourceRoot":"","sources":["../src/lib/temperature-bounds.ts"],"names":[],"mappings":"AAqBA,MAAM,CAAC,MAAM,aAAa,GAAG,CAAC,EAC5B,IAAI,EACJ,OAAO,EACP,OAAO,EACP,OAAO,EACP,KAAK,GAC0B,EAAU,EAAE;IAC3C,MAAM,aAAa,GACjB,IAAI,KAAK,WAAW,CAAC,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,OAAO,GAAG,KAAK,EAAE,OAAO,GAAG,KAAK,CAAC,CAAC,CAAC,CAAC,OAAO,CAAA;IAE7E,OAAO,EAAE,GAAG,EAAE,OAAO,EAAE,GAAG,EAAE,aAAa,EAAE,CAAA;AAC7C,CAAC,CAAA;AAED,MAAM,CAAC,MAAM,aAAa,GAAG,CAAC,EAC5B,IAAI,EACJ,OAAO,EACP,OAAO,EACP,OAAO,EACP,KAAK,GAC0B,EAAU,EAAE;IAC3C,MAAM,aAAa,GACjB,IAAI,KAAK,WAAW,CAAC,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,OAAO,GAAG,KAAK,EAAE,OAAO,GAAG,KAAK,CAAC,CAAC,CAAC,CAAC,OAAO,CAAA;IAE7E,OAAO,EAAE,GAAG,EAAE,aAAa,EAAE,GAAG,EAAE,OAAO,EAAE,CAAA;AAC7C,CAAC,CAAA;AAED,MAAM,CAAC,MAAM,oBAAoB,GAAG,CAClC,aAA4B,EACT,EAAE,CAAC,CAAC;IACvB,IAAI,EAAE,aAAa,CAAC,aAAa,CAAC;IAClC,IAAI,EAAE,aAAa,CAAC,aAAa,CAAC;CACnC,CAAC,CAAA;AAEF,MAAM,CAAC,MAAM,2BAA2B,GAAG,CACzC,MAAwB,EACL,EAAE;IACrB,MAAM,QAAQ,GAAsB,CAAC,MAAM,EAAE,MAAM,EAAE,WAAW,EAAE,KAAK,CAAC,CAAA;IAExE,OAAO,QAAQ,CAAC,MAAM,CAAC,CAAC,IAAI,EAAE,EAAE;QAC9B,QAAQ,IAAI,EAAE,CAAC;YACb,KAAK,MAAM;gBACT,OAAO,MAAM,CAAC,UAAU,CAAC,oBAAoB,CAAA;YAC/C,KAAK,MAAM;gBACT,OAAO,MAAM,CAAC,UAAU,CAAC,oBAAoB,CAAA;YAC/C,KAAK,WAAW;gBACd,OAAO,CACL,MAAM,CAAC,UAAU,CAAC,oBAAoB;oBACtC,MAAM,CAAC,UAAU,CAAC,oBAAoB,CACvC,CAAA;YACH;gBACE,OAAO,IAAI,CAAA;QACf,CAAC;IACH,CAAC,CAAC,CAAA;AACJ,CAAC,CAAA"}

package/lib/ui/layout/AccordionRow.d.ts

@@ -1,7 +1,8 @@
 import type { PropsWithChildren } from 'react';
 interface AccordionRowProps extends PropsWithChildren {
     label: string;
+    leftContent?: JSX.Element;
     rightCollapsedContent?: JSX.Element;
 }
-export declare function AccordionRow({ label, rightCollapsedContent, children, }: AccordionRowProps): JSX.Element;
+export declare function AccordionRow({ label, leftContent, rightCollapsedContent, children, }: AccordionRowProps): JSX.Element;
 export {};

package/lib/ui/layout/AccordionRow.js

@@ -1,8 +1,8 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { ChevronWideIcon } from '../../../lib/icons/ChevronWide.js';
 import { useToggle } from '../../../lib/ui/use-toggle.js';
-export function AccordionRow({ label, rightCollapsedContent, children, }) {
+export function AccordionRow({ label, leftContent, rightCollapsedContent, children, }) {
     const [isExpanded, toggle] = useToggle();
-    return (_jsxs("div", { className: 'seam-accordion-row', "aria-expanded": isExpanded, children: [_jsxs("button", { className: 'seam-accordion-row-trigger', onClick: toggle, children: [_jsx("p", { className: 'seam-row-label', children: label }), _jsxs("div", { className: 'seam-row-inner-wrap', children: [_jsx("div", { className: 'seam-row-trigger-right-content', children: rightCollapsedContent }), _jsx("div", { className: 'seam-accordion-icon-wrap', children: _jsx(ChevronWideIcon, {}) })] })] }), _jsx("div", { className: 'seam-accordion-row-content', children: _jsx("div", { className: 'seam-accordion-row-inner-content', children: children }) })] }));
+    return (_jsxs("div", { className: 'seam-accordion-row', "aria-expanded": isExpanded, children: [_jsxs("button", { className: 'seam-accordion-row-trigger', onClick: toggle, children: [_jsxs("div", { className: 'seam-row-inner-wrap', children: [_jsx("p", { className: 'seam-row-label', children: label }), _jsx("div", { className: 'seam-row-trigger-left-content', children: leftContent })] }), _jsxs("div", { className: 'seam-row-inner-wrap', children: [_jsx("div", { className: 'seam-row-trigger-right-content', children: rightCollapsedContent }), _jsx("div", { className: 'seam-accordion-icon-wrap', children: _jsx(ChevronWideIcon, {}) })] })] }), _jsx("div", { className: 'seam-accordion-row-content', children: _jsx("div", { className: 'seam-accordion-row-inner-content', children: children }) })] }));
 }
 //# sourceMappingURL=AccordionRow.js.map

package/lib/ui/layout/AccordionRow.js.map

@@ -1 +1 @@
-{"version":3,"file":"AccordionRow.js","sourceRoot":"","sources":["../../../src/lib/ui/layout/AccordionRow.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,eAAe,EAAE,MAAM,0BAA0B,CAAA;AAC1D,OAAO,EAAE,SAAS,EAAE,MAAM,sBAAsB,CAAA;AAOhD,MAAM,UAAU,YAAY,CAAC,EAC3B,KAAK,EACL,qBAAqB,EACrB,QAAQ,GACU;IAClB,MAAM,CAAC,UAAU,EAAE,MAAM,CAAC,GAAG,SAAS,EAAE,CAAA;IAExC,OAAO,CACL,eAAK,SAAS,EAAC,oBAAoB,mBAAgB,UAAU,aAC3D,kBAAQ,SAAS,EAAC,4BAA4B,EAAC,OAAO,EAAE,MAAM,aAC5D,YAAG,SAAS,EAAC,gBAAgB,YAAE,KAAK,GAAK,EACzC,eAAK,SAAS,EAAC,qBAAqB,aAClC,cAAK,SAAS,EAAC,gCAAgC,YAC5C,qBAAqB,GAClB,EACN,cAAK,SAAS,EAAC,0BAA0B,YACvC,KAAC,eAAe,KAAG,GACf,IACF,IACC,EACT,cAAK,SAAS,EAAC,4BAA4B,YACzC,cAAK,SAAS,EAAC,kCAAkC,YAAE,QAAQ,GAAO,GAC9D,IACF,CACP,CAAA;AACH,CAAC"}
+{"version":3,"file":"AccordionRow.js","sourceRoot":"","sources":["../../../src/lib/ui/layout/AccordionRow.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,eAAe,EAAE,MAAM,0BAA0B,CAAA;AAC1D,OAAO,EAAE,SAAS,EAAE,MAAM,sBAAsB,CAAA;AAQhD,MAAM,UAAU,YAAY,CAAC,EAC3B,KAAK,EACL,WAAW,EACX,qBAAqB,EACrB,QAAQ,GACU;IAClB,MAAM,CAAC,UAAU,EAAE,MAAM,CAAC,GAAG,SAAS,EAAE,CAAA;IAExC,OAAO,CACL,eAAK,SAAS,EAAC,oBAAoB,mBAAgB,UAAU,aAC3D,kBAAQ,SAAS,EAAC,4BAA4B,EAAC,OAAO,EAAE,MAAM,aAC5D,eAAK,SAAS,EAAC,qBAAqB,aAClC,YAAG,SAAS,EAAC,gBAAgB,YAAE,KAAK,GAAK,EACzC,cAAK,SAAS,EAAC,+BAA+B,YAAE,WAAW,GAAO,IAC9D,EACN,eAAK,SAAS,EAAC,qBAAqB,aAClC,cAAK,SAAS,EAAC,gCAAgC,YAC5C,qBAAqB,GAClB,EACN,cAAK,SAAS,EAAC,0BAA0B,YACvC,KAAC,eAAe,KAAG,GACf,IACF,IACC,EACT,cAAK,SAAS,EAAC,4BAA4B,YACzC,cAAK,SAAS,EAAC,kCAAkC,YAAE,QAAQ,GAAO,GAC9D,IACF,CACP,CAAA;AACH,CAAC"}

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

@@ -3,6 +3,7 @@ import type { HvacModeSetting } from 'seamapi';
 interface ClimateModeMenuProps {
     mode: HvacModeSetting;
     onChange: (mode: HvacModeSetting) => void;
+    supportedModes?: HvacModeSetting[];
 }
-export declare function ClimateModeMenu({ mode, onChange, }: ClimateModeMenuProps): JSX.Element;
+export declare function ClimateModeMenu({ mode, onChange, supportedModes, }: ClimateModeMenuProps): JSX.Element;
 export {};

package/lib/ui/thermostat/ClimateModeMenu.js

@@ -6,11 +6,10 @@ import { ThermostatHeatIcon } from '../../../lib/icons/ThermostatHeat.js';
 import { ThermostatHeatCoolIcon } from '../../../lib/icons/ThermostatHeatCool.js';
 import { Menu } from '../../../lib/ui/Menu/Menu.js';
 import { ThermoModeMenuOption } from '../../../lib/ui/thermostat/ThermoModeMenuOption.js';
-const modes = ['heat', 'cool', 'heat_cool', 'off'];
-export function ClimateModeMenu({ mode, onChange, }) {
+export function ClimateModeMenu({ mode, onChange, supportedModes = ['heat', 'cool', 'heat_cool', 'off'], }) {
     return (_jsx(Menu, { renderButton: ({ onOpen }) => (_jsxs("button", { onClick: onOpen, className: 'seam-climate-mode-menu-button', children: [_jsx("div", { className: 'seam-climate-mode-menu-button-icon', children: _jsx(ModeIcon, { mode: mode }) }), _jsx(ChevronDownIcon, {})] })), verticalOffset: -180, horizontalOffset: -32, backgroundProps: {
             className: 'seam-thermo-mode-menu',
-        }, children: modes.map((m) => (_jsx(ThermoModeMenuOption, { label: t[m], icon: _jsx(ModeIcon, { mode: m }), isSelected: mode === m, onClick: () => {
+        }, children: supportedModes.map((m) => (_jsx(ThermoModeMenuOption, { label: t[m], icon: _jsx(ModeIcon, { mode: m }), isSelected: mode === m, onClick: () => {
                 onChange(m);
             } }, m))) }));
 }

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

@@ -1 +1 @@
-{"version":3,"file":"ClimateModeMenu.js","sourceRoot":"","sources":["../../../src/lib/ui/thermostat/ClimateModeMenu.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,eAAe,EAAE,MAAM,0BAA0B,CAAA;AAC1D,OAAO,EAAE,OAAO,EAAE,MAAM,kBAAkB,CAAA;AAC1C,OAAO,EAAE,kBAAkB,EAAE,MAAM,6BAA6B,CAAA;AAChE,OAAO,EAAE,kBAAkB,EAAE,MAAM,6BAA6B,CAAA;AAChE,OAAO,EAAE,sBAAsB,EAAE,MAAM,iCAAiC,CAAA;AACxE,OAAO,EAAE,IAAI,EAAE,MAAM,qBAAqB,CAAA;AAC1C,OAAO,EAAE,oBAAoB,EAAE,MAAM,2CAA2C,CAAA;AAEhF,MAAM,KAAK,GAAsB,CAAC,MAAM,EAAE,MAAM,EAAE,WAAW,EAAE,KAAK,CAAC,CAAA;AAOrE,MAAM,UAAU,eAAe,CAAC,EAC9B,IAAI,EACJ,QAAQ,GACa;IACrB,OAAO,CACL,KAAC,IAAI,IACH,YAAY,EAAE,CAAC,EAAE,MAAM,EAAE,EAAE,EAAE,CAAC,CAC5B,kBAAQ,OAAO,EAAE,MAAM,EAAE,SAAS,EAAC,+BAA+B,aAChE,cAAK,SAAS,EAAC,oCAAoC,YACjD,KAAC,QAAQ,IAAC,IAAI,EAAE,IAAI,GAAI,GACpB,EACN,KAAC,eAAe,KAAG,IACZ,CACV,EACD,cAAc,EAAE,CAAC,GAAG,EACpB,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,QAAQ,IAAC,IAAI,EAAE,CAAC,GAAI,EAC3B,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,SAAS,QAAQ,CAAC,KAAgC;IAChD,QAAQ,KAAK,CAAC,IAAI,EAAE,CAAC;QACnB,KAAK,MAAM;YACT,OAAO,KAAC,kBAAkB,KAAG,CAAA;QAC/B,KAAK,MAAM;YACT,OAAO,KAAC,kBAAkB,KAAG,CAAA;QAC/B,KAAK,WAAW;YACd,OAAO,KAAC,sBAAsB,KAAG,CAAA;QACnC,KAAK,KAAK;YACR,OAAO,KAAC,OAAO,KAAG,CAAA;IACtB,CAAC;AACH,CAAC;AAED,MAAM,CAAC,GAAG;IACR,IAAI,EAAE,MAAM;IACZ,IAAI,EAAE,MAAM;IACZ,SAAS,EAAE,aAAa;IACxB,GAAG,EAAE,KAAK;CACX,CAAA"}
+{"version":3,"file":"ClimateModeMenu.js","sourceRoot":"","sources":["../../../src/lib/ui/thermostat/ClimateModeMenu.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,eAAe,EAAE,MAAM,0BAA0B,CAAA;AAC1D,OAAO,EAAE,OAAO,EAAE,MAAM,kBAAkB,CAAA;AAC1C,OAAO,EAAE,kBAAkB,EAAE,MAAM,6BAA6B,CAAA;AAChE,OAAO,EAAE,kBAAkB,EAAE,MAAM,6BAA6B,CAAA;AAChE,OAAO,EAAE,sBAAsB,EAAE,MAAM,iCAAiC,CAAA;AACxE,OAAO,EAAE,IAAI,EAAE,MAAM,qBAAqB,CAAA;AAC1C,OAAO,EAAE,oBAAoB,EAAE,MAAM,2CAA2C,CAAA;AAQhF,MAAM,UAAU,eAAe,CAAC,EAC9B,IAAI,EACJ,QAAQ,EACR,cAAc,GAAG,CAAC,MAAM,EAAE,MAAM,EAAE,WAAW,EAAE,KAAK,CAAC,GAChC;IACrB,OAAO,CACL,KAAC,IAAI,IACH,YAAY,EAAE,CAAC,EAAE,MAAM,EAAE,EAAE,EAAE,CAAC,CAC5B,kBAAQ,OAAO,EAAE,MAAM,EAAE,SAAS,EAAC,+BAA+B,aAChE,cAAK,SAAS,EAAC,oCAAoC,YACjD,KAAC,QAAQ,IAAC,IAAI,EAAE,IAAI,GAAI,GACpB,EACN,KAAC,eAAe,KAAG,IACZ,CACV,EACD,cAAc,EAAE,CAAC,GAAG,EACpB,gBAAgB,EAAE,CAAC,EAAE,EACrB,eAAe,EAAE;YACf,SAAS,EAAE,uBAAuB;SACnC,YAEA,cAAc,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CACzB,KAAC,oBAAoB,IAEnB,KAAK,EAAE,CAAC,CAAC,CAAC,CAAC,EACX,IAAI,EAAE,KAAC,QAAQ,IAAC,IAAI,EAAE,CAAC,GAAI,EAC3B,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,SAAS,QAAQ,CAAC,KAAgC;IAChD,QAAQ,KAAK,CAAC,IAAI,EAAE,CAAC;QACnB,KAAK,MAAM;YACT,OAAO,KAAC,kBAAkB,KAAG,CAAA;QAC/B,KAAK,MAAM;YACT,OAAO,KAAC,kBAAkB,KAAG,CAAA;QAC/B,KAAK,WAAW;YACd,OAAO,KAAC,sBAAsB,KAAG,CAAA;QACnC,KAAK,KAAK;YACR,OAAO,KAAC,OAAO,KAAG,CAAA;IACtB,CAAC;AACH,CAAC;AAED,MAAM,CAAC,GAAG;IACR,IAAI,EAAE,MAAM;IACZ,IAAI,EAAE,MAAM;IACZ,SAAS,EAAE,aAAa;IACxB,GAAG,EAAE,KAAK;CACX,CAAA"}

package/lib/version.d.ts

@@ -1,2 +1,2 @@
-declare const seamapiReactVersion = "2.8.7";
+declare const seamapiReactVersion = "2.9.0";
 export default seamapiReactVersion;

package/lib/version.js

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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@seamapi/react",
-  "version": "2.8.7",
+  "version": "2.9.0",
   "description": "Seam Components.",
   "type": "module",
   "main": "index.js",
@@ -132,7 +132,7 @@
     "luxon": "^3.3.0",
     "queue": "^7.0.0",
     "react-hook-form": "^7.46.1",
-    "seamapi": "^8.19.0",
+    "seamapi": "^8.21.0",
     "uuid": "^9.0.0"
   },
   "devDependencies": {
@@ -141,7 +141,7 @@
     "@mui/material": "^5.12.2",
     "@rxfork/r2wc-react-to-web-component": "^2.4.0",
     "@seamapi/fake-devicedb": "^1.6.0",
-    "@seamapi/fake-seam-connect": "^1.44.3",
+    "@seamapi/fake-seam-connect": "^1.60.2",
     "@seamapi/http": "^0.19.0",
     "@seamapi/types": "^1.122.0",
     "@storybook/addon-designs": "^7.0.1",

package/src/lib/debounce.ts

@@ -0,0 +1,33 @@
+type Procedure = (...args: any[]) => void
+
+export function debounce<F extends Procedure>(
+  func: F,
+  waitMilliseconds: number
+): {
+  (this: ThisParameterType<F>, ...args: Parameters<F>): void
+  cancel: () => void
+} {
+  let timeoutId: ReturnType<typeof globalThis.setTimeout> | null = null
+
+  const debouncedFunction = function (
+    this: ThisParameterType<F>,
+    ...args: Parameters<F>
+  ): void {
+    if (timeoutId !== null) {
+      globalThis.clearTimeout(timeoutId)
+    }
+    timeoutId = globalThis.setTimeout(() => {
+      timeoutId = null
+      func.apply(this, args)
+    }, waitMilliseconds)
+  }
+
+  debouncedFunction.cancel = (): void => {
+    if (timeoutId !== null) {
+      globalThis.clearTimeout(timeoutId)
+      timeoutId = null
+    }
+  }
+
+  return debouncedFunction
+}

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

@@ -1,23 +1,33 @@
 import classNames from 'classnames'
-import { useState } from 'react'
-import type { ThermostatDevice } from 'seamapi'
+import { useEffect, useState } from 'react'
+import type { HvacModeSetting, ThermostatDevice } from 'seamapi'
 
+import { debounce } from 'lib/debounce.js'
 import { BeeIcon } from 'lib/icons/Bee.js'
+import { CheckBlackIcon } from 'lib/icons/CheckBlack.js'
 import { ChevronWideIcon } from 'lib/icons/ChevronWide.js'
 import { NestedClimateSettingScheduleTable } from 'lib/seam/components/ClimateSettingScheduleTable/ClimateSettingScheduleTable.js'
 import type { CommonProps } from 'lib/seam/components/common-props.js'
 import { useConnectedAccount } from 'lib/seam/connected-accounts/use-connected-account.js'
 import { useClimateSettingSchedules } from 'lib/seam/thermostats/climate-setting-schedules/use-climate-setting-schedules.js'
+import { useCoolThermostat } from 'lib/seam/thermostats/use-cool-thermostat.js'
+import { useHeatCoolThermostat } from 'lib/seam/thermostats/use-heat-cool-thermostat.js'
+import { useHeatThermostat } from 'lib/seam/thermostats/use-heat-thermostat.js'
+import { useSetThermostatOff } from 'lib/seam/thermostats/use-set-thermostat-off.js'
 import { useUpdateFanMode } from 'lib/seam/thermostats/use-update-fan-mode.js'
 import { useUpdateThermostat } from 'lib/seam/thermostats/use-update-thermostat.js'
+import { getSupportedThermostatModes } from 'lib/temperature-bounds.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'
 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 { Switch } from 'lib/ui/Switch/Switch.js'
+import { ClimateModeMenu } from 'lib/ui/thermostat/ClimateModeMenu.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'
 import { ThermostatCard } from 'lib/ui/thermostat/ThermostatCard.js'
 
 interface ThermostatDeviceDetailsProps extends CommonProps {
@@ -105,12 +115,7 @@ export function ThermostatDeviceDetails({
               label={t.currentSettings}
               tooltipContent={t.currentSettingsTooltip}
             >
-              <DetailRow label={t.climate}>
-                <ClimateSettingStatus
-                  climateSetting={device.properties.current_climate_setting}
-                  temperatureUnit='fahrenheit'
-                />
-              </DetailRow>
+              <ClimateSettingRow device={device} />
               <FanModeRow device={device} />
             </DetailSection>
 
@@ -239,6 +244,191 @@ function FanModeRow({ device }: { device: ThermostatDevice }): JSX.Element {
   )
 }
 
+function ClimateSettingRow({
+  device,
+}: {
+  device: ThermostatDevice
+}): JSX.Element {
+  const deviceHeatValue =
+    device.properties.current_climate_setting.heating_set_point_fahrenheit
+  const deviceCoolValue =
+    device.properties.current_climate_setting.cooling_set_point_fahrenheit
+
+  const supportedModes = getSupportedThermostatModes(device)
+
+  const [showSuccess, setShowSuccess] = useState(false)
+  const [mode, setMode] = useState<HvacModeSetting>(
+    (supportedModes.includes('heat_cool') ? 'heat_cool' : supportedModes[0]) ??
+      'off'
+  )
+
+  const [heatValue, setHeatValue] = useState(
+    device.properties.current_climate_setting.heating_set_point_fahrenheit ?? 0
+  )
+
+  const [coolValue, setCoolValue] = useState(
+    device.properties.current_climate_setting.cooling_set_point_fahrenheit ?? 0
+  )
+
+  const {
+    mutate: heatCoolThermostat,
+    isSuccess: isHeatCoolSuccess,
+    isError: isHeatCoolError,
+  } = useHeatCoolThermostat()
+
+  const {
+    mutate: heatThermostat,
+    isSuccess: isHeatSuccess,
+    isError: isHeatError,
+  } = useHeatThermostat()
+
+  const {
+    mutate: coolThermostat,
+    isSuccess: isCoolSuccess,
+    isError: isCoolError,
+  } = useCoolThermostat()
+
+  const {
+    mutate: setThermostatOff,
+    isSuccess: isSetOffSuccess,
+    isError: isSetOffError,
+  } = useSetThermostatOff()
+
+  useEffect(() => {
+    const handler = debounce(() => {
+      switch (mode) {
+        case 'heat_cool':
+          heatCoolThermostat({
+            device_id: device.device_id,
+            heating_set_point_fahrenheit: heatValue,
+            cooling_set_point_fahrenheit: coolValue,
+          })
+          break
+        case 'heat':
+          heatThermostat({
+            device_id: device.device_id,
+            heating_set_point_fahrenheit: heatValue,
+          })
+          break
+        case 'cool':
+          coolThermostat({
+            device_id: device.device_id,
+            cooling_set_point_fahrenheit: coolValue,
+          })
+          break
+        case 'off':
+          setThermostatOff({
+            device_id: device.device_id,
+          })
+          break
+      }
+    }, 2000)
+
+    if (
+      heatValue !== deviceHeatValue ||
+      coolValue !== deviceCoolValue ||
+      mode === 'off'
+    ) {
+      handler()
+    }
+
+    return () => {
+      handler.cancel()
+    }
+  }, [
+    heatValue,
+    coolValue,
+    mode,
+    deviceHeatValue,
+    deviceCoolValue,
+    device,
+    heatThermostat,
+    coolThermostat,
+    heatCoolThermostat,
+    setThermostatOff,
+  ])
+
+  useEffect(() => {
+    if (
+      isHeatCoolSuccess ||
+      isHeatSuccess ||
+      isCoolSuccess ||
+      isSetOffSuccess
+    ) {
+      setShowSuccess(true)
+
+      const timeout = globalThis.setTimeout(() => {
+        setShowSuccess(false)
+      }, 3000)
+
+      return () => {
+        globalThis.clearTimeout(timeout)
+      }
+    }
+
+    return () => {}
+  }, [isHeatCoolSuccess, isHeatSuccess, isCoolSuccess, isSetOffSuccess])
+
+  return (
+    <>
+      <AccordionRow
+        label={t.climate}
+        leftContent={
+          <div
+            className={classNames('seam-thermostat-mutation-status', {
+              'is-visible': showSuccess,
+            })}
+          >
+            <div className='seam-thermostat-mutation-status-icon'>
+              <CheckBlackIcon />
+            </div>
+            <div className='seam-thermostat-mutation-status-label'>
+              {t.saved}
+            </div>
+          </div>
+        }
+        rightCollapsedContent={
+          <ClimateSettingStatus
+            climateSetting={device.properties.current_climate_setting}
+            temperatureUnit='fahrenheit'
+          />
+        }
+      >
+        <div className='seam-detail-row-end-alignment'>
+          {mode !== 'off' && (
+            <TemperatureControlGroup
+              mode={mode}
+              heatValue={heatValue}
+              coolValue={coolValue}
+              onHeatValueChange={setHeatValue}
+              onCoolValueChange={setCoolValue}
+              delta={
+                Number(
+                  'min_heating_cooling_delta_fahrenheit' in device.properties &&
+                    device.properties.min_heating_cooling_delta_fahrenheit
+                ) ?? 0
+              }
+            />
+          )}
+
+          <ClimateModeMenu
+            mode={mode}
+            onChange={setMode}
+            supportedModes={supportedModes}
+          />
+        </div>
+      </AccordionRow>
+
+      <Snackbar
+        message={t.climateSettingError}
+        variant='error'
+        visible={isHeatCoolError || isHeatError || isCoolError || isSetOffError}
+        automaticVisibility
+      />
+    </>
+  )
+}
+
 const t = {
   thermostat: 'Thermostat',
   climateSchedule: 'scheduled climate',
@@ -266,4 +456,6 @@ const t = {
   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',
 }

package/src/lib/temperature-bounds.ts

@@ -1,4 +1,4 @@
-import type { HvacModeSetting } from 'seamapi'
+import type { HvacModeSetting, ThermostatDevice } from 'seamapi'
 
 export interface ControlBounds {
   mode: Exclude<HvacModeSetting, 'off'>
@@ -51,3 +51,25 @@ export const getTemperatureBounds = (
   heat: getHeatBounds(controlBounds),
   cool: getCoolBounds(controlBounds),
 })
+
+export const getSupportedThermostatModes = (
+  device: ThermostatDevice
+): HvacModeSetting[] => {
+  const allModes: HvacModeSetting[] = ['heat', 'cool', 'heat_cool', 'off']
+
+  return allModes.filter((mode) => {
+    switch (mode) {
+      case 'cool':
+        return device.properties.is_cooling_available
+      case 'heat':
+        return device.properties.is_heating_available
+      case 'heat_cool':
+        return (
+          device.properties.is_heating_available &&
+          device.properties.is_cooling_available
+        )
+      default:
+        return true
+    }
+  })
+}