@travories/frontend-sdk 0.1.0

package/dist/index.mjs

@@ -0,0 +1,2373 @@
+import { createContext, useState, useRef, useEffect, useContext, useMemo } from 'react';
+import { Icon } from '@iconify/react';
+import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
+
+// src/api/http.ts
+var TravoriesApiError = class extends Error {
+  constructor(message, status, url, body) {
+    super(message);
+    this.name = "TravoriesApiError";
+    this.status = status;
+    this.url = url;
+    this.body = body;
+  }
+};
+var HttpClient = class {
+  constructor(config) {
+    if (!config.baseUrl) {
+      throw new Error("[TravoriesClient] baseUrl is required");
+    }
+    this.baseUrl = config.baseUrl.replace(/\/$/, "");
+    this.apiKey = config.apiKey;
+    this.authToken = config.authToken;
+    this.defaultHeaders = config.defaultHeaders ?? {};
+    this.fetchImpl = config.fetchImpl ?? (typeof fetch !== "undefined" ? fetch.bind(globalThis) : void 0);
+    if (!this.fetchImpl) {
+      throw new Error(
+        "[TravoriesClient] no `fetch` available. Pass `fetchImpl` (e.g. node-fetch) in the config."
+      );
+    }
+  }
+  async resolveAuthToken() {
+    if (!this.authToken) return void 0;
+    if (typeof this.authToken === "function") {
+      const v = this.authToken();
+      return v instanceof Promise ? await v : v;
+    }
+    return this.authToken;
+  }
+  async request(path, options = {}) {
+    const url = path.startsWith("http") ? path : `${this.baseUrl}/${path.replace(/^\//, "")}`;
+    const token = await this.resolveAuthToken();
+    const headers = {
+      "Content-Type": "application/json",
+      Accept: "application/json",
+      ...this.defaultHeaders,
+      ...options.headers ?? {},
+      ...this.apiKey ? { "x-api-key": this.apiKey } : {},
+      ...token ? { Authorization: `Bearer ${token}` } : {}
+    };
+    const init = {
+      method: options.method ?? "GET",
+      headers,
+      signal: options.signal
+    };
+    if (options.body !== void 0) {
+      init.body = typeof options.body === "string" ? options.body : JSON.stringify(options.body);
+    }
+    try {
+      const res = await this.fetchImpl(url, init);
+      if (!res.ok) {
+        const text = await res.text().catch(() => "");
+        if (options.silent) {
+          console.error(`[TravoriesClient] ${res.status} ${url}`);
+          return null;
+        }
+        throw new TravoriesApiError(
+          `Travories API error ${res.status} for ${url}`,
+          res.status,
+          url,
+          text
+        );
+      }
+      if (res.status === 204) return null;
+      return await res.json();
+    } catch (err) {
+      if (options.silent) {
+        console.error(`[TravoriesClient] fetch failed for ${url}:`, err);
+        return null;
+      }
+      throw err;
+    }
+  }
+};
+
+// src/api/packages.ts
+var normalizeImage = (img) => ({
+  id: img?.id ?? "",
+  key: img?.key ?? "",
+  type: img?.type ?? "image",
+  alt: img?.alt ?? "",
+  preview: img?.preview ?? null,
+  url: {
+    original: img?.url?.original ?? null,
+    hero: img?.url?.hero ?? null,
+    hero_fit: img?.url?.hero_fit ?? null,
+    section: img?.url?.section ?? null,
+    portrait: img?.url?.portrait ?? null,
+    general: img?.url?.general ?? null,
+    jpeg: img?.url?.jpeg ?? null
+  }
+});
+var normalizeHomeCard = (raw) => ({
+  id: raw?.id ?? "",
+  title: raw?.title ?? "",
+  slug: raw?.slug ?? "",
+  agencySlug: raw?.agencySlug ?? "",
+  totalDays: Number(raw?.totalDays ?? 0),
+  minPrice: Number(raw?.minPrice ?? 0),
+  maxPrice: Number(raw?.maxPrice ?? 0),
+  rating: Number(raw?.rating ?? 0),
+  packageCategory: raw?.packageCategory ?? "",
+  thumbnail: normalizeImage(raw?.thumbnail)
+});
+var normalizePackage = (raw) => ({
+  id: raw.id,
+  title: raw.title,
+  packageSlug: raw.packageSlug,
+  slug: raw.slug,
+  packageType: raw.packageType,
+  description: raw.description,
+  difficulty: raw.difficulty,
+  packageFlexibility: raw.packageFlexibility,
+  packageCategory: raw.packageCategory,
+  totalDays: raw.totalDays,
+  media: (raw.media ?? []).map(normalizeImage),
+  thumbnail: raw.thumbnail ? normalizeImage(raw.thumbnail) : null,
+  days: raw.days ?? [],
+  prices: raw.prices ?? [],
+  discounts: raw.discounts ?? [],
+  thingsIncluded: raw.thingsIncluded ?? [],
+  thingsExcluded: raw.thingsExcluded ?? [],
+  thingsToPack: raw.thingsToPack ?? [],
+  rating: raw.rating ?? 0,
+  maxAllowedPeople: raw.maxAllowedPeople ?? 10,
+  minAllowedPeople: raw.minAllowedPeople ?? 1
+});
+var PackagesResource = class {
+  constructor(http) {
+    this.http = http;
+  }
+  /** Fetch a single package by its public slug. Returns null on 404 / network error in silent mode. */
+  async getBySlug(slug, options) {
+    if (!slug) throw new Error("[TravoriesClient] getBySlug requires a slug");
+    const raw = await this.http.request(`/agency-package/by-slug/${slug}`, {
+      silent: true,
+      ...options
+    });
+    if (!raw) return null;
+    return normalizePackage(raw);
+  }
+  /** Fetch host (agency) information for the package. */
+  async getHost(slug, options) {
+    if (!slug) throw new Error("[TravoriesClient] getHost requires a slug");
+    return this.http.request(`/agency-info/by-package-slug/${slug}`, {
+      silent: true,
+      ...options
+    });
+  }
+  /** Fetch major attractions tied to the package. */
+  async getMajorAttractions(slug, options) {
+    if (!slug) throw new Error("[TravoriesClient] getMajorAttractions requires a slug");
+    return this.http.request(`/major-attractions/package/${slug}`, {
+      silent: true,
+      ...options
+    });
+  }
+  /**
+   * Fetch the four home/landing sections in one request:
+   *   popular, topRated, trending, moreToExplore.
+   * Each item is a compact card (id, title, slug, thumbnail, price range, rating).
+   */
+  async getHomeSections(options) {
+    const raw = await this.http.request(`/agency-package/home/sections`, {
+      silent: true,
+      ...options
+    });
+    if (!raw) return null;
+    return {
+      popular: (raw.popular ?? []).map(normalizeHomeCard),
+      topRated: (raw.topRated ?? []).map(normalizeHomeCard),
+      trending: (raw.trending ?? []).map(normalizeHomeCard),
+      moreToExplore: (raw.moreToExplore ?? []).map(normalizeHomeCard)
+    };
+  }
+  /**
+   * Fetch per-day GeoJSON routes for the package. Used by the map on the
+   * itinerary section to draw actual road/trail paths between stops.
+   */
+  async getRoutes(slug, options) {
+    if (!slug) throw new Error("[TravoriesClient] getRoutes requires a slug");
+    return this.http.request(`/agency-package/routes/${slug}`, {
+      silent: true,
+      ...options
+    });
+  }
+  /**
+   * Convenience: fetch the package + host + attractions + per-day routes in
+   * parallel. This is the payload `<PackageDetailView />` consumes.
+   */
+  async getBundle(slug, options) {
+    const [pkg, hostRes, attractionsRes, routesRes] = await Promise.all([
+      this.getBySlug(slug, options),
+      this.getHost(slug, options),
+      this.getMajorAttractions(slug, options),
+      this.getRoutes(slug, options)
+    ]);
+    if (!pkg) return null;
+    return {
+      pkg,
+      host: hostRes?.host ?? null,
+      attractions: attractionsRes?.data ?? [],
+      routes: routesRes?.days ?? []
+    };
+  }
+};
+
+// src/client/TravoriesClient.ts
+var TravoriesClient = class {
+  constructor(config) {
+    /** Shortcut for `client.packages.getBySlug(slug)`. */
+    this.getPackageBySlug = (slug) => this.packages.getBySlug(slug);
+    /** Shortcut for `client.packages.getBundle(slug)` — package + host + attractions in one call. */
+    this.getPackageBundle = (slug) => this.packages.getBundle(slug);
+    this.http = new HttpClient(config);
+    this.packages = new PackagesResource(this.http);
+  }
+};
+function createTravoriesClient(config) {
+  return new TravoriesClient(config);
+}
+function usePackageBySlug(client, slug) {
+  const [data, setData] = useState(null);
+  const [loading, setLoading] = useState(Boolean(slug));
+  const [error, setError] = useState(null);
+  const reqId = useRef(0);
+  const run = () => {
+    if (!slug) {
+      setData(null);
+      setLoading(false);
+      setError(null);
+      return;
+    }
+    const myReq = ++reqId.current;
+    setLoading(true);
+    setError(null);
+    client.packages.getBySlug(slug).then((res) => {
+      if (myReq !== reqId.current) return;
+      setData(res);
+    }).catch((err) => {
+      if (myReq !== reqId.current) return;
+      setError(err instanceof Error ? err : new Error(String(err)));
+    }).finally(() => {
+      if (myReq !== reqId.current) return;
+      setLoading(false);
+    });
+  };
+  useEffect(() => {
+    run();
+    return () => {
+      reqId.current++;
+    };
+  }, [client, slug]);
+  return { data, loading, error, refetch: run };
+}
+function usePackageBundle(client, slug) {
+  const [data, setData] = useState(null);
+  const [loading, setLoading] = useState(Boolean(slug));
+  const [error, setError] = useState(null);
+  const reqId = useRef(0);
+  const run = () => {
+    if (!slug) {
+      setData(null);
+      setLoading(false);
+      setError(null);
+      return;
+    }
+    const myReq = ++reqId.current;
+    setLoading(true);
+    setError(null);
+    client.packages.getBundle(slug).then((res) => {
+      if (myReq !== reqId.current) return;
+      setData(res);
+    }).catch((err) => {
+      if (myReq !== reqId.current) return;
+      setError(err instanceof Error ? err : new Error(String(err)));
+    }).finally(() => {
+      if (myReq !== reqId.current) return;
+      setLoading(false);
+    });
+  };
+  useEffect(() => {
+    run();
+    return () => {
+      reqId.current++;
+    };
+  }, [client, slug]);
+  return { data, loading, error, refetch: run };
+}
+function useHomeSections(client) {
+  const [data, setData] = useState(null);
+  const [loading, setLoading] = useState(Boolean(client));
+  const [error, setError] = useState(null);
+  const reqId = useRef(0);
+  const run = () => {
+    if (!client) {
+      setData(null);
+      setLoading(false);
+      setError(null);
+      return;
+    }
+    const myReq = ++reqId.current;
+    setLoading(true);
+    setError(null);
+    client.packages.getHomeSections().then((res) => {
+      if (myReq !== reqId.current) return;
+      setData(res);
+    }).catch((err) => {
+      if (myReq !== reqId.current) return;
+      setError(err instanceof Error ? err : new Error(String(err)));
+    }).finally(() => {
+      if (myReq !== reqId.current) return;
+      setLoading(false);
+    });
+  };
+  useEffect(() => {
+    run();
+    return () => {
+      reqId.current++;
+    };
+  }, [client]);
+  return { data, loading, error, refetch: run };
+}
+
+// src/utils/format.ts
+function pickImageUrl(img) {
+  if (!img?.url) return "";
+  return img.url.hero || img.url.general || img.url.hero_fit || img.url.section || img.url.portrait || img.url.original || img.url.jpeg || "";
+}
+function startingPrice(prices) {
+  if (!prices || prices.length === 0) return 0;
+  return prices.reduce(
+    (min, p) => p.pricePerPerson > 0 && p.pricePerPerson < min ? p.pricePerPerson : min,
+    prices[0].pricePerPerson
+  );
+}
+function formatCurrency(amount, currency = "USD") {
+  try {
+    return new Intl.NumberFormat("en-US", {
+      style: "currency",
+      currency,
+      maximumFractionDigits: 0
+    }).format(amount);
+  } catch {
+    return `${currency} ${amount}`;
+  }
+}
+function formatRating(rating) {
+  if (!rating || rating <= 0) return "New";
+  return rating.toFixed(1);
+}
+var PackageCard = ({
+  pkg,
+  currency = "USD",
+  onSelect,
+  href,
+  openInNewTab = false,
+  showHeart = true,
+  liked,
+  onLike
+}) => {
+  const img = pickImageUrl(pkg.thumbnail);
+  const rating = Math.round(pkg.rating ?? 0);
+  const price = pkg.minPrice || pkg.maxPrice || 0;
+  const [localLiked, setLocalLiked] = useState(Boolean(liked));
+  const isLiked = liked ?? localLiked;
+  const toggleLike = (e) => {
+    e.preventDefault();
+    e.stopPropagation();
+    const next = !isLiked;
+    if (onLike) onLike(pkg, next);
+    else setLocalLiked(next);
+  };
+  const handleAnchorClick = (e) => {
+    if (e.metaKey || e.ctrlKey || e.button === 1) return;
+    if (openInNewTab) return;
+    if (onSelect) {
+      e.preventDefault();
+      onSelect(pkg);
+    }
+  };
+  return /* @__PURE__ */ jsxs("div", { className: "relative w-[300px] md:w-[320px] shrink-0 transition-all duration-300 ease-out hover:-translate-y-1 cursor-pointer", children: [
+    href ? /* @__PURE__ */ jsx(
+      "a",
+      {
+        href,
+        target: openInNewTab ? "_blank" : void 0,
+        rel: openInNewTab ? "noopener noreferrer" : void 0,
+        onClick: handleAnchorClick,
+        className: "absolute inset-0 z-0 rounded-lg",
+        "aria-label": openInNewTab ? `${pkg.title} (opens in a new tab)` : pkg.title
+      }
+    ) : /* @__PURE__ */ jsx(
+      "button",
+      {
+        type: "button",
+        onClick: () => onSelect?.(pkg),
+        className: "absolute inset-0 z-0 rounded-lg bg-transparent border-0 cursor-pointer p-0",
+        "aria-label": pkg.title
+      }
+    ),
+    /* @__PURE__ */ jsxs("div", { className: "relative z-10 pointer-events-none", children: [
+      /* @__PURE__ */ jsxs("div", { className: "relative border border-[#E0E4E8] overflow-hidden rounded-xl h-44 md:h-48 bg-[#F0EEF4]", children: [
+        img ? /* @__PURE__ */ jsx(
+          "img",
+          {
+            src: img,
+            alt: pkg.thumbnail?.alt || pkg.title,
+            loading: "lazy",
+            className: "absolute inset-0 w-full h-full object-cover"
+          }
+        ) : /* @__PURE__ */ jsx("div", { className: "absolute inset-0 flex items-center justify-center text-primary-normal/40 text-xs", children: "No image" }),
+        /* @__PURE__ */ jsx(
+          "div",
+          {
+            className: "absolute inset-0 rounded-xl",
+            style: { background: "rgba(0, 0, 0, 0.18)" }
+          }
+        ),
+        pkg.packageCategory && /* @__PURE__ */ jsx("div", { className: "absolute top-3 left-3 z-10", children: /* @__PURE__ */ jsx(
+          "div",
+          {
+            className: "h-[26px] w-fit min-w-[70px] rounded-full flex items-center justify-center px-3 box-border text-white",
+            style: {
+              background: "rgba(0, 0, 0, 0.45)",
+              backdropFilter: "blur(18px)",
+              WebkitBackdropFilter: "blur(18px)"
+            },
+            children: /* @__PURE__ */ jsx("span", { className: "text-[11px] font-medium tracking-[-0.02em] whitespace-nowrap", children: pkg.packageCategory })
+          }
+        ) }),
+        showHeart && /* @__PURE__ */ jsx(
+          "button",
+          {
+            type: "button",
+            onClick: toggleLike,
+            "aria-pressed": isLiked,
+            "aria-label": isLiked ? "Remove from wishlist" : "Save to wishlist",
+            className: "absolute top-3 right-3 z-10 w-9 h-9 rounded-full flex items-center justify-center pointer-events-auto transition-transform hover:scale-110",
+            style: {
+              background: "rgba(0, 0, 0, 0.45)",
+              backdropFilter: "blur(18px)",
+              WebkitBackdropFilter: "blur(18px)"
+            },
+            children: /* @__PURE__ */ jsx(
+              Icon,
+              {
+                icon: isLiked ? "mdi:heart" : "mdi:heart-outline",
+                className: `w-5 h-5 ${isLiked ? "text-red-500" : "text-white"}`
+              }
+            )
+          }
+        )
+      ] }),
+      /* @__PURE__ */ jsxs("div", { className: "mt-3 relative w-full", children: [
+        /* @__PURE__ */ jsx("h3", { className: "text-primary-normal text-base md:text-lg font-semibold line-clamp-2 mr-2 w-auto sm:w-full leading-snug tracking-[-0.01em]", children: pkg.title || "Unknown Destination" }),
+        /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-3 mt-1", children: [
+          pkg.totalDays > 0 && /* @__PURE__ */ jsxs("p", { className: "text-secondary-normal-hover text-sm md:text-base font-light truncate", children: [
+            pkg.totalDays,
+            " ",
+            pkg.totalDays === 1 ? "Day" : "Days"
+          ] }),
+          /* @__PURE__ */ jsx("div", { className: "w-1 h-1 rounded-full bg-gray-20" }),
+          rating > 0 ? /* @__PURE__ */ jsx("div", { className: "flex gap-x-0.5 flex-shrink-0", children: Array.from({ length: 5 }).map((_, i) => /* @__PURE__ */ jsx(
+            Icon,
+            {
+              icon: "material-symbols:star",
+              className: `text-sm md:text-base ${i < rating ? "text-primary-normal" : "text-gray-300"}`
+            },
+            i
+          )) }) : /* @__PURE__ */ jsx("span", { className: "text-xs md:text-sm text-primary-normal font-medium", children: "N/A" })
+        ] }),
+        /* @__PURE__ */ jsxs("p", { className: "text-secondary text-sm sm:text-base font-light truncate mt-1", children: [
+          "Starting from ",
+          formatCurrency(price, currency)
+        ] })
+      ] })
+    ] })
+  ] });
+};
+var PackageCard_default = PackageCard;
+var PackagesCarousel = ({
+  title,
+  subtitle,
+  packages,
+  currency = "USD",
+  onSelect,
+  hrefFor,
+  openInNewTab,
+  hideWhenEmpty = true
+}) => {
+  const scrollRef = useRef(null);
+  if (hideWhenEmpty && (!packages || packages.length === 0)) return null;
+  const scrollBy = (dir) => {
+    const node = scrollRef.current;
+    if (!node) return;
+    node.scrollBy({ left: dir * 320 * 2, behavior: "smooth" });
+  };
+  return /* @__PURE__ */ jsxs("section", { className: "w-full py-6 md:py-8", children: [
+    /* @__PURE__ */ jsxs("div", { className: "flex items-end justify-between gap-4 mb-4 md:mb-6 px-1", children: [
+      /* @__PURE__ */ jsxs("div", { className: "flex flex-col", children: [
+        /* @__PURE__ */ jsx("h2", { className: "text-primary-normal text-xl md:text-2xl font-semibold tracking-[-0.04em]", children: title }),
+        subtitle && /* @__PURE__ */ jsx("p", { className: "text-secondary-normal-hover text-sm md:text-base mt-1", children: subtitle })
+      ] }),
+      /* @__PURE__ */ jsxs("div", { className: "hidden sm:flex items-center gap-2", children: [
+        /* @__PURE__ */ jsx(
+          "button",
+          {
+            type: "button",
+            onClick: () => scrollBy(-1),
+            "aria-label": "Scroll left",
+            className: "w-10 h-10 rounded-full bg-primary-background hover:bg-primary-light-hover flex items-center justify-center transition-colors",
+            children: /* @__PURE__ */ jsx(Icon, { icon: "lucide:arrow-left", className: "w-4 h-4 text-primary-normal" })
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          "button",
+          {
+            type: "button",
+            onClick: () => scrollBy(1),
+            "aria-label": "Scroll right",
+            className: "w-10 h-10 rounded-full bg-primary-background hover:bg-primary-light-hover flex items-center justify-center transition-colors",
+            children: /* @__PURE__ */ jsx(Icon, { icon: "lucide:arrow-right", className: "w-4 h-4 text-primary-normal" })
+          }
+        )
+      ] })
+    ] }),
+    /* @__PURE__ */ jsx(
+      "div",
+      {
+        ref: scrollRef,
+        className: "flex gap-4 overflow-x-auto hide-scrollbar scroll-smooth -mx-1 px-1 pb-2 snap-x snap-mandatory",
+        children: packages.map((pkg) => /* @__PURE__ */ jsx("div", { className: "snap-start", children: /* @__PURE__ */ jsx(
+          PackageCard_default,
+          {
+            pkg,
+            currency,
+            onSelect,
+            href: hrefFor?.(pkg),
+            openInNewTab
+          }
+        ) }, pkg.id))
+      }
+    )
+  ] });
+};
+var PackagesCarousel_default = PackagesCarousel;
+var DEFAULT_TITLES = {
+  popular: "Popular Nepal Trekking Packages",
+  trending: "Trending Right Now",
+  topRated: "Top Rated Packages",
+  moreToExplore: "More to Explore"
+};
+var DEFAULT_ORDER = [
+  "popular",
+  "trending",
+  "topRated",
+  "moreToExplore"
+];
+function HomeSections({
+  client,
+  initialSections,
+  currency = "USD",
+  onSelect,
+  hrefFor,
+  openInNewTab,
+  titles,
+  order,
+  className,
+  renderLoading,
+  renderError
+}) {
+  const effectiveOrder = order ?? DEFAULT_ORDER;
+  if (!initialSections && !client) {
+    throw new Error(
+      "[HomeSections] Provide either `initialSections` or `client`."
+    );
+  }
+  const remote = useHomeSections(initialSections ? null : client ?? null);
+  const sections = initialSections ?? remote.data;
+  const loading = !initialSections && Boolean(client) && remote.loading;
+  const error = !initialSections && Boolean(client) ? remote.error : null;
+  const mergedTitles = { ...DEFAULT_TITLES, ...titles ?? {} };
+  if (loading) {
+    return /* @__PURE__ */ jsx("div", { className: `tvr-package-detail ${className ?? ""}`.trim(), children: /* @__PURE__ */ jsxs("div", { className: "mx-auto max-w-[1440px] px-6 md:px-12 py-8", children: [
+      renderLoading ? renderLoading() : /* @__PURE__ */ jsx(SkeletonCarousel, {}),
+      renderLoading ? null : /* @__PURE__ */ jsx(SkeletonCarousel, {})
+    ] }) });
+  }
+  if (error) {
+    return /* @__PURE__ */ jsx("div", { className: `tvr-package-detail ${className ?? ""}`.trim(), children: /* @__PURE__ */ jsx("div", { className: "mx-auto max-w-[1440px] px-6 md:px-12 py-16 text-center text-red-600 text-sm", children: renderError ? renderError(error) : `Failed to load: ${error.message}` }) });
+  }
+  if (!sections) {
+    return null;
+  }
+  return /* @__PURE__ */ jsx("div", { className: `tvr-package-detail ${className ?? ""}`.trim(), children: /* @__PURE__ */ jsx("div", { className: "mx-auto max-w-[1440px] px-6 md:px-12 py-4 md:py-6", children: effectiveOrder.map((key) => /* @__PURE__ */ jsx(
+    PackagesCarousel_default,
+    {
+      title: mergedTitles[key],
+      packages: sections[key] ?? [],
+      currency,
+      onSelect,
+      hrefFor,
+      openInNewTab
+    },
+    key
+  )) }) });
+}
+function SkeletonCarousel() {
+  return /* @__PURE__ */ jsxs("div", { className: "py-6 md:py-8", children: [
+    /* @__PURE__ */ jsx("div", { className: "h-7 w-72 bg-gray-200 rounded mb-4 animate-pulse" }),
+    /* @__PURE__ */ jsx("div", { className: "flex gap-4 overflow-hidden", children: Array.from({ length: 4 }).map((_, i) => /* @__PURE__ */ jsx(
+      "div",
+      {
+        className: "w-[300px] shrink-0 rounded-2xl bg-gray-100 animate-pulse",
+        style: { height: 360 }
+      },
+      i
+    )) })
+  ] });
+}
+var HomeSectionsContext = createContext(null);
+function HomeSectionsProvider({
+  client,
+  initialSections,
+  children
+}) {
+  if (!initialSections && !client) {
+    throw new Error(
+      "[HomeSectionsProvider] Provide either `initialSections` or `client`."
+    );
+  }
+  const remote = useHomeSections(initialSections ? null : client ?? null);
+  const value = {
+    data: initialSections ?? remote.data,
+    loading: !initialSections && remote.loading,
+    error: !initialSections ? remote.error : null,
+    refetch: remote.refetch
+  };
+  return /* @__PURE__ */ jsx(HomeSectionsContext.Provider, { value, children });
+}
+function useHomeSectionsContext() {
+  const ctx = useContext(HomeSectionsContext);
+  if (!ctx) {
+    throw new Error(
+      "useHomeSectionsContext must be used inside <HomeSectionsProvider>."
+    );
+  }
+  return ctx;
+}
+var DEFAULT_TITLES2 = {
+  popular: "Popular Nepal Trekking Packages",
+  trending: "Trending Right Now",
+  topRated: "Top Rated Packages",
+  moreToExplore: "More to Explore"
+};
+var PackagesSection = ({
+  section,
+  title,
+  subtitle,
+  currency,
+  onSelect,
+  hrefFor,
+  openInNewTab,
+  hideWhenLoading = false,
+  hideWhenEmpty = true
+}) => {
+  const { data, loading, error } = useHomeSectionsContext();
+  const packages = data?.[section] ?? [];
+  if (loading) {
+    if (hideWhenLoading) return null;
+    return /* @__PURE__ */ jsx("div", { className: "tvr-package-detail", children: /* @__PURE__ */ jsx("div", { className: "mx-auto max-w-[1440px] px-6 md:px-12", children: /* @__PURE__ */ jsx(SkeletonCarousel2, { title: title ?? DEFAULT_TITLES2[section] }) }) });
+  }
+  if (error) {
+    console.error(`[PackagesSection:${section}]`, error);
+    return null;
+  }
+  if (hideWhenEmpty && packages.length === 0) return null;
+  return /* @__PURE__ */ jsx("div", { className: "tvr-package-detail", children: /* @__PURE__ */ jsx("div", { className: "mx-auto max-w-[1440px] px-6 md:px-12", children: /* @__PURE__ */ jsx(
+    PackagesCarousel_default,
+    {
+      title: title ?? DEFAULT_TITLES2[section],
+      subtitle,
+      packages,
+      currency,
+      onSelect,
+      hrefFor,
+      openInNewTab,
+      hideWhenEmpty
+    }
+  ) }) });
+};
+function SkeletonCarousel2({ title }) {
+  return /* @__PURE__ */ jsxs("div", { className: "py-6 md:py-8", children: [
+    /* @__PURE__ */ jsx("div", { className: "text-primary-normal text-xl md:text-2xl font-semibold tracking-[-0.04em] mb-4", children: title }),
+    /* @__PURE__ */ jsx("div", { className: "flex gap-4 overflow-hidden", children: Array.from({ length: 4 }).map((_, i) => /* @__PURE__ */ jsx(
+      "div",
+      {
+        className: "w-[300px] md:w-[320px] shrink-0 rounded-xl bg-gray-100 animate-pulse",
+        style: { height: 280 }
+      },
+      i
+    )) })
+  ] });
+}
+var PackagesSection_default = PackagesSection;
+var initialOptions = [
+  { id: "Adult", name: "Adult", count: 1, ageRange: { min: 18, max: 64 }, countInTotal: true },
+  { id: "Senior Citizen", name: "Senior Citizen", count: 0, ageRange: { min: 65, max: 100 }, countInTotal: true },
+  { id: "Children", name: "Children", count: 0, ageRange: { min: 4, max: 17 }, countInTotal: true },
+  { id: "Infant", name: "Infant", count: 0, ageRange: { min: 0, max: 3 }, countInTotal: false }
+];
+var getPluralizedName = (name, count) => {
+  const map = {
+    Adult: ["Adult", "Adults"],
+    "Senior Citizen": ["Senior Citizen", "Senior Citizens"],
+    Children: ["Child", "Children"],
+    Infant: ["Infant", "Infants"]
+  };
+  const [s, p] = map[name] || [name, name];
+  return count <= 1 ? s : p;
+};
+var BookingCardLite = ({
+  DescriptionData,
+  currency = "USD",
+  onReserve
+}) => {
+  const prices = DescriptionData.Price ?? [];
+  const discounts = DescriptionData.Discounts ?? [];
+  const totalDays = DescriptionData.TotalDays || 1;
+  const [options, setOptions] = useState(initialOptions);
+  const [arrival, setArrival] = useState("");
+  const [isOpen, setIsOpen] = useState(false);
+  const [isPriceDialogOpen, setIsPriceDialogOpen] = useState(false);
+  const dropdownRef = useRef(null);
+  const departure = useMemo(() => {
+    if (!arrival) return "";
+    const d = new Date(arrival);
+    if (isNaN(d.getTime())) return "";
+    d.setDate(d.getDate() + Math.max(0, totalDays - 1));
+    return d.toISOString().split("T")[0];
+  }, [arrival, totalDays]);
+  useEffect(() => {
+    const onDocClick = (e) => {
+      if (dropdownRef.current && !dropdownRef.current.contains(e.target)) {
+        setIsOpen(false);
+      }
+    };
+    document.addEventListener("mousedown", onDocClick);
+    return () => document.removeEventListener("mousedown", onDocClick);
+  }, []);
+  const allPeopleCount = useMemo(
+    () => options.filter((o) => o.countInTotal).reduce((s, o) => s + o.count, 0),
+    [options]
+  );
+  const totalPeople = useMemo(() => options.reduce((s, o) => s + o.count, 0), [options]);
+  const currentPriceGroup = useMemo(() => {
+    if (prices.length === 0) return null;
+    const sorted = [...prices].sort((a, b) => a.groupSizeMin - b.groupSizeMin);
+    if (allPeopleCount === 0) return sorted[0];
+    return sorted.find(
+      (p) => allPeopleCount >= p.groupSizeMin && allPeopleCount <= p.groupSizeMax
+    ) ?? sorted[sorted.length - 1];
+  }, [prices, allPeopleCount]);
+  const minPriceGroup = useMemo(() => {
+    if (prices.length === 0) return null;
+    return [...prices].sort((a, b) => a.pricePerPerson - b.pricePerPerson)[0];
+  }, [prices]);
+  const currentPrice = currentPriceGroup?.pricePerPerson ?? 0;
+  const maxPrice = useMemo(
+    () => prices.reduce((m, p) => Math.max(m, p.pricePerPerson), 0),
+    [prices]
+  );
+  const minPrice = minPriceGroup?.pricePerPerson ?? 0;
+  const categoryPrices = useMemo(() => {
+    const result = {};
+    for (const opt of options) {
+      if (!opt.ageRange) {
+        result[opt.id] = currentPrice;
+        continue;
+      }
+      const matched = discounts.find(
+        (d) => opt.ageRange.min >= d.ageMin && opt.ageRange.min <= d.ageMax || opt.ageRange.max >= d.ageMin && opt.ageRange.max <= d.ageMax
+      );
+      const pct = matched?.discountPercentage ?? 0;
+      result[opt.id] = Math.max(0, currentPrice * (1 - pct / 100));
+    }
+    return result;
+  }, [options, currentPrice, discounts]);
+  const costBreakdown = useMemo(
+    () => options.filter((o) => o.count > 0).map((o) => {
+      const discountedPrice = categoryPrices[o.id] ?? currentPrice;
+      const discountPercentage = currentPrice > 0 ? (currentPrice - discountedPrice) / currentPrice * 100 : 0;
+      return {
+        category: o.name,
+        count: o.count,
+        discountedPrice,
+        discountPercentage
+      };
+    }),
+    [options, categoryPrices, currentPrice]
+  );
+  const totalCost = useMemo(
+    () => costBreakdown.reduce((s, x) => s + x.discountedPrice * x.count, 0),
+    [costBreakdown]
+  );
+  const updateTraveler = (id, inc) => setOptions(
+    (prev) => prev.map(
+      (o) => o.id === id ? { ...o, count: Math.max(0, o.count + (inc ? 1 : -1)) } : o
+    )
+  );
+  const handleReserve = () => {
+    if (!onReserve) return;
+    if (allPeopleCount === 0) return;
+    onReserve({
+      arrival,
+      departure,
+      travelers: options.filter((o) => o.count > 0),
+      totalCost,
+      pricePerPerson: currentPrice
+    });
+  };
+  return /* @__PURE__ */ jsxs("div", { className: "w-full sm:w-full lg:w-[520px] h-fit border rounded-xl shadow-md px-4 sm:px-6 bg-white flex flex-col gap-6 py-8 sm:py-10", children: [
+    /* @__PURE__ */ jsxs("div", { className: "flex flex-col", children: [
+      /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-2 md:gap-3", children: [
+        /* @__PURE__ */ jsx("div", { className: "text-lg md:text-xl lg:text-2xl font-medium text-primary-normal flex flex-col gap-2 pb-2 border-b border-[#E0E4E8]", children: /* @__PURE__ */ jsxs("div", { className: "flex items-center lg:justify-between justify-center gap-1", children: [
+          /* @__PURE__ */ jsxs("div", { className: "flex items-center", children: [
+            /* @__PURE__ */ jsx("p", { className: "text-sm lg:text-base font-medium text-secondary-normal-hover tracking-[-0.02em] mr-2", children: "Price For Single Adult" }),
+            currentPriceGroup?.isNegotiable && /* @__PURE__ */ jsx("span", { className: "text-xs bg-green-100 text-green-800 px-2 py-1 rounded-full", children: "Negotiable" }),
+            /* @__PURE__ */ jsx(
+              "button",
+              {
+                type: "button",
+                onClick: () => setIsPriceDialogOpen(true),
+                className: "ml-2 p-1 h-6 w-6 flex items-center justify-center rounded hover:bg-gray-100 transition-colors",
+                "aria-label": "Show pricing details",
+                children: /* @__PURE__ */ jsx(Icon, { icon: "lucide:info", className: "w-4 h-4 text-gray-500" })
+              }
+            )
+          ] }),
+          /* @__PURE__ */ jsx("div", { className: "text-right", children: /* @__PURE__ */ jsxs("p", { className: "text-lg md:text-xl font-medium tracking-[-0.04em] text-primary-normal", children: [
+            formatCurrency(
+              totalCost && totalPeople > 0 ? categoryPrices["Adult"] ?? currentPrice : currentPrice,
+              currency
+            ),
+            /* @__PURE__ */ jsx("span", { className: "text-sm", children: "/-" })
+          ] }) })
+        ] }) }),
+        /* @__PURE__ */ jsx("div", { className: "w-full h-[2px] bg-primary-background/10" }),
+        /* @__PURE__ */ jsxs("div", { className: "grid lg:grid-cols-2 md:grid-cols-1 sm:grid-cols-1 gap-4 mt-4", children: [
+          /* @__PURE__ */ jsxs("div", { children: [
+            /* @__PURE__ */ jsx(
+              "label",
+              {
+                htmlFor: "tvr-arrival",
+                className: "text-sm md:text-base text-secondary-normal-hover",
+                children: "Arrival Date"
+              }
+            ),
+            /* @__PURE__ */ jsx(
+              "input",
+              {
+                id: "tvr-arrival",
+                type: "date",
+                value: arrival,
+                onChange: (e) => setArrival(e.target.value),
+                className: "w-full max-h-10 h-10 mt-1 px-4 text-sm md:text-base rounded-xl border text-primary-normal focus:outline-none focus:ring-1 focus:ring-primary-normal-active"
+              }
+            ),
+            departure && /* @__PURE__ */ jsxs("p", { className: "text-xs text-secondary-normal-hover mt-1", children: [
+              "Returns: ",
+              departure
+            ] })
+          ] }),
+          /* @__PURE__ */ jsxs("div", { className: "relative", ref: dropdownRef, children: [
+            /* @__PURE__ */ jsx("label", { className: "text-sm md:text-base text-secondary-normal-hover", children: "Number of people" }),
+            /* @__PURE__ */ jsxs(
+              "button",
+              {
+                type: "button",
+                onClick: () => setIsOpen((v) => !v),
+                className: "w-full max-h-10 h-10 overflow-y-scroll mt-1 flex justify-between px-4 items-center text-sm md:text-base rounded-xl border text-primary-normal focus:outline-none focus:ring-1 focus:ring-primary-normal-active",
+                children: [
+                  options.some((o) => o.count > 0) ? options.filter((o) => o.count > 0).map((o) => `${o.count} ${getPluralizedName(o.name, o.count)}`).join(", ") : "Eg : 2 Adults",
+                  /* @__PURE__ */ jsx(
+                    Icon,
+                    {
+                      icon: isOpen ? "lucide:chevron-up" : "lucide:chevron-down",
+                      className: "w-4 h-4"
+                    }
+                  )
+                ]
+              }
+            ),
+            isOpen && /* @__PURE__ */ jsx("div", { className: "absolute z-10 sm:min-w-[360px] md:min-w-[400px] bg-white border rounded-xl shadow-lg mt-2 left-0 sm:left-auto sm:-ml-[200px]", children: options.map((option) => {
+              const price = categoryPrices[option.id] ?? currentPrice;
+              const discountPercentage = currentPrice > 0 ? (currentPrice - price) / currentPrice * 100 : 0;
+              return /* @__PURE__ */ jsxs(
+                "div",
+                {
+                  className: "py-3 border-b last:border-b-0 hover:bg-primary-light/30 transition-colors flex justify-between items-center gap-3 px-4 sm:px-5",
+                  children: [
+                    /* @__PURE__ */ jsx("div", { className: "flex-1 min-w-0", children: /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between gap-4", children: [
+                      /* @__PURE__ */ jsxs("div", { className: "flex flex-col", children: [
+                        /* @__PURE__ */ jsx("p", { className: "text-xs md:text-lg font-medium text-secondary-normal-hover leading-tight", children: getPluralizedName(option.name, option.count || 1) }),
+                        /* @__PURE__ */ jsx("p", { className: "text-xs md:text-sm text-gray-500 whitespace-nowrap leading-tight mt-0.5", children: option.ageRange && `( Ages ${option.ageRange.min}-${option.ageRange.max} )` })
+                      ] }),
+                      /* @__PURE__ */ jsx("div", { className: "flex flex-col items-start whitespace-nowrap", children: Math.round(discountPercentage) === 100 ? /* @__PURE__ */ jsx("span", { className: "text-green-600 text-xs font-medium text-start w-full", children: "(FREE)" }) : /* @__PURE__ */ jsxs(Fragment, { children: [
+                        maxPrice !== price && /* @__PURE__ */ jsxs("span", { className: "text-xs line-through text-gray-400", children: [
+                          formatCurrency(maxPrice, currency),
+                          /* @__PURE__ */ jsx("span", { className: "text-[10px]", children: "pp" })
+                        ] }),
+                        /* @__PURE__ */ jsxs("p", { className: "text-sm md:text-base font-semibold text-primary-normal leading-tight", children: [
+                          formatCurrency(price, currency),
+                          /* @__PURE__ */ jsx("span", { className: "text-[10px] md:text-xs", children: "pp" })
+                        ] }),
+                        Math.round(discountPercentage) > 0 && /* @__PURE__ */ jsxs("span", { className: "text-xs text-green-600", children: [
+                          "(",
+                          discountPercentage.toFixed(0),
+                          "% off)"
+                        ] })
+                      ] }) })
+                    ] }) }),
+                    /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
+                      /* @__PURE__ */ jsx(
+                        "button",
+                        {
+                          type: "button",
+                          onClick: () => updateTraveler(option.id, false),
+                          className: "w-8 h-8 md:w-9 md:h-9 border rounded-full text-primary-normal flex items-center justify-center hover:bg-primary-light/40 transition-colors",
+                          "aria-label": `Remove one ${option.name}`,
+                          children: "-"
+                        }
+                      ),
+                      /* @__PURE__ */ jsx("h1", { className: "text-base text-primary-normal w-5 text-center", children: option.count }),
+                      /* @__PURE__ */ jsx(
+                        "button",
+                        {
+                          type: "button",
+                          onClick: () => updateTraveler(option.id, true),
+                          className: "w-8 h-8 md:w-9 md:h-9 border rounded-full text-primary-normal flex items-center justify-center hover:bg-primary-light/40 transition-colors",
+                          "aria-label": `Add one ${option.name}`,
+                          children: "+"
+                        }
+                      )
+                    ] })
+                  ]
+                },
+                option.id
+              );
+            }) })
+          ] })
+        ] }),
+        allPeopleCount > 0 && /* @__PURE__ */ jsxs("div", { className: "p-2 mt-4 mb-2 rounded-lg hidden lg:block text-sm md:text-base text-gray-600 border border-secondary/50", children: [
+          costBreakdown.map((item, idx) => /* @__PURE__ */ jsxs("span", { children: [
+            item.count,
+            " ",
+            getPluralizedName(item.category, item.count),
+            " \xD7",
+            " ",
+            formatCurrency(item.discountedPrice, currency),
+            item.discountedPrice === 0 && /* @__PURE__ */ jsx("span", { className: "text-green-600 text-xs ml-1", children: "(FREE)" }),
+            item.discountPercentage > 0 && /* @__PURE__ */ jsxs("span", { className: "text-xs text-green-600 ml-1", children: [
+              item.discountPercentage.toFixed(0),
+              "% discount applied"
+            ] }),
+            idx !== costBreakdown.length - 1 && " + "
+          ] }, item.category)),
+          /* @__PURE__ */ jsxs("div", { className: "pt-2 flex gap-4 items-center font-semibold text-primary-normal", children: [
+            /* @__PURE__ */ jsx("span", { children: "Total :" }),
+            /* @__PURE__ */ jsx("span", { className: "text-primary-normal text-xl font-bold", children: formatCurrency(totalCost, currency) })
+          ] })
+        ] })
+      ] }),
+      /* @__PURE__ */ jsxs("div", { className: "mt-3", children: [
+        /* @__PURE__ */ jsx(
+          "button",
+          {
+            type: "button",
+            onClick: handleReserve,
+            disabled: allPeopleCount === 0 || !onReserve,
+            className: "w-full py-2 md:py-3 bg-primary-normal text-white font-semibold rounded-lg hover:bg-primary-normal-hover transition text-sm md:text-base disabled:opacity-60 disabled:cursor-not-allowed",
+            children: allPeopleCount === 0 ? "Reserve Now" : /* @__PURE__ */ jsxs(Fragment, { children: [
+              "Book Now - ",
+              formatCurrency(totalCost, currency)
+            ] })
+          }
+        ),
+        /* @__PURE__ */ jsxs("p", { className: "text-center text-xs md:text-sm text-secondary-normal-hover mt-2 md:mt-3 pb-4 tracking-[-0.02em]", children: [
+          "*Price Varies According to",
+          /* @__PURE__ */ jsx("span", { className: "text-primary-normal text-sm md:text-sm", children: " age group " }),
+          "and",
+          /* @__PURE__ */ jsxs("span", { className: "text-primary-normal text-sm md:text-sm", children: [
+            " ",
+            "number of people.",
+            " "
+          ] })
+        ] })
+      ] })
+    ] }),
+    /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-0 justify-center p-4 border-2 rounded-lg", children: [
+      /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-0 font-medium", children: [
+        /* @__PURE__ */ jsx("span", { className: "text-primary-normal text-lg md:text-lg tracking-[-0.02em]", children: formatCurrency(minPrice, currency) }),
+        /* @__PURE__ */ jsx("span", { className: "text-secondary-normal-hover text-sm md:text-sm ml-2", children: "Per Person" })
+      ] }),
+      /* @__PURE__ */ jsxs("div", { className: "flex flex-col sm:items-start md:items-center sm:flex-row whitespace-nowrap text-xs md:text-sm", children: [
+        /* @__PURE__ */ jsxs("span", { className: "text-secondary-normal-hover", children: [
+          "Best Price for group of ",
+          minPriceGroup?.groupSizeMin,
+          " -",
+          " ",
+          minPriceGroup?.groupSizeMax,
+          " people"
+        ] }),
+        /* @__PURE__ */ jsx("span", { className: "text-primary-normal sm:ml-2", children: "(Lowest Price)" })
+      ] })
+    ] }),
+    isPriceDialogOpen && /* @__PURE__ */ jsx(
+      "div",
+      {
+        className: "fixed inset-0 z-[1000] bg-black/50 flex items-center justify-center p-4",
+        onClick: () => setIsPriceDialogOpen(false),
+        children: /* @__PURE__ */ jsxs(
+          "div",
+          {
+            className: "bg-white rounded-2xl border border-[#E0E4E8] max-w-md w-full p-6 max-h-[80vh] overflow-y-auto",
+            onClick: (e) => e.stopPropagation(),
+            children: [
+              /* @__PURE__ */ jsxs("div", { className: "flex items-start justify-between mb-4", children: [
+                /* @__PURE__ */ jsxs("div", { children: [
+                  /* @__PURE__ */ jsx("h3", { className: "text-primary-normal text-lg font-semibold", children: "Pricing Details" }),
+                  /* @__PURE__ */ jsx("p", { className: "text-secondary-normal-hover text-sm mt-1", children: "Prices vary based on group size and age. All prices are per person." })
+                ] }),
+                /* @__PURE__ */ jsx(
+                  "button",
+                  {
+                    type: "button",
+                    onClick: () => setIsPriceDialogOpen(false),
+                    className: "text-gray-500 hover:bg-gray-100 rounded p-1",
+                    "aria-label": "Close",
+                    children: /* @__PURE__ */ jsx(Icon, { icon: "lucide:x", className: "w-5 h-5" })
+                  }
+                )
+              ] }),
+              /* @__PURE__ */ jsxs("div", { className: "space-y-4", children: [
+                /* @__PURE__ */ jsxs("div", { children: [
+                  /* @__PURE__ */ jsx("h4", { className: "font-semibold mb-2 text-primary-normal", children: "Group Size Pricing" }),
+                  /* @__PURE__ */ jsx("div", { className: "space-y-2", children: prices.map((p, i) => /* @__PURE__ */ jsxs(
+                    "div",
+                    {
+                      className: "flex justify-between items-center p-2 bg-primary-background/10 rounded border border-primary-border/20",
+                      children: [
+                        /* @__PURE__ */ jsxs("span", { className: "text-sm text-secondary-normal-hover", children: [
+                          "Group of ",
+                          p.groupSizeMin,
+                          " - ",
+                          p.groupSizeMax,
+                          " people"
+                        ] }),
+                        /* @__PURE__ */ jsxs("div", { className: "font-medium text-primary-normal text-sm", children: [
+                          formatCurrency(p.pricePerPerson, currency),
+                          p.isNegotiable && /* @__PURE__ */ jsx("span", { className: "text-xs text-green-600 ml-1", children: "(Negotiable)" })
+                        ] })
+                      ]
+                    },
+                    i
+                  )) })
+                ] }),
+                discounts.length > 0 && /* @__PURE__ */ jsxs("div", { children: [
+                  /* @__PURE__ */ jsx("h4", { className: "font-semibold mb-2 text-primary-normal", children: "Age-Based Discounts" }),
+                  /* @__PURE__ */ jsx("div", { className: "space-y-1 text-sm text-secondary-normal-hover", children: discounts.map((d, i) => /* @__PURE__ */ jsxs("div", { children: [
+                    "Ages ",
+                    d.ageMin,
+                    " - ",
+                    d.ageMax,
+                    ": ",
+                    d.discountPercentage,
+                    "% discount"
+                  ] }, i)) })
+                ] })
+              ] })
+            ]
+          }
+        )
+      }
+    )
+  ] });
+};
+var BookingCardLite_default = BookingCardLite;
+var DAY_COLORS = [
+  "#8b5cf6",
+  // violet
+  "#f59e0b",
+  // amber
+  "#14b8a6",
+  // teal
+  "#6366f1",
+  // indigo
+  "#f97316",
+  // orange
+  "#84cc16",
+  // lime
+  "#ec4899",
+  // pink
+  "#0ea5e9"
+  // sky
+];
+var dayColor = (n) => DAY_COLORS[((n ?? 1) - 1) % DAY_COLORS.length];
+function PackageMap({
+  locations,
+  dayNumber,
+  routes,
+  className
+}) {
+  const [Leaflet, setLeaflet] = useState(null);
+  useEffect(() => {
+    let cancelled = false;
+    (async () => {
+      const [rl, leaflet] = await Promise.all([
+        import('react-leaflet'),
+        import('leaflet')
+      ]);
+      await import('leaflet/dist/leaflet.css').catch(
+        () => void 0
+      );
+      if (cancelled) return;
+      const Lns = leaflet.default ?? leaflet;
+      delete Lns.Icon.Default.prototype._getIconUrl;
+      Lns.Icon.Default.mergeOptions({
+        iconRetinaUrl: "https://cdnjs.cloudflare.com/ajax/libs/leaflet/1.7.1/images/marker-icon-2x.png",
+        iconUrl: "https://cdnjs.cloudflare.com/ajax/libs/leaflet/1.7.1/images/marker-icon.png",
+        shadowUrl: "https://cdnjs.cloudflare.com/ajax/libs/leaflet/1.7.1/images/marker-shadow.png"
+      });
+      setLeaflet({
+        MapContainer: rl.MapContainer,
+        TileLayer: rl.TileLayer,
+        Marker: rl.Marker,
+        Popup: rl.Popup,
+        Polyline: rl.Polyline,
+        useMap: rl.useMap,
+        L: Lns
+      });
+    })();
+    return () => {
+      cancelled = true;
+    };
+  }, []);
+  const valid = useMemo(
+    () => (locations || []).filter(
+      (l) => l?.coord && Number.isFinite(l.coord[0]) && Number.isFinite(l.coord[1])
+    ),
+    [locations]
+  );
+  if (valid.length === 0) {
+    return /* @__PURE__ */ jsx(
+      "div",
+      {
+        className: `h-full w-full flex items-center justify-center bg-slate-100 text-slate-500 rounded-lg border border-[#E0E4E8] text-sm ${className ?? ""}`,
+        children: "No locations available"
+      }
+    );
+  }
+  if (!Leaflet) {
+    return /* @__PURE__ */ jsx(
+      "div",
+      {
+        className: `h-full w-full flex items-center justify-center bg-slate-100 text-slate-500 rounded-lg border border-[#E0E4E8] text-sm animate-pulse ${className ?? ""}`,
+        children: "Loading map\u2026"
+      }
+    );
+  }
+  const { MapContainer, TileLayer, Marker, Popup, Polyline, useMap, L } = Leaflet;
+  const color = dayColor(dayNumber);
+  const lats = valid.map((l) => l.coord[0]);
+  const lngs = valid.map((l) => l.coord[1]);
+  const center = [
+    (Math.min(...lats) + Math.max(...lats)) / 2,
+    (Math.min(...lngs) + Math.max(...lngs)) / 2
+  ];
+  const hasRealRoutes = (routes?.length ?? 0) > 0;
+  const FitBounds = () => {
+    const map = useMap();
+    useEffect(() => {
+      const points = valid.map((l) => l.coord);
+      if (hasRealRoutes) {
+        for (const line of routes) {
+          for (const p of line) points.push(p);
+        }
+      }
+      if (!points.length) return;
+      const b = L.latLngBounds(points.map((p) => L.latLng(p[0], p[1])));
+      const padding = [60, 60];
+      map.flyToBounds(b, {
+        paddingTopLeft: padding,
+        paddingBottomRight: padding,
+        duration: 1.2,
+        easeLinearity: 0.5
+      });
+    }, [
+      dayNumber,
+      valid.length,
+      valid.map((l) => `${l.coord[0]},${l.coord[1]}`).join("|"),
+      hasRealRoutes,
+      routes?.length
+    ]);
+    return null;
+  };
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      className: `h-full w-full overflow-hidden rounded-lg border border-[#E0E4E8] ${className ?? ""}`,
+      style: { minHeight: 500 },
+      children: /* @__PURE__ */ jsxs(
+        MapContainer,
+        {
+          center,
+          zoom: 8,
+          scrollWheelZoom: false,
+          style: { height: "100%", width: "100%" },
+          children: [
+            /* @__PURE__ */ jsx(
+              TileLayer,
+              {
+                attribution: '\xA9 <a href="https://www.openstreetmap.org/copyright">OpenStreetMap</a> contributors',
+                url: "https://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png"
+              }
+            ),
+            /* @__PURE__ */ jsx(FitBounds, {}),
+            hasRealRoutes ? routes.map((line, i) => /* @__PURE__ */ jsx(
+              Polyline,
+              {
+                positions: line,
+                pathOptions: { color, weight: 4, opacity: 0.9 }
+              },
+              `route-${dayNumber}-${i}`
+            )) : valid.length > 1 && /* @__PURE__ */ jsx(
+              Polyline,
+              {
+                positions: valid.map((l) => l.coord),
+                pathOptions: {
+                  color,
+                  weight: 3,
+                  opacity: 0.6,
+                  dashArray: "6 8"
+                  // dashed fallback so it reads as "no real route"
+                }
+              }
+            ),
+            valid.map((loc, i) => /* @__PURE__ */ jsx(Marker, { position: loc.coord, children: /* @__PURE__ */ jsx(Popup, { children: /* @__PURE__ */ jsxs("div", { style: { fontFamily: "inherit" }, children: [
+              /* @__PURE__ */ jsx("strong", { style: { color }, children: loc.displayName }),
+              dayNumber !== void 0 && /* @__PURE__ */ jsxs("div", { style: { fontSize: 11, color: "#64748b", marginTop: 4 }, children: [
+                "Day ",
+                dayNumber
+              ] })
+            ] }) }) }, `${dayNumber}-${i}-${loc.coord[0]}-${loc.coord[1]}`))
+          ]
+        }
+      )
+    }
+  );
+}
+var DifficultyProgressBar = ({ level }) => {
+  const normalizedLevel = (level || "").toLowerCase();
+  let width = "30%";
+  let colorClass = "bg-green-500";
+  let label = "Easy";
+  if (normalizedLevel.includes("moderate") || normalizedLevel.includes("medium")) {
+    width = "70%";
+    colorClass = "bg-secondary";
+    label = "Moderate";
+  } else if (normalizedLevel.includes("challenging") || normalizedLevel.includes("challenge")) {
+    width = "100%";
+    colorClass = "bg-orange-500";
+    label = "Challenging";
+  } else if (normalizedLevel.includes("extreme") || normalizedLevel.includes("hard")) {
+    width = "100%";
+    colorClass = "bg-primary-dark";
+    label = "Extreme";
+  } else {
+    width = "30%";
+    colorClass = "bg-green-500";
+    label = level || "Easy";
+  }
+  return /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-3 w-full", children: [
+    /* @__PURE__ */ jsx("div", { className: "w-[80px] h-1.5 bg-gray-200 rounded-full overflow-hidden shrink-0", children: /* @__PURE__ */ jsx(
+      "div",
+      {
+        className: `h-full ${colorClass} transition-all duration-500`,
+        style: { width }
+      }
+    ) }),
+    /* @__PURE__ */ jsxs("span", { className: "text-sm md:text-base text-[#47586E] whitespace-nowrap", children: [
+      "Difficulty: ",
+      label
+    ] })
+  ] });
+};
+var getStopStyles = (label) => {
+  if (label === "Start") {
+    return {
+      labelClass: "text-emerald-600",
+      dotClass: "bg-emerald-500 border-emerald-500",
+      lineClass: "bg-emerald-300"
+    };
+  }
+  if (label === "End") {
+    return {
+      labelClass: "text-[#3b82f6]",
+      dotClass: "bg-[#3b82f6] border-[#3b82f6]",
+      lineClass: "bg-[#3b82f6] opacity-30"
+    };
+  }
+  return {
+    labelClass: "text-[#8b5cf6]",
+    dotClass: "bg-[#8b5cf6] border-[#8b5cf6]",
+    lineClass: "bg-[#8b5cf6] opacity-30"
+  };
+};
+var Itinerary = ({ Description, routes, currency = "USD", onReserveClick }) => {
+  const [selectedDay, setSelectedDay] = useState(1);
+  const [descriptionExpanded, setDescriptionExpanded] = useState(false);
+  const scrollRef = useRef(null);
+  const detailCardRef = useRef(null);
+  const hasUserSelectedDayRef = useRef(false);
+  const routesByDay = useMemo(() => {
+    const map = /* @__PURE__ */ new Map();
+    for (const day of routes ?? []) {
+      const lines = [];
+      for (const r of day.routes ?? []) {
+        let geom = r.geometry;
+        if (typeof geom === "string") {
+          try {
+            geom = JSON.parse(geom);
+          } catch {
+            continue;
+          }
+        }
+        if (!geom?.coordinates || !Array.isArray(geom.coordinates)) continue;
+        const flipped = geom.coordinates.map(
+          (c) => Array.isArray(c) && Number.isFinite(c[0]) && Number.isFinite(c[1]) ? [c[1], c[0]] : null
+        ).filter(Boolean);
+        if (flipped.length >= 2) lines.push(flipped);
+      }
+      if (lines.length) map.set(day.dayNumber, lines);
+    }
+    return map;
+  }, [routes]);
+  const dayItems = useMemo(() => {
+    if (!Description?.Days?.length) return [];
+    return Description.Days.map((day, index) => {
+      const actualDayNumber = day?.DayNumber ?? day?.dayNumber ?? index + 1;
+      const flattenedLocs = [];
+      (day?.locations || []).forEach((item) => {
+        if (item?.locations && Array.isArray(item.locations)) {
+          flattenedLocs.push(...item.locations);
+        } else {
+          flattenedLocs.push(item);
+        }
+      });
+      const locationsData = flattenedLocs.map((loc, idx) => {
+        const lat = Number(loc?.lat ?? loc?.coord?.[0]);
+        const lng = Number(loc?.lng ?? loc?.coord?.[1]);
+        if (isNaN(lat) || isNaN(lng)) return null;
+        return {
+          coord: [lat, lng],
+          displayName: loc?.name || loc?.displayName || `Location ${loc?.Sequence || loc?.sequence || idx + 1}`,
+          sequence: loc?.sequence || loc?.position || idx + 1
+        };
+      }).filter(Boolean);
+      const locationName = locationsData.length > 0 ? locationsData.length > 1 ? `${locationsData[0].displayName} - ${locationsData[locationsData.length - 1].displayName}` : locationsData[0].displayName : "";
+      return {
+        key: `Day ${actualDayNumber}`,
+        data: {
+          title: locationName || `Location ${actualDayNumber}`,
+          locationsData,
+          duration: `${day?.travelDuration || day?.travelDurationHours || "N/A"} hrs`,
+          difficulty: day?.difficulty || "N/A",
+          transportation: day?.transportation?.join(", ") || "N/A",
+          food: Array.isArray(day?.foodService) ? day.foodService.join(", ") : day?.foodService || "N/A",
+          accommodation: day?.accommodation || "N/A",
+          content: day?.description || "No description available",
+          activities: day?.activities || []
+        }
+      };
+    });
+  }, [Description?.Days]);
+  useEffect(() => {
+    if (scrollRef.current) {
+      const activeTab = scrollRef.current.children[selectedDay - 1];
+      if (activeTab) {
+        const containerWidth = scrollRef.current.offsetWidth;
+        const tabWidth = activeTab.offsetWidth;
+        const tabLeft = activeTab.offsetLeft;
+        const scrollLeft = tabLeft - containerWidth / 2 + tabWidth / 2;
+        scrollRef.current.scrollTo({ left: scrollLeft, behavior: "smooth" });
+      }
+    }
+  }, [selectedDay]);
+  useEffect(() => {
+    if (!hasUserSelectedDayRef.current) return;
+    if (!detailCardRef.current) return;
+    const raf = window.requestAnimationFrame(() => {
+      const stickyTabsHeight = 76;
+      const safetyGap = 12;
+      const elementPosition = detailCardRef.current?.getBoundingClientRect().top ?? 0;
+      const offsetPosition = elementPosition + window.scrollY - (stickyTabsHeight + safetyGap);
+      window.scrollTo({ top: offsetPosition, behavior: "smooth" });
+    });
+    return () => window.cancelAnimationFrame(raf);
+  }, [selectedDay]);
+  if (!dayItems.length) {
+    return /* @__PURE__ */ jsx("p", { className: "text-secondary-normal-hover text-base mt-4", children: "No itinerary information available." });
+  }
+  const selectedItem = dayItems[selectedDay - 1] ?? dayItems[0];
+  const lowestPrice = startingPrice(Description.Price ?? []);
+  return /* @__PURE__ */ jsxs("div", { className: "mt-4 h-full w-full text-[#5B4D81]", children: [
+    /* @__PURE__ */ jsx("div", { className: "w-full sticky top-0 z-30 mb-6 bg-white py-2 -mx-4 px-4 sm:-mx-6 sm:px-6 border-b border-[#E0E4E8]/60", children: /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-3", children: [
+      /* @__PURE__ */ jsxs("div", { className: "flex-1 flex items-center gap-2 p-1.5 rounded-full overflow-hidden bg-white", children: [
+        /* @__PURE__ */ jsx(
+          "button",
+          {
+            type: "button",
+            onClick: () => scrollRef.current?.scrollBy({ left: -151, behavior: "smooth" }),
+            className: "flex w-8 h-8 rounded-full bg-primary-background items-center justify-center hover:bg-[#65558F15] transition-all shrink-0",
+            children: /* @__PURE__ */ jsx(Icon, { icon: "lucide:arrow-left", className: "w-4 h-4 text-[#65558F]" })
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          "div",
+          {
+            ref: scrollRef,
+            className: "flex items-center gap-2 overflow-x-auto hide-scrollbar scroll-smooth px-1 flex-1",
+            children: dayItems.map((_, index) => {
+              const dayNum = index + 1;
+              const isActive = selectedDay === dayNum;
+              return /* @__PURE__ */ jsxs(
+                "button",
+                {
+                  type: "button",
+                  onClick: () => {
+                    hasUserSelectedDayRef.current = true;
+                    setSelectedDay(dayNum);
+                  },
+                  className: `cursor-pointer rounded-full px-4 py-2.5 text-sm font-medium tracking-[-0.02em] transition-all shrink-0 ${isActive ? "bg-secondary text-white shadow-sm" : "bg-primary-background text-primary-normal hover:bg-primary-light-hover"}`,
+                  children: [
+                    "Day ",
+                    dayNum
+                  ]
+                },
+                index
+              );
+            })
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          "button",
+          {
+            type: "button",
+            onClick: () => scrollRef.current?.scrollBy({ left: 151, behavior: "smooth" }),
+            className: "w-10 h-10 rounded-full bg-[#65558F0D] flex items-center justify-center hover:bg-[#65558F15] transition-all shrink-0",
+            children: /* @__PURE__ */ jsx(Icon, { icon: "lucide:arrow-right", className: "w-4 h-4 text-[#65558F]" })
+          }
+        )
+      ] }),
+      lowestPrice > 0 && /* @__PURE__ */ jsxs("div", { className: "hidden md:flex items-center gap-3 shrink-0 pl-2", children: [
+        /* @__PURE__ */ jsxs("div", { className: "flex flex-col items-end leading-tight", children: [
+          /* @__PURE__ */ jsx("span", { className: "text-[11px] text-secondary-normal-hover whitespace-nowrap", children: "1x Adult Price" }),
+          /* @__PURE__ */ jsx("span", { className: "text-base font-semibold text-primary-normal whitespace-nowrap", children: formatCurrency(lowestPrice, currency) })
+        ] }),
+        /* @__PURE__ */ jsx(
+          "button",
+          {
+            type: "button",
+            onClick: onReserveClick,
+            disabled: !onReserveClick,
+            className: "bg-primary-normal text-white rounded-lg px-4 py-2 font-medium text-sm hover:bg-primary-normal-hover transition-colors whitespace-nowrap disabled:opacity-60 disabled:cursor-not-allowed",
+            children: "Reserve Now"
+          }
+        )
+      ] })
+    ] }) }),
+    /* @__PURE__ */ jsx("div", { className: "w-full", children: /* @__PURE__ */ jsxs("div", { className: "grid grid-cols-1 lg:grid-cols-5 gap-6 lg:gap-10 w-full h-full", children: [
+      /* @__PURE__ */ jsx("div", { className: "col-span-1 lg:col-span-3 flex flex-col gap-7", children: /* @__PURE__ */ jsxs("div", { ref: detailCardRef, className: "self-stretch rounded-2xl bg-white border border-[#E0E4E8] p-4 sm:p-5 sm:px-7 shadow-sm gap-4 flex flex-col scroll-mt-[130px]", children: [
+        /* @__PURE__ */ jsxs("div", { className: "self-stretch flex items-start flex-col md:flex-row md:justify-between gap-3 md:gap-5", children: [
+          /* @__PURE__ */ jsx("h3", { className: "w-full md:w-[448px] font-medium tracking-[-0.04em] text-lg md:text-xl leading-snug", children: selectedItem.data.title }),
+          /* @__PURE__ */ jsxs("div", { className: "rounded-2xl bg-[#65558F1A] py-1 px-3 text-center text-[10px] md:text-xs text-[#65558F] font-medium shrink-0", children: [
+            "Duration: ",
+            selectedItem.data.duration
+          ] })
+        ] }),
+        /* @__PURE__ */ jsx("div", { className: "flex flex-col md:flex-row items-start md:items-center md:justify-between gap-6", children: /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-4 flex-1 min-w-0", children: [
+          /* @__PURE__ */ jsxs("div", { className: "flex items-start md:items-center flex-wrap gap-2 text-sm md:text-base text-secondary-normal-hover", children: [
+            /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-1.5 shrink-0", children: [
+              /* @__PURE__ */ jsx(Icon, { icon: "solar:bed-outline", className: "w-4 h-4 md:w-5 md:h-5" }),
+              /* @__PURE__ */ jsx("span", { children: selectedItem.data.accommodation || "Yes" })
+            ] }),
+            /* @__PURE__ */ jsx("div", { className: "w-1 h-1 rounded-full bg-[#B2BBC6]" }),
+            /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-1.5 shrink-0", children: [
+              /* @__PURE__ */ jsx(Icon, { icon: "solar:bus-outline", className: "w-4 h-4 md:w-5 md:h-5" }),
+              /* @__PURE__ */ jsx("span", { className: "max-w-[100px] md:max-w-none truncate", children: selectedItem.data.transportation || "Car" })
+            ] }),
+            selectedItem.data.food && selectedItem.data.food !== "N/A" && /* @__PURE__ */ jsxs(Fragment, { children: [
+              /* @__PURE__ */ jsx("div", { className: "w-1 h-1 rounded-full bg-[#B2BBC6]" }),
+              /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-1.5 shrink-0", children: [
+                /* @__PURE__ */ jsx(Icon, { icon: "solar:cup-hot-outline", className: "w-4 h-4 md:w-5 md:h-5" }),
+                /* @__PURE__ */ jsx("span", { className: "max-w-[100px] md:max-w-none truncate", children: selectedItem.data.food })
+              ] })
+            ] })
+          ] }),
+          /* @__PURE__ */ jsx(DifficultyProgressBar, { level: selectedItem.data.difficulty })
+        ] }) }),
+        /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-4 md:gap-6 mt-2", children: [
+          selectedItem.data.locationsData.length > 0 && /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-3", children: [
+            /* @__PURE__ */ jsx("h4", { className: "text-primary-normal font-medium tracking-[-0.04em] text-lg", children: "Stops in a Day" }),
+            /* @__PURE__ */ jsx("div", { className: "flex flex-col", children: selectedItem.data.locationsData.map((stop, idx, arr) => {
+              const total = arr.length;
+              const label = idx === 0 ? "Start" : idx === total - 1 ? "End" : `Stop ${idx}`;
+              const stopStyles = getStopStyles(label);
+              return /* @__PURE__ */ jsxs("div", { className: "flex gap-4", children: [
+                /* @__PURE__ */ jsx("div", { className: "flex flex-col items-start min-w-[50px] pt-1 shrink-0", children: /* @__PURE__ */ jsx("span", { className: `text-sm font-medium ${stopStyles.labelClass}`, children: label }) }),
+                /* @__PURE__ */ jsxs("div", { className: "relative flex flex-col items-center shrink-0", children: [
+                  /* @__PURE__ */ jsx("div", { className: `w-4 h-4 rounded-full border-2 z-10 ${stopStyles.dotClass}` }),
+                  idx !== total - 1 && /* @__PURE__ */ jsx("div", { className: `absolute top-4 left-1/2 -ml-[1px] w-0.5 h-full z-0 ${stopStyles.lineClass}` })
+                ] }),
+                /* @__PURE__ */ jsx("div", { className: "text-base text-secondary-normal-hover pt-px pb-6 min-w-0 flex-1", children: stop.displayName })
+              ] }, idx);
+            }) })
+          ] }),
+          /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-3", children: [
+            /* @__PURE__ */ jsx("h4", { className: "text-primary-normal font-medium tracking-[-0.04em] text-lg", children: "Description" }),
+            /* @__PURE__ */ jsxs("div", { className: "relative", children: [
+              /* @__PURE__ */ jsx(
+                "div",
+                {
+                  className: `text-base text-secondary-normal-hover leading-relaxed ${!descriptionExpanded ? "line-clamp-3 md:line-clamp-none" : ""}`,
+                  dangerouslySetInnerHTML: {
+                    __html: (selectedItem.data.content || "").replace(/&nbsp;/g, " ")
+                  }
+                }
+              ),
+              (selectedItem.data.content || "").length > 150 && /* @__PURE__ */ jsx(
+                "button",
+                {
+                  type: "button",
+                  onClick: () => setDescriptionExpanded((v) => !v),
+                  className: "text-secondary text-sm font-medium mt-2 hover:underline md:hidden",
+                  children: descriptionExpanded ? "See less" : "See more"
+                }
+              )
+            ] })
+          ] }),
+          selectedItem.data.activities?.length > 0 && /* @__PURE__ */ jsx("div", { className: "flex flex-wrap gap-4 mt-2", children: selectedItem.data.activities.map((activity, i) => /* @__PURE__ */ jsx(
+            "div",
+            {
+              className: "bg-[#F0EEF4CC] rounded-2xl py-1 px-3 text-xs text-[#65558F] font-medium",
+              children: activity.activityName
+            },
+            i
+          )) })
+        ] })
+      ] }) }),
+      /* @__PURE__ */ jsx("div", { className: "col-span-1 lg:col-span-2 flex-shrink-0 rounded-lg lg:flex items-center justify-center min-h-[500px] hidden relative z-0", children: /* @__PURE__ */ jsx(
+        PackageMap,
+        {
+          locations: selectedItem.data.locationsData,
+          dayNumber: selectedDay,
+          routes: routesByDay.get(selectedDay) ?? []
+        }
+      ) })
+    ] }) })
+  ] });
+};
+var Itinerary_default = Itinerary;
+
+// src/components/PackageDetail/_checklistUtils.ts
+var normalizeChecklist = (data) => {
+  if (!data) return [];
+  if (Array.isArray(data)) {
+    return data.map((group) => ({
+      category: typeof group?.category === "string" ? group.category.trim() : "",
+      items: Array.isArray(group?.items) ? group.items.filter(
+        (item) => typeof item === "string" && item.trim() !== ""
+      ) : []
+    })).filter((group) => group.category !== "" && group.items.length > 0);
+  }
+  return Object.entries(data).map(([category, items]) => ({
+    category: category.trim(),
+    items: Array.isArray(items) ? items.filter(
+      (item) => typeof item === "string" && item.trim() !== ""
+    ) : []
+  })).filter((group) => group.category !== "" && group.items.length > 0);
+};
+var getChecklistPreviewCount = (isMobile) => isMobile ? 1 : 2;
+var iconMapping = {
+  clothing: "mdi:tshirt-crew-outline",
+  clothes: "mdi:tshirt-crew-outline",
+  footwear: "mdi:shoe-sneaker",
+  shoes: "mdi:shoe-sneaker",
+  "toiletries and personal items": "lucide:spray-can",
+  "gadgets and extras": "lucide:smartphone",
+  "optional but useful": "lucide:badge-help",
+  "what not to carry": "material-symbols:do-not-disturb-on-outline-rounded",
+  general: "material-symbols:check-circle-outline-rounded"
+};
+var getIconForCategory = (category) => {
+  const normalizedCategory = category.trim().toLowerCase();
+  return iconMapping[normalizedCategory] || "material-symbols:check-circle-outline-rounded";
+};
+var getDisplayCategory = (category) => {
+  const normalizedCategory = category.trim().toLowerCase();
+  if (normalizedCategory === "clothing" || normalizedCategory === "clothes") {
+    return "Clothing and Backpack";
+  }
+  return category;
+};
+var PackageExcludedAndToPack = ({
+  thingsExcluded,
+  thingsToPack
+}) => {
+  const excludedGroups = normalizeChecklist(thingsExcluded);
+  const toPackGroups = normalizeChecklist(thingsToPack);
+  const [isMobile, setIsMobile] = useState(false);
+  const [expandedGroups, setExpandedGroups] = useState({});
+  const hasExcluded = excludedGroups.length > 0;
+  const hasToPack = toPackGroups.length > 0;
+  useEffect(() => {
+    const checkScreenSize = () => setIsMobile(window.innerWidth < 768);
+    checkScreenSize();
+    window.addEventListener("resize", checkScreenSize);
+    return () => window.removeEventListener("resize", checkScreenSize);
+  }, []);
+  if (!hasExcluded && !hasToPack) return null;
+  const toggleGroup = (groupKey) => setExpandedGroups((current) => ({ ...current, [groupKey]: !current[groupKey] }));
+  const previewCount = getChecklistPreviewCount(isMobile);
+  const renderGroups = (data, sectionKey) => /* @__PURE__ */ jsx("div", { className: "grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-x-4 md:gap-x-6 lg:gap-x-12 gap-y-4 md:gap-y-6 lg:gap-y-10 mt-2 md:mt-3 lg:mt-4", children: data.map((group, groupIndex) => /* @__PURE__ */ jsxs(
+    "div",
+    {
+      className: "flex flex-col gap-2 md:gap-2.5 lg:gap-3",
+      children: [
+        /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2 md:gap-2.5 lg:gap-3", children: [
+          /* @__PURE__ */ jsx("div", { className: "p-2 rounded-lg text-primary-normal", children: /* @__PURE__ */ jsx(Icon, { icon: getIconForCategory(group.category), className: "w-6 h-6" }) }),
+          /* @__PURE__ */ jsx("h3", { className: "text-primary-normal text-lg font-semibold tracking-tight", children: getDisplayCategory(group.category) })
+        ] }),
+        /* @__PURE__ */ jsxs("ul", { className: "flex flex-col gap-1.5 md:gap-2 pl-11", children: [
+          group.items.slice(
+            0,
+            !expandedGroups[`${sectionKey}-${group.category}-${groupIndex}`] ? previewCount : group.items.length
+          ).map((item, index) => /* @__PURE__ */ jsxs(
+            "li",
+            {
+              className: "flex items-start gap-2 text-secondary-normal-hover text-base leading-relaxed relative",
+              children: [
+                /* @__PURE__ */ jsx("span", { className: "absolute -left-4 top-2.5 w-1 h-1 bg-secondary-normal-hover rounded-full" }),
+                item
+              ]
+            },
+            `${group.category}-${index}`
+          )),
+          group.items.length > previewCount && /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsx(
+            "button",
+            {
+              type: "button",
+              onClick: () => toggleGroup(`${sectionKey}-${group.category}-${groupIndex}`),
+              "aria-expanded": Boolean(
+                expandedGroups[`${sectionKey}-${group.category}-${groupIndex}`]
+              ),
+              className: "text-secondary text-sm font-medium hover:underline",
+              children: expandedGroups[`${sectionKey}-${group.category}-${groupIndex}`] ? "See less" : "See more"
+            }
+          ) })
+        ] })
+      ]
+    },
+    `${group.category}-${groupIndex}`
+  )) });
+  return /* @__PURE__ */ jsxs("div", { className: "w-full py-2", children: [
+    hasExcluded && /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-3 md:gap-3 lg:gap-4", children: [
+      /* @__PURE__ */ jsx("h2", { className: "text-primary-normal text-xl md:text-2xl font-medium tracking-[-0.04em]", children: "Things Excluded" }),
+      renderGroups(excludedGroups, "excluded")
+    ] }),
+    hasToPack && /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-3 md:gap-3 lg:gap-4 mt-6 md:mt-8 lg:mt-10", children: [
+      /* @__PURE__ */ jsx("h2", { className: "text-primary-normal text-xl md:text-2xl font-medium tracking-[-0.04em]", children: "Things To Pack" }),
+      renderGroups(toPackGroups, "to-pack")
+    ] })
+  ] });
+};
+var PackageExcludedAndToPack_default = PackageExcludedAndToPack;
+var iconMapping2 = {
+  "Support Team": "lucide:headset",
+  Permits: "lucide:file-text",
+  "Pickup and Drop Service": "lucide:plane",
+  "Airport Pickup & Drop Service": "lucide:plane",
+  "Pickup and Drop": "lucide:plane",
+  "Travel Insurance": "lucide:shield-check",
+  Accommodation: "lucide:hotel",
+  Transport: "lucide:bus",
+  Food: "lucide:utensils-crossed",
+  "Additional Perks": "lucide:plus-circle",
+  "First Aid Services": "material-symbols:medical-services-outline"
+};
+var PackageIncluded = ({ thingsToDo }) => {
+  const [isMobile, setIsMobile] = useState(false);
+  const [expandedGroups, setExpandedGroups] = useState({});
+  const normalizedThingsToDo = normalizeChecklist(thingsToDo);
+  useEffect(() => {
+    const checkScreenSize = () => setIsMobile(window.innerWidth < 768);
+    checkScreenSize();
+    window.addEventListener("resize", checkScreenSize);
+    return () => window.removeEventListener("resize", checkScreenSize);
+  }, []);
+  if (normalizedThingsToDo.length === 0) return null;
+  const toggleGroup = (groupKey) => setExpandedGroups((current) => ({ ...current, [groupKey]: !current[groupKey] }));
+  const previewCount = getChecklistPreviewCount(isMobile);
+  return /* @__PURE__ */ jsx("div", { className: "w-full py-2", children: /* @__PURE__ */ jsx("div", { className: "grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-x-4 md:gap-x-6 lg:gap-x-12 gap-y-4 md:gap-y-6 lg:gap-y-10", children: normalizedThingsToDo.map((category, index) => /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-2 md:gap-2.5 lg:gap-3", children: [
+    /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2 md:gap-2.5 lg:gap-3", children: [
+      /* @__PURE__ */ jsx("div", { className: "p-2 rounded-lg text-primary-normal", children: /* @__PURE__ */ jsx(
+        Icon,
+        {
+          icon: iconMapping2[category.category] || "material-symbols:check-circle-outline-rounded",
+          className: "w-6 h-6"
+        }
+      ) }),
+      /* @__PURE__ */ jsx("h3", { className: "text-primary-normal text-lg font-semibold tracking-tight", children: category.category })
+    ] }),
+    /* @__PURE__ */ jsxs("ul", { className: "flex flex-col gap-1.5 md:gap-2 pl-11", children: [
+      category.items.slice(
+        0,
+        !expandedGroups[`${category.category}-${index}`] ? previewCount : category.items.length
+      ).map((item, itemIndex) => /* @__PURE__ */ jsxs(
+        "li",
+        {
+          className: "flex items-start gap-2 text-secondary-normal-hover text-base leading-relaxed relative",
+          children: [
+            /* @__PURE__ */ jsx("span", { className: "absolute -left-4 top-2.5 w-1 h-1 bg-secondary-normal-hover rounded-full" }),
+            item
+          ]
+        },
+        itemIndex
+      )),
+      category.items.length > previewCount && /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsx(
+        "button",
+        {
+          type: "button",
+          onClick: () => toggleGroup(`${category.category}-${index}`),
+          "aria-expanded": Boolean(expandedGroups[`${category.category}-${index}`]),
+          className: "text-secondary text-sm font-medium hover:underline",
+          children: expandedGroups[`${category.category}-${index}`] ? "See less" : "See more"
+        }
+      ) })
+    ] })
+  ] }, index)) }) });
+};
+var PackageIncluded_default = PackageIncluded;
+var PackageOverview = ({
+  description,
+  isMobile,
+  topData
+}) => {
+  const [expanded, setExpanded] = useState(false);
+  const isLong = (description || "").length > 400;
+  return /* @__PURE__ */ jsxs("div", { className: "w-full pb-4", children: [
+    /* @__PURE__ */ jsx("h2", { className: "text-primary-normal font-medium text-xl md:text-2xl tracking-[-0.04em]", children: "Overview" }),
+    /* @__PURE__ */ jsxs("div", { className: "mt-2 text-secondary-normal-hover lg:text-base text-sm font-light leading-relaxed", children: [
+      /* @__PURE__ */ jsx(
+        "div",
+        {
+          className: `w-full break-words whitespace-pre-wrap overflow-hidden transition-[max-height] duration-300
+          [&_ul]:list-disc [&_ul]:pl-5 [&_li]:mb-1
+          [&_ol]:list-decimal [&_ol]:pl-5 [&_ol]:mb-1
+          [&_p]:mb-2 [&_img]:max-w-full [&_img]:h-auto
+          [&_table]:w-full [&_table]:overflow-x-auto
+          [&_strong]:font-bold [&_underline]:underline
+          ${isMobile && !expanded ? "max-h-40" : "max-h-none"}`,
+          dangerouslySetInnerHTML: {
+            __html: (description || "").replace(/&nbsp;/g, " ") || "No description available."
+          }
+        }
+      ),
+      isLong && /* @__PURE__ */ jsx(
+        "button",
+        {
+          type: "button",
+          onClick: () => setExpanded((p) => !p),
+          "aria-expanded": expanded,
+          className: "text-secondary text-sm font-medium mt-1 hover:underline md:hidden",
+          children: expanded ? "See less" : "See more"
+        }
+      )
+    ] }),
+    /* @__PURE__ */ jsxs("div", { className: "mt-5 mb-4 pt-5 border-t border-gray-100", children: [
+      /* @__PURE__ */ jsx("h2", { className: "text-[#65558F] font-medium text-xl tracking-[-0.04em] mb-3", children: "Key Facts" }),
+      /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-2", children: [
+        /* @__PURE__ */ jsx(
+          KeyFact,
+          {
+            icon: "solar:suitcase-tag-outline",
+            label: "Trip Style",
+            value: topData?.PackageType || "Sightseeing"
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          KeyFact,
+          {
+            icon: "icon-park-outline:level",
+            label: "Difficulty",
+            value: topData?.Difficulty || "Easy"
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          KeyFact,
+          {
+            icon: "iconoir:calendar",
+            label: "Number Of Days",
+            value: topData?.TotalDays ? `${topData.TotalDays} Days & ${Math.max(0, topData.TotalDays - 1)} Nights` : "Duration"
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          KeyFact,
+          {
+            icon: "iconoir:packages",
+            label: "Package Category",
+            value: topData?.PackageCategory || "Luxury"
+          }
+        )
+      ] })
+    ] })
+  ] });
+};
+var KeyFact = ({
+  icon,
+  label,
+  value
+}) => /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-4", children: [
+  /* @__PURE__ */ jsx(Icon, { icon, className: "w-6 h-6 text-[#47586E] flex-shrink-0" }),
+  /* @__PURE__ */ jsxs("div", { className: "flex-1 grid grid-cols-[110px_1fr] sm:grid-cols-[200px_1fr] gap-4 items-center", children: [
+    /* @__PURE__ */ jsx("span", { className: "text-sm sm:text-base text-[#47586E]", children: label }),
+    /* @__PURE__ */ jsx("span", { className: "text-base text-[#65558F] font-medium", children: value })
+  ] })
+] });
+var PackageOverview_default = PackageOverview;
+var DescriptionSection = ({
+  DescriptionData,
+  topData,
+  currency,
+  onReserve,
+  pkg,
+  routes
+}) => {
+  const [isMobile, setIsMobile] = useState(false);
+  const bookingRef = useRef(null);
+  useEffect(() => {
+    const checkScreenSize = () => setIsMobile(window.innerWidth < 768);
+    checkScreenSize();
+    window.addEventListener("resize", checkScreenSize);
+    return () => window.removeEventListener("resize", checkScreenSize);
+  }, []);
+  const scrollToBooking = () => {
+    if (!bookingRef.current) return;
+    const rect = bookingRef.current.getBoundingClientRect();
+    const offset = 90;
+    window.scrollTo({
+      top: window.scrollY + rect.top - offset,
+      behavior: "smooth"
+    });
+  };
+  return /* @__PURE__ */ jsx("div", { className: "w-full flex flex-col items-center", children: /* @__PURE__ */ jsxs("div", { className: "w-full relative border-gray-200 flex flex-col gap-8", children: [
+    /* @__PURE__ */ jsxs("div", { className: "grid grid-cols-1 lg:grid-cols-12 gap-6 w-full justify-between", children: [
+      /* @__PURE__ */ jsx("div", { className: "lg:col-span-7 w-full flex flex-col gap-3 border-b-2 pb-6", children: /* @__PURE__ */ jsx(
+        PackageOverview_default,
+        {
+          description: DescriptionData.Description,
+          isMobile,
+          topData
+        }
+      ) }),
+      /* @__PURE__ */ jsxs(
+        "div",
+        {
+          ref: bookingRef,
+          className: "lg:col-span-5 flex justify-start items-end flex-col gap-2 scroll-mt-[100px]",
+          children: [
+            /* @__PURE__ */ jsx("p", { className: "md:hidden text-primary-normal text-start w-full flex justify-start text-xl md:text-2xl font-medium tracking-[-0.04em]", children: "Book Now" }),
+            /* @__PURE__ */ jsx("div", { className: "w-full", children: /* @__PURE__ */ jsx(
+              BookingCardLite_default,
+              {
+                DescriptionData,
+                currency,
+                onReserve: onReserve ? () => onReserve(pkg) : void 0
+              }
+            ) })
+          ]
+        }
+      )
+    ] }),
+    /* @__PURE__ */ jsxs("div", { className: "relative pb-7 border-b-2 border-gray-200", children: [
+      /* @__PURE__ */ jsx("h2", { className: "text-primary-normal text-xl md:text-2xl font-medium tracking-[-0.04em]", children: "Itinerary" }),
+      /* @__PURE__ */ jsx(
+        Itinerary_default,
+        {
+          Description: DescriptionData,
+          routes,
+          currency,
+          onReserveClick: scrollToBooking
+        }
+      )
+    ] }),
+    DescriptionData?.thingsToDo && DescriptionData.thingsToDo.length > 0 && /* @__PURE__ */ jsxs("div", { className: "relative pt-5 pb-7 border-b-2 border-gray-200", children: [
+      /* @__PURE__ */ jsx("h2", { className: "text-primary-normal text-xl md:text-2xl font-medium tracking-[-0.04em] mb-6", children: "Things Included" }),
+      /* @__PURE__ */ jsx(PackageIncluded_default, { thingsToDo: DescriptionData.thingsToDo })
+    ] }),
+    (DescriptionData?.thingsExcluded && DescriptionData.thingsExcluded.length > 0 || DescriptionData?.thingsToPack && DescriptionData.thingsToPack.length > 0) && /* @__PURE__ */ jsx("div", { className: "relative pb-7", children: /* @__PURE__ */ jsx(
+      PackageExcludedAndToPack_default,
+      {
+        thingsExcluded: DescriptionData?.thingsExcluded || [],
+        thingsToPack: DescriptionData?.thingsToPack || []
+      }
+    ) })
+  ] }) });
+};
+var DescriptionSection_default = DescriptionSection;
+var HostAbout = ({
+  hostName,
+  description,
+  className = ""
+}) => /* @__PURE__ */ jsxs("div", { className: `flex flex-col gap-4 ${className}`, children: [
+  /* @__PURE__ */ jsx("div", { className: "flex flex-col gap-1", children: /* @__PURE__ */ jsxs("h3", { className: "text-xl md:text-2xl font-medium tracking-[-0.04em] text-primary-normal", children: [
+    "About ",
+    hostName
+  ] }) }),
+  /* @__PURE__ */ jsx("p", { className: "text-secondary-normal-hover text-base md:text-lg leading-relaxed line-clamp-4", children: description || "Lorem ipsum dolor sit amet, consectetur adipisicing elit. Praesentium, deleniti! Obcaecati atque, ex itaque voluptatem vel perferendis." })
+] });
+var HostAbout_default = HostAbout;
+var getUserInitials = (name) => name?.charAt(0)?.toUpperCase() || "H";
+var getMonthsHosting = (createdDate) => {
+  if (!createdDate) return 1;
+  const now = /* @__PURE__ */ new Date();
+  const created = new Date(createdDate);
+  const monthsDiff = Math.floor(
+    (now.getTime() - created.getTime()) / (1e3 * 60 * 60 * 24 * 30)
+  );
+  return Math.max(1, monthsDiff);
+};
+var HostCard = ({ hostData, className = "" }) => {
+  const logoUrl = pickImageUrl(hostData?.logo);
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      className: `w-full sm:min-w-[320px] rounded-2xl border border-[#E0E4E8] bg-white flex flex-col gap-6 p-6 lg:p-8 shadow-md ${className}`,
+      children: [
+        /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-4", children: [
+          /* @__PURE__ */ jsx("div", { className: "relative rounded-full h-20 w-20 bg-gray-200 flex items-center justify-center text-xl text-primary-normal overflow-hidden", children: logoUrl ? /* @__PURE__ */ jsx(
+            "img",
+            {
+              src: logoUrl,
+              alt: `${hostData?.username}'s logo`,
+              className: "object-cover w-full h-full"
+            }
+          ) : /* @__PURE__ */ jsx("span", { children: getUserInitials(hostData?.username) }) }),
+          /* @__PURE__ */ jsx("span", { className: "text-[18px] tracking-[-0.02em] font-medium text-primary-normal whitespace-normal break-words", children: hostData?.username })
+        ] }),
+        /* @__PURE__ */ jsxs("div", { className: "flex justify-between text-center mt-2", children: [
+          /* @__PURE__ */ jsxs("div", { children: [
+            /* @__PURE__ */ jsx("p", { className: "text-base md:text-lg text-primary-normal tracking-[-0.02em] font-medium", children: hostData?.review ?? 0 }),
+            /* @__PURE__ */ jsx("p", { className: "text-sm md:text-base text-secondary-normal-hover tracking-[-0.02em]", children: "Reviews" })
+          ] }),
+          /* @__PURE__ */ jsxs("div", { children: [
+            /* @__PURE__ */ jsx("p", { className: "text-base md:text-lg text-primary-normal tracking-[-0.02em] font-medium", children: (hostData?.rating ?? 0).toFixed(2) }),
+            /* @__PURE__ */ jsx("p", { className: "text-sm md:text-base text-secondary-normal-hover tracking-[-0.02em]", children: "Rating" })
+          ] }),
+          /* @__PURE__ */ jsxs("div", { children: [
+            /* @__PURE__ */ jsxs("p", { className: "text-base md:text-lg text-primary-normal tracking-[-0.02em] font-medium", children: [
+              getMonthsHosting(hostData?.agencyCreatedDate),
+              " mth"
+            ] }),
+            /* @__PURE__ */ jsx("p", { className: "text-sm md:text-base text-secondary-normal-hover tracking-[-0.02em]", children: "Hosting" })
+          ] })
+        ] })
+      ]
+    }
+  );
+};
+var HostCard_default = HostCard;
+var GalleryImg = ({
+  src,
+  alt,
+  onClick,
+  className
+}) => src ? /* @__PURE__ */ jsx(
+  "img",
+  {
+    src,
+    alt,
+    onClick,
+    className,
+    loading: "lazy"
+  }
+) : /* @__PURE__ */ jsx(
+  "div",
+  {
+    className: `${className ?? ""} bg-[#F0EEF4] flex items-center justify-center text-primary-normal/40 text-sm`,
+    children: "No image"
+  }
+);
+var GalleryCell = ({
+  src,
+  alt,
+  onClick,
+  colSpan = ""
+}) => /* @__PURE__ */ jsx(
+  "div",
+  {
+    onClick,
+    className: `relative h-full w-full overflow-hidden rounded-lg ${colSpan}`.trim(),
+    children: /* @__PURE__ */ jsx(
+      GalleryImg,
+      {
+        src,
+        alt,
+        className: "absolute inset-0 w-full h-full object-cover cursor-pointer transition duration-200"
+      }
+    )
+  }
+);
+var GallerySection = ({ media, packageTitle }) => {
+  const [overlayIndex, setOverlayIndex] = useState(null);
+  const images = media.map((m) => m.url);
+  const imageAlts = media.map((m) => m.alt || packageTitle);
+  const open = (i) => setOverlayIndex(i);
+  const close = () => setOverlayIndex(null);
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsxs("div", { className: "md:grid lg:grid md:grid-cols-5 grid-cols-1 gap-2 mt-4 h-[546px] cursor-pointer relative hidden overflow-hidden", children: [
+      /* @__PURE__ */ jsxs(
+        "div",
+        {
+          onClick: () => open(0),
+          className: "px-2 py-1 bg-white cursor-pointer flex justify-center items-center text-primary-normal absolute bottom-2 right-2 rounded-lg text-sm md:text-base lg:text-lg z-10",
+          children: [
+            /* @__PURE__ */ jsx(
+              Icon,
+              {
+                icon: "material-symbols-light:space-dashboard-outline",
+                className: "text-2xl text-gray-500"
+              }
+            ),
+            " ",
+            "See all photos"
+          ]
+        }
+      ),
+      /* @__PURE__ */ jsxs("div", { className: "grid grid-cols-12 col-span-3 gap-4 h-[546px]", children: [
+        /* @__PURE__ */ jsx(GalleryCell, { src: images[0], alt: imageAlts[0] || packageTitle, onClick: () => open(0), colSpan: "col-span-6" }),
+        /* @__PURE__ */ jsx(GalleryCell, { src: images[1], alt: imageAlts[1] || packageTitle, onClick: () => open(1), colSpan: "col-span-6" })
+      ] }),
+      /* @__PURE__ */ jsxs("div", { className: "col-span-2 h-[546px] lg:grid md:grid hidden grid-rows-2 gap-2", children: [
+        /* @__PURE__ */ jsx(GalleryCell, { src: images[2], alt: imageAlts[2] || packageTitle, onClick: () => open(2) }),
+        /* @__PURE__ */ jsxs("div", { className: "hidden lg:grid md:grid grid-cols-2 gap-2 h-full", children: [
+          /* @__PURE__ */ jsx(GalleryCell, { src: images[3], alt: imageAlts[3] || packageTitle, onClick: () => open(3) }),
+          /* @__PURE__ */ jsxs("div", { className: "relative hidden lg:grid md:grid grid-rows-2 gap-2 h-full", children: [
+            /* @__PURE__ */ jsx(GalleryCell, { src: images[4], alt: imageAlts[4] || packageTitle, onClick: () => open(4) }),
+            /* @__PURE__ */ jsx(GalleryCell, { src: images[5], alt: imageAlts[5] || packageTitle, onClick: () => open(5) })
+          ] })
+        ] })
+      ] })
+    ] }),
+    /* @__PURE__ */ jsx("div", { className: "grid cursor-pointer gap-3 pt-2 md:pt-5 lg:hidden md:hidden", children: /* @__PURE__ */ jsxs("div", { className: "col-span-2 relative h-[320px] md:h-[350px]", children: [
+      /* @__PURE__ */ jsx(
+        GalleryImg,
+        {
+          src: images[0],
+          alt: imageAlts[0] || packageTitle,
+          className: "w-full h-full rounded-lg object-cover",
+          onClick: () => open(0)
+        }
+      ),
+      /* @__PURE__ */ jsx(
+        "button",
+        {
+          className: "absolute bottom-2 right-2 bg-white text-primary-normal px-3 py-2 rounded-lg z-10 text-sm md:text-base font-medium",
+          onClick: () => open(0),
+          children: "See All Photos"
+        }
+      )
+    ] }) }),
+    overlayIndex !== null && /* @__PURE__ */ jsx(
+      LightboxOverlay,
+      {
+        images,
+        alts: imageAlts,
+        startIndex: overlayIndex,
+        onClose: close
+      }
+    )
+  ] });
+};
+function LightboxOverlay({
+  images,
+  alts,
+  startIndex,
+  onClose
+}) {
+  const [i, setI] = useState(startIndex);
+  const prev = () => setI((v) => (v - 1 + images.length) % images.length);
+  const next = () => setI((v) => (v + 1) % images.length);
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      className: "fixed inset-0 z-[1000] bg-black/90 flex items-center justify-center",
+      onClick: onClose,
+      children: [
+        /* @__PURE__ */ jsx(
+          "button",
+          {
+            type: "button",
+            onClick: (e) => {
+              e.stopPropagation();
+              onClose();
+            },
+            className: "absolute top-4 right-4 text-white p-2 rounded-full hover:bg-white/10",
+            "aria-label": "Close gallery",
+            children: /* @__PURE__ */ jsx(Icon, { icon: "lucide:x", className: "w-6 h-6" })
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          "button",
+          {
+            type: "button",
+            onClick: (e) => {
+              e.stopPropagation();
+              prev();
+            },
+            className: "absolute left-4 text-white p-3 rounded-full hover:bg-white/10",
+            "aria-label": "Previous",
+            children: /* @__PURE__ */ jsx(Icon, { icon: "lucide:chevron-left", className: "w-7 h-7" })
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          "img",
+          {
+            src: images[i],
+            alt: alts[i] || "",
+            className: "max-w-[92vw] max-h-[88vh] object-contain rounded-lg",
+            onClick: (e) => e.stopPropagation()
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          "button",
+          {
+            type: "button",
+            onClick: (e) => {
+              e.stopPropagation();
+              next();
+            },
+            className: "absolute right-4 text-white p-3 rounded-full hover:bg-white/10",
+            "aria-label": "Next",
+            children: /* @__PURE__ */ jsx(Icon, { icon: "lucide:chevron-right", className: "w-7 h-7" })
+          }
+        ),
+        /* @__PURE__ */ jsxs("div", { className: "absolute bottom-4 left-1/2 -translate-x-1/2 text-white text-sm bg-black/40 px-3 py-1 rounded-full", children: [
+          i + 1,
+          " / ",
+          images.length
+        ] })
+      ]
+    }
+  );
+}
+var GallerySection_default = GallerySection;
+var renderStars = (rating) => {
+  const fullStars = Math.floor(rating);
+  const hasHalfStar = rating % 1 >= 0.5;
+  return /* @__PURE__ */ jsx("div", { className: "flex items-center", children: [1, 2, 3, 4, 5].map((star) => {
+    let icon = "mdi-light:star";
+    if (star <= fullStars) {
+      icon = "material-symbols:star";
+    } else if (star === fullStars + 1 && hasHalfStar) {
+      icon = "material-symbols:star-half";
+    }
+    return /* @__PURE__ */ jsx(Icon, { icon, className: "w-4 h-4 text-secondary" }, star);
+  }) });
+};
+var TopSection = ({ topData }) => {
+  const galleryMedia = topData.AgencyPackageMedias.map((item) => ({
+    url: item.url,
+    previewUrl: item.previewUrl,
+    alt: item.alt || topData.PackageTitle
+  }));
+  return /* @__PURE__ */ jsxs("div", { className: "lg:px-4 px-0 py-2 md:py-4 lg:py-6", children: [
+    /* @__PURE__ */ jsxs("nav", { "aria-label": "Breadcrumb", className: "flex items-center gap-2 text-sm", children: [
+      /* @__PURE__ */ jsx("a", { href: "/", className: "text-primary-normal hover:underline", children: "Home" }),
+      /* @__PURE__ */ jsx("span", { "aria-hidden": true, className: "text-primary-normal", children: "\u203A" }),
+      /* @__PURE__ */ jsx("span", { className: "text-primary-normal underline truncate w-[70vw] md:w-full", children: topData.PackageTitle })
+    ] }),
+    /* @__PURE__ */ jsx("div", { className: "w-full flex justify-between items-center mt-2 py-0 md:py-4", children: /* @__PURE__ */ jsx("h1", { className: "text-xl md:text-2xl lg:text-3xl font-semibold tracking-[-0.04em] text-primary-normal leading-tight", children: topData.PackageTitle }) }),
+    /* @__PURE__ */ jsx("div", { className: "text-sm py-0 md:py-2", children: topData.Rating ? /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
+      /* @__PURE__ */ jsx("p", { className: "text-primary-normal font-medium", children: topData.Rating.toFixed(1) }),
+      /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-1", children: [
+        renderStars(topData.Rating),
+        /* @__PURE__ */ jsx("p", { className: "text-secondary-normal-hover underline text-xs", children: topData.ReviewCount ? `(${topData.ReviewCount})` : null })
+      ] })
+    ] }) : /* @__PURE__ */ jsx("p", { className: "text-secondary-normal-hover", children: "Not yet rated" }) }),
+    /* @__PURE__ */ jsx(GallerySection_default, { media: galleryMedia, packageTitle: topData.PackageTitle })
+  ] });
+};
+var TopSection_default = TopSection;
+
+// src/components/PackageDetail/_projectToLegacy.ts
+var mediaFromImage = (img, fallbackAlt) => {
+  const u = pickImageUrl(img);
+  if (!u) return null;
+  return {
+    url: u,
+    previewUrl: img?.preview ?? "",
+    alt: img?.alt || fallbackAlt
+  };
+};
+var buildGalleryMedia = (pkg) => {
+  const list = (pkg.media ?? []).map((m) => mediaFromImage(m, pkg.title)).filter((m) => Boolean(m));
+  if (list.length > 0) return list;
+  const thumb = mediaFromImage(pkg.thumbnail, pkg.title);
+  return thumb ? [thumb] : [];
+};
+var buildTopData = (pkg, host) => ({
+  id: pkg.id,
+  slug: pkg.slug,
+  PackageTitle: pkg.title,
+  AgencyName: host?.username ?? "",
+  AgencySlug: host?.slug ?? "",
+  AgencyPackageMedias: buildGalleryMedia(pkg),
+  Rating: pkg.rating ?? 0,
+  ReviewCount: host?.review ?? 0,
+  PackageType: pkg.packageType || "N/A",
+  TotalDays: pkg.totalDays || 0,
+  MaxAllowedPeople: pkg.maxAllowedPeople ?? 10,
+  thingsToDo: pkg.thingsIncluded,
+  thingsExcluded: pkg.thingsExcluded,
+  thingsToPack: pkg.thingsToPack,
+  PackageCategory: pkg.packageCategory || "Standard",
+  Difficulty: pkg.difficulty || "Easy"
+});
+var buildDescriptionData = (pkg) => ({
+  id: pkg.id,
+  Description: pkg.description ?? "",
+  Price: pkg.prices ?? [],
+  Discounts: pkg.discounts ?? [],
+  TotalDays: pkg.totalDays ?? 0,
+  MaxAllowedPeople: pkg.maxAllowedPeople ?? 10,
+  MinAllowedPeople: pkg.minAllowedPeople ?? 1,
+  Days: (pkg.days ?? []).map((d) => ({
+    id: d.id,
+    dayNumber: d.dayNumber,
+    description: d.description,
+    activities: d.activities,
+    locations: d.locations,
+    travelDuration: d.travelDuration,
+    difficulty: d.difficulty,
+    foodService: d.foodService,
+    transportation: d.transportation,
+    accommodation: d.accommodation
+  })),
+  thingsToDo: pkg.thingsIncluded,
+  thingsExcluded: pkg.thingsExcluded,
+  thingsToPack: pkg.thingsToPack
+});
+function PackageDetailView({
+  client,
+  slug,
+  initialBundle,
+  currency = "USD",
+  onReserve,
+  className,
+  renderLoading,
+  renderNotFound
+}) {
+  if (!initialBundle && (!client || !slug)) {
+    throw new Error(
+      "[PackageDetailView] Provide either `initialBundle` or both `client` and `slug`."
+    );
+  }
+  const remote = usePackageBundle(client, initialBundle ? null : slug);
+  const bundle = initialBundle ?? remote.data;
+  const loading = !initialBundle && remote.loading;
+  const error = !initialBundle && remote.error;
+  if (loading) {
+    return /* @__PURE__ */ jsx("div", { className: `tvr-package-detail ${className ?? ""}`.trim(), children: /* @__PURE__ */ jsx("div", { className: "mx-auto max-w-[1440px]", children: renderLoading ? renderLoading() : /* @__PURE__ */ jsx(DefaultLoading, {}) }) });
+  }
+  if (error) {
+    return /* @__PURE__ */ jsx("div", { className: `tvr-package-detail ${className ?? ""}`.trim(), children: /* @__PURE__ */ jsxs("div", { className: "max-w-screen-xl mx-auto px-6 py-16 text-center text-red-600 text-sm", children: [
+      "Failed to load package: ",
+      error.message
+    ] }) });
+  }
+  if (!bundle?.pkg) {
+    return /* @__PURE__ */ jsx("div", { className: `tvr-package-detail ${className ?? ""}`.trim(), children: renderNotFound ? renderNotFound() : /* @__PURE__ */ jsx("div", { className: "max-w-screen-xl mx-auto px-6 py-16 text-center text-secondary-normal-hover text-sm", children: "Package not found." }) });
+  }
+  return /* @__PURE__ */ jsx(
+    DetailContent,
+    {
+      pkg: bundle.pkg,
+      host: bundle.host,
+      routes: bundle.routes ?? [],
+      currency,
+      onReserve,
+      className
+    }
+  );
+}
+function DetailContent({
+  pkg,
+  host,
+  routes,
+  currency,
+  onReserve,
+  className
+}) {
+  const topData = buildTopData(pkg, host);
+  const descriptionData = buildDescriptionData(pkg);
+  return /* @__PURE__ */ jsx("div", { className: `tvr-package-detail ${className ?? ""}`.trim(), children: /* @__PURE__ */ jsxs("article", { className: "mx-auto max-w-[1440px] flex flex-col gap-5 md:px-12 px-6 lg:py-12 mt-4", children: [
+    /* @__PURE__ */ jsx(TopSection_default, { topData }),
+    /* @__PURE__ */ jsx(
+      DescriptionSection_default,
+      {
+        DescriptionData: descriptionData,
+        topData,
+        currency,
+        onReserve,
+        pkg,
+        routes
+      }
+    ),
+    host && /* @__PURE__ */ jsxs("div", { className: "py-6 sm:py-8 border-b-2 border-gray-200 flex flex-col gap-6", children: [
+      /* @__PURE__ */ jsx("h2", { className: "text-primary-normal text-xl md:text-2xl font-medium tracking-[-0.04em]", children: "Host Details" }),
+      /* @__PURE__ */ jsxs("div", { className: "flex flex-col lg:flex-row gap-8 lg:gap-10 h-full items-start lg:items-center", children: [
+        /* @__PURE__ */ jsx("div", { className: "flex flex-col gap-6 sm:gap-8 w-full sm:w-[320px]", children: /* @__PURE__ */ jsx(HostCard_default, { hostData: host, className: "w-full" }) }),
+        /* @__PURE__ */ jsx("div", { className: "w-full lg:w-4/5 h-full flex flex-col justify-center", children: /* @__PURE__ */ jsx(
+          HostAbout_default,
+          {
+            hostName: host.username,
+            description: host.description,
+            className: "pr-0 lg:pr-10"
+          }
+        ) })
+      ] })
+    ] })
+  ] }) });
+}
+function DefaultLoading() {
+  return /* @__PURE__ */ jsxs("div", { className: "max-w-screen-xl mx-auto px-6 py-8 animate-pulse", children: [
+    /* @__PURE__ */ jsx("div", { className: "h-8 w-1/2 bg-gray-200 rounded mb-4" }),
+    /* @__PURE__ */ jsx("div", { className: "h-[546px] bg-gray-100 rounded-lg mb-6" }),
+    /* @__PURE__ */ jsxs("div", { className: "grid grid-cols-1 lg:grid-cols-12 gap-6", children: [
+      /* @__PURE__ */ jsxs("div", { className: "lg:col-span-7 space-y-3", children: [
+        /* @__PURE__ */ jsx("div", { className: "h-5 w-1/3 bg-gray-200 rounded" }),
+        /* @__PURE__ */ jsx("div", { className: "h-4 w-full bg-gray-100 rounded" }),
+        /* @__PURE__ */ jsx("div", { className: "h-4 w-5/6 bg-gray-100 rounded" }),
+        /* @__PURE__ */ jsx("div", { className: "h-4 w-4/6 bg-gray-100 rounded" })
+      ] }),
+      /* @__PURE__ */ jsx("div", { className: "lg:col-span-5 h-64 bg-gray-100 rounded-2xl" })
+    ] })
+  ] });
+}
+
+export { BookingCardLite_default as BookingCardLite, DescriptionSection_default as DescriptionSection, GallerySection_default as GallerySection, HomeSections, HomeSectionsProvider, HostAbout_default as HostAbout, HostCard_default as HostCard, Itinerary_default as Itinerary, PackageCard_default as PackageCard, PackageDetailView, PackageExcludedAndToPack_default as PackageExcludedAndToPack, PackageIncluded_default as PackageIncluded, PackageMap, PackageOverview_default as PackageOverview, PackagesCarousel_default as PackagesCarousel, PackagesResource, PackagesSection_default as PackagesSection, TopSection_default as TopSection, TravoriesApiError, TravoriesClient, buildDescriptionData, buildGalleryMedia, buildTopData, createTravoriesClient, formatCurrency, formatRating, pickImageUrl, startingPrice, useHomeSections, useHomeSectionsContext, usePackageBundle, usePackageBySlug };
+//# sourceMappingURL=index.mjs.map
+//# sourceMappingURL=index.mjs.map