@123usmanhaider321/ui 0.1.0 → 0.1.8

package/dist/components/EventAddForm/components/StepTwo/CustomFormSection.js

@@ -0,0 +1,277 @@
+import { jsxs, jsx } from "react/jsx-runtime";
+import { memo } from "react";
+import { AnimatePresence, motion } from "framer-motion";
+import FormInput from "../../../ui/FormInput.js";
+import CheckboxGroup from "../CheckboxGroup.js";
+import InformationPopover from "../../../InformationPopover.js";
+import { Radio } from "../../../ui/Radio.js";
+const CustomFormSection = ({
+  formState,
+  setField,
+  errors,
+  validateField
+}) => {
+  var _a, _b, _c, _d, _e, _f, _g;
+  const handleNumberChange = (field, value, relatedFields = []) => {
+    if (value === "") {
+      setField(field, void 0, relatedFields);
+      return;
+    }
+    const num = Number(value);
+    if (isNaN(num)) {
+      setField(field, void 0, relatedFields);
+      return;
+    }
+    setField(field, num, relatedFields);
+  };
+  return /* @__PURE__ */ jsxs("div", { className: "animate-in fade-in slide-in-from-bottom-2 duration-300 grid space-y-4", children: [
+    /* @__PURE__ */ jsxs("div", { "data-name": "participants_type", children: [
+      /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2 mb-2", children: [
+        /* @__PURE__ */ jsx("label", { className: "font-semibold text-gray-800 text-base", children: "How do you want your customers to participate?" }),
+        /* @__PURE__ */ jsx(InformationPopover, { text: "Choose whether attendees register individually, as a team, or have the option to choose either." })
+      ] }),
+      /* @__PURE__ */ jsx("div", { className: "flex items-center gap-6", children: ["INDIVIDUAL", "TEAM", "BOTH"].map((opt) => /* @__PURE__ */ jsxs("label", { className: "flex items-center gap-2 cursor-pointer group", children: [
+        /* @__PURE__ */ jsx(
+          Radio,
+          {
+            name: "participants_type",
+            value: opt,
+            checked: formState.participants_type === opt,
+            onChange: () => setField("participants_type", opt)
+          }
+        ),
+        /* @__PURE__ */ jsx("span", { className: "text-sm font-medium capitalize text-gray-700", children: opt.toLowerCase() })
+      ] }, opt)) }),
+      errors.participants_type && /* @__PURE__ */ jsx("p", { className: "mt-1 text-sm text-error-500", children: "Please select an option." })
+    ] }),
+    /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsxs("div", { className: "space-y-6", children: [
+      ["INDIVIDUAL", "BOTH"].includes(formState.participants_type || "") && /* @__PURE__ */ jsxs("div", { className: "relative bg-white border border-grey-200 rounded-xl p-4 mt-4", children: [
+        /* @__PURE__ */ jsx("div", { className: "absolute top-0 left-4 -translate-y-1/2 bg-white px-3 py-1 rounded-full border border-grey-200 shadow-sm text-sm font-semibold text-primaryx-700 tracking-wide", children: "Individual" }),
+        /* @__PURE__ */ jsxs("div", { className: "space-y-4 pt-4", children: [
+          /* @__PURE__ */ jsx("div", { "data-name": "individual_price", children: /* @__PURE__ */ jsx(
+            FormInput,
+            {
+              label: "Ticket price",
+              type: "number",
+              placeholder: "e.g. 500",
+              value: ((_a = formState.individual_price) == null ? void 0 : _a.toString()) || "",
+              onChange: (e) => handleNumberChange("individual_price", e.target.value),
+              onBlur: () => validateField("individual_price"),
+              error: errors.individual_price,
+              suffix: "PKR",
+              min: 0,
+              tooltip: "The registration price for a single individual. Set to 0 for free registration."
+            }
+          ) }),
+          /* @__PURE__ */ jsx("div", { "data-name": "individual_capacity", children: /* @__PURE__ */ jsx(
+            FormInput,
+            {
+              label: "Ticket capacity",
+              type: "number",
+              placeholder: "e.g. 200",
+              value: ((_b = formState.individual_capacity) == null ? void 0 : _b.toString()) || "",
+              onChange: (e) => handleNumberChange("individual_capacity", e.target.value),
+              onBlur: () => validateField("individual_capacity"),
+              error: errors.individual_capacity,
+              min: 1,
+              tooltip: "Maximum number of individual registrations you want to accept."
+            }
+          ) })
+        ] })
+      ] }),
+      ["TEAM", "BOTH"].includes(formState.participants_type || "") && /* @__PURE__ */ jsxs("div", { className: "relative bg-white border border-grey-200 rounded-xl p-4 mt-4", children: [
+        /* @__PURE__ */ jsx("div", { className: "absolute top-0 left-4 -translate-y-1/2 bg-white px-3 py-1 rounded-full border border-grey-200 shadow-sm text-sm font-semibold text-primaryx-700 tracking-wide", children: "Team" }),
+        /* @__PURE__ */ jsxs("div", { className: "space-y-4 pt-4", children: [
+          /* @__PURE__ */ jsxs("div", { className: "space-y-1", children: [
+            /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-x-2", children: [
+              /* @__PURE__ */ jsxs("label", { className: "text-sm text-grey-700 font-medium", children: [
+                "Members in team ",
+                /* @__PURE__ */ jsx("span", { className: "text-meta-1 animate-pulse", children: "*" })
+              ] }),
+              /* @__PURE__ */ jsx(InformationPopover, { text: "Set the minimum and maximum number of members allowed per team. Min must be at least 2." })
+            ] }),
+            /* @__PURE__ */ jsxs("div", { className: "grid grid-cols-2 gap-4", children: [
+              /* @__PURE__ */ jsx("div", { "data-name": "min_members", children: /* @__PURE__ */ jsx(
+                FormInput,
+                {
+                  type: "number",
+                  placeholder: "e.g. 2",
+                  value: ((_c = formState.min_members) == null ? void 0 : _c.toString()) || "",
+                  onChange: (e) => {
+                    handleNumberChange("min_members", e.target.value, ["max_members"]);
+                  },
+                  onBlur: () => {
+                    validateField("min_members");
+                  },
+                  error: errors.min_members,
+                  suffix: "MIN",
+                  min: 2,
+                  tooltip: "Minimum number of members required to form a valid team."
+                }
+              ) }),
+              /* @__PURE__ */ jsx("div", { "data-name": "max_members", children: /* @__PURE__ */ jsx(
+                FormInput,
+                {
+                  type: "number",
+                  placeholder: "e.g. 5",
+                  value: ((_d = formState.max_members) == null ? void 0 : _d.toString()) || "",
+                  onChange: (e) => {
+                    handleNumberChange("max_members", e.target.value, ["min_members", "team_capacity"]);
+                  },
+                  onBlur: () => {
+                    validateField("max_members");
+                    validateField("min_members");
+                  },
+                  error: errors.max_members,
+                  suffix: "MAX",
+                  min: (formState == null ? void 0 : formState.min_members) || 2,
+                  tooltip: "Maximum number of members allowed in a single team."
+                }
+              ) })
+            ] })
+          ] }),
+          /* @__PURE__ */ jsxs("div", { "data-name": "charge_team_price", children: [
+            /* @__PURE__ */ jsx(
+              CheckboxGroup,
+              {
+                label: "Do you want to charge a team registration fee?",
+                tooltip: "A flat fee charged to the entire team upon registration.",
+                field: "charge_team_price",
+                classname: "flex gap-2",
+                filled: false,
+                options: [
+                  { value: "YES", label: "Yes", disabled: false },
+                  { value: "NO", label: "No", disabled: false }
+                ],
+                formData: {
+                  charge_team_price: formState.charge_team_price === "YES" ? ["YES"] : ["NO"]
+                },
+                setFormData: (updater) => {
+                  const result = updater({ charge_team_price: formState.charge_team_price === "YES" ? ["YES"] : ["NO"] });
+                  const newSelections = result["charge_team_price"] || [];
+                  let finalValue = "NO";
+                  const hadYes = formState.charge_team_price === "YES";
+                  if (newSelections.includes("YES") && newSelections.includes("NO")) {
+                    if (hadYes) finalValue = "NO";
+                    else finalValue = "YES";
+                  } else if (newSelections.length === 0) {
+                    finalValue = hadYes ? "YES" : "NO";
+                  } else {
+                    finalValue = newSelections[0];
+                  }
+                  setField("charge_team_price", finalValue);
+                },
+                validation: () => validateField("charge_team_price")
+              }
+            ),
+            /* @__PURE__ */ jsx(AnimatePresence, { children: formState.charge_team_price === "YES" && /* @__PURE__ */ jsx(
+              motion.div,
+              {
+                initial: { height: 0, opacity: 0, marginTop: 0 },
+                animate: { height: "auto", opacity: 1, marginTop: 12 },
+                exit: { height: 0, opacity: 0, marginTop: 0 },
+                transition: { duration: 0.3, ease: "easeInOut" },
+                className: "overflow-hidden",
+                children: /* @__PURE__ */ jsx(
+                  FormInput,
+                  {
+                    label: "Team registration fee",
+                    type: "number",
+                    placeholder: "e.g. 1,000",
+                    value: ((_e = formState.team_price) == null ? void 0 : _e.toString()) || "",
+                    onChange: (e) => handleNumberChange("team_price", e.target.value),
+                    onBlur: () => validateField("team_price"),
+                    error: errors.team_price,
+                    suffix: "PKR",
+                    min: 0,
+                    tooltip: "A flat registration fee charged once per team, regardless of member count."
+                  }
+                )
+              }
+            ) })
+          ] }),
+          /* @__PURE__ */ jsxs("div", { "data-name": "charge_per_delegate_fee", children: [
+            /* @__PURE__ */ jsx(
+              CheckboxGroup,
+              {
+                label: "Do you also want to charge fee per member?",
+                tooltip: "An additional fee charged individually for each member in the team.",
+                field: "charge_per_delegate_fee",
+                classname: "flex gap-2",
+                filled: false,
+                options: [
+                  { value: "YES", label: "Yes", disabled: false },
+                  { value: "NO", label: "No", disabled: false }
+                ],
+                formData: {
+                  charge_per_delegate_fee: formState.charge_per_delegate_fee === "YES" ? ["YES"] : ["NO"]
+                },
+                setFormData: (updater) => {
+                  const result = updater({ charge_per_delegate_fee: formState.charge_per_delegate_fee === "YES" ? ["YES"] : ["NO"] });
+                  const newSelections = result["charge_per_delegate_fee"] || [];
+                  let finalValue = "NO";
+                  const hadYes = formState.charge_per_delegate_fee === "YES";
+                  if (newSelections.includes("YES") && newSelections.includes("NO")) {
+                    if (hadYes) finalValue = "NO";
+                    else finalValue = "YES";
+                  } else if (newSelections.length === 0) {
+                    finalValue = hadYes ? "YES" : "NO";
+                  } else {
+                    finalValue = newSelections[0];
+                  }
+                  setField("charge_per_delegate_fee", finalValue);
+                },
+                validation: () => validateField("charge_per_delegate_fee")
+              }
+            ),
+            /* @__PURE__ */ jsx(AnimatePresence, { children: formState.charge_per_delegate_fee === "YES" && /* @__PURE__ */ jsx(
+              motion.div,
+              {
+                initial: { height: 0, opacity: 0, marginTop: 0 },
+                animate: { height: "auto", opacity: 1, marginTop: 12 },
+                exit: { height: 0, opacity: 0, marginTop: 0 },
+                transition: { duration: 0.3, ease: "easeInOut" },
+                className: "overflow-hidden",
+                children: /* @__PURE__ */ jsx(
+                  FormInput,
+                  {
+                    label: "Per member registration fee",
+                    type: "number",
+                    placeholder: "e.g. 300",
+                    value: ((_f = formState.per_member_fee) == null ? void 0 : _f.toString()) || "",
+                    onChange: (e) => handleNumberChange("per_member_fee", e.target.value),
+                    onBlur: () => validateField("per_member_fee"),
+                    error: errors.per_member_fee,
+                    suffix: "PKR",
+                    min: 0,
+                    tooltip: "An extra fee charged per individual member on top of the team registration fee."
+                  }
+                )
+              }
+            ) })
+          ] }),
+          /* @__PURE__ */ jsx("div", { "data-name": "team_capacity", children: /* @__PURE__ */ jsx(
+            FormInput,
+            {
+              label: "Ticket capacity",
+              type: "number",
+              placeholder: "e.g. 100",
+              value: ((_g = formState.team_capacity) == null ? void 0 : _g.toString()) || "",
+              onChange: (e) => handleNumberChange("team_capacity", e.target.value),
+              onBlur: () => validateField("team_capacity"),
+              error: errors.team_capacity,
+              min: 1,
+              required: true,
+              tooltip: "Total number of participants allowed across all teams (e.g. 10 teams × 5 members = 50)."
+            }
+          ) })
+        ] })
+      ] })
+    ] }) })
+  ] });
+};
+const CustomFormSection$1 = memo(CustomFormSection);
+export {
+  CustomFormSection$1 as default
+};
+//# sourceMappingURL=CustomFormSection.js.map

package/dist/components/EventAddForm/components/StepTwo/CustomFormSection.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CustomFormSection.js","sources":["../../../../../src/components/EventAddForm/components/StepTwo/CustomFormSection.tsx"],"sourcesContent":["import { memo } from 'react';\r\nimport { AnimatePresence, motion } from 'framer-motion';\r\nimport FormInput from \"@/components/ui/FormInput\";\r\nimport CheckboxGroup from \"../CheckboxGroup\";\r\nimport InformationPopover from \"@/components/InformationPopover\";\r\nimport { StepperFormState } from \"../../types\";\r\nimport { Radio } from '@/components/ui/Radio';\r\n\r\ninterface CustomFormSectionProps {\r\n    formState: StepperFormState;\r\n    setField: (field: keyof StepperFormState, value: any, relatedFields?: (keyof StepperFormState)[]) => void;\r\n    errors: Record<string, string>;\r\n    validateField: (field: keyof StepperFormState) => void;\r\n}\r\n\r\nconst CustomFormSection = ({\r\n    formState,\r\n    setField,\r\n    errors,\r\n    validateField,\r\n}: CustomFormSectionProps) => {\r\n\r\n    const handleNumberChange = (field: keyof StepperFormState, value: string, relatedFields: (keyof StepperFormState)[] = []) => {\r\n        if (value === \"\") {\r\n            setField(field, undefined, relatedFields);\r\n            return;\r\n        }\r\n        const num = Number(value);\r\n        if (isNaN(num)) {\r\n            setField(field, undefined, relatedFields);\r\n            return;\r\n        }\r\n        setField(field, num, relatedFields);\r\n    };\r\n\r\n    return (\r\n        <div className=\"animate-in fade-in slide-in-from-bottom-2 duration-300 grid space-y-4\">\r\n            {/* Participation Type */}\r\n            <div data-name=\"participants_type\">\r\n                <div className=\"flex items-center gap-2 mb-2\">\r\n                    <label className=\"font-semibold text-gray-800 text-base\">\r\n                        How do you want your customers to participate?\r\n                    </label>\r\n                    <InformationPopover text=\"Choose whether attendees register individually, as a team, or have the option to choose either.\" />\r\n                </div>\r\n                <div className=\"flex items-center gap-6\">\r\n                    {[\"INDIVIDUAL\", \"TEAM\", \"BOTH\"].map((opt) => (\r\n                        <label key={opt} className=\"flex items-center gap-2 cursor-pointer group\">\r\n                            <Radio\r\n                                name=\"participants_type\"\r\n                                value={opt}\r\n                                checked={formState.participants_type === opt}\r\n                                onChange={() => setField(\"participants_type\", opt)}\r\n                            />\r\n                            <span className=\"text-sm font-medium capitalize text-gray-700\">{opt.toLowerCase()}</span>\r\n                        </label>\r\n                    ))}\r\n                </div>\r\n                {errors.participants_type && <p className=\"mt-1 text-sm text-error-500\">Please select an option.</p>}\r\n            </div>\r\n\r\n            <div>\r\n                <div className=\"space-y-6\">\r\n                    {/* Individual Section */}\r\n                    {[\"INDIVIDUAL\", \"BOTH\"].includes(formState.participants_type || \"\") && (\r\n                        <div className=\"relative bg-white border border-grey-200 rounded-xl p-4 mt-4\">\r\n                            <div className=\"absolute top-0 left-4 -translate-y-1/2 bg-white px-3 py-1 rounded-full border border-grey-200 shadow-sm text-sm font-semibold text-primaryx-700 tracking-wide\">\r\n                                Individual\r\n                            </div>\r\n                            <div className=\"space-y-4 pt-4\">\r\n                                <div data-name=\"individual_price\">\r\n                                    <FormInput\r\n                                        label=\"Ticket price\"\r\n                                        type=\"number\"\r\n                                        placeholder=\"e.g. 500\"\r\n                                        value={formState.individual_price?.toString() || \"\"}\r\n                                        onChange={(e: any) => handleNumberChange(\"individual_price\", e.target.value)}\r\n                                        onBlur={() => validateField(\"individual_price\")}\r\n                                        error={errors.individual_price}\r\n                                        suffix=\"PKR\"\r\n                                        min={0}\r\n                                        tooltip=\"The registration price for a single individual. Set to 0 for free registration.\"\r\n                                    />\r\n                                </div>\r\n                                <div data-name=\"individual_capacity\">\r\n                                    <FormInput\r\n                                        label=\"Ticket capacity\"\r\n                                        type=\"number\"\r\n                                        placeholder=\"e.g. 200\"\r\n                                        value={formState.individual_capacity?.toString() || \"\"}\r\n                                        onChange={(e: any) => handleNumberChange(\"individual_capacity\", e.target.value)}\r\n                                        onBlur={() => validateField(\"individual_capacity\")}\r\n                                        error={errors.individual_capacity}\r\n                                        min={1}\r\n                                        tooltip=\"Maximum number of individual registrations you want to accept.\"\r\n                                    />\r\n                                </div>\r\n                            </div>\r\n                        </div>\r\n                    )}\r\n\r\n                    {/* Team Section */}\r\n                    {[\"TEAM\", \"BOTH\"].includes(formState.participants_type || \"\") && (\r\n                        <div className=\"relative bg-white border border-grey-200 rounded-xl p-4 mt-4\">\r\n                            <div className=\"absolute top-0 left-4 -translate-y-1/2 bg-white px-3 py-1 rounded-full border border-grey-200 shadow-sm text-sm font-semibold text-primaryx-700 tracking-wide\">\r\n                                Team\r\n                            </div>\r\n                            <div className=\"space-y-4 pt-4\">\r\n                                <div className=\"space-y-1\">\r\n                                    <div className=\"flex items-center gap-x-2\">\r\n                                        <label className=\"text-sm text-grey-700 font-medium\">\r\n                                            Members in team <span className=\"text-meta-1 animate-pulse\">*</span>\r\n                                        </label>\r\n                                        <InformationPopover text=\"Set the minimum and maximum number of members allowed per team. Min must be at least 2.\" />\r\n                                    </div>\r\n                                    <div className=\"grid grid-cols-2 gap-4\">\r\n                                        <div data-name=\"min_members\">\r\n                                            <FormInput\r\n                                                type=\"number\"\r\n                                                placeholder=\"e.g. 2\"\r\n                                                value={formState.min_members?.toString() || \"\"}\r\n                                                onChange={(e: any) => {\r\n                                                    handleNumberChange(\"min_members\", e.target.value, [\"max_members\"])\r\n                                                }}\r\n                                                onBlur={() => {\r\n                                                    validateField(\"min_members\")\r\n                                                }}\r\n                                                error={errors.min_members}\r\n                                                suffix=\"MIN\"\r\n                                                min={2}\r\n                                                tooltip=\"Minimum number of members required to form a valid team.\"\r\n                                            />\r\n                                        </div>\r\n                                        <div data-name=\"max_members\">\r\n                                            <FormInput\r\n                                                type=\"number\"\r\n                                                placeholder=\"e.g. 5\"\r\n                                                value={formState.max_members?.toString() || \"\"}\r\n                                                onChange={(e: any) => {\r\n                                                    handleNumberChange(\"max_members\", e.target.value, [\"min_members\", \"team_capacity\"])\r\n                                                }}\r\n                                                onBlur={() => {\r\n                                                    validateField(\"max_members\")\r\n                                                    validateField(\"min_members\");\r\n                                                }}\r\n                                                error={errors.max_members}\r\n                                                suffix=\"MAX\"\r\n                                                min={formState?.min_members || 2}\r\n                                                tooltip=\"Maximum number of members allowed in a single team.\"\r\n                                            />\r\n                                        </div>\r\n                                    </div>\r\n                                </div>\r\n\r\n                                {/* Conditional Team Registration Fee */}\r\n                                <div data-name=\"charge_team_price\">\r\n                                    <CheckboxGroup\r\n                                        label=\"Do you want to charge a team registration fee?\"\r\n                                        tooltip=\"A flat fee charged to the entire team upon registration.\"\r\n                                        field=\"charge_team_price\"\r\n                                        classname='flex gap-2'\r\n                                        filled={false}\r\n                                        options={[\r\n                                            { value: \"YES\", label: \"Yes\", disabled: false },\r\n                                            { value: \"NO\", label: \"No\", disabled: false }\r\n                                        ]}\r\n                                        formData={{\r\n                                            charge_team_price: formState.charge_team_price === \"YES\" ? [\"YES\"] : [\"NO\"]\r\n                                        }}\r\n                                        setFormData={(updater: any) => {\r\n                                            const result = updater({ charge_team_price: formState.charge_team_price === \"YES\" ? [\"YES\"] : [\"NO\"] });\r\n                                            const newSelections = result[\"charge_team_price\"] || [];\r\n                                            let finalValue = \"NO\";\r\n                                            const hadYes = formState.charge_team_price === \"YES\";\r\n                                            if (newSelections.includes(\"YES\") && newSelections.includes(\"NO\")) {\r\n                                                if (hadYes) finalValue = \"NO\";\r\n                                                else finalValue = \"YES\";\r\n                                            } else if (newSelections.length === 0) {\r\n                                                finalValue = hadYes ? \"YES\" : \"NO\";\r\n                                            } else {\r\n                                                finalValue = newSelections[0];\r\n                                            }\r\n                                            setField(\"charge_team_price\", finalValue);\r\n                                        }}\r\n                                        validation={() => validateField(\"charge_team_price\")}\r\n                                    />\r\n                                    <AnimatePresence>\r\n                                        {formState.charge_team_price === \"YES\" && (\r\n                                            <motion.div\r\n                                                initial={{ height: 0, opacity: 0, marginTop: 0 }}\r\n                                                animate={{ height: 'auto', opacity: 1, marginTop: 12 }}\r\n                                                exit={{ height: 0, opacity: 0, marginTop: 0 }}\r\n                                                transition={{ duration: 0.3, ease: 'easeInOut' }}\r\n                                                className=\"overflow-hidden\"\r\n                                            >\r\n                                                <FormInput\r\n                                                    label=\"Team registration fee\"\r\n                                                    type=\"number\"\r\n                                                    placeholder=\"e.g. 1,000\"\r\n                                                    value={formState.team_price?.toString() || \"\"}\r\n                                                    onChange={(e: any) => handleNumberChange(\"team_price\", e.target.value)}\r\n                                                    onBlur={() => validateField(\"team_price\")}\r\n                                                    error={errors.team_price}\r\n                                                    suffix=\"PKR\"\r\n                                                    min={0}\r\n                                                    tooltip=\"A flat registration fee charged once per team, regardless of member count.\"\r\n                                                />\r\n                                            </motion.div>\r\n                                        )}\r\n                                    </AnimatePresence>\r\n                                </div>\r\n\r\n                                {/* Per Member Fee */}\r\n                                <div data-name=\"charge_per_delegate_fee\">\r\n                                    <CheckboxGroup\r\n                                        label=\"Do you also want to charge fee per member?\"\r\n                                        tooltip=\"An additional fee charged individually for each member in the team.\"\r\n                                        field=\"charge_per_delegate_fee\"\r\n                                        classname='flex gap-2'\r\n                                        filled={false}\r\n                                        options={[\r\n                                            { value: \"YES\", label: \"Yes\", disabled: false },\r\n                                            { value: \"NO\", label: \"No\", disabled: false }\r\n                                        ]}\r\n                                        formData={{\r\n                                            charge_per_delegate_fee: formState.charge_per_delegate_fee === \"YES\" ? [\"YES\"] : [\"NO\"]\r\n                                        }}\r\n                                        setFormData={(updater: any) => {\r\n                                            const result = updater({ charge_per_delegate_fee: formState.charge_per_delegate_fee === \"YES\" ? [\"YES\"] : [\"NO\"] });\r\n                                            const newSelections = result[\"charge_per_delegate_fee\"] || [];\r\n                                            let finalValue = \"NO\";\r\n                                            const hadYes = formState.charge_per_delegate_fee === \"YES\";\r\n                                            if (newSelections.includes(\"YES\") && newSelections.includes(\"NO\")) {\r\n                                                if (hadYes) finalValue = \"NO\";\r\n                                                else finalValue = \"YES\";\r\n                                            } else if (newSelections.length === 0) {\r\n                                                finalValue = hadYes ? \"YES\" : \"NO\";\r\n                                            } else {\r\n                                                finalValue = newSelections[0];\r\n                                            }\r\n                                            setField(\"charge_per_delegate_fee\", finalValue);\r\n                                        }}\r\n                                        validation={() => validateField(\"charge_per_delegate_fee\")}\r\n                                    />\r\n                                    <AnimatePresence>\r\n                                        {formState.charge_per_delegate_fee === \"YES\" && (\r\n                                            <motion.div\r\n                                                initial={{ height: 0, opacity: 0, marginTop: 0 }}\r\n                                                animate={{ height: 'auto', opacity: 1, marginTop: 12 }}\r\n                                                exit={{ height: 0, opacity: 0, marginTop: 0 }}\r\n                                                transition={{ duration: 0.3, ease: 'easeInOut' }}\r\n                                                className=\"overflow-hidden\"\r\n                                            >\r\n                                                <FormInput\r\n                                                    label=\"Per member registration fee\"\r\n                                                    type=\"number\"\r\n                                                    placeholder=\"e.g. 300\"\r\n                                                    value={formState.per_member_fee?.toString() || \"\"}\r\n                                                    onChange={(e: any) => handleNumberChange(\"per_member_fee\", e.target.value)}\r\n                                                    onBlur={() => validateField(\"per_member_fee\")}\r\n                                                    error={errors.per_member_fee}\r\n                                                    suffix=\"PKR\"\r\n                                                    min={0}\r\n                                                    tooltip=\"An extra fee charged per individual member on top of the team registration fee.\"\r\n                                                />\r\n                                            </motion.div>\r\n                                        )}\r\n                                    </AnimatePresence>\r\n                                </div>\r\n\r\n                                <div data-name=\"team_capacity\">\r\n                                    <FormInput\r\n                                        label=\"Ticket capacity\"\r\n                                        type=\"number\"\r\n                                        placeholder=\"e.g. 100\"\r\n                                        value={formState.team_capacity?.toString() || \"\"}\r\n                                        onChange={(e: any) => handleNumberChange(\"team_capacity\", e.target.value)}\r\n                                        onBlur={() => validateField(\"team_capacity\")}\r\n                                        error={errors.team_capacity}\r\n                                        min={1} required\r\n                                        tooltip=\"Total number of participants allowed across all teams (e.g. 10 teams × 5 members = 50).\"\r\n                                    />\r\n                                </div>\r\n                            </div>\r\n                        </div>\r\n                    )}\r\n                </div>\r\n            </div>\r\n        </div>\r\n    );\r\n};\r\n\r\n\r\nexport default memo(CustomFormSection);\r\n"],"names":[],"mappings":"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"}

package/dist/components/EventAddForm/components/StepTwo/TicketTierSection.d.ts

@@ -0,0 +1,37 @@
+import { default as React } from 'react';
+import { TicketTier } from '../../../../types/types';
+
+interface TicketTierSectionProps {
+    tiers: TicketTier[];
+    ticketsError?: string;
+    showInlineForm: boolean;
+    setShowInlineForm: (show: boolean) => void;
+    selectedTier: TicketTier | null;
+    setSelectedTier: (tier: TicketTier | null) => void;
+    handleEditTier: (tier: TicketTier) => void;
+    handleDuplicateTier: (tier: TicketTier) => void;
+    setTierToDelete: (tier: TicketTier | null) => void;
+    setShowDeleteModal: (show: boolean) => void;
+    formRef: React.RefObject<HTMLDivElement>;
+    eventDateRange?: Date[];
+    handleSaveTier: (tier: TicketTier) => void;
+    setNavigationBlocked?: (blocked: boolean) => void;
+    eventStart?: {
+        date: string;
+        time: string;
+    };
+    eventEnd?: {
+        date: string;
+        time: string;
+    };
+    registrationStart?: {
+        date: string;
+        time: string;
+    };
+    registrationEnd?: {
+        date: string;
+        time: string;
+    };
+}
+declare const _default: React.MemoExoticComponent<({ tiers, ticketsError, showInlineForm, setShowInlineForm, selectedTier, setSelectedTier, handleEditTier, handleDuplicateTier, setTierToDelete, setShowDeleteModal, formRef, eventDateRange, handleSaveTier, setNavigationBlocked, eventStart, eventEnd, registrationStart, registrationEnd }: TicketTierSectionProps) => import("react/jsx-runtime").JSX.Element>;
+export default _default;

package/dist/components/EventAddForm/components/StepTwo/TicketTierSection.js

@@ -0,0 +1,148 @@
+import { jsxs, jsx } from "react/jsx-runtime";
+import React__default, { memo, useMemo } from "react";
+import { Copy, PencilIcon, Users, Ticket } from "lucide-react";
+import { FaTrashAlt } from "react-icons/fa";
+import TicketTierForm from "../TicketTierForm.js";
+const TicketTierSection = ({
+  tiers,
+  ticketsError,
+  showInlineForm,
+  setShowInlineForm,
+  selectedTier,
+  setSelectedTier,
+  handleEditTier,
+  handleDuplicateTier,
+  setTierToDelete,
+  setShowDeleteModal,
+  formRef,
+  eventDateRange,
+  handleSaveTier,
+  setNavigationBlocked,
+  eventStart,
+  eventEnd,
+  registrationStart,
+  registrationEnd
+}) => {
+  const existingTierNames = useMemo(() => {
+    return tiers.filter((t) => !selectedTier || t.id !== selectedTier.id).map((t) => t.name);
+  }, [tiers, selectedTier]);
+  React__default.useEffect(() => {
+    if (setNavigationBlocked) {
+      setNavigationBlocked(showInlineForm);
+    }
+    return () => {
+      if (setNavigationBlocked) {
+        setNavigationBlocked(false);
+      }
+    };
+  }, [showInlineForm, setNavigationBlocked]);
+  return /* @__PURE__ */ jsxs("div", { className: "space-y-4", children: [
+    /* @__PURE__ */ jsxs("div", { className: "flex justify-between items-center", children: [
+      /* @__PURE__ */ jsx("h3", { className: "font-semibold text-gray-800 text-base", children: "Ticket Tiers" }),
+      ticketsError && /* @__PURE__ */ jsx("span", { className: "text-sm text-error-500 font-medium", children: ticketsError })
+    ] }),
+    tiers.length > 0 && /* @__PURE__ */ jsx("div", { className: "space-y-4", children: tiers.map((tier) => {
+      var _a, _b;
+      return /* @__PURE__ */ jsx(React__default.Fragment, { children: (selectedTier == null ? void 0 : selectedTier.id) === tier.id ? /* @__PURE__ */ jsxs("div", { ref: formRef, className: "bg-white input-border rounded-xl p-4 relative ring-4 ring-primaryx-50/20", children: [
+        /* @__PURE__ */ jsx("div", { className: "absolute top-0 left-1/2 -translate-x-1/2 -translate-y-1/2 bg-white px-3 py-1 rounded-full input-border shadow-sm text-xs font-medium text-primaryx-700 uppercase tracking-wider", children: "Edit Tier" }),
+        /* @__PURE__ */ jsx(
+          TicketTierForm,
+          {
+            initialData: selectedTier,
+            dateRange: eventDateRange,
+            onClose: () => {
+              setShowInlineForm(false);
+              setSelectedTier(null);
+            },
+            onSave: handleSaveTier,
+            eventStart,
+            eventEnd,
+            registrationStart,
+            registrationEnd,
+            existingTierNames
+          }
+        )
+      ] }) : /* @__PURE__ */ jsxs("div", { className: "group relative bg-white border border-grey-200 rounded-lg px-4 py-4 hover:border-primaryx-200 hover:shadow-sm transition-all duration-200", children: [
+        /* @__PURE__ */ jsxs("div", { className: "flex items-start gap-3", children: [
+          /* @__PURE__ */ jsx("div", { className: "flex-1 min-w-0", children: /* @__PURE__ */ jsxs("div", { className: "flex items-center flex-wrap gap-2", children: [
+            /* @__PURE__ */ jsx("h4", { className: "text-sm font-semibold text-grey-900 truncate", children: tier.name }),
+            /* @__PURE__ */ jsxs("span", { className: "px-2 py-0.5 rounded-full bg-primaryx-50 text-xs font-bold text-primaryx-700", children: [
+              "Rs. ",
+              (_a = tier == null ? void 0 : tier.price) == null ? void 0 : _a.toLocaleString()
+            ] }),
+            tier.has_discount && tier.discounted_price ? /* @__PURE__ */ jsxs("span", { className: "px-2 py-0.5 rounded-full bg-green-50 text-xs font-semibold text-green-700", children: [
+              "Discounted: Rs. ",
+              (_b = tier.discounted_price) == null ? void 0 : _b.toLocaleString()
+            ] }) : null
+          ] }) }),
+          /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-1 shrink-0", children: [
+            /* @__PURE__ */ jsx(
+              "button",
+              {
+                type: "button",
+                onClick: (e) => {
+                  e.stopPropagation();
+                  handleDuplicateTier(tier);
+                },
+                className: "p-2 text-grey-400 hover:text-primaryx-600 hover:bg-primaryx-50 rounded-md transition-colors",
+                title: "Duplicate",
+                children: /* @__PURE__ */ jsx(Copy, { className: "w-4 h-4" })
+              }
+            ),
+            /* @__PURE__ */ jsx("button", { type: "button", onClick: (e) => {
+              e.stopPropagation();
+              handleEditTier(tier);
+            }, className: "p-2 text-grey-400 hover:text-primaryx-600 hover:bg-primaryx-50 rounded-md transition-colors", children: /* @__PURE__ */ jsx(PencilIcon, { className: "w-4 h-4" }) }),
+            /* @__PURE__ */ jsx("button", { type: "button", onClick: (e) => {
+              e.stopPropagation();
+              setTierToDelete(tier);
+              setShowDeleteModal(true);
+            }, className: "p-2 text-grey-400 hover:text-error-600 hover:bg-error-50 rounded-md transition-colors", children: /* @__PURE__ */ jsx(FaTrashAlt, { className: "w-4 h-4" }) })
+          ] })
+        ] }),
+        /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-2 text-xs text-grey-500", children: [
+          /* @__PURE__ */ jsxs("span", { className: "inline-flex items-center gap-1.5", children: [
+            /* @__PURE__ */ jsx(Users, { className: "size-3.5" }),
+            tier.members,
+            " ",
+            tier.members === 1 ? "member" : "members",
+            " / ticket"
+          ] }),
+          /* @__PURE__ */ jsxs("span", { className: "inline-flex items-center gap-1.5", children: [
+            /* @__PURE__ */ jsx(Ticket, { className: "size-3.5" }),
+            tier.capacity,
+            " capacity"
+          ] })
+        ] }),
+        tier.description ? /* @__PURE__ */ jsx("p", { className: "text-xs text-grey-400 line-clamp-2 leading-relaxed", children: tier.description }) : null
+      ] }) }, tier.id);
+    }) }),
+    tiers.length === 0 && !showInlineForm && /* @__PURE__ */ jsxs("div", { className: "text-center py-8 border-2 border-dashed border-grey-200 rounded-xl bg-white", "data-name": "ticket_tiers", children: [
+      /* @__PURE__ */ jsx("div", { className: "w-12 h-12 mx-auto bg-grey-100 rounded-full flex items-center justify-center mb-3", children: /* @__PURE__ */ jsx(Ticket, { className: "size-6 text-grey-400" }) }),
+      /* @__PURE__ */ jsx("h4", { className: "text-sm font-medium text-grey-900 mb-1", children: "No ticket tiers added" }),
+      /* @__PURE__ */ jsx("p", { className: "text-xs text-grey-500 mb-4", children: "Create tiers to start selling tickets" }),
+      /* @__PURE__ */ jsxs("button", { type: "button", onClick: () => setShowInlineForm(true), className: "inline-flex items-center gap-2 px-4 py-2 text-sm font-medium text-white bg-primaryx-600 hover:bg-primaryx-700 rounded-lg transition-colors shadow-sm", children: [
+        /* @__PURE__ */ jsx("span", { className: "text-lg leading-none", children: "+" }),
+        "Add Ticket Tier"
+      ] })
+    ] }),
+    showInlineForm && !selectedTier ? /* @__PURE__ */ jsxs("div", { ref: formRef, className: "bg-white mt-4 input-border rounded-xl p-4 relative ring-4 ring-primaryx-50/20", children: [
+      /* @__PURE__ */ jsx("div", { className: "absolute top-0 left-1/2 -translate-x-1/2 -translate-y-1/2 bg-white px-3 py-1 rounded-full input-border shadow-sm text-xs font-medium text-primaryx-700 uppercase tracking-wider", children: "New Tier" }),
+      /* @__PURE__ */ jsx(TicketTierForm, { initialData: null, dateRange: eventDateRange, onClose: () => {
+        setShowInlineForm(false);
+        setSelectedTier(null);
+      }, onSave: handleSaveTier, eventStart, eventEnd, registrationStart, registrationEnd, existingTierNames })
+    ] }) : !showInlineForm && tiers.length > 0 && /* @__PURE__ */ jsxs("button", { type: "button", onClick: () => {
+      setSelectedTier(null);
+      setShowInlineForm(true);
+    }, className: "w-full py-3 border-2 border-dashed border-grey-300 hover:border-primaryx-300 text-grey-500 hover:text-primaryx-600 hover:bg-primaryx-50/30 rounded-xl transition-all duration-200 flex items-center justify-center gap-2 font-medium text-sm", children: [
+      /* @__PURE__ */ jsx("span", { className: "text-lg", children: "+" }),
+      "Add Another Tier"
+    ] })
+  ] });
+};
+const TicketTierSection$1 = memo(TicketTierSection);
+export {
+  TicketTierSection$1 as default
+};
+//# sourceMappingURL=TicketTierSection.js.map

package/dist/components/EventAddForm/components/StepTwo/TicketTierSection.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TicketTierSection.js","sources":["../../../../../src/components/EventAddForm/components/StepTwo/TicketTierSection.tsx"],"sourcesContent":["import React, { memo, useMemo } from \"react\";\r\nimport { TicketTier } from \"@/types/types\";\r\nimport { Copy, PencilIcon, Ticket, Users } from \"lucide-react\";\r\nimport { FaTrashAlt } from \"react-icons/fa\";\r\nimport TicketTierForm from \"../TicketTierForm\";\r\n\r\ninterface TicketTierSectionProps {\r\n    tiers: TicketTier[];\r\n    ticketsError?: string;\r\n    showInlineForm: boolean;\r\n    setShowInlineForm: (show: boolean) => void;\r\n    selectedTier: TicketTier | null;\r\n    setSelectedTier: (tier: TicketTier | null) => void;\r\n    handleEditTier: (tier: TicketTier) => void;\r\n    handleDuplicateTier: (tier: TicketTier) => void;\r\n    setTierToDelete: (tier: TicketTier | null) => void;\r\n    setShowDeleteModal: (show: boolean) => void;\r\n    formRef: React.RefObject<HTMLDivElement>;\r\n    eventDateRange?: Date[];\r\n    handleSaveTier: (tier: TicketTier) => void;\r\n    setNavigationBlocked?: (blocked: boolean) => 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}\r\n\r\nconst TicketTierSection = ({\r\n    tiers,\r\n    ticketsError,\r\n    showInlineForm,\r\n    setShowInlineForm,\r\n    selectedTier,\r\n    setSelectedTier,\r\n    handleEditTier,\r\n    handleDuplicateTier,\r\n    setTierToDelete,\r\n    setShowDeleteModal,\r\n    formRef,\r\n    eventDateRange,\r\n    handleSaveTier,\r\n    setNavigationBlocked,\r\n    eventStart,\r\n    eventEnd,\r\n    registrationStart,\r\n    registrationEnd\r\n}: TicketTierSectionProps) => {\r\n\r\n    // Memoized: only recalculates when tiers array changes, excludes the tier being edited\r\n    const existingTierNames = useMemo(() => {\r\n        return tiers\r\n            .filter(t => !selectedTier || t.id !== selectedTier.id)\r\n            .map(t => t.name);\r\n    }, [tiers, selectedTier]);\r\n\r\n    React.useEffect(() => {\r\n        if (setNavigationBlocked) {\r\n            setNavigationBlocked(showInlineForm);\r\n        }\r\n        return () => {\r\n            if (setNavigationBlocked) {\r\n                setNavigationBlocked(false);\r\n            }\r\n        };\r\n    }, [showInlineForm, setNavigationBlocked]);\r\n\r\n    return (\r\n        <div className=\"space-y-4\">\r\n            <div className=\"flex justify-between items-center\">\r\n                <h3 className=\"font-semibold text-gray-800 text-base\">Ticket Tiers</h3>\r\n                {ticketsError && <span className=\"text-sm text-error-500 font-medium\">{ticketsError}</span>}\r\n            </div>\r\n            {tiers.length > 0 && (\r\n                <div className=\"space-y-4\">\r\n                    {tiers.map((tier) => (\r\n                        <React.Fragment key={tier.id}>\r\n                            {selectedTier?.id === tier.id ? (\r\n                                <div ref={formRef} className=\"bg-white input-border rounded-xl p-4 relative ring-4 ring-primaryx-50/20\">\r\n                                    <div className=\"absolute top-0 left-1/2 -translate-x-1/2 -translate-y-1/2 bg-white px-3 py-1 rounded-full input-border shadow-sm text-xs font-medium text-primaryx-700 uppercase tracking-wider\">\r\n                                        Edit Tier\r\n                                    </div>\r\n                                    <TicketTierForm\r\n                                        initialData={selectedTier}\r\n                                        dateRange={eventDateRange}\r\n                                        onClose={() => { setShowInlineForm(false); setSelectedTier(null); }}\r\n                                        onSave={handleSaveTier}\r\n                                        eventStart={eventStart}\r\n                                        eventEnd={eventEnd}\r\n                                        registrationStart={registrationStart}\r\n                                        registrationEnd={registrationEnd}\r\n                                        existingTierNames={existingTierNames}\r\n                                    />\r\n                                </div>\r\n                            ) : (\r\n                                <div className=\"group relative bg-white border border-grey-200 rounded-lg px-4 py-4 hover:border-primaryx-200 hover:shadow-sm transition-all duration-200\">\r\n                                    {/* Top row: name + price badge + actions */}\r\n                                    <div className=\"flex items-start gap-3\">\r\n                                        <div className=\"flex-1 min-w-0\">\r\n                                            <div className=\"flex items-center flex-wrap gap-2\">\r\n                                                <h4 className=\"text-sm font-semibold text-grey-900 truncate\">{tier.name}</h4>\r\n                                                <span className=\"px-2 py-0.5 rounded-full bg-primaryx-50 text-xs font-bold text-primaryx-700\">\r\n                                                    Rs. {tier?.price?.toLocaleString()}\r\n                                                </span>\r\n                                                {tier.has_discount && tier.discounted_price ? (\r\n                                                    <span className=\"px-2 py-0.5 rounded-full bg-green-50 text-xs font-semibold text-green-700\">\r\n                                                        Discounted: Rs. {tier.discounted_price?.toLocaleString()}\r\n                                                    </span>\r\n                                                ) : null}\r\n                                            </div>\r\n                                        </div>\r\n                                        <div className=\"flex items-center gap-1 shrink-0\">\r\n                                            <button\r\n                                                type=\"button\"\r\n                                                onClick={(e) => { e.stopPropagation(); handleDuplicateTier(tier); }}\r\n                                                className=\"p-2 text-grey-400 hover:text-primaryx-600 hover:bg-primaryx-50 rounded-md transition-colors\"\r\n                                                title=\"Duplicate\"\r\n                                            >\r\n                                                <Copy className=\"w-4 h-4\" />\r\n                                            </button>\r\n                                            <button type=\"button\" onClick={(e) => { e.stopPropagation(); handleEditTier(tier); }} className=\"p-2 text-grey-400 hover:text-primaryx-600 hover:bg-primaryx-50 rounded-md transition-colors\"><PencilIcon className=\"w-4 h-4\" /></button>\r\n                                            <button type=\"button\" onClick={(e) => { e.stopPropagation(); setTierToDelete(tier); setShowDeleteModal(true); }} className=\"p-2 text-grey-400 hover:text-error-600 hover:bg-error-50 rounded-md transition-colors\"><FaTrashAlt className=\"w-4 h-4\" /></button>\r\n                                        </div>\r\n                                    </div>\r\n\r\n                                    {/* Meta row: members + capacity */}\r\n                                    <div className=\"flex flex-col gap-2 text-xs text-grey-500\">\r\n                                        <span className=\"inline-flex items-center gap-1.5\">\r\n                                            <Users className=\"size-3.5\" />\r\n                                            {tier.members} {tier.members === 1 ? 'member' : 'members'} / ticket\r\n                                        </span>\r\n                                        {/* <span className=\"text-grey-300\">•</span> */}\r\n                                        <span className=\"inline-flex items-center gap-1.5\">\r\n                                            <Ticket className=\"size-3.5\" />\r\n                                            {tier.capacity} capacity\r\n                                        </span>\r\n                                    </div>\r\n\r\n                                    {/* Description snippet */}\r\n                                    {tier.description ? (\r\n                                        <p className=\"text-xs text-grey-400 line-clamp-2 leading-relaxed\">\r\n                                            {tier.description}\r\n                                        </p>\r\n                                    ) : null}\r\n                                </div>\r\n                            )}\r\n                        </React.Fragment>\r\n                    ))}\r\n                </div>\r\n            )}\r\n            {tiers.length === 0 && !showInlineForm && (\r\n                <div className=\"text-center py-8 border-2 border-dashed border-grey-200 rounded-xl bg-white\" data-name=\"ticket_tiers\">\r\n                    <div className=\"w-12 h-12 mx-auto bg-grey-100 rounded-full flex items-center justify-center mb-3\"><Ticket className=\"size-6 text-grey-400\" /></div>\r\n                    <h4 className=\"text-sm font-medium text-grey-900 mb-1\">No ticket tiers added</h4>\r\n                    <p className=\"text-xs text-grey-500 mb-4\">Create tiers to start selling tickets</p>\r\n                    <button type=\"button\" onClick={() => setShowInlineForm(true)} className=\"inline-flex items-center gap-2 px-4 py-2 text-sm font-medium text-white bg-primaryx-600 hover:bg-primaryx-700 rounded-lg transition-colors shadow-sm\"><span className=\"text-lg leading-none\">+</span>Add Ticket Tier</button>\r\n                </div>\r\n            )}\r\n            {showInlineForm && !selectedTier ? (\r\n                <div ref={formRef} className=\"bg-white mt-4 input-border rounded-xl p-4 relative ring-4 ring-primaryx-50/20\">\r\n                    <div className=\"absolute top-0 left-1/2 -translate-x-1/2 -translate-y-1/2 bg-white px-3 py-1 rounded-full input-border shadow-sm text-xs font-medium text-primaryx-700 uppercase tracking-wider\">New Tier</div>\r\n                    <TicketTierForm initialData={null} dateRange={eventDateRange} onClose={() => { setShowInlineForm(false); setSelectedTier(null); }} onSave={handleSaveTier} eventStart={eventStart} eventEnd={eventEnd} registrationStart={registrationStart} registrationEnd={registrationEnd} existingTierNames={existingTierNames} />\r\n                </div>\r\n            ) : (\r\n                !showInlineForm && tiers.length > 0 && (\r\n                    <button type=\"button\" onClick={() => { setSelectedTier(null); setShowInlineForm(true); }} className=\"w-full py-3 border-2 border-dashed border-grey-300 hover:border-primaryx-300 text-grey-500 hover:text-primaryx-600 hover:bg-primaryx-50/30 rounded-xl transition-all duration-200 flex items-center justify-center gap-2 font-medium text-sm\"><span className=\"text-lg\">+</span>Add Another Tier</button>\r\n                )\r\n            )}\r\n        </div>\r\n    );\r\n};\r\n\r\nexport default memo(TicketTierSection);\r\n"],"names":["React"],"mappings":";;;;;AA2BA,MAAM,oBAAoB,CAAC;AAAA,EACvB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACJ,MAA8B;AAG1B,QAAM,oBAAoB,QAAQ,MAAM;AACpC,WAAO,MACF,OAAO,CAAA,MAAK,CAAC,gBAAgB,EAAE,OAAO,aAAa,EAAE,EACrD,IAAI,CAAA,MAAK,EAAE,IAAI;AAAA,EACxB,GAAG,CAAC,OAAO,YAAY,CAAC;AAExBA,iBAAM,UAAU,MAAM;AAClB,QAAI,sBAAsB;AACtB,2BAAqB,cAAc;AAAA,IACvC;AACA,WAAO,MAAM;AACT,UAAI,sBAAsB;AACtB,6BAAqB,KAAK;AAAA,MAC9B;AAAA,IACJ;AAAA,EACJ,GAAG,CAAC,gBAAgB,oBAAoB,CAAC;AAEzC,SACI,qBAAC,OAAA,EAAI,WAAU,aACX,UAAA;AAAA,IAAA,qBAAC,OAAA,EAAI,WAAU,qCACX,UAAA;AAAA,MAAA,oBAAC,MAAA,EAAG,WAAU,yCAAwC,UAAA,gBAAY;AAAA,MACjE,gBAAgB,oBAAC,QAAA,EAAK,WAAU,sCAAsC,UAAA,aAAA,CAAa;AAAA,IAAA,GACxF;AAAA,IACC,MAAM,SAAS,KACZ,oBAAC,OAAA,EAAI,WAAU,aACV,UAAA,MAAM,IAAI,CAAC,SAAA;;AACR,iCAACA,eAAM,UAAN,EACI,WAAA,6CAAc,QAAO,KAAK,0BACtB,OAAA,EAAI,KAAK,SAAS,WAAU,4EACzB,UAAA;AAAA,QAAA,oBAAC,OAAA,EAAI,WAAU,mLAAkL,UAAA,aAEjM;AAAA,QACA;AAAA,UAAC;AAAA,UAAA;AAAA,YACG,aAAa;AAAA,YACb,WAAW;AAAA,YACX,SAAS,MAAM;AAAE,gCAAkB,KAAK;AAAG,8BAAgB,IAAI;AAAA,YAAG;AAAA,YAClE,QAAQ;AAAA,YACR;AAAA,YACA;AAAA,YACA;AAAA,YACA;AAAA,YACA;AAAA,UAAA;AAAA,QAAA;AAAA,MACJ,EAAA,CACJ,IAEA,qBAAC,OAAA,EAAI,WAAU,6IAEX,UAAA;AAAA,QAAA,qBAAC,OAAA,EAAI,WAAU,0BACX,UAAA;AAAA,UAAA,oBAAC,SAAI,WAAU,kBACX,UAAA,qBAAC,OAAA,EAAI,WAAU,qCACX,UAAA;AAAA,YAAA,oBAAC,MAAA,EAAG,WAAU,gDAAgD,UAAA,KAAK,MAAK;AAAA,YACxE,qBAAC,QAAA,EAAK,WAAU,+EAA8E,UAAA;AAAA,cAAA;AAAA,eACrF,kCAAM,UAAN,mBAAa;AAAA,YAAe,GACrC;AAAA,YACC,KAAK,gBAAgB,KAAK,mBACvB,qBAAC,QAAA,EAAK,WAAU,6EAA4E,UAAA;AAAA,cAAA;AAAA,eACvE,UAAK,qBAAL,mBAAuB;AAAA,YAAe,EAAA,CAC3D,IACA;AAAA,UAAA,EAAA,CACR,EAAA,CACJ;AAAA,UACA,qBAAC,OAAA,EAAI,WAAU,oCACX,UAAA;AAAA,YAAA;AAAA,cAAC;AAAA,cAAA;AAAA,gBACG,MAAK;AAAA,gBACL,SAAS,CAAC,MAAM;AAAE,oBAAE,gBAAA;AAAmB,sCAAoB,IAAI;AAAA,gBAAG;AAAA,gBAClE,WAAU;AAAA,gBACV,OAAM;AAAA,gBAEN,UAAA,oBAAC,MAAA,EAAK,WAAU,UAAA,CAAU;AAAA,cAAA;AAAA,YAAA;AAAA,gCAE7B,UAAA,EAAO,MAAK,UAAS,SAAS,CAAC,MAAM;AAAE,gBAAE,gBAAA;AAAmB,6BAAe,IAAI;AAAA,YAAG,GAAG,WAAU,+FAA8F,8BAAC,YAAA,EAAW,WAAU,WAAU,GAAE;AAAA,gCAC/N,UAAA,EAAO,MAAK,UAAS,SAAS,CAAC,MAAM;AAAE,gBAAE,gBAAA;AAAmB,8BAAgB,IAAI;AAAG,iCAAmB,IAAI;AAAA,YAAG,GAAG,WAAU,yFAAwF,8BAAC,YAAA,EAAW,WAAU,WAAU,EAAA,CAAE;AAAA,UAAA,EAAA,CACzP;AAAA,QAAA,GACJ;AAAA,QAGA,qBAAC,OAAA,EAAI,WAAU,6CACX,UAAA;AAAA,UAAA,qBAAC,QAAA,EAAK,WAAU,oCACZ,UAAA;AAAA,YAAA,oBAAC,OAAA,EAAM,WAAU,WAAA,CAAW;AAAA,YAC3B,KAAK;AAAA,YAAQ;AAAA,YAAE,KAAK,YAAY,IAAI,WAAW;AAAA,YAAU;AAAA,UAAA,GAC9D;AAAA,UAEA,qBAAC,QAAA,EAAK,WAAU,oCACZ,UAAA;AAAA,YAAA,oBAAC,QAAA,EAAO,WAAU,WAAA,CAAW;AAAA,YAC5B,KAAK;AAAA,YAAS;AAAA,UAAA,EAAA,CACnB;AAAA,QAAA,GACJ;AAAA,QAGC,KAAK,cACF,oBAAC,KAAA,EAAE,WAAU,sDACR,UAAA,KAAK,aACV,IACA;AAAA,MAAA,EAAA,CACR,EAAA,GApEa,KAAK,EAsE1B;AAAA,KACH,EAAA,CACL;AAAA,IAEH,MAAM,WAAW,KAAK,CAAC,uCACnB,OAAA,EAAI,WAAU,+EAA8E,aAAU,gBACnG,UAAA;AAAA,MAAA,oBAAC,SAAI,WAAU,oFAAmF,8BAAC,QAAA,EAAO,WAAU,wBAAuB,EAAA,CAAE;AAAA,MAC7I,oBAAC,MAAA,EAAG,WAAU,0CAAyC,UAAA,yBAAqB;AAAA,MAC5E,oBAAC,KAAA,EAAE,WAAU,8BAA6B,UAAA,yCAAqC;AAAA,MAC/E,qBAAC,UAAA,EAAO,MAAK,UAAS,SAAS,MAAM,kBAAkB,IAAI,GAAG,WAAU,wJAAuJ,UAAA;AAAA,QAAA,oBAAC,QAAA,EAAK,WAAU,wBAAuB,UAAA,KAAC;AAAA,QAAO;AAAA,MAAA,EAAA,CAAe;AAAA,IAAA,GACjS;AAAA,IAEH,kBAAkB,CAAC,eAChB,qBAAC,SAAI,KAAK,SAAS,WAAU,iFACzB,UAAA;AAAA,MAAA,oBAAC,OAAA,EAAI,WAAU,mLAAkL,UAAA,YAAQ;AAAA,0BACxM,gBAAA,EAAe,aAAa,MAAM,WAAW,gBAAgB,SAAS,MAAM;AAAE,0BAAkB,KAAK;AAAG,wBAAgB,IAAI;AAAA,MAAG,GAAG,QAAQ,gBAAgB,YAAwB,UAAoB,mBAAsC,iBAAkC,kBAAA,CAAsC;AAAA,IAAA,EAAA,CACzT,IAEA,CAAC,kBAAkB,MAAM,SAAS,KAC9B,qBAAC,UAAA,EAAO,MAAK,UAAS,SAAS,MAAM;AAAE,sBAAgB,IAAI;AAAG,wBAAkB,IAAI;AAAA,IAAG,GAAG,WAAU,gPAA+O,UAAA;AAAA,MAAA,oBAAC,QAAA,EAAK,WAAU,WAAU,UAAA,KAAC;AAAA,MAAO;AAAA,IAAA,EAAA,CAAgB;AAAA,EAAA,GAGjZ;AAER;AAEA,MAAA,sBAAe,KAAK,iBAAiB;"}

package/dist/components/EventAddForm/components/TicketTierForm.d.ts

@@ -0,0 +1,29 @@
+import { default as React } from 'react';
+import { TicketTier } from '../../../types/types';
+
+interface TicketTierFormProps {
+    initialData?: any;
+    dateRange?: Date[];
+    onClose?: () => void;
+    onSave: (tier: TicketTier) => void;
+    eventStart?: {
+        date: string;
+        time: string;
+    };
+    eventEnd?: {
+        date: string;
+        time: string;
+    };
+    registrationStart?: {
+        date: string;
+        time: string;
+    };
+    registrationEnd?: {
+        date: string;
+        time: string;
+    };
+    existingTierNames?: string[];
+}
+declare function TicketTierForm({ initialData, dateRange, onClose, onSave, eventStart, eventEnd, registrationStart, registrationEnd, existingTierNames, }: TicketTierFormProps): import("react/jsx-runtime").JSX.Element;
+declare const _default: React.MemoExoticComponent<typeof TicketTierForm>;
+export default _default;