@aglyn/plugins-commerce 1.0.0-beta.284 → 1.0.0-beta.287

package/src/lib/components/console/reservations-card.component.js

@@ -19,17 +19,24 @@ import { _ as _object_without_properties_loose } from "@swc/helpers/_/_object_wi
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 import * as Aglyn from "@aglyn/aglyn";
 import * as CommerceModel from "../../model/index.js";
+import { reservationPermissionRefusal } from "../../model/plugin-permissions.js";
 import { CardDisplay, useConfirmationContext } from "@aglyn/shared-ui-jsx";
 import { ListPagination } from "@aglyn/shared-ui-jsx/components/list-pagination.component";
 import { useSnackbar } from "@aglyn/shared-ui-snackstack";
 import { Button, Chip, Dialog, DialogActions, DialogContent, DialogTitle, MenuItem, Stack, TextField, Typography } from "@mui/material";
 import { collection, deleteDoc, doc, getDocs, limit, orderBy, query, setDoc, updateDoc, where } from "firebase/firestore";
-import { useCallback, useMemo, useState } from "react";
+import { lazy, Suspense, useCallback, useMemo, useState } from "react";
 import { useFirestore, useMerchantPayments, useUser } from "@aglyn/tenant-feature-instance";
 import { authorizedFetch } from "@aglyn/shared-util-http/authorized-token";
 import { PrerequisiteNotice } from "@aglyn/shared-ui-jsx/components/prerequisite-notice.component";
 import { useFirestoreCollection, usePagedCollection, writeGuardedBySeed } from "@aglyn/tenant-feature-instance";
 import { pluginDocsHelp } from "@aglyn/aglyn";
+/** A stay's guest count after booking (AGL-4043), loaded the first time it opens. */ const ReservationGuestsDialog = /*#__PURE__*/ lazy(()=>import("./reservation-guests-dialog.component.js"));
+/** The statuses whose guest count staff can still change. */ const GUESTS_OPEN_STATUSES = [
+    'pending',
+    'confirmed',
+    'checked_in'
+];
 const STATUS_COLOR = {
     pending: 'warning',
     confirmed: 'info',
@@ -58,15 +65,35 @@ const nightLabel = (dayMs)=>new Date(dayMs).toLocaleDateString('en-US', {
     }
     return null;
 }
+/**
+ * The "Only N left" field's problem (AGL-4044), or null when the typed value
+ * is a valid threshold: 0 (never) up to the most units a resource can hold.
+ */ function fewLeftAtProblem(fewLeftAt) {
+    if (fewLeftAt === undefined) return null;
+    if (!Number.isInteger(fewLeftAt) || fewLeftAt < 0 || fewLeftAt > CommerceModel.MAX_RESOURCE_UNITS) {
+        return `A whole number from 0 to ${CommerceModel.MAX_RESOURCE_UNITS}`;
+    }
+    return null;
+}
 /**
  * Reservations console (AGL-311): resources CRUD (nightly pricing,
  * seasons via multipliers, deposits) plus the reservations list with
  * check-in/out, no-show, cancel, and walk-in creation. The storefront
  * widget books against the same docs.
  */ export function ReservationsCard(props) {
-    var _payments_href, _payments_reason, _ref, _ref1, _ref2, _unitsProblem, _ref3, _ref4, _ref5, _ref6, _ref7, _ref8, _ref9, _ref10, _ref11, _ref12, _ref13;
+    var _payments_href, _payments_reason, _ref, _ref1, _ref2, _unitsProblem, _ref3, _ref4, _fewLeftAtProblem, _ref5, _ref6, _ref7, _ref8, _ref9, _ref10, _ref11, _ref12, _ref13, _ref14, _ref15;
     var _resourceDraft_name;
-    const { hostId } = props;
+    const { hostId, canManage = true, canWalkIn = true } = props;
+    // The permissions this member lacks here, named, for the line under the
+    // card's actions (AGL-4047): a disabled control says why.
+    const missing = [
+        ...canManage ? [] : [
+            reservationPermissionRefusal('commerce.reservations')
+        ],
+        ...canWalkIn ? [] : [
+            reservationPermissionRefusal('commerce.walkIns')
+        ]
+    ];
     // Every reservation is paid when it is booked, so a store that cannot
     // charge turns each guest away; the card says so up front.
     const payments = useMerchantPayments(hostId);
@@ -158,6 +185,7 @@ const nightLabel = (dayMs)=>new Date(dayMs).toLocaleDateString('en-US', {
     const [resourceDraft, setResourceDraft] = useState(null);
     const [walkIn, setWalkIn] = useState(null);
     const [walkInBusy, setWalkInBusy] = useState(false);
+    /** The stay whose guests are being changed (AGL-4043). */ const [guestsFor, setGuestsFor] = useState(null);
     const handleResourceSave = useCallback(async ()=>{
         var _resourceDraft_name;
         if (!(resourceDraft == null ? void 0 : (_resourceDraft_name = resourceDraft.name) == null ? void 0 : _resourceDraft_name.trim()) || !(resourceDraft.nightlyRateUsd > 0)) {
@@ -174,20 +202,27 @@ const nightLabel = (dayMs)=>new Date(dayMs).toLocaleDateString('en-US', {
      * the listener's bookkeeping leaking into storage, and once there no
      * reader can tell it from a field the card meant to write.
      */ if (unitsProblem(resourceDraft.units)) return;
+        if (fewLeftAtProblem(resourceDraft.fewLeftAt)) return;
         const seeded = resourceDraft;
-        const { id, $id: _syntheticId, units } = seeded, fields = _object_without_properties_loose(seeded, [
+        const { id, $id: _syntheticId, units, fewLeftAt } = seeded, fields = _object_without_properties_loose(seeded, [
             "id",
             "$id",
-            "units"
+            "units",
+            "fewLeftAt"
         ]);
         // Units are written as the count the model reads (AGL-4044), and a
         // cleared field as 1 rather than left out: `merge: true` would otherwise
-        // keep a stored 12 the merchant just removed.
-        const data = 'units' in seeded ? _extends({}, fields, {
+        // keep a stored 12 the merchant just removed. The "Only N left" threshold
+        // the same way: a cleared field is written as the default it reads as.
+        const data = _extends({}, fields, 'units' in seeded ? {
             units: CommerceModel.resourceUnits({
                 units
             })
-        }) : fields;
+        } : {}, 'fewLeftAt' in seeded ? {
+            fewLeftAt: CommerceModel.resourceFewLeftAt({
+                fewLeftAt
+            })
+        } : {});
         /**
      * Refuse an EDIT whose seed the server never confirmed (AGL-1358).
      * `data` is the whole stored row spread out of the listener, so
@@ -247,6 +282,14 @@ const nightLabel = (dayMs)=>new Date(dayMs).toLocaleDateString('en-US', {
         if (!resource) return;
         const checkInDayMs = Date.parse(`${walkIn.checkIn}T00:00:00Z`);
         const checkOutDayMs = Date.parse(`${walkIn.checkOut}T00:00:00Z`);
+        const guests = walkIn.guests.trim() ? Number(walkIn.guests) : undefined;
+        const guestsProblem = CommerceModel.reservationGuestsProblem(guests, resource);
+        if (guestsProblem) {
+            return void enqueueSnackbar(guestsProblem, {
+                variant: 'warning',
+                persist: false
+            });
+        }
         /*
      * The stay is priced FIRST, and its `problem` stops the walk-in: the quote
      * is the one rule for what can be booked (no nights, under the minimum
@@ -305,14 +348,17 @@ const nightLabel = (dayMs)=>new Date(dayMs).toLocaleDateString('en-US', {
                 headers: {
                     'Content-Type': 'application/json'
                 },
-                body: JSON.stringify({
+                body: JSON.stringify(_extends({
                     hostId,
                     resourceId: walkIn.resourceId,
                     checkInDayMs,
                     checkOutDayMs,
-                    guestName: walkIn.guestName || undefined,
+                    guestName: walkIn.guestName || undefined
+                }, guests !== undefined ? {
+                    guests
+                } : {}, {
                     reservationId: walkIn.attemptId
-                })
+                }))
             });
             const answer = await response.json().catch(()=>({}));
             if (!response.ok) {
@@ -401,6 +447,7 @@ const nightLabel = (dayMs)=>new Date(dayMs).toLocaleDateString('en-US', {
                                         }),
                                         /*#__PURE__*/ _jsx(Button, {
                                             size: "small",
+                                            disabled: !canManage,
                                             onClick: ()=>setResourceDraft(_extends({
                                                     id: resource.$id
                                                 }, resource)),
@@ -409,6 +456,7 @@ const nightLabel = (dayMs)=>new Date(dayMs).toLocaleDateString('en-US', {
                                         /*#__PURE__*/ _jsx(Button, {
                                             size: "small",
                                             color: "error",
+                                            disabled: !canManage,
                                             onClick: async ()=>{
                                                 const confirmed = await confirm({
                                                     title: 'Remove this resource?',
@@ -436,7 +484,7 @@ const nightLabel = (dayMs)=>new Date(dayMs).toLocaleDateString('en-US', {
                                     children: unitsAhead[resource.$id].map((night)=>/*#__PURE__*/ _jsx(Chip, {
                                             size: "small",
                                             variant: "outlined",
-                                            color: night.unitsLeft === 0 ? 'error' : night.unitsLeft <= CommerceModel.FEW_UNITS_LEFT ? 'warning' : 'default',
+                                            color: night.unitsLeft === 0 ? 'error' : night.unitsLeft <= CommerceModel.resourceFewLeftAt(resource) ? 'warning' : 'default',
                                             label: `${nightLabel(night.dayMs)} · ${night.unitsLeft} of ${night.units} left`
                                         }, night.dayMs))
                                 }) : null
@@ -448,6 +496,7 @@ const nightLabel = (dayMs)=>new Date(dayMs).toLocaleDateString('en-US', {
                         children: [
                             /*#__PURE__*/ _jsx(Button, {
                                 size: "small",
+                                disabled: !canManage,
                                 onClick: ()=>setResourceDraft({
                                         id: null,
                                         name: '',
@@ -459,7 +508,7 @@ const nightLabel = (dayMs)=>new Date(dayMs).toLocaleDateString('en-US', {
                             }),
                             /*#__PURE__*/ _jsx(Button, {
                                 size: "small",
-                                disabled: ((_ref = resourceDocs == null ? void 0 : resourceDocs.length) != null ? _ref : 0) === 0,
+                                disabled: !canWalkIn || ((_ref = resourceDocs == null ? void 0 : resourceDocs.length) != null ? _ref : 0) === 0,
                                 onClick: ()=>{
                                     var _ref;
                                     var _resourceDocs_;
@@ -468,6 +517,7 @@ const nightLabel = (dayMs)=>new Date(dayMs).toLocaleDateString('en-US', {
                                         checkIn: '',
                                         checkOut: '',
                                         guestName: '',
+                                        guests: '',
                                         attemptId: Aglyn.createResourceUid()
                                     });
                                 },
@@ -475,6 +525,11 @@ const nightLabel = (dayMs)=>new Date(dayMs).toLocaleDateString('en-US', {
                             })
                         ]
                     }),
+                    missing.map((reason)=>/*#__PURE__*/ _jsx(Typography, {
+                            variant: "caption",
+                            color: "text.secondary",
+                            children: reason
+                        }, reason)),
                     /*#__PURE__*/ _jsx(Typography, {
                         variant: "subtitle2",
                         sx: {
@@ -512,6 +567,9 @@ const nightLabel = (dayMs)=>new Date(dayMs).toLocaleDateString('en-US', {
                                             noWrap: true,
                                             children: [
                                                 (_ref = (_reservation_guestName = reservation.guestName) != null ? _reservation_guestName : reservation.guestEmail) != null ? _ref : 'Guest',
+                                                ...reservation.guests ? [
+                                                    `${CommerceModel.reservationGuests(reservation)} guest${CommerceModel.reservationGuests(reservation) === 1 ? '' : 's'}`
+                                                ] : [],
                                                 `${usd(reservation.paidCents)} / ${usd(reservation.totalCents)} paid`
                                             ].join(' · ')
                                         })
@@ -527,12 +585,14 @@ const nightLabel = (dayMs)=>new Date(dayMs).toLocaleDateString('en-US', {
                                     children: [
                                         /*#__PURE__*/ _jsx(Button, {
                                             size: "small",
+                                            disabled: !canManage,
                                             onClick: handleStatus(reservation, 'checked_in'),
                                             children: 'Check in'
                                         }),
                                         /*#__PURE__*/ _jsx(Button, {
                                             size: "small",
                                             color: "error",
+                                            disabled: !canManage,
                                             onClick: handleStatus(reservation, 'no_show'),
                                             children: 'No-show'
                                         })
@@ -540,6 +600,7 @@ const nightLabel = (dayMs)=>new Date(dayMs).toLocaleDateString('en-US', {
                                 }) : null,
                                 reservation.status === 'checked_in' ? /*#__PURE__*/ _jsx(Button, {
                                     size: "small",
+                                    disabled: !canManage,
                                     onClick: async ()=>{
                                         var _reservation_folio, _reservation_totalCents, _reservation_paidCents;
                                         // Folio settlement (AGL-317): surface unpaid room
@@ -562,12 +623,19 @@ const nightLabel = (dayMs)=>new Date(dayMs).toLocaleDateString('en-US', {
                                     },
                                     children: 'Check out'
                                 }) : null,
+                                GUESTS_OPEN_STATUSES.includes(reservation.status) ? /*#__PURE__*/ _jsx(Button, {
+                                    size: "small",
+                                    disabled: !canWalkIn,
+                                    onClick: ()=>setGuestsFor(reservation.$id),
+                                    children: 'Guests'
+                                }) : null,
                                 [
                                     'pending',
                                     'confirmed'
                                 ].includes(reservation.status) ? /*#__PURE__*/ _jsx(Button, {
                                     size: "small",
                                     color: "error",
+                                    disabled: !canManage,
                                     onClick: handleStatus(reservation, 'cancelled'),
                                     children: 'Cancel'
                                 }) : null
@@ -584,6 +652,21 @@ const nightLabel = (dayMs)=>new Date(dayMs).toLocaleDateString('en-US', {
                     })
                 ]
             }),
+            guestsFor ? /*#__PURE__*/ _jsx(Suspense, {
+                fallback: null,
+                children: /*#__PURE__*/ _jsx(ReservationGuestsDialog, {
+                    reservationId: guestsFor,
+                    hostId: hostId,
+                    onClose: ()=>setGuestsFor(null),
+                    onDone: (answer)=>{
+                        setGuestsFor(null);
+                        enqueueSnackbar(answer.unchanged ? `Still ${answer.guests} guest${answer.guests === 1 ? '' : 's'}` : `Guests changed to ${answer.guests}`, {
+                            variant: 'success',
+                            persist: false
+                        });
+                    }
+                })
+            }) : null,
             /*#__PURE__*/ _jsxs(Dialog, {
                 open: Boolean(resourceDraft),
                 onClose: ()=>setResourceDraft(null),
@@ -651,13 +734,51 @@ const nightLabel = (dayMs)=>new Date(dayMs).toLocaleDateString('en-US', {
                                     })
                                 ]
                             }),
+                            CommerceModel.resourceUnits(resourceDraft) > 1 ? /*#__PURE__*/ _jsx(TextField, {
+                                label: "Show “Only N left” at",
+                                placeholder: String(CommerceModel.FEW_UNITS_LEFT),
+                                value: (_ref4 = resourceDraft == null ? void 0 : resourceDraft.fewLeftAt) != null ? _ref4 : '',
+                                onChange: (event)=>setResourceDraft((prev)=>prev ? _extends({}, prev, {
+                                            fewLeftAt: event.target.value.replace(/\D/g, '') === '' ? undefined : Number(event.target.value.replace(/\D/g, ''))
+                                        }) : prev),
+                                error: Boolean(fewLeftAtProblem(resourceDraft == null ? void 0 : resourceDraft.fewLeftAt)),
+                                helperText: (_fewLeftAtProblem = fewLeftAtProblem(resourceDraft == null ? void 0 : resourceDraft.fewLeftAt)) != null ? _fewLeftAtProblem : 'The booking widget says “Only 2 left” once this many or fewer are free on a night. 0 never shows it.',
+                                size: "small",
+                                fullWidth: true,
+                                slotProps: {
+                                    htmlInput: {
+                                        inputMode: 'numeric'
+                                    }
+                                }
+                            }) : null,
+                            /*#__PURE__*/ _jsxs(TextField, {
+                                select: true,
+                                label: "At check-in",
+                                value: (resourceDraft == null ? void 0 : resourceDraft.checkInPerGuest) ? 'guest' : 'stay',
+                                onChange: (event)=>setResourceDraft((prev)=>prev ? _extends({}, prev, {
+                                            checkInPerGuest: event.target.value === 'guest'
+                                        }) : prev),
+                                helperText: "One per guest gives each guest their own check-in and wristband. The check-in screen can set every stay at once.",
+                                size: "small",
+                                fullWidth: true,
+                                children: [
+                                    /*#__PURE__*/ _jsx(MenuItem, {
+                                        value: "stay",
+                                        children: 'One check-in per stay'
+                                    }),
+                                    /*#__PURE__*/ _jsx(MenuItem, {
+                                        value: "guest",
+                                        children: 'One check-in per guest'
+                                    })
+                                ]
+                            }),
                             /*#__PURE__*/ _jsxs(Stack, {
                                 direction: "row",
                                 spacing: 1,
                                 children: [
                                     /*#__PURE__*/ _jsx(TextField, {
                                         label: "Nightly rate ($)",
-                                        value: (_ref4 = resourceDraft == null ? void 0 : resourceDraft.nightlyRateUsd) != null ? _ref4 : '',
+                                        value: (_ref5 = resourceDraft == null ? void 0 : resourceDraft.nightlyRateUsd) != null ? _ref5 : '',
                                         onChange: (event)=>setResourceDraft((prev)=>prev ? _extends({}, prev, {
                                                     nightlyRateUsd: Number(event.target.value) || 0
                                                 }) : prev),
@@ -671,7 +792,7 @@ const nightLabel = (dayMs)=>new Date(dayMs).toLocaleDateString('en-US', {
                                     /*#__PURE__*/ _jsx(TextField, {
                                         label: "Weekend ×",
                                         placeholder: "1",
-                                        value: (_ref5 = resourceDraft == null ? void 0 : resourceDraft.weekendMultiplier) != null ? _ref5 : '',
+                                        value: (_ref6 = resourceDraft == null ? void 0 : resourceDraft.weekendMultiplier) != null ? _ref6 : '',
                                         onChange: (event)=>setResourceDraft((prev)=>prev ? _extends({}, prev, {
                                                     weekendMultiplier: Number(event.target.value) || undefined
                                                 }) : prev),
@@ -690,7 +811,7 @@ const nightLabel = (dayMs)=>new Date(dayMs).toLocaleDateString('en-US', {
                                 children: [
                                     /*#__PURE__*/ _jsx(TextField, {
                                         label: "Min nights",
-                                        value: (_ref6 = resourceDraft == null ? void 0 : resourceDraft.minNights) != null ? _ref6 : '',
+                                        value: (_ref7 = resourceDraft == null ? void 0 : resourceDraft.minNights) != null ? _ref7 : '',
                                         onChange: (event)=>setResourceDraft((prev)=>prev ? _extends({}, prev, {
                                                     minNights: Math.round(Number(event.target.value)) || undefined
                                                 }) : prev),
@@ -704,7 +825,7 @@ const nightLabel = (dayMs)=>new Date(dayMs).toLocaleDateString('en-US', {
                                     /*#__PURE__*/ _jsx(TextField, {
                                         label: "Deposit %",
                                         placeholder: "100 = pay in full",
-                                        value: (_ref7 = resourceDraft == null ? void 0 : resourceDraft.depositPct) != null ? _ref7 : '',
+                                        value: (_ref8 = resourceDraft == null ? void 0 : resourceDraft.depositPct) != null ? _ref8 : '',
                                         onChange: (event)=>setResourceDraft((prev)=>prev ? _extends({}, prev, {
                                                     depositPct: Math.round(Number(event.target.value)) || undefined
                                                 }) : prev),
@@ -717,7 +838,7 @@ const nightLabel = (dayMs)=>new Date(dayMs).toLocaleDateString('en-US', {
                                     }),
                                     /*#__PURE__*/ _jsx(TextField, {
                                         label: "Free cancel (hrs)",
-                                        value: (_ref8 = resourceDraft == null ? void 0 : resourceDraft.cancellationHours) != null ? _ref8 : '',
+                                        value: (_ref9 = resourceDraft == null ? void 0 : resourceDraft.cancellationHours) != null ? _ref9 : '',
                                         onChange: (event)=>setResourceDraft((prev)=>prev ? _extends({}, prev, {
                                                     cancellationHours: Math.round(Number(event.target.value)) || undefined
                                                 }) : prev),
@@ -741,7 +862,7 @@ const nightLabel = (dayMs)=>new Date(dayMs).toLocaleDateString('en-US', {
                             /*#__PURE__*/ _jsx(Button, {
                                 variant: "contained",
                                 color: "primary",
-                                disabled: !(resourceDraft == null ? void 0 : (_resourceDraft_name = resourceDraft.name) == null ? void 0 : _resourceDraft_name.trim()) || !(((_ref9 = resourceDraft == null ? void 0 : resourceDraft.nightlyRateUsd) != null ? _ref9 : 0) > 0) || Boolean(unitsProblem(resourceDraft == null ? void 0 : resourceDraft.units)),
+                                disabled: !(resourceDraft == null ? void 0 : (_resourceDraft_name = resourceDraft.name) == null ? void 0 : _resourceDraft_name.trim()) || !(((_ref10 = resourceDraft == null ? void 0 : resourceDraft.nightlyRateUsd) != null ? _ref10 : 0) > 0) || Boolean(unitsProblem(resourceDraft == null ? void 0 : resourceDraft.units)) || Boolean(fewLeftAtProblem(resourceDraft == null ? void 0 : resourceDraft.fewLeftAt)),
                                 onClick: handleResourceSave,
                                 children: 'Save'
                             })
@@ -767,7 +888,7 @@ const nightLabel = (dayMs)=>new Date(dayMs).toLocaleDateString('en-US', {
                         children: [
                             /*#__PURE__*/ _jsx(TextField, {
                                 label: "Resource",
-                                value: (_ref10 = walkIn == null ? void 0 : walkIn.resourceId) != null ? _ref10 : '',
+                                value: (_ref11 = walkIn == null ? void 0 : walkIn.resourceId) != null ? _ref11 : '',
                                 onChange: (event)=>setWalkIn((prev)=>prev ? _extends({}, prev, {
                                             resourceId: event.target.value
                                         }) : prev),
@@ -788,7 +909,7 @@ const nightLabel = (dayMs)=>new Date(dayMs).toLocaleDateString('en-US', {
                                     /*#__PURE__*/ _jsx(TextField, {
                                         label: "Check-in",
                                         type: "date",
-                                        value: (_ref11 = walkIn == null ? void 0 : walkIn.checkIn) != null ? _ref11 : '',
+                                        value: (_ref12 = walkIn == null ? void 0 : walkIn.checkIn) != null ? _ref12 : '',
                                         onChange: (event)=>setWalkIn((prev)=>prev ? _extends({}, prev, {
                                                     checkIn: event.target.value
                                                 }) : prev),
@@ -803,7 +924,7 @@ const nightLabel = (dayMs)=>new Date(dayMs).toLocaleDateString('en-US', {
                                     /*#__PURE__*/ _jsx(TextField, {
                                         label: "Check-out",
                                         type: "date",
-                                        value: (_ref12 = walkIn == null ? void 0 : walkIn.checkOut) != null ? _ref12 : '',
+                                        value: (_ref13 = walkIn == null ? void 0 : walkIn.checkOut) != null ? _ref13 : '',
                                         onChange: (event)=>setWalkIn((prev)=>prev ? _extends({}, prev, {
                                                     checkOut: event.target.value
                                                 }) : prev),
@@ -819,11 +940,25 @@ const nightLabel = (dayMs)=>new Date(dayMs).toLocaleDateString('en-US', {
                             }),
                             /*#__PURE__*/ _jsx(TextField, {
                                 label: "Guest name",
-                                value: (_ref13 = walkIn == null ? void 0 : walkIn.guestName) != null ? _ref13 : '',
+                                value: (_ref14 = walkIn == null ? void 0 : walkIn.guestName) != null ? _ref14 : '',
                                 onChange: (event)=>setWalkIn((prev)=>prev ? _extends({}, prev, {
                                             guestName: event.target.value
                                         }) : prev),
                                 size: "small"
+                            }),
+                            /*#__PURE__*/ _jsx(TextField, {
+                                label: "Guests",
+                                value: (_ref15 = walkIn == null ? void 0 : walkIn.guests) != null ? _ref15 : '',
+                                onChange: (event)=>setWalkIn((prev)=>prev ? _extends({}, prev, {
+                                            guests: event.target.value.replace(/\D/g, '')
+                                        }) : prev),
+                                helperText: `Optional, up to ${CommerceModel.resourceGuestCeiling((resourceDocs != null ? resourceDocs : []).find((item)=>item.$id === (walkIn == null ? void 0 : walkIn.resourceId)))}. Each guest gets a check-in when the stay is checked in per guest.`,
+                                size: "small",
+                                slotProps: {
+                                    htmlInput: {
+                                        inputMode: 'numeric'
+                                    }
+                                }
                             })
                         ]
                     }),