@seamapi/react 4.5.0 → 4.7.0

package/lib/ui/thermostat/ClimatePreset.js

@@ -0,0 +1,141 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import classNames from 'classnames';
+import { useCallback, useImperativeHandle, useMemo, } from 'react';
+import { Controller, useForm } from 'react-hook-form';
+import { fahrenheitToCelsius } from '../../../lib/seam/thermostats/unit-conversion.js';
+import { useCreateThermostatClimatePreset } from '../../../lib/seam/thermostats/use-create-thermostat-climate-preset.js';
+import { useUpdateThermostatClimatePreset } from '../../../lib/seam/thermostats/use-update-thermostat-climate-preset.js';
+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 { TextField } from '../../../lib/ui/TextField/TextField.js';
+import { ClimateModeMenu } from '../../../lib/ui/thermostat/ClimateModeMenu.js';
+import { FanModeMenu } from '../../../lib/ui/thermostat/FanModeMenu.js';
+import { TemperatureControlGroup } from '../../../lib/ui/thermostat/TemperatureControlGroup.js';
+export function ClimatePreset(props) {
+    const { preset, onBack, device, ...attrs } = props;
+    return (_jsxs("div", { ...attrs, className: classNames('seam-thermostat-climate-preset', attrs.className), children: [_jsx(ContentHeader, { title: preset == null ? t.crateNewPreset : preset.display_name, onBack: onBack }), preset == null ? (_jsx(CreateForm, { device: device, onComplete: onBack })) : (_jsx(UpdateForm, { device: device, onComplete: onBack, preset: preset }))] }));
+}
+function PresetForm(props) {
+    const { defaultValues, device, instanceRef, loading, onSubmit, withKeyField, } = props;
+    const form = useForm({ defaultValues });
+    useImperativeHandle(instanceRef, () => form);
+    const { register, handleSubmit, formState: { errors }, watch, setValue, control, } = form;
+    const state = watch();
+    const onHvacModeChange = (mode) => {
+        if (mode === 'heat_cool') {
+            setValue('heatPoint', defaultValues.heatPoint);
+            setValue('coolPoint', defaultValues.coolPoint);
+        }
+        else if (mode === 'heat') {
+            setValue('heatPoint', defaultValues.heatPoint);
+            setValue('coolPoint', undefined);
+        }
+        else if (mode === 'cool') {
+            setValue('heatPoint', undefined);
+            setValue('coolPoint', defaultValues.coolPoint);
+        }
+        else {
+            setValue('heatPoint', undefined);
+            setValue('coolPoint', undefined);
+        }
+    };
+    const otherClimatePresets = useMemo(() => {
+        if (withKeyField !== true)
+            return [];
+        return (device.properties.available_climate_presets ?? []).filter((other) => other.climate_preset_key !== defaultValues.key);
+    }, [defaultValues, device, withKeyField]);
+    const onValid = useCallback(() => {
+        onSubmit(state);
+    }, [onSubmit, state]);
+    return (_jsx("div", { className: 'seam-main', children: _jsxs("form", { onSubmit: (e) => {
+                void handleSubmit(onValid)(e);
+            }, children: [withKeyField === true && (_jsxs(FormField, { children: [_jsx(InputLabel, { children: "Key" }), _jsx(TextField, { size: 'large', clearable: true, hasError: errors.key != null, helperText: errors.key?.message, inputProps: {
+                                ...register('key', {
+                                    required: 'required',
+                                    setValueAs: (value) => value.trim(),
+                                    validate(value) {
+                                        if (value.includes(' ')) {
+                                            return t.keyCannotContainSpaces;
+                                        }
+                                        const exists = otherClimatePresets.some((other) => other.climate_preset_key === value);
+                                        if (exists) {
+                                            return t.keyAlreadyExists;
+                                        }
+                                        return true;
+                                    },
+                                }),
+                            } })] })), _jsxs(FormField, { children: [_jsx(InputLabel, { children: t.nameField }), _jsx(TextField, { size: 'large', clearable: true, hasError: errors.name != null, helperText: errors.name?.message, inputProps: register('name', {
+                                required: false,
+                                setValueAs: (value) => value.trim(),
+                            }) })] }), state.fanMode != null && (_jsxs(FormField, { children: [_jsx(InputLabel, { children: t.fanModeField }), _jsx(Controller, { control: control, name: 'fanMode', render: ({ field: { onChange, value } }) => value != null ? (_jsx(FanModeMenu, { block: true, size: 'large', mode: value, onChange: onChange })) : (_jsx(_Fragment, {})) })] })), state.hvacMode != null && (_jsxs(FormField, { children: [_jsx(InputLabel, { children: t.hvacModeField }), _jsx(Controller, { control: control, name: 'hvacMode', render: ({ field: { onChange, value } }) => value == null ? (_jsx(_Fragment, {})) : (_jsx(ClimateModeMenu, { block: true, size: 'large', buttonTextVisible: true, mode: value, onChange: (value) => {
+                                    onHvacModeChange(value);
+                                    onChange(value);
+                                } })) })] })), state.hvacMode !== 'off' && state.hvacMode != null && (_jsxs(FormField, { children: [_jsx(InputLabel, { children: t.heatCoolField }), _jsx(TemperatureControlGroup, { mode: state.hvacMode, onHeatValueChange: (value) => {
+                                setValue('heatPoint', value);
+                            }, onCoolValueChange: (value) => {
+                                setValue('coolPoint', value);
+                            }, heatValue: state.heatPoint ?? 0, coolValue: state.coolPoint ?? 0, minHeat: device.properties.min_heating_cooling_delta_fahrenheit, maxHeat: device.properties.max_heating_set_point_fahrenheit, minCool: device.properties.min_cooling_set_point_fahrenheit, maxCool: device.properties.max_cooling_set_point_fahrenheit, delta: device.properties.min_heating_cooling_delta_fahrenheit })] })), _jsx("div", { className: 'seam-climate-preset-buttons', children: _jsx(Button, { type: 'submit', variant: 'solid', disabled: loading, loading: loading, children: t.save }) })] }) }));
+}
+function CreateForm({ device, onComplete }) {
+    const mutation = useCreateThermostatClimatePreset();
+    const onSubmit = useCallback((values) => {
+        mutation.mutate({
+            climate_preset_key: values.key,
+            device_id: device.device_id,
+            name: values.name === '' ? undefined : values.name,
+            cooling_set_point_fahrenheit: values.coolPoint,
+            heating_set_point_fahrenheit: values.heatPoint,
+            fan_mode_setting: values.fanMode,
+            cooling_set_point_celsius: fahrenheitToCelsius(values.coolPoint),
+            heating_set_point_celsius: fahrenheitToCelsius(values.heatPoint),
+            hvac_mode_setting: values.hvacMode,
+        }, { onSuccess: onComplete });
+    }, [device, mutation, onComplete]);
+    return (_jsx(PresetForm, { defaultValues: {
+            key: '',
+            coolPoint: 60,
+            heatPoint: 80,
+            name: '',
+            hvacMode: 'off',
+            fanMode: 'auto',
+        }, device: device, loading: mutation.isPending, onSubmit: onSubmit, withKeyField: true }));
+}
+function UpdateForm({ device, onComplete, preset, }) {
+    const mutation = useUpdateThermostatClimatePreset();
+    const defaultValues = useMemo(() => ({
+        coolPoint: preset.cooling_set_point_fahrenheit ?? 60,
+        heatPoint: preset.heating_set_point_fahrenheit ?? 80,
+        name: preset.display_name,
+        hvacMode: preset.hvac_mode_setting,
+        fanMode: preset.fan_mode_setting,
+        key: preset.climate_preset_key,
+    }), [preset]);
+    const onSubmit = useCallback((values) => {
+        mutation.mutate({
+            climate_preset_key: values.key,
+            device_id: device.device_id,
+            name: values.name === '' ? undefined : values.name,
+            cooling_set_point_fahrenheit: values.coolPoint,
+            heating_set_point_fahrenheit: values.heatPoint,
+            fan_mode_setting: values.fanMode,
+            cooling_set_point_celsius: fahrenheitToCelsius(values.coolPoint),
+            heating_set_point_celsius: fahrenheitToCelsius(values.heatPoint),
+            hvac_mode_setting: values.hvacMode,
+        }, { onSuccess: onComplete });
+    }, [device, mutation, onComplete]);
+    return (_jsx(PresetForm, { defaultValues: defaultValues, device: device, loading: mutation.isPending, onSubmit: onSubmit }));
+}
+const t = {
+    keyAlreadyExists: 'Climate Preset with this key already exists.',
+    keyCannotContainSpaces: 'Climate Preset key cannot contain spaces.',
+    nameField: 'Display Name (Optional)',
+    fanModeField: 'Fan Mode',
+    hvacModeField: 'HVAC Mode',
+    heatCoolField: 'Heat / Cool',
+    delete: 'Delete',
+    save: 'Save',
+    crateNewPreset: 'Create New Climate Preset',
+};
+//# sourceMappingURL=ClimatePreset.js.map

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.5.0";
+declare const seamapiReactVersion = "4.7.0";
 export default seamapiReactVersion;

package/lib/version.js

@@ -1,3 +1,3 @@
-const seamapiReactVersion = '4.5.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.5.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/AccessCodeDetails/AccessCodeDetails.tsx

@@ -13,6 +13,7 @@ import {
 } from 'lib/seam/components/common-props.js'
 import { NestedDeviceDetails } from 'lib/seam/components/DeviceDetails/DeviceDetails.js'
 import { NestedEditAccessCodeForm } from 'lib/seam/components/EditAccessCodeForm/EditAccessCodeForm.js'
+import { useDevice } from 'lib/seam/devices/use-device.js'
 import {
   accessCodeErrorFilter,
   accessCodeWarningFilter,
@@ -94,6 +95,12 @@ export function AccessCodeDetails({
     )
   }, [accessCode, deleteCode, onDelete, preventDefaultOnDelete])
 
+  const { device } = useDevice({ device_id: accessCode?.device_id })
+  const canSpecifyPinCode =
+    device?.properties.code_constraints?.every(
+      ({ constraint_type: type }) => type !== 'cannot_specify_pin_code'
+    ) ?? true
+
   if (accessCode == null) {
     return null
   }
@@ -192,18 +199,23 @@ export function AccessCodeDetails({
               alerts.length > 0 && 'seam-top-has-alerts'
             )}
           >
-            <span className='seam-label'>{t.accessCode}</span>
-            <h5 className='seam-access-code-name'>{name}</h5>
-            <div className='seam-code'>
-              <span>{accessCode.code}</span>
-              <IconButton
-                onClick={() => {
-                  void copyToClipboard(accessCode.code ?? '')
-                }}
-              >
-                <CopyIcon />
-              </IconButton>
-            </div>
+            {canSpecifyPinCode && (
+              <>
+                <span className='seam-label'>{t.accessCode}</span>
+                <h5 className='seam-access-code-name'>{name}</h5>
+                <div className='seam-code'>
+                  <span>{accessCode.code}</span>
+                  <IconButton
+                    onClick={() => {
+                      void copyToClipboard(accessCode.code ?? '')
+                    }}
+                  >
+                    <CopyIcon />
+                  </IconButton>
+                </div>
+              </>
+            )}
+
             <div className='seam-duration'>
               <Duration accessCode={accessCode} />
             </div>
@@ -215,28 +227,32 @@ export function AccessCodeDetails({
             onSelectDevice={selectDevice}
           />
         </div>
-        {(!disableEditAccessCode || !disableDeleteAccessCode) && (
-          <div className='seam-actions'>
-            {!disableEditAccessCode && !accessCode.is_offline_access_code && (
-              <Button
-                size='small'
-                onClick={handleEdit}
-                disabled={isAccessCodeBeingRemoved || isDeleting}
-              >
-                {t.editCode}
-              </Button>
-            )}
-            {!disableDeleteAccessCode && !accessCode.is_offline_access_code && (
-              <Button
-                size='small'
-                onClick={handleDelete}
-                disabled={isAccessCodeBeingRemoved || isDeleting}
-              >
-                {t.deleteCode}
-              </Button>
-            )}
-          </div>
-        )}
+
+        {canSpecifyPinCode &&
+          (!disableEditAccessCode || !disableDeleteAccessCode) && (
+            <div className='seam-actions'>
+              {!disableEditAccessCode && !accessCode.is_offline_access_code && (
+                <Button
+                  size='small'
+                  onClick={handleEdit}
+                  disabled={isAccessCodeBeingRemoved || isDeleting}
+                >
+                  {t.editCode}
+                </Button>
+              )}
+              {!disableDeleteAccessCode &&
+                !accessCode.is_offline_access_code && (
+                  <Button
+                    size='small'
+                    onClick={handleDelete}
+                    disabled={isAccessCodeBeingRemoved || isDeleting}
+                  >
+                    {t.deleteCode}
+                  </Button>
+                )}
+            </div>
+          )}
+
         <div className='seam-details'>
           {!disableResourceIds && (
             <div className='seam-row'>