@seamapi/react 2.17.1 → 2.18.0

package/lib/seam/components/DeviceDetails/NoiseSensorDeviceDetails.js

@@ -3,11 +3,12 @@ import classNames from 'classnames';
 import { DeviceInfo } from '../../../../lib/seam/components/DeviceDetails/DeviceInfo.js';
 import { DeviceModel } from '../../../../lib/seam/components/DeviceDetails/DeviceModel.js';
 import { DeviceImage } from '../../../../lib/ui/device/DeviceImage.js';
+import { NoiseLevelStatus } from '../../../../lib/ui/device/NoiseLevelStatus.js';
 import { OnlineStatus } from '../../../../lib/ui/device/OnlineStatus.js';
 import { ContentHeader } from '../../../../lib/ui/layout/ContentHeader.js';
 import { NoiseThresholdsList } from '../../../../lib/ui/noise-sensor/NoiseThresholdsList.js';
 export function NoiseSensorDeviceDetails({ device, disableConnectedAccountInformation, disableResourceIds, onBack, className, }) {
-    return (_jsxs("div", { className: classNames('seam-device-details', className), children: [_jsx(ContentHeader, { title: t.noiseSensor, onBack: onBack }), _jsxs("div", { className: 'seam-body', children: [_jsx("div", { className: 'seam-summary', children: _jsxs("div", { className: 'seam-content', children: [_jsx("div", { className: 'seam-image', children: _jsx(DeviceImage, { device: device }) }), _jsxs("div", { className: 'seam-info', children: [_jsx("span", { className: 'seam-label', children: t.noiseSensor }), _jsx("h4", { className: 'seam-device-name', children: device.properties.name }), _jsxs("div", { className: 'seam-properties', children: [_jsxs("span", { className: 'seam-label', children: [t.status, ":"] }), ' ', _jsx(OnlineStatus, { device: device }), _jsx(DeviceModel, { device: device })] })] })] }) }), _jsx(NoiseThresholdsList, { device: device }), _jsx(DeviceInfo, { device: device, disableConnectedAccountInformation: disableConnectedAccountInformation, disableResourceIds: disableResourceIds })] })] }));
+    return (_jsxs("div", { className: classNames('seam-device-details', className), children: [_jsx(ContentHeader, { title: t.noiseSensor, onBack: onBack }), _jsxs("div", { className: 'seam-body', children: [_jsx("div", { className: 'seam-summary', children: _jsxs("div", { className: 'seam-content', children: [_jsx("div", { className: 'seam-image', children: _jsx(DeviceImage, { device: device }) }), _jsxs("div", { className: 'seam-info', children: [_jsx("span", { className: 'seam-label', children: t.noiseSensor }), _jsx("h4", { className: 'seam-device-name', children: device.properties.name }), _jsxs("div", { className: 'seam-properties', children: [_jsxs("span", { className: 'seam-label', children: [t.status, ":"] }), ' ', _jsx(OnlineStatus, { device: device }), _jsx(NoiseLevelStatus, { device: device }), _jsx(DeviceModel, { device: device })] })] })] }) }), _jsx(NoiseThresholdsList, { device: device }), _jsx(DeviceInfo, { device: device, disableConnectedAccountInformation: disableConnectedAccountInformation, disableResourceIds: disableResourceIds })] })] }));
 }
 const t = {
     noiseSensor: 'Noise Sensor',

package/lib/seam/components/DeviceDetails/NoiseSensorDeviceDetails.js.map

@@ -1 +1 @@
-{"version":3,"file":"NoiseSensorDeviceDetails.js","sourceRoot":"","sources":["../../../../src/lib/seam/components/DeviceDetails/NoiseSensorDeviceDetails.tsx"],"names":[],"mappings":";AAAA,OAAO,UAAU,MAAM,YAAY,CAAA;AAInC,OAAO,EAAE,UAAU,EAAE,MAAM,iDAAiD,CAAA;AAC5E,OAAO,EAAE,WAAW,EAAE,MAAM,kDAAkD,CAAA;AAC9E,OAAO,EAAE,WAAW,EAAE,MAAM,8BAA8B,CAAA;AAC1D,OAAO,EAAE,YAAY,EAAE,MAAM,+BAA+B,CAAA;AAC5D,OAAO,EAAE,aAAa,EAAE,MAAM,gCAAgC,CAAA;AAC9D,OAAO,EAAE,mBAAmB,EAAE,MAAM,4CAA4C,CAAA;AAOhF,MAAM,UAAU,wBAAwB,CAAC,EACvC,MAAM,EACN,kCAAkC,EAClC,kBAAkB,EAClB,MAAM,EACN,SAAS,GACqB;IAC9B,OAAO,CACL,eAAK,SAAS,EAAE,UAAU,CAAC,qBAAqB,EAAE,SAAS,CAAC,aAC1D,KAAC,aAAa,IAAC,KAAK,EAAE,CAAC,CAAC,WAAW,EAAE,MAAM,EAAE,MAAM,GAAI,EAEvD,eAAK,SAAS,EAAC,WAAW,aACxB,cAAK,SAAS,EAAC,cAAc,YAC3B,eAAK,SAAS,EAAC,cAAc,aAC3B,cAAK,SAAS,EAAC,YAAY,YACzB,KAAC,WAAW,IAAC,MAAM,EAAE,MAAM,GAAI,GAC3B,EACN,eAAK,SAAS,EAAC,WAAW,aACxB,eAAM,SAAS,EAAC,YAAY,YAAE,CAAC,CAAC,WAAW,GAAQ,EACnD,aAAI,SAAS,EAAC,kBAAkB,YAAE,MAAM,CAAC,UAAU,CAAC,IAAI,GAAM,EAC9D,eAAK,SAAS,EAAC,iBAAiB,aAC9B,gBAAM,SAAS,EAAC,YAAY,aAAE,CAAC,CAAC,MAAM,SAAS,EAAC,GAAG,EACnD,KAAC,YAAY,IAAC,MAAM,EAAE,MAAM,GAAI,EAChC,KAAC,WAAW,IAAC,MAAM,EAAE,MAAM,GAAI,IAC3B,IACF,IACF,GACF,EAEN,KAAC,mBAAmB,IAAC,MAAM,EAAE,MAAM,GAAI,EAEvC,KAAC,UAAU,IACT,MAAM,EAAE,MAAM,EACd,kCAAkC,EAChC,kCAAkC,EAEpC,kBAAkB,EAAE,kBAAkB,GACtC,IACE,IACF,CACP,CAAA;AACH,CAAC;AAED,MAAM,CAAC,GAAG;IACR,WAAW,EAAE,cAAc;IAC3B,MAAM,EAAE,QAAQ;IAChB,UAAU,EAAE,aAAa;CAC1B,CAAA"}
+{"version":3,"file":"NoiseSensorDeviceDetails.js","sourceRoot":"","sources":["../../../../src/lib/seam/components/DeviceDetails/NoiseSensorDeviceDetails.tsx"],"names":[],"mappings":";AAAA,OAAO,UAAU,MAAM,YAAY,CAAA;AAInC,OAAO,EAAE,UAAU,EAAE,MAAM,iDAAiD,CAAA;AAC5E,OAAO,EAAE,WAAW,EAAE,MAAM,kDAAkD,CAAA;AAC9E,OAAO,EAAE,WAAW,EAAE,MAAM,8BAA8B,CAAA;AAC1D,OAAO,EAAE,gBAAgB,EAAE,MAAM,mCAAmC,CAAA;AACpE,OAAO,EAAE,YAAY,EAAE,MAAM,+BAA+B,CAAA;AAC5D,OAAO,EAAE,aAAa,EAAE,MAAM,gCAAgC,CAAA;AAC9D,OAAO,EAAE,mBAAmB,EAAE,MAAM,4CAA4C,CAAA;AAOhF,MAAM,UAAU,wBAAwB,CAAC,EACvC,MAAM,EACN,kCAAkC,EAClC,kBAAkB,EAClB,MAAM,EACN,SAAS,GACqB;IAC9B,OAAO,CACL,eAAK,SAAS,EAAE,UAAU,CAAC,qBAAqB,EAAE,SAAS,CAAC,aAC1D,KAAC,aAAa,IAAC,KAAK,EAAE,CAAC,CAAC,WAAW,EAAE,MAAM,EAAE,MAAM,GAAI,EAEvD,eAAK,SAAS,EAAC,WAAW,aACxB,cAAK,SAAS,EAAC,cAAc,YAC3B,eAAK,SAAS,EAAC,cAAc,aAC3B,cAAK,SAAS,EAAC,YAAY,YACzB,KAAC,WAAW,IAAC,MAAM,EAAE,MAAM,GAAI,GAC3B,EACN,eAAK,SAAS,EAAC,WAAW,aACxB,eAAM,SAAS,EAAC,YAAY,YAAE,CAAC,CAAC,WAAW,GAAQ,EACnD,aAAI,SAAS,EAAC,kBAAkB,YAAE,MAAM,CAAC,UAAU,CAAC,IAAI,GAAM,EAC9D,eAAK,SAAS,EAAC,iBAAiB,aAC9B,gBAAM,SAAS,EAAC,YAAY,aAAE,CAAC,CAAC,MAAM,SAAS,EAAC,GAAG,EACnD,KAAC,YAAY,IAAC,MAAM,EAAE,MAAM,GAAI,EAChC,KAAC,gBAAgB,IAAC,MAAM,EAAE,MAAM,GAAI,EACpC,KAAC,WAAW,IAAC,MAAM,EAAE,MAAM,GAAI,IAC3B,IACF,IACF,GACF,EAEN,KAAC,mBAAmB,IAAC,MAAM,EAAE,MAAM,GAAI,EAEvC,KAAC,UAAU,IACT,MAAM,EAAE,MAAM,EACd,kCAAkC,EAChC,kCAAkC,EAEpC,kBAAkB,EAAE,kBAAkB,GACtC,IACE,IACF,CACP,CAAA;AACH,CAAC;AAED,MAAM,CAAC,GAAG;IACR,WAAW,EAAE,cAAc;IAC3B,MAAM,EAAE,QAAQ;IAChB,UAAU,EAAE,aAAa;CAC1B,CAAA"}

package/lib/ui/device/NoiseLevelStatus.d.ts

@@ -0,0 +1,7 @@
+/// <reference types="react" resolution-mode="require"/>
+import type { NoiseSensorDevice } from 'seamapi';
+interface NoiseLevelStatusProps {
+    device: NoiseSensorDevice;
+}
+export declare function NoiseLevelStatus({ device, }: NoiseLevelStatusProps): JSX.Element;
+export {};

package/lib/ui/device/NoiseLevelStatus.js

@@ -0,0 +1,32 @@
+import { jsxs as _jsxs, jsx as _jsx, Fragment as _Fragment } from "react/jsx-runtime";
+import { NoiseLevelsIcon } from '../../../lib/icons/NoiseLevels.js';
+export function NoiseLevelStatus({ device, }) {
+    return (_jsxs(_Fragment, { children: [_jsxs("span", { className: 'seam-label', children: [t.noiseLevel, ":"] }), _jsxs("div", { className: 'seam-device-status', children: [_jsx(NoiseLevelsIcon, {}), _jsx("span", { className: 'seam-text', children: getNoiseLevel(device) })] })] }));
+}
+function toNoiseString(value) {
+    if (typeof value === 'string' || typeof value === 'number') {
+        return `${Number(value).toFixed(0)} ${t.decibel}`;
+    }
+    return t.unknown;
+}
+function getNoiseLevel(device) {
+    const isMinut = device.device_type === 'minut_sensor';
+    const isNoiseAware = device.device_type === 'noiseaware_activity_zone';
+    if (isMinut) {
+        return toNoiseString(device?.properties?.minut_metadata?.latest_sensor_values?.sound?.value);
+    }
+    if (isNoiseAware) {
+        if (device?.properties?.noiseaware_metadata?.noise_level_nrs === -1) {
+            return t.noiseAwareDefault;
+        }
+        return toNoiseString(device?.properties?.noiseaware_metadata?.noise_level_decibel);
+    }
+    return toNoiseString(undefined);
+}
+const t = {
+    noiseLevel: 'Noise level',
+    unknown: 'Unknown',
+    decibel: 'dB',
+    noiseAwareDefault: '0-40 dB',
+};
+//# sourceMappingURL=NoiseLevelStatus.js.map

package/lib/ui/device/NoiseLevelStatus.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"NoiseLevelStatus.js","sourceRoot":"","sources":["../../../src/lib/ui/device/NoiseLevelStatus.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,eAAe,EAAE,MAAM,0BAA0B,CAAA;AAM1D,MAAM,UAAU,gBAAgB,CAAC,EAC/B,MAAM,GACgB;IACtB,OAAO,CACL,8BACE,gBAAM,SAAS,EAAC,YAAY,aAAE,CAAC,CAAC,UAAU,SAAS,EAEnD,eAAK,SAAS,EAAC,oBAAoB,aACjC,KAAC,eAAe,KAAG,EACnB,eAAM,SAAS,EAAC,WAAW,YAAE,aAAa,CAAC,MAAM,CAAC,GAAQ,IACtD,IACL,CACJ,CAAA;AACH,CAAC;AAED,SAAS,aAAa,CAAC,KAAkC;IACvD,IAAI,OAAO,KAAK,KAAK,QAAQ,IAAI,OAAO,KAAK,KAAK,QAAQ,EAAE,CAAC;QAC3D,OAAO,GAAG,MAAM,CAAC,KAAK,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,OAAO,EAAE,CAAA;IACnD,CAAC;IACD,OAAO,CAAC,CAAC,OAAO,CAAA;AAClB,CAAC;AAED,SAAS,aAAa,CAAC,MAAyB;IAC9C,MAAM,OAAO,GAAG,MAAM,CAAC,WAAW,KAAK,cAAc,CAAA;IACrD,MAAM,YAAY,GAAG,MAAM,CAAC,WAAW,KAAK,0BAA0B,CAAA;IAEtE,IAAI,OAAO,EAAE,CAAC;QACZ,OAAO,aAAa,CAClB,MAAM,EAAE,UAAU,EAAE,cAAc,EAAE,oBAAoB,EAAE,KAAK,EAAE,KAAK,CACvE,CAAA;IACH,CAAC;IAED,IAAI,YAAY,EAAE,CAAC;QACjB,IAAI,MAAM,EAAE,UAAU,EAAE,mBAAmB,EAAE,eAAe,KAAK,CAAC,CAAC,EAAE,CAAC;YACpE,OAAO,CAAC,CAAC,iBAAiB,CAAA;QAC5B,CAAC;QACD,OAAO,aAAa,CAClB,MAAM,EAAE,UAAU,EAAE,mBAAmB,EAAE,mBAAmB,CAC7D,CAAA;IACH,CAAC;IAED,OAAO,aAAa,CAAC,SAAS,CAAC,CAAA;AACjC,CAAC;AAED,MAAM,CAAC,GAAG;IACR,UAAU,EAAE,aAAa;IACzB,OAAO,EAAE,SAAS;IAClB,OAAO,EAAE,IAAI;IACb,iBAAiB,EAAE,SAAS;CAC7B,CAAA"}

package/lib/version.d.ts

@@ -1,2 +1,2 @@
-declare const seamapiReactVersion = "2.17.1";
+declare const seamapiReactVersion = "2.18.0";
 export default seamapiReactVersion;

package/lib/version.js

@@ -1,3 +1,3 @@
-const seamapiReactVersion = '2.17.1';
+const seamapiReactVersion = '2.18.0';
 export default seamapiReactVersion;
 //# sourceMappingURL=version.js.map

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@seamapi/react",
-  "version": "2.17.1",
+  "version": "2.18.0",
   "description": "Seam Components.",
   "type": "module",
   "main": "index.js",
@@ -132,7 +132,7 @@
     "luxon": "^3.3.0",
     "queue": "^7.0.0",
     "react-hook-form": "^7.46.1",
-    "seamapi": "^8.22.0",
+    "seamapi": "^8.22.1",
     "uuid": "^9.0.0",
     "zoned-time": "^1.1.2"
   },

package/src/lib/seam/components/DeviceDetails/NoiseSensorDeviceDetails.tsx

@@ -5,6 +5,7 @@ import type { NestedSpecificDeviceDetailsProps } from 'lib/seam/components/Devic
 import { DeviceInfo } from 'lib/seam/components/DeviceDetails/DeviceInfo.js'
 import { DeviceModel } from 'lib/seam/components/DeviceDetails/DeviceModel.js'
 import { DeviceImage } from 'lib/ui/device/DeviceImage.js'
+import { NoiseLevelStatus } from 'lib/ui/device/NoiseLevelStatus.js'
 import { OnlineStatus } from 'lib/ui/device/OnlineStatus.js'
 import { ContentHeader } from 'lib/ui/layout/ContentHeader.js'
 import { NoiseThresholdsList } from 'lib/ui/noise-sensor/NoiseThresholdsList.js'
@@ -37,6 +38,7 @@ export function NoiseSensorDeviceDetails({
               <div className='seam-properties'>
                 <span className='seam-label'>{t.status}:</span>{' '}
                 <OnlineStatus device={device} />
+                <NoiseLevelStatus device={device} />
                 <DeviceModel device={device} />
               </div>
             </div>

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

@@ -0,0 +1,58 @@
+import type { NoiseSensorDevice } from 'seamapi'
+
+import { NoiseLevelsIcon } from 'lib/icons/NoiseLevels.js'
+
+interface NoiseLevelStatusProps {
+  device: NoiseSensorDevice
+}
+
+export function NoiseLevelStatus({
+  device,
+}: NoiseLevelStatusProps): JSX.Element {
+  return (
+    <>
+      <span className='seam-label'>{t.noiseLevel}:</span>
+
+      <div className='seam-device-status'>
+        <NoiseLevelsIcon />
+        <span className='seam-text'>{getNoiseLevel(device)}</span>
+      </div>
+    </>
+  )
+}
+
+function toNoiseString(value: number | string | undefined): string {
+  if (typeof value === 'string' || typeof value === 'number') {
+    return `${Number(value).toFixed(0)} ${t.decibel}`
+  }
+  return t.unknown
+}
+
+function getNoiseLevel(device: NoiseSensorDevice): string {
+  const isMinut = device.device_type === 'minut_sensor'
+  const isNoiseAware = device.device_type === 'noiseaware_activity_zone'
+
+  if (isMinut) {
+    return toNoiseString(
+      device?.properties?.minut_metadata?.latest_sensor_values?.sound?.value
+    )
+  }
+
+  if (isNoiseAware) {
+    if (device?.properties?.noiseaware_metadata?.noise_level_nrs === -1) {
+      return t.noiseAwareDefault
+    }
+    return toNoiseString(
+      device?.properties?.noiseaware_metadata?.noise_level_decibel
+    )
+  }
+
+  return toNoiseString(undefined)
+}
+
+const t = {
+  noiseLevel: 'Noise level',
+  unknown: 'Unknown',
+  decibel: 'dB',
+  noiseAwareDefault: '0-40 dB',
+}

package/src/lib/version.ts

@@ -1,3 +1,3 @@
-const seamapiReactVersion = '2.17.1'
+const seamapiReactVersion = '2.18.0'
 
 export default seamapiReactVersion