@sanity/sdk-react 0.0.1 → 0.0.2

package/dist/index.d.ts

@@ -133,7 +133,6 @@ export {DatasetsResponse}
 
 declare interface DocumentInteractionHistory {
   recordEvent: (eventType: 'viewed' | 'edited' | 'created' | 'deleted') => void
-  isConnected: boolean
 }
 
 /**
@@ -237,7 +236,6 @@ declare interface ManageFavorite extends FavoriteStatusResponse {
   favorite: () => Promise<void>
   unfavorite: () => Promise<void>
   isFavorited: boolean
-  isConnected: boolean
 }
 
 /**
@@ -258,7 +256,6 @@ export declare type MessageHandler<TWindowMessage extends WindowMessage> = (
  */
 export declare interface NavigateToStudioResult {
   navigateToStudioDocument: () => void
-  isConnected: boolean
 }
 
 /**
@@ -559,7 +556,6 @@ export {SortOrderingItem}
 declare interface StudioWorkspacesResult {
   workspacesByProjectIdAndDataset: WorkspacesByProjectIdDataset
   error: string | null
-  isConnected: boolean
 }
 
 declare type Updater<TValue> = TValue | ((currentValue: TValue) => TValue)
@@ -1577,16 +1573,28 @@ declare interface UseManageFavoriteProps extends DocumentHandle {
  * - `isConnected` - Boolean indicating if connection to Dashboard is established
  *
  * @example
- * ```ts
+ * ```tsx
  * import {useNavigateToStudioDocument, type DocumentHandle} from '@sanity/sdk-react'
+ * import {Button} from '@sanity/ui'
+ * import {Suspense} from 'react'
  *
- * function MyComponent({documentHandle}: {documentHandle: DocumentHandle}) {
+ * function NavigateButton({documentHandle}: {documentHandle: DocumentHandle}) {
  *   const {navigateToStudioDocument, isConnected} = useNavigateToStudioDocument(documentHandle)
+ *   return (
+ *     <Button
+ *       disabled={!isConnected}
+ *       onClick={navigateToStudioDocument}
+ *       text="Navigate to Studio Document"
+ *     />
+ *   )
+ * }
  *
+ * // Wrap the component with Suspense since the hook may suspend
+ * function MyDocumentAction({documentHandle}: {documentHandle: DocumentHandle}) {
  *   return (
- *     <button onClick={navigateToStudioDocument} disabled={!isConnected}>
- *       Navigate to Studio Document
- *     </button>
+ *     <Suspense fallback={<Button text="Loading..." disabled />}>
+ *       <NavigateButton documentHandle={documentHandle} />
+ *     </Suspense>
  *   )
  * }
  * ```
@@ -2143,7 +2151,11 @@ export declare function useQuery<TData>(options: QueryOptions): {
  *
  * @example
  * ```tsx
- * function MyDocumentAction(props: DocumentActionProps) {
+ * import {useRecordDocumentHistoryEvent} from '@sanity/sdk-react'
+ * import {Button} from '@sanity/ui'
+ * import {Suspense} from 'react'
+ *
+ * function RecordEventButton(props: DocumentActionProps) {
  *   const {documentId, documentType, resourceType, resourceId} = props
  *   const {recordEvent, isConnected} = useRecordDocumentHistoryEvent({
  *     documentId,
@@ -2151,15 +2163,23 @@ export declare function useQuery<TData>(options: QueryOptions): {
  *     resourceType,
  *     resourceId,
  *   })
- *
  *   return (
  *     <Button
  *       disabled={!isConnected}
  *       onClick={() => recordEvent('viewed')}
- *       text={'Viewed'}
+ *       text="Viewed"
  *     />
  *   )
  * }
+ *
+ * // Wrap the component with Suspense since the hook may suspend
+ * function MyDocumentAction(props: DocumentActionProps) {
+ *   return (
+ *     <Suspense fallback={<Button text="Loading..." disabled />}>
+ *       <RecordEventButton {...props} />
+ *     </Suspense>
+ *   )
+ * }
  * ```
  */
 export declare function useRecordDocumentHistoryEvent({
@@ -2265,6 +2285,36 @@ export declare const useSanityInstance: (config?: SanityConfig) => SanityInstanc
 /**
  * Hook that fetches studio workspaces and organizes them by projectId:dataset
  * @internal
+ *
+ * @example
+ * ```tsx
+ * import {useStudioWorkspacesByProjectIdDataset} from '@sanity/sdk-react'
+ * import {Card, Code, Button} from '@sanity/ui'
+ * import {Suspense} from 'react'
+ *
+ * function WorkspacesCard() {
+ *   const {workspacesByProjectIdAndDataset, error} = useStudioWorkspacesByProjectIdDataset()
+ *   if (error) {
+ *     return <div>Error: {error}</div>
+ *   }
+ *   return (
+ *     <Card padding={4} radius={2} shadow={1}>
+ *       <Code language="json">
+ *         {JSON.stringify(workspacesByProjectIdAndDataset, null, 2)}
+ *       </Code>
+ *     </Card>
+ *   )
+ * }
+ *
+ * // Wrap the component with Suspense since the hook may suspend
+ * function DashboardWorkspaces() {
+ *   return (
+ *     <Suspense fallback={<Button text="Loading..." disabled />}>
+ *       <WorkspacesCard />
+ *     </Suspense>
+ *   )
+ * }
+ * ```
  */
 export declare function useStudioWorkspacesByProjectIdDataset(): StudioWorkspacesResult
 
@@ -2343,7 +2393,6 @@ export declare function useWindowConnection<
   name,
   connectTo,
   onMessage,
-  onStatus,
 }: UseWindowConnectionOptions<TFrameMessage>): WindowConnection<TWindowMessage>
 
 /**
@@ -2353,7 +2402,6 @@ export declare interface UseWindowConnectionOptions<TMessage extends FrameMessag
   name: string
   connectTo: string
   onMessage?: Record<TMessage['type'], WindowMessageHandler<TMessage>>
-  onStatus?: (status: ComlinkStatus) => void
 }
 
 /**

package/dist/index.js

@@ -1,6 +1,6 @@
 import { jsxs, jsx, Fragment } from "react/jsx-runtime";
 import { c } from "react-compiler-runtime";
-import { getAuthState, getLoginUrlState, observeOrganizationVerificationState, handleAuthCallback, logout, AuthStateType, createSanityInstance, getTokenState, getCurrentUserState, getDashboardOrganizationId, getClientState, getOrCreateController, getOrCreateChannel, releaseChannel, getOrCreateNode, releaseNode, getFavoritesState, resolveFavoritesState, resolveDatasets, getDatasetsState, applyDocumentActions, resolveDocument, getDocumentState, subscribeDocumentEvents, getPermissionsState, getDocumentSyncStatus, editDocument, getQueryKey, parseQueryKey, getQueryState, resolveQuery, createGroqSearchFilter, getPreviewState, resolvePreview, getProjectionState, resolveProjection, resolveProject, getProjectState, resolveProjects, getProjectsState, getActiveReleasesState, getPerspectiveState, getUsersKey, parseUsersKey, getUsersState, resolveUsers, loadMoreUsers } from "@sanity/sdk";
+import { getAuthState, getLoginUrlState, observeOrganizationVerificationState, handleAuthCallback, logout, AuthStateType, createSanityInstance, getTokenState, getCurrentUserState, getDashboardOrganizationId, getClientState, getOrCreateController, getOrCreateChannel, releaseChannel, getNodeState, getFavoritesState, resolveFavoritesState, resolveDatasets, getDatasetsState, applyDocumentActions, resolveDocument, getDocumentState, subscribeDocumentEvents, getPermissionsState, getDocumentSyncStatus, editDocument, getQueryKey, parseQueryKey, getQueryState, resolveQuery, createGroqSearchFilter, getPreviewState, resolvePreview, getProjectionState, resolveProjection, resolveProject, getProjectState, resolveProjects, getProjectsState, getActiveReleasesState, getPerspectiveState, getUsersKey, parseUsersKey, getUsersState, resolveUsers, loadMoreUsers } from "@sanity/sdk";
 export * from "@sanity/sdk";
 import { createContext, useContext, useSyncExternalStore, useState, useEffect, useRef, Suspense, useMemo, useCallback, useInsertionEffect, useTransition } from "react";
 import { ErrorBoundary } from "react-error-boundary";
@@ -329,52 +329,50 @@ function useFrameConnection(options) {
 function _temp$4(unsub) {
   return unsub();
 }
+const useNodeState = createStateSourceHook({
+  getState: getNodeState,
+  shouldSuspend: (instance, nodeInput) => getNodeState(instance, nodeInput).getCurrent() === void 0,
+  suspender: (instance, nodeInput) => firstValueFrom(getNodeState(instance, nodeInput).observable.pipe(filter(Boolean)))
+});
 function useWindowConnection(t0) {
-  const $ = c(11), {
+  const $ = c(19), {
     name,
     connectTo,
-    onMessage,
-    onStatus
-  } = t0, nodeRef = useRef(null);
+    onMessage
+  } = t0;
   let t1;
-  $[0] === Symbol.for("react.memo_cache_sentinel") ? (t1 = [], $[0] = t1) : t1 = $[0];
-  const messageUnsubscribers = useRef(t1), instance = useSanityInstance();
-  let t2, t3;
-  $[1] !== connectTo || $[2] !== instance || $[3] !== name || $[4] !== onMessage || $[5] !== onStatus ? (t2 = () => {
-    const node = getOrCreateNode(instance, {
-      name,
-      connectTo
-    });
-    nodeRef.current = node;
-    const statusUnsubscribe = node.onStatus((eventStatus) => {
-      onStatus?.(eventStatus);
-    });
-    return onMessage && Object.entries(onMessage).forEach((t42) => {
-      const [type, handler] = t42, messageUnsubscribe = node.on(type, handler);
-      messageUnsubscribers.current.push(messageUnsubscribe);
-    }), () => {
-      statusUnsubscribe(), messageUnsubscribers.current.forEach(_temp$3), messageUnsubscribers.current = [], releaseNode(instance, name), nodeRef.current = null;
-    };
-  }, t3 = [instance, name, connectTo, onMessage, onStatus], $[1] = connectTo, $[2] = instance, $[3] = name, $[4] = onMessage, $[5] = onStatus, $[6] = t2, $[7] = t3) : (t2 = $[6], t3 = $[7]), useEffect(t2, t3);
+  $[0] !== connectTo || $[1] !== name ? (t1 = {
+    name,
+    connectTo
+  }, $[0] = connectTo, $[1] = name, $[2] = t1) : t1 = $[2];
+  const {
+    node
+  } = useNodeState(t1);
+  let t2;
+  $[3] === Symbol.for("react.memo_cache_sentinel") ? (t2 = [], $[3] = t2) : t2 = $[3];
+  const messageUnsubscribers = useRef(t2), instance = useSanityInstance();
+  let t3;
+  $[4] !== node || $[5] !== onMessage ? (t3 = () => (onMessage && Object.entries(onMessage).forEach((t42) => {
+    const [type, handler] = t42, messageUnsubscribe = node.on(type, handler);
+    messageUnsubscribe && messageUnsubscribers.current.push(messageUnsubscribe);
+  }), () => {
+    messageUnsubscribers.current.forEach(_temp$3), messageUnsubscribers.current = [];
+  }), $[4] = node, $[5] = onMessage, $[6] = t3) : t3 = $[6];
   let t4;
-  $[8] === Symbol.for("react.memo_cache_sentinel") ? (t4 = (type_0, data) => {
-    if (!nodeRef.current)
-      throw new Error("Cannot send message before connection is established");
-    nodeRef.current.post(type_0, data);
-  }, $[8] = t4) : t4 = $[8];
-  const sendMessage = t4;
+  $[7] !== instance || $[8] !== name || $[9] !== node || $[10] !== onMessage ? (t4 = [instance, name, onMessage, node], $[7] = instance, $[8] = name, $[9] = node, $[10] = onMessage, $[11] = t4) : t4 = $[11], useEffect(t3, t4);
   let t5;
-  $[9] === Symbol.for("react.memo_cache_sentinel") ? (t5 = (type_1, data_0, fetchOptions) => {
-    if (!nodeRef.current)
-      throw new Error("Cannot fetch before connection is established");
-    return nodeRef.current?.fetch(type_1, data_0, fetchOptions ?? {});
-  }, $[9] = t5) : t5 = $[9];
-  const fetch = t5;
+  $[12] !== node ? (t5 = (type_0, data) => {
+    node.post(type_0, data);
+  }, $[12] = node, $[13] = t5) : t5 = $[13];
+  const sendMessage = t5;
   let t6;
-  return $[10] === Symbol.for("react.memo_cache_sentinel") ? (t6 = {
+  $[14] !== node ? (t6 = (type_1, data_0, fetchOptions) => node.fetch(type_1, data_0, fetchOptions ?? {}), $[14] = node, $[15] = t6) : t6 = $[15];
+  const fetch = t6;
+  let t7;
+  return $[16] !== fetch || $[17] !== sendMessage ? (t7 = {
     sendMessage,
     fetch
-  }, $[10] = t6) : t6 = $[10], t6;
+  }, $[16] = fetch, $[17] = sendMessage, $[18] = t7) : t7 = $[18], t7;
 }
 function _temp$3(unsubscribe) {
   return unsubscribe();
@@ -388,12 +386,11 @@ function useManageFavorite({
   resourceType,
   schemaName
 }) {
-  const [status, setStatus] = useState("idle"), {
+  const {
     fetch
   } = useWindowConnection({
     name: SDK_NODE_NAME,
-    connectTo: SDK_CHANNEL_NAME,
-    onStatus: setStatus
+    connectTo: SDK_CHANNEL_NAME
   }), instance = useSanityInstance(), {
     config
   } = instance, instanceProjectId = config?.projectId, instanceDataset = config?.dataset, projectId = paramProjectId ?? instanceProjectId, dataset = paramDataset ?? instanceDataset;
@@ -408,8 +405,8 @@ function useManageFavorite({
     resourceId,
     resourceType,
     schemaName
-  }), [documentId, documentType, resourceId, resourceType, schemaName]), favoriteState = getFavoritesState(instance, context), state = useSyncExternalStore(favoriteState.subscribe, favoriteState.getCurrent), isFavorited = state?.isFavorited ?? !1, handleFavoriteAction = useCallback(async (action) => {
-    if (!(status !== "connected" || !fetch || !documentId || !documentType || !resourceType))
+  }), [documentId, documentType, resourceId, resourceType, schemaName]), favoriteState = getFavoritesState(instance, context), isFavorited = useSyncExternalStore(favoriteState.subscribe, favoriteState.getCurrent)?.isFavorited ?? !1, handleFavoriteAction = useCallback(async (action) => {
+    if (!(!fetch || !documentId || !documentType || !resourceType))
       try {
         const payload = {
           eventType: action,
@@ -429,100 +426,33 @@ function useManageFavorite({
       } catch (err) {
         throw console.error(`Failed to ${action === "added" ? "favorite" : "unfavorite"} document:`, err), err;
       }
-  }, [fetch, documentId, documentType, resourceId, resourceType, schemaName, instance, context, status]), favorite = useCallback(() => handleFavoriteAction("added"), [handleFavoriteAction]), unfavorite = useCallback(() => handleFavoriteAction("removed"), [handleFavoriteAction]);
-  if (!state)
-    try {
-      throw resolveFavoritesState(instance, context);
-    } catch (err_0) {
-      if (err_0 instanceof Error && err_0.message === "Favorites service connection timeout")
-        return {
-          favorite: async () => {
-          },
-          unfavorite: async () => {
-          },
-          isFavorited: !1,
-          isConnected: !1
-        };
-      throw err_0;
-    }
+  }, [fetch, documentId, documentType, resourceId, resourceType, schemaName, instance, context]), favorite = useCallback(() => handleFavoriteAction("added"), [handleFavoriteAction]), unfavorite = useCallback(() => handleFavoriteAction("removed"), [handleFavoriteAction]);
   return {
     favorite,
     unfavorite,
-    isFavorited,
-    isConnected: status === "connected"
+    isFavorited
   };
 }
-function useRecordDocumentHistoryEvent(t0) {
-  const $ = c(11), {
-    documentId,
-    documentType,
-    resourceType,
-    resourceId,
-    schemaName
-  } = t0, [status, setStatus] = useState("idle");
-  let t1;
-  $[0] === Symbol.for("react.memo_cache_sentinel") ? (t1 = {
-    name: SDK_NODE_NAME,
-    connectTo: SDK_CHANNEL_NAME,
-    onStatus: setStatus
-  }, $[0] = t1) : t1 = $[0];
-  const {
-    sendMessage
-  } = useWindowConnection(t1);
-  if (resourceType !== "studio" && !resourceId)
-    throw new Error("resourceId is required for media-library and canvas resources");
-  let t2;
-  $[1] !== documentId || $[2] !== documentType || $[3] !== resourceId || $[4] !== resourceType || $[5] !== schemaName || $[6] !== sendMessage ? (t2 = (eventType) => {
-    try {
-      const message = {
-        type: "dashboard/v1/events/history",
-        data: {
-          eventType,
-          document: {
-            id: documentId,
-            type: documentType,
-            resource: {
-              id: resourceId,
-              type: resourceType,
-              schemaName
-            }
-          }
-        }
-      };
-      sendMessage(message.type, message.data);
-    } catch (t32) {
-      const error = t32;
-      throw console.error("Failed to record history event:", error), error;
-    }
-  }, $[1] = documentId, $[2] = documentType, $[3] = resourceId, $[4] = resourceType, $[5] = schemaName, $[6] = sendMessage, $[7] = t2) : t2 = $[7];
-  const recordEvent = t2, t3 = status === "connected";
-  let t4;
-  return $[8] !== recordEvent || $[9] !== t3 ? (t4 = {
-    recordEvent,
-    isConnected: t3
-  }, $[8] = recordEvent, $[9] = t3, $[10] = t4) : t4 = $[10], t4;
-}
 function useStudioWorkspacesByProjectIdDataset() {
-  const $ = c(10);
+  const $ = c(8);
   let t0;
   $[0] === Symbol.for("react.memo_cache_sentinel") ? (t0 = {}, $[0] = t0) : t0 = $[0];
-  const [workspacesByProjectIdAndDataset, setWorkspacesByProjectIdAndDataset] = useState(t0), [status, setStatus] = useState("idle"), [error, setError] = useState(null);
+  const [workspacesByProjectIdAndDataset, setWorkspacesByProjectIdAndDataset] = useState(t0), [error, setError] = useState(null);
   let t1;
   $[1] === Symbol.for("react.memo_cache_sentinel") ? (t1 = {
     name: SDK_NODE_NAME,
-    connectTo: SDK_CHANNEL_NAME,
-    onStatus: setStatus
+    connectTo: SDK_CHANNEL_NAME
   }, $[1] = t1) : t1 = $[1];
   const {
     fetch
   } = useWindowConnection(t1);
   let t2, t3;
-  $[2] !== fetch || $[3] !== status ? (t2 = () => {
-    if (!fetch || status !== "connected")
+  $[2] !== fetch ? (t2 = () => {
+    if (!fetch)
       return;
     const fetchWorkspaces = async function(signal) {
       try {
-        const data = await fetch("dashboard/v1/bridge/context", void 0, {
+        const data = await fetch("dashboard/v1/context", void 0, {
           signal
         }), workspaceMap = {}, noProjectIdAndDataset = [];
         data.context.availableResources.forEach((resource) => {
@@ -547,39 +477,31 @@ function useStudioWorkspacesByProjectIdDataset() {
     return fetchWorkspaces(controller.signal), () => {
       controller.abort();
     };
-  }, t3 = [fetch, status], $[2] = fetch, $[3] = status, $[4] = t2, $[5] = t3) : (t2 = $[4], t3 = $[5]), useEffect(t2, t3);
-  const t4 = status === "connected";
-  let t5;
-  return $[6] !== error || $[7] !== t4 || $[8] !== workspacesByProjectIdAndDataset ? (t5 = {
+  }, t3 = [fetch], $[2] = fetch, $[3] = t2, $[4] = t3) : (t2 = $[3], t3 = $[4]), useEffect(t2, t3);
+  let t4;
+  return $[5] !== error || $[6] !== workspacesByProjectIdAndDataset ? (t4 = {
     workspacesByProjectIdAndDataset,
-    error,
-    isConnected: t4
-  }, $[6] = error, $[7] = t4, $[8] = workspacesByProjectIdAndDataset, $[9] = t5) : t5 = $[9], t5;
+    error
+  }, $[5] = error, $[6] = workspacesByProjectIdAndDataset, $[7] = t4) : t4 = $[7], t4;
 }
 function useNavigateToStudioDocument(documentHandle, preferredStudioUrl) {
-  const $ = c(11), {
-    workspacesByProjectIdAndDataset,
-    isConnected: workspacesConnected
-  } = useStudioWorkspacesByProjectIdDataset(), [status, setStatus] = useState("idle");
+  const $ = c(8), {
+    workspacesByProjectIdAndDataset
+  } = useStudioWorkspacesByProjectIdDataset();
   let t0;
   $[0] === Symbol.for("react.memo_cache_sentinel") ? (t0 = {
     name: SDK_NODE_NAME,
-    connectTo: SDK_CHANNEL_NAME,
-    onStatus: setStatus
+    connectTo: SDK_CHANNEL_NAME
   }, $[0] = t0) : t0 = $[0];
   const {
     sendMessage
   } = useWindowConnection(t0);
   let t1;
-  $[1] !== documentHandle || $[2] !== preferredStudioUrl || $[3] !== sendMessage || $[4] !== status || $[5] !== workspacesByProjectIdAndDataset || $[6] !== workspacesConnected ? (t1 = () => {
+  $[1] !== documentHandle || $[2] !== preferredStudioUrl || $[3] !== sendMessage || $[4] !== workspacesByProjectIdAndDataset ? (t1 = () => {
     const {
       projectId,
       dataset
     } = documentHandle;
-    if (!workspacesConnected || status !== "connected") {
-      console.warn("Not connected to Dashboard");
-      return;
-    }
     if (!projectId || !dataset) {
       console.warn("Project ID and dataset are required to navigate to a studio document");
       return;
@@ -604,13 +526,60 @@ function useNavigateToStudioDocument(documentHandle, preferredStudioUrl) {
       }
     };
     sendMessage(message.type, message.data);
-  }, $[1] = documentHandle, $[2] = preferredStudioUrl, $[3] = sendMessage, $[4] = status, $[5] = workspacesByProjectIdAndDataset, $[6] = workspacesConnected, $[7] = t1) : t1 = $[7];
-  const navigateToStudioDocument = t1, t2 = workspacesConnected && status === "connected";
+  }, $[1] = documentHandle, $[2] = preferredStudioUrl, $[3] = sendMessage, $[4] = workspacesByProjectIdAndDataset, $[5] = t1) : t1 = $[5];
+  const navigateToStudioDocument = t1;
+  let t2;
+  return $[6] !== navigateToStudioDocument ? (t2 = {
+    navigateToStudioDocument
+  }, $[6] = navigateToStudioDocument, $[7] = t2) : t2 = $[7], t2;
+}
+function useRecordDocumentHistoryEvent(t0) {
+  const $ = c(10), {
+    documentId,
+    documentType,
+    resourceType,
+    resourceId,
+    schemaName
+  } = t0;
+  let t1;
+  $[0] === Symbol.for("react.memo_cache_sentinel") ? (t1 = {
+    name: SDK_NODE_NAME,
+    connectTo: SDK_CHANNEL_NAME
+  }, $[0] = t1) : t1 = $[0];
+  const {
+    sendMessage
+  } = useWindowConnection(t1);
+  if (resourceType !== "studio" && !resourceId)
+    throw new Error("resourceId is required for media-library and canvas resources");
+  let t2;
+  $[1] !== documentId || $[2] !== documentType || $[3] !== resourceId || $[4] !== resourceType || $[5] !== schemaName || $[6] !== sendMessage ? (t2 = (eventType) => {
+    try {
+      const message = {
+        type: "dashboard/v1/events/history",
+        data: {
+          eventType,
+          document: {
+            id: documentId,
+            type: documentType,
+            resource: {
+              id: resourceId,
+              type: resourceType,
+              schemaName
+            }
+          }
+        }
+      };
+      sendMessage(message.type, message.data);
+    } catch (t32) {
+      const error = t32;
+      throw console.error("Failed to record history event:", error), error;
+    }
+  }, $[1] = documentId, $[2] = documentType, $[3] = resourceId, $[4] = resourceType, $[5] = schemaName, $[6] = sendMessage, $[7] = t2) : t2 = $[7];
+  const recordEvent = t2;
   let t3;
-  return $[8] !== navigateToStudioDocument || $[9] !== t2 ? (t3 = {
-    navigateToStudioDocument,
-    isConnected: t2
-  }, $[8] = navigateToStudioDocument, $[9] = t2, $[10] = t3) : t3 = $[10], t3;
+  return $[8] !== recordEvent ? (t3 = {
+    recordEvent
+  }, $[8] = recordEvent, $[9] = t3) : t3 = $[9], t3;
 }
 const useDatasets = createStateSourceHook({
   getState: getDatasetsState,
@@ -1070,7 +1039,7 @@ function useUsers(options) {
     loadMore
   };
 }
-var version = "0.0.1";
+var version = "0.0.2";
 function getEnv(key) {
   if (typeof import.meta < "u" && import.meta.env)
     return import.meta.env[key];