@devvistatech/devvista-kit 0.0.12 → 0.0.13

package/lib/auth/auth-context.tsx

@@ -0,0 +1,225 @@
+"use client";
+
+import { useState, useEffect, createContext, useContext } from "react";
+import { useAuth as useClerkAuth, useUser } from "@clerk/nextjs";
+import { StrapiUser } from "../types"; 
+
+// Define the shape of the authentication context, including the Strapi user data,
+// loading state, error state, and functions for session checking and post-signup handling.
+interface AuthContextType {
+  user: StrapiUser | null;
+  authLoading: boolean;
+  error: string | null;
+  checkSession: () => Promise<void>;
+  handlePostSignUp: (clerkUserId: string, email: string, username: string) => Promise<void>;
+}
+
+// Create the React context for sharing authentication state and methods across components.
+const AuthContext = createContext<AuthContextType | undefined>(undefined);
+
+// A simple in-memory cache to store Strapi user data by Clerk user ID, avoiding repeated API calls.
+const userCache = new Map<string, StrapiUser>();
+
+// The main AuthProvider component that wraps the app and manages authentication state.
+export function AuthProvider({ children }: { children: React.ReactNode }) {
+  // Local state for the synced Strapi user, loading indicator, and any errors.
+  const [user, setUser] = useState<StrapiUser | null>(null);
+  const [authLoading, setAuthLoading] = useState(true);
+  const [error, setError] = useState<string | null>(null);
+  
+  // Hooks from Clerk to get sign-in status, user ID, and user details.
+  const { isSignedIn, userId } = useClerkAuth();
+  const { user: clerkUser } = useUser();
+
+  // Function to synchronize a Clerk user with Strapi: check if the user exists, create if not, and cache the result.
+  const syncUserToStrapi = async (clerkUserData: { authId: string; email: string; username: string }) => {
+    // Early return if required data is missing.
+    if (!clerkUserData || !userId) {
+      console.warn("syncUserToStrapi: Missing clerkUserData or userId:", { clerkUserData, userId, timestamp: new Date().toISOString() });
+      return null;
+    }
+
+    // Check cache first for quick retrieval.
+    if (userCache.has(userId)) {
+      const cachedUser = userCache.get(userId)!;
+      setUser(cachedUser);
+      setError(null);
+      return cachedUser;
+    }
+
+    try {
+      // First, attempt to fetch the existing user from Strapi via the sync-user API.
+      const checkResponse = await fetch(`/api/sync-user?authId=${encodeURIComponent(clerkUserData.authId)}`, {
+        headers: {
+          "Content-Type": "application/json",
+        },
+      });
+
+      // If the user exists, cache and set it as the current user.
+      if (checkResponse.ok) {
+        const existingUser = await checkResponse.json();
+        userCache.set(userId, existingUser);
+        setUser(existingUser);
+        setError(null);
+        return existingUser;
+      }
+
+      // If no existing user, attempt to create a new one via the signup API.
+      const response = await fetch("/api/signup", {
+        method: "POST",
+        headers: {
+          "Content-Type": "application/json",
+        },
+        body: JSON.stringify(clerkUserData),
+      });
+
+      // Handle signup failure (e.g., duplicate user error) by retrying the check.
+      if (!response.ok) {
+        const errorData = await response.json();
+        console.warn("syncUserToStrapi: Failed to create user (likely duplicate):", { errorData, status: response.status, timestamp: new Date().toISOString() });
+
+        const retryResponse = await fetch(`/api/sync-user?authId=${encodeURIComponent(clerkUserData.authId)}`, {
+          headers: {
+            "Content-Type": "application/json",
+          },
+        });
+        if (retryResponse.ok) {
+          const existingUser = await retryResponse.json();
+          userCache.set(userId, existingUser);
+          setUser(existingUser);
+          setError(null);
+          return existingUser;
+        }
+        console.warn("syncUserToStrapi: Failed to sync user:", { errorData, status: response.status, timestamp: new Date().toISOString() });
+        setError(null);
+        setUser(null);
+        return null;
+      }
+
+      // On successful creation, cache and set the new Strapi user.
+      const strapiUser = await response.json();
+      userCache.set(userId, strapiUser);
+      setUser(strapiUser);
+      setError(null);
+      return strapiUser;
+    } catch (error) {
+      // Log any unexpected errors but clear error state and set user to null.
+      console.warn("syncUserToStrapi: Error:", { error: error instanceof Error ? error.message : "Unknown error", timestamp: new Date().toISOString() });
+      setError(null); 
+      setUser(null);
+      return null;
+    }
+  };
+
+  // Handler called after Clerk signup to sync the new user to Strapi.
+  const handlePostSignUp = async (clerkUserId: string, email: string, username: string) => {
+    // Early return if required data is missing.
+    if (!email || !username) {
+      console.warn("handlePostSignUp: Missing email or username", { clerkUserId, email, username, timestamp: new Date().toISOString() });
+      setError(null); 
+      return;
+    }
+
+    try {
+      // Delegate to the sync function.
+      const strapiUser = await syncUserToStrapi({
+        authId: clerkUserId,
+        email,
+        username,
+      });
+      if (!strapiUser) {
+        console.warn("handlePostSignUp: Failed to create Strapi user", { clerkUserId, timestamp: new Date().toISOString() });
+        setError(null);
+      }
+    } catch (error) {
+      // Log errors but clear error state.
+      console.warn("handlePostSignUp: Error:", {
+        error: error instanceof Error ? error.message : "Unknown error",
+        timestamp: new Date().toISOString(),
+      });
+      setError(null); 
+    }
+  };
+
+  // Function to check and sync the current session on mount or changes.
+  const checkSession = async () => {
+    // Set loading state.
+    setAuthLoading(true);
+    // Early return if not signed in or missing user data.
+    if (!isSignedIn || !userId || !clerkUser) {
+      setUser(null);
+      setAuthLoading(false);
+      setError(null);
+      return;
+    }
+
+    // Check cache first.
+    if (userCache.has(userId)) {
+      const cachedUser = userCache.get(userId)!;
+      setUser(cachedUser);
+      setAuthLoading(false);
+      setError(null);
+      return;
+    }
+
+    try {
+      // Attempt to fetch existing user.
+      const checkResponse = await fetch(`/api/sync-user?authId=${encodeURIComponent(userId)}`, {
+        headers: {
+          "Content-Type": "application/json",
+        },
+      });
+
+      // If found, cache and set.
+      if (checkResponse.ok) {
+        const existingUser = await checkResponse.json();
+        userCache.set(userId, existingUser);
+        setUser(existingUser);
+        setAuthLoading(false);
+        setError(null);
+        return;
+      }
+
+      // Log and proceed to sync if not found.
+      console.warn("checkSession: No user found, proceeding to sync:", { userId, timestamp: new Date().toISOString() });
+
+      // Sync with fallback username generation if needed.
+      const strapiUser = await syncUserToStrapi({
+        authId: userId,
+        email: clerkUser.primaryEmailAddress?.emailAddress || "",
+        username: clerkUser.username || clerkUser.firstName || `user_${userId.slice(0, 8)}`,
+      });
+      if (!strapiUser) {
+        console.warn("checkSession: No Strapi user found, user set to null", { userId, timestamp: new Date().toISOString() });
+        setUser(null);
+      }
+    } catch (err) {
+      // Log errors and reset states.
+      console.warn("checkSession: Error:", { error: err instanceof Error ? err.message : "Unknown error", timestamp: new Date().toISOString() });
+      setUser(null);
+      setError(null); 
+    } finally {
+      // Always clear loading state.
+      setAuthLoading(false);
+    }
+  };
+
+  // Effect to trigger session check whenever Clerk auth state changes.
+  useEffect(() => {
+    checkSession();
+  }, [isSignedIn, userId, clerkUser]);
+
+  // Provide the context value to children components.
+  return (
+    <AuthContext.Provider value={{ user, authLoading, error, checkSession, handlePostSignUp }}>
+      {children}
+    </AuthContext.Provider>
+  );
+}
+
+// Custom hook to access the auth context safely.
+export function useStrapiAuth() {
+  const context = useContext(AuthContext);
+  if (!context) throw new Error("useStrapiAuth must be used within an AuthProvider");
+  return context;
+}

package/lib/auth/auth-utils.tsx

@@ -0,0 +1,30 @@
+import { StrapiUser } from "../types";
+
+export async function isAdminUser(isSignedIn: boolean | undefined, user: StrapiUser | null): Promise<boolean> {
+  if (!isSignedIn || !user?.authId) {
+
+    return false;
+  }
+
+  try {
+
+    const response = await fetch(`${process.env.NEXT_PUBLIC_BASE_URL || ''}/api/verify-admin`, {
+      method: "POST",
+      headers: { "Content-Type": "application/json" },
+      body: JSON.stringify({ authId: user.authId }),
+    });
+
+    if (!response.ok) {
+      const errorData = await response.json();
+      console.error("isAdminUser: Verify admin failed:", { error: errorData, status: response.status, timestamp: new Date().toISOString() });
+      return false;
+    }
+
+    const { isAdmin } = await response.json();
+
+    return isAdmin;
+  } catch (error) {
+    console.error("isAdminUser error:", { error: error instanceof Error ? error.message : "Unknown error", timestamp: new Date().toISOString() });
+    return false;
+  }
+}

package/lib/constants/adRequest.ts

@@ -1,114 +1,257 @@
-// app/constants/adRequest.ts
-// Constants for hardcoded text in app/adRequest/page.tsx, organized by purpose
+// constants.ts
+export const ABOUT_PAGE = {
+  UI: {
+    MAIN_HEADING: "About Milton Supply",
+    SUCCESS_STORY_HEADING: "Lorem Ipsum",
+    SUCCESS_STORY_TEXT: `
+      Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo. Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit, sed quia consequuntur magni dolores eos qui ratione voluptatem sequi nesciunt. Neque porro quisquam est, qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit, sed quia non numquam eius modi tempora incidunt ut labore et dolore magnam aliquam quaerat voluptatem. Ut enim ad minima veniam, quis nostrum exercitationem ullam corporis suscipit laboriosam, nisi ut aliquid ex ea commodi consequatur? Quis autem vel eum iure reprehenderit qui in ea voluptate velit esse quam nihil molestiae consequatur, vel illum qui dolorem eum fugiat quo voluptas nulla pariatur?
+    `,
+    ADMIN_LOGGED_IN_MESSAGE: "You are logged in as an admin",
+    MODAL_HEADING: "Edit Bio Section",
+    TITLE_LABEL: "Bio Title",
+    TITLE_PLACEHOLDER: "Enter the bio title",
+    IMAGE_LABEL: "Update Image (optional)",
+    SELECTED_IMAGE_TEXT: "Selected: ${formImage.name}",
+    DESCRIPTION_LABEL: "Update Description",
+    DESCRIPTION_PLACEHOLDER: "Enter the bio description",
+    NO_IMAGE_AVAILABLE: "No image available",
+    NO_DESCRIPTION_AVAILABLE: "No bio description available",
+  },
+  BUTTONS: {
+    UPDATE_BUTTON: "Update",
+    SAVING_BUTTON: "Saving...",
+    CANCEL_BUTTON: "Cancel",
+    READ_MORE_BUTTON: "Read More",
+    READ_LESS_BUTTON: "Read Less",
+  },
+  ERRORS: {
+    FETCH_BIO_FAILED: "Failed to fetch bio data: ${response.status}",
+    BIO_NOT_FOUND: "Bio data not found",
+    FETCH_BIO_ERROR: "An error occurred while fetching bio data",
+    UNAUTHORIZED_UPDATE: "Unauthorized: Only admin can update bio data",
+    INVALID_IMAGE_TYPE: "Only JPEG, PNG, or GIF images are allowed",
+    NO_AUTH_TOKEN: "No authentication token available",
+    UPDATE_BIO_FAILED: "Failed to update bio data: ${response.status}",
+    UPDATE_BIO_ERROR: "Failed to update bio data",
+  },
+};
+
+export const ABOUT_SECTION = {
+  UI: {
+    FALLBACK_TITLE: "About Us",
+    FALLBACK_DESCRIPTION: "Welcome to Milton Supply Co. Learn more about our story and mission.",
+    NO_IMAGE_AVAILABLE: "No image available",
+    NO_DESCRIPTION_AVAILABLE: "No description available",
+    ADMIN_LOGGED_IN_MESSAGE: "You are logged in as an admin",
+    MODAL_HEADING: "Edit About Section",
+    TITLE_LABEL: "About Title",
+    TITLE_PLACEHOLDER: "Enter the about title",
+    IMAGE_LABEL: "Update Image (optional)",
+    SELECTED_IMAGE_TEXT: "Selected: ${formImage.name}",
+    DESCRIPTION_LABEL: "Update Description",
+    DESCRIPTION_PLACEHOLDER: "Enter the about description",
+  },
+  BUTTONS: {
+    UPDATE_BUTTON: "Update",
+    SAVING_BUTTON: "Saving...",
+    CANCEL_BUTTON: "Cancel",
+    READ_MORE_BUTTON: "Read More",
+    READ_LESS_BUTTON: "Read Less",
+  },
+  ERRORS: {
+    FETCH_FAILED: "Failed to fetch about data: ${response.status}",
+    FETCH_ERROR: "An error occurred while fetching about data",
+    UNAUTHORIZED_UPDATE: "Unauthorized: Only admin can update about data",
+    INVALID_IMAGE_TYPE: "Only JPEG, PNG, or GIF images are allowed",
+    NO_AUTH_TOKEN: "No authentication token available",
+    UPDATE_FAILED: "Failed to update about data: ${response.status}",
+    UPDATE_ERROR: "Failed to update about data",
+  },
+};
+
+export const GALLERY_PAGE = {
+  UI: {
+    MAIN_HEADING: "Project Gallery",
+    LOADING_MESSAGE: "Loading...",
+    ADMIN_LOGGED_IN_MESSAGE: "You are logged in as an admin.",
+    NO_IMAGES_MESSAGE: "No images available at this time.",
+  },
+  ERRORS: {
+    NO_AUTH_TOKEN: "No authentication token available",
+    FETCH_IMAGES_FAILED: "Failed to load images: ${errorText}",
+    PAGINATION_WARNING: "Warning: Only the first 100 images are displayed. Contact support to view all images.",
+    FETCH_ERROR: "An error occurred while fetching data",
+    NO_FILE_SELECTED: "No file selected",
+    INVALID_FILE_TYPE: "Only JPEG, PNG, or GIF images are allowed",
+    UNAUTHORIZED_UPLOAD: "Unauthorized: Only admins can upload images",
+    AUTHENTICATION_ERROR: "Authentication error. Please log in again.",
+    UPLOAD_IMAGE_FAILED: "Failed to upload image: ${response.status}",
+    UPLOAD_IMAGE_ERROR: "Failed to upload image",
+    UNAUTHORIZED_DELETE: "Unauthorized: Only admins can delete images",
+    DELETE_IMAGE_FAILED: "Failed to delete image: ${response.status}",
+    DELETE_IMAGE_ERROR: "Failed to delete image",
+    ADMIN_CHECK_FAILED: "Failed to verify admin status after multiple attempts",
+  },
+};
+
+export const GALLERY_COMPLEX = {
+  UI: {
+    PHOTOS_TAB: "Photos",
+    VIDEOS_TAB: "Videos",
+    ALL_SUB_TAB: "All",
+    CATEGORY_NONE: "None",
+    CATEGORY_INDOOR: "Indoor",
+    CATEGORY_OUTDOOR: "Outdoor",
+    CATEGORY_COMMERCIAL: "Commercial",
+    CATEGORY_LANDSCAPE_BOULDERS: "Landscape Boulders",
+    CATEGORY_STONE_VENEER: "Stone Veneer",
+    CATEGORY_STONE_CUTTING_TREADS: "Stone Cutting Treads",
+    CATEGORY_MASONRY_TOOLS: "Masonry Tools",
+    CATEGORY_PATIO_STONE: "Patio Stone",
+    CATEGORY_PAVERS_SLABS: "Pavers & Slabs",
+    CATEGORY_BAGGED_CEMENT: "Bagged Cement Products",
+    CATEGORY_SEALERS_ADDITIVES: "Sealers & Additives",
+    CATEGORY_LANDSCAPING_ACCESSORIES: "Landscaping Accessories",
+    CATEGORY_GRAVEL_SAND: "Gravel & More",
+    NO_IMAGES_MESSAGE: "No images available for this category.",
+    LOADING_MESSAGE: "Loading gallery data...",
+    ADMIN_LOGGED_IN_MESSAGE: "You are logged in as an admin",
+    DEFAULT_IMAGE_ALT: "Gallery Image",
+    UPLOAD_MODAL_HEADING: "Upload New Image",
+    EDIT_MODAL_HEADING: "Edit Image",
+    DELETE_MODAL_HEADING: "Confirm Delete",
+    DELETE_CONFIRMATION_MESSAGE: "Are you sure you want to delete this image? This action cannot be undone.",
+    CHOOSE_IMAGE_TEXT: "Choose an image",
+    TITLE_PLACEHOLDER: "Enter image title",
+    DESCRIPTION_PLACEHOLDER: "Enter image description",
+  },
+  BUTTONS: {
+    UPLOAD_IMAGE_BUTTON: "Upload Image",
+    LOAD_MORE_BUTTON: "Load More",
+    UPLOAD_BUTTON: "Upload",
+    UPLOADING_BUTTON: "Uploading...",
+    SAVE_BUTTON: "Save",
+    SAVING_BUTTON: "Saving...",
+    DELETE_BUTTON: "Delete",
+    DELETING_BUTTON: "Deleting...",
+    CANCEL_BUTTON: "Cancel",
+  },
+  ERRORS: {
+    UNAUTHORIZED_EDIT: "Unauthorized: Only admins can edit images",
+    UNAUTHORIZED_UPLOAD: "Unauthorized: Only admins can upload images",
+    UNAUTHORIZED_DELETE: "Unauthorized: Only admins can delete images",
+    AUTHENTICATION_ERROR: "Authentication failed. Please log in again.",
+    EDIT_FAILED: "Failed to edit image",
+    EDIT_FAILED_STATUS: "Failed to edit image: ${response.status}",
+    UPLOAD_FAILED: "Failed to upload image",
+    DELETE_FAILED: "Failed to delete image",
+  },
+};
+
+export const PRODUCT_DESC_CAROUSEL = {
+  UI: {
+    FALLBACK_TITLE: "Product Gallery",
+    NO_IMAGES_MESSAGE: "No images available",
+    NO_DESCRIPTION_MESSAGE: "No description available.",
+    NON_ADMIN_MESSAGE: "You are logged in but do not have admin privileges.",
+    DEFAULT_IMAGE_ALT: "Product Image",
+    UPLOAD_MODAL_HEADING: "Upload New Product Image",
+    EDIT_MODAL_HEADING: "Edit Product Image",
+    DELETE_MODAL_HEADING: "Confirm Deletion",
+    DELETE_CONFIRMATION_MESSAGE: "Are you sure you want to delete this product image?",
+    CHOOSE_IMAGE_LABEL: "Choose Image",
+    SELECTED_IMAGE_TEXT: "Selected: ${formImage.name}",
+    TITLE_LABEL: "Image Title",
+    TITLE_PLACEHOLDER: "Enter image title",
+    DESCRIPTION_LABEL: "Image Description",
+    DESCRIPTION_PLACEHOLDER: "Enter image description",
+    CATEGORY_LABEL: "Category",
+    CATEGORY_NONE: "None",
+    SUBCATEGORY_LABEL: "Subcategory",
+    SUBCATEGORY_PLACEHOLDER: "Enter subcategory (e.g., play-sand)",
+  },
+  BUTTONS: {
+    UPLOAD_IMAGE_BUTTON: "Upload New Product Image",
+    UPLOAD_BUTTON: "Upload",
+    UPLOADING_BUTTON: "Uploading...",
+    SAVE_BUTTON: "Save",
+    SAVING_BUTTON: "Saving...",
+    DELETE_BUTTON: "Delete",
+    DELETING_BUTTON: "Deleting...",
+    CANCEL_BUTTON: "Cancel",
+  },
+  ERRORS: {
+    NO_AUTH_TOKEN: "Unauthorized: No token provided",
+    AUTHENTICATION_ERROR: "Unauthorized: Session expired. Please log in again.",
+    UNAUTHORIZED_EDIT: "Unauthorized: Only admins can edit images",
+    UNAUTHORIZED_DELETE: "Unauthorized: Only admins can delete images",
+    EDIT_FAILED: "Failed to update image",
+    EDIT_FAILED_STATUS: "Failed to update image (Status: ${response.status})",
+    UPLOAD_FAILED: "Failed to upload image",
+    SUBCATEGORY_EMPTY: "Subcategory cannot be empty",
+    SUBCATEGORY_TOO_LONG: "Subcategory name is too long (max 50 characters)",
+    SUBCATEGORY_INVALID: "Subcategory can only contain letters, numbers, spaces, or hyphens",
+    ADMIN_CHECK_FAILED: "Failed to verify admin status after multiple attempts",
+  },
+};
 
 export const AD_REQUEST_PAGE = {
-  // UI Text for AdRequest page
   UI: {
-    // Heading when user is not signed in
     NOT_AUTHENTICATED_HEADING: "Not authenticated",
-    // Message when user is not signed in
     NOT_AUTHENTICATED_MESSAGE: "You must be logged in to view this page.",
-    // Heading when user is not admin
     UNAUTHORIZED_HEADING: "Unauthorized",
-    // Message when user is not admin
     UNAUTHORIZED_MESSAGE: "Only admins can access the Ad Request dashboard.",
-    // Main dashboard heading
     DASHBOARD_HEADING: "Ad Request Dashboard",
-    // Dashboard subheading
     DASHBOARD_SUBHEADING: "Create and manage your advertising campaigns",
-    // Message indicating admin access
     ADMIN_ACCESS_MESSAGE: "Admin access granted",
-    // Heading for credits section
     CREDITS_HEADING: "Available Credits",
-    // Description for credits section
     CREDITS_DESCRIPTION: "Use credits to create ad requests",
-    // Partial text for credits reset date
     CREDITS_RESET_TEXT: "Credits reset to 3 on ",
-    // Heading for ad request form
     CREATE_AD_REQUEST_HEADING: "Create Ad Request",
-    // Description for ad request form
     CREATE_AD_REQUEST_DESCRIPTION: "Specify your ad campaign details",
-    // Label for platform select
     PLATFORM_LABEL: "Select Platform *",
-    // Placeholder for platform select
     PLATFORM_PLACEHOLDER: "Choose a platform",
-    // Platform option for Facebook
     FACEBOOK_ADS: "Facebook Ads",
-    // Platform option for TikTok
     TIKTOK_ADS: "TikTok Ads",
-    // Error message when platform is not selected
     PLATFORM_REQUIRED: "Please select a platform",
-    // Label for ad type input
     AD_TYPE_LABEL: "Ad Type *",
-    // Placeholder for ad type input
     AD_TYPE_PLACEHOLDER: "e.g., Video ad, Carousel ad, Story ad",
-    // Error message when ad type is empty
     AD_TYPE_REQUIRED: "Please enter an ad type",
-    // Label for description textarea
     DESCRIPTION_LABEL: "Additional Details",
-    // Placeholder for description textarea
     DESCRIPTION_PLACEHOLDER: "Describe your target audience, goals, or specific requirements...",
-    // Character count text for description
     DESCRIPTION_CHAR_COUNT: "{description.length}/500 characters",
-    // Partial text for no credits alert
     NO_CREDITS_MESSAGE: "No credits available. ",
-    // Message for admins when no credits
     NO_CREDITS_ADMIN: "Reset to continue.",
-    // Message for non-admins when no credits
     NO_CREDITS_NON_ADMIN: "Await next reset.",
-    // Heading for confirm popup
     CONFIRM_POPUP_HEADING: "Confirm Ad Request",
-    // Partial message for confirm popup
     CONFIRM_POPUP_MESSAGE: "Are you sure you want to submit this ad request? This action cannot be undone unless you contact support at ",
-    // Email for confirm popup
     SUPPORT_EMAIL: "devvistainfo@gmail.com",
-    // Heading for request history
     REQUEST_HISTORY_HEADING: "Request History",
-    // Description for request history
     REQUEST_HISTORY_DESCRIPTION: "View your recent ad requests",
-    // Message when no requests exist
     NO_REQUESTS_MESSAGE: "No requests yet",
-    // Message encouraging first request
     FIRST_REQUEST_MESSAGE: "Submit your first ad request to get started",
-    // Footer text about credits
     FOOTER_TEXT: "Each ad request costs 1 credit • Credits reset monthly • Admin manual reset available",
-    // Success message after submission
     SUCCESS_MESSAGE: "Ad request submitted successfully! Credit deducted.",
-    // Badge text for Facebook platform
     FACEBOOK_BADGE: "Facebook",
-    // Badge text for TikTok platform
     TIKTOK_BADGE: "TikTok",
   },
-  // Button Text for AdRequest page
   BUTTONS: {
-    // Reset credits button
     RESET_CREDITS: "Reset Credits",
-    // Cancel button in confirm popup
     CANCEL: "Cancel",
-    // Confirm button in confirm popup
     CONFIRM: "Confirm",
-    // Submit button in non-loading state
     SUBMIT_REQUEST: "Submit Request (1 Credit)",
-    // Submit button in loading state
     SUBMITTING: "Submitting...",
   },
-  // Error Messages for AdRequest page
   ERRORS: {
-    // Default error for fetch failure
+    NO_AUTH_TOKEN: "No authentication token available",
+    ADMIN_CHECK_FAILED: "Failed to verify admin status after multiple attempts",
     FETCH_AD_REQUESTS_FAILED: "Failed to fetch ad requests",
-    // Generic error for fetch and submit failures
     UNKNOWN_ERROR: "An unknown error occurred",
-    // Error when submitting without sign-in
     NOT_SIGNED_IN: "You must be signed in to submit an ad request",
-    // Error when no credits available
     CREDIT_LIMIT_REACHED: "Monthly ad request limit reached (3 requests)",
-    // Error when required fields are missing
     REQUIRED_FIELDS_MISSING: "Please fill in all required fields",
-    // Default error for submit failure
     SUBMIT_AD_REQUEST_FAILED: "Failed to submit ad request",
-    // Error when non-admin tries to reset credits
     UNAUTHORIZED_RESET: "Unauthorized: Only admins can reset credits",
-    // Default error for reset credits failure
-    RESET_CREDITS_FAILED: "Failed to reset credits!!",
+    RESET_CREDITS_FAILED: "Failed to reset credits",
   },
 };

package/lib/constants/admin-profile.ts

@@ -0,0 +1,12 @@
+export const ADMIN_PROFILE_PAGE = {
+  UI: {
+    NOT_AUTHENTICATED_HEADING: 'Not Authenticated',
+    NOT_AUTHENTICATED_MESSAGE: 'Please sign in to access this page.',
+    UNAUTHORIZED_HEADING: 'Unauthorized',
+    UNAUTHORIZED_MESSAGE: 'You do not have permission to access this page.',
+    DASHBOARD_HEADING: 'Admin Profile',
+    DASHBOARD_SUBHEADING: 'Manage your admin profile and settings.',
+    WELCOME_MESSAGE: 'Welcome, Admin! This is your profile page.',
+    CONTENT_MESSAGE: 'This page is under construction and will include profile management features soon.',
+  },
+};

package/lib/constants/page.ts

@@ -11,25 +11,25 @@ export const HOME_PAGE = {
     // HeroSection video aria label
     HERO_VIDEO_ARIA_LABEL: "Promotional video for DevVista Kit",
     // FeaturesSection title
-    FEATURES_TITLE: "Zumba®",
+    FEATURES_TITLE: 'FEATURES_TITLE HERE',
     // FeaturesSection description
-    FEATURES_DESCRIPTION: "Variety of Memberships Available",
+    FEATURES_DESCRIPTION: 'FEATURES_DESCRIPTION HERE',
     // Features for FeaturesSection
-    FEATURE_1: "24 Hour Access",
-    FEATURE_2: "Locker Rooms",
-    FEATURE_3: "Strength, Cardio & Flexibility Classes",
-    FEATURE_4: "Personal Training",
-    FEATURE_5: "Partner and Small Group Training",
+    FEATURE_1: 'FEATURE_1 HERE',
+    FEATURE_2: 'FEATURE_2 HERE',
+    FEATURE_3: 'FEATURE_3 HERE',
+    FEATURE_4: 'FEATURE_4 HERE',
+    FEATURE_5: 'FEATURE_5 HERE',
     // Background images for ScheduleCarousel
-    BACKGROUND_IMAGE_1: "/images/classes/zoomba.jpg",
-    BACKGROUND_IMAGE_2: "/images/classes/cardioxtrain.jpg",
-    BACKGROUND_IMAGE_3: "/images/classes/seniorstretch.jpg",
-    BACKGROUND_IMAGE_4: "/images/classes/bodyblast.jpg",
-    BACKGROUND_IMAGE_5: "/images/classes/flexiblefriday.jpg",
-    BACKGROUND_IMAGE_6: "/images/classes/combo.jpg",
-    BACKGROUND_IMAGE_7: "/images/classes/noclasses.jpg",
+    BACKGROUND_IMAGE_1: "/images/test.png",
+    BACKGROUND_IMAGE_2: "/images/test.png",
+    BACKGROUND_IMAGE_3: "/images/test.png",
+    BACKGROUND_IMAGE_4: "/images/test.png",
+    BACKGROUND_IMAGE_5: "/images/test.png",
+    BACKGROUND_IMAGE_6: "/images/test.png",
+    BACKGROUND_IMAGE_7: "/images/test.png",
     // Video source for HeroSection
-    HERO_VIDEO_SRC: "/images/videos/TestLoopVideo.mp4",
+    HERO_VIDEO_SRC: "",
   },
   // Button Text for HomePage
   BUTTONS: {

package/lib/google/google-analytics-tracking.tsx

@@ -0,0 +1,44 @@
+// lib/google/google-analytics-tracking.tsx
+"use client";
+
+export default function GoogleAnalyticsTracking() {
+  const gaMeasurementId = process.env.NEXT_PUBLIC_GA_MEASUREMENT_ID;
+
+  if (!gaMeasurementId) {
+    console.warn("Google Analytics measurement ID is not defined.");
+    return null;
+  }
+
+  if (!/^G-[A-Z0-9]{8,}$/.test(gaMeasurementId)) {
+    console.warn("Invalid Google Analytics measurement ID:", gaMeasurementId);
+    return null;
+  }
+
+  try {
+    return (
+      <>
+        <script
+          async
+          src={`https://www.googletagmanager.com/gtag/js?id=${gaMeasurementId}`}
+        />
+        <script
+          dangerouslySetInnerHTML={{
+            __html: `
+              try {
+                window.dataLayer = window.dataLayer || [];
+                function gtag(){dataLayer.push(arguments);}
+                gtag('js', new Date());
+                gtag('config', '${gaMeasurementId}');
+              } catch (e) {
+                console.warn('Google Analytics script error:', e);
+              }
+            `,
+          }}
+        />
+      </>
+    );
+  } catch (error) {
+    console.warn("Failed to render Google Analytics tracking:", error);
+    return null;
+  }
+}