@aglyn/plugins-commerce 1.0.0-beta.143

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

@@ -0,0 +1,650 @@
+/**
+ * @license
+ * Copyright 2026 Aglyn LLC
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *   http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */ 'use client';
+import { _ as _extends } from "@swc/helpers/_/_extends";
+import { _ as _object_without_properties_loose } from "@swc/helpers/_/_object_without_properties_loose";
+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 { 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, limit, orderBy, query, setDoc, updateDoc } from "firebase/firestore";
+import { useCallback, useMemo, useState } from "react";
+import { useFirestore } from "@aglyn/tenant-feature-instance";
+import { useFirestoreCollection, usePagedCollection, writeGuardedBySeed } from "@aglyn/tenant-feature-instance";
+import { pluginDocsHelp } from "@aglyn/aglyn";
+const STATUS_COLOR = {
+    pending: 'warning',
+    confirmed: 'info',
+    checked_in: 'success',
+    checked_out: 'default',
+    cancelled: 'default',
+    no_show: 'error'
+};
+const usd = (cents)=>`$${((cents != null ? cents : 0) / 100).toFixed(2)}`;
+const day = (dayMs)=>dayMs ? new Date(dayMs).toISOString().slice(0, 10) : '—';
+/**
+ * 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 _ref, _ref1, _ref2, _ref3, _ref4, _ref5, _ref6, _ref7, _ref8, _ref9, _ref10, _ref11;
+    var _resourceDraft_name;
+    const { hostId } = props;
+    const firestore = useFirestore();
+    const { enqueueSnackbar } = useSnackbar();
+    const { confirm } = useConfirmationContext();
+    const { data: resourceDocs, status: resourcesStatus, /**
+     * The rows this editor is seeded from are unconfirmed by the server
+     * (AGL-1358). Editing spreads a whole stored resource into
+     * `resourceDraft` and writes all of it back, so `merge: true` protects
+     * nothing. `blocks` is the field that costs more than money: it is the
+     * manually blocked date ranges `isRangeAvailable` reads, so a cached seed
+     * re-opens dates that were closed and lets the next guest book a room
+     * that is already spoken for.
+     */ fromCache: resourcesFromCache } = useFirestoreCollection(()=>query(collection(firestore, 'hosts', hostId, 'resources'), limit(50)), [
+        firestore,
+        hostId
+    ], {
+        idField: '$id'
+    });
+    /*
+   * Ordered by the server, and a growing window rather than a fixed 300.
+   *
+   * `limit(300)` carried no `orderBy`, so Firestore returned DOCUMENT-ID
+   * order and the client sort below arranged that pseudo-random sample by
+   * check-in. The ordering is unchanged — earliest check-in first, exactly
+   * what the sort did — it is now the QUERY's, so the window is the real
+   * front of the list and the rest can be reached.
+   */ const { rows: reservations, hasMore, page, setPage, pageSize, setPageSize } = usePagedCollection((pageLimit)=>query(collection(firestore, 'hosts', hostId, 'reservations'), orderBy('checkInDayMs', 'asc'), limit(pageLimit)), [
+        firestore,
+        hostId
+    ], {
+        idField: '$id'
+    });
+    const resourceNames = useMemo(()=>{
+        const map = {};
+        for (const resource of resourceDocs != null ? resourceDocs : []){
+            map[resource.$id] = resource.name;
+        }
+        return map;
+    }, [
+        resourceDocs
+    ]);
+    const [resourceDraft, setResourceDraft] = useState(null);
+    const [walkIn, setWalkIn] = 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)) {
+            return;
+        }
+        /**
+     * `$id` comes off with `id` (AGL-1374).
+     *
+     * The editor is seeded `{ id: resource.$id, ...resource }`, and that
+     * spread carries the listener's SYNTHETIC `$id` — `idField: '$id'`
+     * stamps the document id onto the in-memory row, where nothing persists
+     * it. Destructuring only `id` left `$id` in `data`, so every save wrote
+     * it into the stored document as a real field. Nothing reads it; it is
+     * the listener's bookkeeping leaking into storage, and once there no
+     * reader can tell it from a field the card meant to write.
+     */ const seeded = resourceDraft;
+        const { id, $id: _syntheticId } = seeded, data = _object_without_properties_loose(seeded, [
+            "id",
+            "$id"
+        ]);
+        /**
+     * Refuse an EDIT whose seed the server never confirmed (AGL-1358).
+     * `data` is the whole stored row spread out of the listener, so
+     * `merge: true` has nothing left to protect — every field is present,
+     * `blocks` and the seasonal multipliers included.
+     *
+     * Only the edit path. A NEW resource is built from defaults at a fresh
+     * uid and can overwrite nothing, and the first snapshot of any listener
+     * is `fromCache: true`, so guarding a create would refuse a save that was
+     * never unsafe.
+     *
+     * The guard WRAPS the write — an early return is a shape you can keep
+     * while losing the protection.
+     */ const verdict = await writeGuardedBySeed({
+            subject: 'resource',
+            unreadable: Boolean(id) && resourcesStatus === 'error',
+            fromCache: Boolean(id) && resourcesFromCache
+        }, async ()=>{
+            await setDoc(doc(firestore, 'hosts', hostId, 'resources', id != null ? id : Aglyn.createResourceUid()), _extends({}, data, {
+                name: resourceDraft.name.trim().slice(0, 120)
+            }), {
+                merge: true
+            });
+        });
+        // Before `setResourceDraft(null)`, so a refusal keeps the dialog open
+        // with what was typed.
+        if (!verdict.ok) {
+            return void enqueueSnackbar(verdict.message, {
+                variant: 'warning',
+                persist: false
+            });
+        }
+        setResourceDraft(null);
+        enqueueSnackbar('Resource saved', {
+            variant: 'success',
+            persist: false
+        });
+    }, [
+        resourceDraft,
+        firestore,
+        hostId,
+        enqueueSnackbar,
+        resourcesStatus,
+        resourcesFromCache
+    ]);
+    const handleStatus = useCallback((reservation, status)=>async ()=>{
+            await updateDoc(doc(firestore, 'hosts', hostId, 'reservations', reservation.$id), {
+                status
+            });
+        }, [
+        firestore,
+        hostId
+    ]);
+    const handleWalkIn = useCallback(async ()=>{
+        if (!(walkIn == null ? void 0 : walkIn.resourceId) || !walkIn.checkIn || !walkIn.checkOut) return;
+        const resource = (resourceDocs != null ? resourceDocs : []).find((item)=>item.$id === walkIn.resourceId);
+        if (!resource) return;
+        const checkInDayMs = Date.parse(`${walkIn.checkIn}T00:00:00Z`);
+        const checkOutDayMs = Date.parse(`${walkIn.checkOut}T00:00:00Z`);
+        // `createdAtMs` carried through because the pending hold lapses on it
+        // (`reservationHoldsDates`). Dropping it made every unpaid `pending` row
+        // block forever, so the front desk was refused a walk-in into a room that
+        // an abandoned online checkout had left empty.
+        const existing = reservations.filter((item)=>item.resourceId === walkIn.resourceId).map((item)=>({
+                checkInDayMs: item.checkInDayMs,
+                checkOutDayMs: item.checkOutDayMs,
+                status: item.status,
+                createdAtMs: item.createdAtMs
+            }));
+        if (!CommerceModel.isRangeAvailable(resource, existing, checkInDayMs, checkOutDayMs)) {
+            return void enqueueSnackbar('Those dates are taken', {
+                variant: 'warning',
+                persist: false
+            });
+        }
+        const quote = CommerceModel.computeReservationQuote(resource, checkInDayMs, checkOutDayMs);
+        await setDoc(doc(firestore, 'hosts', hostId, 'reservations', Aglyn.createResourceUid()), {
+            resourceId: walkIn.resourceId,
+            status: 'confirmed',
+            checkInDayMs,
+            checkOutDayMs,
+            guestName: walkIn.guestName || null,
+            guestEmail: null,
+            nights: quote.nights,
+            totalCents: quote.totalCents,
+            depositCents: 0,
+            paidCents: 0,
+            createdAtMs: Date.now()
+        });
+        setWalkIn(null);
+        enqueueSnackbar('Walk-in reserved — collect payment at POS', {
+            variant: 'success',
+            persist: false
+        });
+    }, [
+        walkIn,
+        resourceDocs,
+        reservations,
+        firestore,
+        hostId,
+        enqueueSnackbar
+    ]);
+    return /*#__PURE__*/ _jsxs(CardDisplay, {
+        header: 'Reservations',
+        help: pluginDocsHelp('pos', {
+            anchor: '#reservations'
+        }),
+        contentGutterX: true,
+        contentGutterY: true,
+        children: [
+            /*#__PURE__*/ _jsxs(Stack, {
+                spacing: 1,
+                children: [
+                    /*#__PURE__*/ _jsx(Typography, {
+                        variant: "subtitle2",
+                        children: 'Resources'
+                    }),
+                    (resourceDocs != null ? resourceDocs : []).map((resource)=>/*#__PURE__*/ _jsxs(Stack, {
+                            direction: "row",
+                            spacing: 1,
+                            sx: {
+                                alignItems: 'center'
+                            },
+                            children: [
+                                /*#__PURE__*/ _jsxs(Stack, {
+                                    sx: {
+                                        flex: 1,
+                                        minWidth: 0
+                                    },
+                                    children: [
+                                        /*#__PURE__*/ _jsx(Typography, {
+                                            variant: "body2",
+                                            noWrap: true,
+                                            children: `${resource.name} · $${resource.nightlyRateUsd}/night`
+                                        }),
+                                        /*#__PURE__*/ _jsx(Typography, {
+                                            variant: "caption",
+                                            color: "text.secondary",
+                                            noWrap: true,
+                                            children: `id: ${resource.$id}`
+                                        })
+                                    ]
+                                }),
+                                /*#__PURE__*/ _jsx(Button, {
+                                    size: "small",
+                                    onClick: ()=>setResourceDraft(_extends({
+                                            id: resource.$id
+                                        }, resource)),
+                                    children: 'Edit'
+                                }),
+                                /*#__PURE__*/ _jsx(Button, {
+                                    size: "small",
+                                    color: "error",
+                                    onClick: async ()=>{
+                                        const confirmed = await confirm({
+                                            title: 'Remove this resource?',
+                                            description: 'Existing reservations keep their records; the widget ' + 'stops accepting new stays.',
+                                            confirmationText: 'Remove',
+                                            confirmationButtonProps: {
+                                                color: 'error'
+                                            }
+                                        }).then(()=>true).catch(()=>false);
+                                        if (!confirmed) return;
+                                        await deleteDoc(doc(firestore, 'hosts', hostId, 'resources', resource.$id));
+                                    },
+                                    children: 'Remove'
+                                })
+                            ]
+                        }, resource.$id)),
+                    /*#__PURE__*/ _jsxs(Stack, {
+                        direction: "row",
+                        spacing: 1,
+                        children: [
+                            /*#__PURE__*/ _jsx(Button, {
+                                size: "small",
+                                onClick: ()=>setResourceDraft({
+                                        id: null,
+                                        name: '',
+                                        nightlyRateUsd: 100,
+                                        depositPct: 30,
+                                        minNights: 1
+                                    }),
+                                children: 'Add resource'
+                            }),
+                            /*#__PURE__*/ _jsx(Button, {
+                                size: "small",
+                                disabled: ((_ref = resourceDocs == null ? void 0 : resourceDocs.length) != null ? _ref : 0) === 0,
+                                onClick: ()=>{
+                                    var _ref;
+                                    var _resourceDocs_;
+                                    return setWalkIn({
+                                        resourceId: (_ref = resourceDocs == null ? void 0 : (_resourceDocs_ = resourceDocs[0]) == null ? void 0 : _resourceDocs_.$id) != null ? _ref : '',
+                                        checkIn: '',
+                                        checkOut: '',
+                                        guestName: ''
+                                    });
+                                },
+                                children: 'Walk-in'
+                            })
+                        ]
+                    }),
+                    /*#__PURE__*/ _jsx(Typography, {
+                        variant: "subtitle2",
+                        sx: {
+                            mt: 1
+                        },
+                        children: 'Upcoming & recent stays'
+                    }),
+                    reservations.length === 0 ? /*#__PURE__*/ _jsx(Typography, {
+                        variant: "body2",
+                        color: "text.secondary",
+                        children: 'Reservations from the widget (and walk-ins) appear here.'
+                    }) : reservations.map((reservation)=>{
+                        var _resourceNames_reservation_resourceId, _ref, _reservation_guestName, _STATUS_COLOR_reservation_status;
+                        return /*#__PURE__*/ _jsxs(Stack, {
+                            direction: "row",
+                            spacing: 1,
+                            sx: {
+                                alignItems: 'center'
+                            },
+                            children: [
+                                /*#__PURE__*/ _jsxs(Stack, {
+                                    sx: {
+                                        flex: 1,
+                                        minWidth: 0
+                                    },
+                                    children: [
+                                        /*#__PURE__*/ _jsx(Typography, {
+                                            variant: "body2",
+                                            noWrap: true,
+                                            children: `${(_resourceNames_reservation_resourceId = resourceNames[reservation.resourceId]) != null ? _resourceNames_reservation_resourceId : '?'} · ` + `${day(reservation.checkInDayMs)} → ${day(reservation.checkOutDayMs)}`
+                                        }),
+                                        /*#__PURE__*/ _jsx(Typography, {
+                                            variant: "caption",
+                                            color: "text.secondary",
+                                            noWrap: true,
+                                            children: [
+                                                (_ref = (_reservation_guestName = reservation.guestName) != null ? _reservation_guestName : reservation.guestEmail) != null ? _ref : 'Guest',
+                                                `${usd(reservation.paidCents)} / ${usd(reservation.totalCents)} paid`
+                                            ].join(' · ')
+                                        })
+                                    ]
+                                }),
+                                /*#__PURE__*/ _jsx(Chip, {
+                                    label: String(reservation.status).replace('_', ' '),
+                                    size: "small",
+                                    variant: "outlined",
+                                    color: (_STATUS_COLOR_reservation_status = STATUS_COLOR[reservation.status]) != null ? _STATUS_COLOR_reservation_status : 'default'
+                                }),
+                                reservation.status === 'confirmed' ? /*#__PURE__*/ _jsxs(_Fragment, {
+                                    children: [
+                                        /*#__PURE__*/ _jsx(Button, {
+                                            size: "small",
+                                            onClick: handleStatus(reservation, 'checked_in'),
+                                            children: 'Check in'
+                                        }),
+                                        /*#__PURE__*/ _jsx(Button, {
+                                            size: "small",
+                                            color: "error",
+                                            onClick: handleStatus(reservation, 'no_show'),
+                                            children: 'No-show'
+                                        })
+                                    ]
+                                }) : null,
+                                reservation.status === 'checked_in' ? /*#__PURE__*/ _jsx(Button, {
+                                    size: "small",
+                                    onClick: async ()=>{
+                                        var _reservation_folio, _reservation_totalCents, _reservation_paidCents;
+                                        // Folio settlement (AGL-317): surface unpaid room
+                                        // charges before the guest leaves.
+                                        const folio = (_reservation_folio = reservation.folio) != null ? _reservation_folio : [];
+                                        const folioCents = folio.reduce((sum, entry)=>{
+                                            var _entry_amountCents;
+                                            return sum + ((_entry_amountCents = entry.amountCents) != null ? _entry_amountCents : 0);
+                                        }, 0);
+                                        const balanceCents = ((_reservation_totalCents = reservation.totalCents) != null ? _reservation_totalCents : 0) - ((_reservation_paidCents = reservation.paidCents) != null ? _reservation_paidCents : 0);
+                                        if (folioCents > 0 || balanceCents > 0) {
+                                            const confirmed = await confirm({
+                                                title: 'Check out with open balance?',
+                                                description: `${folioCents > 0 ? `Room charges: ${usd(folioCents)} (already recorded as paid POS orders). ` : ''}` + `${balanceCents > 0 ? `Stay balance due: ${usd(balanceCents)} — collect at the register.` : ''}`,
+                                                confirmationText: 'Check out'
+                                            }).then(()=>true).catch(()=>false);
+                                            if (!confirmed) return;
+                                        }
+                                        await handleStatus(reservation, 'checked_out')();
+                                    },
+                                    children: 'Check out'
+                                }) : null,
+                                [
+                                    'pending',
+                                    'confirmed'
+                                ].includes(reservation.status) ? /*#__PURE__*/ _jsx(Button, {
+                                    size: "small",
+                                    color: "error",
+                                    onClick: handleStatus(reservation, 'cancelled'),
+                                    children: 'Cancel'
+                                }) : null
+                            ]
+                        }, reservation.$id);
+                    }),
+                    /*#__PURE__*/ _jsx(ListPagination, {
+                        page: page,
+                        pageSize: pageSize,
+                        rowCount: reservations.length,
+                        hasMore: hasMore,
+                        onPageChange: setPage,
+                        onPageSizeChange: setPageSize
+                    })
+                ]
+            }),
+            /*#__PURE__*/ _jsxs(Dialog, {
+                open: Boolean(resourceDraft),
+                onClose: ()=>setResourceDraft(null),
+                maxWidth: "xs",
+                fullWidth: true,
+                children: [
+                    /*#__PURE__*/ _jsx(DialogTitle, {
+                        children: (resourceDraft == null ? void 0 : resourceDraft.id) ? 'Edit resource' : 'New resource'
+                    }),
+                    /*#__PURE__*/ _jsxs(DialogContent, {
+                        sx: {
+                            display: 'flex',
+                            flexDirection: 'column',
+                            gap: 2
+                        },
+                        children: [
+                            /*#__PURE__*/ _jsx(TextField, {
+                                label: "Name",
+                                value: (_ref1 = resourceDraft == null ? void 0 : resourceDraft.name) != null ? _ref1 : '',
+                                onChange: (event)=>setResourceDraft((prev)=>prev ? _extends({}, prev, {
+                                            name: event.target.value
+                                        }) : prev),
+                                size: "small",
+                                autoFocus: true,
+                                sx: {
+                                    mt: 1
+                                },
+                                placeholder: "Lakeside cabin"
+                            }),
+                            /*#__PURE__*/ _jsxs(Stack, {
+                                direction: "row",
+                                spacing: 1,
+                                children: [
+                                    /*#__PURE__*/ _jsx(TextField, {
+                                        label: "Nightly rate ($)",
+                                        value: (_ref2 = resourceDraft == null ? void 0 : resourceDraft.nightlyRateUsd) != null ? _ref2 : '',
+                                        onChange: (event)=>setResourceDraft((prev)=>prev ? _extends({}, prev, {
+                                                    nightlyRateUsd: Number(event.target.value) || 0
+                                                }) : prev),
+                                        size: "small",
+                                        slotProps: {
+                                            htmlInput: {
+                                                inputMode: 'decimal'
+                                            }
+                                        }
+                                    }),
+                                    /*#__PURE__*/ _jsx(TextField, {
+                                        label: "Weekend ×",
+                                        placeholder: "1",
+                                        value: (_ref3 = resourceDraft == null ? void 0 : resourceDraft.weekendMultiplier) != null ? _ref3 : '',
+                                        onChange: (event)=>setResourceDraft((prev)=>prev ? _extends({}, prev, {
+                                                    weekendMultiplier: Number(event.target.value) || undefined
+                                                }) : prev),
+                                        size: "small",
+                                        slotProps: {
+                                            htmlInput: {
+                                                inputMode: 'decimal'
+                                            }
+                                        }
+                                    })
+                                ]
+                            }),
+                            /*#__PURE__*/ _jsxs(Stack, {
+                                direction: "row",
+                                spacing: 1,
+                                children: [
+                                    /*#__PURE__*/ _jsx(TextField, {
+                                        label: "Min nights",
+                                        value: (_ref4 = resourceDraft == null ? void 0 : resourceDraft.minNights) != null ? _ref4 : '',
+                                        onChange: (event)=>setResourceDraft((prev)=>prev ? _extends({}, prev, {
+                                                    minNights: Math.round(Number(event.target.value)) || undefined
+                                                }) : prev),
+                                        size: "small",
+                                        slotProps: {
+                                            htmlInput: {
+                                                inputMode: 'numeric'
+                                            }
+                                        }
+                                    }),
+                                    /*#__PURE__*/ _jsx(TextField, {
+                                        label: "Deposit %",
+                                        placeholder: "100 = pay in full",
+                                        value: (_ref5 = resourceDraft == null ? void 0 : resourceDraft.depositPct) != null ? _ref5 : '',
+                                        onChange: (event)=>setResourceDraft((prev)=>prev ? _extends({}, prev, {
+                                                    depositPct: Math.round(Number(event.target.value)) || undefined
+                                                }) : prev),
+                                        size: "small",
+                                        slotProps: {
+                                            htmlInput: {
+                                                inputMode: 'numeric'
+                                            }
+                                        }
+                                    }),
+                                    /*#__PURE__*/ _jsx(TextField, {
+                                        label: "Free cancel (hrs)",
+                                        value: (_ref6 = resourceDraft == null ? void 0 : resourceDraft.cancellationHours) != null ? _ref6 : '',
+                                        onChange: (event)=>setResourceDraft((prev)=>prev ? _extends({}, prev, {
+                                                    cancellationHours: Math.round(Number(event.target.value)) || undefined
+                                                }) : prev),
+                                        size: "small",
+                                        slotProps: {
+                                            htmlInput: {
+                                                inputMode: 'numeric'
+                                            }
+                                        }
+                                    })
+                                ]
+                            })
+                        ]
+                    }),
+                    /*#__PURE__*/ _jsxs(DialogActions, {
+                        children: [
+                            /*#__PURE__*/ _jsx(Button, {
+                                onClick: ()=>setResourceDraft(null),
+                                children: 'Cancel'
+                            }),
+                            /*#__PURE__*/ _jsx(Button, {
+                                variant: "contained",
+                                color: "primary",
+                                disabled: !(resourceDraft == null ? void 0 : (_resourceDraft_name = resourceDraft.name) == null ? void 0 : _resourceDraft_name.trim()) || !(((_ref7 = resourceDraft == null ? void 0 : resourceDraft.nightlyRateUsd) != null ? _ref7 : 0) > 0),
+                                onClick: handleResourceSave,
+                                children: 'Save'
+                            })
+                        ]
+                    })
+                ]
+            }),
+            /*#__PURE__*/ _jsxs(Dialog, {
+                open: Boolean(walkIn),
+                onClose: ()=>setWalkIn(null),
+                maxWidth: "xs",
+                fullWidth: true,
+                children: [
+                    /*#__PURE__*/ _jsx(DialogTitle, {
+                        children: 'Walk-in reservation'
+                    }),
+                    /*#__PURE__*/ _jsxs(DialogContent, {
+                        sx: {
+                            display: 'flex',
+                            flexDirection: 'column',
+                            gap: 2
+                        },
+                        children: [
+                            /*#__PURE__*/ _jsx(TextField, {
+                                label: "Resource",
+                                value: (_ref8 = walkIn == null ? void 0 : walkIn.resourceId) != null ? _ref8 : '',
+                                onChange: (event)=>setWalkIn((prev)=>prev ? _extends({}, prev, {
+                                            resourceId: event.target.value
+                                        }) : prev),
+                                size: "small",
+                                select: true,
+                                sx: {
+                                    mt: 1
+                                },
+                                children: (resourceDocs != null ? resourceDocs : []).map((resource)=>/*#__PURE__*/ _jsx(MenuItem, {
+                                        value: resource.$id,
+                                        children: resource.name
+                                    }, resource.$id))
+                            }),
+                            /*#__PURE__*/ _jsxs(Stack, {
+                                direction: "row",
+                                spacing: 1,
+                                children: [
+                                    /*#__PURE__*/ _jsx(TextField, {
+                                        label: "Check-in",
+                                        type: "date",
+                                        value: (_ref9 = walkIn == null ? void 0 : walkIn.checkIn) != null ? _ref9 : '',
+                                        onChange: (event)=>setWalkIn((prev)=>prev ? _extends({}, prev, {
+                                                    checkIn: event.target.value
+                                                }) : prev),
+                                        size: "small",
+                                        fullWidth: true,
+                                        slotProps: {
+                                            inputLabel: {
+                                                shrink: true
+                                            }
+                                        }
+                                    }),
+                                    /*#__PURE__*/ _jsx(TextField, {
+                                        label: "Check-out",
+                                        type: "date",
+                                        value: (_ref10 = walkIn == null ? void 0 : walkIn.checkOut) != null ? _ref10 : '',
+                                        onChange: (event)=>setWalkIn((prev)=>prev ? _extends({}, prev, {
+                                                    checkOut: event.target.value
+                                                }) : prev),
+                                        size: "small",
+                                        fullWidth: true,
+                                        slotProps: {
+                                            inputLabel: {
+                                                shrink: true
+                                            }
+                                        }
+                                    })
+                                ]
+                            }),
+                            /*#__PURE__*/ _jsx(TextField, {
+                                label: "Guest name",
+                                value: (_ref11 = walkIn == null ? void 0 : walkIn.guestName) != null ? _ref11 : '',
+                                onChange: (event)=>setWalkIn((prev)=>prev ? _extends({}, prev, {
+                                            guestName: event.target.value
+                                        }) : prev),
+                                size: "small"
+                            })
+                        ]
+                    }),
+                    /*#__PURE__*/ _jsxs(DialogActions, {
+                        children: [
+                            /*#__PURE__*/ _jsx(Button, {
+                                onClick: ()=>setWalkIn(null),
+                                children: 'Cancel'
+                            }),
+                            /*#__PURE__*/ _jsx(Button, {
+                                variant: "contained",
+                                color: "primary",
+                                disabled: !(walkIn == null ? void 0 : walkIn.resourceId) || !(walkIn == null ? void 0 : walkIn.checkIn) || !(walkIn == null ? void 0 : walkIn.checkOut),
+                                onClick: handleWalkIn,
+                                children: 'Reserve'
+                            })
+                        ]
+                    })
+                ]
+            })
+        ]
+    });
+}
+ReservationsCard.displayName = 'ReservationsCard';
+export default ReservationsCard;
+
+//# sourceMappingURL=reservations-card.component.js.map