@123usmanhaider321/ui 0.1.0 → 0.1.8

package/dist/components/StepperForm/AddEventLayout.d.ts

@@ -1,66 +0,0 @@
-import { default as React } from 'react';
-
-export interface AddEventLayoutProps {
-    steps: {
-        id: number;
-        title: string;
-    }[];
-    currentStep: number;
-    maxStepReached: number;
-    isNavigationBlocked: boolean;
-    onJumpToStep: (id: number) => void;
-    children: React.ReactNode;
-    onBack: () => void;
-    onNext: () => void;
-    onSaveDraft: () => void;
-    isProcessing?: boolean;
-    isSubmitting?: boolean;
-    isSyncingData?: boolean;
-    isNavigating?: boolean;
-    isChildBusy?: boolean;
-    edit?: boolean;
-    isFetchError?: boolean;
-    isFetching?: boolean;
-    onRetryFetch?: () => void;
-    alert: {
-        show: boolean;
-        message: string;
-        type: 'success' | 'error';
-    };
-    onCloseAlert: () => void;
-    submissionModalProps: {
-        open: boolean;
-        setOpen: (open: boolean) => void;
-        onSaveInDraft?: () => Promise<void>;
-        onConfirmAndSave?: () => Promise<void>;
-        isFinalStep?: boolean;
-        showPreview?: boolean;
-        isPolluted?: boolean;
-        isLoading?: boolean;
-        isSuccess?: boolean;
-        isError?: boolean;
-        isAnalyzing?: boolean;
-        successMessage?: string;
-        errorMessage?: string;
-    };
-    confirmationModalProps: {
-        open: boolean;
-        title: string;
-        description: string;
-        onClose: () => void;
-        onConfirm: () => void;
-        confirmText?: string;
-        cancelText?: string;
-    };
-    exitConfirmationModalProps: {
-        open: boolean;
-        onClose: () => void;
-        onConfirm: () => void;
-    };
-    eventId?: string | null;
-    eventData?: any;
-    mode?: "questions" | "social" | null;
-    onRouteBack: () => void;
-    Loader?: React.ComponentType;
-}
-export declare const AddEventLayout: ({ steps, currentStep, maxStepReached, isNavigationBlocked, onJumpToStep, children, onBack, onNext, onSaveDraft, isProcessing, isSubmitting, isSyncingData, isNavigating, isChildBusy, edit, isFetchError, isFetching, onRetryFetch, alert, onCloseAlert, submissionModalProps, confirmationModalProps, exitConfirmationModalProps, eventId, onRouteBack, eventData, mode, Loader }: AddEventLayoutProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/StepperForm/AddEventLayout.js

@@ -1,220 +0,0 @@
-import { j as jsxRuntimeExports } from "../../node_modules/react/jsx-runtime.js";
-import React__default from "react";
-import { Button } from "../Button/Button.js";
-import { Alert } from "../Alert/Alert.js";
-import ConfirmationModal from "../ConfirmationModal/ConfirmationModal.js";
-import EventSubmissionConfirmationModal from "./EventSubmissionConfirmationModal.js";
-import { Tooltip } from "../Tooltip/Tooltip.js";
-import { cn } from "../../utils/cn.js";
-import ChevronLeft from "../../node_modules/lucide-react/dist/esm/icons/chevron-left.js";
-import { AnimatePresence } from "../../node_modules/framer-motion/dist/es/components/AnimatePresence/index.js";
-import { motion } from "../../node_modules/framer-motion/dist/es/render/components/motion/proxy.js";
-import Check from "../../node_modules/lucide-react/dist/esm/icons/check.js";
-const AddEventLayout = ({
-  steps,
-  currentStep,
-  maxStepReached,
-  isNavigationBlocked,
-  onJumpToStep,
-  children,
-  onBack,
-  onNext,
-  onSaveDraft,
-  isProcessing,
-  isSubmitting,
-  isSyncingData,
-  isNavigating,
-  isChildBusy,
-  edit,
-  isFetchError,
-  isFetching,
-  onRetryFetch,
-  alert,
-  onCloseAlert,
-  submissionModalProps,
-  confirmationModalProps,
-  exitConfirmationModalProps,
-  eventId,
-  onRouteBack,
-  eventData,
-  mode,
-  Loader
-}) => {
-  const isFirstStep = steps.length > 0 && currentStep === steps[0].id;
-  const isLastStep = steps.length > 0 && currentStep === steps[steps.length - 1].id;
-  const DefaultLoader = () => /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "ui-fixed ui-inset-0 ui-z-[10000] ui-bg-black/50 ui-backdrop-blur-sm ui-flex ui-items-center ui-justify-center", children: /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "ui-animate-spin ui-rounded-full ui-h-16 ui-w-16 ui-border-b-2 ui-border-white" }) });
-  const EffectiveLoader = Loader || DefaultLoader;
-  return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { id: "add-event-layout", className: "ui-min-h-screen ui-bg-white ui-flex ui-flex-col ui-items-center", children: [
-    /* @__PURE__ */ jsxRuntimeExports.jsx(
-      EventSubmissionConfirmationModal,
-      {
-        open: submissionModalProps.open,
-        eventId: eventId || "",
-        eventData,
-        setOpen: submissionModalProps.setOpen,
-        onSaveInDraft: submissionModalProps.onSaveInDraft,
-        onConfirmAndSave: submissionModalProps.onConfirmAndSave,
-        isFinalStep: submissionModalProps.isFinalStep,
-        showPreview: submissionModalProps.showPreview,
-        isPolluted: submissionModalProps == null ? void 0 : submissionModalProps.isPolluted,
-        isLoading: submissionModalProps.isLoading,
-        isSuccess: submissionModalProps.isSuccess,
-        isError: submissionModalProps.isError,
-        isAnalyzing: submissionModalProps.isAnalyzing,
-        successMessage: submissionModalProps.successMessage,
-        errorMessage: submissionModalProps.errorMessage
-      }
-    ),
-    /* @__PURE__ */ jsxRuntimeExports.jsx(
-      Alert,
-      {
-        isVisible: alert.show,
-        message: alert.message,
-        type: alert.type,
-        onClose: onCloseAlert
-      }
-    ),
-    /* @__PURE__ */ jsxRuntimeExports.jsx(
-      ConfirmationModal,
-      {
-        open: confirmationModalProps.open,
-        title: confirmationModalProps.title,
-        description: confirmationModalProps.description,
-        onClose: confirmationModalProps.onClose,
-        onConfirm: confirmationModalProps.onConfirm,
-        confirmText: confirmationModalProps.confirmText || "Confirm & Proceed",
-        cancelText: confirmationModalProps.cancelText || "Cancel"
-      }
-    ),
-    /* @__PURE__ */ jsxRuntimeExports.jsx(
-      ConfirmationModal,
-      {
-        open: exitConfirmationModalProps.open,
-        title: "Discard changes?",
-        description: "You have unsaved changes. Are you sure you want to discard them and leave?",
-        onClose: exitConfirmationModalProps.onClose,
-        onConfirm: exitConfirmationModalProps.onConfirm,
-        confirmText: "Discard & leave",
-        cancelText: "Cancel"
-      }
-    ),
-    edit && isFetchError && onRetryFetch && /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "ui-fixed ui-inset-0 ui-z-[10000] ui-bg-black/5 ui-backdrop-blur-sm ui-flex ui-items-center ui-justify-center", children: /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "ui-p-10 ui-rounded-xl ui-bg-white ui-flex ui-items-center ui-justify-center ui-flex-col ui-gap-4 ui-shadow-xl", children: [
-      /* @__PURE__ */ jsxRuntimeExports.jsx("p", { className: "ui-text-red-500 ui-font-medium", children: "Failed to load event details." }),
-      /* @__PURE__ */ jsxRuntimeExports.jsx(Button, { onClick: onRetryFetch, children: "Retry" })
-    ] }) }),
-    (edit && isFetching || isProcessing || isSubmitting || isSyncingData || isNavigating) && /* @__PURE__ */ jsxRuntimeExports.jsx(EffectiveLoader, {}),
-    /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: cn("ui-w-full ui-relative ui-space-y-10", steps.length > 1 ? "sm:ui-mb-20 ui-mb-10" : "ui-mb-6"), children: [
-      /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "ui-w-full ui-py-4 sm:ui-py-8 ui-px-4 sm:ui-px-20", children: /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "ui-flex ui-items-center ui-gap-4 ui-text-gray-500 hover:ui-text-gray-900 ui-transition-colors ui-duration-200", children: [
-        /* @__PURE__ */ jsxRuntimeExports.jsx(
-          Tooltip,
-          {
-            placement: "right",
-            content: /* @__PURE__ */ jsxRuntimeExports.jsx("p", { className: "ui-text-white ui-text-xs", children: "Go back" }),
-            children: /* @__PURE__ */ jsxRuntimeExports.jsx(
-              "button",
-              {
-                onClick: onRouteBack,
-                disabled: isChildBusy || isNavigating,
-                className: "ui-w-11 ui-h-9 ui-rounded-lg ui-border ui-border-gray-200 ui-flex ui-items-center ui-justify-center ui-text-gray-800 hover:ui-text-gray-900 disabled:ui-opacity-50 disabled:ui-cursor-not-allowed",
-                children: /* @__PURE__ */ jsxRuntimeExports.jsx(ChevronLeft, { className: "ui-w-5 ui-h-5" })
-              }
-            )
-          }
-        ),
-        /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "lg:ui-text-[30px] ui-text-2xl ui-font-semibold ui-text-gray-800", children: mode === "questions" ? "Edit Questions" : mode === "social" ? "Edit Social Profiles" : (edit ? "Edit" : "Create") + " Event" })
-      ] }) }),
-      steps.length > 1 && /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "ui-flex ui-items-center ui-justify-center ui-w-full ui-max-w-[800px] ui-mx-auto ui-px-4 sm:ui-px-20", children: /* @__PURE__ */ jsxRuntimeExports.jsx(AnimatePresence, { mode: "popLayout", children: steps.map((step, index) => {
-        const isActive = step.id === currentStep;
-        const isCompleted = step.id < currentStep;
-        const isClickable = !isNavigationBlocked && !isChildBusy && step.id < currentStep;
-        return /* @__PURE__ */ jsxRuntimeExports.jsxs(React__default.Fragment, { children: [
-          /* @__PURE__ */ jsxRuntimeExports.jsxs(
-            motion.div,
-            {
-              layout: true,
-              className: cn(
-                "ui-relative ui-flex ui-flex-col ui-items-center ui-gap-2 ui-z-10",
-                isClickable ? "ui-cursor-pointer" : "ui-cursor-not-allowed ui-opacity-80"
-              ),
-              onClick: () => {
-                if (isClickable) onJumpToStep(step.id);
-              },
-              children: [
-                /* @__PURE__ */ jsxRuntimeExports.jsx(
-                  "div",
-                  {
-                    className: cn(
-                      "ui-w-8 ui-h-8 ui-rounded-full ui-flex ui-items-center ui-justify-center ui-text-sm ui-font-semibold ui-transition-all ui-duration-300",
-                      isActive ? "ui-bg-white ui-border-2 ui-border-purple-600 ui-text-purple-600 ui-shadow-[0_0_0_4px_rgba(147,51,234,0.2)]" : isCompleted ? "ui-bg-purple-600 ui-text-white" : "ui-bg-gray-200 ui-text-gray-400"
-                    ),
-                    children: isCompleted ? /* @__PURE__ */ jsxRuntimeExports.jsx(Check, { className: "ui-w-5 ui-h-5" }) : index + 1
-                  }
-                ),
-                /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: cn(
-                  "ui-w-[100px] ui-text-center ui-absolute ui-top-9 sm:ui-inline ui-hidden ui-text-sm ui-font-medium",
-                  isActive ? "ui-text-gray-900" : "ui-text-gray-500"
-                ), children: step.title })
-              ]
-            }
-          ),
-          index < steps.length - 1 && /* @__PURE__ */ jsxRuntimeExports.jsx(
-            motion.div,
-            {
-              layout: true,
-              className: "ui-w-12 sm:ui-w-24 ui-h-[2px] ui-mx-2 ui-self-start ui-mt-4 ui-bg-gray-200 ui-relative ui-flex-shrink-0",
-              children: /* @__PURE__ */ jsxRuntimeExports.jsx(
-                "div",
-                {
-                  className: "ui-absolute ui-left-0 ui-top-0 ui-h-full ui-bg-purple-600 ui-transition-all ui-duration-500 ui-ease-in-out",
-                  style: { width: isCompleted ? "100%" : "0%" }
-                }
-              )
-            }
-          )
-        ] }, step.id);
-      }) }) })
-    ] }),
-    /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "ui-w-full ui-relative ui-flex-1 ui-flex ui-flex-col", children: [
-      /* @__PURE__ */ jsxRuntimeExports.jsx(AnimatePresence, { mode: "wait", children: /* @__PURE__ */ jsxRuntimeExports.jsx(
-        motion.div,
-        {
-          initial: { opacity: 0, y: 10 },
-          animate: { opacity: 1, y: 0 },
-          exit: { opacity: 0, y: -10 },
-          transition: { duration: 0.3 },
-          className: "ui-w-full ui-px-4 sm:ui-px-6 lg:ui-px-8 ui-mb-20 ui-max-w-6xl ui-mx-auto",
-          children
-        },
-        currentStep
-      ) }),
-      /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "ui-fixed ui-bottom-0 ui-w-full ui-flex ui-items-center ui-justify-end ui-py-4 ui-mt-auto ui-px-8 ui-pointer-events-none md:ui-right-16", children: /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "ui-flex ui-items-center ui-gap-3 ui-pointer-events-auto", children: [
-        /* @__PURE__ */ jsxRuntimeExports.jsx(
-          "button",
-          {
-            onClick: onBack,
-            disabled: isFirstStep || isProcessing || isNavigationBlocked || isChildBusy,
-            className: cn(
-              "ui-px-6 ui-py-2.5 ui-rounded-xl ui-font-medium ui-text-sm ui-transition-all ui-duration-200",
-              isFirstStep || isNavigationBlocked || isChildBusy ? "ui-text-gray-300 ui-cursor-not-allowed" : "ui-text-gray-600 hover:ui-bg-gray-100 hover:ui-text-gray-900",
-              isFirstStep ? "ui-hidden" : "ui-inline"
-            ),
-            children: "Back"
-          }
-        ),
-        /* @__PURE__ */ jsxRuntimeExports.jsx(
-          Button,
-          {
-            onClick: onNext,
-            disabled: isSubmitting || isProcessing || isNavigationBlocked,
-            className: "ui-w-32",
-            children: /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "ui-relative ui-z-10 ui-flex ui-items-center ui-gap-2", children: isLastStep ? /* @__PURE__ */ jsxRuntimeExports.jsx("span", { children: isSubmitting || isProcessing ? "Saving..." : "Submit" }) : /* @__PURE__ */ jsxRuntimeExports.jsx("span", { children: "Next" }) })
-          }
-        )
-      ] }) })
-    ] })
-  ] });
-};
-export {
-  AddEventLayout
-};
-//# sourceMappingURL=AddEventLayout.js.map

package/dist/components/StepperForm/AddEventLayout.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"AddEventLayout.js","sources":["../../../src/components/StepperForm/AddEventLayout.tsx"],"sourcesContent":["\"use client\";\n\nimport React from 'react';\nimport { motion, AnimatePresence } from 'framer-motion';\nimport { Check, ChevronLeft } from 'lucide-react';\n\nimport { Button } from '../Button';\nimport { Alert } from '../Alert/Alert';\nimport ConfirmationModal from '../ConfirmationModal/ConfirmationModal';\nimport EventSubmissionConfirmationModal from './EventSubmissionConfirmationModal';\nimport { Tooltip } from '../Tooltip/Tooltip';\nimport { cn } from '../../utils/cn';\n\nexport interface AddEventLayoutProps {\n    // Stepper State\n    steps: { id: number; title: string }[];\n    currentStep: number;\n    maxStepReached: number;\n    isNavigationBlocked: boolean;\n    onJumpToStep: (id: number) => void;\n\n    // Content\n    children: React.ReactNode;\n\n    // Navigation Actions\n    onBack: () => void;\n    onNext: () => void;\n    onSaveDraft: () => void;\n\n    // Loading/Processing State\n    isProcessing?: boolean;\n    isSubmitting?: boolean;\n    isSyncingData?: boolean;\n    isNavigating?: boolean;\n    isChildBusy?: boolean;\n    edit?: boolean;\n    isFetchError?: boolean;\n    isFetching?: boolean;\n    onRetryFetch?: () => void;\n\n    // Feedback Alert (Controlled by parent)\n    alert: { show: boolean; message: string; type: 'success' | 'error' };\n    onCloseAlert: () => void;\n\n    // Submission Modal Props\n    submissionModalProps: {\n        open: boolean;\n        setOpen: (open: boolean) => void;\n        onSaveInDraft?: () => Promise<void>;\n        onConfirmAndSave?: () => Promise<void>;\n        isFinalStep?: boolean;\n        showPreview?: boolean;\n        isPolluted?: boolean;\n        isLoading?: boolean;\n        isSuccess?: boolean;\n        isError?: boolean;\n        isAnalyzing?: boolean;\n        successMessage?: string;\n        errorMessage?: string;\n    };\n\n    // Generic Confirmation Modal Props (used for type switching or exits)\n    confirmationModalProps: {\n        open: boolean;\n        title: string;\n        description: string;\n        onClose: () => void;\n        onConfirm: () => void;\n        confirmText?: string;\n        cancelText?: string;\n    };\n\n    exitConfirmationModalProps: {\n        open: boolean;\n        onClose: () => void;\n        onConfirm: () => void;\n    };\n\n    // Preview\n    eventId?: string | null;\n    eventData?: any;\n    mode?: \"questions\" | \"social\" | null;\n\n    // Route Back\n    onRouteBack: () => void;\n    \n    // Custom Loader (Optional)\n    Loader?: React.ComponentType;\n}\n\nexport const AddEventLayout = ({\n    steps,\n    currentStep,\n    maxStepReached,\n    isNavigationBlocked,\n    onJumpToStep,\n    children,\n    onBack,\n    onNext,\n    onSaveDraft,\n    isProcessing,\n    isSubmitting,\n    isSyncingData,\n    isNavigating,\n    isChildBusy,\n    edit,\n    isFetchError,\n    isFetching,\n    onRetryFetch,\n    alert,\n    onCloseAlert,\n    submissionModalProps,\n    confirmationModalProps,\n    exitConfirmationModalProps,\n    eventId,\n    onRouteBack,\n    eventData,\n    mode,\n    Loader\n}: AddEventLayoutProps) => {\n\n    const isFirstStep = steps.length > 0 && currentStep === steps[0].id;\n    const isLastStep = steps.length > 0 && currentStep === steps[steps.length - 1].id;\n\n    const DefaultLoader = () => (\n        <div className=\"ui-fixed ui-inset-0 ui-z-[10000] ui-bg-black/50 ui-backdrop-blur-sm ui-flex ui-items-center ui-justify-center\">\n            <div className=\"ui-animate-spin ui-rounded-full ui-h-16 ui-w-16 ui-border-b-2 ui-border-white\"></div>\n        </div>\n    );\n\n    const EffectiveLoader = Loader || DefaultLoader;\n\n    return (\n        <div id=\"add-event-layout\" className=\"ui-min-h-screen ui-bg-white ui-flex ui-flex-col ui-items-center\">\n            <EventSubmissionConfirmationModal\n                open={submissionModalProps.open}\n                eventId={eventId || \"\"}\n                eventData={eventData}\n                setOpen={submissionModalProps.setOpen}\n                onSaveInDraft={submissionModalProps.onSaveInDraft}\n                onConfirmAndSave={submissionModalProps.onConfirmAndSave}\n                isFinalStep={submissionModalProps.isFinalStep}\n                showPreview={submissionModalProps.showPreview}\n                isPolluted={submissionModalProps?.isPolluted}\n                isLoading={submissionModalProps.isLoading}\n                isSuccess={submissionModalProps.isSuccess}\n                isError={submissionModalProps.isError}\n                isAnalyzing={submissionModalProps.isAnalyzing}\n                successMessage={submissionModalProps.successMessage}\n                errorMessage={submissionModalProps.errorMessage}\n            />\n\n            <Alert\n                isVisible={alert.show}\n                message={alert.message}\n                type={alert.type}\n                onClose={onCloseAlert}\n            />\n\n            {/* Type Switching Confirmation */}\n            <ConfirmationModal\n                open={confirmationModalProps.open}\n                title={confirmationModalProps.title}\n                description={confirmationModalProps.description}\n                onClose={confirmationModalProps.onClose}\n                onConfirm={confirmationModalProps.onConfirm}\n                confirmText={confirmationModalProps.confirmText || \"Confirm & Proceed\"}\n                cancelText={confirmationModalProps.cancelText || \"Cancel\"}\n            />\n\n            {/* Exit Confirmation */}\n            <ConfirmationModal\n                open={exitConfirmationModalProps.open}\n                title=\"Discard changes?\"\n                description=\"You have unsaved changes. Are you sure you want to discard them and leave?\"\n                onClose={exitConfirmationModalProps.onClose}\n                onConfirm={exitConfirmationModalProps.onConfirm}\n                confirmText=\"Discard & leave\"\n                cancelText=\"Cancel\"\n            />\n\n            {(edit && isFetchError && onRetryFetch) &&\n                <div className=\"ui-fixed ui-inset-0 ui-z-[10000] ui-bg-black/5 ui-backdrop-blur-sm ui-flex ui-items-center ui-justify-center\">\n                    <div className=\"ui-p-10 ui-rounded-xl ui-bg-white ui-flex ui-items-center ui-justify-center ui-flex-col ui-gap-4 ui-shadow-xl\">\n                        <p className=\"ui-text-red-500 ui-font-medium\">Failed to load event details.</p>\n                        <Button onClick={onRetryFetch}>Retry</Button>\n                    </div>\n                </div>\n            }\n\n            {(\n                (edit && isFetching) ||\n                isProcessing ||\n                isSubmitting ||\n                isSyncingData ||\n                isNavigating\n            ) && <EffectiveLoader />}\n\n            {/* Header */}\n            <div className={cn(\"ui-w-full ui-relative ui-space-y-10\", steps.length > 1 ? \"sm:ui-mb-20 ui-mb-10\" : \"ui-mb-6\")}>\n                <div className='ui-w-full ui-py-4 sm:ui-py-8 ui-px-4 sm:ui-px-20'>\n                    <div className='ui-flex ui-items-center ui-gap-4 ui-text-gray-500 hover:ui-text-gray-900 ui-transition-colors ui-duration-200'>\n                        <Tooltip\n                            placement=\"right\"\n                            content={<p className=\"ui-text-white ui-text-xs\">Go back</p>}\n                        >\n                            <button\n                                onClick={onRouteBack}\n                                disabled={isChildBusy || isNavigating}\n                                className='ui-w-11 ui-h-9 ui-rounded-lg ui-border ui-border-gray-200 ui-flex ui-items-center ui-justify-center ui-text-gray-800 hover:ui-text-gray-900 disabled:ui-opacity-50 disabled:ui-cursor-not-allowed'\n                            >\n                                <ChevronLeft className='ui-w-5 ui-h-5' />\n                            </button>\n                        </Tooltip>\n                        <span className='lg:ui-text-[30px] ui-text-2xl ui-font-semibold ui-text-gray-800'>\n                            {mode === 'questions' ? 'Edit Questions' : mode === 'social' ? 'Edit Social Profiles' : (edit ? \"Edit\" : \"Create\") + \" Event\"}\n                        </span>\n                    </div>\n                </div>\n                \n                {steps.length > 1 && (\n                    <div className=\"ui-flex ui-items-center ui-justify-center ui-w-full ui-max-w-[800px] ui-mx-auto ui-px-4 sm:ui-px-20\">\n                        <AnimatePresence mode='popLayout'>\n                            {steps.map((step, index) => {\n                                const isActive = step.id === currentStep;\n                                const isCompleted = step.id < currentStep;\n                                const isClickable = !isNavigationBlocked && !isChildBusy && step.id < currentStep;\n\n                                return (\n                                    <React.Fragment key={step.id}>\n                                        <motion.div\n                                            layout\n                                            className={cn(\"ui-relative ui-flex ui-flex-col ui-items-center ui-gap-2 ui-z-10\", \n                                                isClickable ? 'ui-cursor-pointer' : 'ui-cursor-not-allowed ui-opacity-80')}\n                                            onClick={() => { if (isClickable) onJumpToStep(step.id); }}\n                                        >\n                                            <div\n                                                className={cn(\n                                                    \"ui-w-8 ui-h-8 ui-rounded-full ui-flex ui-items-center ui-justify-center ui-text-sm ui-font-semibold ui-transition-all ui-duration-300\",\n                                                    isActive ? 'ui-bg-white ui-border-2 ui-border-purple-600 ui-text-purple-600 ui-shadow-[0_0_0_4px_rgba(147,51,234,0.2)]' :\n                                                    isCompleted ? 'ui-bg-purple-600 ui-text-white' : 'ui-bg-gray-200 ui-text-gray-400'\n                                                )}\n                                            >\n                                                {isCompleted ? <Check className=\"ui-w-5 ui-h-5\" /> : index + 1}\n                                            </div>\n                                            <span className={cn(\"ui-w-[100px] ui-text-center ui-absolute ui-top-9 sm:ui-inline ui-hidden ui-text-sm ui-font-medium\", \n                                                isActive ? 'ui-text-gray-900' : 'ui-text-gray-500')}>\n                                                {step.title}\n                                            </span>\n                                        </motion.div>\n\n                                        {index < steps.length - 1 && (\n                                            <motion.div\n                                                layout\n                                                className=\"ui-w-12 sm:ui-w-24 ui-h-[2px] ui-mx-2 ui-self-start ui-mt-4 ui-bg-gray-200 ui-relative ui-flex-shrink-0\"\n                                            >\n                                                <div\n                                                    className=\"ui-absolute ui-left-0 ui-top-0 ui-h-full ui-bg-purple-600 ui-transition-all ui-duration-500 ui-ease-in-out\"\n                                                    style={{ width: isCompleted ? '100%' : '0%' }}\n                                                />\n                                            </motion.div>\n                                        )}\n                                    </React.Fragment>\n                                );\n                            })}\n                        </AnimatePresence>\n                    </div>\n                )}\n            </div>\n\n            {/* Content */}\n            <div className=\"ui-w-full ui-relative ui-flex-1 ui-flex ui-flex-col\">\n                <AnimatePresence mode=\"wait\">\n                    <motion.div\n                        key={currentStep}\n                        initial={{ opacity: 0, y: 10 }}\n                        animate={{ opacity: 1, y: 0 }}\n                        exit={{ opacity: 0, y: -10 }}\n                        transition={{ duration: 0.3 }}\n                        className=\"ui-w-full ui-px-4 sm:ui-px-6 lg:ui-px-8 ui-mb-20 ui-max-w-6xl ui-mx-auto\"\n                    >\n                        {children}\n                    </motion.div>\n                </AnimatePresence>\n\n                {/* Footer */}\n                <div className=\"ui-fixed ui-bottom-0 ui-w-full ui-flex ui-items-center ui-justify-end ui-py-4 ui-mt-auto ui-px-8 ui-pointer-events-none md:ui-right-16\">\n                    <div className=\"ui-flex ui-items-center ui-gap-3 ui-pointer-events-auto\">\n                        <button\n                            onClick={onBack}\n                            disabled={isFirstStep || isProcessing || isNavigationBlocked || isChildBusy}\n                            className={cn(\n                                \"ui-px-6 ui-py-2.5 ui-rounded-xl ui-font-medium ui-text-sm ui-transition-all ui-duration-200\",\n                                isFirstStep || isNavigationBlocked || isChildBusy\n                                    ? 'ui-text-gray-300 ui-cursor-not-allowed'\n                                    : 'ui-text-gray-600 hover:ui-bg-gray-100 hover:ui-text-gray-900',\n                                isFirstStep ? \"ui-hidden\" : \"ui-inline\"\n                            )}\n                        >\n                            Back\n                        </button>\n\n                        <Button\n                            onClick={onNext}\n                            disabled={isSubmitting || isProcessing || isNavigationBlocked}\n                            className='ui-w-32'\n                        >\n                            <span className=\"ui-relative ui-z-10 ui-flex ui-items-center ui-gap-2\">\n                                {isLastStep ? (\n                                    <span>{isSubmitting || isProcessing ? 'Saving...' : 'Submit'}</span>\n                                ) : (\n                                    <span>Next</span>\n                                )}\n                            </span>\n                        </Button>\n                    </div>\n                </div>\n            </div>\n        </div>\n    );\n};\n"],"names":["jsx","jsxs","React"],"mappings":";;;;;;;;;;;;AA0FO,MAAM,iBAAiB,CAAC;AAAA,EAC3B;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;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACJ,MAA2B;AAEvB,QAAM,cAAc,MAAM,SAAS,KAAK,gBAAgB,MAAM,CAAC,EAAE;AACjE,QAAM,aAAa,MAAM,SAAS,KAAK,gBAAgB,MAAM,MAAM,SAAS,CAAC,EAAE;AAE/E,QAAM,gBAAgB,MAClBA,kCAAAA,IAAC,OAAA,EAAI,WAAU,iHACX,UAAAA,kCAAAA,IAAC,OAAA,EAAI,WAAU,gFAAA,CAAgF,EAAA,CACnG;AAGJ,QAAM,kBAAkB,UAAU;AAElC,SACIC,kCAAAA,KAAC,OAAA,EAAI,IAAG,oBAAmB,WAAU,mEACjC,UAAA;AAAA,IAAAD,kCAAAA;AAAAA,MAAC;AAAA,MAAA;AAAA,QACG,MAAM,qBAAqB;AAAA,QAC3B,SAAS,WAAW;AAAA,QACpB;AAAA,QACA,SAAS,qBAAqB;AAAA,QAC9B,eAAe,qBAAqB;AAAA,QACpC,kBAAkB,qBAAqB;AAAA,QACvC,aAAa,qBAAqB;AAAA,QAClC,aAAa,qBAAqB;AAAA,QAClC,YAAY,6DAAsB;AAAA,QAClC,WAAW,qBAAqB;AAAA,QAChC,WAAW,qBAAqB;AAAA,QAChC,SAAS,qBAAqB;AAAA,QAC9B,aAAa,qBAAqB;AAAA,QAClC,gBAAgB,qBAAqB;AAAA,QACrC,cAAc,qBAAqB;AAAA,MAAA;AAAA,IAAA;AAAA,IAGvCA,kCAAAA;AAAAA,MAAC;AAAA,MAAA;AAAA,QACG,WAAW,MAAM;AAAA,QACjB,SAAS,MAAM;AAAA,QACf,MAAM,MAAM;AAAA,QACZ,SAAS;AAAA,MAAA;AAAA,IAAA;AAAA,IAIbA,kCAAAA;AAAAA,MAAC;AAAA,MAAA;AAAA,QACG,MAAM,uBAAuB;AAAA,QAC7B,OAAO,uBAAuB;AAAA,QAC9B,aAAa,uBAAuB;AAAA,QACpC,SAAS,uBAAuB;AAAA,QAChC,WAAW,uBAAuB;AAAA,QAClC,aAAa,uBAAuB,eAAe;AAAA,QACnD,YAAY,uBAAuB,cAAc;AAAA,MAAA;AAAA,IAAA;AAAA,IAIrDA,kCAAAA;AAAAA,MAAC;AAAA,MAAA;AAAA,QACG,MAAM,2BAA2B;AAAA,QACjC,OAAM;AAAA,QACN,aAAY;AAAA,QACZ,SAAS,2BAA2B;AAAA,QACpC,WAAW,2BAA2B;AAAA,QACtC,aAAY;AAAA,QACZ,YAAW;AAAA,MAAA;AAAA,IAAA;AAAA,IAGb,QAAQ,gBAAgB,gBACtBA,kCAAAA,IAAC,OAAA,EAAI,WAAU,gHACX,UAAAC,kCAAAA,KAAC,OAAA,EAAI,WAAU,iHACX,UAAA;AAAA,MAAAD,kCAAAA,IAAC,KAAA,EAAE,WAAU,kCAAiC,UAAA,iCAA6B;AAAA,MAC3EA,kCAAAA,IAAC,QAAA,EAAO,SAAS,cAAc,UAAA,QAAA,CAAK;AAAA,IAAA,EAAA,CACxC,EAAA,CACJ;AAAA,KAIC,QAAQ,cACT,gBACA,gBACA,iBACA,uDACE,iBAAA,EAAgB;AAAA,IAGtBC,kCAAAA,KAAC,OAAA,EAAI,WAAW,GAAG,uCAAuC,MAAM,SAAS,IAAI,yBAAyB,SAAS,GAC3G,UAAA;AAAA,MAAAD,kCAAAA,IAAC,SAAI,WAAU,oDACX,UAAAC,kCAAAA,KAAC,OAAA,EAAI,WAAU,iHACX,UAAA;AAAA,QAAAD,kCAAAA;AAAAA,UAAC;AAAA,UAAA;AAAA,YACG,WAAU;AAAA,YACV,SAASA,kCAAAA,IAAC,KAAA,EAAE,WAAU,4BAA2B,UAAA,WAAO;AAAA,YAExD,UAAAA,kCAAAA;AAAAA,cAAC;AAAA,cAAA;AAAA,gBACG,SAAS;AAAA,gBACT,UAAU,eAAe;AAAA,gBACzB,WAAU;AAAA,gBAEV,UAAAA,kCAAAA,IAAC,aAAA,EAAY,WAAU,gBAAA,CAAgB;AAAA,cAAA;AAAA,YAAA;AAAA,UAC3C;AAAA,QAAA;AAAA,QAEJA,kCAAAA,IAAC,QAAA,EAAK,WAAU,mEACX,UAAA,SAAS,cAAc,mBAAmB,SAAS,WAAW,0BAA0B,OAAO,SAAS,YAAY,SAAA,CACzH;AAAA,MAAA,EAAA,CACJ,EAAA,CACJ;AAAA,MAEC,MAAM,SAAS,KACZA,kCAAAA,IAAC,SAAI,WAAU,uGACX,UAAAA,kCAAAA,IAAC,iBAAA,EAAgB,MAAK,aACjB,UAAA,MAAM,IAAI,CAAC,MAAM,UAAU;AACxB,cAAM,WAAW,KAAK,OAAO;AAC7B,cAAM,cAAc,KAAK,KAAK;AAC9B,cAAM,cAAc,CAAC,uBAAuB,CAAC,eAAe,KAAK,KAAK;AAEtE,eACIC,uCAACC,eAAM,UAAN,EACG,UAAA;AAAA,UAAAD,kCAAAA;AAAAA,YAAC,OAAO;AAAA,YAAP;AAAA,cACG,QAAM;AAAA,cACN,WAAW;AAAA,gBAAG;AAAA,gBACV,cAAc,sBAAsB;AAAA,cAAA;AAAA,cACxC,SAAS,MAAM;AAAE,oBAAI,YAAa,cAAa,KAAK,EAAE;AAAA,cAAG;AAAA,cAEzD,UAAA;AAAA,gBAAAD,kCAAAA;AAAAA,kBAAC;AAAA,kBAAA;AAAA,oBACG,WAAW;AAAA,sBACP;AAAA,sBACA,WAAW,+GACX,cAAc,mCAAmC;AAAA,oBAAA;AAAA,oBAGpD,wBAAcA,kCAAAA,IAAC,OAAA,EAAM,WAAU,gBAAA,CAAgB,IAAK,QAAQ;AAAA,kBAAA;AAAA,gBAAA;AAAA,gBAEjEA,sCAAC,UAAK,WAAW;AAAA,kBAAG;AAAA,kBAChB,WAAW,qBAAqB;AAAA,gBAAA,GAC/B,eAAK,MAAA,CACV;AAAA,cAAA;AAAA,YAAA;AAAA,UAAA;AAAA,UAGH,QAAQ,MAAM,SAAS,KACpBA,kCAAAA;AAAAA,YAAC,OAAO;AAAA,YAAP;AAAA,cACG,QAAM;AAAA,cACN,WAAU;AAAA,cAEV,UAAAA,kCAAAA;AAAAA,gBAAC;AAAA,gBAAA;AAAA,kBACG,WAAU;AAAA,kBACV,OAAO,EAAE,OAAO,cAAc,SAAS,KAAA;AAAA,gBAAK;AAAA,cAAA;AAAA,YAChD;AAAA,UAAA;AAAA,QACJ,EAAA,GA/Ba,KAAK,EAiC1B;AAAA,MAER,CAAC,GACL,EAAA,CACJ;AAAA,IAAA,GAER;AAAA,IAGAC,kCAAAA,KAAC,OAAA,EAAI,WAAU,uDACX,UAAA;AAAA,MAAAD,kCAAAA,IAAC,iBAAA,EAAgB,MAAK,QAClB,UAAAA,kCAAAA;AAAAA,QAAC,OAAO;AAAA,QAAP;AAAA,UAEG,SAAS,EAAE,SAAS,GAAG,GAAG,GAAA;AAAA,UAC1B,SAAS,EAAE,SAAS,GAAG,GAAG,EAAA;AAAA,UAC1B,MAAM,EAAE,SAAS,GAAG,GAAG,IAAA;AAAA,UACvB,YAAY,EAAE,UAAU,IAAA;AAAA,UACxB,WAAU;AAAA,UAET;AAAA,QAAA;AAAA,QAPI;AAAA,MAAA,GASb;AAAA,4CAGC,OAAA,EAAI,WAAU,0IACX,UAAAC,kCAAAA,KAAC,OAAA,EAAI,WAAU,2DACX,UAAA;AAAA,QAAAD,kCAAAA;AAAAA,UAAC;AAAA,UAAA;AAAA,YACG,SAAS;AAAA,YACT,UAAU,eAAe,gBAAgB,uBAAuB;AAAA,YAChE,WAAW;AAAA,cACP;AAAA,cACA,eAAe,uBAAuB,cAChC,2CACA;AAAA,cACN,cAAc,cAAc;AAAA,YAAA;AAAA,YAEnC,UAAA;AAAA,UAAA;AAAA,QAAA;AAAA,QAIDA,kCAAAA;AAAAA,UAAC;AAAA,UAAA;AAAA,YACG,SAAS;AAAA,YACT,UAAU,gBAAgB,gBAAgB;AAAA,YAC1C,WAAU;AAAA,YAEV,UAAAA,kCAAAA,IAAC,QAAA,EAAK,WAAU,wDACX,uBACGA,sCAAC,QAAA,EAAM,UAAA,gBAAgB,eAAe,cAAc,UAAS,IAE7DA,sCAAC,QAAA,EAAK,kBAAI,EAAA,CAElB;AAAA,UAAA;AAAA,QAAA;AAAA,MACJ,EAAA,CACJ,EAAA,CACJ;AAAA,IAAA,EAAA,CACJ;AAAA,EAAA,GACJ;AAER;"}

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

@@ -1,19 +0,0 @@
-export interface EventSubmissionConfirmationModalProps {
-    open: boolean;
-    eventId?: string;
-    eventData?: any;
-    setOpen: (open: boolean) => void;
-    onSaveInDraft?: () => Promise<void>;
-    onConfirmAndSave?: () => Promise<void>;
-    isFinalStep?: boolean;
-    showPreview?: boolean;
-    isPolluted?: boolean;
-    isLoading?: boolean;
-    isSuccess?: boolean;
-    isError?: boolean;
-    isAnalyzing?: boolean;
-    successMessage?: string;
-    errorMessage?: string;
-    previewBaseUrl?: string;
-}
-export default function EventSubmissionConfirmationModal({ open, eventId, eventData, setOpen, onSaveInDraft, onConfirmAndSave, isFinalStep, showPreview, isPolluted, isLoading, isSuccess, isError, isAnalyzing, successMessage, errorMessage, previewBaseUrl }: EventSubmissionConfirmationModalProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/StepperForm/EventSubmissionConfirmationModal.js

@@ -1,296 +0,0 @@
-import { j as jsxRuntimeExports } from "../../node_modules/react/jsx-runtime.js";
-import { Fragment } from "react";
-import { Button } from "../Button/Button.js";
-import Modal from "../Modal/Modal.js";
-import { Alert } from "../Alert/Alert.js";
-import { cn } from "../../utils/cn.js";
-import { Transition as Ke } from "../../node_modules/@headlessui/react/dist/components/transition/transition.js";
-import { Dialog as ht } from "../../node_modules/@headlessui/react/dist/components/dialog/dialog.js";
-import { motion } from "../../node_modules/framer-motion/dist/es/render/components/motion/proxy.js";
-import X from "../../node_modules/lucide-react/dist/esm/icons/x.js";
-import { AnimatePresence } from "../../node_modules/framer-motion/dist/es/components/AnimatePresence/index.js";
-import { Menu as lo } from "../../node_modules/@headlessui/react/dist/components/menu/menu.js";
-import Eye from "../../node_modules/lucide-react/dist/esm/icons/eye.js";
-import ChevronDown from "../../node_modules/lucide-react/dist/esm/icons/chevron-down.js";
-import User from "../../node_modules/lucide-react/dist/esm/icons/user.js";
-import Users from "../../node_modules/lucide-react/dist/esm/icons/users.js";
-const Loader = ({ label }) => /* @__PURE__ */ jsxRuntimeExports.jsxs(
-  motion.div,
-  {
-    initial: { opacity: 0 },
-    animate: { opacity: 1 },
-    exit: { opacity: 0 },
-    className: "ui-flex ui-flex-col ui-items-center ui-justify-center ui-gap-3",
-    children: [
-      /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "ui-relative ui-flex ui-justify-center ui-items-center", children: /* @__PURE__ */ jsxRuntimeExports.jsx(
-        motion.div,
-        {
-          animate: { rotate: 360 },
-          transition: { repeat: Infinity, duration: 1.2, ease: "linear" },
-          className: "ui-h-6 ui-w-6 ui-border-2 ui-border-gray-300 ui-border-t-purple-500 ui-rounded-full"
-        }
-      ) }),
-      label && /* @__PURE__ */ jsxRuntimeExports.jsx(
-        motion.p,
-        {
-          initial: { opacity: 0 },
-          animate: { opacity: 1 },
-          transition: { delay: 0.3 },
-          className: "ui-text-sm ui-text-gray-500",
-          children: label
-        }
-      )
-    ]
-  }
-);
-const PreviewDropdown = ({ eventId, eventData, baseUrl }) => {
-  const basePath = `${baseUrl}?eventId=${eventId}&eventName=${encodeURIComponent((eventData == null ? void 0 : eventData.name) ?? "")}`;
-  return /* @__PURE__ */ jsxRuntimeExports.jsx(lo, { as: "div", className: "ui-relative ui-w-full", children: ({ open }) => /* @__PURE__ */ jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [
-    /* @__PURE__ */ jsxRuntimeExports.jsxs(lo.Button, { className: "ui-flex ui-items-center ui-gap-2 ui-h-11 ui-px-4 ui-rounded-xl ui-border ui-border-gray-200 ui-bg-white ui-text-sm ui-font-medium ui-text-gray-700 hover:ui-bg-gray-50 ui-transition ui-w-full ui-justify-between ui-shadow-sm", children: [
-      /* @__PURE__ */ jsxRuntimeExports.jsxs("span", { className: "ui-flex ui-items-center ui-gap-2", children: [
-        /* @__PURE__ */ jsxRuntimeExports.jsx(Eye, { className: "ui-h-4 ui-w-4 ui-text-purple-500" }),
-        "Preview Form"
-      ] }),
-      /* @__PURE__ */ jsxRuntimeExports.jsx(
-        ChevronDown,
-        {
-          className: cn("ui-h-4 ui-w-4 ui-text-gray-400 ui-transition-transform ui-duration-200", open ? "ui-rotate-180" : "")
-        }
-      )
-    ] }),
-    /* @__PURE__ */ jsxRuntimeExports.jsx(
-      Ke,
-      {
-        as: Fragment,
-        enter: "ui-transition ui-ease-out ui-duration-150",
-        enterFrom: "ui-opacity-0 ui-scale-95 ui--translate-y-1",
-        enterTo: "ui-opacity-100 ui-scale-100 ui-translate-y-0",
-        leave: "ui-transition ui-ease-in ui-duration-100",
-        leaveFrom: "ui-opacity-100 ui-scale-100 ui-translate-y-0",
-        leaveTo: "ui-opacity-0 ui-scale-95 ui--translate-y-1",
-        children: /* @__PURE__ */ jsxRuntimeExports.jsxs(
-          lo.Items,
-          {
-            className: "ui-z-[9999] ui-mt-1 ui-w-full ui-rounded-xl ui-border ui-border-gray-200 ui-bg-white ui-shadow-lg ui-overflow-hidden focus:ui-outline-none",
-            children: [
-              /* @__PURE__ */ jsxRuntimeExports.jsx(lo.Item, { children: ({ active }) => /* @__PURE__ */ jsxRuntimeExports.jsxs(
-                "a",
-                {
-                  href: `${basePath}&registration_type=INDIVIDUAL`,
-                  target: "_blank",
-                  rel: "noopener noreferrer",
-                  className: cn("ui-flex ui-items-center ui-gap-3 ui-px-4 ui-py-3 ui-text-sm ui-text-gray-700 ui-transition", active ? "ui-bg-purple-50" : ""),
-                  children: [
-                    /* @__PURE__ */ jsxRuntimeExports.jsx(User, { className: "ui-h-4 ui-w-4 ui-text-purple-500 ui-shrink-0" }),
-                    /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { children: [
-                      /* @__PURE__ */ jsxRuntimeExports.jsx("p", { className: "ui-font-medium", children: "Individual" }),
-                      /* @__PURE__ */ jsxRuntimeExports.jsx("p", { className: "ui-text-xs ui-text-gray-400", children: "Preview individual registration form" })
-                    ] })
-                  ]
-                }
-              ) }),
-              /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "ui-border-t ui-border-gray-100" }),
-              /* @__PURE__ */ jsxRuntimeExports.jsx(lo.Item, { children: ({ active }) => /* @__PURE__ */ jsxRuntimeExports.jsxs(
-                "a",
-                {
-                  href: `${basePath}&registration_type=TEAM`,
-                  target: "_blank",
-                  rel: "noopener noreferrer",
-                  className: cn("ui-flex ui-items-center ui-gap-3 ui-px-4 ui-py-3 ui-text-sm ui-text-gray-700 ui-transition", active ? "ui-bg-purple-50" : ""),
-                  children: [
-                    /* @__PURE__ */ jsxRuntimeExports.jsx(Users, { className: "ui-h-4 ui-w-4 ui-text-purple-500 ui-shrink-0" }),
-                    /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { children: [
-                      /* @__PURE__ */ jsxRuntimeExports.jsx("p", { className: "ui-font-medium", children: "Team" }),
-                      /* @__PURE__ */ jsxRuntimeExports.jsx("p", { className: "ui-text-xs ui-text-gray-400", children: "Preview team registration form" })
-                    ] })
-                  ]
-                }
-              ) })
-            ]
-          }
-        )
-      }
-    )
-  ] }) });
-};
-const PreviewLink = ({ eventId, eventData, baseUrl }) => /* @__PURE__ */ jsxRuntimeExports.jsxs(
-  "a",
-  {
-    href: `${baseUrl}?eventId=${eventId}&eventName=${encodeURIComponent((eventData == null ? void 0 : eventData.name) ?? "")}`,
-    target: "_blank",
-    rel: "noopener noreferrer",
-    className: "ui-flex ui-items-center ui-justify-center ui-gap-2 ui-h-11 ui-px-4 ui-rounded-xl ui-border ui-border-gray-200 ui-bg-white ui-text-sm ui-font-medium ui-text-gray-700 hover:ui-bg-gray-50 ui-transition ui-w-full ui-shadow-sm",
-    children: [
-      /* @__PURE__ */ jsxRuntimeExports.jsx(Eye, { className: "ui-h-4 ui-w-4 ui-text-purple-500" }),
-      "Preview Form"
-    ]
-  }
-);
-function EventSubmissionConfirmationModal({
-  open,
-  eventId,
-  eventData,
-  setOpen,
-  onSaveInDraft,
-  onConfirmAndSave,
-  isFinalStep = true,
-  showPreview = true,
-  isPolluted = false,
-  isLoading = false,
-  isSuccess = false,
-  isError = false,
-  isAnalyzing = false,
-  successMessage,
-  errorMessage,
-  previewBaseUrl = "/form-preview"
-}) {
-  const handleClose = () => {
-    if (!isLoading) setOpen(false);
-  };
-  return /* @__PURE__ */ jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [
-    /* @__PURE__ */ jsxRuntimeExports.jsx(Alert, { isVisible: isSuccess, message: successMessage || "", type: "success" }),
-    /* @__PURE__ */ jsxRuntimeExports.jsx(Alert, { isVisible: isError, message: errorMessage || "", type: "error" }),
-    /* @__PURE__ */ jsxRuntimeExports.jsx(
-      Modal,
-      {
-        open,
-        handleClose,
-        closeOnEscape: false,
-        closeOnOutsideClick: false,
-        children: /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "ui-fixed ui-inset-0 ui-z-10 ui-overflow-y-auto", children: /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "ui-flex ui-min-h-full ui-items-center ui-justify-center ui-p-4 sm:ui-p-0", children: /* @__PURE__ */ jsxRuntimeExports.jsx(
-          Ke.Child,
-          {
-            as: Fragment,
-            enter: "ui-ease-out ui-duration-300",
-            enterFrom: "ui-opacity-0 ui-translate-y-6 sm:ui-translate-y-0 sm:ui-scale-95",
-            enterTo: "ui-opacity-100 ui-translate-y-0 sm:ui-scale-100",
-            leave: "ui-ease-in ui-duration-200",
-            leaveFrom: "ui-opacity-100 ui-translate-y-0 sm:ui-scale-100",
-            leaveTo: "ui-opacity-0 ui-translate-y-6 sm:ui-translate-y-0 sm:ui-scale-95",
-            children: /* @__PURE__ */ jsxRuntimeExports.jsx(ht.Panel, { className: "ui-relative ui-max-w-xl ui-w-full", children: /* @__PURE__ */ jsxRuntimeExports.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: "ui-relative ui-transform ui-overflow-hidden ui-rounded-2xl ui-bg-white/80 ui-backdrop-blur-md ui-text-left ui-shadow-2xl ui-border ui-border-gray-200/50 ui-w-full ui-mx-auto ui-px-6 sm:ui-px-8 ui-py-6 sm:ui-py-8 ui-flex ui-flex-col ui-max-h-[90vh]",
-                children: [
-                  /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "ui-flex ui-justify-between ui-items-center ui-mb-6", children: [
-                    /* @__PURE__ */ jsxRuntimeExports.jsx(
-                      ht.Title,
-                      {
-                        as: "h3",
-                        className: "ui-text-xl sm:ui-text-2xl ui-font-semibold ui-leading-tight ui-text-gray-900 ui-tracking-tight ui-flex ui-items-center ui-gap-2",
-                        children: isAnalyzing ? /* @__PURE__ */ jsxRuntimeExports.jsxs(
-                          motion.span,
-                          {
-                            animate: { opacity: [0.6, 1, 0.6] },
-                            transition: { duration: 1.6, repeat: Infinity },
-                            className: "ui-flex ui-items-center ui-gap-2",
-                            children: [
-                              "🤖 ",
-                              /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "ui-font-medium", children: "AI Analyzing Your Event" })
-                            ]
-                          }
-                        ) : isFinalStep ? "Confirm Event Submission" : "Ready to proceed?"
-                      }
-                    ),
-                    !isAnalyzing && /* @__PURE__ */ jsxRuntimeExports.jsx(
-                      motion.button,
-                      {
-                        whileTap: { scale: 0.9 },
-                        type: "button",
-                        className: "ui-text-gray-400 hover:ui-text-gray-500 ui-transition",
-                        onClick: handleClose,
-                        "aria-label": "Close modal",
-                        children: /* @__PURE__ */ jsxRuntimeExports.jsx(X, { className: "ui-h-5 ui-w-5" })
-                      }
-                    )
-                  ] }),
-                  /* @__PURE__ */ jsxRuntimeExports.jsx(AnimatePresence, { mode: "wait", children: isAnalyzing ? /* @__PURE__ */ jsxRuntimeExports.jsxs(
-                    motion.div,
-                    {
-                      initial: { opacity: 0, y: 10 },
-                      animate: { opacity: 1, y: 0 },
-                      exit: { opacity: 0, y: -10 },
-                      className: "ui-flex ui-flex-col ui-justify-center ui-items-center ui-pt-8 ui-pb-5",
-                      children: [
-                        /* @__PURE__ */ jsxRuntimeExports.jsx(Loader, { label: "AI is reviewing your event details..." }),
-                        /* @__PURE__ */ jsxRuntimeExports.jsx(
-                          motion.p,
-                          {
-                            initial: { opacity: 0 },
-                            animate: { opacity: 1 },
-                            transition: { delay: 0.6 },
-                            className: "ui-text-gray-600 ui-text-sm ui-leading-relaxed ui-mt-8",
-                            children: "Our AI ensures your event aligns with community guidelines. This usually takes a few seconds."
-                          }
-                        )
-                      ]
-                    },
-                    "analyzing"
-                  ) : /* @__PURE__ */ jsxRuntimeExports.jsxs(
-                    motion.div,
-                    {
-                      initial: { opacity: 0, y: 10 },
-                      animate: { opacity: 1, y: 0 },
-                      exit: { opacity: 0, y: -10 },
-                      className: "ui-space-y-6",
-                      children: [
-                        isFinalStep ? /* @__PURE__ */ jsxRuntimeExports.jsx("p", { className: "ui-text-gray-600 ui-text-sm ui-leading-relaxed", children: "Before you submit, our AI assistant will automatically review your event. If everything looks good, it will go straight for approval without manual intervention." }) : /* @__PURE__ */ jsxRuntimeExports.jsx("p", { className: "ui-text-gray-600 ui-text-sm ui-leading-relaxed", children: "You've finished the form setup. Let's add social profiles next to complete your event profile." }),
-                        showPreview && /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "ui-pt-1", children: ["3", "BOTH", "TEAM", "2"].includes(eventData == null ? void 0 : eventData.participants_type) ? /* @__PURE__ */ jsxRuntimeExports.jsx(
-                          PreviewDropdown,
-                          {
-                            eventId,
-                            eventData,
-                            baseUrl: previewBaseUrl
-                          }
-                        ) : /* @__PURE__ */ jsxRuntimeExports.jsx(
-                          PreviewLink,
-                          {
-                            eventId,
-                            eventData,
-                            baseUrl: previewBaseUrl
-                          }
-                        ) }),
-                        /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "ui-flex ui-flex-col sm:ui-flex-row ui-gap-3", children: [
-                          isFinalStep && isPolluted && onSaveInDraft && /* @__PURE__ */ jsxRuntimeExports.jsx(
-                            Button,
-                            {
-                              type: "button",
-                              variant: "outline",
-                              onClick: onSaveInDraft,
-                              className: "ui-w-full ui-h-11",
-                              disabled: isLoading,
-                              children: isLoading ? "Saving..." : "Save in Draft"
-                            }
-                          ),
-                          /* @__PURE__ */ jsxRuntimeExports.jsx(
-                            Button,
-                            {
-                              type: "button",
-                              onClick: onConfirmAndSave,
-                              className: "ui-w-full ui-h-11",
-                              disabled: isLoading,
-                              children: isAnalyzing ? "Analyzing..." : isFinalStep ? "Confirm & Submit" : "Confirm & Next"
-                            }
-                          )
-                        ] })
-                      ]
-                    },
-                    "confirm"
-                  ) })
-                ]
-              }
-            ) })
-          }
-        ) }) })
-      }
-    )
-  ] });
-}
-export {
-  EventSubmissionConfirmationModal as default
-};
-//# sourceMappingURL=EventSubmissionConfirmationModal.js.map