@123usmanhaider321/ui 0.1.0 → 0.1.8

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

@@ -0,0 +1,1179 @@
+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