@wix/vibe-bookings-plugin 0.41.0 → 0.42.0

package/dist/index.cjs

@@ -2993,7 +2993,6 @@ var getRouterFileContent = () => {
   import {
     BookingProvider,
     createBookingLoader,
-    BOOKINGS_ROUTES,
   } from './bookings/components/common/BookingProvider';
   import { rootRouteLoader, WixServicesProvider } from '@/wix-verticals/react-pages/react-router/routes/root';
 
@@ -3001,10 +3000,10 @@ var getRouterFileContent = () => {
     [
       {
         path: '/',
-        element: <Navigate to={\`\${BOOKINGS_ROUTES.BASE}/\${BOOKINGS_ROUTES.LOCATIONS}\`} />,
+        element: <Navigate to="/booking/locations" />,
       },
       {
-        path: BOOKINGS_ROUTES.BASE,
+        path: '/booking',
         element: (
           <WixServicesProvider>
             <BookingProvider>
@@ -3015,20 +3014,20 @@ var getRouterFileContent = () => {
         loader: createBookingLoader(rootRouteLoader),
         children: [
           {
-            path: BOOKINGS_ROUTES.LOCATIONS,
-            element: <LocationSelectorPageRoute servicesPagePath={\`\${BOOKINGS_ROUTES.BASE}/\${BOOKINGS_ROUTES.SERVICES}\`} />,
+            path: 'locations',
+            element: <LocationSelectorPageRoute servicesPagePath="/booking/services" />,
             loader: LocationSelectorPageRouteLoader,
           },
           {
-            path: BOOKINGS_ROUTES.SERVICES,
-            element: <ServiceListPageRoute slotsPagePath={\`\${BOOKINGS_ROUTES.BASE}/\${BOOKINGS_ROUTES.SLOTS}\`} formPagePath={\`\${BOOKINGS_ROUTES.BASE}/\${BOOKINGS_ROUTES.FORM}\`} />,
+            path: 'services',
+            element: <ServiceListPageRoute slotsPagePath="/booking/slots" formPagePath="/booking/form" />,
           },
           {
-            path: \`\${BOOKINGS_ROUTES.SLOTS}/:serviceSlug\`,
-            element: <TimeSlotListPageRoute formPagePath={\`\${BOOKINGS_ROUTES.BASE}/\${BOOKINGS_ROUTES.FORM}\`} />,
+            path: 'slots/:serviceSlug',
+            element: <TimeSlotListPageRoute formPagePath="/booking/form" />,
           },
           {
-            path: \`\${BOOKINGS_ROUTES.FORM}/:serviceSlug\`,
+            path: 'form/:serviceSlug',
             element: <BookingFormPageRoute bookingCompletedPagePath="/booking/booking-completed" />,
           },
           {
@@ -3097,6 +3096,21 @@ For example, instead of using the service list route as is, wrap it with a prope
 </div>
 \`\`\`
 
+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:
+\`\`\`tsx
+<WixServicesProvider>
+  <div className="bg-background py-8 px-8">
+    <div className="max-w-[100rem] mx-auto">
+      <BookingProvider>
+        <Outlet />
+      </BookingProvider>
+    </div>
+  </div>
+</WixServicesProvider>
+\`\`\`
+This will apply consistent padding and max-width to both the breadcrumbs and the page content below them.
+
 # Layout changes
 The bookings system provides a provider that must be integrated into the site layout.