@travories/frontend-sdk 0.1.1 → 0.1.3

package/dist/index.mjs

@@ -214,15 +214,158 @@ var PackagesResource = class {
   }
 };
 
+// src/api/agencies.ts
+var normalizeImage2 = (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 normalizeAgencyCard = (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: normalizeImage2(raw?.thumbnail)
+});
+var AgenciesResource = class {
+  constructor(http) {
+    this.http = http;
+  }
+  /** Public profile of an agency by its slug. Null on 404. */
+  async getBySlug(slug, options) {
+    if (!slug) throw new Error("[TravoriesClient] agencies.getBySlug requires a slug");
+    const raw = await this.http.request(`/agency-info/by-slug/${slug}`, {
+      silent: true,
+      ...options
+    });
+    if (!raw?.hostDetails) return null;
+    return {
+      success: raw.success,
+      message: raw.message,
+      hostDetails: {
+        ...raw.hostDetails,
+        logo: raw.hostDetails.logo ? normalizeImage2(raw.hostDetails.logo) : null
+      }
+    };
+  }
+  /** Partner / association badges shown on the agency profile. */
+  async getAssociations(slug, options) {
+    if (!slug) throw new Error("[TravoriesClient] agencies.getAssociations requires a slug");
+    const raw = await this.http.request(
+      `/agency-association/agency/slug/${slug}`,
+      { silent: true, ...options }
+    );
+    if (!Array.isArray(raw)) return [];
+    return raw.map((a) => ({
+      id: a.id,
+      name: a.name,
+      url: a.url,
+      image: a.image ? normalizeImage2(a.image) : null
+    }));
+  }
+  /**
+   * Packages published by this agency. Returns the same card shape as the home
+   * sections so `<PackagesCarousel>` / `<PackageCard>` render them directly.
+   */
+  async getPackages(slug, params, options) {
+    if (!slug) throw new Error("[TravoriesClient] agencies.getPackages requires a slug");
+    const limit = params?.limit ?? 10;
+    const page = params?.page ?? 1;
+    const raw = await this.http.request(
+      `/agency-package/by-agency/${slug}?limit=${limit}&page=${page}`,
+      { silent: true, ...options }
+    );
+    if (!raw) return [];
+    const list = Array.isArray(raw) ? raw : Array.isArray(raw.packages) ? raw.packages : [];
+    return list.map(normalizeAgencyCard);
+  }
+  /**
+   * Convenience: fetch the full agency bundle (profile + associations + their
+   * packages) in parallel. Drives `<AgencyDetailView />`.
+   */
+  async getBundle(slug, params, options) {
+    const [agency, associations, packages] = await Promise.all([
+      this.getBySlug(slug, options),
+      this.getAssociations(slug, options),
+      this.getPackages(slug, { limit: params?.packagesLimit ?? 12 }, options)
+    ]);
+    if (!agency?.hostDetails) return null;
+    return {
+      agency: agency.hostDetails,
+      associations,
+      packages
+    };
+  }
+};
+
+// src/api/bookings.ts
+var BookingsResource = class {
+  constructor(http) {
+    this.http = http;
+  }
+  /**
+   * Open a booking. The BE returns a booking UUID — combine it with
+   *   `https://travories.com/package/<id>/payment`
+   * to send the user into the existing payment flow.
+   *
+   * Throws (not silent) so the consumer can surface errors to the user. Wrap
+   * in try/catch in your `onReserve` handler.
+   */
+  async initiate(payload, options) {
+    if (!payload?.packageId) {
+      throw new Error("[TravoriesClient] bookings.initiate requires packageId");
+    }
+    if (!payload?.arrivalDate) {
+      throw new Error("[TravoriesClient] bookings.initiate requires arrivalDate");
+    }
+    if (!payload?.travelers?.length) {
+      throw new Error("[TravoriesClient] bookings.initiate requires at least one traveler");
+    }
+    const res = await this.http.request(
+      `/booking/initiate`,
+      {
+        method: "POST",
+        body: payload,
+        silent: false,
+        ...options
+      }
+    );
+    if (!res?.data) {
+      throw new Error("[TravoriesClient] bookings.initiate returned no booking id");
+    }
+    return res;
+  }
+};
+
 // src/client/TravoriesClient.ts
 var TravoriesClient = class {
   constructor(config) {
-    /** Shortcut for `client.packages.getBySlug(slug)`. */
+    // ---- Convenience shortcuts on the client itself (no need to remember the
+    //      resource name for the common one-shot lookups). -------------------
     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.getAgencyBySlug = (slug) => this.agencies.getBySlug(slug);
+    this.getAgencyBundle = (slug) => this.agencies.getBundle(slug);
     this.http = new HttpClient(config);
     this.packages = new PackagesResource(this.http);
+    this.agencies = new AgenciesResource(this.http);
+    this.bookings = new BookingsResource(this.http);
   }
 };
 function createTravoriesClient(config) {
@@ -330,6 +473,40 @@ function useHomeSections(client) {
   }, [client]);
   return { data, loading, error, refetch: run };
 }
+function useAgencyBundle(client, slug) {
+  const [data, setData] = useState(null);
+  const [loading, setLoading] = useState(Boolean(client && slug));
+  const [error, setError] = useState(null);
+  const reqId = useRef(0);
+  const run = () => {
+    if (!client || !slug) {
+      setData(null);
+      setLoading(false);
+      setError(null);
+      return;
+    }
+    const myReq = ++reqId.current;
+    setLoading(true);
+    setError(null);
+    client.agencies.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 };
+}
 
 // src/utils/format.ts
 function pickImageUrl(img) {
@@ -364,7 +541,7 @@ var PackageCard = ({
   onSelect,
   href,
   openInNewTab = false,
-  showHeart = true,
+  showHeart = false,
   liked,
   onLike
 }) => {
@@ -818,16 +995,21 @@ var BookingCardLite = ({
       (o) => o.id === id ? { ...o, count: Math.max(0, o.count + (inc ? 1 : -1)) } : o
     )
   );
+  const [isSubmitting, setIsSubmitting] = useState(false);
   const handleReserve = () => {
     if (!onReserve) return;
     if (allPeopleCount === 0) return;
-    onReserve({
+    const result = onReserve({
       arrival,
       departure,
       travelers: options.filter((o) => o.count > 0),
       totalCost,
       pricePerPerson: currentPrice
     });
+    if (result && typeof result.then === "function") {
+      setIsSubmitting(true);
+      result.finally(() => setIsSubmitting(false));
+    }
   };
   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: [
@@ -987,9 +1169,9 @@ var BookingCardLite = ({
           {
             type: "button",
             onClick: handleReserve,
-            disabled: allPeopleCount === 0 || !onReserve,
+            disabled: allPeopleCount === 0 || !onReserve || isSubmitting,
             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: [
+            children: isSubmitting ? "Initiating\u2026" : allPeopleCount === 0 ? "Reserve Now" : /* @__PURE__ */ jsxs(Fragment, { children: [
               "Book Now - ",
               formatCurrency(totalCost, currency)
             ] })
@@ -1949,44 +2131,90 @@ var getMonthsHosting = (createdDate) => {
   );
   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 = ({
+  hostData,
+  onAgencyClick,
+  href,
+  openInNewTab,
+  className = ""
+}) => {
+  const data = hostData;
+  const displayName = data.agencyName || data.username;
+  const logoUrl = pickImageUrl(data?.logo);
+  const isClickable = Boolean(onAgencyClick || href);
+  const handleAnchorClick = (e) => {
+    if (e.metaKey || e.ctrlKey || e.button === 1) return;
+    if (openInNewTab) return;
+    if (onAgencyClick) {
+      e.preventDefault();
+      onAgencyClick(data.slug);
     }
-  );
+  };
+  const body = /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-6", 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: `${displayName}'s logo`,
+          className: "object-cover w-full h-full"
+        }
+      ) : /* @__PURE__ */ jsx("span", { children: getUserInitials(displayName) }) }),
+      /* @__PURE__ */ jsx("span", { className: "text-[18px] tracking-[-0.02em] font-medium text-primary-normal whitespace-normal break-words", children: displayName })
+    ] }),
+    /* @__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: data?.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: (data?.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(data?.agencyCreatedDate),
+          " mth"
+        ] }),
+        /* @__PURE__ */ jsx("p", { className: "text-sm md:text-base text-secondary-normal-hover tracking-[-0.02em]", children: "Hosting" })
+      ] })
+    ] })
+  ] });
+  const wrapperClass = `w-full sm:min-w-[320px] rounded-2xl border border-[#E0E4E8] bg-white p-6 lg:p-8 shadow-md ${isClickable ? "cursor-pointer transition-shadow hover:shadow-lg" : ""} ${className}`.trim();
+  if (href) {
+    return /* @__PURE__ */ jsx(
+      "a",
+      {
+        href,
+        target: openInNewTab ? "_blank" : void 0,
+        rel: openInNewTab ? "noopener noreferrer" : void 0,
+        onClick: handleAnchorClick,
+        className: `${wrapperClass} block no-underline text-inherit`,
+        "aria-label": openInNewTab ? `View ${displayName} (opens in a new tab)` : `View ${displayName}`,
+        children: body
+      }
+    );
+  }
+  if (onAgencyClick) {
+    return /* @__PURE__ */ jsx(
+      "div",
+      {
+        role: "button",
+        tabIndex: 0,
+        onClick: () => onAgencyClick(data.slug),
+        onKeyDown: (e) => {
+          if (e.key === "Enter" || e.key === " ") {
+            e.preventDefault();
+            onAgencyClick(data.slug);
+          }
+        },
+        className: wrapperClass,
+        "aria-label": `View ${displayName}`,
+        children: body
+      }
+    );
+  }
+  return /* @__PURE__ */ jsx("div", { className: wrapperClass, children: body });
 };
 var HostCard_default = HostCard;
 var GalleryImg = ({
@@ -2276,6 +2504,9 @@ function PackageDetailView({
   initialBundle,
   currency = "USD",
   onReserve,
+  onSelectHost,
+  agencyHrefFor,
+  openAgencyInNewTab,
   className,
   renderLoading,
   renderNotFound
@@ -2309,6 +2540,9 @@ function PackageDetailView({
       routes: bundle.routes ?? [],
       currency,
       onReserve,
+      onSelectHost,
+      agencyHrefFor,
+      openAgencyInNewTab,
       className
     }
   );
@@ -2319,6 +2553,9 @@ function DetailContent({
   routes,
   currency,
   onReserve,
+  onSelectHost,
+  agencyHrefFor,
+  openAgencyInNewTab,
   className
 }) {
   const topData = buildTopData(pkg, host);
@@ -2339,7 +2576,16 @@ function DetailContent({
     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: "flex flex-col gap-6 sm:gap-8 w-full sm:w-[320px]", children: /* @__PURE__ */ jsx(
+          HostCard_default,
+          {
+            hostData: host,
+            onAgencyClick: onSelectHost ? () => onSelectHost(host) : void 0,
+            href: agencyHrefFor ? agencyHrefFor(host) : void 0,
+            openInNewTab: openAgencyInNewTab,
+            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,
           {
@@ -2367,7 +2613,177 @@ function DefaultLoading() {
     ] })
   ] });
 }
+var AgencyAssociations = ({
+  associations,
+  title = "We are associated with",
+  className
+}) => {
+  if (!associations?.length) return null;
+  return /* @__PURE__ */ jsxs("section", { className: `flex flex-col gap-4 mt-2 ${className ?? ""}`.trim(), children: [
+    /* @__PURE__ */ jsx("h3", { className: "text-xl md:text-2xl font-medium tracking-[-0.04em] text-primary-normal", children: title }),
+    /* @__PURE__ */ jsx("ul", { className: "flex flex-wrap gap-6 items-center justify-start list-none p-0 m-0", children: associations.map((assoc) => {
+      const img = pickImageUrl(assoc.image);
+      return /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsx(
+        "a",
+        {
+          href: assoc.url,
+          target: "_blank",
+          rel: "noopener noreferrer",
+          title: assoc.name,
+          "aria-label": assoc.name,
+          className: "relative w-32 h-20 flex items-center justify-center hover:opacity-80 transition-opacity rounded-lg p-2 bg-white border border-[#E0E4E8]",
+          children: img ? /* @__PURE__ */ jsx(
+            "img",
+            {
+              src: img,
+              alt: assoc.image?.alt || assoc.name,
+              loading: "lazy",
+              className: "max-w-full max-h-full object-contain"
+            }
+          ) : /* @__PURE__ */ jsx("span", { className: "text-[#47586E] text-xs text-center leading-tight", children: assoc.name })
+        }
+      ) }, assoc.id);
+    }) })
+  ] });
+};
+var AgencyAssociations_default = AgencyAssociations;
+function AgencyDetailView({
+  client,
+  slug,
+  initialBundle,
+  currency = "USD",
+  onSelectPackage,
+  packageHrefFor,
+  openPackagesInNewTab,
+  className,
+  renderLoading,
+  renderNotFound
+}) {
+  if (!initialBundle && (!client || !slug)) {
+    throw new Error(
+      "[AgencyDetailView] Provide either `initialBundle` or both `client` and `slug`."
+    );
+  }
+  const remote = useAgencyBundle(
+    initialBundle ? null : client ?? null,
+    initialBundle ? null : slug ?? null
+  );
+  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: renderLoading ? renderLoading() : /* @__PURE__ */ jsx(DefaultLoading2, {}) });
+  }
+  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 agency: ",
+      error.message
+    ] }) });
+  }
+  if (!bundle?.agency) {
+    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: "Agency not found." }) });
+  }
+  return /* @__PURE__ */ jsx(
+    DetailContent2,
+    {
+      agency: bundle.agency,
+      associations: bundle.associations,
+      packages: bundle.packages,
+      currency,
+      onSelectPackage,
+      packageHrefFor,
+      openPackagesInNewTab,
+      className
+    }
+  );
+}
+function DetailContent2({
+  agency,
+  associations,
+  packages,
+  currency,
+  onSelectPackage,
+  packageHrefFor,
+  openPackagesInNewTab,
+  className
+}) {
+  const displayName = agency.agencyName || agency.username;
+  return /* @__PURE__ */ jsx("div", { className: `tvr-package-detail ${className ?? ""}`.trim(), children: /* @__PURE__ */ jsxs("article", { className: "mx-auto max-w-[1440px] flex flex-col gap-8 md:px-12 px-6 lg:py-10 py-6", children: [
+    /* @__PURE__ */ jsxs("header", { className: "flex flex-col gap-2", children: [
+      /* @__PURE__ */ jsxs(
+        "nav",
+        {
+          "aria-label": "Breadcrumb",
+          className: "flex items-center gap-2 text-sm",
+          children: [
+            /* @__PURE__ */ jsx("a", { href: "/", className: "text-secondary hover:underline", children: "Home" }),
+            /* @__PURE__ */ jsx("span", { "aria-hidden": true, className: "text-secondary", children: "\u203A" }),
+            /* @__PURE__ */ jsx("span", { className: "text-secondary underline font-medium", children: displayName })
+          ]
+        }
+      ),
+      /* @__PURE__ */ jsx("h1", { className: "text-xl md:text-2xl font-medium text-primary-normal leading-tight", children: displayName })
+    ] }),
+    /* @__PURE__ */ jsxs("section", { className: "flex flex-col lg:flex-row items-stretch gap-8 pb-8 border-b border-[#E0E4E8]", children: [
+      /* @__PURE__ */ jsx("div", { className: "w-full lg:w-[320px] flex-shrink-0", children: /* @__PURE__ */ jsx(HostCard_default, { hostData: agency, className: "w-full" }) }),
+      /* @__PURE__ */ jsxs("div", { className: "flex-1 flex flex-col gap-5 pt-2", children: [
+        /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between", children: [
+          /* @__PURE__ */ jsx("h2", { className: "lg:text-2xl text-xl tracking-[-0.04em] font-medium text-primary-normal", children: "Overview" }),
+          /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2 text-secondary font-medium md:text-lg text-sm", children: [
+            /* @__PURE__ */ jsx(
+              Icon,
+              {
+                icon: "material-symbols:verified-rounded",
+                className: "lg:w-6 lg:h-6 w-4 h-4"
+              }
+            ),
+            /* @__PURE__ */ jsx("span", { children: "Verified Agency" })
+          ] })
+        ] }),
+        /* @__PURE__ */ jsx("p", { className: "lg:text-lg text-sm text-[#47586E] leading-relaxed", children: agency.description || `Verified Nepal travel agency on Travories.` })
+      ] })
+    ] }),
+    associations.length > 0 && /* @__PURE__ */ jsxs(Fragment, { children: [
+      /* @__PURE__ */ jsx(AgencyAssociations_default, { associations }),
+      /* @__PURE__ */ jsx("div", { className: "border-b border-[#E0E4E8]" })
+    ] }),
+    packages.length > 0 && /* @__PURE__ */ jsx("section", { className: "flex flex-col gap-1", children: /* @__PURE__ */ jsx(
+      PackagesCarousel_default,
+      {
+        title: `Popular Packages from ${displayName}`,
+        packages,
+        currency,
+        onSelect: onSelectPackage,
+        hrefFor: packageHrefFor,
+        openInNewTab: openPackagesInNewTab
+      }
+    ) })
+  ] }) });
+}
+function DefaultLoading2() {
+  return /* @__PURE__ */ jsxs("div", { className: "mx-auto max-w-[1440px] px-6 md:px-12 py-8 animate-pulse", children: [
+    /* @__PURE__ */ jsx("div", { className: "h-4 w-32 bg-gray-200 rounded mb-3" }),
+    /* @__PURE__ */ jsx("div", { className: "h-8 w-72 bg-gray-200 rounded mb-8" }),
+    /* @__PURE__ */ jsxs("div", { className: "flex flex-col lg:flex-row gap-8 mb-10", children: [
+      /* @__PURE__ */ jsx("div", { className: "w-full lg:w-[320px] h-48 bg-gray-100 rounded-2xl" }),
+      /* @__PURE__ */ jsxs("div", { className: "flex-1 space-y-3", children: [
+        /* @__PURE__ */ jsx("div", { className: "h-6 w-40 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-2/3 bg-gray-100 rounded" })
+      ] })
+    ] }),
+    /* @__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-xl bg-gray-100",
+        style: { height: 280 }
+      },
+      i
+    )) })
+  ] });
+}
 
-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 };
+export { AgenciesResource, AgencyAssociations_default as AgencyAssociations, AgencyDetailView, BookingCardLite_default as BookingCardLite, BookingsResource, 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, useAgencyBundle, useHomeSections, useHomeSectionsContext, usePackageBundle, usePackageBySlug };
 //# sourceMappingURL=index.mjs.map
 //# sourceMappingURL=index.mjs.map