@123usmanhaider321/ui 0.1.8 → 1.0.2

package/dist/components/EventAddForm/components/FormBuilderProceedModal.js

@@ -1,197 +0,0 @@
-import { jsx, jsxs, Fragment as Fragment$1 } from "react/jsx-runtime";
-import { memo, useState, Fragment } from "react";
-import { Transition, Dialog, Menu } from "@headlessui/react";
-import { motion } from "framer-motion";
-import { X, Eye, ChevronDown, User, Users } from "lucide-react";
-import Modal from "../../ui/Modal/index.js";
-import Link from "next/link";
-import { Button } from "../../Button/Button.js";
-const PreviewDropdown = ({ eventId, eventData }) => {
-  const basePath = `/form-preview?eventId=${eventId}&eventName=${encodeURIComponent((eventData == null ? void 0 : eventData.name) ?? "")}`;
-  return /* @__PURE__ */ jsx(Menu, { as: "div", className: "relative w-full", children: ({ open }) => /* @__PURE__ */ jsxs(Fragment$1, { children: [
-    /* @__PURE__ */ jsxs(Menu.Button, { className: "flex items-center gap-2 h-11 px-4 rounded-xl border border-grey-200 dark:border-strokedark bg-white dark:bg-boxdark text-sm font-medium text-grey-700 dark:text-grey-200 hover:bg-grey-50 dark:hover:bg-grey-800 transition w-full justify-between shadow-xs", children: [
-      /* @__PURE__ */ jsxs("span", { className: "flex items-center gap-2", children: [
-        /* @__PURE__ */ jsx(Eye, { className: "h-4 w-4 text-primaryx-500" }),
-        "Preview Form"
-      ] }),
-      /* @__PURE__ */ jsx(ChevronDown, { className: `h-4 w-4 text-grey-400 transition-transform duration-200 ${open ? "rotate-180" : ""}` })
-    ] }),
-    /* @__PURE__ */ jsx(
-      Transition,
-      {
-        as: Fragment,
-        enter: "transition ease-out duration-150",
-        enterFrom: "opacity-0 scale-95 -translate-y-1",
-        enterTo: "opacity-100 scale-100 translate-y-0",
-        leave: "transition ease-in duration-100",
-        leaveFrom: "opacity-100 scale-100 translate-y-0",
-        leaveTo: "opacity-0 scale-95 -translate-y-1",
-        children: /* @__PURE__ */ jsxs(
-          Menu.Items,
-          {
-            anchor: "bottom start",
-            className: "z-[9999] mt-1 w-[var(--button-width)] rounded-xl border border-grey-200 dark:border-strokedark bg-white dark:bg-boxdark shadow-lg overflow-hidden focus:outline-none",
-            children: [
-              /* @__PURE__ */ jsx(Menu.Item, { children: ({ active }) => /* @__PURE__ */ jsxs(
-                Link,
-                {
-                  href: `${basePath}&registration_type=INDIVIDUAL`,
-                  target: "_blank",
-                  rel: "noopener noreferrer",
-                  className: `flex items-center gap-3 px-4 py-3 text-sm text-grey-700 dark:text-grey-200 transition ${active ? "bg-primaryx-50 dark:bg-grey-800" : ""}`,
-                  children: [
-                    /* @__PURE__ */ jsx(User, { className: "h-4 w-4 text-primaryx-500 shrink-0" }),
-                    /* @__PURE__ */ jsxs("div", { children: [
-                      /* @__PURE__ */ jsx("p", { className: "font-medium", children: "Individual" }),
-                      /* @__PURE__ */ jsx("p", { className: "text-xs text-grey-400", children: "Preview individual registration form" })
-                    ] })
-                  ]
-                }
-              ) }),
-              /* @__PURE__ */ jsx("div", { className: "border-t border-grey-100 dark:border-strokedark" }),
-              /* @__PURE__ */ jsx(Menu.Item, { children: ({ active }) => /* @__PURE__ */ jsxs(
-                Link,
-                {
-                  href: `${basePath}&registration_type=TEAM`,
-                  target: "_blank",
-                  rel: "noopener noreferrer",
-                  className: `flex items-center gap-3 px-4 py-3 text-sm text-grey-700 dark:text-grey-200 transition ${active ? "bg-primaryx-50 dark:bg-grey-800" : ""}`,
-                  children: [
-                    /* @__PURE__ */ jsx(Users, { className: "h-4 w-4 text-primaryx-500 shrink-0" }),
-                    /* @__PURE__ */ jsxs("div", { children: [
-                      /* @__PURE__ */ jsx("p", { className: "font-medium", children: "Team" }),
-                      /* @__PURE__ */ jsx("p", { className: "text-xs text-grey-400", children: "Preview team registration form" })
-                    ] })
-                  ]
-                }
-              ) })
-            ]
-          }
-        )
-      }
-    )
-  ] }) });
-};
-const PreviewLink = ({ eventId, eventData }) => /* @__PURE__ */ jsxs(
-  Link,
-  {
-    href: `/form-preview?eventId=${eventId}&eventName=${encodeURIComponent((eventData == null ? void 0 : eventData.name) ?? "")}`,
-    target: "_blank",
-    rel: "noopener noreferrer",
-    className: "flex items-center gap-2 h-11 px-4 rounded-xl border border-grey-200 dark:border-strokedark bg-white dark:bg-boxdark text-sm font-medium text-grey-700 dark:text-grey-200 hover:bg-grey-50 dark:hover:bg-grey-800 transition w-full shadow-xs justify-center",
-    children: [
-      /* @__PURE__ */ jsx(Eye, { className: "h-4 w-4 text-primaryx-500" }),
-      "Preview Form"
-    ]
-  }
-);
-function FormBuilderProceedModal({
-  open,
-  setOpen,
-  eventId,
-  eventData,
-  onConfirm
-}) {
-  const [isLoading, setIsLoading] = useState(false);
-  const handleClose = () => {
-    if (!isLoading) setOpen(false);
-  };
-  const handleConfirm = async () => {
-    setIsLoading(true);
-    try {
-      await onConfirm();
-    } catch (err) {
-      console.error("Proceed failed", err);
-    } finally {
-      setIsLoading(false);
-    }
-  };
-  const isBoth = ["3", "BOTH"].includes(eventData == null ? void 0 : eventData.participants_type);
-  return /* @__PURE__ */ jsx(
-    Modal,
-    {
-      open,
-      handleClose,
-      closeOnEscape: false,
-      closeOnOutsideClick: false,
-      children: /* @__PURE__ */ jsx("div", { className: "fixed inset-0 z-10 overflow-y-auto", children: /* @__PURE__ */ jsx("div", { className: "flex min-h-full items-center justify-center p-4 sm:p-0", children: /* @__PURE__ */ jsx(
-        Transition.Child,
-        {
-          as: Fragment,
-          enter: "ease-out duration-300",
-          enterFrom: "opacity-0 translate-y-6 sm:translate-y-0 sm:scale-95",
-          enterTo: "opacity-100 translate-y-0 sm:scale-100",
-          leave: "ease-in duration-200",
-          leaveFrom: "opacity-100 translate-y-0 sm:scale-100",
-          leaveTo: "opacity-0 translate-y-6 sm:translate-y-0 sm:scale-95",
-          children: /* @__PURE__ */ jsx(Dialog.Panel, { className: "relative max-w-xl", children: /* @__PURE__ */ jsxs(
-            motion.div,
-            {
-              initial: { opacity: 0, y: 40, scale: 0.98 },
-              animate: { opacity: 1, y: 0, scale: 1 },
-              exit: { opacity: 0, y: 20, scale: 0.98 },
-              transition: { type: "spring", stiffness: 120, damping: 15 },
-              className: "\r\n                                    relative transform overflow-hidden rounded-2xl\r\n                                    bg-white/80 dark:bg-boxdark/80 backdrop-blur-md\r\n                                    text-left shadow-2xl border border-grey-200/50 dark:border-strokedark/60\r\n                                    w-full mx-auto px-6 sm:px-8 py-6 sm:py-8\r\n                                    flex flex-col max-h-[90vh]\r\n                                ",
-              children: [
-                /* @__PURE__ */ jsxs("div", { className: "flex justify-between items-center mb-6", children: [
-                  /* @__PURE__ */ jsx(
-                    Dialog.Title,
-                    {
-                      as: "h3",
-                      className: "text-xl sm:text-2xl font-semibold leading-tight text-grey-900 dark:text-white tracking-tight",
-                      children: "Ready to proceed?"
-                    }
-                  ),
-                  /* @__PURE__ */ jsx(
-                    motion.button,
-                    {
-                      whileTap: { scale: 0.9 },
-                      type: "button",
-                      className: "text-grey-400 hover:text-grey-500 transition",
-                      onClick: handleClose,
-                      "aria-label": "Close modal",
-                      disabled: isLoading,
-                      children: /* @__PURE__ */ jsx(X, { className: "h-5 w-5" })
-                    }
-                  )
-                ] }),
-                /* @__PURE__ */ jsxs("div", { className: "space-y-6", children: [
-                  /* @__PURE__ */ jsx("p", { className: "text-grey-600 text-sm leading-relaxed", children: "You've finished the form setup. Let's add social profiles next to complete your event profile." }),
-                  /* @__PURE__ */ jsx("div", { className: "pt-1", children: isBoth ? /* @__PURE__ */ jsx(PreviewDropdown, { eventId, eventData }) : /* @__PURE__ */ jsx(PreviewLink, { eventId, eventData }) }),
-                  /* @__PURE__ */ jsxs("div", { className: "flex flex-col sm:flex-row gap-3", children: [
-                    /* @__PURE__ */ jsx(
-                      Button,
-                      {
-                        type: "button",
-                        variant: "outline",
-                        onClick: handleClose,
-                        className: "w-full h-11",
-                        disabled: isLoading,
-                        children: "Cancel"
-                      }
-                    ),
-                    /* @__PURE__ */ jsx(
-                      Button,
-                      {
-                        type: "button",
-                        onClick: handleConfirm,
-                        className: "w-full h-11",
-                        disabled: isLoading,
-                        children: isLoading ? "Saving..." : "Confirm & Next"
-                      }
-                    )
-                  ] })
-                ] })
-              ]
-            }
-          ) })
-        }
-      ) }) })
-    }
-  );
-}
-const FormBuilderProceedModal$1 = memo(FormBuilderProceedModal);
-export {
-  FormBuilderProceedModal$1 as default
-};
-//# sourceMappingURL=FormBuilderProceedModal.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"FormBuilderProceedModal.js","sources":["../../../../src/components/EventAddForm/components/FormBuilderProceedModal.tsx"],"sourcesContent":["\"use client\"\r\n\r\nimport { memo, useState } from \"react\"\r\nimport { Dialog, Menu, Transition } from \"@headlessui/react\"\r\nimport { Fragment } from \"react\"\r\nimport { motion } from \"framer-motion\"\r\nimport { X, Eye, User, Users, ChevronDown } from \"lucide-react\"\r\nimport { Button } from \"../../Button\"\r\nimport Modal from \"@/components/ui/Modal\"\r\nimport Link from \"next/link\"\r\n\r\ninterface FormBuilderProceedModalProps {\r\n    open: boolean;\r\n    setOpen: (open: boolean) => void;\r\n    eventId?: string;\r\n    eventData?: any;\r\n    onConfirm: () => Promise<void>;\r\n}\r\n\r\nconst PreviewDropdown = ({ eventId, eventData }: { eventId?: string; eventData?: any }) => {\r\n    const basePath = `/form-preview?eventId=${eventId}&eventName=${encodeURIComponent(eventData?.name ?? \"\")}`\r\n\r\n    return (\r\n        <Menu as=\"div\" className=\"relative w-full\">\r\n            {({ open }) => (\r\n                <>\r\n                    <Menu.Button className=\"flex items-center gap-2 h-11 px-4 rounded-xl border border-grey-200 dark:border-strokedark bg-white dark:bg-boxdark text-sm font-medium text-grey-700 dark:text-grey-200 hover:bg-grey-50 dark:hover:bg-grey-800 transition w-full justify-between shadow-xs\">\r\n                        <span className=\"flex items-center gap-2\">\r\n                            <Eye className=\"h-4 w-4 text-primaryx-500\" />\r\n                            Preview Form\r\n                        </span>\r\n                        <ChevronDown className={`h-4 w-4 text-grey-400 transition-transform duration-200 ${open ? \"rotate-180\" : \"\"}`} />\r\n                    </Menu.Button>\r\n\r\n                    <Transition\r\n                        as={Fragment}\r\n                        enter=\"transition ease-out duration-150\"\r\n                        enterFrom=\"opacity-0 scale-95 -translate-y-1\"\r\n                        enterTo=\"opacity-100 scale-100 translate-y-0\"\r\n                        leave=\"transition ease-in duration-100\"\r\n                        leaveFrom=\"opacity-100 scale-100 translate-y-0\"\r\n                        leaveTo=\"opacity-0 scale-95 -translate-y-1\"\r\n                    >\r\n                        <Menu.Items\r\n                            anchor=\"bottom start\"\r\n                            className=\"z-[9999] mt-1 w-[var(--button-width)] rounded-xl border border-grey-200 dark:border-strokedark bg-white dark:bg-boxdark shadow-lg overflow-hidden focus:outline-none\"\r\n                        >\r\n                            <Menu.Item>\r\n                                {({ active }) => (\r\n                                    <Link\r\n                                        href={`${basePath}&registration_type=INDIVIDUAL`}\r\n                                        target=\"_blank\"\r\n                                        rel=\"noopener noreferrer\"\r\n                                        className={`flex items-center gap-3 px-4 py-3 text-sm text-grey-700 dark:text-grey-200 transition ${active ? \"bg-primaryx-50 dark:bg-grey-800\" : \"\"}`}\r\n                                    >\r\n                                        <User className=\"h-4 w-4 text-primaryx-500 shrink-0\" />\r\n                                        <div>\r\n                                            <p className=\"font-medium\">Individual</p>\r\n                                            <p className=\"text-xs text-grey-400\">Preview individual registration form</p>\r\n                                        </div>\r\n                                    </Link>\r\n                                )}\r\n                            </Menu.Item>\r\n                            <div className=\"border-t border-grey-100 dark:border-strokedark\" />\r\n                            <Menu.Item>\r\n                                {({ active }) => (\r\n                                    <Link\r\n                                        href={`${basePath}&registration_type=TEAM`}\r\n                                        target=\"_blank\"\r\n                                        rel=\"noopener noreferrer\"\r\n                                        className={`flex items-center gap-3 px-4 py-3 text-sm text-grey-700 dark:text-grey-200 transition ${active ? \"bg-primaryx-50 dark:bg-grey-800\" : \"\"}`}\r\n                                    >\r\n                                        <Users className=\"h-4 w-4 text-primaryx-500 shrink-0\" />\r\n                                        <div>\r\n                                            <p className=\"font-medium\">Team</p>\r\n                                            <p className=\"text-xs text-grey-400\">Preview team registration form</p>\r\n                                        </div>\r\n                                    </Link>\r\n                                )}\r\n                            </Menu.Item>\r\n                        </Menu.Items>\r\n                    </Transition>\r\n                </>\r\n            )}\r\n        </Menu>\r\n    )\r\n}\r\n\r\nconst PreviewLink = ({ eventId, eventData }: { eventId?: string; eventData?: any }) => (\r\n    <Link\r\n        href={`/form-preview?eventId=${eventId}&eventName=${encodeURIComponent(eventData?.name ?? \"\")}`}\r\n        target=\"_blank\"\r\n        rel=\"noopener noreferrer\"\r\n        className=\"flex items-center gap-2 h-11 px-4 rounded-xl border border-grey-200 dark:border-strokedark bg-white dark:bg-boxdark text-sm font-medium text-grey-700 dark:text-grey-200 hover:bg-grey-50 dark:hover:bg-grey-800 transition w-full shadow-xs justify-center\"\r\n    >\r\n        <Eye className=\"h-4 w-4 text-primaryx-500\" />\r\n        Preview Form\r\n    </Link>\r\n)\r\n\r\nfunction FormBuilderProceedModal({\r\n    open,\r\n    setOpen,\r\n    eventId,\r\n    eventData,\r\n    onConfirm,\r\n}: FormBuilderProceedModalProps) {\r\n    const [isLoading, setIsLoading] = useState(false)\r\n\r\n    const handleClose = () => {\r\n        if (!isLoading) setOpen(false)\r\n    }\r\n\r\n    const handleConfirm = async () => {\r\n        setIsLoading(true)\r\n        try {\r\n            await onConfirm()\r\n        } catch (err) {\r\n            console.error(\"Proceed failed\", err)\r\n        } finally {\r\n            setIsLoading(false)\r\n        }\r\n    }\r\n\r\n    const isBoth = [\"3\", \"BOTH\"].includes(eventData?.participants_type)\r\n\r\n    return (\r\n        <Modal\r\n            open={open}\r\n            handleClose={handleClose}\r\n            closeOnEscape={false}\r\n            closeOnOutsideClick={false}\r\n        >\r\n            <div className=\"fixed inset-0 z-10 overflow-y-auto\">\r\n                <div className=\"flex min-h-full items-center justify-center p-4 sm:p-0\">\r\n                    <Transition.Child\r\n                        as={Fragment}\r\n                        enter=\"ease-out duration-300\"\r\n                        enterFrom=\"opacity-0 translate-y-6 sm:translate-y-0 sm:scale-95\"\r\n                        enterTo=\"opacity-100 translate-y-0 sm:scale-100\"\r\n                        leave=\"ease-in duration-200\"\r\n                        leaveFrom=\"opacity-100 translate-y-0 sm:scale-100\"\r\n                        leaveTo=\"opacity-0 translate-y-6 sm:translate-y-0 sm:scale-95\"\r\n                    >\r\n                        <Dialog.Panel className=\"relative max-w-xl\">\r\n                            <motion.div\r\n                                initial={{ opacity: 0, y: 40, scale: 0.98 }}\r\n                                animate={{ opacity: 1, y: 0, scale: 1 }}\r\n                                exit={{ opacity: 0, y: 20, scale: 0.98 }}\r\n                                transition={{ type: \"spring\", stiffness: 120, damping: 15 }}\r\n                                className=\"\r\n                                    relative transform overflow-hidden rounded-2xl\r\n                                    bg-white/80 dark:bg-boxdark/80 backdrop-blur-md\r\n                                    text-left shadow-2xl border border-grey-200/50 dark:border-strokedark/60\r\n                                    w-full mx-auto px-6 sm:px-8 py-6 sm:py-8\r\n                                    flex flex-col max-h-[90vh]\r\n                                \"\r\n                            >\r\n                                {/* Header */}\r\n                                <div className=\"flex justify-between items-center mb-6\">\r\n                                    <Dialog.Title\r\n                                        as=\"h3\"\r\n                                        className=\"text-xl sm:text-2xl font-semibold leading-tight text-grey-900 dark:text-white tracking-tight\"\r\n                                    >\r\n                                        Ready to proceed?\r\n                                    </Dialog.Title>\r\n\r\n                                    <motion.button\r\n                                        whileTap={{ scale: 0.9 }}\r\n                                        type=\"button\"\r\n                                        className=\"text-grey-400 hover:text-grey-500 transition\"\r\n                                        onClick={handleClose}\r\n                                        aria-label=\"Close modal\"\r\n                                        disabled={isLoading}\r\n                                    >\r\n                                        <X className=\"h-5 w-5\" />\r\n                                    </motion.button>\r\n                                </div>\r\n\r\n                                {/* Body */}\r\n                                <div className=\"space-y-6\">\r\n                                    <p className=\"text-grey-600 text-sm leading-relaxed\">\r\n                                        You&apos;ve finished the form setup. Let&apos;s add social profiles next to complete your event profile.\r\n                                    </p>\r\n\r\n                                    {/* Preview */}\r\n                                    <div className=\"pt-1\">\r\n                                        {isBoth ? (\r\n                                            <PreviewDropdown eventId={eventId} eventData={eventData} />\r\n                                        ) : (\r\n                                            <PreviewLink eventId={eventId} eventData={eventData} />\r\n                                        )}\r\n                                    </div>\r\n\r\n                                    {/* Actions */}\r\n                                    <div className=\"flex flex-col sm:flex-row gap-3\">\r\n                                        <Button\r\n                                            type=\"button\"\r\n                                            variant=\"outline\"\r\n                                            onClick={handleClose}\r\n                                            className=\"w-full h-11\"\r\n                                            disabled={isLoading}\r\n                                        >\r\n                                            Cancel\r\n                                        </Button>\r\n                                        <Button\r\n                                            type=\"button\"\r\n                                            onClick={handleConfirm}\r\n                                            className=\"w-full h-11\"\r\n                                            disabled={isLoading}\r\n                                        >\r\n                                            {isLoading ? \"Saving...\" : \"Confirm & Next\"}\r\n                                        </Button>\r\n                                    </div>\r\n                                </div>\r\n                            </motion.div>\r\n                        </Dialog.Panel>\r\n                    </Transition.Child>\r\n                </div>\r\n            </div>\r\n        </Modal>\r\n    )\r\n}\r\n\r\nexport default memo(FormBuilderProceedModal)\r\n"],"names":["Fragment"],"mappings":"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"}