@123usmanhaider321/ui 0.1.6 → 1.0.0

package/dist/components/EventAddForm/components/GoogleMapsAutocompleteInput.js

@@ -1,1179 +0,0 @@
-import { jsxs, jsx, Fragment } from "react/jsx-runtime";
-import { useState, useRef, useLayoutEffect, useEffect, useCallback } from "react";
-import { Combobox, ComboboxInput, ComboboxOptions } from "@headlessui/react";
-import clsx from "clsx";
-import { FaCircleNotch, FaGoogle } from "react-icons/fa";
-import { motion, AnimatePresence } from "framer-motion";
-import { BASE_URL } from "../../../services/remote-config.js";
-import CustomMeetingForm from "./CustomMeetingForm.js";
-import { Search } from "lucide-react";
-import InputErrorMessage from "../../ui/InputErrorMessage.js";
-import FormInput from "../../ui/FormInput.js";
-import Alert from "../../Alert/Alert.js";
-import ForwardRef from "../../../node_modules/@heroicons/react/20/solid/esm/CheckIcon.js";
-import ForwardRef$1 from "../../../node_modules/@heroicons/react/24/outline/esm/XMarkIcon.js";
-import ForwardRef$2 from "../../../node_modules/@heroicons/react/20/solid/esm/ChevronDownIcon.js";
-import ForwardRef$3 from "../../../node_modules/@heroicons/react/24/outline/esm/MagnifyingGlassIcon.js";
-import ForwardRef$4 from "../../../node_modules/@heroicons/react/24/outline/esm/MapPinIcon.js";
-import ForwardRef$5 from "../../../node_modules/@heroicons/react/24/outline/esm/ClockIcon.js";
-import ForwardRef$6 from "../../../node_modules/@heroicons/react/24/outline/esm/VideoCameraIcon.js";
-import ForwardRef$7 from "../../../node_modules/@heroicons/react/24/outline/esm/ArrowRightIcon.js";
-import ForwardRef$8 from "../../../node_modules/@heroicons/react/24/outline/esm/LinkIcon.js";
-import ForwardRef$9 from "../../../node_modules/@heroicons/react/24/outline/esm/DocumentDuplicateIcon.js";
-function loadGooglePlaces(apiKey) {
-  var _a, _b;
-  if (typeof window === "undefined" || typeof document === "undefined") {
-    return Promise.reject(new Error("Google Maps can only be loaded in browser environment"));
-  }
-  if ((_b = (_a = window.google) == null ? void 0 : _a.maps) == null ? void 0 : _b.places) return Promise.resolve();
-  return new Promise((resolve, reject) => {
-    const existingScript = document.querySelector(
-      `script[src*="maps.googleapis.com/maps/api/js"]`
-    );
-    if (existingScript) {
-      existingScript.addEventListener("load", () => resolve());
-      return;
-    }
-    const script = document.createElement("script");
-    script.src = `https://maps.googleapis.com/maps/api/js?key=${apiKey}&libraries=places,geocoding`;
-    script.async = true;
-    script.defer = true;
-    script.onload = () => resolve();
-    script.onerror = () => reject(new Error("Failed to load Google Maps SDK"));
-    document.head.appendChild(script);
-  });
-}
-const RECENT_SEARCHES_KEY = "location-recent-searches";
-const MAX_RECENT_SEARCHES = 8;
-function GenericLocationInput({
-  googleApiKey,
-  defaultValue,
-  error: parentError,
-  field,
-  label,
-  placeholder = "Choose location or meeting type...",
-  required = false,
-  disabled = false,
-  formData,
-  helperText,
-  size = "sm",
-  variant = "default",
-  enableGoogleMeet = false,
-  enableCustomLinks = true,
-  enablePhysicalLocation = true,
-  googleMeetAuthEndpoint = BASE_URL + "/api/v1/google-auth/authorize",
-  onLocationSelected,
-  onFocus,
-  onBlur
-}) {
-  const [currentLocation, setCurrentLocation] = useState(null);
-  const [isOpen, setIsOpen] = useState(false);
-  const [dropdownPosition, setDropdownPosition] = useState("bottom");
-  const inputWrapperRef = useRef(null);
-  useLayoutEffect(() => {
-    if (!isOpen || !inputWrapperRef.current) return;
-    const updatePosition = () => {
-      if (!inputWrapperRef.current) return;
-      const rect = inputWrapperRef.current.getBoundingClientRect();
-      const spaceBelow = window.innerHeight - rect.bottom;
-      const spaceAbove = rect.top;
-      const minHeightNeeded = 300;
-      if (spaceBelow < minHeightNeeded && spaceAbove > spaceBelow) {
-        setDropdownPosition("top");
-      } else {
-        setDropdownPosition("bottom");
-      }
-    };
-    updatePosition();
-    window.addEventListener("resize", updatePosition);
-    window.addEventListener("scroll", updatePosition, true);
-    return () => {
-      window.removeEventListener("resize", updatePosition);
-      window.removeEventListener("scroll", updatePosition, true);
-    };
-  }, [isOpen]);
-  const [error, setError] = useState("");
-  const [viewMode, setViewMode] = useState("main");
-  const [showCopySuccess, setShowCopySuccess] = useState(false);
-  const [searchQuery, setSearchQuery] = useState("");
-  const [suggestions, setSuggestions] = useState(null);
-  const [loadingSearch, setLoadingSearch] = useState(false);
-  const [hasSearched, setHasSearched] = useState(false);
-  const [recentSearches, setRecentSearches] = useState([]);
-  const [isConnectingMeet, setIsConnectingMeet] = useState(false);
-  const popupRef = useRef(null);
-  const cleanupRef = useRef(null);
-  const messageListenerRef = useRef(null);
-  const checkClosedIntervalRef = useRef(null);
-  const [customMeetingData, setCustomMeetingData] = useState({
-    meetingUrl: "",
-    meetingId: "",
-    passcode: ""
-  });
-  const timeRef = useRef(null);
-  const reqId = useRef(0);
-  const isLibraryLoaded = useRef(false);
-  const dropdownRef = useRef(null);
-  const searchInputRef = useRef(null);
-  const blurTimeoutRef = useRef(null);
-  useEffect(() => {
-    try {
-      const stored = localStorage.getItem(RECENT_SEARCHES_KEY);
-      if (stored) {
-        const parsed = JSON.parse(stored);
-        setRecentSearches(Array.isArray(parsed) ? parsed : []);
-      }
-    } catch {
-      setRecentSearches([]);
-    }
-  }, []);
-  const saveRecentSearch = useCallback((location) => {
-    if (location.type !== "in-person" || !location.address) return;
-    const newSearch = {
-      id: Date.now().toString(),
-      displayName: location.displayName,
-      address: location.address,
-      placeId: location.placeId,
-      searchedAt: (/* @__PURE__ */ new Date()).toISOString()
-    };
-    setRecentSearches((prev) => {
-      const filtered = prev.filter(
-        (item) => item.address !== newSearch.address && item.placeId !== newSearch.placeId
-      );
-      const updated = [newSearch, ...filtered].slice(0, MAX_RECENT_SEARCHES);
-      try {
-        localStorage.setItem(RECENT_SEARCHES_KEY, JSON.stringify(updated));
-      } catch {
-      }
-      return updated;
-    });
-  }, []);
-  const clearRecentSearches = useCallback(() => {
-    setRecentSearches([]);
-    try {
-      localStorage.removeItem(RECENT_SEARCHES_KEY);
-    } catch {
-    }
-  }, []);
-  useEffect(() => {
-    let locationToSet = null;
-    if (defaultValue) {
-      locationToSet = defaultValue;
-    } else if (formData == null ? void 0 : formData.location_data) {
-      const locationData = formData.location_data;
-      if (typeof locationData === "object" && locationData !== null) {
-        const hasRealLocationData = locationData.displayName || locationData.display_name || locationData.name || locationData.address || locationData.meetingUrl || locationData.meeting_url || locationData.url || locationData.placeId || locationData.place_id;
-        if (hasRealLocationData) {
-          locationToSet = {
-            type: locationData.type || "in-person",
-            displayName: locationData.displayName || locationData.display_name || locationData.name || locationData.address || "Please select a location for event",
-            address: locationData.address,
-            placeId: locationData.placeId || locationData.place_id,
-            coordinates: locationData.coordinates || (locationData.lat && locationData.lng ? {
-              lat: locationData.lat,
-              lng: locationData.lng
-            } : void 0),
-            platform: locationData.platform,
-            meetingUrl: locationData.meetingUrl || locationData.meeting_url || locationData.url,
-            meetingId: locationData.meetingId || locationData.meeting_id,
-            passcode: locationData.passcode,
-            metadata: locationData.metadata || {}
-          };
-        }
-      }
-    }
-    if (locationToSet) {
-      setCurrentLocation(locationToSet);
-      if (locationToSet.type === "online") {
-        setCustomMeetingData({
-          meetingUrl: locationToSet.meetingUrl || "",
-          meetingId: locationToSet.meetingId || "",
-          passcode: locationToSet.passcode || ""
-        });
-      }
-    }
-  }, [defaultValue, formData == null ? void 0 : formData.location_data]);
-  const cleanupPopup = useCallback(() => {
-    if (messageListenerRef.current) {
-      window.removeEventListener("message", messageListenerRef.current);
-      messageListenerRef.current = null;
-    }
-    if (checkClosedIntervalRef.current) {
-      clearInterval(checkClosedIntervalRef.current);
-      checkClosedIntervalRef.current = null;
-    }
-    if (cleanupRef.current) {
-      cleanupRef.current();
-      cleanupRef.current = null;
-    }
-    if (popupRef.current && !popupRef.current.closed) {
-      try {
-        popupRef.current.close();
-      } catch {
-      }
-      popupRef.current = null;
-    }
-    setIsConnectingMeet(false);
-  }, []);
-  useEffect(() => {
-    return () => {
-      cleanupPopup();
-      if (timeRef.current) clearTimeout(timeRef.current);
-      if (blurTimeoutRef.current) clearTimeout(blurTimeoutRef.current);
-    };
-  }, [cleanupPopup]);
-  const ensureGoogleLibraries = useCallback(async () => {
-    if (!googleApiKey) return;
-    if (!isLibraryLoaded.current) {
-      isLibraryLoaded.current = true;
-      try {
-        await loadGooglePlaces(googleApiKey);
-        await (window == null ? void 0 : window.google.maps.importLibrary("places"));
-        await (window == null ? void 0 : window.google.maps.importLibrary("geocoding"));
-      } catch (e) {
-        isLibraryLoaded.current = false;
-        setError(
-          (e == null ? void 0 : e.message) || "Unable to load location services. Please refresh and try again."
-        );
-      }
-    }
-  }, [googleApiKey]);
-  const copyToClipboard = useCallback(async (e, text) => {
-    e.preventDefault();
-    try {
-      await navigator.clipboard.writeText(text);
-      setShowCopySuccess(true);
-      setTimeout(() => setShowCopySuccess(false), 3e3);
-    } catch (err) {
-      if (typeof document !== "undefined") {
-        const textArea = document.createElement("textarea");
-        textArea.value = text;
-        document.body.appendChild(textArea);
-        textArea.select();
-        document.execCommand("copy");
-        document.body.removeChild(textArea);
-      }
-    }
-  }, []);
-  const sizeClasses = {
-    sm: "pl-10 pr-12 py-2.5 text-sm",
-    md: "pl-11 pr-12 py-3.5 text-base",
-    lg: "pl-12 pr-14 py-4 text-lg"
-  };
-  const iconSizes = {
-    sm: "h-4 w-4",
-    md: "h-5 w-5",
-    lg: "h-6 w-6"
-  };
-  const iconPositions = {
-    sm: "left-3",
-    md: "left-3.5",
-    lg: "left-4"
-  };
-  const getVariantClasses = () => {
-    const baseClasses = "w-full rounded-lg transition-all duration-300 outline-none font-medium";
-    switch (variant) {
-      case "filled":
-        return clsx(
-          baseClasses,
-          "bg-grey-50 input-border",
-          "focus:bg-white focus:border-blue-500 focus:ring-4 focus:ring-blue-500/10 focus:shadow-lg",
-          "hover:bg-grey-100 hover:shadow-md",
-          parentError || error ? "bg-error-50 border-error-200 focus:border-error-500 focus:ring-error-500/10" : "input-border",
-          disabled ? "bg-grey-100 text-grey-500 cursor-not-allowed" : "text-grey-900"
-        );
-      case "outlined":
-        return clsx(
-          baseClasses,
-          "bg-white input-border",
-          "focus:border-blue-500 focus:ring-4 focus:ring-blue-500/10 focus:shadow-lg",
-          "hover:border-grey-400 hover:shadow-md",
-          parentError || error ? "border-error-300 focus:border-error-500 focus:ring-error-500/10" : "input-border",
-          disabled ? "bg-grey-50 text-grey-500 cursor-not-allowed border-grey-200" : "text-grey-900"
-        );
-      default:
-        return clsx(
-          baseClasses,
-          "bg-white input-border",
-          "focus:ring-2 focus:ring-primaryx-500/20 focus:border-primaryx-500 focus:shadow-lg",
-          "hover:border-grey-300 hover:shadow-md",
-          parentError || error ? "border-error-300 focus:border-error-500 focus:ring-error-500/10" : "input-border",
-          disabled ? "bg-grey-50 text-grey-500 cursor-not-allowed" : "text-grey-900"
-        );
-    }
-  };
-  const displayValue = (currentLocation == null ? void 0 : currentLocation.displayName) ?? "";
-  const handleGoogleMeetConnect = useCallback(async () => {
-    if (!enableGoogleMeet) return;
-    if (popupRef.current && !popupRef.current.closed) {
-      try {
-        popupRef.current.close();
-      } catch {
-      }
-    }
-    setIsConnectingMeet(true);
-    setError("");
-    try {
-      const width = 500;
-      const height = 600;
-      const left = Math.max(0, (window.screen.width - width) / 2);
-      const top = Math.max(0, (window.screen.height - height) / 2);
-      const popup = window.open(
-        googleMeetAuthEndpoint,
-        // + `?id=${vendor?.id}`,
-        "google-auth",
-        `width=${width},height=${height},left=${left},top=${top - 50},scrollbars=yes,resizable=yes,status=yes`
-      );
-      if (!popup) {
-        throw new Error("Popup blocked. Please allow popups and try again.");
-      }
-      popupRef.current = popup;
-      let isPopupClosed = false;
-      let messageReceived = false;
-      const checkClosed = setInterval(() => {
-        if (popup.closed && !messageReceived) {
-          clearInterval(checkClosed);
-          isPopupClosed = true;
-          setIsConnectingMeet(false);
-          setError("Google authorization was cancelled");
-          cleanupPopup();
-        }
-      }, 1e3);
-      checkClosedIntervalRef.current = checkClosed;
-      const messageListener = (event) => {
-        const allowedOrigins = [
-          window.location.origin,
-          "http://localhost:5000",
-          "https://localhost:5000",
-          "https://dev-dot-cardpay-1.el.r.appspot.com"
-        ];
-        const isValidOrigin = allowedOrigins.some(
-          (origin) => event.origin === origin || event.origin.startsWith(origin)
-        );
-        if (!isValidOrigin || isPopupClosed) return;
-        let messageData = event.data;
-        if (typeof messageData === "string") {
-          try {
-            messageData = JSON.parse(messageData);
-          } catch {
-          }
-        }
-        messageReceived = true;
-        if (checkClosedIntervalRef.current) {
-          clearInterval(checkClosedIntervalRef.current);
-          checkClosedIntervalRef.current = null;
-        }
-        if (messageData.type === "GOOGLE_AUTH_SUCCESS" || messageData.success) {
-          const meetLink = messageData.meetLink || messageData.link || messageData.url;
-          const newLocation = {
-            type: "online",
-            displayName: "Google Meet (Online)",
-            platform: "google-meet",
-            meetingUrl: meetLink,
-            metadata: { autoGenerated: true, connectedAt: (/* @__PURE__ */ new Date()).toISOString() }
-          };
-          setCurrentLocation(newLocation);
-          onLocationSelected(newLocation);
-          setIsOpen(false);
-          setViewMode("main");
-          setTimeout(() => {
-            if (!popup.closed) popup.close();
-            cleanupPopup();
-          }, 100);
-        } else if (messageData.type === "GOOGLE_AUTH_ERROR" || messageData.error) {
-          setError(messageData.error || messageData.message || "Failed to connect Google Meet");
-          setTimeout(() => {
-            if (!popup.closed) popup.close();
-            cleanupPopup();
-          }, 100);
-        }
-      };
-      messageListenerRef.current = messageListener;
-      window.addEventListener("message", messageListener);
-      const timeoutId = setTimeout(() => {
-        if (!messageReceived && !popup.closed) {
-          setError("Google authorization timed out. Please try again.");
-          cleanupPopup();
-        }
-      }, 3e5);
-      cleanupRef.current = () => {
-        clearTimeout(timeoutId);
-        if (checkClosedIntervalRef.current) {
-          clearInterval(checkClosedIntervalRef.current);
-          checkClosedIntervalRef.current = null;
-        }
-      };
-    } catch (e) {
-      setError(e instanceof Error ? e.message : "Failed to open Google authorization");
-      setIsConnectingMeet(false);
-    }
-  }, [
-    enableGoogleMeet,
-    googleMeetAuthEndpoint,
-    /*vendor?.id,*/
-    cleanupPopup,
-    onLocationSelected
-  ]);
-  const handleCustomMeetingSubmit = useCallback(() => {
-    setError("");
-    if (!customMeetingData.meetingUrl.trim()) {
-      setError("Meeting URL is required");
-      return;
-    }
-    try {
-      const u = new URL(customMeetingData.meetingUrl);
-      if (!["http:", "https:"].includes(u.protocol)) {
-        setError("Please enter a valid meeting URL");
-        return;
-      }
-    } catch {
-      setError("Please enter a valid meeting URL");
-      return;
-    }
-    const displayName = "Virtual Meeting (Custom Link)";
-    const newLocation = {
-      type: "online",
-      displayName,
-      platform: "custom",
-      // Always set as custom for manually added links
-      meetingUrl: customMeetingData.meetingUrl,
-      meetingId: customMeetingData.meetingId || void 0,
-      passcode: customMeetingData.passcode || void 0,
-      metadata: {
-        manuallyAdded: true,
-        addedAt: (/* @__PURE__ */ new Date()).toISOString(),
-        originalUrl: customMeetingData.meetingUrl
-        // Store original URL for reference
-      }
-    };
-    setCurrentLocation(newLocation);
-    onLocationSelected(newLocation);
-    setViewMode("main");
-    setIsOpen(false);
-  }, [customMeetingData, onLocationSelected]);
-  const handleClear = useCallback(() => {
-    setCurrentLocation(null);
-    setSearchQuery("");
-    setSuggestions(null);
-    setViewMode("main");
-    setError("");
-    setCustomMeetingData({
-      meetingUrl: "",
-      meetingId: "",
-      passcode: ""
-    });
-    onLocationSelected(null);
-  }, [onLocationSelected]);
-  const runSearch = useCallback(
-    async (inputValue) => {
-      if (!enablePhysicalLocation || !googleApiKey) return;
-      if (!inputValue.trim()) {
-        setSuggestions(null);
-        setLoadingSearch(false);
-        return;
-      }
-      setLoadingSearch(true);
-      if (timeRef.current) clearTimeout(timeRef.current);
-      const currentRequestId = (reqId.current + 1) % 100;
-      reqId.current = currentRequestId;
-      timeRef.current = setTimeout(async () => {
-        try {
-          await ensureGoogleLibraries();
-          const { suggestions: suggs } = await (window == null ? void 0 : window.google.maps.places.AutocompleteSuggestion.fetchAutocompleteSuggestions({
-            input: inputValue,
-            region: "PK"
-          }));
-          if (currentRequestId === reqId.current) {
-            setSuggestions(
-              (suggs || []).map((s) => {
-                var _a, _b, _c;
-                return {
-                  placeId: (_a = s.placePrediction) == null ? void 0 : _a.placeId,
-                  description: (_c = (_b = s.placePrediction) == null ? void 0 : _b.text) == null ? void 0 : _c.text
-                };
-              }).filter((s) => s.placeId && s.description)
-            );
-            setLoadingSearch(false);
-          }
-        } catch (e) {
-          if (currentRequestId === reqId.current) {
-            setError("Unable to search locations. Please try again.");
-            setLoadingSearch(false);
-          }
-        }
-      }, 300);
-    },
-    [enablePhysicalLocation, googleApiKey, ensureGoogleLibraries]
-  );
-  const handleSelectSuggestion = useCallback(
-    (s) => {
-      const newLocation = {
-        type: "in-person",
-        displayName: s.description,
-        address: s.description,
-        placeId: s.placeId,
-        metadata: { selectedAt: (/* @__PURE__ */ new Date()).toISOString() }
-      };
-      setCurrentLocation(newLocation);
-      onLocationSelected(newLocation);
-      saveRecentSearch(newLocation);
-      setIsOpen(false);
-      setViewMode("main");
-    },
-    [onLocationSelected, saveRecentSearch]
-  );
-  const handleSelectRecentSearch = useCallback(
-    (recent) => {
-      const newLocation = {
-        type: "in-person",
-        displayName: recent.displayName,
-        address: recent.address,
-        placeId: recent.placeId,
-        metadata: { selectedAt: (/* @__PURE__ */ new Date()).toISOString(), fromRecent: true }
-      };
-      setCurrentLocation(newLocation);
-      onLocationSelected(newLocation);
-      setIsOpen(false);
-      setViewMode("main");
-    },
-    [onLocationSelected]
-  );
-  const handleUseCustomSearch = useCallback(() => {
-    if (!searchQuery.trim()) return;
-    const newLocation = {
-      type: "in-person",
-      displayName: searchQuery,
-      address: searchQuery,
-      metadata: { selectedAt: (/* @__PURE__ */ new Date()).toISOString(), isCustomText: true }
-    };
-    setCurrentLocation(newLocation);
-    onLocationSelected(newLocation);
-    saveRecentSearch(newLocation);
-    setIsOpen(false);
-    setViewMode("main");
-  }, [searchQuery, onLocationSelected, saveRecentSearch]);
-  const handleMainInputBlur = useCallback(() => {
-    blurTimeoutRef.current = setTimeout(() => {
-      setIsOpen(false);
-      setViewMode("main");
-    }, 150);
-    onBlur == null ? void 0 : onBlur();
-  }, [onBlur]);
-  const cancelBlurTimeout = useCallback(() => {
-    if (blurTimeoutRef.current) {
-      clearTimeout(blurTimeoutRef.current);
-      blurTimeoutRef.current = null;
-    }
-  }, []);
-  const handleInteractiveMouseDown = useCallback((e) => {
-    e.preventDefault();
-    cancelBlurTimeout();
-  }, [cancelBlurTimeout]);
-  useEffect(() => {
-    const handleClickOutside = (event) => {
-      const target = event.target;
-      if (dropdownRef.current && !dropdownRef.current.contains(target) && inputWrapperRef.current && !inputWrapperRef.current.contains(target)) {
-        setIsOpen(false);
-        setViewMode("main");
-      }
-    };
-    if (isOpen) {
-      document.addEventListener("mousedown", handleClickOutside);
-    }
-    return () => {
-      document.removeEventListener("mousedown", handleClickOutside);
-    };
-  }, [isOpen]);
-  const handleSearchInputChange = useCallback((e) => {
-    e.stopPropagation();
-    const value = e.target.value;
-    setSearchQuery(value);
-    setHasSearched(true);
-    setError("");
-    runSearch(value);
-  }, [runSearch]);
-  useCallback((e) => {
-    e.stopPropagation();
-    cancelBlurTimeout();
-  }, [cancelBlurTimeout]);
-  const handleSearchInputBlur = useCallback((e) => {
-    e.stopPropagation();
-  }, []);
-  useCallback((e) => {
-    e.stopPropagation();
-    cancelBlurTimeout();
-  }, [cancelBlurTimeout]);
-  useCallback((e) => {
-    e.stopPropagation();
-    cancelBlurTimeout();
-    if (searchInputRef.current && typeof document !== "undefined" && document.activeElement !== searchInputRef.current) {
-      searchInputRef.current.focus();
-    }
-  }, [cancelBlurTimeout]);
-  const showClearButton = (displayValue || currentLocation) && !disabled;
-  const getLeadingIcon = () => {
-    if ((currentLocation == null ? void 0 : currentLocation.type) === "online") {
-      if (currentLocation.platform === "google-meet") {
-        return /* @__PURE__ */ jsx(FaGoogle, { className: clsx(iconSizes[size], "text-blue-600") });
-      }
-      return /* @__PURE__ */ jsx(ForwardRef$6, { className: clsx(iconSizes[size], "text-purple-600") });
-    }
-    return /* @__PURE__ */ jsx(ForwardRef$4, { className: clsx(iconSizes[size], "text-grey-500") });
-  };
-  const dropdownVariants = {
-    hidden: { opacity: 0, y: -10, scale: 0.95 },
-    visible: { opacity: 1, y: 0, scale: 1 },
-    exit: { opacity: 0, y: -10, scale: 0.95 }
-  };
-  const contentVariants = {
-    hidden: { opacity: 0, x: -20 },
-    visible: { opacity: 1, x: 0 },
-    exit: { opacity: 0, x: 20 }
-  };
-  const shouldShowRecentSearches = recentSearches.length > 0 && searchQuery.trim() === "";
-  const shouldShowSearchResults = searchQuery.trim() !== "" && (loadingSearch || (suggestions == null ? void 0 : suggestions.length) || hasSearched);
-  const renderLocationDetails = () => {
-    var _a, _b, _c;
-    if (!currentLocation) return null;
-    if (currentLocation.type === "online") {
-      return /* @__PURE__ */ jsxs(
-        motion.div,
-        {
-          initial: { opacity: 0, height: 0 },
-          animate: { opacity: 1, height: "auto" },
-          exit: { opacity: 0, height: 0 },
-          className: "mt-3 space-y-3",
-          children: [
-            currentLocation.platform !== "google-meet" && /* @__PURE__ */ jsx("div", { className: "p-4 bg-blue-50 border border-blue-200 rounded-xl", children: /* @__PURE__ */ jsx("div", { className: "flex items-start justify-between", children: /* @__PURE__ */ jsxs("div", { className: "flex-1", children: [
-              /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2 mb-2", children: [
-                /* @__PURE__ */ jsx(ForwardRef$6, { className: "h-4 w-4 text-purple-600" }),
-                /* @__PURE__ */ jsx("span", { className: "text-sm font-semibold text-grey-900", children: currentLocation.platform === "zoom" ? "Zoom Meeting" : currentLocation.platform === "teams" ? "Microsoft Teams" : "Virtual Meeting" }),
-                /* @__PURE__ */ jsx("span", { className: "px-2 py-1 bg-green-100 text-green-700 text-xs font-medium rounded-full", children: "Online" })
-              ] }),
-              currentLocation.meetingUrl && /* @__PURE__ */ jsxs("div", { className: "space-y-2", children: [
-                /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
-                  /* @__PURE__ */ jsx(ForwardRef$8, { className: "h-4 w-4 text-grey-500 flex-shrink-0" }),
-                  /* @__PURE__ */ jsx("span", { className: "text-xs font-medium text-grey-600", children: "Meeting Link:" })
-                ] }),
-                /* @__PURE__ */ jsxs("div", { className: "grid grid-cols-[1fr_auto] gap-2 bg-white p-2 rounded-lg border border-gray-300 items-center min-w-0", children: [
-                  /* @__PURE__ */ jsx("div", { className: "min-w-0 overflow-hidden", children: /* @__PURE__ */ jsx("code", { className: "block text-xs text-blue-600 break-all line-clamp-2 leading-relaxed", children: currentLocation.meetingUrl }) }),
-                  /* @__PURE__ */ jsx(
-                    "button",
-                    {
-                      type: "button",
-                      onClick: (e) => copyToClipboard(e, currentLocation.meetingUrl),
-                      className: "p-1 hover:bg-grey-100 rounded transition-colors flex-shrink-0",
-                      title: "Copy link",
-                      children: /* @__PURE__ */ jsx(ForwardRef$9, { className: "h-3 w-3 text-grey-500 hover:text-grey-600" })
-                    }
-                  )
-                ] })
-              ] }),
-              currentLocation.meetingId && /* @__PURE__ */ jsx("div", { className: "mt-2", children: /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2 mb-1", children: [
-                /* @__PURE__ */ jsx("span", { className: "text-xs font-medium text-grey-600", children: "Meeting ID:" }),
-                /* @__PURE__ */ jsx("code", { className: "text-xs text-grey-800 bg-white px-2 py-1 rounded border", children: currentLocation.meetingId })
-              ] }) }),
-              currentLocation.passcode && /* @__PURE__ */ jsx("div", { className: "mt-2", children: /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2 mb-1", children: [
-                /* @__PURE__ */ jsx("span", { className: "text-xs font-medium text-grey-600", children: "Passcode:" }),
-                /* @__PURE__ */ jsx("code", { className: "text-xs text-grey-800 bg-white px-2 py-1 rounded border", children: currentLocation.passcode })
-              ] }) })
-            ] }) }) }),
-            currentLocation.platform === "google-meet" && ((_a = currentLocation.metadata) == null ? void 0 : _a.autoGenerated) && /* @__PURE__ */ jsx(
-              motion.div,
-              {
-                initial: { opacity: 0, height: 0 },
-                animate: { opacity: 1, height: "auto" },
-                transition: { duration: 0.3, ease: "easeOut" },
-                className: "bg-gradient-to-r from-blue-50 to-indigo-50 border border-blue-200 rounded-xl p-4",
-                children: /* @__PURE__ */ jsxs("div", { className: "flex items-start gap-3", children: [
-                  /* @__PURE__ */ jsx("div", { className: "p-2 rounded-lg bg-blue-100", children: /* @__PURE__ */ jsx(FaGoogle, { className: "h-4 w-4 text-blue-600" }) }),
-                  /* @__PURE__ */ jsxs("div", { className: "flex-1 space-y-2", children: [
-                    /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
-                      /* @__PURE__ */ jsx("h4", { className: "text-sm font-semibold text-blue-900", children: "Smart Meeting Creation" }),
-                      /* @__PURE__ */ jsx("span", { className: "px-2 py-0.5 bg-blue-200 text-blue-800 text-xs font-medium rounded-full", children: "Auto Generated" })
-                    ] }),
-                    /* @__PURE__ */ jsx("p", { className: "text-xs text-blue-700 leading-relaxed", children: "Your Google Meet will be automatically created when you publish the event, scheduled according to your event timing." }),
-                    ((_b = formData == null ? void 0 : formData.event_start_timestamp) == null ? void 0 : _b.date) && ((_c = formData == null ? void 0 : formData.event_end_timestamp) == null ? void 0 : _c.date) && /* @__PURE__ */ jsxs("div", { className: "mt-3 p-3 bg-white/70 rounded-lg border border-blue-200", children: [
-                      /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2 mb-2", children: [
-                        /* @__PURE__ */ jsx(ForwardRef$5, { className: "h-3.5 w-3.5 text-blue-600" }),
-                        /* @__PURE__ */ jsx("span", { className: "text-xs font-medium text-blue-800", children: "Meeting Schedule" })
-                      ] }),
-                      /* @__PURE__ */ jsxs("div", { className: "space-y-1", children: [
-                        /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between text-xs", children: [
-                          /* @__PURE__ */ jsx("span", { className: "text-blue-600 font-medium", children: "Start:" }),
-                          /* @__PURE__ */ jsx("span", { className: "text-blue-800", children: (/* @__PURE__ */ new Date(`${formData.event_start_timestamp.date}T${formData.event_start_timestamp.time || "00:00"}`)).toLocaleString("en-US", {
-                            weekday: "short",
-                            month: "short",
-                            day: "numeric",
-                            hour: "2-digit",
-                            minute: "2-digit"
-                          }) })
-                        ] }),
-                        /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between text-xs", children: [
-                          /* @__PURE__ */ jsx("span", { className: "text-blue-600 font-medium", children: "End:" }),
-                          /* @__PURE__ */ jsx("span", { className: "text-blue-800", children: (/* @__PURE__ */ new Date(`${formData.event_end_timestamp.date}T${formData.event_end_timestamp.time || "23:59"}`)).toLocaleString("en-US", {
-                            weekday: "short",
-                            month: "short",
-                            day: "numeric",
-                            hour: "2-digit",
-                            minute: "2-digit"
-                          }) })
-                        ] })
-                      ] })
-                    ] }),
-                    /* @__PURE__ */ jsxs("div", { className: "mt-3 space-y-1", children: [
-                      /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2 text-xs text-blue-700", children: [
-                        /* @__PURE__ */ jsx(ForwardRef, { className: "h-3 w-3 text-blue-600" }),
-                        /* @__PURE__ */ jsx("span", { children: "Automatic calendar invites" })
-                      ] }),
-                      /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2 text-xs text-blue-700", children: [
-                        /* @__PURE__ */ jsx(ForwardRef, { className: "h-3 w-3 text-blue-600" }),
-                        /* @__PURE__ */ jsx("span", { children: "Meeting link shared with attendees" })
-                      ] }),
-                      /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2 text-xs text-blue-700", children: [
-                        /* @__PURE__ */ jsx(ForwardRef, { className: "h-3 w-3 text-blue-600" }),
-                        /* @__PURE__ */ jsx("span", { children: "Synchronized with event schedule" })
-                      ] })
-                    ] })
-                  ] })
-                ] })
-              }
-            )
-          ]
-        }
-      );
-    } else if (currentLocation.type === "in-person") {
-      return /* @__PURE__ */ jsx(
-        motion.div,
-        {
-          initial: { opacity: 0, height: 0 },
-          animate: { opacity: 1, height: "auto" },
-          exit: { opacity: 0, height: 0 },
-          className: "mt-3 p-4 bg-green-50 border border-green-200 rounded-xl",
-          children: /* @__PURE__ */ jsxs("div", { className: "flex items-start gap-3", children: [
-            /* @__PURE__ */ jsx(ForwardRef$4, { className: "h-5 w-5 text-green-600 flex-shrink-0 mt-0.5" }),
-            /* @__PURE__ */ jsxs("div", { className: "flex-1", children: [
-              /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2 mb-2", children: [
-                /* @__PURE__ */ jsx("span", { className: "text-sm font-semibold text-grey-900", children: "Physical location" }),
-                /* @__PURE__ */ jsx("span", { className: "px-2 py-1 bg-green-100 text-green-700 text-xs font-medium rounded-full", children: "In-Person" })
-              ] }),
-              /* @__PURE__ */ jsx("div", { className: "text-sm text-grey-700 leading-relaxed", children: currentLocation.address || currentLocation.displayName }),
-              currentLocation.coordinates && /* @__PURE__ */ jsxs("div", { className: "mt-2 text-xs text-grey-500", children: [
-                "Coordinates: ",
-                currentLocation.coordinates.lat.toFixed(6),
-                ", ",
-                currentLocation.coordinates.lng.toFixed(6)
-              ] })
-            ] })
-          ] })
-        }
-      );
-    }
-    return null;
-  };
-  return /* @__PURE__ */ jsxs("div", { className: "w-full", children: [
-    label && /* @__PURE__ */ jsxs(
-      motion.label,
-      {
-        className: "block text-sm font-semibold text-grey-800 mb-3",
-        initial: { opacity: 0, y: -10 },
-        animate: { opacity: 1, y: 0 },
-        transition: { duration: 0.2 },
-        children: [
-          label,
-          required && /* @__PURE__ */ jsx("span", { className: "text-error-500 ml-1", children: "*" })
-        ]
-      }
-    ),
-    /* @__PURE__ */ jsx(Combobox, { value: displayValue, onChange: () => {
-    }, disabled, children: /* @__PURE__ */ jsxs("div", { className: "relative", children: [
-      /* @__PURE__ */ jsxs(
-        motion.div,
-        {
-          className: "relative",
-          ref: inputWrapperRef,
-          transition: { duration: 0.2, ease: "easeOut" },
-          children: [
-            /* @__PURE__ */ jsx("div", { className: clsx(
-              "absolute inset-y-0 flex items-center pointer-events-none",
-              iconPositions[size]
-            ), children: getLeadingIcon() }),
-            /* @__PURE__ */ jsx(
-              ComboboxInput,
-              {
-                className: clsx(
-                  getVariantClasses(),
-                  sizeClasses[size],
-                  "cursor-pointer font-normal placeholder:font-normal hover:shadow-none border-gray-300 hover:border-gray-400 truncate",
-                  isOpen && "transform",
-                  (currentLocation == null ? void 0 : currentLocation.type) === "online" ? "!pr-36" : showClearButton ? "!pr-20" : "!pr-12"
-                ),
-                name: field,
-                value: displayValue,
-                onChange: () => {
-                },
-                readOnly: true,
-                placeholder,
-                onFocus: async () => {
-                  cancelBlurTimeout();
-                  setIsOpen(true);
-                  await ensureGoogleLibraries();
-                  onFocus == null ? void 0 : onFocus();
-                },
-                onClick: async () => {
-                  cancelBlurTimeout();
-                  setIsOpen(true);
-                  await ensureGoogleLibraries();
-                },
-                onBlur: handleMainInputBlur
-              }
-            ),
-            /* @__PURE__ */ jsxs("div", { className: "absolute inset-y-0 right-0 flex items-center pr-4 space-x-2", children: [
-              /* @__PURE__ */ jsxs(AnimatePresence, { mode: "wait", children: [
-                (currentLocation == null ? void 0 : currentLocation.type) === "online" && /* @__PURE__ */ jsxs(
-                  motion.div,
-                  {
-                    initial: { opacity: 0, scale: 0.8 },
-                    animate: { opacity: 1, scale: 1 },
-                    exit: { opacity: 0, scale: 0.8 },
-                    className: "flex items-center space-x-1.5 bg-green-50 px-2 py-1 rounded-full",
-                    children: [
-                      /* @__PURE__ */ jsx(ForwardRef, { className: "h-3.5 w-3.5 text-green-600" }),
-                      /* @__PURE__ */ jsx("span", { className: "text-xs text-green-700 font-medium", children: "Connected" })
-                    ]
-                  },
-                  "connected"
-                ),
-                showClearButton && /* @__PURE__ */ jsx(
-                  motion.button,
-                  {
-                    type: "button",
-                    onClick: (e) => {
-                      e.preventDefault();
-                      e.stopPropagation();
-                      handleClear();
-                    },
-                    onMouseDown: handleInteractiveMouseDown,
-                    className: "text-grey-400 hover:text-grey-600 transition-all duration-200 p-1.5 rounded-full hover:bg-grey-100 focus:outline-none focus:ring-2 focus:ring-primaryx-500/20 focus:border-primaryx-500",
-                    "aria-label": "Clear selection",
-                    initial: { opacity: 0, scale: 0.8 },
-                    animate: { opacity: 1, scale: 1 },
-                    exit: { opacity: 0, scale: 0.8 },
-                    whileHover: { scale: 1.1 },
-                    whileTap: { scale: 0.95 },
-                    disabled,
-                    children: /* @__PURE__ */ jsx(ForwardRef$1, { className: "h-4 w-4" })
-                  },
-                  "clear"
-                )
-              ] }),
-              /* @__PURE__ */ jsx(
-                motion.div,
-                {
-                  animate: { rotate: isOpen ? 180 : 0 },
-                  transition: { duration: 0.2 },
-                  className: "text-grey-400",
-                  children: /* @__PURE__ */ jsx(ForwardRef$2, { className: "h-5 w-5" })
-                }
-              )
-            ] }),
-            /* @__PURE__ */ jsx(AnimatePresence, { children: isOpen && /* @__PURE__ */ jsx(
-              motion.div,
-              {
-                variants: dropdownVariants,
-                initial: "hidden",
-                animate: "visible",
-                exit: "exit",
-                style: { transformOrigin: dropdownPosition === "top" ? "bottom" : "top" },
-                transition: { duration: 0.3, ease: "easeOut" },
-                className: clsx(
-                  "absolute left-0 w-full z-50",
-                  dropdownPosition === "top" ? "bottom-full mb-1" : "top-full -mt-1"
-                ),
-                children: /* @__PURE__ */ jsx(
-                  ComboboxOptions,
-                  {
-                    ref: dropdownRef,
-                    className: clsx(
-                      "w-full mt-3 rounded-lg border border-grey-200 bg-white shadow-2xl p-1 overflow-hidden",
-                      "focus:outline-none backdrop-blur-sm"
-                    ),
-                    static: true,
-                    children: /* @__PURE__ */ jsxs(AnimatePresence, { mode: "wait", children: [
-                      viewMode === "main" && /* @__PURE__ */ jsx(
-                        motion.div,
-                        {
-                          variants: contentVariants,
-                          initial: "hidden",
-                          animate: "visible",
-                          exit: "exit",
-                          transition: { duration: 0.2 },
-                          className: "p-3",
-                          children: /* @__PURE__ */ jsxs("div", { className: "space-y-2", children: [
-                            enablePhysicalLocation && /* @__PURE__ */ jsxs(Fragment, { children: [
-                              /* @__PURE__ */ jsxs("div", { className: "px-3 py-2", children: [
-                                /* @__PURE__ */ jsx("h3", { className: "text-xs font-semibold text-grey-500 uppercase tracking-wider mb-3", children: "Physical location" }),
-                                /* @__PURE__ */ jsxs("div", { className: "space-y-3", children: [
-                                  /* @__PURE__ */ jsx("div", { className: "relative", 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",
-                                          value: searchQuery,
-                                          placeholder: "Search for venues, addresses, or landmarks...",
-                                          icon: Search,
-                                          inputClassName: "w-full pl-10 pr-4 h-10",
-                                          onChange: handleSearchInputChange,
-                                          onBlur: () => {
-                                            if (searchInputRef.current) {
-                                              const event = new Event("blur");
-                                              handleSearchInputBlur(event);
-                                            }
-                                          }
-                                        }
-                                      )
-                                    }
-                                  ) }),
-                                  shouldShowSearchResults && /* @__PURE__ */ jsxs("div", { className: "overflow-auto rounded-xl border border-grey-100", children: [
-                                    loadingSearch && /* @__PURE__ */ jsx("div", { className: "px-4 py-6 text-center", children: /* @__PURE__ */ jsxs("div", { className: "flex flex-col items-center space-y-2", children: [
-                                      /* @__PURE__ */ jsx(FaCircleNotch, { className: "h-5 w-5 animate-spin text-blue-500" }),
-                                      /* @__PURE__ */ jsx("p", { className: "text-xs text-grey-600", children: "Searching locations..." })
-                                    ] }) }),
-                                    !loadingSearch && hasSearched && searchQuery.trim() !== "" && (!suggestions || suggestions.length === 0) && /* @__PURE__ */ jsx("div", { className: "px-4 py-6 text-center", children: /* @__PURE__ */ jsxs("div", { className: "flex flex-col items-center space-y-2", children: [
-                                      /* @__PURE__ */ jsx(ForwardRef$3, { className: "h-6 w-6 text-grey-300" }),
-                                      /* @__PURE__ */ jsxs("p", { className: "text-xs text-grey-500", children: [
-                                        "No locations found for ",
-                                        searchQuery
-                                      ] }),
-                                      /* @__PURE__ */ jsx("p", { className: "text-xs text-grey-400", children: "Try different keywords or check spelling" })
-                                    ] }) }),
-                                    !loadingSearch && (suggestions == null ? void 0 : suggestions.map((s, idx) => /* @__PURE__ */ jsxs(
-                                      "button",
-                                      {
-                                        type: "button",
-                                        onClick: (e) => {
-                                          e.preventDefault();
-                                          e.stopPropagation();
-                                          handleSelectSuggestion(s);
-                                        },
-                                        onMouseDown: handleInteractiveMouseDown,
-                                        className: clsx(
-                                          "w-full text-left px-4 py-3 hover:bg-grey-50 transition-colors flex items-center gap-3",
-                                          idx !== 0 && "border-t border-grey-100"
-                                        ),
-                                        children: [
-                                          /* @__PURE__ */ jsx(ForwardRef$4, { className: "h-4 w-4 text-grey-400 flex-shrink-0" }),
-                                          /* @__PURE__ */ jsx("span", { className: "text-sm text-grey-900", children: s.description })
-                                        ]
-                                      },
-                                      s.placeId
-                                    )))
-                                  ] }),
-                                  shouldShowRecentSearches && /* @__PURE__ */ jsxs("div", { className: "space-y-2", children: [
-                                    /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between", children: [
-                                      /* @__PURE__ */ jsxs("h4", { className: "text-xs font-medium text-grey-600 flex items-center gap-1", children: [
-                                        /* @__PURE__ */ jsx(ForwardRef$5, { className: "h-3 w-3" }),
-                                        "Recent searches"
-                                      ] }),
-                                      /* @__PURE__ */ jsx(
-                                        "button",
-                                        {
-                                          type: "button",
-                                          onClick: (e) => {
-                                            e.preventDefault();
-                                            e.stopPropagation();
-                                            clearRecentSearches();
-                                          },
-                                          onMouseDown: handleInteractiveMouseDown,
-                                          className: "text-xs text-grey-400 hover:text-grey-600 transition-colors",
-                                          children: "Clear all"
-                                        }
-                                      )
-                                    ] }),
-                                    /* @__PURE__ */ jsx("div", { className: "grid grid-cols-1 gap-1 overflow-auto", children: recentSearches.map((recent) => /* @__PURE__ */ jsxs(
-                                      "button",
-                                      {
-                                        type: "button",
-                                        onClick: (e) => {
-                                          e.preventDefault();
-                                          e.stopPropagation();
-                                          handleSelectRecentSearch(recent);
-                                        },
-                                        onMouseDown: handleInteractiveMouseDown,
-                                        className: "w-full text-left px-3 py-2.5 hover:bg-grey-50 rounded-lg transition-colors flex items-center gap-3 group",
-                                        children: [
-                                          /* @__PURE__ */ jsx("div", { className: "p-1.5 rounded-md bg-grey-100 group-hover:bg-grey-200 transition-colors", children: /* @__PURE__ */ jsx(ForwardRef$5, { className: "h-3.5 w-3.5 text-grey-500" }) }),
-                                          /* @__PURE__ */ jsxs("div", { className: "flex-1 min-w-0", children: [
-                                            /* @__PURE__ */ jsx("span", { className: "text-sm text-grey-700 truncate block", children: recent.displayName }),
-                                            /* @__PURE__ */ jsx("span", { className: "text-xs text-grey-400", children: new Date(recent.searchedAt).toLocaleDateString() })
-                                          ] })
-                                        ]
-                                      },
-                                      recent.id
-                                    )) })
-                                  ] }),
-                                  !shouldShowRecentSearches && !shouldShowSearchResults && /* @__PURE__ */ jsxs("div", { className: "text-center py-6", children: [
-                                    /* @__PURE__ */ jsx(ForwardRef$5, { className: "h-8 w-8 text-grey-300 mx-auto mb-2" }),
-                                    /* @__PURE__ */ jsx("p", { className: "text-sm text-grey-500", children: "No recent searches" }),
-                                    /* @__PURE__ */ jsx("p", { className: "text-xs text-grey-400 mt-1", children: "Your recent location searches will appear here" })
-                                  ] }),
-                                  searchQuery.trim() !== "" && /* @__PURE__ */ jsxs(
-                                    "button",
-                                    {
-                                      type: "button",
-                                      onClick: (e) => {
-                                        e.preventDefault();
-                                        e.stopPropagation();
-                                        handleUseCustomSearch();
-                                      },
-                                      onMouseDown: handleInteractiveMouseDown,
-                                      className: "w-full text-left px-4 py-3 bg-grey-100 hover:bg-grey-200 transition-colors flex items-center gap-3 border-t border-grey-100",
-                                      children: [
-                                        /* @__PURE__ */ jsx(ForwardRef$4, { className: "h-4 w-4 text-grey-500 flex-shrink-0" }),
-                                        /* @__PURE__ */ jsxs("span", { className: "text-sm text-grey-900", children: [
-                                          "Use ",
-                                          `"${searchQuery}"`
-                                        ] })
-                                      ]
-                                    }
-                                  )
-                                ] })
-                              ] }),
-                              /* @__PURE__ */ jsx("div", { className: "mx-3 h-px bg-grey-100" })
-                            ] }),
-                            /* @__PURE__ */ jsxs("div", { className: "px-3 py-2", children: [
-                              /* @__PURE__ */ jsx("h3", { className: "text-xs font-semibold text-grey-500 uppercase tracking-wider mb-3", children: "Virtual Meeting" }),
-                              /* @__PURE__ */ jsxs("div", { className: "space-y-1", children: [
-                                enableGoogleMeet && /* @__PURE__ */ jsxs(
-                                  "button",
-                                  {
-                                    type: "button",
-                                    onClick: (e) => {
-                                      e.preventDefault();
-                                      e.stopPropagation();
-                                      handleGoogleMeetConnect();
-                                    },
-                                    onMouseDown: handleInteractiveMouseDown,
-                                    disabled: isConnectingMeet,
-                                    className: "w-full flex items-center gap-3 px-3 py-3 rounded-xl hover:bg-blue-50 transition-all duration-200 text-left group disabled:opacity-50",
-                                    children: [
-                                      /* @__PURE__ */ jsx("div", { className: "p-2 rounded-lg bg-blue-100 group-hover:bg-blue-200 transition-colors", children: isConnectingMeet ? /* @__PURE__ */ jsx(FaCircleNotch, { className: "h-5 w-5 animate-spin text-blue-600" }) : /* @__PURE__ */ jsx(FaGoogle, { className: "h-5 w-5 text-blue-600" }) }),
-                                      /* @__PURE__ */ jsxs("div", { className: "flex-1", children: [
-                                        /* @__PURE__ */ jsx("div", { className: "text-sm font-medium text-grey-900", children: isConnectingMeet ? "Connecting..." : "Google Meet" }),
-                                        /* @__PURE__ */ jsx("div", { className: "text-xs text-grey-500", children: isConnectingMeet ? "Authorizing with Google" : "Auto-generate meeting link" })
-                                      ] })
-                                    ]
-                                  }
-                                ),
-                                enableCustomLinks && /* @__PURE__ */ jsxs(
-                                  "button",
-                                  {
-                                    type: "button",
-                                    onClick: (e) => {
-                                      e.preventDefault();
-                                      e.stopPropagation();
-                                      setViewMode("custom-meeting");
-                                    },
-                                    onMouseDown: handleInteractiveMouseDown,
-                                    className: "w-full flex items-center gap-3 px-3 py-3 rounded-xl hover:bg-purple-50 transition-all duration-200 text-left group",
-                                    children: [
-                                      /* @__PURE__ */ jsx("div", { className: "p-2 rounded-lg bg-purple-100 group-hover:bg-purple-200 transition-colors", children: /* @__PURE__ */ jsx(ForwardRef$6, { className: "h-5 w-5 text-purple-600" }) }),
-                                      /* @__PURE__ */ jsxs("div", { className: "flex-1", children: [
-                                        /* @__PURE__ */ jsx("div", { className: "text-sm font-medium text-grey-900", children: "Custom meeting link" }),
-                                        /* @__PURE__ */ jsx("div", { className: "text-xs text-grey-500", children: "Add Zoom, Teams, or any meeting URL" })
-                                      ] }),
-                                      /* @__PURE__ */ jsx(ForwardRef$7, { className: "h-4 w-4 text-grey-400 group-hover:text-purple-500 transition-colors" })
-                                    ]
-                                  }
-                                )
-                              ] })
-                            ] })
-                          ] })
-                        },
-                        "main"
-                      ),
-                      viewMode === "custom-meeting" && enableCustomLinks && /* @__PURE__ */ jsx(
-                        motion.div,
-                        {
-                          variants: contentVariants,
-                          initial: "hidden",
-                          animate: "visible",
-                          exit: "exit",
-                          transition: { duration: 0.2 },
-                          className: "p-3",
-                          children: /* @__PURE__ */ jsx(
-                            CustomMeetingForm,
-                            {
-                              initialData: customMeetingData,
-                              onSubmit: (data) => {
-                                setCustomMeetingData(data);
-                                handleCustomMeetingSubmit();
-                              },
-                              onCancel: () => setViewMode("main"),
-                              cancelBlurTimeout,
-                              handleInteractiveMouseDown,
-                              contentVariants
-                            }
-                          )
-                        },
-                        "custom-meeting"
-                      )
-                    ] })
-                  }
-                )
-              }
-            ) })
-          ]
-        }
-      ),
-      helperText && currentLocation && /* @__PURE__ */ jsx(
-        motion.p,
-        {
-          initial: { opacity: 0 },
-          animate: { opacity: 1 },
-          className: "mt-2 text-sm text-grey-500",
-          children: helperText
-        }
-      ),
-      !currentLocation && /* @__PURE__ */ jsxs("div", { className: "mt-2", children: [
-        /* @__PURE__ */ jsx(InputErrorMessage, { error: parentError || error }),
-        error && error.includes("Popup") && /* @__PURE__ */ jsx(
-          "button",
-          {
-            onClick: handleGoogleMeetConnect,
-            className: "mt-2 text-sm text-error-600 underline hover:text-error-800 font-medium",
-            children: "Try again"
-          }
-        )
-      ] }),
-      !parentError && !error && /* @__PURE__ */ jsx(AnimatePresence, { children: currentLocation && renderLocationDetails() })
-    ] }) }),
-    /* @__PURE__ */ jsx(
-      Alert,
-      {
-        type: "success",
-        isVisible: showCopySuccess,
-        message: "Meeting link copied to clipboard!"
-      }
-    )
-  ] });
-}
-export {
-  GenericLocationInput
-};
-//# sourceMappingURL=GoogleMapsAutocompleteInput.js.map