@wix/vibe-bookings-plugin 0.45.0 → 0.47.0

package/dist/index.cjs

@@ -2994,6 +2994,8 @@ var getRouterFileContent = () => {
     BookingProvider,
     createBookingLoader,
   } from './bookings/components/common/BookingProvider';
+  import { BookingsBreadcrumbs } from './bookings/components/common/BookingsBreadcrumbs';
+  import { BOOKINGS_ROUTES } from './bookings/components/common/consts';
   import { rootRouteLoader, WixServicesProvider } from '@/wix-verticals/react-pages/react-router/routes/root';
 
   const router = createBrowserRouter(
@@ -3015,20 +3017,40 @@ var getRouterFileContent = () => {
         children: [
           {
             path: 'locations',
-            element: <LocationSelectorPageRoute servicesPagePath="/booking/services" />,
+            element: (
+              <>
+                <BookingsBreadcrumbs currentPage={BOOKINGS_ROUTES.LOCATIONS} />
+                <LocationSelectorPageRoute servicesPagePath="/booking/services" />
+              </>
+            ),
             loader: LocationSelectorPageRouteLoader,
           },
           {
             path: 'services',
-            element: <ServiceListPageRoute slotsPagePath="/booking/slots" formPagePath="/booking/form" />,
+            element: (
+              <>
+                <BookingsBreadcrumbs currentPage={BOOKINGS_ROUTES.SERVICES} />
+                <ServiceListPageRoute slotsPagePath="/booking/slots" formPagePath="/booking/form" />
+              </>
+            ),
           },
           {
             path: 'slots/:serviceSlug',
-            element: <TimeSlotListPageRoute formPagePath="/booking/form" />,
+            element: (
+              <>
+                <BookingsBreadcrumbs currentPage={BOOKINGS_ROUTES.SLOTS} />
+                <TimeSlotListPageRoute formPagePath="/booking/form" />
+              </>
+            ),
           },
           {
             path: 'form/:serviceSlug',
-            element: <BookingFormPageRoute bookingCompletedPagePath="/booking/booking-completed" />,
+            element: (
+              <>
+                <BookingsBreadcrumbs currentPage={BOOKINGS_ROUTES.FORM} />
+                <BookingFormPageRoute bookingCompletedPagePath="/booking/booking-completed" />
+              </>
+            ),
           },
           {
             path: 'booking-completed',
@@ -3087,29 +3109,31 @@ The \`BookingProvider\` uses \`createBookingLoader(rootRouteLoader)\` to combine
 <strong>ALWAYS IMPLEMENT THE LAYOUT COMPONENTS OF THE SITE, AS A LAYOUT FOR THE SITE, AND WRAP ALL THE ROUTES WITH THAT LAYOUT (INCLUDING THE BOOKINGS ROUTES).</strong>
 </important_router_notes>
 
-All the routes from the bookings router are 100% width, no titles, no background, no padding nor margin outside of their content area. Wrap them with an html element with the right positioning, background, padding or margin, and titles for each route.
-For example, instead of using the service list route as is, wrap it with a proper element:
-\`\`\`tsx
-<div className="...">
-  <h1 className="... px-4 py-2">Our Services</h1>
-  <ServiceListPageRoute slotsPagePath="/booking/slots" />
-</div>
-\`\`\`
+All the routes from the bookings router are 100% width, no titles, no background, no padding nor margin outside of their content area. Each route includes a \`<BookingsBreadcrumbs>\` component that must be rendered with the appropriate \`BOOKINGS_ROUTES\` constant.
 
-The \`BookingProvider\` also renders **global breadcrumbs** above all booking flow pages (locations → services → slots → form). The breadcrumbs are 100% width with no padding by default.
-If you want to style or position the breadcrumbs (e.g., add padding, center them, match your page layout), wrap the \`<BookingProvider>\` with your layout wrapper and add margin to the content below it:
+To add styling (padding, margins, background, titles), wrap each route element with a layout structure:
 \`\`\`tsx
-<WixServicesProvider>
-  <div className="bg-background pt-16 px-8">
-    <BookingProvider>
+{
+  path: 'services',
+  element: (
+    <div className="pt-16 px-64">
+      <BookingsBreadcrumbs currentPage={BOOKINGS_ROUTES.SERVICES} />
       <div className="mt-12">
-        <Outlet />
+        <h1 className="font-heading text-3xl mb-8">Select Service</h1>
+        <ServiceListPageRoute slotsPagePath="/booking/slots" formPagePath="/booking/form" />
       </div>
-    </BookingProvider>
-  </div>
-</WixServicesProvider>
+    </div>
+  ),
+},
 \`\`\`
-This will apply consistent padding to both the breadcrumbs and the page content, with proper spacing between the breadcrumbs and the content below them.
+
+**Available page constants for breadcrumbs:**
+- \`BOOKINGS_ROUTES.LOCATIONS\` - for the location selection page
+- \`BOOKINGS_ROUTES.SERVICES\` - for the services list page
+- \`BOOKINGS_ROUTES.SLOTS\` - for the date/time selection page
+- \`BOOKINGS_ROUTES.FORM\` - for the booking form page
+
+Note: The \`booking-completed\` route does not use breadcrumbs.
 
 # Layout changes
 The bookings system provides a provider that must be integrated into the site layout.
@@ -5549,7 +5573,7 @@ function routeComplexOverload(args, options) {
   }
 }
 
-// node_modules/@wix/auto_sdk_bookings_add-ons/build/es/index.mjs
+// ../../../node_modules/@wix/auto_sdk_bookings_add-ons/build/es/index.mjs
 var onAddOnCreated = EventDefinition(
   "wix.addons.v1.add_on_created",
   true,
@@ -5604,7 +5628,7 @@ createEventModule(onAddOnCreated);
 createEventModule(onAddOnDeleted);
 createEventModule(onAddOnUpdated);
 
-// node_modules/@wix/auto_sdk_bookings_service-options-and-variants/build/es/index.mjs
+// ../../../node_modules/@wix/auto_sdk_bookings_service-options-and-variants/build/es/index.mjs
 var onServiceOptionsAndVariantsCreated = EventDefinition(
   "wix.bookings.catalog.v1.service_options_and_variants_created",
   true,
@@ -5651,7 +5675,7 @@ createEventModule(
   onServiceOptionsAndVariantsUpdated
 );
 
-// node_modules/@wix/auto_sdk_bookings_categories-v-2/build/es/index.mjs
+// ../../../node_modules/@wix/auto_sdk_bookings_categories-v-2/build/es/index.mjs
 var es_exports = {};
 __export(es_exports, {
   Position: () => Position,
@@ -6330,7 +6354,7 @@ function transformRESTFloatToSDKFloat(val) {
   return val;
 }
 
-// node_modules/@wix/auto_sdk_bookings_resources/build/es/index.mjs
+// ../../../node_modules/@wix/auto_sdk_bookings_resources/build/es/index.mjs
 var onResourceCreated = EventDefinition(
   "wix.bookings.resources.v2.resource_created",
   true,
@@ -6383,7 +6407,7 @@ createEventModule(onResourceCreated);
 createEventModule(onResourceDeleted);
 createEventModule(onResourceUpdated);
 
-// node_modules/@wix/auto_sdk_bookings_resource-types/build/es/index.mjs
+// ../../../node_modules/@wix/auto_sdk_bookings_resource-types/build/es/index.mjs
 var onResourceTypeCreated = EventDefinition(
   "wix.bookings.resources.v2.resource_type_created",
   true,
@@ -6444,7 +6468,7 @@ createEventModule(
   onResourceTypeUpdated
 );
 
-// node_modules/@wix/auto_sdk_bookings_services/build/es/index.mjs
+// ../../../node_modules/@wix/auto_sdk_bookings_services/build/es/index.mjs
 var es_exports2 = {};
 __export(es_exports2, {
   Action: () => Action,
@@ -6608,7 +6632,7 @@ function transformRESTPageURLV2ToSDKPageURLV2(val) {
   return val.url;
 }
 
-// node_modules/@wix/auto_sdk_bookings_services/build/es/index.mjs
+// ../../../node_modules/@wix/auto_sdk_bookings_services/build/es/index.mjs
 function resolveWixBookingsServicesV2AddOnGroupsServiceUrl(opts) {
   const domainToMappings = {
     "*.dev.wix-code.com": [
@@ -10369,7 +10393,7 @@ var onServiceCreated2 = createEventModule(onServiceCreated);
 var onServiceDeleted2 = createEventModule(onServiceDeleted);
 var onServiceUpdated2 = createEventModule(onServiceUpdated);
 
-// node_modules/@wix/auto_sdk_bookings_staff-members/build/es/index.mjs
+// ../../../node_modules/@wix/auto_sdk_bookings_staff-members/build/es/index.mjs
 var es_exports3 = {};
 __export(es_exports3, {
   AggregationType: () => AggregationType2,
@@ -12053,7 +12077,7 @@ var onStaffMemberUpdated2 = createEventModule(
   onStaffMemberUpdated
 );
 
-// node_modules/@wix/auto_sdk_bookings_staff-member-settings/build/es/index.mjs
+// ../../../node_modules/@wix/auto_sdk_bookings_staff-member-settings/build/es/index.mjs
 var onStaffMemberSettingsUpdated = EventDefinition(
   "wix.bookings.staff_settings.v1.staff_member_settings_updated",
   true,
@@ -12076,7 +12100,7 @@ createEventModule(
   onStaffMemberSettingsUpdated
 );
 
-// node_modules/@wix/auto_sdk_bookings_booking-policies/build/es/index.mjs
+// ../../../node_modules/@wix/auto_sdk_bookings_booking-policies/build/es/index.mjs
 var onBookingPolicyCreated = EventDefinition(
   "wix.bookings.v1.booking_policy_created",
   true,
@@ -12166,7 +12190,7 @@ createEventModule(
   onCategoryNotification
 );
 
-// node_modules/@wix/auto_sdk_bookings_bookings/build/es/index.mjs
+// ../../../node_modules/@wix/auto_sdk_bookings_bookings/build/es/index.mjs
 var onBookingCanceled = EventDefinition(
   "wix.bookings.v2.booking_canceled",
   true,