@seamapi/react 1.6.0 → 1.8.0

package/lib/{ui → seam/components}/AccessCodeTable/CodeDetails.js

@@ -1,8 +1,8 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { DateTime } from 'luxon';
-import { useDevice } from '../../../lib/index.js';
-import { DotDivider } from '../../../lib/ui/layout/DotDivider.js';
-import { useIsDateInPast } from '../../../lib/use-is-date-in-past.js';
+import { useDevice } from '../../../../lib/seam/devices/use-device.js';
+import { DotDivider } from '../../../../lib/ui/layout/DotDivider.js';
+import { useIsDateInPast } from '../../../../lib/ui/use-is-date-in-past.js';
 export function CodeDetails(props) {
     const { accessCode } = props;
     const { device } = useDevice({ device_id: accessCode.device_id });

package/lib/seam/components/AccessCodeTable/CodeDetails.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CodeDetails.js","sourceRoot":"","sources":["../../../../src/lib/seam/components/AccessCodeTable/CodeDetails.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AAGhC,OAAO,EAAE,SAAS,EAAE,MAAM,gCAAgC,CAAA;AAC1D,OAAO,EAAE,UAAU,EAAE,MAAM,6BAA6B,CAAA;AACxD,OAAO,EAAE,eAAe,EAAE,MAAM,+BAA+B,CAAA;AAE/D,MAAM,UAAU,WAAW,CAAC,KAAiC;IAC3D,MAAM,EAAE,UAAU,EAAE,GAAG,KAAK,CAAA;IAC5B,MAAM,EAAE,MAAM,EAAE,GAAG,SAAS,CAAC,EAAE,SAAS,EAAE,UAAU,CAAC,SAAS,EAAE,CAAC,CAAA;IAEjE,OAAO,CACL,eAAK,SAAS,EAAC,mBAAmB,aAChC,eAAM,SAAS,EAAC,sCAAsC,YACnD,MAAM,EAAE,UAAU,CAAC,IAAI,GACnB,EACP,KAAC,UAAU,KAAG,EACd,KAAC,QAAQ,IAAC,UAAU,EAAE,UAAU,GAAI,EACpC,KAAC,UAAU,KAAG,EACb,CAAC,CAAC,IAAI,QAAI,UAAU,CAAC,IAAI,IACtB,CACP,CAAA;AACH,CAAC;AAED,SAAS,QAAQ,CAAC,KAAiC;IACjD,MAAM,EAAE,UAAU,EAAE,GAAG,KAAK,CAAA;IAE5B,MAAM,UAAU,GACd,eAAe,CAAC,WAAW,IAAI,UAAU,CAAC,CAAC,CAAC,UAAU,EAAE,SAAS,CAAC,CAAC,CAAC,IAAI,CAAC;QACzE,KAAK,CAAA;IAEP,IAAI,UAAU,CAAC,IAAI,KAAK,SAAS,EAAE;QACjC,OAAO,CACL,2BACG,CAAC,CAAC,IAAI,QAAI,CAAC,CAAC,KAAK,IACb,CACR,CAAA;KACF;IAED,IAAI,UAAU,EAAE;QACd,OAAO,CACL,2BACG,CAAC,CAAC,IAAI,QAAI,UAAU,CAAC,UAAU,CAAC,OAAO,CAAC,EAAE,GAAG,IACzC,CACR,CAAA;KACF;IAED,OAAO,CACL,2BACG,CAAC,CAAC,MAAM,QAAI,UAAU,CAAC,UAAU,CAAC,SAAS,CAAC,IACxC,CACR,CAAA;AACH,CAAC;AAED,SAAS,UAAU,CAAC,IAAY;IAC9B,OAAO,QAAQ,CAAC,OAAO,CAAC,IAAI,CAAC,CAAC,cAAc,CAAC;QAC3C,KAAK,EAAE,MAAM;QACb,GAAG,EAAE,SAAS;KACf,CAAC,CAAA;AACJ,CAAC;AAED,MAAM,CAAC,GAAG;IACR,IAAI,EAAE,MAAM;IACZ,MAAM,EAAE,QAAQ;IAChB,IAAI,EAAE,MAAM;IACZ,KAAK,EAAE,OAAO;CACf,CAAA"}

package/lib/seam/components/DeviceDetails/DeviceDetails.d.ts

@@ -0,0 +1,7 @@
+/// <reference types="react" />
+export interface DeviceDetailsProps {
+    deviceId: string;
+    onBack?: () => void;
+    className?: string;
+}
+export declare function DeviceDetails({ deviceId, onBack, className, }: DeviceDetailsProps): JSX.Element | null;

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

@@ -0,0 +1,80 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import classNames from 'classnames';
+import { ChevronRightIcon } from '../../../../lib/icons/ChevronRight.js';
+import { useAccessCodes } from '../../../../lib/seam/access-codes/use-access-codes.js';
+import { AccessCodeTable } from '../../../../lib/seam/components/AccessCodeTable/AccessCodeTable.js';
+import { DeviceModel } from '../../../../lib/seam/components/DeviceDetails/DeviceModel.js';
+import { isLockDevice } from '../../../../lib/seam/devices/types.js';
+import { useDevice } from '../../../../lib/seam/devices/use-device.js';
+import { useToggleLock } from '../../../../lib/seam/devices/use-toggle-lock.js';
+import { Alerts } from '../../../../lib/ui/Alert/Alerts.js';
+import { Button } from '../../../../lib/ui/Button.js';
+import { BatteryStatus } from '../../../../lib/ui/device/BatteryStatus.js';
+import { DeviceImage } from '../../../../lib/ui/device/DeviceImage.js';
+import { OnlineStatus } from '../../../../lib/ui/device/OnlineStatus.js';
+import { ContentHeader } from '../../../../lib/ui/layout/ContentHeader.js';
+import { useToggle } from '../../../../lib/ui/use-toggle.js';
+export function DeviceDetails({ deviceId, onBack, className, }) {
+    const { device } = useDevice({
+        device_id: deviceId,
+    });
+    if (device == null) {
+        return null;
+    }
+    if (!isLockDevice(device)) {
+        return null;
+    }
+    return (_jsx(LockDeviceDetails, { className: className, device: device, onBack: onBack }));
+}
+function LockDeviceDetails(props) {
+    const { device, onBack, className } = props;
+    const [accessCodesOpen, toggleAccessCodesOpen] = useToggle();
+    const toggleLock = useToggleLock(device);
+    const { accessCodes } = useAccessCodes({
+        device_id: device.device_id,
+    });
+    const lockStatus = device.properties.locked ? t.locked : t.unlocked;
+    const toggleLockLabel = device.properties.locked ? t.unlock : t.lock;
+    const accessCodeCount = accessCodes?.length;
+    const accessCodeLength = device.properties?.schlage_metadata?.access_code_length;
+    if (accessCodes == null) {
+        return null;
+    }
+    if (accessCodesOpen) {
+        return (_jsx(AccessCodeTable, { className: className, deviceId: device.device_id, onBack: toggleAccessCodesOpen }));
+    }
+    const alerts = [
+        ...device.errors.map((error) => ({
+            variant: 'error',
+            message: error.message,
+        })),
+        ...device.warnings.map((warning) => ({
+            variant: 'warning',
+            message: warning.message,
+        })),
+    ];
+    return (_jsxs("div", { className: classNames('seam-device-details', className), children: [_jsx(ContentHeader, { title: 'Device', onBack: onBack }), _jsxs("div", { className: 'seam-body', children: [_jsxs("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.device }), _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 }), _jsxs("span", { className: 'seam-label', children: [t.power, ":"] }), ' ', _jsx(BatteryStatus, { device: device }), _jsx(DeviceModel, { device: device })] })] })] }), _jsx(Alerts, { alerts: alerts, className: 'seam-alerts-space-top' })] }), _jsx("div", { className: 'seam-box', children: _jsxs("div", { className: 'seam-content seam-access-codes', onClick: toggleAccessCodesOpen, children: [_jsxs("span", { className: 'seam-value', children: [accessCodeCount, " ", t.accessCodes] }), _jsx(ChevronRightIcon, {})] }) }), _jsxs("div", { className: 'seam-box', children: [_jsxs("div", { className: 'seam-content seam-lock-status', children: [_jsxs("div", { children: [_jsx("span", { className: 'seam-label', children: t.lockStatus }), _jsx("span", { className: 'seam-value', children: lockStatus })] }), _jsx("div", { className: 'seam-right', children: _jsx(Button, { size: 'small', onClick: () => {
+                                                toggleLock.mutate();
+                                            }, children: toggleLockLabel }) })] }), _jsx(AccessCodeLength, { accessCodeLength: accessCodeLength })] })] })] }));
+}
+function AccessCodeLength(props) {
+    const { accessCodeLength } = props;
+    if (accessCodeLength == null) {
+        return null;
+    }
+    return (_jsxs("div", { className: 'seam-content seam-access-code-length', children: [_jsx("span", { className: 'seam-label', children: t.codeLength }), _jsxs("span", { className: 'seam-value', children: [accessCodeLength, " ", t.digits] })] }));
+}
+const t = {
+    device: 'Device',
+    unlock: 'Unlock',
+    lock: 'Lock',
+    locked: 'Locked',
+    unlocked: 'Unlocked',
+    accessCodes: 'access codes',
+    codeLength: 'Code length',
+    digits: 'digits',
+    lockStatus: 'Lock status',
+    status: 'Status',
+    power: 'Power',
+};
+//# sourceMappingURL=DeviceDetails.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"DeviceDetails.js","sourceRoot":"","sources":["../../../../src/lib/seam/components/DeviceDetails/DeviceDetails.tsx"],"names":[],"mappings":"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"}

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

@@ -0,0 +1 @@
+{"version":3,"file":"DeviceModel.js","sourceRoot":"","sources":["../../../../src/lib/seam/components/DeviceDetails/DeviceModel.tsx"],"names":[],"mappings":";AAMA,MAAM,UAAU,WAAW,CAAC,EAAE,MAAM,EAAoB;IACtD,MAAM,KAAK,GAAG,cAAc,CAAC,MAAM,CAAC,CAAA;IACpC,IAAI,KAAK,IAAI,IAAI,EAAE;QACjB,OAAO,IAAI,CAAA;KACZ;IAED,OAAO,CACL,8BACE,gBAAM,SAAS,EAAC,YAAY,aAAE,CAAC,CAAC,KAAK,SAAS,EAAC,GAAG,EAClD,cAAK,SAAS,EAAC,mBAAmB,YAAE,KAAK,GAAO,IAC/C,CACJ,CAAA;AACH,CAAC;AAED,MAAM,CAAC,MAAM,cAAc,GAAG,CAAC,EAC7B,UAAU,GACC,EAAsB,EAAE;IACnC,OAAO,CACL,UAAU,EAAE,eAAe,EAAE,KAAK;QAClC,UAAU,EAAE,gBAAgB,EAAE,KAAK;QACnC,CAAC,CAAC,aAAa,CAChB,CAAA;AACH,CAAC,CAAA;AAED,MAAM,CAAC,GAAG;IACR,KAAK,EAAE,OAAO;IACd,aAAa,EAAE,cAAc;CAC9B,CAAA"}

package/lib/{ui → seam/components}/DeviceTable/DeviceHealthBar.d.ts

@@ -1,9 +1,10 @@
-import type { UseDevicesData } from '../../../lib/seam/devices/use-devices.js';
+/// <reference types="react" />
+import type { UseDevicesData } from '../../../../lib/seam/devices/use-devices.js';
 export type DeviceFilter = 'device_issues';
 interface DeviceHealthBarProps {
     devices: Array<UseDevicesData[number]>;
     filter: DeviceFilter | null;
     onFilterSelect: (filter: DeviceFilter | null) => void;
 }
-export declare function DeviceHealthBar({ devices, filter, onFilterSelect, }: DeviceHealthBarProps): import("react/jsx-runtime").JSX.Element;
+export declare function DeviceHealthBar({ devices, filter, onFilterSelect, }: DeviceHealthBarProps): JSX.Element;
 export {};

package/lib/{ui → seam/components}/DeviceTable/DeviceHealthBar.js

@@ -1,8 +1,8 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { CheckIcon } from '../../../lib/icons/Check.js';
-import { ExclamationCircleOutlineIcon } from '../../../lib/icons/ExclamationCircleOutline.js';
-import { TableFilterBar } from '../../../lib/ui/Table/TableFilterBar/TableFilterBar.js';
-import { TableFilterItem } from '../../../lib/ui/Table/TableFilterBar/TableFilterItem.js';
+import { CheckIcon } from '../../../../lib/icons/Check.js';
+import { ExclamationCircleOutlineIcon } from '../../../../lib/icons/ExclamationCircleOutline.js';
+import { TableFilterBar } from '../../../../lib/ui/Table/TableFilterBar/TableFilterBar.js';
+import { TableFilterItem } from '../../../../lib/ui/Table/TableFilterBar/TableFilterItem.js';
 export function DeviceHealthBar({ devices, filter, onFilterSelect, }) {
     const erroredDevices = devices.filter((device) => device.errors.length > 0);
     const issueCount = erroredDevices.length;

package/lib/seam/components/DeviceTable/DeviceHealthBar.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DeviceHealthBar.js","sourceRoot":"","sources":["../../../../src/lib/seam/components/DeviceTable/DeviceHealthBar.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,oBAAoB,CAAA;AAC9C,OAAO,EAAE,4BAA4B,EAAE,MAAM,uCAAuC,CAAA;AAEpF,OAAO,EAAE,cAAc,EAAE,MAAM,+CAA+C,CAAA;AAC9E,OAAO,EAAE,eAAe,EAAE,MAAM,gDAAgD,CAAA;AAUhF,MAAM,UAAU,eAAe,CAAC,EAC9B,OAAO,EACP,MAAM,EACN,cAAc,GACO;IACrB,MAAM,cAAc,GAAG,OAAO,CAAC,MAAM,CAAC,CAAC,MAAM,EAAE,EAAE,CAAC,MAAM,CAAC,MAAM,CAAC,MAAM,GAAG,CAAC,CAAC,CAAA;IAC3E,MAAM,UAAU,GAAG,cAAc,CAAC,MAAM,CAAA;IAExC,MAAM,MAAM,GAAG,CAAC,MAAoB,EAAE,EAAE,CAAC,GAAG,EAAE;QAC5C,MAAM,SAAS,GAAG,MAAM,KAAK,MAAM,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,MAAM,CAAA;QACnD,cAAc,CAAC,SAAS,CAAC,CAAA;IAC3B,CAAC,CAAA;IAED,MAAM,QAAQ,GAAG,UAAU,KAAK,CAAC,IAAI,UAAU,GAAG,CAAC,CAAA;IACnD,MAAM,KAAK,GAAG,QAAQ;QACpB,CAAC,CAAC,GAAG,UAAU,IAAI,CAAC,CAAC,YAAY,EAAE;QACnC,CAAC,CAAC,GAAG,UAAU,IAAI,CAAC,CAAC,WAAW,EAAE,CAAA;IAEpC,IAAI,UAAU,KAAK,CAAC,EAAE;QACpB,OAAO,CACL,KAAC,cAAc,IAAC,aAAa,kBAC3B,MAAC,eAAe,eACd,KAAC,SAAS,KAAG,EACZ,CAAC,CAAC,SAAS,IACI,GACH,CAClB,CAAA;KACF;IAED,OAAO,CACL,KAAC,cAAc,IACb,aAAa,EAAE,MAAM,IAAI,IAAI,EAC7B,aAAa,EAAE,GAAG,EAAE;YAClB,cAAc,CAAC,IAAI,CAAC,CAAA;QACtB,CAAC,YAED,MAAC,eAAe,IACd,OAAO,EAAE,MAAM,CAAC,eAAe,CAAC,EAChC,QAAQ,EAAE,MAAM,KAAK,eAAe,aAEpC,KAAC,4BAA4B,KAAG,EAC/B,KAAK,IACU,GACH,CAClB,CAAA;AACH,CAAC;AAED,MAAM,CAAC,GAAG;IACR,SAAS,EAAE,YAAY;IACvB,WAAW,EAAE,cAAc;IAC3B,YAAY,EAAE,eAAe;CAC9B,CAAA"}

package/lib/{ui → seam/components}/DeviceTable/DeviceRow.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-import type { UseDevicesData, UseDevicesParams } from '../../../lib/seam/devices/use-devices.js';
+import type { UseDevicesData, UseDevicesParams } from '../../../../lib/seam/devices/use-devices.js';
 export type DeviceTableProps = Props & UseDevicesParams;
 interface Props {
     onBack?: () => void;

package/lib/{ui → seam/components}/DeviceTable/DeviceRow.js

@@ -1,13 +1,13 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { isLockDevice } from '../../../lib/seam/devices/types.js';
-import { BatteryStatus } from '../../../lib/ui/device/BatteryStatus.js';
-import { DeviceImage } from '../../../lib/ui/device/DeviceImage.js';
-import { LockStatus } from '../../../lib/ui/device/LockStatus.js';
-import { OnlineStatus } from '../../../lib/ui/device/OnlineStatus.js';
-import { getDeviceModel } from '../../../lib/ui/DeviceDetails/DeviceModel.js';
-import { TableCell } from '../../../lib/ui/Table/TableCell.js';
-import { TableRow } from '../../../lib/ui/Table/TableRow.js';
-import { Title } from '../../../lib/ui/typography/Title.js';
+import { getDeviceModel } from '../../../../lib/seam/components/DeviceDetails/DeviceModel.js';
+import { isLockDevice } from '../../../../lib/seam/devices/types.js';
+import { BatteryStatus } from '../../../../lib/ui/device/BatteryStatus.js';
+import { DeviceImage } from '../../../../lib/ui/device/DeviceImage.js';
+import { LockStatus } from '../../../../lib/ui/device/LockStatus.js';
+import { OnlineStatus } from '../../../../lib/ui/device/OnlineStatus.js';
+import { TableCell } from '../../../../lib/ui/Table/TableCell.js';
+import { TableRow } from '../../../../lib/ui/Table/TableRow.js';
+import { Title } from '../../../../lib/ui/typography/Title.js';
 export function DeviceRow({ device, onClick, }) {
     if (!isLockDevice(device)) {
         return null;

package/lib/seam/components/DeviceTable/DeviceRow.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DeviceRow.js","sourceRoot":"","sources":["../../../../src/lib/seam/components/DeviceTable/DeviceRow.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,kDAAkD,CAAA;AACjF,OAAO,EAAE,YAAY,EAAE,MAAM,2BAA2B,CAAA;AAKxD,OAAO,EAAE,aAAa,EAAE,MAAM,gCAAgC,CAAA;AAC9D,OAAO,EAAE,WAAW,EAAE,MAAM,8BAA8B,CAAA;AAC1D,OAAO,EAAE,UAAU,EAAE,MAAM,6BAA6B,CAAA;AACxD,OAAO,EAAE,YAAY,EAAE,MAAM,+BAA+B,CAAA;AAC5D,OAAO,EAAE,SAAS,EAAE,MAAM,2BAA2B,CAAA;AACrD,OAAO,EAAE,QAAQ,EAAE,MAAM,0BAA0B,CAAA;AACnD,OAAO,EAAE,KAAK,EAAE,MAAM,4BAA4B,CAAA;AAalD,MAAM,UAAU,SAAS,CAAC,EACxB,MAAM,EACN,OAAO,GACQ;IACf,IAAI,CAAC,YAAY,CAAC,MAAM,CAAC,EAAE;QACzB,OAAO,IAAI,CAAA;KACZ;IAED,MAAM,WAAW,GAAG,cAAc,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC,WAAW,CAAA;IAE3D,OAAO,CACL,MAAC,QAAQ,IAAwB,OAAO,EAAE,OAAO,aAC/C,KAAC,SAAS,IAAC,SAAS,EAAC,iBAAiB,YACpC,KAAC,WAAW,IAAC,MAAM,EAAE,MAAM,GAAI,GACrB,EACZ,MAAC,SAAS,IAAC,SAAS,EAAC,gBAAgB,aACnC,KAAC,KAAK,IAAC,SAAS,EAAC,qBAAqB,YAAE,MAAM,CAAC,UAAU,CAAC,IAAI,GAAS,EACvE,eAAK,SAAS,EAAC,aAAa,aAC1B,eAAM,SAAS,EAAC,mBAAmB,YAAE,WAAW,GAAQ,EACxD,eAAK,SAAS,EAAC,sBAAsB,aACnC,KAAC,YAAY,IAAC,MAAM,EAAE,MAAM,GAAI,EAChC,KAAC,aAAa,IAAC,MAAM,EAAE,MAAM,GAAI,EACjC,KAAC,UAAU,IAAC,MAAM,EAAE,MAAM,GAAI,IAC1B,IACF,IACI,KAdC,MAAM,CAAC,SAAS,CAepB,CACZ,CAAA;AACH,CAAC;AAED,MAAM,CAAC,GAAG;IACR,OAAO,EAAE,SAAS;IAClB,WAAW,EAAE,cAAc;IAC3B,gBAAgB,EAAE,8BAA8B;CACjD,CAAA"}

package/lib/seam/components/DeviceTable/DeviceTable.d.ts

@@ -0,0 +1,9 @@
+/// <reference types="react" />
+import { type UseDevicesParams } from '../../../../lib/seam/devices/use-devices.js';
+export type DeviceTableProps = Props & UseDevicesParams;
+interface Props {
+    onBack?: () => void;
+    className?: string;
+}
+export declare function DeviceTable({ onBack, className, }: DeviceTableProps): JSX.Element | null;
+export {};

package/lib/seam/components/DeviceTable/DeviceTable.js

@@ -0,0 +1,66 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import classNames from 'classnames';
+import { useState } from 'react';
+import { DeviceDetails } from '../../../../lib/seam/components/DeviceDetails/DeviceDetails.js';
+import { DeviceHealthBar, } from '../../../../lib/seam/components/DeviceTable/DeviceHealthBar.js';
+import { DeviceRow } from '../../../../lib/seam/components/DeviceTable/DeviceRow.js';
+import { useDevices, } from '../../../../lib/seam/devices/use-devices.js';
+import { ContentHeader } from '../../../../lib/ui/layout/ContentHeader.js';
+import { EmptyPlaceholder } from '../../../../lib/ui/Table/EmptyPlaceholder.js';
+import { TableBody } from '../../../../lib/ui/Table/TableBody.js';
+import { TableHeader } from '../../../../lib/ui/Table/TableHeader.js';
+import { TableTitle } from '../../../../lib/ui/Table/TableTitle.js';
+import { SearchTextField } from '../../../../lib/ui/TextField/SearchTextField.js';
+import { Caption } from '../../../../lib/ui/typography/Caption.js';
+export function DeviceTable({ onBack, className, }) {
+    const { devices, isLoading, isError, error } = useDevices();
+    const [selectedDeviceId, selectDevice] = useState(null);
+    const [searchTerm, setSearchTerm] = useState('');
+    if (selectedDeviceId != null) {
+        return (_jsx(DeviceDetails, { className: className, deviceId: selectedDeviceId, onBack: () => {
+                selectDevice(null);
+            } }));
+    }
+    if (isLoading) {
+        return _jsx("p", { className: className, children: "..." });
+    }
+    if (isError) {
+        return _jsx("p", { className: className, children: error?.message });
+    }
+    if (devices == null) {
+        return null;
+    }
+    const deviceCount = devices.length;
+    const filteredDevices = devices.filter((device) => {
+        if (searchTerm === '') {
+            return true;
+        }
+        return new RegExp(searchTerm, 'i').test(device.properties.name);
+    });
+    return (_jsxs("div", { className: classNames('seam-device-table', className), children: [_jsx(ContentHeader, { onBack: onBack }), _jsxs(TableHeader, { children: [_jsxs(TableTitle, { children: [t.devices, " ", _jsxs(Caption, { children: ["(", deviceCount, ")"] })] }), _jsx(SearchTextField, { value: searchTerm, onChange: setSearchTerm, disabled: deviceCount === 0 })] }), _jsx(TableBody, { children: _jsx(Body, { devices: filteredDevices, selectDevice: selectDevice }) })] }));
+}
+function Body(props) {
+    const { devices, selectDevice } = props;
+    const [filter, setFilter] = useState(null);
+    if (devices.length === 0) {
+        return _jsx(EmptyPlaceholder, { children: t.noDevicesMessage });
+    }
+    const filteredDevices = devices.filter((device) => {
+        if (filter === null) {
+            return true;
+        }
+        if (filter === 'device_issues') {
+            return device.errors.length > 0;
+        }
+        return true;
+    });
+    return (_jsxs(_Fragment, { children: [_jsx(DeviceHealthBar, { devices: devices, filter: filter, onFilterSelect: setFilter }), filteredDevices.map((device) => (_jsx(DeviceRow, { device: device, onClick: () => {
+                    selectDevice(device.device_id);
+                } }, device.device_id)))] }));
+}
+const t = {
+    devices: 'Devices',
+    unknownLock: 'Unknown Lock',
+    noDevicesMessage: 'Sorry, no devices were found',
+};
+//# sourceMappingURL=DeviceTable.js.map

package/lib/seam/components/DeviceTable/DeviceTable.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DeviceTable.js","sourceRoot":"","sources":["../../../../src/lib/seam/components/DeviceTable/DeviceTable.tsx"],"names":[],"mappings":"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"}

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

@@ -0,0 +1,20 @@
+/// <reference types="react" />
+export type FilterCategoryMenuProps = FilterCategoryMenuPropsWithAllOption | FilterCategoryMenuPropsWithoutAllOption;
+interface FilterCategoryMenuPropsWithAllOption extends FilterCategoryMenuBaseProps {
+    hideAllOption?: false;
+    allLabel: string;
+    onAllOptionSelect: () => void;
+}
+interface FilterCategoryMenuPropsWithoutAllOption extends FilterCategoryMenuBaseProps {
+    hideAllOption: true;
+    allLabel: never;
+    onAllOptionSelect?: never;
+}
+interface FilterCategoryMenuBaseProps {
+    label: string;
+    options: string[];
+    onSelect: (option: string) => void;
+    buttonLabel?: string;
+}
+export declare function FilterCategoryMenu({ label, allLabel, options, hideAllOption, onSelect, onAllOptionSelect, buttonLabel, }: FilterCategoryMenuProps): JSX.Element;
+export {};

package/lib/{ui → seam/components}/SupportedDeviceTable/FilterCategoryMenu.js

@@ -1,11 +1,11 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { ChevronDownIcon } from '../../../lib/icons/ChevronDown.js';
-import { Menu } from '../../../lib/ui/Menu/Menu.js';
-import { MenuItem } from '../../../lib/ui/Menu/MenuItem.js';
-export function FilterCategoryMenu({ label = 'Filter', options, hideAllOption = false, onSelect, onAllOptionSelect, buttonLabel, }) {
+import { ChevronDownIcon } from '../../../../lib/icons/ChevronDown.js';
+import { Menu } from '../../../../lib/ui/Menu/Menu.js';
+import { MenuItem } from '../../../../lib/ui/Menu/MenuItem.js';
+export function FilterCategoryMenu({ label = t.filter, allLabel, options, hideAllOption = false, onSelect, onAllOptionSelect, buttonLabel, }) {
     const usableOptions = hideAllOption ? options : ['All', ...options];
     return (_jsxs("div", { className: 'seam-supported-device-table-filter-menu-wrap', children: [_jsx("p", { children: label }), _jsx(Menu, { renderButton: ({ onOpen }) => (_jsxs("button", { onClick: onOpen, children: [_jsx("span", { children: buttonLabel }), _jsx(ChevronDownIcon, {})] })), children: usableOptions.map((option, index) => (_jsx(MenuItem, { onClick: () => {
-                        if (option === 'All') {
+                        if (option === allLabel) {
                             onAllOptionSelect?.();
                         }
                         else {
@@ -13,4 +13,7 @@ export function FilterCategoryMenu({ label = 'Filter', options, hideAllOption =
                         }
                     }, children: _jsx("span", { children: option }) }, `${index}:${option}`))) })] }));
 }
+const t = {
+    filter: 'Filter',
+};
 //# sourceMappingURL=FilterCategoryMenu.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"FilterCategoryMenu.js","sourceRoot":"","sources":["../../../../src/lib/seam/components/SupportedDeviceTable/FilterCategoryMenu.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,eAAe,EAAE,MAAM,0BAA0B,CAAA;AAC1D,OAAO,EAAE,IAAI,EAAE,MAAM,qBAAqB,CAAA;AAC1C,OAAO,EAAE,QAAQ,EAAE,MAAM,yBAAyB,CAAA;AA2BlD,MAAM,UAAU,kBAAkB,CAAC,EACjC,KAAK,GAAG,CAAC,CAAC,MAAM,EAChB,QAAQ,EACR,OAAO,EACP,aAAa,GAAG,KAAK,EACrB,QAAQ,EACR,iBAAiB,EACjB,WAAW,GACa;IACxB,MAAM,aAAa,GAAG,aAAa,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,KAAK,EAAE,GAAG,OAAO,CAAC,CAAA;IAEnE,OAAO,CACL,eAAK,SAAS,EAAC,8CAA8C,aAC3D,sBAAI,KAAK,GAAK,EACd,KAAC,IAAI,IACH,YAAY,EAAE,CAAC,EAAE,MAAM,EAAE,EAAE,EAAE,CAAC,CAC5B,kBAAQ,OAAO,EAAE,MAAM,aACrB,yBAAO,WAAW,GAAQ,EAC1B,KAAC,eAAe,KAAG,IACZ,CACV,YAEA,aAAa,CAAC,GAAG,CAAC,CAAC,MAAM,EAAE,KAAK,EAAE,EAAE,CAAC,CACpC,KAAC,QAAQ,IAEP,OAAO,EAAE,GAAG,EAAE;wBACZ,IAAI,MAAM,KAAK,QAAQ,EAAE;4BACvB,iBAAiB,EAAE,EAAE,CAAA;yBACtB;6BAAM;4BACL,QAAQ,CAAC,MAAM,CAAC,CAAA;yBACjB;oBACH,CAAC,YAED,yBAAO,MAAM,GAAQ,IAThB,GAAG,KAAK,IAAI,MAAM,EAAE,CAUhB,CACZ,CAAC,GACG,IACH,CACP,CAAA;AACH,CAAC;AAED,MAAM,CAAC,GAAG;IACR,MAAM,EAAE,QAAQ;CACjB,CAAA"}

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

@@ -0,0 +1,9 @@
+/// <reference types="react" />
+import { type DeviceModelFilters } from '../../../../lib/seam/components/SupportedDeviceTable/use-filtered-device-models.js';
+interface SupportedDeviceContentProps {
+    filterValue: string;
+    resetFilterValue: () => void;
+    filters: DeviceModelFilters;
+}
+export declare function SupportedDeviceContent({ resetFilterValue, filterValue, filters, }: SupportedDeviceContentProps): JSX.Element | null;
+export {};

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

@@ -0,0 +1,39 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { SupportedDeviceHeader } from '../../../../lib/seam/components/SupportedDeviceTable/SupportedDeviceHeader.js';
+import { SupportedDeviceRow } from '../../../../lib/seam/components/SupportedDeviceTable/SupportedDeviceRow.js';
+import { useFilteredDeviceModels, } from '../../../../lib/seam/components/SupportedDeviceTable/use-filtered-device-models.js';
+import { Button } from '../../../../lib/ui/Button.js';
+export function SupportedDeviceContent({ resetFilterValue, filterValue, filters, }) {
+    const { deviceModels, isLoading, isError, refetch } = useFilteredDeviceModels(filterValue, filters);
+    if (isLoading) {
+        return (_jsx("div", { className: 'seam-supported-device-table-content-state-block', children: _jsx("p", { children: t.loading }) }));
+    }
+    if (isError) {
+        return (_jsxs("div", { className: 'seam-supported-device-table-content-state-block', children: [_jsx("p", { children: t.error }), _jsx(Button, { variant: 'solid', size: 'small', onClick: () => {
+                        void refetch();
+                    }, children: t.retry })] }));
+    }
+    if (deviceModels == null) {
+        return null;
+    }
+    return (_jsxs("table", { className: 'seam-supported-device-table-content', children: [_jsx(SupportedDeviceHeader, {}), _jsxs("tbody", { children: [deviceModels.map((deviceModel, index) => (_jsx(SupportedDeviceRow, { deviceModel: deviceModel }, [
+                        deviceModel.main_category,
+                        deviceModel.brand,
+                        deviceModel.model_name,
+                        deviceModel.manufacturer_model_id,
+                        index,
+                    ].join(':')))), deviceModels.length === 0 && (_jsx(EmptyResult, { filterValue: filterValue, resetFilterValue: resetFilterValue }))] })] }));
+}
+function EmptyResult({ filterValue, resetFilterValue, }) {
+    const noMatchingRows = (_jsxs(_Fragment, { children: [_jsx("p", { children: t.noMatch }), _jsx(Button, { variant: 'outline', size: 'small', onClick: resetFilterValue, className: 'seam-supported-device-table-content-message-clear-search', children: t.clear })] }));
+    return (_jsx("tr", { className: 'seam-supported-device-table-content-message-row', children: _jsx("td", { colSpan: 6, children: _jsx("div", { className: 'seam-supported-device-table-content-message', children: filterValue.length === 0 ? _jsx("p", { children: t.noneFound }) : noMatchingRows }) }) }));
+}
+const t = {
+    loading: 'Loading device models...',
+    retry: 'Retry',
+    error: 'There was an error fetching device models.',
+    noneFound: 'No device models found.',
+    noMatch: 'No device models matched your search.',
+    clear: 'Clear search terms',
+};
+//# sourceMappingURL=SupportedDeviceContent.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"SupportedDeviceContent.js","sourceRoot":"","sources":["../../../../src/lib/seam/components/SupportedDeviceTable/SupportedDeviceContent.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,qBAAqB,EAAE,MAAM,mEAAmE,CAAA;AACzG,OAAO,EAAE,kBAAkB,EAAE,MAAM,gEAAgE,CAAA;AACnG,OAAO,EAEL,uBAAuB,GACxB,MAAM,wEAAwE,CAAA;AAC/E,OAAO,EAAE,MAAM,EAAE,MAAM,kBAAkB,CAAA;AAQzC,MAAM,UAAU,sBAAsB,CAAC,EACrC,gBAAgB,EAChB,WAAW,EACX,OAAO,GACqB;IAC5B,MAAM,EAAE,YAAY,EAAE,SAAS,EAAE,OAAO,EAAE,OAAO,EAAE,GAAG,uBAAuB,CAC3E,WAAW,EACX,OAAO,CACR,CAAA;IAED,IAAI,SAAS,EAAE;QACb,OAAO,CACL,cAAK,SAAS,EAAC,iDAAiD,YAC9D,sBAAI,CAAC,CAAC,OAAO,GAAK,GACd,CACP,CAAA;KACF;IAED,IAAI,OAAO,EAAE;QACX,OAAO,CACL,eAAK,SAAS,EAAC,iDAAiD,aAC9D,sBAAI,CAAC,CAAC,KAAK,GAAK,EAChB,KAAC,MAAM,IACL,OAAO,EAAC,OAAO,EACf,IAAI,EAAC,OAAO,EACZ,OAAO,EAAE,GAAG,EAAE;wBACZ,KAAK,OAAO,EAAE,CAAA;oBAChB,CAAC,YAEA,CAAC,CAAC,KAAK,GACD,IACL,CACP,CAAA;KACF;IAED,IAAI,YAAY,IAAI,IAAI,EAAE;QACxB,OAAO,IAAI,CAAA;KACZ;IAED,OAAO,CACL,iBAAO,SAAS,EAAC,qCAAqC,aACpD,KAAC,qBAAqB,KAAG,EACzB,4BACG,YAAY,CAAC,GAAG,CAAC,CAAC,WAAW,EAAE,KAAK,EAAE,EAAE,CAAC,CACxC,KAAC,kBAAkB,IAQjB,WAAW,EAAE,WAAW,IAPnB;wBACH,WAAW,CAAC,aAAa;wBACzB,WAAW,CAAC,KAAK;wBACjB,WAAW,CAAC,UAAU;wBACtB,WAAW,CAAC,qBAAqB;wBACjC,KAAK;qBACN,CAAC,IAAI,CAAC,GAAG,CAAC,CAEX,CACH,CAAC,EACD,YAAY,CAAC,MAAM,KAAK,CAAC,IAAI,CAC5B,KAAC,WAAW,IACV,WAAW,EAAE,WAAW,EACxB,gBAAgB,EAAE,gBAAgB,GAClC,CACH,IACK,IACF,CACT,CAAA;AACH,CAAC;AAED,SAAS,WAAW,CAAC,EACnB,WAAW,EACX,gBAAgB,GAIjB;IACC,MAAM,cAAc,GAAG,CACrB,8BACE,sBAAI,CAAC,CAAC,OAAO,GAAK,EAClB,KAAC,MAAM,IACL,OAAO,EAAC,SAAS,EACjB,IAAI,EAAC,OAAO,EACZ,OAAO,EAAE,gBAAgB,EACzB,SAAS,EAAC,0DAA0D,YAEnE,CAAC,CAAC,KAAK,GACD,IACR,CACJ,CAAA;IAED,OAAO,CACL,aAAI,SAAS,EAAC,iDAAiD,YAC7D,aAAI,OAAO,EAAE,CAAC,YACZ,cAAK,SAAS,EAAC,6CAA6C,YACzD,WAAW,CAAC,MAAM,KAAK,CAAC,CAAC,CAAC,CAAC,sBAAI,CAAC,CAAC,SAAS,GAAK,CAAC,CAAC,CAAC,cAAc,GAC7D,GACH,GACF,CACN,CAAA;AACH,CAAC;AAED,MAAM,CAAC,GAAG;IACR,OAAO,EAAE,0BAA0B;IACnC,KAAK,EAAE,OAAO;IACd,KAAK,EAAE,4CAA4C;IACnD,SAAS,EAAE,yBAAyB;IACpC,OAAO,EAAE,uCAAuC;IAChD,KAAK,EAAE,oBAAoB;CAC5B,CAAA"}

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

@@ -0,0 +1,9 @@
+import type { Dispatch, SetStateAction } from 'react';
+import type { DeviceModelFilters } from '../../../../lib/seam/components/SupportedDeviceTable/use-filtered-device-models.js';
+export interface SupportedDeviceFilterAreaProps {
+    filterValue: string;
+    setFilterValue: (filter: string) => void;
+    filters: DeviceModelFilters;
+    setFilters: Dispatch<SetStateAction<DeviceModelFilters>>;
+}
+export declare function SupportedDeviceFilterArea({ filterValue, setFilterValue, filters, setFilters, }: SupportedDeviceFilterAreaProps): JSX.Element;

package/lib/{ui → seam/components}/SupportedDeviceTable/SupportedDeviceFilterArea.js

@@ -1,44 +1,32 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { capitalize } from '../../../lib/capitalize.js';
-import { Button } from '../../../lib/ui/Button.js';
-import { Menu } from '../../../lib/ui/Menu/Menu.js';
-import { FilterCategoryMenu } from '../../../lib/ui/SupportedDeviceTable/FilterCategoryMenu.js';
-import { SearchTextField } from '../../../lib/ui/TextField/SearchTextField.js';
-export function SupportedDeviceFilterArea({ deviceModels, filterValue, setFilterValue, filters, setFilters, }) {
-    const appliedFilters = Object.keys(filters).filter((key) => {
-        const filterProperty = filters[key];
-        return (filterProperty !== undefined &&
-            filterProperty !== null &&
-            filterProperty !== false);
-    });
-    const appliedFiltersCount = appliedFilters.length;
-    const getAvailablePropertiesFromDeviceModels = (property) => {
-        const properties = new Set();
-        deviceModels.forEach((deviceModel) => {
-            properties.add(capitalize(deviceModel[property]));
-        });
-        return Array.from(properties);
-    };
+import { FilterCategoryMenu } from '../../../../lib/seam/components/SupportedDeviceTable/FilterCategoryMenu.js';
+import { useDeviceModels } from '../../../../lib/seam/device-models/use-device-models.js';
+import { capitalize } from '../../../../lib/strings.js';
+import { Button } from '../../../../lib/ui/Button.js';
+import { Menu } from '../../../../lib/ui/Menu/Menu.js';
+import { SearchTextField } from '../../../../lib/ui/TextField/SearchTextField.js';
+export function SupportedDeviceFilterArea({ filterValue, setFilterValue, filters, setFilters, }) {
+    const appliedFiltersCount = Object.values(filters).filter((v) => v != null && v !== false).length;
+    const filterProperty = 'brand';
+    const availableProperties = useAvailableProperties(filterProperty);
     const resetFilter = (filterType) => {
         setFilters((filters) => ({
             ...filters,
             [filterType]: null,
         }));
     };
-    const isPlural = appliedFiltersCount > 1;
-    const filterButtonLabel = isPlural
-        ? `Filters (${appliedFiltersCount})`
-        : 'Filter';
+    const filterButtonLabel = appliedFiltersCount > 0 ? `${t.filters} (${appliedFiltersCount})` : t.filter;
+    const allLabel = t.all;
     return (_jsxs("div", { className: 'seam-supported-device-table-filter-area', children: [_jsx("div", { className: 'seam-deliberate-block' }), _jsxs("div", { className: 'seam-filters-wrap', children: [_jsx(Menu, { renderButton: ({ onOpen }) => (_jsx(Button, { variant: 'outline', className: 'seam-filters-button', onClick: onOpen, children: filterButtonLabel })), children: _jsxs("div", { className: 'seam-supported-device-table-filter-menu', onClick: (event) => {
                                 event.stopPropagation();
-                            }, children: [_jsx("div", { className: 'seam-filter-menu-row', children: _jsx(FilterCategoryMenu, { label: 'Brand', options: getAvailablePropertiesFromDeviceModels('brand'), onSelect: (brand) => {
+                            }, children: [_jsx("div", { className: 'seam-filter-menu-row', children: _jsx(FilterCategoryMenu, { label: t.brand, allLabel: allLabel, options: availableProperties, onSelect: (brand) => {
                                             setFilters((filters) => ({
                                                 ...filters,
                                                 brand,
                                             }));
-                                        }, buttonLabel: filters.brand ?? 'All', onAllOptionSelect: () => {
-                                            resetFilter('brand');
-                                        } }) }), _jsx("div", { className: 'seam-filter-menu-row', children: _jsxs("label", { htmlFor: 'supportedOnly', className: 'seam-filter-checkbox-label', children: [_jsx("p", { children: "Supported" }), _jsx("input", { id: 'supportedOnly', name: 'supportedOnly', type: 'checkbox', className: 'seam-filter-checkbox', checked: filters.supportedOnly, onChange: (event) => {
+                                        }, buttonLabel: filters.brand ?? allLabel, onAllOptionSelect: () => {
+                                            resetFilter(filterProperty);
+                                        } }) }), _jsx("div", { className: 'seam-filter-menu-row', children: _jsxs("label", { htmlFor: 'supportedOnly', className: 'seam-filter-checkbox-label', children: [_jsx("p", { children: t.supported }), _jsx("input", { id: 'supportedOnly', name: 'supportedOnly', type: 'checkbox', className: 'seam-filter-checkbox', checked: filters.supportedOnly, onChange: (event) => {
                                                     setFilters((filters) => ({
                                                         ...filters,
                                                         supportedOnly: event.target.checked,
@@ -47,4 +35,21 @@ export function SupportedDeviceFilterArea({ deviceModels, filterValue, setFilter
                                 setFilterValue(value);
                             }, className: 'seam-supported-device-table-filter-area-search-bar' }) })] })] }));
 }
+const useAvailableProperties = (property) => {
+    const { deviceModels } = useDeviceModels();
+    if (deviceModels == null)
+        return [];
+    const properties = new Set();
+    for (const deviceModel of deviceModels) {
+        properties.add(capitalize(deviceModel[property]));
+    }
+    return Array.from(properties);
+};
+const t = {
+    all: 'All',
+    brand: 'Brand',
+    supported: 'Supported',
+    filter: 'Filter',
+    filters: 'Filters',
+};
 //# sourceMappingURL=SupportedDeviceFilterArea.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"SupportedDeviceFilterArea.js","sourceRoot":"","sources":["../../../../src/lib/seam/components/SupportedDeviceTable/SupportedDeviceFilterArea.tsx"],"names":[],"mappings":";AAGA,OAAO,EAAE,kBAAkB,EAAE,MAAM,gEAAgE,CAAA;AAEnG,OAAO,EAAE,eAAe,EAAE,MAAM,6CAA6C,CAAA;AAC7E,OAAO,EAAE,UAAU,EAAE,MAAM,gBAAgB,CAAA;AAC3C,OAAO,EAAE,MAAM,EAAE,MAAM,kBAAkB,CAAA;AACzC,OAAO,EAAE,IAAI,EAAE,MAAM,qBAAqB,CAAA;AAC1C,OAAO,EAAE,eAAe,EAAE,MAAM,qCAAqC,CAAA;AASrE,MAAM,UAAU,yBAAyB,CAAC,EACxC,WAAW,EACX,cAAc,EACd,OAAO,EACP,UAAU,GACqB;IAC/B,MAAM,mBAAmB,GAAG,MAAM,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,MAAM,CACvD,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,IAAI,IAAI,IAAI,CAAC,KAAK,KAAK,CAChC,CAAC,MAAM,CAAA;IAER,MAAM,cAAc,GAAG,OAAO,CAAA;IAC9B,MAAM,mBAAmB,GAAG,sBAAsB,CAAC,cAAc,CAAC,CAAA;IAElE,MAAM,WAAW,GAAG,CAAC,UAAoC,EAAQ,EAAE;QACjE,UAAU,CAAC,CAAC,OAAO,EAAE,EAAE,CAAC,CAAC;YACvB,GAAG,OAAO;YACV,CAAC,UAAU,CAAC,EAAE,IAAI;SACnB,CAAC,CAAC,CAAA;IACL,CAAC,CAAA;IAED,MAAM,iBAAiB,GACrB,mBAAmB,GAAG,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,OAAO,KAAK,mBAAmB,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC,MAAM,CAAA;IAE9E,MAAM,QAAQ,GAAG,CAAC,CAAC,GAAG,CAAA;IAEtB,OAAO,CACL,eAAK,SAAS,EAAC,yCAAyC,aACtD,cAAK,SAAS,EAAC,uBAAuB,GAAG,EACzC,eAAK,SAAS,EAAC,mBAAmB,aAChC,KAAC,IAAI,IACH,YAAY,EAAE,CAAC,EAAE,MAAM,EAAE,EAAE,EAAE,CAAC,CAC5B,KAAC,MAAM,IACL,OAAO,EAAC,SAAS,EACjB,SAAS,EAAC,qBAAqB,EAC/B,OAAO,EAAE,MAAM,YAEd,iBAAiB,GACX,CACV,YAED,eACE,SAAS,EAAC,yCAAyC,EACnD,OAAO,EAAE,CAAC,KAAK,EAAE,EAAE;gCACjB,KAAK,CAAC,eAAe,EAAE,CAAA;4BACzB,CAAC,aAED,cAAK,SAAS,EAAC,sBAAsB,YACnC,KAAC,kBAAkB,IACjB,KAAK,EAAE,CAAC,CAAC,KAAK,EACd,QAAQ,EAAE,QAAQ,EAClB,OAAO,EAAE,mBAAmB,EAC5B,QAAQ,EAAE,CAAC,KAAa,EAAE,EAAE;4CAC1B,UAAU,CAAC,CAAC,OAAO,EAAE,EAAE,CAAC,CAAC;gDACvB,GAAG,OAAO;gDACV,KAAK;6CACN,CAAC,CAAC,CAAA;wCACL,CAAC,EACD,WAAW,EAAE,OAAO,CAAC,KAAK,IAAI,QAAQ,EACtC,iBAAiB,EAAE,GAAG,EAAE;4CACtB,WAAW,CAAC,cAAc,CAAC,CAAA;wCAC7B,CAAC,GACD,GACE,EACN,cAAK,SAAS,EAAC,sBAAsB,YACnC,iBACE,OAAO,EAAC,eAAe,EACvB,SAAS,EAAC,4BAA4B,aAEtC,sBAAI,CAAC,CAAC,SAAS,GAAK,EACpB,gBACE,EAAE,EAAC,eAAe,EAClB,IAAI,EAAC,eAAe,EACpB,IAAI,EAAC,UAAU,EACf,SAAS,EAAC,sBAAsB,EAChC,OAAO,EAAE,OAAO,CAAC,aAAa,EAC9B,QAAQ,EAAE,CAAC,KAAK,EAAE,EAAE;oDAClB,UAAU,CAAC,CAAC,OAAO,EAAE,EAAE,CAAC,CAAC;wDACvB,GAAG,OAAO;wDACV,aAAa,EAAE,KAAK,CAAC,MAAM,CAAC,OAAO;qDACpC,CAAC,CAAC,CAAA;gDACL,CAAC,GACD,IACI,GACJ,IACF,GACD,EACP,cAAK,SAAS,EAAC,yDAAyD,YACtE,KAAC,eAAe,IACd,KAAK,EAAE,WAAW,EAClB,QAAQ,EAAE,CAAC,KAAK,EAAE,EAAE;gCAClB,cAAc,CAAC,KAAK,CAAC,CAAA;4BACvB,CAAC,EACD,SAAS,EAAC,oDAAoD,GAC9D,GACE,IACF,IACF,CACP,CAAA;AACH,CAAC;AAED,MAAM,sBAAsB,GAAG,CAAC,QAA2B,EAAY,EAAE;IACvE,MAAM,EAAE,YAAY,EAAE,GAAG,eAAe,EAAE,CAAA;IAC1C,IAAI,YAAY,IAAI,IAAI;QAAE,OAAO,EAAE,CAAA;IACnC,MAAM,UAAU,GAAG,IAAI,GAAG,EAAU,CAAA;IACpC,KAAK,MAAM,WAAW,IAAI,YAAY,EAAE;QACtC,UAAU,CAAC,GAAG,CAAC,UAAU,CAAC,WAAW,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAA;KAClD;IACD,OAAO,KAAK,CAAC,IAAI,CAAC,UAAU,CAAC,CAAA;AAC/B,CAAC,CAAA;AAED,MAAM,CAAC,GAAG;IACR,GAAG,EAAE,KAAK;IACV,KAAK,EAAE,OAAO;IACd,SAAS,EAAE,WAAW;IACtB,MAAM,EAAE,QAAQ;IAChB,OAAO,EAAE,SAAS;CACnB,CAAA"}

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

@@ -0,0 +1,2 @@
+/// <reference types="react" />
+export declare function SupportedDeviceHeader(): JSX.Element;

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

@@ -0,0 +1,12 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+export function SupportedDeviceHeader() {
+    return (_jsx("thead", { children: _jsxs("tr", { children: [_jsx("th", {}), _jsx("th", { children: t.category }), _jsx("th", { children: t.modelName }), _jsx("th", { children: t.manufacturerModelId }), _jsx("th", { children: t.connectionType }), _jsx("th", { children: t.status })] }) }));
+}
+const t = {
+    category: 'Category',
+    modelName: 'Model Name',
+    manufacturerModelId: 'Manufacturer Model ID',
+    connectionType: 'Connection Type',
+    status: 'Status',
+};
+//# sourceMappingURL=SupportedDeviceHeader.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"SupportedDeviceHeader.js","sourceRoot":"","sources":["../../../../src/lib/seam/components/SupportedDeviceTable/SupportedDeviceHeader.tsx"],"names":[],"mappings":";AAAA,MAAM,UAAU,qBAAqB;IACnC,OAAO,CACL,0BACE,yBACE,cAAM,EACN,uBAAK,CAAC,CAAC,QAAQ,GAAM,EACrB,uBAAK,CAAC,CAAC,SAAS,GAAM,EACtB,uBAAK,CAAC,CAAC,mBAAmB,GAAM,EAChC,uBAAK,CAAC,CAAC,cAAc,GAAM,EAC3B,uBAAK,CAAC,CAAC,MAAM,GAAM,IAChB,GACC,CACT,CAAA;AACH,CAAC;AAED,MAAM,CAAC,GAAG;IACR,QAAQ,EAAE,UAAU;IACpB,SAAS,EAAE,YAAY;IACvB,mBAAmB,EAAE,uBAAuB;IAC5C,cAAc,EAAE,iBAAiB;IACjC,MAAM,EAAE,QAAQ;CACjB,CAAA"}

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

@@ -0,0 +1,6 @@
+/// <reference types="react" />
+import type { DeviceModel } from 'seamapi';
+export interface SupportedDeviceRowProps {
+    deviceModel: DeviceModel;
+}
+export declare function SupportedDeviceRow({ deviceModel, }: SupportedDeviceRowProps): JSX.Element;

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

@@ -0,0 +1,19 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import classNames from 'classnames';
+import { capitalize } from '../../../../lib/strings.js';
+export function SupportedDeviceRow({ deviceModel, }) {
+    const statusColor = supportLevelColors[deviceModel.support_level] ?? 'gray';
+    return (_jsxs("tr", { children: [_jsx("td", { children: _jsx("img", { width: 40, src: deviceModel.icon_url }) }), _jsx("td", { children: deviceModel.main_category }), _jsx("td", { children: deviceModel.model_name }), _jsx("td", { children: deviceModel.manufacturer_model_id }), _jsx("td", { children: connectionTypeNames[deviceModel.connection_type] }), _jsx("td", { children: _jsx("div", { className: classNames('seam-status-pill', `status-${statusColor}`), children: _jsx("span", { children: capitalize(deviceModel.support_level) }) }) })] }));
+}
+const supportLevelColors = {
+    live: 'green',
+    beta: 'blue',
+    unsupported: 'orange',
+};
+const connectionTypeNames = {
+    wifi: 'Wifi',
+    zwave: 'Z-Wave',
+    zigbee: 'Zigbee',
+    unknown: 'Unknown',
+};
+//# sourceMappingURL=SupportedDeviceRow.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"SupportedDeviceRow.js","sourceRoot":"","sources":["../../../../src/lib/seam/components/SupportedDeviceTable/SupportedDeviceRow.tsx"],"names":[],"mappings":";AAAA,OAAO,UAAU,MAAM,YAAY,CAAA;AAGnC,OAAO,EAAE,UAAU,EAAE,MAAM,gBAAgB,CAAA;AAM3C,MAAM,UAAU,kBAAkB,CAAC,EACjC,WAAW,GACa;IACxB,MAAM,WAAW,GAAG,kBAAkB,CAAC,WAAW,CAAC,aAAa,CAAC,IAAI,MAAM,CAAA;IAC3E,OAAO,CACL,yBACE,uBACE,cAAK,KAAK,EAAE,EAAE,EAAE,GAAG,EAAE,WAAW,CAAC,QAAQ,GAAI,GAC1C,EACL,uBAAK,WAAW,CAAC,aAAa,GAAM,EACpC,uBAAK,WAAW,CAAC,UAAU,GAAM,EACjC,uBAAK,WAAW,CAAC,qBAAqB,GAAM,EAC5C,uBAAK,mBAAmB,CAAC,WAAW,CAAC,eAAe,CAAC,GAAM,EAC3D,uBACE,cACE,SAAS,EAAE,UAAU,CAAC,kBAAkB,EAAE,UAAU,WAAW,EAAE,CAAC,YAElE,yBAAO,UAAU,CAAC,WAAW,CAAC,aAAa,CAAC,GAAQ,GAChD,GACH,IACF,CACN,CAAA;AACH,CAAC;AAED,MAAM,kBAAkB,GAGpB;IACF,IAAI,EAAE,OAAO;IACb,IAAI,EAAE,MAAM;IACZ,WAAW,EAAE,QAAQ;CACtB,CAAA;AAED,MAAM,mBAAmB,GAAmD;IAC1E,IAAI,EAAE,MAAM;IACZ,KAAK,EAAE,QAAQ;IACf,MAAM,EAAE,QAAQ;IAChB,OAAO,EAAE,SAAS;CACnB,CAAA"}

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

@@ -0,0 +1,6 @@
+/// <reference types="react" />
+export interface SupportedDeviceTableProps {
+    cannotFilter?: boolean;
+    className?: string;
+}
+export declare function SupportedDeviceTable({ cannotFilter, className, }: SupportedDeviceTableProps): JSX.Element;

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

@@ -0,0 +1,17 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import classNames from 'classnames';
+import { useState } from 'react';
+import { SupportedDeviceContent } from '../../../../lib/seam/components/SupportedDeviceTable/SupportedDeviceContent.js';
+import { SupportedDeviceFilterArea } from '../../../../lib/seam/components/SupportedDeviceTable/SupportedDeviceFilterArea.js';
+export function SupportedDeviceTable({ cannotFilter = false, className, }) {
+    const [filterValue, setFilterValue] = useState('');
+    const [filters, setFilters] = useState({
+        supportedOnly: false,
+        category: null,
+        brand: null,
+    });
+    return (_jsxs("div", { className: classNames('seam-supported-device-table-content-wrap', className), children: [!cannotFilter && (_jsx(SupportedDeviceFilterArea, { filterValue: filterValue, setFilterValue: setFilterValue, filters: filters, setFilters: setFilters })), _jsx(SupportedDeviceContent, { resetFilterValue: () => {
+                    setFilterValue('');
+                }, filterValue: filterValue, filters: filters })] }));
+}
+//# sourceMappingURL=SupportedDeviceTable.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"SupportedDeviceTable.js","sourceRoot":"","sources":["../../../../src/lib/seam/components/SupportedDeviceTable/SupportedDeviceTable.tsx"],"names":[],"mappings":";AAAA,OAAO,UAAU,MAAM,YAAY,CAAA;AACnC,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AAEhC,OAAO,EAAE,sBAAsB,EAAE,MAAM,oEAAoE,CAAA;AAC3G,OAAO,EAAE,yBAAyB,EAAE,MAAM,uEAAuE,CAAA;AAQjH,MAAM,UAAU,oBAAoB,CAAC,EACnC,YAAY,GAAG,KAAK,EACpB,SAAS,GACiB;IAC1B,MAAM,CAAC,WAAW,EAAE,cAAc,CAAC,GAAG,QAAQ,CAAC,EAAE,CAAC,CAAA;IAClD,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,QAAQ,CAAqB;QACzD,aAAa,EAAE,KAAK;QACpB,QAAQ,EAAE,IAAI;QACd,KAAK,EAAE,IAAI;KACZ,CAAC,CAAA;IAEF,OAAO,CACL,eACE,SAAS,EAAE,UAAU,CACnB,0CAA0C,EAC1C,SAAS,CACV,aAEA,CAAC,YAAY,IAAI,CAChB,KAAC,yBAAyB,IACxB,WAAW,EAAE,WAAW,EACxB,cAAc,EAAE,cAAc,EAC9B,OAAO,EAAE,OAAO,EAChB,UAAU,EAAE,UAAU,GACtB,CACH,EACD,KAAC,sBAAsB,IACrB,gBAAgB,EAAE,GAAG,EAAE;oBACrB,cAAc,CAAC,EAAE,CAAC,CAAA;gBACpB,CAAC,EACD,WAAW,EAAE,WAAW,EACxB,OAAO,EAAE,OAAO,GAChB,IACE,CACP,CAAA;AACH,CAAC"}

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

@@ -0,0 +1,7 @@
+import { useDeviceModels } from '../../../../lib/seam/device-models/use-device-models.js';
+export interface DeviceModelFilters {
+    supportedOnly: boolean;
+    category: string | null;
+    brand: string | null;
+}
+export declare const useFilteredDeviceModels: (filterValue: string, filters: DeviceModelFilters) => ReturnType<typeof useDeviceModels>;