@seamapi/react 1.64.0 → 2.0.0

package/src/lib/seam/components/SupportedDeviceTable/use-manufacturer.ts

@@ -0,0 +1,45 @@
+import type {
+  Manufacturer,
+  RouteRequestParams,
+  RouteResponse,
+} from '@seamapi/types/devicedb'
+import { useQuery } from '@tanstack/react-query'
+import type { 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 UseManufacturerParams = ManufacturersGetParams | string
+export type UseManufacturerData = Manufacturer | null
+
+export function useManufacturer(
+  params?: UseManufacturerParams
+): UseSeamQueryResult<'manufacturer', UseManufacturerData> {
+  const normalizedParams =
+    typeof params === 'string' ? { manufacturer_id: params } : params
+
+  const { client: seam } = useSeamClient()
+  const { data, ...rest } = useQuery<
+    ManufacturersGetResponse['manufacturer'] | null,
+    SeamError
+  >({
+    enabled: seam != null,
+    queryKey: ['internal', 'manufacturers', 'get', normalizedParams],
+    queryFn: async () => {
+      if (seam == null) return null
+      const {
+        data: { manufacturer },
+      } = await seam.client.get<ManufacturersGetResponse>(
+        '/internal/devicedb/v1/manufacturers/get',
+        { params: normalizedParams }
+      )
+      return manufacturer
+    },
+  })
+
+  return { ...rest, manufacturer: data }
+}
+
+type ManufacturersGetParams = RouteRequestParams<'/v1/manufacturers/get'>
+
+type ManufacturersGetResponse = RouteResponse<'/v1/manufacturers/get'>

package/src/lib/seam/components/SupportedDeviceTable/use-manufacturers.ts

@@ -0,0 +1,43 @@
+import type {
+  Manufacturer,
+  RouteRequestParams,
+  RouteResponse,
+} from '@seamapi/types/devicedb'
+import { useQuery } from '@tanstack/react-query'
+import type { 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 UseManufacturersParams = ManufacturersListParams
+export type UseManufacturersData = Manufacturer[]
+
+export function useManufacturers(
+  params?: UseManufacturersParams
+): UseSeamQueryResult<'manufacturers', UseManufacturersData> {
+  const { client: seam } = useSeamClient()
+
+  const { data, ...rest } = useQuery<
+    ManufacturersListResponse['manufacturers'],
+    SeamError
+  >({
+    enabled: seam != null,
+    queryKey: ['internal', 'manufacturers', 'list', params],
+    queryFn: async () => {
+      if (seam == null) return []
+      const {
+        data: { manufacturers },
+      } = await seam.client.get<ManufacturersListResponse>(
+        '/internal/devicedb/v1/manufacturers/list',
+        { params }
+      )
+      return manufacturers
+    },
+  })
+
+  return { ...rest, manufacturers: data }
+}
+
+type ManufacturersListParams = RouteRequestParams<'/v1/manufacturers/list'>
+
+type ManufacturersListResponse = RouteResponse<'/v1/manufacturers/list'>

package/src/lib/seam/components/common-props.tsx

@@ -1,8 +1,18 @@
 import type { ComponentType } from 'react'
+import type {
+  AccessCodeError,
+  ConnectedAccountError,
+  DeviceError,
+  SeamWarning,
+} from 'seamapi'
 
 export interface RequiredCommonProps {
   className: string | undefined
   onBack: (() => void) | undefined
+  errorFilter: (
+    error: ConnectedAccountError | DeviceError | AccessCodeError
+  ) => boolean
+  warningFilter: (warning: SeamWarning) => boolean
   disableDeleteAccessCode: boolean | undefined
   disableCreateAccessCode: boolean | undefined
   disableEditAccessCode: boolean | undefined

package/src/lib/seam/filters.ts

@@ -0,0 +1,32 @@
+import type {
+  AccessCodeError,
+  ConnectedAccountError,
+  DeviceError,
+  SeamWarning,
+} from 'seamapi'
+
+type SeamCompositeError = ConnectedAccountError | DeviceError | AccessCodeError
+
+export const accessCodeErrorFilter = (error: SeamCompositeError): boolean => {
+  return 'is_access_code_error' in error && error.is_access_code_error
+}
+
+export const accessCodeWarningFilter = (_: SeamWarning): boolean => {
+  return true
+}
+
+export const deviceErrorFilter = (error: SeamCompositeError): boolean => {
+  return 'is_device_error' in error && error.is_device_error
+}
+
+export const deviceWarningFilter = (_: SeamWarning): boolean => {
+  return true
+}
+
+export const connectedAccountErrorFilter = (
+  error: SeamCompositeError
+): boolean => {
+  return (
+    'is_connected_account_error' in error && error.is_connected_account_error
+  )
+}

package/src/lib/telemetry/client.ts

@@ -12,7 +12,7 @@ export interface TelemetryClientOptions {
 // Implements a compatible Analytics 2.0 API with custom options.
 // https://segment.com/docs/connections/sources/catalog/libraries/website/javascript/
 export class TelemetryClient {
-  #queue: Queue
+  readonly #queue: Queue
   #anonymousId: string | null
 
   #endpoint: string
@@ -154,7 +154,7 @@ export class TelemetryClient {
     }
   }
 
-  #push = (message: Message): void => {
+  readonly #push = (message: Message): void => {
     if (this.#disabled) return
     this.#queue.push(async () => {
       const payload: Payload = {
@@ -178,7 +178,7 @@ export class TelemetryClient {
     })
   }
 
-  #log = (
+  readonly #log = (
     method: string,
     ...args: Array<string | Traits | Properties>
   ): void => {

package/src/lib/ui/Snackbar/Snackbar.tsx

@@ -11,7 +11,7 @@ interface SnackbarProps {
   message: string
   variant: SnackbarVariant
   visible: boolean
-  onClose: () => void
+  onClose?: () => void
   action?: {
     label: string
     onClick: () => void
@@ -29,7 +29,7 @@ export function Snackbar({
   autoDismiss = false,
   dismissAfterMs = 5000,
   disableCloseButton = false,
-  onClose,
+  onClose = () => {},
 }: SnackbarProps): JSX.Element {
   const { label: actionLabel, onClick: handleActionClick } = action ?? {}
 

package/src/lib/version.ts

@@ -1,3 +1,3 @@
-const seamapiReactVersion = '1.64.0'
+const seamapiReactVersion = '2.0.0'
 
 export default seamapiReactVersion

package/src/styles/_device-details.scss

@@ -99,8 +99,7 @@
               grid-auto-rows: 1fr;
               font-size: 14px;
               line-height: 134%;
-              row-gap: 4px;
-              column-gap: 28px;
+              gap: 4px 28px;
 
               .seam-label {
                 color: colors.$text-gray-2;

package/src/styles/_supported-device-table.scss

@@ -96,7 +96,7 @@ $row-padding: 8px;
     }
   }
 
-  .seam-brand-section {
+  .seam-manufacturer-section {
     margin-bottom: 32px;
     position: relative;
 
@@ -105,7 +105,7 @@ $row-padding: 8px;
       align-items: center;
       height: 64px;
 
-      .seam-brand-image {
+      .seam-manufacturer-image {
         width: 48px;
         height: 48px;
         padding: 0 8px;
@@ -113,7 +113,7 @@ $row-padding: 8px;
         margin-right: 8px;
       }
 
-      .seam-brand-name {
+      .seam-manufacturer-name {
         font-size: 21px;
         line-height: 132%;
         flex: 1;
@@ -254,7 +254,7 @@ $row-padding: 8px;
           display: flex;
           align-items: center;
 
-          .seam-brand-image {
+          .seam-manufacturer-image {
             width: 32px;
             margin-right: 4px;
           }

package/src/styles/_thermostat.scss

@@ -498,8 +498,7 @@
       width: auto;
       display: grid;
       grid-template-columns: auto auto;
-      column-gap: 16px;
-      row-gap: 8px;
+      gap: 8px 16px;
     }
 
     .seam-thermostat-property-block {

package/lib/seam/components/SupportedDeviceTable/SupportedDeviceBrandSection.d.ts

@@ -1,8 +0,0 @@
-/// <reference types="react" resolution-mode="require"/>
-import type { DeviceModel } from 'seamapi';
-interface SupportedDeviceBrandSectionProps {
-    brand: string;
-    deviceModels: DeviceModel[];
-}
-export declare function SupportedDeviceBrandSection({ brand, deviceModels, }: SupportedDeviceBrandSectionProps): JSX.Element | null;
-export {};

package/lib/seam/components/SupportedDeviceTable/SupportedDeviceBrandSection.js

@@ -1,42 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import classNames from 'classnames';
-import { ChevronRightIcon } from '../../../../lib/icons/ChevronRight.js';
-import { HiddenDevicesOverlay } from '../../../../lib/seam/components/SupportedDeviceTable/HiddenDevicesOverlay.js';
-import { ShowAllDevicesButton } from '../../../../lib/seam/components/SupportedDeviceTable/ShowAllDevicesButton.js';
-import { SupportedDeviceRow } from '../../../../lib/seam/components/SupportedDeviceTable/SupportedDeviceRow.js';
-import { useDeviceProvider } from '../../../../lib/seam/components/SupportedDeviceTable/use-device-provider.js';
-import { useToggle } from '../../../../lib/ui/use-toggle.js';
-/**
- * How many device models required before we collapse
- * the list, and require the user to click to
- * view all.
- */
-const maxDevicesBeforeCollapsing = 3;
-export function SupportedDeviceBrandSection({ brand, deviceModels, }) {
-    const deviceProvider = useDeviceProvider(brand);
-    const [expanded, toggleExpand] = useToggle();
-    const canExpand = deviceModels.length > maxDevicesBeforeCollapsing;
-    const visibleDevices = !canExpand || expanded
-        ? deviceModels
-        : deviceModels.filter((_deviceModel, index) => index < maxDevicesBeforeCollapsing);
-    const handleHeaderClick = () => {
-        if (!canExpand) {
-            return;
-        }
-        toggleExpand();
-    };
-    return (_jsxs("div", { className: classNames('seam-brand-section', {
-            'can-expand': canExpand,
-            expanded,
-        }), children: [_jsxs("div", { className: 'seam-header', onClick: handleHeaderClick, children: [_jsx("img", { src: deviceProvider.image_url, alt: brand, className: 'seam-brand-image' }), _jsxs("h5", { className: 'seam-brand-name', children: [deviceProvider.display_name, " ", t.devices] }), canExpand && _jsx(ChevronRightIcon, { className: 'chevron' })] }), _jsx("div", { className: 'seam-supported-device-table-content', children: visibleDevices.map((deviceModel, index) => (_jsx(SupportedDeviceRow, { deviceModel: deviceModel }, [
-                    deviceModel.main_category,
-                    deviceModel.brand,
-                    deviceModel.model_name,
-                    deviceModel.manufacturer_model_id,
-                    index,
-                ].join(':')))) }), _jsx(ShowAllDevicesButton, { visible: canExpand, onClick: toggleExpand, expanded: expanded, totalDeviceCount: deviceModels.length }), _jsx(HiddenDevicesOverlay, { visible: canExpand && !expanded })] }));
-}
-const t = {
-    devices: 'Devices',
-};
-//# sourceMappingURL=SupportedDeviceBrandSection.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"SupportedDeviceBrandSection.js","sourceRoot":"","sources":["../../../../src/lib/seam/components/SupportedDeviceTable/SupportedDeviceBrandSection.tsx"],"names":[],"mappings":";AAAA,OAAO,UAAU,MAAM,YAAY,CAAA;AAGnC,OAAO,EAAE,gBAAgB,EAAE,MAAM,2BAA2B,CAAA;AAC5D,OAAO,EAAE,oBAAoB,EAAE,MAAM,kEAAkE,CAAA;AACvG,OAAO,EAAE,oBAAoB,EAAE,MAAM,kEAAkE,CAAA;AACvG,OAAO,EAAE,kBAAkB,EAAE,MAAM,gEAAgE,CAAA;AACnG,OAAO,EAAE,iBAAiB,EAAE,MAAM,iEAAiE,CAAA;AACnG,OAAO,EAAE,SAAS,EAAE,MAAM,sBAAsB,CAAA;AAEhD;;;;GAIG;AACH,MAAM,0BAA0B,GAAG,CAAC,CAAA;AAOpC,MAAM,UAAU,2BAA2B,CAAC,EAC1C,KAAK,EACL,YAAY,GACqB;IACjC,MAAM,cAAc,GAAG,iBAAiB,CAAC,KAAK,CAAC,CAAA;IAE/C,MAAM,CAAC,QAAQ,EAAE,YAAY,CAAC,GAAG,SAAS,EAAE,CAAA;IAE5C,MAAM,SAAS,GAAG,YAAY,CAAC,MAAM,GAAG,0BAA0B,CAAA;IAElE,MAAM,cAAc,GAClB,CAAC,SAAS,IAAI,QAAQ;QACpB,CAAC,CAAC,YAAY;QACd,CAAC,CAAC,YAAY,CAAC,MAAM,CACjB,CAAC,YAAY,EAAE,KAAK,EAAE,EAAE,CAAC,KAAK,GAAG,0BAA0B,CAC5D,CAAA;IAEP,MAAM,iBAAiB,GAAG,GAAS,EAAE;QACnC,IAAI,CAAC,SAAS,EAAE;YACd,OAAM;SACP;QAED,YAAY,EAAE,CAAA;IAChB,CAAC,CAAA;IAED,OAAO,CACL,eACE,SAAS,EAAE,UAAU,CAAC,oBAAoB,EAAE;YAC1C,YAAY,EAAE,SAAS;YACvB,QAAQ;SACT,CAAC,aAEF,eAAK,SAAS,EAAC,aAAa,EAAC,OAAO,EAAE,iBAAiB,aACrD,cACE,GAAG,EAAE,cAAc,CAAC,SAAS,EAC7B,GAAG,EAAE,KAAK,EACV,SAAS,EAAC,kBAAkB,GAC5B,EACF,cAAI,SAAS,EAAC,iBAAiB,aAC5B,cAAc,CAAC,YAAY,OAAG,CAAC,CAAC,OAAO,IACrC,EACJ,SAAS,IAAI,KAAC,gBAAgB,IAAC,SAAS,EAAC,SAAS,GAAG,IAClD,EACN,cAAK,SAAS,EAAC,qCAAqC,YACjD,cAAc,CAAC,GAAG,CAAC,CAAC,WAAW,EAAE,KAAK,EAAE,EAAE,CAAC,CAC1C,KAAC,kBAAkB,IAQjB,WAAW,EAAE,WAAW,IAPnB;oBACH,WAAW,CAAC,aAAa;oBACzB,WAAW,CAAC,KAAK;oBACjB,WAAW,CAAC,UAAU;oBACtB,WAAW,CAAC,qBAAqB;oBACjC,KAAK;iBACN,CAAC,IAAI,CAAC,GAAG,CAAC,CAEX,CACH,CAAC,GACE,EACN,KAAC,oBAAoB,IACnB,OAAO,EAAE,SAAS,EAClB,OAAO,EAAE,YAAY,EACrB,QAAQ,EAAE,QAAQ,EAClB,gBAAgB,EAAE,YAAY,CAAC,MAAM,GACrC,EACF,KAAC,oBAAoB,IAAC,OAAO,EAAE,SAAS,IAAI,CAAC,QAAQ,GAAI,IACrD,CACP,CAAA;AACH,CAAC;AAED,MAAM,CAAC,GAAG;IACR,OAAO,EAAE,SAAS;CACnB,CAAA"}

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

@@ -1,2 +0,0 @@
-import type { DeviceProvider } from 'seamapi';
-export declare function useDeviceProvider(name: string): DeviceProvider;

package/lib/seam/components/SupportedDeviceTable/use-device-provider.js

@@ -1,13 +0,0 @@
-import { useDeviceProviders } from '../../../../lib/seam/devices/use-device-providers.js';
-export function useDeviceProvider(name) {
-    const { deviceProviders } = useDeviceProviders();
-    const provider = deviceProviders?.find((p) => p.device_provider_name === name);
-    return provider ?? unknownProvider;
-}
-const unknownProvider = {
-    device_provider_name: 'unknown',
-    display_name: 'Unknown',
-    image_url: 'https://connect.getseam.com/assets/images/logos/seam.png',
-    provider_categories: [],
-};
-//# sourceMappingURL=use-device-provider.js.map

package/lib/seam/components/SupportedDeviceTable/use-device-provider.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"use-device-provider.js","sourceRoot":"","sources":["../../../../src/lib/seam/components/SupportedDeviceTable/use-device-provider.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,kBAAkB,EAAE,MAAM,0CAA0C,CAAA;AAE7E,MAAM,UAAU,iBAAiB,CAAC,IAAY;IAC5C,MAAM,EAAE,eAAe,EAAE,GAAG,kBAAkB,EAAE,CAAA;IAChD,MAAM,QAAQ,GAAG,eAAe,EAAE,IAAI,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,oBAAoB,KAAK,IAAI,CAAC,CAAA;IAC9E,OAAO,QAAQ,IAAI,eAAe,CAAA;AACpC,CAAC;AAED,MAAM,eAAe,GAAmB;IACtC,oBAAoB,EAAE,SAAS;IAC/B,YAAY,EAAE,SAAS;IACvB,SAAS,EAAE,0DAA0D;IACrE,mBAAmB,EAAE,EAAE;CACxB,CAAA"}

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

@@ -1,5 +0,0 @@
-import type { DeviceModel, DeviceModelsListRequest } from 'seamapi';
-import type { UseSeamQueryResult } from '../../../lib/seam/use-seam-query-result.js';
-export type UseDeviceModelsParams = DeviceModelsListRequest;
-export type UseDeviceModelsData = DeviceModel[];
-export declare function useDeviceModels(params?: Omit<UseDeviceModelsParams, 'acknowledge_intentional_use_of_internal_api'>): UseSeamQueryResult<'deviceModels', UseDeviceModelsData>;

package/lib/seam/device-models/use-device-models.js

@@ -1,19 +0,0 @@
-import { useQuery } from '@tanstack/react-query';
-import { useSeamClient } from '../../../lib/seam/use-seam-client.js';
-export function useDeviceModels(params) {
-    const { client } = useSeamClient();
-    const { data, ...rest } = useQuery({
-        enabled: client != null,
-        queryKey: ['device_models', 'list', params],
-        queryFn: async () => {
-            if (client == null)
-                return [];
-            return await client.deviceModels.list({
-                ...params,
-                acknowledge_intentional_use_of_internal_api: true,
-            });
-        },
-    });
-    return { ...rest, deviceModels: data };
-}
-//# sourceMappingURL=use-device-models.js.map

package/lib/seam/device-models/use-device-models.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"use-device-models.js","sourceRoot":"","sources":["../../../src/lib/seam/device-models/use-device-models.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAA;AAQhD,OAAO,EAAE,aAAa,EAAE,MAAM,6BAA6B,CAAA;AAM3D,MAAM,UAAU,eAAe,CAC7B,MAGC;IAED,MAAM,EAAE,MAAM,EAAE,GAAG,aAAa,EAAE,CAAA;IAElC,MAAM,EAAE,IAAI,EAAE,GAAG,IAAI,EAAE,GAAG,QAAQ,CAGhC;QACA,OAAO,EAAE,MAAM,IAAI,IAAI;QACvB,QAAQ,EAAE,CAAC,eAAe,EAAE,MAAM,EAAE,MAAM,CAAC;QAC3C,OAAO,EAAE,KAAK,IAAI,EAAE;YAClB,IAAI,MAAM,IAAI,IAAI;gBAAE,OAAO,EAAE,CAAA;YAC7B,OAAO,MAAM,MAAM,CAAC,YAAY,CAAC,IAAI,CAAC;gBACpC,GAAG,MAAM;gBACT,2CAA2C,EAAE,IAAI;aAClD,CAAC,CAAA;QACJ,CAAC;KACF,CAAC,CAAA;IAEF,OAAO,EAAE,GAAG,IAAI,EAAE,YAAY,EAAE,IAAI,EAAE,CAAA;AACxC,CAAC"}

package/lib/strings.d.ts

@@ -1 +0,0 @@
-export declare function capitalize(str: string): string;

package/lib/strings.js

@@ -1,4 +0,0 @@
-export function capitalize(str) {
-    return str.charAt(0).toUpperCase() + str.slice(1);
-}
-//# sourceMappingURL=strings.js.map

package/lib/strings.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"strings.js","sourceRoot":"","sources":["../src/lib/strings.ts"],"names":[],"mappings":"AAAA,MAAM,UAAU,UAAU,CAAC,GAAW;IACpC,OAAO,GAAG,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,WAAW,EAAE,GAAG,GAAG,CAAC,KAAK,CAAC,CAAC,CAAC,CAAA;AACnD,CAAC"}

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

@@ -1,16 +0,0 @@
-import type { DeviceProvider } from 'seamapi'
-
-import { useDeviceProviders } from 'lib/seam/devices/use-device-providers.js'
-
-export function useDeviceProvider(name: string): DeviceProvider {
-  const { deviceProviders } = useDeviceProviders()
-  const provider = deviceProviders?.find((p) => p.device_provider_name === name)
-  return provider ?? unknownProvider
-}
-
-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

@@ -1,39 +0,0 @@
-import { useQuery } from '@tanstack/react-query'
-import type {
-  DeviceModel,
-  DeviceModelsListRequest,
-  DeviceModelsListResponse,
-  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 UseDeviceModelsParams = DeviceModelsListRequest
-export type UseDeviceModelsData = DeviceModel[]
-
-export function useDeviceModels(
-  params?: Omit<
-    UseDeviceModelsParams,
-    'acknowledge_intentional_use_of_internal_api'
-  >
-): UseSeamQueryResult<'deviceModels', UseDeviceModelsData> {
-  const { client } = useSeamClient()
-
-  const { data, ...rest } = useQuery<
-    DeviceModelsListResponse['device_models'],
-    SeamError
-  >({
-    enabled: client != null,
-    queryKey: ['device_models', 'list', params],
-    queryFn: async () => {
-      if (client == null) return []
-      return await client.deviceModels.list({
-        ...params,
-        acknowledge_intentional_use_of_internal_api: true,
-      })
-    },
-  })
-
-  return { ...rest, deviceModels: data }
-}

package/src/lib/strings.ts

@@ -1,3 +0,0 @@
-export function capitalize(str: string): string {
-  return str.charAt(0).toUpperCase() + str.slice(1)
-}