@manyrows/appkit-react 0.1.8 → 0.1.9

package/dist/index.d.cts

@@ -18,6 +18,8 @@ type ManyRowsAppKitReady = {
 type AppKitAccount = {
     email: string;
     name: string;
+    metadata: Record<string, any>;
+    appMetadata: Record<string, any>;
 };
 type AppKitProjectAccess = {
     name: string;
@@ -54,6 +56,8 @@ type ManyRowsAppKitSnapshot = {
         workspaceSlug: string;
         workspaceName: string;
         allowRegistration: boolean;
+        authMethodPassword?: boolean;
+        googleOAuthClientId?: string;
     } | null;
 };
 type ManyRowsAppKitHandle = {
@@ -327,6 +331,32 @@ declare function useConfigValue<T = any>(key: string, fallback?: T): T | undefin
  * ```
  */
 declare function useToken(): string | null;
+/**
+ * Returns the admin-managed metadata for the current user.
+ *
+ * ```tsx
+ * const metadata = useMetadata(); // { tier: "premium", department: "engineering" }
+ * ```
+ */
+declare function useMetadata(): Record<string, any>;
+/**
+ * Returns the app-managed metadata for the current user.
+ *
+ * ```tsx
+ * const appMetadata = useAppMetadata(); // { theme: "dark", onboarded: true }
+ * ```
+ */
+declare function useAppMetadata(): Record<string, any>;
+/**
+ * Returns a function to update the current user's app metadata (merge semantics).
+ * After updating, call `refresh()` to reload the snapshot with the new values.
+ *
+ * ```tsx
+ * const updateAppMetadata = useUpdateAppMetadata();
+ * await updateAppMetadata({ theme: "dark" }); // merges into existing app_metadata
+ * ```
+ */
+declare function useUpdateAppMetadata(): (patch: Record<string, any>) => Promise<void>;
 
 type UseImagesOptions = {
     page?: number;
@@ -529,4 +559,4 @@ interface FileDetailsProps {
 }
 declare function FileDetails({ file, onClose, onEdit, onDelete, className, style, }: FileDetailsProps): react_jsx_runtime.JSX.Element;
 
-export { AppKit, type AppKitAccount, type AppKitAppData, AppKitAuthed, type AppKitConfigValue, type AppKitFeatureFlag, type AppKitProjectAccess, type AppKitTheme, FileDetails, type FileDetailsProps, type FileListResponse, FilePicker, type FilePickerProps, type FileResource, type FileUpdateOptions, type FileUploadOptions, FileUploader, type FileUploaderProps, ImageDetails, type ImageDetailsProps, type ImageListResponse, ImagePicker, type ImagePickerProps, type ImageResource, type ImageUpdateOptions, type ImageUploadOptions, ImageUploader, type ImageUploaderProps, type ImageVariant, type ManyRowsAppKitError, type ManyRowsAppKitErrorCode, type ManyRowsAppKitHandle, type ManyRowsAppKitReady, type ManyRowsAppKitSnapshot, MrImage, type MrImageProps, type UploadProgress, type UseFileOptions, type UseFileReturn, type UseFileUploadReturn, type UseFilesOptions, type UseFilesReturn, type UseImageOptions, type UseImageReturn, type UseImageUploadReturn, type UseImagesOptions, type UseImagesReturn, UserButton, type UserButtonProps, useAppKit, useConfig, useConfigValue, useFeatureFlag, useFeatureFlags, useFile, useFileUpload, useFiles, useImage, useImageUpload, useImages, usePermission, usePermissions, useProject, useRole, useRoles, useToken, useUser };
+export { AppKit, type AppKitAccount, type AppKitAppData, AppKitAuthed, type AppKitConfigValue, type AppKitFeatureFlag, type AppKitProjectAccess, type AppKitTheme, FileDetails, type FileDetailsProps, type FileListResponse, FilePicker, type FilePickerProps, type FileResource, type FileUpdateOptions, type FileUploadOptions, FileUploader, type FileUploaderProps, ImageDetails, type ImageDetailsProps, type ImageListResponse, ImagePicker, type ImagePickerProps, type ImageResource, type ImageUpdateOptions, type ImageUploadOptions, ImageUploader, type ImageUploaderProps, type ImageVariant, type ManyRowsAppKitError, type ManyRowsAppKitErrorCode, type ManyRowsAppKitHandle, type ManyRowsAppKitReady, type ManyRowsAppKitSnapshot, MrImage, type MrImageProps, type UploadProgress, type UseFileOptions, type UseFileReturn, type UseFileUploadReturn, type UseFilesOptions, type UseFilesReturn, type UseImageOptions, type UseImageReturn, type UseImageUploadReturn, type UseImagesOptions, type UseImagesReturn, UserButton, type UserButtonProps, useAppKit, useAppMetadata, useConfig, useConfigValue, useFeatureFlag, useFeatureFlags, useFile, useFileUpload, useFiles, useImage, useImageUpload, useImages, useMetadata, usePermission, usePermissions, useProject, useRole, useRoles, useToken, useUpdateAppMetadata, useUser };

package/dist/index.d.ts

@@ -18,6 +18,8 @@ type ManyRowsAppKitReady = {
 type AppKitAccount = {
     email: string;
     name: string;
+    metadata: Record<string, any>;
+    appMetadata: Record<string, any>;
 };
 type AppKitProjectAccess = {
     name: string;
@@ -54,6 +56,8 @@ type ManyRowsAppKitSnapshot = {
         workspaceSlug: string;
         workspaceName: string;
         allowRegistration: boolean;
+        authMethodPassword?: boolean;
+        googleOAuthClientId?: string;
     } | null;
 };
 type ManyRowsAppKitHandle = {
@@ -327,6 +331,32 @@ declare function useConfigValue<T = any>(key: string, fallback?: T): T | undefin
  * ```
  */
 declare function useToken(): string | null;
+/**
+ * Returns the admin-managed metadata for the current user.
+ *
+ * ```tsx
+ * const metadata = useMetadata(); // { tier: "premium", department: "engineering" }
+ * ```
+ */
+declare function useMetadata(): Record<string, any>;
+/**
+ * Returns the app-managed metadata for the current user.
+ *
+ * ```tsx
+ * const appMetadata = useAppMetadata(); // { theme: "dark", onboarded: true }
+ * ```
+ */
+declare function useAppMetadata(): Record<string, any>;
+/**
+ * Returns a function to update the current user's app metadata (merge semantics).
+ * After updating, call `refresh()` to reload the snapshot with the new values.
+ *
+ * ```tsx
+ * const updateAppMetadata = useUpdateAppMetadata();
+ * await updateAppMetadata({ theme: "dark" }); // merges into existing app_metadata
+ * ```
+ */
+declare function useUpdateAppMetadata(): (patch: Record<string, any>) => Promise<void>;
 
 type UseImagesOptions = {
     page?: number;
@@ -529,4 +559,4 @@ interface FileDetailsProps {
 }
 declare function FileDetails({ file, onClose, onEdit, onDelete, className, style, }: FileDetailsProps): react_jsx_runtime.JSX.Element;
 
-export { AppKit, type AppKitAccount, type AppKitAppData, AppKitAuthed, type AppKitConfigValue, type AppKitFeatureFlag, type AppKitProjectAccess, type AppKitTheme, FileDetails, type FileDetailsProps, type FileListResponse, FilePicker, type FilePickerProps, type FileResource, type FileUpdateOptions, type FileUploadOptions, FileUploader, type FileUploaderProps, ImageDetails, type ImageDetailsProps, type ImageListResponse, ImagePicker, type ImagePickerProps, type ImageResource, type ImageUpdateOptions, type ImageUploadOptions, ImageUploader, type ImageUploaderProps, type ImageVariant, type ManyRowsAppKitError, type ManyRowsAppKitErrorCode, type ManyRowsAppKitHandle, type ManyRowsAppKitReady, type ManyRowsAppKitSnapshot, MrImage, type MrImageProps, type UploadProgress, type UseFileOptions, type UseFileReturn, type UseFileUploadReturn, type UseFilesOptions, type UseFilesReturn, type UseImageOptions, type UseImageReturn, type UseImageUploadReturn, type UseImagesOptions, type UseImagesReturn, UserButton, type UserButtonProps, useAppKit, useConfig, useConfigValue, useFeatureFlag, useFeatureFlags, useFile, useFileUpload, useFiles, useImage, useImageUpload, useImages, usePermission, usePermissions, useProject, useRole, useRoles, useToken, useUser };
+export { AppKit, type AppKitAccount, type AppKitAppData, AppKitAuthed, type AppKitConfigValue, type AppKitFeatureFlag, type AppKitProjectAccess, type AppKitTheme, FileDetails, type FileDetailsProps, type FileListResponse, FilePicker, type FilePickerProps, type FileResource, type FileUpdateOptions, type FileUploadOptions, FileUploader, type FileUploaderProps, ImageDetails, type ImageDetailsProps, type ImageListResponse, ImagePicker, type ImagePickerProps, type ImageResource, type ImageUpdateOptions, type ImageUploadOptions, ImageUploader, type ImageUploaderProps, type ImageVariant, type ManyRowsAppKitError, type ManyRowsAppKitErrorCode, type ManyRowsAppKitHandle, type ManyRowsAppKitReady, type ManyRowsAppKitSnapshot, MrImage, type MrImageProps, type UploadProgress, type UseFileOptions, type UseFileReturn, type UseFileUploadReturn, type UseFilesOptions, type UseFilesReturn, type UseImageOptions, type UseImageReturn, type UseImageUploadReturn, type UseImagesOptions, type UseImagesReturn, UserButton, type UserButtonProps, useAppKit, useAppMetadata, useConfig, useConfigValue, useFeatureFlag, useFeatureFlags, useFile, useFileUpload, useFiles, useImage, useImageUpload, useImages, useMetadata, usePermission, usePermissions, useProject, useRole, useRoles, useToken, useUpdateAppMetadata, useUser };

package/dist/index.js

@@ -407,8 +407,8 @@ function AppKit(props) {
   return /* @__PURE__ */ jsx(Ctx.Provider, { value: ctx, children: /* @__PURE__ */ jsxs("div", { className: props.className, style: props.style, children: [
     showLoading && props.loading ? props.loading : null,
     showError && lastError ? props.errorUI ? props.errorUI(lastError) : /* @__PURE__ */ jsx(DefaultError, { err: lastError }) : null,
-    props.children,
-    /* @__PURE__ */ jsx("div", { id: containerId })
+    /* @__PURE__ */ jsx("div", { id: containerId }),
+    /* @__PURE__ */ jsx("div", { style: status === "mounted" && snapshot && !isAuthedSnapshot(snapshot) ? { display: "none" } : void 0, children: props.children })
   ] }) });
 }
 function Toast({ toast, onClose }) {
@@ -891,6 +891,36 @@ function useToken() {
   const { snapshot } = useAppKit();
   return snapshot?.jwtToken ?? null;
 }
+function useMetadata() {
+  const { snapshot } = useAppKit();
+  return snapshot?.appData?.account?.metadata ?? {};
+}
+function useAppMetadata() {
+  const { snapshot } = useAppKit();
+  return snapshot?.appData?.account?.appMetadata ?? {};
+}
+function useUpdateAppMetadata() {
+  const { snapshot } = useAppKit();
+  return async (patch) => {
+    const token = snapshot?.jwtToken;
+    const baseURL = snapshot?.workspaceBaseURL;
+    if (!token || !baseURL) {
+      throw new Error("Not authenticated");
+    }
+    const res = await fetch(`${baseURL}/a/me/metadata`, {
+      method: "PATCH",
+      headers: {
+        "Content-Type": "application/json",
+        Authorization: `Bearer ${token}`
+      },
+      body: JSON.stringify(patch)
+    });
+    if (!res.ok) {
+      const body = await res.json().catch(() => ({}));
+      throw new Error(body?.issues?.[0]?.message || body?.error || "Failed to update metadata");
+    }
+  };
+}
 
 // src/appResource.ts
 var cache = /* @__PURE__ */ new Map();
@@ -4642,6 +4672,6 @@ function RowActionBtn({
   );
 }
 
-export { AppKit, AppKitAuthed, FileDetails, FilePicker, FileUploader, ImageDetails, ImagePicker, ImageUploader, MrImage, UserButton, useAppKit, useConfig, useConfigValue, useFeatureFlag, useFeatureFlags, useFile, useFileUpload, useFiles, useImage, useImageUpload, useImages, usePermission, usePermissions, useProject, useRole, useRoles, useToken, useUser };
+export { AppKit, AppKitAuthed, FileDetails, FilePicker, FileUploader, ImageDetails, ImagePicker, ImageUploader, MrImage, UserButton, useAppKit, useAppMetadata, useConfig, useConfigValue, useFeatureFlag, useFeatureFlags, useFile, useFileUpload, useFiles, useImage, useImageUpload, useImages, useMetadata, usePermission, usePermissions, useProject, useRole, useRoles, useToken, useUpdateAppMetadata, useUser };
 //# sourceMappingURL=index.js.map
 //# sourceMappingURL=index.js.map