@123usmanhaider321/ui 0.1.0 → 0.1.8

package/dist/components/EventAddForm/hooks/useStepperForm.d.ts

@@ -0,0 +1,81 @@
+import { StepperFormState } from '../types';
+
+interface UseStepperFormProps {
+    initialData?: StepperFormState;
+    storageKey?: string;
+    onSaveDraft?: (data: StepperFormState) => void;
+    onSubmitFinal?: (data: StepperFormState) => Promise<void>;
+    enableLocalStorage?: boolean;
+    initialStep?: number;
+}
+export declare const useStepperForm: ({ initialData, storageKey, onSaveDraft, onSubmitFinal, enableLocalStorage, initialStep }: UseStepperFormProps) => {
+    currentStep: any;
+    formState: Partial<{
+        name: string;
+        image_url: string;
+        description: string;
+        event_type: string[];
+        event_start_timestamp: {
+            date: string;
+            time: string;
+        };
+        event_end_timestamp: {
+            date: string;
+            time: string;
+        };
+        registration_start_timestamp: {
+            date: string;
+            time: string;
+        };
+        registration_end_timestamp: {
+            date: string;
+            time: string;
+        };
+        venue: string;
+        location_data: any;
+        location_type: string;
+        event_categories: string[];
+        thumbnail_url?: string;
+        venue_place_id?: string;
+        custom_category?: string;
+        institution_name?: string;
+    } & import('../schemas').Step2Data & {
+        social_profiles: {
+            instagram: string;
+            facebook: string;
+            twitter: string;
+        };
+    }>;
+    errors: Record<string, string>;
+    isSubmitting: boolean;
+    setField: (field: keyof StepperFormState, value: any, relatedFields?: (keyof StepperFormState)[]) => void;
+    setMultipleFields: (fieldsOrFn: Partial<StepperFormState> | ((prev: StepperFormState) => Partial<StepperFormState>)) => void;
+    handleNext: () => void;
+    handleBack: () => void;
+    handleSaveDraft: () => void;
+    handleSubmit: () => Promise<void>;
+    setCurrentStep: import('react').Dispatch<any>;
+    handleBlur: (field: keyof StepperFormState) => void;
+    clearError: (field: string) => void;
+    validateStep: (step: number) => boolean;
+    setErrors: import('react').Dispatch<import('react').SetStateAction<Record<string, string>>>;
+    validateField: (field: keyof StepperFormState) => void;
+    alert: {
+        show: boolean;
+        message: string;
+        type: "success" | "error";
+    };
+    setAlert: import('react').Dispatch<import('react').SetStateAction<{
+        show: boolean;
+        message: string;
+        type: "success" | "error";
+    }>>;
+    closeAlert: () => void;
+    jumpToStep: (targetStep: number) => void;
+    maxStepReached: number;
+    setMaxStepReached: import('react').Dispatch<import('react').SetStateAction<number>>;
+    saveToLocalStorage: (data: StepperFormState, step: number, maxStep: number) => void;
+    validateFields: (fields: (keyof StepperFormState)[], currentState: StepperFormState) => void;
+    touched: Record<string, boolean>;
+};
+export {};

package/dist/components/EventAddForm/hooks/useStepperForm.js

@@ -0,0 +1,371 @@
+import { useCallback, useState, useRef, useEffect } from "react";
+import { step1Schema } from "../schemas/step1.js";
+import { getStep2Schema } from "../schemas/step2.js";
+const useStepperForm = ({
+  initialData,
+  storageKey,
+  onSaveDraft,
+  onSubmitFinal,
+  enableLocalStorage = true,
+  // Default to true
+  initialStep
+}) => {
+  const getSavedData = useCallback(() => {
+    if (!enableLocalStorage || !storageKey) return null;
+    if (typeof window !== "undefined") {
+      try {
+        const saved = localStorage.getItem(storageKey);
+        if (saved) {
+          return JSON.parse(saved);
+        }
+      } catch (e) {
+        console.error("Failed to load draft form state", e);
+      }
+    }
+    return null;
+  }, [storageKey, enableLocalStorage]);
+  const [currentStep, setCurrentStep] = useState(() => {
+    if (initialStep) return initialStep;
+    const savedData = getSavedData();
+    if (savedData && typeof savedData.currentStep === "number") {
+      return savedData.currentStep;
+    }
+    return 1;
+  });
+  const [maxStepReached, setMaxStepReached] = useState(() => {
+    const savedData = getSavedData();
+    let savedMax = 1;
+    if (savedData && typeof savedData.maxStepReached === "number") {
+      savedMax = Math.max(savedData.maxStepReached, savedData.currentStep || 1);
+    }
+    if (initialStep) {
+      return Math.max(savedMax, initialStep);
+    }
+    return savedMax;
+  });
+  const [formState, setFormState] = useState(() => {
+    const baseState = {
+      name: "",
+      description: "",
+      event_type: [],
+      event_categories: [],
+      custom_category: "",
+      institution_name: "",
+      event_start_timestamp: { date: "", time: "" },
+      event_end_timestamp: { date: "", time: "" },
+      registration_start_timestamp: { date: "", time: "" },
+      registration_end_timestamp: { date: "", time: "" },
+      venue: "",
+      location_type: "",
+      ...initialData
+      // Merge API data first
+    };
+    const savedData = getSavedData();
+    if (savedData) {
+      const restoredState = savedData.formState || savedData;
+      return {
+        ...baseState,
+        ...restoredState
+      };
+    }
+    return baseState;
+  });
+  const saveToLocalStorage = useCallback((data, step, maxStep) => {
+    if (typeof window !== "undefined" && enableLocalStorage && storageKey) {
+      const storageData = {
+        formState: data,
+        currentStep: step,
+        maxStepReached: maxStep,
+        lastUpdated: (/* @__PURE__ */ new Date()).toISOString()
+      };
+      localStorage.setItem(storageKey, JSON.stringify(storageData));
+    }
+  }, [storageKey, enableLocalStorage]);
+  const [touched, setTouched] = useState({});
+  const [errors, setErrors] = useState({});
+  const [isSubmitting, setIsSubmitting] = useState(false);
+  const latestFormState = useRef(formState);
+  const latestCurrentStep = useRef(currentStep);
+  const latestMaxStepReached = useRef(maxStepReached);
+  useEffect(() => {
+    latestFormState.current = formState;
+    latestCurrentStep.current = currentStep;
+    latestMaxStepReached.current = maxStepReached;
+  }, [formState, currentStep, maxStepReached]);
+  const [alert, setAlert] = useState({
+    show: false,
+    message: "",
+    type: "success"
+  });
+  useEffect(() => {
+    if (initialData && Object.keys(initialData).length > 0 && setFormState) {
+      setFormState((prev) => {
+        const nextState = { ...prev };
+        Object.keys(initialData).forEach((key) => {
+          if (!touched[key]) {
+            nextState[key] = initialData[key];
+          }
+        });
+        if (JSON.stringify(prev) === JSON.stringify(nextState)) {
+          return prev;
+        }
+        saveToLocalStorage(nextState, currentStep, maxStepReached);
+        return nextState;
+      });
+    }
+  }, [initialData]);
+  useEffect(() => {
+    const savedData = getSavedData();
+    if (savedData && typeof savedData.currentStep === "number") {
+      setCurrentStep(savedData.currentStep);
+      setMaxStepReached(savedData.maxStepReached || savedData.currentStep);
+    } else {
+      if (initialStep) {
+        setCurrentStep(initialStep);
+        setMaxStepReached(Math.max(1, initialStep));
+      } else {
+        setCurrentStep(1);
+        setMaxStepReached(1);
+      }
+    }
+  }, [storageKey, getSavedData, initialStep]);
+  const closeAlert = useCallback(() => {
+    setAlert((prev) => ({ ...prev, show: false }));
+  }, []);
+  const getSchemaForStep = useCallback((step, currentState) => {
+    switch (step) {
+      case 1:
+        return step1Schema;
+      case 2:
+        return getStep2Schema(currentState);
+      default:
+        return null;
+    }
+  }, []);
+  const validateFields = useCallback((fields, currentState) => {
+    const schema = getSchemaForStep(currentStep, currentState);
+    if (!schema) return;
+    const result = schema.safeParse(currentState);
+    setErrors((prevErrors) => {
+      const newErrors = { ...prevErrors };
+      fields.forEach((field) => {
+        const fieldKey = field;
+        if (result.success) {
+          delete newErrors[fieldKey];
+        } else {
+          const issue = result.error.issues.find((i) => i.path[0] === fieldKey);
+          if (issue) {
+            newErrors[fieldKey] = issue.message;
+          } else {
+            delete newErrors[fieldKey];
+          }
+        }
+      });
+      return newErrors;
+    });
+  }, [currentStep, getSchemaForStep]);
+  const validateSingleField = useCallback((field, value, currentState) => {
+    validateFields([field], { ...currentState, [field]: value });
+  }, [validateFields]);
+  const setField = useCallback((field, value, relatedFields = []) => {
+    if (setFormState) setFormState((prev) => {
+      const newState = { ...prev, [field]: value };
+      setTouched((prevTouched) => ({ ...prevTouched, [field]: true }));
+      if (touched[field] || errors[field] || relatedFields.length > 0) {
+        validateFields([field, ...relatedFields], newState);
+      }
+      return newState;
+    });
+  }, [touched, errors, validateFields]);
+  const setMultipleFields = useCallback((fieldsOrFn) => {
+    if (setFormState) setFormState((prev) => {
+      const fields = typeof fieldsOrFn === "function" ? fieldsOrFn(prev) : fieldsOrFn;
+      const newState = { ...prev, ...fields };
+      const fieldsToValidate = [];
+      Object.keys(fields).forEach((key) => {
+        const k = key;
+        if (touched[k] || errors[k]) {
+          fieldsToValidate.push(k);
+        }
+      });
+      if (fieldsToValidate.length > 0) {
+        validateFields(fieldsToValidate, newState);
+      }
+      return newState;
+    });
+  }, [touched, errors, validateFields]);
+  const handleBlur = useCallback((field) => {
+    setTouched((prev) => ({ ...prev, [field]: true }));
+    validateSingleField(field, latestFormState.current[field], latestFormState.current);
+  }, [validateSingleField]);
+  const clearError = useCallback((field) => {
+    setErrors((prev) => {
+      const newErrors = { ...prev };
+      delete newErrors[field];
+      return newErrors;
+    });
+  }, []);
+  const scrollToFirstError = (currentErrors) => {
+    if (typeof document === "undefined") return;
+    const inputs = document.querySelectorAll("[data-name]");
+    for (const input of Array.from(inputs)) {
+      const fieldName = input.getAttribute("data-name");
+      if (fieldName && currentErrors[fieldName]) {
+        input.scrollIntoView({ behavior: "smooth", block: "center" });
+        const actualInput = input.querySelector("input, textarea, select");
+        if (actualInput) actualInput.focus();
+        input.classList.add("error-highlight");
+        setTimeout(() => input.classList.remove("error-highlight"), 2e3);
+        return;
+      }
+    }
+  };
+  const validateStep = useCallback((step) => {
+    const schema = getSchemaForStep(step, formState);
+    if (!schema) return true;
+    const result = schema.safeParse(formState);
+    if (!result.success) {
+      const newErrors = {};
+      const newTouched = {};
+      result.error.issues.forEach((issue) => {
+        const path = issue.path[0];
+        if (!newErrors[path]) {
+          newErrors[path] = issue.message;
+        }
+        newTouched[path] = true;
+      });
+      setErrors((prev) => ({ ...prev, ...newErrors }));
+      setTouched((prev) => ({ ...prev, ...newTouched }));
+      setTimeout(() => {
+        scrollToFirstError(newErrors);
+      }, 0);
+      return false;
+    }
+    setErrors({});
+    return true;
+  }, [formState, getSchemaForStep]);
+  const handleNext = () => {
+    if (validateStep(currentStep)) {
+      const nextStep = currentStep + 1;
+      const newMaxStep = Math.max(maxStepReached, nextStep);
+      saveToLocalStorage(formState, nextStep, newMaxStep);
+      setCurrentStep(nextStep);
+      setMaxStepReached(newMaxStep);
+    }
+  };
+  const handleBack = () => {
+    if (currentStep > 1) {
+      const prevStep = currentStep - 1;
+      saveToLocalStorage(formState, prevStep, maxStepReached);
+      setCurrentStep(prevStep);
+    }
+  };
+  const jumpToStep = (targetStep) => {
+    if (targetStep === currentStep) return;
+    if (targetStep > currentStep) {
+      if (!validateStep(currentStep)) return;
+    }
+    if (targetStep < currentStep || targetStep <= maxStepReached) {
+      saveToLocalStorage(formState, targetStep, maxStepReached);
+      setCurrentStep(targetStep);
+    }
+  };
+  const handleSaveDraft = () => {
+    saveToLocalStorage(formState, currentStep, maxStepReached);
+    if (onSaveDraft) onSaveDraft(formState);
+  };
+  const handleSubmit = async () => {
+    const step1Valid = step1Schema.safeParse(formState).success;
+    if (!step1Valid) {
+      setCurrentStep(1);
+      setTimeout(() => validateStep(1), 100);
+      return;
+    }
+    if (currentStep === 2 && !validateStep(2)) {
+      return;
+    }
+    if (currentStep === 3 && !validateStep(3)) {
+      return;
+    }
+    if (onSubmitFinal) {
+      setIsSubmitting(true);
+      try {
+        await onSubmitFinal(formState);
+        if (typeof window !== "undefined" && enableLocalStorage && storageKey) {
+          localStorage.removeItem(storageKey);
+        }
+      } finally {
+        setIsSubmitting(false);
+      }
+    }
+  };
+  useEffect(() => {
+    if (!enableLocalStorage || !storageKey) return;
+    const timer = setTimeout(() => {
+      saveToLocalStorage(formState, currentStep, maxStepReached);
+    }, 1e3);
+    return () => clearTimeout(timer);
+  }, [formState, currentStep, maxStepReached, enableLocalStorage, storageKey, saveToLocalStorage]);
+  useEffect(() => {
+    return () => {
+      if (enableLocalStorage && storageKey) {
+        const storageData = {
+          formState: latestFormState.current,
+          currentStep: latestCurrentStep.current,
+          maxStepReached: latestMaxStepReached.current,
+          lastUpdated: (/* @__PURE__ */ new Date()).toISOString()
+        };
+        localStorage.setItem(storageKey, JSON.stringify(storageData));
+      }
+    };
+  }, [storageKey, enableLocalStorage]);
+  useEffect(() => {
+    const handleBeforeUnload = () => {
+      if (enableLocalStorage && storageKey && typeof window !== "undefined") {
+        const storageData = {
+          formState: latestFormState.current,
+          currentStep: latestCurrentStep.current,
+          maxStepReached: latestMaxStepReached.current,
+          lastUpdated: (/* @__PURE__ */ new Date()).toISOString()
+        };
+        localStorage.setItem(storageKey, JSON.stringify(storageData));
+      }
+    };
+    window.addEventListener("beforeunload", handleBeforeUnload);
+    return () => {
+      window.removeEventListener("beforeunload", handleBeforeUnload);
+    };
+  }, [storageKey, enableLocalStorage]);
+  return {
+    currentStep,
+    formState,
+    errors,
+    isSubmitting,
+    setField,
+    setMultipleFields,
+    handleNext,
+    handleBack,
+    handleSaveDraft,
+    handleSubmit,
+    setCurrentStep,
+    handleBlur,
+    clearError,
+    validateStep,
+    setErrors,
+    validateField: handleBlur,
+    alert,
+    setAlert,
+    closeAlert,
+    jumpToStep,
+    maxStepReached,
+    setMaxStepReached,
+    saveToLocalStorage,
+    validateFields,
+    // Allow manual triggering if strictly needed
+    touched
+  };
+};
+export {
+  useStepperForm
+};
+//# sourceMappingURL=useStepperForm.js.map

package/dist/components/EventAddForm/hooks/useStepperForm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useStepperForm.js","sources":["../../../../src/components/EventAddForm/hooks/useStepperForm.ts"],"sourcesContent":["/* eslint-disable react-hooks/exhaustive-deps */\r\nimport { useState, useCallback, useEffect, useRef } from 'react';\r\nimport { step1Schema } from '../schemas/step1';\r\nimport { getStep2Schema } from '../schemas/step2';\r\nimport { StepperFormState } from '../types';\r\n\r\ninterface UseStepperFormProps {\r\n    initialData?: StepperFormState;\r\n    storageKey?: string; // Optional now\r\n    onSaveDraft?: (data: StepperFormState) => void;\r\n    onSubmitFinal?: (data: StepperFormState) => Promise<void>;\r\n    enableLocalStorage?: boolean; // New prop\r\n    initialStep?: number;\r\n}\r\n\r\nexport const useStepperForm = ({\r\n    initialData,\r\n    storageKey,\r\n    onSaveDraft,\r\n    onSubmitFinal,\r\n    enableLocalStorage = true, // Default to true\r\n    initialStep\r\n}: UseStepperFormProps) => {\r\n\r\n    // Helper to get saved data safely\r\n    const getSavedData = useCallback(() => {\r\n        if (!enableLocalStorage || !storageKey) return null;\r\n\r\n        if (typeof window !== 'undefined') {\r\n            try {\r\n                const saved = localStorage.getItem(storageKey);\r\n                if (saved) {\r\n                    return JSON.parse(saved);\r\n                }\r\n            } catch (e) {\r\n                console.error(\"Failed to load draft form state\", e);\r\n            }\r\n        }\r\n        return null;\r\n    }, [storageKey, enableLocalStorage]);\r\n\r\n    // Initialize State\r\n    // Priority: 1. Props (initialStep) -> 2. Local Storage Draft -> 3. Defaults\r\n    const [currentStep, setCurrentStep] = useState(() => {\r\n        if (initialStep) return initialStep;\r\n\r\n        const savedData = getSavedData();\r\n        if (savedData && typeof savedData.currentStep === 'number') {\r\n            return savedData.currentStep;\r\n        }\r\n        return 1;\r\n    });\r\n\r\n    const [maxStepReached, setMaxStepReached] = useState(() => {\r\n        const savedData = getSavedData();\r\n        let savedMax = 1;\r\n        if (savedData && typeof savedData.maxStepReached === 'number') {\r\n            savedMax = Math.max(savedData.maxStepReached, savedData.currentStep || 1);\r\n        }\r\n\r\n        if (initialStep) {\r\n            return Math.max(savedMax, initialStep);\r\n        }\r\n        return savedMax;\r\n    });\r\n\r\n    const [formState, setFormState] = useState<StepperFormState>(() => {\r\n        const baseState = {\r\n            name: '',\r\n            description: '',\r\n            event_type: [],\r\n            event_categories: [],\r\n            custom_category: '',\r\n            institution_name: '',\r\n            event_start_timestamp: { date: '', time: '' },\r\n            event_end_timestamp: { date: '', time: '' },\r\n            registration_start_timestamp: { date: '', time: '' },\r\n            registration_end_timestamp: { date: '', time: '' },\r\n            venue: '',\r\n            location_type: '',\r\n            ...initialData // Merge API data first\r\n        };\r\n\r\n        const savedData = getSavedData();\r\n        if (savedData) {\r\n            const restoredState = savedData.formState || savedData;\r\n            // Merge Saved Draft ON TOP of API data/Defaults\r\n            return {\r\n                ...baseState,\r\n                ...restoredState\r\n            };\r\n        }\r\n\r\n        return baseState;\r\n    });\r\n\r\n    // Save to Local Storage whenever state changes\r\n    const saveToLocalStorage = useCallback((data: StepperFormState, step: number, maxStep: number) => {\r\n        if (typeof window !== 'undefined' && enableLocalStorage && storageKey) {\r\n            const storageData = {\r\n                formState: data,\r\n                currentStep: step,\r\n                maxStepReached: maxStep,\r\n                lastUpdated: new Date().toISOString()\r\n            };\r\n            localStorage.setItem(storageKey, JSON.stringify(storageData));\r\n        }\r\n    }, [storageKey, enableLocalStorage]);\r\n\r\n    const [touched, setTouched] = useState<Record<string, boolean>>({});\r\n    const [errors, setErrors] = useState<Record<string, string>>({});\r\n    const [isSubmitting, setIsSubmitting] = useState(false);\r\n\r\n    // PERSISTENCE REFS: Keep latest values for unmount cleanup\r\n    const latestFormState = useRef(formState);\r\n    const latestCurrentStep = useRef(currentStep);\r\n    const latestMaxStepReached = useRef(maxStepReached);\r\n\r\n    useEffect(() => {\r\n        latestFormState.current = formState;\r\n        latestCurrentStep.current = currentStep;\r\n        latestMaxStepReached.current = maxStepReached;\r\n    }, [formState, currentStep, maxStepReached]);\r\n\r\n    // Alert State\r\n    const [alert, setAlert] = useState<{ show: boolean; message: string; type: 'success' | 'error' }>({\r\n        show: false,\r\n        message: '',\r\n        type: 'success'\r\n    });\r\n\r\n    // React to initialData changes (API Load)\r\n    useEffect(() => {\r\n        if (initialData && Object.keys(initialData).length > 0 && setFormState) {\r\n            setFormState(prev => {\r\n                // Smart Merge: Only update fields that haven't been touched by the user\r\n                // or where the local value matches the base default (indicating no interaction)\r\n\r\n                const nextState = { ...prev };\r\n\r\n                (Object.keys(initialData) as Array<keyof StepperFormState>).forEach(key => {\r\n                    // If user hasn't touched this field, allow API to update it\r\n                    // Or if we want to be more aggressive, checks strictly against \"touched\" map\r\n                    if (!touched[key]) {\r\n                        (nextState as any)[key] = initialData[key];\r\n                    }\r\n                });\r\n\r\n                // Avoid unnecessary updates\r\n                if (JSON.stringify(prev) === JSON.stringify(nextState)) {\r\n                    return prev;\r\n                }\r\n\r\n                // Sync to localStorage\r\n                saveToLocalStorage(nextState, currentStep, maxStepReached);\r\n\r\n                return nextState;\r\n            });\r\n        }\r\n    }, [initialData]);\r\n\r\n    // Reset steps when storageKey changes (e.g. Navigation between Create/Edit or different IDs)\r\n    useEffect(() => {\r\n        const savedData = getSavedData();\r\n        if (savedData && typeof savedData.currentStep === 'number') {\r\n            setCurrentStep(savedData.currentStep);\r\n            setMaxStepReached(savedData.maxStepReached || savedData.currentStep);\r\n        } else {\r\n            // Default Reset: If no saved data (or rehydration disabled), fallback to initialStep or 1\r\n            if (initialStep) {\r\n                setCurrentStep(initialStep);\r\n                setMaxStepReached(Math.max(1, initialStep));\r\n            } else {\r\n                setCurrentStep(1);\r\n                setMaxStepReached(1);\r\n            }\r\n        }\r\n    }, [storageKey, getSavedData, initialStep]);\r\n\r\n\r\n    const closeAlert = useCallback(() => {\r\n        setAlert(prev => ({ ...prev, show: false }));\r\n    }, []);\r\n\r\n    // --- Core Validation Logic ---\r\n\r\n    const getSchemaForStep = useCallback((step: number, currentState: StepperFormState) => {\r\n        switch (step) {\r\n            case 1:\r\n                return step1Schema;\r\n            case 2:\r\n                return getStep2Schema(currentState);\r\n            default:\r\n                // Step 3 or others might not have strict schema validation yet\r\n                return null;\r\n        }\r\n    }, []);\r\n\r\n    const validateFields = useCallback((fields: (keyof StepperFormState)[], currentState: StepperFormState) => {\r\n        const schema = getSchemaForStep(currentStep, currentState);\r\n\r\n        if (!schema) return;\r\n\r\n        // Zod check on the FULL state\r\n        const result = schema.safeParse(currentState);\r\n\r\n        setErrors(prevErrors => {\r\n            const newErrors = { ...prevErrors };\r\n\r\n            fields.forEach(field => {\r\n                const fieldKey = field as string;\r\n                if (result.success) {\r\n                    delete newErrors[fieldKey];\r\n                } else {\r\n                    const issue = result.error.issues.find(i => i.path[0] === fieldKey);\r\n                    if (issue) {\r\n                        newErrors[fieldKey] = issue.message;\r\n                    } else {\r\n                        delete newErrors[fieldKey];\r\n                    }\r\n                }\r\n            });\r\n            return newErrors;\r\n        });\r\n    }, [currentStep, getSchemaForStep]);\r\n\r\n    // Legacy alias compliance if needed, but we typically use setField\r\n    const validateSingleField = useCallback((field: keyof StepperFormState, value: any, currentState: StepperFormState) => {\r\n        validateFields([field], { ...currentState, [field]: value });\r\n    }, [validateFields]);\r\n\r\n    // --- Field Setters ---\r\n\r\n    const setField = useCallback((field: keyof StepperFormState, value: any, relatedFields: (keyof StepperFormState)[] = []) => {\r\n        if (setFormState) setFormState(prev => {\r\n            const newState = { ...prev, [field]: value };\r\n            \r\n            // Mark as touched on change\r\n            setTouched(prevTouched => ({ ...prevTouched, [field as string]: true }));\r\n\r\n            // Validate if touched OR if error exists OR if it's in dependent relation\r\n            if (touched[field as string] || errors[field as string] || relatedFields.length > 0) {\r\n                validateFields([field, ...relatedFields], newState);\r\n            }\r\n            return newState;\r\n        });\r\n    }, [touched, errors, validateFields]);\r\n\r\n    const setMultipleFields = useCallback((fieldsOrFn: Partial<StepperFormState> | ((prev: StepperFormState) => Partial<StepperFormState>)) => {\r\n        if (setFormState) setFormState(prev => {\r\n            const fields = typeof fieldsOrFn === 'function' ? fieldsOrFn(prev) : fieldsOrFn;\r\n            const newState = { ...prev, ...fields };\r\n\r\n            // Collect fields to validate\r\n            const fieldsToValidate: (keyof StepperFormState)[] = [];\r\n            Object.keys(fields).forEach(key => {\r\n                const k = key as keyof StepperFormState;\r\n                if (touched[k as string] || errors[k as string]) {\r\n                    fieldsToValidate.push(k);\r\n                }\r\n            });\r\n\r\n            if (fieldsToValidate.length > 0) {\r\n                validateFields(fieldsToValidate, newState);\r\n            }\r\n            return newState;\r\n        });\r\n    }, [touched, errors, validateFields]);\r\n\r\n    // --- Interaction Handlers ---\r\n\r\n    const handleBlur = useCallback((field: keyof StepperFormState) => {\r\n        setTouched(prev => ({ ...prev, [field as string]: true }));\r\n        validateSingleField(field, latestFormState.current[field], latestFormState.current);\r\n    }, [validateSingleField]);\r\n\r\n    const clearError = useCallback((field: string) => {\r\n        setErrors(prev => {\r\n            const newErrors = { ...prev };\r\n            delete newErrors[field];\r\n            return newErrors;\r\n        });\r\n    }, []);\r\n\r\n    // --- Navigation & Submission ---\r\n\r\n    const scrollToFirstError = (currentErrors: Record<string, string>) => {\r\n        if (typeof document === 'undefined') return;\r\n        const inputs = document.querySelectorAll('[data-name]');\r\n        for (const input of Array.from(inputs)) {\r\n            const fieldName = input.getAttribute('data-name');\r\n            if (fieldName && currentErrors[fieldName]) {\r\n                input.scrollIntoView({ behavior: 'smooth', block: 'center' });\r\n                // Try to focus the input inside\r\n                const actualInput = input.querySelector('input, textarea, select') as HTMLElement;\r\n                if (actualInput) actualInput.focus();\r\n\r\n                // Visual feedback\r\n                input.classList.add('error-highlight');\r\n                setTimeout(() => input.classList.remove('error-highlight'), 2000);\r\n                return;\r\n            }\r\n        }\r\n    };\r\n\r\n    const validateStep = useCallback((step: number): boolean => {\r\n        const schema = getSchemaForStep(step, formState);\r\n        if (!schema) return true;\r\n\r\n        const result = schema.safeParse(formState);\r\n\r\n        if (!result.success) {\r\n            const newErrors: Record<string, string> = {};\r\n            const newTouched: Record<string, boolean> = {};\r\n\r\n            result.error.issues.forEach((issue: any) => {\r\n                const path = issue.path[0] as string;\r\n                if (!newErrors[path]) {\r\n                    newErrors[path] = issue.message;\r\n                }\r\n                newTouched[path] = true;\r\n            });\r\n\r\n            setErrors(prev => ({ ...prev, ...newErrors }));\r\n            setTouched(prev => ({ ...prev, ...newTouched }));\r\n\r\n            // Timeout to allow state update before scrolling\r\n            setTimeout(() => {\r\n                scrollToFirstError(newErrors);\r\n            }, 0);\r\n\r\n            return false;\r\n        }\r\n\r\n        setErrors({});\r\n        return true;\r\n    }, [formState, getSchemaForStep]);\r\n\r\n    const handleNext = () => {\r\n        if (validateStep(currentStep)) {\r\n            const nextStep = currentStep + 1;\r\n            const newMaxStep = Math.max(maxStepReached, nextStep);\r\n            saveToLocalStorage(formState, nextStep, newMaxStep);\r\n            setCurrentStep(nextStep);\r\n            setMaxStepReached(newMaxStep);\r\n        }\r\n    };\r\n\r\n    const handleBack = () => {\r\n        if (currentStep > 1) {\r\n            const prevStep = currentStep - 1;\r\n            saveToLocalStorage(formState, prevStep, maxStepReached);\r\n            setCurrentStep(prevStep);\r\n        }\r\n    };\r\n\r\n    const jumpToStep = (targetStep: number) => {\r\n        if (targetStep === currentStep) return;\r\n\r\n        if (targetStep > currentStep) {\r\n            if (!validateStep(currentStep)) return;\r\n        }\r\n\r\n        if (targetStep < currentStep || targetStep <= maxStepReached) {\r\n            saveToLocalStorage(formState, targetStep, maxStepReached);\r\n            setCurrentStep(targetStep);\r\n        }\r\n    };\r\n\r\n    const handleSaveDraft = () => {\r\n        saveToLocalStorage(formState, currentStep, maxStepReached);\r\n        if (onSaveDraft) onSaveDraft(formState);\r\n    };\r\n\r\n    const handleSubmit = async () => {\r\n        const step1Valid = step1Schema.safeParse(formState).success;\r\n\r\n        if (!step1Valid) {\r\n            setCurrentStep(1);\r\n            setTimeout(() => validateStep(1), 100);\r\n            return;\r\n        }\r\n\r\n        if (currentStep === 2 && !validateStep(2)) {\r\n            return;\r\n        }\r\n\r\n        if (currentStep === 3 && !validateStep(3)) {\r\n            return;\r\n        }\r\n\r\n        if (onSubmitFinal) {\r\n            setIsSubmitting(true);\r\n            try {\r\n                await onSubmitFinal(formState);\r\n                if (typeof window !== 'undefined' && enableLocalStorage && storageKey) {\r\n                    localStorage.removeItem(storageKey);\r\n                }\r\n            } finally {\r\n                setIsSubmitting(false);\r\n            }\r\n        }\r\n    };\r\n\r\n    // DEBOUNCED AUTO-SAVE: Capture changes as they happen\r\n    useEffect(() => {\r\n        if (!enableLocalStorage || !storageKey) return;\r\n\r\n        const timer = setTimeout(() => {\r\n            saveToLocalStorage(formState, currentStep, maxStepReached);\r\n        }, 1000); // 1 second debounce\r\n\r\n        return () => clearTimeout(timer);\r\n    }, [formState, currentStep, maxStepReached, enableLocalStorage, storageKey, saveToLocalStorage]);\r\n\r\n    // UNMOUNT PROTECTION: Ensure SPA navigation (browser back/forth) also persists\r\n    useEffect(() => {\r\n        return () => {\r\n            if (enableLocalStorage && storageKey) {\r\n                // Use Refs to get the absolute latest state during cleanup\r\n                const storageData = {\r\n                    formState: latestFormState.current,\r\n                    currentStep: latestCurrentStep.current,\r\n                    maxStepReached: latestMaxStepReached.current,\r\n                    lastUpdated: new Date().toISOString()\r\n                };\r\n                localStorage.setItem(storageKey, JSON.stringify(storageData));\r\n            }\r\n        };\r\n    }, [storageKey, enableLocalStorage]);\r\n\r\n    // Auto-save on window close (BeforeUnload)\r\n    useEffect(() => {\r\n        const handleBeforeUnload = () => {\r\n            if (enableLocalStorage && storageKey && typeof window !== 'undefined') {\r\n                const storageData = {\r\n                    formState: latestFormState.current,\r\n                    currentStep: latestCurrentStep.current,\r\n                    maxStepReached: latestMaxStepReached.current,\r\n                    lastUpdated: new Date().toISOString()\r\n                };\r\n                localStorage.setItem(storageKey, JSON.stringify(storageData));\r\n            }\r\n        };\r\n\r\n        window.addEventListener('beforeunload', handleBeforeUnload);\r\n\r\n        return () => {\r\n            window.removeEventListener('beforeunload', handleBeforeUnload);\r\n        };\r\n    }, [storageKey, enableLocalStorage]);\r\n\r\n    return {\r\n        currentStep,\r\n        formState,\r\n        errors,\r\n        isSubmitting,\r\n        setField,\r\n        setMultipleFields,\r\n        handleNext,\r\n        handleBack,\r\n        handleSaveDraft,\r\n        handleSubmit,\r\n        setCurrentStep,\r\n        handleBlur,\r\n        clearError,\r\n        validateStep,\r\n        setErrors,\r\n        validateField: handleBlur,\r\n        alert,\r\n        setAlert,\r\n        closeAlert,\r\n        jumpToStep,\r\n        maxStepReached,\r\n        setMaxStepReached,\r\n        saveToLocalStorage,\r\n        validateFields, // Allow manual triggering if strictly needed\r\n        touched\r\n    };\r\n};\r\n"],"names":[],"mappings":"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"}

package/dist/components/EventAddForm/hooks/useTicketTierForm.d.ts

@@ -0,0 +1,87 @@
+import { z } from 'zod';
+import { TicketTierAvailabilityType } from '../../../types/types';
+
+export declare const getTicketTierSchema: (eventStart?: {
+    date: string;
+    time: string;
+}, eventEnd?: {
+    date: string;
+    time: string;
+}, registrationStart?: {
+    date: string;
+    time: string;
+}, registrationEnd?: {
+    date: string;
+    time: string;
+}, existingTierNames?: string[]) => z.ZodObject<{
+    name: z.ZodString;
+    description: z.ZodOptional<z.ZodString>;
+    price: z.ZodPipe<z.ZodTransform<number, unknown>, z.ZodNumber> | z.ZodOptional<z.ZodPipe<z.ZodTransform<number, unknown>, z.ZodNumber>>;
+    capacity: z.ZodPipe<z.ZodTransform<number, unknown>, z.ZodNumber> | z.ZodOptional<z.ZodPipe<z.ZodTransform<number, unknown>, z.ZodNumber>>;
+    members: z.ZodPipe<z.ZodTransform<number, unknown>, z.ZodNumber> | z.ZodOptional<z.ZodPipe<z.ZodTransform<number, unknown>, z.ZodNumber>>;
+    availability_type: z.ZodEnum<typeof TicketTierAvailabilityType>;
+    availability_schedule: z.ZodArray<z.ZodString>;
+    has_discount: z.ZodOptional<z.ZodBoolean>;
+    discounted_price: z.ZodOptional<z.ZodCoercedNumber<unknown>>;
+    discount_valid_till_date: z.ZodOptional<z.ZodString>;
+    discount_valid_till_time: z.ZodOptional<z.ZodString>;
+}, z.core.$strip>;
+export type TicketTierFormState = z.infer<ReturnType<typeof getTicketTierSchema>>;
+interface UseTicketTierFormProps {
+    initialData?: Partial<TicketTierFormState>;
+    defaultState: TicketTierFormState;
+    eventStart?: {
+        date: string;
+        time: string;
+    };
+    eventEnd?: {
+        date: string;
+        time: string;
+    };
+    registrationStart?: {
+        date: string;
+        time: string;
+    };
+    registrationEnd?: {
+        date: string;
+        time: string;
+    };
+    existingTierNames?: string[];
+}
+export declare const useTicketTierForm: ({ initialData, defaultState, eventStart, eventEnd, registrationStart, registrationEnd, existingTierNames }: UseTicketTierFormProps) => {
+    formState: {
+        name: string;
+        availability_type: TicketTierAvailabilityType;
+        availability_schedule: string[];
+        description?: string;
+        price?: number;
+        capacity?: number;
+        members?: number;
+        has_discount?: boolean;
+        discounted_price?: number;
+        discount_valid_till_date?: string;
+        discount_valid_till_time?: string;
+    };
+    setField: (field: keyof TicketTierFormState, value: any) => void;
+    setFields: (updates: Partial<TicketTierFormState>) => void;
+    handleBlur: (field: keyof TicketTierFormState) => void;
+    handleSubmit: (onSubmit: (data: TicketTierFormState) => void) => Promise<void>;
+    errors: Record<string, string>;
+    setErrors: import('react').Dispatch<import('react').SetStateAction<Record<string, string>>>;
+    isSubmitting: boolean;
+    setFormState: import('react').Dispatch<import('react').SetStateAction<{
+        name: string;
+        availability_type: TicketTierAvailabilityType;
+        availability_schedule: string[];
+        description?: string;
+        price?: number;
+        capacity?: number;
+        members?: number;
+        has_discount?: boolean;
+        discounted_price?: number;
+        discount_valid_till_date?: string;
+        discount_valid_till_time?: string;
+    }>>;
+    resetForm: () => void;
+};
+export {};