@seamapi/react 0.16.0 → 0.17.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.
Files changed (197) hide show
  1. package/README.md +5 -2
  2. package/index.css +403 -71
  3. package/index.css.map +1 -1
  4. package/index.min.css +1 -1
  5. package/index.min.css.map +1 -1
  6. package/lib/NavigationProvider.d.ts +27 -0
  7. package/lib/NavigationProvider.js +36 -0
  8. package/lib/NavigationProvider.js.map +1 -0
  9. package/lib/NavigationView.d.ts +5 -0
  10. package/lib/NavigationView.js +25 -0
  11. package/lib/NavigationView.js.map +1 -0
  12. package/lib/icons/LockLocked.d.ts +2 -0
  13. package/lib/icons/LockLocked.js +5 -0
  14. package/lib/icons/LockLocked.js.map +1 -0
  15. package/lib/icons/LockUnlocked.d.ts +2 -0
  16. package/lib/icons/LockUnlocked.js +5 -0
  17. package/lib/icons/LockUnlocked.js.map +1 -0
  18. package/lib/seam/access-codes/use-access-code.d.ts +8 -0
  19. package/lib/seam/access-codes/use-access-code.js +32 -0
  20. package/lib/seam/access-codes/use-access-code.js.map +1 -0
  21. package/lib/seam/access-codes/use-access-codes.d.ts +9 -0
  22. package/lib/seam/access-codes/use-access-codes.js +18 -0
  23. package/lib/seam/access-codes/use-access-codes.js.map +1 -0
  24. package/lib/seam/devices/types.d.ts +2 -0
  25. package/lib/seam/devices/types.js +2 -0
  26. package/lib/seam/devices/types.js.map +1 -0
  27. package/lib/seam/devices/use-device.d.ts +9 -0
  28. package/lib/seam/devices/use-device.js +56 -0
  29. package/lib/seam/devices/use-device.js.map +1 -0
  30. package/lib/seam/devices/use-devices.d.ts +4 -9
  31. package/lib/seam/devices/use-devices.js +2 -1
  32. package/lib/seam/devices/use-devices.js.map +1 -1
  33. package/lib/seam/index.d.ts +4 -1
  34. package/lib/seam/index.js +4 -1
  35. package/lib/seam/index.js.map +1 -1
  36. package/lib/seam/use-seam-client.js +12 -9
  37. package/lib/seam/use-seam-client.js.map +1 -1
  38. package/lib/seam/use-seam-query-result.js.map +1 -0
  39. package/lib/ui/AccessCodeDetails/AccessCodeDetails.d.ts +4 -0
  40. package/lib/ui/AccessCodeDetails/AccessCodeDetails.js +63 -0
  41. package/lib/ui/AccessCodeDetails/AccessCodeDetails.js.map +1 -0
  42. package/lib/ui/AccessCodeDetails/AccessCodeDevice.d.ts +3 -0
  43. package/lib/ui/AccessCodeDetails/AccessCodeDevice.js +25 -0
  44. package/lib/ui/AccessCodeDetails/AccessCodeDevice.js.map +1 -0
  45. package/lib/ui/AccessCodeTable/AccessCodeTable.d.ts +0 -1
  46. package/lib/ui/AccessCodeTable/AccessCodeTable.js +14 -4
  47. package/lib/ui/AccessCodeTable/AccessCodeTable.js.map +1 -1
  48. package/lib/ui/AccessCodeTable/AccessCodeTableContent.d.ts +5 -0
  49. package/lib/ui/AccessCodeTable/AccessCodeTableContent.js +19 -0
  50. package/lib/ui/AccessCodeTable/AccessCodeTableContent.js.map +1 -0
  51. package/lib/ui/AccessCodeTable/CodeDetails.js +1 -1
  52. package/lib/ui/AccessCodeTable/CodeDetails.js.map +1 -1
  53. package/lib/ui/Button.d.ts +8 -0
  54. package/lib/ui/Button.js +8 -0
  55. package/lib/ui/Button.js.map +1 -0
  56. package/lib/ui/DeviceDetails/DeviceDetails.d.ts +2 -3
  57. package/lib/ui/DeviceDetails/DeviceDetails.js +32 -13
  58. package/lib/ui/DeviceDetails/DeviceDetails.js.map +1 -1
  59. package/lib/ui/DeviceDetails/DeviceModel.d.ts +7 -0
  60. package/lib/ui/DeviceDetails/DeviceModel.js +18 -0
  61. package/lib/ui/DeviceDetails/DeviceModel.js.map +1 -0
  62. package/lib/ui/DeviceTable/DeviceTable.d.ts +7 -0
  63. package/lib/ui/DeviceTable/DeviceTable.js +43 -0
  64. package/lib/ui/DeviceTable/DeviceTable.js.map +1 -0
  65. package/lib/ui/IconButton.js +1 -1
  66. package/lib/ui/IconButton.js.map +1 -1
  67. package/lib/ui/Table/TableRow.d.ts +3 -1
  68. package/lib/ui/Table/TableRow.js +1 -1
  69. package/lib/ui/Table/TableRow.js.map +1 -1
  70. package/lib/ui/TextButton.d.ts +7 -0
  71. package/lib/ui/TextButton.js +5 -0
  72. package/lib/ui/TextButton.js.map +1 -0
  73. package/lib/ui/TextField/SearchTextField.d.ts +1 -1
  74. package/lib/ui/TextField/SearchTextField.js +1 -1
  75. package/lib/ui/TextField/SearchTextField.js.map +1 -1
  76. package/lib/ui/device/BatteryStatus.d.ts +5 -0
  77. package/lib/ui/{DeviceDetails → device}/BatteryStatus.js +5 -6
  78. package/lib/ui/device/BatteryStatus.js.map +1 -0
  79. package/lib/ui/{DeviceDetails → device}/DeviceImage.d.ts +2 -1
  80. package/lib/ui/{DeviceDetails → device}/DeviceImage.js +2 -2
  81. package/lib/ui/device/DeviceImage.js.map +1 -0
  82. package/lib/ui/device/LockStatus.d.ts +5 -0
  83. package/lib/ui/device/LockStatus.js +19 -0
  84. package/lib/ui/device/LockStatus.js.map +1 -0
  85. package/lib/ui/device/OnlineStatus.d.ts +5 -0
  86. package/lib/ui/{DeviceDetails → device}/OnlineStatus.js +4 -5
  87. package/lib/ui/device/OnlineStatus.js.map +1 -0
  88. package/lib/ui/index.d.ts +3 -1
  89. package/lib/ui/index.js +3 -1
  90. package/lib/ui/index.js.map +1 -1
  91. package/lib/ui/layout/ContentHeader.d.ts +1 -2
  92. package/lib/ui/layout/ContentHeader.js +7 -1
  93. package/lib/ui/layout/ContentHeader.js.map +1 -1
  94. package/package.json +8 -7
  95. package/src/icons/lock-locked.svg +8 -0
  96. package/src/icons/lock-unlocked.svg +9 -0
  97. package/src/lib/NavigationProvider.tsx +86 -0
  98. package/src/lib/NavigationView.tsx +32 -0
  99. package/src/lib/icons/LockLocked.tsx +32 -0
  100. package/src/lib/icons/LockUnlocked.tsx +34 -0
  101. package/src/lib/seam/access-codes/use-access-code.ts +45 -0
  102. package/src/lib/seam/access-codes/use-access-codes.ts +39 -0
  103. package/src/lib/seam/devices/types.ts +5 -0
  104. package/src/lib/seam/devices/use-device.ts +79 -0
  105. package/src/lib/seam/devices/use-devices.ts +13 -8
  106. package/src/lib/seam/index.ts +4 -1
  107. package/src/lib/seam/use-seam-client.ts +12 -9
  108. package/src/lib/ui/AccessCodeDetails/AccessCodeDetails.tsx +144 -0
  109. package/src/lib/ui/AccessCodeDetails/AccessCodeDevice.tsx +43 -0
  110. package/src/lib/ui/AccessCodeTable/AccessCodeTable.tsx +20 -16
  111. package/src/lib/ui/AccessCodeTable/AccessCodeTableContent.tsx +57 -0
  112. package/src/lib/ui/AccessCodeTable/CodeDetails.tsx +1 -1
  113. package/src/lib/ui/Button.tsx +26 -0
  114. package/src/lib/ui/DeviceDetails/DeviceDetails.tsx +56 -29
  115. package/src/lib/ui/DeviceDetails/DeviceModel.tsx +34 -0
  116. package/src/lib/ui/DeviceTable/DeviceTable.tsx +94 -0
  117. package/src/lib/ui/IconButton.tsx +1 -1
  118. package/src/lib/ui/Table/TableRow.tsx +8 -2
  119. package/src/lib/ui/TextButton.tsx +15 -0
  120. package/src/lib/ui/TextField/SearchTextField.tsx +1 -1
  121. package/src/lib/ui/{DeviceDetails → device}/BatteryStatus.tsx +12 -14
  122. package/src/lib/ui/device/DeviceImage.tsx +15 -0
  123. package/src/lib/ui/device/LockStatus.tsx +46 -0
  124. package/src/lib/ui/{DeviceDetails → device}/OnlineStatus.tsx +15 -11
  125. package/src/lib/ui/index.ts +3 -1
  126. package/src/lib/ui/layout/ContentHeader.tsx +11 -6
  127. package/src/styles/_access-code-details.scss +121 -0
  128. package/src/styles/_access-code-table.scss +34 -38
  129. package/src/styles/_buttons.scss +125 -8
  130. package/src/styles/_colors.scss +30 -0
  131. package/src/styles/_device-details.scss +28 -9
  132. package/src/styles/_device-table.scss +63 -0
  133. package/src/styles/_icons.scss +9 -0
  134. package/src/styles/_inputs.scss +3 -1
  135. package/src/styles/_layout.scss +5 -2
  136. package/src/styles/_main.scss +10 -16
  137. package/src/styles/_reset.scss +114 -0
  138. package/src/styles/_tables.scss +6 -0
  139. package/src/styles/_typography.scss +18 -2
  140. package/lib/hooks/use-access-codes.d.ts +0 -5
  141. package/lib/hooks/use-access-codes.js +0 -16
  142. package/lib/hooks/use-access-codes.js.map +0 -1
  143. package/lib/hooks/use-device.d.ts +0 -5
  144. package/lib/hooks/use-device.js +0 -17
  145. package/lib/hooks/use-device.js.map +0 -1
  146. package/lib/hooks/use-devices.d.ts +0 -1
  147. package/lib/hooks/use-devices.js +0 -2
  148. package/lib/hooks/use-devices.js.map +0 -1
  149. package/lib/hooks/use-seam-client.d.ts +0 -1
  150. package/lib/hooks/use-seam-client.js +0 -2
  151. package/lib/hooks/use-seam-client.js.map +0 -1
  152. package/lib/seam/devices/index.d.ts +0 -1
  153. package/lib/seam/devices/index.js +0 -2
  154. package/lib/seam/devices/index.js.map +0 -1
  155. package/lib/types/use-seam-query-result.js.map +0 -1
  156. package/lib/ui/AccessCodeTable/index.d.ts +0 -2
  157. package/lib/ui/AccessCodeTable/index.js +0 -3
  158. package/lib/ui/AccessCodeTable/index.js.map +0 -1
  159. package/lib/ui/DeviceDetails/BatteryStatus.d.ts +0 -4
  160. package/lib/ui/DeviceDetails/BatteryStatus.js.map +0 -1
  161. package/lib/ui/DeviceDetails/DeviceImage.js.map +0 -1
  162. package/lib/ui/DeviceDetails/ModelStatus.d.ts +0 -4
  163. package/lib/ui/DeviceDetails/ModelStatus.js +0 -13
  164. package/lib/ui/DeviceDetails/ModelStatus.js.map +0 -1
  165. package/lib/ui/DeviceDetails/OnlineStatus.d.ts +0 -4
  166. package/lib/ui/DeviceDetails/OnlineStatus.js.map +0 -1
  167. package/lib/ui/DeviceDetails/index.d.ts +0 -5
  168. package/lib/ui/DeviceDetails/index.js +0 -6
  169. package/lib/ui/DeviceDetails/index.js.map +0 -1
  170. package/lib/ui/DeviceManager/DeviceManager.d.ts +0 -6
  171. package/lib/ui/DeviceManager/DeviceManager.js +0 -24
  172. package/lib/ui/DeviceManager/DeviceManager.js.map +0 -1
  173. package/lib/ui/DeviceManager/index.d.ts +0 -1
  174. package/lib/ui/DeviceManager/index.js +0 -2
  175. package/lib/ui/DeviceManager/index.js.map +0 -1
  176. package/lib/ui/Table/index.d.ts +0 -5
  177. package/lib/ui/Table/index.js +0 -6
  178. package/lib/ui/Table/index.js.map +0 -1
  179. package/lib/ui/TextField/index.d.ts +0 -2
  180. package/lib/ui/TextField/index.js +0 -3
  181. package/lib/ui/TextField/index.js.map +0 -1
  182. package/src/lib/hooks/use-access-codes.ts +0 -21
  183. package/src/lib/hooks/use-device.ts +0 -26
  184. package/src/lib/hooks/use-devices.ts +0 -1
  185. package/src/lib/hooks/use-seam-client.ts +0 -1
  186. package/src/lib/seam/devices/index.ts +0 -1
  187. package/src/lib/ui/AccessCodeTable/index.ts +0 -2
  188. package/src/lib/ui/DeviceDetails/DeviceImage.tsx +0 -12
  189. package/src/lib/ui/DeviceDetails/ModelStatus.tsx +0 -25
  190. package/src/lib/ui/DeviceDetails/index.ts +0 -5
  191. package/src/lib/ui/DeviceManager/DeviceManager.tsx +0 -52
  192. package/src/lib/ui/DeviceManager/index.ts +0 -1
  193. package/src/lib/ui/Table/index.ts +0 -5
  194. package/src/lib/ui/TextField/index.ts +0 -2
  195. /package/lib/{types → seam}/use-seam-query-result.d.ts +0 -0
  196. /package/lib/{types → seam}/use-seam-query-result.js +0 -0
  197. /package/src/lib/{types → seam}/use-seam-query-result.ts +0 -0
@@ -0,0 +1,114 @@
1
+ /**
2
+ * CSS Reset heavily inspired by Fraser Boag's reset.
3
+ * Source: https://www.boag.online/blog/css-reset
4
+ */
5
+
6
+ @mixin all {
7
+ *,
8
+ *::before,
9
+ *::after {
10
+ box-sizing: border-box;
11
+ }
12
+
13
+ html,
14
+ body,
15
+ div,
16
+ span,
17
+ object,
18
+ iframe,
19
+ figure,
20
+ h1,
21
+ h2,
22
+ h3,
23
+ h4,
24
+ h5,
25
+ h6,
26
+ p,
27
+ blockquote,
28
+ pre,
29
+ a,
30
+ code,
31
+ em,
32
+ img,
33
+ small,
34
+ strike,
35
+ strong,
36
+ sub,
37
+ sup,
38
+ tt,
39
+ b,
40
+ u,
41
+ i,
42
+ ol,
43
+ ul,
44
+ li,
45
+ fieldset,
46
+ form,
47
+ label,
48
+ table,
49
+ caption,
50
+ tbody,
51
+ tfoot,
52
+ thead,
53
+ tr,
54
+ th,
55
+ td,
56
+ main,
57
+ canvas,
58
+ embed,
59
+ footer,
60
+ header,
61
+ nav,
62
+ section,
63
+ video {
64
+ margin: 0;
65
+ padding: 0;
66
+ border: 0;
67
+ font-size: 100%;
68
+ font-family: inherit;
69
+ vertical-align: baseline;
70
+ text-rendering: optimizelegibility;
71
+ -webkit-font-smoothing: antialiased;
72
+ text-size-adjust: none;
73
+ }
74
+
75
+ footer,
76
+ header,
77
+ nav,
78
+ section,
79
+ main {
80
+ display: block;
81
+ }
82
+
83
+ body {
84
+ line-height: 1;
85
+ }
86
+
87
+ ol,
88
+ ul {
89
+ list-style: none;
90
+ }
91
+
92
+ blockquote,
93
+ q {
94
+ quotes: none;
95
+ }
96
+
97
+ blockquote::before,
98
+ blockquote::after,
99
+ q::before,
100
+ q::after {
101
+ content: '';
102
+ content: none;
103
+ }
104
+
105
+ table {
106
+ border-collapse: collapse;
107
+ border-spacing: 0;
108
+ }
109
+
110
+ input {
111
+ appearance: none;
112
+ border-radius: 0;
113
+ }
114
+ }
@@ -1,8 +1,12 @@
1
+ @use './colors';
2
+
1
3
  @mixin header {
2
4
  .seam-table-header {
3
5
  display: flex;
4
6
  justify-content: space-between;
5
7
  align-items: center;
8
+ height: 56px;
9
+ padding: 0 16px;
6
10
  }
7
11
 
8
12
  .seam-table-title {
@@ -21,6 +25,7 @@
21
25
  display: flex;
22
26
  padding: 4px;
23
27
  height: 72px;
28
+ border-bottom: 1px solid colors.$divider-stroke-light;
24
29
 
25
30
  &:hover {
26
31
  background: rgb(244 246 248 / 100%);
@@ -29,6 +34,7 @@
29
34
  .seam-title {
30
35
  font-weight: 600;
31
36
  font-size: 18px;
37
+ line-height: 132%;
32
38
  }
33
39
  }
34
40
  }
@@ -1,3 +1,11 @@
1
+ @use './colors';
2
+
3
+ @mixin font-family {
4
+ font-family: 'Source Sans Pro', system-ui, -apple-system, BlinkMacSystemFont,
5
+ 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue',
6
+ sans-serif;
7
+ }
8
+
1
9
  @mixin headers {
2
10
  h1,
3
11
  h2,
@@ -11,13 +19,19 @@
11
19
 
12
20
  @mixin caption {
13
21
  .seam-caption {
14
- color: var(--text-gray-2);
22
+ color: colors.$text-gray-2;
15
23
  }
16
24
  }
17
25
 
18
26
  @mixin danger-text {
19
27
  .seam-text-danger {
20
- color: var(--status-red-alert);
28
+ color: colors.$status-red;
29
+ }
30
+ }
31
+
32
+ @mixin defaults {
33
+ html {
34
+ color: colors.$text-default;
21
35
  }
22
36
  }
23
37
 
@@ -25,4 +39,6 @@
25
39
  @include headers;
26
40
  @include caption;
27
41
  @include danger-text;
42
+ @include font-family;
43
+ @include defaults;
28
44
  }
@@ -1,5 +0,0 @@
1
- import type { AccessCode } from 'seamapi';
2
- import type { UseSeamQueryResult } from '../../lib/types/use-seam-query-result.js';
3
- export declare function useAccessCodes(params: {
4
- device_id: string;
5
- }): UseSeamQueryResult<'accessCodes', AccessCode[]>;
@@ -1,16 +0,0 @@
1
- import { useQuery } from '@tanstack/react-query';
2
- import { useSeamClient } from '../../lib/seam/use-seam-client.js';
3
- export function useAccessCodes(params) {
4
- const { client } = useSeamClient();
5
- const { data, ...rest } = useQuery({
6
- enabled: client != null,
7
- queryKey: ['access_codes', 'list', params],
8
- queryFn: async () => {
9
- if (client == null)
10
- return [];
11
- return await client?.accessCodes.list(params);
12
- },
13
- });
14
- return { ...rest, accessCodes: data };
15
- }
16
- //# sourceMappingURL=use-access-codes.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"use-access-codes.js","sourceRoot":"","sources":["../../src/lib/hooks/use-access-codes.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAA;AAGhD,OAAO,EAAE,aAAa,EAAE,MAAM,6BAA6B,CAAA;AAG3D,MAAM,UAAU,cAAc,CAAC,MAE9B;IACC,MAAM,EAAE,MAAM,EAAE,GAAG,aAAa,EAAE,CAAA;IAClC,MAAM,EAAE,IAAI,EAAE,GAAG,IAAI,EAAE,GAAG,QAAQ,CAAiB;QACjD,OAAO,EAAE,MAAM,IAAI,IAAI;QACvB,QAAQ,EAAE,CAAC,cAAc,EAAE,MAAM,EAAE,MAAM,CAAC;QAC1C,OAAO,EAAE,KAAK,IAAI,EAAE;YAClB,IAAI,MAAM,IAAI,IAAI;gBAAE,OAAO,EAAE,CAAA;YAC7B,OAAO,MAAM,MAAM,EAAE,WAAW,CAAC,IAAI,CAAC,MAAM,CAAC,CAAA;QAC/C,CAAC;KACF,CAAC,CAAA;IAEF,OAAO,EAAE,GAAG,IAAI,EAAE,WAAW,EAAE,IAAI,EAAE,CAAA;AACvC,CAAC"}
@@ -1,5 +0,0 @@
1
- import type { Device } from 'seamapi';
2
- import type { UseSeamQueryResult } from '../../lib/types/use-seam-query-result.js';
3
- export declare function useDevice(params: {
4
- device_id: string;
5
- } | string): UseSeamQueryResult<'device', Device<any>>;
@@ -1,17 +0,0 @@
1
- import { useQuery } from '@tanstack/react-query';
2
- import { useSeamClient } from '../../lib/seam/use-seam-client.js';
3
- export function useDevice(params) {
4
- const objParams = typeof params === 'string' ? { device_id: params } : params;
5
- const { client } = useSeamClient();
6
- const { data, ...rest } = useQuery({
7
- enabled: client != null,
8
- queryKey: ['devices', 'get', params],
9
- queryFn: async () => {
10
- if (client == null)
11
- return [];
12
- return await client?.devices.get(objParams);
13
- },
14
- });
15
- return { ...rest, device: data };
16
- }
17
- //# sourceMappingURL=use-device.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"use-device.js","sourceRoot":"","sources":["../../src/lib/hooks/use-device.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAA;AAGhD,OAAO,EAAE,aAAa,EAAE,MAAM,6BAA6B,CAAA;AAG3D,MAAM,UAAU,SAAS,CACvB,MAIU;IAEV,MAAM,SAAS,GAAG,OAAO,MAAM,KAAK,QAAQ,CAAC,CAAC,CAAC,EAAE,SAAS,EAAE,MAAM,EAAE,CAAC,CAAC,CAAC,MAAM,CAAA;IAC7E,MAAM,EAAE,MAAM,EAAE,GAAG,aAAa,EAAE,CAAA;IAClC,MAAM,EAAE,IAAI,EAAE,GAAG,IAAI,EAAE,GAAG,QAAQ,CAAiB;QACjD,OAAO,EAAE,MAAM,IAAI,IAAI;QACvB,QAAQ,EAAE,CAAC,SAAS,EAAE,KAAK,EAAE,MAAM,CAAC;QACpC,OAAO,EAAE,KAAK,IAAI,EAAE;YAClB,IAAI,MAAM,IAAI,IAAI;gBAAE,OAAO,EAAE,CAAA;YAC7B,OAAO,MAAM,MAAM,EAAE,OAAO,CAAC,GAAG,CAAC,SAAS,CAAC,CAAA;QAC7C,CAAC;KACF,CAAC,CAAA;IAEF,OAAO,EAAE,GAAG,IAAI,EAAE,MAAM,EAAE,IAAI,EAAE,CAAA;AAClC,CAAC"}
@@ -1 +0,0 @@
1
- export { useDevices } from '../../lib/seam/devices/use-devices.js';
@@ -1,2 +0,0 @@
1
- export { useDevices } from '../../lib/seam/devices/use-devices.js';
2
- //# sourceMappingURL=use-devices.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"use-devices.js","sourceRoot":"","sources":["../../src/lib/hooks/use-devices.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,iCAAiC,CAAA"}
@@ -1 +0,0 @@
1
- export { useSeamClient } from '../../lib/seam/use-seam-client.js';
@@ -1,2 +0,0 @@
1
- export { useSeamClient } from '../../lib/seam/use-seam-client.js';
2
- //# sourceMappingURL=use-seam-client.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"use-seam-client.js","sourceRoot":"","sources":["../../src/lib/hooks/use-seam-client.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,6BAA6B,CAAA"}
@@ -1 +0,0 @@
1
- export * from './use-devices.js';
@@ -1,2 +0,0 @@
1
- export * from './use-devices.js';
2
- //# sourceMappingURL=index.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/lib/seam/devices/index.ts"],"names":[],"mappings":"AAAA,cAAc,kBAAkB,CAAA"}
@@ -1 +0,0 @@
1
- {"version":3,"file":"use-seam-query-result.js","sourceRoot":"","sources":["../../src/lib/types/use-seam-query-result.ts"],"names":[],"mappings":""}
@@ -1,2 +0,0 @@
1
- export * from './AccessCodeTable.js';
2
- export * from './CodeDetails.js';
@@ -1,3 +0,0 @@
1
- export * from './AccessCodeTable.js';
2
- export * from './CodeDetails.js';
3
- //# sourceMappingURL=index.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/lib/ui/AccessCodeTable/index.ts"],"names":[],"mappings":"AAAA,cAAc,sBAAsB,CAAA;AACpC,cAAc,kBAAkB,CAAA"}
@@ -1,4 +0,0 @@
1
- import type { LockDevice } from 'seamapi';
2
- export declare function BatteryStatus(props: {
3
- device: LockDevice;
4
- }): JSX.Element | null;
@@ -1 +0,0 @@
1
- {"version":3,"file":"BatteryStatus.js","sourceRoot":"","sources":["../../../src/lib/ui/DeviceDetails/BatteryStatus.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,wBAAwB,EAAE,MAAM,mCAAmC,CAAA;AAC5E,OAAO,EAAE,oBAAoB,EAAE,MAAM,+BAA+B,CAAA;AACpE,OAAO,EAAE,oBAAoB,EAAE,MAAM,+BAA+B,CAAA;AACpE,OAAO,EAAE,mBAAmB,EAAE,MAAM,8BAA8B,CAAA;AAElE,MAAM,UAAU,aAAa,CAAC,KAE7B;IACC,MAAM,EACJ,MAAM,EAAE,EACN,UAAU,EAAE,EAAE,aAAa,EAAE,YAAY,EAAE,GAC5C,GACF,GAAG,KAAK,CAAA;IAET,IAAI,YAAY,IAAI,IAAI,EAAE;QACxB,OAAO,IAAI,CAAA;KACZ;IAED,OAAO,CACL,8BACE,gBAAM,SAAS,EAAC,YAAY,aAAE,CAAC,CAAC,KAAK,SAAS,EAAC,GAAG,EAClD,cAAK,SAAS,EAAC,qBAAqB,YAClC,KAAC,MAAM,IAAC,YAAY,EAAE,YAAY,GAAI,GAClC,IACL,CACJ,CAAA;AACH,CAAC;AAED,SAAS,MAAM,CAAC,KAA+B;IAC7C,MAAM,EAAE,YAAY,EAAE,GAAG,KAAK,CAAA;IAE9B,IAAI,YAAY,GAAG,gBAAgB,CAAC,IAAI,EAAE;QACxC,OAAO,CACL,8BACE,KAAC,oBAAoB,KAAG,EACxB,eAAM,SAAS,EAAC,kBAAkB,YAAE,CAAC,CAAC,IAAI,GAAQ,IACjD,CACJ,CAAA;KACF;IAED,IAAI,YAAY,GAAG,gBAAgB,CAAC,IAAI,EAAE;QACxC,OAAO,CACL,8BACE,KAAC,oBAAoB,KAAG,EACxB,eAAM,SAAS,EAAC,kBAAkB,YAAE,CAAC,CAAC,IAAI,GAAQ,IACjD,CACJ,CAAA;KACF;IAED,IAAI,YAAY,GAAG,gBAAgB,CAAC,GAAG,EAAE;QACvC,OAAO,CACL,8BACE,KAAC,mBAAmB,KAAG,EACvB,eAAM,SAAS,EAAC,kBAAkB,YAAE,CAAC,CAAC,GAAG,GAAQ,IAChD,CACJ,CAAA;KACF;IAED,OAAO,CACL,8BACE,KAAC,wBAAwB,KAAG,EAC5B,eAAM,SAAS,EAAC,kBAAkB,YAAE,CAAC,CAAC,QAAQ,GAAQ,IACrD,CACJ,CAAA;AACH,CAAC;AAED,MAAM,gBAAgB,GAAG;IACvB,IAAI,EAAE,IAAI;IACV,IAAI,EAAE,GAAG;IACT,GAAG,EAAE,GAAG;CACT,CAAA;AAED,MAAM,CAAC,GAAG;IACR,KAAK,EAAE,OAAO;IACd,IAAI,EAAE,MAAM;IACZ,IAAI,EAAE,MAAM;IACZ,GAAG,EAAE,KAAK;IACV,QAAQ,EAAE,MAAM;CACjB,CAAA"}
@@ -1 +0,0 @@
1
- {"version":3,"file":"DeviceImage.js","sourceRoot":"","sources":["../../../src/lib/ui/DeviceDetails/DeviceImage.tsx"],"names":[],"mappings":";AAEA,MAAM,UAAU,WAAW,CAAC,KAA6B;IACvD,MAAM,EAAE,MAAM,EAAE,GAAG,KAAK,CAAA;IAExB,MAAM,GAAG,GAAG,MAAM,CAAC,UAAU,CAAC,SAAS,IAAI,gBAAgB,CAAA;IAE3D,OAAO,cAAK,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,MAAM,CAAC,UAAU,CAAC,IAAI,GAAI,CAAA;AACvD,CAAC;AAED,MAAM,gBAAgB,GACpB,oEAAoE,CAAA"}
@@ -1,4 +0,0 @@
1
- import type { LockDevice } from 'seamapi';
2
- export declare function ModelStatus(props: {
3
- device: LockDevice;
4
- }): JSX.Element | null;
@@ -1,13 +0,0 @@
1
- import { jsxs as _jsxs, jsx as _jsx, Fragment as _Fragment } from "react/jsx-runtime";
2
- export function ModelStatus(props) {
3
- const { device: { properties }, } = props;
4
- const model = properties?.august_metadata?.model ?? properties?.schlage_metadata?.model;
5
- if (model == null) {
6
- return null;
7
- }
8
- return (_jsxs(_Fragment, { children: [_jsxs("span", { className: 'seam-label', children: [t.model, ":"] }), ' ', _jsx("div", { className: 'seam-device-model', children: model })] }));
9
- }
10
- const t = {
11
- model: 'Model',
12
- };
13
- //# sourceMappingURL=ModelStatus.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"ModelStatus.js","sourceRoot":"","sources":["../../../src/lib/ui/DeviceDetails/ModelStatus.tsx"],"names":[],"mappings":";AAEA,MAAM,UAAU,WAAW,CAAC,KAA6B;IACvD,MAAM,EACJ,MAAM,EAAE,EAAE,UAAU,EAAE,GACvB,GAAG,KAAK,CAAA;IAET,MAAM,KAAK,GACT,UAAU,EAAE,eAAe,EAAE,KAAK,IAAI,UAAU,EAAE,gBAAgB,EAAE,KAAK,CAAA;IAE3E,IAAI,KAAK,IAAI,IAAI,EAAE;QACjB,OAAO,IAAI,CAAA;KACZ;IAED,OAAO,CACL,8BACE,gBAAM,SAAS,EAAC,YAAY,aAAE,CAAC,CAAC,KAAK,SAAS,EAAC,GAAG,EAClD,cAAK,SAAS,EAAC,mBAAmB,YAAE,KAAK,GAAO,IAC/C,CACJ,CAAA;AACH,CAAC;AAED,MAAM,CAAC,GAAG;IACR,KAAK,EAAE,OAAO;CACf,CAAA"}
@@ -1,4 +0,0 @@
1
- import type { LockDevice } from 'seamapi';
2
- export declare function OnlineStatus(props: {
3
- device: LockDevice;
4
- }): JSX.Element;
@@ -1 +0,0 @@
1
- {"version":3,"file":"OnlineStatus.js","sourceRoot":"","sources":["../../../src/lib/ui/DeviceDetails/OnlineStatus.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,6BAA6B,EAAE,MAAM,wCAAwC,CAAA;AACtF,OAAO,EAAE,sBAAsB,EAAE,MAAM,iCAAiC,CAAA;AAExE,MAAM,UAAU,YAAY,CAAC,KAA6B;IACxD,MAAM,EAAE,MAAM,EAAE,GAAG,KAAK,CAAA;IACxB,OAAO,CACL,8BACE,gBAAM,SAAS,EAAC,YAAY,aAAE,CAAC,CAAC,MAAM,SAAS,EAAC,GAAG,EACnD,cAAK,SAAS,EAAC,oBAAoB,YACjC,KAAC,MAAM,IAAC,QAAQ,EAAE,MAAM,CAAC,UAAU,CAAC,MAAM,GAAI,GAC1C,IACL,CACJ,CAAA;AACH,CAAC;AAED,SAAS,MAAM,CAAC,KAA4B;IAC1C,MAAM,EAAE,QAAQ,EAAE,GAAG,KAAK,CAAA;IAE1B,IAAI,QAAQ,EAAE;QACZ,OAAO,CACL,8BACE,KAAC,sBAAsB,KAAG,EAC1B,eAAM,SAAS,EAAC,kBAAkB,YAAE,CAAC,CAAC,MAAM,GAAQ,IACnD,CACJ,CAAA;KACF;IAED,yCAAyC;IAEzC,OAAO,CACL,8BACE,KAAC,6BAA6B,KAAG,EACjC,eAAM,SAAS,EAAC,kBAAkB,YAAE,CAAC,CAAC,aAAa,GAAQ,IAC1D,CACJ,CAAA;AACH,CAAC;AAED,MAAM,CAAC,GAAG;IACR,MAAM,EAAE,QAAQ;IAChB,MAAM,EAAE,QAAQ;IAChB,aAAa,EAAE,gBAAgB;CAChC,CAAA"}
@@ -1,5 +0,0 @@
1
- export * from './BatteryStatus.js';
2
- export * from './DeviceDetails.js';
3
- export * from './DeviceImage.js';
4
- export * from './ModelStatus.js';
5
- export * from './OnlineStatus.js';
@@ -1,6 +0,0 @@
1
- export * from './BatteryStatus.js';
2
- export * from './DeviceDetails.js';
3
- export * from './DeviceImage.js';
4
- export * from './ModelStatus.js';
5
- export * from './OnlineStatus.js';
6
- //# sourceMappingURL=index.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/lib/ui/DeviceDetails/index.ts"],"names":[],"mappings":"AAAA,cAAc,oBAAoB,CAAA;AAClC,cAAc,oBAAoB,CAAA;AAClC,cAAc,kBAAkB,CAAA;AAChC,cAAc,kBAAkB,CAAA;AAChC,cAAc,mBAAmB,CAAA"}
@@ -1,6 +0,0 @@
1
- import { type UseDevicesParams } from '../../../lib/seam/devices/use-devices.js';
2
- export type DeviceManagerProps = UseDevicesParams;
3
- /**
4
- * Fetch, list, and manage devices.
5
- */
6
- export declare const DeviceManager: (props: DeviceManagerProps) => JSX.Element;
@@ -1,24 +0,0 @@
1
- import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
2
- import { useDevices, } from '../../../lib/seam/devices/use-devices.js';
3
- /**
4
- * Fetch, list, and manage devices.
5
- */
6
- export const DeviceManager = (props) => {
7
- const { devices, isLoading, isError, error } = useDevices(props);
8
- if (isLoading)
9
- return _jsx("p", { role: 'loading', children: t.loading });
10
- if (isError)
11
- return _jsx("p", { children: error?.message });
12
- return (_jsx("ul", { children: devices
13
- ?.sort((a, b) => new Date(a.created_at).getTime() - new Date(b.created_at).getTime())
14
- ?.map((device) => (_jsx(DeviceManagerItem, { ...device }, device.device_id))) }));
15
- };
16
- const DeviceManagerItem = (props) => {
17
- return (_jsxs("li", { children: [_jsxs("p", { children: [t.device_id, ": ", props.device_id] }), _jsxs("p", { children: [t.name, ": ", props.properties.name] })] }));
18
- };
19
- const t = {
20
- loading: 'Loading devices',
21
- device_id: 'Device ID',
22
- name: 'Device name',
23
- };
24
- //# sourceMappingURL=DeviceManager.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"DeviceManager.js","sourceRoot":"","sources":["../../../src/lib/ui/DeviceManager/DeviceManager.tsx"],"names":[],"mappings":";AAEA,OAAO,EACL,UAAU,GAEX,MAAM,iCAAiC,CAAA;AAIxC;;GAEG;AACH,MAAM,CAAC,MAAM,aAAa,GAAG,CAAC,KAAyB,EAAe,EAAE;IACtE,MAAM,EAAE,OAAO,EAAE,SAAS,EAAE,OAAO,EAAE,KAAK,EAAE,GAAG,UAAU,CAAC,KAAK,CAAC,CAAA;IAEhE,IAAI,SAAS;QAAE,OAAO,YAAG,IAAI,EAAC,SAAS,YAAE,CAAC,CAAC,OAAO,GAAK,CAAA;IACvD,IAAI,OAAO;QAAE,OAAO,sBAAI,KAAK,EAAE,OAAO,GAAK,CAAA;IAE3C,OAAO,CACL,uBACG,OAAO;YACN,EAAE,IAAI,CACJ,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,CACP,IAAI,IAAI,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,OAAO,EAAE,GAAG,IAAI,IAAI,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,OAAO,EAAE,CACtE;YACD,EAAE,GAAG,CAAC,CAAC,MAAM,EAAE,EAAE,CAAC,CAChB,KAAC,iBAAiB,OAA4B,MAAM,IAA5B,MAAM,CAAC,SAAS,CAAgB,CACzD,CAAC,GACD,CACN,CAAA;AACH,CAAC,CAAA;AAED,MAAM,iBAAiB,GAAG,CACxB,KAAqC,EACxB,EAAE;IACf,OAAO,CACL,yBACE,wBACG,CAAC,CAAC,SAAS,QAAI,KAAK,CAAC,SAAS,IAC7B,EACJ,wBACG,CAAC,CAAC,IAAI,QAAI,KAAK,CAAC,UAAU,CAAC,IAAI,IAC9B,IACD,CACN,CAAA;AACH,CAAC,CAAA;AAED,MAAM,CAAC,GAAG;IACR,OAAO,EAAE,iBAAiB;IAC1B,SAAS,EAAE,WAAW;IACtB,IAAI,EAAE,aAAa;CACpB,CAAA"}
@@ -1 +0,0 @@
1
- export * from './DeviceManager.js';
@@ -1,2 +0,0 @@
1
- export * from './DeviceManager.js';
2
- //# sourceMappingURL=index.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/lib/ui/DeviceManager/index.ts"],"names":[],"mappings":"AAAA,cAAc,oBAAoB,CAAA"}
@@ -1,5 +0,0 @@
1
- export * from './TableBody.js';
2
- export * from './TableCell.js';
3
- export * from './TableHeader.js';
4
- export * from './TableRow.js';
5
- export * from './TableTitle.js';
@@ -1,6 +0,0 @@
1
- export * from './TableBody.js';
2
- export * from './TableCell.js';
3
- export * from './TableHeader.js';
4
- export * from './TableRow.js';
5
- export * from './TableTitle.js';
6
- //# sourceMappingURL=index.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/lib/ui/Table/index.ts"],"names":[],"mappings":"AAAA,cAAc,gBAAgB,CAAA;AAC9B,cAAc,gBAAgB,CAAA;AAC9B,cAAc,kBAAkB,CAAA;AAChC,cAAc,eAAe,CAAA;AAC7B,cAAc,iBAAiB,CAAA"}
@@ -1,2 +0,0 @@
1
- export * from './SearchTextField.js';
2
- export * from './TextField.js';
@@ -1,3 +0,0 @@
1
- export * from './SearchTextField.js';
2
- export * from './TextField.js';
3
- //# sourceMappingURL=index.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/lib/ui/TextField/index.ts"],"names":[],"mappings":"AAAA,cAAc,sBAAsB,CAAA;AACpC,cAAc,gBAAgB,CAAA"}
@@ -1,21 +0,0 @@
1
- import { useQuery } from '@tanstack/react-query'
2
- import type { AccessCode, SeamError } from 'seamapi'
3
-
4
- import { useSeamClient } from 'lib/seam/use-seam-client.js'
5
- import type { UseSeamQueryResult } from 'lib/types/use-seam-query-result.js'
6
-
7
- export function useAccessCodes(params: {
8
- device_id: string
9
- }): UseSeamQueryResult<'accessCodes', AccessCode[]> {
10
- const { client } = useSeamClient()
11
- const { data, ...rest } = useQuery<any, SeamError>({
12
- enabled: client != null,
13
- queryKey: ['access_codes', 'list', params],
14
- queryFn: async () => {
15
- if (client == null) return []
16
- return await client?.accessCodes.list(params)
17
- },
18
- })
19
-
20
- return { ...rest, accessCodes: data }
21
- }
@@ -1,26 +0,0 @@
1
- import { useQuery } from '@tanstack/react-query'
2
- import type { Device, SeamError } from 'seamapi'
3
-
4
- import { useSeamClient } from 'lib/seam/use-seam-client.js'
5
- import type { UseSeamQueryResult } from 'lib/types/use-seam-query-result.js'
6
-
7
- export function useDevice(
8
- params:
9
- | {
10
- device_id: string
11
- }
12
- | string
13
- ): UseSeamQueryResult<'device', Device<any>> {
14
- const objParams = typeof params === 'string' ? { device_id: params } : params
15
- const { client } = useSeamClient()
16
- const { data, ...rest } = useQuery<any, SeamError>({
17
- enabled: client != null,
18
- queryKey: ['devices', 'get', params],
19
- queryFn: async () => {
20
- if (client == null) return []
21
- return await client?.devices.get(objParams)
22
- },
23
- })
24
-
25
- return { ...rest, device: data }
26
- }
@@ -1 +0,0 @@
1
- export { useDevices } from 'lib/seam/devices/use-devices.js'
@@ -1 +0,0 @@
1
- export { useSeamClient } from 'lib/seam/use-seam-client.js'
@@ -1 +0,0 @@
1
- export * from './use-devices.js'
@@ -1,2 +0,0 @@
1
- export * from './AccessCodeTable.js'
2
- export * from './CodeDetails.js'
@@ -1,12 +0,0 @@
1
- import type { LockDevice } from 'seamapi'
2
-
3
- export function DeviceImage(props: { device: LockDevice }): JSX.Element {
4
- const { device } = props
5
-
6
- const url = device.properties.image_url ?? fallbackImageUrl
7
-
8
- return <img src={url} alt={device.properties.name} />
9
- }
10
-
11
- const fallbackImageUrl =
12
- 'https://connect.getseam.com/assets/images/devices/unknown-lock.png'
@@ -1,25 +0,0 @@
1
- import type { LockDevice } from 'seamapi'
2
-
3
- export function ModelStatus(props: { device: LockDevice }): JSX.Element | null {
4
- const {
5
- device: { properties },
6
- } = props
7
-
8
- const model =
9
- properties?.august_metadata?.model ?? properties?.schlage_metadata?.model
10
-
11
- if (model == null) {
12
- return null
13
- }
14
-
15
- return (
16
- <>
17
- <span className='seam-label'>{t.model}:</span>{' '}
18
- <div className='seam-device-model'>{model}</div>
19
- </>
20
- )
21
- }
22
-
23
- const t = {
24
- model: 'Model',
25
- }
@@ -1,5 +0,0 @@
1
- export * from './BatteryStatus.js'
2
- export * from './DeviceDetails.js'
3
- export * from './DeviceImage.js'
4
- export * from './ModelStatus.js'
5
- export * from './OnlineStatus.js'
@@ -1,52 +0,0 @@
1
- import type { CommonDeviceProperties, Device } from 'seamapi'
2
-
3
- import {
4
- useDevices,
5
- type UseDevicesParams,
6
- } from 'lib/seam/devices/use-devices.js'
7
-
8
- export type DeviceManagerProps = UseDevicesParams
9
-
10
- /**
11
- * Fetch, list, and manage devices.
12
- */
13
- export const DeviceManager = (props: DeviceManagerProps): JSX.Element => {
14
- const { devices, isLoading, isError, error } = useDevices(props)
15
-
16
- if (isLoading) return <p role='loading'>{t.loading}</p>
17
- if (isError) return <p>{error?.message}</p>
18
-
19
- return (
20
- <ul>
21
- {devices
22
- ?.sort(
23
- (a, b) =>
24
- new Date(a.created_at).getTime() - new Date(b.created_at).getTime()
25
- )
26
- ?.map((device) => (
27
- <DeviceManagerItem key={device.device_id} {...device} />
28
- ))}
29
- </ul>
30
- )
31
- }
32
-
33
- const DeviceManagerItem = (
34
- props: Device<CommonDeviceProperties>
35
- ): JSX.Element => {
36
- return (
37
- <li>
38
- <p>
39
- {t.device_id}: {props.device_id}
40
- </p>
41
- <p>
42
- {t.name}: {props.properties.name}
43
- </p>
44
- </li>
45
- )
46
- }
47
-
48
- const t = {
49
- loading: 'Loading devices',
50
- device_id: 'Device ID',
51
- name: 'Device name',
52
- }
@@ -1 +0,0 @@
1
- export * from './DeviceManager.js'
@@ -1,5 +0,0 @@
1
- export * from './TableBody.js'
2
- export * from './TableCell.js'
3
- export * from './TableHeader.js'
4
- export * from './TableRow.js'
5
- export * from './TableTitle.js'
@@ -1,2 +0,0 @@
1
- export * from './SearchTextField.js'
2
- export * from './TextField.js'
File without changes
File without changes