@seamapi/react 4.6.0 → 4.7.0

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

@@ -0,0 +1,6 @@
+import type { SeamHttpApiError, ThermostatsCreateClimatePresetBody } from '@seamapi/http/connect';
+import { type UseMutationResult } from '@tanstack/react-query';
+export type UseCreateThermostatClimatePresetParams = never;
+export type UseCreateThermostatClimatePresetData = undefined;
+export type UseCreateThermostatClimatePresetVariables = ThermostatsCreateClimatePresetBody;
+export declare function useCreateThermostatClimatePreset(): UseMutationResult<UseCreateThermostatClimatePresetData, SeamHttpApiError, UseCreateThermostatClimatePresetVariables>;

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

@@ -0,0 +1,55 @@
+import { useMutation, useQueryClient, } from '@tanstack/react-query';
+import { fahrenheitToCelsius } from '../../../lib/seam/thermostats/unit-conversion.js';
+import { NullSeamClientError, useSeamClient } from '../../../lib/seam/use-seam-client.js';
+export function useCreateThermostatClimatePreset() {
+    const { client } = useSeamClient();
+    const queryClient = useQueryClient();
+    return useMutation({
+        mutationFn: async (variables) => {
+            if (client === null)
+                throw new NullSeamClientError();
+            await client.thermostats.createClimatePreset(variables);
+        },
+        onSuccess: (_data, variables) => {
+            queryClient.setQueryData(['devices', 'get', { device_id: variables.device_id }], (device) => {
+                if (device == null) {
+                    return;
+                }
+                return getUpdatedDevice(device, variables);
+            });
+            queryClient.setQueryData(['devices', 'list', { device_id: variables.device_id }], (devices) => {
+                if (devices == null) {
+                    return [];
+                }
+                return devices.map((device) => {
+                    if (device.device_id === variables.device_id) {
+                        return getUpdatedDevice(device, variables);
+                    }
+                    return device;
+                });
+            });
+        },
+    });
+}
+const getUpdatedDevice = (device, variables) => {
+    const preset = {
+        ...variables,
+        cooling_set_point_celsius: fahrenheitToCelsius(variables.cooling_set_point_fahrenheit),
+        heating_set_point_celsius: fahrenheitToCelsius(variables.heating_set_point_fahrenheit),
+        display_name: variables.name ?? variables.climate_preset_key,
+        can_delete: true,
+        can_edit: true,
+        manual_override_allowed: false,
+    };
+    return {
+        ...device,
+        properties: {
+            ...device.properties,
+            available_climate_presets: [
+                preset,
+                ...(device.properties.available_climate_presets ?? []),
+            ],
+        },
+    };
+};
+//# sourceMappingURL=use-create-thermostat-climate-preset.js.map

package/lib/seam/thermostats/use-create-thermostat-climate-preset.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-create-thermostat-climate-preset.js","sourceRoot":"","sources":["../../../src/lib/seam/thermostats/use-create-thermostat-climate-preset.ts"],"names":[],"mappings":"AAIA,OAAO,EACL,WAAW,EAEX,cAAc,GACf,MAAM,uBAAuB,CAAA;AAM9B,OAAO,EAAE,mBAAmB,EAAE,MAAM,yCAAyC,CAAA;AAC7E,OAAO,EAAE,mBAAmB,EAAE,aAAa,EAAE,MAAM,6BAA6B,CAAA;AAQhF,MAAM,UAAU,gCAAgC;IAK9C,MAAM,EAAE,MAAM,EAAE,GAAG,aAAa,EAAE,CAAA;IAClC,MAAM,WAAW,GAAG,cAAc,EAAE,CAAA;IAEpC,OAAO,WAAW,CAIhB;QACA,UAAU,EAAE,KAAK,EAAE,SAAS,EAAE,EAAE;YAC9B,IAAI,MAAM,KAAK,IAAI;gBAAE,MAAM,IAAI,mBAAmB,EAAE,CAAA;YACpD,MAAM,MAAM,CAAC,WAAW,CAAC,mBAAmB,CAAC,SAAS,CAAC,CAAA;QACzD,CAAC;QACD,SAAS,EAAE,CAAC,KAAK,EAAE,SAAS,EAAE,EAAE;YAC9B,WAAW,CAAC,YAAY,CACtB,CAAC,SAAS,EAAE,KAAK,EAAE,EAAE,SAAS,EAAE,SAAS,CAAC,SAAS,EAAE,CAAC,EACtD,CAAC,MAAM,EAAE,EAAE;gBACT,IAAI,MAAM,IAAI,IAAI,EAAE,CAAC;oBACnB,OAAM;gBACR,CAAC;gBAED,OAAO,gBAAgB,CAAC,MAAM,EAAE,SAAS,CAAC,CAAA;YAC5C,CAAC,CACF,CAAA;YAED,WAAW,CAAC,YAAY,CACtB,CAAC,SAAS,EAAE,MAAM,EAAE,EAAE,SAAS,EAAE,SAAS,CAAC,SAAS,EAAE,CAAC,EACvD,CAAC,OAAO,EAAsB,EAAE;gBAC9B,IAAI,OAAO,IAAI,IAAI,EAAE,CAAC;oBACpB,OAAO,EAAE,CAAA;gBACX,CAAC;gBAED,OAAO,OAAO,CAAC,GAAG,CAAC,CAAC,MAAM,EAAE,EAAE;oBAC5B,IAAI,MAAM,CAAC,SAAS,KAAK,SAAS,CAAC,SAAS,EAAE,CAAC;wBAC7C,OAAO,gBAAgB,CAAC,MAAM,EAAE,SAAS,CAAC,CAAA;oBAC5C,CAAC;oBAED,OAAO,MAAM,CAAA;gBACf,CAAC,CAAC,CAAA;YACJ,CAAC,CACF,CAAA;QACH,CAAC;KACF,CAAC,CAAA;AACJ,CAAC;AAED,MAAM,gBAAgB,GAAG,CACvB,MAAwB,EACxB,SAAoD,EAClC,EAAE;IACpB,MAAM,MAAM,GAA4B;QACtC,GAAG,SAAS;QACZ,yBAAyB,EAAE,mBAAmB,CAC5C,SAAS,CAAC,4BAA4B,CACvC;QACD,yBAAyB,EAAE,mBAAmB,CAC5C,SAAS,CAAC,4BAA4B,CACvC;QACD,YAAY,EAAE,SAAS,CAAC,IAAI,IAAI,SAAS,CAAC,kBAAkB;QAC5D,UAAU,EAAE,IAAI;QAChB,QAAQ,EAAE,IAAI;QACd,uBAAuB,EAAE,KAAK;KAC/B,CAAA;IAED,OAAO;QACL,GAAG,MAAM;QACT,UAAU,EAAE;YACV,GAAG,MAAM,CAAC,UAAU;YACpB,yBAAyB,EAAE;gBACzB,MAAM;gBACN,GAAG,CAAC,MAAM,CAAC,UAAU,CAAC,yBAAyB,IAAI,EAAE,CAAC;aACvD;SACF;KACF,CAAA;AACH,CAAC,CAAA"}

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

@@ -0,0 +1,6 @@
+import type { SeamHttpApiError, ThermostatsDeleteClimatePresetBody } from '@seamapi/http/connect';
+import { type UseMutationResult } from '@tanstack/react-query';
+export type UseDeleteThermostatClimatePresetParams = never;
+export type UseDeleteThermostatClimatePresetData = undefined;
+export type UseDeleteThermostatClimatePresetVariables = ThermostatsDeleteClimatePresetBody;
+export declare function useDeleteThermostatClimatePreset(): UseMutationResult<UseDeleteThermostatClimatePresetData, SeamHttpApiError, UseDeleteThermostatClimatePresetVariables>;

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

@@ -0,0 +1,44 @@
+import { useMutation, useQueryClient, } from '@tanstack/react-query';
+import { NullSeamClientError, useSeamClient } from '../../../lib/seam/use-seam-client.js';
+export function useDeleteThermostatClimatePreset() {
+    const { client } = useSeamClient();
+    const queryClient = useQueryClient();
+    return useMutation({
+        mutationFn: async (variables) => {
+            if (client === null)
+                throw new NullSeamClientError();
+            await client.thermostats.deleteClimatePreset(variables);
+        },
+        onSuccess: (_data, variables) => {
+            queryClient.setQueryData(['devices', 'get', { device_id: variables.device_id }], (device) => {
+                if (device == null) {
+                    return;
+                }
+                return getUpdatedDevice(device, variables);
+            });
+            queryClient.setQueryData(['devices', 'list', { device_id: variables.device_id }], (devices) => {
+                if (devices == null) {
+                    return [];
+                }
+                return devices.map((device) => {
+                    if (device.device_id === variables.device_id) {
+                        return getUpdatedDevice(device, variables);
+                    }
+                    return device;
+                });
+            });
+        },
+    });
+}
+function getUpdatedDevice(device, variables) {
+    return {
+        ...device,
+        properties: {
+            ...device.properties,
+            available_climate_presets: device.properties.available_climate_presets.filter((preset) => {
+                return preset.climate_preset_key !== variables.climate_preset_key;
+            }),
+        },
+    };
+}
+//# sourceMappingURL=use-delete-thermostat-climate-preset.js.map

package/lib/seam/thermostats/use-delete-thermostat-climate-preset.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-delete-thermostat-climate-preset.js","sourceRoot":"","sources":["../../../src/lib/seam/thermostats/use-delete-thermostat-climate-preset.ts"],"names":[],"mappings":"AAIA,OAAO,EACL,WAAW,EAEX,cAAc,GACf,MAAM,uBAAuB,CAAA;AAG9B,OAAO,EAAE,mBAAmB,EAAE,aAAa,EAAE,MAAM,6BAA6B,CAAA;AAShF,MAAM,UAAU,gCAAgC;IAK9C,MAAM,EAAE,MAAM,EAAE,GAAG,aAAa,EAAE,CAAA;IAClC,MAAM,WAAW,GAAG,cAAc,EAAE,CAAA;IAEpC,OAAO,WAAW,CAIhB;QACA,UAAU,EAAE,KAAK,EAAE,SAAS,EAAE,EAAE;YAC9B,IAAI,MAAM,KAAK,IAAI;gBAAE,MAAM,IAAI,mBAAmB,EAAE,CAAA;YACpD,MAAM,MAAM,CAAC,WAAW,CAAC,mBAAmB,CAAC,SAAS,CAAC,CAAA;QACzD,CAAC;QACD,SAAS,EAAE,CAAC,KAAK,EAAE,SAAS,EAAE,EAAE;YAC9B,WAAW,CAAC,YAAY,CACtB,CAAC,SAAS,EAAE,KAAK,EAAE,EAAE,SAAS,EAAE,SAAS,CAAC,SAAS,EAAE,CAAC,EACtD,CAAC,MAAM,EAAE,EAAE;gBACT,IAAI,MAAM,IAAI,IAAI,EAAE,CAAC;oBACnB,OAAM;gBACR,CAAC;gBAED,OAAO,gBAAgB,CAAC,MAAM,EAAE,SAAS,CAAC,CAAA;YAC5C,CAAC,CACF,CAAA;YAED,WAAW,CAAC,YAAY,CACtB,CAAC,SAAS,EAAE,MAAM,EAAE,EAAE,SAAS,EAAE,SAAS,CAAC,SAAS,EAAE,CAAC,EACvD,CAAC,OAAO,EAAsB,EAAE;gBAC9B,IAAI,OAAO,IAAI,IAAI,EAAE,CAAC;oBACpB,OAAO,EAAE,CAAA;gBACX,CAAC;gBAED,OAAO,OAAO,CAAC,GAAG,CAAC,CAAC,MAAM,EAAE,EAAE;oBAC5B,IAAI,MAAM,CAAC,SAAS,KAAK,SAAS,CAAC,SAAS,EAAE,CAAC;wBAC7C,OAAO,gBAAgB,CAAC,MAAM,EAAE,SAAS,CAAC,CAAA;oBAC5C,CAAC;oBAED,OAAO,MAAM,CAAA;gBACf,CAAC,CAAC,CAAA;YACJ,CAAC,CACF,CAAA;QACH,CAAC;KACF,CAAC,CAAA;AACJ,CAAC;AAED,SAAS,gBAAgB,CACvB,MAAwB,EACxB,SAAoD;IAEpD,OAAO;QACL,GAAG,MAAM;QACT,UAAU,EAAE;YACV,GAAG,MAAM,CAAC,UAAU;YACpB,yBAAyB,EACvB,MAAM,CAAC,UAAU,CAAC,yBAAyB,CAAC,MAAM,CAAC,CAAC,MAAM,EAAE,EAAE;gBAC5D,OAAO,MAAM,CAAC,kBAAkB,KAAK,SAAS,CAAC,kBAAkB,CAAA;YACnE,CAAC,CAAC;SACL;KACF,CAAA;AACH,CAAC"}

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

@@ -0,0 +1,6 @@
+import type { SeamHttpApiError, ThermostatsUpdateClimatePresetBody } from '@seamapi/http/connect';
+import { type UseMutationResult } from '@tanstack/react-query';
+export type UseUpdateThermostatClimatePresetParams = never;
+export type UseUpdateThermostatClimatePresetData = undefined;
+export type UseUpdateThermostatClimatePresetVariables = Omit<ThermostatsUpdateClimatePresetBody, 'manual_override_allowed'>;
+export declare function useUpdateThermostatClimatePreset(): UseMutationResult<UseUpdateThermostatClimatePresetData, SeamHttpApiError, UseUpdateThermostatClimatePresetVariables>;

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

@@ -0,0 +1,55 @@
+import { useMutation, useQueryClient, } from '@tanstack/react-query';
+import { fahrenheitToCelsius } from '../../../lib/seam/thermostats/unit-conversion.js';
+import { NullSeamClientError, useSeamClient } from '../../../lib/seam/use-seam-client.js';
+export function useUpdateThermostatClimatePreset() {
+    const { client } = useSeamClient();
+    const queryClient = useQueryClient();
+    return useMutation({
+        mutationFn: async (variables) => {
+            if (client === null)
+                throw new NullSeamClientError();
+            await client.thermostats.createClimatePreset(variables);
+        },
+        onSuccess: (_data, variables) => {
+            queryClient.setQueryData(['devices', 'get', { device_id: variables.device_id }], (device) => {
+                if (device == null) {
+                    return;
+                }
+                return getUpdatedDevice(device, variables);
+            });
+            queryClient.setQueryData(['devices', 'list', { device_id: variables.device_id }], (devices) => {
+                if (devices == null) {
+                    return [];
+                }
+                return devices.map((device) => {
+                    if (device.device_id === variables.device_id) {
+                        return getUpdatedDevice(device, variables);
+                    }
+                    return device;
+                });
+            });
+        },
+    });
+}
+function getUpdatedDevice(device, variables) {
+    const preset = {
+        ...variables,
+        cooling_set_point_celsius: fahrenheitToCelsius(variables.cooling_set_point_fahrenheit),
+        heating_set_point_celsius: fahrenheitToCelsius(variables.heating_set_point_fahrenheit),
+        display_name: variables.name ?? variables.climate_preset_key,
+        can_delete: true,
+        can_edit: true,
+        manual_override_allowed: true,
+    };
+    return {
+        ...device,
+        properties: {
+            ...device.properties,
+            available_climate_presets: [
+                preset,
+                ...(device.properties.available_climate_presets ?? []),
+            ],
+        },
+    };
+}
+//# sourceMappingURL=use-update-thermostat-climate-preset.js.map

package/lib/seam/thermostats/use-update-thermostat-climate-preset.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-update-thermostat-climate-preset.js","sourceRoot":"","sources":["../../../src/lib/seam/thermostats/use-update-thermostat-climate-preset.ts"],"names":[],"mappings":"AAIA,OAAO,EACL,WAAW,EAEX,cAAc,GACf,MAAM,uBAAuB,CAAA;AAM9B,OAAO,EAAE,mBAAmB,EAAE,MAAM,yCAAyC,CAAA;AAC7E,OAAO,EAAE,mBAAmB,EAAE,aAAa,EAAE,MAAM,6BAA6B,CAAA;AAUhF,MAAM,UAAU,gCAAgC;IAK9C,MAAM,EAAE,MAAM,EAAE,GAAG,aAAa,EAAE,CAAA;IAClC,MAAM,WAAW,GAAG,cAAc,EAAE,CAAA;IAEpC,OAAO,WAAW,CAIhB;QACA,UAAU,EAAE,KAAK,EAAE,SAAS,EAAE,EAAE;YAC9B,IAAI,MAAM,KAAK,IAAI;gBAAE,MAAM,IAAI,mBAAmB,EAAE,CAAA;YACpD,MAAM,MAAM,CAAC,WAAW,CAAC,mBAAmB,CAAC,SAAS,CAAC,CAAA;QACzD,CAAC;QACD,SAAS,EAAE,CAAC,KAAK,EAAE,SAAS,EAAE,EAAE;YAC9B,WAAW,CAAC,YAAY,CACtB,CAAC,SAAS,EAAE,KAAK,EAAE,EAAE,SAAS,EAAE,SAAS,CAAC,SAAS,EAAE,CAAC,EACtD,CAAC,MAAM,EAAE,EAAE;gBACT,IAAI,MAAM,IAAI,IAAI,EAAE,CAAC;oBACnB,OAAM;gBACR,CAAC;gBAED,OAAO,gBAAgB,CAAC,MAAM,EAAE,SAAS,CAAC,CAAA;YAC5C,CAAC,CACF,CAAA;YAED,WAAW,CAAC,YAAY,CACtB,CAAC,SAAS,EAAE,MAAM,EAAE,EAAE,SAAS,EAAE,SAAS,CAAC,SAAS,EAAE,CAAC,EACvD,CAAC,OAAO,EAAsB,EAAE;gBAC9B,IAAI,OAAO,IAAI,IAAI,EAAE,CAAC;oBACpB,OAAO,EAAE,CAAA;gBACX,CAAC;gBAED,OAAO,OAAO,CAAC,GAAG,CAAC,CAAC,MAAM,EAAE,EAAE;oBAC5B,IAAI,MAAM,CAAC,SAAS,KAAK,SAAS,CAAC,SAAS,EAAE,CAAC;wBAC7C,OAAO,gBAAgB,CAAC,MAAM,EAAE,SAAS,CAAC,CAAA;oBAC5C,CAAC;oBAED,OAAO,MAAM,CAAA;gBACf,CAAC,CAAC,CAAA;YACJ,CAAC,CACF,CAAA;QACH,CAAC;KACF,CAAC,CAAA;AACJ,CAAC;AAED,SAAS,gBAAgB,CACvB,MAAwB,EACxB,SAAoD;IAEpD,MAAM,MAAM,GAA4B;QACtC,GAAG,SAAS;QACZ,yBAAyB,EAAE,mBAAmB,CAC5C,SAAS,CAAC,4BAA4B,CACvC;QACD,yBAAyB,EAAE,mBAAmB,CAC5C,SAAS,CAAC,4BAA4B,CACvC;QACD,YAAY,EAAE,SAAS,CAAC,IAAI,IAAI,SAAS,CAAC,kBAAkB;QAC5D,UAAU,EAAE,IAAI;QAChB,QAAQ,EAAE,IAAI;QACd,uBAAuB,EAAE,IAAI;KAC9B,CAAA;IAED,OAAO;QACL,GAAG,MAAM;QACT,UAAU,EAAE;YACV,GAAG,MAAM,CAAC,UAAU;YACpB,yBAAyB,EAAE;gBACzB,MAAM;gBACN,GAAG,CAAC,MAAM,CAAC,UAAU,CAAC,yBAAyB,IAAI,EAAE,CAAC;aACvD;SACF;KACF,CAAA;AACH,CAAC"}

package/lib/ui/Button.d.ts

@@ -1,12 +1,13 @@
 import type { MouseEventHandler, PropsWithChildren } from 'react';
 interface ButtonProps extends PropsWithChildren {
-    variant?: 'solid' | 'outline' | 'neutral';
+    variant?: 'solid' | 'outline' | 'neutral' | 'danger';
     size?: 'small' | 'medium' | 'large';
     type?: 'button' | 'submit';
     disabled?: boolean;
     onClick?: MouseEventHandler<HTMLButtonElement>;
     className?: string;
     onMouseDown?: MouseEventHandler<HTMLButtonElement>;
+    loading?: boolean;
 }
-export declare function Button({ variant, children, size, disabled, onClick, className, onMouseDown, type, }: ButtonProps): JSX.Element;
+export declare function Button({ variant, children, size, disabled, onClick, className, onMouseDown, type, loading, }: ButtonProps): JSX.Element;
 export {};

package/lib/ui/Button.js

@@ -1,8 +1,16 @@
-import { jsx as _jsx } from "react/jsx-runtime";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import classNames from 'classnames';
-export function Button({ variant = 'outline', children, size = 'medium', disabled = false, onClick, className, onMouseDown, type = 'button', }) {
-    return (_jsx("button", { className: classNames(`seam-btn seam-btn-${variant} seam-btn-${size}`, {
+import { Spinner } from '../../lib/ui/Spinner/Spinner.js';
+export function Button({ variant = 'outline', children, size = 'medium', disabled = false, onClick, className, onMouseDown, type = 'button', loading = false, }) {
+    return (_jsxs("button", { className: classNames(`seam-btn seam-btn-${variant} seam-btn-${size}`, {
             'seam-btn-disabled': disabled,
-        }, className), disabled: disabled, onClick: onClick, onMouseDown: onMouseDown, type: type, children: children }));
+            'seam-btn-loading': loading,
+        }, className), disabled: disabled, onClick: (e) => {
+            if (loading || disabled) {
+                e.preventDefault();
+                return;
+            }
+            onClick?.(e);
+        }, onMouseDown: onMouseDown, type: type, children: [_jsx("span", { className: 'seam-btn-content', children: children }), loading && (_jsx("div", { className: 'seam-btn-loading', children: _jsx(Spinner, { size: 'small' }) }))] }));
 }
 //# sourceMappingURL=Button.js.map

package/lib/ui/Button.js.map

@@ -1 +1 @@
-{"version":3,"file":"Button.js","sourceRoot":"","sources":["../../src/lib/ui/Button.tsx"],"names":[],"mappings":";AAAA,OAAO,UAAU,MAAM,YAAY,CAAA;AAanC,MAAM,UAAU,MAAM,CAAC,EACrB,OAAO,GAAG,SAAS,EACnB,QAAQ,EACR,IAAI,GAAG,QAAQ,EACf,QAAQ,GAAG,KAAK,EAChB,OAAO,EACP,SAAS,EACT,WAAW,EACX,IAAI,GAAG,QAAQ,GACH;IACZ,OAAO,CACL,iBACE,SAAS,EAAE,UAAU,CACnB,qBAAqB,OAAO,aAAa,IAAI,EAAE,EAC/C;YACE,mBAAmB,EAAE,QAAQ;SAC9B,EACD,SAAS,CACV,EACD,QAAQ,EAAE,QAAQ,EAClB,OAAO,EAAE,OAAO,EAChB,WAAW,EAAE,WAAW,EACxB,IAAI,EAAE,IAAI,YAET,QAAQ,GACF,CACV,CAAA;AACH,CAAC"}
+{"version":3,"file":"Button.js","sourceRoot":"","sources":["../../src/lib/ui/Button.tsx"],"names":[],"mappings":";AAAA,OAAO,UAAU,MAAM,YAAY,CAAA;AAGnC,OAAO,EAAE,OAAO,EAAE,MAAM,2BAA2B,CAAA;AAanD,MAAM,UAAU,MAAM,CAAC,EACrB,OAAO,GAAG,SAAS,EACnB,QAAQ,EACR,IAAI,GAAG,QAAQ,EACf,QAAQ,GAAG,KAAK,EAChB,OAAO,EACP,SAAS,EACT,WAAW,EACX,IAAI,GAAG,QAAQ,EACf,OAAO,GAAG,KAAK,GACH;IACZ,OAAO,CACL,kBACE,SAAS,EAAE,UAAU,CACnB,qBAAqB,OAAO,aAAa,IAAI,EAAE,EAC/C;YACE,mBAAmB,EAAE,QAAQ;YAC7B,kBAAkB,EAAE,OAAO;SAC5B,EACD,SAAS,CACV,EACD,QAAQ,EAAE,QAAQ,EAClB,OAAO,EAAE,CAAC,CAAC,EAAE,EAAE;YACb,IAAI,OAAO,IAAI,QAAQ,EAAE,CAAC;gBACxB,CAAC,CAAC,cAAc,EAAE,CAAA;gBAClB,OAAM;YACR,CAAC;YAED,OAAO,EAAE,CAAC,CAAC,CAAC,CAAA;QACd,CAAC,EACD,WAAW,EAAE,WAAW,EACxB,IAAI,EAAE,IAAI,aAEV,eAAM,SAAS,EAAC,kBAAkB,YAAE,QAAQ,GAAQ,EACnD,OAAO,IAAI,CACV,cAAK,SAAS,EAAC,kBAAkB,YAC/B,KAAC,OAAO,IAAC,IAAI,EAAC,OAAO,GAAG,GACpB,CACP,IACM,CACV,CAAA;AACH,CAAC"}

package/lib/ui/IconButton.d.ts

@@ -1,3 +1,6 @@
-/// <reference types="react" />
+import type { Ref } from 'react';
 import type { ButtonProps } from '../../lib/ui/types.js';
-export declare function IconButton({ className, ...props }: ButtonProps): JSX.Element;
+export type IconProps = ButtonProps & {
+    elRef?: Ref<HTMLButtonElement>;
+};
+export declare function IconButton({ className, elRef, ...props }: IconProps): JSX.Element;

package/lib/ui/IconButton.js

@@ -1,6 +1,6 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import classNames from 'classnames';
-export function IconButton({ className, ...props }) {
-    return (_jsx("button", { ...props, className: classNames('seam-icon-btn', className) }));
+export function IconButton({ className, elRef, ...props }) {
+    return (_jsx("button", { ...props, ref: elRef, className: classNames('seam-icon-btn', props.disabled === true && 'seam-icon-btn-disabled', className) }));
 }
 //# sourceMappingURL=IconButton.js.map

package/lib/ui/IconButton.js.map

@@ -1 +1 @@
-{"version":3,"file":"IconButton.js","sourceRoot":"","sources":["../../src/lib/ui/IconButton.tsx"],"names":[],"mappings":";AAAA,OAAO,UAAU,MAAM,YAAY,CAAA;AAInC,MAAM,UAAU,UAAU,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAe;IAC7D,OAAO,CACL,oBAAY,KAAK,EAAE,SAAS,EAAE,UAAU,CAAC,eAAe,EAAE,SAAS,CAAC,GAAI,CACzE,CAAA;AACH,CAAC"}
+{"version":3,"file":"IconButton.js","sourceRoot":"","sources":["../../src/lib/ui/IconButton.tsx"],"names":[],"mappings":";AAAA,OAAO,UAAU,MAAM,YAAY,CAAA;AASnC,MAAM,UAAU,UAAU,CAAC,EACzB,SAAS,EACT,KAAK,EACL,GAAG,KAAK,EACE;IACV,OAAO,CACL,oBACM,KAAK,EACT,GAAG,EAAE,KAAK,EACV,SAAS,EAAE,UAAU,CACnB,eAAe,EACf,KAAK,CAAC,QAAQ,KAAK,IAAI,IAAI,wBAAwB,EACnD,SAAS,CACV,GACD,CACH,CAAA;AACH,CAAC"}

package/lib/ui/Popover/Popover.d.ts

@@ -0,0 +1,17 @@
+import { type ReactNode, type Ref } from 'react';
+export interface PopoverInstance {
+    show: () => void;
+    hide: () => void;
+    toggle: () => void;
+}
+type PopoverChildren = (params: {
+    setRef: (ref: HTMLElement | undefined | null) => void;
+} & PopoverInstance) => ReactNode;
+export interface PopoverProps {
+    children: PopoverChildren;
+    content: ReactNode | ((instance: PopoverInstance) => ReactNode);
+    instanceRef?: Ref<PopoverInstance>;
+    preventCloseOnClickOutside?: boolean;
+}
+export declare function Popover(props: PopoverProps): JSX.Element;
+export {};

package/lib/ui/Popover/Popover.js

@@ -0,0 +1,85 @@
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import { autoUpdate, flip, limitShift, offset, shift, useFloating, } from '@floating-ui/react';
+import { useCallback, useEffect, useImperativeHandle, useMemo, useRef, useState, } from 'react';
+import { createPortal } from 'react-dom';
+import { seamComponentsClassName } from '../../../lib/seam/SeamProvider.js';
+export function Popover(props) {
+    const { children, content, instanceRef, preventCloseOnClickOutside } = props;
+    const [open, setOpen] = useState(false);
+    const { refs, floatingStyles } = useFloating({
+        whileElementsMounted: autoUpdate,
+        transform: false,
+        open,
+        onOpenChange: setOpen,
+        placement: 'bottom',
+        middleware: [
+            shift({
+                crossAxis: true,
+                limiter: limitShift(),
+            }),
+            flip(),
+            offset(5),
+        ],
+    });
+    const referenceEl = useRef();
+    const floatingEl = useRef();
+    const setFLoating = useCallback((ref) => {
+        refs.setFloating(ref);
+        floatingEl.current = ref;
+    }, [refs, floatingEl]);
+    const toggle = useCallback(() => {
+        setOpen((value) => !value);
+    }, []);
+    const instance = useMemo(() => ({
+        show: () => {
+            setOpen(true);
+        },
+        hide: () => {
+            setOpen(false);
+        },
+        toggle,
+    }), [toggle]);
+    const setReference = useCallback((ref) => {
+        if (!(ref instanceof HTMLElement) || referenceEl.current === ref)
+            return;
+        if (referenceEl.current != null) {
+            referenceEl.current.removeEventListener('click', toggle);
+        }
+        refs.setReference(ref);
+        ref.addEventListener('click', toggle);
+        referenceEl.current = ref;
+    }, [toggle, refs]);
+    useImperativeHandle(instanceRef, () => instance);
+    /**
+     * Closes the popover when the user clicks outside of it.
+     */
+    const windowClickHandler = useCallback((e) => {
+        const target = e.target;
+        // If the target is the reference element, do nothing.
+        if (referenceEl.current === target ||
+            referenceEl.current?.contains(target) === true) {
+            return;
+        }
+        const closest = target.closest('[data-seam-popover]');
+        // Prevents closing if target is floating element, also adds support for nested popovers somehow :)
+        if (closest != null &&
+            referenceEl.current != null &&
+            !closest.contains(referenceEl.current)) {
+            return;
+        }
+        setOpen(false);
+    }, []);
+    useEffect(() => {
+        setTimeout(() => {
+            if (preventCloseOnClickOutside === false)
+                return;
+            globalThis.addEventListener('click', windowClickHandler);
+        }, 0);
+        return () => {
+            globalThis.removeEventListener('click', windowClickHandler);
+        };
+    }, [windowClickHandler, preventCloseOnClickOutside]);
+    return (_jsxs(_Fragment, { children: [children({ setRef: setReference, ...instance }), open &&
+                createPortal(_jsx("div", { className: seamComponentsClassName, "data-seam-popover": '', ref: setFLoating, style: floatingStyles, children: _jsx("div", { className: 'seam-popover', children: typeof content === 'function' ? content(instance) : content }) }), globalThis.document.body)] }));
+}
+//# sourceMappingURL=Popover.js.map

package/lib/ui/Popover/Popover.js.map

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

package/lib/ui/Popover/PopoverContentPrompt.d.ts

@@ -0,0 +1,11 @@
+/// <reference types="react" />
+export interface PopoverContentPromptProps {
+    onConfirm?: () => void;
+    onCancel?: () => void;
+    prompt?: string;
+    description?: string;
+    confirmText?: string;
+    cancelText?: string;
+    confirmLoading?: boolean;
+}
+export declare function PopoverContentPrompt(props: PopoverContentPromptProps): JSX.Element;

package/lib/ui/Popover/PopoverContentPrompt.js

@@ -0,0 +1,12 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Button } from '../../../lib/ui/Button.js';
+export function PopoverContentPrompt(props) {
+    const { confirmText = t.confirm, cancelText = t.cancel, confirmLoading = false, prompt = t.areYouSure, description, onConfirm, onCancel, } = props;
+    return (_jsxs("div", { className: 'seam-popover-content-prompt', children: [_jsxs("div", { children: [_jsx("div", { className: 'seam-popover-content-prompt-text', children: prompt }), description != null && (_jsx("div", { className: 'seam-popover-content-prompt-description', children: description }))] }), _jsxs("div", { className: 'seam-popover-content-prompt-buttons', children: [_jsx(Button, { variant: 'solid', onClick: onConfirm, loading: confirmLoading, size: 'small', children: confirmText }), _jsx(Button, { variant: 'danger', size: 'small', onClick: onCancel, children: cancelText })] })] }));
+}
+const t = {
+    confirm: 'Confirm',
+    cancel: 'Cancel',
+    areYouSure: 'Are you sure?',
+};
+//# sourceMappingURL=PopoverContentPrompt.js.map

package/lib/ui/Popover/PopoverContentPrompt.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PopoverContentPrompt.js","sourceRoot":"","sources":["../../../src/lib/ui/Popover/PopoverContentPrompt.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,kBAAkB,CAAA;AAYzC,MAAM,UAAU,oBAAoB,CAClC,KAAgC;IAEhC,MAAM,EACJ,WAAW,GAAG,CAAC,CAAC,OAAO,EACvB,UAAU,GAAG,CAAC,CAAC,MAAM,EACrB,cAAc,GAAG,KAAK,EACtB,MAAM,GAAG,CAAC,CAAC,UAAU,EACrB,WAAW,EACX,SAAS,EACT,QAAQ,GACT,GAAG,KAAK,CAAA;IAET,OAAO,CACL,eAAK,SAAS,EAAC,6BAA6B,aAC1C,0BACE,cAAK,SAAS,EAAC,kCAAkC,YAAE,MAAM,GAAO,EAC/D,WAAW,IAAI,IAAI,IAAI,CACtB,cAAK,SAAS,EAAC,yCAAyC,YACrD,WAAW,GACR,CACP,IACG,EACN,eAAK,SAAS,EAAC,qCAAqC,aAClD,KAAC,MAAM,IACL,OAAO,EAAC,OAAO,EACf,OAAO,EAAE,SAAS,EAClB,OAAO,EAAE,cAAc,EACvB,IAAI,EAAC,OAAO,YAEX,WAAW,GACL,EAET,KAAC,MAAM,IAAC,OAAO,EAAC,QAAQ,EAAC,IAAI,EAAC,OAAO,EAAC,OAAO,EAAE,QAAQ,YACpD,UAAU,GACJ,IACL,IACF,CACP,CAAA;AACH,CAAC;AAED,MAAM,CAAC,GAAG;IACR,OAAO,EAAE,SAAS;IAClB,MAAM,EAAE,QAAQ;IAChB,UAAU,EAAE,eAAe;CAC5B,CAAA"}

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

@@ -1,9 +1,14 @@
-/// <reference types="react" />
+import type { CSSProperties } from 'react';
 import type { HvacModeSetting } from '../../../lib/seam/thermostats/thermostat-device.js';
 interface ClimateModeMenuProps {
     mode: HvacModeSetting;
     onChange: (mode: HvacModeSetting) => void;
     supportedModes?: HvacModeSetting[];
+    buttonTextVisible?: boolean;
+    className?: string;
+    style?: CSSProperties;
+    block?: boolean;
+    size?: 'regular' | 'large';
 }
-export declare function ClimateModeMenu({ mode, onChange, supportedModes, }: ClimateModeMenuProps): JSX.Element;
+export declare function ClimateModeMenu({ mode, onChange, supportedModes, buttonTextVisible, className, style, block, size, }: ClimateModeMenuProps): JSX.Element;
 export {};

package/lib/ui/thermostat/ClimateModeMenu.js

@@ -1,4 +1,5 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import classNames from 'classnames';
 import { ChevronDownIcon } from '../../../lib/icons/ChevronDown.js';
 import { OffIcon } from '../../../lib/icons/Off.js';
 import { ThermostatCoolIcon } from '../../../lib/icons/ThermostatCool.js';
@@ -6,8 +7,12 @@ 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';
-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, { className: 'seam-climate-mode-menu-button-chevron' })] })), verticalOffset: -180, horizontalOffset: -32, backgroundProps: {
+export function ClimateModeMenu({ mode, onChange, supportedModes = ['heat', 'cool', 'heat_cool', 'off'], buttonTextVisible = false, className, style, block, size = 'regular', }) {
+    return (_jsx(Menu, { renderButton: ({ onOpen }) => (_jsxs("button", { style: style, onClick: onOpen, className: classNames('seam-climate-mode-menu-button', {
+                'seam-climate-mode-menu-button-block': block,
+                'seam-climate-mode-menu-button-regular': size === 'regular',
+                'seam-climate-mode-menu-button-large': size === 'large',
+            }, className), children: [_jsx("div", { className: 'seam-climate-mode-menu-button-icon', children: _jsx(ModeIcon, { mode: mode }) }), buttonTextVisible && (_jsx("span", { className: 'seam-climate-mode-menu-button-text', children: t[mode] })), _jsx(ChevronDownIcon, { className: 'seam-climate-mode-menu-button-chevron' })] })), verticalOffset: -180, horizontalOffset: -32, backgroundProps: {
             className: 'seam-thermo-mode-menu',
         }, children: supportedModes.map((m) => (_jsx(ThermoModeMenuOption, { label: t[m], icon: _jsx(ModeIcon, { mode: m }), isSelected: mode === m, onClick: () => {
                 onChange(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":";AAAA,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;AAExE,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,IAAC,SAAS,EAAC,uCAAuC,GAAG,IAC9D,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"}
+{"version":3,"file":"ClimateModeMenu.js","sourceRoot":"","sources":["../../../src/lib/ui/thermostat/ClimateModeMenu.tsx"],"names":[],"mappings":";AAAA,OAAO,UAAU,MAAM,YAAY,CAAA;AAGnC,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;AAExE,OAAO,EAAE,IAAI,EAAE,MAAM,qBAAqB,CAAA;AAC1C,OAAO,EAAE,oBAAoB,EAAE,MAAM,2CAA2C,CAAA;AAahF,MAAM,UAAU,eAAe,CAAC,EAC9B,IAAI,EACJ,QAAQ,EACR,cAAc,GAAG,CAAC,MAAM,EAAE,MAAM,EAAE,WAAW,EAAE,KAAK,CAAC,EACrD,iBAAiB,GAAG,KAAK,EACzB,SAAS,EACT,KAAK,EACL,KAAK,EACL,IAAI,GAAG,SAAS,GACK;IACrB,OAAO,CACL,KAAC,IAAI,IACH,YAAY,EAAE,CAAC,EAAE,MAAM,EAAE,EAAE,EAAE,CAAC,CAC5B,kBACE,KAAK,EAAE,KAAK,EACZ,OAAO,EAAE,MAAM,EACf,SAAS,EAAE,UAAU,CACnB,+BAA+B,EAC/B;gBACE,qCAAqC,EAAE,KAAK;gBAC5C,uCAAuC,EAAE,IAAI,KAAK,SAAS;gBAC3D,qCAAqC,EAAE,IAAI,KAAK,OAAO;aACxD,EACD,SAAS,CACV,aAED,cAAK,SAAS,EAAC,oCAAoC,YACjD,KAAC,QAAQ,IAAC,IAAI,EAAE,IAAI,GAAI,GACpB,EAEL,iBAAiB,IAAI,CACpB,eAAM,SAAS,EAAC,oCAAoC,YACjD,CAAC,CAAC,IAAI,CAAC,GACH,CACR,EAED,KAAC,eAAe,IAAC,SAAS,EAAC,uCAAuC,GAAG,IAC9D,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/ui/thermostat/ClimatePreset.d.ts

@@ -0,0 +1,8 @@
+import { type HTMLAttributes } from 'react';
+import type { ThermostatClimatePreset, ThermostatDevice } from '../../../lib/seam/thermostats/thermostat-device.js';
+export type ClimatePresetProps = {
+    preset?: ThermostatClimatePreset;
+    onBack: () => void;
+    device: ThermostatDevice;
+} & Omit<HTMLAttributes<HTMLDivElement>, 'children'>;
+export declare function ClimatePreset(props: ClimatePresetProps): JSX.Element;

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