@seamapi/react 1.22.0 → 1.23.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/elements.js +3607 -3516
- package/dist/elements.js.map +1 -1
- package/lib/icons/TriangleWarningOutline.d.ts +2 -0
- package/lib/icons/TriangleWarningOutline.js +3 -0
- package/lib/icons/TriangleWarningOutline.js.map +1 -0
- package/lib/seam/components/AccessCodeDetails/AccessCodeDetails.d.ts +2 -1
- package/lib/seam/components/AccessCodeDetails/AccessCodeDetails.js +3 -3
- package/lib/seam/components/AccessCodeDetails/AccessCodeDetails.js.map +1 -1
- package/lib/seam/components/AccessCodeDetails/AccessCodeDevice.d.ts +2 -1
- package/lib/seam/components/AccessCodeDetails/AccessCodeDevice.js +8 -6
- package/lib/seam/components/AccessCodeDetails/AccessCodeDevice.js.map +1 -1
- package/lib/seam/components/AccessCodeTable/AccessCodeHealthBar.d.ts +10 -0
- package/lib/seam/components/AccessCodeTable/AccessCodeHealthBar.js +29 -0
- package/lib/seam/components/AccessCodeTable/AccessCodeHealthBar.js.map +1 -0
- package/lib/seam/components/AccessCodeTable/AccessCodeTable.d.ts +2 -1
- package/lib/seam/components/AccessCodeTable/AccessCodeTable.js +30 -10
- package/lib/seam/components/AccessCodeTable/AccessCodeTable.js.map +1 -1
- package/lib/seam/components/DeviceDetails/DeviceDetails.d.ts +2 -1
- package/lib/seam/components/DeviceDetails/DeviceDetails.js +2 -2
- package/lib/seam/components/DeviceDetails/DeviceDetails.js.map +1 -1
- package/lib/seam/components/DeviceDetails/LockDeviceDetails.d.ts +1 -0
- package/lib/seam/components/DeviceDetails/LockDeviceDetails.js +4 -4
- package/lib/seam/components/DeviceDetails/LockDeviceDetails.js.map +1 -1
- package/lib/seam/components/DeviceTable/DeviceTable.d.ts +2 -1
- package/lib/seam/components/DeviceTable/DeviceTable.js +2 -2
- package/lib/seam/components/DeviceTable/DeviceTable.js.map +1 -1
- package/lib/version.d.ts +1 -1
- package/lib/version.js +1 -1
- package/package.json +1 -1
- package/src/lib/icons/TriangleWarningOutline.tsx +18 -0
- package/src/lib/seam/components/AccessCodeDetails/AccessCodeDetails.tsx +4 -0
- package/src/lib/seam/components/AccessCodeDetails/AccessCodeDevice.tsx +23 -10
- package/src/lib/seam/components/AccessCodeTable/AccessCodeHealthBar.tsx +68 -0
- package/src/lib/seam/components/AccessCodeTable/AccessCodeTable.tsx +47 -6
- package/src/lib/seam/components/DeviceDetails/DeviceDetails.tsx +3 -0
- package/src/lib/seam/components/DeviceDetails/LockDeviceDetails.tsx +14 -9
- package/src/lib/seam/components/DeviceTable/DeviceTable.tsx +3 -0
- package/src/lib/version.ts +1 -1
|
@@ -0,0 +1,3 @@
|
|
|
1
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
+
export const TriangleWarningOutlineIcon = (props) => (_jsxs("svg", { xmlns: 'http://www.w3.org/2000/svg', width: 24, height: 24, fill: 'none', ...props, children: [_jsx("path", { fill: '#FF9800', d: 'm12 6.49 7.53 13.01H4.47L12 6.49Zm0-3.99-11 19h22l-11-19Z' }), _jsx("path", { fill: '#FF9800', d: 'M13 16.5h-2v2h2v-2ZM13 10.5h-2v5h2v-5Z' })] }));
|
|
3
|
+
//# sourceMappingURL=TriangleWarningOutline.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"TriangleWarningOutline.js","sourceRoot":"","sources":["../../src/lib/icons/TriangleWarningOutline.tsx"],"names":[],"mappings":";AACA,MAAM,CAAC,MAAM,0BAA0B,GAAG,CACxC,KAA8B,EACjB,EAAE,CAAC,CAChB,eACE,KAAK,EAAC,4BAA4B,EAClC,KAAK,EAAE,EAAE,EACT,MAAM,EAAE,EAAE,EACV,IAAI,EAAC,MAAM,KACP,KAAK,aAET,eACE,IAAI,EAAC,SAAS,EACd,CAAC,EAAC,2DAA2D,GAC7D,EACF,eAAM,IAAI,EAAC,SAAS,EAAC,CAAC,EAAC,wCAAwC,GAAG,IAC9D,CACP,CAAA"}
|
|
@@ -2,6 +2,7 @@
|
|
|
2
2
|
export interface AccessCodeDetailsProps {
|
|
3
3
|
accessCodeId: string;
|
|
4
4
|
onBack?: () => void;
|
|
5
|
+
disableLockUnlock?: boolean;
|
|
5
6
|
className?: string;
|
|
6
7
|
}
|
|
7
|
-
export declare function AccessCodeDetails({ accessCodeId, onBack, className, }: AccessCodeDetailsProps): JSX.Element | null;
|
|
8
|
+
export declare function AccessCodeDetails({ accessCodeId, onBack, disableLockUnlock, className, }: AccessCodeDetailsProps): JSX.Element | null;
|
|
@@ -8,7 +8,7 @@ import { DeviceDetails } from '../../../../lib/seam/components/DeviceDetails/Dev
|
|
|
8
8
|
import { Alerts } from '../../../../lib/ui/Alert/Alerts.js';
|
|
9
9
|
import { ContentHeader } from '../../../../lib/ui/layout/ContentHeader.js';
|
|
10
10
|
import { useIsDateInPast } from '../../../../lib/ui/use-is-date-in-past.js';
|
|
11
|
-
export function AccessCodeDetails({ accessCodeId, onBack, className, }) {
|
|
11
|
+
export function AccessCodeDetails({ accessCodeId, onBack, disableLockUnlock = false, className, }) {
|
|
12
12
|
const { accessCode } = useAccessCode(accessCodeId);
|
|
13
13
|
const [selectedDeviceId, selectDevice] = useState(null);
|
|
14
14
|
if (accessCode == null) {
|
|
@@ -18,7 +18,7 @@ export function AccessCodeDetails({ accessCodeId, onBack, className, }) {
|
|
|
18
18
|
if (selectedDeviceId != null) {
|
|
19
19
|
return (_jsx(DeviceDetails, { className: className, deviceId: selectedDeviceId, onBack: () => {
|
|
20
20
|
selectDevice(null);
|
|
21
|
-
} }));
|
|
21
|
+
}, disableLockUnlock: disableLockUnlock }));
|
|
22
22
|
}
|
|
23
23
|
const alerts = [
|
|
24
24
|
...accessCode.errors.filter(errorFilter).map((error) => ({
|
|
@@ -30,7 +30,7 @@ export function AccessCodeDetails({ accessCodeId, onBack, className, }) {
|
|
|
30
30
|
message: warning.message,
|
|
31
31
|
})),
|
|
32
32
|
];
|
|
33
|
-
return (_jsxs("div", { className: classNames('seam-access-code-details', className), children: [_jsx(ContentHeader, { title: 'Access code', onBack: onBack }), _jsxs("div", { className: 'seam-summary', children: [_jsxs("div", { className: classNames('seam-top', alerts.length > 0 && 'seam-top-has-alerts'), children: [_jsx("span", { className: 'seam-label', children: t.accessCode }), _jsx("h5", { className: 'seam-access-code-name', children: name }), _jsx("div", { className: 'seam-code', children: accessCode.code }), _jsx("div", { className: 'seam-duration', children: _jsx(Duration, { accessCode: accessCode }) })] }), _jsx(Alerts, { alerts: alerts, className: 'seam-alerts-padded' }), _jsx(AccessCodeDevice, { deviceId: accessCode.device_id, onSelectDevice: selectDevice })] }), _jsxs("div", { className: 'seam-details', children: [_jsxs("div", { className: 'seam-row', children: [_jsxs("div", { className: 'seam-heading', children: [t.id, ":"] }), _jsx("div", { className: 'seam-content', children: accessCode.access_code_id })] }), _jsxs("div", { className: 'seam-row', children: [_jsxs("div", { className: 'seam-heading', children: [t.created, ":"] }), _jsx("div", { className: 'seam-content', children: formatDate(accessCode.created_at) })] }), _jsxs("div", { className: 'seam-row seam-schedule', children: [_jsxs("div", { className: 'seam-heading', children: [t.timing, ":"] }), _jsx("div", { className: 'seam-content', children: _jsx(ScheduleInfo, { accessCode: accessCode }) })] })] })] }));
|
|
33
|
+
return (_jsxs("div", { className: classNames('seam-access-code-details', className), children: [_jsx(ContentHeader, { title: 'Access code', onBack: onBack }), _jsxs("div", { className: 'seam-summary', children: [_jsxs("div", { className: classNames('seam-top', alerts.length > 0 && 'seam-top-has-alerts'), children: [_jsx("span", { className: 'seam-label', children: t.accessCode }), _jsx("h5", { className: 'seam-access-code-name', children: name }), _jsx("div", { className: 'seam-code', children: accessCode.code }), _jsx("div", { className: 'seam-duration', children: _jsx(Duration, { accessCode: accessCode }) })] }), _jsx(Alerts, { alerts: alerts, className: 'seam-alerts-padded' }), _jsx(AccessCodeDevice, { deviceId: accessCode.device_id, disableLockUnlock: disableLockUnlock, onSelectDevice: selectDevice })] }), _jsxs("div", { className: 'seam-details', children: [_jsxs("div", { className: 'seam-row', children: [_jsxs("div", { className: 'seam-heading', children: [t.id, ":"] }), _jsx("div", { className: 'seam-content', children: accessCode.access_code_id })] }), _jsxs("div", { className: 'seam-row', children: [_jsxs("div", { className: 'seam-heading', children: [t.created, ":"] }), _jsx("div", { className: 'seam-content', children: formatDate(accessCode.created_at) })] }), _jsxs("div", { className: 'seam-row seam-schedule', children: [_jsxs("div", { className: 'seam-heading', children: [t.timing, ":"] }), _jsx("div", { className: 'seam-content', children: _jsx(ScheduleInfo, { accessCode: accessCode }) })] })] })] }));
|
|
34
34
|
}
|
|
35
35
|
function ScheduleInfo({ accessCode }) {
|
|
36
36
|
if (accessCode.type === 'ongoing') {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"AccessCodeDetails.js","sourceRoot":"","sources":["../../../../src/lib/seam/components/AccessCodeDetails/AccessCodeDetails.tsx"],"names":[],"mappings":";AAAA,OAAO,UAAU,MAAM,YAAY,CAAA;AACnC,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AAChC,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AAQhC,OAAO,EAAE,aAAa,EAAE,MAAM,0CAA0C,CAAA;AACxE,OAAO,EAAE,gBAAgB,EAAE,MAAM,2DAA2D,CAAA;AAC5F,OAAO,EAAE,aAAa,EAAE,MAAM,oDAAoD,CAAA;AAClF,OAAO,EAAE,MAAM,EAAE,MAAM,wBAAwB,CAAA;AAC/C,OAAO,EAAE,aAAa,EAAE,MAAM,gCAAgC,CAAA;AAC9D,OAAO,EAAE,eAAe,EAAE,MAAM,+BAA+B,CAAA;
|
|
1
|
+
{"version":3,"file":"AccessCodeDetails.js","sourceRoot":"","sources":["../../../../src/lib/seam/components/AccessCodeDetails/AccessCodeDetails.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,5 +1,6 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
|
-
export declare function AccessCodeDevice({ deviceId, onSelectDevice, }: {
|
|
2
|
+
export declare function AccessCodeDevice({ deviceId, disableLockUnlock, onSelectDevice, }: {
|
|
3
3
|
deviceId: string;
|
|
4
|
+
disableLockUnlock: boolean;
|
|
4
5
|
onSelectDevice: (deviceId: string) => void;
|
|
5
6
|
}): JSX.Element | null;
|
|
@@ -5,8 +5,10 @@ import { useToggleLock } from '../../../../lib/seam/devices/use-toggle-lock.js';
|
|
|
5
5
|
import { Button } from '../../../../lib/ui/Button.js';
|
|
6
6
|
import { DeviceImage } from '../../../../lib/ui/device/DeviceImage.js';
|
|
7
7
|
import { TextButton } from '../../../../lib/ui/TextButton.js';
|
|
8
|
-
export function AccessCodeDevice({ deviceId, onSelectDevice, }) {
|
|
9
|
-
const { isLoading, device } = useDevice({
|
|
8
|
+
export function AccessCodeDevice({ deviceId, disableLockUnlock, onSelectDevice, }) {
|
|
9
|
+
const { isLoading, device } = useDevice({
|
|
10
|
+
device_id: deviceId,
|
|
11
|
+
});
|
|
10
12
|
if (isLoading) {
|
|
11
13
|
return null;
|
|
12
14
|
}
|
|
@@ -16,17 +18,17 @@ export function AccessCodeDevice({ deviceId, onSelectDevice, }) {
|
|
|
16
18
|
if (!isLockDevice(device)) {
|
|
17
19
|
return null;
|
|
18
20
|
}
|
|
19
|
-
return _jsx(Content, { device: device, onSelectDevice: onSelectDevice });
|
|
21
|
+
return (_jsx(Content, { device: device, disableLockUnlock: disableLockUnlock, onSelectDevice: onSelectDevice }));
|
|
20
22
|
}
|
|
21
23
|
function Content(props) {
|
|
22
|
-
const { device, onSelectDevice } = props;
|
|
24
|
+
const { device, disableLockUnlock, onSelectDevice } = props;
|
|
23
25
|
const toggleLock = useToggleLock(device);
|
|
24
26
|
const toggleLockLabel = device.properties.locked ? t.unlock : t.lock;
|
|
25
27
|
return (_jsxs("div", { className: 'seam-access-code-device', children: [_jsx("div", { className: 'seam-device-image', children: _jsx(DeviceImage, { device: device }) }), _jsxs("div", { className: 'seam-body', children: [_jsx("div", { className: 'seam-model', children: device.properties.model.display_name }), _jsx(TextButton, { onClick: () => {
|
|
26
28
|
onSelectDevice(device.device_id);
|
|
27
|
-
}, children: t.deviceDetails })] }), _jsx(Button, { onClick: () => {
|
|
29
|
+
}, children: t.deviceDetails })] }), !disableLockUnlock && (_jsx(Button, { onClick: () => {
|
|
28
30
|
toggleLock.mutate();
|
|
29
|
-
}, children: toggleLockLabel })] }));
|
|
31
|
+
}, children: toggleLockLabel }))] }));
|
|
30
32
|
}
|
|
31
33
|
const t = {
|
|
32
34
|
deviceDetails: 'Device details',
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"AccessCodeDevice.js","sourceRoot":"","sources":["../../../../src/lib/seam/components/AccessCodeDetails/AccessCodeDevice.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,YAAY,EAAmB,MAAM,SAAS,CAAA;AAEvD,OAAO,EAAE,SAAS,EAAE,MAAM,gCAAgC,CAAA;AAC1D,OAAO,EAAE,aAAa,EAAE,MAAM,qCAAqC,CAAA;AACnE,OAAO,EAAE,MAAM,EAAE,MAAM,kBAAkB,CAAA;AACzC,OAAO,EAAE,WAAW,EAAE,MAAM,8BAA8B,CAAA;AAC1D,OAAO,EAAE,UAAU,EAAE,MAAM,sBAAsB,CAAA;AAEjD,MAAM,UAAU,gBAAgB,CAAC,EAC/B,QAAQ,EACR,cAAc,
|
|
1
|
+
{"version":3,"file":"AccessCodeDevice.js","sourceRoot":"","sources":["../../../../src/lib/seam/components/AccessCodeDetails/AccessCodeDevice.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,YAAY,EAAmB,MAAM,SAAS,CAAA;AAEvD,OAAO,EAAE,SAAS,EAAE,MAAM,gCAAgC,CAAA;AAC1D,OAAO,EAAE,aAAa,EAAE,MAAM,qCAAqC,CAAA;AACnE,OAAO,EAAE,MAAM,EAAE,MAAM,kBAAkB,CAAA;AACzC,OAAO,EAAE,WAAW,EAAE,MAAM,8BAA8B,CAAA;AAC1D,OAAO,EAAE,UAAU,EAAE,MAAM,sBAAsB,CAAA;AAEjD,MAAM,UAAU,gBAAgB,CAAC,EAC/B,QAAQ,EACR,iBAAiB,EACjB,cAAc,GAKf;IACC,MAAM,EAAE,SAAS,EAAE,MAAM,EAAE,GAAG,SAAS,CAAC;QACtC,SAAS,EAAE,QAAQ;KACpB,CAAC,CAAA;IAEF,IAAI,SAAS,EAAE;QACb,OAAO,IAAI,CAAA;KACZ;IAED,IAAI,MAAM,IAAI,IAAI,EAAE;QAClB,OAAO,IAAI,CAAA;KACZ;IAED,IAAI,CAAC,YAAY,CAAC,MAAM,CAAC,EAAE;QACzB,OAAO,IAAI,CAAA;KACZ;IAED,OAAO,CACL,KAAC,OAAO,IACN,MAAM,EAAE,MAAM,EACd,iBAAiB,EAAE,iBAAiB,EACpC,cAAc,EAAE,cAAc,GAC9B,CACH,CAAA;AACH,CAAC;AAED,SAAS,OAAO,CAAC,KAIhB;IACC,MAAM,EAAE,MAAM,EAAE,iBAAiB,EAAE,cAAc,EAAE,GAAG,KAAK,CAAA;IAC3D,MAAM,UAAU,GAAG,aAAa,CAAC,MAAM,CAAC,CAAA;IAExC,MAAM,eAAe,GAAG,MAAM,CAAC,UAAU,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,CAAC,IAAI,CAAA;IAEpE,OAAO,CACL,eAAK,SAAS,EAAC,yBAAyB,aACtC,cAAK,SAAS,EAAC,mBAAmB,YAChC,KAAC,WAAW,IAAC,MAAM,EAAE,MAAM,GAAI,GAC3B,EACN,eAAK,SAAS,EAAC,WAAW,aACxB,cAAK,SAAS,EAAC,YAAY,YAAE,MAAM,CAAC,UAAU,CAAC,KAAK,CAAC,YAAY,GAAO,EACxE,KAAC,UAAU,IACT,OAAO,EAAE,GAAG,EAAE;4BACZ,cAAc,CAAC,MAAM,CAAC,SAAS,CAAC,CAAA;wBAClC,CAAC,YAEA,CAAC,CAAC,aAAa,GACL,IACT,EACL,CAAC,iBAAiB,IAAI,CACrB,KAAC,MAAM,IACL,OAAO,EAAE,GAAG,EAAE;oBACZ,UAAU,CAAC,MAAM,EAAE,CAAA;gBACrB,CAAC,YAEA,eAAe,GACT,CACV,IACG,CACP,CAAA;AACH,CAAC;AAED,MAAM,CAAC,GAAG;IACR,aAAa,EAAE,gBAAgB;IAC/B,MAAM,EAAE,QAAQ;IAChB,IAAI,EAAE,MAAM;CACb,CAAA"}
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
/// <reference types="react" />
|
|
2
|
+
import type { UseAccessCodesData } from '../../../../lib/seam/access-codes/use-access-codes.js';
|
|
3
|
+
export type AccessCodeFilter = 'access_code_issues';
|
|
4
|
+
interface AccessCodeHealthBarProps {
|
|
5
|
+
accessCodes: Array<UseAccessCodesData[number]>;
|
|
6
|
+
filter: AccessCodeFilter | null;
|
|
7
|
+
onFilterSelect: (filter: AccessCodeFilter | null) => void;
|
|
8
|
+
}
|
|
9
|
+
export declare function AccessCodeHealthBar({ accessCodes, filter, onFilterSelect, }: AccessCodeHealthBarProps): JSX.Element;
|
|
10
|
+
export {};
|
|
@@ -0,0 +1,29 @@
|
|
|
1
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
+
import { CheckIcon } from '../../../../lib/icons/Check.js';
|
|
3
|
+
import { ExclamationCircleOutlineIcon } from '../../../../lib/icons/ExclamationCircleOutline.js';
|
|
4
|
+
import { TableFilterBar } from '../../../../lib/ui/Table/TableFilterBar/TableFilterBar.js';
|
|
5
|
+
import { TableFilterItem } from '../../../../lib/ui/Table/TableFilterBar/TableFilterItem.js';
|
|
6
|
+
export function AccessCodeHealthBar({ accessCodes, filter, onFilterSelect, }) {
|
|
7
|
+
const codesWithIssues = accessCodes.filter(({ errors, warnings }) => errors.length > 0 || warnings.length > 0);
|
|
8
|
+
const issueCount = codesWithIssues.length;
|
|
9
|
+
const toggle = (target) => () => {
|
|
10
|
+
const newFilter = target === filter ? null : target;
|
|
11
|
+
onFilterSelect(newFilter);
|
|
12
|
+
};
|
|
13
|
+
const isPlural = issueCount === 0 || issueCount > 1;
|
|
14
|
+
const label = isPlural
|
|
15
|
+
? `${issueCount} ${t.accessCodeIssues}`
|
|
16
|
+
: `${issueCount} ${t.accessCodeIssue}`;
|
|
17
|
+
if (issueCount === 0) {
|
|
18
|
+
return (_jsx(TableFilterBar, { filterCleared: true, children: _jsxs(TableFilterItem, { children: [_jsx(CheckIcon, {}), t.accessCodesOk] }) }));
|
|
19
|
+
}
|
|
20
|
+
return (_jsx(TableFilterBar, { filterCleared: filter == null, onFilterClear: () => {
|
|
21
|
+
onFilterSelect(null);
|
|
22
|
+
}, children: _jsxs(TableFilterItem, { onClick: toggle('access_code_issues'), selected: filter === 'access_code_issues', children: [_jsx(ExclamationCircleOutlineIcon, {}), label] }) }));
|
|
23
|
+
}
|
|
24
|
+
const t = {
|
|
25
|
+
accessCodesOk: 'Access codes OK',
|
|
26
|
+
accessCodeIssue: 'access code issue',
|
|
27
|
+
accessCodeIssues: 'access code issues',
|
|
28
|
+
};
|
|
29
|
+
//# sourceMappingURL=AccessCodeHealthBar.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"AccessCodeHealthBar.js","sourceRoot":"","sources":["../../../../src/lib/seam/components/AccessCodeTable/AccessCodeHealthBar.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,mBAAmB,CAAC,EAClC,WAAW,EACX,MAAM,EACN,cAAc,GACW;IACzB,MAAM,eAAe,GAAG,WAAW,CAAC,MAAM,CACxC,CAAC,EAAE,MAAM,EAAE,QAAQ,EAAE,EAAE,EAAE,CAAC,MAAM,CAAC,MAAM,GAAG,CAAC,IAAI,QAAQ,CAAC,MAAM,GAAG,CAAC,CACnE,CAAA;IACD,MAAM,UAAU,GAAG,eAAe,CAAC,MAAM,CAAA;IAEzC,MAAM,MAAM,GAAG,CAAC,MAAwB,EAAE,EAAE,CAAC,GAAG,EAAE;QAChD,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,gBAAgB,EAAE;QACvC,CAAC,CAAC,GAAG,UAAU,IAAI,CAAC,CAAC,eAAe,EAAE,CAAA;IAExC,IAAI,UAAU,KAAK,CAAC,EAAE;QACpB,OAAO,CACL,KAAC,cAAc,IAAC,aAAa,kBAC3B,MAAC,eAAe,eACd,KAAC,SAAS,KAAG,EACZ,CAAC,CAAC,aAAa,IACA,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,oBAAoB,CAAC,EACrC,QAAQ,EAAE,MAAM,KAAK,oBAAoB,aAEzC,KAAC,4BAA4B,KAAG,EAC/B,KAAK,IACU,GACH,CAClB,CAAA;AACH,CAAC;AAED,MAAM,CAAC,GAAG;IACR,aAAa,EAAE,iBAAiB;IAChC,eAAe,EAAE,mBAAmB;IACpC,gBAAgB,EAAE,oBAAoB;CACvC,CAAA"}
|
|
@@ -6,9 +6,10 @@ export interface AccessCodeTableProps {
|
|
|
6
6
|
accessCodeComparator?: (accessCodeA: AccessCode, accessCodeB: AccessCode) => number;
|
|
7
7
|
onAccessCodeClick?: (accessCodeId: string) => void;
|
|
8
8
|
preventDefaultOnAccessCodeClick?: boolean;
|
|
9
|
+
disableLockUnlock?: boolean;
|
|
9
10
|
onBack?: () => void;
|
|
10
11
|
className?: string;
|
|
11
12
|
}
|
|
12
13
|
type AccessCode = UseAccessCodesData[number];
|
|
13
|
-
export declare function AccessCodeTable({ deviceId, onAccessCodeClick, preventDefaultOnAccessCodeClick, onBack, accessCodeFilter, accessCodeComparator, className, }: AccessCodeTableProps): JSX.Element;
|
|
14
|
+
export declare function AccessCodeTable({ deviceId, onAccessCodeClick, preventDefaultOnAccessCodeClick, disableLockUnlock, onBack, accessCodeFilter, accessCodeComparator, className, }: AccessCodeTableProps): JSX.Element;
|
|
14
15
|
export {};
|
|
@@ -5,8 +5,10 @@ import { compareByCreatedAtDesc } from '../../../../lib/dates.js';
|
|
|
5
5
|
import { AccessCodeKeyIcon } from '../../../../lib/icons/AccessCodeKey.js';
|
|
6
6
|
import { CopyIcon } from '../../../../lib/icons/Copy.js';
|
|
7
7
|
import { ExclamationCircleOutlineIcon } from '../../../../lib/icons/ExclamationCircleOutline.js';
|
|
8
|
+
import { TriangleWarningOutlineIcon } from '../../../../lib/icons/TriangleWarningOutline.js';
|
|
8
9
|
import { useAccessCodes, } from '../../../../lib/seam/access-codes/use-access-codes.js';
|
|
9
10
|
import { AccessCodeDetails } from '../../../../lib/seam/components/AccessCodeDetails/AccessCodeDetails.js';
|
|
11
|
+
import { AccessCodeHealthBar, } from '../../../../lib/seam/components/AccessCodeTable/AccessCodeHealthBar.js';
|
|
10
12
|
import { CodeDetails } from '../../../../lib/seam/components/AccessCodeTable/CodeDetails.js';
|
|
11
13
|
import { copyToClipboard } from '../../../../lib/ui/clipboard.js';
|
|
12
14
|
import { ContentHeader } from '../../../../lib/ui/layout/ContentHeader.js';
|
|
@@ -25,9 +27,11 @@ const defaultAccessCodeFilter = (accessCode, searchInputValue) => {
|
|
|
25
27
|
const value = searchInputValue.trim();
|
|
26
28
|
if (value === '')
|
|
27
29
|
return true;
|
|
28
|
-
|
|
30
|
+
const searchRegex = new RegExp(value, 'i');
|
|
31
|
+
return (searchRegex.test(accessCode?.name ?? '') ||
|
|
32
|
+
searchRegex.test(accessCode?.code ?? ''));
|
|
29
33
|
};
|
|
30
|
-
export function AccessCodeTable({ deviceId, onAccessCodeClick = () => { }, preventDefaultOnAccessCodeClick = false, onBack, accessCodeFilter = defaultAccessCodeFilter, accessCodeComparator = compareByCreatedAtDesc, className, }) {
|
|
34
|
+
export function AccessCodeTable({ deviceId, onAccessCodeClick = () => { }, preventDefaultOnAccessCodeClick = false, disableLockUnlock = false, onBack, accessCodeFilter = defaultAccessCodeFilter, accessCodeComparator = compareByCreatedAtDesc, className, }) {
|
|
31
35
|
const { accessCodes } = useAccessCodes({
|
|
32
36
|
device_id: deviceId,
|
|
33
37
|
});
|
|
@@ -49,33 +53,49 @@ export function AccessCodeTable({ deviceId, onAccessCodeClick = () => { }, preve
|
|
|
49
53
|
if (selectedAccessCodeId != null) {
|
|
50
54
|
return (_jsx(AccessCodeDetails, { className: className, accessCodeId: selectedAccessCodeId, onBack: () => {
|
|
51
55
|
setSelectedAccessCodeId(null);
|
|
52
|
-
} }));
|
|
56
|
+
}, disableLockUnlock: disableLockUnlock }));
|
|
53
57
|
}
|
|
54
58
|
return (_jsxs("div", { className: classNames('seam-access-code-table', className), children: [_jsx(ContentHeader, { onBack: onBack }), _jsxs(TableHeader, { children: [_jsxs(TableTitle, { children: [t.accessCodes, " ", _jsxs(Caption, { children: ["(", filteredAccessCodes.length, ")"] })] }), _jsx(SearchTextField, { value: searchInputValue, onChange: setSearchInputValue, disabled: (accessCodes?.length ?? 0) === 0 })] }), _jsx(TableBody, { children: _jsx(Content, { accessCodes: filteredAccessCodes, onAccessCodeClick: handleAccessCodeClick }) })] }));
|
|
55
59
|
}
|
|
56
60
|
function Content(props) {
|
|
57
61
|
const { accessCodes, onAccessCodeClick } = props;
|
|
62
|
+
const [filter, setFilter] = useState(null);
|
|
63
|
+
const filteredAccessCodes = useMemo(() => {
|
|
64
|
+
if (filter === null) {
|
|
65
|
+
return accessCodes;
|
|
66
|
+
}
|
|
67
|
+
if (filter === 'access_code_issues') {
|
|
68
|
+
return accessCodes.filter((accessCode) => {
|
|
69
|
+
return accessCode.errors.length > 0 || accessCode.warnings.length > 0;
|
|
70
|
+
});
|
|
71
|
+
}
|
|
72
|
+
return accessCodes;
|
|
73
|
+
}, [accessCodes, filter]);
|
|
58
74
|
if (accessCodes.length === 0) {
|
|
59
75
|
return _jsx(EmptyPlaceholder, { children: t.noAccessCodesMessage });
|
|
60
76
|
}
|
|
61
|
-
return (
|
|
62
|
-
|
|
63
|
-
|
|
77
|
+
return (_jsxs(_Fragment, { children: [_jsx(AccessCodeHealthBar, { accessCodes: accessCodes, filter: filter, onFilterSelect: setFilter }), filteredAccessCodes.map((accessCode) => (_jsx(AccessCodeRow, { accessCode: accessCode, onClick: () => {
|
|
78
|
+
onAccessCodeClick(accessCode.access_code_id);
|
|
79
|
+
} }, accessCode.access_code_id)))] }));
|
|
64
80
|
}
|
|
65
81
|
function AccessCodeRow(props) {
|
|
66
82
|
const { onClick, accessCode } = props;
|
|
67
|
-
const errorCount = accessCode.errors
|
|
83
|
+
const errorCount = accessCode.errors.length;
|
|
84
|
+
const warningCount = accessCode.warnings.length;
|
|
68
85
|
const isPlural = errorCount === 0 || errorCount > 1;
|
|
69
|
-
const
|
|
86
|
+
const errorIconTitle = isPlural
|
|
70
87
|
? `${errorCount} ${t.codeIssues}`
|
|
71
88
|
: `${errorCount} ${t.codeIssue}`;
|
|
72
|
-
|
|
89
|
+
const warningIconTitle = isPlural
|
|
90
|
+
? `${warningCount} ${t.codeIssues}`
|
|
91
|
+
: `${warningCount} ${t.codeIssue}`;
|
|
92
|
+
return (_jsxs(TableRow, { onClick: onClick, children: [_jsx(TableCell, { className: 'seam-icon-cell', children: _jsx("div", { children: _jsx(AccessCodeKeyIcon, {}) }) }), _jsxs(TableCell, { className: 'seam-name-cell', children: [_jsx(Title, { className: 'seam-truncated-text', children: accessCode.name }), _jsx(CodeDetails, { accessCode: accessCode })] }), _jsxs(TableCell, { className: 'seam-action-cell', children: [errorCount > 0 && (_jsx("div", { className: 'seam-code-issue-icon-wrap', title: errorIconTitle, children: _jsx(ExclamationCircleOutlineIcon, {}) })), errorCount === 0 && warningCount > 0 && (_jsx("div", { className: 'seam-code-issue-icon-wrap', title: warningIconTitle, children: _jsx(TriangleWarningOutlineIcon, {}) })), _jsx(MoreActionsMenu, { menuProps: {
|
|
73
93
|
backgroundProps: {
|
|
74
94
|
className: 'seam-access-code-table-action-menu',
|
|
75
95
|
},
|
|
76
96
|
}, children: _jsx(MenuItem, { onClick: () => {
|
|
77
97
|
void copyToClipboard(accessCode.code ?? '');
|
|
78
|
-
}, children: _jsxs("div", { className: 'menu-item-copy', children: [_jsxs("span", { children: [t.copyCode, " - ", accessCode.code] }), _jsx(CopyIcon, {})] }) }) })] })] }
|
|
98
|
+
}, children: _jsxs("div", { className: 'menu-item-copy', children: [_jsxs("span", { children: [t.copyCode, " - ", accessCode.code] }), _jsx(CopyIcon, {})] }) }) })] })] }));
|
|
79
99
|
}
|
|
80
100
|
const t = {
|
|
81
101
|
accessCodes: 'Access Codes',
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"AccessCodeTable.js","sourceRoot":"","sources":["../../../../src/lib/seam/components/AccessCodeTable/AccessCodeTable.tsx"],"names":[],"mappings":";AAAA,OAAO,UAAU,MAAM,YAAY,CAAA;AACnC,OAAO,EAAE,WAAW,EAAE,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AAEtD,OAAO,EAAE,sBAAsB,EAAE,MAAM,cAAc,CAAA;AACrD,OAAO,EAAE,iBAAiB,EAAE,MAAM,4BAA4B,CAAA;AAC9D,OAAO,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAA;AAC5C,OAAO,EAAE,4BAA4B,EAAE,MAAM,uCAAuC,CAAA;AACpF,OAAO,EACL,cAAc,GAEf,MAAM,2CAA2C,CAAA;AAClD,OAAO,EAAE,iBAAiB,EAAE,MAAM,4DAA4D,CAAA;AAC9F,OAAO,EAAE,WAAW,EAAE,MAAM,oDAAoD,CAAA;AAChF,OAAO,EAAE,eAAe,EAAE,MAAM,qBAAqB,CAAA;AACrD,OAAO,EAAE,aAAa,EAAE,MAAM,gCAAgC,CAAA;AAC9D,OAAO,EAAE,QAAQ,EAAE,MAAM,yBAAyB,CAAA;AAClD,OAAO,EAAE,eAAe,EAAE,MAAM,gCAAgC,CAAA;AAChE,OAAO,EAAE,gBAAgB,EAAE,MAAM,kCAAkC,CAAA;AACnE,OAAO,EAAE,SAAS,EAAE,MAAM,2BAA2B,CAAA;AACrD,OAAO,EAAE,SAAS,EAAE,MAAM,2BAA2B,CAAA;AACrD,OAAO,EAAE,WAAW,EAAE,MAAM,6BAA6B,CAAA;AACzD,OAAO,EAAE,QAAQ,EAAE,MAAM,0BAA0B,CAAA;AACnD,OAAO,EAAE,UAAU,EAAE,MAAM,4BAA4B,CAAA;AACvD,OAAO,EAAE,eAAe,EAAE,MAAM,qCAAqC,CAAA;AACrE,OAAO,EAAE,OAAO,EAAE,MAAM,8BAA8B,CAAA;AACtD,OAAO,EAAE,KAAK,EAAE,MAAM,4BAA4B,CAAA;
|
|
1
|
+
{"version":3,"file":"AccessCodeTable.js","sourceRoot":"","sources":["../../../../src/lib/seam/components/AccessCodeTable/AccessCodeTable.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,7 +1,8 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
2
|
export interface DeviceDetailsProps {
|
|
3
3
|
deviceId: string;
|
|
4
|
+
disableLockUnlock?: boolean;
|
|
4
5
|
onBack?: () => void;
|
|
5
6
|
className?: string;
|
|
6
7
|
}
|
|
7
|
-
export declare function DeviceDetails({ deviceId, onBack, className, }: DeviceDetailsProps): JSX.Element | null;
|
|
8
|
+
export declare function DeviceDetails({ deviceId, disableLockUnlock, onBack, className, }: DeviceDetailsProps): JSX.Element | null;
|
|
@@ -2,7 +2,7 @@ import { jsx as _jsx } from "react/jsx-runtime";
|
|
|
2
2
|
import { isLockDevice } from 'seamapi';
|
|
3
3
|
import { LockDeviceDetails } from '../../../../lib/seam/components/DeviceDetails/LockDeviceDetails.js';
|
|
4
4
|
import { useDevice } from '../../../../lib/seam/devices/use-device.js';
|
|
5
|
-
export function DeviceDetails({ deviceId, onBack, className, }) {
|
|
5
|
+
export function DeviceDetails({ deviceId, disableLockUnlock = false, onBack, className, }) {
|
|
6
6
|
const { device } = useDevice({
|
|
7
7
|
device_id: deviceId,
|
|
8
8
|
});
|
|
@@ -10,7 +10,7 @@ export function DeviceDetails({ deviceId, onBack, className, }) {
|
|
|
10
10
|
return null;
|
|
11
11
|
}
|
|
12
12
|
if (isLockDevice(device)) {
|
|
13
|
-
return (_jsx(LockDeviceDetails, { className: className, device: device, onBack: onBack }));
|
|
13
|
+
return (_jsx(LockDeviceDetails, { className: className, device: device, disableLockUnlock: disableLockUnlock, onBack: onBack }));
|
|
14
14
|
}
|
|
15
15
|
return null;
|
|
16
16
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"DeviceDetails.js","sourceRoot":"","sources":["../../../../src/lib/seam/components/DeviceDetails/DeviceDetails.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,SAAS,CAAA;AAEtC,OAAO,EAAE,iBAAiB,EAAE,MAAM,wDAAwD,CAAA;AAC1F,OAAO,EAAE,SAAS,EAAE,MAAM,gCAAgC,CAAA;
|
|
1
|
+
{"version":3,"file":"DeviceDetails.js","sourceRoot":"","sources":["../../../../src/lib/seam/components/DeviceDetails/DeviceDetails.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,SAAS,CAAA;AAEtC,OAAO,EAAE,iBAAiB,EAAE,MAAM,wDAAwD,CAAA;AAC1F,OAAO,EAAE,SAAS,EAAE,MAAM,gCAAgC,CAAA;AAS1D,MAAM,UAAU,aAAa,CAAC,EAC5B,QAAQ,EACR,iBAAiB,GAAG,KAAK,EACzB,MAAM,EACN,SAAS,GACU;IACnB,MAAM,EAAE,MAAM,EAAE,GAAG,SAAS,CAAC;QAC3B,SAAS,EAAE,QAAQ;KACpB,CAAC,CAAA;IAEF,IAAI,MAAM,IAAI,IAAI,EAAE;QAClB,OAAO,IAAI,CAAA;KACZ;IAED,IAAI,YAAY,CAAC,MAAM,CAAC,EAAE;QACxB,OAAO,CACL,KAAC,iBAAiB,IAChB,SAAS,EAAE,SAAS,EACpB,MAAM,EAAE,MAAM,EACd,iBAAiB,EAAE,iBAAiB,EACpC,MAAM,EAAE,MAAM,GACd,CACH,CAAA;KACF;IAED,OAAO,IAAI,CAAA;AACb,CAAC"}
|
|
@@ -13,7 +13,7 @@ import { OnlineStatus } from '../../../../lib/ui/device/OnlineStatus.js';
|
|
|
13
13
|
import { ContentHeader } from '../../../../lib/ui/layout/ContentHeader.js';
|
|
14
14
|
import { useToggle } from '../../../../lib/ui/use-toggle.js';
|
|
15
15
|
export function LockDeviceDetails(props) {
|
|
16
|
-
const { device, onBack, className } = props;
|
|
16
|
+
const { device, disableLockUnlock, onBack, className } = props;
|
|
17
17
|
const [accessCodesOpen, toggleAccessCodesOpen] = useToggle();
|
|
18
18
|
const toggleLock = useToggleLock(device);
|
|
19
19
|
const { accessCodes } = useAccessCodes({
|
|
@@ -26,7 +26,7 @@ export function LockDeviceDetails(props) {
|
|
|
26
26
|
return null;
|
|
27
27
|
}
|
|
28
28
|
if (accessCodesOpen) {
|
|
29
|
-
return (_jsx(AccessCodeTable, { className: className, deviceId: device.device_id, onBack: toggleAccessCodesOpen }));
|
|
29
|
+
return (_jsx(AccessCodeTable, { className: className, deviceId: device.device_id, onBack: toggleAccessCodesOpen, disableLockUnlock: disableLockUnlock }));
|
|
30
30
|
}
|
|
31
31
|
const alerts = [
|
|
32
32
|
...device.errors.map((error) => ({
|
|
@@ -38,9 +38,9 @@ export function LockDeviceDetails(props) {
|
|
|
38
38
|
message: warning.message,
|
|
39
39
|
})),
|
|
40
40
|
];
|
|
41
|
-
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: () => {
|
|
41
|
+
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: !disableLockUnlock && (_jsx(Button, { size: 'small', onClick: () => {
|
|
42
42
|
toggleLock.mutate();
|
|
43
|
-
}, children: toggleLockLabel }) })] }), _jsx(AccessCodeLength, { supportedCodeLengths: device.properties?.supported_code_lengths ?? [] })] })] })] }));
|
|
43
|
+
}, children: toggleLockLabel })) })] }), _jsx(AccessCodeLength, { supportedCodeLengths: device.properties?.supported_code_lengths ?? [] })] })] })] }));
|
|
44
44
|
}
|
|
45
45
|
function AccessCodeLength(props) {
|
|
46
46
|
const { supportedCodeLengths } = props;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"LockDeviceDetails.js","sourceRoot":"","sources":["../../../../src/lib/seam/components/DeviceDetails/LockDeviceDetails.tsx"],"names":[],"mappings":";AAAA,OAAO,UAAU,MAAM,YAAY,CAAA;AAGnC,OAAO,EAAE,gBAAgB,EAAE,MAAM,2BAA2B,CAAA;AAC5D,OAAO,EAAE,cAAc,EAAE,MAAM,2CAA2C,CAAA;AAC1E,OAAO,EAAE,eAAe,EAAE,MAAM,wDAAwD,CAAA;AACxF,OAAO,EAAE,WAAW,EAAE,MAAM,kDAAkD,CAAA;AAC9E,OAAO,EAAE,aAAa,EAAE,MAAM,qCAAqC,CAAA;AACnE,OAAO,EAAE,MAAM,EAAE,MAAM,wBAAwB,CAAA;AAC/C,OAAO,EAAE,MAAM,EAAE,MAAM,kBAAkB,CAAA;AACzC,OAAO,EAAE,aAAa,EAAE,MAAM,gCAAgC,CAAA;AAC9D,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,SAAS,EAAE,MAAM,sBAAsB,CAAA;
|
|
1
|
+
{"version":3,"file":"LockDeviceDetails.js","sourceRoot":"","sources":["../../../../src/lib/seam/components/DeviceDetails/LockDeviceDetails.tsx"],"names":[],"mappings":"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"}
|
|
@@ -8,8 +8,9 @@ export interface DeviceTableProps {
|
|
|
8
8
|
deviceComparator?: (deviceA: Device, deviceB: Device) => number;
|
|
9
9
|
onDeviceClick?: (deviceId: string) => void;
|
|
10
10
|
preventDefaultOnDeviceClick?: boolean;
|
|
11
|
+
disableLockUnlock?: boolean;
|
|
11
12
|
onBack?: () => void;
|
|
12
13
|
className?: string;
|
|
13
14
|
}
|
|
14
|
-
export declare function DeviceTable({ deviceIds, connectedAccountIds, onDeviceClick, preventDefaultOnDeviceClick, onBack, deviceFilter, deviceComparator, className, }?: DeviceTableProps): JSX.Element;
|
|
15
|
+
export declare function DeviceTable({ deviceIds, connectedAccountIds, onDeviceClick, preventDefaultOnDeviceClick, disableLockUnlock, onBack, deviceFilter, deviceComparator, className, }?: DeviceTableProps): JSX.Element;
|
|
15
16
|
export {};
|
|
@@ -20,7 +20,7 @@ const defaultDeviceFilter = (device, searchInputValue) => {
|
|
|
20
20
|
return true;
|
|
21
21
|
return new RegExp(value, 'i').test(device.properties.name ?? '');
|
|
22
22
|
};
|
|
23
|
-
export function DeviceTable({ deviceIds, connectedAccountIds, onDeviceClick = () => { }, preventDefaultOnDeviceClick = false, onBack, deviceFilter = defaultDeviceFilter, deviceComparator = compareByCreatedAtDesc, className, } = {}) {
|
|
23
|
+
export function DeviceTable({ deviceIds, connectedAccountIds, onDeviceClick = () => { }, preventDefaultOnDeviceClick = false, disableLockUnlock = false, onBack, deviceFilter = defaultDeviceFilter, deviceComparator = compareByCreatedAtDesc, className, } = {}) {
|
|
24
24
|
const { devices, isLoading, isError, error } = useDevices({
|
|
25
25
|
device_ids: deviceIds,
|
|
26
26
|
connected_account_ids: connectedAccountIds,
|
|
@@ -40,7 +40,7 @@ export function DeviceTable({ deviceIds, connectedAccountIds, onDeviceClick = ()
|
|
|
40
40
|
if (selectedDeviceId != null) {
|
|
41
41
|
return (_jsx(DeviceDetails, { className: className, deviceId: selectedDeviceId, onBack: () => {
|
|
42
42
|
setSelectedDeviceId(null);
|
|
43
|
-
} }));
|
|
43
|
+
}, disableLockUnlock: disableLockUnlock }));
|
|
44
44
|
}
|
|
45
45
|
if (isLoading) {
|
|
46
46
|
return _jsx("p", { className: className, children: "..." });
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"DeviceTable.js","sourceRoot":"","sources":["../../../../src/lib/seam/components/DeviceTable/DeviceTable.tsx"],"names":[],"mappings":";AAAA,OAAO,UAAU,MAAM,YAAY,CAAA;AACnC,OAAO,EAAE,WAAW,EAAE,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AACtD,OAAO,EAAE,YAAY,EAAE,MAAM,SAAS,CAAA;AAEtC,OAAO,EAAE,sBAAsB,EAAE,MAAM,cAAc,CAAA;AACrD,OAAO,EAAE,aAAa,EAAE,MAAM,oDAAoD,CAAA;AAClF,OAAO,EAEL,eAAe,GAChB,MAAM,oDAAoD,CAAA;AAC3D,OAAO,EAAE,SAAS,EAAE,MAAM,8CAA8C,CAAA;AACxE,OAAO,EACL,UAAU,GAEX,MAAM,iCAAiC,CAAA;AACxC,OAAO,EAAE,aAAa,EAAE,MAAM,gCAAgC,CAAA;AAC9D,OAAO,EAAE,gBAAgB,EAAE,MAAM,kCAAkC,CAAA;AACnE,OAAO,EAAE,SAAS,EAAE,MAAM,2BAA2B,CAAA;AACrD,OAAO,EAAE,WAAW,EAAE,MAAM,6BAA6B,CAAA;AACzD,OAAO,EAAE,UAAU,EAAE,MAAM,4BAA4B,CAAA;AACvD,OAAO,EAAE,eAAe,EAAE,MAAM,qCAAqC,CAAA;AACrE,OAAO,EAAE,OAAO,EAAE,MAAM,8BAA8B,CAAA;
|
|
1
|
+
{"version":3,"file":"DeviceTable.js","sourceRoot":"","sources":["../../../../src/lib/seam/components/DeviceTable/DeviceTable.tsx"],"names":[],"mappings":"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"}
|
package/lib/version.d.ts
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
declare const seamapiReactVersion = "1.
|
|
1
|
+
declare const seamapiReactVersion = "1.23.0";
|
|
2
2
|
export default seamapiReactVersion;
|
package/lib/version.js
CHANGED
package/package.json
CHANGED
|
@@ -0,0 +1,18 @@
|
|
|
1
|
+
import type { SVGProps } from 'react'
|
|
2
|
+
export const TriangleWarningOutlineIcon = (
|
|
3
|
+
props: SVGProps<SVGSVGElement>
|
|
4
|
+
): JSX.Element => (
|
|
5
|
+
<svg
|
|
6
|
+
xmlns='http://www.w3.org/2000/svg'
|
|
7
|
+
width={24}
|
|
8
|
+
height={24}
|
|
9
|
+
fill='none'
|
|
10
|
+
{...props}
|
|
11
|
+
>
|
|
12
|
+
<path
|
|
13
|
+
fill='#FF9800'
|
|
14
|
+
d='m12 6.49 7.53 13.01H4.47L12 6.49Zm0-3.99-11 19h22l-11-19Z'
|
|
15
|
+
/>
|
|
16
|
+
<path fill='#FF9800' d='M13 16.5h-2v2h2v-2ZM13 10.5h-2v5h2v-5Z' />
|
|
17
|
+
</svg>
|
|
18
|
+
)
|
|
@@ -18,12 +18,14 @@ import { useIsDateInPast } from 'lib/ui/use-is-date-in-past.js'
|
|
|
18
18
|
export interface AccessCodeDetailsProps {
|
|
19
19
|
accessCodeId: string
|
|
20
20
|
onBack?: () => void
|
|
21
|
+
disableLockUnlock?: boolean
|
|
21
22
|
className?: string
|
|
22
23
|
}
|
|
23
24
|
|
|
24
25
|
export function AccessCodeDetails({
|
|
25
26
|
accessCodeId,
|
|
26
27
|
onBack,
|
|
28
|
+
disableLockUnlock = false,
|
|
27
29
|
className,
|
|
28
30
|
}: AccessCodeDetailsProps): JSX.Element | null {
|
|
29
31
|
const { accessCode } = useAccessCode(accessCodeId)
|
|
@@ -43,6 +45,7 @@ export function AccessCodeDetails({
|
|
|
43
45
|
onBack={() => {
|
|
44
46
|
selectDevice(null)
|
|
45
47
|
}}
|
|
48
|
+
disableLockUnlock={disableLockUnlock}
|
|
46
49
|
/>
|
|
47
50
|
)
|
|
48
51
|
}
|
|
@@ -80,6 +83,7 @@ export function AccessCodeDetails({
|
|
|
80
83
|
|
|
81
84
|
<AccessCodeDevice
|
|
82
85
|
deviceId={accessCode.device_id}
|
|
86
|
+
disableLockUnlock={disableLockUnlock}
|
|
83
87
|
onSelectDevice={selectDevice}
|
|
84
88
|
/>
|
|
85
89
|
</div>
|
|
@@ -8,12 +8,16 @@ import { TextButton } from 'lib/ui/TextButton.js'
|
|
|
8
8
|
|
|
9
9
|
export function AccessCodeDevice({
|
|
10
10
|
deviceId,
|
|
11
|
+
disableLockUnlock,
|
|
11
12
|
onSelectDevice,
|
|
12
13
|
}: {
|
|
13
14
|
deviceId: string
|
|
15
|
+
disableLockUnlock: boolean
|
|
14
16
|
onSelectDevice: (deviceId: string) => void
|
|
15
17
|
}): JSX.Element | null {
|
|
16
|
-
const { isLoading, device } = useDevice({
|
|
18
|
+
const { isLoading, device } = useDevice({
|
|
19
|
+
device_id: deviceId,
|
|
20
|
+
})
|
|
17
21
|
|
|
18
22
|
if (isLoading) {
|
|
19
23
|
return null
|
|
@@ -27,14 +31,21 @@ export function AccessCodeDevice({
|
|
|
27
31
|
return null
|
|
28
32
|
}
|
|
29
33
|
|
|
30
|
-
return
|
|
34
|
+
return (
|
|
35
|
+
<Content
|
|
36
|
+
device={device}
|
|
37
|
+
disableLockUnlock={disableLockUnlock}
|
|
38
|
+
onSelectDevice={onSelectDevice}
|
|
39
|
+
/>
|
|
40
|
+
)
|
|
31
41
|
}
|
|
32
42
|
|
|
33
43
|
function Content(props: {
|
|
34
44
|
device: LockDevice
|
|
45
|
+
disableLockUnlock: boolean
|
|
35
46
|
onSelectDevice: (deviceId: string) => void
|
|
36
47
|
}): JSX.Element {
|
|
37
|
-
const { device, onSelectDevice } = props
|
|
48
|
+
const { device, disableLockUnlock, onSelectDevice } = props
|
|
38
49
|
const toggleLock = useToggleLock(device)
|
|
39
50
|
|
|
40
51
|
const toggleLockLabel = device.properties.locked ? t.unlock : t.lock
|
|
@@ -54,13 +65,15 @@ function Content(props: {
|
|
|
54
65
|
{t.deviceDetails}
|
|
55
66
|
</TextButton>
|
|
56
67
|
</div>
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
68
|
+
{!disableLockUnlock && (
|
|
69
|
+
<Button
|
|
70
|
+
onClick={() => {
|
|
71
|
+
toggleLock.mutate()
|
|
72
|
+
}}
|
|
73
|
+
>
|
|
74
|
+
{toggleLockLabel}
|
|
75
|
+
</Button>
|
|
76
|
+
)}
|
|
64
77
|
</div>
|
|
65
78
|
)
|
|
66
79
|
}
|