@seamapi/react 3.1.2 → 4.0.0

package/lib/ui/ClimateSettingForm/ClimateSettingScheduleFormClimateSetting.d.ts

@@ -1,13 +0,0 @@
-/// <reference types="react" />
-import { type Control } from 'react-hook-form';
-import type { ClimateSettingScheduleFormFields } from '../../../lib/ui/ClimateSettingForm/ClimateSettingScheduleForm.js';
-interface ClimateSettingScheduleFormClimateSettingProps {
-    title: string;
-    control: Control<ClimateSettingScheduleFormFields>;
-    deviceId: string;
-    onBack: () => void;
-    onCancel: (() => void) | undefined;
-    onSave: () => void;
-}
-export declare function ClimateSettingScheduleFormClimateSetting({ title, control, deviceId, onBack, onCancel, onSave, }: ClimateSettingScheduleFormClimateSettingProps): JSX.Element;
-export {};

package/lib/ui/ClimateSettingForm/ClimateSettingScheduleFormClimateSetting.js

@@ -1,44 +0,0 @@
-import { Fragment as _Fragment, jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Controller } from 'react-hook-form';
-import { useDevice } from '../../../lib/seam/devices/use-device.js';
-import { isThermostatDevice } from '../../../lib/seam/thermostats/thermostat-device.js';
-import { Button } from '../../../lib/ui/Button.js';
-import { getSetPointBounds, } from '../../../lib/ui/ClimateSettingForm/set-point-bounds.js';
-import { FormField } from '../../../lib/ui/FormField.js';
-import { InputLabel } from '../../../lib/ui/InputLabel.js';
-import { ContentHeader } from '../../../lib/ui/layout/ContentHeader.js';
-import { ClimateSettingControlGroup } from '../../../lib/ui/thermostat/ClimateSettingControlGroup.js';
-export function ClimateSettingScheduleFormClimateSetting({ title, control, deviceId, onBack, onCancel, onSave, }) {
-    const { device } = useDevice({
-        device_id: deviceId,
-    });
-    if (device == null)
-        return _jsx(_Fragment, {});
-    if (!isThermostatDevice(device))
-        return _jsx(_Fragment, {});
-    const setPointBounds = getSetPointBounds(device);
-    return (_jsxs(_Fragment, { children: [_jsx(ContentHeader, { title: title, onBack: onBack, subheading: device?.properties.name }), _jsxs("div", { className: 'seam-main', children: [_jsx("div", { className: 'seam-climate-setting-schedule-form-climate-setting', children: _jsxs("div", { className: 'seam-content', children: [_jsxs("div", { children: [_jsx(InputLabel, { children: t.climateSetting }), _jsx("span", { className: 'seam-label', children: t.climateSettingSubHeading })] }), _jsx(FormContent, { control: control, setPointBounds: setPointBounds })] }) }), _jsxs("div", { className: 'seam-actions', children: [_jsx(Button, { onClick: onCancel, children: t.cancel }), _jsx(Button, { variant: 'solid', onClick: onSave, children: t.save })] })] })] }));
-}
-function FormContent({ control, setPointBounds, }) {
-    return (_jsx(FormField, { children: _jsx(Controller, { name: 'climateSetting', control: control, render: ({ field: { value, onChange } }) => (_jsx(ClimateSettingControlGroup, { mode: value.hvacModeSetting, onModeChange: (mode) => {
-                    onChange({ ...value, hvacModeSetting: mode });
-                }, coolValue: value.coolingSetPoint, heatValue: value.heatingSetPoint, ...setPointBounds, onCoolValueChange: (coolingSetPoint) => {
-                    onChange({
-                        ...value,
-                        coolingSetPoint,
-                    });
-                }, onHeatValueChange: (heatingSetPoint) => {
-                    onChange({
-                        ...value,
-                        heatingSetPoint,
-                    });
-                } })) }) }));
-}
-const t = {
-    climateSetting: 'Climate setting',
-    climateSettingSubHeading: 'Choose mode and adjust the climate',
-    cancel: 'Cancel',
-    save: 'Save',
-    next: 'Next',
-};
-//# sourceMappingURL=ClimateSettingScheduleFormClimateSetting.js.map

package/lib/ui/ClimateSettingForm/ClimateSettingScheduleFormClimateSetting.js.map

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

package/lib/ui/ClimateSettingForm/ClimateSettingScheduleFormDefaultClimateSetting.d.ts

@@ -1,10 +0,0 @@
-/// <reference types="react" />
-interface ClimateSettingScheduleFormDefaultClimateSettingProps {
-    title: string;
-    deviceId: string;
-    onBack: () => void;
-    onCancel: (() => void) | undefined;
-    onSave: () => void;
-}
-export declare function ClimateSettingScheduleFormDefaultClimateSetting({ title, deviceId, onBack, onCancel, onSave, }: ClimateSettingScheduleFormDefaultClimateSettingProps): JSX.Element;
-export {};

package/lib/ui/ClimateSettingForm/ClimateSettingScheduleFormDefaultClimateSetting.js

@@ -1,24 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-import { useState } from 'react';
-import { useDevice } from '../../../lib/seam/devices/use-device.js';
-import { Button } from '../../../lib/ui/Button.js';
-import { InputLabel } from '../../../lib/ui/InputLabel.js';
-import { ContentHeader } from '../../../lib/ui/layout/ContentHeader.js';
-import { ClimateSettingControlGroup } from '../../../lib/ui/thermostat/ClimateSettingControlGroup.js';
-export function ClimateSettingScheduleFormDefaultClimateSetting({ title, deviceId, onBack, onCancel, onSave, }) {
-    const { device } = useDevice({
-        device_id: deviceId,
-    });
-    const [mode, setMode] = useState('heat_cool');
-    const [heatValue, setHeatValue] = useState(70);
-    const [coolValue, setCoolValue] = useState(75);
-    return (_jsxs(_Fragment, { children: [_jsx(ContentHeader, { title: title, onBack: onBack, subheading: device?.properties.name }), _jsxs("div", { className: 'seam-main', children: [_jsx("div", { className: 'seam-climate-setting-schedule-form-default-climate-setting', children: _jsxs("div", { className: 'seam-content', children: [_jsx("div", { className: 'seam-default-climate-setting-message', children: _jsx("p", { children: t.defaultClimateMessage }) }), _jsxs("div", { className: 'seam-control-group-title', children: [_jsx(InputLabel, { children: t.defaultClimate }), _jsx("span", { className: 'seam-label', children: t.defautClimateSubHeading })] }), _jsx(ClimateSettingControlGroup, { mode: mode, onModeChange: setMode, heatValue: heatValue, onHeatValueChange: setHeatValue, coolValue: coolValue, onCoolValueChange: setCoolValue })] }) }), _jsxs("div", { className: 'seam-actions', children: [_jsx(Button, { onClick: onCancel, children: t.cancel }), _jsx(Button, { variant: 'solid', onClick: onSave, children: t.save })] })] })] }));
-}
-const t = {
-    defaultClimate: 'Default Climate',
-    defautClimateSubHeading: 'Choose the default mode and climate for this device',
-    defaultClimateMessage: 'This device doesn’t have a default climate set up yet. Choose the climate you’d like the device to fall back to after scheduled climates reach their ends.',
-    cancel: 'Cancel',
-    save: 'Save',
-};
-//# sourceMappingURL=ClimateSettingScheduleFormDefaultClimateSetting.js.map

package/lib/ui/ClimateSettingForm/ClimateSettingScheduleFormDefaultClimateSetting.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ClimateSettingScheduleFormDefaultClimateSetting.js","sourceRoot":"","sources":["../../../src/lib/ui/ClimateSettingForm/ClimateSettingScheduleFormDefaultClimateSetting.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AAEhC,OAAO,EAAE,SAAS,EAAE,MAAM,gCAAgC,CAAA;AAE1D,OAAO,EAAE,MAAM,EAAE,MAAM,kBAAkB,CAAA;AACzC,OAAO,EAAE,UAAU,EAAE,MAAM,sBAAsB,CAAA;AACjD,OAAO,EAAE,aAAa,EAAE,MAAM,gCAAgC,CAAA;AAC9D,OAAO,EAAE,0BAA0B,EAAE,MAAM,iDAAiD,CAAA;AAU5F,MAAM,UAAU,+CAA+C,CAAC,EAC9D,KAAK,EACL,QAAQ,EACR,MAAM,EACN,QAAQ,EACR,MAAM,GAC+C;IACrD,MAAM,EAAE,MAAM,EAAE,GAAG,SAAS,CAAC;QAC3B,SAAS,EAAE,QAAQ;KACpB,CAAC,CAAA;IAEF,MAAM,CAAC,IAAI,EAAE,OAAO,CAAC,GAAG,QAAQ,CAAkB,WAAW,CAAC,CAAA;IAC9D,MAAM,CAAC,SAAS,EAAE,YAAY,CAAC,GAAG,QAAQ,CAAC,EAAE,CAAC,CAAA;IAC9C,MAAM,CAAC,SAAS,EAAE,YAAY,CAAC,GAAG,QAAQ,CAAC,EAAE,CAAC,CAAA;IAE9C,OAAO,CACL,8BACE,KAAC,aAAa,IACZ,KAAK,EAAE,KAAK,EACZ,MAAM,EAAE,MAAM,EACd,UAAU,EAAE,MAAM,EAAE,UAAU,CAAC,IAAI,GACnC,EACF,eAAK,SAAS,EAAC,WAAW,aACxB,cAAK,SAAS,EAAC,4DAA4D,YACzE,eAAK,SAAS,EAAC,cAAc,aAC3B,cAAK,SAAS,EAAC,sCAAsC,YACnD,sBAAI,CAAC,CAAC,qBAAqB,GAAK,GAC5B,EACN,eAAK,SAAS,EAAC,0BAA0B,aACvC,KAAC,UAAU,cAAE,CAAC,CAAC,cAAc,GAAc,EAC3C,eAAM,SAAS,EAAC,YAAY,YAAE,CAAC,CAAC,uBAAuB,GAAQ,IAC3D,EACN,KAAC,0BAA0B,IACzB,IAAI,EAAE,IAAI,EACV,YAAY,EAAE,OAAO,EACrB,SAAS,EAAE,SAAS,EACpB,iBAAiB,EAAE,YAAY,EAC/B,SAAS,EAAE,SAAS,EACpB,iBAAiB,EAAE,YAAY,GAC/B,IACE,GACF,EACN,eAAK,SAAS,EAAC,cAAc,aAC3B,KAAC,MAAM,IAAC,OAAO,EAAE,QAAQ,YAAG,CAAC,CAAC,MAAM,GAAU,EAC9C,KAAC,MAAM,IAAC,OAAO,EAAC,OAAO,EAAC,OAAO,EAAE,MAAM,YACpC,CAAC,CAAC,IAAI,GACA,IACL,IACF,IACL,CACJ,CAAA;AACH,CAAC;AAED,MAAM,CAAC,GAAG;IACR,cAAc,EAAE,iBAAiB;IACjC,uBAAuB,EACrB,qDAAqD;IACvD,qBAAqB,EACnB,4JAA4J;IAC9J,MAAM,EAAE,QAAQ;IAChB,IAAI,EAAE,MAAM;CACb,CAAA"}

package/lib/ui/ClimateSettingForm/ClimateSettingScheduleFormDeviceSelect.d.ts

@@ -1,10 +0,0 @@
-/// <reference types="react" />
-import { type Control } from 'react-hook-form';
-import type { ClimateSettingScheduleFormFields } from '../../../lib/ui/ClimateSettingForm/ClimateSettingScheduleForm.js';
-interface ClimateSettingScheduleFormDeviceSelectProps {
-    title: string;
-    control: Control<ClimateSettingScheduleFormFields>;
-    onBack: (() => void) | undefined;
-}
-export declare function ClimateSettingScheduleFormDeviceSelect({ title, control, onBack, }: ClimateSettingScheduleFormDeviceSelectProps): JSX.Element;
-export {};

package/lib/ui/ClimateSettingForm/ClimateSettingScheduleFormDeviceSelect.js

@@ -1,10 +0,0 @@
-import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
-import { Controller } from 'react-hook-form';
-import { ContentHeader } from '../../../lib/ui/layout/ContentHeader.js';
-import { ThermostatSelect } from '../../../lib/ui/thermostat/ThermostatSelect.js';
-export function ClimateSettingScheduleFormDeviceSelect({ title, control, onBack, }) {
-    return (_jsxs(_Fragment, { children: [_jsx(ContentHeader, { title: title, onBack: onBack }), _jsx("div", { className: 'seam-main', children: _jsx(Controller, { name: 'deviceId', control: control, render: ({ field: { onChange } }) => (_jsx(ThermostatSelect, { onSelect: (deviceId) => {
-                            onChange(deviceId);
-                        } })) }) })] }));
-}
-//# sourceMappingURL=ClimateSettingScheduleFormDeviceSelect.js.map

package/lib/ui/ClimateSettingForm/ClimateSettingScheduleFormDeviceSelect.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ClimateSettingScheduleFormDeviceSelect.js","sourceRoot":"","sources":["../../../src/lib/ui/ClimateSettingForm/ClimateSettingScheduleFormDeviceSelect.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAgB,UAAU,EAAE,MAAM,iBAAiB,CAAA;AAG1D,OAAO,EAAE,aAAa,EAAE,MAAM,gCAAgC,CAAA;AAC9D,OAAO,EAAE,gBAAgB,EAAE,MAAM,uCAAuC,CAAA;AAQxE,MAAM,UAAU,sCAAsC,CAAC,EACrD,KAAK,EACL,OAAO,EACP,MAAM,GACsC;IAC5C,OAAO,CACL,8BACE,KAAC,aAAa,IAAC,KAAK,EAAE,KAAK,EAAE,MAAM,EAAE,MAAM,GAAI,EAC/C,cAAK,SAAS,EAAC,WAAW,YACxB,KAAC,UAAU,IACT,IAAI,EAAC,UAAU,EACf,OAAO,EAAE,OAAO,EAChB,MAAM,EAAE,CAAC,EAAE,KAAK,EAAE,EAAE,QAAQ,EAAE,EAAE,EAAE,EAAE,CAAC,CACnC,KAAC,gBAAgB,IACf,QAAQ,EAAE,CAAC,QAAQ,EAAE,EAAE;4BACrB,QAAQ,CAAC,QAAQ,CAAC,CAAA;wBACpB,CAAC,GACD,CACH,GACD,GACE,IACL,CACJ,CAAA;AACH,CAAC"}

package/lib/ui/ClimateSettingForm/ClimateSettingScheduleFormNameAndSchedule.d.ts

@@ -1,15 +0,0 @@
-/// <reference types="react" />
-import { type Control } from 'react-hook-form';
-import type { ClimateSettingScheduleFormFields } from '../../../lib/ui/ClimateSettingForm/ClimateSettingScheduleForm.js';
-interface ClimateSettingScheduleFormNameAndScheduleProps {
-    title: string;
-    control: Control<ClimateSettingScheduleFormFields>;
-    deviceId: string;
-    timeZone: string;
-    onBack: () => void;
-    onCancel: (() => void) | undefined;
-    onNext: () => void;
-    onChangeTimeZone: () => void;
-}
-export declare function ClimateSettingScheduleFormNameAndSchedule({ title, control, deviceId, timeZone, onBack, onCancel, onNext, onChangeTimeZone, }: ClimateSettingScheduleFormNameAndScheduleProps): JSX.Element;
-export {};

package/lib/ui/ClimateSettingForm/ClimateSettingScheduleFormNameAndSchedule.js

@@ -1,30 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-import { Controller } from 'react-hook-form';
-import { formatTimeZone } from '../../../lib/dates.js';
-import { ChevronRightIcon } from '../../../lib/icons/ChevronRight.js';
-import { useDevice } from '../../../lib/seam/devices/use-device.js';
-import { Button } from '../../../lib/ui/Button.js';
-import { DateTimePicker } from '../../../lib/ui/DateTimePicker/DateTimePicker.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';
-export function ClimateSettingScheduleFormNameAndSchedule({ title, control, deviceId, timeZone, onBack, onCancel, onNext, onChangeTimeZone, }) {
-    const { device } = useDevice({
-        device_id: deviceId,
-    });
-    return (_jsxs(_Fragment, { children: [_jsx(ContentHeader, { title: title, onBack: onBack, subheading: device?.properties.name }), _jsxs("div", { className: 'seam-main', children: [_jsx("div", { className: 'seam-climate-setting-schedule-form-name-and-schedule', children: _jsxs("div", { className: 'seam-content', children: [_jsxs(FormField, { children: [_jsx(InputLabel, { children: t.nameInputLabel }), _jsx(Controller, { name: 'name', control: control, defaultValue: '', render: ({ field, fieldState: { invalid, error } }) => {
-                                                return (_jsx(TextField, { ...field, size: 'large', clearable: true, hasError: invalid, helperText: error?.message }));
-                                            } })] }), _jsxs(FormField, { children: [_jsx(InputLabel, { children: t.startTimeLabel }), _jsxs("div", { className: 'seam-time-zone', children: [_jsx("span", { className: 'seam-label', children: t.selectedTimeZoneLabel }), _jsxs("span", { className: 'seam-selected', onClick: onChangeTimeZone, children: [formatTimeZone(timeZone), _jsx(ChevronRightIcon, {})] })] }), _jsx(Controller, { name: 'startDate', control: control, defaultValue: '', render: ({ field }) => (_jsx(DateTimePicker, { ...field, size: 'large' })) })] }), _jsxs(FormField, { children: [_jsx(InputLabel, { children: t.endTimeLabel }), _jsx(Controller, { name: 'endDate', control: control, defaultValue: '', render: ({ field }) => (_jsx(DateTimePicker, { ...field, size: 'large' })) })] })] }) }), _jsxs("div", { className: 'seam-actions', children: [_jsx(Button, { onClick: onCancel, children: t.cancel }), _jsx(Button, { variant: 'solid', onClick: onNext, children: t.next })] })] })] }));
-}
-const t = {
-    nameInputLabel: 'Name the climate setting schedule',
-    startTimeLabel: 'Start time',
-    endTimeLabel: 'End time',
-    addNewClimateSettingSchedule: 'Add a climate setting schedule',
-    cancel: 'Cancel',
-    save: 'Save',
-    next: 'Next',
-    selectedTimeZoneLabel: 'All times in',
-};
-//# sourceMappingURL=ClimateSettingScheduleFormNameAndSchedule.js.map

package/lib/ui/ClimateSettingForm/ClimateSettingScheduleFormNameAndSchedule.js.map

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

package/lib/ui/ClimateSettingForm/ClimateSettingScheduleFormTimeZonePicker.d.ts

@@ -1,9 +0,0 @@
-/// <reference types="react" />
-import { type Control } from 'react-hook-form';
-import type { ClimateSettingScheduleFormFields } from '../../../lib/ui/ClimateSettingForm/ClimateSettingScheduleForm.js';
-interface ClimateSettingScheduleFormTimeZonePickerProps {
-    control: Control<ClimateSettingScheduleFormFields>;
-    onClose: () => void;
-}
-export declare function ClimateSettingScheduleFormTimeZonePicker({ control, onClose, }: ClimateSettingScheduleFormTimeZonePickerProps): JSX.Element;
-export {};

package/lib/ui/ClimateSettingForm/ClimateSettingScheduleFormTimeZonePicker.js

@@ -1,16 +0,0 @@
-import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
-import { useState } from 'react';
-import { Controller } from 'react-hook-form';
-import { ContentHeader } from '../../../lib/ui/layout/ContentHeader.js';
-import { TimeZonePicker } from '../../../lib/ui/TimeZonePicker/TimeZonePicker.js';
-export function ClimateSettingScheduleFormTimeZonePicker({ control, onClose, }) {
-    const [title, setTitle] = useState(t.titleAuto);
-    return (_jsxs(_Fragment, { children: [_jsx(ContentHeader, { title: title, onBack: onClose }), _jsx("div", { className: 'seam-main', children: _jsx(Controller, { name: 'timeZone', control: control, render: ({ field }) => (_jsx(TimeZonePicker, { ...field, onManualTimeZoneSelected: (manualTimeZoneSelected) => {
-                            setTitle(manualTimeZoneSelected ? t.titleManual : t.titleAuto);
-                        } })) }) })] }));
-}
-const t = {
-    titleAuto: 'Time Zone (automatic)',
-    titleManual: 'Time Zone (manual)',
-};
-//# sourceMappingURL=ClimateSettingScheduleFormTimeZonePicker.js.map

package/lib/ui/ClimateSettingForm/ClimateSettingScheduleFormTimeZonePicker.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ClimateSettingScheduleFormTimeZonePicker.js","sourceRoot":"","sources":["../../../src/lib/ui/ClimateSettingForm/ClimateSettingScheduleFormTimeZonePicker.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AAChC,OAAO,EAAgB,UAAU,EAAE,MAAM,iBAAiB,CAAA;AAG1D,OAAO,EAAE,aAAa,EAAE,MAAM,gCAAgC,CAAA;AAC9D,OAAO,EAAE,cAAc,EAAE,MAAM,yCAAyC,CAAA;AAOxE,MAAM,UAAU,wCAAwC,CAAC,EACvD,OAAO,EACP,OAAO,GACuC;IAC9C,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,QAAQ,CAAC,CAAC,CAAC,SAAS,CAAC,CAAA;IAE/C,OAAO,CACL,8BACE,KAAC,aAAa,IAAC,KAAK,EAAE,KAAK,EAAE,MAAM,EAAE,OAAO,GAAI,EAChD,cAAK,SAAS,EAAC,WAAW,YACxB,KAAC,UAAU,IACT,IAAI,EAAC,UAAU,EACf,OAAO,EAAE,OAAO,EAChB,MAAM,EAAE,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,CACrB,KAAC,cAAc,OACT,KAAK,EACT,wBAAwB,EAAE,CAAC,sBAAsB,EAAE,EAAE;4BACnD,QAAQ,CAAC,sBAAsB,CAAC,CAAC,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC,CAAA;wBAChE,CAAC,GACD,CACH,GACD,GACE,IACL,CACJ,CAAA;AACH,CAAC;AAED,MAAM,CAAC,GAAG;IACR,SAAS,EAAE,uBAAuB;IAClC,WAAW,EAAE,oBAAoB;CAClC,CAAA"}

package/lib/ui/ClimateSettingForm/set-point-bounds.d.ts

@@ -1,4 +0,0 @@
-import type { ThermostatDevice } from '../../../lib/seam/thermostats/thermostat-device.js';
-import type { TemperatureControlGroupProps } from '../../../lib/ui/thermostat/TemperatureControlGroup.js';
-export type SetPointBounds = Partial<Pick<TemperatureControlGroupProps, 'minCool' | 'maxCool' | 'minHeat' | 'maxHeat' | 'delta'>>;
-export declare const getSetPointBounds: (device: ThermostatDevice) => SetPointBounds;

package/lib/ui/ClimateSettingForm/set-point-bounds.js

@@ -1,17 +0,0 @@
-export const getSetPointBounds = (device) => {
-    const { properties } = device;
-    const setPointBounds = {};
-    if (properties.available_hvac_mode_settings.includes('cool')) {
-        setPointBounds.minCool = properties.min_cooling_set_point_fahrenheit;
-        setPointBounds.maxCool = properties.max_cooling_set_point_fahrenheit;
-    }
-    if (properties.available_hvac_mode_settings.includes('heat')) {
-        setPointBounds.minHeat = properties.min_heating_set_point_fahrenheit;
-        setPointBounds.maxHeat = properties.max_heating_set_point_fahrenheit;
-    }
-    if (properties.available_hvac_mode_settings.includes('heat_cool')) {
-        setPointBounds.delta = properties.min_heating_cooling_delta_fahrenheit;
-    }
-    return setPointBounds;
-};
-//# sourceMappingURL=set-point-bounds.js.map

package/lib/ui/ClimateSettingForm/set-point-bounds.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"set-point-bounds.js","sourceRoot":"","sources":["../../../src/lib/ui/ClimateSettingForm/set-point-bounds.ts"],"names":[],"mappings":"AAUA,MAAM,CAAC,MAAM,iBAAiB,GAAG,CAAC,MAAwB,EAAkB,EAAE;IAC5E,MAAM,EAAE,UAAU,EAAE,GAAG,MAAM,CAAA;IAE7B,MAAM,cAAc,GAAmB,EAAE,CAAA;IAEzC,IAAI,UAAU,CAAC,4BAA4B,CAAC,QAAQ,CAAC,MAAM,CAAC,EAAE,CAAC;QAC7D,cAAc,CAAC,OAAO,GAAG,UAAU,CAAC,gCAAgC,CAAA;QACpE,cAAc,CAAC,OAAO,GAAG,UAAU,CAAC,gCAAgC,CAAA;IACtE,CAAC;IAED,IAAI,UAAU,CAAC,4BAA4B,CAAC,QAAQ,CAAC,MAAM,CAAC,EAAE,CAAC;QAC7D,cAAc,CAAC,OAAO,GAAG,UAAU,CAAC,gCAAgC,CAAA;QACpE,cAAc,CAAC,OAAO,GAAG,UAAU,CAAC,gCAAgC,CAAA;IACtE,CAAC;IAED,IAAI,UAAU,CAAC,4BAA4B,CAAC,QAAQ,CAAC,WAAW,CAAC,EAAE,CAAC;QAClE,cAAc,CAAC,KAAK,GAAG,UAAU,CAAC,oCAAoC,CAAA;IACxE,CAAC;IAED,OAAO,cAAc,CAAA;AACvB,CAAC,CAAA"}

package/src/lib/seam/components/ClimateSettingScheduleDetails/ClimateSettingScheduleCard.tsx

@@ -1,107 +0,0 @@
-import type { ClimateSettingSchedule } from '@seamapi/types/connect'
-import { DateTime } from 'luxon'
-
-import { ClimateSettingScheduleIcon } from 'lib/icons/ClimateSettingSchedule.js'
-import { ClimateSettingScheduleDeviceBar } from 'lib/seam/components/ClimateSettingScheduleDetails/ClimateSettingScheduleDeviceBar.js'
-import { useClimateSettingSchedule } from 'lib/seam/thermostats/climate-setting-schedules/use-climate-setting-schedule.js'
-import { DotDivider } from 'lib/ui/layout/DotDivider.js'
-import { ClimateSettingStatus } from 'lib/ui/thermostat/ClimateSettingStatus.js'
-import { useNow } from 'lib/ui/use-now.js'
-
-import { formatDateTime } from './dates.js'
-
-interface ClimateSettingScheduleCardProps {
-  climateSettingScheduleId: string
-  onSelectDevice: (deviceId: string) => void
-}
-
-export function ClimateSettingScheduleCard({
-  climateSettingScheduleId,
-  onSelectDevice,
-}: ClimateSettingScheduleCardProps): JSX.Element {
-  return (
-    <div className='seam-climate-setting-schedule-card'>
-      <Content
-        climateSettingScheduleId={climateSettingScheduleId}
-        onSelectDevice={onSelectDevice}
-      />
-    </div>
-  )
-}
-
-function Content(props: {
-  climateSettingScheduleId: string
-  onSelectDevice: (deviceId: string) => void
-}): JSX.Element | null {
-  const { climateSettingScheduleId, onSelectDevice } = props
-
-  const { climateSettingSchedule } = useClimateSettingSchedule({
-    climate_setting_schedule_id: climateSettingScheduleId,
-  })
-
-  if (climateSettingSchedule == null) {
-    return null
-  }
-
-  const name = climateSettingSchedule.name ?? t.fallbackName
-
-  return (
-    <div className='seam-climate-setting-schedule-content'>
-      <div className='seam-climate-setting-schedule-summary-container'>
-        <div className='seam-climate-setting-schedule-icon-block'>
-          <ClimateSettingScheduleIcon />
-        </div>
-        <div className='seam-climate-setting-schedule-summary'>
-          <h5 className='seam-climate-setting-schedule-heading'>{name}</h5>
-          <div className='seam-climate-setting-schedule-subheading'>
-            <ClimateSettingStatus climateSetting={climateSettingSchedule} />
-            <DotDivider />
-            <ClimateSettingScheduleTiming
-              climateSettingSchedule={climateSettingSchedule}
-            />
-          </div>
-        </div>
-      </div>
-      <ClimateSettingScheduleDeviceBar
-        onSelectDevice={onSelectDevice}
-        deviceId={climateSettingSchedule.device_id}
-      />
-    </div>
-  )
-}
-
-function ClimateSettingScheduleTiming(props: {
-  climateSettingSchedule: ClimateSettingSchedule
-}): JSX.Element | null {
-  const { climateSettingSchedule } = props
-
-  const now = useNow()
-
-  if (now === null) return null
-
-  const startTime = DateTime.fromISO(climateSettingSchedule.schedule_starts_at)
-  const endTime = DateTime.fromISO(climateSettingSchedule.schedule_ends_at)
-
-  if (now < startTime)
-    return (
-      <span>
-        {t.starts} {formatDateTime(climateSettingSchedule.schedule_starts_at)}
-      </span>
-    )
-
-  if (startTime <= now && now <= endTime)
-    return (
-      <span>
-        {t.ends} {formatDateTime(climateSettingSchedule.schedule_starts_at)}
-      </span>
-    )
-
-  return <span>{t.expired}</span>
-}
-
-const t = {
-  starts: 'Starts',
-  ends: 'Ends',
-  expired: 'Expired',
-  fallbackName: 'Climate Setting Schedule',
-}

package/src/lib/seam/components/ClimateSettingScheduleDetails/ClimateSettingScheduleDetails.element.ts

@@ -1,11 +0,0 @@
-import type { ElementProps } from 'lib/element.js'
-
-import type { ClimateSettingScheduleDetailsProps } from './ClimateSettingScheduleDetails.js'
-
-export const name = 'seam-climate-setting-schedule-details'
-
-export const props: ElementProps<ClimateSettingScheduleDetailsProps> = {
-  climateSettingScheduleId: 'string',
-}
-
-export { ClimateSettingScheduleDetails as Component } from './ClimateSettingScheduleDetails.js'

package/src/lib/seam/components/ClimateSettingScheduleDetails/ClimateSettingScheduleDetails.tsx

@@ -1,175 +0,0 @@
-import classNames from 'classnames'
-import { useState } from 'react'
-
-import { ArrowRightIcon } from 'lib/icons/ArrowRight.js'
-import { ClimateSettingScheduleCard } from 'lib/seam/components/ClimateSettingScheduleDetails/ClimateSettingScheduleCard.js'
-import {
-  type CommonProps,
-  withRequiredCommonProps,
-} from 'lib/seam/components/common-props.js'
-import { NestedDeviceDetails } from 'lib/seam/components/DeviceDetails/DeviceDetails.js'
-import { useClimateSettingSchedule } from 'lib/seam/thermostats/climate-setting-schedules/use-climate-setting-schedule.js'
-import { useUpdateClimateSettingSchedule } from 'lib/seam/thermostats/climate-setting-schedules/use-update-climate-setting-schedule.js'
-import { useComponentTelemetry } from 'lib/telemetry/index.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 { ClimateSettingStatus } from 'lib/ui/thermostat/ClimateSettingStatus.js'
-
-import { formatDateTime } from './dates.js'
-
-export interface ClimateSettingScheduleDetailsProps extends CommonProps {
-  climateSettingScheduleId: string
-}
-
-export const NestedClimateSettingScheduleDetails = withRequiredCommonProps(
-  ClimateSettingScheduleDetails
-)
-
-export function ClimateSettingScheduleDetails({
-  climateSettingScheduleId,
-  disableLockUnlock = false,
-  disableDeleteAccessCode = false,
-  onBack,
-  className,
-  errorFilter = () => true,
-  warningFilter = () => true,
-  disableCreateAccessCode,
-  disableEditAccessCode,
-  disableResourceIds = false,
-  disableConnectedAccountInformation = false,
-  disableClimateSettingSchedules,
-}: ClimateSettingScheduleDetailsProps): JSX.Element | null {
-  useComponentTelemetry('ClimateSettingScheduleDetails')
-
-  const { climateSettingSchedule } = useClimateSettingSchedule({
-    climate_setting_schedule_id: climateSettingScheduleId,
-  })
-
-  const { mutate, isSuccess, isError } = useUpdateClimateSettingSchedule()
-
-  const [selectedDeviceId, selectDevice] = useState<string | null>(null)
-
-  if (climateSettingSchedule == null) {
-    return null
-  }
-
-  const isManualOverrideAllowed =
-    climateSettingSchedule.manual_override_allowed ?? false
-
-  if (selectedDeviceId != null) {
-    return (
-      <NestedDeviceDetails
-        deviceId={selectedDeviceId}
-        errorFilter={errorFilter}
-        warningFilter={warningFilter}
-        disableLockUnlock={disableLockUnlock}
-        disableCreateAccessCode={disableCreateAccessCode}
-        disableEditAccessCode={disableEditAccessCode}
-        disableDeleteAccessCode={disableDeleteAccessCode}
-        disableResourceIds={disableResourceIds}
-        disableConnectedAccountInformation={disableConnectedAccountInformation}
-        disableClimateSettingSchedules={disableClimateSettingSchedules}
-        onBack={() => {
-          selectDevice(null)
-        }}
-        className={className}
-      />
-    )
-  }
-
-  return (
-    <>
-      <div
-        className={classNames(
-          'seam-climate-setting-schedule-details',
-          className
-        )}
-      >
-        <ContentHeader title={t.climateSettingSchedule} onBack={onBack} />
-        <div className='seam-climate-setting-schedule-details-content'>
-          <ClimateSettingScheduleCard
-            climateSettingScheduleId={climateSettingScheduleId}
-            onSelectDevice={selectDevice}
-          />
-          <div className='seam-default-setting-message-container'>
-            <span className='seam-default-setting-message'>
-              {t.defaultSettingMessagePart1}{' '}
-              <span className='seam-default-setting-text'>
-                {t.defaultSetting}
-              </span>{' '}
-              {t.defaultSettingMessagePart2}
-            </span>
-          </div>
-          <DetailSectionGroup>
-            <DetailSection>
-              <DetailRow label={t.startEndTime}>
-                <span className='seam-climate-setting-details-value seam-climate-setting-details-schedule-range'>
-                  {formatDateTime(climateSettingSchedule.schedule_starts_at)}
-                  <ArrowRightIcon />
-                  {formatDateTime(climateSettingSchedule.schedule_ends_at)}
-                </span>
-              </DetailRow>
-              <DetailRow label={t.climateSetting}>
-                <ClimateSettingStatus
-                  climateSetting={climateSettingSchedule}
-                  iconPlacement='right'
-                />
-              </DetailRow>
-              <DetailRow label={t.allowManualOverride}>
-                <span className='seam-climate-setting-details-value'>
-                  <Switch
-                    checked={isManualOverrideAllowed}
-                    onChange={(checked) => {
-                      mutate({
-                        climate_setting_schedule_id:
-                          climateSettingSchedule.climate_setting_schedule_id,
-                        manual_override_allowed: checked,
-                      })
-                    }}
-                  />
-                </span>
-              </DetailRow>
-            </DetailSection>
-            <DetailSection>
-              <DetailRow label={t.creationDate}>
-                <div className='seam-creation-date'>
-                  {formatDateTime(climateSettingSchedule.created_at)}
-                </div>
-              </DetailRow>
-            </DetailSection>
-          </DetailSectionGroup>
-        </div>
-      </div>
-      <Snackbar
-        message={t.manualOverrideSuccess}
-        variant='success'
-        visible={isSuccess}
-        automaticVisibility
-      />
-
-      <Snackbar
-        message={t.manualOverrideError}
-        variant='error'
-        visible={isError}
-        automaticVisibility
-      />
-    </>
-  )
-}
-
-const t = {
-  climateSettingSchedule: 'Climate setting schedule',
-  startEndTime: 'Start/End Time',
-  climateSetting: 'Climate setting',
-  allowManualOverride: 'Allow manual override',
-  creationDate: 'Creation date',
-  defaultSettingMessagePart1: 'Thermostat will return to its',
-  defaultSetting: 'default setting',
-  defaultSettingMessagePart2: 'at end time.',
-  manualOverrideSuccess: 'Successfully updated manual override!',
-  manualOverrideError: 'Error updating manual override. Please try again.',
-}

package/src/lib/seam/components/ClimateSettingScheduleDetails/ClimateSettingScheduleDeviceBar.tsx

@@ -1,72 +0,0 @@
-import { ChevronWideIcon } from 'lib/icons/ChevronWide.js'
-import { useDevice } from 'lib/seam/devices/use-device.js'
-import {
-  isThermostatDevice,
-  type ThermostatDevice,
-} from 'lib/seam/thermostats/thermostat-device.js'
-import { DeviceImage } from 'lib/ui/device/DeviceImage.js'
-import { ClimateSettingStatus } from 'lib/ui/thermostat/ClimateSettingStatus.js'
-
-export function ClimateSettingScheduleDeviceBar({
-  deviceId,
-  onSelectDevice,
-}: {
-  deviceId: string
-  onSelectDevice: (deviceId: string) => void
-}): JSX.Element | null {
-  const { isPending, device } = useDevice({
-    device_id: deviceId,
-  })
-
-  if (isPending) {
-    return null
-  }
-
-  if (device == null) {
-    return null
-  }
-
-  if (!isThermostatDevice(device)) {
-    return null
-  }
-
-  return <Content device={device} onSelectDevice={onSelectDevice} />
-}
-
-function Content(props: {
-  device: ThermostatDevice
-  onSelectDevice: (deviceId: string) => void
-}): JSX.Element {
-  const { device, onSelectDevice } = props
-
-  return (
-    <div
-      className='seam-climate-setting-schedule-device-bar'
-      onClick={() => {
-        onSelectDevice(device.device_id)
-      }}
-    >
-      <div className='seam-climate-setting-schedule-device-content'>
-        <div className='seam-device-image'>
-          <DeviceImage device={device} />
-        </div>
-        <div className='seam-climate-setting-schedule-device-details'>
-          <div className='seam-device-name'>{device.properties.name}</div>
-          <div className='seam-device-current-climate-setting'>
-            {t.currentClimate}:
-            <ClimateSettingStatus
-              climateSetting={device.properties.current_climate_setting}
-            />
-          </div>
-        </div>
-      </div>
-      <div className='seam-climate-setting-schedule-device-chevron'>
-        <ChevronWideIcon />
-      </div>
-    </div>
-  )
-}
-
-const t = {
-  currentClimate: 'Current climate',
-}

package/src/lib/seam/components/ClimateSettingScheduleDetails/dates.ts

@@ -1,10 +0,0 @@
-import { DateTime } from 'luxon'
-
-export const formatDateTime = (date: string): string =>
-  DateTime.fromISO(date).toLocaleString({
-    month: 'short',
-    day: 'numeric',
-    hour: 'numeric',
-    minute: '2-digit',
-    timeZoneName: 'short',
-  })