payload-reserve 1.0.2 → 1.1.0

package/dist/components/AvailabilityOverview/AvailabilityOverview.module.css

@@ -79,6 +79,37 @@
   color: #1e40af;
 }
 
+/* Graduated capacity colors for multi-unit resources */
+/* Green: utilization < 50% */
+.slotCapacityLow {
+  font-size: 0.625rem;
+  padding: 2px 4px;
+  margin-bottom: 1px;
+  border-radius: 2px;
+  background: #d1fae5;
+  color: #065f46;
+}
+
+/* Yellow: utilization 50–99% */
+.slotCapacityMid {
+  font-size: 0.625rem;
+  padding: 2px 4px;
+  margin-bottom: 1px;
+  border-radius: 2px;
+  background: #fef3c7;
+  color: #92400e;
+}
+
+/* Red: utilization 100% (fully booked) */
+.slotCapacityFull {
+  font-size: 0.625rem;
+  padding: 2px 4px;
+  margin-bottom: 1px;
+  border-radius: 2px;
+  background: #fee2e2;
+  color: #991b1b;
+}
+
 .slotException {
   font-size: 0.625rem;
   padding: 2px 4px;

package/dist/components/AvailabilityOverview/index.js

@@ -12,11 +12,25 @@ const DAY_MAP = {
     tue: 2,
     wed: 3
 };
+/** Return the CSS class for a capacity badge based on utilization ratio. */ function capacityClass(booked, total) {
+    if (booked >= total) {
+        return styles.slotCapacityFull;
+    }
+    if (booked / total >= 0.5) {
+        return styles.slotCapacityMid;
+    }
+    return styles.slotCapacityLow;
+}
 export const AvailabilityOverview = ()=>{
     const { config } = useConfig();
     const { t: _t } = useTranslation();
     const t = _t;
     const slugs = config.admin?.custom?.reservationSlugs;
+    const statusMachine = config.admin?.custom?.reservationStatusMachine;
+    const blockingStatuses = statusMachine?.blockingStatuses ?? [
+        'pending',
+        'confirmed'
+    ];
     const DAY_NAMES = useMemo(()=>[
             t('reservation:dayShortSun'),
             t('reservation:dayShortMon'),
@@ -64,6 +78,10 @@ export const AvailabilityOverview = ()=>{
         const fetchData = async ()=>{
             setLoading(true);
             const apiBase = `${config.serverURL ?? ''}${config.routes.api}`;
+            // Build a query that fetches only blocking-status reservations so the
+            // component doesn't need to filter client-side. The `in` operator on
+            // Payload's REST API accepts a comma-separated list.
+            const blockingIn = blockingStatuses.join(',');
             try {
                 const [resourcesRes, schedulesRes, reservationsRes] = await Promise.all([
                     fetch(`${apiBase}/${slugs.resources}?where[active][equals]=true&limit=100`),
@@ -73,7 +91,7 @@ export const AvailabilityOverview = ()=>{
                         limit: '500',
                         'where[startTime][greater_than_equal]': weekStart.toISOString(),
                         'where[startTime][less_than_equal]': weekEnd.toISOString(),
-                        'where[status][not_in]': 'cancelled,no-show'
+                        'where[status][in]': blockingIn
                     })}`)
                 ]);
                 const [rData, sData, resData] = await Promise.all([
@@ -92,12 +110,16 @@ export const AvailabilityOverview = ()=>{
             setLoading(false);
         };
         void fetchData();
+    // blockingStatuses is derived from config which is stable; stringify to
+    // avoid object-reference churn causing infinite loops.
+    // eslint-disable-next-line react-hooks/exhaustive-deps
     }, [
         weekStart,
         weekEnd,
         config.routes.api,
         config.serverURL,
-        slugs
+        slugs,
+        blockingStatuses.join(',')
     ]);
     const navigateWeek = useCallback((direction)=>{
         setWeekStart((prev)=>{
@@ -154,7 +176,7 @@ export const AvailabilityOverview = ()=>{
         }
         return slots;
     };
-    const getBookingsForResourceDay = (resourceId, day)=>{
+    /** Returns all blocking-status reservations for a resource on a given day. */ const getBookingsForResourceDay = (resourceId, day)=>{
         return reservations.filter((r)=>{
             const rDate = new Date(r.startTime);
             return getResourceId(r.resource) === resourceId && rDate.getFullYear() === day.getFullYear() && rDate.getMonth() === day.getMonth() && rDate.getDate() === day.getDate();
@@ -236,15 +258,33 @@ export const AvailabilityOverview = ()=>{
                                 day.getDate()
                             ]
                         }, i)),
-                    resources.map((resource)=>/*#__PURE__*/ _jsxs(Fragment, {
+                    resources.map((resource)=>{
+                        const quantity = resource.quantity ?? 1;
+                        return /*#__PURE__*/ _jsxs(Fragment, {
                             children: [
-                                /*#__PURE__*/ _jsx("div", {
+                                /*#__PURE__*/ _jsxs("div", {
                                     className: styles.resourceName,
-                                    children: resource.name
+                                    children: [
+                                        resource.name,
+                                        quantity > 1 && /*#__PURE__*/ _jsxs("span", {
+                                            style: {
+                                                fontWeight: 400,
+                                                marginLeft: 4,
+                                                opacity: 0.6
+                                            },
+                                            children: [
+                                                ' ',
+                                                "(×",
+                                                quantity,
+                                                ")"
+                                            ]
+                                        })
+                                    ]
                                 }),
                                 weekDays.map((day, di)=>{
                                     const slots = getSlotsForResourceDay(resource.id, day);
                                     const bookings = getBookingsForResourceDay(resource.id, day);
+                                    const bookedCount = bookings.length;
                                     return /*#__PURE__*/ _jsxs("div", {
                                         className: styles.cell,
                                         children: [
@@ -252,7 +292,17 @@ export const AvailabilityOverview = ()=>{
                                                     className: slot.type === 'exception' ? styles.slotException : styles.slotAvailable,
                                                     children: slot.label
                                                 }, `slot-${si}`)),
-                                            bookings.map((b)=>/*#__PURE__*/ _jsxs("div", {
+                                            quantity > 1 ? /* Multi-unit resource: show X/Y booked with graduated color */ bookedCount > 0 && /*#__PURE__*/ _jsx("div", {
+                                                className: capacityClass(bookedCount, quantity),
+                                                title: t('reservation:availabilityXofYBooked', {
+                                                    booked: bookedCount,
+                                                    total: quantity
+                                                }),
+                                                children: t('reservation:availabilityXofYBooked', {
+                                                    booked: bookedCount,
+                                                    total: quantity
+                                                })
+                                            }) : /* Single-unit resource: show individual booking times */ bookings.map((b)=>/*#__PURE__*/ _jsxs("div", {
                                                     className: styles.slotBooked,
                                                     children: [
                                                         new Date(b.startTime).toLocaleTimeString([], {
@@ -267,7 +317,8 @@ export const AvailabilityOverview = ()=>{
                                     }, `cell-${resource.id}-${di}`);
                                 })
                             ]
-                        }, resource.id))
+                        }, resource.id);
+                    })
                 ]
             })
         ]

package/dist/components/AvailabilityOverview/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/AvailabilityOverview/index.tsx"],"sourcesContent":["'use client'\nimport type { AdminViewServerProps } from 'payload'\n\nimport { useConfig, useTranslation } from '@payloadcms/ui'\nimport { Fragment, useCallback, useEffect, useMemo, useState } from 'react'\n\nimport type { PluginT } from '../../translations/index.js'\n\nimport styles from './AvailabilityOverview.module.css'\n\ntype Resource = {\n  active?: boolean\n  id: string\n  name: string\n}\n\ntype Schedule = {\n  active?: boolean\n  exceptions?: Array<{ date: string; reason?: string }>\n  id: string\n  manualSlots?: Array<{ date: string; endTime: string; startTime: string }>\n  recurringSlots?: Array<{ day: string; endTime: string; startTime: string }>\n  resource: { id: string } | string\n  scheduleType: 'manual' | 'recurring'\n}\n\ntype Reservation = {\n  endTime?: string\n  id: string\n  resource: { id: string } | string\n  startTime: string\n  status: string\n}\n\nconst DAY_MAP: Record<string, number> = {\n  fri: 5,\n  mon: 1,\n  sat: 6,\n  sun: 0,\n  thu: 4,\n  tue: 2,\n  wed: 3,\n}\n\nexport const AvailabilityOverview: React.FC<AdminViewServerProps> = () => {\n  const { config } = useConfig()\n  const { t: _t } = useTranslation()\n  const t = _t as PluginT\n  const slugs = config.admin?.custom?.reservationSlugs\n\n  const DAY_NAMES = useMemo(\n    () => [\n      t('reservation:dayShortSun'),\n      t('reservation:dayShortMon'),\n      t('reservation:dayShortTue'),\n      t('reservation:dayShortWed'),\n      t('reservation:dayShortThu'),\n      t('reservation:dayShortFri'),\n      t('reservation:dayShortSat'),\n    ],\n    [t],\n  )\n\n  const [weekStart, setWeekStart] = useState(() => {\n    const now = new Date()\n    const d = new Date(now.getFullYear(), now.getMonth(), now.getDate())\n    d.setDate(d.getDate() - d.getDay())\n    return d\n  })\n\n  const [resources, setResources] = useState<Resource[]>([])\n  const [schedules, setSchedules] = useState<Schedule[]>([])\n  const [reservations, setReservations] = useState<Reservation[]>([])\n  const [loading, setLoading] = useState(true)\n\n  const weekDays = useMemo(() => {\n    return Array.from({ length: 7 }, (_, i) => {\n      const d = new Date(weekStart)\n      d.setDate(d.getDate() + i)\n      return d\n    })\n  }, [weekStart])\n\n  const weekEnd = useMemo(() => {\n    const d = new Date(weekStart)\n    d.setDate(d.getDate() + 6)\n    d.setHours(23, 59, 59, 999)\n    return d\n  }, [weekStart])\n\n  useEffect(() => {\n    if (!slugs) {return}\n\n    const fetchData = async () => {\n      setLoading(true)\n      const apiBase = `${config.serverURL ?? ''}${config.routes.api}`\n\n      try {\n        const [resourcesRes, schedulesRes, reservationsRes] = await Promise.all([\n          fetch(`${apiBase}/${slugs.resources}?where[active][equals]=true&limit=100`),\n          fetch(`${apiBase}/${slugs.schedules}?where[active][equals]=true&limit=500`),\n          fetch(\n            `${apiBase}/${slugs.reservations}?${new URLSearchParams({\n              depth: '0',\n              limit: '500',\n              'where[startTime][greater_than_equal]': weekStart.toISOString(),\n              'where[startTime][less_than_equal]': weekEnd.toISOString(),\n              'where[status][not_in]': 'cancelled,no-show',\n            })}`,\n          ),\n        ])\n\n        const [rData, sData, resData] = await Promise.all([\n          resourcesRes.json(),\n          schedulesRes.json(),\n          reservationsRes.json(),\n        ])\n\n        setResources(rData.docs ?? [])\n        setSchedules(sData.docs ?? [])\n        setReservations(resData.docs ?? [])\n      } catch {\n        setResources([])\n        setSchedules([])\n        setReservations([])\n      }\n      setLoading(false)\n    }\n\n    void fetchData()\n  }, [weekStart, weekEnd, config.routes.api, config.serverURL, slugs])\n\n  const navigateWeek = useCallback((direction: -1 | 1) => {\n    setWeekStart((prev) => {\n      const next = new Date(prev)\n      next.setDate(next.getDate() + 7 * direction)\n      return next\n    })\n  }, [])\n\n  const goToThisWeek = useCallback(() => {\n    const now = new Date()\n    const d = new Date(now.getFullYear(), now.getMonth(), now.getDate())\n    d.setDate(d.getDate() - d.getDay())\n    setWeekStart(d)\n  }, [])\n\n  const getResourceId = (r: { id: string } | string) =>\n    typeof r === 'object' ? r.id : r\n\n  const getSlotsForResourceDay = (resourceId: string, day: Date) => {\n    const resourceSchedules = schedules.filter(\n      (s) => getResourceId(s.resource) === resourceId,\n    )\n    const dateStr = day.toISOString().split('T')[0]\n    const dayOfWeek = day.getDay()\n\n    const slots: Array<{ label: string; type: 'available' | 'exception' }> = []\n\n    for (const schedule of resourceSchedules) {\n      // Check for exceptions\n      const exception = schedule.exceptions?.find((e) => {\n        const excDate = new Date(e.date).toISOString().split('T')[0]\n        return excDate === dateStr\n      })\n\n      if (exception) {\n        slots.push({\n          type: 'exception',\n          label: exception.reason || t('reservation:availabilityUnavailable'),\n        })\n        continue\n      }\n\n      if (schedule.scheduleType === 'recurring') {\n        for (const slot of schedule.recurringSlots ?? []) {\n          if (DAY_MAP[slot.day] === dayOfWeek) {\n            slots.push({\n              type: 'available',\n              label: `${slot.startTime}-${slot.endTime}`,\n            })\n          }\n        }\n      } else if (schedule.scheduleType === 'manual') {\n        for (const slot of schedule.manualSlots ?? []) {\n          const slotDate = new Date(slot.date).toISOString().split('T')[0]\n          if (slotDate === dateStr) {\n            slots.push({\n              type: 'available',\n              label: `${slot.startTime}-${slot.endTime}`,\n            })\n          }\n        }\n      }\n    }\n\n    return slots\n  }\n\n  const getBookingsForResourceDay = (resourceId: string, day: Date) => {\n    return reservations.filter((r) => {\n      const rDate = new Date(r.startTime)\n      return (\n        getResourceId(r.resource) === resourceId &&\n        rDate.getFullYear() === day.getFullYear() &&\n        rDate.getMonth() === day.getMonth() &&\n        rDate.getDate() === day.getDate()\n      )\n    })\n  }\n\n  if (!slugs) {\n    return <div className={styles.noResources}>{t('reservation:availabilityNotConfigured')}</div>\n  }\n\n  if (loading) {\n    return <div className={styles.loading}>{t('reservation:availabilityLoading')}</div>\n  }\n\n  const weekLabel = `${weekDays[0].toLocaleDateString([], { day: 'numeric', month: 'short' })} - ${weekDays[6].toLocaleDateString([], { day: 'numeric', month: 'short', year: 'numeric' })}`\n\n  const gridColumns = `150px repeat(7, 1fr)`\n\n  return (\n    <div className={styles.wrapper}>\n      <h2 className={styles.title}>{t('reservation:availabilityTitle')}</h2>\n      <div className={styles.navigation}>\n        <button className={styles.navButton} onClick={() => navigateWeek(-1)} type=\"button\">\n          &larr;\n        </button>\n        <button className={styles.navButton} onClick={goToThisWeek} type=\"button\">\n          {t('reservation:availabilityThisWeek')}\n        </button>\n        <button className={styles.navButton} onClick={() => navigateWeek(1)} type=\"button\">\n          &rarr;\n        </button>\n        <span className={styles.weekLabel}>{weekLabel}</span>\n      </div>\n\n      {resources.length === 0 ? (\n        <div className={styles.noResources}>{t('reservation:availabilityNoResources')}</div>\n      ) : (\n        <div className={styles.grid} style={{ gridTemplateColumns: gridColumns }}>\n          {/* Header row */}\n          <div className={styles.headerCell}>{t('reservation:availabilityResource')}</div>\n          {weekDays.map((day, i) => (\n            <div className={styles.headerCell} key={i}>\n              {DAY_NAMES[day.getDay()]} {day.getDate()}\n            </div>\n          ))}\n\n          {/* Resource rows */}\n          {resources.map((resource) => (\n            <Fragment key={resource.id}>\n              <div className={styles.resourceName}>\n                {resource.name}\n              </div>\n              {weekDays.map((day, di) => {\n                const slots = getSlotsForResourceDay(resource.id, day)\n                const bookings = getBookingsForResourceDay(resource.id, day)\n\n                return (\n                  <div className={styles.cell} key={`cell-${resource.id}-${di}`}>\n                    {slots.map((slot, si) => (\n                      <div\n                        className={\n                          slot.type === 'exception'\n                            ? styles.slotException\n                            : styles.slotAvailable\n                        }\n                        key={`slot-${si}`}\n                      >\n                        {slot.label}\n                      </div>\n                    ))}\n                    {bookings.map((b) => (\n                      <div className={styles.slotBooked} key={b.id}>\n                        {new Date(b.startTime).toLocaleTimeString([], {\n                          hour: '2-digit',\n                          minute: '2-digit',\n                        })}{' '}\n                        {t('reservation:availabilityBooked')}\n                      </div>\n                    ))}\n                  </div>\n                )\n              })}\n            </Fragment>\n          ))}\n        </div>\n      )}\n    </div>\n  )\n}\n"],"names":["useConfig","useTranslation","Fragment","useCallback","useEffect","useMemo","useState","styles","DAY_MAP","fri","mon","sat","sun","thu","tue","wed","AvailabilityOverview","config","t","_t","slugs","admin","custom","reservationSlugs","DAY_NAMES","weekStart","setWeekStart","now","Date","d","getFullYear","getMonth","getDate","setDate","getDay","resources","setResources","schedules","setSchedules","reservations","setReservations","loading","setLoading","weekDays","Array","from","length","_","i","weekEnd","setHours","fetchData","apiBase","serverURL","routes","api","resourcesRes","schedulesRes","reservationsRes","Promise","all","fetch","URLSearchParams","depth","limit","toISOString","rData","sData","resData","json","docs","navigateWeek","direction","prev","next","goToThisWeek","getResourceId","r","id","getSlotsForResourceDay","resourceId","day","resourceSchedules","filter","s","resource","dateStr","split","dayOfWeek","slots","schedule","exception","exceptions","find","e","excDate","date","push","type","label","reason","scheduleType","slot","recurringSlots","startTime","endTime","manualSlots","slotDate","getBookingsForResourceDay","rDate","div","className","noResources","weekLabel","toLocaleDateString","month","year","gridColumns","wrapper","h2","title","navigation","button","navButton","onClick","span","grid","style","gridTemplateColumns","headerCell","map","resourceName","name","di","bookings","cell","si","slotException","slotAvailable","b","slotBooked","toLocaleTimeString","hour","minute"],"mappings":"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"}
+{"version":3,"sources":["../../../src/components/AvailabilityOverview/index.tsx"],"sourcesContent":["'use client'\nimport type { AdminViewServerProps } from 'payload'\n\nimport { useConfig, useTranslation } from '@payloadcms/ui'\nimport { Fragment, useCallback, useEffect, useMemo, useState } from 'react'\n\nimport type { PluginT } from '../../translations/index.js'\n\nimport styles from './AvailabilityOverview.module.css'\n\ntype Resource = {\n  active?: boolean\n  capacityMode?: 'per-guest' | 'per-reservation'\n  id: string\n  name: string\n  quantity?: number\n}\n\ntype Schedule = {\n  active?: boolean\n  exceptions?: Array<{ date: string; reason?: string }>\n  id: string\n  manualSlots?: Array<{ date: string; endTime: string; startTime: string }>\n  recurringSlots?: Array<{ day: string; endTime: string; startTime: string }>\n  resource: { id: string } | string\n  scheduleType: 'manual' | 'recurring'\n}\n\ntype Reservation = {\n  endTime?: string\n  id: string\n  resource: { id: string } | string\n  startTime: string\n  status: string\n}\n\nconst DAY_MAP: Record<string, number> = {\n  fri: 5,\n  mon: 1,\n  sat: 6,\n  sun: 0,\n  thu: 4,\n  tue: 2,\n  wed: 3,\n}\n\n/** Return the CSS class for a capacity badge based on utilization ratio. */\nfunction capacityClass(booked: number, total: number): string {\n  if (booked >= total) {return styles.slotCapacityFull}\n  if (booked / total >= 0.5) {return styles.slotCapacityMid}\n  return styles.slotCapacityLow\n}\n\nexport const AvailabilityOverview: React.FC<AdminViewServerProps> = () => {\n  const { config } = useConfig()\n  const { t: _t } = useTranslation()\n  const t = _t as PluginT\n  const slugs = config.admin?.custom?.reservationSlugs\n  const statusMachine = config.admin?.custom?.reservationStatusMachine\n  const blockingStatuses: string[] = statusMachine?.blockingStatuses ?? ['pending', 'confirmed']\n\n  const DAY_NAMES = useMemo(\n    () => [\n      t('reservation:dayShortSun'),\n      t('reservation:dayShortMon'),\n      t('reservation:dayShortTue'),\n      t('reservation:dayShortWed'),\n      t('reservation:dayShortThu'),\n      t('reservation:dayShortFri'),\n      t('reservation:dayShortSat'),\n    ],\n    [t],\n  )\n\n  const [weekStart, setWeekStart] = useState(() => {\n    const now = new Date()\n    const d = new Date(now.getFullYear(), now.getMonth(), now.getDate())\n    d.setDate(d.getDate() - d.getDay())\n    return d\n  })\n\n  const [resources, setResources] = useState<Resource[]>([])\n  const [schedules, setSchedules] = useState<Schedule[]>([])\n  const [reservations, setReservations] = useState<Reservation[]>([])\n  const [loading, setLoading] = useState(true)\n\n  const weekDays = useMemo(() => {\n    return Array.from({ length: 7 }, (_, i) => {\n      const d = new Date(weekStart)\n      d.setDate(d.getDate() + i)\n      return d\n    })\n  }, [weekStart])\n\n  const weekEnd = useMemo(() => {\n    const d = new Date(weekStart)\n    d.setDate(d.getDate() + 6)\n    d.setHours(23, 59, 59, 999)\n    return d\n  }, [weekStart])\n\n  useEffect(() => {\n    if (!slugs) {return}\n\n    const fetchData = async () => {\n      setLoading(true)\n      const apiBase = `${config.serverURL ?? ''}${config.routes.api}`\n\n      // Build a query that fetches only blocking-status reservations so the\n      // component doesn't need to filter client-side. The `in` operator on\n      // Payload's REST API accepts a comma-separated list.\n      const blockingIn = blockingStatuses.join(',')\n\n      try {\n        const [resourcesRes, schedulesRes, reservationsRes] = await Promise.all([\n          fetch(`${apiBase}/${slugs.resources}?where[active][equals]=true&limit=100`),\n          fetch(`${apiBase}/${slugs.schedules}?where[active][equals]=true&limit=500`),\n          fetch(\n            `${apiBase}/${slugs.reservations}?${new URLSearchParams({\n              depth: '0',\n              limit: '500',\n              'where[startTime][greater_than_equal]': weekStart.toISOString(),\n              'where[startTime][less_than_equal]': weekEnd.toISOString(),\n              'where[status][in]': blockingIn,\n            })}`,\n          ),\n        ])\n\n        const [rData, sData, resData] = await Promise.all([\n          resourcesRes.json(),\n          schedulesRes.json(),\n          reservationsRes.json(),\n        ])\n\n        setResources(rData.docs ?? [])\n        setSchedules(sData.docs ?? [])\n        setReservations(resData.docs ?? [])\n      } catch {\n        setResources([])\n        setSchedules([])\n        setReservations([])\n      }\n      setLoading(false)\n    }\n\n    void fetchData()\n    // blockingStatuses is derived from config which is stable; stringify to\n    // avoid object-reference churn causing infinite loops.\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [weekStart, weekEnd, config.routes.api, config.serverURL, slugs, blockingStatuses.join(',')])\n\n  const navigateWeek = useCallback((direction: -1 | 1) => {\n    setWeekStart((prev) => {\n      const next = new Date(prev)\n      next.setDate(next.getDate() + 7 * direction)\n      return next\n    })\n  }, [])\n\n  const goToThisWeek = useCallback(() => {\n    const now = new Date()\n    const d = new Date(now.getFullYear(), now.getMonth(), now.getDate())\n    d.setDate(d.getDate() - d.getDay())\n    setWeekStart(d)\n  }, [])\n\n  const getResourceId = (r: { id: string } | string) =>\n    typeof r === 'object' ? r.id : r\n\n  const getSlotsForResourceDay = (resourceId: string, day: Date) => {\n    const resourceSchedules = schedules.filter(\n      (s) => getResourceId(s.resource) === resourceId,\n    )\n    const dateStr = day.toISOString().split('T')[0]\n    const dayOfWeek = day.getDay()\n\n    const slots: Array<{ label: string; type: 'available' | 'exception' }> = []\n\n    for (const schedule of resourceSchedules) {\n      // Check for exceptions\n      const exception = schedule.exceptions?.find((e) => {\n        const excDate = new Date(e.date).toISOString().split('T')[0]\n        return excDate === dateStr\n      })\n\n      if (exception) {\n        slots.push({\n          type: 'exception',\n          label: exception.reason || t('reservation:availabilityUnavailable'),\n        })\n        continue\n      }\n\n      if (schedule.scheduleType === 'recurring') {\n        for (const slot of schedule.recurringSlots ?? []) {\n          if (DAY_MAP[slot.day] === dayOfWeek) {\n            slots.push({\n              type: 'available',\n              label: `${slot.startTime}-${slot.endTime}`,\n            })\n          }\n        }\n      } else if (schedule.scheduleType === 'manual') {\n        for (const slot of schedule.manualSlots ?? []) {\n          const slotDate = new Date(slot.date).toISOString().split('T')[0]\n          if (slotDate === dateStr) {\n            slots.push({\n              type: 'available',\n              label: `${slot.startTime}-${slot.endTime}`,\n            })\n          }\n        }\n      }\n    }\n\n    return slots\n  }\n\n  /** Returns all blocking-status reservations for a resource on a given day. */\n  const getBookingsForResourceDay = (resourceId: string, day: Date) => {\n    return reservations.filter((r) => {\n      const rDate = new Date(r.startTime)\n      return (\n        getResourceId(r.resource) === resourceId &&\n        rDate.getFullYear() === day.getFullYear() &&\n        rDate.getMonth() === day.getMonth() &&\n        rDate.getDate() === day.getDate()\n      )\n    })\n  }\n\n  if (!slugs) {\n    return <div className={styles.noResources}>{t('reservation:availabilityNotConfigured')}</div>\n  }\n\n  if (loading) {\n    return <div className={styles.loading}>{t('reservation:availabilityLoading')}</div>\n  }\n\n  const weekLabel = `${weekDays[0].toLocaleDateString([], { day: 'numeric', month: 'short' })} - ${weekDays[6].toLocaleDateString([], { day: 'numeric', month: 'short', year: 'numeric' })}`\n\n  const gridColumns = `150px repeat(7, 1fr)`\n\n  return (\n    <div className={styles.wrapper}>\n      <h2 className={styles.title}>{t('reservation:availabilityTitle')}</h2>\n      <div className={styles.navigation}>\n        <button className={styles.navButton} onClick={() => navigateWeek(-1)} type=\"button\">\n          &larr;\n        </button>\n        <button className={styles.navButton} onClick={goToThisWeek} type=\"button\">\n          {t('reservation:availabilityThisWeek')}\n        </button>\n        <button className={styles.navButton} onClick={() => navigateWeek(1)} type=\"button\">\n          &rarr;\n        </button>\n        <span className={styles.weekLabel}>{weekLabel}</span>\n      </div>\n\n      {resources.length === 0 ? (\n        <div className={styles.noResources}>{t('reservation:availabilityNoResources')}</div>\n      ) : (\n        <div className={styles.grid} style={{ gridTemplateColumns: gridColumns }}>\n          {/* Header row */}\n          <div className={styles.headerCell}>{t('reservation:availabilityResource')}</div>\n          {weekDays.map((day, i) => (\n            <div className={styles.headerCell} key={i}>\n              {DAY_NAMES[day.getDay()]} {day.getDate()}\n            </div>\n          ))}\n\n          {/* Resource rows */}\n          {resources.map((resource) => {\n            const quantity = resource.quantity ?? 1\n            return (\n              <Fragment key={resource.id}>\n                <div className={styles.resourceName}>\n                  {resource.name}\n                  {quantity > 1 && (\n                    <span style={{ fontWeight: 400, marginLeft: 4, opacity: 0.6 }}>\n                      {' '}(&times;{quantity})\n                    </span>\n                  )}\n                </div>\n                {weekDays.map((day, di) => {\n                  const slots = getSlotsForResourceDay(resource.id, day)\n                  const bookings = getBookingsForResourceDay(resource.id, day)\n                  const bookedCount = bookings.length\n\n                  return (\n                    <div className={styles.cell} key={`cell-${resource.id}-${di}`}>\n                      {slots.map((slot, si) => (\n                        <div\n                          className={\n                            slot.type === 'exception'\n                              ? styles.slotException\n                              : styles.slotAvailable\n                          }\n                          key={`slot-${si}`}\n                        >\n                          {slot.label}\n                        </div>\n                      ))}\n                      {quantity > 1 ? (\n                        /* Multi-unit resource: show X/Y booked with graduated color */\n                        bookedCount > 0 && (\n                          <div\n                            className={capacityClass(bookedCount, quantity)}\n                            title={t('reservation:availabilityXofYBooked', {\n                              booked: bookedCount,\n                              total: quantity,\n                            })}\n                          >\n                            {t('reservation:availabilityXofYBooked', {\n                              booked: bookedCount,\n                              total: quantity,\n                            })}\n                          </div>\n                        )\n                      ) : (\n                        /* Single-unit resource: show individual booking times */\n                        bookings.map((b) => (\n                          <div className={styles.slotBooked} key={b.id}>\n                            {new Date(b.startTime).toLocaleTimeString([], {\n                              hour: '2-digit',\n                              minute: '2-digit',\n                            })}{' '}\n                            {t('reservation:availabilityBooked')}\n                          </div>\n                        ))\n                      )}\n                    </div>\n                  )\n                })}\n              </Fragment>\n            )\n          })}\n        </div>\n      )}\n    </div>\n  )\n}\n"],"names":["useConfig","useTranslation","Fragment","useCallback","useEffect","useMemo","useState","styles","DAY_MAP","fri","mon","sat","sun","thu","tue","wed","capacityClass","booked","total","slotCapacityFull","slotCapacityMid","slotCapacityLow","AvailabilityOverview","config","t","_t","slugs","admin","custom","reservationSlugs","statusMachine","reservationStatusMachine","blockingStatuses","DAY_NAMES","weekStart","setWeekStart","now","Date","d","getFullYear","getMonth","getDate","setDate","getDay","resources","setResources","schedules","setSchedules","reservations","setReservations","loading","setLoading","weekDays","Array","from","length","_","i","weekEnd","setHours","fetchData","apiBase","serverURL","routes","api","blockingIn","join","resourcesRes","schedulesRes","reservationsRes","Promise","all","fetch","URLSearchParams","depth","limit","toISOString","rData","sData","resData","json","docs","navigateWeek","direction","prev","next","goToThisWeek","getResourceId","r","id","getSlotsForResourceDay","resourceId","day","resourceSchedules","filter","s","resource","dateStr","split","dayOfWeek","slots","schedule","exception","exceptions","find","e","excDate","date","push","type","label","reason","scheduleType","slot","recurringSlots","startTime","endTime","manualSlots","slotDate","getBookingsForResourceDay","rDate","div","className","noResources","weekLabel","toLocaleDateString","month","year","gridColumns","wrapper","h2","title","navigation","button","navButton","onClick","span","grid","style","gridTemplateColumns","headerCell","map","quantity","resourceName","name","fontWeight","marginLeft","opacity","di","bookings","bookedCount","cell","si","slotException","slotAvailable","b","slotBooked","toLocaleTimeString","hour","minute"],"mappings":"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"}

package/dist/components/CalendarView/CalendarView.module.css

@@ -281,3 +281,174 @@
   z-index: 2;
   pointer-events: none;
 }
+
+/* Pending badge on toggle button */
+.pendingBadge {
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  min-width: 18px;
+  height: 18px;
+  padding: 0 5px;
+  margin-left: 6px;
+  border-radius: 9px;
+  font-size: 0.625rem;
+  font-weight: 700;
+  line-height: 1;
+  background: #ef4444;
+  color: #fff;
+}
+
+.viewToggleButtonActive .pendingBadge {
+  background: #f59e0b;
+}
+
+/* Pending view layout */
+.pendingView {
+  margin-top: 4px;
+}
+
+.pendingToolbar {
+  display: flex;
+  align-items: center;
+  gap: 12px;
+  margin-bottom: 12px;
+}
+
+.selectAllLabel {
+  display: flex;
+  align-items: center;
+  gap: 6px;
+  font-size: 0.8125rem;
+  cursor: pointer;
+  user-select: none;
+}
+
+.bulkConfirmButton {
+  background: transparent;
+  border: none;
+  box-shadow: inset 0 0 0 1px #16a34a;
+  color: #16a34a;
+  border-radius: 3px;
+  padding: 5px 12px;
+  cursor: pointer;
+  font-family: inherit;
+  font-size: 0.75rem;
+  font-weight: 600;
+  transition: background-color 100ms ease, opacity 100ms ease;
+}
+
+.bulkConfirmButton:hover {
+  background: #f0fdf4;
+}
+
+.bulkConfirmButton:disabled {
+  opacity: 0.5;
+  cursor: not-allowed;
+}
+
+/* Feedback toast */
+.feedbackToast {
+  padding: 8px 14px;
+  border-radius: 4px;
+  font-size: 0.8125rem;
+  font-weight: 500;
+  margin-bottom: 12px;
+}
+
+.feedbackSuccess {
+  background: #dcfce7;
+  color: #166534;
+}
+
+.feedbackError {
+  background: #fee2e2;
+  color: #991b1b;
+}
+
+/* Pending table */
+.pendingTable {
+  width: 100%;
+  border-collapse: collapse;
+  font-size: 0.8125rem;
+}
+
+.pendingTh {
+  text-align: left;
+  padding: 8px 10px;
+  font-weight: 600;
+  font-size: 0.75rem;
+  text-transform: uppercase;
+  color: var(--theme-elevation-500);
+  border-bottom: 2px solid var(--theme-elevation-150);
+}
+
+.pendingRow {
+  border-bottom: 1px solid var(--theme-elevation-100);
+  transition: background-color 100ms ease;
+}
+
+.pendingRow:hover {
+  background: var(--theme-elevation-50);
+}
+
+.pendingTd {
+  padding: 8px 10px;
+  vertical-align: middle;
+}
+
+.pendingCustomerLink {
+  cursor: pointer;
+  color: var(--theme-text);
+  text-decoration: none;
+}
+
+.pendingCustomerLink:hover {
+  text-decoration: underline;
+}
+
+/* Action buttons */
+.confirmButton,
+.cancelButton {
+  background: transparent;
+  border: none;
+  border-radius: 3px;
+  padding: 4px 8px;
+  cursor: pointer;
+  font-size: 0.875rem;
+  line-height: 1;
+  transition: background-color 100ms ease, opacity 100ms ease;
+}
+
+.confirmButton {
+  box-shadow: inset 0 0 0 1px #16a34a;
+  color: #16a34a;
+}
+
+.confirmButton:hover {
+  background: #f0fdf4;
+}
+
+.cancelButton {
+  box-shadow: inset 0 0 0 1px #dc2626;
+  color: #dc2626;
+  margin-left: 4px;
+}
+
+.cancelButton:hover {
+  background: #fef2f2;
+}
+
+.confirmButton:disabled,
+.cancelButton:disabled {
+  opacity: 0.5;
+  cursor: not-allowed;
+}
+
+/* Empty state */
+.pendingEmpty {
+  text-align: center;
+  padding: 48px 20px;
+  color: var(--theme-elevation-400);
+  font-size: 0.9375rem;
+}