@123usmanhaider321/ui 0.1.0 → 0.1.8

package/dist/components/EventAddForm/AddEventStepper.js

@@ -0,0 +1,719 @@
+import { jsxs, Fragment, jsx } from "react/jsx-runtime";
+import { memo, useState, useEffect, useRef, useMemo, useCallback } from "react";
+import { useStepperForm } from "./hooks/useStepperForm.js";
+import { useRouter } from "next/navigation";
+import { AddEventLayout } from "./AddEventLayout.js";
+import StepOne from "./steps/StepOne.js";
+import StepTwo from "./steps/StepTwo.js";
+import IndividualFormStep from "./steps/IndividualFormStep.js";
+import TeamFormStep from "./steps/TeamFormStep.js";
+import { useGetEventDetailsByIdQuery, useAddEventMutation, useUpdateEventMutation, useUpdateEventSocialProfilesMutation } from "../../services/single-event-api.js";
+import { convertDateFormat } from "../../utils/utils.js";
+import SocialProfilesStep from "./steps/SocialProfilesStep.js";
+import FormBuilderProceedModal from "./components/FormBuilderProceedModal.js";
+const BASE_STEPS = [
+  { id: 1, title: "Create event" },
+  { id: 2, title: "Ticket set up" }
+];
+const AddEventStepper = ({
+  edit,
+  id,
+  organizer_id,
+  onEventCreated,
+  isClearing = false,
+  SCOPED_ID_KEY = "",
+  SCOPED_FORM_KEY = "",
+  isSameQuestionTitleAllowed,
+  closed_loop_id,
+  initialStep,
+  mode
+}) => {
+  const router = useRouter();
+  const [openExitConfirm, setOpenExitConfirm] = useState(false);
+  const [localEventId, setLocalEventId] = useState(null);
+  const [isStorageChecked, setIsStorageChecked] = useState(false);
+  useEffect(() => {
+    if (!id && !edit) {
+      const storedId = localStorage.getItem(SCOPED_ID_KEY);
+      if (storedId) {
+        setLocalEventId(storedId);
+      }
+    }
+    setIsStorageChecked(true);
+  }, [id, edit, SCOPED_ID_KEY]);
+  const activeEventId = id || localEventId || null;
+  const {
+    data: apiEventData,
+    isLoading: isFetchingEvent,
+    isError: isFetchError,
+    refetch: refetchEventDetails
+  } = useGetEventDetailsByIdQuery(activeEventId || "", {
+    skip: !activeEventId,
+    refetchOnMountOrArgChange: true,
+    refetchOnFocus: false,
+    refetchOnReconnect: false
+  });
+  const [openConfirmModal, setOpenConfirmModal] = useState(false);
+  const [openProceedModal, setOpenProceedModal] = useState(false);
+  const [isSubmittingData, setIsSubmittingData] = useState(false);
+  const [isSyncingData, setIsSyncingData] = useState(false);
+  const [isNavigating, setIsNavigating] = useState(false);
+  const [isChildBusy, setIsChildBusy] = useState(false);
+  const navigationCancelledRef = useRef(false);
+  const [lastSubmittedState, setLastSubmittedState] = useState(null);
+  const [addEvent] = useAddEventMutation();
+  const [updateEvent] = useUpdateEventMutation();
+  const [updateSocialProfiles] = useUpdateEventSocialProfilesMutation();
+  const initialData = useMemo(() => {
+    if (apiEventData) {
+      return apiEventData;
+    }
+    return {};
+  }, [apiEventData]);
+  const formProps = useStepperForm({
+    initialData,
+    storageKey: SCOPED_FORM_KEY,
+    // enableLocalStorage: !edit // Disable persistence entirely for Edit mode
+    initialStep
+  });
+  const [isNavigationBlocked, setNavigationBlocked] = useState(false);
+  const guardPushed = useRef(false);
+  const {
+    currentStep,
+    formState,
+    errors,
+    isSubmitting,
+    setField,
+    setMultipleFields,
+    handleNext: hookHandleNext,
+    handleBack,
+    handleSaveDraft,
+    setCurrentStep,
+    validateField,
+    setErrors,
+    alert,
+    setAlert,
+    closeAlert,
+    jumpToStep,
+    maxStepReached,
+    setMaxStepReached,
+    saveToLocalStorage,
+    validateStep,
+    validateFields,
+    // Allow manual triggering if strictly needed
+    touched
+  } = formProps;
+  const [isPolluted, setIsPolluted] = useState(false);
+  const STEPS = useMemo(() => {
+    if (mode === "social") {
+      const socialId = formState.participants_type === "BOTH" ? 5 : 4;
+      return [{ id: socialId, title: "Social Profiles" }];
+    }
+    if (mode === "questions") {
+      if (formState.participants_type === "BOTH") {
+        return [
+          { id: 3, title: "Individual form setup" },
+          { id: 4, title: "Team form setup" }
+        ];
+      }
+      return [{ id: 3, title: "Information set up" }];
+    }
+    let steps = [...BASE_STEPS];
+    if (formState.participants_type === "BOTH") {
+      steps.push({ id: 3, title: "Individual form setup" });
+      steps.push({ id: 4, title: "Team form setup" });
+      steps.push({ id: 5, title: "Social Profiles" });
+    } else {
+      steps.push({ id: 3, title: "Information set up" });
+      steps.push({ id: 4, title: "Social Profiles" });
+    }
+    return steps;
+  }, [formState.participants_type, mode]);
+  useEffect(() => {
+    if (mode && STEPS.length > 0) {
+      const stepIds = STEPS.map((s) => s.id);
+      if (!stepIds.includes(currentStep)) {
+        setCurrentStep(stepIds[0]);
+      }
+    }
+  }, [mode, STEPS, currentStep, setCurrentStep]);
+  useEffect(() => {
+    if (!isStorageChecked) return;
+    if (!edit && !activeEventId && currentStep >= 3) {
+      setCurrentStep(1);
+    }
+  }, [currentStep, activeEventId, edit, isStorageChecked]);
+  const submitWithRetry = async (payload, isUpdate, maxRetries = 3) => {
+    let attempt = 0;
+    let delay = 1e3;
+    while (attempt < maxRetries) {
+      try {
+        const mutation = isUpdate ? updateEvent : addEvent;
+        const response = await mutation(payload).unwrap();
+        return response;
+      } catch (error) {
+        const status = error == null ? void 0 : error.status;
+        if (status === 401 || status === 403 || status === 500) {
+          throw error;
+        }
+        attempt++;
+        if (attempt === maxRetries) throw error;
+        await new Promise((resolve) => setTimeout(resolve, delay));
+        delay *= 2;
+      }
+    }
+  };
+  const buildPayload = useCallback((currentState) => {
+    var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j;
+    const payload = {
+      closed_loop_id,
+      event_name: currentState.name,
+      venue: currentState.venue,
+      venue_place_id: currentState.venue_place_id,
+      description: currentState.description,
+      image_url: currentState == null ? void 0 : currentState.image_url,
+      thumbnail_url: (currentState == null ? void 0 : currentState.thumbnail_url) || (currentState == null ? void 0 : currentState.image_url),
+      event_start_timestamp: convertDateFormat(((_a = currentState.event_start_timestamp) == null ? void 0 : _a.date) && ((_b = currentState.event_start_timestamp) == null ? void 0 : _b.time) ? `${currentState.event_start_timestamp.date}T${currentState.event_start_timestamp.time}` : ""),
+      event_end_timestamp: convertDateFormat(((_c = currentState.event_end_timestamp) == null ? void 0 : _c.date) && ((_d = currentState.event_end_timestamp) == null ? void 0 : _d.time) ? `${currentState.event_end_timestamp.date}T${currentState.event_end_timestamp.time}` : ""),
+      registration_start_timestamp: convertDateFormat(((_e = currentState.registration_start_timestamp) == null ? void 0 : _e.date) && ((_f = currentState.registration_start_timestamp) == null ? void 0 : _f.time) ? `${currentState.registration_start_timestamp.date}T${currentState.registration_start_timestamp.time}` : ""),
+      registration_end_timestamp: convertDateFormat(((_g = currentState.registration_end_timestamp) == null ? void 0 : _g.date) && ((_h = currentState.registration_end_timestamp) == null ? void 0 : _h.time) ? `${currentState.registration_end_timestamp.date}T${currentState.registration_end_timestamp.time}` : ""),
+      // Backend expects array of strings
+      event_types: Array.isArray(currentState.event_type) ? currentState.event_type : [currentState.event_type],
+      categories: currentState.event_categories,
+      location_data: currentState.location_data,
+      location_type: (currentState.location_type || "in-person") === "in-person" ? "in-person" : "online",
+      custom_category: (currentState == null ? void 0 : currentState.custom_category) || "",
+      institution_name: (currentState == null ? void 0 : currentState.institution_name) || ""
+    };
+    if (!currentState.custom_category) delete payload.custom_category;
+    if (!((_i = currentState.event_type) == null ? void 0 : _i.includes("INTERNAL"))) delete payload.institution_name;
+    if (currentState.ticket_type === "TICKET_TIER") {
+      payload.capacity = Object.values(currentState.ticket_tiers || {}).reduce((sum, tier) => sum + (Number(tier.capacity) || 0), 0);
+      payload.ticket_tiers = Object.values(currentState.ticket_tiers || {}).map((val) => {
+        const tier = {
+          ...!(val == null ? void 0 : val.isNew) ? { id: val == null ? void 0 : val.id } : {},
+          // Keep ID for existing tiers in edit mode
+          name: val == null ? void 0 : val.name,
+          description: (val == null ? void 0 : val.description) || "",
+          price: Number(val == null ? void 0 : val.price) || 0,
+          capacity: Number(val == null ? void 0 : val.capacity) || 0,
+          members: val == null ? void 0 : val.members,
+          availability_type: val == null ? void 0 : val.availability_type,
+          availability_schedule: val == null ? void 0 : val.availability_schedule
+        };
+        if (val == null ? void 0 : val.has_discount) {
+          tier.discounted_price = Number(val == null ? void 0 : val.discounted_price) || 0;
+          if (val == null ? void 0 : val.discount_valid_till) tier.discount_valid_till = convertDateFormat(val.discount_valid_till);
+        } else {
+          delete tier.discounted_price;
+          delete tier.discount_valid_till;
+        }
+        return tier;
+      });
+      payload.form = true;
+      payload.min_members = 1;
+      payload.max_members = 1;
+      payload.individual_additional_fee = 0;
+      payload.registration_fee = 0;
+      payload.capacity = (_j = payload.ticket_tiers) == null ? void 0 : _j.reduce((sum, tier) => sum + (Number(tier.capacity) || 0), 0);
+      payload.participants_type = "INDIVIDUAL";
+    } else if (currentState.ticket_type === "CUSTOM_FORM") {
+      payload.form = true;
+      payload.participants_type = currentState.participants_type;
+      if (currentState.participants_type === "TEAM" || currentState.participants_type === "BOTH") {
+        payload.min_members = Number(currentState.min_members) || 0;
+        payload.max_members = Number(currentState.max_members) || 0;
+        payload.capacity = Number(currentState.team_capacity) || 0;
+        payload.registration_fee = Number(currentState.team_price) || 0;
+        if (currentState.charge_per_delegate_fee === "YES") {
+          payload.individual_additional_fee = Number(currentState.per_member_fee) || 0;
+        } else {
+          payload.individual_additional_fee = 0;
+        }
+        if (currentState.participants_type !== "BOTH") {
+          delete payload.individual_registration_fee;
+          delete payload.individual_capacity;
+        }
+      }
+      if (currentState.participants_type === "INDIVIDUAL" || currentState.participants_type === "BOTH") {
+        if (currentState.participants_type !== "BOTH") {
+          payload.registration_fee = Number(currentState.individual_price || 0);
+          payload.capacity = Number(currentState.individual_capacity || 0);
+          payload.min_members = 1;
+          payload.max_members = 1;
+          payload.individual_additional_fee = 0;
+          delete payload.team_capacity;
+          delete payload.team_price;
+        } else {
+          payload.individual_registration_fee = Number(currentState.individual_price || 0);
+          payload.individual_capacity = Number(currentState.individual_capacity);
+        }
+        delete payload.ticket_tiers;
+      }
+    }
+    if (activeEventId) {
+      payload.event_id = activeEventId;
+    }
+    return payload;
+  }, [organizer_id, activeEventId]);
+  const isStateDirty = useCallback((currentState, savedState) => {
+    var _a, _b, _c, _d, _e, _f;
+    if (!savedState) return true;
+    const currentPayload = buildPayload(currentState);
+    const savedPayload = buildPayload(savedState);
+    const isPayloadDirty = JSON.stringify(currentPayload) !== JSON.stringify(savedPayload);
+    if (isPayloadDirty) return true;
+    const currentSocials = {
+      instagram: ((_a = currentState.social_profiles) == null ? void 0 : _a.instagram) || "",
+      facebook: ((_b = currentState.social_profiles) == null ? void 0 : _b.facebook) || "",
+      twitter: ((_c = currentState.social_profiles) == null ? void 0 : _c.twitter) || ""
+    };
+    const savedSocials = {
+      instagram: ((_d = savedState == null ? void 0 : savedState.social_profiles) == null ? void 0 : _d.instagram) || "",
+      facebook: ((_e = savedState == null ? void 0 : savedState.social_profiles) == null ? void 0 : _e.facebook) || "",
+      twitter: ((_f = savedState == null ? void 0 : savedState.social_profiles) == null ? void 0 : _f.twitter) || ""
+    };
+    return JSON.stringify(currentSocials) !== JSON.stringify(savedSocials);
+  }, [buildPayload]);
+  const [switchConfirmation, setSwitchConfirmation] = useState({ isOpen: false, type: null });
+  const executeStep2Submit = async () => {
+    var _a, _b, _c, _d;
+    const isUpdate = !!activeEventId;
+    setIsSubmittingData(true);
+    try {
+      const payload = buildPayload(formState);
+      if (isUpdate) {
+        const serverState = apiEventData;
+        const baseline = lastSubmittedState || serverState;
+        if (baseline) {
+          const dirty = isStateDirty(formState, baseline);
+          if (!dirty) {
+            setCurrentStep(3);
+            setIsSubmittingData(false);
+            return;
+          }
+        }
+      }
+      const response = await submitWithRetry(payload, isUpdate);
+      const newEventId = ((_b = (_a = response == null ? void 0 : response.data) == null ? void 0 : _a.event) == null ? void 0 : _b.id) || ((_c = response == null ? void 0 : response.event) == null ? void 0 : _c.id) || ((_d = response == null ? void 0 : response.data) == null ? void 0 : _d.id) || activeEventId;
+      if (newEventId) {
+        if (onEventCreated) {
+          onEventCreated(newEventId);
+        }
+        if (!edit) {
+          localStorage.setItem(SCOPED_ID_KEY, newEventId);
+          setLocalEventId(newEventId);
+        }
+        if (isUpdate) {
+          setIsSyncingData(true);
+          try {
+            await refetchEventDetails().unwrap();
+          } catch (e) {
+            console.error("Post-update sync failed", e);
+          } finally {
+            setIsSyncingData(false);
+          }
+        } else {
+          setIsSyncingData(true);
+        }
+        setLastSubmittedState(JSON.parse(JSON.stringify(formState)));
+        setMaxStepReached(3);
+        setIsPolluted(true);
+        if (!navigationCancelledRef.current) {
+          setCurrentStep(3);
+          saveToLocalStorage(formState, 3, 3);
+        } else {
+          navigationCancelledRef.current = false;
+        }
+        setAlert({
+          show: true,
+          message: isUpdate ? "Event updated successfully" : "Event created successfully",
+          type: "success"
+        });
+      } else {
+        throw new Error("No event ID returned");
+      }
+    } catch (err) {
+      console.error(err);
+      setAlert({
+        show: true,
+        message: (err == null ? void 0 : err.message) || "Failed to submit event. Please try again.",
+        type: "error"
+      });
+    } finally {
+      setIsSubmittingData(false);
+    }
+  };
+  useEffect(() => {
+    if (!edit && activeEventId && isSyncingData && !isFetchingEvent) {
+      setIsSyncingData(false);
+    }
+  }, [edit, activeEventId, isSyncingData, isFetchingEvent]);
+  const checkTypeSwitchConflict = () => {
+    const hasTiers = formState.ticket_tiers && Object.keys(formState.ticket_tiers).length > 0;
+    if (formState.ticket_type === "CUSTOM_FORM" && hasTiers) {
+      return "TO_CUSTOM";
+    }
+    if (formState.ticket_type === "TICKET_TIER") {
+      const hasCustomData = formState.participants_type && formState.participants_type !== "INDIVIDUAL" || (formState == null ? void 0 : formState.individual_price) && Number(formState == null ? void 0 : formState.individual_price) > 0 || formState.min_members && Number(formState.min_members) > 1;
+      if (hasCustomData) {
+        return "TO_TIER";
+      }
+    }
+    return null;
+  };
+  const handleSwitchConfirm = () => {
+    if (switchConfirmation.type === "TO_CUSTOM") {
+      setField("ticket_tiers", []);
+    } else if (switchConfirmation.type === "TO_TIER") {
+      setMultipleFields({
+        participants_type: void 0,
+        min_members: void 0,
+        max_members: void 0,
+        team_capacity: void 0,
+        team_price: void 0,
+        per_member_fee: void 0,
+        individual_price: void 0,
+        individual_capacity: void 0,
+        charge_per_delegate_fee: void 0,
+        charge_team_price: void 0
+      });
+    }
+    setSwitchConfirmation({ isOpen: false, type: null });
+    if (currentStep === 2) {
+      setTimeout(() => executeStep2Submit(), 0);
+    }
+  };
+  const CurrentStepComponent = useMemo(() => {
+    switch (currentStep) {
+      case 1:
+        return StepOne;
+      case 2:
+        return StepTwo;
+      case 3:
+        return IndividualFormStep;
+      case 4:
+        return formState.participants_type === "BOTH" ? TeamFormStep : SocialProfilesStep;
+      case 5:
+        return SocialProfilesStep;
+      default:
+        return StepOne;
+    }
+  }, [currentStep, formState.participants_type]);
+  const handleRouteBack = async () => {
+    var _a;
+    if ((_a = stepRef.current) == null ? void 0 : _a.save) {
+      try {
+        await stepRef.current.save();
+      } catch (err) {
+        console.error("Save-on-Click failed during Back action", err);
+      }
+    }
+    if (isUnsaved) {
+      setOpenExitConfirm(true);
+    } else {
+      setIsNavigating(true);
+      router.push("/events-management");
+    }
+  };
+  const handleExitConfirm = () => {
+    setOpenExitConfirm(false);
+    setTimeout(() => {
+      setIsNavigating(true);
+      router.push("/events-management");
+    }, 200);
+  };
+  const isLastStep = STEPS.length > 0 && currentStep === STEPS[STEPS.length - 1].id;
+  const isSecondLastStep = STEPS.length > 1 && currentStep === STEPS[STEPS.length - 2].id;
+  const stepRef = useRef(null);
+  const isUnsaved = useMemo(() => {
+    var _a, _b;
+    const isBusy = ((_b = (_a = stepRef.current) == null ? void 0 : _a.isBusy) == null ? void 0 : _b.call(_a)) || isSubmitting || isSubmittingData;
+    if (isBusy) return true;
+    if (edit && apiEventData) {
+      const baseline = lastSubmittedState || apiEventData;
+      return isStateDirty(formState, baseline);
+    }
+    return false;
+  }, [edit, apiEventData, lastSubmittedState, formState, isStateDirty, isSubmitting, isSubmittingData]);
+  const isHandledByPopState = useRef(false);
+  const ignoreNextPop = useRef(false);
+  useEffect(() => {
+    const handleBeforeUnload = (e) => {
+      if (isHandledByPopState.current) {
+        isHandledByPopState.current = false;
+        return;
+      }
+      if (isUnsaved) {
+        e.preventDefault();
+        e.returnValue = "";
+      }
+    };
+    const handlePopState = (e) => {
+      if (ignoreNextPop.current) {
+        ignoreNextPop.current = false;
+        return;
+      }
+      if (isUnsaved) {
+        isHandledByPopState.current = true;
+        ignoreNextPop.current = true;
+        window.history.forward();
+        setTimeout(() => {
+          setOpenExitConfirm(true);
+        }, 50);
+      }
+    };
+    window.addEventListener("beforeunload", handleBeforeUnload);
+    window.addEventListener("popstate", handlePopState);
+    const hasInteracted = Object.keys(touched || {}).length > 0 || isSubmittingData;
+    const shouldGuard = isUnsaved && (hasInteracted || !!edit || isSubmittingData);
+    if (shouldGuard && !guardPushed.current) {
+      window.history.pushState({ isGuard: true }, "", window.location.href);
+      guardPushed.current = true;
+    } else if (!isUnsaved && guardPushed.current) {
+      ignoreNextPop.current = true;
+      window.history.back();
+      guardPushed.current = false;
+      setTimeout(() => {
+        ignoreNextPop.current = false;
+      }, 300);
+    }
+    return () => {
+      window.removeEventListener("beforeunload", handleBeforeUnload);
+      window.removeEventListener("popstate", handlePopState);
+    };
+  }, [isUnsaved, touched, isSubmittingData]);
+  const onSaveDraft = () => {
+    handleSaveDraft();
+    setIsPolluted(true);
+  };
+  const handleNextAction = async () => {
+    var _a, _b, _c, _d, _e, _f;
+    if (currentStep === 1) {
+      hookHandleNext();
+    } else if (currentStep === 2) {
+      if (validateStep(2)) {
+        const conflictType = checkTypeSwitchConflict();
+        if (conflictType) {
+          setSwitchConfirmation({ isOpen: true, type: conflictType });
+        } else {
+          executeStep2Submit();
+        }
+      }
+    } else if (isLastStep) {
+      if (((_a = stepRef.current) == null ? void 0 : _a.validateNavigation) && !stepRef.current.validateNavigation()) {
+        return;
+      }
+      const isQuestionStep = ((_b = STEPS.find((s) => s.id === currentStep)) == null ? void 0 : _b.title.includes("form setup")) || ((_c = STEPS.find((s) => s.id === currentStep)) == null ? void 0 : _c.title) === "Information set up";
+      if (isQuestionStep && mode === "questions") {
+        setOpenProceedModal(true);
+      } else {
+        setOpenConfirmModal(true);
+      }
+    } else if (isSecondLastStep && mode !== "questions") {
+      if (((_d = stepRef.current) == null ? void 0 : _d.validateNavigation) && !stepRef.current.validateNavigation()) {
+        return;
+      }
+      setOpenProceedModal(true);
+    } else {
+      if (((_e = stepRef.current) == null ? void 0 : _e.validateNavigation) && !stepRef.current.validateNavigation()) {
+        return;
+      }
+      setIsSubmittingData(true);
+      try {
+        if ((_f = stepRef.current) == null ? void 0 : _f.saveForm) {
+          await stepRef.current.saveForm();
+        }
+        setCurrentStep((prev) => prev + 1);
+      } catch (err) {
+        setAlert({
+          show: true,
+          message: (err == null ? void 0 : err.message) || "Failed to save. Please try again.",
+          type: "error"
+        });
+      } finally {
+        setIsSubmittingData(false);
+      }
+    }
+  };
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx(
+      FormBuilderProceedModal,
+      {
+        open: openProceedModal,
+        setOpen: setOpenProceedModal,
+        eventId: activeEventId || "",
+        eventData: apiEventData,
+        onConfirm: async () => {
+          var _a;
+          if ((_a = stepRef.current) == null ? void 0 : _a.saveForm) {
+            await stepRef.current.saveForm();
+          }
+          setOpenProceedModal(false);
+          if (isLastStep && mode === "questions") {
+            setOpenConfirmModal(true);
+          } else {
+            setCurrentStep((prev) => prev + 1);
+          }
+        }
+      }
+    ),
+    /* @__PURE__ */ jsx(
+      AddEventLayout,
+      {
+        steps: STEPS,
+        currentStep,
+        maxStepReached,
+        isNavigationBlocked,
+        onJumpToStep: (id2) => {
+          var _a;
+          if (currentStep >= 3 && ((_a = stepRef.current) == null ? void 0 : _a.validateNavigation) && !stepRef.current.validateNavigation()) {
+            return;
+          }
+          jumpToStep(id2);
+        },
+        onBack: () => {
+          var _a;
+          if (currentStep >= 3 && ((_a = stepRef.current) == null ? void 0 : _a.validateNavigation) && !stepRef.current.validateNavigation()) {
+            return;
+          }
+          handleBack();
+        },
+        onNext: handleNextAction,
+        onSaveDraft,
+        isNavigating,
+        isSubmitting: isSubmittingData,
+        isSyncingData,
+        isChildBusy,
+        isProcessing: isClearing,
+        edit,
+        isFetching: isFetchingEvent,
+        isFetchError,
+        onRetryFetch: () => refetchEventDetails(),
+        alert,
+        onCloseAlert: closeAlert,
+        eventId: activeEventId,
+        eventData: apiEventData,
+        mode,
+        submissionModalProps: {
+          open: openConfirmModal,
+          setOpen: setOpenConfirmModal,
+          showPreview: !isLastStep,
+          isPolluted: (() => {
+            var _a, _b, _c, _d, _e, _f;
+            const currentSocials = {
+              instagram: ((_a = formState.social_profiles) == null ? void 0 : _a.instagram) || "",
+              facebook: ((_b = formState.social_profiles) == null ? void 0 : _b.facebook) || "",
+              twitter: ((_c = formState.social_profiles) == null ? void 0 : _c.twitter) || ""
+            };
+            const serverSocials = {
+              instagram: ((_d = apiEventData == null ? void 0 : apiEventData.social_profiles) == null ? void 0 : _d.instagram) || "",
+              facebook: ((_e = apiEventData == null ? void 0 : apiEventData.social_profiles) == null ? void 0 : _e.facebook) || "",
+              twitter: ((_f = apiEventData == null ? void 0 : apiEventData.social_profiles) == null ? void 0 : _f.twitter) || ""
+            };
+            const isSocialDirty = JSON.stringify(currentSocials) !== JSON.stringify(serverSocials);
+            return isPolluted || isSocialDirty;
+          })(),
+          onSubmit: async () => {
+            var _a, _b, _c, _d, _e, _f, _g, _h, _i;
+            const currentStepTitle = (_a = STEPS.find((s) => s.id === currentStep)) == null ? void 0 : _a.title;
+            const isSocialStep = currentStepTitle === "Social Profiles";
+            if (isSocialStep) {
+              try {
+                const currentSocials = {
+                  instagram: ((_b = formState.social_profiles) == null ? void 0 : _b.instagram) || "",
+                  facebook: ((_c = formState.social_profiles) == null ? void 0 : _c.facebook) || "",
+                  twitter: ((_d = formState.social_profiles) == null ? void 0 : _d.twitter) || ""
+                };
+                const serverSocials = {
+                  instagram: ((_e = apiEventData == null ? void 0 : apiEventData.social_profiles) == null ? void 0 : _e.instagram) || "",
+                  facebook: ((_f = apiEventData == null ? void 0 : apiEventData.social_profiles) == null ? void 0 : _f.facebook) || "",
+                  twitter: ((_g = apiEventData == null ? void 0 : apiEventData.social_profiles) == null ? void 0 : _g.twitter) || ""
+                };
+                const isSocialDirty = JSON.stringify(currentSocials) !== JSON.stringify(serverSocials);
+                if (isSocialDirty) {
+                  const cleanedProfiles = Object.fromEntries(
+                    Object.entries(currentSocials).filter(([_, v]) => v !== "")
+                  );
+                  await updateSocialProfiles({
+                    event_id: activeEventId,
+                    social_profiles: cleanedProfiles
+                  }).unwrap();
+                  setIsPolluted(true);
+                }
+                return activeEventId || "";
+              } catch (err) {
+                console.error("Final submit failed", err);
+                throw new Error(((_h = err == null ? void 0 : err.data) == null ? void 0 : _h.message) || (err == null ? void 0 : err.message) || "Failed to submit social profiles. Please try again.");
+              }
+            } else {
+              if ((_i = stepRef.current) == null ? void 0 : _i.saveForm) {
+                try {
+                  await stepRef.current.saveForm();
+                } catch (e) {
+                  console.error("Save failed during submission", e);
+                  throw new Error("Failed to save questions. Please try again.");
+                }
+              }
+              return activeEventId || "";
+            }
+          },
+          onSuccess: (type) => {
+            if (isLastStep) {
+              if (type === "submit") {
+                setTimeout(() => {
+                  router.push("/events-management");
+                }, 300);
+              } else {
+                setTimeout(() => {
+                  router.push("/events-management");
+                }, 300);
+              }
+            } else {
+              setCurrentStep((prev) => prev + 1);
+              setOpenConfirmModal(false);
+            }
+          }
+        },
+        switchConfirmationModalProps: {
+          open: switchConfirmation.isOpen,
+          onClose: () => setSwitchConfirmation({ isOpen: false, type: null }),
+          onConfirm: handleSwitchConfirm,
+          title: "Please confirm before proceeding?",
+          description: switchConfirmation.type === "TO_CUSTOM" ? "You are proceeding to the next step while selecting 'Custom form', it will remove all your existing ticket tiers. This action cannot be undone." : "You are proceeding to the next step while selecting 'Ticket tier', it will remove all your existing custom form data. This action cannot be undone."
+        },
+        onRouteBack: handleRouteBack,
+        exitConfirmationModalProps: {
+          open: openExitConfirm,
+          onClose: () => setOpenExitConfirm(false),
+          onConfirm: handleExitConfirm
+        },
+        children: /* @__PURE__ */ jsx(
+          CurrentStepComponent,
+          {
+            ref: currentStep >= 3 ? stepRef : null,
+            formState,
+            setField,
+            setMultipleFields,
+            errors,
+            validateField,
+            setErrors,
+            eventData: apiEventData,
+            eventId: activeEventId || "",
+            setNavigationBlocked,
+            isSameQuestionTitleAllowed,
+            allowedDiscountQuestions: 1,
+            onBusyStateChange: setIsChildBusy,
+            isBusy: isChildBusy,
+            onPolluted: () => setIsPolluted(true)
+          }
+        )
+      }
+    )
+  ] });
+};
+const AddEventStepper$1 = memo(AddEventStepper);
+export {
+  AddEventStepper$1 as default
+};
+//# sourceMappingURL=AddEventStepper.js.map