@seamapi/react 4.8.2 → 4.9.1

package/lib/seam/noise-sensors/use-noise-thresholds.d.ts

@@ -1,6 +1,6 @@
 import type { NoiseSensorsNoiseThresholdsListParams } from '@seamapi/http/connect';
 import type { NoiseThreshold } from '@seamapi/types/connect';
-import type { UseSeamQueryResult } from '../../../lib/seam/use-seam-query-result.js';
+import type { UseSeamQueryResultLegacy } from '../../../lib/seam/use-seam-query-result.js';
 export type UseNoiseThresholdsParams = NoiseSensorsNoiseThresholdsListParams;
 export type UseNoiseThresholdsData = NoiseThreshold[];
-export declare function useNoiseThresholds(params: UseNoiseThresholdsParams): UseSeamQueryResult<'noiseThresholds', UseNoiseThresholdsData>;
+export declare function useNoiseThresholds(params: UseNoiseThresholdsParams): UseSeamQueryResultLegacy<'noiseThresholds', UseNoiseThresholdsData>;

package/lib/seam/thermostats/use-delete-thermostat-climate-preset.d.ts

@@ -1,6 +1,6 @@
-import type { SeamHttpApiError, ThermostatsDeleteClimatePresetBody } from '@seamapi/http/connect';
+import type { SeamHttpApiError, ThermostatsDeleteClimatePresetParams } from '@seamapi/http/connect';
 import { type UseMutationResult } from '@tanstack/react-query';
 export type UseDeleteThermostatClimatePresetParams = never;
 export type UseDeleteThermostatClimatePresetData = undefined;
-export type UseDeleteThermostatClimatePresetVariables = ThermostatsDeleteClimatePresetBody;
+export type UseDeleteThermostatClimatePresetVariables = ThermostatsDeleteClimatePresetParams;
 export declare function useDeleteThermostatClimatePreset(): UseMutationResult<UseDeleteThermostatClimatePresetData, SeamHttpApiError, UseDeleteThermostatClimatePresetVariables>;

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

@@ -1,6 +1,8 @@
-import { SeamHttp } from '@seamapi/http/connect';
+import { SeamHttp, SeamHttpEndpoints } from '@seamapi/http/connect';
 export declare function useSeamClient(): {
     client: SeamHttp | null;
+    endpointClient: SeamHttpEndpoints | null;
+    queryKeyPrefixes: string[];
     isPending: boolean;
     isError: boolean;
     error: unknown;

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

@@ -1,13 +1,14 @@
-import { SeamHttp } from '@seamapi/http/connect';
+import { SeamHttp, SeamHttpEndpoints } from '@seamapi/http/connect';
 import { useQuery } from '@tanstack/react-query';
 import { useEffect } from 'react';
 import { v4 as uuidv4 } from 'uuid';
-import { useSeamContext } from '../../lib/seam/SeamProvider.js';
+import { useSeamQueryContext } from './SeamQueryProvider.js';
 export function useSeamClient() {
-    const { client, clientOptions, publishableKey, clientSessionToken, ...context } = useSeamContext();
+    const { client, clientOptions, publishableKey, clientSessionToken, queryKeyPrefix, ...context } = useSeamQueryContext();
     const userIdentifierKey = useUserIdentifierKeyOrFingerprint(clientSessionToken != null ? '' : context.userIdentifierKey);
     const { isPending, isError, error, data } = useQuery({
         queryKey: [
+            ...getQueryKeyPrefixes({ queryKeyPrefix }),
             'client',
             {
                 client,
@@ -19,23 +20,43 @@ export function useSeamClient() {
         ],
         queryFn: async () => {
             if (client != null)
-                return client;
+                return [client, SeamHttpEndpoints.fromClient(client.client)];
             if (clientSessionToken != null) {
-                return SeamHttp.fromClientSessionToken(clientSessionToken, clientOptions);
+                const clientSessionTokenClient = SeamHttp.fromClientSessionToken(clientSessionToken, clientOptions);
+                return [
+                    clientSessionTokenClient,
+                    SeamHttpEndpoints.fromClient(clientSessionTokenClient.client),
+                ];
             }
             if (publishableKey == null) {
                 throw new Error('Missing either a client, publishableKey, or clientSessionToken');
             }
-            return await SeamHttp.fromPublishableKey(publishableKey, userIdentifierKey, clientOptions);
+            const publishableKeyClient = await SeamHttp.fromPublishableKey(publishableKey, userIdentifierKey, clientOptions);
+            return [
+                publishableKeyClient,
+                SeamHttpEndpoints.fromClient(publishableKeyClient.client),
+            ];
         },
     });
-    return { client: data ?? null, isPending, isError, error };
+    return {
+        client: data?.[0] ?? null,
+        endpointClient: data?.[1] ?? null,
+        queryKeyPrefixes: getQueryKeyPrefixes({
+            queryKeyPrefix,
+            userIdentifierKey,
+            publishableKey,
+            clientSessionToken,
+        }),
+        isPending,
+        isError,
+        error,
+    };
 }
 export class NullSeamClientError extends Error {
     constructor() {
         super([
             'Attempted to use a null Seam client.',
-            'Either a hook using useSeamClient was called outside of a SeamProvider,',
+            'Either a hook using useSeamClient was called outside of a SeamProvider or SeamQueryProvider,',
             'or there was an error when creating the Seam client in useSeamClient,',
             'or useSeamClient is still loading the client.',
         ].join(' '));
@@ -48,7 +69,7 @@ function useUserIdentifierKeyOrFingerprint(userIdentifierKey) {
         if (userIdentifierKey != null)
             return;
         // eslint-disable-next-line no-console
-        console.warn(`Using an automatically generated fingerprint for the SeamProvider userIdentifierKey!
+        console.warn(`Using an automatically generated fingerprint for the Seam userIdentifierKey!
 The user interface will show warnings when using a fingerprint.
 This is not recommended because the client session is now bound to this machine and is effectively ephemeral.`);
     }, [userIdentifierKey]);
@@ -60,4 +81,16 @@ This is not recommended because the client session is now bound to this machine
     globalThis.localStorage?.setItem('seam_user_fingerprint', fingerprint);
     return fingerprint;
 }
+const getQueryKeyPrefixes = ({ queryKeyPrefix, userIdentifierKey, publishableKey, clientSessionToken, }) => {
+    const seamPrefix = 'seam';
+    if (queryKeyPrefix != null)
+        return [seamPrefix, queryKeyPrefix];
+    if (clientSessionToken != null) {
+        return [seamPrefix, clientSessionToken];
+    }
+    if (publishableKey != null && userIdentifierKey != null) {
+        return [seamPrefix, publishableKey, userIdentifierKey];
+    }
+    return [seamPrefix];
+};
 //# 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":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAA;AAChD,OAAO,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAA;AAChD,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AACjC,OAAO,EAAE,EAAE,IAAI,MAAM,EAAE,MAAM,MAAM,CAAA;AAEnC,OAAO,EAAE,cAAc,EAAE,MAAM,0BAA0B,CAAA;AAEzD,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,CAAW;QAC7D,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,CAAC;gBAC/B,OAAO,QAAQ,CAAC,sBAAsB,CACpC,kBAAkB,EAClB,aAAa,CACd,CAAA;YACH,CAAC;YAED,IAAI,cAAc,IAAI,IAAI,EAAE,CAAC;gBAC3B,MAAM,IAAI,KAAK,CACb,gEAAgE,CACjE,CAAA;YACH,CAAC;YAED,OAAO,MAAM,QAAQ,CAAC,kBAAkB,CACtC,cAAc,EACd,iBAAiB,EACjB,aAAa,CACd,CAAA;QACH,CAAC;KACF,CAAC,CAAA;IAEF,OAAO,EAAE,MAAM,EAAE,IAAI,IAAI,IAAI,EAAE,SAAS,EAAE,OAAO,EAAE,KAAK,EAAE,CAAA;AAC5D,CAAC;AAED,MAAM,OAAO,mBAAoB,SAAQ,KAAK;IAC5C;QACE,KAAK,CACH;YACE,sCAAsC;YACtC,yEAAyE;YACzE,uEAAuE;YACvE,+CAA+C;SAChD,CAAC,IAAI,CAAC,GAAG,CAAC,CACZ,CAAA;QACD,IAAI,CAAC,IAAI,GAAG,IAAI,CAAC,WAAW,CAAC,IAAI,CAAA;QACjC,KAAK,CAAC,iBAAiB,CAAC,IAAI,EAAE,IAAI,CAAC,WAAW,CAAC,CAAA;IACjD,CAAC;CACF;AAED,SAAS,iCAAiC,CACxC,iBAAqC;IAErC,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,iBAAiB,IAAI,IAAI;YAAE,OAAM;QACrC,sCAAsC;QACtC,OAAO,CAAC,IAAI,CAAC;;8GAE6F,CAAC,CAAA;IAC7G,CAAC,EAAE,CAAC,iBAAiB,CAAC,CAAC,CAAA;IAEvB,IAAI,iBAAiB,IAAI,IAAI,EAAE,CAAC;QAC9B,OAAO,iBAAiB,CAAA;IAC1B,CAAC;IAED,MAAM,WAAW,GACf,UAAU,CAAC,YAAY,EAAE,OAAO,CAAC,uBAAuB,CAAC;QACzD,eAAe,MAAM,EAAE,EAAE,CAAA;IAE3B,UAAU,CAAC,YAAY,EAAE,OAAO,CAAC,uBAAuB,EAAE,WAAW,CAAC,CAAA;IAEtE,OAAO,WAAW,CAAA;AACpB,CAAC"}
+{"version":3,"file":"use-seam-client.js","sourceRoot":"","sources":["../../src/lib/seam/use-seam-client.ts"],"names":[],"mappings":"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"}

package/lib/seam/use-seam-mutation.d.ts

@@ -0,0 +1,8 @@
+import type { SeamHttpApiError, SeamHttpEndpointMutationPaths, SeamHttpEndpoints } from '@seamapi/http/connect';
+import { type UseMutationOptions, type UseMutationResult } from '@tanstack/react-query';
+export type UseSeamMutationVariables<T extends SeamHttpEndpointMutationPaths> = Parameters<SeamHttpEndpoints[T]>[0];
+export type UseSeamMutationResult<T extends SeamHttpEndpointMutationPaths> = UseMutationResult<MutationData<T>, SeamHttpApiError, UseSeamMutationVariables<T>>;
+export declare function useSeamMutation<T extends SeamHttpEndpointMutationPaths>(endpointPath: T, options?: Parameters<SeamHttpEndpoints[T]>[1] & MutationOptions<MutationData<T>, SeamHttpApiError, UseSeamMutationVariables<T>>): UseSeamMutationResult<T>;
+type MutationData<T extends SeamHttpEndpointMutationPaths> = Awaited<ReturnType<SeamHttpEndpoints[T]>>;
+type MutationOptions<X, Y, Z> = Omit<UseMutationOptions<X, Y, Z>, 'mutationFn'>;
+export {};

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

@@ -0,0 +1,17 @@
+import { useMutation, } from '@tanstack/react-query';
+import { NullSeamClientError, useSeamClient } from '../../lib/seam/use-seam-client.js';
+export function useSeamMutation(endpointPath, options = {}) {
+    const { endpointClient: client } = useSeamClient();
+    return useMutation({
+        ...options,
+        mutationFn: async (variables) => {
+            if (client === null)
+                throw new NullSeamClientError();
+            // Using @ts-expect-error over any is preferred, but not possible here because TypeScript will run out of memory.
+            // Type assertion is needed here for performance reasons. The types are correct at runtime.
+            const endpoint = client[endpointPath];
+            return await endpoint(variables, options);
+        },
+    });
+}
+//# sourceMappingURL=use-seam-mutation.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"use-seam-mutation.js","sourceRoot":"","sources":["../../src/lib/seam/use-seam-mutation.ts"],"names":[],"mappings":"AAKA,OAAO,EACL,WAAW,GAGZ,MAAM,uBAAuB,CAAA;AAE9B,OAAO,EAAE,mBAAmB,EAAE,aAAa,EAAE,MAAM,6BAA6B,CAAA;AAYhF,MAAM,UAAU,eAAe,CAC7B,YAAe,EACf,UAKM,EAAE;IAER,MAAM,EAAE,cAAc,EAAE,MAAM,EAAE,GAAG,aAAa,EAAE,CAAA;IAClD,OAAO,WAAW,CAAC;QACjB,GAAG,OAAO;QACV,UAAU,EAAE,KAAK,EAAE,SAAS,EAAE,EAAE;YAC9B,IAAI,MAAM,KAAK,IAAI;gBAAE,MAAM,IAAI,mBAAmB,EAAE,CAAA;YACpD,iHAAiH;YACjH,2FAA2F;YAC3F,MAAM,QAAQ,GAAG,MAAM,CAAC,YAAY,CAAmC,CAAA;YACvE,OAAO,MAAM,QAAQ,CAAC,SAAS,EAAE,OAAO,CAAC,CAAA;QAC3C,CAAC;KACF,CAAC,CAAA;AACJ,CAAC"}

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

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

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

@@ -0,0 +1,8 @@
+import type { SeamHttpApiError, SeamHttpEndpointQueryPaths, SeamHttpEndpoints } from '@seamapi/http/connect';
+import { type UseQueryOptions, type UseQueryResult } from '@tanstack/react-query';
+export type UseSeamQueryParameters<T extends SeamHttpEndpointQueryPaths> = Parameters<SeamHttpEndpoints[T]>[0];
+export type UseSeamQueryResult<T extends SeamHttpEndpointQueryPaths> = UseQueryResult<QueryData<T>, SeamHttpApiError>;
+export declare function useSeamQuery<T extends SeamHttpEndpointQueryPaths>(endpointPath: T, parameters?: UseSeamQueryParameters<T>, options?: Parameters<SeamHttpEndpoints[T]>[1] & QueryOptions<QueryData<T>, SeamHttpApiError>): UseSeamQueryResult<T>;
+type QueryData<T extends SeamHttpEndpointQueryPaths> = Awaited<ReturnType<SeamHttpEndpoints[T]>>;
+type QueryOptions<X, Y> = Omit<UseQueryOptions<X, Y>, 'queryKey' | 'queryFn'>;
+export {};

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

@@ -0,0 +1,23 @@
+import { useQuery, } from '@tanstack/react-query';
+import { useSeamClient } from '../../lib/seam/use-seam-client.js';
+export function useSeamQuery(endpointPath, parameters, options = {}) {
+    const { endpointClient: client, queryKeyPrefixes } = useSeamClient();
+    return useQuery({
+        enabled: client != null,
+        ...options,
+        queryKey: [
+            ...queryKeyPrefixes,
+            ...endpointPath.split('/').filter((v) => v !== ''),
+            parameters,
+        ],
+        queryFn: async () => {
+            if (client == null)
+                return null;
+            // Using @ts-expect-error over any is preferred, but not possible here because TypeScript will run out of memory.
+            // Type assertion is needed here for performance reasons. The types are correct at runtime.
+            const endpoint = client[endpointPath];
+            return await endpoint(parameters, options);
+        },
+    });
+}
+//# sourceMappingURL=use-seam-query.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"use-seam-query.js","sourceRoot":"","sources":["../../src/lib/seam/use-seam-query.ts"],"names":[],"mappings":"AAKA,OAAO,EACL,QAAQ,GAGT,MAAM,uBAAuB,CAAA;AAE9B,OAAO,EAAE,aAAa,EAAE,MAAM,6BAA6B,CAAA;AAQ3D,MAAM,UAAU,YAAY,CAC1B,YAAe,EACf,UAAsC,EACtC,UACiD,EAAE;IAEnD,MAAM,EAAE,cAAc,EAAE,MAAM,EAAE,gBAAgB,EAAE,GAAG,aAAa,EAAE,CAAA;IACpE,OAAO,QAAQ,CAAC;QACd,OAAO,EAAE,MAAM,IAAI,IAAI;QACvB,GAAG,OAAO;QACV,QAAQ,EAAE;YACR,GAAG,gBAAgB;YACnB,GAAG,YAAY,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,KAAK,EAAE,CAAC;YAClD,UAAU;SACX;QACD,OAAO,EAAE,KAAK,IAAI,EAAE;YAClB,IAAI,MAAM,IAAI,IAAI;gBAAE,OAAO,IAAI,CAAA;YAC/B,iHAAiH;YACjH,2FAA2F;YAC3F,MAAM,QAAQ,GAAG,MAAM,CAAC,YAAY,CAAmC,CAAA;YACvE,OAAO,MAAM,QAAQ,CAAC,UAAU,EAAE,OAAO,CAAC,CAAA;QAC5C,CAAC;KACF,CAAC,CAAA;AACJ,CAAC"}

package/lib/telemetry/hooks.js

@@ -1,6 +1,6 @@
 import { useEffect, useLayoutEffect } from 'react';
 import { useClientSession } from '../../lib/seam/client-sessions/use-client-session.js';
-import { useSeamContext } from '../../lib/seam/SeamProvider.js';
+import { useSeamQueryContext } from '../../lib/seam/SeamQueryProvider.js';
 import { useTelemetryContext } from './TelemetryProvider.js';
 export function useTelemetryClient() {
     const { client } = useTelemetryContext();
@@ -18,7 +18,7 @@ export function useComponentTelemetry(name) {
 }
 export function useUserTelemetry() {
     const telemetry = useTelemetryClient();
-    const { publishableKey } = useSeamContext();
+    const { publishableKey } = useSeamQueryContext();
     const { clientSession } = useClientSession();
     // Ensure identify runs earlier than other effects to avoid anonymous telemetry data.
     useLayoutEffect(() => {

package/lib/telemetry/hooks.js.map

@@ -1 +1 @@
-{"version":3,"file":"hooks.js","sourceRoot":"","sources":["../../src/lib/telemetry/hooks.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,eAAe,EAAE,MAAM,OAAO,CAAA;AAElD,OAAO,EAAE,gBAAgB,EAAE,MAAM,gDAAgD,CAAA;AACjF,OAAO,EAAE,cAAc,EAAE,MAAM,0BAA0B,CAAA;AAGzD,OAAO,EAAE,mBAAmB,EAAE,MAAM,wBAAwB,CAAA;AAE5D,MAAM,UAAU,kBAAkB;IAChC,MAAM,EAAE,MAAM,EAAE,GAAG,mBAAmB,EAAE,CAAA;IACxC,OAAO,MAAM,CAAA;AACf,CAAC;AAED,MAAM,UAAU,qBAAqB,CAAC,IAAY;IAChD,MAAM,EAAE,aAAa,EAAE,GAAG,gBAAgB,EAAE,CAAA;IAC5C,MAAM,SAAS,GAAG,kBAAkB,EAAE,CAAA;IACtC,SAAS,CAAC,GAAG,EAAE;QACb,sEAAsE;QACtE,IAAI,aAAa,IAAI,IAAI;YAAE,OAAM;QACjC,SAAS,CAAC,MAAM,CAAC,IAAI,CAAC,CAAA;IACxB,CAAC,EAAE,CAAC,IAAI,EAAE,SAAS,EAAE,aAAa,CAAC,CAAC,CAAA;AACtC,CAAC;AAED,MAAM,UAAU,gBAAgB;IAC9B,MAAM,SAAS,GAAG,kBAAkB,EAAE,CAAA;IACtC,MAAM,EAAE,cAAc,EAAE,GAAG,cAAc,EAAE,CAAA;IAC3C,MAAM,EAAE,aAAa,EAAE,GAAG,gBAAgB,EAAE,CAAA;IAE5C,qFAAqF;IACrF,eAAe,CAAC,GAAG,EAAE;QACnB,IAAI,aAAa,IAAI,IAAI;YAAE,OAAM;QAEjC,MAAM,eAAe,GAAG;YACtB,aAAa,CAAC,YAAY;YAC1B,aAAa,CAAC,mBAAmB,IAAI,SAAS;SAC/C,CAAC,IAAI,CAAC,GAAG,CAAC,CAAA;QAEX,SAAS,CAAC,KAAK,CAAC,eAAe,CAAC,CAAA;QAEhC,SAAS,CAAC,QAAQ,CAAC,eAAe,EAAE;YAClC,YAAY,EAAE,aAAa,CAAC,YAAY;YACxC,mBAAmB,EAAE,aAAa,CAAC,mBAAmB;YACtD,eAAe,EAAE,cAAc;SAChC,CAAC,CAAA;QAEF,SAAS,CAAC,KAAK,CAAC,aAAa,CAAC,YAAY,EAAE;YAC1C,YAAY,EAAE,aAAa,CAAC,YAAY;SACzC,CAAC,CAAA;IACJ,CAAC,EAAE,CAAC,aAAa,EAAE,cAAc,EAAE,SAAS,CAAC,CAAC,CAAA;AAChD,CAAC"}
+{"version":3,"file":"hooks.js","sourceRoot":"","sources":["../../src/lib/telemetry/hooks.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,eAAe,EAAE,MAAM,OAAO,CAAA;AAElD,OAAO,EAAE,gBAAgB,EAAE,MAAM,gDAAgD,CAAA;AACjF,OAAO,EAAE,mBAAmB,EAAE,MAAM,+BAA+B,CAAA;AAGnE,OAAO,EAAE,mBAAmB,EAAE,MAAM,wBAAwB,CAAA;AAE5D,MAAM,UAAU,kBAAkB;IAChC,MAAM,EAAE,MAAM,EAAE,GAAG,mBAAmB,EAAE,CAAA;IACxC,OAAO,MAAM,CAAA;AACf,CAAC;AAED,MAAM,UAAU,qBAAqB,CAAC,IAAY;IAChD,MAAM,EAAE,aAAa,EAAE,GAAG,gBAAgB,EAAE,CAAA;IAC5C,MAAM,SAAS,GAAG,kBAAkB,EAAE,CAAA;IACtC,SAAS,CAAC,GAAG,EAAE;QACb,sEAAsE;QACtE,IAAI,aAAa,IAAI,IAAI;YAAE,OAAM;QACjC,SAAS,CAAC,MAAM,CAAC,IAAI,CAAC,CAAA;IACxB,CAAC,EAAE,CAAC,IAAI,EAAE,SAAS,EAAE,aAAa,CAAC,CAAC,CAAA;AACtC,CAAC;AAED,MAAM,UAAU,gBAAgB;IAC9B,MAAM,SAAS,GAAG,kBAAkB,EAAE,CAAA;IACtC,MAAM,EAAE,cAAc,EAAE,GAAG,mBAAmB,EAAE,CAAA;IAChD,MAAM,EAAE,aAAa,EAAE,GAAG,gBAAgB,EAAE,CAAA;IAE5C,qFAAqF;IACrF,eAAe,CAAC,GAAG,EAAE;QACnB,IAAI,aAAa,IAAI,IAAI;YAAE,OAAM;QAEjC,MAAM,eAAe,GAAG;YACtB,aAAa,CAAC,YAAY;YAC1B,aAAa,CAAC,mBAAmB,IAAI,SAAS;SAC/C,CAAC,IAAI,CAAC,GAAG,CAAC,CAAA;QAEX,SAAS,CAAC,KAAK,CAAC,eAAe,CAAC,CAAA;QAEhC,SAAS,CAAC,QAAQ,CAAC,eAAe,EAAE;YAClC,YAAY,EAAE,aAAa,CAAC,YAAY;YACxC,mBAAmB,EAAE,aAAa,CAAC,mBAAmB;YACtD,eAAe,EAAE,cAAc;SAChC,CAAC,CAAA;QAEF,SAAS,CAAC,KAAK,CAAC,aAAa,CAAC,YAAY,EAAE;YAC1C,YAAY,EAAE,aAAa,CAAC,YAAY;SACzC,CAAC,CAAA;IACJ,CAAC,EAAE,CAAC,aAAa,EAAE,cAAc,EAAE,SAAS,CAAC,CAAC,CAAA;AAChD,CAAC"}

package/lib/ui/DateTimePicker/DateTimePicker.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
 import { type TextFieldProps } from '../../../lib/ui/TextField/TextField.js';
-export declare const DateTimePicker: import("react").ForwardRefExoticComponent<Pick<TextFieldProps, "value" | "className" | "size"> & {
+export declare const DateTimePicker: import("react").ForwardRefExoticComponent<Pick<TextFieldProps, "value" | "size" | "className"> & {
     onChange: (value: string) => void;
 } & import("react").RefAttributes<HTMLInputElement | undefined>>;

package/lib/version.d.ts

@@ -1,2 +1,2 @@
-declare const seamapiReactVersion = "4.8.2";
+declare const seamapiReactVersion = "4.9.1";
 export default seamapiReactVersion;

package/lib/version.js

@@ -1,3 +1,3 @@
-const seamapiReactVersion = '4.8.2';
+const seamapiReactVersion = '4.9.1';
 export default seamapiReactVersion;
 //# sourceMappingURL=version.js.map

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@seamapi/react",
-  "version": "4.8.2",
+  "version": "4.9.1",
   "description": "Seam Components.",
   "type": "module",
   "main": "index.js",
@@ -109,6 +109,7 @@
     "npm": ">= 9.0.0"
   },
   "peerDependencies": {
+    "@seamapi/http": "^1.37.0",
     "@seamapi/types": "^1.395.3",
     "@types/react": "^18.0.0",
     "@types/react-dom": "^18.0.0",
@@ -128,7 +129,6 @@
   },
   "dependencies": {
     "@floating-ui/react": "^0.27.5",
-    "@seamapi/http": "^1.30.2",
     "@tanstack/react-query": "^5.27.5",
     "classnames": "^2.3.2",
     "luxon": "^3.3.0",
@@ -145,6 +145,7 @@
     "@rxfork/r2wc-react-to-web-component": "^2.4.0",
     "@seamapi/fake-devicedb": "^1.6.1",
     "@seamapi/fake-seam-connect": "^1.76.0",
+    "@seamapi/http": "^1.38.3",
     "@seamapi/types": "^1.395.3",
     "@storybook/addon-designs": "^7.0.1",
     "@storybook/addon-essentials": "^7.0.2",

package/src/lib/index.ts

@@ -1,3 +1,4 @@
 export * from './seam/components/index.js'
 export * from './seam/index.js'
 export * from './seam/SeamProvider.js'
+export * from './seam/SeamQueryProvider.js'

package/src/lib/seam/SeamProvider.tsx

@@ -1,16 +1,13 @@
-import type {
-  SeamHttp,
-  SeamHttpOptionsWithClientSessionToken,
-} from '@seamapi/http/connect'
-import { QueryClient, QueryClientProvider } from '@tanstack/react-query'
-import {
-  createContext,
-  type PropsWithChildren,
-  useContext,
-  useEffect,
-  useMemo,
-} from 'react'
+import type { SeamHttp } from '@seamapi/http/connect'
+import type { QueryClient } from '@tanstack/react-query'
+import { createContext, type PropsWithChildren, useMemo } from 'react'
 
+import {
+  SeamQueryProvider,
+  type SeamQueryProviderPropsWithClient,
+  type SeamQueryProviderPropsWithClientSessionToken,
+  type SeamQueryProviderPropsWithPublishableKey,
+} from 'lib/seam/SeamQueryProvider.js'
 import { useSeamFont } from 'lib/seam/use-seam-font.js'
 import { useSeamStyles } from 'lib/seam/use-seam-styles.js'
 import {
@@ -19,8 +16,6 @@ import {
   useUserTelemetry,
 } from 'lib/telemetry/index.js'
 
-import { useSeamClient } from './use-seam-client.js'
-
 declare global {
   // eslint-disable-next-line no-var
   var seam: SeamProviderProps | undefined
@@ -30,33 +25,28 @@ declare global {
   var seamTelemetryClient: TelemetryClient | undefined
 }
 
-export interface SeamContext {
-  client: SeamHttp | null
-  clientOptions?: SeamProviderClientOptions | undefined
-  publishableKey?: string | undefined
-  userIdentifierKey?: string | undefined
-  clientSessionToken?: string | undefined
-}
+// eslint-disable-next-line @typescript-eslint/no-empty-interface
+export interface SeamContext {}
 
 export type SeamProviderProps =
   | SeamProviderPropsWithClient
   | SeamProviderPropsWithPublishableKey
   | SeamProviderPropsWithClientSessionToken
 
-export interface SeamProviderPropsWithClient extends SeamProviderBaseProps {
-  client: SeamHttp
-}
+export interface SeamProviderPropsWithClient
+  extends SeamQueryProviderPropsWithClient,
+    SeamProviderBaseProps {}
 
 export interface SeamProviderPropsWithPublishableKey
   extends SeamProviderBaseProps,
-    SeamProviderClientOptions {
+    SeamQueryProviderPropsWithPublishableKey {
   publishableKey: string
   userIdentifierKey?: string
 }
 
 export interface SeamProviderPropsWithClientSessionToken
   extends SeamProviderBaseProps,
-    SeamProviderClientOptions {
+    SeamQueryProviderPropsWithClientSessionToken {
   clientSessionToken: string
 }
 
@@ -70,12 +60,6 @@ interface SeamProviderBaseProps extends PropsWithChildren {
   onSessionUpdate?: (client: SeamHttp) => void
 }
 
-type SeamClientOptions = SeamHttpOptionsWithClientSessionToken
-
-export type SeamProviderClientOptions = Pick<SeamClientOptions, 'endpoint'>
-
-const defaultQueryClient = new QueryClient()
-
 export const seamComponentsClassName = 'seam-components'
 
 export function SeamProvider({
@@ -84,40 +68,21 @@ export function SeamProvider({
   disableCssInjection = false,
   disableFontInjection = false,
   unminifiyCss = false,
-  onSessionUpdate = () => {},
-  queryClient,
   telemetryClient,
+  queryClient,
   ...props
 }: SeamProviderProps): JSX.Element {
   useSeamStyles({ disabled: disableCssInjection, unminified: unminifiyCss })
   useSeamFont({ disabled: disableFontInjection })
 
+  const { Provider } = seamContext
+
+  const endpoint = 'endpoint' in props ? props.endpoint : undefined
   const value = useMemo(() => {
     const context = createSeamContextValue(props)
-    if (
-      context.client == null &&
-      context.publishableKey == null &&
-      context.clientSessionToken == null
-    ) {
-      return defaultSeamContextValue
-    }
     return context
   }, [props])
 
-  if (
-    value.client == null &&
-    value.publishableKey == null &&
-    value.clientSessionToken == null
-  ) {
-    throw new Error(
-      `Must provide either a Seam client, clientSessionToken, or a publishableKey.`
-    )
-  }
-
-  const { Provider } = seamContext
-
-  const endpoint = 'endpoint' in props ? props.endpoint : undefined
-
   return (
     <div className={seamComponentsClassName}>
       <TelemetryProvider
@@ -125,157 +90,41 @@ export function SeamProvider({
         disabled={disableTelemetry}
         endpoint={endpoint}
       >
-        <QueryClientProvider
-          client={
-            queryClient ?? globalThis.seamQueryClient ?? defaultQueryClient
-          }
+        <SeamQueryProvider
+          queryClient={queryClient ?? globalThis.seamQueryClient}
+          {...props}
         >
           <Provider value={value}>
-            <Wrapper onSessionUpdate={onSessionUpdate}>{children}</Wrapper>
+            <Telemetry>{children}</Telemetry>
           </Provider>
-        </QueryClientProvider>
+        </SeamQueryProvider>
       </TelemetryProvider>
     </div>
   )
 }
 
-function Wrapper({
-  onSessionUpdate,
-  children,
-}: Required<Pick<SeamProviderProps, 'onSessionUpdate'>> &
-  PropsWithChildren): JSX.Element | null {
+function Telemetry({ children }: PropsWithChildren): JSX.Element | null {
   useUserTelemetry()
-
-  const { client } = useSeamClient()
-  useEffect(() => {
-    if (client != null) onSessionUpdate(client)
-  }, [onSessionUpdate, client])
-
   return <>{children}</>
 }
 
 const createDefaultSeamContextValue = (): SeamContext => {
   try {
     if (globalThis.seam == null) {
-      return { client: null }
+      return {}
     }
     return createSeamContextValue(globalThis.seam)
   } catch (err) {
     // eslint-disable-next-line no-console
     console.warn(err)
-    return { client: null }
+    return {}
   }
 }
 
-const createSeamContextValue = (options: SeamProviderProps): SeamContext => {
-  if (isSeamProviderPropsWithClient(options)) {
-    return options
-  }
-
-  if (isSeamProviderPropsWithClientSessionToken(options)) {
-    const { clientSessionToken, ...clientOptions } = options
-    return {
-      clientSessionToken,
-      clientOptions,
-      client: null,
-    }
-  }
-
-  if (isSeamProviderPropsWithPublishableKey(options)) {
-    const { publishableKey, userIdentifierKey, ...clientOptions } = options
-    return {
-      publishableKey,
-      userIdentifierKey,
-      clientOptions,
-      client: null,
-    }
-  }
-
-  return { client: null }
+const createSeamContextValue = (_options: SeamProviderProps): SeamContext => {
+  return {}
 }
 
 const defaultSeamContextValue = createDefaultSeamContextValue()
 
-export const seamContext = createContext<SeamContext>(defaultSeamContextValue)
-
-export function useSeamContext(): SeamContext {
-  return useContext(seamContext)
-}
-
-const isSeamProviderPropsWithClient = (
-  props: SeamProviderProps
-): props is SeamProviderPropsWithClient => {
-  if (!('client' in props)) return false
-
-  const { client, ...otherProps } = props
-  if (client == null) return false
-
-  const otherNonNullProps = Object.values(otherProps).filter((v) => v != null)
-  if (otherNonNullProps.length > 0) {
-    throw new InvalidSeamProviderProps(
-      `The client prop cannot be used with ${otherNonNullProps.join(' or ')}.`
-    )
-  }
-
-  return true
-}
-
-const isSeamProviderPropsWithPublishableKey = (
-  props: SeamProviderProps
-): props is SeamProviderPropsWithPublishableKey & SeamProviderClientOptions => {
-  if (!('publishableKey' in props)) return false
-
-  const { publishableKey } = props
-  if (publishableKey == null) return false
-
-  if ('client' in props && props.client != null) {
-    throw new InvalidSeamProviderProps(
-      'The client prop cannot be used with the publishableKey prop.'
-    )
-  }
-
-  if ('clientSessionToken' in props && props.clientSessionToken != null) {
-    throw new InvalidSeamProviderProps(
-      'The clientSessionToken prop cannot be used with the publishableKey prop.'
-    )
-  }
-
-  return true
-}
-
-const isSeamProviderPropsWithClientSessionToken = (
-  props: SeamProviderProps
-): props is SeamProviderPropsWithClientSessionToken &
-  SeamProviderClientOptions => {
-  if (!('clientSessionToken' in props)) return false
-
-  const { clientSessionToken } = props
-  if (clientSessionToken == null) return false
-
-  if ('client' in props && props.client != null) {
-    throw new InvalidSeamProviderProps(
-      'The client prop cannot be used with the clientSessionToken prop.'
-    )
-  }
-
-  if ('publishableKey' in props && props.publishableKey != null) {
-    throw new InvalidSeamProviderProps(
-      'The publishableKey prop cannot be used with the clientSessionToken prop.'
-    )
-  }
-
-  if ('userIdentifierKey' in props && props.userIdentifierKey != null) {
-    throw new InvalidSeamProviderProps(
-      'The userIdentifierKey prop cannot be used with the clientSessionToken prop.'
-    )
-  }
-
-  return true
-}
-
-class InvalidSeamProviderProps extends Error {
-  constructor(message: string) {
-    super(`SeamProvider received invalid props: ${message}`)
-    this.name = this.constructor.name
-  }
-}
+const seamContext = createContext<SeamContext>(defaultSeamContextValue)