@seamapi/react 1.22.0 → 1.24.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/README.md +1 -1
- package/dist/elements.js +4998 -4842
- package/dist/elements.js.map +1 -1
- package/dist/index.css +3 -0
- package/dist/index.css.map +1 -1
- package/dist/index.min.css +1 -1
- package/dist/index.min.css.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/DeviceHealthBar.d.ts +3 -2
- package/lib/seam/components/DeviceTable/DeviceHealthBar.js +23 -11
- package/lib/seam/components/DeviceTable/DeviceHealthBar.js.map +1 -1
- package/lib/seam/components/DeviceTable/DeviceRow.js +19 -1
- package/lib/seam/components/DeviceTable/DeviceRow.js.map +1 -1
- package/lib/seam/components/DeviceTable/DeviceTable.d.ts +2 -1
- package/lib/seam/components/DeviceTable/DeviceTable.js +7 -3
- package/lib/seam/components/DeviceTable/DeviceTable.js.map +1 -1
- package/lib/ui/device/OnlineStatus.js +14 -4
- package/lib/ui/device/OnlineStatus.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.element.ts +1 -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.element.ts +1 -0
- package/src/lib/seam/components/AccessCodeTable/AccessCodeTable.tsx +47 -6
- package/src/lib/seam/components/DeviceDetails/DeviceDetails.element.ts +1 -0
- 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/DeviceHealthBar.tsx +49 -19
- package/src/lib/seam/components/DeviceTable/DeviceRow.tsx +48 -9
- package/src/lib/seam/components/DeviceTable/DeviceTable.element.ts +1 -0
- package/src/lib/seam/components/DeviceTable/DeviceTable.tsx +17 -2
- package/src/lib/ui/device/OnlineStatus.tsx +23 -7
- package/src/lib/version.ts +1 -1
- package/src/styles/_device-table.scss +4 -0
package/dist/index.css
CHANGED
|
@@ -565,6 +565,9 @@
|
|
|
565
565
|
.seam-components .seam-device-table .seam-table-row {
|
|
566
566
|
cursor: pointer;
|
|
567
567
|
}
|
|
568
|
+
.seam-components .seam-device-table .seam-table-row .seam-offline-fade {
|
|
569
|
+
opacity: 0.4;
|
|
570
|
+
}
|
|
568
571
|
.seam-components .seam-device-table .seam-table-row .seam-image-cell {
|
|
569
572
|
width: 64px;
|
|
570
573
|
height: 64px;
|
package/dist/index.css.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sourceRoot":"","sources":["../src/styles/_reset.scss","../src/styles/_main.scss","../src/styles/_typography.scss","../src/styles/_colors.scss","../src/styles/_tables.scss","../src/styles/_inputs.scss","../src/styles/_buttons.scss","../src/styles/_layout.scss","../src/styles/_icons.scss","../src/styles/_menus.scss","../src/styles/_device-details.scss","../src/styles/_device-table.scss","../src/styles/_access-code-table.scss","../src/styles/_access-code-details.scss","../src/styles/_alert.scss","../src/styles/_supported-device-table.scss"],"names":[],"mappings":"AAAA;AAAA;AAAA;AAAA;ACgBA;ECbE;;AFGA;AAAA;AAAA;EAGE;;AAGF;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;EAmDE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAGF;AAAA;AAAA;AAAA;AAAA;EAKE;;AAGF;EACE;;AAGF;AAAA;EAEE;;AAGF;AAAA;EAEE;;AAGF;AAAA;AAAA;AAAA;EAIE;EACA;;AAGF;EACE;EACA;;AAGF;EACE;EACA;;AEtGF;AAAA;AAAA;AAAA;AAAA;AAAA;EAME;;AAKF;EACE,OCTU;;ADcZ;EACE,OCNS;;ADWX;EACE,OCvBW;;AD4Bb;EACE;EACA;EACA;EACA;EACA;;AExCF;EACE;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;;AAIJ;EACE;EACA;;AAEA;EACE;EACA;;AAMJ;EACE;EACA;EACA;EACA;;AAEA;EACE;;AAGF;EACE;EACA;EACA;;AAMJ;EACE;EACA;EACA;;AAKF;EACE;EACA;EACA;EACA;EACA;EACA;;AAKF;EACE;EACA;EACA;EACA,YDrDG;;ACuDH;EACE;EACA;EACA;EACA;;AAEA;EACE;;AAEA;EACE,MDzEI;;AC+EZ;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;;AAGF;EACE;;AAEA;EACE;EACA;;AAIJ;EACE;EACA;;AC/GJ;EACE;EACA;EACA;EACA;EACA;;AAEA;EACE,cFDS;;AEIX;EACE,cFbI;;AEgBN;EACE,cFLQ;EEMR;EACA;;AAEA;EACE;;AAIJ;EACE;EACA;;AAEA;EACE;;AAIJ;EACE;EACA;;AAEA;EACE;;AAGF;EACE;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE,kBF/CH;;AEkDC;EACE;EACA;;AAMJ;EACE;;ACqCN;EJ/GA;EIoHE;EACA;;AAjFF;EACE;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;;AAKF;EACE,YH7DM;EG8DN;EACA;;AAEA;EACE,YH5DS;EG6DT,cH7DS;;AGgEX;EAEE,YHjEQ;EGkER,cHlEQ;;AGsEZ;EACE,OH9EM;EG+EN;EACA;;AAEA;EACE,YH9EM;;AGiFR;EAEE;EACA,OHxFO;;AG4FX;EACE,OHrFU;EGsFV;;AAEA;EACE,YHjFC;EGkFD,cHxFU;;AG2FZ;EAEE,OH7FU;EG8FV,cH7FQ;EG8FR;;AAcF;EAEE;;AAxHJ;EACE;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;;AAMJ;EACE,OHlBM;EGmBN;EACA;EACA;EACA;;AAEA;EACE;;AAGF;EAEE;EACA;;AC9BJ;EACE;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA,OJXQ;;AKPV;EACE,MLMQ;;AMRZ;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAGF;EACE;;AAGF;EACE;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE,YNVQ;;AMed;EACE;EACA;EACA;EACA;EACA;EACA;;AC/CA;EACE;EACA;EACA;EACA;;AAEA;EACE;EACA;;AAEA;EACE;;AAEA;EACE;EACA;EACA;EACA;EACA;;AAEA;EACE,YPKE;;AODN;EACE;;AAGF;EACE;EACA;;AAEA;EACE;EACA;;AAIJ;EACE;EACA;EACA,OPnCE;;AOsCJ;EACE;EACA;EACA;EACA;;AAKN;EACE;EACA;EACA,YP1CD;;AO4CC;EACE;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;;AAEA;EACE;;AAKF;EACE,OPtEA;EOuEA;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE,OP7FF;;AOgGA;EACE,OPlGF;;AOqGA;EACE;EACA;;AAGF;EACE;EACA;;AAOV;EACE;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;;AAIJ;EACE;;AAGF;EACE;EACA;EACA;EACA;;AClJJ;EACE;;AAGF;EACE;;AAEA;EACE;EACA;EACA;;AAEA;EACE;;AAIJ;EACE;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;;AAGF;EACE;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA,
|
|
1
|
+
{"version":3,"sourceRoot":"","sources":["../src/styles/_reset.scss","../src/styles/_main.scss","../src/styles/_typography.scss","../src/styles/_colors.scss","../src/styles/_tables.scss","../src/styles/_inputs.scss","../src/styles/_buttons.scss","../src/styles/_layout.scss","../src/styles/_icons.scss","../src/styles/_menus.scss","../src/styles/_device-details.scss","../src/styles/_device-table.scss","../src/styles/_access-code-table.scss","../src/styles/_access-code-details.scss","../src/styles/_alert.scss","../src/styles/_supported-device-table.scss"],"names":[],"mappings":"AAAA;AAAA;AAAA;AAAA;ACgBA;ECbE;;AFGA;AAAA;AAAA;EAGE;;AAGF;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;EAmDE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAGF;AAAA;AAAA;AAAA;AAAA;EAKE;;AAGF;EACE;;AAGF;AAAA;EAEE;;AAGF;AAAA;EAEE;;AAGF;AAAA;AAAA;AAAA;EAIE;EACA;;AAGF;EACE;EACA;;AAGF;EACE;EACA;;AEtGF;AAAA;AAAA;AAAA;AAAA;AAAA;EAME;;AAKF;EACE,OCTU;;ADcZ;EACE,OCNS;;ADWX;EACE,OCvBW;;AD4Bb;EACE;EACA;EACA;EACA;EACA;;AExCF;EACE;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;;AAIJ;EACE;EACA;;AAEA;EACE;EACA;;AAMJ;EACE;EACA;EACA;EACA;;AAEA;EACE;;AAGF;EACE;EACA;EACA;;AAMJ;EACE;EACA;EACA;;AAKF;EACE;EACA;EACA;EACA;EACA;EACA;;AAKF;EACE;EACA;EACA;EACA,YDrDG;;ACuDH;EACE;EACA;EACA;EACA;;AAEA;EACE;;AAEA;EACE,MDzEI;;AC+EZ;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;;AAGF;EACE;;AAEA;EACE;EACA;;AAIJ;EACE;EACA;;AC/GJ;EACE;EACA;EACA;EACA;EACA;;AAEA;EACE,cFDS;;AEIX;EACE,cFbI;;AEgBN;EACE,cFLQ;EEMR;EACA;;AAEA;EACE;;AAIJ;EACE;EACA;;AAEA;EACE;;AAIJ;EACE;EACA;;AAEA;EACE;;AAGF;EACE;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE,kBF/CH;;AEkDC;EACE;EACA;;AAMJ;EACE;;ACqCN;EJ/GA;EIoHE;EACA;;AAjFF;EACE;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;;AAKF;EACE,YH7DM;EG8DN;EACA;;AAEA;EACE,YH5DS;EG6DT,cH7DS;;AGgEX;EAEE,YHjEQ;EGkER,cHlEQ;;AGsEZ;EACE,OH9EM;EG+EN;EACA;;AAEA;EACE,YH9EM;;AGiFR;EAEE;EACA,OHxFO;;AG4FX;EACE,OHrFU;EGsFV;;AAEA;EACE,YHjFC;EGkFD,cHxFU;;AG2FZ;EAEE,OH7FU;EG8FV,cH7FQ;EG8FR;;AAcF;EAEE;;AAxHJ;EACE;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;;AAMJ;EACE,OHlBM;EGmBN;EACA;EACA;EACA;;AAEA;EACE;;AAGF;EAEE;EACA;;AC9BJ;EACE;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA,OJXQ;;AKPV;EACE,MLMQ;;AMRZ;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAGF;EACE;;AAGF;EACE;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE,YNVQ;;AMed;EACE;EACA;EACA;EACA;EACA;EACA;;AC/CA;EACE;EACA;EACA;EACA;;AAEA;EACE;EACA;;AAEA;EACE;;AAEA;EACE;EACA;EACA;EACA;EACA;;AAEA;EACE,YPKE;;AODN;EACE;;AAGF;EACE;EACA;;AAEA;EACE;EACA;;AAIJ;EACE;EACA;EACA,OPnCE;;AOsCJ;EACE;EACA;EACA;EACA;;AAKN;EACE;EACA;EACA,YP1CD;;AO4CC;EACE;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;;AAEA;EACE;;AAKF;EACE,OPtEA;EOuEA;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE,OP7FF;;AOgGA;EACE,OPlGF;;AOqGA;EACE;EACA;;AAGF;EACE;EACA;;AAOV;EACE;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;;AAIJ;EACE;;AAGF;EACE;EACA;EACA;EACA;;AClJJ;EACE;;AAGF;EACE;;AAEA;EACE;;AAGF;EACE;EACA;EACA;;AAEA;EACE;;AAIJ;EACE;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;;AAGF;EACE;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA,ORpCE;EQqCF;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA,OR9CE;EQ+CF;EACA;;AAEA;EACE;EACA;EACA;;AAEA;EACE;;AC/DZ;EACE;;AAGF;EACE;;AAEA;EACE;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;;AAIJ;EACE;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;;AAGF;EACE;EACA;EACA,OT9BI;ES+BJ;;AAEA;EACE;EACA;;AAGF;EACE;EACA,OTrCE;;AS0CR;EACE;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;;AAMJ;EACE;EACA;EACA;EACA;;ACzEF;EACE,YVcC;EUbD;EACA;;AAEA;EACE;;AAEA;EACE;;AAGF;EACE;EACA;EACA;EACA,OVTI;EUUJ;;AAGF;EACE;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAGF;EACE,OVhCI;EUiCJ;EACA;;AAEA;EACE;EACA,OVvCG;;AU4CT;EACE;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;;AAEA;EACE;EACA;;AAIJ;EACE;EACA;EACA;EACA;EACA;;AAKN;EACE;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;;AAEA;EACE;;AAGF;EACE;EACA;;AAEA;EACE;EACA;EACA;EACA;;AAEA;EACE,OV/FA;;AUmGA;EACE;;AAGF;EACE;;AChHd;EACE;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;;AAGF;EACE;;AAKJ;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE,kBXhBQ;;AWoBZ;EACE,kBXtBY;EWuBZ;;AAEA;EACE;EACA,OX7BU;;AWiCd;EACE,kBXnCa;EWoCb;;AAEA;EACE;EACA,OX1CW;;AW8Cf;EACE;;AAGF;EACE;EACA;;AAGF;EACE;EACA;;AAGF;EACE;EACA;EACA;EACA;;AAGF;EACE;;AAEA;EACE;EACA;EACA;EACA,OXxFO;;AW6Fb;EACE;IACE;IACA;;EAEA;IACE;IACA;IACA;IACA;;EAGF;IACE;;EAEA;IACE;;;AClHR;EACE;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;EACA;;AAIJ;EACE;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;;AAEA;EACE;;AAGF;EACE;EACA;EACA;EACA;EACA;;AAGF;EACE;;AAIJ;EACE;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA,kBZvDD;EYwDC;EACA;;AAEA;EACE,kBZ7DH;;AYgEC;EACE;EACA;;AAGF;EACE;EACA;;AAMR;EACE;EACA,kBZ7EG;EY8EH;EACA;EACA;EACA;EACA;EACA;;AAGF;EACE;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;;AAGF;EACE;EACA;;AAIJ;EACE;EACA;EACA;EACA;;AAEA;AAAA;EAEE;EACA;;AAGF;EACE;EACA;EACA,YZ9HC;EY+HD;;AAEA;EACE;;AAGF;EACE;EACA;EACA;EACA;;AAKF;EACE;EACA;;AAGF;EACE;;AAKF;AAAA;EAEE,cA5KM;;AA+KR;AAAA;EAEE,eAjLM;;AAqLV;EACE;EACA;EACA;EACA,kBZpKS;;AYsKT;EACE;EACA;EACA;EACA;;AAGF;EACE,kBZ9KO;;AYiLT;EACE,kBZnLQ;;AYsLV;EACE,kBZxLK;;AY2LP;EACE,kBZ/ME;;AYkNJ;EACE,kBZrMD","file":"index.css"}
|
package/dist/index.min.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
.seam-components{font-family:"Source Sans Pro",system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen,Ubuntu,Cantarell,"Open Sans","Helvetica Neue",sans-serif}.seam-components *,.seam-components *::before,.seam-components *::after{box-sizing:border-box}.seam-components html,.seam-components body,.seam-components div,.seam-components span,.seam-components object,.seam-components iframe,.seam-components figure,.seam-components h1,.seam-components h2,.seam-components h3,.seam-components h4,.seam-components h5,.seam-components h6,.seam-components p,.seam-components blockquote,.seam-components pre,.seam-components a,.seam-components code,.seam-components em,.seam-components img,.seam-components small,.seam-components strike,.seam-components strong,.seam-components sub,.seam-components sup,.seam-components tt,.seam-components b,.seam-components u,.seam-components i,.seam-components ol,.seam-components ul,.seam-components li,.seam-components fieldset,.seam-components form,.seam-components label,.seam-components table,.seam-components caption,.seam-components tbody,.seam-components tfoot,.seam-components thead,.seam-components tr,.seam-components th,.seam-components td,.seam-components main,.seam-components canvas,.seam-components embed,.seam-components footer,.seam-components header,.seam-components nav,.seam-components section,.seam-components video{margin:0;padding:0;border:0;font-size:100%;font-family:inherit;vertical-align:baseline;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;text-size-adjust:none}.seam-components footer,.seam-components header,.seam-components nav,.seam-components section,.seam-components main{display:block}.seam-components body{line-height:1}.seam-components ol,.seam-components ul{list-style:none}.seam-components blockquote,.seam-components q{quotes:none}.seam-components blockquote::before,.seam-components blockquote::after,.seam-components q::before,.seam-components q::after{content:"";content:none}.seam-components table{border-collapse:collapse;border-spacing:0}.seam-components input{appearance:none;border-radius:0}.seam-components h1,.seam-components h2,.seam-components h3,.seam-components h4,.seam-components h5,.seam-components h6{font-weight:600}.seam-components .seam-caption{color:#9da1a9}.seam-components .seam-text-danger{color:#e36857}.seam-components html{color:#232b3a}.seam-components .seam-truncated-text{display:block;width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.seam-components .seam-table-header{display:flex;justify-content:space-between;align-items:flex-start;height:56px;padding:0 16px}.seam-components .seam-table-header .seam-body{display:flex;justify-content:space-between;align-items:center;width:100%}.seam-components .seam-table-title{font-size:21px;line-height:132%}.seam-components .seam-table-title .seam-caption{font-size:16px;line-height:134%}.seam-components .seam-table-row{display:flex;padding:4px;height:72px;border-bottom:1px solid #eee}.seam-components .seam-table-row:hover{background:#f4f6f8}.seam-components .seam-table-row .seam-title{font-weight:600;font-size:18px;line-height:132%}.seam-components .seam-table-cell{display:flex;align-items:center;padding:4px}.seam-components .seam-table-empty-placeholder{height:300px;font-size:18px;line-height:132%;display:flex;align-items:center;justify-content:center}.seam-components .seam-table-filter-bar{display:flex;align-items:center;padding:6px 16px;background:#f1f3f4}.seam-components .seam-table-filter-bar .seam-clear-filters-button{margin-left:6px;border:0;background:rgba(0,0,0,0) !important;padding:0}.seam-components .seam-table-filter-bar .seam-clear-filters-button svg{scale:.8333}.seam-components .seam-table-filter-bar .seam-clear-filters-button svg *{fill:#6e7179}.seam-components .seam-table-filter-item{display:flex;align-items:center;padding:2px 8px 2px 5px;border-radius:5px;border:1px solid #f1f3f4;font-size:14px;line-height:134%}.seam-components .seam-table-filter-item svg{scale:.75}.seam-components .seam-table-filter-item.seam-clickable{cursor:pointer}.seam-components .seam-table-filter-item.seam-clickable:hover{background:rgba(255,255,255,.65);border:1px solid #d5d8dc}.seam-components .seam-table-filter-item.seam-selected{background:#fff;border:1px solid #d5d8dc}.seam-components .seam-text-field{border:1px solid #d5d8dc;border-radius:8px;padding:0 8px;display:flex;align-items:center}.seam-components .seam-text-field:hover{border-color:#232b3a}.seam-components .seam-text-field:focus-within{border-color:#007afc}.seam-components .seam-text-field.seam-disabled{border-color:#d5d8dc;background:#ececec;cursor:not-allowed}.seam-components .seam-text-field.seam-disabled .seam-text-field-input{cursor:not-allowed}.seam-components .seam-text-field .seam-text-field-input{height:40px;border:0}.seam-components .seam-text-field .seam-text-field-input:focus{outline:none}.seam-components .seam-text-field .seam-adornment{display:flex;align-items:center}.seam-components .seam-text-field .seam-adornment svg{scale:.8333}.seam-components .seam-text-field .seam-adornment.seam-start{margin-right:4px}.seam-components .seam-text-field .seam-adornment button{width:24px;height:24px;display:flex;justify-content:center;align-items:center;appearance:none;background-color:rgba(0,0,0,0);padding:0;margin:0;border:0;box-shadow:none;border-radius:4px;cursor:pointer}.seam-components .seam-text-field .seam-adornment button:hover{background-color:#e9edef}.seam-components .seam-text-field .seam-adornment button.seam-hidden{opacity:0;visibility:hidden}.seam-components .seam-text-field.seam-search-text-field .seam-text-field-input{width:100%}.seam-components .seam-btn{font-family:"Source Sans Pro",system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen,Ubuntu,Cantarell,"Open Sans","Helvetica Neue",sans-serif;font-weight:600;cursor:pointer}.seam-components .seam-btn.seam-btn-small{font-size:14px;line-height:22px;border-radius:6px;padding:4px 10px}.seam-components .seam-btn.seam-btn-medium{font-size:16px;line-height:26px;border-radius:7px;padding:6px 16px}.seam-components .seam-btn.seam-btn-large{font-size:19px;line-height:30px;border-radius:8px;padding:8px 22px}.seam-components .seam-btn.seam-btn-solid{background:#007afc;color:#fff;border:1px solid #007afc}.seam-components .seam-btn.seam-btn-solid:hover{background:#006ee3;border-color:#006ee3}.seam-components .seam-btn.seam-btn-solid.seam-btn-disabled,.seam-components .seam-btn.seam-btn-solid:disabled{background:#c1dfff;border-color:#c1dfff}.seam-components .seam-btn.seam-btn-outline{color:#007afc;border:1px solid #7ebcff;background:rgba(0,0,0,0)}.seam-components .seam-btn.seam-btn-outline:hover{background:#f2f8ff}.seam-components .seam-btn.seam-btn-outline.seam-btn-disabled,.seam-components .seam-btn.seam-btn-outline:disabled{background:rgba(0,0,0,0);color:#7ebcff}.seam-components .seam-btn.seam-btn-neutral{color:#6e7179;border:1px solid #b9bec5}.seam-components .seam-btn.seam-btn-neutral:hover{background:#f1f3f4;border-color:#b9bec5}.seam-components .seam-btn.seam-btn-neutral.seam-btn-disabled,.seam-components .seam-btn.seam-btn-neutral:disabled{color:#b9bec5;border-color:#d5d8dc;background:#fff}.seam-components .seam-btn.seam-btn-disabled,.seam-components .seam-btn:disabled{cursor:not-allowed}.seam-components .seam-icon-btn{border-radius:6px;border:1px solid rgba(0,122,252,.5);cursor:pointer;background:#fff;padding:6px;line-height:0}.seam-components .seam-icon-btn:hover{background:rgba(0,122,252,.08)}.seam-components .seam-text-btn{color:#007afc;padding:0;cursor:pointer;background:rgba(0,0,0,0);border:0}.seam-components .seam-text-btn:hover{text-decoration:underline}.seam-components .seam-text-btn.seam-btn-disabled,.seam-components .seam-text-btn:disabled{cursor:not-allowed;text-decoration:none}.seam-components .seam-content-header{height:56px;display:flex;align-items:center;position:relative;justify-content:center;margin:0 16px}.seam-components .seam-content-header .seam-back-icon{position:absolute;top:50%;transform:translate(4px, -25%);left:0;cursor:pointer}.seam-components .seam-content-header .seam-title{font-size:16px;line-height:134%;color:#6e7179}.seam-components .seam-lock-icon *{fill:#6e7179}.seam-components .seam-menu-bg{width:100vw;height:100vh;justify-content:center;align-items:center;position:fixed;inset:0;z-index:999999;display:none}.seam-components .seam-menu-hidden{display:none}.seam-components .seam-menu-visible{display:flex}.seam-components .seam-menu-content{width:250px;position:absolute;padding:8px 0;background:#fff;box-shadow:0 0 1px rgba(0,0,0,.3),0 2px 16px 2px rgba(15,22,28,.15);border-radius:8px}.seam-components .seam-menu-content .seam-menu-item{padding:0 16px;height:36px;display:flex;align-items:center;font-size:16px;line-height:134%;cursor:pointer}.seam-components .seam-menu-content .seam-menu-item:hover{background:#f4f6f8}.seam-components .seam-menu-shadow{z-index:-1;opacity:0;visibility:hidden;top:0;right:0;position:fixed}.seam-components .seam-device-details .seam-body{display:flex;flex-direction:column;gap:16px;margin:0 24px 24px}.seam-components .seam-device-details .seam-body .seam-box{border:1px solid #d5d8dc;border-radius:8px}.seam-components .seam-device-details .seam-body .seam-box .seam-content{padding:12px 12px 12px 16px}.seam-components .seam-device-details .seam-body .seam-box .seam-content.seam-access-codes{padding:12px 8px 12px 16px;display:flex;align-items:center;justify-content:space-between;cursor:pointer}.seam-components .seam-device-details .seam-body .seam-box .seam-content.seam-access-codes:hover{background:#f4f6f8}.seam-components .seam-device-details .seam-body .seam-box .seam-content.seam-access-code-length{border-top:1px solid #d5d8dc}.seam-components .seam-device-details .seam-body .seam-box .seam-content.seam-lock-status{display:flex;justify-content:space-between}.seam-components .seam-device-details .seam-body .seam-box .seam-content.seam-lock-status>.seam-right{display:flex;align-items:center}.seam-components .seam-device-details .seam-body .seam-box .seam-content .seam-label{font-size:14px;line-height:134%;color:#6e7179}.seam-components .seam-device-details .seam-body .seam-box .seam-content .seam-value{display:block;font-weight:600;font-size:16px;line-height:134%}.seam-components .seam-device-details .seam-body .seam-summary{padding:24px 16px;border-radius:16px;background:#f1f3f4}.seam-components .seam-device-details .seam-body .seam-summary .seam-content{display:flex;align-items:center;gap:20px}.seam-components .seam-device-details .seam-body .seam-summary .seam-content .seam-image{width:100px;height:100px;display:flex;align-items:center}.seam-components .seam-device-details .seam-body .seam-summary .seam-content .seam-image img{max-width:100%}.seam-components .seam-device-details .seam-body .seam-summary .seam-content .seam-info>.seam-label{color:#6e7179;font-weight:600;font-size:14px;line-height:134%;margin-bottom:4px}.seam-components .seam-device-details .seam-body .seam-summary .seam-content .seam-info .seam-device-name{margin-bottom:16px;font-weight:600;font-size:21px;line-height:132%}.seam-components .seam-device-details .seam-body .seam-summary .seam-content .seam-info .seam-properties{display:grid;grid-template-columns:min-content 1fr;grid-auto-rows:1fr;font-size:14px;line-height:134%;row-gap:4px;column-gap:28px}.seam-components .seam-device-details .seam-body .seam-summary .seam-content .seam-info .seam-properties .seam-label{color:#9da1a9}.seam-components .seam-device-details .seam-body .seam-summary .seam-content .seam-info .seam-properties .seam-status-text{color:#6e7179}.seam-components .seam-device-details .seam-body .seam-summary .seam-content .seam-info .seam-properties svg{scale:.75;margin-right:8px}.seam-components .seam-device-details .seam-body .seam-summary .seam-content .seam-info .seam-properties>*{display:flex;align-items:center}.seam-components .seam-device-details .seam-body .seam-icon-cell{flex:0;margin-left:8px;display:flex;align-items:center;justify-content:center}.seam-components .seam-device-details .seam-body .seam-icon-cell>div{width:40px;height:40px;display:flex;align-items:center;justify-content:center}.seam-components .seam-device-details .seam-body .seam-name-cell{flex:1}.seam-components .seam-device-details .seam-body .seam-action-cell{margin-right:12px;display:flex;align-items:center;justify-content:center}.seam-components .seam-device-table .seam-search-text-field{width:170px}.seam-components .seam-device-table .seam-table-row{cursor:pointer}.seam-components .seam-device-table .seam-table-row .seam-image-cell{width:64px;height:64px;padding:4px}.seam-components .seam-device-table .seam-table-row .seam-image-cell img{width:100%}.seam-components .seam-device-table .seam-table-row .seam-body-cell{flex:1;flex-direction:column;justify-content:center;align-items:flex-start;gap:2px;overflow:hidden}.seam-components .seam-device-table .seam-table-row .seam-body-cell .seam-title{max-width:380px}.seam-components .seam-device-table .seam-table-row .seam-body-cell .seam-bottom{display:flex;justify-content:space-between;align-items:center;width:100%}.seam-components .seam-device-table .seam-table-row .seam-body-cell .seam-bottom .seam-device-model{font-weight:400;font-size:14px;line-height:134%;color:#6e7179;flex:0 1 190px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.seam-components .seam-device-table .seam-table-row .seam-body-cell .seam-bottom .seam-device-statuses{display:flex;align-items:center;color:#6e7179;font-size:14px;line-height:134%}.seam-components .seam-device-table .seam-table-row .seam-body-cell .seam-bottom .seam-device-statuses>div{display:flex;align-items:center;margin-right:16px}.seam-components .seam-device-table .seam-table-row .seam-body-cell .seam-bottom .seam-device-statuses>div svg{scale:.75}.seam-components .seam-access-code-table .seam-search-text-field{width:170px}.seam-components .seam-access-code-table .seam-table-row{cursor:pointer}.seam-components .seam-access-code-table .seam-table-row .seam-icon-cell{flex:0;display:flex;align-items:center;justify-content:center}.seam-components .seam-access-code-table .seam-table-row .seam-icon-cell>div{width:40px;height:40px;display:flex;align-items:center;justify-content:center}.seam-components .seam-access-code-table .seam-table-row .seam-name-cell{flex:1;flex-direction:column;justify-content:center;align-items:flex-start;gap:2px;overflow:hidden}.seam-components .seam-access-code-table .seam-table-row .seam-name-cell .seam-title{max-width:380px}.seam-components .seam-access-code-table .seam-table-row .seam-name-cell .seam-code-details{font-size:14px;line-height:134%;color:#6e7179;display:flex}.seam-components .seam-access-code-table .seam-table-row .seam-name-cell .seam-code-details .seam-device-name{max-width:190px;width:auto}.seam-components .seam-access-code-table .seam-table-row .seam-name-cell .seam-code-details .seam-dot-divider{margin:0 4px;color:#d5d8dc}.seam-components .seam-access-code-table .seam-table-row .seam-action-cell{margin-right:12px;display:flex;align-items:center;justify-content:center}.seam-components .seam-access-code-table .seam-table-row .seam-code-issue-icon-wrap{display:flex;justify-content:center;align-items:center;margin-right:8px}.seam-components .seam-access-code-table-action-menu .menu-item-copy{display:flex;align-items:center;justify-content:space-between;flex:1}.seam-components .seam-access-code-details>.seam-summary{background:#f1f3f4;border-radius:16px;margin:0 24px 16px}.seam-components .seam-access-code-details>.seam-summary>.seam-top{padding:24px 16px}.seam-components .seam-access-code-details>.seam-summary>.seam-top.seam-top-has-alerts{padding-bottom:8px}.seam-components .seam-access-code-details>.seam-summary>.seam-top>.seam-label{font-weight:600;font-size:14px;line-height:134%;color:#6e7179;margin-bottom:4px}.seam-components .seam-access-code-details>.seam-summary>.seam-top>.seam-access-code-name{font-weight:600;font-size:21px;line-height:132%;margin-bottom:8px}.seam-components .seam-access-code-details>.seam-summary>.seam-top>.seam-code{background:#fff;border:1px solid #9da1a9;border-radius:8px;padding:10px 16px;font-weight:600;font-size:24px;line-height:134%;margin-bottom:8px}.seam-components .seam-access-code-details>.seam-summary>.seam-top .seam-duration{color:#6e7179;font-size:14px;line-height:134%}.seam-components .seam-access-code-details>.seam-summary>.seam-top .seam-duration .seam-label{font-weight:600;color:#232b3a}.seam-components .seam-access-code-details>.seam-summary .seam-access-code-device{border-top:1px solid #dde0e2;padding:8px 16px 8px 8px;display:flex;align-items:center}.seam-components .seam-access-code-details>.seam-summary .seam-access-code-device .seam-device-image{width:72px;height:72px;margin-right:16px}.seam-components .seam-access-code-details>.seam-summary .seam-access-code-device .seam-device-image img{width:100%;max-height:100%}.seam-components .seam-access-code-details>.seam-summary .seam-access-code-device .seam-body{flex:1;font-weight:400;font-size:14px;line-height:134%;margin-right:8px}.seam-components .seam-access-code-details .seam-details{font-size:16px;line-height:134%;border-bottom:1px solid rgba(0,0,0,.12);padding:0 24px}.seam-components .seam-access-code-details .seam-details .seam-row{padding:16px;display:flex;border-top:1px solid rgba(0,0,0,.12)}.seam-components .seam-access-code-details .seam-details .seam-row .seam-heading{width:112px}.seam-components .seam-access-code-details .seam-details .seam-row .seam-content{display:flex;flex:1}.seam-components .seam-access-code-details .seam-details .seam-row .seam-content .seam-times{display:flex;flex:1;font-size:16px;line-height:134%}.seam-components .seam-access-code-details .seam-details .seam-row .seam-content .seam-times .seam-label{color:#9da1a9}.seam-components .seam-access-code-details .seam-details .seam-row .seam-content .seam-times>div div{margin-bottom:4px}.seam-components .seam-access-code-details .seam-details .seam-row .seam-content .seam-times>div:first-child{flex:0 1 160px}.seam-components .seam-alerts{width:100%;display:flex;justify-content:flex-start;align-items:flex-start;flex-direction:column;gap:8px}.seam-components .seam-alerts.seam-alerts-space-top{margin-top:16px}.seam-components .seam-alerts.seam-alerts-padded{padding:0 16px 24px}.seam-components .seam-alert{width:100%;min-height:54px;padding:8px 16px;border-radius:8px;display:flex;justify-content:space-between;align-items:center;flex-direction:row;gap:16px}.seam-components .seam-alert .seam-alert-action{appearance:none;height:32px;padding:0 10px;border-radius:6px;background-color:rgba(0,0,0,0);font-size:14px;line-height:1;font-weight:600;white-space:nowrap;cursor:pointer}.seam-components .seam-alert .seam-alert-action:hover{background-color:#f4f6f8}.seam-components .seam-alert.seam-warning-alert{background-color:#fff2e0;border:1px solid #f8d8be}.seam-components .seam-alert.seam-warning-alert .seam-alert-action{border:1px solid #ca8852;color:#ca8852}.seam-components .seam-alert.seam-error-alert{background-color:#ffefef;border:1px solid #f1d4d4}.seam-components .seam-alert.seam-error-alert .seam-alert-action{border:1px solid #cb7d7d;color:#cb7d7d}.seam-components .seam-alert.seam-alert-space-top{margin-top:16px}.seam-components .seam-alert .seam-alert-icon-wrap{padding:7px 8px;padding-left:0}.seam-components .seam-alert .seam-alert-icon{width:24px;height:24px}.seam-components .seam-alert .seam-alert-content{display:flex;justify-content:flex-start;align-items:flex-start;flex-direction:row}.seam-components .seam-alert .seam-alert-message-wrap{padding:8px 0}.seam-components .seam-alert .seam-alert-message-wrap .seam-alert-message{font-size:14px;font-weight:400;line-height:134%;color:#232b3a}@media only screen and (width <= 500px){.seam-components .seam-alert{justify-content:flex-start;flex-direction:column}.seam-components .seam-alert .seam-alert-content{width:100%;align-items:flex-start;flex-direction:column;gap:4px}.seam-components .seam-alert .seam-alert-action-wrap{width:100%}.seam-components .seam-alert .seam-alert-action-wrap .seam-alert-action{width:100%}}.seam-components .seam-supported-device-table-filter-area{width:100%;display:flex;justify-content:space-between;align-items:center;flex-direction:row;padding:16px}.seam-components .seam-supported-device-table-filter-area .seam-filters-wrap{display:flex;justify-content:flex-start;align-items:center;flex-direction:row;gap:8px}.seam-components .seam-supported-device-table-filter-area .seam-supported-device-table-filter-area-search-bar-wrap{position:relative;display:flex;justify-content:center;align-items:center;flex-direction:row}.seam-components .seam-supported-device-table-filter-menu{width:100%;padding:8px 16px}.seam-components .seam-supported-device-table-filter-menu .seam-filter-menu-row{width:100%;display:flex;justify-content:space-between;align-items:center;flex-direction:row}.seam-components .seam-supported-device-table-filter-menu .seam-filter-menu-row:not(:last-of-type){margin-bottom:8px}.seam-components .seam-supported-device-table-filter-menu .seam-filter-menu-row .seam-filter-checkbox-label{width:100%;display:flex;justify-content:space-between;align-items:center;flex-direction:row}.seam-components .seam-supported-device-table-filter-menu .seam-filter-menu-row .seam-filter-checkbox{appearance:checkbox}.seam-components .seam-supported-device-table-filter-menu .seam-supported-device-table-filter-menu-wrap{width:100%;display:flex;justify-content:space-between;align-items:center;flex-direction:row}.seam-components .seam-supported-device-table-filter-menu .seam-supported-device-table-filter-menu-wrap button{appearance:none;padding:4px 8px;padding-right:24px;margin:0;border:0;box-shadow:none;border-radius:4px;background-color:#e9edef;position:relative;cursor:pointer}.seam-components .seam-supported-device-table-filter-menu .seam-supported-device-table-filter-menu-wrap button:hover{background-color:#dde0e2}.seam-components .seam-supported-device-table-filter-menu .seam-supported-device-table-filter-menu-wrap button span{font-size:14px;font-weight:500}.seam-components .seam-supported-device-table-filter-menu .seam-supported-device-table-filter-menu-wrap button svg{position:absolute;top:2px}.seam-components .seam-supported-device-table-content-state-block{width:100%;background-color:#f1f3f4;padding:32px 8px;display:flex;justify-content:center;align-items:center;flex-direction:column;gap:8px}.seam-components .seam-supported-device-table-content-message-row{height:auto !important}.seam-components .seam-supported-device-table-content-message{width:100%;padding:32px 0;display:flex;justify-content:center;align-items:center;flex-direction:column;text-align:center;gap:4px}.seam-components .seam-supported-device-table-content-message p{line-height:1;margin:0}.seam-components .seam-supported-device-table-content-message button{cursor:pointer;margin-top:8px}.seam-components .seam-supported-device-table-content{width:100%;overflow-x:auto;table-layout:auto;border-collapse:collapse}.seam-components .seam-supported-device-table-content th,.seam-components .seam-supported-device-table-content td{white-space:nowrap;padding:0 8px}.seam-components .seam-supported-device-table-content thead{width:100%;height:50px;background:#f1f3f4;overflow:hidden}.seam-components .seam-supported-device-table-content thead tr{border-radius:8px}.seam-components .seam-supported-device-table-content thead th{vertical-align:middle;text-align:left;font-size:16px;font-weight:600}.seam-components .seam-supported-device-table-content tbody tr{height:60px;border-bottom:1px solid #e9edef}.seam-components .seam-supported-device-table-content tbody td{vertical-align:middle}.seam-components .seam-supported-device-table-content tr th:first-of-type,.seam-components .seam-supported-device-table-content tr td:first-of-type{padding-left:8px}.seam-components .seam-supported-device-table-content tr th:last-of-type,.seam-components .seam-supported-device-table-content tr td:last-of-type{padding-right:8px}.seam-components .seam-supported-device-table-content .seam-status-pill{display:inline-flex;padding:4px 8px;border-radius:90px;background-color:#27ae60}.seam-components .seam-supported-device-table-content .seam-status-pill span{color:#fff;font-size:14px;font-weight:600;line-height:1}.seam-components .seam-supported-device-table-content .seam-status-pill.status-green{background-color:#27ae60}.seam-components .seam-supported-device-table-content .seam-status-pill.status-orange{background-color:#f3980f}.seam-components .seam-supported-device-table-content .seam-status-pill.status-red{background-color:#e36857}.seam-components .seam-supported-device-table-content .seam-status-pill.status-blue{background-color:#007afc}.seam-components .seam-supported-device-table-content .seam-status-pill.status-gray{background-color:#cbd0d3}/*# sourceMappingURL=index.min.css.map */
|
|
1
|
+
.seam-components{font-family:"Source Sans Pro",system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen,Ubuntu,Cantarell,"Open Sans","Helvetica Neue",sans-serif}.seam-components *,.seam-components *::before,.seam-components *::after{box-sizing:border-box}.seam-components html,.seam-components body,.seam-components div,.seam-components span,.seam-components object,.seam-components iframe,.seam-components figure,.seam-components h1,.seam-components h2,.seam-components h3,.seam-components h4,.seam-components h5,.seam-components h6,.seam-components p,.seam-components blockquote,.seam-components pre,.seam-components a,.seam-components code,.seam-components em,.seam-components img,.seam-components small,.seam-components strike,.seam-components strong,.seam-components sub,.seam-components sup,.seam-components tt,.seam-components b,.seam-components u,.seam-components i,.seam-components ol,.seam-components ul,.seam-components li,.seam-components fieldset,.seam-components form,.seam-components label,.seam-components table,.seam-components caption,.seam-components tbody,.seam-components tfoot,.seam-components thead,.seam-components tr,.seam-components th,.seam-components td,.seam-components main,.seam-components canvas,.seam-components embed,.seam-components footer,.seam-components header,.seam-components nav,.seam-components section,.seam-components video{margin:0;padding:0;border:0;font-size:100%;font-family:inherit;vertical-align:baseline;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;text-size-adjust:none}.seam-components footer,.seam-components header,.seam-components nav,.seam-components section,.seam-components main{display:block}.seam-components body{line-height:1}.seam-components ol,.seam-components ul{list-style:none}.seam-components blockquote,.seam-components q{quotes:none}.seam-components blockquote::before,.seam-components blockquote::after,.seam-components q::before,.seam-components q::after{content:"";content:none}.seam-components table{border-collapse:collapse;border-spacing:0}.seam-components input{appearance:none;border-radius:0}.seam-components h1,.seam-components h2,.seam-components h3,.seam-components h4,.seam-components h5,.seam-components h6{font-weight:600}.seam-components .seam-caption{color:#9da1a9}.seam-components .seam-text-danger{color:#e36857}.seam-components html{color:#232b3a}.seam-components .seam-truncated-text{display:block;width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.seam-components .seam-table-header{display:flex;justify-content:space-between;align-items:flex-start;height:56px;padding:0 16px}.seam-components .seam-table-header .seam-body{display:flex;justify-content:space-between;align-items:center;width:100%}.seam-components .seam-table-title{font-size:21px;line-height:132%}.seam-components .seam-table-title .seam-caption{font-size:16px;line-height:134%}.seam-components .seam-table-row{display:flex;padding:4px;height:72px;border-bottom:1px solid #eee}.seam-components .seam-table-row:hover{background:#f4f6f8}.seam-components .seam-table-row .seam-title{font-weight:600;font-size:18px;line-height:132%}.seam-components .seam-table-cell{display:flex;align-items:center;padding:4px}.seam-components .seam-table-empty-placeholder{height:300px;font-size:18px;line-height:132%;display:flex;align-items:center;justify-content:center}.seam-components .seam-table-filter-bar{display:flex;align-items:center;padding:6px 16px;background:#f1f3f4}.seam-components .seam-table-filter-bar .seam-clear-filters-button{margin-left:6px;border:0;background:rgba(0,0,0,0) !important;padding:0}.seam-components .seam-table-filter-bar .seam-clear-filters-button svg{scale:.8333}.seam-components .seam-table-filter-bar .seam-clear-filters-button svg *{fill:#6e7179}.seam-components .seam-table-filter-item{display:flex;align-items:center;padding:2px 8px 2px 5px;border-radius:5px;border:1px solid #f1f3f4;font-size:14px;line-height:134%}.seam-components .seam-table-filter-item svg{scale:.75}.seam-components .seam-table-filter-item.seam-clickable{cursor:pointer}.seam-components .seam-table-filter-item.seam-clickable:hover{background:rgba(255,255,255,.65);border:1px solid #d5d8dc}.seam-components .seam-table-filter-item.seam-selected{background:#fff;border:1px solid #d5d8dc}.seam-components .seam-text-field{border:1px solid #d5d8dc;border-radius:8px;padding:0 8px;display:flex;align-items:center}.seam-components .seam-text-field:hover{border-color:#232b3a}.seam-components .seam-text-field:focus-within{border-color:#007afc}.seam-components .seam-text-field.seam-disabled{border-color:#d5d8dc;background:#ececec;cursor:not-allowed}.seam-components .seam-text-field.seam-disabled .seam-text-field-input{cursor:not-allowed}.seam-components .seam-text-field .seam-text-field-input{height:40px;border:0}.seam-components .seam-text-field .seam-text-field-input:focus{outline:none}.seam-components .seam-text-field .seam-adornment{display:flex;align-items:center}.seam-components .seam-text-field .seam-adornment svg{scale:.8333}.seam-components .seam-text-field .seam-adornment.seam-start{margin-right:4px}.seam-components .seam-text-field .seam-adornment button{width:24px;height:24px;display:flex;justify-content:center;align-items:center;appearance:none;background-color:rgba(0,0,0,0);padding:0;margin:0;border:0;box-shadow:none;border-radius:4px;cursor:pointer}.seam-components .seam-text-field .seam-adornment button:hover{background-color:#e9edef}.seam-components .seam-text-field .seam-adornment button.seam-hidden{opacity:0;visibility:hidden}.seam-components .seam-text-field.seam-search-text-field .seam-text-field-input{width:100%}.seam-components .seam-btn{font-family:"Source Sans Pro",system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen,Ubuntu,Cantarell,"Open Sans","Helvetica Neue",sans-serif;font-weight:600;cursor:pointer}.seam-components .seam-btn.seam-btn-small{font-size:14px;line-height:22px;border-radius:6px;padding:4px 10px}.seam-components .seam-btn.seam-btn-medium{font-size:16px;line-height:26px;border-radius:7px;padding:6px 16px}.seam-components .seam-btn.seam-btn-large{font-size:19px;line-height:30px;border-radius:8px;padding:8px 22px}.seam-components .seam-btn.seam-btn-solid{background:#007afc;color:#fff;border:1px solid #007afc}.seam-components .seam-btn.seam-btn-solid:hover{background:#006ee3;border-color:#006ee3}.seam-components .seam-btn.seam-btn-solid.seam-btn-disabled,.seam-components .seam-btn.seam-btn-solid:disabled{background:#c1dfff;border-color:#c1dfff}.seam-components .seam-btn.seam-btn-outline{color:#007afc;border:1px solid #7ebcff;background:rgba(0,0,0,0)}.seam-components .seam-btn.seam-btn-outline:hover{background:#f2f8ff}.seam-components .seam-btn.seam-btn-outline.seam-btn-disabled,.seam-components .seam-btn.seam-btn-outline:disabled{background:rgba(0,0,0,0);color:#7ebcff}.seam-components .seam-btn.seam-btn-neutral{color:#6e7179;border:1px solid #b9bec5}.seam-components .seam-btn.seam-btn-neutral:hover{background:#f1f3f4;border-color:#b9bec5}.seam-components .seam-btn.seam-btn-neutral.seam-btn-disabled,.seam-components .seam-btn.seam-btn-neutral:disabled{color:#b9bec5;border-color:#d5d8dc;background:#fff}.seam-components .seam-btn.seam-btn-disabled,.seam-components .seam-btn:disabled{cursor:not-allowed}.seam-components .seam-icon-btn{border-radius:6px;border:1px solid rgba(0,122,252,.5);cursor:pointer;background:#fff;padding:6px;line-height:0}.seam-components .seam-icon-btn:hover{background:rgba(0,122,252,.08)}.seam-components .seam-text-btn{color:#007afc;padding:0;cursor:pointer;background:rgba(0,0,0,0);border:0}.seam-components .seam-text-btn:hover{text-decoration:underline}.seam-components .seam-text-btn.seam-btn-disabled,.seam-components .seam-text-btn:disabled{cursor:not-allowed;text-decoration:none}.seam-components .seam-content-header{height:56px;display:flex;align-items:center;position:relative;justify-content:center;margin:0 16px}.seam-components .seam-content-header .seam-back-icon{position:absolute;top:50%;transform:translate(4px, -25%);left:0;cursor:pointer}.seam-components .seam-content-header .seam-title{font-size:16px;line-height:134%;color:#6e7179}.seam-components .seam-lock-icon *{fill:#6e7179}.seam-components .seam-menu-bg{width:100vw;height:100vh;justify-content:center;align-items:center;position:fixed;inset:0;z-index:999999;display:none}.seam-components .seam-menu-hidden{display:none}.seam-components .seam-menu-visible{display:flex}.seam-components .seam-menu-content{width:250px;position:absolute;padding:8px 0;background:#fff;box-shadow:0 0 1px rgba(0,0,0,.3),0 2px 16px 2px rgba(15,22,28,.15);border-radius:8px}.seam-components .seam-menu-content .seam-menu-item{padding:0 16px;height:36px;display:flex;align-items:center;font-size:16px;line-height:134%;cursor:pointer}.seam-components .seam-menu-content .seam-menu-item:hover{background:#f4f6f8}.seam-components .seam-menu-shadow{z-index:-1;opacity:0;visibility:hidden;top:0;right:0;position:fixed}.seam-components .seam-device-details .seam-body{display:flex;flex-direction:column;gap:16px;margin:0 24px 24px}.seam-components .seam-device-details .seam-body .seam-box{border:1px solid #d5d8dc;border-radius:8px}.seam-components .seam-device-details .seam-body .seam-box .seam-content{padding:12px 12px 12px 16px}.seam-components .seam-device-details .seam-body .seam-box .seam-content.seam-access-codes{padding:12px 8px 12px 16px;display:flex;align-items:center;justify-content:space-between;cursor:pointer}.seam-components .seam-device-details .seam-body .seam-box .seam-content.seam-access-codes:hover{background:#f4f6f8}.seam-components .seam-device-details .seam-body .seam-box .seam-content.seam-access-code-length{border-top:1px solid #d5d8dc}.seam-components .seam-device-details .seam-body .seam-box .seam-content.seam-lock-status{display:flex;justify-content:space-between}.seam-components .seam-device-details .seam-body .seam-box .seam-content.seam-lock-status>.seam-right{display:flex;align-items:center}.seam-components .seam-device-details .seam-body .seam-box .seam-content .seam-label{font-size:14px;line-height:134%;color:#6e7179}.seam-components .seam-device-details .seam-body .seam-box .seam-content .seam-value{display:block;font-weight:600;font-size:16px;line-height:134%}.seam-components .seam-device-details .seam-body .seam-summary{padding:24px 16px;border-radius:16px;background:#f1f3f4}.seam-components .seam-device-details .seam-body .seam-summary .seam-content{display:flex;align-items:center;gap:20px}.seam-components .seam-device-details .seam-body .seam-summary .seam-content .seam-image{width:100px;height:100px;display:flex;align-items:center}.seam-components .seam-device-details .seam-body .seam-summary .seam-content .seam-image img{max-width:100%}.seam-components .seam-device-details .seam-body .seam-summary .seam-content .seam-info>.seam-label{color:#6e7179;font-weight:600;font-size:14px;line-height:134%;margin-bottom:4px}.seam-components .seam-device-details .seam-body .seam-summary .seam-content .seam-info .seam-device-name{margin-bottom:16px;font-weight:600;font-size:21px;line-height:132%}.seam-components .seam-device-details .seam-body .seam-summary .seam-content .seam-info .seam-properties{display:grid;grid-template-columns:min-content 1fr;grid-auto-rows:1fr;font-size:14px;line-height:134%;row-gap:4px;column-gap:28px}.seam-components .seam-device-details .seam-body .seam-summary .seam-content .seam-info .seam-properties .seam-label{color:#9da1a9}.seam-components .seam-device-details .seam-body .seam-summary .seam-content .seam-info .seam-properties .seam-status-text{color:#6e7179}.seam-components .seam-device-details .seam-body .seam-summary .seam-content .seam-info .seam-properties svg{scale:.75;margin-right:8px}.seam-components .seam-device-details .seam-body .seam-summary .seam-content .seam-info .seam-properties>*{display:flex;align-items:center}.seam-components .seam-device-details .seam-body .seam-icon-cell{flex:0;margin-left:8px;display:flex;align-items:center;justify-content:center}.seam-components .seam-device-details .seam-body .seam-icon-cell>div{width:40px;height:40px;display:flex;align-items:center;justify-content:center}.seam-components .seam-device-details .seam-body .seam-name-cell{flex:1}.seam-components .seam-device-details .seam-body .seam-action-cell{margin-right:12px;display:flex;align-items:center;justify-content:center}.seam-components .seam-device-table .seam-search-text-field{width:170px}.seam-components .seam-device-table .seam-table-row{cursor:pointer}.seam-components .seam-device-table .seam-table-row .seam-offline-fade{opacity:.4}.seam-components .seam-device-table .seam-table-row .seam-image-cell{width:64px;height:64px;padding:4px}.seam-components .seam-device-table .seam-table-row .seam-image-cell img{width:100%}.seam-components .seam-device-table .seam-table-row .seam-body-cell{flex:1;flex-direction:column;justify-content:center;align-items:flex-start;gap:2px;overflow:hidden}.seam-components .seam-device-table .seam-table-row .seam-body-cell .seam-title{max-width:380px}.seam-components .seam-device-table .seam-table-row .seam-body-cell .seam-bottom{display:flex;justify-content:space-between;align-items:center;width:100%}.seam-components .seam-device-table .seam-table-row .seam-body-cell .seam-bottom .seam-device-model{font-weight:400;font-size:14px;line-height:134%;color:#6e7179;flex:0 1 190px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.seam-components .seam-device-table .seam-table-row .seam-body-cell .seam-bottom .seam-device-statuses{display:flex;align-items:center;color:#6e7179;font-size:14px;line-height:134%}.seam-components .seam-device-table .seam-table-row .seam-body-cell .seam-bottom .seam-device-statuses>div{display:flex;align-items:center;margin-right:16px}.seam-components .seam-device-table .seam-table-row .seam-body-cell .seam-bottom .seam-device-statuses>div svg{scale:.75}.seam-components .seam-access-code-table .seam-search-text-field{width:170px}.seam-components .seam-access-code-table .seam-table-row{cursor:pointer}.seam-components .seam-access-code-table .seam-table-row .seam-icon-cell{flex:0;display:flex;align-items:center;justify-content:center}.seam-components .seam-access-code-table .seam-table-row .seam-icon-cell>div{width:40px;height:40px;display:flex;align-items:center;justify-content:center}.seam-components .seam-access-code-table .seam-table-row .seam-name-cell{flex:1;flex-direction:column;justify-content:center;align-items:flex-start;gap:2px;overflow:hidden}.seam-components .seam-access-code-table .seam-table-row .seam-name-cell .seam-title{max-width:380px}.seam-components .seam-access-code-table .seam-table-row .seam-name-cell .seam-code-details{font-size:14px;line-height:134%;color:#6e7179;display:flex}.seam-components .seam-access-code-table .seam-table-row .seam-name-cell .seam-code-details .seam-device-name{max-width:190px;width:auto}.seam-components .seam-access-code-table .seam-table-row .seam-name-cell .seam-code-details .seam-dot-divider{margin:0 4px;color:#d5d8dc}.seam-components .seam-access-code-table .seam-table-row .seam-action-cell{margin-right:12px;display:flex;align-items:center;justify-content:center}.seam-components .seam-access-code-table .seam-table-row .seam-code-issue-icon-wrap{display:flex;justify-content:center;align-items:center;margin-right:8px}.seam-components .seam-access-code-table-action-menu .menu-item-copy{display:flex;align-items:center;justify-content:space-between;flex:1}.seam-components .seam-access-code-details>.seam-summary{background:#f1f3f4;border-radius:16px;margin:0 24px 16px}.seam-components .seam-access-code-details>.seam-summary>.seam-top{padding:24px 16px}.seam-components .seam-access-code-details>.seam-summary>.seam-top.seam-top-has-alerts{padding-bottom:8px}.seam-components .seam-access-code-details>.seam-summary>.seam-top>.seam-label{font-weight:600;font-size:14px;line-height:134%;color:#6e7179;margin-bottom:4px}.seam-components .seam-access-code-details>.seam-summary>.seam-top>.seam-access-code-name{font-weight:600;font-size:21px;line-height:132%;margin-bottom:8px}.seam-components .seam-access-code-details>.seam-summary>.seam-top>.seam-code{background:#fff;border:1px solid #9da1a9;border-radius:8px;padding:10px 16px;font-weight:600;font-size:24px;line-height:134%;margin-bottom:8px}.seam-components .seam-access-code-details>.seam-summary>.seam-top .seam-duration{color:#6e7179;font-size:14px;line-height:134%}.seam-components .seam-access-code-details>.seam-summary>.seam-top .seam-duration .seam-label{font-weight:600;color:#232b3a}.seam-components .seam-access-code-details>.seam-summary .seam-access-code-device{border-top:1px solid #dde0e2;padding:8px 16px 8px 8px;display:flex;align-items:center}.seam-components .seam-access-code-details>.seam-summary .seam-access-code-device .seam-device-image{width:72px;height:72px;margin-right:16px}.seam-components .seam-access-code-details>.seam-summary .seam-access-code-device .seam-device-image img{width:100%;max-height:100%}.seam-components .seam-access-code-details>.seam-summary .seam-access-code-device .seam-body{flex:1;font-weight:400;font-size:14px;line-height:134%;margin-right:8px}.seam-components .seam-access-code-details .seam-details{font-size:16px;line-height:134%;border-bottom:1px solid rgba(0,0,0,.12);padding:0 24px}.seam-components .seam-access-code-details .seam-details .seam-row{padding:16px;display:flex;border-top:1px solid rgba(0,0,0,.12)}.seam-components .seam-access-code-details .seam-details .seam-row .seam-heading{width:112px}.seam-components .seam-access-code-details .seam-details .seam-row .seam-content{display:flex;flex:1}.seam-components .seam-access-code-details .seam-details .seam-row .seam-content .seam-times{display:flex;flex:1;font-size:16px;line-height:134%}.seam-components .seam-access-code-details .seam-details .seam-row .seam-content .seam-times .seam-label{color:#9da1a9}.seam-components .seam-access-code-details .seam-details .seam-row .seam-content .seam-times>div div{margin-bottom:4px}.seam-components .seam-access-code-details .seam-details .seam-row .seam-content .seam-times>div:first-child{flex:0 1 160px}.seam-components .seam-alerts{width:100%;display:flex;justify-content:flex-start;align-items:flex-start;flex-direction:column;gap:8px}.seam-components .seam-alerts.seam-alerts-space-top{margin-top:16px}.seam-components .seam-alerts.seam-alerts-padded{padding:0 16px 24px}.seam-components .seam-alert{width:100%;min-height:54px;padding:8px 16px;border-radius:8px;display:flex;justify-content:space-between;align-items:center;flex-direction:row;gap:16px}.seam-components .seam-alert .seam-alert-action{appearance:none;height:32px;padding:0 10px;border-radius:6px;background-color:rgba(0,0,0,0);font-size:14px;line-height:1;font-weight:600;white-space:nowrap;cursor:pointer}.seam-components .seam-alert .seam-alert-action:hover{background-color:#f4f6f8}.seam-components .seam-alert.seam-warning-alert{background-color:#fff2e0;border:1px solid #f8d8be}.seam-components .seam-alert.seam-warning-alert .seam-alert-action{border:1px solid #ca8852;color:#ca8852}.seam-components .seam-alert.seam-error-alert{background-color:#ffefef;border:1px solid #f1d4d4}.seam-components .seam-alert.seam-error-alert .seam-alert-action{border:1px solid #cb7d7d;color:#cb7d7d}.seam-components .seam-alert.seam-alert-space-top{margin-top:16px}.seam-components .seam-alert .seam-alert-icon-wrap{padding:7px 8px;padding-left:0}.seam-components .seam-alert .seam-alert-icon{width:24px;height:24px}.seam-components .seam-alert .seam-alert-content{display:flex;justify-content:flex-start;align-items:flex-start;flex-direction:row}.seam-components .seam-alert .seam-alert-message-wrap{padding:8px 0}.seam-components .seam-alert .seam-alert-message-wrap .seam-alert-message{font-size:14px;font-weight:400;line-height:134%;color:#232b3a}@media only screen and (width <= 500px){.seam-components .seam-alert{justify-content:flex-start;flex-direction:column}.seam-components .seam-alert .seam-alert-content{width:100%;align-items:flex-start;flex-direction:column;gap:4px}.seam-components .seam-alert .seam-alert-action-wrap{width:100%}.seam-components .seam-alert .seam-alert-action-wrap .seam-alert-action{width:100%}}.seam-components .seam-supported-device-table-filter-area{width:100%;display:flex;justify-content:space-between;align-items:center;flex-direction:row;padding:16px}.seam-components .seam-supported-device-table-filter-area .seam-filters-wrap{display:flex;justify-content:flex-start;align-items:center;flex-direction:row;gap:8px}.seam-components .seam-supported-device-table-filter-area .seam-supported-device-table-filter-area-search-bar-wrap{position:relative;display:flex;justify-content:center;align-items:center;flex-direction:row}.seam-components .seam-supported-device-table-filter-menu{width:100%;padding:8px 16px}.seam-components .seam-supported-device-table-filter-menu .seam-filter-menu-row{width:100%;display:flex;justify-content:space-between;align-items:center;flex-direction:row}.seam-components .seam-supported-device-table-filter-menu .seam-filter-menu-row:not(:last-of-type){margin-bottom:8px}.seam-components .seam-supported-device-table-filter-menu .seam-filter-menu-row .seam-filter-checkbox-label{width:100%;display:flex;justify-content:space-between;align-items:center;flex-direction:row}.seam-components .seam-supported-device-table-filter-menu .seam-filter-menu-row .seam-filter-checkbox{appearance:checkbox}.seam-components .seam-supported-device-table-filter-menu .seam-supported-device-table-filter-menu-wrap{width:100%;display:flex;justify-content:space-between;align-items:center;flex-direction:row}.seam-components .seam-supported-device-table-filter-menu .seam-supported-device-table-filter-menu-wrap button{appearance:none;padding:4px 8px;padding-right:24px;margin:0;border:0;box-shadow:none;border-radius:4px;background-color:#e9edef;position:relative;cursor:pointer}.seam-components .seam-supported-device-table-filter-menu .seam-supported-device-table-filter-menu-wrap button:hover{background-color:#dde0e2}.seam-components .seam-supported-device-table-filter-menu .seam-supported-device-table-filter-menu-wrap button span{font-size:14px;font-weight:500}.seam-components .seam-supported-device-table-filter-menu .seam-supported-device-table-filter-menu-wrap button svg{position:absolute;top:2px}.seam-components .seam-supported-device-table-content-state-block{width:100%;background-color:#f1f3f4;padding:32px 8px;display:flex;justify-content:center;align-items:center;flex-direction:column;gap:8px}.seam-components .seam-supported-device-table-content-message-row{height:auto !important}.seam-components .seam-supported-device-table-content-message{width:100%;padding:32px 0;display:flex;justify-content:center;align-items:center;flex-direction:column;text-align:center;gap:4px}.seam-components .seam-supported-device-table-content-message p{line-height:1;margin:0}.seam-components .seam-supported-device-table-content-message button{cursor:pointer;margin-top:8px}.seam-components .seam-supported-device-table-content{width:100%;overflow-x:auto;table-layout:auto;border-collapse:collapse}.seam-components .seam-supported-device-table-content th,.seam-components .seam-supported-device-table-content td{white-space:nowrap;padding:0 8px}.seam-components .seam-supported-device-table-content thead{width:100%;height:50px;background:#f1f3f4;overflow:hidden}.seam-components .seam-supported-device-table-content thead tr{border-radius:8px}.seam-components .seam-supported-device-table-content thead th{vertical-align:middle;text-align:left;font-size:16px;font-weight:600}.seam-components .seam-supported-device-table-content tbody tr{height:60px;border-bottom:1px solid #e9edef}.seam-components .seam-supported-device-table-content tbody td{vertical-align:middle}.seam-components .seam-supported-device-table-content tr th:first-of-type,.seam-components .seam-supported-device-table-content tr td:first-of-type{padding-left:8px}.seam-components .seam-supported-device-table-content tr th:last-of-type,.seam-components .seam-supported-device-table-content tr td:last-of-type{padding-right:8px}.seam-components .seam-supported-device-table-content .seam-status-pill{display:inline-flex;padding:4px 8px;border-radius:90px;background-color:#27ae60}.seam-components .seam-supported-device-table-content .seam-status-pill span{color:#fff;font-size:14px;font-weight:600;line-height:1}.seam-components .seam-supported-device-table-content .seam-status-pill.status-green{background-color:#27ae60}.seam-components .seam-supported-device-table-content .seam-status-pill.status-orange{background-color:#f3980f}.seam-components .seam-supported-device-table-content .seam-status-pill.status-red{background-color:#e36857}.seam-components .seam-supported-device-table-content .seam-status-pill.status-blue{background-color:#007afc}.seam-components .seam-supported-device-table-content .seam-status-pill.status-gray{background-color:#cbd0d3}/*# sourceMappingURL=index.min.css.map */
|
package/dist/index.min.css.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sourceRoot":"","sources":["../src/styles/_main.scss","../src/styles/_typography.scss","../src/styles/_reset.scss","../src/styles/_colors.scss","../src/styles/_tables.scss","../src/styles/_inputs.scss","../src/styles/_buttons.scss","../src/styles/_layout.scss","../src/styles/_icons.scss","../src/styles/_menus.scss","../src/styles/_device-details.scss","../src/styles/_device-table.scss","../src/styles/_access-code-table.scss","../src/styles/_access-code-details.scss","../src/styles/_alert.scss","../src/styles/_supported-device-table.scss"],"names":[],"mappings":"AAgBA,iBCbE,2JCGA,wEAGE,sBAGF,ylCAmDE,SACA,UACA,SACA,eACA,oBACA,wBACA,kCACA,mCACA,sBAGF,oHAKE,cAGF,sBACE,cAGF,wCAEE,gBAGF,+CAEE,YAGF,4HAIE,WACA,aAGF,uBACE,yBACA,iBAGF,uBACE,gBACA,gBDtGF,wHAME,gBAKF,+BACE,METU,QFcZ,mCACE,MENS,QFWX,sBACE,MEvBW,QF4Bb,sCACE,cACA,WACA,mBACA,gBACA,uBGxCF,oCACE,aACA,8BACA,uBACA,YACA,eAEA,+CACE,aACA,8BACA,mBACA,WAIJ,mCACE,eACA,iBAEA,iDACE,eACA,iBAMJ,iCACE,aACA,YACA,YACA,6BAEA,uCACE,mBAGF,6CACE,gBACA,eACA,iBAMJ,kCACE,aACA,mBACA,YAKF,+CACE,aACA,eACA,iBACA,aACA,mBACA,uBAKF,wCACE,aACA,mBACA,iBACA,WDrDG,QCuDH,mEACE,gBACA,SACA,oCACA,UAEA,uEACE,YAEA,yEACE,KDzEI,QC+EZ,yCACE,aACA,mBACA,wBACA,kBACA,yBACA,eACA,iBAEA,6CACE,UAGF,wDACE,eAEA,8DACE,iCACA,yBAIJ,uDACE,gBACA,yBC/GJ,kCACE,yBACA,kBACA,cACA,aACA,mBAEA,wCACE,aFDS,QEIX,+CACE,aFbI,QEgBN,gDACE,aFLQ,QEMR,mBACA,mBAEA,uEACE,mBAIJ,yDACE,YACA,SAEA,+DACE,aAIJ,kDACE,aACA,mBAEA,sDACE,YAGF,6DACE,iBAGF,yDACE,WACA,YACA,aACA,uBACA,mBACA,gBACA,+BACA,UACA,SACA,SACA,gBACA,kBACA,eAEA,+DACE,iBF/CH,QEkDC,qEACE,UACA,kBAMJ,gFACE,WCqCN,2BL/GA,2JKoHE,gBACA,eAjFF,0CACE,eACA,iBACA,kBACA,iBAGF,2CACE,eACA,iBACA,kBACA,iBAGF,0CACE,eACA,iBACA,kBACA,iBAKF,0CACE,WH7DM,QG8DN,WACA,yBAEA,gDACE,WH5DS,QG6DT,aH7DS,QGgEX,+GAEE,WHjEQ,QGkER,aHlEQ,QGsEZ,4CACE,MH9EM,QG+EN,yBACA,yBAEA,kDACE,WH9EM,QGiFR,mHAEE,yBACA,MHxFO,QG4FX,4CACE,MHrFU,QGsFV,yBAEA,kDACE,WHjFC,QGkFD,aHxFU,QG2FZ,mHAEE,MH7FU,QG8FV,aH7FQ,QG8FR,gBAcF,iFAEE,mBAxHJ,gCACE,kBACA,oCACA,eACA,gBACA,YACA,cAEA,sCACE,+BAMJ,gCACE,MHlBM,QGmBN,UACA,eACA,yBACA,SAEA,sCACE,0BAGF,2FAEE,mBACA,qBC9BJ,sCACE,YACA,aACA,mBACA,kBACA,uBACA,cAEA,sDACE,kBACA,QACA,+BACA,OACA,eAGF,kDACE,eACA,iBACA,MJXQ,QKPV,mCACE,KLMQ,QMRZ,+BACE,YACA,aACA,uBACA,mBACA,eACA,QACA,eACA,aAGF,mCACE,aAGF,oCACE,aAGF,oCACE,YACA,kBACA,cACA,gBACA,oEACA,kBAEA,oDACE,eACA,YACA,aACA,mBACA,eACA,iBACA,eAEA,0DACE,WNVQ,QMed,mCACE,WACA,UACA,kBACA,MACA,QACA,eC/CA,iDACE,aACA,sBACA,SACA,mBAEA,2DACE,yBACA,kBAEA,yEACE,4BAEA,2FACE,2BACA,aACA,mBACA,8BACA,eAEA,iGACE,WPKE,QODN,iGACE,6BAGF,0FACE,aACA,8BAEA,sGACE,aACA,mBAIJ,qFACE,eACA,iBACA,MPnCE,QOsCJ,qFACE,cACA,gBACA,eACA,iBAKN,+DACE,kBACA,mBACA,WP1CD,QO4CC,6EACE,aACA,mBACA,SAEA,yFACE,YACA,aACA,aACA,mBAEA,6FACE,eAKF,oGACE,MPtEA,QOuEA,gBACA,eACA,iBACA,kBAGF,0GACE,mBACA,gBACA,eACA,iBAGF,yGACE,aACA,sCACA,mBACA,eACA,iBACA,YACA,gBAEA,qHACE,MP7FF,QOgGA,2HACE,MPlGF,QOqGA,6GACE,UACA,iBAGF,2GACE,aACA,mBAOV,iEACE,OACA,gBACA,aACA,mBACA,uBAEA,qEACE,WACA,YACA,aACA,mBACA,uBAIJ,iEACE,OAGF,mEACE,kBACA,aACA,mBACA,uBClJJ,4DACE,YAGF,oDACE,eAEA,qEACE,WACA,YACA,YAEA,yEACE,WAIJ,oEACE,OACA,sBACA,uBACA,uBACA,QACA,gBAEA,gFACE,gBAGF,iFACE,aACA,8BACA,mBACA,WAEA,oGACE,gBACA,eACA,iBACA,
|
|
1
|
+
{"version":3,"sourceRoot":"","sources":["../src/styles/_main.scss","../src/styles/_typography.scss","../src/styles/_reset.scss","../src/styles/_colors.scss","../src/styles/_tables.scss","../src/styles/_inputs.scss","../src/styles/_buttons.scss","../src/styles/_layout.scss","../src/styles/_icons.scss","../src/styles/_menus.scss","../src/styles/_device-details.scss","../src/styles/_device-table.scss","../src/styles/_access-code-table.scss","../src/styles/_access-code-details.scss","../src/styles/_alert.scss","../src/styles/_supported-device-table.scss"],"names":[],"mappings":"AAgBA,iBCbE,2JCGA,wEAGE,sBAGF,ylCAmDE,SACA,UACA,SACA,eACA,oBACA,wBACA,kCACA,mCACA,sBAGF,oHAKE,cAGF,sBACE,cAGF,wCAEE,gBAGF,+CAEE,YAGF,4HAIE,WACA,aAGF,uBACE,yBACA,iBAGF,uBACE,gBACA,gBDtGF,wHAME,gBAKF,+BACE,METU,QFcZ,mCACE,MENS,QFWX,sBACE,MEvBW,QF4Bb,sCACE,cACA,WACA,mBACA,gBACA,uBGxCF,oCACE,aACA,8BACA,uBACA,YACA,eAEA,+CACE,aACA,8BACA,mBACA,WAIJ,mCACE,eACA,iBAEA,iDACE,eACA,iBAMJ,iCACE,aACA,YACA,YACA,6BAEA,uCACE,mBAGF,6CACE,gBACA,eACA,iBAMJ,kCACE,aACA,mBACA,YAKF,+CACE,aACA,eACA,iBACA,aACA,mBACA,uBAKF,wCACE,aACA,mBACA,iBACA,WDrDG,QCuDH,mEACE,gBACA,SACA,oCACA,UAEA,uEACE,YAEA,yEACE,KDzEI,QC+EZ,yCACE,aACA,mBACA,wBACA,kBACA,yBACA,eACA,iBAEA,6CACE,UAGF,wDACE,eAEA,8DACE,iCACA,yBAIJ,uDACE,gBACA,yBC/GJ,kCACE,yBACA,kBACA,cACA,aACA,mBAEA,wCACE,aFDS,QEIX,+CACE,aFbI,QEgBN,gDACE,aFLQ,QEMR,mBACA,mBAEA,uEACE,mBAIJ,yDACE,YACA,SAEA,+DACE,aAIJ,kDACE,aACA,mBAEA,sDACE,YAGF,6DACE,iBAGF,yDACE,WACA,YACA,aACA,uBACA,mBACA,gBACA,+BACA,UACA,SACA,SACA,gBACA,kBACA,eAEA,+DACE,iBF/CH,QEkDC,qEACE,UACA,kBAMJ,gFACE,WCqCN,2BL/GA,2JKoHE,gBACA,eAjFF,0CACE,eACA,iBACA,kBACA,iBAGF,2CACE,eACA,iBACA,kBACA,iBAGF,0CACE,eACA,iBACA,kBACA,iBAKF,0CACE,WH7DM,QG8DN,WACA,yBAEA,gDACE,WH5DS,QG6DT,aH7DS,QGgEX,+GAEE,WHjEQ,QGkER,aHlEQ,QGsEZ,4CACE,MH9EM,QG+EN,yBACA,yBAEA,kDACE,WH9EM,QGiFR,mHAEE,yBACA,MHxFO,QG4FX,4CACE,MHrFU,QGsFV,yBAEA,kDACE,WHjFC,QGkFD,aHxFU,QG2FZ,mHAEE,MH7FU,QG8FV,aH7FQ,QG8FR,gBAcF,iFAEE,mBAxHJ,gCACE,kBACA,oCACA,eACA,gBACA,YACA,cAEA,sCACE,+BAMJ,gCACE,MHlBM,QGmBN,UACA,eACA,yBACA,SAEA,sCACE,0BAGF,2FAEE,mBACA,qBC9BJ,sCACE,YACA,aACA,mBACA,kBACA,uBACA,cAEA,sDACE,kBACA,QACA,+BACA,OACA,eAGF,kDACE,eACA,iBACA,MJXQ,QKPV,mCACE,KLMQ,QMRZ,+BACE,YACA,aACA,uBACA,mBACA,eACA,QACA,eACA,aAGF,mCACE,aAGF,oCACE,aAGF,oCACE,YACA,kBACA,cACA,gBACA,oEACA,kBAEA,oDACE,eACA,YACA,aACA,mBACA,eACA,iBACA,eAEA,0DACE,WNVQ,QMed,mCACE,WACA,UACA,kBACA,MACA,QACA,eC/CA,iDACE,aACA,sBACA,SACA,mBAEA,2DACE,yBACA,kBAEA,yEACE,4BAEA,2FACE,2BACA,aACA,mBACA,8BACA,eAEA,iGACE,WPKE,QODN,iGACE,6BAGF,0FACE,aACA,8BAEA,sGACE,aACA,mBAIJ,qFACE,eACA,iBACA,MPnCE,QOsCJ,qFACE,cACA,gBACA,eACA,iBAKN,+DACE,kBACA,mBACA,WP1CD,QO4CC,6EACE,aACA,mBACA,SAEA,yFACE,YACA,aACA,aACA,mBAEA,6FACE,eAKF,oGACE,MPtEA,QOuEA,gBACA,eACA,iBACA,kBAGF,0GACE,mBACA,gBACA,eACA,iBAGF,yGACE,aACA,sCACA,mBACA,eACA,iBACA,YACA,gBAEA,qHACE,MP7FF,QOgGA,2HACE,MPlGF,QOqGA,6GACE,UACA,iBAGF,2GACE,aACA,mBAOV,iEACE,OACA,gBACA,aACA,mBACA,uBAEA,qEACE,WACA,YACA,aACA,mBACA,uBAIJ,iEACE,OAGF,mEACE,kBACA,aACA,mBACA,uBClJJ,4DACE,YAGF,oDACE,eAEA,uEACE,WAGF,qEACE,WACA,YACA,YAEA,yEACE,WAIJ,oEACE,OACA,sBACA,uBACA,uBACA,QACA,gBAEA,gFACE,gBAGF,iFACE,aACA,8BACA,mBACA,WAEA,oGACE,gBACA,eACA,iBACA,MRpCE,QQqCF,eACA,mBACA,gBACA,uBAGF,uGACE,aACA,mBACA,MR9CE,QQ+CF,eACA,iBAEA,2GACE,aACA,mBACA,kBAEA,+GACE,UC/DZ,iEACE,YAGF,yDACE,eAEA,yEACE,OACA,aACA,mBACA,uBAEA,6EACE,WACA,YACA,aACA,mBACA,uBAIJ,yEACE,OACA,sBACA,uBACA,uBACA,QACA,gBAEA,qFACE,gBAGF,4FACE,eACA,iBACA,MT9BI,QS+BJ,aAEA,8GACE,gBACA,WAGF,8GACE,aACA,MTrCE,QS0CR,2EACE,kBACA,aACA,mBACA,uBAGF,oFACE,aACA,uBACA,mBACA,iBAMJ,qEACE,aACA,mBACA,8BACA,OCzEF,yDACE,WVcC,QUbD,mBACA,mBAEA,mEACE,kBAEA,uFACE,mBAGF,+EACE,gBACA,eACA,iBACA,MVTI,QUUJ,kBAGF,0FACE,gBACA,eACA,iBACA,kBAGF,8EACE,gBACA,yBACA,kBACA,kBACA,gBACA,eACA,iBACA,kBAGF,kFACE,MVhCI,QUiCJ,eACA,iBAEA,8FACE,gBACA,MVvCG,QU4CT,kFACE,6BACA,yBACA,aACA,mBAEA,qGACE,WACA,YACA,kBAEA,yGACE,WACA,gBAIJ,6FACE,OACA,gBACA,eACA,iBACA,iBAKN,yDACE,eACA,iBACA,wCACA,eAEA,mEACE,aACA,aACA,qCAEA,iFACE,YAGF,iFACE,aACA,OAEA,6FACE,aACA,OACA,eACA,iBAEA,yGACE,MV/FA,QUmGA,qGACE,kBAGF,6GACE,eChHd,8BACE,WACA,aACA,2BACA,uBACA,sBACA,QAEA,oDACE,gBAGF,iDACE,oBAKJ,6BACE,WACA,gBACA,iBACA,kBACA,aACA,8BACA,mBACA,mBACA,SAEA,gDACE,gBACA,YACA,eACA,kBACA,+BACA,eACA,cACA,gBACA,mBACA,eAEA,sDACE,iBXhBQ,QWoBZ,gDACE,iBXtBY,QWuBZ,yBAEA,mEACE,yBACA,MX7BU,QWiCd,8CACE,iBXnCa,QWoCb,yBAEA,iEACE,yBACA,MX1CW,QW8Cf,kDACE,gBAGF,mDACE,gBACA,eAGF,8CACE,WACA,YAGF,iDACE,aACA,2BACA,uBACA,mBAGF,sDACE,cAEA,0EACE,eACA,gBACA,iBACA,MXxFO,QW6Fb,wCACE,6BACE,2BACA,sBAEA,iDACE,WACA,uBACA,sBACA,QAGF,qDACE,WAEA,wEACE,YClHR,0DACE,WACA,aACA,8BACA,mBACA,mBACA,aAEA,6EACE,aACA,2BACA,mBACA,mBACA,QAGF,mHACE,kBACA,aACA,uBACA,mBACA,mBAIJ,0DACE,WACA,iBAEA,gFACE,WACA,aACA,8BACA,mBACA,mBAEA,mGACE,kBAGF,4GACE,WACA,aACA,8BACA,mBACA,mBAGF,sGACE,oBAIJ,wGACE,WACA,aACA,8BACA,mBACA,mBAEA,+GACE,gBACA,gBACA,mBACA,SACA,SACA,gBACA,kBACA,iBZvDD,QYwDC,kBACA,eAEA,qHACE,iBZ7DH,QYgEC,oHACE,eACA,gBAGF,mHACE,kBACA,QAMR,kEACE,WACA,iBZ7EG,QY8EH,iBACA,aACA,uBACA,mBACA,sBACA,QAGF,kEACE,uBAGF,8DACE,WACA,eACA,aACA,uBACA,mBACA,sBACA,kBACA,QAEA,gEACE,cACA,SAGF,qEACE,eACA,eAIJ,sDACE,WACA,gBACA,kBACA,yBAEA,kHAEE,mBACA,cAGF,4DACE,WACA,YACA,WZ9HC,QY+HD,gBAEA,+DACE,kBAGF,+DACE,sBACA,gBACA,eACA,gBAKF,+DACE,YACA,gCAGF,+DACE,sBAKF,oJAEE,aA5KM,IA+KR,kJAEE,cAjLM,IAqLV,wEACE,oBACA,gBACA,mBACA,iBZpKS,QYsKT,6EACE,WACA,eACA,gBACA,cAGF,qFACE,iBZ9KO,QYiLT,sFACE,iBZnLQ,QYsLV,mFACE,iBZxLK,QY2LP,oFACE,iBZ/ME,QYkNJ,oFACE,iBZrMD","file":"index.min.css"}
|
|
@@ -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"}
|
|
@@ -2,6 +2,7 @@
|
|
|
2
2
|
import { type UseAccessCodesData } from '../../../../lib/seam/access-codes/use-access-codes.js';
|
|
3
3
|
export interface AccessCodeTableProps {
|
|
4
4
|
deviceId: string;
|
|
5
|
+
disableLockUnlock?: boolean;
|
|
5
6
|
accessCodeFilter?: (accessCode: AccessCode, searchInputValue: string) => boolean;
|
|
6
7
|
accessCodeComparator?: (accessCodeA: AccessCode, accessCodeB: AccessCode) => number;
|
|
7
8
|
onAccessCodeClick?: (accessCodeId: string) => void;
|
|
@@ -10,5 +11,5 @@ export interface AccessCodeTableProps {
|
|
|
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, disableLockUnlock, onAccessCodeClick, preventDefaultOnAccessCodeClick, 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, disableLockUnlock = false, onAccessCodeClick = () => { }, preventDefaultOnAccessCodeClick = 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":";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,EAAE,0BAA0B,EAAE,MAAM,qCAAqC,CAAA;AAChF,OAAO,EACL,cAAc,GAEf,MAAM,2CAA2C,CAAA;AAClD,OAAO,EAAE,iBAAiB,EAAE,MAAM,4DAA4D,CAAA;AAC9F,OAAO,EAEL,mBAAmB,GACpB,MAAM,4DAA4D,CAAA;AACnE,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;AAqBlD,MAAM,uBAAuB,GAAG,CAC9B,UAAsB,EACtB,gBAAwB,EACf,EAAE;IACX,MAAM,KAAK,GAAG,gBAAgB,CAAC,IAAI,EAAE,CAAA;IACrC,IAAI,KAAK,KAAK,EAAE;QAAE,OAAO,IAAI,CAAA;IAC7B,MAAM,WAAW,GAAG,IAAI,MAAM,CAAC,KAAK,EAAE,GAAG,CAAC,CAAA;IAC1C,OAAO,CACL,WAAW,CAAC,IAAI,CAAC,UAAU,EAAE,IAAI,IAAI,EAAE,CAAC;QACxC,WAAW,CAAC,IAAI,CAAC,UAAU,EAAE,IAAI,IAAI,EAAE,CAAC,CACzC,CAAA;AACH,CAAC,CAAA;AAED,MAAM,UAAU,eAAe,CAAC,EAC9B,QAAQ,EACR,iBAAiB,GAAG,KAAK,EACzB,iBAAiB,GAAG,GAAG,EAAE,GAAE,CAAC,EAC5B,+BAA+B,GAAG,KAAK,EACvC,MAAM,EACN,gBAAgB,GAAG,uBAAuB,EAC1C,oBAAoB,GAAG,sBAAsB,EAC7C,SAAS,GACY;IACrB,MAAM,EAAE,WAAW,EAAE,GAAG,cAAc,CAAC;QACrC,SAAS,EAAE,QAAQ;KACpB,CAAC,CAAA;IAEF,MAAM,CAAC,oBAAoB,EAAE,uBAAuB,CAAC,GAAG,QAAQ,CAE9D,IAAI,CAAC,CAAA;IAEP,MAAM,CAAC,gBAAgB,EAAE,mBAAmB,CAAC,GAAG,QAAQ,CAAC,EAAE,CAAC,CAAA;IAE5D,MAAM,mBAAmB,GAAG,OAAO,CACjC,GAAG,EAAE,CACH,WAAW;QACT,EAAE,MAAM,CAAC,CAAC,UAAU,EAAE,EAAE,CAAC,gBAAgB,CAAC,UAAU,EAAE,gBAAgB,CAAC,CAAC;QACxE,EAAE,IAAI,CAAC,oBAAoB,CAAC,IAAI,EAAE,EACtC,CAAC,WAAW,EAAE,gBAAgB,EAAE,gBAAgB,EAAE,oBAAoB,CAAC,CACxE,CAAA;IAED,MAAM,qBAAqB,GAAG,WAAW,CACvC,CAAC,YAAoB,EAAQ,EAAE;QAC7B,iBAAiB,CAAC,YAAY,CAAC,CAAA;QAC/B,IAAI,+BAA+B;YAAE,OAAM;QAC3C,uBAAuB,CAAC,YAAY,CAAC,CAAA;IACvC,CAAC,EACD;QACE,iBAAiB;QACjB,+BAA+B;QAC/B,uBAAuB;KACxB,CACF,CAAA;IAED,IAAI,oBAAoB,IAAI,IAAI,EAAE;QAChC,OAAO,CACL,KAAC,iBAAiB,IAChB,SAAS,EAAE,SAAS,EACpB,YAAY,EAAE,oBAAoB,EAClC,MAAM,EAAE,GAAG,EAAE;gBACX,uBAAuB,CAAC,IAAI,CAAC,CAAA;YAC/B,CAAC,EACD,iBAAiB,EAAE,iBAAiB,GACpC,CACH,CAAA;KACF;IAED,OAAO,CACL,eAAK,SAAS,EAAE,UAAU,CAAC,wBAAwB,EAAE,SAAS,CAAC,aAC7D,KAAC,aAAa,IAAC,MAAM,EAAE,MAAM,GAAI,EACjC,MAAC,WAAW,eACV,MAAC,UAAU,eACR,CAAC,CAAC,WAAW,OAAE,MAAC,OAAO,oBAAG,mBAAmB,CAAC,MAAM,SAAY,IACtD,EACb,KAAC,eAAe,IACd,KAAK,EAAE,gBAAgB,EACvB,QAAQ,EAAE,mBAAmB,EAC7B,QAAQ,EAAE,CAAC,WAAW,EAAE,MAAM,IAAI,CAAC,CAAC,KAAK,CAAC,GAC1C,IACU,EACd,KAAC,SAAS,cACR,KAAC,OAAO,IACN,WAAW,EAAE,mBAAmB,EAChC,iBAAiB,EAAE,qBAAqB,GACxC,GACQ,IACR,CACP,CAAA;AACH,CAAC;AAED,SAAS,OAAO,CAAC,KAGhB;IACC,MAAM,EAAE,WAAW,EAAE,iBAAiB,EAAE,GAAG,KAAK,CAAA;IAChD,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,QAAQ,CAA0B,IAAI,CAAC,CAAA;IAEnE,MAAM,mBAAmB,GAAG,OAAO,CAAC,GAAG,EAAE;QACvC,IAAI,MAAM,KAAK,IAAI,EAAE;YACnB,OAAO,WAAW,CAAA;SACnB;QAED,IAAI,MAAM,KAAK,oBAAoB,EAAE;YACnC,OAAO,WAAW,CAAC,MAAM,CAAC,CAAC,UAAU,EAAE,EAAE;gBACvC,OAAO,UAAU,CAAC,MAAM,CAAC,MAAM,GAAG,CAAC,IAAI,UAAU,CAAC,QAAQ,CAAC,MAAM,GAAG,CAAC,CAAA;YACvE,CAAC,CAAC,CAAA;SACH;QAED,OAAO,WAAW,CAAA;IACpB,CAAC,EAAE,CAAC,WAAW,EAAE,MAAM,CAAC,CAAC,CAAA;IAEzB,IAAI,WAAW,CAAC,MAAM,KAAK,CAAC,EAAE;QAC5B,OAAO,KAAC,gBAAgB,cAAE,CAAC,CAAC,oBAAoB,GAAoB,CAAA;KACrE;IAED,OAAO,CACL,8BACE,KAAC,mBAAmB,IAClB,WAAW,EAAE,WAAW,EACxB,MAAM,EAAE,MAAM,EACd,cAAc,EAAE,SAAS,GACzB,EACD,mBAAmB,CAAC,GAAG,CAAC,CAAC,UAAU,EAAE,EAAE,CAAC,CACvC,KAAC,aAAa,IAEZ,UAAU,EAAE,UAAU,EACtB,OAAO,EAAE,GAAG,EAAE;oBACZ,iBAAiB,CAAC,UAAU,CAAC,cAAc,CAAC,CAAA;gBAC9C,CAAC,IAJI,UAAU,CAAC,cAAc,CAK9B,CACH,CAAC,IACD,CACJ,CAAA;AACH,CAAC;AAED,SAAS,aAAa,CAAC,KAGtB;IACC,MAAM,EAAE,OAAO,EAAE,UAAU,EAAE,GAAG,KAAK,CAAA;IAErC,MAAM,UAAU,GAAG,UAAU,CAAC,MAAM,CAAC,MAAM,CAAA;IAC3C,MAAM,YAAY,GAAG,UAAU,CAAC,QAAQ,CAAC,MAAM,CAAA;IAC/C,MAAM,QAAQ,GAAG,UAAU,KAAK,CAAC,IAAI,UAAU,GAAG,CAAC,CAAA;IACnD,MAAM,cAAc,GAAG,QAAQ;QAC7B,CAAC,CAAC,GAAG,UAAU,IAAI,CAAC,CAAC,UAAU,EAAE;QACjC,CAAC,CAAC,GAAG,UAAU,IAAI,CAAC,CAAC,SAAS,EAAE,CAAA;IAClC,MAAM,gBAAgB,GAAG,QAAQ;QAC/B,CAAC,CAAC,GAAG,YAAY,IAAI,CAAC,CAAC,UAAU,EAAE;QACnC,CAAC,CAAC,GAAG,YAAY,IAAI,CAAC,CAAC,SAAS,EAAE,CAAA;IAEpC,OAAO,CACL,MAAC,QAAQ,IAAC,OAAO,EAAE,OAAO,aACxB,KAAC,SAAS,IAAC,SAAS,EAAC,gBAAgB,YACnC,wBACE,KAAC,iBAAiB,KAAG,GACjB,GACI,EACZ,MAAC,SAAS,IAAC,SAAS,EAAC,gBAAgB,aACnC,KAAC,KAAK,IAAC,SAAS,EAAC,qBAAqB,YAAE,UAAU,CAAC,IAAI,GAAS,EAChE,KAAC,WAAW,IAAC,UAAU,EAAE,UAAU,GAAI,IAC7B,EACZ,MAAC,SAAS,IAAC,SAAS,EAAC,kBAAkB,aACpC,UAAU,GAAG,CAAC,IAAI,CACjB,cAAK,SAAS,EAAC,2BAA2B,EAAC,KAAK,EAAE,cAAc,YAC9D,KAAC,4BAA4B,KAAG,GAC5B,CACP,EACA,UAAU,KAAK,CAAC,IAAI,YAAY,GAAG,CAAC,IAAI,CACvC,cAAK,SAAS,EAAC,2BAA2B,EAAC,KAAK,EAAE,gBAAgB,YAChE,KAAC,0BAA0B,KAAG,GAC1B,CACP,EACD,KAAC,eAAe,IACd,SAAS,EAAE;4BACT,eAAe,EAAE;gCACf,SAAS,EAAE,oCAAoC;6BAChD;yBACF,YAED,KAAC,QAAQ,IACP,OAAO,EAAE,GAAG,EAAE;gCACZ,KAAK,eAAe,CAAC,UAAU,CAAC,IAAI,IAAI,EAAE,CAAC,CAAA;4BAC7C,CAAC,YAED,eAAK,SAAS,EAAC,gBAAgB,aAC7B,2BACG,CAAC,CAAC,QAAQ,SAAK,UAAU,CAAC,IAAI,IAC1B,EACP,KAAC,QAAQ,KAAG,IACR,GACG,GACK,IACR,IACH,CACZ,CAAA;AACH,CAAC;AAED,MAAM,CAAC,GAAG;IACR,WAAW,EAAE,cAAc;IAC3B,QAAQ,EAAE,WAAW;IACrB,oBAAoB,EAAE,mCAAmC;IACzD,SAAS,EAAE,YAAY;IACvB,UAAU,EAAE,aAAa;CAC1B,CAAA"}
|
|
@@ -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;
|