@seamapi/react 0.15.0 → 0.16.0

package/lib/SeamProvider.d.ts

@@ -1,20 +1,28 @@
 import { type PropsWithChildren } from 'react';
 import type { Seam, SeamClientOptions } from 'seamapi';
 declare global {
-    var seam: Omit<SeamProviderProps, 'children'> | undefined;
+    var seam: SeamProviderProps | undefined;
 }
 export interface SeamContext {
     client: Seam | null;
-    clientOptions?: SeamClientOptions | undefined;
+    clientOptions?: AllowedSeamClientOptions | undefined;
     publishableKey?: string | undefined;
     userIdentifierKey?: string | undefined;
+    clientSessionToken?: string | undefined;
 }
-export interface SeamProviderProps {
-    client?: Seam;
-    publishableKey?: string;
+type SeamProviderProps = SeamProviderPropsWithClient | (SeamProviderPropsWithPublishableKey & AllowedSeamClientOptions) | (SeamProviderPropsWithClientSessionToken & AllowedSeamClientOptions);
+interface SeamProviderPropsWithClient {
+    client: Seam;
+}
+interface SeamProviderPropsWithPublishableKey {
+    publishableKey: string;
     userIdentifierKey?: string;
-    endpoint?: string;
 }
+interface SeamProviderPropsWithClientSessionToken {
+    clientSessionToken: string;
+}
+type AllowedSeamClientOptions = Pick<SeamClientOptions, 'endpoint'>;
 export declare function SeamProvider({ children, ...props }: PropsWithChildren<SeamProviderProps>): JSX.Element;
 export declare const seamContext: import("react").Context<SeamContext>;
 export declare function useSeamContext(): SeamContext;
+export {};

package/lib/SeamProvider.js

@@ -17,8 +17,7 @@ export function SeamProvider({ children, ...props }) {
     return (_jsx("div", { className: 'seam-components', children: _jsx(QueryClientProvider, { client: queryClientRef.current, children: _jsx(Provider, { value: { ...contextRef.current }, children: children }) }) }));
 }
 const createDefaultSeamContextValue = () => {
-    if (globalThis.seam?.client == null &&
-        globalThis.seam?.publishableKey == null) {
+    if (globalThis.seam == null) {
         return { client: null };
     }
     try {
@@ -30,23 +29,28 @@ const createDefaultSeamContextValue = () => {
         return { client: null };
     }
 };
-const createSeamContextValue = ({ client, ...options }) => {
-    if (client == null && Object.keys(options).length === 0) {
-        return { client: null };
+const createSeamContextValue = (options) => {
+    if (isSeamProviderPropsWithClient(options)) {
+        return options;
     }
-    if (client != null && Object.values(options).some((v) => v == null)) {
-        throw new Error('Cannot provide both a Seam client along with other options.');
+    if (isSeamProviderPropsWithClientSessionToken(options)) {
+        const { clientSessionToken, ...clientOptions } = options;
+        return {
+            clientSessionToken,
+            clientOptions,
+            client: null,
+        };
     }
-    const { publishableKey, userIdentifierKey, ...clientOptions } = options;
-    if (client != null) {
-        return { client };
+    if (isSeamProviderPropsWithPublishableKey(options)) {
+        const { publishableKey, userIdentifierKey, ...clientOptions } = options;
+        return {
+            publishableKey,
+            userIdentifierKey,
+            clientOptions,
+            client: null,
+        };
     }
-    return {
-        client: null,
-        publishableKey,
-        userIdentifierKey,
-        clientOptions,
-    };
+    throw new Error('Invalid SeamProvider options');
 };
 const defaultSeamContextValue = createDefaultSeamContextValue();
 export const seamContext = createContext(defaultSeamContextValue);
@@ -57,4 +61,46 @@ export function useSeamContext() {
     }
     return context;
 }
+const isSeamProviderPropsWithClient = (props) => {
+    if (!('client' in props))
+        return false;
+    const { client } = props;
+    if (client == null)
+        return false;
+    if (Object.values(props).some((v) => v == null)) {
+        throw new Error('Cannot provide a Seam client along with other options.');
+    }
+    return true;
+};
+const isSeamProviderPropsWithPublishableKey = (props) => {
+    if (!('publishableKey' in props))
+        return false;
+    const { publishableKey } = props;
+    if (publishableKey == null)
+        return false;
+    if ('client' in props && props.client != null) {
+        throw new Error('Cannot provide a Seam client along with other options.');
+    }
+    if ('clientSessionToken' in props && props.clientSessionToken != null) {
+        throw new Error('Cannot provide both a publishableKey and a clientSessionToken.');
+    }
+    return true;
+};
+const isSeamProviderPropsWithClientSessionToken = (props) => {
+    if (!('clientSessionToken' in props))
+        return false;
+    const { clientSessionToken } = props;
+    if (clientSessionToken == null)
+        return false;
+    if ('client' in props && props.client != null) {
+        throw new Error('Cannot provide a Seam client along with other options.');
+    }
+    if ('publishableKey' in props && props.publishableKey != null) {
+        throw new Error('Cannot provide both a clientSessionToken and a publishableKey .');
+    }
+    if ('userIdentifierKey' in props && props.userIdentifierKey != null) {
+        throw new Error('Cannot use a userIdentifierKey with a clientSessionToken.');
+    }
+    return true;
+};
 //# sourceMappingURL=SeamProvider.js.map

package/lib/SeamProvider.js.map

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

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

@@ -0,0 +1,5 @@
+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

@@ -0,0 +1,16 @@
+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

@@ -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"}

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

@@ -0,0 +1,5 @@
+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

@@ -0,0 +1,17 @@
+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

@@ -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"}

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

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

package/lib/hooks/use-devices.js

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

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

@@ -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"}

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

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

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

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

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

@@ -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"}

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

@@ -3,23 +3,31 @@ import { Seam } from 'seamapi';
 import { v4 as uuidv4 } from 'uuid';
 import { useSeamContext } from '../../lib/SeamProvider.js';
 export function useSeamClient() {
-    const { client, clientOptions, publishableKey, ...context } = useSeamContext();
-    const [clientSession, setClientSession] = useClientSession();
-    const userIdentifierKey = useUserIdentifierKey(context.userIdentifierKey);
+    const { client, clientOptions, publishableKey, clientSessionToken, ...context } = useSeamContext();
+    const userIdentifierKey = useUserIdentifierKeyOrFingerprint(clientSessionToken != null ? '' : context.userIdentifierKey);
     const { isLoading, isError, error, data } = useQuery({
-        queryKey: ['client', { client, clientSession, userIdentifierKey }],
+        queryKey: [
+            'client',
+            {
+                client,
+                clientOptions,
+                publishableKey,
+                userIdentifierKey,
+                clientSessionToken,
+            },
+        ],
         queryFn: async () => {
             if (client != null)
                 return client;
-            if (publishableKey == null) {
-                throw new Error('Missing publishableKey');
-            }
-            if (clientSession != null) {
+            if (clientSessionToken != null) {
                 return new Seam({
                     ...clientOptions,
-                    clientSessionToken: clientSession.token,
+                    clientSessionToken,
                 });
             }
+            if (publishableKey == null) {
+                throw new Error('Missing either a client, publishableKey, or clientSessionToken');
+            }
             const res = await Seam.getClientSessionToken({
                 ...clientOptions,
                 publishableKey,
@@ -28,7 +36,6 @@ export function useSeamClient() {
             if (!res.ok || res.client_session?.token == null) {
                 throw new Error('Failed to get client access token');
             }
-            setClientSession(res.client_session);
             return new Seam({
                 ...clientOptions,
                 clientSessionToken: res.client_session.token,
@@ -37,24 +44,19 @@ export function useSeamClient() {
     });
     return { client: data ?? null, isLoading, isError, error };
 }
-function useClientSession() {
-    const localStorageKey = 'seam_client_session';
-    const setClientSession = (clientSession) => {
-        globalThis?.localStorage?.setItem(localStorageKey, JSON.stringify(clientSession));
-    };
-    const cachedClientSession = globalThis?.localStorage?.getItem(localStorageKey);
-    return [
-        cachedClientSession != null ? JSON.parse(cachedClientSession) : null,
-        setClientSession,
-    ];
-}
-function useUserIdentifierKey(userIdentifierKey) {
+/**
+ * You'll almost always want to supply a user identifier key, but if you don't
+ * we'll automatically pick a fingerprint for this user. The user interface
+ * will show warnings when you use a fingerprint because this client session
+ * is bound to this machine, and is effectively ephemeral.
+ */
+function useUserIdentifierKeyOrFingerprint(userIdentifierKey) {
     if (userIdentifierKey != null) {
         return userIdentifierKey;
     }
-    const localStorageKey = 'seam_user_identifier_key';
-    const key = globalThis?.localStorage?.getItem(localStorageKey) ?? uuidv4();
-    globalThis?.localStorage?.setItem(localStorageKey, key);
-    return key;
+    const fingerprintValue = globalThis?.localStorage?.getItem('seam_user_fingerprint') ??
+        `fingerprint_${uuidv4()}`;
+    globalThis?.localStorage?.setItem('seam_user_fingerprint', fingerprintValue);
+    return fingerprintValue;
 }
 //# sourceMappingURL=use-seam-client.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"use-seam-client.js","sourceRoot":"","sources":["../../src/lib/seam/use-seam-client.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"use-seam-client.js","sourceRoot":"","sources":["../../src/lib/seam/use-seam-client.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAA;AAChD,OAAO,EAAE,IAAI,EAAE,MAAM,SAAS,CAAA;AAC9B,OAAO,EAAE,EAAE,IAAI,MAAM,EAAE,MAAM,MAAM,CAAA;AAEnC,OAAO,EAAE,cAAc,EAAE,MAAM,qBAAqB,CAAA;AAEpD,MAAM,UAAU,aAAa;IAM3B,MAAM,EACJ,MAAM,EACN,aAAa,EACb,cAAc,EACd,kBAAkB,EAClB,GAAG,OAAO,EACX,GAAG,cAAc,EAAE,CAAA;IACpB,MAAM,iBAAiB,GAAG,iCAAiC,CACzD,kBAAkB,IAAI,IAAI,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,OAAO,CAAC,iBAAiB,CAC5D,CAAA;IAED,MAAM,EAAE,SAAS,EAAE,OAAO,EAAE,KAAK,EAAE,IAAI,EAAE,GAAG,QAAQ,CAAO;QACzD,QAAQ,EAAE;YACR,QAAQ;YACR;gBACE,MAAM;gBACN,aAAa;gBACb,cAAc;gBACd,iBAAiB;gBACjB,kBAAkB;aACnB;SACF;QACD,OAAO,EAAE,KAAK,IAAI,EAAE;YAClB,IAAI,MAAM,IAAI,IAAI;gBAAE,OAAO,MAAM,CAAA;YAEjC,IAAI,kBAAkB,IAAI,IAAI,EAAE;gBAC9B,OAAO,IAAI,IAAI,CAAC;oBACd,GAAG,aAAa;oBAChB,kBAAkB;iBACnB,CAAC,CAAA;aACH;YAED,IAAI,cAAc,IAAI,IAAI,EAAE;gBAC1B,MAAM,IAAI,KAAK,CACb,gEAAgE,CACjE,CAAA;aACF;YAED,MAAM,GAAG,GAAG,MAAM,IAAI,CAAC,qBAAqB,CAAC;gBAC3C,GAAG,aAAa;gBAChB,cAAc;gBACd,iBAAiB;aAClB,CAAC,CAAA;YAEF,IAAI,CAAC,GAAG,CAAC,EAAE,IAAI,GAAG,CAAC,cAAc,EAAE,KAAK,IAAI,IAAI,EAAE;gBAChD,MAAM,IAAI,KAAK,CAAC,mCAAmC,CAAC,CAAA;aACrD;YAED,OAAO,IAAI,IAAI,CAAC;gBACd,GAAG,aAAa;gBAChB,kBAAkB,EAAE,GAAG,CAAC,cAAc,CAAC,KAAK;aAC7C,CAAC,CAAA;QACJ,CAAC;KACF,CAAC,CAAA;IAEF,OAAO,EAAE,MAAM,EAAE,IAAI,IAAI,IAAI,EAAE,SAAS,EAAE,OAAO,EAAE,KAAK,EAAE,CAAA;AAC5D,CAAC;AAED;;;;;GAKG;AACH,SAAS,iCAAiC,CACxC,iBAAqC;IAErC,IAAI,iBAAiB,IAAI,IAAI,EAAE;QAC7B,OAAO,iBAAiB,CAAA;KACzB;IAED,MAAM,gBAAgB,GACpB,UAAU,EAAE,YAAY,EAAE,OAAO,CAAC,uBAAuB,CAAC;QAC1D,eAAe,MAAM,EAAE,EAAE,CAAA;IAE3B,UAAU,EAAE,YAAY,EAAE,OAAO,CAAC,uBAAuB,EAAE,gBAAgB,CAAC,CAAA;IAE5E,OAAO,gBAAgB,CAAA;AACzB,CAAC"}

package/lib/types/use-seam-query-result.d.ts

@@ -0,0 +1,5 @@
+import type { UseQueryResult } from '@tanstack/react-query';
+import type { SeamError } from 'seamapi';
+export type UseSeamQueryResult<Field extends string, ResponsePayload> = Omit<UseQueryResult<ResponsePayload, SeamError>, 'data'> & {
+    [key in Field]?: ResponsePayload;
+};

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

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=use-seam-query-result.js.map

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

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

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

@@ -1,6 +1,4 @@
-import type { AccessCode } from 'seamapi';
-export interface AccessCodeTableProps {
-    accessCodes: AccessCode[];
+export declare function AccessCodeTable(props: {
+    deviceId: string;
     onClickBack?: () => void;
-}
-export declare function AccessCodeTable(props: AccessCodeTableProps): JSX.Element;
+}): JSX.Element;

package/lib/ui/AccessCodeTable/AccessCodeTable.js

@@ -1,12 +1,18 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Fragment as _Fragment, jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { TableBody, TableCell, TableHeader, TableRow, TableTitle, } from '../../../lib/ui/Table/index.js';
+import { useAccessCodes } from '../../../lib/hooks/use-access-codes.js';
 import { AccessCodeKeyIcon } from '../../../lib/icons/AccessCodeKey.js';
 import { CodeDetails } from '../../../lib/ui/AccessCodeTable/CodeDetails.js';
 import { ContentHeader } from '../../../lib/ui/layout/ContentHeader.js';
 import { Caption } from '../../../lib/ui/typography/Caption.js';
 import { Title } from '../../../lib/ui/typography/Title.js';
 export function AccessCodeTable(props) {
-    const { accessCodes, onClickBack } = props;
+    const { accessCodes } = useAccessCodes({
+        device_id: props.deviceId,
+    });
+    const { onClickBack } = props;
+    if (!accessCodes)
+        return _jsx(_Fragment, { children: null });
     return (_jsxs("div", { className: 'seam-access-code-table', children: [_jsx(ContentHeader, { onClickBack: onClickBack }), _jsx(TableHeader, { children: _jsxs(TableTitle, { children: [t.accessCodes, " ", _jsxs(Caption, { children: ["(", accessCodes.length, ")"] })] }) }), _jsx(TableBody, { children: accessCodes.map((code) => (_jsxs(TableRow, { children: [_jsx(TableCell, { className: 'seam-icon-cell', children: _jsx("div", { children: _jsx(AccessCodeKeyIcon, {}) }) }), _jsxs(TableCell, { className: 'seam-name-cell', children: [_jsx(Title, { children: code.name }), _jsx(CodeDetails, { accessCode: code })] }), _jsx(TableCell, { className: 'seam-action-cell' })] }, code.access_code_id))) })] }));
 }
 const t = {

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

@@ -1 +1 @@
-{"version":3,"file":"AccessCodeTable.js","sourceRoot":"","sources":["../../../src/lib/ui/AccessCodeTable/AccessCodeTable.tsx"],"names":[],"mappings":";AAEA,OAAO,EACL,SAAS,EACT,SAAS,EACT,WAAW,EACX,QAAQ,EACR,UAAU,GACX,MAAM,uBAAuB,CAAA;AAE9B,OAAO,EAAE,iBAAiB,EAAE,MAAM,4BAA4B,CAAA;AAC9D,OAAO,EAAE,WAAW,EAAE,MAAM,uCAAuC,CAAA;AACnE,OAAO,EAAE,aAAa,EAAE,MAAM,gCAAgC,CAAA;AAC9D,OAAO,EAAE,OAAO,EAAE,MAAM,8BAA8B,CAAA;AACtD,OAAO,EAAE,KAAK,EAAE,MAAM,4BAA4B,CAAA;AAOlD,MAAM,UAAU,eAAe,CAAC,KAA2B;IACzD,MAAM,EAAE,WAAW,EAAE,WAAW,EAAE,GAAG,KAAK,CAAA;IAE1C,OAAO,CACL,eAAK,SAAS,EAAC,wBAAwB,aACrC,KAAC,aAAa,IAAC,WAAW,EAAE,WAAW,GAAI,EAC3C,KAAC,WAAW,cACV,MAAC,UAAU,eACR,CAAC,CAAC,WAAW,OAAE,MAAC,OAAO,oBAAG,WAAW,CAAC,MAAM,SAAY,IAC9C,GACD,EACd,KAAC,SAAS,cACP,WAAW,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,CACzB,MAAC,QAAQ,eACP,KAAC,SAAS,IAAC,SAAS,EAAC,gBAAgB,YACnC,wBACE,KAAC,iBAAiB,KAAG,GACjB,GACI,EACZ,MAAC,SAAS,IAAC,SAAS,EAAC,gBAAgB,aACnC,KAAC,KAAK,cAAE,IAAI,CAAC,IAAI,GAAS,EAC1B,KAAC,WAAW,IAAC,UAAU,EAAE,IAAI,GAAI,IACvB,EACZ,KAAC,SAAS,IAAC,SAAS,EAAC,kBAAkB,GAI3B,KAdC,IAAI,CAAC,cAAc,CAevB,CACZ,CAAC,GACQ,IACR,CACP,CAAA;AACH,CAAC;AAED,MAAM,CAAC,GAAG;IACR,WAAW,EAAE,cAAc;CAC5B,CAAA"}
+{"version":3,"file":"AccessCodeTable.js","sourceRoot":"","sources":["../../../src/lib/ui/AccessCodeTable/AccessCodeTable.tsx"],"names":[],"mappings":";AAAA,OAAO,EACL,SAAS,EACT,SAAS,EACT,WAAW,EACX,QAAQ,EACR,UAAU,GACX,MAAM,uBAAuB,CAAA;AAE9B,OAAO,EAAE,cAAc,EAAE,MAAM,+BAA+B,CAAA;AAC9D,OAAO,EAAE,iBAAiB,EAAE,MAAM,4BAA4B,CAAA;AAC9D,OAAO,EAAE,WAAW,EAAE,MAAM,uCAAuC,CAAA;AACnE,OAAO,EAAE,aAAa,EAAE,MAAM,gCAAgC,CAAA;AAC9D,OAAO,EAAE,OAAO,EAAE,MAAM,8BAA8B,CAAA;AACtD,OAAO,EAAE,KAAK,EAAE,MAAM,4BAA4B,CAAA;AAElD,MAAM,UAAU,eAAe,CAAC,KAG/B;IACC,MAAM,EAAE,WAAW,EAAE,GAAG,cAAc,CAAC;QACrC,SAAS,EAAE,KAAK,CAAC,QAAQ;KAC1B,CAAC,CAAA;IACF,MAAM,EAAE,WAAW,EAAE,GAAG,KAAK,CAAA;IAE7B,IAAI,CAAC,WAAW;QAAE,OAAO,4BAAG,IAAI,GAAI,CAAA;IAEpC,OAAO,CACL,eAAK,SAAS,EAAC,wBAAwB,aACrC,KAAC,aAAa,IAAC,WAAW,EAAE,WAAW,GAAI,EAC3C,KAAC,WAAW,cACV,MAAC,UAAU,eACR,CAAC,CAAC,WAAW,OAAE,MAAC,OAAO,oBAAG,WAAW,CAAC,MAAM,SAAY,IAC9C,GACD,EACd,KAAC,SAAS,cACP,WAAW,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,CACzB,MAAC,QAAQ,eACP,KAAC,SAAS,IAAC,SAAS,EAAC,gBAAgB,YACnC,wBACE,KAAC,iBAAiB,KAAG,GACjB,GACI,EACZ,MAAC,SAAS,IAAC,SAAS,EAAC,gBAAgB,aACnC,KAAC,KAAK,cAAE,IAAI,CAAC,IAAI,GAAS,EAC1B,KAAC,WAAW,IAAC,UAAU,EAAE,IAAI,GAAI,IACvB,EACZ,KAAC,SAAS,IAAC,SAAS,EAAC,kBAAkB,GAI3B,KAdC,IAAI,CAAC,cAAc,CAevB,CACZ,CAAC,GACQ,IACR,CACP,CAAA;AACH,CAAC;AAED,MAAM,CAAC,GAAG;IACR,WAAW,EAAE,cAAc;CAC5B,CAAA"}

package/lib/ui/DeviceDetails/DeviceDetails.js

@@ -12,11 +12,9 @@ export function DeviceDetails(props) {
     const { device } = props;
     const lockStatus = device.properties.locked ? t.locked : t.unlocked;
     const accessCodeLength = device.properties?.schlage_metadata?.access_code_length;
-    // TODO : Fetch access codes
-    const accessCodes = [];
     const [showingAccessCodes, toggleAccessCodes] = useToggle();
     if (showingAccessCodes) {
-        return (_jsx(AccessCodeTable, { accessCodes: accessCodes, onClickBack: toggleAccessCodes }));
+        return (_jsx(AccessCodeTable, { deviceId: device.device_id, onClickBack: toggleAccessCodes }));
     }
     return (_jsxs("div", { className: 'seam-device-details', children: [_jsx(ContentHeader, { title: 'Device' }), _jsxs("div", { className: 'seam-body', children: [_jsx("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("h4", { className: 'seam-device-name', children: device.properties.name }), _jsxs("div", { className: 'seam-properties', children: [_jsx(OnlineStatus, { device: device }), _jsx(BatteryStatus, { device: device }), _jsx(ModelStatus, { device: device })] })] })] }) }), _jsx("div", { className: 'seam-box', children: _jsxs("div", { className: 'seam-content seam-access-codes', onClick: toggleAccessCodes, children: [_jsxs("span", { className: 'seam-value', children: ["49 ", t.accessCodes] }), _jsx(ChevronRightIcon, {})] }) }), _jsxs("div", { className: 'seam-box', children: [_jsxs("div", { className: 'seam-content', children: [_jsx("span", { className: 'seam-label', children: t.lockStatus }), _jsx("span", { className: 'seam-value', children: lockStatus })] }), _jsx(AccessCodeLength, { accessCodeLength: accessCodeLength })] })] })] }));
 }

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

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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@seamapi/react",
-  "version": "0.15.0",
+  "version": "0.16.0",
   "description": "Seam React component library.",
   "type": "module",
   "main": "index.js",
@@ -45,6 +45,7 @@
   ],
   "scripts": {
     "start": "concurrently --raw --kill-others npm:examples npm:storybook",
+    "dev": "npm run start",
     "build": "npm run build:js",
     "prebuild": "del 'index.*' lib",
     "postbuild": "node ./index.js",
@@ -93,17 +94,17 @@
     "@tanstack/react-query": "^4.28.0",
     "classnames": "^2.3.2",
     "luxon": "^3.3.0",
-    "seamapi": "^5.19.0-alpha.2",
+    "seamapi": "^5.19.0-alpha.3",
     "uuid": "^9.0.0"
   },
   "devDependencies": {
     "@babel/preset-env": "^7.21.4",
     "@babel/preset-react": "^7.18.6",
     "@babel/preset-typescript": "^7.21.4",
-    "@seamapi/fake-seam-connect": "^0.3.0-alpha.5",
     "@emotion/styled": "^11.10.6",
     "@mui/icons-material": "^5.11.16",
     "@mui/material": "^5.12.2",
+    "@seamapi/fake-seam-connect": "^0.3.0-alpha.5",
     "@storybook/addon-essentials": "^7.0.2",
     "@storybook/addon-interactions": "^7.0.2",
     "@storybook/addon-links": "^7.0.2",
@@ -135,6 +136,7 @@
     "eslint-plugin-unused-imports": "^2.0.0",
     "fast-glob": "^3.2.12",
     "http-proxy-middleware": "^2.0.6",
+    "isomorphic-fetch": "^3.0.0",
     "jest": "^29.5.0",
     "jest-environment-jsdom": "^29.5.0",
     "prettier": "^2.3.0",

package/src/lib/SeamProvider.tsx

@@ -11,23 +11,37 @@ import type { Seam, SeamClientOptions } from 'seamapi'
 
 declare global {
   // eslint-disable-next-line no-var
-  var seam: Omit<SeamProviderProps, 'children'> | undefined
+  var seam: SeamProviderProps | undefined
 }
 
 export interface SeamContext {
   client: Seam | null
-  clientOptions?: SeamClientOptions | undefined
+  clientOptions?: AllowedSeamClientOptions | undefined
   publishableKey?: string | undefined
   userIdentifierKey?: string | undefined
+  clientSessionToken?: string | undefined
 }
 
-export interface SeamProviderProps {
-  client?: Seam
-  publishableKey?: string
+type SeamProviderProps =
+  | SeamProviderPropsWithClient
+  | (SeamProviderPropsWithPublishableKey & AllowedSeamClientOptions)
+  | (SeamProviderPropsWithClientSessionToken & AllowedSeamClientOptions)
+
+interface SeamProviderPropsWithClient {
+  client: Seam
+}
+
+interface SeamProviderPropsWithPublishableKey {
+  publishableKey: string
   userIdentifierKey?: string
-  endpoint?: string
 }
 
+interface SeamProviderPropsWithClientSessionToken {
+  clientSessionToken: string
+}
+
+type AllowedSeamClientOptions = Pick<SeamClientOptions, 'endpoint'>
+
 export function SeamProvider({
   children,
   ...props
@@ -61,10 +75,7 @@ export function SeamProvider({
 }
 
 const createDefaultSeamContextValue = (): SeamContext => {
-  if (
-    globalThis.seam?.client == null &&
-    globalThis.seam?.publishableKey == null
-  ) {
+  if (globalThis.seam == null) {
     return { client: null }
   }
 
@@ -77,32 +88,31 @@ const createDefaultSeamContextValue = (): SeamContext => {
   }
 }
 
-const createSeamContextValue = ({
-  client,
-  ...options
-}: Omit<SeamProviderProps, 'children'>): SeamContext => {
-  if (client == null && Object.keys(options).length === 0) {
-    return { client: null }
+const createSeamContextValue = (options: SeamProviderProps): SeamContext => {
+  if (isSeamProviderPropsWithClient(options)) {
+    return options
   }
 
-  if (client != null && Object.values(options).some((v) => v == null)) {
-    throw new Error(
-      'Cannot provide both a Seam client along with other options.'
-    )
+  if (isSeamProviderPropsWithClientSessionToken(options)) {
+    const { clientSessionToken, ...clientOptions } = options
+    return {
+      clientSessionToken,
+      clientOptions,
+      client: null,
+    }
   }
 
-  const { publishableKey, userIdentifierKey, ...clientOptions } = options
-
-  if (client != null) {
-    return { client }
+  if (isSeamProviderPropsWithPublishableKey(options)) {
+    const { publishableKey, userIdentifierKey, ...clientOptions } = options
+    return {
+      publishableKey,
+      userIdentifierKey,
+      clientOptions,
+      client: null,
+    }
   }
 
-  return {
-    client: null,
-    publishableKey,
-    userIdentifierKey,
-    clientOptions,
-  }
+  throw new Error('Invalid SeamProvider options')
 }
 
 const defaultSeamContextValue = createDefaultSeamContextValue()
@@ -118,3 +128,65 @@ export function useSeamContext(): SeamContext {
 
   return context
 }
+
+const isSeamProviderPropsWithClient = (
+  props: SeamProviderProps
+): props is SeamProviderPropsWithClient => {
+  if (!('client' in props)) return false
+
+  const { client } = props
+  if (client == null) return false
+
+  if (Object.values(props).some((v) => v == null)) {
+    throw new Error('Cannot provide a Seam client along with other options.')
+  }
+
+  return true
+}
+
+const isSeamProviderPropsWithPublishableKey = (
+  props: SeamProviderProps
+): props is SeamProviderPropsWithPublishableKey & AllowedSeamClientOptions => {
+  if (!('publishableKey' in props)) return false
+
+  const { publishableKey } = props
+  if (publishableKey == null) return false
+
+  if ('client' in props && props.client != null) {
+    throw new Error('Cannot provide a Seam client along with other options.')
+  }
+
+  if ('clientSessionToken' in props && props.clientSessionToken != null) {
+    throw new Error(
+      'Cannot provide both a publishableKey and a clientSessionToken.'
+    )
+  }
+
+  return true
+}
+
+const isSeamProviderPropsWithClientSessionToken = (
+  props: SeamProviderProps
+): props is SeamProviderPropsWithClientSessionToken &
+  AllowedSeamClientOptions => {
+  if (!('clientSessionToken' in props)) return false
+
+  const { clientSessionToken } = props
+  if (clientSessionToken == null) return false
+
+  if ('client' in props && props.client != null) {
+    throw new Error('Cannot provide a Seam client along with other options.')
+  }
+
+  if ('publishableKey' in props && props.publishableKey != null) {
+    throw new Error(
+      'Cannot provide both a clientSessionToken and a publishableKey .'
+    )
+  }
+
+  if ('userIdentifierKey' in props && props.userIdentifierKey != null) {
+    throw new Error('Cannot use a userIdentifierKey with a clientSessionToken.')
+  }
+
+  return true
+}

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

@@ -0,0 +1,21 @@
+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

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

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

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

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

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

package/src/lib/seam/use-seam-client.ts

@@ -1,5 +1,5 @@
 import { useQuery } from '@tanstack/react-query'
-import { type ClientSession, Seam } from 'seamapi'
+import { Seam } from 'seamapi'
 import { v4 as uuidv4 } from 'uuid'
 
 import { useSeamContext } from 'lib/SeamProvider.js'
@@ -10,26 +10,44 @@ export function useSeamClient(): {
   isError: boolean
   error: unknown
 } {
-  const { client, clientOptions, publishableKey, ...context } = useSeamContext()
-  const [clientSession, setClientSession] = useClientSession()
-  const userIdentifierKey = useUserIdentifierKey(context.userIdentifierKey)
+  const {
+    client,
+    clientOptions,
+    publishableKey,
+    clientSessionToken,
+    ...context
+  } = useSeamContext()
+  const userIdentifierKey = useUserIdentifierKeyOrFingerprint(
+    clientSessionToken != null ? '' : context.userIdentifierKey
+  )
 
   const { isLoading, isError, error, data } = useQuery<Seam>({
-    queryKey: ['client', { client, clientSession, userIdentifierKey }],
+    queryKey: [
+      'client',
+      {
+        client,
+        clientOptions,
+        publishableKey,
+        userIdentifierKey,
+        clientSessionToken,
+      },
+    ],
     queryFn: async () => {
       if (client != null) return client
 
-      if (publishableKey == null) {
-        throw new Error('Missing publishableKey')
-      }
-
-      if (clientSession != null) {
+      if (clientSessionToken != null) {
         return new Seam({
           ...clientOptions,
-          clientSessionToken: clientSession.token,
+          clientSessionToken,
         })
       }
 
+      if (publishableKey == null) {
+        throw new Error(
+          'Missing either a client, publishableKey, or clientSessionToken'
+        )
+      }
+
       const res = await Seam.getClientSessionToken({
         ...clientOptions,
         publishableKey,
@@ -40,8 +58,6 @@ export function useSeamClient(): {
         throw new Error('Failed to get client access token')
       }
 
-      setClientSession(res.client_session)
-
       return new Seam({
         ...clientOptions,
         clientSessionToken: res.client_session.token,
@@ -52,34 +68,24 @@ export function useSeamClient(): {
   return { client: data ?? null, isLoading, isError, error }
 }
 
-function useClientSession(): [
-  clientSession: ClientSession | null,
-  setClientSession: (clientSession: ClientSession) => void
-] {
-  const localStorageKey = 'seam_client_session'
-
-  const setClientSession = (clientSession: ClientSession): void => {
-    globalThis?.localStorage?.setItem(
-      localStorageKey,
-      JSON.stringify(clientSession)
-    )
-  }
-
-  const cachedClientSession = globalThis?.localStorage?.getItem(localStorageKey)
-
-  return [
-    cachedClientSession != null ? JSON.parse(cachedClientSession) : null,
-    setClientSession,
-  ]
-}
-
-function useUserIdentifierKey(userIdentifierKey: string | undefined): string {
+/**
+ * You'll almost always want to supply a user identifier key, but if you don't
+ * we'll automatically pick a fingerprint for this user. The user interface
+ * will show warnings when you use a fingerprint because this client session
+ * is bound to this machine, and is effectively ephemeral.
+ */
+function useUserIdentifierKeyOrFingerprint(
+  userIdentifierKey: string | undefined
+): string {
   if (userIdentifierKey != null) {
     return userIdentifierKey
   }
 
-  const localStorageKey = 'seam_user_identifier_key'
-  const key = globalThis?.localStorage?.getItem(localStorageKey) ?? uuidv4()
-  globalThis?.localStorage?.setItem(localStorageKey, key)
-  return key
+  const fingerprintValue =
+    globalThis?.localStorage?.getItem('seam_user_fingerprint') ??
+    `fingerprint_${uuidv4()}`
+
+  globalThis?.localStorage?.setItem('seam_user_fingerprint', fingerprintValue)
+
+  return fingerprintValue
 }

package/src/lib/types/use-seam-query-result.ts

@@ -0,0 +1,7 @@
+import type { UseQueryResult } from '@tanstack/react-query'
+import type { SeamError } from 'seamapi'
+
+export type UseSeamQueryResult<Field extends string, ResponsePayload> = Omit<
+  UseQueryResult<ResponsePayload, SeamError>,
+  'data'
+> & { [key in Field]?: ResponsePayload }

package/src/lib/ui/AccessCodeTable/AccessCodeTable.tsx

@@ -1,5 +1,3 @@
-import type { AccessCode } from 'seamapi'
-
 import {
   TableBody,
   TableCell,
@@ -8,19 +6,23 @@ import {
   TableTitle,
 } from 'lib/ui/Table/index.js'
 
+import { useAccessCodes } from 'lib/hooks/use-access-codes.js'
 import { AccessCodeKeyIcon } from 'lib/icons/AccessCodeKey.js'
 import { CodeDetails } from 'lib/ui/AccessCodeTable/CodeDetails.js'
 import { ContentHeader } from 'lib/ui/layout/ContentHeader.js'
 import { Caption } from 'lib/ui/typography/Caption.js'
 import { Title } from 'lib/ui/typography/Title.js'
 
-export interface AccessCodeTableProps {
-  accessCodes: AccessCode[]
+export function AccessCodeTable(props: {
+  deviceId: string
   onClickBack?: () => void
-}
+}): JSX.Element {
+  const { accessCodes } = useAccessCodes({
+    device_id: props.deviceId,
+  })
+  const { onClickBack } = props
 
-export function AccessCodeTable(props: AccessCodeTableProps): JSX.Element {
-  const { accessCodes, onClickBack } = props
+  if (!accessCodes) return <>{null}</>
 
   return (
     <div className='seam-access-code-table'>

package/src/lib/ui/DeviceDetails/DeviceDetails.tsx

@@ -1,4 +1,4 @@
-import { type AccessCode, type LockDevice } from 'seamapi'
+import { type LockDevice } from 'seamapi'
 
 import { ChevronRightIcon } from 'lib/icons/ChevronRight.js'
 import { AccessCodeTable } from 'lib/ui/AccessCodeTable/AccessCodeTable.js'
@@ -21,15 +21,12 @@ export function DeviceDetails(props: DeviceDetailsProps): JSX.Element {
   const accessCodeLength =
     device.properties?.schlage_metadata?.access_code_length
 
-  // TODO : Fetch access codes
-  const accessCodes: AccessCode[] = []
-
   const [showingAccessCodes, toggleAccessCodes] = useToggle()
 
   if (showingAccessCodes) {
     return (
       <AccessCodeTable
-        accessCodes={accessCodes}
+        deviceId={device.device_id}
         onClickBack={toggleAccessCodes}
       />
     )