@123usmanhaider321/ui 0.1.8 → 1.0.0

package/dist/components/EventAddForm/steps/StepOne.js

@@ -1,462 +0,0 @@
-import { jsxs, jsx } from "react/jsx-runtime";
-import React__default, { memo, useState } from "react";
-import { AnimatePresence, motion } from "framer-motion";
-import FileUpload from "../components/FileUpload.js";
-import FormInput from "../../ui/FormInput.js";
-import DescriptionModal from "../common/DescriptionModal.js";
-import CheckboxGroup from "../components/CheckboxGroup.js";
-import DateTimeField from "../components/DateTimeField.js";
-import { GenericLocationInput } from "../components/GoogleMapsAutocompleteInput.js";
-import { validateEventDates } from "../schemas/step1.js";
-import InformationPopover from "../../InformationPopover.js";
-import { TicketTierAvailabilityType } from "../../../types/types.js";
-import ConfirmationModal from "../common/ConfirmationModal.js";
-import { useGetEventCategoriesQuery } from "../../../services/single-event-api.js";
-import InputErrorMessage from "../../ui/InputErrorMessage.js";
-const EVENT_TYPE_OPTIONS = [
-  { value: "INCLUSIVE", label: "Open for all", disabled: false },
-  { value: "INTERNAL", label: "Institution only", disabled: false },
-  { value: "INVITE_ONLY", label: "Invite only", disabled: false },
-  { value: "UN_LISTED", label: "Hidden (link only)", disabled: false }
-];
-function StepOne({ formState, setField, setMultipleFields, errors, validateField, setErrors, onBusyStateChange, isBusy }) {
-  var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l, _m, _n, _o, _p, _q, _r, _s;
-  const { data: categories = [] } = useGetEventCategoriesQuery();
-  const [isDescriptionModalOpen, setIsDescriptionModalOpen] = useState(false);
-  React__default.useEffect(() => {
-    import("react-quill-new");
-  }, []);
-  const [showDateConflictModal, setShowDateConflictModal] = useState(false);
-  const [pendingDateUpdate, setPendingDateUpdate] = useState(null);
-  const [conflictingTiers, setConflictingTiers] = useState([]);
-  const stripHtml = (html) => {
-    const doc = new DOMParser().parseFromString(html, "text/html");
-    return doc.body.textContent || "";
-  };
-  const handleSetData = (updater) => {
-    setMultipleFields((prev) => {
-      const newData = updater(prev);
-      const othersCategory = categories.find((cat) => cat.name === "Others");
-      if (othersCategory && newData.event_categories && !newData.event_categories.includes(othersCategory.id)) {
-        delete newData.custom_category;
-      }
-      return newData;
-    });
-  };
-  const checkTierConflicts = (potentialNewState) => {
-    var _a2, _b2, _c2, _d2;
-    if (!potentialNewState.ticket_tiers) return [];
-    const tiers = Object.values(potentialNewState.ticket_tiers);
-    const conflicts = [];
-    const startDate = ((_a2 = potentialNewState.registration_start_timestamp) == null ? void 0 : _a2.date) || ((_b2 = potentialNewState.event_start_timestamp) == null ? void 0 : _b2.date);
-    const endDate = ((_c2 = potentialNewState.registration_end_timestamp) == null ? void 0 : _c2.date) || ((_d2 = potentialNewState.event_end_timestamp) == null ? void 0 : _d2.date);
-    if (!startDate || !endDate) return [];
-    tiers.forEach((tier) => {
-      if (tier.availability_type === TicketTierAvailabilityType.CUSTOM && tier.availability_schedule) {
-        const hasInvalidDates = tier.availability_schedule.some((dateKey) => {
-          return dateKey < startDate || dateKey > endDate;
-        });
-        if (hasInvalidDates) {
-          conflicts.push(tier);
-        }
-      }
-    });
-    return conflicts;
-  };
-  const handleDateUpdate = (updater) => {
-    const potentialNewState = updater(formState);
-    const datesChanged = JSON.stringify(potentialNewState.event_start_timestamp) !== JSON.stringify(formState.event_start_timestamp) || JSON.stringify(potentialNewState.event_end_timestamp) !== JSON.stringify(formState.event_end_timestamp) || JSON.stringify(potentialNewState.registration_start_timestamp) !== JSON.stringify(formState.registration_start_timestamp) || JSON.stringify(potentialNewState.registration_end_timestamp) !== JSON.stringify(formState.registration_end_timestamp);
-    if (!datesChanged) {
-      handleSetData(updater);
-      return;
-    }
-    const conflicts = checkTierConflicts(potentialNewState);
-    if (conflicts.length > 0) {
-      setConflictingTiers(conflicts);
-      setPendingDateUpdate(() => updater);
-      setShowDateConflictModal(true);
-    } else {
-      handleSetData(updater);
-      const dateErrors = validateEventDates(potentialNewState);
-      const hasDateErrors = Object.keys(dateErrors).length > 0;
-      if (hasDateErrors) {
-        setErrors((prev) => ({
-          ...prev,
-          ...dateErrors
-        }));
-      } else {
-        setErrors((prev) => {
-          const next = { ...prev };
-          delete next.event_start_timestamp;
-          delete next.event_end_timestamp;
-          delete next.registration_start_timestamp;
-          delete next.registration_end_timestamp;
-          return next;
-        });
-      }
-    }
-  };
-  const handleConfirmDateChange = () => {
-    if (pendingDateUpdate) {
-      const newState = pendingDateUpdate(formState);
-      const updatedTiers = { ...formState.ticket_tiers };
-      conflictingTiers.forEach((tier) => {
-        delete updatedTiers[tier.id];
-      });
-      setMultipleFields({
-        ...newState,
-        ticket_tiers: updatedTiers
-      });
-      setShowDateConflictModal(false);
-      setPendingDateUpdate(null);
-      setConflictingTiers([]);
-      if (errors == null ? void 0 : errors.event_start_timestamp) validateField("event_start_timestamp");
-      if (errors == null ? void 0 : errors.event_end_timestamp) validateField("event_end_timestamp");
-      if (errors == null ? void 0 : errors.registration_start_timestamp) validateField("registration_start_timestamp");
-      if (errors == null ? void 0 : errors.registration_end_timestamp) validateField("registration_end_timestamp");
-    }
-  };
-  return /* @__PURE__ */ jsxs("div", { className: "flex flex-col lg:flex-row gap-8 items-start", children: [
-    /* @__PURE__ */ jsx("div", { className: "w-full lg:max-w-[40%] max-h-[500px] shrink-0 lg:sticky lg:top-4", children: /* @__PURE__ */ jsxs("div", { children: [
-      /* @__PURE__ */ jsx(
-        FileUpload,
-        {
-          formData: formState,
-          field: "image_url",
-          setFormData: (updater) => {
-            handleSetData(updater);
-          },
-          formErrors: errors,
-          setError: (error) => {
-            if (error) {
-              setErrors((prev) => ({ ...prev, image_url: error }));
-            } else {
-              setErrors((prev) => {
-                const newErrors = { ...prev };
-                delete newErrors.image_url;
-                return newErrors;
-              });
-            }
-          },
-          onLoadingChange: onBusyStateChange
-        }
-      ),
-      /* @__PURE__ */ jsx(
-        InputErrorMessage,
-        {
-          error: isBusy && (errors == null ? void 0 : errors.image_url) ? "Your image is still uploading. Please wait..." : (errors == null ? void 0 : errors.image_url) == "Invalid input: expected string, received undefined" ? "Please upload an image" : errors == null ? void 0 : errors.image_url,
-          className: "mt-2"
-        }
-      )
-    ] }) }),
-    /* @__PURE__ */ jsxs("div", { className: "w-full flex-1 rounded-lg", children: [
-      /* @__PURE__ */ jsx("div", { "data-name": "name", className: "px-4 rounded-xl", children: /* @__PURE__ */ jsx(
-        FormInput,
-        {
-          label: "Event name",
-          tooltip: "The official name of your event.",
-          type: "text",
-          placeholder: "Paymo Events",
-          value: formState.name || "",
-          onChange: (e) => {
-            var _a2;
-            return setField("name", (_a2 = e.target) == null ? void 0 : _a2.value);
-          },
-          onBlur: () => validateField("name"),
-          error: errors.name,
-          inputClassName: "text-[26px] py-2",
-          inputCon: "shadow-none rounded-b-none rounded-t-sm",
-          className: "px-0",
-          required: true
-        }
-      ) }),
-      /* @__PURE__ */ jsxs("div", { "data-name": "description", className: "px-4 py-4 rounded-xl", children: [
-        /* @__PURE__ */ jsxs("div", { className: "flex items-center mb-2 gap-x-2", children: [
-          /* @__PURE__ */ jsxs("label", { className: "block text-sm font-medium text-gray-700", children: [
-            "Write description ",
-            /* @__PURE__ */ jsx("span", { className: "text-error-500", children: "*" })
-          ] }),
-          /* @__PURE__ */ jsx(InformationPopover, { text: "A detailed explanation of what your event is about." })
-        ] }),
-        /* @__PURE__ */ jsx(
-          "button",
-          {
-            onClick: () => setIsDescriptionModalOpen(true),
-            className: `
-                            w-full text-left px-3 py-2 rounded-lg text-sm input-border bg-white cursor-pointer transition-colors focus-visible:ring-2 focus-visible:ring-primaryx-500 focus-visible:ring-offset-2 outline-none focus:outline-none
-                            flex items-center min-h-[44px]
-                            ${errors.description ? "border-error-500 bg-error-50" : "input-border"}
-                        `,
-            children: formState.description ? /* @__PURE__ */ jsx("p", { className: "text-gray-900 line-clamp-2 break-all", children: stripHtml(formState.description) }) : /* @__PURE__ */ jsx("span", { className: "text-gray-400", children: "Tell us about your event.." })
-          }
-        ),
-        /* @__PURE__ */ jsx(InputErrorMessage, { error: errors == null ? void 0 : errors.description, className: "mt-2" }),
-        /* @__PURE__ */ jsx(
-          DescriptionModal,
-          {
-            isOpen: isDescriptionModalOpen,
-            value: (formState == null ? void 0 : formState.description) || "",
-            onClose: () => {
-              setIsDescriptionModalOpen(false);
-            },
-            onSave: (val) => {
-              setField("description", val);
-            }
-          }
-        )
-      ] }),
-      /* @__PURE__ */ jsx("div", { "data-name": "event_type", className: "px-4 py-4 rounded-xl", children: /* @__PURE__ */ jsx(
-        CheckboxGroup,
-        {
-          label: "Select your event type",
-          tooltip: "Choose the type of audience for this event.",
-          options: EVENT_TYPE_OPTIONS.map((option) => {
-            const selectedEventTypes = formState.event_type || [];
-            const isInclusive = selectedEventTypes.includes("INCLUSIVE");
-            const isInternal = selectedEventTypes.includes("INTERNAL");
-            const isUnlisted = selectedEventTypes.includes("UN_LISTED");
-            let disabled = false;
-            let tooltip = "";
-            if (option.value === "INCLUSIVE") {
-              if (isInternal || isUnlisted) {
-                disabled = true;
-                tooltip = "Events open to everyone cannot be restricted to institution members or be hidden.";
-              } else {
-                tooltip = "Allows anyone to view and register for the event.";
-              }
-            }
-            if (option.value === "INTERNAL") {
-              if (isInclusive) {
-                disabled = true;
-                tooltip = "Institution-only events cannot be open to everyone.";
-              } else {
-                tooltip = "Restricts the event to members of your institution only.";
-              }
-            }
-            if (option.value === "UN_LISTED") {
-              if (isInclusive) {
-                disabled = true;
-                tooltip = "Hidden events cannot be open to everyone.";
-              } else {
-                tooltip = "The event will not appear in public listings and is accessible only via link.";
-              }
-            }
-            if (option.value === "INVITE_ONLY") {
-              tooltip = "Every registration will be treated as a request that will be approved by Organizer";
-            }
-            return { ...option, disabled, tooltip };
-          }),
-          formData: formState,
-          setFormData: (updater) => {
-            handleSetData(updater);
-          },
-          field: "event_type",
-          formErrors: errors,
-          inputType: "checkbox",
-          classname: "flex flex-col gap-y-3",
-          filled: false
-        }
-      ) }),
-      /* @__PURE__ */ jsx(AnimatePresence, { children: ((_a = formState.event_type) == null ? void 0 : _a.includes("INTERNAL")) && /* @__PURE__ */ jsx(
-        motion.div,
-        {
-          initial: { opacity: 0, height: 0 },
-          animate: { opacity: 1, height: "auto" },
-          exit: { opacity: 0, height: 0 },
-          transition: { duration: 0.2 },
-          children: /* @__PURE__ */ jsx("div", { "data-name": "institution_name", className: "px-4 py-4 rounded-xl", children: /* @__PURE__ */ jsx(
-            FormInput,
-            {
-              label: "Institution name",
-              placeholder: "Enter institution name",
-              value: formState.institution_name || "",
-              onChange: (e) => setField("institution_name", e.target.value),
-              onBlur: () => validateField("institution_name"),
-              error: errors.institution_name,
-              type: "text",
-              required: true
-            }
-          ) })
-        }
-      ) }),
-      /* @__PURE__ */ jsxs("div", { "data-name": "registration_start_timestamp", className: "px-2 py-4 rounded-xl", children: [
-        /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-x-2 px-2", children: [
-          /* @__PURE__ */ jsxs("label", { className: "block text-sm font-medium text-gray-700", children: [
-            "Registration timeline ",
-            /* @__PURE__ */ jsx("span", { className: "text-meta-1 animate-pulse", children: "*" })
-          ] }),
-          /* @__PURE__ */ jsx(InformationPopover, { text: "Set the start and end dates/times for ticket registrations." })
-        ] }),
-        /* @__PURE__ */ jsx(
-          DateTimeField,
-          {
-            label: "",
-            formData: formState,
-            setFormData: handleDateUpdate,
-            field: ["registration_start_timestamp", "registration_end_timestamp"],
-            classname: "bg-transparent",
-            formDateErrors: errors,
-            startMaxDate: ((_b = formState.event_start_timestamp) == null ? void 0 : _b.date) && ((_c = formState.event_end_timestamp) == null ? void 0 : _c.date) ? formState.event_start_timestamp.date < formState.event_end_timestamp.date ? formState.event_start_timestamp.date : formState.event_end_timestamp.date : ((_d = formState.event_start_timestamp) == null ? void 0 : _d.date) || ((_e = formState.event_end_timestamp) == null ? void 0 : _e.date),
-            startMaxTime: ((_f = formState.event_start_timestamp) == null ? void 0 : _f.date) && ((_g = formState.registration_start_timestamp) == null ? void 0 : _g.date) && formState.event_start_timestamp.date === formState.registration_start_timestamp.date ? formState.event_start_timestamp.time : void 0,
-            endMaxDate: (_h = formState.event_end_timestamp) == null ? void 0 : _h.date,
-            endMaxTime: ((_i = formState.event_end_timestamp) == null ? void 0 : _i.date) && ((_j = formState.registration_end_timestamp) == null ? void 0 : _j.date) && formState.event_end_timestamp.date === formState.registration_end_timestamp.date ? formState.event_end_timestamp.time : void 0
-          }
-        )
-      ] }),
-      /* @__PURE__ */ jsxs("div", { "data-name": "event_start_timestamp", className: "px-2 py-4 rounded-xl", children: [
-        /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-x-2 px-2", children: [
-          /* @__PURE__ */ jsxs("label", { className: "block text-sm font-medium text-gray-700", children: [
-            "Event timeline ",
-            /* @__PURE__ */ jsx("span", { className: "text-meta-1 animate-pulse", children: "*" })
-          ] }),
-          /* @__PURE__ */ jsx(InformationPopover, { text: "Set the start and end dates/times for your event." })
-        ] }),
-        /* @__PURE__ */ jsx(
-          DateTimeField,
-          {
-            label: "",
-            formData: formState,
-            setFormData: handleDateUpdate,
-            field: ["event_start_timestamp", "event_end_timestamp"],
-            classname: "bg-transparent",
-            formDateErrors: errors,
-            startMinDate: (_k = formState.registration_start_timestamp) == null ? void 0 : _k.date,
-            startMinTime: ((_l = formState.registration_start_timestamp) == null ? void 0 : _l.date) && ((_m = formState.event_start_timestamp) == null ? void 0 : _m.date) && formState.registration_start_timestamp.date === formState.event_start_timestamp.date ? formState.registration_start_timestamp.time : void 0,
-            endMinDate: ((_n = formState.registration_start_timestamp) == null ? void 0 : _n.date) && ((_o = formState.registration_end_timestamp) == null ? void 0 : _o.date) ? formState.registration_start_timestamp.date > formState.registration_end_timestamp.date ? formState.registration_start_timestamp.date : formState.registration_end_timestamp.date : ((_p = formState.registration_end_timestamp) == null ? void 0 : _p.date) || ((_q = formState.registration_start_timestamp) == null ? void 0 : _q.date),
-            endMinTime: ((_r = formState.registration_end_timestamp) == null ? void 0 : _r.date) && ((_s = formState.event_end_timestamp) == null ? void 0 : _s.date) && formState.registration_end_timestamp.date === formState.event_end_timestamp.date ? formState.registration_end_timestamp.time : void 0
-          }
-        )
-      ] }),
-      /* @__PURE__ */ jsxs("div", { "data-name": "location_type", className: "px-4 py-4 rounded-xl", children: [
-        /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-x-2 mb-2", children: [
-          /* @__PURE__ */ jsxs("label", { className: "block text-sm font-medium text-gray-700", children: [
-            "Venue ",
-            /* @__PURE__ */ jsx("span", { className: "text-meta-1 animate-pulse", children: "*" })
-          ] }),
-          /* @__PURE__ */ jsx(InformationPopover, { text: "The place where the event will be conducted." })
-        ] }),
-        /* @__PURE__ */ jsx(
-          GenericLocationInput,
-          {
-            googleApiKey: process.env.NEXT_PUBLIC_GOOGLE_MAPS_API_KEY,
-            enableGoogleMeet: false,
-            enableCustomLinks: true,
-            enablePhysicalLocation: true,
-            error: (errors.location_data || errors.venue || errors.location_type) && "Please select a venue / location",
-            onLocationSelected: (location) => {
-              setMultipleFields({
-                venue: (location == null ? void 0 : location.displayName) || "",
-                venue_place_id: (location == null ? void 0 : location.placeId) || "",
-                location_data: location,
-                // Fix stale data
-                location_type: location == null ? void 0 : location.type
-              });
-              if (location) {
-                setErrors((prev) => {
-                  const newErrors = { ...prev };
-                  delete newErrors.venue;
-                  delete newErrors.location_data;
-                  delete newErrors.location_type;
-                  return newErrors;
-                });
-              } else {
-                setErrors((prev) => ({
-                  ...prev,
-                  venue: "Location is required"
-                }));
-              }
-            },
-            formData: formState,
-            label: "",
-            placeholder: "Search for a location or add meeting details..."
-          }
-        )
-      ] }),
-      /* @__PURE__ */ jsxs("div", { "data-name": "event_categories", className: "px-4 py-4 rounded-xl", children: [
-        /* @__PURE__ */ jsx(
-          CheckboxGroup,
-          {
-            label: "Select event category",
-            tooltip: "Select the category that best describes your event.",
-            options: (() => {
-              const dynamicOptions = categories.map((cat) => ({
-                value: cat.id,
-                label: cat.name,
-                disabled: false
-              }));
-              return dynamicOptions;
-            })(),
-            formData: formState,
-            setFormData: (updater) => {
-              handleSetData(updater);
-            },
-            field: "event_categories",
-            formErrors: errors,
-            inputType: "checkbox",
-            classname: "grid grid-cols-1 sm:grid-cols-2 gap-4",
-            filled: false
-          }
-        ),
-        /* @__PURE__ */ jsx(AnimatePresence, { children: (() => {
-          var _a2;
-          const othersCategory = categories.find((cat) => cat.name === "Others");
-          const othersCategoryId = othersCategory == null ? void 0 : othersCategory.id;
-          return ((_a2 = formState.event_categories) == null ? void 0 : _a2.includes(othersCategoryId)) && /* @__PURE__ */ jsx(
-            motion.div,
-            {
-              initial: { height: 0, opacity: 0, marginTop: 0 },
-              animate: { height: "auto", opacity: 1, marginTop: 16 },
-              exit: { height: 0, opacity: 0, marginTop: 0 },
-              transition: { duration: 0.3, ease: "easeInOut" },
-              children: /* @__PURE__ */ jsx(
-                FormInput,
-                {
-                  label: "Please specify",
-                  type: "text",
-                  placeholder: "e.g. Charity gala, Reunion, etc.",
-                  value: formState.custom_category || "",
-                  onChange: (e) => setField("custom_category", e.target.value),
-                  onBlur: () => validateField("custom_category"),
-                  error: errors.custom_category
-                }
-              )
-            }
-          );
-        })() })
-      ] })
-    ] }),
-    /* @__PURE__ */ jsx(
-      ConfirmationModal,
-      {
-        open: showDateConflictModal,
-        title: "Date conflict detected",
-        description: `Changing the event dates will invalidate the following ticket tier(s) because their custom dates fall outside the new range. Proceeding will permanently delete them.`,
-        onClose: () => {
-          setShowDateConflictModal(false);
-          setTimeout(() => {
-            setPendingDateUpdate(null);
-            setConflictingTiers([]);
-          }, 300);
-        },
-        onConfirm: handleConfirmDateChange,
-        confirmText: "Update & delete tiers",
-        cancelText: "Cancel",
-        children: /* @__PURE__ */ jsx("div", { className: "space-y-3 mt-4 border-t border-grey-100 pt-4 max-h-[200px] overflow-y-auto pr-2", children: conflictingTiers.map((tier) => /* @__PURE__ */ jsxs("div", { className: "bg-error-50 border border-error-200 rounded-lg p-3", children: [
-          /* @__PURE__ */ jsxs("div", { className: "flex items-baseline justify-between mb-1", children: [
-            /* @__PURE__ */ jsx("h4", { className: "text-sm font-semibold text-error-900 truncate pr-4", children: tier.name }),
-            /* @__PURE__ */ jsxs("span", { className: "text-sm font-bold text-error-700 whitespace-nowrap", children: [
-              "Rs. ",
-              tier.price.toLocaleString()
-            ] })
-          ] }),
-          /* @__PURE__ */ jsx("div", { className: "flex items-center gap-3 text-xs text-error-600/80", children: /* @__PURE__ */ jsx("p", { className: "line-clamp-1", children: tier.description }) })
-        ] }, tier.id)) })
-      }
-    )
-  ] });
-}
-const StepOne$1 = memo(StepOne);
-export {
-  StepOne$1 as default
-};
-//# sourceMappingURL=StepOne.js.map

package/dist/components/EventAddForm/steps/StepOne.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"StepOne.js","sources":["../../../../src/components/EventAddForm/steps/StepOne.tsx"],"sourcesContent":["import React, { memo, useState } from 'react';\r\nimport { AnimatePresence, motion } from 'framer-motion';\r\nimport { StepperFormState } from '../types';\r\nimport FileUpload from '@/components/EventAddForm/components/FileUpload';\r\nimport FormInput from '@/components/ui/FormInput'; // Reusing established Input\r\nimport DescriptionModal from '../common/DescriptionModal';\r\nimport CheckboxGroup from '@/components/EventAddForm/components/CheckboxGroup'; // For Categories and Event type\r\nimport DateTimeField from '@/components/EventAddForm/components/DateTimeField';\r\nimport { GenericLocationInput } from '@/components/EventAddForm/components/GoogleMapsAutocompleteInput';\r\nimport { validateEventDates } from '../schemas/step1';\r\nimport InformationPopover from '../../InformationPopover';\r\nimport { TicketTier, TicketTierAvailabilityType } from '@/types/types';\r\nimport ConfirmationModal from '../common/ConfirmationModal';\r\nimport { useGetEventCategoriesQuery } from '@/services/single-event-api';\r\nimport Image from 'next/image';\r\nimport InputErrorMessage from '@/components/ui/InputErrorMessage';\r\n\r\n// Options for Event type\r\nconst EVENT_TYPE_OPTIONS = [\r\n    { value: 'INCLUSIVE', label: 'Open for all', disabled: false },\r\n    { value: 'INTERNAL', label: 'Institution only', disabled: false },\r\n    { value: 'INVITE_ONLY', label: 'Invite only', disabled: false },\r\n    { value: 'UN_LISTED', label: 'Hidden (link only)', disabled: false },\r\n];\r\n\r\n// Options for Event Categories\r\n// const CATEGORY_OPTIONS = [\r\n//     { value: 'Music & Concerts', disabled: false },\r\n//     { value: 'Arts & Culture', disabled: false },\r\n//     { value: 'Campus Events', disabled: false },\r\n//     { value: 'Workshops & Classes', disabled: false },\r\n//     { value: 'Conferences & Seminars', disabled: false },\r\n//     { value: 'Comedy & Entertainment', disabled: false },\r\n//     { value: 'Startup & Entrepreneurship', disabled: false },\r\n//     { value: 'Sports & Fitness', disabled: false },\r\n//     { value: 'Food & Drink', disabled: false },\r\n// ];\r\n\r\ninterface StepOneProps {\r\n    formState: StepperFormState;\r\n    setField: (field: keyof StepperFormState, value: any) => void;\r\n    setMultipleFields: (fields: Partial<StepperFormState> | ((prev: StepperFormState) => Partial<StepperFormState>)) => void;\r\n    errors: Record<string, string>;\r\n    validateField: (field: keyof StepperFormState, data?: StepperFormState) => void;\r\n    setErrors: React.Dispatch<React.SetStateAction<Record<string, string>>>;\r\n    eventData?: any;\r\n    eventId?: string;\r\n    onBusyStateChange?: (isBusy: boolean) => void;\r\n    isBusy?: boolean;\r\n}\r\n\r\nfunction StepOne({ formState, setField, setMultipleFields, errors, validateField, setErrors, onBusyStateChange, isBusy }: StepOneProps) {\r\n    const { data: categories = [] } = useGetEventCategoriesQuery();\r\n    const [isDescriptionModalOpen, setIsDescriptionModalOpen] = useState(false);\r\n\r\n    // Pre-load React Quill\r\n    React.useEffect(() => {\r\n        import('react-quill-new')\r\n    }, []);\r\n\r\n    // State for Date Change Confirmation\r\n    const [showDateConflictModal, setShowDateConflictModal] = useState(false);\r\n    const [pendingDateUpdate, setPendingDateUpdate] = useState<((prev: any) => any) | null>(null);\r\n    const [conflictingTiers, setConflictingTiers] = useState<TicketTier[]>([]);\r\n\r\n    const stripHtml = (html: string) => {\r\n        const doc = new DOMParser().parseFromString(html, 'text/html');\r\n        return doc.body.textContent || \"\";\r\n    };\r\n\r\n    const handleSetData = (updater: (prev: any) => any) => {\r\n        setMultipleFields((prev) => {\r\n            const newData = updater(prev);\r\n\r\n            // Clear custom_category if \"Others\" is deselected\r\n            const othersCategory = categories.find((cat: any) => cat.name === 'Others');\r\n            if (othersCategory && newData.event_categories && !newData.event_categories.includes(othersCategory.id)) {\r\n                delete newData.custom_category;\r\n            }\r\n\r\n            return newData;\r\n        });\r\n    };\r\n\r\n    const checkTierConflicts = (potentialNewState: any) => {\r\n        if (!potentialNewState.ticket_tiers) return [];\r\n\r\n        const tiers = Object.values(potentialNewState.ticket_tiers) as TicketTier[];\r\n        const conflicts: TicketTier[] = [];\r\n\r\n        // Registration timeline is the strict boundary for ticket sales. Fallback to event timeline if not set.\r\n        const startDate = potentialNewState.registration_start_timestamp?.date || potentialNewState.event_start_timestamp?.date;\r\n        const endDate = potentialNewState.registration_end_timestamp?.date || potentialNewState.event_end_timestamp?.date;\r\n\r\n        if (!startDate || !endDate) return [];\r\n\r\n        tiers.forEach(tier => {\r\n            if ((tier.availability_type as any) === TicketTierAvailabilityType.CUSTOM && tier.availability_schedule) {\r\n                const hasInvalidDates = tier.availability_schedule.some((dateKey: string) => {\r\n                    return dateKey < startDate || dateKey > endDate;\r\n                });\r\n                if (hasInvalidDates) {\r\n                    conflicts.push(tier);\r\n                }\r\n            }\r\n        });\r\n\r\n        return conflicts;\r\n    };\r\n\r\n    const handleDateUpdate = (updater: (prev: any) => any) => {\r\n        const potentialNewState = updater(formState);\r\n\r\n        // Check if dates actually changed to prevent premature conflict modal on mount/normalization\r\n        const datesChanged =\r\n            JSON.stringify(potentialNewState.event_start_timestamp) !== JSON.stringify(formState.event_start_timestamp) ||\r\n            JSON.stringify(potentialNewState.event_end_timestamp) !== JSON.stringify(formState.event_end_timestamp) ||\r\n            JSON.stringify(potentialNewState.registration_start_timestamp) !== JSON.stringify(formState.registration_start_timestamp) ||\r\n            JSON.stringify(potentialNewState.registration_end_timestamp) !== JSON.stringify(formState.registration_end_timestamp);\r\n\r\n        if (!datesChanged) {\r\n            handleSetData(updater);\r\n            return;\r\n        }\r\n\r\n        const conflicts = checkTierConflicts(potentialNewState);\r\n\r\n        if (conflicts.length > 0) {\r\n            setConflictingTiers(conflicts);\r\n            setPendingDateUpdate(() => updater); // Store the updater function\r\n            setShowDateConflictModal(true);\r\n        } else {\r\n            // Safe to update\r\n            handleSetData(updater);\r\n\r\n            // Dynamic Date Validation using adaptive function\r\n            const dateErrors = validateEventDates(potentialNewState);\r\n            const hasDateErrors = Object.keys(dateErrors).length > 0;\r\n\r\n            if (hasDateErrors) {\r\n                setErrors(prev => ({\r\n                    ...prev,\r\n                    ...dateErrors\r\n                }));\r\n            } else {\r\n                setErrors(prev => {\r\n                    const next = { ...prev };\r\n                    delete next.event_start_timestamp;\r\n                    delete next.event_end_timestamp;\r\n                    delete next.registration_start_timestamp;\r\n                    delete next.registration_end_timestamp;\r\n                    return next;\r\n                });\r\n            }\r\n        }\r\n    };\r\n\r\n    const handleConfirmDateChange = () => {\r\n        if (pendingDateUpdate) {\r\n            // Apply the date update\r\n            const newState = pendingDateUpdate(formState); // Calculate new state again or rely on closure if safe, but here we used updater pattern\r\n\r\n            // Remove conflicting tiers\r\n            const updatedTiers = { ...formState.ticket_tiers };\r\n            conflictingTiers.forEach(tier => {\r\n                delete updatedTiers[tier.id];\r\n            });\r\n\r\n            // Update both dates and tiers\r\n            setMultipleFields({\r\n                ...newState,\r\n                ticket_tiers: updatedTiers\r\n            });\r\n\r\n            // Reset\r\n            setShowDateConflictModal(false);\r\n            setPendingDateUpdate(null);\r\n            setConflictingTiers([]);\r\n\r\n            // Validate\r\n            if (errors?.event_start_timestamp) validateField('event_start_timestamp');\r\n            if (errors?.event_end_timestamp) validateField('event_end_timestamp');\r\n            if (errors?.registration_start_timestamp) validateField('registration_start_timestamp');\r\n            if (errors?.registration_end_timestamp) validateField('registration_end_timestamp');\r\n        }\r\n    };\r\n\r\n    return (\r\n        <div className=\"flex flex-col lg:flex-row gap-8 items-start\">\r\n            <div className=\"w-full lg:max-w-[40%] max-h-[500px] shrink-0 lg:sticky lg:top-4\">\r\n                <div>\r\n                    <FileUpload\r\n                        formData={formState}\r\n                        field=\"image_url\"\r\n                        setFormData={(updater: any) => {\r\n                            handleSetData(updater);\r\n                        }}\r\n                        formErrors={errors}\r\n                        setError={(error) => {\r\n                            if (error) {\r\n                                setErrors(prev => ({ ...prev, image_url: error }));\r\n                            } else {\r\n                                setErrors(prev => {\r\n                                    const newErrors = { ...prev };\r\n                                    delete newErrors.image_url;\r\n                                    return newErrors;\r\n                                });\r\n                            }\r\n                        }}\r\n                        onLoadingChange={onBusyStateChange}\r\n                    />\r\n                    <InputErrorMessage\r\n                        error={isBusy && errors?.image_url ? \"Your image is still uploading. Please wait...\" : (errors?.image_url == \"Invalid input: expected string, received undefined\" ? \"Please upload an image\" : errors?.image_url)}\r\n                        className=\"mt-2\"\r\n                    />\r\n                </div>\r\n            </div>\r\n\r\n            <div className=\"w-full flex-1 rounded-lg\">\r\n                <div data-name=\"name\" className='px-4 rounded-xl'>\r\n                    <FormInput\r\n                        label=\"Event name\"\r\n                        tooltip=\"The official name of your event.\"\r\n                        type=\"text\"\r\n                        placeholder=\"Paymo Events\"\r\n                        value={formState.name || ''}\r\n                        onChange={(e: any) => setField('name', e.target?.value)}\r\n                        onBlur={() => validateField('name')}\r\n                        error={errors.name}\r\n                        inputClassName='text-[26px] py-2'\r\n                        inputCon='shadow-none rounded-b-none rounded-t-sm'\r\n                        className='px-0'\r\n                        required\r\n                    />\r\n                </div>\r\n\r\n                <div data-name=\"description\" className='px-4 py-4 rounded-xl'>\r\n                    <div className=\"flex items-center mb-2 gap-x-2\">\r\n                        <label className=\"block text-sm font-medium text-gray-700\">\r\n                            Write description <span className=\"text-error-500\">*</span>\r\n                        </label>\r\n                        <InformationPopover text=\"A detailed explanation of what your event is about.\" />\r\n                    </div>\r\n                    <button\r\n                        onClick={() => setIsDescriptionModalOpen(true)}\r\n                        className={`\r\n                            w-full text-left px-3 py-2 rounded-lg text-sm input-border bg-white cursor-pointer transition-colors focus-visible:ring-2 focus-visible:ring-primaryx-500 focus-visible:ring-offset-2 outline-none focus:outline-none\r\n                            flex items-center min-h-[44px]\r\n                            ${errors.description ? 'border-error-500 bg-error-50' : 'input-border'}\r\n                        `}\r\n                    >\r\n                        {formState.description ? (\r\n                            <p className=\"text-gray-900 line-clamp-2 break-all\">{stripHtml(formState.description)}</p>\r\n                        ) : (\r\n                            <span className=\"text-gray-400\">Tell us about your event..</span>\r\n                        )}\r\n                    </button>\r\n                    <InputErrorMessage error={errors?.description} className=\"mt-2\" />\r\n\r\n\r\n                    <DescriptionModal\r\n                        isOpen={isDescriptionModalOpen}\r\n                        value={formState?.description || ''}\r\n                        onClose={() => {\r\n                            setIsDescriptionModalOpen(false);\r\n                        }}\r\n                        onSave={(val) => {\r\n                            setField('description', val);\r\n                        }}\r\n\r\n                    />\r\n                </div>\r\n\r\n                <div data-name=\"event_type\" className=\"px-4 py-4 rounded-xl\">\r\n                    <CheckboxGroup\r\n                        label=\"Select your event type\"\r\n                        tooltip=\"Choose the type of audience for this event.\"\r\n                        options={EVENT_TYPE_OPTIONS.map(option => {\r\n                            const selectedEventTypes = formState.event_type || [];\r\n                            const isInclusive = selectedEventTypes.includes('INCLUSIVE');\r\n                            const isInternal = selectedEventTypes.includes('INTERNAL');\r\n                            const isUnlisted = selectedEventTypes.includes('UN_LISTED');\r\n\r\n                            let disabled = false;\r\n\r\n                            // \"INCLUSIVE\" is mutually exclusive with \"INTERNAL\" and \"UN_LISTED\"\r\n                            let tooltip = \"\";\r\n                            if (option.value === 'INCLUSIVE') {\r\n                                if (isInternal || isUnlisted) {\r\n                                    disabled = true;\r\n                                    tooltip = \"Events open to everyone cannot be restricted to institution members or be hidden.\";\r\n                                } else {\r\n                                    tooltip = \"Allows anyone to view and register for the event.\";\r\n                                }\r\n                            }\r\n                            if (option.value === 'INTERNAL') {\r\n                                if (isInclusive) {\r\n                                    disabled = true;\r\n                                    tooltip = \"Institution-only events cannot be open to everyone.\";\r\n                                } else {\r\n                                    tooltip = \"Restricts the event to members of your institution only.\";\r\n                                }\r\n                            }\r\n                            if (option.value === 'UN_LISTED') {\r\n                                if (isInclusive) {\r\n                                    disabled = true;\r\n                                    tooltip = \"Hidden events cannot be open to everyone.\";\r\n                                } else {\r\n                                    tooltip = \"The event will not appear in public listings and is accessible only via link.\";\r\n                                }\r\n                            }\r\n                            if (option.value === 'INVITE_ONLY') {\r\n                                tooltip = \"Every registration will be treated as a request that will be approved by Organizer\";\r\n                            }\r\n\r\n                            return { ...option, disabled, tooltip };\r\n                        })}\r\n                        formData={formState}\r\n                        setFormData={(updater: any) => {\r\n                            handleSetData(updater);\r\n                        }}\r\n                        field=\"event_type\"\r\n                        formErrors={errors}\r\n                        inputType=\"checkbox\"\r\n                        classname=\"flex flex-col gap-y-3\"\r\n                        filled={false}\r\n                    />\r\n                </div>\r\n\r\n                {/* Conditional Institution Name Input */}\r\n                <AnimatePresence>\r\n                    {formState.event_type?.includes('INTERNAL') && (\r\n                        <motion.div\r\n                            initial={{ opacity: 0, height: 0 }}\r\n                            animate={{ opacity: 1, height: \"auto\" }}\r\n                            exit={{ opacity: 0, height: 0 }}\r\n                            transition={{ duration: 0.2 }}\r\n                        >\r\n                            <div data-name=\"institution_name\" className=\"px-4 py-4 rounded-xl\">\r\n                                <FormInput\r\n                                    label=\"Institution name\"\r\n                                    placeholder=\"Enter institution name\"\r\n                                    value={formState.institution_name || \"\"}\r\n                                    onChange={(e: any) => setField(\"institution_name\", e.target.value)}\r\n                                    onBlur={() => validateField(\"institution_name\")}\r\n                                    error={errors.institution_name}\r\n                                    type=\"text\"\r\n                                    required\r\n                                />\r\n                            </div>\r\n                        </motion.div>\r\n                    )}\r\n                </AnimatePresence>\r\n\r\n                <div data-name=\"registration_start_timestamp\" className='px-2 py-4 rounded-xl'>\r\n                    <div className=\"flex items-center gap-x-2 px-2\">\r\n                        <label className=\"block text-sm font-medium text-gray-700\">\r\n                            Registration timeline <span className=\"text-meta-1 animate-pulse\">*</span>\r\n                        </label>\r\n                        <InformationPopover text=\"Set the start and end dates/times for ticket registrations.\" />\r\n                    </div>\r\n                    <DateTimeField\r\n                        label=\"\"\r\n                        formData={formState}\r\n                        setFormData={handleDateUpdate}\r\n                        field={['registration_start_timestamp', 'registration_end_timestamp']}\r\n                        classname=\"bg-transparent\"\r\n                        formDateErrors={errors}\r\n                        startMaxDate={\r\n                            (formState.event_start_timestamp?.date && formState.event_end_timestamp?.date)\r\n                                ? (formState.event_start_timestamp.date < formState.event_end_timestamp.date ? formState.event_start_timestamp.date : formState.event_end_timestamp.date)\r\n                                : (formState.event_start_timestamp?.date || formState.event_end_timestamp?.date)\r\n                        }\r\n                        startMaxTime={\r\n                            formState.event_start_timestamp?.date && formState.registration_start_timestamp?.date && formState.event_start_timestamp.date === formState.registration_start_timestamp.date\r\n                                ? formState.event_start_timestamp.time\r\n                                : undefined\r\n                        }\r\n                        endMaxDate={formState.event_end_timestamp?.date}\r\n                        endMaxTime={\r\n                            formState.event_end_timestamp?.date && formState.registration_end_timestamp?.date && formState.event_end_timestamp.date === formState.registration_end_timestamp.date\r\n                                ? formState.event_end_timestamp.time\r\n                                : undefined\r\n                        }\r\n                    />\r\n                </div>\r\n\r\n                <div data-name=\"event_start_timestamp\" className='px-2 py-4 rounded-xl'>\r\n                    <div className=\"flex items-center gap-x-2 px-2\">\r\n                        <label className=\"block text-sm font-medium text-gray-700\">\r\n                            Event timeline <span className=\"text-meta-1 animate-pulse\">*</span>\r\n                        </label>\r\n                        <InformationPopover text=\"Set the start and end dates/times for your event.\" />\r\n                    </div>\r\n                    <DateTimeField\r\n                        label=\"\"\r\n                        formData={formState}\r\n                        setFormData={handleDateUpdate}\r\n                        field={['event_start_timestamp', 'event_end_timestamp']}\r\n                        classname=\"bg-transparent\"\r\n                        formDateErrors={errors}\r\n                        startMinDate={formState.registration_start_timestamp?.date}\r\n                        startMinTime={\r\n                            formState.registration_start_timestamp?.date && formState.event_start_timestamp?.date && formState.registration_start_timestamp.date === formState.event_start_timestamp.date\r\n                                ? formState.registration_start_timestamp.time\r\n                                : undefined\r\n                        }\r\n                        endMinDate={\r\n                            (formState.registration_start_timestamp?.date && formState.registration_end_timestamp?.date)\r\n                                ? (formState.registration_start_timestamp.date > formState.registration_end_timestamp.date ? formState.registration_start_timestamp.date : formState.registration_end_timestamp.date)\r\n                                : (formState.registration_end_timestamp?.date || formState.registration_start_timestamp?.date)\r\n                        }\r\n                        endMinTime={\r\n                            formState.registration_end_timestamp?.date && formState.event_end_timestamp?.date && formState.registration_end_timestamp.date === formState.event_end_timestamp.date\r\n                                ? formState.registration_end_timestamp.time\r\n                                : undefined\r\n                        }\r\n                    />\r\n                </div>\r\n\r\n                <div data-name=\"location_type\" className='px-4 py-4 rounded-xl'>\r\n                    <div className=\"flex items-center gap-x-2 mb-2\">\r\n                        <label className=\"block text-sm font-medium text-gray-700\">\r\n                            Venue <span className=\"text-meta-1 animate-pulse\">*</span>\r\n                        </label>\r\n                        <InformationPopover text=\"The place where the event will be conducted.\" />\r\n                    </div>\r\n                    <GenericLocationInput\r\n                        googleApiKey={process.env.NEXT_PUBLIC_GOOGLE_MAPS_API_KEY as string}\r\n                        enableGoogleMeet={false}\r\n                        enableCustomLinks={true}\r\n                        enablePhysicalLocation={true}\r\n                        error={(errors.location_data as string || errors.venue || errors.location_type) && \"Please select a venue / location\"}\r\n                        onLocationSelected={(location) => {\r\n                            setMultipleFields({\r\n                                venue: location?.displayName || \"\",\r\n                                venue_place_id: location?.placeId || \"\",\r\n                                location_data: location, // Fix stale data\r\n                                location_type: location?.type\r\n                            });\r\n\r\n                            if (location) {\r\n                                // Immediately clear all location-related errors\r\n                                setErrors((prev) => {\r\n                                    const newErrors = { ...prev };\r\n                                    delete newErrors.venue;\r\n                                    delete newErrors.location_data;\r\n                                    delete newErrors.location_type;\r\n                                    return newErrors;\r\n                                });\r\n                            } else {\r\n                                // immediate feedback for clear\r\n                                setErrors((prev) => ({\r\n                                    ...prev,\r\n                                    venue: \"Location is required\"\r\n                                }));\r\n                            }\r\n                        }}\r\n                        formData={formState}\r\n                        label=\"\"\r\n                        placeholder=\"Search for a location or add meeting details...\"\r\n                    />\r\n                </div>\r\n\r\n                <div data-name=\"event_categories\" className=\"px-4 py-4 rounded-xl\">\r\n                    <CheckboxGroup\r\n                        label=\"Select event category\"\r\n                        tooltip=\"Select the category that best describes your event.\"\r\n                        options={(() => {\r\n                            // Map fetched categories to options\r\n                            const dynamicOptions = categories.map((cat: any) => ({\r\n                                value: cat.id,\r\n                                label: cat.name,\r\n                                disabled: false\r\n                            }));\r\n                            return dynamicOptions;\r\n                        })()}\r\n                        formData={formState}\r\n                        setFormData={(updater: any) => {\r\n                            handleSetData(updater);\r\n                        }}\r\n                        field=\"event_categories\"\r\n                        formErrors={errors}\r\n                        inputType=\"checkbox\"\r\n                        classname=\"grid grid-cols-1 sm:grid-cols-2 gap-4\"\r\n                        filled={false}\r\n                    />\r\n\r\n                    <AnimatePresence>\r\n                        {(() => {\r\n                            const othersCategory = categories.find((cat: any) => cat.name === 'Others');\r\n                            const othersCategoryId = othersCategory?.id;\r\n\r\n                            return formState.event_categories?.includes(othersCategoryId) && (\r\n                                <motion.div\r\n                                    initial={{ height: 0, opacity: 0, marginTop: 0 }}\r\n                                    animate={{ height: 'auto', opacity: 1, marginTop: 16 }}\r\n                                    exit={{ height: 0, opacity: 0, marginTop: 0 }}\r\n                                    transition={{ duration: 0.3, ease: 'easeInOut' }}\r\n                                >\r\n                                    <FormInput\r\n                                        label=\"Please specify\"\r\n                                        type=\"text\"\r\n                                        placeholder=\"e.g. Charity gala, Reunion, etc.\"\r\n                                        value={formState.custom_category || ''}\r\n                                        onChange={(e: any) => setField('custom_category', e.target.value)}\r\n                                        onBlur={() => validateField('custom_category')}\r\n                                        error={errors.custom_category}\r\n                                    />\r\n                                </motion.div>\r\n                            )\r\n                        })()}\r\n                    </AnimatePresence>\r\n                </div>\r\n            </div>\r\n\r\n            <ConfirmationModal\r\n                open={showDateConflictModal}\r\n                title=\"Date conflict detected\"\r\n                description={`Changing the event dates will invalidate the following ticket tier(s) because their custom dates fall outside the new range. Proceeding will permanently delete them.`}\r\n                onClose={() => {\r\n                    setShowDateConflictModal(false);\r\n                    setTimeout(() => {\r\n                        setPendingDateUpdate(null);\r\n                        setConflictingTiers([]);\r\n                    }, 300); // 300ms matches standard transition duration\r\n                }}\r\n                onConfirm={handleConfirmDateChange}\r\n                confirmText=\"Update & delete tiers\"\r\n                cancelText=\"Cancel\"\r\n            >\r\n                <div className=\"space-y-3 mt-4 border-t border-grey-100 pt-4 max-h-[200px] overflow-y-auto pr-2\">\r\n                    {conflictingTiers.map(tier => (\r\n                        <div key={tier.id} className=\"bg-error-50 border border-error-200 rounded-lg p-3\">\r\n                            <div className=\"flex items-baseline justify-between mb-1\">\r\n                                <h4 className=\"text-sm font-semibold text-error-900 truncate pr-4\">{tier.name}</h4>\r\n                                <span className=\"text-sm font-bold text-error-700 whitespace-nowrap\">Rs. {tier.price.toLocaleString()}</span>\r\n                            </div>\r\n                            <div className=\"flex items-center gap-3 text-xs text-error-600/80\">\r\n                                <p className=\"line-clamp-1\">{tier.description}</p>\r\n                            </div>\r\n                        </div>\r\n                    ))}\r\n                </div>\r\n            </ConfirmationModal>\r\n        </div>\r\n    );\r\n}\r\n\r\nexport default memo(StepOne);\r\n"],"names":["React","_a","_b","_c","_d"],"mappings":"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"}