@datalayer/core 0.0.16 → 0.0.18

package/lib/hooks/useCache.js

@@ -227,6 +227,7 @@ export const queryKeys = {
     // Contacts
     contacts: {
         all: () => ['contacts'],
+        lists: () => [...queryKeys.contacts.all(), 'list'],
         details: () => [...queryKeys.contacts.all(), 'detail'],
         detail: (id) => [...queryKeys.contacts.details(), id],
         byHandle: (handle) => [...queryKeys.contacts.all(), 'handle', handle],
@@ -988,7 +989,6 @@ export const useCache = ({ loginRoute = '/login' } = {}) => {
                     method: 'GET',
                 });
                 if (resp.success && resp.organizations) {
-                    // eslint-disable-next-line @typescript-eslint/no-explicit-any
                     const orgs = resp.organizations.map((org) => {
                         const organization = toOrganization(org);
                         // Pre-populate caches
@@ -1517,6 +1517,9 @@ export const useCache = ({ loginRoute = '/login' } = {}) => {
         return useQuery({
             queryKey: queryKeys.documents.bySpace(spaceId),
             queryFn: async () => {
+                if (!spaceId) {
+                    return [];
+                }
                 const resp = await requestDatalayer({
                     url: `${configuration.spacerRunUrl}/api/spacer/v1/spaces/${spaceId}/items/types/document`,
                     method: 'GET',
@@ -1901,7 +1904,7 @@ export const useCache = ({ loginRoute = '/login' } = {}) => {
     const useCreateToken = () => {
         return useMutation({
             mutationFn: async (token) => {
-                return requestDatalayer({
+                const resp = await requestDatalayer({
                     url: `${configuration.iamRunUrl}/api/iam/v1/tokens`,
                     method: 'POST',
                     body: {
@@ -1909,13 +1912,15 @@ export const useCache = ({ loginRoute = '/login' } = {}) => {
                         expirationDate: token.expirationDate.getTime(),
                     },
                 });
+                // Transform the token in the response
+                if (resp.success && resp.token) {
+                    resp.token = toToken(resp.token);
+                }
+                return resp;
             },
             onSuccess: resp => {
                 if (resp.success && resp.token) {
-                    const tok = toToken(resp.token);
-                    if (tok) {
-                        queryClient.setQueryData(queryKeys.tokens.detail(tok.id), tok);
-                    }
+                    queryClient.setQueryData(queryKeys.tokens.detail(resp.token.id), resp.token);
                 }
                 queryClient.invalidateQueries({ queryKey: queryKeys.tokens.all() });
             },
@@ -1927,7 +1932,7 @@ export const useCache = ({ loginRoute = '/login' } = {}) => {
     /**
      * Get contact by ID
      */
-    const useContact = (contactId) => {
+    const useContact = (contactId, options) => {
         return useQuery({
             queryKey: queryKeys.contacts.detail(contactId),
             queryFn: async () => {
@@ -1945,7 +1950,7 @@ export const useCache = ({ loginRoute = '/login' } = {}) => {
                 throw new Error(resp.message || 'Failed to fetch contact');
             },
             ...DEFAULT_QUERY_OPTIONS,
-            enabled: !!contactId,
+            enabled: options?.enabled ?? !!contactId,
         });
     };
     /**
@@ -2023,9 +2028,9 @@ export const useCache = ({ loginRoute = '/login' } = {}) => {
                 queryClient.invalidateQueries({
                     queryKey: queryKeys.contacts.detail(variables.contactId),
                 });
-                // Invalidate all contact queries
+                // Invalidate contact list queries (avoid re-fetching deleted detail)
                 queryClient.invalidateQueries({
-                    queryKey: queryKeys.contacts.all(),
+                    queryKey: queryKeys.contacts.lists(),
                 });
             },
         });
@@ -2104,7 +2109,7 @@ export const useCache = ({ loginRoute = '/login' } = {}) => {
         });
     };
     // ============================================================================
-    // BATCH 1: Core CRUD Operations - Refresh & Get Methods
+    // Core CRUD Operations - Refresh & Get Methods
     // ============================================================================
     /**
      * Get single datasource by ID
@@ -2390,7 +2395,7 @@ export const useCache = ({ loginRoute = '/login' } = {}) => {
         });
     };
     // ============================================================================
-    // BATCH 2: Member Management & User Extensions
+    // Member Management & User Extensions
     // ============================================================================
     /**
      * Refresh user data by ID (re-fetch from API)
@@ -2691,7 +2696,7 @@ export const useCache = ({ loginRoute = '/login' } = {}) => {
         });
     };
     // ============================================================================
-    // BATCH 3: Authentication, Roles, Schools, and Refresh Methods
+    // Authentication, Roles, Schools, and Refresh Methods
     // ============================================================================
     /**
      * Change user password
@@ -2901,9 +2906,8 @@ export const useCache = ({ loginRoute = '/login' } = {}) => {
         return useMutation({
             mutationFn: async (organizationId) => {
                 return requestDatalayer({
-                    url: `${configuration.iamRunUrl}/api/iam/v1/teams`,
+                    url: `${configuration.iamRunUrl}/api/iam/v1/organizations/${organizationId}/teams`,
                     method: 'GET',
-                    body: { organizationId },
                 });
             },
             onSuccess: (resp, organizationId) => {
@@ -2955,7 +2959,7 @@ export const useCache = ({ loginRoute = '/login' } = {}) => {
         return useMutation({
             mutationFn: async (organizationId) => {
                 return requestDatalayer({
-                    url: `${configuration.spacerRunUrl}/api/spacer/v1/organizations/${organizationId}/spaces`,
+                    url: `${configuration.spacerRunUrl}/api/spacer/v1/spaces/organizations/${organizationId}`,
                     method: 'GET',
                 });
             },
@@ -3001,7 +3005,7 @@ export const useCache = ({ loginRoute = '/login' } = {}) => {
         });
     };
     // ============================================================================
-    // BATCH 4: Courses, Space Items, and Advanced Features
+    // Courses, Space Items, and Advanced Features
     // ============================================================================
     /**
      * Get course by ID
@@ -3220,24 +3224,30 @@ export const useCache = ({ loginRoute = '/login' } = {}) => {
             },
             onSuccess: (resp, variables) => {
                 if (resp.success) {
+                    // Transform raw API data to typed models
+                    const transformedUser = resp.user ? toUser(resp.user) : undefined;
+                    const transformedOrganization = resp.organization
+                        ? toOrganization(resp.organization)
+                        : undefined;
+                    const transformedSpace = resp.space ? toSpace(resp.space) : undefined;
                     // Set data directly into cache instead of just invalidating
-                    if (resp.user) {
-                        queryClient.setQueryData(queryKeys.users.byHandle(variables.accountHandle), resp.user);
+                    if (transformedUser) {
+                        queryClient.setQueryData(queryKeys.users.byHandle(variables.accountHandle), transformedUser);
                         queryClient.invalidateQueries({ queryKey: queryKeys.users.all() });
                     }
-                    if (resp.organization) {
-                        queryClient.setQueryData(queryKeys.organizations.byHandle(variables.accountHandle), resp.organization);
+                    if (transformedOrganization) {
+                        queryClient.setQueryData(queryKeys.organizations.byHandle(variables.accountHandle), transformedOrganization);
                         queryClient.invalidateQueries({
                             queryKey: queryKeys.organizations.all(),
                         });
                     }
-                    if (resp.space) {
+                    if (transformedSpace) {
                         // Set both user and org space queries based on which type it is
-                        if (resp.user && variables.spaceHandle) {
-                            queryClient.setQueryData(queryKeys.spaces.byHandle(variables.spaceHandle), resp.space);
+                        if (transformedUser && variables.spaceHandle) {
+                            queryClient.setQueryData(queryKeys.spaces.byHandle(variables.spaceHandle), transformedSpace);
                         }
-                        if (resp.organization && variables.spaceHandle) {
-                            queryClient.setQueryData(queryKeys.spaces.orgSpaceByHandle(resp.organization.id, variables.spaceHandle), resp.space);
+                        if (transformedOrganization && variables.spaceHandle) {
+                            queryClient.setQueryData(queryKeys.spaces.orgSpaceByHandle(transformedOrganization.id, variables.spaceHandle), transformedSpace);
                         }
                         queryClient.invalidateQueries({ queryKey: queryKeys.spaces.all() });
                     }
@@ -3259,7 +3269,7 @@ export const useCache = ({ loginRoute = '/login' } = {}) => {
         });
     };
     // ============================================================================
-    // BATCH 5: Cells, Datasets, Environments, and Lessons
+    // Cells, Datasets, Environments, and Lessons
     // ============================================================================
     /**
      * Get cell by ID
@@ -3536,7 +3546,7 @@ export const useCache = ({ loginRoute = '/login' } = {}) => {
         });
     };
     // ============================================================================
-    // BATCH 6: Exercises, Assignments, Invites, and Contacts
+    // Exercises, Assignments, Invites, and Contacts
     // ============================================================================
     /**
      * Get exercise by ID
@@ -3768,7 +3778,7 @@ export const useCache = ({ loginRoute = '/login' } = {}) => {
         });
     };
     // ============================================================================
-    // [BATCH 7] Assignment Student Operations
+    // Assignment Student Operations
     // ============================================================================
     /**
      * Fetch assignment from student perspective with enrollment data
@@ -3851,7 +3861,7 @@ export const useCache = ({ loginRoute = '/login' } = {}) => {
         });
     };
     // ============================================================================
-    // [BATCH 7] Exercise Grading
+    // Exercise Grading
     // ============================================================================
     /**
      * Grade an exercise by assigning points to student code
@@ -3877,7 +3887,7 @@ export const useCache = ({ loginRoute = '/login' } = {}) => {
         });
     };
     // ============================================================================
-    // [BATCH 7] Course Student & Course Items
+    // Course Student & Course Items
     // ============================================================================
     /**
      * Get a student in a course
@@ -3946,7 +3956,7 @@ export const useCache = ({ loginRoute = '/login' } = {}) => {
         });
     };
     // ============================================================================
-    // [BATCH 7] Inbounds & Outbounds
+    // Inbounds & Outbounds
     // ============================================================================
     /**
      * Get all inbound leads
@@ -4020,12 +4030,15 @@ export const useCache = ({ loginRoute = '/login' } = {}) => {
                 });
             },
             onSuccess: () => {
-                queryClient.invalidateQueries({ queryKey: ['outbounds'] });
+                queryClient.invalidateQueries({
+                    queryKey: ['outbounds'],
+                    refetchType: 'inactive',
+                });
             },
         });
     };
     // ============================================================================
-    // [BATCH 8] Advanced Outbound Operations
+    // Advanced Outbound Operations
     // ============================================================================
     /**
      * Try bulk emails (test mode) for outbound campaign
@@ -4043,6 +4056,7 @@ export const useCache = ({ loginRoute = '/login' } = {}) => {
             onSuccess: (_, outboundId) => {
                 queryClient.invalidateQueries({
                     queryKey: ['outbounds', outboundId],
+                    refetchType: 'inactive',
                 });
             },
         });
@@ -4061,10 +4075,13 @@ export const useCache = ({ loginRoute = '/login' } = {}) => {
                 });
             },
             onSuccess: (_, outboundId) => {
-                queryClient.invalidateQueries({
+                queryClient.removeQueries({
                     queryKey: ['outbounds', outboundId],
                 });
-                queryClient.invalidateQueries({ queryKey: ['outbounds'] });
+                queryClient.invalidateQueries({
+                    queryKey: ['outbounds'],
+                    refetchType: 'inactive',
+                });
             },
         });
     };
@@ -4095,15 +4112,18 @@ export const useCache = ({ loginRoute = '/login' } = {}) => {
                 });
             },
             onSuccess: (_, outboundId) => {
-                queryClient.invalidateQueries({
+                queryClient.removeQueries({
                     queryKey: ['outbounds', outboundId],
                 });
-                queryClient.invalidateQueries({ queryKey: ['outbounds'] });
+                queryClient.invalidateQueries({
+                    queryKey: ['outbounds'],
+                    refetchType: 'inactive',
+                });
             },
         });
     };
     // ============================================================================
-    // [BATCH 8] Outbound Subscriptions
+    // Outbound Subscriptions
     // ============================================================================
     /**
      * Subscribe a user to outbound communications
@@ -4158,7 +4178,7 @@ export const useCache = ({ loginRoute = '/login' } = {}) => {
         });
     };
     // ============================================================================
-    // [BATCH 8] MFA (Multi-Factor Authentication)
+    // MFA (Multi-Factor Authentication)
     // ============================================================================
     /**
      * Enable MFA for current user
@@ -4209,7 +4229,7 @@ export const useCache = ({ loginRoute = '/login' } = {}) => {
         });
     };
     // ============================================================================
-    // [BATCH 8] Checkout & Credits
+    // Checkout & Credits
     // ============================================================================
     /**
      * Get Stripe pricing information
@@ -4264,7 +4284,7 @@ export const useCache = ({ loginRoute = '/login' } = {}) => {
         });
     };
     // ============================================================================
-    // [BATCH 8] Support & Surveys
+    // Support & Surveys
     // ============================================================================
     /**
      * Request platform support (first form)
@@ -4318,7 +4338,7 @@ export const useCache = ({ loginRoute = '/login' } = {}) => {
         });
     };
     // ============================================================================
-    // [BATCH 9] Join & Registration
+    // Join & Registration
     // ============================================================================
     /**
      * Request to join platform (standard registration)
@@ -4390,7 +4410,7 @@ export const useCache = ({ loginRoute = '/login' } = {}) => {
         });
     };
     // ============================================================================
-    // [BATCH 9] Password Recovery
+    // Password Recovery
     // ============================================================================
     /**
      * Create token for password change
@@ -4420,7 +4440,7 @@ export const useCache = ({ loginRoute = '/login' } = {}) => {
         });
     };
     // ============================================================================
-    // [BATCH 9] OAuth2 Authentication
+    // OAuth2 Authentication
     // ============================================================================
     /**
      * Get OAuth2 authorization URL
@@ -4456,7 +4476,7 @@ export const useCache = ({ loginRoute = '/login' } = {}) => {
         });
     };
     // ============================================================================
-    // [BATCH 9] Contact Enrichment & Tagging
+    // Contact Enrichment & Tagging
     // ============================================================================
     /**
      * Assign tag to contact
@@ -4571,7 +4591,7 @@ export const useCache = ({ loginRoute = '/login' } = {}) => {
         });
     };
     // ============================================================================
-    // [BATCH 9] Contact-User Linking
+    // Contact-User Linking
     // ============================================================================
     /**
      * Link user with contact
@@ -4618,7 +4638,7 @@ export const useCache = ({ loginRoute = '/login' } = {}) => {
         });
     };
     // ============================================================================
-    // [BATCH 9] Credits Quota & Usage
+    // Credits Quota & Usage
     // ============================================================================
     /**
      * Update user credits quota
@@ -4655,7 +4675,23 @@ export const useCache = ({ loginRoute = '/login' } = {}) => {
                     url: `${configuration.iamRunUrl}/api/iam/v1/usage/user`,
                     method: 'GET',
                 });
-                return resp.usages || [];
+                // Transform snake_case API response to camelCase IUsage interface
+                const usages = (resp.usages || []).map((u) => ({
+                    id: u.resource_uid,
+                    accountId: u.account_uid,
+                    type: u.resource_type,
+                    burningRate: u.burning_rate,
+                    credits: u.credits,
+                    creditsLimit: u.credits_limit,
+                    startDate: u.start_date ? new Date(u.start_date) : new Date(),
+                    updatedAt: u.updated_at ? new Date(u.updated_at) : new Date(),
+                    endDate: u.end_date ? new Date(u.end_date) : undefined,
+                    givenName: u.given_name || u.resource_given_name || '',
+                    resourceState: u.resource_state,
+                    resources: u.pod_resources,
+                    metadata: new Map(Object.entries(u.metadata || {})),
+                }));
+                return usages;
             },
             ...options,
         });
@@ -4671,7 +4707,23 @@ export const useCache = ({ loginRoute = '/login' } = {}) => {
                     url: `${configuration.iamRunUrl}/api/iam/v1/usage/users/${userId}`,
                     method: 'GET',
                 });
-                return resp.usages || [];
+                // Transform snake_case API response to camelCase IUsage interface
+                const usages = (resp.usages || []).map((u) => ({
+                    id: u.resource_uid,
+                    accountId: u.account_uid,
+                    type: u.resource_type,
+                    burningRate: u.burning_rate,
+                    credits: u.credits,
+                    creditsLimit: u.credits_limit,
+                    startDate: u.start_date ? new Date(u.start_date) : new Date(),
+                    updatedAt: u.updated_at ? new Date(u.updated_at) : new Date(),
+                    endDate: u.end_date ? new Date(u.end_date) : undefined,
+                    givenName: u.given_name || u.resource_given_name || '',
+                    resourceState: u.resource_state,
+                    resources: u.pod_resources,
+                    metadata: new Map(Object.entries(u.metadata || {})),
+                }));
+                return usages;
             },
             enabled: !!userId,
             ...options,
@@ -4688,13 +4740,29 @@ export const useCache = ({ loginRoute = '/login' } = {}) => {
                     url: `${configuration.iamRunUrl}/api/iam/v1/usage/platform`,
                     method: 'GET',
                 });
-                return resp.usages || [];
+                // Transform snake_case API response to camelCase IUsage interface
+                const usages = (resp.usages || []).map((u) => ({
+                    id: u.resource_uid,
+                    accountId: u.account_uid,
+                    type: u.resource_type,
+                    burningRate: u.burning_rate,
+                    credits: u.credits,
+                    creditsLimit: u.credits_limit,
+                    startDate: u.start_date ? new Date(u.start_date) : new Date(),
+                    updatedAt: u.updated_at ? new Date(u.updated_at) : new Date(),
+                    endDate: u.end_date ? new Date(u.end_date) : undefined,
+                    givenName: u.given_name || u.resource_given_name || '',
+                    resourceState: u.resource_state,
+                    resources: u.pod_resources,
+                    metadata: new Map(Object.entries(u.metadata || {})),
+                }));
+                return usages;
             },
             ...options,
         });
     };
     // ============================================================================
-    // [BATCH 10] Search Operations
+    // Search Operations
     // ============================================================================
     /**
      * Search public items (notebooks, documents, etc.)
@@ -4722,7 +4790,7 @@ export const useCache = ({ loginRoute = '/login' } = {}) => {
         });
     };
     // ============================================================================
-    // [BATCH 10] Social Media Integrations
+    // Social Media Integrations
     // ============================================================================
     /**
      * Get GitHub profile from access token
@@ -4874,7 +4942,7 @@ export const useCache = ({ loginRoute = '/login' } = {}) => {
         });
     };
     // ============================================================================
-    // [BATCH 10] Proxy Operations
+    // Proxy Operations
     // ============================================================================
     /**
      * Proxy GET request
@@ -4933,7 +5001,7 @@ export const useCache = ({ loginRoute = '/login' } = {}) => {
         });
     };
     // ============================================================================
-    // [BATCH 10] Waiting List & Growth
+    // Waiting List & Growth
     // ============================================================================
     /**
      * Register to waiting list
@@ -4971,7 +5039,7 @@ export const useCache = ({ loginRoute = '/login' } = {}) => {
         });
     };
     // ============================================================================
-    // BATCH 11: Refresh Operations & Additional Methods
+    // Refresh Operations & Additional Methods
     // ============================================================================
     /**
      * Refresh a specific user space
@@ -5411,7 +5479,7 @@ export const useCache = ({ loginRoute = '/login' } = {}) => {
         });
     };
     // ============================================================================
-    // BATCH 12: Additional Refresh Operations
+    // Additional Refresh Operations
     // ============================================================================
     /**
      * Refresh a specific environment
@@ -5646,7 +5714,7 @@ export const useCache = ({ loginRoute = '/login' } = {}) => {
         });
     };
     // ============================================================================
-    // BATCH 13: Final Methods - Invites, Contacts, Inbounds, Outbounds
+    // Invites, Contacts, Inbounds, Outbounds
     // ============================================================================
     /**
      * Request an invite (mutation)

package/lib/hooks/useMobile.d.ts

@@ -0,0 +1 @@
+export declare function useIsMobile(): boolean;

package/lib/hooks/useMobile.js

@@ -0,0 +1,26 @@
+/*
+ * Copyright (c) 2023-2025 Datalayer, Inc.
+ * Distributed under the terms of the Modified BSD License.
+ */
+/*
+ * Copyright (c) 2024-2025 Datalayer, Inc.
+ *
+ * BSD 3-Clause License
+ */
+import * as React from 'react';
+const MOBILE_BREAKPOINT = 768;
+export function useIsMobile() {
+    const [isMobile, setIsMobile] = React.useState(undefined);
+    React.useEffect(() => {
+        const mql = window.matchMedia(`(max-width: ${MOBILE_BREAKPOINT - 1}px)`);
+        const onChange = () => {
+            setIsMobile(window.innerWidth < MOBILE_BREAKPOINT);
+        };
+        mql.addEventListener('change', onChange);
+        setIsMobile(window.innerWidth < MOBILE_BREAKPOINT);
+        return () => {
+            mql.removeEventListener('change', onChange);
+        };
+    }, []);
+    return !!isMobile;
+}

package/lib/hooks/useScreenshot.d.ts

@@ -1,3 +1,4 @@
+import { ReactNode } from 'react';
 type ScreenshotContextType = {
     closeScreenshot: () => void;
     displayScreenshot: (nextScreenshot: any) => void;
@@ -9,13 +10,10 @@ export declare function useScreenshot(): ScreenshotContextType;
  */
 export declare const ScreenshotContextProvider: import("react").Provider<ScreenshotContextType>;
 type IScreenshotProviderProps = {
-    children?: JSX.Element | JSX.Element[];
+    children?: ReactNode;
     zIndex?: number;
     disableDarken?: boolean;
     screenshotSurface?: (qfds: any) => JSX.Element;
 };
-export declare function ScreenshotProvider(props: IScreenshotProviderProps): import("react/jsx-runtime").JSX.Element;
-export declare namespace ScreenshotProvider {
-    var defaultProps: IScreenshotProviderProps;
-}
+export declare function ScreenshotProvider({ children, zIndex, disableDarken, screenshotSurface, }: IScreenshotProviderProps): import("react/jsx-runtime").JSX.Element;
 export {};

package/lib/hooks/useScreenshot.js

@@ -19,8 +19,7 @@ export function useScreenshot() {
  * The type for the Screenshot context provider.
  */
 export const ScreenshotContextProvider = ScreenshotContext.Provider;
-export function ScreenshotProvider(props) {
-    const { children, zIndex, disableDarken, screenshotSurface } = props;
+export function ScreenshotProvider({ children = null, zIndex = 9999, disableDarken = false, screenshotSurface = undefined, }) {
     const defaultScreenshotSurface = {
         position: 'fixed',
         top: 0,
@@ -52,9 +51,3 @@ export function ScreenshotProvider(props) {
     return (_jsxs(ScreenshotContextProvider, { value: { closeScreenshot, displayScreenshot }, children: [_jsx(LayoutScreenshot, {}), children, screenshot.open &&
                 (screenshotSurface ? (screenshotSurface(screenshot.render(closeScreenshot))) : (_jsx("div", { style: defaultScreenshotSurface, children: screenshot.render(closeScreenshot) })))] }));
 }
-ScreenshotProvider.defaultProps = {
-    children: undefined,
-    disableScreenshot: false,
-    zIndex: 9999,
-    screenshotSurface: undefined,
-};

package/lib/hooks/useUpload.js

@@ -20,27 +20,35 @@ export const useUploadForm = (url) => {
     };
     const uploadAndSubmit = async (formData) => {
         setIsLoading(true);
-        const { data } = await axios.post(url, formData, {
-            headers: {
-                'Content-Type': 'multipart/form-data',
-                Authorization: `Bearer ${token}`,
-            },
-            onUploadProgress: progressEvent => {
-                const progress = (progressEvent.loaded / progressEvent.total) * 50;
-                setProgress(progress);
-            },
-            onDownloadProgress: progressEvent => {
-                const progress = 50 + (progressEvent.loaded / progressEvent.total) * 50;
-                setProgress(progress);
-            },
-        });
-        setProgress(100);
-        await new Promise(resolve => {
-            setTimeout(() => resolve('success'), 500);
-        });
-        setIsSuccess(true);
-        setProgress(0);
-        return data;
+        try {
+            const { data } = await axios.post(url, formData, {
+                headers: {
+                    'Content-Type': 'multipart/form-data',
+                    Authorization: `Bearer ${token}`,
+                },
+                onUploadProgress: progressEvent => {
+                    const progress = (progressEvent.loaded / progressEvent.total) * 50;
+                    setProgress(progress);
+                },
+                onDownloadProgress: progressEvent => {
+                    const progress = 50 + (progressEvent.loaded / progressEvent.total) * 50;
+                    setProgress(progress);
+                },
+            });
+            setProgress(100);
+            await new Promise(resolve => {
+                setTimeout(() => resolve('success'), 500);
+            });
+            setIsSuccess(true);
+            setIsLoading(false);
+            setProgress(0);
+            return data;
+        }
+        catch (error) {
+            setIsLoading(false);
+            setProgress(0);
+            throw error;
+        }
     };
     return { uploadAndSubmit, isSuccess, isLoading, progress, reset };
 };

package/lib/index.d.ts

@@ -1,3 +1,4 @@
+export * from './components';
 export * from './utils';
 export * from './state';
 export * from './collaboration';