@seamapi/react 1.47.0 → 1.48.0

package/lib/seam/thermostats/climate-setting-schedules/use-create-climate-setting-schedule.d.ts

@@ -0,0 +1,5 @@
+import { type UseMutationResult } from '@tanstack/react-query';
+import type { ClimateSettingSchedule, ClimateSettingScheduleCreateRequest, SeamError } from 'seamapi';
+export type UseCreateClimateSettingScheduleData = ClimateSettingSchedule;
+export type UseCreateClimateSettingScheduleMutationParams = ClimateSettingScheduleCreateRequest;
+export declare function useCreateClimateSettingSchedule(): UseMutationResult<UseCreateClimateSettingScheduleData, SeamError, UseCreateClimateSettingScheduleMutationParams>;

package/lib/seam/thermostats/climate-setting-schedules/use-create-climate-setting-schedule.js

@@ -0,0 +1,21 @@
+import { useMutation, useQueryClient, } from '@tanstack/react-query';
+import { NullSeamClientError, useSeamClient } from '../../../../lib/seam/use-seam-client.js';
+export function useCreateClimateSettingSchedule() {
+    const { client } = useSeamClient();
+    const queryClient = useQueryClient();
+    return useMutation({
+        mutationFn: async (mutationParams) => {
+            if (client === null)
+                throw new NullSeamClientError();
+            return await client.thermostats.climateSettingSchedules.create(mutationParams);
+        },
+        onSuccess: () => {
+            void queryClient.invalidateQueries([
+                'thermostats',
+                'climate_setting_schedules',
+                'list',
+            ]);
+        },
+    });
+}
+//# sourceMappingURL=use-create-climate-setting-schedule.js.map

package/lib/seam/thermostats/climate-setting-schedules/use-create-climate-setting-schedule.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-create-climate-setting-schedule.js","sourceRoot":"","sources":["../../../../src/lib/seam/thermostats/climate-setting-schedules/use-create-climate-setting-schedule.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,WAAW,EAEX,cAAc,GACf,MAAM,uBAAuB,CAAA;AAQ9B,OAAO,EAAE,mBAAmB,EAAE,aAAa,EAAE,MAAM,6BAA6B,CAAA;AAMhF,MAAM,UAAU,+BAA+B;IAK7C,MAAM,EAAE,MAAM,EAAE,GAAG,aAAa,EAAE,CAAA;IAClC,MAAM,WAAW,GAAG,cAAc,EAAE,CAAA;IAEpC,OAAO,WAAW,CAIhB;QACA,UAAU,EAAE,KAAK,EACf,cAA6D,EAC7D,EAAE;YACF,IAAI,MAAM,KAAK,IAAI;gBAAE,MAAM,IAAI,mBAAmB,EAAE,CAAA;YACpD,OAAO,MAAM,MAAM,CAAC,WAAW,CAAC,uBAAuB,CAAC,MAAM,CAC5D,cAAc,CACf,CAAA;QACH,CAAC;QACD,SAAS,EAAE,GAAG,EAAE;YACd,KAAK,WAAW,CAAC,iBAAiB,CAAC;gBACjC,aAAa;gBACb,2BAA2B;gBAC3B,MAAM;aACP,CAAC,CAAA;QACJ,CAAC;KACF,CAAC,CAAA;AACJ,CAAC"}

package/lib/seam/thermostats/climate-setting-schedules/use-delete-climate-setting-schedule.d.ts

@@ -0,0 +1,5 @@
+import { type UseMutationResult } from '@tanstack/react-query';
+import type { ClimateSettingScheduleDeleteRequest, ClimateSettingScheduleDeleteResponse, SeamError } from 'seamapi';
+export type UseDeleteClimateSettingScheduleMutationParams = ClimateSettingScheduleDeleteRequest;
+export type UseDeleteClimateSettingScheduleData = ClimateSettingScheduleDeleteResponse;
+export declare function useDeleteClimateSettingSchedule(): UseMutationResult<UseDeleteClimateSettingScheduleData, SeamError, UseDeleteClimateSettingScheduleMutationParams>;

package/lib/seam/thermostats/climate-setting-schedules/use-delete-climate-setting-schedule.js

@@ -0,0 +1,27 @@
+import { useMutation, useQueryClient, } from '@tanstack/react-query';
+import { NullSeamClientError, useSeamClient } from '../../../../lib/seam/use-seam-client.js';
+export function useDeleteClimateSettingSchedule() {
+    const { client } = useSeamClient();
+    const queryClient = useQueryClient();
+    return useMutation({
+        mutationFn: async (mutationParams) => {
+            if (client === null)
+                throw new NullSeamClientError();
+            await client.thermostats.climateSettingSchedules.delete(mutationParams);
+        },
+        onSuccess: (_data, variables) => {
+            void queryClient.invalidateQueries([
+                'thermostats',
+                'climate_setting_schedules',
+                'get',
+                { climate_setting_schedule_id: variables.climate_setting_schedule_id },
+            ]);
+            void queryClient.invalidateQueries([
+                'thermostats',
+                'climate_setting_schedules',
+                'list',
+            ]);
+        },
+    });
+}
+//# sourceMappingURL=use-delete-climate-setting-schedule.js.map

package/lib/seam/thermostats/climate-setting-schedules/use-delete-climate-setting-schedule.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-delete-climate-setting-schedule.js","sourceRoot":"","sources":["../../../../src/lib/seam/thermostats/climate-setting-schedules/use-delete-climate-setting-schedule.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,WAAW,EAEX,cAAc,GACf,MAAM,uBAAuB,CAAA;AAO9B,OAAO,EAAE,mBAAmB,EAAE,aAAa,EAAE,MAAM,6BAA6B,CAAA;AAQhF,MAAM,UAAU,+BAA+B;IAK7C,MAAM,EAAE,MAAM,EAAE,GAAG,aAAa,EAAE,CAAA;IAClC,MAAM,WAAW,GAAG,cAAc,EAAE,CAAA;IAEpC,OAAO,WAAW,CAIhB;QACA,UAAU,EAAE,KAAK,EACf,cAA6D,EAC7D,EAAE;YACF,IAAI,MAAM,KAAK,IAAI;gBAAE,MAAM,IAAI,mBAAmB,EAAE,CAAA;YACpD,MAAM,MAAM,CAAC,WAAW,CAAC,uBAAuB,CAAC,MAAM,CAAC,cAAc,CAAC,CAAA;QACzE,CAAC;QACD,SAAS,EAAE,CAAC,KAAK,EAAE,SAAS,EAAE,EAAE;YAC9B,KAAK,WAAW,CAAC,iBAAiB,CAAC;gBACjC,aAAa;gBACb,2BAA2B;gBAC3B,KAAK;gBACL,EAAE,2BAA2B,EAAE,SAAS,CAAC,2BAA2B,EAAE;aACvE,CAAC,CAAA;YACF,KAAK,WAAW,CAAC,iBAAiB,CAAC;gBACjC,aAAa;gBACb,2BAA2B;gBAC3B,MAAM;aACP,CAAC,CAAA;QACJ,CAAC;KACF,CAAC,CAAA;AACJ,CAAC"}

package/lib/ui/Tooltip/Tooltip.d.ts

@@ -0,0 +1,2 @@
+import { type PropsWithChildren } from 'react';
+export declare function Tooltip({ children }: PropsWithChildren): JSX.Element;

package/lib/ui/Tooltip/Tooltip.js

@@ -0,0 +1,33 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useEffect, useState, } from 'react';
+import { InfoIcon } from '../../../lib/icons/Info.js';
+import { InfoDarkIcon } from '../../../lib/icons/InfoDark.js';
+export function Tooltip({ children }) {
+    const [isOpen, setIsOpen] = useState(false);
+    useEffect(() => {
+        const handleClose = () => {
+            setIsOpen(false);
+        };
+        const handleEscape = (event) => {
+            if (event.key === 'Escape') {
+                handleClose();
+            }
+        };
+        if (isOpen) {
+            globalThis.document?.addEventListener('click', handleClose);
+            globalThis.addEventListener?.('keydown', handleEscape);
+        }
+        return () => {
+            globalThis.document?.removeEventListener('click', handleClose);
+            globalThis.removeEventListener?.('keydown', handleEscape);
+        };
+    }, [isOpen, setIsOpen]);
+    const handleToggle = (event) => {
+        event.stopPropagation();
+        setIsOpen((prev) => !prev);
+    };
+    return (_jsxs("div", { className: 'seam-tooltip', children: [_jsx("div", { className: 'seam-tooltip-trigger-wrap', children: _jsxs("button", { onClick: handleToggle, className: 'seam-tooltip-button', children: [_jsx("div", { className: 'seam-tooltip-button-icon seam-tooltip-button-icon-default', children: _jsx(InfoIcon, {}) }), _jsx("div", { className: 'seam-tooltip-button-icon seam-tooltip-button-icon-hover', children: _jsx(InfoDarkIcon, {}) })] }) }), _jsx("div", { className: 'seam-tooltip-popover', "aria-expanded": isOpen, onClick: (event) => {
+                    event.stopPropagation();
+                }, children: _jsx("p", { className: 'seam-tooltip-text', children: children }) })] }));
+}
+//# sourceMappingURL=Tooltip.js.map

package/lib/ui/Tooltip/Tooltip.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Tooltip.js","sourceRoot":"","sources":["../../../src/lib/ui/Tooltip/Tooltip.tsx"],"names":[],"mappings":";AAAA,OAAO,EAGL,SAAS,EACT,QAAQ,GACT,MAAM,OAAO,CAAA;AAEd,OAAO,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAA;AAC5C,OAAO,EAAE,YAAY,EAAE,MAAM,uBAAuB,CAAA;AAEpD,MAAM,UAAU,OAAO,CAAC,EAAE,QAAQ,EAAqB;IACrD,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAA;IAE3C,SAAS,CAAC,GAAG,EAAE;QACb,MAAM,WAAW,GAAG,GAAS,EAAE;YAC7B,SAAS,CAAC,KAAK,CAAC,CAAA;QAClB,CAAC,CAAA;QAED,MAAM,YAAY,GAAG,CAAC,KAAoB,EAAQ,EAAE;YAClD,IAAI,KAAK,CAAC,GAAG,KAAK,QAAQ,EAAE;gBAC1B,WAAW,EAAE,CAAA;aACd;QACH,CAAC,CAAA;QACD,IAAI,MAAM,EAAE;YACV,UAAU,CAAC,QAAQ,EAAE,gBAAgB,CAAC,OAAO,EAAE,WAAW,CAAC,CAAA;YAC3D,UAAU,CAAC,gBAAgB,EAAE,CAAC,SAAS,EAAE,YAAY,CAAC,CAAA;SACvD;QAED,OAAO,GAAG,EAAE;YACV,UAAU,CAAC,QAAQ,EAAE,mBAAmB,CAAC,OAAO,EAAE,WAAW,CAAC,CAAA;YAC9D,UAAU,CAAC,mBAAmB,EAAE,CAAC,SAAS,EAAE,YAAY,CAAC,CAAA;QAC3D,CAAC,CAAA;IACH,CAAC,EAAE,CAAC,MAAM,EAAE,SAAS,CAAC,CAAC,CAAA;IAEvB,MAAM,YAAY,GAAyC,CAAC,KAAK,EAAQ,EAAE;QACzE,KAAK,CAAC,eAAe,EAAE,CAAA;QACvB,SAAS,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,CAAC,IAAI,CAAC,CAAA;IAC5B,CAAC,CAAA;IAED,OAAO,CACL,eAAK,SAAS,EAAC,cAAc,aAC3B,cAAK,SAAS,EAAC,2BAA2B,YACxC,kBAAQ,OAAO,EAAE,YAAY,EAAE,SAAS,EAAC,qBAAqB,aAC5D,cAAK,SAAS,EAAC,2DAA2D,YACxE,KAAC,QAAQ,KAAG,GACR,EACN,cAAK,SAAS,EAAC,yDAAyD,YACtE,KAAC,YAAY,KAAG,GACZ,IACC,GACL,EAEN,cACE,SAAS,EAAC,sBAAsB,mBACjB,MAAM,EACrB,OAAO,EAAE,CAAC,KAAK,EAAE,EAAE;oBACjB,KAAK,CAAC,eAAe,EAAE,CAAA;gBACzB,CAAC,YAED,YAAG,SAAS,EAAC,mBAAmB,YAAE,QAAQ,GAAK,GAC3C,IACF,CACP,CAAA;AACH,CAAC"}

package/lib/ui/thermostat/ClimateSettingStatus.js

@@ -4,11 +4,11 @@ import { ThermostatHeatIcon } from '../../../lib/icons/ThermostatHeat.js';
 import { ThermostatHeatCoolIcon } from '../../../lib/icons/ThermostatHeatCool.js';
 import { ThermostatOffIcon } from '../../../lib/icons/ThermostatOff.js';
 export function ClimateSettingStatus({ climateSetting, temperatureUnit = 'fahrenheit', iconPlacement = 'left', }) {
-    return (_jsxs("div", { className: 'seam-climate-setting-status', children: [iconPlacement === 'left' && (_jsx(ClimateSettingIcon, { mode: climateSetting.hvac_mode_setting })), _jsx(Content, { mode: climateSetting.hvac_mode_setting, coolingSetPoint: temperatureUnit === 'fahrenheit'
+    return (_jsxs("div", { className: 'seam-climate-setting-status', children: [iconPlacement === 'left' && (_jsx(ClimateSettingIcon, { mode: climateSetting.hvac_mode_setting })), _jsx(Content, { mode: climateSetting.hvac_mode_setting, coolingSetPoint: formatTemperatureValue(temperatureUnit === 'fahrenheit'
                     ? climateSetting.cooling_set_point_fahrenheit
-                    : climateSetting.cooling_set_point_celsius, heatingSetPoint: temperatureUnit === 'fahrenheit'
+                    : climateSetting.cooling_set_point_celsius), heatingSetPoint: formatTemperatureValue(temperatureUnit === 'fahrenheit'
                     ? climateSetting.heating_set_point_fahrenheit
-                    : climateSetting.heating_set_point_celsius, temperatureUnit: temperatureUnit }), iconPlacement === 'right' && (_jsx(ClimateSettingIcon, { mode: climateSetting.hvac_mode_setting }))] }));
+                    : climateSetting.heating_set_point_celsius), temperatureUnit: temperatureUnit }), iconPlacement === 'right' && (_jsx(ClimateSettingIcon, { mode: climateSetting.hvac_mode_setting }))] }));
 }
 function ClimateSettingIcon(props) {
     const { mode } = props;
@@ -29,6 +29,13 @@ function Content(props) {
         return _jsx("span", { children: t.off });
     return null;
 }
+const formatTemperatureValue = (value) => {
+    if (value == null)
+        return '0';
+    if (Number.isInteger(value))
+        return value.toFixed();
+    return value.toFixed(1);
+};
 const t = {
     degreeFahrenheit: '°F',
     degreeCelsius: '°C',

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

@@ -1 +1 @@
-{"version":3,"file":"ClimateSettingStatus.js","sourceRoot":"","sources":["../../../src/lib/ui/thermostat/ClimateSettingStatus.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,kBAAkB,EAAE,MAAM,6BAA6B,CAAA;AAChE,OAAO,EAAE,kBAAkB,EAAE,MAAM,6BAA6B,CAAA;AAChE,OAAO,EAAE,sBAAsB,EAAE,MAAM,iCAAiC,CAAA;AACxE,OAAO,EAAE,iBAAiB,EAAE,MAAM,4BAA4B,CAAA;AAQ9D,MAAM,UAAU,oBAAoB,CAAC,EACnC,cAAc,EACd,eAAe,GAAG,YAAY,EAC9B,aAAa,GAAG,MAAM,GACI;IAC1B,OAAO,CACL,eAAK,SAAS,EAAC,6BAA6B,aACzC,aAAa,KAAK,MAAM,IAAI,CAC3B,KAAC,kBAAkB,IAAC,IAAI,EAAE,cAAc,CAAC,iBAAiB,GAAI,CAC/D,EACD,KAAC,OAAO,IACN,IAAI,EAAE,cAAc,CAAC,iBAAiB,EACtC,eAAe,EACb,eAAe,KAAK,YAAY;oBAC9B,CAAC,CAAC,cAAc,CAAC,4BAA4B;oBAC7C,CAAC,CAAC,cAAc,CAAC,yBAAyB,EAE9C,eAAe,EACb,eAAe,KAAK,YAAY;oBAC9B,CAAC,CAAC,cAAc,CAAC,4BAA4B;oBAC7C,CAAC,CAAC,cAAc,CAAC,yBAAyB,EAE9C,eAAe,EAAE,eAAe,GAChC,EACD,aAAa,KAAK,OAAO,IAAI,CAC5B,KAAC,kBAAkB,IAAC,IAAI,EAAE,cAAc,CAAC,iBAAiB,GAAI,CAC/D,IACG,CACP,CAAA;AACH,CAAC;AAED,SAAS,kBAAkB,CAAC,KAE3B;IACC,MAAM,EAAE,IAAI,EAAE,GAAG,KAAK,CAAA;IAEtB,OAAO,CACL,eAAK,SAAS,EAAC,kCAAkC,aAC9C,IAAI,KAAK,MAAM,IAAI,KAAC,kBAAkB,KAAG,EACzC,IAAI,KAAK,MAAM,IAAI,KAAC,kBAAkB,KAAG,EACzC,IAAI,KAAK,UAAU,IAAI,KAAC,sBAAsB,KAAG,EACjD,IAAI,KAAK,KAAK,IAAI,KAAC,iBAAiB,KAAG,IACpC,CACP,CAAA;AACH,CAAC;AAED,SAAS,OAAO,CAAC,KAShB;IACC,MAAM,EAAE,IAAI,EAAE,eAAe,EAAE,eAAe,EAAE,eAAe,EAAE,GAAG,KAAK,CAAA;IACzE,MAAM,kBAAkB,GAAG,eAAe,KAAK,SAAS,CAAA;IACxD,MAAM,kBAAkB,GAAG,eAAe,KAAK,SAAS,CAAA;IACxD,MAAM,IAAI,GACR,eAAe,KAAK,YAAY,CAAC,CAAC,CAAC,CAAC,CAAC,gBAAgB,CAAC,CAAC,CAAC,CAAC,CAAC,aAAa,CAAA;IAEzE,IAAI,IAAI,KAAK,MAAM,IAAI,kBAAkB;QACvC,OAAO,yBAAO,GAAG,eAAe,GAAG,IAAI,EAAE,GAAQ,CAAA;IAEnD,IAAI,IAAI,KAAK,MAAM,IAAI,kBAAkB;QACvC,OAAO,yBAAO,GAAG,eAAe,GAAG,IAAI,EAAE,GAAQ,CAAA;IAEnD,IAAI,IAAI,KAAK,UAAU,IAAI,kBAAkB,IAAI,kBAAkB;QACjE,OAAO,CACL,yBAAO,GAAG,eAAe,GAAG,IAAI,MAAM,eAAe,GAAG,IAAI,EAAE,GAAQ,CACvE,CAAA;IAEH,IAAI,IAAI,KAAK,KAAK;QAAE,OAAO,yBAAO,CAAC,CAAC,GAAG,GAAQ,CAAA;IAE/C,OAAO,IAAI,CAAA;AACb,CAAC;AAED,MAAM,CAAC,GAAG;IACR,gBAAgB,EAAE,IAAI;IACtB,aAAa,EAAE,IAAI;IACnB,GAAG,EAAE,KAAK;CACX,CAAA"}
+{"version":3,"file":"ClimateSettingStatus.js","sourceRoot":"","sources":["../../../src/lib/ui/thermostat/ClimateSettingStatus.tsx"],"names":[],"mappings":"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"}

package/lib/version.d.ts

@@ -1,2 +1,2 @@
-declare const seamapiReactVersion = "1.47.0";
+declare const seamapiReactVersion = "1.48.0";
 export default seamapiReactVersion;

package/lib/version.js

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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@seamapi/react",
-  "version": "1.47.0",
+  "version": "1.48.0",
   "description": "Seam Components.",
   "type": "module",
   "main": "index.js",
@@ -122,7 +122,7 @@
     "@tanstack/react-query": "^4.28.0",
     "classnames": "^2.3.2",
     "luxon": "^3.3.0",
-    "seamapi": "^8.6.0",
+    "seamapi": "^8.6.3",
     "uuid": "^9.0.0"
   },
   "devDependencies": {

package/src/lib/icons/Info.tsx

@@ -0,0 +1,36 @@
+/*
+ * Automaically 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 InfoIcon(props: SVGProps<SVGSVGElement>): JSX.Element {
+  return (
+    <svg
+      xmlns='http://www.w3.org/2000/svg'
+      width={18}
+      height={19}
+      fill='none'
+      {...props}
+    >
+      <mask
+        id='info_svg__a'
+        width={18}
+        height={19}
+        x={0}
+        y={0}
+        maskUnits='userSpaceOnUse'
+        style={{
+          maskType: 'alpha',
+        }}
+      >
+        <path fill='#D9D9D9' d='M0 .5h18v18H0z' />
+      </mask>
+      <g mask='url(#info_svg__a)'>
+        <path
+          fill='#D5D8DC'
+          d='M8.25 13.25h1.5v-4.5h-1.5v4.5Zm.75-6c.213 0 .39-.072.535-.216A.725.725 0 0 0 9.75 6.5a.728.728 0 0 0-.215-.535A.728.728 0 0 0 9 5.75a.725.725 0 0 0-.534.215.726.726 0 0 0-.216.535c0 .213.072.39.216.534A.724.724 0 0 0 9 7.25ZM9 17a7.3 7.3 0 0 1-2.925-.591 7.569 7.569 0 0 1-2.381-1.603 7.569 7.569 0 0 1-1.603-2.381A7.3 7.3 0 0 1 1.5 9.5a7.3 7.3 0 0 1 .591-2.925 7.569 7.569 0 0 1 1.603-2.381A7.58 7.58 0 0 1 6.075 2.59 7.307 7.307 0 0 1 9 2c1.037 0 2.012.197 2.925.59a7.58 7.58 0 0 1 2.381 1.604 7.569 7.569 0 0 1 1.603 2.381A7.3 7.3 0 0 1 16.5 9.5a7.3 7.3 0 0 1-.591 2.925 7.569 7.569 0 0 1-1.603 2.381 7.569 7.569 0 0 1-2.381 1.603A7.3 7.3 0 0 1 9 17Zm0-1.5c1.675 0 3.094-.581 4.256-1.744C14.42 12.594 15 11.175 15 9.5c0-1.675-.581-3.094-1.744-4.256C12.094 4.08 10.675 3.5 9 3.5c-1.675 0-3.094.581-4.256 1.744C3.58 6.406 3 7.825 3 9.5c0 1.675.581 3.094 1.744 4.256C5.906 14.92 7.325 15.5 9 15.5Z'
+        />
+      </g>
+    </svg>
+  )
+}

package/src/lib/icons/InfoDark.tsx

@@ -0,0 +1,37 @@
+/*
+ * Automaically 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 InfoDarkIcon(props: SVGProps<SVGSVGElement>): JSX.Element {
+  return (
+    <svg
+      xmlns='http://www.w3.org/2000/svg'
+      width={19}
+      height={19}
+      fill='none'
+      {...props}
+    >
+      <circle cx={9.755} cy={9.416} r={6.655} fill='#E9EDEF' />
+      <mask
+        id='info-dark_svg__a'
+        width={19}
+        height={19}
+        x={0}
+        y={0}
+        maskUnits='userSpaceOnUse'
+        style={{
+          maskType: 'alpha',
+        }}
+      >
+        <path fill='#D9D9D9' d='M.755.416h18v18h-18z' />
+      </mask>
+      <g mask='url(#info-dark_svg__a)'>
+        <path
+          fill='#9DA1A9'
+          d='M9.005 13.166h1.5v-4.5h-1.5v4.5Zm.75-6c.213 0 .391-.072.535-.216a.725.725 0 0 0 .215-.534.728.728 0 0 0-.215-.534.728.728 0 0 0-.535-.216.725.725 0 0 0-.534.216.726.726 0 0 0-.216.534c0 .213.072.39.216.534a.724.724 0 0 0 .534.216Zm0 9.75a7.3 7.3 0 0 1-2.925-.59 7.569 7.569 0 0 1-2.38-1.603 7.568 7.568 0 0 1-1.604-2.382 7.3 7.3 0 0 1-.59-2.925 7.3 7.3 0 0 1 .59-2.925 7.569 7.569 0 0 1 1.603-2.38A7.58 7.58 0 0 1 6.83 2.506a7.307 7.307 0 0 1 2.925-.59c1.038 0 2.013.196 2.925.59a7.579 7.579 0 0 1 2.382 1.603 7.569 7.569 0 0 1 1.602 2.381 7.3 7.3 0 0 1 .591 2.925 7.3 7.3 0 0 1-.59 2.925 7.569 7.569 0 0 1-1.603 2.382 7.569 7.569 0 0 1-2.382 1.602 7.3 7.3 0 0 1-2.925.591Zm0-1.5c1.675 0 3.094-.58 4.257-1.743 1.162-1.163 1.743-2.582 1.743-4.257 0-1.675-.58-3.093-1.743-4.256-1.163-1.162-2.582-1.744-4.257-1.744-1.675 0-3.093.582-4.256 1.744-1.162 1.163-1.744 2.581-1.744 4.256 0 1.675.582 3.094 1.744 4.257 1.163 1.162 2.581 1.743 4.256 1.743Z'
+        />
+      </g>
+    </svg>
+  )
+}

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

@@ -87,9 +87,7 @@ export function AccessCodeDetails({
             <Duration accessCode={accessCode} />
           </div>
         </div>
-
         <Alerts alerts={alerts} className='seam-alerts-padded' />
-
         <AccessCodeDevice
           deviceId={accessCode.device_id}
           disableLockUnlock={disableLockUnlock}

package/src/lib/seam/components/AccessCodeDetails/AccessCodeDevice.tsx

@@ -56,10 +56,7 @@ function Content(props: {
         <DeviceImage device={device} />
       </div>
       <div className='seam-body'>
-        <div className='seam-model'>
-          {device.properties.model.manufacturer_display_name}{' '}
-          {device.properties.model.display_name}
-        </div>
+        <div>{device.properties.name}</div>
         <TextButton
           onClick={() => {
             onSelectDevice(device.device_id)

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

@@ -6,7 +6,11 @@ export const name = 'seam-climate-setting-schedule-table'
 
 export const props: ElementProps<ClimateSettingScheduleTableProps> = {
   deviceId: 'string',
+  disableSearch: 'boolean',
+  climateSettingScheduleFilter: 'object',
+  climateSettingScheduleComparator: 'object',
   onBack: 'object',
+  heading: 'string',
   className: 'string',
 }
 

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

@@ -1,5 +1,8 @@
 import classNames from 'classnames'
+import { useMemo, useState } from 'react'
+import type { ClimateSettingSchedule } from 'seamapi'
 
+import { compareByCreatedAtDesc } from 'lib/dates.js'
 import {
   useClimateSettingSchedules,
   type UseClimateSettingSchedulesData,
@@ -9,19 +12,44 @@ import { EmptyPlaceholder } from 'lib/ui/Table/EmptyPlaceholder.js'
 import { TableBody } from 'lib/ui/Table/TableBody.js'
 import { TableHeader } from 'lib/ui/Table/TableHeader.js'
 import { TableTitle } from 'lib/ui/Table/TableTitle.js'
+import { SearchTextField } from 'lib/ui/TextField/SearchTextField.js'
 import { Caption } from 'lib/ui/typography/Caption.js'
 
 import { ClimateSettingScheduleRow } from './ClimateSettingScheduleRow.js'
 
 export interface ClimateSettingScheduleTableProps {
   deviceId: string
+  disableSearch?: boolean
+  climateSettingScheduleFilter?: (
+    climateSettingSchedule: ClimateSettingSchedule,
+    searchInputValue: string
+  ) => boolean
+  climateSettingScheduleComparator?: (
+    climateSettingScheduleA: ClimateSettingSchedule,
+    climateSettingScheduleB: ClimateSettingSchedule
+  ) => number
   onBack?: () => void
+  heading?: string | null
   className?: string
 }
 
+const defaultClimateSettingScheduleFilter = (
+  climateSettingSchedule: ClimateSettingSchedule,
+  searchInputValue: string
+): boolean => {
+  const value = searchInputValue.trim().toLowerCase()
+  if (value === '') return true
+  const name = climateSettingSchedule.name ?? ''
+  return name.trim().toLowerCase().includes(value)
+}
+
 export function ClimateSettingScheduleTable({
   deviceId,
+  disableSearch = false,
+  climateSettingScheduleFilter = defaultClimateSettingScheduleFilter,
+  climateSettingScheduleComparator = compareByCreatedAtDesc,
   onBack,
+  heading = t.climateSettingSchedules,
   className,
 }: ClimateSettingScheduleTableProps): JSX.Element {
   const { climateSettingSchedules, isLoading, isError, error } =
@@ -29,8 +57,22 @@ export function ClimateSettingScheduleTable({
       device_id: deviceId,
     })
 
-  // TODO filtering
-  const filteredClimateSettingSchedules = climateSettingSchedules ?? []
+  const [searchInputValue, setSearchInputValue] = useState('')
+
+  const filteredClimateSettingSchedules = useMemo(
+    () =>
+      climateSettingSchedules
+        ?.filter((schedule) =>
+          climateSettingScheduleFilter(schedule, searchInputValue)
+        )
+        ?.sort(climateSettingScheduleComparator) ?? [],
+    [
+      climateSettingSchedules,
+      searchInputValue,
+      climateSettingScheduleFilter,
+      climateSettingScheduleComparator,
+    ]
+  )
 
   if (isLoading) {
     return <p className={className}>...</p>
@@ -44,10 +86,21 @@ export function ClimateSettingScheduleTable({
     <div className={classNames('seam-table', className)}>
       <ContentHeader onBack={onBack} />
       <TableHeader>
-        <TableTitle>
-          {t.climateSettingSchedules}{' '}
-          <Caption>({filteredClimateSettingSchedules.length})</Caption>
-        </TableTitle>
+        {heading != null ? (
+          <TableTitle>
+            {heading ?? t.climateSettingSchedules}{' '}
+            <Caption>({filteredClimateSettingSchedules.length})</Caption>
+          </TableTitle>
+        ) : (
+          <div className='seam-fragment' />
+        )}
+        {!disableSearch && (
+          <SearchTextField
+            value={searchInputValue}
+            onChange={setSearchInputValue}
+            disabled={(climateSettingSchedules?.length ?? 0) === 0}
+          />
+        )}
       </TableHeader>
       <TableBody>
         <Content

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

@@ -1,6 +1,6 @@
 import classNames from 'classnames'
 import { useCallback, useMemo, useState } from 'react'
-import { isLockDevice } from 'seamapi'
+import { isLockDevice, isThermostatDevice } from 'seamapi'
 
 import { compareByCreatedAtDesc } from 'lib/dates.js'
 import { DeviceDetails } from 'lib/seam/components/DeviceDetails/DeviceDetails.js'
@@ -76,7 +76,7 @@ export function DeviceTable({
   const filteredDevices = useMemo(
     () =>
       devices
-        ?.filter(isLockDevice)
+        ?.filter((device) => isLockDevice(device) || isThermostatDevice(device))
         ?.filter((device) => deviceFilter(device, searchInputValue))
         ?.sort(deviceComparator) ?? [],
     [devices, searchInputValue, deviceFilter, deviceComparator]

package/src/lib/seam/thermostats/climate-setting-schedules/use-climate-setting-schedule.ts

@@ -0,0 +1,47 @@
+import { useQuery } from '@tanstack/react-query'
+import type {
+  ClimateSettingSchedule,
+  ClimateSettingScheduleGetRequest,
+  ClimateSettingScheduleGetResponse,
+  SeamError,
+} from 'seamapi'
+
+import { useSeamClient } from 'lib/seam/use-seam-client.js'
+import type { UseSeamQueryResult } from 'lib/seam/use-seam-query-result.js'
+
+export type UseClimateSettingScheduleParams =
+  | ClimateSettingScheduleGetRequest
+  | string
+
+export type UseClimateSettingScheduleData = ClimateSettingSchedule | null
+
+export function useClimateSettingSchedule(
+  params: UseClimateSettingScheduleParams
+): UseSeamQueryResult<'climateSettingSchedule', UseClimateSettingScheduleData> {
+  const normalizedParams =
+    typeof params === 'string'
+      ? { climate_setting_schedule_id: params }
+      : params
+  const { client } = useSeamClient()
+
+  const { data, ...rest } = useQuery<
+    ClimateSettingScheduleGetResponse['climate_setting_schedule'] | null,
+    SeamError
+  >({
+    enabled: client != null,
+    queryKey: [
+      'thermostats',
+      'climate_setting_schedules',
+      'get',
+      normalizedParams,
+    ],
+    queryFn: async () => {
+      if (client == null) return null
+      return await client.thermostats.climateSettingSchedules.get(
+        normalizedParams
+      )
+    },
+  })
+
+  return { ...rest, climateSettingSchedule: data }
+}

package/src/lib/seam/thermostats/climate-setting-schedules/use-climate-setting-schedules.ts

@@ -37,6 +37,7 @@ export function useClimateSettingSchedules(
       for (const schedule of schedules) {
         queryClient.setQueryData(
           [
+            'thermostats',
             'climate_setting_schedules',
             'get',
             {

package/src/lib/seam/thermostats/climate-setting-schedules/use-create-climate-setting-schedule.ts

@@ -0,0 +1,48 @@
+import {
+  useMutation,
+  type UseMutationResult,
+  useQueryClient,
+} from '@tanstack/react-query'
+import type {
+  ClimateSettingSchedule,
+  ClimateSettingScheduleCreateRequest,
+  ClimateSettingScheduleCreateResponse,
+  SeamError,
+} from 'seamapi'
+
+import { NullSeamClientError, useSeamClient } from 'lib/seam/use-seam-client.js'
+
+export type UseCreateClimateSettingScheduleData = ClimateSettingSchedule
+export type UseCreateClimateSettingScheduleMutationParams =
+  ClimateSettingScheduleCreateRequest
+
+export function useCreateClimateSettingSchedule(): UseMutationResult<
+  UseCreateClimateSettingScheduleData,
+  SeamError,
+  UseCreateClimateSettingScheduleMutationParams
+> {
+  const { client } = useSeamClient()
+  const queryClient = useQueryClient()
+
+  return useMutation<
+    ClimateSettingScheduleCreateResponse['climate_setting_schedule'],
+    SeamError,
+    ClimateSettingScheduleCreateRequest
+  >({
+    mutationFn: async (
+      mutationParams: UseCreateClimateSettingScheduleMutationParams
+    ) => {
+      if (client === null) throw new NullSeamClientError()
+      return await client.thermostats.climateSettingSchedules.create(
+        mutationParams
+      )
+    },
+    onSuccess: () => {
+      void queryClient.invalidateQueries([
+        'thermostats',
+        'climate_setting_schedules',
+        'list',
+      ])
+    },
+  })
+}

package/src/lib/seam/thermostats/climate-setting-schedules/use-delete-climate-setting-schedule.ts

@@ -0,0 +1,53 @@
+import {
+  useMutation,
+  type UseMutationResult,
+  useQueryClient,
+} from '@tanstack/react-query'
+import type {
+  ClimateSettingScheduleDeleteRequest,
+  ClimateSettingScheduleDeleteResponse,
+  SeamError,
+} from 'seamapi'
+
+import { NullSeamClientError, useSeamClient } from 'lib/seam/use-seam-client.js'
+
+export type UseDeleteClimateSettingScheduleMutationParams =
+  ClimateSettingScheduleDeleteRequest
+
+export type UseDeleteClimateSettingScheduleData =
+  ClimateSettingScheduleDeleteResponse
+
+export function useDeleteClimateSettingSchedule(): UseMutationResult<
+  UseDeleteClimateSettingScheduleData,
+  SeamError,
+  UseDeleteClimateSettingScheduleMutationParams
+> {
+  const { client } = useSeamClient()
+  const queryClient = useQueryClient()
+
+  return useMutation<
+    UseDeleteClimateSettingScheduleData,
+    SeamError,
+    ClimateSettingScheduleDeleteRequest
+  >({
+    mutationFn: async (
+      mutationParams: UseDeleteClimateSettingScheduleMutationParams
+    ) => {
+      if (client === null) throw new NullSeamClientError()
+      await client.thermostats.climateSettingSchedules.delete(mutationParams)
+    },
+    onSuccess: (_data, variables) => {
+      void queryClient.invalidateQueries([
+        'thermostats',
+        'climate_setting_schedules',
+        'get',
+        { climate_setting_schedule_id: variables.climate_setting_schedule_id },
+      ])
+      void queryClient.invalidateQueries([
+        'thermostats',
+        'climate_setting_schedules',
+        'list',
+      ])
+    },
+  })
+}

package/src/lib/ui/Tooltip/Tooltip.tsx

@@ -0,0 +1,64 @@
+import {
+  type MouseEventHandler,
+  type PropsWithChildren,
+  useEffect,
+  useState,
+} from 'react'
+
+import { InfoIcon } from 'lib/icons/Info.js'
+import { InfoDarkIcon } from 'lib/icons/InfoDark.js'
+
+export function Tooltip({ children }: PropsWithChildren): JSX.Element {
+  const [isOpen, setIsOpen] = useState(false)
+
+  useEffect(() => {
+    const handleClose = (): void => {
+      setIsOpen(false)
+    }
+
+    const handleEscape = (event: KeyboardEvent): void => {
+      if (event.key === 'Escape') {
+        handleClose()
+      }
+    }
+    if (isOpen) {
+      globalThis.document?.addEventListener('click', handleClose)
+      globalThis.addEventListener?.('keydown', handleEscape)
+    }
+
+    return () => {
+      globalThis.document?.removeEventListener('click', handleClose)
+      globalThis.removeEventListener?.('keydown', handleEscape)
+    }
+  }, [isOpen, setIsOpen])
+
+  const handleToggle: MouseEventHandler<HTMLButtonElement> = (event): void => {
+    event.stopPropagation()
+    setIsOpen((prev) => !prev)
+  }
+
+  return (
+    <div className='seam-tooltip'>
+      <div className='seam-tooltip-trigger-wrap'>
+        <button onClick={handleToggle} className='seam-tooltip-button'>
+          <div className='seam-tooltip-button-icon seam-tooltip-button-icon-default'>
+            <InfoIcon />
+          </div>
+          <div className='seam-tooltip-button-icon seam-tooltip-button-icon-hover'>
+            <InfoDarkIcon />
+          </div>
+        </button>
+      </div>
+
+      <div
+        className='seam-tooltip-popover'
+        aria-expanded={isOpen}
+        onClick={(event) => {
+          event.stopPropagation()
+        }}
+      >
+        <p className='seam-tooltip-text'>{children}</p>
+      </div>
+    </div>
+  )
+}