@cimplify/sdk 0.45.0 → 0.45.2

package/dist/react.js

@@ -9480,6 +9480,457 @@ function BookingList({
     booking.order_id
   )) });
 }
+var ANY_VALUE2 = "__any__";
+function roomToResource(room) {
+  return {
+    id: room.id,
+    name: room.name,
+    capacity: room.capacity,
+    floor: room.floor,
+    is_available: room.status === "available"
+  };
+}
+function ResourcePicker({
+  resources,
+  selectedResourceId,
+  onResourceSelect,
+  showAnyOption = true,
+  anyLabel = "Any available",
+  renderImage,
+  className,
+  classNames
+}) {
+  const groupValue = selectedResourceId === null ? ANY_VALUE2 : selectedResourceId ?? "";
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    radioGroup.RadioGroup,
+    {
+      "data-cimplify-resource-picker": true,
+      className: cn("flex flex-col gap-2", className, classNames?.root),
+      value: groupValue,
+      onValueChange: (value) => {
+        onResourceSelect?.(value === ANY_VALUE2 ? null : value);
+      },
+      children: [
+        showAnyOption && /* @__PURE__ */ jsxRuntime.jsx(
+          radio.Radio.Root,
+          {
+            value: ANY_VALUE2,
+            "data-cimplify-resource-option": true,
+            "data-selected": selectedResourceId === null || void 0,
+            "data-any": true,
+            className: cn(
+              "flex items-center gap-3 rounded-lg border border-border p-3 transition-colors cursor-pointer",
+              "hover:bg-muted data-[checked]:border-primary data-[checked]:bg-primary/5",
+              classNames?.option
+            ),
+            children: /* @__PURE__ */ jsxRuntime.jsx("span", { "data-cimplify-resource-name": true, className: cn("font-medium text-foreground", classNames?.name), children: anyLabel })
+          }
+        ),
+        resources.map((resource) => {
+          const unavailable = resource.is_available === false;
+          return /* @__PURE__ */ jsxRuntime.jsxs(
+            radio.Radio.Root,
+            {
+              value: resource.id,
+              disabled: unavailable,
+              "data-cimplify-resource-option": true,
+              "data-selected": selectedResourceId === resource.id || void 0,
+              "data-unavailable": unavailable || void 0,
+              className: cn(
+                "flex items-center gap-3 rounded-lg border border-border p-3 transition-colors cursor-pointer",
+                "hover:bg-muted data-[checked]:border-primary data-[checked]:bg-primary/5",
+                unavailable && "opacity-50 cursor-not-allowed",
+                classNames?.option,
+                unavailable ? classNames?.unavailable : void 0
+              ),
+              children: [
+                resource.image_url && (renderImage ? renderImage({
+                  src: resource.image_url,
+                  alt: resource.name,
+                  className: classNames?.image
+                }) : /* @__PURE__ */ jsxRuntime.jsx(
+                  "img",
+                  {
+                    src: resource.image_url,
+                    alt: resource.name,
+                    "data-cimplify-resource-image": true,
+                    className: cn("w-10 h-10 rounded-lg object-cover", classNames?.image)
+                  }
+                )),
+                /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col gap-0.5 flex-1 min-w-0", children: [
+                  /* @__PURE__ */ jsxRuntime.jsx("span", { "data-cimplify-resource-name": true, className: cn("font-medium text-foreground", classNames?.name), children: resource.name }),
+                  resource.description && /* @__PURE__ */ jsxRuntime.jsx("span", { "data-cimplify-resource-description": true, className: cn("text-sm text-muted-foreground truncate", classNames?.description), children: resource.description }),
+                  /* @__PURE__ */ jsxRuntime.jsxs("div", { "data-cimplify-resource-meta": true, className: cn("flex items-center gap-2 text-xs text-muted-foreground", classNames?.meta), children: [
+                    resource.capacity !== void 0 && /* @__PURE__ */ jsxRuntime.jsxs("span", { "data-cimplify-resource-capacity": true, className: classNames?.capacity, children: [
+                      "Up to ",
+                      resource.capacity
+                    ] }),
+                    resource.floor && /* @__PURE__ */ jsxRuntime.jsx("span", { "data-cimplify-resource-floor": true, className: classNames?.floor, children: resource.floor })
+                  ] })
+                ] })
+              ]
+            },
+            resource.id
+          );
+        })
+      ]
+    }
+  );
+}
+var STEP = {
+  SELECT_SLOT: "select-slot",
+  SELECT_RESOURCE: "select-resource",
+  SELECT_STAFF: "select-staff",
+  CONFIRM: "confirm"
+};
+function BookingPage({
+  service,
+  product,
+  staff,
+  resources,
+  participantCount,
+  title,
+  onBooked,
+  onBack,
+  existingBooking,
+  onRescheduled,
+  showPrice = true,
+  className,
+  classNames
+}) {
+  const { addItem } = useCart();
+  const { client } = useCimplifyClient();
+  const isReschedule = existingBooking !== void 0;
+  const [step, setStep] = React10.useState(STEP.SELECT_SLOT);
+  const [selectedSlot, setSelectedSlot] = React10.useState(null);
+  const [selectedDate, setSelectedDate] = React10.useState(null);
+  const [selectedStaffId, setSelectedStaffId] = React10.useState(null);
+  const [selectedResourceId, setSelectedResourceId] = React10.useState(null);
+  const [isSubmitting, setIsSubmitting] = React10.useState(false);
+  const [error, setError] = React10.useState(null);
+  const hasResourceStep = resources && resources.length > 0;
+  const hasStaffStep = staff && staff.length > 0;
+  const depositType = product?.deposit_type;
+  const depositAmount = product?.deposit_amount;
+  const hasDeposit = depositType !== void 0 && depositType !== "none" && depositAmount !== void 0 && chunkBN2CXGMO_js.parsePrice(depositAmount) !== 0;
+  const cancellationMinutes = product?.cancellation_window_minutes;
+  const noShowFee = product?.no_show_fee;
+  const handleSlotSelect = React10.useCallback(
+    (slot, date) => {
+      setSelectedSlot(slot);
+      setSelectedDate(date);
+      setError(null);
+      if (hasResourceStep) {
+        setStep(STEP.SELECT_RESOURCE);
+      } else if (hasStaffStep) {
+        setStep(STEP.SELECT_STAFF);
+      } else {
+        setStep(STEP.CONFIRM);
+      }
+    },
+    [hasResourceStep, hasStaffStep]
+  );
+  const handleResourceSelect = React10.useCallback(
+    (resourceId) => {
+      setSelectedResourceId(resourceId);
+      if (hasStaffStep) {
+        setStep(STEP.SELECT_STAFF);
+      } else {
+        setStep(STEP.CONFIRM);
+      }
+    },
+    [hasStaffStep]
+  );
+  const handleStaffSelect = React10.useCallback((staffId) => {
+    setSelectedStaffId(staffId);
+    setStep(STEP.CONFIRM);
+  }, []);
+  const handleBack = React10.useCallback(() => {
+    setError(null);
+    if (step === STEP.CONFIRM && hasStaffStep) {
+      setStep(STEP.SELECT_STAFF);
+    } else if (step === STEP.CONFIRM && hasResourceStep) {
+      setStep(STEP.SELECT_RESOURCE);
+    } else if (step === STEP.SELECT_STAFF && hasResourceStep) {
+      setStep(STEP.SELECT_RESOURCE);
+    } else if (step === STEP.CONFIRM || step === STEP.SELECT_STAFF || step === STEP.SELECT_RESOURCE) {
+      setStep(STEP.SELECT_SLOT);
+    } else {
+      onBack?.();
+    }
+  }, [step, hasStaffStep, hasResourceStep, onBack]);
+  const handleConfirm = React10.useCallback(async () => {
+    if (!selectedSlot || !selectedDate) return;
+    setIsSubmitting(true);
+    setError(null);
+    try {
+      if (isReschedule && existingBooking) {
+        const serviceItem = existingBooking.service_items[0];
+        const result = await client.scheduling.rescheduleBooking({
+          order_id: existingBooking.order_id,
+          line_item_id: serviceItem?.service_id ?? existingBooking.order_id,
+          new_start_time: selectedSlot.start_time,
+          new_end_time: selectedSlot.end_time,
+          new_staff_id: selectedStaffId || void 0,
+          reschedule_type: "customer"
+        });
+        if (!result.ok) {
+          throw result.error;
+        }
+        onRescheduled?.(existingBooking, selectedSlot);
+      } else {
+        const serviceProduct = {
+          id: service.product_id || service.id,
+          business_id: service.business_id || "",
+          category_id: service.category_id || void 0,
+          name: service.name,
+          slug: service.id,
+          description: service.description || void 0,
+          image_url: service.image_url || void 0,
+          default_price: service.price || "0",
+          type: "service",
+          inventory_type: "none",
+          variant_strategy: "fetch_all",
+          is_active: service.is_available,
+          created_at: (/* @__PURE__ */ new Date()).toISOString(),
+          updated_at: (/* @__PURE__ */ new Date()).toISOString()
+        };
+        await addItem(serviceProduct, 1, {
+          scheduledStart: selectedSlot.start_time,
+          scheduledEnd: selectedSlot.end_time,
+          staffId: selectedStaffId || void 0,
+          resourceId: selectedResourceId || void 0
+        });
+        onBooked?.(selectedSlot, selectedStaffId);
+      }
+    } catch (err) {
+      const fallbackMessage = isReschedule ? "Failed to reschedule booking" : "Failed to add booking to cart";
+      setError(err instanceof Error ? err.message : fallbackMessage);
+    } finally {
+      setIsSubmitting(false);
+    }
+  }, [selectedSlot, selectedDate, selectedStaffId, service, addItem, onBooked, isReschedule, existingBooking, client, onRescheduled]);
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { "data-cimplify-booking-page": true, className: cn(className, classNames?.root), children: [
+    /* @__PURE__ */ jsxRuntime.jsxs("div", { "data-cimplify-booking-page-header": true, className: classNames?.header, children: [
+      onBack && step === STEP.SELECT_SLOT && /* @__PURE__ */ jsxRuntime.jsx(
+        "button",
+        {
+          type: "button",
+          onClick: onBack,
+          "data-cimplify-booking-page-back": true,
+          className: classNames?.backButton,
+          children: "Back"
+        }
+      ),
+      step !== STEP.SELECT_SLOT && /* @__PURE__ */ jsxRuntime.jsx(
+        "button",
+        {
+          type: "button",
+          onClick: handleBack,
+          "data-cimplify-booking-page-back": true,
+          className: classNames?.backButton,
+          children: "Back"
+        }
+      ),
+      /* @__PURE__ */ jsxRuntime.jsx("h1", { "data-cimplify-booking-page-title": true, className: classNames?.title, children: title || (isReschedule ? "Reschedule Booking" : `Book ${service.name}`) })
+    ] }),
+    isReschedule && existingBooking && /* @__PURE__ */ jsxRuntime.jsx("div", { "data-cimplify-booking-reschedule-info": true, className: classNames?.rescheduleInfo, children: /* @__PURE__ */ jsxRuntime.jsxs("span", { children: [
+      "Rescheduling booking from ",
+      new Date(existingBooking.service_items[0]?.scheduled_start ?? existingBooking.created_at).toLocaleDateString()
+    ] }) }),
+    /* @__PURE__ */ jsxRuntime.jsxs("div", { "data-cimplify-booking-service-info": true, className: classNames?.serviceInfo, children: [
+      /* @__PURE__ */ jsxRuntime.jsx("span", { "data-cimplify-booking-service-name": true, children: service.name }),
+      /* @__PURE__ */ jsxRuntime.jsx("span", { "data-cimplify-booking-service-duration": true, children: formatDuration2(service.duration_minutes, service.duration_unit) }),
+      service.price && /* @__PURE__ */ jsxRuntime.jsx("span", { "data-cimplify-booking-service-price": true, children: /* @__PURE__ */ jsxRuntime.jsx(Price, { amount: service.price }) }),
+      hasDeposit && /* @__PURE__ */ jsxRuntime.jsxs("span", { "data-cimplify-booking-deposit-info": true, className: classNames?.depositInfo, children: [
+        "Deposit: ",
+        depositType === "percentage" ? `${chunkBN2CXGMO_js.parsePrice(depositAmount)}%` : /* @__PURE__ */ jsxRuntime.jsx(Price, { amount: depositAmount })
+      ] }),
+      cancellationMinutes !== void 0 && cancellationMinutes > 0 && /* @__PURE__ */ jsxRuntime.jsxs("span", { "data-cimplify-booking-cancellation-policy": true, className: classNames?.cancellationPolicy, children: [
+        "Free cancellation up to ",
+        cancellationMinutes >= 60 ? `${Math.floor(cancellationMinutes / 60)} hour${Math.floor(cancellationMinutes / 60) !== 1 ? "s" : ""}` : `${cancellationMinutes} minute${cancellationMinutes !== 1 ? "s" : ""}`,
+        " before"
+      ] }),
+      noShowFee !== void 0 && chunkBN2CXGMO_js.parsePrice(noShowFee) !== 0 && /* @__PURE__ */ jsxRuntime.jsxs("span", { "data-cimplify-booking-no-show-fee": true, className: classNames?.cancellationPolicy, children: [
+        "No-show fee: ",
+        /* @__PURE__ */ jsxRuntime.jsx(Price, { amount: noShowFee })
+      ] })
+    ] }),
+    error && /* @__PURE__ */ jsxRuntime.jsx("div", { "data-cimplify-booking-error": true, className: classNames?.error, children: error }),
+    step === STEP.SELECT_SLOT && /* @__PURE__ */ jsxRuntime.jsxs("div", { "data-cimplify-booking-step": "select-slot", className: classNames?.step, children: [
+      /* @__PURE__ */ jsxRuntime.jsx("h2", { "data-cimplify-booking-step-title": true, className: classNames?.stepTitle, children: "Select a date & time" }),
+      /* @__PURE__ */ jsxRuntime.jsx(
+        DateSlotPicker,
+        {
+          serviceId: service.id,
+          participantCount,
+          selectedSlot,
+          onSlotSelect: handleSlotSelect,
+          showPrice
+        }
+      )
+    ] }),
+    step === STEP.SELECT_RESOURCE && resources && /* @__PURE__ */ jsxRuntime.jsxs("div", { "data-cimplify-booking-step": "select-resource", className: cn(classNames?.step, classNames?.resourceStep), children: [
+      /* @__PURE__ */ jsxRuntime.jsx("h2", { "data-cimplify-booking-step-title": true, className: classNames?.stepTitle, children: "Choose a room" }),
+      /* @__PURE__ */ jsxRuntime.jsx(
+        ResourcePicker,
+        {
+          resources,
+          selectedResourceId,
+          onResourceSelect: handleResourceSelect
+        }
+      )
+    ] }),
+    step === STEP.SELECT_STAFF && staff && /* @__PURE__ */ jsxRuntime.jsxs("div", { "data-cimplify-booking-step": "select-staff", className: classNames?.step, children: [
+      /* @__PURE__ */ jsxRuntime.jsx("h2", { "data-cimplify-booking-step-title": true, className: classNames?.stepTitle, children: "Choose a provider" }),
+      /* @__PURE__ */ jsxRuntime.jsx(
+        StaffPicker,
+        {
+          staff,
+          selectedStaffId,
+          onStaffSelect: handleStaffSelect
+        }
+      )
+    ] }),
+    step === STEP.CONFIRM && selectedSlot && /* @__PURE__ */ jsxRuntime.jsxs("div", { "data-cimplify-booking-step": "confirm", className: classNames?.step, children: [
+      /* @__PURE__ */ jsxRuntime.jsx("h2", { "data-cimplify-booking-step-title": true, className: classNames?.stepTitle, children: "Confirm your booking" }),
+      /* @__PURE__ */ jsxRuntime.jsxs("div", { "data-cimplify-booking-summary": true, className: classNames?.summary, children: [
+        /* @__PURE__ */ jsxRuntime.jsxs("div", { "data-cimplify-booking-summary-row": true, className: classNames?.summaryRow, children: [
+          /* @__PURE__ */ jsxRuntime.jsx("span", { children: "Service" }),
+          /* @__PURE__ */ jsxRuntime.jsx("span", { children: service.name })
+        ] }),
+        /* @__PURE__ */ jsxRuntime.jsxs("div", { "data-cimplify-booking-summary-row": true, className: classNames?.summaryRow, children: [
+          /* @__PURE__ */ jsxRuntime.jsx("span", { children: "Date" }),
+          /* @__PURE__ */ jsxRuntime.jsx("span", { children: selectedDate })
+        ] }),
+        /* @__PURE__ */ jsxRuntime.jsxs("div", { "data-cimplify-booking-summary-row": true, className: classNames?.summaryRow, children: [
+          /* @__PURE__ */ jsxRuntime.jsx("span", { children: "Time" }),
+          /* @__PURE__ */ jsxRuntime.jsx("span", { children: new Date(selectedSlot.start_time).toLocaleTimeString(void 0, {
+            hour: "numeric",
+            minute: "2-digit"
+          }) })
+        ] }),
+        /* @__PURE__ */ jsxRuntime.jsxs("div", { "data-cimplify-booking-summary-row": true, className: classNames?.summaryRow, children: [
+          /* @__PURE__ */ jsxRuntime.jsx("span", { children: "Duration" }),
+          /* @__PURE__ */ jsxRuntime.jsx("span", { children: formatDuration2(service.duration_minutes, service.duration_unit) })
+        ] }),
+        selectedResourceId && resources && /* @__PURE__ */ jsxRuntime.jsxs("div", { "data-cimplify-booking-summary-row": true, className: classNames?.summaryRow, children: [
+          /* @__PURE__ */ jsxRuntime.jsx("span", { children: "Room" }),
+          /* @__PURE__ */ jsxRuntime.jsx("span", { children: resources.find((r) => r.id === selectedResourceId)?.name ?? "Selected" })
+        ] }),
+        selectedStaffId && staff && /* @__PURE__ */ jsxRuntime.jsxs("div", { "data-cimplify-booking-summary-row": true, className: classNames?.summaryRow, children: [
+          /* @__PURE__ */ jsxRuntime.jsx("span", { children: "Provider" }),
+          /* @__PURE__ */ jsxRuntime.jsx("span", { children: staff.find((s) => s.id === selectedStaffId)?.name ?? "Selected" })
+        ] }),
+        (selectedSlot.price || service.price) && /* @__PURE__ */ jsxRuntime.jsxs("div", { "data-cimplify-booking-summary-row": true, className: classNames?.summaryRow, children: [
+          /* @__PURE__ */ jsxRuntime.jsx("span", { children: "Price" }),
+          /* @__PURE__ */ jsxRuntime.jsx("span", { children: /* @__PURE__ */ jsxRuntime.jsx(Price, { amount: selectedSlot.price || service.price }) })
+        ] }),
+        hasDeposit && /* @__PURE__ */ jsxRuntime.jsxs("div", { "data-cimplify-booking-summary-row": true, className: cn(classNames?.summaryRow, classNames?.depositInfo), children: [
+          /* @__PURE__ */ jsxRuntime.jsx("span", { children: "Deposit" }),
+          /* @__PURE__ */ jsxRuntime.jsx("span", { children: depositType === "percentage" ? `${chunkBN2CXGMO_js.parsePrice(depositAmount)}%` : /* @__PURE__ */ jsxRuntime.jsx(Price, { amount: depositAmount }) })
+        ] })
+      ] }),
+      /* @__PURE__ */ jsxRuntime.jsx(
+        "button",
+        {
+          type: "button",
+          onClick: handleConfirm,
+          disabled: isSubmitting,
+          "data-cimplify-booking-confirm": true,
+          className: classNames?.confirmButton,
+          children: isSubmitting ? isReschedule ? "Rescheduling\u2026" : "Adding to cart\u2026" : isReschedule ? "Reschedule" : "Confirm Booking"
+        }
+      )
+    ] })
+  ] });
+}
+var BOOKING_FILTERS = [
+  { label: "All", value: "all" },
+  { label: "Upcoming", value: "upcoming" },
+  { label: "Past", value: "past" }
+];
+function BookingsPage({
+  title = "My Bookings",
+  bookings: bookingsProp,
+  onBookingNavigate,
+  onCancel,
+  onReschedule,
+  showFilters = true,
+  renderBooking,
+  className,
+  classNames
+}) {
+  const [filter, setFilter] = React10.useState("all");
+  const [selectedBooking, setSelectedBooking] = React10.useState(null);
+  const handleBookingClick = React10.useCallback(
+    (booking) => {
+      if (onBookingNavigate) {
+        onBookingNavigate(booking);
+      } else {
+        setSelectedBooking(booking);
+      }
+    },
+    [onBookingNavigate]
+  );
+  const handleBack = React10.useCallback(() => {
+    setSelectedBooking(null);
+  }, []);
+  if (selectedBooking && !onBookingNavigate) {
+    return /* @__PURE__ */ jsxRuntime.jsx("div", { "data-cimplify-bookings-page": true, className: cn(className, classNames?.root), children: /* @__PURE__ */ jsxRuntime.jsxs("div", { "data-cimplify-bookings-detail": true, className: classNames?.detail, children: [
+      /* @__PURE__ */ jsxRuntime.jsx(
+        "button",
+        {
+          type: "button",
+          onClick: handleBack,
+          "data-cimplify-bookings-back": true,
+          className: classNames?.backButton,
+          children: "Back to bookings"
+        }
+      ),
+      /* @__PURE__ */ jsxRuntime.jsx(
+        BookingCard,
+        {
+          booking: selectedBooking,
+          onCancel,
+          onReschedule
+        }
+      )
+    ] }) });
+  }
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { "data-cimplify-bookings-page": true, className: cn(className, classNames?.root), children: [
+    /* @__PURE__ */ jsxRuntime.jsx("div", { "data-cimplify-bookings-header": true, className: classNames?.header, children: /* @__PURE__ */ jsxRuntime.jsx("h1", { "data-cimplify-bookings-title": true, className: classNames?.title, children: title }) }),
+    showFilters && /* @__PURE__ */ jsxRuntime.jsx(
+      tabs.Tabs.Root,
+      {
+        value: filter,
+        onValueChange: (value) => setFilter(value),
+        children: /* @__PURE__ */ jsxRuntime.jsx(tabs.Tabs.List, { "data-cimplify-bookings-filters": true, className: classNames?.filters, children: BOOKING_FILTERS.map((f) => /* @__PURE__ */ jsxRuntime.jsx(
+          tabs.Tabs.Tab,
+          {
+            value: f.value,
+            "data-cimplify-booking-filter": true,
+            "data-selected": filter === f.value || void 0,
+            className: classNames?.filterButton,
+            children: f.label
+          },
+          f.value
+        )) })
+      }
+    ),
+    /* @__PURE__ */ jsxRuntime.jsx("div", { "data-cimplify-bookings-list": true, className: classNames?.list, children: /* @__PURE__ */ jsxRuntime.jsx(
+      BookingList,
+      {
+        bookings: bookingsProp,
+        filter,
+        onCancel,
+        onReschedule,
+        onBookingClick: handleBookingClick,
+        renderBooking
+      }
+    ) })
+  ] });
+}
 function DefaultCatalogueLayout({
   products,
   categories,
@@ -12429,103 +12880,6 @@ function CurrencySelector({
     );
   }) });
 }
-var ANY_VALUE2 = "__any__";
-function roomToResource(room) {
-  return {
-    id: room.id,
-    name: room.name,
-    capacity: room.capacity,
-    floor: room.floor,
-    is_available: room.status === "available"
-  };
-}
-function ResourcePicker({
-  resources,
-  selectedResourceId,
-  onResourceSelect,
-  showAnyOption = true,
-  anyLabel = "Any available",
-  renderImage,
-  className,
-  classNames
-}) {
-  const groupValue = selectedResourceId === null ? ANY_VALUE2 : selectedResourceId ?? "";
-  return /* @__PURE__ */ jsxRuntime.jsxs(
-    radioGroup.RadioGroup,
-    {
-      "data-cimplify-resource-picker": true,
-      className: cn("flex flex-col gap-2", className, classNames?.root),
-      value: groupValue,
-      onValueChange: (value) => {
-        onResourceSelect?.(value === ANY_VALUE2 ? null : value);
-      },
-      children: [
-        showAnyOption && /* @__PURE__ */ jsxRuntime.jsx(
-          radio.Radio.Root,
-          {
-            value: ANY_VALUE2,
-            "data-cimplify-resource-option": true,
-            "data-selected": selectedResourceId === null || void 0,
-            "data-any": true,
-            className: cn(
-              "flex items-center gap-3 rounded-lg border border-border p-3 transition-colors cursor-pointer",
-              "hover:bg-muted data-[checked]:border-primary data-[checked]:bg-primary/5",
-              classNames?.option
-            ),
-            children: /* @__PURE__ */ jsxRuntime.jsx("span", { "data-cimplify-resource-name": true, className: cn("font-medium text-foreground", classNames?.name), children: anyLabel })
-          }
-        ),
-        resources.map((resource) => {
-          const unavailable = resource.is_available === false;
-          return /* @__PURE__ */ jsxRuntime.jsxs(
-            radio.Radio.Root,
-            {
-              value: resource.id,
-              disabled: unavailable,
-              "data-cimplify-resource-option": true,
-              "data-selected": selectedResourceId === resource.id || void 0,
-              "data-unavailable": unavailable || void 0,
-              className: cn(
-                "flex items-center gap-3 rounded-lg border border-border p-3 transition-colors cursor-pointer",
-                "hover:bg-muted data-[checked]:border-primary data-[checked]:bg-primary/5",
-                unavailable && "opacity-50 cursor-not-allowed",
-                classNames?.option,
-                unavailable ? classNames?.unavailable : void 0
-              ),
-              children: [
-                resource.image_url && (renderImage ? renderImage({
-                  src: resource.image_url,
-                  alt: resource.name,
-                  className: classNames?.image
-                }) : /* @__PURE__ */ jsxRuntime.jsx(
-                  "img",
-                  {
-                    src: resource.image_url,
-                    alt: resource.name,
-                    "data-cimplify-resource-image": true,
-                    className: cn("w-10 h-10 rounded-lg object-cover", classNames?.image)
-                  }
-                )),
-                /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col gap-0.5 flex-1 min-w-0", children: [
-                  /* @__PURE__ */ jsxRuntime.jsx("span", { "data-cimplify-resource-name": true, className: cn("font-medium text-foreground", classNames?.name), children: resource.name }),
-                  resource.description && /* @__PURE__ */ jsxRuntime.jsx("span", { "data-cimplify-resource-description": true, className: cn("text-sm text-muted-foreground truncate", classNames?.description), children: resource.description }),
-                  /* @__PURE__ */ jsxRuntime.jsxs("div", { "data-cimplify-resource-meta": true, className: cn("flex items-center gap-2 text-xs text-muted-foreground", classNames?.meta), children: [
-                    resource.capacity !== void 0 && /* @__PURE__ */ jsxRuntime.jsxs("span", { "data-cimplify-resource-capacity": true, className: classNames?.capacity, children: [
-                      "Up to ",
-                      resource.capacity
-                    ] }),
-                    resource.floor && /* @__PURE__ */ jsxRuntime.jsx("span", { "data-cimplify-resource-floor": true, className: classNames?.floor, children: resource.floor })
-                  ] })
-                ] })
-              ]
-            },
-            resource.id
-          );
-        })
-      ]
-    }
-  );
-}
 function ChatWidget({
   client: clientProp,
   businessName = "Support",
@@ -13027,6 +13381,8 @@ exports.AvailabilityBadge = AvailabilityBadge;
 exports.BillingPlanSelector = BillingPlanSelector;
 exports.BookingCard = BookingCard;
 exports.BookingList = BookingList;
+exports.BookingPage = BookingPage;
+exports.BookingsPage = BookingsPage;
 exports.BundleProductCard = BundleProductCard;
 exports.BundleProductLayout = BundleProductLayout;
 exports.BundleSelector = BundleSelector;