@seamapi/react 1.63.1 → 1.65.0

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.63.1'
+const seamapiReactVersion = '1.65.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/_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 {