@seamapi/react 0.16.1 → 0.18.0

package/src/styles/_colors.scss

@@ -0,0 +1,30 @@
+@use 'sass:color';
+
+$primary: #007afc !default;
+$primary-50: color.scale($primary, $lightness: 50%);
+$primary-30: color.scale($primary, $lightness: 70%);
+$primary-15: color.scale($primary, $lightness: 85%);
+$primary-8: color.scale($primary, $lightness: 92%);
+$primary-5: color.scale($primary, $lightness: 95%);
+$primary-dark: color.scale($primary, $lightness: -10%);
+$primary-dim: color.scale($primary-15, $lightness: -5%);
+$text-default: #232b3a;
+$text-gray-1: #6e7179;
+$text-gray-2: #9da1a9;
+$text-gray-2-5: #b9bec5;
+$text-gray-3: #d5d8dc;
+$divider-stroke-light: #eee;
+$bg-d: #cbd0d3;
+$bg-c: #dde0e2;
+$bg-b: #e9edef;
+$bg-a: #f1f3f4;
+$status-red: #e36857;
+$status-orange: #f3980f;
+$status-green: #27ae60;
+$alert-error-dark: #cb7d7d;
+$alert-error-line: #f1d4d4;
+$alert-error-fill: #ffefef;
+$alert-warn-dark: #ca8852;
+$alert-warn-line: #f8d8be;
+$alert-warn-fill: #fff2e0;
+$item-hover-bg: #f4f6f8;

package/src/styles/_device-details.scss

@@ -1,14 +1,15 @@
+@use './colors';
+
 @mixin all {
   .seam-device-details {
-    padding: 0 24px 24px;
-
     .seam-body {
       display: flex;
       flex-direction: column;
       gap: 16px;
+      margin: 0 24px 24px;
 
       .seam-box {
-        border: 1px solid var(--input-border);
+        border: 1px solid colors.$text-gray-3;
         border-radius: 8px;
 
         .seam-content {
@@ -22,18 +23,28 @@
             cursor: pointer;
 
             &:hover {
-              background: var(--item-hover-bg);
+              background: colors.$item-hover-bg;
             }
           }
 
           &.seam-access-code-length {
-            border-top: 1px solid var(--input-border);
+            border-top: 1px solid colors.$text-gray-3;
+          }
+
+          &.seam-lock-status {
+            display: flex;
+            justify-content: space-between;
+
+            > .seam-right {
+              display: flex;
+              align-items: center;
+            }
           }
 
           .seam-label {
             font-size: 14px;
             line-height: 134%;
-            color: var(--text-gray-1);
+            color: colors.$text-gray-1;
           }
 
           .seam-value {
@@ -48,7 +59,7 @@
       .seam-summary {
         padding: 24px 16px;
         border-radius: 16px;
-        background: var(--bg-a);
+        background: colors.$bg-a;
 
         .seam-content {
           display: flex;
@@ -68,7 +79,7 @@
 
           .seam-info {
             > .seam-label {
-              color: var(--text-gray-1);
+              color: colors.$text-gray-1;
               font-weight: 600;
               font-size: 14px;
               line-height: 134%;
@@ -92,11 +103,11 @@
               column-gap: 28px;
 
               .seam-label {
-                color: var(--text-gray-2);
+                color: colors.$text-gray-2;
               }
 
               .seam-status-text {
-                color: var(--text-gray-1);
+                color: colors.$text-gray-1;
               }
 
               svg {

package/src/styles/_device-table.scss

@@ -0,0 +1,63 @@
+@use './colors';
+
+@mixin all {
+  .seam-device-table {
+    .seam-table-row {
+      cursor: pointer;
+
+      .seam-image-cell {
+        width: 64px;
+        height: 64px;
+        padding: 4px;
+
+        img {
+          width: 100%;
+        }
+      }
+
+      .seam-body-cell {
+        flex: 1;
+        flex-direction: column;
+        justify-content: center;
+        align-items: flex-start;
+        gap: 2px;
+
+        .seam-bottom {
+          display: flex;
+          justify-content: space-between;
+          align-items: center;
+          width: 100%;
+
+          .seam-device-model {
+            font-weight: 400;
+            font-size: 14px;
+            line-height: 134%;
+            color: colors.$text-gray-1;
+            flex: 0 1 190px;
+            white-space: nowrap;
+            overflow: hidden;
+            text-overflow: ellipsis;
+          }
+
+          .seam-device-statuses {
+            display: flex;
+            align-items: center;
+            color: colors.$text-gray-1;
+            font-size: 14px;
+            line-height: 134%;
+
+            > div {
+              display: flex;
+              align-items: center;
+              margin-right: 16px;
+
+              svg {
+                scale: 0.75;
+              }
+            }
+          }
+        }
+      }
+    }
+  }
+}

package/src/styles/_icons.scss

@@ -0,0 +1,9 @@
+@use './colors';
+
+@mixin all {
+  .seam-lock-icon {
+    * {
+      fill: colors.$text-gray-1;
+    }
+  }
+}

package/src/styles/_inputs.scss

@@ -1,8 +1,10 @@
+@use './colors';
+
 @mixin text-field {
   .seam-text-field {
     padding: 0 8px;
     height: 40px;
-    border: 1px solid var(--input-border);
+    border: 1px solid colors.$text-gray-3;
     border-radius: 8px;
   }
 }

package/src/styles/_layout.scss

@@ -1,3 +1,5 @@
+@use './colors';
+
 @mixin header {
   .seam-content-header {
     height: 56px;
@@ -5,11 +7,12 @@
     align-items: center;
     position: relative;
     justify-content: center;
+    margin: 0 16px;
 
     .seam-back-icon {
       position: absolute;
       top: 50%;
-      transform: translate(0, -25%);
+      transform: translate(4px, -25%);
       left: 0;
       cursor: pointer;
     }
@@ -17,6 +20,7 @@
     .seam-title {
       font-size: 16px;
       line-height: 134%;
+      color: colors.$text-gray-1;
     }
   }
 }

package/src/styles/_main.scss

@@ -5,22 +5,13 @@
 @use './buttons';
 @use './layout';
 @use './access-code-table';
+@use './colors';
+@use './icons';
 @use './device-details';
+@use './device-table';
+@use './access-code-details';
 
 .seam-components {
-  font-family: 'Source Sans Pro', system-ui, -apple-system, BlinkMacSystemFont,
-    'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue',
-    sans-serif;
-
-  --primary: #007afc;
-  --text-gray-1: #6e7179;
-  --text-gray-2: #9da1a9;
-  --text-gray-3: #d5d8dc;
-  --input-border: #d5d8dc;
-  --bg-a: #f1f3f4;
-  --status-red-alert: #e36857;
-  --item-hover-bg: #f4f6f8;
-
   // Reset
   @include reset.all;
 
@@ -30,8 +21,11 @@
   @include inputs.all;
   @include buttons.all;
   @include layout.all;
+  @include icons.all;
 
   // Components
-  @include access-code-table.all;
   @include device-details.all;
+  @include device-table.all;
+  @include access-code-table.all;
+  @include access-code-details.all;
 }

package/src/styles/_tables.scss

@@ -1,8 +1,12 @@
+@use './colors';
+
 @mixin header {
   .seam-table-header {
     display: flex;
     justify-content: space-between;
     align-items: center;
+    height: 56px;
+    padding: 0 16px;
   }
 
   .seam-table-title {
@@ -21,6 +25,7 @@
     display: flex;
     padding: 4px;
     height: 72px;
+    border-bottom: 1px solid colors.$divider-stroke-light;
 
     &:hover {
       background: rgb(244 246 248 / 100%);
@@ -29,6 +34,7 @@
     .seam-title {
       font-weight: 600;
       font-size: 18px;
+      line-height: 132%;
     }
   }
 }

package/src/styles/_typography.scss

@@ -1,3 +1,11 @@
+@use './colors';
+
+@mixin font-family {
+  font-family: 'Source Sans Pro', system-ui, -apple-system, BlinkMacSystemFont,
+    'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue',
+    sans-serif;
+}
+
 @mixin headers {
   h1,
   h2,
@@ -11,13 +19,19 @@
 
 @mixin caption {
   .seam-caption {
-    color: var(--text-gray-2);
+    color: colors.$text-gray-2;
   }
 }
 
 @mixin danger-text {
   .seam-text-danger {
-    color: var(--status-red-alert);
+    color: colors.$status-red;
+  }
+}
+
+@mixin defaults {
+  html {
+    color: colors.$text-default;
   }
 }
 
@@ -25,4 +39,6 @@
   @include headers;
   @include caption;
   @include danger-text;
+  @include font-family;
+  @include defaults;
 }

package/lib/hooks/use-access-codes.d.ts

@@ -1,5 +0,0 @@
-import type { AccessCode } from 'seamapi';
-import type { UseSeamQueryResult } from '../../lib/types/use-seam-query-result.js';
-export declare function useAccessCodes(params: {
-    device_id: string;
-}): UseSeamQueryResult<'accessCodes', AccessCode[]>;

package/lib/hooks/use-access-codes.js

@@ -1,16 +0,0 @@
-import { useQuery } from '@tanstack/react-query';
-import { useSeamClient } from '../../lib/seam/use-seam-client.js';
-export function useAccessCodes(params) {
-    const { client } = useSeamClient();
-    const { data, ...rest } = useQuery({
-        enabled: client != null,
-        queryKey: ['access_codes', 'list', params],
-        queryFn: async () => {
-            if (client == null)
-                return [];
-            return await client?.accessCodes.list(params);
-        },
-    });
-    return { ...rest, accessCodes: data };
-}
-//# sourceMappingURL=use-access-codes.js.map

package/lib/hooks/use-access-codes.js.map

@@ -1 +0,0 @@
-{"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"}

package/lib/hooks/use-device.d.ts

@@ -1,5 +0,0 @@
-import type { Device } from 'seamapi';
-import type { UseSeamQueryResult } from '../../lib/types/use-seam-query-result.js';
-export declare function useDevice(params: {
-    device_id: string;
-} | string): UseSeamQueryResult<'device', Device<any>>;

package/lib/hooks/use-device.js

@@ -1,17 +0,0 @@
-import { useQuery } from '@tanstack/react-query';
-import { useSeamClient } from '../../lib/seam/use-seam-client.js';
-export function useDevice(params) {
-    const objParams = typeof params === 'string' ? { device_id: params } : params;
-    const { client } = useSeamClient();
-    const { data, ...rest } = useQuery({
-        enabled: client != null,
-        queryKey: ['devices', 'get', params],
-        queryFn: async () => {
-            if (client == null)
-                return [];
-            return await client?.devices.get(objParams);
-        },
-    });
-    return { ...rest, device: data };
-}
-//# sourceMappingURL=use-device.js.map

package/lib/hooks/use-device.js.map

@@ -1 +0,0 @@
-{"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"}

package/lib/hooks/use-devices.d.ts

@@ -1 +0,0 @@
-export { useDevices } from '../../lib/seam/devices/use-devices.js';

package/lib/hooks/use-devices.js

@@ -1,2 +0,0 @@
-export { useDevices } from '../../lib/seam/devices/use-devices.js';
-//# sourceMappingURL=use-devices.js.map

package/lib/hooks/use-devices.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"use-devices.js","sourceRoot":"","sources":["../../src/lib/hooks/use-devices.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,iCAAiC,CAAA"}

package/lib/hooks/use-seam-client.d.ts

@@ -1 +0,0 @@
-export { useSeamClient } from '../../lib/seam/use-seam-client.js';

package/lib/hooks/use-seam-client.js

@@ -1,2 +0,0 @@
-export { useSeamClient } from '../../lib/seam/use-seam-client.js';
-//# sourceMappingURL=use-seam-client.js.map

package/lib/hooks/use-seam-client.js.map

@@ -1 +0,0 @@
-{"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"}

package/lib/seam/devices/index.d.ts

@@ -1 +0,0 @@
-export * from './use-devices.js';

package/lib/seam/devices/index.js

@@ -1,2 +0,0 @@
-export * from './use-devices.js';
-//# sourceMappingURL=index.js.map

package/lib/seam/devices/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/lib/seam/devices/index.ts"],"names":[],"mappings":"AAAA,cAAc,kBAAkB,CAAA"}

package/lib/types/use-seam-query-result.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"use-seam-query-result.js","sourceRoot":"","sources":["../../src/lib/types/use-seam-query-result.ts"],"names":[],"mappings":""}

package/lib/ui/AccessCodeTable/index.d.ts

@@ -1,2 +0,0 @@
-export * from './AccessCodeTable.js';
-export * from './CodeDetails.js';

package/lib/ui/AccessCodeTable/index.js

@@ -1,3 +0,0 @@
-export * from './AccessCodeTable.js';
-export * from './CodeDetails.js';
-//# sourceMappingURL=index.js.map

package/lib/ui/AccessCodeTable/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/lib/ui/AccessCodeTable/index.ts"],"names":[],"mappings":"AAAA,cAAc,sBAAsB,CAAA;AACpC,cAAc,kBAAkB,CAAA"}

package/lib/ui/DeviceDetails/BatteryStatus.d.ts

@@ -1,4 +0,0 @@
-import type { LockDevice } from 'seamapi';
-export declare function BatteryStatus(props: {
-    device: LockDevice;
-}): JSX.Element | null;

package/lib/ui/DeviceDetails/BatteryStatus.js.map

@@ -1 +0,0 @@
-{"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"}

package/lib/ui/DeviceDetails/DeviceImage.js.map

@@ -1 +0,0 @@
-{"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"}

package/lib/ui/DeviceDetails/ModelStatus.d.ts

@@ -1,4 +0,0 @@
-import type { LockDevice } from 'seamapi';
-export declare function ModelStatus(props: {
-    device: LockDevice;
-}): JSX.Element | null;

package/lib/ui/DeviceDetails/ModelStatus.js

@@ -1,13 +0,0 @@
-import { jsxs as _jsxs, jsx as _jsx, Fragment as _Fragment } from "react/jsx-runtime";
-export function ModelStatus(props) {
-    const { device: { properties }, } = props;
-    const model = properties?.august_metadata?.model ?? properties?.schlage_metadata?.model;
-    if (model == null) {
-        return null;
-    }
-    return (_jsxs(_Fragment, { children: [_jsxs("span", { className: 'seam-label', children: [t.model, ":"] }), ' ', _jsx("div", { className: 'seam-device-model', children: model })] }));
-}
-const t = {
-    model: 'Model',
-};
-//# sourceMappingURL=ModelStatus.js.map

package/lib/ui/DeviceDetails/ModelStatus.js.map

@@ -1 +0,0 @@
-{"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"}

package/lib/ui/DeviceDetails/OnlineStatus.d.ts

@@ -1,4 +0,0 @@
-import type { LockDevice } from 'seamapi';
-export declare function OnlineStatus(props: {
-    device: LockDevice;
-}): JSX.Element;

package/lib/ui/DeviceDetails/OnlineStatus.js.map

@@ -1 +0,0 @@
-{"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"}

package/lib/ui/DeviceDetails/index.d.ts

@@ -1,5 +0,0 @@
-export * from './BatteryStatus.js';
-export * from './DeviceDetails.js';
-export * from './DeviceImage.js';
-export * from './ModelStatus.js';
-export * from './OnlineStatus.js';

package/lib/ui/DeviceDetails/index.js

@@ -1,6 +0,0 @@
-export * from './BatteryStatus.js';
-export * from './DeviceDetails.js';
-export * from './DeviceImage.js';
-export * from './ModelStatus.js';
-export * from './OnlineStatus.js';
-//# sourceMappingURL=index.js.map

package/lib/ui/DeviceDetails/index.js.map

@@ -1 +0,0 @@
-{"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"}

package/lib/ui/DeviceManager/DeviceManager.d.ts

@@ -1,6 +0,0 @@
-import { type UseDevicesParams } from '../../../lib/seam/devices/use-devices.js';
-export type DeviceManagerProps = UseDevicesParams;
-/**
- * Fetch, list, and manage devices.
- */
-export declare const DeviceManager: (props: DeviceManagerProps) => JSX.Element;

package/lib/ui/DeviceManager/DeviceManager.js

@@ -1,24 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useDevices, } from '../../../lib/seam/devices/use-devices.js';
-/**
- * Fetch, list, and manage devices.
- */
-export const DeviceManager = (props) => {
-    const { devices, isLoading, isError, error } = useDevices(props);
-    if (isLoading)
-        return _jsx("p", { role: 'loading', children: t.loading });
-    if (isError)
-        return _jsx("p", { children: error?.message });
-    return (_jsx("ul", { children: devices
-            ?.sort((a, b) => new Date(a.created_at).getTime() - new Date(b.created_at).getTime())
-            ?.map((device) => (_jsx(DeviceManagerItem, { ...device }, device.device_id))) }));
-};
-const DeviceManagerItem = (props) => {
-    return (_jsxs("li", { children: [_jsxs("p", { children: [t.device_id, ": ", props.device_id] }), _jsxs("p", { children: [t.name, ": ", props.properties.name] })] }));
-};
-const t = {
-    loading: 'Loading devices',
-    device_id: 'Device ID',
-    name: 'Device name',
-};
-//# sourceMappingURL=DeviceManager.js.map

package/lib/ui/DeviceManager/DeviceManager.js.map

@@ -1 +0,0 @@
-{"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"}

package/lib/ui/DeviceManager/index.d.ts

@@ -1 +0,0 @@
-export * from './DeviceManager.js';

package/lib/ui/DeviceManager/index.js

@@ -1,2 +0,0 @@
-export * from './DeviceManager.js';
-//# sourceMappingURL=index.js.map

package/lib/ui/DeviceManager/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/lib/ui/DeviceManager/index.ts"],"names":[],"mappings":"AAAA,cAAc,oBAAoB,CAAA"}

package/lib/ui/Table/index.d.ts

@@ -1,5 +0,0 @@
-export * from './TableBody.js';
-export * from './TableCell.js';
-export * from './TableHeader.js';
-export * from './TableRow.js';
-export * from './TableTitle.js';

package/lib/ui/Table/index.js

@@ -1,6 +0,0 @@
-export * from './TableBody.js';
-export * from './TableCell.js';
-export * from './TableHeader.js';
-export * from './TableRow.js';
-export * from './TableTitle.js';
-//# sourceMappingURL=index.js.map

package/lib/ui/Table/index.js.map

@@ -1 +0,0 @@
-{"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"}

package/lib/ui/TextField/index.d.ts

@@ -1,2 +0,0 @@
-export * from './SearchTextField.js';
-export * from './TextField.js';

package/lib/ui/TextField/index.js

@@ -1,3 +0,0 @@
-export * from './SearchTextField.js';
-export * from './TextField.js';
-//# sourceMappingURL=index.js.map

package/lib/ui/TextField/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/lib/ui/TextField/index.ts"],"names":[],"mappings":"AAAA,cAAc,sBAAsB,CAAA;AACpC,cAAc,gBAAgB,CAAA"}

package/src/lib/hooks/use-access-codes.ts

@@ -1,21 +0,0 @@
-import { useQuery } from '@tanstack/react-query'
-import type { AccessCode, SeamError } from 'seamapi'
-
-import { useSeamClient } from 'lib/seam/use-seam-client.js'
-import type { UseSeamQueryResult } from 'lib/types/use-seam-query-result.js'
-
-export function useAccessCodes(params: {
-  device_id: string
-}): UseSeamQueryResult<'accessCodes', AccessCode[]> {
-  const { client } = useSeamClient()
-  const { data, ...rest } = useQuery<any, SeamError>({
-    enabled: client != null,
-    queryKey: ['access_codes', 'list', params],
-    queryFn: async () => {
-      if (client == null) return []
-      return await client?.accessCodes.list(params)
-    },
-  })
-
-  return { ...rest, accessCodes: data }
-}

package/src/lib/hooks/use-device.ts

@@ -1,26 +0,0 @@
-import { useQuery } from '@tanstack/react-query'
-import type { Device, SeamError } from 'seamapi'
-
-import { useSeamClient } from 'lib/seam/use-seam-client.js'
-import type { UseSeamQueryResult } from 'lib/types/use-seam-query-result.js'
-
-export function useDevice(
-  params:
-    | {
-        device_id: string
-      }
-    | string
-): UseSeamQueryResult<'device', Device<any>> {
-  const objParams = typeof params === 'string' ? { device_id: params } : params
-  const { client } = useSeamClient()
-  const { data, ...rest } = useQuery<any, SeamError>({
-    enabled: client != null,
-    queryKey: ['devices', 'get', params],
-    queryFn: async () => {
-      if (client == null) return []
-      return await client?.devices.get(objParams)
-    },
-  })
-
-  return { ...rest, device: data }
-}