npm - @123usmanhaider321/ui - Versions diffs - 0.1.0 → 0.1.8 - Mend

@123usmanhaider321/ui 0.1.0 → 0.1.8

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (1322) hide show

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

@@ -0,0 +1,462 @@
+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 ADDED Viewed

@@ -0,0 +1 @@

+ {"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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"}

package/dist/components/EventAddForm/steps/StepTwo.d.ts ADDED Viewed

@@ -0,0 +1,17 @@
+import { default as React } from 'react';
+import { StepperFormState } from '../types';
+interface StepTwoProps {
+    formState: StepperFormState;
+    setField: (field: keyof StepperFormState, value: any) => void;
+    setMultipleFields: (fields: Partial<StepperFormState> | ((prev: StepperFormState) => Partial<StepperFormState>)) => void;
+    errors: Record<string, string>;
+    validateField: (field: keyof StepperFormState, data?: StepperFormState) => void;
+    setErrors: React.Dispatch<React.SetStateAction<Record<string, string>>>;
+    eventData?: any;
+    eventId?: string;
+    setNavigationBlocked?: (blocked: boolean) => void;
+}
+declare function StepTwo({ formState, setField, errors, validateField, setNavigationBlocked, eventId }: StepTwoProps): import("react/jsx-runtime").JSX.Element;
+declare const _default: React.MemoExoticComponent<typeof StepTwo>;
+export default _default;