@devvistatech/devvista-kit 0.0.9 → 0.0.10

package/hooks/use-toast.ts

@@ -1,188 +1,188 @@
-'use client';
-
-import * as React from 'react';
-
-import type { ToastActionElement, ToastProps } from '@/components/other/toast';
-
-const TOAST_LIMIT = 1;
-const TOAST_REMOVE_DELAY = 1000000;
-
-type ToasterToast = ToastProps & {
-  id: string;
-  title?: React.ReactNode;
-  description?: React.ReactNode;
-  action?: ToastActionElement;
-};
-
-const actionTypes = {
-  ADD_TOAST: 'ADD_TOAST',
-  UPDATE_TOAST: 'UPDATE_TOAST',
-  DISMISS_TOAST: 'DISMISS_TOAST',
-  REMOVE_TOAST: 'REMOVE_TOAST',
-} as const;
-
-let count = 0;
-
-function genId() {
-  count = (count + 1) % Number.MAX_SAFE_INTEGER;
-  return count.toString();
-}
-
-type ActionType = typeof actionTypes;
-
-type Action =
-  | {
-      type: ActionType['ADD_TOAST'];
-      toast: ToasterToast;
-    }
-  | {
-      type: ActionType['UPDATE_TOAST'];
-      toast: Partial<ToasterToast>;
-    }
-  | {
-      type: ActionType['DISMISS_TOAST'];
-      toastId?: ToasterToast['id'];
-    }
-  | {
-      type: ActionType['REMOVE_TOAST'];
-      toastId?: ToasterToast['id'];
-    };
-
-interface State {
-  toasts: ToasterToast[];
-}
-
-const toastTimeouts = new Map<string, ReturnType<typeof setTimeout>>();
-
-const addToRemoveQueue = (toastId: string) => {
-  if (toastTimeouts.has(toastId)) {
-    return;
-  }
-
-  const timeout = setTimeout(() => {
-    toastTimeouts.delete(toastId);
-    dispatch({
-      type: 'REMOVE_TOAST',
-      toastId: toastId,
-    });
-  }, TOAST_REMOVE_DELAY);
-
-  toastTimeouts.set(toastId, timeout);
-};
-
-export const reducer = (state: State, action: Action): State => {
-  switch (action.type) {
-    case 'ADD_TOAST':
-      return {
-        ...state,
-        toasts: [action.toast, ...state.toasts].slice(0, TOAST_LIMIT),
-      };
-
-    case 'UPDATE_TOAST':
-      return {
-        ...state,
-        toasts: state.toasts.map((t) =>
-          t.id === action.toast.id ? { ...t, ...action.toast } : t
-        ),
-      };
-
-    case 'DISMISS_TOAST': {
-      const { toastId } = action;
-
-      if (toastId) {
-        addToRemoveQueue(toastId);
-      } else {
-        state.toasts.forEach((toast) => {
-          addToRemoveQueue(toast.id);
-        });
-      }
-
-      return {
-        ...state,
-        toasts: state.toasts.map((t) =>
-          t.id === toastId || toastId === undefined
-            ? {
-                ...t,
-                open: false,
-              }
-            : t
-        ),
-      };
-    }
-    case 'REMOVE_TOAST':
-      if (action.toastId === undefined) {
-        return {
-          ...state,
-          toasts: [],
-        };
-      }
-      return {
-        ...state,
-        toasts: state.toasts.filter((t) => t.id !== action.toastId),
-      };
-  }
-};
-
-const listeners: Array<(state: State) => void> = [];
-
-let memoryState: State = { toasts: [] };
-
-function dispatch(action: Action) {
-  memoryState = reducer(memoryState, action);
-  listeners.forEach((listener) => {
-    listener(memoryState);
-  });
-}
-
-type Toast = Omit<ToasterToast, 'id'>;
-
-function toast({ ...props }: Toast) {
-  const id = genId();
-
-  const update = (props: ToasterToast) =>
-    dispatch({
-      type: 'UPDATE_TOAST',
-      toast: { ...props, id },
-    });
-  const dismiss = () => dispatch({ type: 'DISMISS_TOAST', toastId: id });
-
-  dispatch({
-    type: 'ADD_TOAST',
-    toast: {
-      ...props,
-      id,
-      open: true,
-      onOpenChange: (open) => {
-        if (!open) dismiss();
-      },
-    },
-  });
-
-  return {
-    id: id,
-    dismiss,
-    update,
-  };
-}
-
-function useToast() {
-  const [state, setState] = React.useState<State>(memoryState);
-
-  React.useEffect(() => {
-    listeners.push(setState);
-    return () => {
-      const index = listeners.indexOf(setState);
-      if (index > -1) {
-        listeners.splice(index, 1);
-      }
-    };
-  }, [state]);
-
-  return {
-    ...state,
-    toast,
-    dismiss: (toastId?: string) => dispatch({ type: 'DISMISS_TOAST', toastId }),
-  };
-}
-
-export { useToast, toast };
+'use client';
+
+import * as React from 'react';
+
+import type { ToastActionElement, ToastProps } from '@/components/other/toast';
+
+const TOAST_LIMIT = 1;
+const TOAST_REMOVE_DELAY = 1000000;
+
+type ToasterToast = ToastProps & {
+  id: string;
+  title?: React.ReactNode;
+  description?: React.ReactNode;
+  action?: ToastActionElement;
+};
+
+const actionTypes = {
+  ADD_TOAST: 'ADD_TOAST',
+  UPDATE_TOAST: 'UPDATE_TOAST',
+  DISMISS_TOAST: 'DISMISS_TOAST',
+  REMOVE_TOAST: 'REMOVE_TOAST',
+} as const;
+
+let count = 0;
+
+function genId() {
+  count = (count + 1) % Number.MAX_SAFE_INTEGER;
+  return count.toString();
+}
+
+type ActionType = typeof actionTypes;
+
+type Action =
+  | {
+      type: ActionType['ADD_TOAST'];
+      toast: ToasterToast;
+    }
+  | {
+      type: ActionType['UPDATE_TOAST'];
+      toast: Partial<ToasterToast>;
+    }
+  | {
+      type: ActionType['DISMISS_TOAST'];
+      toastId?: ToasterToast['id'];
+    }
+  | {
+      type: ActionType['REMOVE_TOAST'];
+      toastId?: ToasterToast['id'];
+    };
+
+interface State {
+  toasts: ToasterToast[];
+}
+
+const toastTimeouts = new Map<string, ReturnType<typeof setTimeout>>();
+
+const addToRemoveQueue = (toastId: string) => {
+  if (toastTimeouts.has(toastId)) {
+    return;
+  }
+
+  const timeout = setTimeout(() => {
+    toastTimeouts.delete(toastId);
+    dispatch({
+      type: 'REMOVE_TOAST',
+      toastId: toastId,
+    });
+  }, TOAST_REMOVE_DELAY);
+
+  toastTimeouts.set(toastId, timeout);
+};
+
+export const reducer = (state: State, action: Action): State => {
+  switch (action.type) {
+    case 'ADD_TOAST':
+      return {
+        ...state,
+        toasts: [action.toast, ...state.toasts].slice(0, TOAST_LIMIT),
+      };
+
+    case 'UPDATE_TOAST':
+      return {
+        ...state,
+        toasts: state.toasts.map((t) =>
+          t.id === action.toast.id ? { ...t, ...action.toast } : t
+        ),
+      };
+
+    case 'DISMISS_TOAST': {
+      const { toastId } = action;
+
+      if (toastId) {
+        addToRemoveQueue(toastId);
+      } else {
+        state.toasts.forEach((toast) => {
+          addToRemoveQueue(toast.id);
+        });
+      }
+
+      return {
+        ...state,
+        toasts: state.toasts.map((t) =>
+          t.id === toastId || toastId === undefined
+            ? {
+                ...t,
+                open: false,
+              }
+            : t
+        ),
+      };
+    }
+    case 'REMOVE_TOAST':
+      if (action.toastId === undefined) {
+        return {
+          ...state,
+          toasts: [],
+        };
+      }
+      return {
+        ...state,
+        toasts: state.toasts.filter((t) => t.id !== action.toastId),
+      };
+  }
+};
+
+const listeners: Array<(state: State) => void> = [];
+
+let memoryState: State = { toasts: [] };
+
+function dispatch(action: Action) {
+  memoryState = reducer(memoryState, action);
+  listeners.forEach((listener) => {
+    listener(memoryState);
+  });
+}
+
+type Toast = Omit<ToasterToast, 'id'>;
+
+function toast({ ...props }: Toast) {
+  const id = genId();
+
+  const update = (props: ToasterToast) =>
+    dispatch({
+      type: 'UPDATE_TOAST',
+      toast: { ...props, id },
+    });
+  const dismiss = () => dispatch({ type: 'DISMISS_TOAST', toastId: id });
+
+  dispatch({
+    type: 'ADD_TOAST',
+    toast: {
+      ...props,
+      id,
+      open: true,
+      onOpenChange: (open) => {
+        if (!open) dismiss();
+      },
+    },
+  });
+
+  return {
+    id: id,
+    dismiss,
+    update,
+  };
+}
+
+function useToast() {
+  const [state, setState] = React.useState<State>(memoryState);
+
+  React.useEffect(() => {
+    listeners.push(setState);
+    return () => {
+      const index = listeners.indexOf(setState);
+      if (index > -1) {
+        listeners.splice(index, 1);
+      }
+    };
+  }, [state]);
+
+  return {
+    ...state,
+    toast,
+    dismiss: (toastId?: string) => dispatch({ type: 'DISMISS_TOAST', toastId }),
+  };
+}
+
+export { useToast, toast };

package/lib/auth-context.tsx

@@ -1,131 +1,131 @@
-"use client";
-
-import { createContext, useContext, useState, useEffect } from "react";
-import { useAuth as useClerkAuth, useUser } from "@clerk/nextjs";
-
-interface StrapiUser {
-  id: number;
-  username: string;
-  email: string;
-  businessAdminId?: string;
-  isAdmin?: boolean;
-  firstName?: string;
-  lastName?: string;
-  businessId?: string[];
-  dateJoined?: string;
-  businessOwner?: boolean;
-  userStatus?: string;
-  timezone?: string;
-  language?: string;
-  isVerified?: boolean;
-  authProvider?: string;
-  authId?: string;
-  businessTitle?: string;
-  userTitle?: string;
-  number?: string;
-  address?: {
-    zip: string;
-    city: string;
-    state: string;
-    street: string;
-    country: string;
-  };
-  websiteUrl?: string;
-  userRole?: string;
-  primaryBusinessColor?: string;
-  secondaryBusinessColor?: string;
-  logoImage?: string;
-}
-
-interface AuthContextType {
-  user: StrapiUser | null;
-  authLoading: boolean;
-  error: string | null;
-  checkSession: () => Promise<void>;
-}
-
-const AuthContext = createContext<AuthContextType | undefined>(undefined);
-
-const userCache = new Map<string, StrapiUser>();
-
-export function AuthProvider({ children }: { children: React.ReactNode }) {
-  const [user, setUser] = useState<StrapiUser | null>(null);
-  const [authLoading, setAuthLoading] = useState(true);
-  const [error, setError] = useState<string | null>(null); // Added error state
-  const { isSignedIn, userId } = useClerkAuth();
-  const { user: clerkUser } = useUser();
-
-  const syncUserToStrapi = async (clerkUserData: any) => {
-    if (!clerkUserData || !userId) {
-      console.error("Missing clerkUserData or userId:", { clerkUserData, userId });
-      setError("Missing user data for sync");
-      return;
-    }
-
-    if (userCache.has(userId)) {
-      setUser(userCache.get(userId)!);
-      setError(null);
-      return;
-    }
-
-    try {
-      const response = await fetch("/api/sync-user", {
-        method: "POST",
-        headers: {
-          "Content-Type": "application/json",
-        },
-        body: JSON.stringify(clerkUserData),
-      });
-
-      if (!response.ok) {
-        const errorText = await response.text();
-        console.error(`Failed to sync user: ${response.status}`, errorText);
-        setError(`Failed to sync user: ${response.status}`);
-        return;
-      }
-
-      const strapiUser = await response.json();
-      userCache.set(userId, strapiUser);
-      setUser(strapiUser);
-      setError(null);
-    } catch (error) {
-      console.error("Error syncing user to Strapi:", error);
-      setError(error instanceof Error ? error.message : "Failed to sync user");
-    }
-  };
-
-  const checkSession = async () => {
-    setAuthLoading(true);
-    if (!isSignedIn || !userId || !clerkUser) {
-      setUser(null);
-      setError("User not signed in");
-      setAuthLoading(false);
-      return;
-    }
-    try {
-      await syncUserToStrapi(clerkUser);
-    } catch (err) {
-      console.error("checkSession error:", err);
-      setError(err instanceof Error ? err.message : "Session check failed");
-      setUser(null);
-    } finally {
-      setAuthLoading(false);
-    }
-  };
-
-  useEffect(() => {
-    checkSession();
-  }, [isSignedIn, userId, clerkUser]);
-
-  return (
-    <AuthContext.Provider value={{ user, authLoading, error, checkSession }}>
-      {children}
-    </AuthContext.Provider>
-  );
-}
-
-export function useStrapiAuth() {
-  const context = useContext(AuthContext);
-  if (!context) throw new Error("useStrapiAuth must be used within an AuthProvider");
-  return context;
+"use client";
+
+import { createContext, useContext, useState, useEffect } from "react";
+import { useAuth as useClerkAuth, useUser } from "@clerk/nextjs";
+
+interface StrapiUser {
+  id: number;
+  username: string;
+  email: string;
+  businessAdminId?: string;
+  isAdmin?: boolean;
+  firstName?: string;
+  lastName?: string;
+  businessId?: string[];
+  dateJoined?: string;
+  businessOwner?: boolean;
+  userStatus?: string;
+  timezone?: string;
+  language?: string;
+  isVerified?: boolean;
+  authProvider?: string;
+  authId?: string;
+  businessTitle?: string;
+  userTitle?: string;
+  number?: string;
+  address?: {
+    zip: string;
+    city: string;
+    state: string;
+    street: string;
+    country: string;
+  };
+  websiteUrl?: string;
+  userRole?: string;
+  primaryBusinessColor?: string;
+  secondaryBusinessColor?: string;
+  logoImage?: string;
+}
+
+interface AuthContextType {
+  user: StrapiUser | null;
+  authLoading: boolean;
+  error: string | null;
+  checkSession: () => Promise<void>;
+}
+
+const AuthContext = createContext<AuthContextType | undefined>(undefined);
+
+const userCache = new Map<string, StrapiUser>();
+
+export function AuthProvider({ children }: { children: React.ReactNode }) {
+  const [user, setUser] = useState<StrapiUser | null>(null);
+  const [authLoading, setAuthLoading] = useState(true);
+  const [error, setError] = useState<string | null>(null); // Added error state
+  const { isSignedIn, userId } = useClerkAuth();
+  const { user: clerkUser } = useUser();
+
+  const syncUserToStrapi = async (clerkUserData: any) => {
+    if (!clerkUserData || !userId) {
+      console.error("Missing clerkUserData or userId:", { clerkUserData, userId });
+      setError("Missing user data for sync");
+      return;
+    }
+
+    if (userCache.has(userId)) {
+      setUser(userCache.get(userId)!);
+      setError(null);
+      return;
+    }
+
+    try {
+      const response = await fetch("/api/sync-user", {
+        method: "POST",
+        headers: {
+          "Content-Type": "application/json",
+        },
+        body: JSON.stringify(clerkUserData),
+      });
+
+      if (!response.ok) {
+        const errorText = await response.text();
+        console.error(`Failed to sync user: ${response.status}`, errorText);
+        setError(`Failed to sync user: ${response.status}`);
+        return;
+      }
+
+      const strapiUser = await response.json();
+      userCache.set(userId, strapiUser);
+      setUser(strapiUser);
+      setError(null);
+    } catch (error) {
+      console.error("Error syncing user to Strapi:", error);
+      setError(error instanceof Error ? error.message : "Failed to sync user");
+    }
+  };
+
+  const checkSession = async () => {
+    setAuthLoading(true);
+    if (!isSignedIn || !userId || !clerkUser) {
+      setUser(null);
+      setError("User not signed in");
+      setAuthLoading(false);
+      return;
+    }
+    try {
+      await syncUserToStrapi(clerkUser);
+    } catch (err) {
+      console.error("checkSession error:", err);
+      setError(err instanceof Error ? err.message : "Session check failed");
+      setUser(null);
+    } finally {
+      setAuthLoading(false);
+    }
+  };
+
+  useEffect(() => {
+    checkSession();
+  }, [isSignedIn, userId, clerkUser]);
+
+  return (
+    <AuthContext.Provider value={{ user, authLoading, error, checkSession }}>
+      {children}
+    </AuthContext.Provider>
+  );
+}
+
+export function useStrapiAuth() {
+  const context = useContext(AuthContext);
+  if (!context) throw new Error("useStrapiAuth must be used within an AuthProvider");
+  return context;
 }