@travories/frontend-sdk 0.1.2 → 0.1.4

package/dist/index.mjs

@@ -314,6 +314,45 @@ var AgenciesResource = class {
   }
 };
 
+// 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) {
@@ -326,6 +365,7 @@ var TravoriesClient = class {
     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) {
@@ -955,16 +995,22 @@ 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 travelers = options.filter((o) => o.count > 0).map((o) => ({ name: o.name, count: o.count }));
+    const result = onReserve({
       arrival,
       departure,
-      travelers: options.filter((o) => o.count > 0),
+      travelers,
       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: [
@@ -1124,9 +1170,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)
             ] })
@@ -2031,7 +2077,7 @@ var DescriptionSection = ({
               {
                 DescriptionData,
                 currency,
-                onReserve: onReserve ? () => onReserve(pkg) : void 0
+                onReserve: onReserve ? (booking) => onReserve({ pkg, ...booking }) : void 0
               }
             ) })
           ]
@@ -2739,6 +2785,6 @@ function DefaultLoading2() {
   ] });
 }
 
-export { AgenciesResource, AgencyAssociations_default as AgencyAssociations, AgencyDetailView, 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, useAgencyBundle, 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