@123usmanhaider321/ui 0.1.0 → 0.1.8

package/dist/components/EventAddForm/components/CustomMeetingForm.js

@@ -0,0 +1,237 @@
+import { jsxs, jsx } from "react/jsx-runtime";
+import { memo, useState } from "react";
+import { motion } from "framer-motion";
+import FormInput from "../../FormInput/FormInput.js";
+import ForwardRef from "../../../node_modules/@heroicons/react/24/outline/esm/ArrowRightIcon.js";
+import { Button } from "../../Button/Button.js";
+function CustomMeetingForm({
+  initialData,
+  onSubmit,
+  onCancel,
+  cancelBlurTimeout,
+  handleInteractiveMouseDown,
+  contentVariants
+}) {
+  const [customMeetingData, setCustomMeetingData] = useState(initialData);
+  const [urlError, setUrlError] = useState("");
+  const validateUrl = (url) => {
+    if (!url || !url.trim()) return "Meeting URL is required";
+    try {
+      new URL(url);
+      return "";
+    } catch {
+      return "Please enter a valid URL";
+    }
+  };
+  const handleUrlChange = (val) => {
+    setCustomMeetingData((prev) => ({
+      ...prev,
+      meetingUrl: val
+    }));
+    if (urlError) {
+      setUrlError(validateUrl(val));
+    }
+  };
+  const handleSubmit = () => {
+    const error = validateUrl(customMeetingData.meetingUrl);
+    if (error) {
+      setUrlError(error);
+      return;
+    }
+    onSubmit(customMeetingData);
+  };
+  return /* @__PURE__ */ jsxs(
+    motion.div,
+    {
+      variants: contentVariants,
+      initial: "hidden",
+      animate: "visible",
+      exit: "exit",
+      transition: { duration: 0.2 },
+      className: "p-3",
+      children: [
+        /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-3 mb-4", children: [
+          /* @__PURE__ */ jsx(
+            "button",
+            {
+              type: "button",
+              onClick: (e) => {
+                e.preventDefault();
+                e.stopPropagation();
+                onCancel();
+              },
+              onMouseDown: handleInteractiveMouseDown,
+              className: "p-2 rounded-lg hover:bg-grey-100 transition-colors",
+              children: /* @__PURE__ */ jsx(ForwardRef, { className: "h-4 w-4 text-grey-500 rotate-180" })
+            }
+          ),
+          /* @__PURE__ */ jsxs("div", { children: [
+            /* @__PURE__ */ jsx("h3", { className: "text-sm font-semibold text-grey-900", children: "Custom Meeting Link" }),
+            /* @__PURE__ */ jsx("p", { className: "text-xs text-grey-500", children: "Add Zoom, Teams, or any meeting URL" })
+          ] })
+        ] }),
+        /* @__PURE__ */ jsxs("div", { className: "space-y-4", children: [
+          /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsx(
+            "div",
+            {
+              onKeyDown: (e) => {
+                e.stopPropagation();
+                if (e.key === "Enter") {
+                  e.preventDefault();
+                  handleSubmit();
+                }
+              },
+              onClick: (e) => {
+                e.stopPropagation();
+                cancelBlurTimeout();
+              },
+              onMouseDown: (e) => {
+                e.stopPropagation();
+                cancelBlurTimeout();
+              },
+              onFocus: (e) => {
+                e.stopPropagation();
+                cancelBlurTimeout();
+              },
+              children: /* @__PURE__ */ jsx(
+                FormInput,
+                {
+                  type: "url",
+                  label: "Meeting URL",
+                  required: true,
+                  value: customMeetingData.meetingUrl,
+                  onChange: (e) => {
+                    const val = typeof e === "string" ? e : e.target.value;
+                    handleUrlChange(val);
+                  },
+                  onBlur: () => {
+                    cancelBlurTimeout();
+                  },
+                  placeholder: "any meeting link",
+                  inputClassName: "w-full h-10",
+                  error: urlError
+                }
+              )
+            }
+          ) }),
+          /* @__PURE__ */ jsxs("div", { className: "grid grid-cols-2 gap-3", children: [
+            /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsx(
+              "div",
+              {
+                onKeyDown: (e) => e.stopPropagation(),
+                onClick: (e) => {
+                  e.stopPropagation();
+                  cancelBlurTimeout();
+                },
+                onMouseDown: (e) => {
+                  e.stopPropagation();
+                  cancelBlurTimeout();
+                },
+                onFocus: (e) => {
+                  e.stopPropagation();
+                  cancelBlurTimeout();
+                },
+                children: /* @__PURE__ */ jsx(
+                  FormInput,
+                  {
+                    type: "text",
+                    label: "Meeting ID",
+                    suffix: "(optional)",
+                    value: customMeetingData.meetingId,
+                    onChange: (e) => {
+                      const val = typeof e === "string" ? e : e.target.value;
+                      setCustomMeetingData((prev) => ({
+                        ...prev,
+                        meetingId: val
+                      }));
+                    },
+                    onBlur: () => {
+                      cancelBlurTimeout();
+                    },
+                    placeholder: "123 456 789",
+                    inputClassName: "w-full h-10 pr-24"
+                  }
+                )
+              }
+            ) }),
+            /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsx(
+              "div",
+              {
+                onKeyDown: (e) => e.stopPropagation(),
+                onClick: (e) => {
+                  e.stopPropagation();
+                  cancelBlurTimeout();
+                },
+                onMouseDown: (e) => {
+                  e.stopPropagation();
+                  cancelBlurTimeout();
+                },
+                onFocus: (e) => {
+                  e.stopPropagation();
+                  cancelBlurTimeout();
+                },
+                children: /* @__PURE__ */ jsx(
+                  FormInput,
+                  {
+                    type: "text",
+                    label: "Passcode",
+                    suffix: "(optional)",
+                    value: customMeetingData.passcode,
+                    onChange: (e) => {
+                      const val = typeof e === "string" ? e : e.target.value;
+                      setCustomMeetingData((prev) => ({
+                        ...prev,
+                        passcode: val
+                      }));
+                    },
+                    onBlur: () => {
+                      cancelBlurTimeout();
+                    },
+                    placeholder: "password123",
+                    inputClassName: "w-full h-10 pr-24"
+                  }
+                )
+              }
+            ) })
+          ] }),
+          /* @__PURE__ */ jsxs("div", { className: "flex gap-3 pt-2", children: [
+            /* @__PURE__ */ jsx(
+              Button,
+              {
+                type: "button",
+                onClick: (e) => {
+                  e.preventDefault();
+                  e.stopPropagation();
+                  handleSubmit();
+                },
+                onMouseDown: handleInteractiveMouseDown,
+                className: "flex-1 h-max rounded-xl px-4 py-3 text-sm font-semibold",
+                children: "Add Meeting"
+              }
+            ),
+            /* @__PURE__ */ jsx(
+              Button,
+              {
+                type: "button",
+                onClick: (e) => {
+                  e.preventDefault();
+                  e.stopPropagation();
+                  onCancel();
+                },
+                onMouseDown: handleInteractiveMouseDown,
+                className: "h-max rounded-xl px-4 py-3 bg-grey-100 text-grey-700 text-sm font-semibold hover:bg-grey-200 transition-colors",
+                children: "Cancel"
+              }
+            )
+          ] })
+        ] })
+      ]
+    },
+    "custom-meeting"
+  );
+}
+const CustomMeetingForm$1 = memo(CustomMeetingForm);
+export {
+  CustomMeetingForm$1 as default
+};
+//# sourceMappingURL=CustomMeetingForm.js.map

package/dist/components/EventAddForm/components/CustomMeetingForm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CustomMeetingForm.js","sources":["../../../../src/components/EventAddForm/components/CustomMeetingForm.tsx"],"sourcesContent":["import React, { memo, useState } from 'react';\r\nimport { motion } from 'framer-motion';\r\nimport { ArrowRightIcon } from '@heroicons/react/24/outline';\r\nimport { FormInput } from '@/components/FormInput';\r\nimport { Button } from '../../Button';\r\n\r\nexport interface CustomMeetingData {\r\n    meetingUrl: string;\r\n    meetingId: string;\r\n    passcode: string;\r\n}\r\n\r\ninterface CustomMeetingFormProps {\r\n    initialData: CustomMeetingData;\r\n    onSubmit: (data: CustomMeetingData) => void;\r\n    onCancel: () => void;\r\n    cancelBlurTimeout: () => void;\r\n    handleInteractiveMouseDown: (e: React.MouseEvent) => void;\r\n    contentVariants: any;\r\n}\r\n\r\nfunction CustomMeetingForm({\r\n    initialData,\r\n    onSubmit,\r\n    onCancel,\r\n    cancelBlurTimeout,\r\n    handleInteractiveMouseDown,\r\n    contentVariants\r\n}: CustomMeetingFormProps) {\r\n    const [customMeetingData, setCustomMeetingData] = useState<CustomMeetingData>(initialData);\r\n    const [urlError, setUrlError] = useState<string>('');\r\n\r\n    const validateUrl = (url: string) => {\r\n        if (!url || !url.trim()) return \"Meeting URL is required\";\r\n        try {\r\n            new URL(url);\r\n            return \"\";\r\n        } catch {\r\n            return \"Please enter a valid URL\";\r\n        }\r\n    };\r\n\r\n    const handleUrlChange = (val: string) => {\r\n        setCustomMeetingData((prev) => ({\r\n            ...prev,\r\n            meetingUrl: val,\r\n        }));\r\n\r\n        if (urlError) {\r\n            setUrlError(validateUrl(val));\r\n        }\r\n    };\r\n\r\n    const handleSubmit = () => {\r\n        const error = validateUrl(customMeetingData.meetingUrl);\r\n        if (error) {\r\n            setUrlError(error);\r\n            return;\r\n        }\r\n        onSubmit(customMeetingData);\r\n    };\r\n\r\n    return (\r\n        <motion.div\r\n            key=\"custom-meeting\"\r\n            variants={contentVariants}\r\n            initial=\"hidden\"\r\n            animate=\"visible\"\r\n            exit=\"exit\"\r\n            transition={{ duration: 0.2 }}\r\n            className=\"p-3\"\r\n        >\r\n            {/* Custom Meeting Header */}\r\n            <div className=\"flex items-center gap-3 mb-4\">\r\n                <button\r\n                    type=\"button\"\r\n                    onClick={(e) => {\r\n                        e.preventDefault();\r\n                        e.stopPropagation();\r\n                        onCancel();\r\n                    }}\r\n                    onMouseDown={handleInteractiveMouseDown}\r\n                    className=\"p-2 rounded-lg hover:bg-grey-100 transition-colors\"\r\n                >\r\n                    <ArrowRightIcon className=\"h-4 w-4 text-grey-500 rotate-180\" />\r\n                </button>\r\n                <div>\r\n                    <h3 className=\"text-sm font-semibold text-grey-900\">Custom Meeting Link</h3>\r\n                    <p className=\"text-xs text-grey-500\">Add Zoom, Teams, or any meeting URL</p>\r\n                </div>\r\n            </div>\r\n\r\n            {/* Custom Meeting Form */}\r\n            <div className=\"space-y-4\">\r\n                <div>\r\n                    <div\r\n                        onKeyDown={(e) => {\r\n                            e.stopPropagation();\r\n                            if (e.key === \"Enter\") {\r\n                                e.preventDefault();\r\n                                handleSubmit();\r\n                            }\r\n                        }}\r\n                        onClick={(e) => { e.stopPropagation(); cancelBlurTimeout(); }}\r\n                        onMouseDown={(e) => { e.stopPropagation(); cancelBlurTimeout(); }}\r\n                        onFocus={(e) => { e.stopPropagation(); cancelBlurTimeout(); }}\r\n                    >\r\n                        <FormInput\r\n                            type=\"url\"\r\n                            label=\"Meeting URL\"\r\n                            required\r\n                            value={customMeetingData.meetingUrl}\r\n                            onChange={(e) => {\r\n                                const val = typeof e === \"string\" ? e : e.target.value;\r\n                                handleUrlChange(val);\r\n                            }}\r\n                            onBlur={() => {\r\n                                cancelBlurTimeout();\r\n                            }}\r\n                            placeholder=\"any meeting link\"\r\n                            inputClassName=\"w-full h-10\"\r\n                            error={urlError}\r\n                        />\r\n                    </div>\r\n                </div>\r\n\r\n                <div className=\"grid grid-cols-2 gap-3\">\r\n                    <div>\r\n                        <div\r\n                            onKeyDown={(e) => e.stopPropagation()}\r\n                            onClick={(e) => { e.stopPropagation(); cancelBlurTimeout(); }}\r\n                            onMouseDown={(e) => { e.stopPropagation(); cancelBlurTimeout(); }}\r\n                            onFocus={(e) => { e.stopPropagation(); cancelBlurTimeout(); }}\r\n                        >\r\n                            <FormInput\r\n                                type=\"text\"\r\n                                label=\"Meeting ID\"\r\n                                suffix=\"(optional)\"\r\n                                value={customMeetingData.meetingId}\r\n                                onChange={(e) => {\r\n                                    const val = typeof e === \"string\" ? e : e.target.value;\r\n                                    setCustomMeetingData((prev) => ({\r\n                                        ...prev,\r\n                                        meetingId: val,\r\n                                    }));\r\n                                }}\r\n                                onBlur={() => {\r\n                                    cancelBlurTimeout();\r\n                                }}\r\n                                placeholder=\"123 456 789\"\r\n                                inputClassName=\"w-full h-10 pr-24\"\r\n                            />\r\n                        </div>\r\n                    </div>\r\n                    <div>\r\n                        <div\r\n                            onKeyDown={(e) => e.stopPropagation()}\r\n                            onClick={(e) => { e.stopPropagation(); cancelBlurTimeout(); }}\r\n                            onMouseDown={(e) => { e.stopPropagation(); cancelBlurTimeout(); }}\r\n                            onFocus={(e) => { e.stopPropagation(); cancelBlurTimeout(); }}\r\n                        >\r\n                            <FormInput\r\n                                type=\"text\"\r\n                                label=\"Passcode\"\r\n                                suffix=\"(optional)\"\r\n                                value={customMeetingData.passcode}\r\n                                onChange={(e) => {\r\n                                    const val = typeof e === \"string\" ? e : e.target.value;\r\n                                    setCustomMeetingData((prev) => ({\r\n                                        ...prev,\r\n                                        passcode: val,\r\n                                    }));\r\n                                }}\r\n                                onBlur={() => {\r\n                                    cancelBlurTimeout();\r\n                                }}\r\n                                placeholder=\"password123\"\r\n                                inputClassName=\"w-full h-10 pr-24\"\r\n                            />\r\n                        </div>\r\n                    </div>\r\n                </div>\r\n\r\n                <div className=\"flex gap-3 pt-2\">\r\n                    <Button\r\n                        type=\"button\"\r\n                        onClick={(e) => {\r\n                            e.preventDefault();\r\n                            e.stopPropagation();\r\n                            handleSubmit();\r\n                        }}\r\n                        onMouseDown={handleInteractiveMouseDown}\r\n                        className=\"flex-1 h-max rounded-xl px-4 py-3 text-sm font-semibold\"\r\n                    >\r\n                        Add Meeting\r\n                    </Button>\r\n                    <Button\r\n                        type=\"button\"\r\n                        onClick={(e) => {\r\n                            e.preventDefault();\r\n                            e.stopPropagation();\r\n                            onCancel();\r\n                        }}\r\n                        onMouseDown={handleInteractiveMouseDown}\r\n                        className=\"h-max rounded-xl px-4 py-3 bg-grey-100 text-grey-700 text-sm font-semibold hover:bg-grey-200 transition-colors\"\r\n                    >\r\n                        Cancel\r\n                    </Button>\r\n                </div>\r\n            </div>\r\n        </motion.div>\r\n    );\r\n}\r\n\r\nexport default memo(CustomMeetingForm)\r\n"],"names":["ArrowRightIcon"],"mappings":";;;;;;AAqBA,SAAS,kBAAkB;AAAA,EACvB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACJ,GAA2B;AACvB,QAAM,CAAC,mBAAmB,oBAAoB,IAAI,SAA4B,WAAW;AACzF,QAAM,CAAC,UAAU,WAAW,IAAI,SAAiB,EAAE;AAEnD,QAAM,cAAc,CAAC,QAAgB;AACjC,QAAI,CAAC,OAAO,CAAC,IAAI,KAAA,EAAQ,QAAO;AAChC,QAAI;AACA,UAAI,IAAI,GAAG;AACX,aAAO;AAAA,IACX,QAAQ;AACJ,aAAO;AAAA,IACX;AAAA,EACJ;AAEA,QAAM,kBAAkB,CAAC,QAAgB;AACrC,yBAAqB,CAAC,UAAU;AAAA,MAC5B,GAAG;AAAA,MACH,YAAY;AAAA,IAAA,EACd;AAEF,QAAI,UAAU;AACV,kBAAY,YAAY,GAAG,CAAC;AAAA,IAChC;AAAA,EACJ;AAEA,QAAM,eAAe,MAAM;AACvB,UAAM,QAAQ,YAAY,kBAAkB,UAAU;AACtD,QAAI,OAAO;AACP,kBAAY,KAAK;AACjB;AAAA,IACJ;AACA,aAAS,iBAAiB;AAAA,EAC9B;AAEA,SACI;AAAA,IAAC,OAAO;AAAA,IAAP;AAAA,MAEG,UAAU;AAAA,MACV,SAAQ;AAAA,MACR,SAAQ;AAAA,MACR,MAAK;AAAA,MACL,YAAY,EAAE,UAAU,IAAA;AAAA,MACxB,WAAU;AAAA,MAGV,UAAA;AAAA,QAAA,qBAAC,OAAA,EAAI,WAAU,gCACX,UAAA;AAAA,UAAA;AAAA,YAAC;AAAA,YAAA;AAAA,cACG,MAAK;AAAA,cACL,SAAS,CAAC,MAAM;AACZ,kBAAE,eAAA;AACF,kBAAE,gBAAA;AACF,yBAAA;AAAA,cACJ;AAAA,cACA,aAAa;AAAA,cACb,WAAU;AAAA,cAEV,UAAA,oBAACA,YAAA,EAAe,WAAU,mCAAA,CAAmC;AAAA,YAAA;AAAA,UAAA;AAAA,+BAEhE,OAAA,EACG,UAAA;AAAA,YAAA,oBAAC,MAAA,EAAG,WAAU,uCAAsC,UAAA,uBAAmB;AAAA,YACvE,oBAAC,KAAA,EAAE,WAAU,yBAAwB,UAAA,sCAAA,CAAmC;AAAA,UAAA,EAAA,CAC5E;AAAA,QAAA,GACJ;AAAA,QAGA,qBAAC,OAAA,EAAI,WAAU,aACX,UAAA;AAAA,UAAA,oBAAC,OAAA,EACG,UAAA;AAAA,YAAC;AAAA,YAAA;AAAA,cACG,WAAW,CAAC,MAAM;AACd,kBAAE,gBAAA;AACF,oBAAI,EAAE,QAAQ,SAAS;AACnB,oBAAE,eAAA;AACF,+BAAA;AAAA,gBACJ;AAAA,cACJ;AAAA,cACA,SAAS,CAAC,MAAM;AAAE,kBAAE,gBAAA;AAAmB,kCAAA;AAAA,cAAqB;AAAA,cAC5D,aAAa,CAAC,MAAM;AAAE,kBAAE,gBAAA;AAAmB,kCAAA;AAAA,cAAqB;AAAA,cAChE,SAAS,CAAC,MAAM;AAAE,kBAAE,gBAAA;AAAmB,kCAAA;AAAA,cAAqB;AAAA,cAE5D,UAAA;AAAA,gBAAC;AAAA,gBAAA;AAAA,kBACG,MAAK;AAAA,kBACL,OAAM;AAAA,kBACN,UAAQ;AAAA,kBACR,OAAO,kBAAkB;AAAA,kBACzB,UAAU,CAAC,MAAM;AACb,0BAAM,MAAM,OAAO,MAAM,WAAW,IAAI,EAAE,OAAO;AACjD,oCAAgB,GAAG;AAAA,kBACvB;AAAA,kBACA,QAAQ,MAAM;AACV,sCAAA;AAAA,kBACJ;AAAA,kBACA,aAAY;AAAA,kBACZ,gBAAe;AAAA,kBACf,OAAO;AAAA,gBAAA;AAAA,cAAA;AAAA,YACX;AAAA,UAAA,GAER;AAAA,UAEA,qBAAC,OAAA,EAAI,WAAU,0BACX,UAAA;AAAA,YAAA,oBAAC,OAAA,EACG,UAAA;AAAA,cAAC;AAAA,cAAA;AAAA,gBACG,WAAW,CAAC,MAAM,EAAE,gBAAA;AAAA,gBACpB,SAAS,CAAC,MAAM;AAAE,oBAAE,gBAAA;AAAmB,oCAAA;AAAA,gBAAqB;AAAA,gBAC5D,aAAa,CAAC,MAAM;AAAE,oBAAE,gBAAA;AAAmB,oCAAA;AAAA,gBAAqB;AAAA,gBAChE,SAAS,CAAC,MAAM;AAAE,oBAAE,gBAAA;AAAmB,oCAAA;AAAA,gBAAqB;AAAA,gBAE5D,UAAA;AAAA,kBAAC;AAAA,kBAAA;AAAA,oBACG,MAAK;AAAA,oBACL,OAAM;AAAA,oBACN,QAAO;AAAA,oBACP,OAAO,kBAAkB;AAAA,oBACzB,UAAU,CAAC,MAAM;AACb,4BAAM,MAAM,OAAO,MAAM,WAAW,IAAI,EAAE,OAAO;AACjD,2CAAqB,CAAC,UAAU;AAAA,wBAC5B,GAAG;AAAA,wBACH,WAAW;AAAA,sBAAA,EACb;AAAA,oBACN;AAAA,oBACA,QAAQ,MAAM;AACV,wCAAA;AAAA,oBACJ;AAAA,oBACA,aAAY;AAAA,oBACZ,gBAAe;AAAA,kBAAA;AAAA,gBAAA;AAAA,cACnB;AAAA,YAAA,GAER;AAAA,gCACC,OAAA,EACG,UAAA;AAAA,cAAC;AAAA,cAAA;AAAA,gBACG,WAAW,CAAC,MAAM,EAAE,gBAAA;AAAA,gBACpB,SAAS,CAAC,MAAM;AAAE,oBAAE,gBAAA;AAAmB,oCAAA;AAAA,gBAAqB;AAAA,gBAC5D,aAAa,CAAC,MAAM;AAAE,oBAAE,gBAAA;AAAmB,oCAAA;AAAA,gBAAqB;AAAA,gBAChE,SAAS,CAAC,MAAM;AAAE,oBAAE,gBAAA;AAAmB,oCAAA;AAAA,gBAAqB;AAAA,gBAE5D,UAAA;AAAA,kBAAC;AAAA,kBAAA;AAAA,oBACG,MAAK;AAAA,oBACL,OAAM;AAAA,oBACN,QAAO;AAAA,oBACP,OAAO,kBAAkB;AAAA,oBACzB,UAAU,CAAC,MAAM;AACb,4BAAM,MAAM,OAAO,MAAM,WAAW,IAAI,EAAE,OAAO;AACjD,2CAAqB,CAAC,UAAU;AAAA,wBAC5B,GAAG;AAAA,wBACH,UAAU;AAAA,sBAAA,EACZ;AAAA,oBACN;AAAA,oBACA,QAAQ,MAAM;AACV,wCAAA;AAAA,oBACJ;AAAA,oBACA,aAAY;AAAA,oBACZ,gBAAe;AAAA,kBAAA;AAAA,gBAAA;AAAA,cACnB;AAAA,YAAA,EACJ,CACJ;AAAA,UAAA,GACJ;AAAA,UAEA,qBAAC,OAAA,EAAI,WAAU,mBACX,UAAA;AAAA,YAAA;AAAA,cAAC;AAAA,cAAA;AAAA,gBACG,MAAK;AAAA,gBACL,SAAS,CAAC,MAAM;AACZ,oBAAE,eAAA;AACF,oBAAE,gBAAA;AACF,+BAAA;AAAA,gBACJ;AAAA,gBACA,aAAa;AAAA,gBACb,WAAU;AAAA,gBACb,UAAA;AAAA,cAAA;AAAA,YAAA;AAAA,YAGD;AAAA,cAAC;AAAA,cAAA;AAAA,gBACG,MAAK;AAAA,gBACL,SAAS,CAAC,MAAM;AACZ,oBAAE,eAAA;AACF,oBAAE,gBAAA;AACF,2BAAA;AAAA,gBACJ;AAAA,gBACA,aAAa;AAAA,gBACb,WAAU;AAAA,gBACb,UAAA;AAAA,cAAA;AAAA,YAAA;AAAA,UAED,EAAA,CACJ;AAAA,QAAA,EAAA,CACJ;AAAA,MAAA;AAAA,IAAA;AAAA,IAjJI;AAAA,EAAA;AAoJhB;AAEA,MAAA,sBAAe,KAAK,iBAAiB;"}

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

@@ -0,0 +1,23 @@
+interface DateTimeFieldProps {
+    label: string;
+    formData: any;
+    setFormData: any;
+    field: [string, string];
+    classname: string;
+    formDateErrors?: any;
+    validation?: (field: "start" | "end") => void;
+    clearError?: (field: "start" | "end") => void;
+    startMinDate?: string;
+    startMaxDate?: string;
+    startMinTime?: string;
+    startMaxTime?: string;
+    endMinDate?: string;
+    endMaxDate?: string;
+    endMinTime?: string;
+    endMaxTime?: string;
+    description?: string;
+    step?: number;
+}
+declare function DateTimeField({ label, formData, setFormData, field, classname, formDateErrors, startMinDate, startMaxDate, startMinTime, startMaxTime, endMinDate, endMaxDate, endMinTime, endMaxTime, validation, clearError, description, step }: DateTimeFieldProps): import("react/jsx-runtime").JSX.Element;
+declare const _default: import('react').MemoExoticComponent<typeof DateTimeField>;
+export default _default;

package/dist/components/EventAddForm/components/DateTimeField.js

@@ -0,0 +1,173 @@
+import { jsxs, jsx } from "react/jsx-runtime";
+import { memo } from "react";
+import { AnimatePresence, motion } from "framer-motion";
+import dayjs from "../../../node_modules/dayjs/dayjs.min.js";
+import customParseFormat from "../../../node_modules/dayjs/plugin/customParseFormat.js";
+import duration from "../../../node_modules/dayjs/plugin/duration.js";
+import relativeTime from "../../../node_modules/dayjs/plugin/relativeTime.js";
+import SingleDateTimeInput from "./SingleDateTimeInput.js";
+import InputErrorMessage from "../../ui/InputErrorMessage.js";
+dayjs.extend(customParseFormat);
+dayjs.extend(duration);
+dayjs.extend(relativeTime);
+function DateTimeField({
+  label,
+  formData,
+  setFormData,
+  field,
+  classname,
+  formDateErrors,
+  startMinDate,
+  startMaxDate,
+  startMinTime,
+  startMaxTime,
+  endMinDate,
+  endMaxDate,
+  endMinTime,
+  endMaxTime,
+  validation,
+  clearError,
+  description,
+  step = 15
+}) {
+  const startDateTime = formData[field[0]] || { date: "", time: "" };
+  const endDateTime = formData[field[1]] || { date: "", time: "" };
+  const getDuration = () => {
+    if (startDateTime.date && startDateTime.time && endDateTime.date && endDateTime.time) {
+      const start = dayjs(`${startDateTime.date} ${startDateTime.time}`);
+      const end = dayjs(`${endDateTime.date} ${endDateTime.time}`);
+      if (end.isValid() && start.isValid() && end.isAfter(start)) {
+        const diff = end.diff(start);
+        const duration2 = dayjs.duration(diff);
+        if (duration2.asHours() < 24) {
+          return `${duration2.hours()}h ${duration2.minutes()}m`;
+        } else {
+          const days = Math.floor(duration2.asDays());
+          const hours = duration2.hours();
+          const minutes = duration2.minutes();
+          return `${days}d ${hours}h ${minutes}m`;
+        }
+      }
+    }
+    return null;
+  };
+  const hasError = !!(formDateErrors == null ? void 0 : formDateErrors[field[0]]) || !!(formDateErrors == null ? void 0 : formDateErrors[field[1]]);
+  const updateDateTime = (type, updates, fieldName) => {
+    setFormData((prev) => {
+      const currentItem = prev[fieldName] || { date: "", time: "" };
+      const nextDate = (updates.date !== void 0 ? updates.date : currentItem.date) || "";
+      let nextTime = updates.time !== void 0 ? updates.time : currentItem.time;
+      if (updates.date && !nextTime) {
+        const defaultTime = "00:00";
+        const otherFieldName = fieldName === field[0] ? field[1] : field[0];
+        const otherItem = prev[otherFieldName] || { date: "", time: "" };
+        let isValid = true;
+        if (fieldName === field[0]) {
+          if (startMinTime && defaultTime < startMinTime) isValid = false;
+          if (startMaxTime && defaultTime > startMaxTime) isValid = false;
+          if (otherItem.date === nextDate && otherItem.time && defaultTime > otherItem.time) isValid = false;
+        } else {
+          if (endMinTime && defaultTime < endMinTime) isValid = false;
+          if (endMaxTime && defaultTime > endMaxTime) isValid = false;
+          if (otherItem.date === nextDate && otherItem.time) {
+            const minAllowed = dayjs(`${otherItem.date} ${otherItem.time}`).add(30, "minute").format("HH:mm");
+            if (defaultTime < minAllowed) isValid = false;
+          }
+          if (otherItem.date && nextDate < otherItem.date) isValid = false;
+        }
+        if (isValid) {
+          nextTime = defaultTime;
+        }
+      }
+      return {
+        ...prev,
+        [fieldName]: { date: nextDate, time: nextTime }
+      };
+    });
+    clearError == null ? void 0 : clearError(type);
+  };
+  const getEndTimeDurationLabel = (time) => {
+    if (!startDateTime.date || !startDateTime.time || !endDateTime.date) return null;
+    const start = dayjs(`${startDateTime.date} ${startDateTime.time}`);
+    const currentEnd = dayjs(`${endDateTime.date} ${time}`);
+    const dayDiff = dayjs(endDateTime.date).diff(dayjs(startDateTime.date), "day");
+    if (dayDiff < 0 || dayDiff > 1) return null;
+    if (currentEnd.isValid() && start.isValid() && currentEnd.isAfter(start)) {
+      const diff = currentEnd.diff(start);
+      const duration2 = dayjs.duration(diff);
+      const hours = Math.floor(duration2.asHours());
+      const minutes = duration2.minutes();
+      if (hours === 0 && minutes === 0) return null;
+      return `(${hours}h${minutes > 0 ? ` ${minutes}m` : ""})`;
+    }
+    return null;
+  };
+  return /* @__PURE__ */ jsxs("div", { className: `rounded-xl transition-all duration-300 ease-in-out px-2 py-2 ${classname} ${hasError ? "border-error-500 border-0" : ""}`, children: [
+    label && /* @__PURE__ */ jsxs("div", { className: "px-5 py-3 bg-grey-50 border-b border-grey-200", children: [
+      /* @__PURE__ */ jsx("h3", { className: `text-xl font-bold ${hasError ? "text-error-600" : "text-purple-800"}`, children: label }),
+      description && /* @__PURE__ */ jsx("p", { className: `mt-1 text-sm ${hasError ? "text-error-600" : "text-purple-600"}`, children: description })
+    ] }),
+    /* @__PURE__ */ jsxs("div", { className: "divide-y-0 divide-grey-200 space-y-1.5", children: [
+      /* @__PURE__ */ jsx(
+        SingleDateTimeInput,
+        {
+          label: "Start",
+          name: field == null ? void 0 : field[0],
+          dateValue: startDateTime.date,
+          timeValue: startDateTime.time,
+          onChange: (values) => updateDateTime("start", values, field[0]),
+          onBlur: () => validation == null ? void 0 : validation("start"),
+          minDate: startMinDate,
+          maxDate: endDateTime.date && startMaxDate ? endDateTime.date < startMaxDate ? endDateTime.date : startMaxDate : endDateTime.date || startMaxDate,
+          maxTime: endDateTime.date === startDateTime.date && startMaxTime ? endDateTime.time < startMaxTime ? endDateTime.time : startMaxTime : endDateTime.date === startDateTime.date ? endDateTime.time : startMaxTime,
+          minTime: startMinTime,
+          step
+        }
+      ),
+      /* @__PURE__ */ jsx(
+        SingleDateTimeInput,
+        {
+          label: "End",
+          name: field == null ? void 0 : field[1],
+          dateValue: endDateTime.date,
+          timeValue: endDateTime.time,
+          onChange: (values) => updateDateTime("end", values, field[1]),
+          onBlur: () => validation == null ? void 0 : validation("end"),
+          minDate: startDateTime.date && endMinDate ? startDateTime.date > endMinDate ? startDateTime.date : endMinDate : startDateTime.date || endMinDate,
+          maxDate: endMaxDate,
+          minTime: (() => {
+            const internalMin = endDateTime.date === startDateTime.date ? startDateTime.time ? dayjs(`${startDateTime.date} ${startDateTime.time}`).add(30, "minute").format("HH:mm") : void 0 : void 0;
+            if (internalMin && endMinTime) {
+              return internalMin > endMinTime ? internalMin : endMinTime;
+            }
+            return internalMin || endMinTime;
+          })(),
+          maxTime: endMaxTime,
+          renderTimeExtra: getEndTimeDurationLabel,
+          defaultMonth: startDateTime.date ? new Date(startDateTime.date) : void 0,
+          step
+        }
+      )
+    ] }),
+    /* @__PURE__ */ jsx(AnimatePresence, { children: getDuration() && /* @__PURE__ */ jsx(
+      motion.div,
+      {
+        initial: { height: 0, opacity: 0, marginTop: 0 },
+        animate: { height: "auto", opacity: 1, marginTop: 8 },
+        exit: { height: 0, opacity: 0, marginTop: 0 },
+        transition: { duration: 0.3, ease: "easeInOut" },
+        className: "overflow-hidden",
+        children: /* @__PURE__ */ jsxs("div", { className: "px-5 py-3 bg-grey-50 flex justify-between items-center rounded-xl", children: [
+          /* @__PURE__ */ jsx("span", { className: `text-sm font-medium ${hasError ? "text-error-600" : "text-purple-800"}`, children: "Duration" }),
+          /* @__PURE__ */ jsx("span", { className: `text-sm ${hasError ? "text-error-600" : "text-purple-600"}`, children: getDuration() })
+        ] })
+      }
+    ) }),
+    /* @__PURE__ */ jsx(InputErrorMessage, { error: (formDateErrors == null ? void 0 : formDateErrors[field[0]]) || (formDateErrors == null ? void 0 : formDateErrors[field[1]]), className: "mt-2" })
+  ] });
+}
+const DateTimeField$1 = memo(DateTimeField);
+export {
+  DateTimeField$1 as default
+};
+//# sourceMappingURL=DateTimeField.js.map

package/dist/components/EventAddForm/components/DateTimeField.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DateTimeField.js","sources":["../../../../src/components/EventAddForm/components/DateTimeField.tsx"],"sourcesContent":["import { memo } from 'react';\r\nimport { AnimatePresence, motion } from 'framer-motion';\r\nimport dayjs from 'dayjs';\r\nimport customParseFormat from 'dayjs/plugin/customParseFormat';\r\nimport duration from 'dayjs/plugin/duration';\r\nimport relativeTime from 'dayjs/plugin/relativeTime';\r\nimport SingleDateTimeInput from './SingleDateTimeInput';\r\nimport InputErrorMessage from '@/components/ui/InputErrorMessage';\r\n\r\ndayjs.extend(customParseFormat);\r\ndayjs.extend(duration);\r\ndayjs.extend(relativeTime);\r\n\r\ninterface DateTimeFieldProps {\r\n    label: string;\r\n    formData: any;\r\n    setFormData: any;\r\n    field: [string, string];\r\n    classname: string;\r\n    formDateErrors?: any;\r\n    validation?: (field: \"start\" | \"end\") => void;\r\n    clearError?: (field: \"start\" | \"end\") => void;\r\n    startMinDate?: string;\r\n    startMaxDate?: string;\r\n    startMinTime?: string;\r\n    startMaxTime?: string;\r\n    endMinDate?: string;\r\n    endMaxDate?: string;\r\n    endMinTime?: string;\r\n    endMaxTime?: string;\r\n    description?: string;\r\n    step?: number;\r\n}\r\n\r\n\r\ntype DateTimeValue = {\r\n    date: string;\r\n    time: string;\r\n};\r\n\r\n\r\n\r\nfunction DateTimeField({\r\n    label,\r\n    formData,\r\n    setFormData,\r\n    field,\r\n    classname,\r\n    formDateErrors,\r\n    startMinDate,\r\n    startMaxDate,\r\n    startMinTime,\r\n    startMaxTime,\r\n    endMinDate,\r\n    endMaxDate,\r\n    endMinTime,\r\n    endMaxTime,\r\n    validation,\r\n    clearError,\r\n    description,\r\n    step = 15\r\n}: DateTimeFieldProps) {\r\n    const startDateTime: DateTimeValue = formData[field[0]] || { date: '', time: '' };\r\n    const endDateTime: DateTimeValue = formData[field[1]] || { date: '', time: '' };\r\n\r\n    const getDuration = () => {\r\n        if (startDateTime.date && startDateTime.time && endDateTime.date && endDateTime.time) {\r\n            const start = dayjs(`${startDateTime.date} ${startDateTime.time}`);\r\n            const end = dayjs(`${endDateTime.date} ${endDateTime.time}`);\r\n\r\n            if (end.isValid() && start.isValid() && end.isAfter(start)) {\r\n                const diff = end.diff(start);\r\n                const duration = dayjs.duration(diff);\r\n\r\n                if (duration.asHours() < 24) {\r\n                    return `${duration.hours()}h ${duration.minutes()}m`;\r\n                } else {\r\n                    const days = Math.floor(duration.asDays());\r\n                    const hours = duration.hours();\r\n                    const minutes = duration.minutes();\r\n                    return `${days}d ${hours}h ${minutes}m`;\r\n                }\r\n            }\r\n        }\r\n        return null;\r\n    };\r\n\r\n    const hasError = !!formDateErrors?.[field[0]] || !!formDateErrors?.[field[1]];\r\n    const updateDateTime = (\r\n        type: 'start' | 'end',\r\n        updates: Partial<DateTimeValue>,\r\n        fieldName: string\r\n    ) => {\r\n        setFormData((prev: any) => {\r\n            const currentItem = prev[fieldName] || { date: '', time: '' };\r\n            const nextDate = (updates.date !== undefined ? updates.date : currentItem.date) || \"\";\r\n            let nextTime = updates.time !== undefined ? updates.time : currentItem.time;\r\n\r\n            // Auto-select 12:00 AM (00:00) if date is selected and time is empty\r\n            if (updates.date && !nextTime) {\r\n                const defaultTime = \"00:00\";\r\n                const otherFieldName = fieldName === field[0] ? field[1] : field[0];\r\n                const otherItem = prev[otherFieldName] || { date: '', time: '' };\r\n\r\n                let isValid = true;\r\n\r\n                if (fieldName === field[0]) {\r\n                    // Updating Start field\r\n                    if (startMinTime && defaultTime < startMinTime) isValid = false;\r\n                    if (startMaxTime && defaultTime > startMaxTime) isValid = false;\r\n                    // Start cannot be after End if dates are same\r\n                    if (otherItem.date === nextDate && otherItem.time && defaultTime > otherItem.time) isValid = false;\r\n                } else {\r\n                    // Updating End field\r\n                    if (endMinTime && defaultTime < endMinTime) isValid = false;\r\n                    if (endMaxTime && defaultTime > endMaxTime) isValid = false;\r\n                    // End must be at least 30 mins after Start if dates are same\r\n                    if (otherItem.date === nextDate && otherItem.time) {\r\n                        const minAllowed = dayjs(`${otherItem.date} ${otherItem.time}`).add(30, 'minute').format('HH:mm');\r\n                        if (defaultTime < minAllowed) isValid = false;\r\n                    }\r\n                    // End cannot be before Start if dates are different (already covered by minDate, but good for safety)\r\n                    if (otherItem.date && nextDate < otherItem.date) isValid = false;\r\n                }\r\n\r\n                if (isValid) {\r\n                    nextTime = defaultTime;\r\n                }\r\n            }\r\n\r\n            return {\r\n                ...prev,\r\n                [fieldName]: { date: nextDate, time: nextTime }\r\n            };\r\n        });\r\n\r\n        clearError?.(type);\r\n    };\r\n\r\n    // Helper to calculate duration for end time slots\r\n    const getEndTimeDurationLabel = (time: string) => {\r\n        // Only show duration if we have a start time/date and an end date\r\n        if (!startDateTime.date || !startDateTime.time || !endDateTime.date) return null;\r\n\r\n        const start = dayjs(`${startDateTime.date} ${startDateTime.time}`);\r\n        const currentEnd = dayjs(`${endDateTime.date} ${time}`);\r\n\r\n        // Only show if diff is <= 1 day (or whatever \"one day\" logic implies)\r\n        // User request: \"only if the start date and end date have a difference of one day\"\r\n        // Interpretation: Show if endDate is either SameDay or NextDay of startDate.\r\n        const dayDiff = dayjs(endDateTime.date).diff(dayjs(startDateTime.date), 'day');\r\n\r\n        if (dayDiff < 0 || dayDiff > 1) return null;\r\n\r\n        if (currentEnd.isValid() && start.isValid() && currentEnd.isAfter(start)) {\r\n            const diff = currentEnd.diff(start);\r\n            const duration = dayjs.duration(diff);\r\n\r\n            const hours = Math.floor(duration.asHours());\r\n            const minutes = duration.minutes();\r\n\r\n            if (hours === 0 && minutes === 0) return null;\r\n\r\n            return `(${hours}h${minutes > 0 ? ` ${minutes}m` : ''})`;\r\n        }\r\n        return null;\r\n    };\r\n\r\n    return (\r\n        <div className={`rounded-xl transition-all duration-300 ease-in-out px-2 py-2 ${classname} ${hasError ? 'border-error-500 border-0' : ''}`}>\r\n            {label && (\r\n                <div className=\"px-5 py-3 bg-grey-50 border-b border-grey-200\">\r\n                    <h3 className={`text-xl font-bold ${hasError ? 'text-error-600' : 'text-purple-800'}`}>{label}</h3>\r\n                    {description && (\r\n                        <p className={`mt-1 text-sm ${hasError ? 'text-error-600' : 'text-purple-600'}`}>{description}</p>\r\n                    )}\r\n                </div>\r\n            )}\r\n\r\n            <div className=\"divide-y-0 divide-grey-200 space-y-1.5\">\r\n                <SingleDateTimeInput\r\n                    label=\"Start\"\r\n                    name={field?.[0]}\r\n                    dateValue={startDateTime.date}\r\n                    timeValue={startDateTime.time}\r\n                    onChange={(values) =>\r\n                        updateDateTime('start', values, field[0])\r\n                    }\r\n                    onBlur={() => validation?.(\"start\")}\r\n                    minDate={startMinDate}\r\n                    maxDate={\r\n                        endDateTime.date && startMaxDate\r\n                            ? (endDateTime.date < startMaxDate ? endDateTime.date : startMaxDate)\r\n                            : (endDateTime.date || startMaxDate)\r\n                    }\r\n                    maxTime={\r\n                        endDateTime.date === startDateTime.date && startMaxTime\r\n                            ? (endDateTime.time < startMaxTime ? endDateTime.time : startMaxTime)\r\n                            : (endDateTime.date === startDateTime.date ? endDateTime.time : startMaxTime)\r\n                    }\r\n                    minTime={startMinTime}\r\n                    step={step}\r\n                />\r\n\r\n                <SingleDateTimeInput\r\n                    label=\"End\"\r\n                    name={field?.[1]}\r\n                    dateValue={endDateTime.date}\r\n                    timeValue={endDateTime.time}\r\n                    onChange={(values) =>\r\n                        updateDateTime('end', values, field[1])\r\n                    }\r\n                    onBlur={() => validation?.(\"end\")}\r\n                    minDate={\r\n                        startDateTime.date && endMinDate\r\n                            ? (startDateTime.date > endMinDate ? startDateTime.date : endMinDate)\r\n                            : (startDateTime.date || endMinDate)\r\n                    }\r\n                    maxDate={endMaxDate}\r\n                    minTime={(() => {\r\n                        const internalMin = endDateTime.date === startDateTime.date\r\n                            ? (startDateTime.time\r\n                                ? dayjs(`${startDateTime.date} ${startDateTime.time}`).add(30, 'minute').format('HH:mm')\r\n                                : undefined)\r\n                            : undefined;\r\n\r\n                        if (internalMin && endMinTime) {\r\n                            return internalMin > endMinTime ? internalMin : endMinTime;\r\n                        }\r\n                        return internalMin || endMinTime;\r\n                    })()}\r\n                    maxTime={endMaxTime}\r\n                    renderTimeExtra={getEndTimeDurationLabel}\r\n                    defaultMonth={startDateTime.date ? new Date(startDateTime.date) : undefined}\r\n                    step={step}\r\n                />\r\n            </div>\r\n\r\n\r\n            <AnimatePresence>\r\n                {getDuration() && (\r\n                    <motion.div\r\n                        initial={{ height: 0, opacity: 0, marginTop: 0 }}\r\n                        animate={{ height: 'auto', opacity: 1, marginTop: 8 }}\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                        <div className=\"px-5 py-3 bg-grey-50 flex justify-between items-center rounded-xl\">\r\n                            <span className={`text-sm font-medium ${hasError ? 'text-error-600' : 'text-purple-800'}`}>Duration</span>\r\n                            <span className={`text-sm ${hasError ? 'text-error-600' : 'text-purple-600'}`}>{getDuration()}</span>\r\n                        </div>\r\n                    </motion.div>\r\n                )}\r\n            </AnimatePresence>\r\n\r\n            <InputErrorMessage error={formDateErrors?.[field[0]] || formDateErrors?.[field[1]]} className=\"mt-2\" />\r\n        </div>\r\n    );\r\n}\r\n\r\nexport default memo(DateTimeField);\r\n"],"names":["duration"],"mappings":"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"}

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

@@ -0,0 +1,33 @@
+export declare enum EventCode {
+    DEFAULT_EVENT = "1",
+    OTP_SENT = "2",
+    USER_VERIFIED = "3",
+    WAITER_QR_TRANSACTION_FAILED = "4",
+    WAITER_QR_KNOWN_FAILURE = "5",
+    WAITER_QR_UNKNOWN_FAILURE = "6",
+    WAITER_QR_TRANSACTION_SUCCESSFUL = "7",
+    CLOSED_LOOP_OTP_SENT = "8",
+    INVALID_SESSION = "9",
+    OTP_RETRY = "10",
+    USER_EXISTS = "11",
+    RATE_LIMITED = "12",
+    USER_UN_VERIFIED = "13",
+    OTP_INVALID = "14",
+    OTP_EXPIRED = "15",
+    EVENT_REJECTED = "16"
+}
+interface EventSubmissionConfirmationModalProps {
+    open: boolean;
+    edit?: boolean;
+    eventId?: string;
+    eventData?: any;
+    setOpen: (open: boolean) => void;
+    onSubmit: () => Promise<string>;
+    onSuccess: (type: "draft" | "submit" | "next") => void;
+    isFinalStep?: boolean;
+    showPreview?: boolean;
+    isPolluted?: boolean;
+}
+declare function EventSubmissionConfirmationModal({ open, eventId, edit, eventData, setOpen, onSubmit, onSuccess, isFinalStep, showPreview, isPolluted, }: EventSubmissionConfirmationModalProps): import("react/jsx-runtime").JSX.Element;
+declare const _default: import('react').MemoExoticComponent<typeof EventSubmissionConfirmationModal>;
+export default _default;