@seamapi/react 1.49.0 → 1.50.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (57) hide show
  1. package/README.md +1 -1
  2. package/dist/elements.js +2 -2
  3. package/dist/elements.js.map +1 -1
  4. package/dist/index.css +148 -0
  5. package/dist/index.css.map +1 -1
  6. package/dist/index.min.css +1 -1
  7. package/dist/index.min.css.map +1 -1
  8. package/lib/icons/Fan.d.ts +2 -0
  9. package/lib/icons/Fan.js +7 -0
  10. package/lib/icons/Fan.js.map +1 -0
  11. package/lib/icons/Off.d.ts +2 -0
  12. package/lib/icons/Off.js +7 -0
  13. package/lib/icons/Off.js.map +1 -0
  14. package/lib/seam/components/ClimateSettingScheduleDetails/ClimateSettingScheduleCard.d.ts +2 -1
  15. package/lib/seam/components/ClimateSettingScheduleDetails/ClimateSettingScheduleCard.js +4 -4
  16. package/lib/seam/components/ClimateSettingScheduleDetails/ClimateSettingScheduleCard.js.map +1 -1
  17. package/lib/seam/components/ClimateSettingScheduleDetails/ClimateSettingScheduleDetails.js +9 -1
  18. package/lib/seam/components/ClimateSettingScheduleDetails/ClimateSettingScheduleDetails.js.map +1 -1
  19. package/lib/seam/components/ClimateSettingScheduleDetails/ClimateSettingScheduleDeviceBar.d.ts +2 -1
  20. package/lib/seam/components/ClimateSettingScheduleDetails/ClimateSettingScheduleDeviceBar.js +6 -4
  21. package/lib/seam/components/ClimateSettingScheduleDetails/ClimateSettingScheduleDeviceBar.js.map +1 -1
  22. package/lib/seam/connected-accounts/use-connected-account.d.ts +4 -0
  23. package/lib/seam/connected-accounts/use-connected-account.js +17 -0
  24. package/lib/seam/connected-accounts/use-connected-account.js.map +1 -0
  25. package/lib/seam/index.d.ts +2 -0
  26. package/lib/seam/index.js +2 -0
  27. package/lib/seam/index.js.map +1 -1
  28. package/lib/ui/layout/DetailRow.d.ts +2 -1
  29. package/lib/ui/layout/DetailRow.js +2 -2
  30. package/lib/ui/layout/DetailRow.js.map +1 -1
  31. package/lib/ui/thermostat/ClimateSettingStatus.d.ts +1 -1
  32. package/lib/ui/thermostat/ClimateSettingStatus.js +20 -24
  33. package/lib/ui/thermostat/ClimateSettingStatus.js.map +1 -1
  34. package/lib/ui/thermostat/Temperature.d.ts +8 -0
  35. package/lib/ui/thermostat/Temperature.js +11 -0
  36. package/lib/ui/thermostat/Temperature.js.map +1 -0
  37. package/lib/ui/thermostat/ThermostatCard.d.ts +7 -0
  38. package/lib/ui/thermostat/ThermostatCard.js +46 -0
  39. package/lib/ui/thermostat/ThermostatCard.js.map +1 -0
  40. package/lib/version.d.ts +1 -1
  41. package/lib/version.js +1 -1
  42. package/package.json +3 -3
  43. package/src/lib/icons/Fan.tsx +36 -0
  44. package/src/lib/icons/Off.tsx +36 -0
  45. package/src/lib/seam/components/ClimateSettingScheduleDetails/ClimateSettingScheduleCard.tsx +9 -2
  46. package/src/lib/seam/components/ClimateSettingScheduleDetails/ClimateSettingScheduleDetails.tsx +18 -0
  47. package/src/lib/seam/components/ClimateSettingScheduleDetails/ClimateSettingScheduleDeviceBar.tsx +14 -4
  48. package/src/lib/seam/connected-accounts/use-connected-account.ts +34 -0
  49. package/src/lib/seam/index.ts +2 -0
  50. package/src/lib/ui/layout/DetailRow.tsx +6 -1
  51. package/src/lib/ui/thermostat/ClimateSettingStatus.tsx +34 -30
  52. package/src/lib/ui/thermostat/Temperature.tsx +26 -0
  53. package/src/lib/ui/thermostat/ThermostatCard.tsx +160 -0
  54. package/src/lib/version.ts +1 -1
  55. package/src/styles/_layout.scss +15 -0
  56. package/src/styles/_thermostat.scss +160 -0
  57. package/src/styles/_tooltip.scss +1 -0
@@ -1 +1 @@
1
- {"version":3,"file":"ClimateSettingScheduleCard.js","sourceRoot":"","sources":["../../../../src/lib/seam/components/ClimateSettingScheduleDetails/ClimateSettingScheduleCard.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AAGhC,OAAO,EAAE,iBAAiB,EAAE,MAAM,cAAc,CAAA;AAChD,OAAO,EAAE,0BAA0B,EAAE,MAAM,qCAAqC,CAAA;AAChF,OAAO,EAAE,yBAAyB,EAAE,MAAM,gFAAgF,CAAA;AAC1H,OAAO,EAAE,UAAU,EAAE,MAAM,6BAA6B,CAAA;AACxD,OAAO,EAAE,oBAAoB,EAAE,MAAM,2CAA2C,CAAA;AAChF,OAAO,EAAE,cAAc,EAAE,MAAM,4BAA4B,CAAA;AAE3D,OAAO,EAAE,+BAA+B,EAAE,MAAM,sCAAsC,CAAA;AAMtF,MAAM,UAAU,0BAA0B,CAAC,EACzC,wBAAwB,GACQ;IAChC,OAAO,CACL,cAAK,SAAS,EAAC,oCAAoC,YACjD,KAAC,OAAO,IAAC,wBAAwB,EAAE,wBAAwB,GAAI,GAC3D,CACP,CAAA;AACH,CAAC;AAED,SAAS,OAAO,CAAC,KAEhB;IACC,MAAM,EAAE,wBAAwB,EAAE,GAAG,KAAK,CAAA;IAE1C,MAAM,EAAE,sBAAsB,EAAE,GAAG,yBAAyB,CAC1D,wBAAwB,CACzB,CAAA;IAED,IAAI,sBAAsB,IAAI,IAAI,EAAE;QAClC,OAAO,IAAI,CAAA;KACZ;IAED,MAAM,IAAI,GAAG,sBAAsB,CAAC,IAAI,IAAI,CAAC,CAAC,YAAY,CAAA;IAE1D,OAAO,CACL,eAAK,SAAS,EAAC,uCAAuC,aACpD,eAAK,SAAS,EAAC,iDAAiD,aAC9D,cAAK,SAAS,EAAC,0CAA0C,YACvD,KAAC,0BAA0B,KAAG,GAC1B,EACN,eAAK,SAAS,EAAC,uCAAuC,aACpD,aAAI,SAAS,EAAC,uCAAuC,YAAE,IAAI,GAAM,EACjE,eAAK,SAAS,EAAC,0CAA0C,aACvD,KAAC,oBAAoB,IAAC,cAAc,EAAE,sBAAsB,GAAI,EAChE,KAAC,UAAU,KAAG,EACd,KAAC,4BAA4B,IAC3B,sBAAsB,EAAE,sBAAsB,GAC9C,IACE,IACF,IACF,EACN,KAAC,+BAA+B,IAC9B,QAAQ,EAAE,sBAAsB,CAAC,SAAS,GAC1C,IACE,CACP,CAAA;AACH,CAAC;AAED,SAAS,4BAA4B,CAAC,KAErC;IACC,MAAM,EAAE,sBAAsB,EAAE,GAAG,KAAK,CAAA;IAExC,MAAM,WAAW,GAAG,cAAc,EAAE,CAAA;IAEpC,IAAI,WAAW,KAAK,IAAI;QAAE,OAAO,IAAI,CAAA;IAErC,MAAM,SAAS,GAAG,QAAQ,CAAC,OAAO,CAAC,sBAAsB,CAAC,kBAAkB,CAAC,CAAA;IAC7E,MAAM,OAAO,GAAG,QAAQ,CAAC,OAAO,CAAC,sBAAsB,CAAC,gBAAgB,CAAC,CAAA;IAEzE,IAAI,WAAW,GAAG,SAAS;QACzB,OAAO,CACL,2BACG,CAAC,CAAC,MAAM,EAAE,GAAG,EACb,iBAAiB,CAAC,sBAAsB,CAAC,kBAAkB,CAAC,IACxD,CACR,CAAA;IAEH,IAAI,SAAS,IAAI,WAAW,IAAI,WAAW,IAAI,OAAO;QACpD,OAAO,CACL,2BACG,CAAC,CAAC,IAAI,OAAG,iBAAiB,CAAC,sBAAsB,CAAC,kBAAkB,CAAC,IACjE,CACR,CAAA;IAEH,OAAO,yBAAO,CAAC,CAAC,OAAO,GAAQ,CAAA;AACjC,CAAC;AAED,MAAM,CAAC,GAAG;IACR,MAAM,EAAE,QAAQ;IAChB,IAAI,EAAE,MAAM;IACZ,OAAO,EAAE,SAAS;IAClB,YAAY,EAAE,0BAA0B;CACzC,CAAA"}
1
+ {"version":3,"file":"ClimateSettingScheduleCard.js","sourceRoot":"","sources":["../../../../src/lib/seam/components/ClimateSettingScheduleDetails/ClimateSettingScheduleCard.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AAGhC,OAAO,EAAE,iBAAiB,EAAE,MAAM,cAAc,CAAA;AAChD,OAAO,EAAE,0BAA0B,EAAE,MAAM,qCAAqC,CAAA;AAChF,OAAO,EAAE,yBAAyB,EAAE,MAAM,gFAAgF,CAAA;AAC1H,OAAO,EAAE,UAAU,EAAE,MAAM,6BAA6B,CAAA;AACxD,OAAO,EAAE,oBAAoB,EAAE,MAAM,2CAA2C,CAAA;AAChF,OAAO,EAAE,cAAc,EAAE,MAAM,4BAA4B,CAAA;AAE3D,OAAO,EAAE,+BAA+B,EAAE,MAAM,sCAAsC,CAAA;AAOtF,MAAM,UAAU,0BAA0B,CAAC,EACzC,wBAAwB,EACxB,cAAc,GACkB;IAChC,OAAO,CACL,cAAK,SAAS,EAAC,oCAAoC,YACjD,KAAC,OAAO,IACN,wBAAwB,EAAE,wBAAwB,EAClD,cAAc,EAAE,cAAc,GAC9B,GACE,CACP,CAAA;AACH,CAAC;AAED,SAAS,OAAO,CAAC,KAGhB;IACC,MAAM,EAAE,wBAAwB,EAAE,cAAc,EAAE,GAAG,KAAK,CAAA;IAE1D,MAAM,EAAE,sBAAsB,EAAE,GAAG,yBAAyB,CAC1D,wBAAwB,CACzB,CAAA;IAED,IAAI,sBAAsB,IAAI,IAAI,EAAE;QAClC,OAAO,IAAI,CAAA;KACZ;IAED,MAAM,IAAI,GAAG,sBAAsB,CAAC,IAAI,IAAI,CAAC,CAAC,YAAY,CAAA;IAE1D,OAAO,CACL,eAAK,SAAS,EAAC,uCAAuC,aACpD,eAAK,SAAS,EAAC,iDAAiD,aAC9D,cAAK,SAAS,EAAC,0CAA0C,YACvD,KAAC,0BAA0B,KAAG,GAC1B,EACN,eAAK,SAAS,EAAC,uCAAuC,aACpD,aAAI,SAAS,EAAC,uCAAuC,YAAE,IAAI,GAAM,EACjE,eAAK,SAAS,EAAC,0CAA0C,aACvD,KAAC,oBAAoB,IAAC,cAAc,EAAE,sBAAsB,GAAI,EAChE,KAAC,UAAU,KAAG,EACd,KAAC,4BAA4B,IAC3B,sBAAsB,EAAE,sBAAsB,GAC9C,IACE,IACF,IACF,EACN,KAAC,+BAA+B,IAC9B,cAAc,EAAE,cAAc,EAC9B,QAAQ,EAAE,sBAAsB,CAAC,SAAS,GAC1C,IACE,CACP,CAAA;AACH,CAAC;AAED,SAAS,4BAA4B,CAAC,KAErC;IACC,MAAM,EAAE,sBAAsB,EAAE,GAAG,KAAK,CAAA;IAExC,MAAM,WAAW,GAAG,cAAc,EAAE,CAAA;IAEpC,IAAI,WAAW,KAAK,IAAI;QAAE,OAAO,IAAI,CAAA;IAErC,MAAM,SAAS,GAAG,QAAQ,CAAC,OAAO,CAAC,sBAAsB,CAAC,kBAAkB,CAAC,CAAA;IAC7E,MAAM,OAAO,GAAG,QAAQ,CAAC,OAAO,CAAC,sBAAsB,CAAC,gBAAgB,CAAC,CAAA;IAEzE,IAAI,WAAW,GAAG,SAAS;QACzB,OAAO,CACL,2BACG,CAAC,CAAC,MAAM,EAAE,GAAG,EACb,iBAAiB,CAAC,sBAAsB,CAAC,kBAAkB,CAAC,IACxD,CACR,CAAA;IAEH,IAAI,SAAS,IAAI,WAAW,IAAI,WAAW,IAAI,OAAO;QACpD,OAAO,CACL,2BACG,CAAC,CAAC,IAAI,OAAG,iBAAiB,CAAC,sBAAsB,CAAC,kBAAkB,CAAC,IACjE,CACR,CAAA;IAEH,OAAO,yBAAO,CAAC,CAAC,OAAO,GAAQ,CAAA;AACjC,CAAC;AAED,MAAM,CAAC,GAAG;IACR,MAAM,EAAE,QAAQ;IAChB,IAAI,EAAE,MAAM;IACZ,OAAO,EAAE,SAAS;IAClB,YAAY,EAAE,0BAA0B;CACzC,CAAA"}
@@ -1,5 +1,7 @@
1
1
  import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
2
2
  import classNames from 'classnames';
3
+ import { useState } from 'react';
4
+ import { DeviceDetails } from '../index.js';
3
5
  import { formatDateAndTime } from '../../../../lib/dates.js';
4
6
  import { ArrowRightIcon } from '../../../../lib/icons/ArrowRight.js';
5
7
  import { useClimateSettingSchedule } from '../../../../lib/seam/thermostats/climate-setting-schedules/use-climate-setting-schedule.js';
@@ -11,11 +13,17 @@ import { ClimateSettingStatus } from '../../../../lib/ui/thermostat/ClimateSetti
11
13
  import { ClimateSettingScheduleCard } from './ClimateSettingScheduleCard.js';
12
14
  export function ClimateSettingScheduleDetails({ climateSettingScheduleId, onBack, className, }) {
13
15
  const { climateSettingSchedule } = useClimateSettingSchedule(climateSettingScheduleId);
16
+ const [selectedDeviceId, selectDevice] = useState(null);
14
17
  if (climateSettingSchedule == null) {
15
18
  return null;
16
19
  }
17
20
  const isManualOverrideAllowed = climateSettingSchedule.manual_override_allowed ?? false;
18
- return (_jsxs("div", { className: classNames('seam-climate-setting-schedule-details', className), children: [_jsx(ContentHeader, { title: t.climateSettingSchedule, onBack: onBack }), _jsxs("div", { className: 'seam-climate-setting-schedule-details-content', children: [_jsx(ClimateSettingScheduleCard, { climateSettingScheduleId: climateSettingScheduleId }), _jsx("div", { className: 'seam-default-setting-message-container', children: _jsxs("span", { className: 'seam-default-setting-message', children: [t.defaultSettingMessagePart1, ' ', _jsx("span", { className: 'seam-default-setting-text', children: t.defaultSetting }), ' ', t.defaultSettingMessagePart2] }) }), _jsxs(DetailSectionGroup, { children: [_jsxs(DetailSection, { children: [_jsx(DetailRow, { label: t.startEndTime, children: _jsxs("span", { className: 'seam-climate-setting-details-value seam-climate-setting-details-schedule-range', children: [`${formatDateAndTime(climateSettingSchedule.schedule_starts_at)}`, _jsx(ArrowRightIcon, {}), `${formatDateAndTime(climateSettingSchedule.schedule_ends_at)}`] }) }), _jsx(DetailRow, { label: t.climateSetting, children: _jsx(ClimateSettingStatus, { climateSetting: climateSettingSchedule, iconPlacement: 'right' }) }), _jsx(DetailRow, { label: t.allowManualOverride, children: _jsx("span", { className: 'seam-climate-setting-details-value', children: isManualOverrideAllowed ? t.on : t.off }) })] }), _jsx(DetailSection, { children: _jsx(DetailRow, { label: t.creationDate, children: _jsx("div", { className: 'seam-creation-date', children: formatDateAndTime(climateSettingSchedule.created_at) }) }) })] })] })] }));
21
+ if (selectedDeviceId != null) {
22
+ return (_jsx(DeviceDetails, { className: className, deviceId: selectedDeviceId, onBack: () => {
23
+ selectDevice(null);
24
+ } }));
25
+ }
26
+ return (_jsxs("div", { className: classNames('seam-climate-setting-schedule-details', className), children: [_jsx(ContentHeader, { title: t.climateSettingSchedule, onBack: onBack }), _jsxs("div", { className: 'seam-climate-setting-schedule-details-content', children: [_jsx(ClimateSettingScheduleCard, { climateSettingScheduleId: climateSettingScheduleId, onSelectDevice: selectDevice }), _jsx("div", { className: 'seam-default-setting-message-container', children: _jsxs("span", { className: 'seam-default-setting-message', children: [t.defaultSettingMessagePart1, ' ', _jsx("span", { className: 'seam-default-setting-text', children: t.defaultSetting }), ' ', t.defaultSettingMessagePart2] }) }), _jsxs(DetailSectionGroup, { children: [_jsxs(DetailSection, { children: [_jsx(DetailRow, { label: t.startEndTime, children: _jsxs("span", { className: 'seam-climate-setting-details-value seam-climate-setting-details-schedule-range', children: [`${formatDateAndTime(climateSettingSchedule.schedule_starts_at)}`, _jsx(ArrowRightIcon, {}), `${formatDateAndTime(climateSettingSchedule.schedule_ends_at)}`] }) }), _jsx(DetailRow, { label: t.climateSetting, children: _jsx(ClimateSettingStatus, { climateSetting: climateSettingSchedule, iconPlacement: 'right' }) }), _jsx(DetailRow, { label: t.allowManualOverride, children: _jsx("span", { className: 'seam-climate-setting-details-value', children: isManualOverrideAllowed ? t.on : t.off }) })] }), _jsx(DetailSection, { children: _jsx(DetailRow, { label: t.creationDate, children: _jsx("div", { className: 'seam-creation-date', children: formatDateAndTime(climateSettingSchedule.created_at) }) }) })] })] })] }));
19
27
  }
20
28
  const t = {
21
29
  climateSettingSchedule: 'Climate setting schedule',
@@ -1 +1 @@
1
- {"version":3,"file":"ClimateSettingScheduleDetails.js","sourceRoot":"","sources":["../../../../src/lib/seam/components/ClimateSettingScheduleDetails/ClimateSettingScheduleDetails.tsx"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"ClimateSettingScheduleDetails.js","sourceRoot":"","sources":["../../../../src/lib/seam/components/ClimateSettingScheduleDetails/ClimateSettingScheduleDetails.tsx"],"names":[],"mappings":"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"}
@@ -1,4 +1,5 @@
1
1
  /// <reference types="react" />
2
- export declare function ClimateSettingScheduleDeviceBar({ deviceId, }: {
2
+ export declare function ClimateSettingScheduleDeviceBar({ deviceId, onSelectDevice, }: {
3
3
  deviceId: string;
4
+ onSelectDevice: (deviceId: string) => void;
4
5
  }): JSX.Element | null;
@@ -4,7 +4,7 @@ import { ChevronWideIcon } from '../../../../lib/icons/ChevronWide.js';
4
4
  import { useDevice } from '../../../../lib/seam/devices/use-device.js';
5
5
  import { DeviceImage } from '../../../../lib/ui/device/DeviceImage.js';
6
6
  import { ClimateSettingStatus } from '../../../../lib/ui/thermostat/ClimateSettingStatus.js';
7
- export function ClimateSettingScheduleDeviceBar({ deviceId, }) {
7
+ export function ClimateSettingScheduleDeviceBar({ deviceId, onSelectDevice, }) {
8
8
  const { isLoading, device } = useDevice({
9
9
  device_id: deviceId,
10
10
  });
@@ -17,11 +17,13 @@ export function ClimateSettingScheduleDeviceBar({ deviceId, }) {
17
17
  if (!isThermostatDevice(device)) {
18
18
  return null;
19
19
  }
20
- return _jsx(Content, { device: device });
20
+ return _jsx(Content, { device: device, onSelectDevice: onSelectDevice });
21
21
  }
22
22
  function Content(props) {
23
- const { device } = props;
24
- return (_jsxs("div", { className: 'seam-climate-setting-schedule-device-bar', children: [_jsxs("div", { className: 'seam-climate-setting-schedule-device-content', children: [_jsx("div", { className: 'seam-device-image', children: _jsx(DeviceImage, { device: device }) }), _jsxs("div", { className: 'seam-climate-setting-schedule-device-details', children: [_jsx("div", { className: 'seam-device-name', children: device.properties.name }), _jsxs("div", { className: 'seam-device-current-climate-setting', children: [t.currentClimate, ":", _jsx(ClimateSettingStatus, { climateSetting: device.properties.current_climate_setting })] })] })] }), _jsx("div", { className: 'seam-climate-setting-schedule-device-chevron', children: _jsx(ChevronWideIcon, {}) })] }));
23
+ const { device, onSelectDevice } = props;
24
+ return (_jsxs("div", { className: 'seam-climate-setting-schedule-device-bar', onClick: () => {
25
+ onSelectDevice(device.device_id);
26
+ }, children: [_jsxs("div", { className: 'seam-climate-setting-schedule-device-content', children: [_jsx("div", { className: 'seam-device-image', children: _jsx(DeviceImage, { device: device }) }), _jsxs("div", { className: 'seam-climate-setting-schedule-device-details', children: [_jsx("div", { className: 'seam-device-name', children: device.properties.name }), _jsxs("div", { className: 'seam-device-current-climate-setting', children: [t.currentClimate, ":", _jsx(ClimateSettingStatus, { climateSetting: device.properties.current_climate_setting })] })] })] }), _jsx("div", { className: 'seam-climate-setting-schedule-device-chevron', children: _jsx(ChevronWideIcon, {}) })] }));
25
27
  }
26
28
  const t = {
27
29
  currentClimate: 'Current climate',
@@ -1 +1 @@
1
- {"version":3,"file":"ClimateSettingScheduleDeviceBar.js","sourceRoot":"","sources":["../../../../src/lib/seam/components/ClimateSettingScheduleDetails/ClimateSettingScheduleDeviceBar.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,kBAAkB,EAAyB,MAAM,SAAS,CAAA;AAEnE,OAAO,EAAE,eAAe,EAAE,MAAM,0BAA0B,CAAA;AAC1D,OAAO,EAAE,SAAS,EAAE,MAAM,gCAAgC,CAAA;AAC1D,OAAO,EAAE,WAAW,EAAE,MAAM,8BAA8B,CAAA;AAC1D,OAAO,EAAE,oBAAoB,EAAE,MAAM,2CAA2C,CAAA;AAEhF,MAAM,UAAU,+BAA+B,CAAC,EAC9C,QAAQ,GAGT;IACC,MAAM,EAAE,SAAS,EAAE,MAAM,EAAE,GAAG,SAAS,CAAC;QACtC,SAAS,EAAE,QAAQ;KACpB,CAAC,CAAA;IAEF,IAAI,SAAS,EAAE;QACb,OAAO,IAAI,CAAA;KACZ;IAED,IAAI,MAAM,IAAI,IAAI,EAAE;QAClB,OAAO,IAAI,CAAA;KACZ;IAED,IAAI,CAAC,kBAAkB,CAAC,MAAM,CAAC,EAAE;QAC/B,OAAO,IAAI,CAAA;KACZ;IAED,OAAO,KAAC,OAAO,IAAC,MAAM,EAAE,MAAM,GAAI,CAAA;AACpC,CAAC;AAED,SAAS,OAAO,CAAC,KAAmC;IAClD,MAAM,EAAE,MAAM,EAAE,GAAG,KAAK,CAAA;IAExB,OAAO,CACL,eAAK,SAAS,EAAC,0CAA0C,aACvD,eAAK,SAAS,EAAC,8CAA8C,aAC3D,cAAK,SAAS,EAAC,mBAAmB,YAChC,KAAC,WAAW,IAAC,MAAM,EAAE,MAAM,GAAI,GAC3B,EACN,eAAK,SAAS,EAAC,8CAA8C,aAC3D,cAAK,SAAS,EAAC,kBAAkB,YAAE,MAAM,CAAC,UAAU,CAAC,IAAI,GAAO,EAChE,eAAK,SAAS,EAAC,qCAAqC,aACjD,CAAC,CAAC,cAAc,OACjB,KAAC,oBAAoB,IACnB,cAAc,EAAE,MAAM,CAAC,UAAU,CAAC,uBAAuB,GACzD,IACE,IACF,IACF,EACN,cAAK,SAAS,EAAC,8CAA8C,YAC3D,KAAC,eAAe,KAAG,GACf,IACF,CACP,CAAA;AACH,CAAC;AAED,MAAM,CAAC,GAAG;IACR,cAAc,EAAE,iBAAiB;CAClC,CAAA"}
1
+ {"version":3,"file":"ClimateSettingScheduleDeviceBar.js","sourceRoot":"","sources":["../../../../src/lib/seam/components/ClimateSettingScheduleDetails/ClimateSettingScheduleDeviceBar.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,kBAAkB,EAAyB,MAAM,SAAS,CAAA;AAEnE,OAAO,EAAE,eAAe,EAAE,MAAM,0BAA0B,CAAA;AAC1D,OAAO,EAAE,SAAS,EAAE,MAAM,gCAAgC,CAAA;AAC1D,OAAO,EAAE,WAAW,EAAE,MAAM,8BAA8B,CAAA;AAC1D,OAAO,EAAE,oBAAoB,EAAE,MAAM,2CAA2C,CAAA;AAEhF,MAAM,UAAU,+BAA+B,CAAC,EAC9C,QAAQ,EACR,cAAc,GAIf;IACC,MAAM,EAAE,SAAS,EAAE,MAAM,EAAE,GAAG,SAAS,CAAC;QACtC,SAAS,EAAE,QAAQ;KACpB,CAAC,CAAA;IAEF,IAAI,SAAS,EAAE;QACb,OAAO,IAAI,CAAA;KACZ;IAED,IAAI,MAAM,IAAI,IAAI,EAAE;QAClB,OAAO,IAAI,CAAA;KACZ;IAED,IAAI,CAAC,kBAAkB,CAAC,MAAM,CAAC,EAAE;QAC/B,OAAO,IAAI,CAAA;KACZ;IAED,OAAO,KAAC,OAAO,IAAC,MAAM,EAAE,MAAM,EAAE,cAAc,EAAE,cAAc,GAAI,CAAA;AACpE,CAAC;AAED,SAAS,OAAO,CAAC,KAGhB;IACC,MAAM,EAAE,MAAM,EAAE,cAAc,EAAE,GAAG,KAAK,CAAA;IAExC,OAAO,CACL,eACE,SAAS,EAAC,0CAA0C,EACpD,OAAO,EAAE,GAAG,EAAE;YACZ,cAAc,CAAC,MAAM,CAAC,SAAS,CAAC,CAAA;QAClC,CAAC,aAED,eAAK,SAAS,EAAC,8CAA8C,aAC3D,cAAK,SAAS,EAAC,mBAAmB,YAChC,KAAC,WAAW,IAAC,MAAM,EAAE,MAAM,GAAI,GAC3B,EACN,eAAK,SAAS,EAAC,8CAA8C,aAC3D,cAAK,SAAS,EAAC,kBAAkB,YAAE,MAAM,CAAC,UAAU,CAAC,IAAI,GAAO,EAChE,eAAK,SAAS,EAAC,qCAAqC,aACjD,CAAC,CAAC,cAAc,OACjB,KAAC,oBAAoB,IACnB,cAAc,EAAE,MAAM,CAAC,UAAU,CAAC,uBAAuB,GACzD,IACE,IACF,IACF,EACN,cAAK,SAAS,EAAC,8CAA8C,YAC3D,KAAC,eAAe,KAAG,GACf,IACF,CACP,CAAA;AACH,CAAC;AAED,MAAM,CAAC,GAAG;IACR,cAAc,EAAE,iBAAiB;CAClC,CAAA"}
@@ -0,0 +1,4 @@
1
+ import type { ConnectedAccount, ConnectedAccountsGetRequest } from 'seamapi';
2
+ import type { UseSeamQueryResult } from '../../../lib/seam/use-seam-query-result.js';
3
+ export type UseConnectedAccountData = ConnectedAccount | null;
4
+ export declare function useConnectedAccount(params: ConnectedAccountsGetRequest): UseSeamQueryResult<'connectedAccount', UseConnectedAccountData>;
@@ -0,0 +1,17 @@
1
+ import { useQuery } from '@tanstack/react-query';
2
+ import { useSeamClient } from '../../../lib/seam/use-seam-client.js';
3
+ export function useConnectedAccount(params) {
4
+ const normalizedParams = typeof params === 'string' ? { connected_account_id: params } : params;
5
+ const { client } = useSeamClient();
6
+ const { data, ...rest } = useQuery({
7
+ enabled: client != null,
8
+ queryKey: ['connected_accounts', 'get', normalizedParams],
9
+ queryFn: async () => {
10
+ if (client == null)
11
+ return null;
12
+ return await client.connectedAccounts.get(normalizedParams);
13
+ },
14
+ });
15
+ return { ...rest, connectedAccount: data };
16
+ }
17
+ //# sourceMappingURL=use-connected-account.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"use-connected-account.js","sourceRoot":"","sources":["../../../src/lib/seam/connected-accounts/use-connected-account.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAA;AAQhD,OAAO,EAAE,aAAa,EAAE,MAAM,6BAA6B,CAAA;AAK3D,MAAM,UAAU,mBAAmB,CACjC,MAAmC;IAEnC,MAAM,gBAAgB,GACpB,OAAO,MAAM,KAAK,QAAQ,CAAC,CAAC,CAAC,EAAE,oBAAoB,EAAE,MAAM,EAAE,CAAC,CAAC,CAAC,MAAM,CAAA;IAExE,MAAM,EAAE,MAAM,EAAE,GAAG,aAAa,EAAE,CAAA;IAClC,MAAM,EAAE,IAAI,EAAE,GAAG,IAAI,EAAE,GAAG,QAAQ,CAGhC;QACA,OAAO,EAAE,MAAM,IAAI,IAAI;QACvB,QAAQ,EAAE,CAAC,oBAAoB,EAAE,KAAK,EAAE,gBAAgB,CAAC;QACzD,OAAO,EAAE,KAAK,IAAI,EAAE;YAClB,IAAI,MAAM,IAAI,IAAI;gBAAE,OAAO,IAAI,CAAA;YAC/B,OAAO,MAAM,MAAM,CAAC,iBAAiB,CAAC,GAAG,CAAC,gBAAgB,CAAC,CAAA;QAC7D,CAAC;KACF,CAAC,CAAA;IAEF,OAAO,EAAE,GAAG,IAAI,EAAE,gBAAgB,EAAE,IAAI,EAAE,CAAA;AAC5C,CAAC"}
@@ -1,7 +1,9 @@
1
1
  export * from './access-codes/use-access-code.js';
2
2
  export * from './access-codes/use-access-codes.js';
3
3
  export * from './access-codes/use-create-access-code.js';
4
+ export * from './access-codes/use-generate-access-code-code.js';
4
5
  export * from './connect-webviews/use-create-connect-webview.js';
6
+ export * from './connected-accounts/use-connected-account.js';
5
7
  export * from './devices/use-device.js';
6
8
  export * from './devices/use-device-providers.js';
7
9
  export * from './devices/use-devices.js';
package/lib/seam/index.js CHANGED
@@ -1,7 +1,9 @@
1
1
  export * from './access-codes/use-access-code.js';
2
2
  export * from './access-codes/use-access-codes.js';
3
3
  export * from './access-codes/use-create-access-code.js';
4
+ export * from './access-codes/use-generate-access-code-code.js';
4
5
  export * from './connect-webviews/use-create-connect-webview.js';
6
+ export * from './connected-accounts/use-connected-account.js';
5
7
  export * from './devices/use-device.js';
6
8
  export * from './devices/use-device-providers.js';
7
9
  export * from './devices/use-devices.js';
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/lib/seam/index.ts"],"names":[],"mappings":"AAAA,cAAc,mCAAmC,CAAA;AACjD,cAAc,oCAAoC,CAAA;AAClD,cAAc,0CAA0C,CAAA;AACxD,cAAc,kDAAkD,CAAA;AAChE,cAAc,yBAAyB,CAAA;AACvC,cAAc,mCAAmC,CAAA;AACjD,cAAc,0BAA0B,CAAA;AACxC,cAAc,mBAAmB,CAAA;AACjC,cAAc,sBAAsB,CAAA"}
1
+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/lib/seam/index.ts"],"names":[],"mappings":"AAAA,cAAc,mCAAmC,CAAA;AACjD,cAAc,oCAAoC,CAAA;AAClD,cAAc,0CAA0C,CAAA;AACxD,cAAc,iDAAiD,CAAA;AAC/D,cAAc,kDAAkD,CAAA;AAChE,cAAc,+CAA+C,CAAA;AAC7D,cAAc,yBAAyB,CAAA;AACvC,cAAc,mCAAmC,CAAA;AACjD,cAAc,0BAA0B,CAAA;AACxC,cAAc,mBAAmB,CAAA;AACjC,cAAc,sBAAsB,CAAA"}
@@ -1,6 +1,7 @@
1
1
  import type { PropsWithChildren } from 'react';
2
2
  interface DetailRowProps {
3
3
  label: string;
4
+ sublabel?: string;
4
5
  }
5
- export declare function DetailRow({ label, children, }: PropsWithChildren<DetailRowProps>): JSX.Element;
6
+ export declare function DetailRow({ label, sublabel, children, }: PropsWithChildren<DetailRowProps>): JSX.Element;
6
7
  export {};
@@ -1,5 +1,5 @@
1
1
  import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
2
- export function DetailRow({ label, children, }) {
3
- return (_jsxs("div", { className: 'seam-detail-row', children: [_jsx("p", { className: 'seam-row-label', children: label }), _jsx("div", { className: 'seam-detail-row-right-area-content', children: children })] }));
2
+ export function DetailRow({ label, sublabel, children, }) {
3
+ return (_jsxs("div", { className: 'seam-detail-row', children: [_jsxs("div", { className: 'seam-detail-row-label-wrap', children: [_jsx("p", { className: 'seam-row-label', children: label }), sublabel != null && _jsx("p", { className: 'seam-row-sublabel', children: sublabel })] }), _jsx("div", { className: 'seam-detail-row-right-area-content', children: children })] }));
4
4
  }
5
5
  //# sourceMappingURL=DetailRow.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"DetailRow.js","sourceRoot":"","sources":["../../../src/lib/ui/layout/DetailRow.tsx"],"names":[],"mappings":";AAMA,MAAM,UAAU,SAAS,CAAC,EACxB,KAAK,EACL,QAAQ,GAC0B;IAClC,OAAO,CACL,eAAK,SAAS,EAAC,iBAAiB,aAC9B,YAAG,SAAS,EAAC,gBAAgB,YAAE,KAAK,GAAK,EACzC,cAAK,SAAS,EAAC,oCAAoC,YAAE,QAAQ,GAAO,IAChE,CACP,CAAA;AACH,CAAC"}
1
+ {"version":3,"file":"DetailRow.js","sourceRoot":"","sources":["../../../src/lib/ui/layout/DetailRow.tsx"],"names":[],"mappings":";AAOA,MAAM,UAAU,SAAS,CAAC,EACxB,KAAK,EACL,QAAQ,EACR,QAAQ,GAC0B;IAClC,OAAO,CACL,eAAK,SAAS,EAAC,iBAAiB,aAC9B,eAAK,SAAS,EAAC,4BAA4B,aACzC,YAAG,SAAS,EAAC,gBAAgB,YAAE,KAAK,GAAK,EACxC,QAAQ,IAAI,IAAI,IAAI,YAAG,SAAS,EAAC,mBAAmB,YAAE,QAAQ,GAAK,IAChE,EACN,cAAK,SAAS,EAAC,oCAAoC,YAAE,QAAQ,GAAO,IAChE,CACP,CAAA;AACH,CAAC"}
@@ -1,7 +1,7 @@
1
1
  /// <reference types="react" />
2
2
  import type { ClimateSetting } from 'seamapi';
3
3
  interface ClimateSettingStatusProps {
4
- climateSetting: Partial<ClimateSetting>;
4
+ climateSetting: ClimateSetting;
5
5
  temperatureUnit?: 'fahrenheit' | 'celsius';
6
6
  iconPlacement?: 'left' | 'right';
7
7
  }
@@ -3,42 +3,38 @@ import { ThermostatCoolIcon } from '../../../lib/icons/ThermostatCool.js';
3
3
  import { ThermostatHeatIcon } from '../../../lib/icons/ThermostatHeat.js';
4
4
  import { ThermostatHeatCoolIcon } from '../../../lib/icons/ThermostatHeatCool.js';
5
5
  import { ThermostatOffIcon } from '../../../lib/icons/ThermostatOff.js';
6
+ import { Temperature } from '../../../lib/ui/thermostat/Temperature.js';
6
7
  export function ClimateSettingStatus({ climateSetting, temperatureUnit = 'fahrenheit', iconPlacement = 'left', }) {
7
- 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'
8
- ? climateSetting.cooling_set_point_fahrenheit
9
- : climateSetting.cooling_set_point_celsius), heatingSetPoint: formatTemperatureValue(temperatureUnit === 'fahrenheit'
10
- ? climateSetting.heating_set_point_fahrenheit
11
- : climateSetting.heating_set_point_celsius), temperatureUnit: temperatureUnit }), iconPlacement === 'right' && (_jsx(ClimateSettingIcon, { mode: climateSetting.hvac_mode_setting }))] }));
8
+ 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: {
9
+ fahrenheit: climateSetting.cooling_set_point_fahrenheit,
10
+ celsius: climateSetting.cooling_set_point_celsius,
11
+ }, heatingSetPoint: {
12
+ fahrenheit: climateSetting.heating_set_point_fahrenheit,
13
+ celsius: climateSetting.heating_set_point_celsius,
14
+ }, temperatureUnit: temperatureUnit }), iconPlacement === 'right' && (_jsx(ClimateSettingIcon, { mode: climateSetting.hvac_mode_setting }))] }));
12
15
  }
13
16
  function ClimateSettingIcon(props) {
14
17
  const { mode } = props;
15
- return (_jsxs("div", { className: 'seam-climate-setting-status-icon', children: [mode === 'cool' && _jsx(ThermostatCoolIcon, {}), mode === 'heat' && _jsx(ThermostatHeatIcon, {}), mode === 'heatcool' && _jsx(ThermostatHeatCoolIcon, {}), mode === 'off' && _jsx(ThermostatOffIcon, {})] }));
18
+ return (_jsxs("div", { className: 'seam-climate-setting-status-icon', children: [mode === 'cool' && _jsx(ThermostatCoolIcon, {}), mode === 'heat' && _jsx(ThermostatHeatIcon, {}), mode === 'heat_cool' && _jsx(ThermostatHeatCoolIcon, {}), mode === 'off' && _jsx(ThermostatOffIcon, {})] }));
16
19
  }
17
20
  function Content(props) {
18
21
  const { mode, coolingSetPoint, heatingSetPoint, temperatureUnit } = props;
19
- const hasCoolingSetPoint = coolingSetPoint !== undefined;
20
- const hasHeatingSetPoint = heatingSetPoint !== undefined;
21
- const unit = temperatureUnit === 'fahrenheit' ? t.degreeFahrenheit : t.degreeCelsius;
22
- if (mode === 'cool' && hasCoolingSetPoint)
23
- return _jsx("span", { children: `${coolingSetPoint}${unit}` });
24
- if (mode === 'heat' && hasHeatingSetPoint)
25
- return _jsx("span", { children: `${heatingSetPoint}${unit}` });
26
- if (mode === 'heatcool' && hasHeatingSetPoint && hasCoolingSetPoint)
27
- return (_jsx("span", { children: `${heatingSetPoint}${unit} - ${coolingSetPoint}${unit}` }));
22
+ if (mode === 'cool' && isSetPoint(coolingSetPoint))
23
+ return _jsx(Temperature, { ...coolingSetPoint, unit: temperatureUnit });
24
+ if (mode === 'heat' && isSetPoint(heatingSetPoint))
25
+ return _jsx(Temperature, { ...heatingSetPoint, unit: temperatureUnit });
26
+ if (mode === 'heat_cool' &&
27
+ isSetPoint(heatingSetPoint) &&
28
+ isSetPoint(coolingSetPoint))
29
+ return (_jsxs("span", { children: [_jsx(Temperature, { ...heatingSetPoint, unit: temperatureUnit }), ' - ', _jsx(Temperature, { ...coolingSetPoint, unit: temperatureUnit })] }));
28
30
  if (mode === 'off')
29
31
  return _jsx("span", { children: t.off });
30
32
  return null;
31
33
  }
32
- const formatTemperatureValue = (value) => {
33
- if (value == null)
34
- return '0';
35
- if (Number.isInteger(value))
36
- return value.toFixed();
37
- return value.toFixed(1);
38
- };
34
+ function isSetPoint(setPoint) {
35
+ return setPoint.fahrenheit != null && setPoint.celsius != null;
36
+ }
39
37
  const t = {
40
- degreeFahrenheit: '°F',
41
- degreeCelsius: '°C',
42
38
  off: 'Off',
43
39
  };
44
40
  //# sourceMappingURL=ClimateSettingStatus.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"ClimateSettingStatus.js","sourceRoot":"","sources":["../../../src/lib/ui/thermostat/ClimateSettingStatus.tsx"],"names":[],"mappings":"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"}
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;AAC9D,OAAO,EAAE,WAAW,EAAE,MAAM,kCAAkC,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,EAAE;oBACf,UAAU,EAAE,cAAc,CAAC,4BAA4B;oBACvD,OAAO,EAAE,cAAc,CAAC,yBAAyB;iBAClD,EACD,eAAe,EAAE;oBACf,UAAU,EAAE,cAAc,CAAC,4BAA4B;oBACvD,OAAO,EAAE,cAAc,CAAC,yBAAyB;iBAClD,EACD,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,WAAW,IAAI,KAAC,sBAAsB,KAAG,EAClD,IAAI,KAAK,KAAK,IAAI,KAAC,iBAAiB,KAAG,IACpC,CACP,CAAA;AACH,CAAC;AAOD,SAAS,OAAO,CAAC,KAKhB;IACC,MAAM,EAAE,IAAI,EAAE,eAAe,EAAE,eAAe,EAAE,eAAe,EAAE,GAAG,KAAK,CAAA;IAEzE,IAAI,IAAI,KAAK,MAAM,IAAI,UAAU,CAAC,eAAe,CAAC;QAChD,OAAO,KAAC,WAAW,OAAK,eAAe,EAAE,IAAI,EAAE,eAAe,GAAI,CAAA;IAEpE,IAAI,IAAI,KAAK,MAAM,IAAI,UAAU,CAAC,eAAe,CAAC;QAChD,OAAO,KAAC,WAAW,OAAK,eAAe,EAAE,IAAI,EAAE,eAAe,GAAI,CAAA;IAEpE,IACE,IAAI,KAAK,WAAW;QACpB,UAAU,CAAC,eAAe,CAAC;QAC3B,UAAU,CAAC,eAAe,CAAC;QAE3B,OAAO,CACL,2BACE,KAAC,WAAW,OAAK,eAAe,EAAE,IAAI,EAAE,eAAe,GAAI,EAC1D,KAAK,EACN,KAAC,WAAW,OAAK,eAAe,EAAE,IAAI,EAAE,eAAe,GAAI,IACtD,CACR,CAAA;IAEH,IAAI,IAAI,KAAK,KAAK;QAAE,OAAO,yBAAO,CAAC,CAAC,GAAG,GAAQ,CAAA;IAE/C,OAAO,IAAI,CAAA;AACb,CAAC;AAED,SAAS,UAAU,CAAC,QAA2B;IAC7C,OAAO,QAAQ,CAAC,UAAU,IAAI,IAAI,IAAI,QAAQ,CAAC,OAAO,IAAI,IAAI,CAAA;AAChE,CAAC;AAED,MAAM,CAAC,GAAG;IACR,GAAG,EAAE,KAAK;CACX,CAAA"}
@@ -0,0 +1,8 @@
1
+ /// <reference types="react" />
2
+ interface TemperatureProps {
3
+ fahrenheit: number;
4
+ celsius: number;
5
+ unit?: 'fahrenheit' | 'celsius';
6
+ }
7
+ export declare function Temperature({ fahrenheit, celsius, unit, }: TemperatureProps): JSX.Element;
8
+ export {};
@@ -0,0 +1,11 @@
1
+ import { jsxs as _jsxs } from "react/jsx-runtime";
2
+ export function Temperature({ fahrenheit, celsius, unit = 'fahrenheit', }) {
3
+ const temperature = unit === 'fahrenheit' ? fahrenheit : celsius;
4
+ const degree = unit === 'fahrenheit' ? t.degreeFahrenheit : t.degreeCelsius;
5
+ return (_jsxs("span", { children: [Math.trunc(temperature), degree] }));
6
+ }
7
+ const t = {
8
+ degreeFahrenheit: '°F',
9
+ degreeCelsius: '°C',
10
+ };
11
+ //# sourceMappingURL=Temperature.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Temperature.js","sourceRoot":"","sources":["../../../src/lib/ui/thermostat/Temperature.tsx"],"names":[],"mappings":";AAMA,MAAM,UAAU,WAAW,CAAC,EAC1B,UAAU,EACV,OAAO,EACP,IAAI,GAAG,YAAY,GACF;IACjB,MAAM,WAAW,GAAG,IAAI,KAAK,YAAY,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,OAAO,CAAA;IAChE,MAAM,MAAM,GAAG,IAAI,KAAK,YAAY,CAAC,CAAC,CAAC,CAAC,CAAC,gBAAgB,CAAC,CAAC,CAAC,CAAC,CAAC,aAAa,CAAA;IAE3E,OAAO,CACL,2BACG,IAAI,CAAC,KAAK,CAAC,WAAW,CAAC,EACvB,MAAM,IACF,CACR,CAAA;AACH,CAAC;AAED,MAAM,CAAC,GAAG;IACR,gBAAgB,EAAE,IAAI;IACtB,aAAa,EAAE,IAAI;CACpB,CAAA"}
@@ -0,0 +1,7 @@
1
+ /// <reference types="react" />
2
+ import type { ThermostatDevice } from 'seamapi';
3
+ interface ThermostatCardProps {
4
+ device: ThermostatDevice;
5
+ }
6
+ export declare function ThermostatCard({ device }: ThermostatCardProps): JSX.Element;
7
+ export {};
@@ -0,0 +1,46 @@
1
+ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
2
+ import classNames from 'classnames';
3
+ import { useState } from 'react';
4
+ import { FanIcon } from '../../../lib/icons/Fan.js';
5
+ import { OffIcon } from '../../../lib/icons/Off.js';
6
+ import { DeviceImage } from '../../../lib/ui/device/DeviceImage.js';
7
+ import { ClimateSettingStatus } from '../../../lib/ui/thermostat/ClimateSettingStatus.js';
8
+ import { Temperature } from '../../../lib/ui/thermostat/Temperature.js';
9
+ export function ThermostatCard({ device }) {
10
+ return (_jsx("div", { className: 'seam-thermostat-card', children: _jsx(Content, { device: device }) }));
11
+ }
12
+ function Content(props) {
13
+ const { device } = props;
14
+ const [temperatureUnit, setTemperatureUnit] = useState('fahrenheit');
15
+ const toggleTemperatureUnit = () => {
16
+ setTemperatureUnit(temperatureUnit === 'fahrenheit' ? 'celsius' : 'fahrenheit');
17
+ };
18
+ const { temperature_fahrenheit: temperatureFahrenheit, temperature_celsius: temperatureCelsius, current_climate_setting: currentClimateSetting, is_fan_running: isFanRunning, relative_humidity: relativeHumidity, } = device.properties;
19
+ const systemStatus = getSystemStatus(device.properties);
20
+ return (_jsxs("div", { className: 'seam-thermostat-card-content', children: [_jsx("div", { className: 'seam-thermostat-card-image-wrap', children: _jsx(DeviceImage, { device: device }) }), _jsxs("div", { className: 'seam-thermostat-card-details', children: [_jsxs("div", { className: 'seam-thermostat-heading-wrap', children: [_jsx("h4", { className: 'seam-thermostat-card-heading', children: device.properties.name }), _jsx("button", { onClick: toggleTemperatureUnit, className: 'seam-thermostat-temperature-toggle', children: _jsx("span", { className: 'seam-thermostat-temperature-toggle-label', children: temperatureUnit === 'fahrenheit' ? t.fahrenheit : t.celsius }) })] }), _jsx("div", { className: 'seam-thermostat-properties-wrap', children: _jsxs("div", { className: 'seam-thermostat-properties', children: [_jsx("div", { className: 'seam-thermostat-property-block', children: _jsxs("p", { className: 'seam-thermostat-property-label', children: [t.temperature, ":"] }) }), _jsxs("div", { className: 'seam-thermostat-property-block', children: [_jsx("p", { className: 'seam-thermostat-property-value', children: _jsx(Temperature, { fahrenheit: temperatureFahrenheit, celsius: temperatureCelsius, unit: temperatureUnit }) }), _jsx("p", { className: 'seam-thermostat-property-value', children: "|" }), _jsxs("p", { className: 'seam-thermostat-property-label', children: [t.humidity, ":"] }), _jsxs("p", { className: 'seam-thermostat-property-value', children: [relativeHumidity * 100, "%"] })] }), _jsx("div", { className: 'seam-thermostat-property-block', children: _jsxs("p", { className: 'seam-thermostat-property-label', children: [t.setting, ":"] }) }), _jsx("div", { className: 'seam-thermostat-property-block', children: _jsx(ClimateSettingStatus, { climateSetting: currentClimateSetting, temperatureUnit: temperatureUnit }) }), _jsx("div", { className: 'seam-thermostat-property-block', children: _jsxs("p", { className: 'seam-thermostat-property-label', children: [t.fanMode, ":"] }) }), _jsxs("div", { className: 'seam-thermostat-property-block seam-thermostat-property-icon-block', children: [_jsx("div", { className: 'seam-thermostat-property-icon', children: isFanRunning ? _jsx(FanIcon, {}) : _jsx(OffIcon, {}) }), _jsx("p", { className: 'seam-thermostat-property-value', children: isFanRunning ? t.auto : t.off })] }), _jsx("div", { className: 'seam-thermostat-property-block', children: _jsxs("p", { className: 'seam-thermostat-property-label', children: [t.systemStatus, ":"] }) }), _jsx("div", { className: 'seam-thermostat-property-block', children: _jsx("div", { className: classNames('seam-thermostat-property-tag', `seam-thermostat-property-tag-${systemStatus}`), children: _jsx("p", { className: 'seam-thermostat-property-tag-label', children: systemStatus === 'off' ? '--' : t[systemStatus] }) }) })] }) })] })] }));
21
+ }
22
+ function getSystemStatus(properties) {
23
+ const { is_heating: isHeating, is_cooling: isCooling, is_fan_running: isFanRunning, } = properties;
24
+ if (isHeating)
25
+ return 'heating';
26
+ if (isCooling)
27
+ return 'cooling';
28
+ if (isFanRunning)
29
+ return 'fan';
30
+ return 'off';
31
+ }
32
+ const t = {
33
+ fahrenheit: '˚F',
34
+ celsius: '˚C',
35
+ auto: 'Auto',
36
+ off: 'Off',
37
+ temperature: 'Temperature',
38
+ humidity: 'Humidity',
39
+ setting: 'Setting',
40
+ fanMode: 'Fan mode',
41
+ systemStatus: 'System status',
42
+ cooling: 'Cooling',
43
+ heating: 'Heating',
44
+ fan: 'Fan only',
45
+ };
46
+ //# sourceMappingURL=ThermostatCard.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"ThermostatCard.js","sourceRoot":"","sources":["../../../src/lib/ui/thermostat/ThermostatCard.tsx"],"names":[],"mappings":"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"}
package/lib/version.d.ts CHANGED
@@ -1,2 +1,2 @@
1
- declare const seamapiReactVersion = "1.49.0";
1
+ declare const seamapiReactVersion = "1.50.0";
2
2
  export default seamapiReactVersion;
package/lib/version.js CHANGED
@@ -1,3 +1,3 @@
1
- const seamapiReactVersion = '1.49.0';
1
+ const seamapiReactVersion = '1.50.0';
2
2
  export default seamapiReactVersion;
3
3
  //# sourceMappingURL=version.js.map
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@seamapi/react",
3
- "version": "1.49.0",
3
+ "version": "1.50.0",
4
4
  "description": "Seam Components.",
5
5
  "type": "module",
6
6
  "main": "index.js",
@@ -122,7 +122,7 @@
122
122
  "@tanstack/react-query": "^4.28.0",
123
123
  "classnames": "^2.3.2",
124
124
  "luxon": "^3.3.0",
125
- "seamapi": "^8.9.0",
125
+ "seamapi": "^8.9.2",
126
126
  "uuid": "^9.0.0"
127
127
  },
128
128
  "devDependencies": {
@@ -133,7 +133,7 @@
133
133
  "@mui/icons-material": "^5.11.16",
134
134
  "@mui/material": "^5.12.2",
135
135
  "@rxfork/r2wc-react-to-web-component": "^2.3.0",
136
- "@seamapi/fake-seam-connect": "^1.9.0",
136
+ "@seamapi/fake-seam-connect": "^1.9.1",
137
137
  "@storybook/addon-designs": "^7.0.1",
138
138
  "@storybook/addon-essentials": "^7.0.2",
139
139
  "@storybook/addon-links": "^7.0.2",
@@ -0,0 +1,36 @@
1
+ /*
2
+ * Automaically generated by SVGR from assets/icons/*.svg.
3
+ * Do not edit this file or add other components to this directory.
4
+ */
5
+ import type { SVGProps } from 'react'
6
+ export function FanIcon(props: SVGProps<SVGSVGElement>): JSX.Element {
7
+ return (
8
+ <svg
9
+ xmlns='http://www.w3.org/2000/svg'
10
+ width={18}
11
+ height={18}
12
+ fill='none'
13
+ {...props}
14
+ >
15
+ <mask
16
+ id='fan_svg__a'
17
+ width={18}
18
+ height={18}
19
+ x={0}
20
+ y={0}
21
+ maskUnits='userSpaceOnUse'
22
+ style={{
23
+ maskType: 'alpha',
24
+ }}
25
+ >
26
+ <path fill='#D9D9D9' d='M0 0h18v18H0z' />
27
+ </mask>
28
+ <g mask='url(#fan_svg__a)'>
29
+ <path
30
+ fill='#9DA1A9'
31
+ d='M9.921 16.456c-.61.164-1.124.106-1.539-.175a1.916 1.916 0 0 1-.81-1.12 2.188 2.188 0 0 1-.037-.963c.059-.33.207-.63.443-.899.218-.238.373-.51.464-.818.091-.306.127-.618.106-.933l-.244-.05a1.154 1.154 0 0 1-.231-.073l-1.495 1.036c-.184.126-.365.24-.544.338-.18.1-.37.177-.574.231-.755.202-1.51.052-2.268-.451-.757-.503-1.306-1.39-1.646-2.66-.164-.61-.106-1.123.174-1.539.28-.415.648-.684 1.104-.806.311-.083.635-.096.971-.038.337.057.64.204.908.44.238.219.51.373.817.465.307.09.619.126.934.106l.05-.245c.017-.081.041-.158.073-.231L5.54 6.577a6.808 6.808 0 0 1-.339-.545 2.446 2.446 0 0 1-.225-.556c-.206-.766-.057-1.528.446-2.286.503-.757 1.39-1.306 2.66-1.646.61-.164 1.123-.105 1.539.175.415.28.683.648.805 1.103.084.311.097.635.04.972a1.818 1.818 0 0 1-.441.907c-.219.238-.374.511-.465.818a2.655 2.655 0 0 0-.106.933l.245.05c.081.017.158.041.231.073l1.49-1.054c.184-.126.363-.235.538-.327.174-.091.363-.165.566-.22.97-.26 1.803-.052 2.497.622s1.173 1.502 1.436 2.485c.164.61.096 1.126-.202 1.546a2.021 2.021 0 0 1-2.075.845 1.865 1.865 0 0 1-.88-.448 2.064 2.064 0 0 0-.818-.464 2.655 2.655 0 0 0-.933-.106l-.05.244a1.154 1.154 0 0 1-.073.231l1.036 1.494c.123.173.232.34.326.5.095.161.167.337.219.529.22.775.082 1.55-.417 2.326-.498.775-1.388 1.335-2.67 1.678Zm-.63-6.378c.3-.08.526-.253.679-.519.153-.266.19-.548.11-.848-.08-.3-.253-.526-.52-.68a1.076 1.076 0 0 0-.847-.109c-.3.08-.526.253-.68.52-.153.265-.19.547-.11.847.081.3.254.526.52.68.266.153.548.19.848.11Z'
32
+ />
33
+ </g>
34
+ </svg>
35
+ )
36
+ }
@@ -0,0 +1,36 @@
1
+ /*
2
+ * Automaically generated by SVGR from assets/icons/*.svg.
3
+ * Do not edit this file or add other components to this directory.
4
+ */
5
+ import type { SVGProps } from 'react'
6
+ export function OffIcon(props: SVGProps<SVGSVGElement>): JSX.Element {
7
+ return (
8
+ <svg
9
+ xmlns='http://www.w3.org/2000/svg'
10
+ width={16}
11
+ height={16}
12
+ fill='none'
13
+ {...props}
14
+ >
15
+ <mask
16
+ id='off_svg__a'
17
+ width={16}
18
+ height={16}
19
+ x={0}
20
+ y={0}
21
+ maskUnits='userSpaceOnUse'
22
+ style={{
23
+ maskType: 'alpha',
24
+ }}
25
+ >
26
+ <path fill='#D9D9D9' d='M.421.5h15v15h-15z' />
27
+ </mask>
28
+ <g mask='url(#off_svg__a)'>
29
+ <path
30
+ fill='#9DA1A9'
31
+ d='M12.78 14.64 11.36 13.22a6.404 6.404 0 0 1-1.633.765 6.127 6.127 0 0 1-1.805.266 6.086 6.086 0 0 1-2.437-.492 6.311 6.311 0 0 1-1.985-1.336 6.312 6.312 0 0 1-1.336-1.985A6.086 6.086 0 0 1 1.671 8c0-.625.089-1.227.266-1.805a6.4 6.4 0 0 1 .766-1.633L1.28 3.141l.89-.891 11.5 11.5-.89.89ZM7.922 13a4.955 4.955 0 0 0 2.532-.688L3.609 5.47A4.956 4.956 0 0 0 2.92 8c0 1.385.487 2.565 1.461 3.54.974.973 2.154 1.46 3.54 1.46Zm5.219-1.563-.906-.906A4.955 4.955 0 0 0 12.922 8c0-1.385-.488-2.565-1.462-3.54C10.486 3.488 9.307 3 7.921 3a4.955 4.955 0 0 0-2.531.688l-.906-.907a6.4 6.4 0 0 1 1.633-.765A6.127 6.127 0 0 1 7.92 1.75c.865 0 1.677.164 2.438.492.76.328 1.422.774 1.984 1.336a6.311 6.311 0 0 1 1.336 1.985c.328.76.492 1.572.492 2.437 0 .625-.088 1.227-.265 1.805a6.399 6.399 0 0 1-.766 1.633Z'
32
+ />
33
+ </g>
34
+ </svg>
35
+ )
36
+ }
@@ -12,22 +12,28 @@ import { ClimateSettingScheduleDeviceBar } from './ClimateSettingScheduleDeviceB
12
12
 
13
13
  interface ClimateSettingScheduleCardProps {
14
14
  climateSettingScheduleId: string
15
+ onSelectDevice: (deviceId: string) => void
15
16
  }
16
17
 
17
18
  export function ClimateSettingScheduleCard({
18
19
  climateSettingScheduleId,
20
+ onSelectDevice,
19
21
  }: ClimateSettingScheduleCardProps): JSX.Element {
20
22
  return (
21
23
  <div className='seam-climate-setting-schedule-card'>
22
- <Content climateSettingScheduleId={climateSettingScheduleId} />
24
+ <Content
25
+ climateSettingScheduleId={climateSettingScheduleId}
26
+ onSelectDevice={onSelectDevice}
27
+ />
23
28
  </div>
24
29
  )
25
30
  }
26
31
 
27
32
  function Content(props: {
28
33
  climateSettingScheduleId: string
34
+ onSelectDevice: (deviceId: string) => void
29
35
  }): JSX.Element | null {
30
- const { climateSettingScheduleId } = props
36
+ const { climateSettingScheduleId, onSelectDevice } = props
31
37
 
32
38
  const { climateSettingSchedule } = useClimateSettingSchedule(
33
39
  climateSettingScheduleId
@@ -57,6 +63,7 @@ function Content(props: {
57
63
  </div>
58
64
  </div>
59
65
  <ClimateSettingScheduleDeviceBar
66
+ onSelectDevice={onSelectDevice}
60
67
  deviceId={climateSettingSchedule.device_id}
61
68
  />
62
69
  </div>
@@ -1,4 +1,7 @@
1
1
  import classNames from 'classnames'
2
+ import { useState } from 'react'
3
+
4
+ import { DeviceDetails } from '../index.js'
2
5
 
3
6
  import { formatDateAndTime } from 'lib/dates.js'
4
7
  import { ArrowRightIcon } from 'lib/icons/ArrowRight.js'
@@ -26,6 +29,8 @@ export function ClimateSettingScheduleDetails({
26
29
  climateSettingScheduleId
27
30
  )
28
31
 
32
+ const [selectedDeviceId, selectDevice] = useState<string | null>(null)
33
+
29
34
  if (climateSettingSchedule == null) {
30
35
  return null
31
36
  }
@@ -33,6 +38,18 @@ export function ClimateSettingScheduleDetails({
33
38
  const isManualOverrideAllowed =
34
39
  climateSettingSchedule.manual_override_allowed ?? false
35
40
 
41
+ if (selectedDeviceId != null) {
42
+ return (
43
+ <DeviceDetails
44
+ className={className}
45
+ deviceId={selectedDeviceId}
46
+ onBack={() => {
47
+ selectDevice(null)
48
+ }}
49
+ />
50
+ )
51
+ }
52
+
36
53
  return (
37
54
  <div
38
55
  className={classNames('seam-climate-setting-schedule-details', className)}
@@ -41,6 +58,7 @@ export function ClimateSettingScheduleDetails({
41
58
  <div className='seam-climate-setting-schedule-details-content'>
42
59
  <ClimateSettingScheduleCard
43
60
  climateSettingScheduleId={climateSettingScheduleId}
61
+ onSelectDevice={selectDevice}
44
62
  />
45
63
  <div className='seam-default-setting-message-container'>
46
64
  <span className='seam-default-setting-message'>