@seamapi/react 1.17.0 → 1.18.0

package/src/lib/ui/device/BatteryStatus.tsx

@@ -1,4 +1,4 @@
-import type { LockDevice } from 'seamapi'
+import type { BatteryStatus as SeamBatteryStatus, CommonDevice } from 'seamapi'
 
 import { BatteryLevelCriticalIcon } from 'lib/icons/BatteryLevelCritical.js'
 import { BatteryLevelFullIcon } from 'lib/icons/BatteryLevelFull.js'
@@ -6,31 +6,23 @@ import { BatteryLevelHighIcon } from 'lib/icons/BatteryLevelHigh.js'
 import { BatteryLevelLowIcon } from 'lib/icons/BatteryLevelLow.js'
 
 interface BatteryStatusProps {
-  device: LockDevice
+  device: CommonDevice
 }
 
 export function BatteryStatus(props: BatteryStatusProps): JSX.Element {
-  const {
-    device: {
-      properties: { battery_level: batteryLevel },
-    },
-  } = props
-
   return (
     <div className='seam-battery-status'>
-      <Content batteryLevel={batteryLevel} />
+      <Content status={props.device.properties.battery?.status} />
     </div>
   )
 }
 
-function Content(props: { batteryLevel?: number }): JSX.Element | null {
-  const { batteryLevel } = props
-
-  if (batteryLevel == null) {
-    return null
-  }
+function Content(props: {
+  status: SeamBatteryStatus | null | undefined
+}): JSX.Element | null {
+  const { status } = props
 
-  if (batteryLevel > batteryThreshold.full) {
+  if (status === 'full') {
     return (
       <>
         <BatteryLevelFullIcon />
@@ -39,7 +31,7 @@ function Content(props: { batteryLevel?: number }): JSX.Element | null {
     )
   }
 
-  if (batteryLevel > batteryThreshold.high) {
+  if (status === 'good') {
     return (
       <>
         <BatteryLevelHighIcon />
@@ -48,7 +40,7 @@ function Content(props: { batteryLevel?: number }): JSX.Element | null {
     )
   }
 
-  if (batteryLevel > batteryThreshold.low) {
+  if (status === 'low') {
     return (
       <>
         <BatteryLevelLowIcon />
@@ -57,18 +49,16 @@ function Content(props: { batteryLevel?: number }): JSX.Element | null {
     )
   }
 
-  return (
-    <>
-      <BatteryLevelCriticalIcon />
-      <span className='seam-text-danger'>{t.critical}</span>
-    </>
-  )
-}
+  if (status === 'critical') {
+    return (
+      <>
+        <BatteryLevelCriticalIcon />
+        <span className='seam-text-danger'>{t.critical}</span>
+      </>
+    )
+  }
 
-const batteryThreshold = {
-  full: 0.85,
-  high: 0.6,
-  low: 0.3,
+  return null
 }
 
 const t = {

package/src/lib/ui/device/DeviceImage.tsx

@@ -1,8 +1,10 @@
 import type { HTMLAttributes } from 'react'
-import type { LockDevice } from 'seamapi'
+import type { CommonDevice } from 'seamapi'
 
 export function DeviceImage(
-  props: { device: LockDevice } & HTMLAttributes<HTMLImageElement>
+  props: {
+    device: CommonDevice
+  } & HTMLAttributes<HTMLImageElement>
 ): JSX.Element {
   const { device, ...imageProps } = props
 

package/src/lib/ui/device/LockStatus.tsx

@@ -1,13 +1,17 @@
-import type { LockDevice } from 'seamapi'
+import { type CommonDevice, isLockDevice } from 'seamapi'
 
 import { LockLockedIcon } from 'lib/icons/LockLocked.js'
 import { LockUnlockedIcon } from 'lib/icons/LockUnlocked.js'
 
 interface LockStatusProps {
-  device: LockDevice
+  device: CommonDevice
 }
 
-export function LockStatus(props: LockStatusProps): JSX.Element {
+export function LockStatus(props: LockStatusProps): JSX.Element | null {
+  if (!isLockDevice(props.device)) {
+    return null
+  }
+
   const {
     device: {
       properties: { locked },

package/src/lib/ui/device/OnlineStatus.tsx

@@ -1,10 +1,10 @@
-import type { LockDevice } from 'seamapi'
+import type { CommonDevice } from 'seamapi'
 
 import { OnlineStatusDeviceOfflineIcon } from 'lib/icons/OnlineStatusDeviceOffline.js'
 import { OnlineStatusOnlineIcon } from 'lib/icons/OnlineStatusOnline.js'
 
 interface OnlineStatusProps {
-  device: LockDevice
+  device: CommonDevice
 }
 
 export function OnlineStatus(props: OnlineStatusProps): JSX.Element {

package/src/lib/version.ts

@@ -1,3 +1,3 @@
-const seamapiReactVersion = '1.17.0'
+const seamapiReactVersion = '1.18.0'
 
 export default seamapiReactVersion

package/lib/seam/devices/types.d.ts

@@ -1,2 +0,0 @@
-import type { CommonDeviceProperties, Device, LockDevice } from 'seamapi';
-export declare const isLockDevice: (device: Device<CommonDeviceProperties, string> | LockDevice) => device is LockDevice;

package/lib/seam/devices/types.js

@@ -1,2 +0,0 @@
-export const isLockDevice = (device) => 'locked' in device.properties;
-//# sourceMappingURL=types.js.map

package/lib/seam/devices/types.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../src/lib/seam/devices/types.ts"],"names":[],"mappings":"AAEA,MAAM,CAAC,MAAM,YAAY,GAAG,CAC1B,MAA2D,EACrC,EAAE,CAAC,QAAQ,IAAI,MAAM,CAAC,UAAU,CAAA"}

package/src/lib/seam/devices/types.ts

@@ -1,5 +0,0 @@
-import type { CommonDeviceProperties, Device, LockDevice } from 'seamapi'
-
-export const isLockDevice = (
-  device: Device<CommonDeviceProperties, string> | LockDevice
-): device is LockDevice => 'locked' in device.properties