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/components/TicketTierForm.js ADDED Viewed

@@ -0,0 +1,418 @@
+import { jsxs, Fragment, jsx } from "react/jsx-runtime";
+import React__default, { memo, useMemo } from "react";
+import { TicketTierAvailabilityType } from "../../../types/types.js";
+import { Banknote, Users, Info, List } from "lucide-react";
+import { AnimatePresence, motion } from "framer-motion";
+import FormInput from "../../ui/FormInput.js";
+import Tooltip from "../../ui/Tooltip.js";
+import { useTicketTierForm } from "../hooks/useTicketTierForm.js";
+import { Radio } from "../../ui/Radio.js";
+import { Checkbox } from "../../ui/Checkbox.js";
+import { convertDateFormat } from "../../../utils/utils.js";
+import SingleDateTimeInput from "./SingleDateTimeInput.js";
+import { splitDateToLocal } from "../../../utils/single-event-helpers.js";
+import RequiredToggle from "../../FormBuilder/RequiredToggle.js";
+import { Button } from "../../Button/Button.js";
+const FIELD_TOOLTIPS = {
+  name: "A short, descriptive name for this ticket tier. Attendees will see this when purchasing.",
+  price: "The base price per ticket for this tier. Set to 0 for free tickets.",
+  capacity: "The total number of tickets available in this tier. Once sold out, no more tickets can be purchased.",
+  members: "How many attendees a single ticket covers. E.g. set to 2 for a couples ticket, or 1 for an individual ticket.",
+  discountedPrice: "The reduced price attendees pay when the discount is active. Must be less than the base price.",
+  availabilitySchedule: "Control which event dates this ticket tier is available on. Only relevant for multi-day events.",
+  availabilityGlobal: "Ticket is valid for every day of the event.",
+  availabilityIndividual: "Ticket is valid for one specific event date.",
+  availabilityCustom: "Ticket is valid only for the specific dates you choose."
+};
+const defaultState = {
+  name: "",
+  description: "",
+  availability_type: TicketTierAvailabilityType.GLOBAL,
+  availability_schedule: [],
+  has_discount: false,
+  discounted_price: void 0,
+  discount_valid_till_date: void 0,
+  discount_valid_till_time: void 0
+};
+function TicketTierForm({
+  initialData,
+  dateRange,
+  onClose,
+  onSave,
+  eventStart,
+  eventEnd,
+  registrationStart,
+  registrationEnd,
+  existingTierNames
+}) {
+  var _a, _b, _c, _d, _e, _f;
+  const {
+    formState: formData,
+    setField,
+    setFields,
+    handleBlur,
+    handleSubmit,
+    errors: formErrors,
+    resetForm,
+    setFormState
+  } = useTicketTierForm({
+    initialData: initialData || defaultState,
+    defaultState,
+    eventStart,
+    eventEnd,
+    registrationStart,
+    registrationEnd,
+    existingTierNames
+  });
+  React__default.useEffect(() => {
+    if (initialData) {
+      let discountDate = initialData.discount_valid_till_date;
+      let discountTime = initialData.discount_valid_till_time;
+      if (!discountDate && !discountTime && initialData.discount_valid_till) {
+        const dateObj = splitDateToLocal(initialData.discount_valid_till);
+        discountDate = dateObj.date;
+        discountTime = dateObj.time;
+      }
+      const flattenedData = {
+        ...initialData,
+        discounted_price: initialData.discounted_price ?? initialData.discount_price,
+        discount_valid_till_date: discountDate,
+        discount_valid_till_time: discountTime
+      };
+      setFormState({ ...defaultState, ...flattenedData });
+    } else {
+      setFormState(defaultState);
+    }
+  }, [initialData, setFormState, defaultState]);
+  const isMultiDateEvent = useMemo(() => {
+    return dateRange && dateRange.length > 1;
+  }, [dateRange]);
+  const formatDate = (date) => {
+    return date.toLocaleDateString("en-US", {
+      weekday: "long",
+      year: "numeric",
+      month: "long",
+      day: "numeric"
+    });
+  };
+  const getDateKey = (date) => {
+    return date.toISOString().split("T")[0];
+  };
+  const handleDateSelection = (dateKey) => {
+    const currentDates = formData.availability_schedule || [];
+    const newDates = currentDates.includes(dateKey) ? currentDates.filter((d) => d !== dateKey) : [...currentDates, dateKey];
+    setField("availability_schedule", newDates);
+  };
+  const handleClose = () => {
+    resetForm();
+    onClose == null ? void 0 : onClose();
+  };
+  const onSubmit = (data) => {
+    let validTill = void 0;
+    if (data.discount_valid_till_date) {
+      validTill = convertDateFormat(data.discount_valid_till_date && data.discount_valid_till_time ? `${data.discount_valid_till_date}T${data.discount_valid_till_time}` : "");
+    }
+    const dataToSave = {
+      ...data,
+      id: (initialData == null ? void 0 : initialData.id) || crypto.randomUUID(),
+      price: Number(data == null ? void 0 : data.price) || 0,
+      discounted_price: Number(data == null ? void 0 : data.discounted_price) || 0,
+      discount_valid_till: validTill
+    };
+    delete dataToSave.discount_valid_till_date;
+    delete dataToSave.discount_valid_till_time;
+    delete dataToSave.discount_price;
+    onSave(dataToSave);
+    handleClose();
+  };
+  const showCustomDates = formData.availability_type === TicketTierAvailabilityType.CUSTOM;
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsxs("div", { className: "flex flex-col md:flex-row gap-x-4 space-y-4", children: [
+      /* @__PURE__ */ jsxs("div", { className: "flex-1 space-y-4 text-sm", children: [
+        /* @__PURE__ */ jsx("div", { "data-name": "name", children: /* @__PURE__ */ jsx(
+          FormInput,
+          {
+            label: "Name",
+            placeholder: "e.g. Group of 3",
+            value: formData.name,
+            onChange: (e) => setField("name", e.target.value),
+            onBlur: () => handleBlur("name"),
+            error: formErrors.name,
+            required: true,
+            type: "text",
+            tooltip: FIELD_TOOLTIPS.name
+          }
+        ) }),
+        /* @__PURE__ */ jsxs("div", { children: [
+          /* @__PURE__ */ jsx("label", { className: "block text-sm font-medium text-grey-700", children: "Description" }),
+          /* @__PURE__ */ jsx(
+            "textarea",
+            {
+              name: "description",
+              maxLength: 255,
+              onChange: (e) => setField("description", e.target.value),
+              value: formData.description,
+              onBlur: () => {
+                var _a2;
+                if (typeof formData.description === "string") {
+                  const trimmed = ((_a2 = formData.description) == null ? void 0 : _a2.trim()) || "";
+                  if (trimmed !== formData.description) {
+                    setField("description", trimmed);
+                  }
+                }
+              },
+              placeholder: "e.g. Includes backstage access, complimentary drinks, and priority seating",
+              className: `text-sm px-3 py-1 w-full min-h-20 border ${formErrors.description ? "!border-error-500" : "input-border"} rounded-lg focus:ring-2 focus:ring-primaryx-500/20 focus:border-primaryx-500 transition-all duration-200 text-gray-900 mt-1 placeholder-gray-400`
+            }
+          ),
+          /* @__PURE__ */ jsx("span", { className: "text-xs text-error-700", children: formErrors.description }),
+          /* @__PURE__ */ jsxs("div", { className: "text-right text-xs text-grey-500 mt-1", children: [
+            "Word count: ",
+            ((_a = formData == null ? void 0 : formData.description) == null ? void 0 : _a.length) || 0,
+            "/255"
+          ] })
+        ] }),
+        /* @__PURE__ */ jsxs("div", { className: "grid sm:grid-cols-2 gap-4", children: [
+          /* @__PURE__ */ jsx("div", { "data-name": "price", children: /* @__PURE__ */ jsx(
+            FormInput,
+            {
+              label: "Price",
+              icon: Banknote,
+              placeholder: "e.g. 500",
+              value: ((_b = formData == null ? void 0 : formData.price) == null ? void 0 : _b.toString()) || "",
+              onChange: (e) => setField("price", Number(e.target.value)),
+              onBlur: () => handleBlur("price"),
+              error: formErrors.price,
+              type: "number",
+              min: 0,
+              tooltip: FIELD_TOOLTIPS.price
+            }
+          ) }),
+          /* @__PURE__ */ jsx("div", { "data-name": "members", children: /* @__PURE__ */ jsx(
+            FormInput,
+            {
+              label: "Members per ticket",
+              icon: Users,
+              placeholder: "e.g. 1",
+              value: ((_c = formData == null ? void 0 : formData.members) == null ? void 0 : _c.toString()) || "",
+              onChange: (e) => setField("members", Number(e.target.value)),
+              onBlur: () => handleBlur("members"),
+              error: formErrors.members,
+              type: "number",
+              min: 1,
+              required: true,
+              tooltip: FIELD_TOOLTIPS.members
+            }
+          ) })
+        ] }),
+        /* @__PURE__ */ jsx("div", { "data-name": "capacity", children: /* @__PURE__ */ jsx(
+          FormInput,
+          {
+            label: "Capacity",
+            icon: Users,
+            placeholder: "e.g. 100",
+            value: ((_d = formData == null ? void 0 : formData.capacity) == null ? void 0 : _d.toString()) || "",
+            onChange: (e) => setField("capacity", Number(e.target.value)),
+            onBlur: () => handleBlur("capacity"),
+            error: formErrors.capacity,
+            type: "number",
+            min: 1,
+            required: true,
+            tooltip: FIELD_TOOLTIPS.capacity
+          }
+        ) }),
+        /* @__PURE__ */ jsxs("div", { className: "pt-2", children: [
+          /* @__PURE__ */ jsx(
+            RequiredToggle,
+            {
+              label: "Enable discounted price?",
+              checked: formData.has_discount || false,
+              onChange: (val) => setField("has_discount", val)
+            }
+          ),
+          formData.has_discount && /* @__PURE__ */ jsxs("div", { className: "space-y-4 mt-3 pl-1", children: [
+            /* @__PURE__ */ jsx("div", { "data-name": "discount_price", children: /* @__PURE__ */ jsx(
+              FormInput,
+              {
+                label: "Discounted price",
+                icon: Banknote,
+                placeholder: "e.g. 350",
+                value: ((_e = formData == null ? void 0 : formData.discounted_price) == null ? void 0 : _e.toString()) || "",
+                onChange: (e) => setField("discounted_price", Number(e.target.value)),
+                onBlur: () => handleBlur("discounted_price"),
+                error: formErrors.discounted_price,
+                type: "number",
+                min: 0,
+                required: true,
+                tooltip: FIELD_TOOLTIPS.discountedPrice
+              }
+            ) }),
+            /* @__PURE__ */ jsx("div", { "data-name": "discount_valid_till", children: /* @__PURE__ */ jsx(
+              SingleDateTimeInput,
+              {
+                label: "Valid till",
+                name: "discount_valid_till",
+                labelClassName: "w-max text-sm font-medium text-gray-700",
+                layoutClassName: "flex flex-col sm:flex-col items-start sm:items-start gap-1.5",
+                dateTimeLayoutClassName: "w-full grid grid-cols-1 sm:grid-cols-2",
+                dateValue: formData.discount_valid_till_date || "",
+                timeValue: formData.discount_valid_till_time || "",
+                onChange: (values) => {
+                  const nextDate = (values.date !== void 0 ? values.date : formData.discount_valid_till_date) || "";
+                  let nextTime = values.time !== void 0 ? values.time : formData.discount_valid_till_time;
+                  if (values.date && !nextTime) {
+                    const defaultTime = "00:00";
+                    let isValid = true;
+                    if ((registrationStart == null ? void 0 : registrationStart.date) && nextDate === registrationStart.date) {
+                      if (defaultTime < registrationStart.time) isValid = false;
+                    }
+                    if ((registrationEnd == null ? void 0 : registrationEnd.date) && nextDate === registrationEnd.date) {
+                      if (defaultTime > registrationEnd.time) isValid = false;
+                    }
+                    if ((registrationStart == null ? void 0 : registrationStart.date) && nextDate < registrationStart.date) isValid = false;
+                    if ((registrationEnd == null ? void 0 : registrationEnd.date) && nextDate > registrationEnd.date) isValid = false;
+                    if (isValid) nextTime = defaultTime;
+                  }
+                  setFields({
+                    discount_valid_till_date: nextDate,
+                    discount_valid_till_time: nextTime
+                  });
+                },
+                onBlur: () => {
+                },
+                error: formErrors.discount_valid_till_date || formErrors.discount_valid_till_time,
+                minDate: registrationStart == null ? void 0 : registrationStart.date,
+                maxDate: registrationEnd == null ? void 0 : registrationEnd.date,
+                minTime: (registrationStart == null ? void 0 : registrationStart.date) && formData.discount_valid_till_date === registrationStart.date ? registrationStart.time : void 0,
+                maxTime: (registrationEnd == null ? void 0 : registrationEnd.date) && formData.discount_valid_till_date === registrationEnd.date ? registrationEnd.time : void 0
+              }
+            ) })
+          ] })
+        ] }),
+        isMultiDateEvent && /* @__PURE__ */ jsxs("div", { className: "border-t border-grey-100 pt-4", children: [
+          /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2 mb-3", children: [
+            /* @__PURE__ */ jsx("label", { className: "text-sm font-medium text-grey-700", children: "Ticket availability" }),
+            /* @__PURE__ */ jsx(Tooltip, { content: FIELD_TOOLTIPS.availabilitySchedule, placement: "top", children: /* @__PURE__ */ jsx(Info, { className: "h-4 w-4 text-grey-700 hover:text-grey-800 cursor-default transition-colors" }) })
+          ] }),
+          /* @__PURE__ */ jsx("div", { className: "space-y-3", children: [
+            {
+              type: TicketTierAvailabilityType.GLOBAL,
+              label: `All event dates`,
+              tooltip: FIELD_TOOLTIPS.availabilityGlobal
+            },
+            {
+              type: TicketTierAvailabilityType.INDIVIDUAL,
+              label: "Single event date",
+              tooltip: FIELD_TOOLTIPS.availabilityIndividual
+            },
+            {
+              type: TicketTierAvailabilityType.CUSTOM,
+              label: "Selected event dates",
+              tooltip: FIELD_TOOLTIPS.availabilityCustom
+            }
+          ].map((option) => /* @__PURE__ */ jsxs("label", { className: "flex items-center gap-2 cursor-pointer", children: [
+            /* @__PURE__ */ jsx(
+              Radio,
+              {
+                name: "availability_type",
+                checked: formData.availability_type === option.type,
+                onChange: () => setField("availability_type", option.type)
+              }
+            ),
+            /* @__PURE__ */ jsx("span", { className: `text-sm ${formData.availability_type === option.type ? "font-medium text-primaryx-900" : "text-grey-700"}`, children: option.label }),
+            /* @__PURE__ */ jsx(Tooltip, { content: option.tooltip, placement: "top", children: /* @__PURE__ */ jsx(Info, { className: "h-4 w-4 text-grey-700 hover:text-grey-800 cursor-default transition-colors" }) })
+          ] }, option.type)) })
+        ] })
+      ] }),
+      /* @__PURE__ */ jsx(AnimatePresence, { children: showCustomDates && /* @__PURE__ */ jsx(
+        motion.div,
+        {
+          initial: { opacity: 0, width: 0, scale: 0.95 },
+          animate: { opacity: 1, width: "auto", scale: 1 },
+          exit: { opacity: 0, width: 0, scale: 0.95 },
+          transition: { duration: 0.3, type: "tween", bounce: 0, stiffness: 100 },
+          className: "hidden md:block overflow-hidden",
+          children: /* @__PURE__ */ jsxs("div", { className: "w-[280px] h-full pl-4 border-l border-grey-400 flex flex-col", children: [
+            /* @__PURE__ */ jsxs("h3", { className: "text-base font-medium text-grey-900 mb-4 flex items-center gap-2", children: [
+              /* @__PURE__ */ jsx(List, { className: "w-4 h-4 text-grey-500" }),
+              "Select dates"
+            ] }),
+            /* @__PURE__ */ jsx("div", { className: "flex-1 overflow-hidden input-border rounded-lg max-h-[500px]", children: /* @__PURE__ */ jsx("div", { className: "overflow-y-auto custom-scrollbar bg-grey-50/50 p-2 h-full", children: /* @__PURE__ */ jsx("div", { className: "space-y-1", children: dateRange == null ? void 0 : dateRange.map((date) => {
+              var _a2;
+              const dateKey = getDateKey(date);
+              const isSelected = (_a2 = formData.availability_schedule) == null ? void 0 : _a2.includes(dateKey);
+              return /* @__PURE__ */ jsxs(
+                "label",
+                {
+                  className: `flex items-center gap-x-2 p-2 rounded-md cursor-pointer transition-all ${isSelected ? "bg-white border border-primaryx-200" : "hover:bg-white"}`,
+                  children: [
+                    /* @__PURE__ */ jsx("div", { className: "flex items-center h-5", children: /* @__PURE__ */ jsx(
+                      Checkbox,
+                      {
+                        checked: isSelected || false,
+                        onCheckedChange: () => handleDateSelection(dateKey)
+                      }
+                    ) }),
+                    /* @__PURE__ */ jsx("span", { className: `line-clamp-1 text-xs ${isSelected ? "text-grey-900 font-medium" : "text-grey-600"}`, children: formatDate(date) })
+                  ]
+                },
+                dateKey
+              );
+            }) }) }) }),
+            formErrors.availability_schedule && /* @__PURE__ */ jsx("div", { className: "mt-2 text-xs text-error-600 bg-error-50 p-2 rounded-md", children: formErrors.availability_schedule }),
+            /* @__PURE__ */ jsxs("div", { className: "mt-4 pt-4 input-border-t text-xs text-grey-500", children: [
+              ((_f = formData.availability_schedule) == null ? void 0 : _f.length) || 0,
+              " dates selected"
+            ] })
+          ] })
+        }
+      ) }),
+      showCustomDates && /* @__PURE__ */ jsxs("div", { className: "md:hidden border-t border-grey-100 pt-4", children: [
+        /* @__PURE__ */ jsx("label", { className: "block text-sm font-medium text-grey-700 mb-2", children: "Select dates" }),
+        /* @__PURE__ */ jsx("div", { className: "max-h-48 overflow-y-auto border border-grey-200 rounded-md p-3 space-y-1.5", children: dateRange == null ? void 0 : dateRange.map((date) => {
+          var _a2;
+          const dateKey = getDateKey(date);
+          return /* @__PURE__ */ jsxs("label", { className: "flex items-center", children: [
+            /* @__PURE__ */ jsx(
+              "input",
+              {
+                type: "checkbox",
+                checked: ((_a2 = formData.availability_schedule) == null ? void 0 : _a2.includes(dateKey)) || false,
+                onChange: () => handleDateSelection(dateKey),
+                className: "mt-1 mr-2 rounded border-grey-300"
+              }
+            ),
+            /* @__PURE__ */ jsx("span", { className: "text-xs text-grey-700", children: formatDate(date) })
+          ] }, dateKey);
+        }) }),
+        /* @__PURE__ */ jsx("span", { className: "text-xs text-error-700 block mt-1", children: formErrors.availability_schedule })
+      ] })
+    ] }),
+    /* @__PURE__ */ jsxs("div", { className: "mt-2 flex justify-end gap-3 pt-4", children: [
+      /* @__PURE__ */ jsx(
+        Button,
+        {
+          size: "md",
+          type: "button",
+          onClick: handleClose,
+          variant: "outline",
+          children: "Cancel"
+        }
+      ),
+      /* @__PURE__ */ jsx(
+        Button,
+        {
+          size: "md",
+          type: "button",
+          onClick: () => handleSubmit(onSubmit),
+          children: "Save tier"
+        }
+      )
+    ] })
+  ] });
+}
+const TicketTierForm$1 = memo(TicketTierForm);
+export {
+  TicketTierForm$1 as default
+};
+//# sourceMappingURL=TicketTierForm.js.map

package/dist/components/EventAddForm/components/TicketTierForm.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"TicketTierForm.js","sources":["../../../../src/components/EventAddForm/components/TicketTierForm.tsx"],"sourcesContent":["/* eslint-disable react-hooks/exhaustive-deps */\r\n\"use client\";\r\n\r\nimport React, { memo, useMemo } from \"react\";\r\nimport { TicketTier, TicketTierAvailabilityType } from \"@/types/types\";\r\nimport { Banknote, Info, List, Users } from \"lucide-react\";\r\nimport { AnimatePresence, motion } from \"framer-motion\";\r\nimport FormInput from \"@/components/ui/FormInput\";\r\nimport Tooltip from \"@/components/ui/Tooltip\";\r\nimport { useTicketTierForm, TicketTierFormState } from \"../hooks/useTicketTierForm\";\r\nimport { Button } from \"../../Button\";\r\nimport { Radio } from \"@/components/ui/Radio\";\r\nimport { Checkbox } from \"@/components/ui/Checkbox\";\r\nimport { convertDateFormat } from \"@/utils/utils\";\r\nimport SingleDateTimeInput from \"./SingleDateTimeInput\";\r\nimport { splitDateToLocal } from \"@/utils/single-event-helpers\";\r\nimport RequiredToggle from \"@/components/FormBuilder/RequiredToggle\";\r\n\r\n\r\n/** Tooltip descriptions for each field — edit here to update all tooltips. */\r\nconst FIELD_TOOLTIPS = {\r\n name: \"A short, descriptive name for this ticket tier. Attendees will see this when purchasing.\",\r\n description: \"Optional details about what's included in this tier (e.g. perks, seat location, access level).\",\r\n price: \"The base price per ticket for this tier. Set to 0 for free tickets.\",\r\n capacity: \"The total number of tickets available in this tier. Once sold out, no more tickets can be purchased.\",\r\n members: \"How many attendees a single ticket covers. E.g. set to 2 for a couples ticket, or 1 for an individual ticket.\",\r\n discountedPrice: \"The reduced price attendees pay when the discount is active. Must be less than the base price.\",\r\n validTill: \"The deadline after which the discounted price is no longer available.\",\r\n availabilitySchedule: \"Control which event dates this ticket tier is available on. Only relevant for multi-day events.\",\r\n availabilityGlobal: \"Ticket is valid for every day of the event.\",\r\n availabilityIndividual: \"Ticket is valid for one specific event date.\",\r\n availabilityCustom: \"Ticket is valid only for the specific dates you choose.\",\r\n};\r\n\r\nconst defaultState = {\r\n name: \"\",\r\n description: \"\",\r\n availability_type: TicketTierAvailabilityType.GLOBAL,\r\n availability_schedule: [] as string[],\r\n has_discount: false,\r\n discounted_price: undefined as number | undefined,\r\n discount_valid_till_date: undefined as string | undefined,\r\n discount_valid_till_time: undefined as string | undefined,\r\n};\r\n\r\ninterface TicketTierFormProps {\r\n initialData?: any; // Using any to match previous implementation flexibility or strict type\r\n dateRange?: Date[];\r\n onClose?: () => void;\r\n onSave: (tier: TicketTier) => void;\r\n eventStart?: { date: string, time: string };\r\n eventEnd?: { date: string, time: string };\r\n registrationStart?: { date: string, time: string };\r\n registrationEnd?: { date: string, time: string };\r\n existingTierNames?: string[];\r\n}\r\n\r\nfunction TicketTierForm({\r\n initialData,\r\n dateRange,\r\n onClose,\r\n onSave,\r\n eventStart,\r\n eventEnd,\r\n registrationStart,\r\n registrationEnd,\r\n existingTierNames,\r\n}: TicketTierFormProps) {\r\n const {\r\n formState: formData,\r\n setField,\r\n setFields,\r\n handleBlur,\r\n handleSubmit,\r\n errors: formErrors,\r\n resetForm,\r\n setFormState\r\n } = useTicketTierForm({\r\n initialData: initialData || defaultState,\r\n defaultState: defaultState as any,\r\n eventStart,\r\n eventEnd,\r\n registrationStart,\r\n registrationEnd,\r\n existingTierNames\r\n });\r\n\r\n\r\n\r\n // Reset form when modal opens with new data or no data\r\n React.useEffect(() => {\r\n if (initialData) {\r\n let discountDate = initialData.discount_valid_till_date;\r\n let discountTime = initialData.discount_valid_till_time;\r\n\r\n if (!discountDate && !discountTime && initialData.discount_valid_till) {\r\n const dateObj = splitDateToLocal(initialData.discount_valid_till);\r\n discountDate = dateObj.date;\r\n discountTime = dateObj.time;\r\n }\r\n\r\n // Handle flattened discount_valid_till string from backend\r\n const flattenedData = {\r\n ...initialData,\r\n discounted_price: initialData.discounted_price ?? initialData.discount_price,\r\n discount_valid_till_date: discountDate,\r\n discount_valid_till_time: discountTime,\r\n };\r\n\r\n setFormState({ ...defaultState, ...flattenedData });\r\n } else {\r\n setFormState(defaultState as any);\r\n }\r\n }, [initialData, setFormState, defaultState]);\r\n\r\n const isMultiDateEvent = useMemo(() => {\r\n return dateRange && dateRange.length > 1;\r\n }, [dateRange]);\r\n\r\n const formatDate = (date: Date) => {\r\n return date.toLocaleDateString('en-US', {\r\n weekday: 'long',\r\n year: 'numeric',\r\n month: 'long',\r\n day: 'numeric'\r\n });\r\n };\r\n\r\n const getDateKey = (date: Date) => {\r\n return date.toISOString().split('T')[0];\r\n };\r\n\r\n const handleDateSelection = (dateKey: string) => {\r\n const currentDates = formData.availability_schedule || [];\r\n const newDates = currentDates.includes(dateKey)\r\n ? currentDates.filter(d => d !== dateKey)\r\n : [...currentDates, dateKey];\r\n\r\n setField(\"availability_schedule\", newDates);\r\n };\r\n\r\n const handleClose = () => {\r\n resetForm();\r\n onClose?.();\r\n };\r\n\r\n const onSubmit = (data: TicketTierFormState) => {\r\n let validTill = undefined;\r\n if (data.discount_valid_till_date) {\r\n validTill = convertDateFormat((data.discount_valid_till_date && data.discount_valid_till_time) ?\r\n `${data.discount_valid_till_date}T${data.discount_valid_till_time}` : \"\")\r\n }\r\n\r\n const dataToSave = {\r\n ...data,\r\n id: initialData?.id || crypto.randomUUID(),\r\n price: Number(data?.price) || 0,\r\n discounted_price: Number(data?.discounted_price) || 0,\r\n discount_valid_till: validTill\r\n }\r\n // Remove internal form fields\r\n delete (dataToSave as any).discount_valid_till_date;\r\n delete (dataToSave as any).discount_valid_till_time;\r\n delete (dataToSave as any).discount_price; // ensure we don't send this if it lingered\r\n\r\n onSave(dataToSave as any);\r\n handleClose();\r\n };\r\n\r\n const showCustomDates = formData.availability_type === TicketTierAvailabilityType.CUSTOM;\r\n\r\n return (<>\r\n\r\n <div className=\"flex flex-col md:flex-row gap-x-4 space-y-4\">\r\n {/* Left Column - Main Form */}\r\n <div className=\"flex-1 space-y-4 text-sm\">\r\n <div data-name=\"name\">\r\n <FormInput\r\n label=\"Name\"\r\n placeholder=\"e.g. Group of 3\"\r\n value={formData.name}\r\n onChange={(e: any) => setField(\"name\", e.target.value)}\r\n onBlur={() => handleBlur(\"name\")}\r\n error={formErrors.name}\r\n required\r\n type=\"text\"\r\n tooltip={FIELD_TOOLTIPS.name}\r\n />\r\n </div>\r\n\r\n <div>\r\n <label className=\"block text-sm font-medium text-grey-700\">\r\n Description\r\n </label>\r\n <textarea\r\n name=\"description\"\r\n maxLength={255}\r\n onChange={(e: any) => setField(\"description\", e.target.value)}\r\n value={formData.description}\r\n onBlur={() => {\r\n if (typeof formData.description === 'string') {\r\n const trimmed = formData.description?.trim() || \"\";\r\n if (trimmed !== formData.description) {\r\n setField(\"description\", trimmed);\r\n }\r\n }\r\n }}\r\n placeholder=\"e.g. Includes backstage access, complimentary drinks, and priority seating\"\r\n className={`text-sm px-3 py-1 w-full min-h-20 border ${formErrors.description ? '!border-error-500' : 'input-border'} rounded-lg focus:ring-2 focus:ring-primaryx-500/20 focus:border-primaryx-500 transition-all duration-200 text-gray-900 mt-1 placeholder-gray-400`}\r\n />\r\n\r\n {/* Error message */}\r\n <span className=\"text-xs text-error-700\">\r\n {formErrors.description}\r\n </span>\r\n\r\n {/* Character counter */}\r\n <div className=\"text-right text-xs text-grey-500 mt-1\">\r\n Word count: {formData?.description?.length || 0}/255\r\n </div>\r\n </div>\r\n\r\n <div className=\"grid sm:grid-cols-2 gap-4\">\r\n <div data-name=\"price\">\r\n <FormInput\r\n label=\"Price\"\r\n icon={Banknote}\r\n placeholder=\"e.g. 500\"\r\n value={formData?.price?.toString() || \"\"}\r\n onChange={(e: any) => setField(\"price\", Number(e.target.value))}\r\n onBlur={() => handleBlur(\"price\")}\r\n error={formErrors.price}\r\n type=\"number\"\r\n min={0}\r\n tooltip={FIELD_TOOLTIPS.price}\r\n />\r\n </div>\r\n <div data-name=\"members\">\r\n <FormInput\r\n label=\"Members per ticket\"\r\n icon={Users}\r\n placeholder=\"e.g. 1\"\r\n value={formData?.members?.toString() || \"\"}\r\n onChange={(e: any) => setField(\"members\", Number(e.target.value))}\r\n onBlur={() => handleBlur(\"members\")}\r\n error={formErrors.members}\r\n type=\"number\"\r\n min={1}\r\n required\r\n tooltip={FIELD_TOOLTIPS.members}\r\n />\r\n </div>\r\n </div>\r\n\r\n <div data-name=\"capacity\">\r\n <FormInput\r\n label=\"Capacity\"\r\n icon={Users}\r\n placeholder=\"e.g. 100\"\r\n value={formData?.capacity?.toString() || \"\"}\r\n onChange={(e: any) => setField(\"capacity\", Number(e.target.value))}\r\n onBlur={() => handleBlur(\"capacity\")}\r\n error={formErrors.capacity}\r\n type=\"number\"\r\n min={1}\r\n required\r\n tooltip={FIELD_TOOLTIPS.capacity}\r\n />\r\n </div>\r\n\r\n <div className=\"pt-2\">\r\n <RequiredToggle\r\n label=\"Enable discounted price?\"\r\n checked={formData.has_discount || false}\r\n onChange={(val) => setField(\"has_discount\", val)}\r\n />\r\n\r\n {formData.has_discount && (\r\n <div className=\"space-y-4 mt-3 pl-1\">\r\n <div data-name=\"discount_price\">\r\n <FormInput\r\n label=\"Discounted price\"\r\n icon={Banknote}\r\n placeholder=\"e.g. 350\"\r\n value={formData?.discounted_price?.toString() || \"\"}\r\n onChange={(e: any) => setField(\"discounted_price\", Number(e.target.value))}\r\n onBlur={() => handleBlur(\"discounted_price\")}\r\n error={formErrors.discounted_price}\r\n type=\"number\"\r\n min={0}\r\n required\r\n tooltip={FIELD_TOOLTIPS.discountedPrice}\r\n />\r\n </div>\r\n\r\n <div data-name=\"discount_valid_till\">\r\n <SingleDateTimeInput\r\n label=\"Valid till\"\r\n name=\"discount_valid_till\"\r\n labelClassName=\"w-max text-sm font-medium text-gray-700\"\r\n layoutClassName=\"flex flex-col sm:flex-col items-start sm:items-start gap-1.5\"\r\n dateTimeLayoutClassName=\"w-full grid grid-cols-1 sm:grid-cols-2\"\r\n dateValue={formData.discount_valid_till_date || \"\"}\r\n timeValue={formData.discount_valid_till_time || \"\"}\r\n onChange={(values) => {\r\n const nextDate = (values.date !== undefined ? values.date : formData.discount_valid_till_date) || \"\";\r\n let nextTime = values.time !== undefined ? values.time : formData.discount_valid_till_time;\r\n\r\n // Auto-select 12:00 AM (00:00) if date is selected and time is empty\r\n if (values.date && !nextTime) {\r\n const defaultTime = \"00:00\";\r\n let isValid = true;\r\n\r\n if (registrationStart?.date && nextDate === registrationStart.date) {\r\n if (defaultTime < registrationStart.time) isValid = false;\r\n }\r\n if (registrationEnd?.date && nextDate === registrationEnd.date) {\r\n if (defaultTime > registrationEnd.time) isValid = false;\r\n }\r\n if (registrationStart?.date && nextDate < registrationStart.date) isValid = false;\r\n if (registrationEnd?.date && nextDate > registrationEnd.date) isValid = false;\r\n\r\n if (isValid) nextTime = defaultTime;\r\n }\r\n\r\n setFields({\r\n discount_valid_till_date: nextDate,\r\n discount_valid_till_time: nextTime,\r\n });\r\n }}\r\n onBlur={() => {\r\n // handleBlur(\"discount_valid_till_date\");\r\n // handleBlur(\"discount_valid_till_time\");\r\n }}\r\n error={formErrors.discount_valid_till_date || formErrors.discount_valid_till_time}\r\n minDate={registrationStart?.date}\r\n maxDate={registrationEnd?.date}\r\n minTime={\r\n registrationStart?.date && formData.discount_valid_till_date === registrationStart.date\r\n ? registrationStart.time\r\n : undefined\r\n }\r\n maxTime={\r\n registrationEnd?.date && formData.discount_valid_till_date === registrationEnd.date\r\n ? registrationEnd.time\r\n : undefined\r\n }\r\n />\r\n </div>\r\n </div>\r\n )}\r\n </div>\r\n\r\n {/* Availability Type Radio Group */}\r\n {isMultiDateEvent && (\r\n <div className=\"border-t border-grey-100 pt-4\">\r\n <div className=\"flex items-center gap-2 mb-3\">\r\n <label className=\"text-sm font-medium text-grey-700\">\r\n Ticket availability\r\n </label>\r\n <Tooltip content={FIELD_TOOLTIPS.availabilitySchedule} placement=\"top\">\r\n <Info className=\"h-4 w-4 text-grey-700 hover:text-grey-800 cursor-default transition-colors\" />\r\n </Tooltip>\r\n </div>\r\n <div className=\"space-y-3\">\r\n {[\r\n {\r\n type: TicketTierAvailabilityType.GLOBAL,\r\n label: `All event dates`,\r\n tooltip: FIELD_TOOLTIPS.availabilityGlobal,\r\n },\r\n {\r\n type: TicketTierAvailabilityType.INDIVIDUAL,\r\n label: \"Single event date\",\r\n tooltip: FIELD_TOOLTIPS.availabilityIndividual,\r\n },\r\n {\r\n type: TicketTierAvailabilityType.CUSTOM,\r\n label: \"Selected event dates\",\r\n tooltip: FIELD_TOOLTIPS.availabilityCustom,\r\n },\r\n ].map((option) => (\r\n <label key={option.type} className=\"flex items-center gap-2 cursor-pointer\">\r\n <Radio\r\n name=\"availability_type\"\r\n checked={formData.availability_type === option.type}\r\n onChange={() => setField(\"availability_type\", option.type)}\r\n />\r\n <span className={`text-sm ${formData.availability_type === option.type ? 'font-medium text-primaryx-900' : 'text-grey-700'}`}>\r\n {option.label}\r\n </span>\r\n <Tooltip content={option.tooltip} placement=\"top\">\r\n <Info className=\"h-4 w-4 text-grey-700 hover:text-grey-800 cursor-default transition-colors\" />\r\n </Tooltip>\r\n </label>\r\n ))}\r\n </div>\r\n </div>\r\n )}\r\n </div>\r\n\r\n {/* Right Column - Date Selection (Animated) */}\r\n <AnimatePresence>\r\n {showCustomDates && (\r\n <motion.div\r\n initial={{ opacity: 0, width: 0, scale: 0.95 }}\r\n animate={{ opacity: 1, width: \"auto\", scale: 1 }}\r\n exit={{ opacity: 0, width: 0, scale: 0.95 }}\r\n transition={{ duration: 0.3, type: \"tween\", bounce: 0, stiffness: 100 }}\r\n className=\"hidden md:block overflow-hidden\"\r\n >\r\n <div className=\"w-[280px] h-full pl-4 border-l border-grey-400 flex flex-col\">\r\n <h3 className=\"text-base font-medium text-grey-900 mb-4 flex items-center gap-2\">\r\n <List className=\"w-4 h-4 text-grey-500\" />\r\n Select dates\r\n </h3>\r\n\r\n <div className=\"flex-1 overflow-hidden input-border rounded-lg max-h-[500px]\">\r\n <div className=\"overflow-y-auto custom-scrollbar bg-grey-50/50 p-2 h-full\">\r\n <div className=\"space-y-1\">\r\n {dateRange?.map((date) => {\r\n const dateKey = getDateKey(date);\r\n const isSelected = formData.availability_schedule?.includes(dateKey);\r\n return (\r\n <label\r\n key={dateKey}\r\n className={`flex items-center gap-x-2 p-2 rounded-md cursor-pointer transition-all ${isSelected\r\n ? 'bg-white border border-primaryx-200'\r\n : 'hover:bg-white'\r\n }`}\r\n >\r\n <div className=\"flex items-center h-5\">\r\n <Checkbox\r\n checked={isSelected || false}\r\n onCheckedChange={() => handleDateSelection(dateKey)}\r\n />\r\n </div>\r\n <span className={`line-clamp-1 text-xs ${isSelected ? 'text-grey-900 font-medium' : 'text-grey-600'}`}>\r\n {formatDate(date)}\r\n </span>\r\n </label>\r\n );\r\n })}\r\n </div>\r\n </div>\r\n </div>\r\n\r\n {formErrors.availability_schedule && (\r\n <div className=\"mt-2 text-xs text-error-600 bg-error-50 p-2 rounded-md\">\r\n {formErrors.availability_schedule}\r\n </div>\r\n )}\r\n\r\n <div className=\"mt-4 pt-4 input-border-t text-xs text-grey-500\">\r\n {formData.availability_schedule?.length || 0} dates selected\r\n </div>\r\n </div>\r\n </motion.div>\r\n )}\r\n </AnimatePresence>\r\n\r\n {/* Mobile Date Selection (Shown below form on small screens if custom) */}\r\n {showCustomDates && (\r\n <div className=\"md:hidden border-t border-grey-100 pt-4\">\r\n <label className=\"block text-sm font-medium text-grey-700 mb-2\">\r\n Select dates\r\n </label>\r\n <div className=\"max-h-48 overflow-y-auto border border-grey-200 rounded-md p-3 space-y-1.5\">\r\n {dateRange?.map((date) => {\r\n const dateKey = getDateKey(date);\r\n return (\r\n <label key={dateKey} className=\"flex items-center\">\r\n <input\r\n type=\"checkbox\"\r\n checked={formData.availability_schedule?.includes(dateKey) || false}\r\n onChange={() => handleDateSelection(dateKey)}\r\n className=\"mt-1 mr-2 rounded border-grey-300\"\r\n />\r\n <span className=\"text-xs text-grey-700\">{formatDate(date)}</span>\r\n </label>\r\n );\r\n })}\r\n </div>\r\n <span className=\"text-xs text-error-700 block mt-1\">\r\n {formErrors.availability_schedule}\r\n </span>\r\n </div>\r\n )}\r\n </div>\r\n\r\n <div className=\"mt-2 flex justify-end gap-3 pt-4\">\r\n <Button\r\n size=\"md\"\r\n type=\"button\"\r\n onClick={handleClose}\r\n variant=\"outline\"\r\n >\r\n Cancel\r\n </Button>\r\n <Button\r\n size=\"md\"\r\n type=\"button\"\r\n onClick={() => handleSubmit(onSubmit as any)}\r\n >\r\n Save tier\r\n </Button>\r\n </div>\r\n </>);\r\n}\r\n\r\nexport default memo(TicketTierForm)\r\n"],"names":["React","_a"],"mappings":"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"}

package/dist/components/EventAddForm/components/TicketTypeSelection.d.ts ADDED Viewed

@@ -0,0 +1,7 @@
+interface TicketTypeSelectionProps {
+    selectedType: string;
+    onSelect: (type: "TICKET_TIER" | "CUSTOM_FORM") => void;
+}
+declare function TicketTypeSelection({ selectedType, onSelect }: TicketTypeSelectionProps): import("react/jsx-runtime").JSX.Element;
+declare const _default: import('react').MemoExoticComponent<typeof TicketTypeSelection>;
+export default _default;

package/dist/components/EventAddForm/components/TicketTypeSelection.js ADDED Viewed

@@ -0,0 +1,93 @@
+import { jsxs, jsx } from "react/jsx-runtime";
+import { Check } from "lucide-react";
+import { cn } from "../../../utils/utils.js";
+import Image from "next/image";
+import { memo } from "react";
+const TypeSelectionCard = memo(function typeSelectionCard({
+  isSelected,
+  onClick,
+  icon: Icon,
+  title,
+  badgeText,
+  badgeClassName,
+  description
+}) {
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      onClick,
+      className: `group cursor-pointer rounded-xl border flex-1 justify-between h-full transition-all duration-200 overflow-hidden ${isSelected ? "border-primaryx-500 ring-1 ring-primaryx-500" : "input-border"}`,
+      children: /* @__PURE__ */ jsxs("div", { className: cn("flex-1 h-full flex flex-col", isSelected ? "" : "bg-white"), children: [
+        /* @__PURE__ */ jsxs("div", { className: cn(
+          "flex justify-between items-center p-4 pb-0"
+          // isSelected ? "" : "bg-white"
+        ), children: [
+          /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
+            /* @__PURE__ */ jsx("div", { className: "p-1.5 rounded-full bg-purple-900/5", children: /* @__PURE__ */ jsx("div", { className: "p-1.5 rounded-full bg-purple-900/10 text-purple-600", children: /* @__PURE__ */ jsx(Icon, { className: "w-4 h-4" }) }) }),
+            /* @__PURE__ */ jsx("span", { className: "font-semibold text-grey-900", children: title })
+          ] }),
+          /* @__PURE__ */ jsx("div", { className: `w-4 h-4 rounded-full border flex items-center justify-center ${isSelected ? "border-primaryx-500" : "border-grey-300"}`, children: isSelected ? /* @__PURE__ */ jsx(Check, { className: "font-bold w-4 h-4 bg-primaryx-500 text-white rounded-full", strokeWidth: 2 }) : /* @__PURE__ */ jsx("div", { className: "w-full h-full rounded-full input-border" }) })
+        ] }),
+        /* @__PURE__ */ jsxs("div", { className: cn(
+          "flex-1 p-4"
+          // "flex-1 p-4 space-y-4 bg-white",
+          // isSelected ? "border-t border-primaryx-500 ring-1 ring-primaryx-500" : "input-border-t"
+        ), children: [
+          badgeText && /* @__PURE__ */ jsx("span", { className: `inline-block px-2 py-0.5 rounded-2xl text-xs font-medium ${badgeClassName}`, children: badgeText }),
+          /* @__PURE__ */ jsx("p", { className: "text-sm text-grey-500 leading-[20px]", children: description })
+        ] })
+      ] })
+    }
+  );
+});
+const TicketTierIcon = (props) => /* @__PURE__ */ jsx(
+  Image,
+  {
+    src: "/icons/ticket-tier-form-icon.svg",
+    alt: "Ticket Tier",
+    width: 16,
+    height: 16,
+    className: props.className
+  }
+);
+const CustomFormIcon = (props) => /* @__PURE__ */ jsx(
+  Image,
+  {
+    src: "/icons/custom-form.svg",
+    alt: "Custom Form",
+    width: 16,
+    height: 16,
+    className: props.className
+  }
+);
+function TicketTypeSelection({ selectedType, onSelect }) {
+  return /* @__PURE__ */ jsxs("div", { className: "grid sm:grid-cols-2 gap-4", children: [
+    /* @__PURE__ */ jsx(
+      TypeSelectionCard,
+      {
+        isSelected: selectedType === "TICKET_TIER",
+        onClick: () => onSelect("TICKET_TIER"),
+        icon: TicketTierIcon,
+        title: "Ticket tier",
+        badgeClassName: "bg-green-50 text-green-700",
+        description: "Ideal for concerts, workshops, and multi-access events."
+      }
+    ),
+    /* @__PURE__ */ jsx(
+      TypeSelectionCard,
+      {
+        isSelected: selectedType === "CUSTOM_FORM",
+        onClick: () => onSelect("CUSTOM_FORM"),
+        icon: CustomFormIcon,
+        title: "Custom form",
+        badgeClassName: "bg-orange-50 text-orange-700",
+        description: "Ideal for MUNs and college or university events."
+      }
+    )
+  ] });
+}
+const TicketTypeSelection$1 = memo(TicketTypeSelection);
+export {
+  TicketTypeSelection$1 as default
+};
+//# sourceMappingURL=TicketTypeSelection.js.map

package/dist/components/EventAddForm/components/TicketTypeSelection.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"TicketTypeSelection.js","sources":["../../../../src/components/EventAddForm/components/TicketTypeSelection.tsx"],"sourcesContent":["import { Check, LucideIcon } from \"lucide-react\";\r\nimport { cn } from \"@/utils/utils\";\r\nimport Image from \"next/image\";\r\nimport { memo } from \"react\";\r\n\r\n\r\ninterface TypeSelectionCardProps {\r\n isSelected: boolean;\r\n onClick: () => void;\r\n icon: LucideIcon;\r\n title: string;\r\n badgeText?: string;\r\n badgeClassName?: string;\r\n description: string;\r\n}\r\n\r\nconst TypeSelectionCard = memo(function typeSelectionCard({\r\n isSelected,\r\n onClick,\r\n icon: Icon,\r\n title,\r\n badgeText,\r\n badgeClassName,\r\n description\r\n}: TypeSelectionCardProps) {\r\n return (\r\n <div\r\n onClick={onClick}\r\n className={`group cursor-pointer rounded-xl border flex-1 justify-between h-full transition-all duration-200 overflow-hidden ${isSelected\r\n ? \"border-primaryx-500 ring-1 ring-primaryx-500\"\r\n : \"input-border\"\r\n }`}\r\n >\r\n <div className={cn(\"flex-1 h-full flex flex-col\", isSelected ? \"\" : \"bg-white\")}>\r\n <div className={cn(\r\n \"flex justify-between items-center p-4 pb-0\",\r\n // isSelected ? \"\" : \"bg-white\"\r\n )}>\r\n <div className=\"flex items-center gap-2\">\r\n <div className=\"p-1.5 rounded-full bg-purple-900/5\">\r\n <div className=\"p-1.5 rounded-full bg-purple-900/10 text-purple-600\">\r\n <Icon className=\"w-4 h-4\" />\r\n </div>\r\n </div>\r\n <span className=\"font-semibold text-grey-900\">{title}</span>\r\n </div>\r\n <div className={`w-4 h-4 rounded-full border flex items-center justify-center ${isSelected ? \"border-primaryx-500\" : \"border-grey-300\"}`}>\r\n {isSelected ? <Check className=\"font-bold w-4 h-4 bg-primaryx-500 text-white rounded-full\" strokeWidth={2} /> : <div className=\"w-full h-full rounded-full input-border\" />}\r\n </div>\r\n </div>\r\n <div className={cn(\r\n \"flex-1 p-4\",\r\n // \"flex-1 p-4 space-y-4 bg-white\",\r\n // isSelected ? \"border-t border-primaryx-500 ring-1 ring-primaryx-500\" : \"input-border-t\"\r\n )}>\r\n {badgeText && <span className={`inline-block px-2 py-0.5 rounded-2xl text-xs font-medium ${badgeClassName}`}>\r\n {badgeText}\r\n </span>}\r\n <p className=\"text-sm text-grey-500 leading-[20px]\">\r\n {description}\r\n </p>\r\n </div>\r\n </div>\r\n </div>\r\n )\r\n});\r\n\r\nconst TicketTierIcon = (props: any) => (\r\n <Image\r\n src=\"/icons/ticket-tier-form-icon.svg\"\r\n alt=\"Ticket Tier\"\r\n width={16}\r\n height={16}\r\n className={props.className}\r\n />\r\n);\r\n\r\nconst CustomFormIcon = (props: any) => (\r\n <Image\r\n src=\"/icons/custom-form.svg\"\r\n alt=\"Custom Form\"\r\n width={16}\r\n height={16}\r\n className={props.className}\r\n />\r\n);\r\n\r\ninterface TicketTypeSelectionProps {\r\n selectedType: string;\r\n onSelect: (type: \"TICKET_TIER\" | \"CUSTOM_FORM\") => void;\r\n}\r\n\r\nfunction TicketTypeSelection({ selectedType, onSelect }: TicketTypeSelectionProps) {\r\n return (\r\n <div className=\"grid sm:grid-cols-2 gap-4\">\r\n <TypeSelectionCard\r\n isSelected={selectedType === \"TICKET_TIER\"}\r\n onClick={() => onSelect(\"TICKET_TIER\")}\r\n icon={TicketTierIcon as LucideIcon}\r\n title=\"Ticket tier\"\r\n // badgeText=\"Easy mode\"\r\n badgeClassName=\"bg-green-50 text-green-700\"\r\n description=\"Ideal for concerts, workshops, and multi-access events.\"\r\n />\r\n\r\n <TypeSelectionCard\r\n isSelected={selectedType === \"CUSTOM_FORM\"}\r\n onClick={() => onSelect(\"CUSTOM_FORM\")}\r\n icon={CustomFormIcon as LucideIcon}\r\n title=\"Custom form\"\r\n // badgeText=\"Advance mode\"\r\n badgeClassName=\"bg-orange-50 text-orange-700\"\r\n description=\"Ideal for MUNs and college or university events.\"\r\n />\r\n </div>\r\n );\r\n}\r\n\r\nexport default memo(TicketTypeSelection)\r\n"],"names":[],"mappings":";;;;;AAgBA,MAAM,oBAAoB,KAAK,SAAS,kBAAkB;AAAA,EACtD;AAAA,EACA;AAAA,EACA,MAAM;AAAA,EACN;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACJ,GAA2B;AACvB,SACI;AAAA,IAAC;AAAA,IAAA;AAAA,MACG;AAAA,MACA,WAAW,oHAAoH,aACzH,iDACA,cACF;AAAA,MAEJ,UAAA,qBAAC,SAAI,WAAW,GAAG,+BAA+B,aAAa,KAAK,UAAU,GAC1E,UAAA;AAAA,QAAA,qBAAC,SAAI,WAAW;AAAA,UACZ;AAAA;AAAA,QAAA,GAGA,UAAA;AAAA,UAAA,qBAAC,OAAA,EAAI,WAAU,2BACX,UAAA;AAAA,YAAA,oBAAC,OAAA,EAAI,WAAU,sCACX,UAAA,oBAAC,OAAA,EAAI,WAAU,uDACX,UAAA,oBAAC,MAAA,EAAK,WAAU,UAAA,CAAU,EAAA,CAC9B,GACJ;AAAA,YACA,oBAAC,QAAA,EAAK,WAAU,+BAA+B,UAAA,MAAA,CAAM;AAAA,UAAA,GACzD;AAAA,UACA,oBAAC,SAAI,WAAW,gEAAgE,aAAa,wBAAwB,iBAAiB,IACjI,UAAA,aAAa,oBAAC,SAAM,WAAU,6DAA4D,aAAa,EAAA,CAAG,wBAAM,OAAA,EAAI,WAAU,2CAA0C,EAAA,CAC7K;AAAA,QAAA,GACJ;AAAA,QACA,qBAAC,SAAI,WAAW;AAAA,UACZ;AAAA;AAAA;AAAA,QAAA,GAIC,UAAA;AAAA,UAAA,iCAAc,QAAA,EAAK,WAAW,4DAA4D,cAAc,IACpG,UAAA,WACL;AAAA,UACA,oBAAC,KAAA,EAAE,WAAU,wCACR,UAAA,YAAA,CACL;AAAA,QAAA,EAAA,CACJ;AAAA,MAAA,EAAA,CACJ;AAAA,IAAA;AAAA,EAAA;AAGZ,CAAC;AAED,MAAM,iBAAiB,CAAC,UACpB;AAAA,EAAC;AAAA,EAAA;AAAA,IACG,KAAI;AAAA,IACJ,KAAI;AAAA,IACJ,OAAO;AAAA,IACP,QAAQ;AAAA,IACR,WAAW,MAAM;AAAA,EAAA;AACrB;AAGJ,MAAM,iBAAiB,CAAC,UACpB;AAAA,EAAC;AAAA,EAAA;AAAA,IACG,KAAI;AAAA,IACJ,KAAI;AAAA,IACJ,OAAO;AAAA,IACP,QAAQ;AAAA,IACR,WAAW,MAAM;AAAA,EAAA;AACrB;AAQJ,SAAS,oBAAoB,EAAE,cAAc,YAAsC;AAC/E,SACI,qBAAC,OAAA,EAAI,WAAU,6BACX,UAAA;AAAA,IAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QACG,YAAY,iBAAiB;AAAA,QAC7B,SAAS,MAAM,SAAS,aAAa;AAAA,QACrC,MAAM;AAAA,QACN,OAAM;AAAA,QAEN,gBAAe;AAAA,QACf,aAAY;AAAA,MAAA;AAAA,IAAA;AAAA,IAGhB;AAAA,MAAC;AAAA,MAAA;AAAA,QACG,YAAY,iBAAiB;AAAA,QAC7B,SAAS,MAAM,SAAS,aAAa;AAAA,QACrC,MAAM;AAAA,QACN,OAAM;AAAA,QAEN,gBAAe;AAAA,QACf,aAAY;AAAA,MAAA;AAAA,IAAA;AAAA,EAChB,GACJ;AAER;AAEA,MAAA,wBAAe,KAAK,mBAAmB;"}