@seamapi/react 1.25.0 → 1.27.0

package/src/lib/seam/components/SupportedDeviceTable/SupportedDeviceRow.tsx

@@ -3,7 +3,7 @@ import type { DeviceModel } from 'seamapi'
 
 import { DotDivider } from 'lib/ui/layout/DotDivider.js'
 
-export interface SupportedDeviceRowProps {
+interface SupportedDeviceRowProps {
   deviceModel: DeviceModel
 }
 
@@ -19,7 +19,9 @@ export function SupportedDeviceRow({
   )
 }
 
-export function ImageColumn({ deviceModel }: SupportedDeviceRowProps) {
+export function ImageColumn({
+  deviceModel,
+}: SupportedDeviceRowProps): JSX.Element {
   return (
     <div className='seam-col seam-device-image-col'>
       <div className='seam-image-box'>
@@ -29,7 +31,9 @@ export function ImageColumn({ deviceModel }: SupportedDeviceRowProps) {
   )
 }
 
-export function ModelColumn({ deviceModel }: SupportedDeviceRowProps) {
+export function ModelColumn({
+  deviceModel,
+}: SupportedDeviceRowProps): JSX.Element {
   return (
     <div className='seam-col seam-model-col'>
       <div className='seam-model-name'>{deviceModel.model_name}</div>
@@ -42,7 +46,9 @@ export function ModelColumn({ deviceModel }: SupportedDeviceRowProps) {
   )
 }
 
-export function StatusColumn({ deviceModel }: SupportedDeviceRowProps) {
+export function StatusColumn({
+  deviceModel,
+}: SupportedDeviceRowProps): JSX.Element {
   const statusColor = supportLevelColors[deviceModel.support_level] ?? 'unknown'
 
   return (

package/src/lib/seam/components/SupportedDeviceTable/use-device-provider.ts

@@ -2,21 +2,15 @@ import type { DeviceProvider } from 'seamapi'
 
 import { useDeviceProviders } from 'lib/seam/devices/use-device-providers.js'
 
-export function useDeviceProvider(brand: string): DeviceProvider {
+export function useDeviceProvider(name: string): DeviceProvider {
   const { deviceProviders } = useDeviceProviders()
+  const provider = deviceProviders?.find((p) => p.device_provider_name === name)
+  return provider ?? unknownProvider
+}
 
-  const definedProvider = deviceProviders?.find(
-    (provider) => provider.device_provider_name === brand
-  )
-
-  if (definedProvider != null) {
-    return definedProvider
-  }
-
-  return {
-    device_provider_name: 'unknown',
-    display_name: 'Unknown',
-    image_url: `https://connect.getseam.com/assets/images/logos/seam.png`,
-    provider_categories: [],
-  }
+const unknownProvider: DeviceProvider = {
+  device_provider_name: 'unknown',
+  display_name: 'Unknown',
+  image_url: 'https://connect.getseam.com/assets/images/logos/seam.png',
+  provider_categories: [],
 }

package/src/lib/seam/device-models/use-device-models.ts

@@ -28,11 +28,10 @@ export function useDeviceModels(
     queryKey: ['device_models', 'list', params],
     queryFn: async () => {
       if (client == null) return []
-      const deviceModels = await client?.deviceModels.list({
+      return await client.deviceModels.list({
         ...params,
         acknowledge_intentional_use_of_internal_api: true,
       })
-      return deviceModels
     },
   })
 

package/src/lib/seam/devices/use-device-providers.ts

@@ -1,25 +1,33 @@
 import { useQuery } from '@tanstack/react-query'
-import type { DeviceProvider } from 'seamapi'
+import type {
+  DeviceProvider,
+  DeviceProvidersListRequest,
+  DeviceProvidersListResponse,
+  SeamError,
+} from 'seamapi'
 
 import { useSeamClient } from 'lib/seam/use-seam-client.js'
+import type { UseSeamQueryResult } from 'lib/seam/use-seam-query-result.js'
 
-export function useDeviceProviders(): {
-  deviceProviders: DeviceProvider[] | undefined
-  isLoading: boolean
-} {
+export type UseDeviceProvidersParams = DeviceProvidersListRequest
+export type UseDeviceProvidersData = DeviceProvider[]
+
+export function useDeviceProviders(
+  params?: UseDeviceProvidersParams
+): UseSeamQueryResult<'deviceProviders', UseDeviceProvidersData> {
   const { client } = useSeamClient()
 
-  const { data, isLoading } = useQuery({
+  const { data, ...rest } = useQuery<
+    DeviceProvidersListResponse['device_providers'],
+    SeamError
+  >({
+    enabled: client != null,
+    queryKey: ['devices', 'list_device_providers', params],
     queryFn: async () => {
-      if (client == null) {
-        return []
-      }
-
-      return await client?.devices.listDeviceProviders({})
+      if (client == null) return []
+      return await client.devices.listDeviceProviders(params)
     },
-    queryKey: ['devices', 'list_device_providers'],
-    enabled: client != null,
   })
 
-  return { deviceProviders: data, isLoading }
+  return { ...rest, deviceProviders: data }
 }

package/src/lib/seam/devices/use-device.ts

@@ -27,7 +27,7 @@ export function useDevice(
     queryKey: ['devices', 'get', normalizedParams],
     queryFn: async () => {
       if (client == null) return null
-      return await client?.devices.get(normalizedParams)
+      return await client.devices.get(normalizedParams)
     },
   })
 

package/src/lib/seam/devices/use-devices.ts

@@ -24,7 +24,7 @@ export function useDevices(
       queryKey: ['devices', 'list', params],
       queryFn: async () => {
         if (client == null) return []
-        return await client?.devices.list(params)
+        return await client.devices.list(params)
       },
       onSuccess: (devices) => {
         // Prime cache for each device.

package/src/lib/seam/index.ts

@@ -2,5 +2,7 @@ export * from './access-codes/use-access-code.js'
 export * from './access-codes/use-access-codes.js'
 export * from './connect-webviews/use-create-connect-webview.js'
 export * from './devices/use-device.js'
+export * from './devices/use-device-providers.js'
 export * from './devices/use-devices.js'
+export * from './SeamProvider.js'
 export * from './use-seam-client.js'

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

@@ -11,32 +11,27 @@ interface OnlineStatusProps {
 export function OnlineStatus(props: OnlineStatusProps): JSX.Element {
   const { device } = props
 
-  const isAccountOffline =
-    device.errors.filter((error) => error.error_code === 'account_disconnected')
-      .length > 0
-
-  if (isAccountOffline) {
-    return <AccountOfflineContent />
-  }
-
   return (
     <div className='seam-online-status'>
-      {isAccountOffline && <OnlineStatusAccountOfflineIcon />}
-      <DeviceOnlineContent isOnline={device.properties.online} />
+      {isDeviceAccountOffline(device) ? (
+        <AccountOfflineContent />
+      ) : (
+        <AccountOnlineContent isOnline={device.properties.online} />
+      )}
     </div>
   )
 }
 
-function AccountOfflineContent() {
+function AccountOfflineContent(): JSX.Element {
   return (
-    <div className='seam-online-status'>
+    <>
       <OnlineStatusAccountOfflineIcon />
       <span className='seam-text-danger'>{t.accountOffline}</span>
-    </div>
+    </>
   )
 }
 
-function DeviceOnlineContent(props: { isOnline: boolean }): JSX.Element {
+function AccountOnlineContent(props: { isOnline: boolean }): JSX.Element {
   const { isOnline } = props
   if (isOnline) {
     return (
@@ -55,6 +50,10 @@ function DeviceOnlineContent(props: { isOnline: boolean }): JSX.Element {
   )
 }
 
+export const isDeviceAccountOffline = (device: CommonDevice): boolean =>
+  device.errors.filter((error) => error.error_code === 'account_disconnected')
+    .length > 0
+
 const t = {
   online: 'Online',
   accountOffline: 'Account Offline',

package/src/lib/version.ts

@@ -1,3 +1,3 @@
-const seamapiReactVersion = '1.25.0'
+const seamapiReactVersion = '1.27.0'
 
 export default seamapiReactVersion

package/lib/seam/components/SupportedDeviceTable/SupportedDeviceFilterResultRowProps.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"SupportedDeviceFilterResultRowProps.js","sourceRoot":"","sources":["../../../../src/lib/seam/components/SupportedDeviceTable/SupportedDeviceFilterResultRowProps.tsx"],"names":[],"mappings":";AAEA,OAAO,EACL,mBAAmB,EACnB,WAAW,EACX,YAAY,GACb,MAAM,gEAAgE,CAAA;AACvE,OAAO,EAAE,iBAAiB,EAAE,MAAM,iEAAiE,CAAA;AACnG,OAAO,EAAE,UAAU,EAAE,MAAM,6BAA6B,CAAA;AAMxD,MAAM,UAAU,8BAA8B,CAAC,EAC7C,WAAW,GACyB;IACpC,OAAO,CACL,eAAK,SAAS,EAAC,4BAA4B,aACzC,KAAC,WAAW,IAAC,WAAW,EAAE,WAAW,GAAI,EACzC,KAAC,WAAW,IAAC,WAAW,EAAE,WAAW,GAAI,EACzC,KAAC,YAAY,IAAC,WAAW,EAAE,WAAW,GAAI,IACtC,CACP,CAAA;AACH,CAAC;AAED,MAAM,UAAU,WAAW,CAAC,EAC1B,WAAW,GACyB;IACpC,MAAM,cAAc,GAAG,iBAAiB,CAAC,WAAW,CAAC,KAAK,CAAC,CAAA;IAE3D,OAAO,CACL,eAAK,SAAS,EAAC,yBAAyB,aACtC,eAAK,SAAS,EAAC,iBAAiB,aAC9B,cACE,GAAG,EAAE,cAAc,CAAC,SAAS,EAC7B,GAAG,EAAE,WAAW,CAAC,KAAK,EACtB,SAAS,EAAC,kBAAkB,GAC5B,EAAC,GAAG,EACL,WAAW,CAAC,UAAU,IACnB,EACN,eAAK,SAAS,EAAC,eAAe,aAC3B,WAAW,CAAC,qBAAqB,EAClC,KAAC,UAAU,KAAG,EACb,mBAAmB,CAAC,WAAW,CAAC,eAAe,CAAC,IAC7C,IACF,CACP,CAAA;AACH,CAAC"}