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

package/src/lib/components/console/pos-ops/pos-check-in-dialog.component.js

@@ -18,11 +18,14 @@ import { _ as _extends } from "@swc/helpers/_/_extends";
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 import { Alert, Box, Button, Chip, Dialog, DialogActions, DialogContent, DialogTitle, Divider, List, ListItem, ListItemButton, ListItemText, MenuItem, Stack, TextField, Typography } from "@mui/material";
 import { useUser } from "@aglyn/tenant-feature-instance";
-import { useCallback, useEffect, useRef, useState } from "react";
-import { alreadyCheckedInLabel, checkInItemLabel, checkInTimeLabel, CHECK_IN_WRISTBAND_COLORS, CHECK_IN_WRISTBAND_MAX, describeWristband } from "../../../model/commerce-check-in.js";
+import { lazy, Suspense, useCallback, useEffect, useRef, useState } from "react";
+import { zonedDayKey } from "@aglyn/shared-util-timestamp/zoned-time";
+import { alreadyCheckedInLabel, checkInItemLabel, checkInRainCheckIsOpen, checkInTimeLabel, CHECK_IN_WRISTBAND_COLORS, CHECK_IN_WRISTBAND_MAX, describeWristband, rainCheckLabel } from "../../../model/commerce-check-in.js";
 import { POS_TOUCH_PX } from "../pos/pos-product-grid.component.js";
 import { callPosOps, newPosAttemptKey } from "./pos-ops-api.js";
 import { PosCheckInZone } from "./pos-check-in-zone.component.js";
+import { PosRainCheckDialog } from "./pos-rain-check-dialog.component.js";
+/** A stay's guest count (AGL-4043), loaded the first time it opens. */ const ReservationGuestsDialog = /*#__PURE__*/ lazy(()=>import("../reservation-guests-dialog.component.js"));
 /** How long typing pauses before the register asks. */ const SEARCH_DEBOUNCE_MS = 250;
 /**
  * Check-in at the window (AGL-4043): look the customer up by name, email,
@@ -43,6 +46,8 @@ import { PosCheckInZone } from "./pos-check-in-zone.component.js";
     const [busy, setBusy] = useState(false);
     const [error, setError] = useState('');
     const [notice, setNotice] = useState('');
+    /** The pass a rain check is being given on (AGL-4043). */ const [rainCheckRow, setRainCheckRow] = useState(null);
+    /** The stay whose guests are being changed (AGL-4043). */ const [guestsFor, setGuestsFor] = useState(null);
     const latest = useRef(0);
     const reset = useCallback(()=>{
         setText('');
@@ -152,7 +157,9 @@ import { PosCheckInZone } from "./pos-check-in-zone.component.js";
                     }
                 } : {});
             })
-        }, registerId ? {
+        }, (day == null ? void 0 : day.dayKey) ? {
+            day: day.dayKey
+        } : {}, registerId ? {
             registerId
         } : {}, cashierAssertion ? {
             cashierAssertion
@@ -188,14 +195,40 @@ import { PosCheckInZone } from "./pos-check-in-zone.component.js";
             answer.body.checkIn
         ]);
     };
+    const undoRainCheck = async (row)=>{
+        var _answer_body_error;
+        setBusy(true);
+        setError('');
+        setNotice('');
+        const answer = await callPosOps(user, 'pos-check-in', _extends({
+            hostId,
+            action: 'undo_rain_check',
+            id: row.id
+        }, registerId ? {
+            registerId
+        } : {}, cashierAssertion ? {
+            cashierAssertion
+        } : {}));
+        setBusy(false);
+        if (!answer.ok || !answer.body.checkIn) return setError((_answer_body_error = answer.body.error) != null ? _answer_body_error : 'The rain check could not be undone.');
+        merge([
+            answer.body.checkIn
+        ]);
+    };
     const setDraft = (id, patch)=>setDrafts((current)=>_extends({}, current, {
                 [id]: _extends({
                     number: '',
                     color: ''
                 }, current[id], patch)
             }));
-    const waiting = rows.filter((row)=>row.status === 'expected');
     const dayKey = (_ref = day == null ? void 0 : day.dayKey) != null ? _ref : '';
+    /** A pass a dated rain check moved off the window's day: not to check in today. */ const movedAway = (row)=>{
+        var _row_rainCheck;
+        return row.status === 'expected' && ((_row_rainCheck = row.rainCheck) == null ? void 0 : _row_rainCheck.kind) === 'date' && row.dayKey !== dayKey;
+    };
+    // "Check in all" leaves rain checks alone: an open one is used one at a time.
+    const waiting = rows.filter((row)=>row.status === 'expected' && !movedAway(row) && !checkInRainCheckIsOpen(row));
+    const todayKey = day ? zonedDayKey(Date.now(), day.timeZone) : '';
     return /*#__PURE__*/ _jsxs(Dialog, {
         open: open,
         onClose: onClose,
@@ -205,208 +238,271 @@ import { PosCheckInZone } from "./pos-check-in-zone.component.js";
             /*#__PURE__*/ _jsx(DialogTitle, {
                 children: customer ? customer.name || customer.email || 'Customer' : 'Check in'
             }),
-            /*#__PURE__*/ _jsx(DialogContent, {
-                children: /*#__PURE__*/ _jsxs(Stack, {
-                    spacing: 2,
-                    sx: {
-                        pt: 1
-                    },
-                    children: [
-                        customer ? /*#__PURE__*/ _jsxs(_Fragment, {
-                            children: [
-                                /*#__PURE__*/ _jsxs(Stack, {
-                                    direction: "row",
-                                    spacing: 1,
-                                    useFlexGap: true,
-                                    sx: {
-                                        alignItems: 'center',
-                                        flexWrap: 'wrap'
-                                    },
-                                    children: [
-                                        customer.email ? /*#__PURE__*/ _jsx(Typography, {
-                                            variant: "body2",
-                                            color: "text.secondary",
-                                            children: customer.email
-                                        }) : null,
-                                        /*#__PURE__*/ _jsx(Chip, {
-                                            size: "small",
-                                            variant: "outlined",
-                                            color: rows.length && !waiting.length ? 'success' : 'default',
-                                            label: `${rows.filter((row)=>row.status === 'checked_in').length} of ${rows.length} checked in`
-                                        }),
-                                        dayKey ? /*#__PURE__*/ _jsx(PosCheckInZone, {
-                                            hostId: hostId,
-                                            orgId: undefined,
-                                            contactId: customer.contactId,
-                                            email: customer.email ? customer.email.toLowerCase() : null,
-                                            dayKey: dayKey,
-                                            name: customer.name,
-                                            unitsDue: rows.length,
-                                            placement: "check-in-customer"
-                                        }) : null
-                                    ]
-                                }),
-                                /*#__PURE__*/ _jsx(List, {
-                                    disablePadding: true,
-                                    children: rows.map((row, index)=>{
-                                        var _row_orderLabel, _ref, _ref1;
-                                        var _drafts_row_id, _drafts_row_id1;
-                                        return /*#__PURE__*/ _jsxs(Box, {
-                                            children: [
-                                                index ? /*#__PURE__*/ _jsx(Divider, {
-                                                    component: "li"
-                                                }) : null,
-                                                /*#__PURE__*/ _jsx(ListItem, {
-                                                    disableGutters: true,
-                                                    sx: {
-                                                        display: 'block',
-                                                        py: 1.5
-                                                    },
-                                                    children: /*#__PURE__*/ _jsxs(Stack, {
-                                                        spacing: 1,
-                                                        children: [
-                                                            /*#__PURE__*/ _jsx(ListItemText, {
-                                                                primary: checkInItemLabel(row),
-                                                                secondary: row.status === 'checked_in' && day ? [
-                                                                    `Checked in at ${checkInTimeLabel(row.checkedInAtMs, day.timeZone)}` + (row.checkedInByName ? ` by ${row.checkedInByName}` : ''),
-                                                                    describeWristband(row.wristband)
-                                                                ].filter(Boolean).join(' · ') : (_row_orderLabel = row.orderLabel) != null ? _row_orderLabel : row.source === 'reservation' ? 'Stay' : ''
-                                                            }),
-                                                            row.status === 'checked_in' ? /*#__PURE__*/ _jsx(Box, {
-                                                                children: /*#__PURE__*/ _jsx(Button, {
-                                                                    size: "small",
-                                                                    onClick: ()=>void undo(row),
-                                                                    disabled: busy,
-                                                                    children: 'Undo'
-                                                                })
-                                                            }) : /*#__PURE__*/ _jsxs(Stack, {
-                                                                direction: {
-                                                                    xs: 'column',
-                                                                    sm: 'row'
-                                                                },
-                                                                spacing: 1,
-                                                                children: [
-                                                                    /*#__PURE__*/ _jsx(TextField, {
-                                                                        size: "small",
-                                                                        label: "Wristband number",
-                                                                        value: (_ref = (_drafts_row_id = drafts[row.id]) == null ? void 0 : _drafts_row_id.number) != null ? _ref : '',
-                                                                        onChange: (event)=>setDraft(row.id, {
-                                                                                number: event.target.value
-                                                                            }),
-                                                                        slotProps: {
-                                                                            htmlInput: {
-                                                                                maxLength: CHECK_IN_WRISTBAND_MAX
-                                                                            }
-                                                                        },
-                                                                        sx: {
-                                                                            flex: 1
-                                                                        }
-                                                                    }),
-                                                                    /*#__PURE__*/ _jsxs(TextField, {
-                                                                        select: true,
+            /*#__PURE__*/ _jsxs(DialogContent, {
+                children: [
+                    /*#__PURE__*/ _jsxs(Stack, {
+                        spacing: 2,
+                        sx: {
+                            pt: 1
+                        },
+                        children: [
+                            customer ? /*#__PURE__*/ _jsxs(_Fragment, {
+                                children: [
+                                    /*#__PURE__*/ _jsxs(Stack, {
+                                        direction: "row",
+                                        spacing: 1,
+                                        useFlexGap: true,
+                                        sx: {
+                                            alignItems: 'center',
+                                            flexWrap: 'wrap'
+                                        },
+                                        children: [
+                                            customer.email ? /*#__PURE__*/ _jsx(Typography, {
+                                                variant: "body2",
+                                                color: "text.secondary",
+                                                children: customer.email
+                                            }) : null,
+                                            /*#__PURE__*/ _jsx(Chip, {
+                                                size: "small",
+                                                variant: "outlined",
+                                                color: rows.length && !waiting.length ? 'success' : 'default',
+                                                label: `${rows.filter((row)=>row.status === 'checked_in').length} of ${rows.length} checked in`
+                                            }),
+                                            dayKey ? /*#__PURE__*/ _jsx(PosCheckInZone, {
+                                                hostId: hostId,
+                                                orgId: undefined,
+                                                contactId: customer.contactId,
+                                                email: customer.email ? customer.email.toLowerCase() : null,
+                                                dayKey: dayKey,
+                                                name: customer.name,
+                                                unitsDue: rows.length,
+                                                placement: "check-in-customer"
+                                            }) : null
+                                        ]
+                                    }),
+                                    /*#__PURE__*/ _jsx(List, {
+                                        disablePadding: true,
+                                        children: rows.map((row, index)=>{
+                                            var _row_orderLabel, _ref, _ref1;
+                                            var _drafts_row_id, _drafts_row_id1;
+                                            return /*#__PURE__*/ _jsxs(Box, {
+                                                children: [
+                                                    index ? /*#__PURE__*/ _jsx(Divider, {
+                                                        component: "li"
+                                                    }) : null,
+                                                    /*#__PURE__*/ _jsx(ListItem, {
+                                                        disableGutters: true,
+                                                        sx: {
+                                                            display: 'block',
+                                                            py: 1.5
+                                                        },
+                                                        children: /*#__PURE__*/ _jsxs(Stack, {
+                                                            spacing: 1,
+                                                            children: [
+                                                                /*#__PURE__*/ _jsx(ListItemText, {
+                                                                    primary: checkInItemLabel(row),
+                                                                    secondary: [
+                                                                        row.status === 'checked_in' && day ? [
+                                                                            `Checked in at ${checkInTimeLabel(row.checkedInAtMs, day.timeZone)}` + (row.checkedInByName ? ` by ${row.checkedInByName}` : ''),
+                                                                            describeWristband(row.wristband)
+                                                                        ].filter(Boolean).join(' · ') : (_row_orderLabel = row.orderLabel) != null ? _row_orderLabel : row.source === 'reservation' ? 'Stay' : '',
+                                                                        rainCheckLabel(row)
+                                                                    ].filter(Boolean).join(' · ')
+                                                                }),
+                                                                row.status === 'checked_in' ? /*#__PURE__*/ _jsxs(Box, {
+                                                                    children: [
+                                                                        /*#__PURE__*/ _jsx(Button, {
+                                                                            size: "small",
+                                                                            onClick: ()=>void undo(row),
+                                                                            disabled: busy,
+                                                                            children: 'Undo'
+                                                                        }),
+                                                                        row.source === 'reservation' && row.reservationId ? /*#__PURE__*/ _jsx(Button, {
+                                                                            size: "small",
+                                                                            onClick: ()=>setGuestsFor(row.reservationId),
+                                                                            disabled: busy,
+                                                                            children: 'Guests'
+                                                                        }) : null
+                                                                    ]
+                                                                }) : movedAway(row) ? /*#__PURE__*/ _jsx(Box, {
+                                                                    children: /*#__PURE__*/ _jsx(Button, {
                                                                         size: "small",
-                                                                        label: "Color",
-                                                                        value: (_ref1 = (_drafts_row_id1 = drafts[row.id]) == null ? void 0 : _drafts_row_id1.color) != null ? _ref1 : '',
-                                                                        onChange: (event)=>setDraft(row.id, {
-                                                                                color: event.target.value
-                                                                            }),
-                                                                        sx: {
-                                                                            flex: 1
-                                                                        },
-                                                                        children: [
-                                                                            /*#__PURE__*/ _jsx(MenuItem, {
-                                                                                value: "",
-                                                                                children: 'None'
-                                                                            }),
-                                                                            CHECK_IN_WRISTBAND_COLORS.map((color)=>/*#__PURE__*/ _jsx(MenuItem, {
-                                                                                    value: color,
-                                                                                    children: color
-                                                                                }, color))
-                                                                        ]
-                                                                    }),
-                                                                    /*#__PURE__*/ _jsx(Button, {
-                                                                        variant: "contained",
-                                                                        onClick: ()=>void checkIn([
-                                                                                row
-                                                                            ]),
+                                                                        onClick: ()=>void undoRainCheck(row),
                                                                         disabled: busy,
-                                                                        sx: {
-                                                                            minHeight: POS_TOUCH_PX
-                                                                        },
-                                                                        children: 'Check in'
+                                                                        children: 'Undo rain check'
                                                                     })
-                                                                ]
-                                                            })
-                                                        ]
+                                                                }) : /*#__PURE__*/ _jsxs(Stack, {
+                                                                    direction: {
+                                                                        xs: 'column',
+                                                                        sm: 'row'
+                                                                    },
+                                                                    spacing: 1,
+                                                                    children: [
+                                                                        /*#__PURE__*/ _jsx(TextField, {
+                                                                            size: "small",
+                                                                            label: "Wristband number",
+                                                                            value: (_ref = (_drafts_row_id = drafts[row.id]) == null ? void 0 : _drafts_row_id.number) != null ? _ref : '',
+                                                                            onChange: (event)=>setDraft(row.id, {
+                                                                                    number: event.target.value
+                                                                                }),
+                                                                            slotProps: {
+                                                                                htmlInput: {
+                                                                                    maxLength: CHECK_IN_WRISTBAND_MAX
+                                                                                }
+                                                                            },
+                                                                            sx: {
+                                                                                flex: 1
+                                                                            }
+                                                                        }),
+                                                                        /*#__PURE__*/ _jsxs(TextField, {
+                                                                            select: true,
+                                                                            size: "small",
+                                                                            label: "Color",
+                                                                            value: (_ref1 = (_drafts_row_id1 = drafts[row.id]) == null ? void 0 : _drafts_row_id1.color) != null ? _ref1 : '',
+                                                                            onChange: (event)=>setDraft(row.id, {
+                                                                                    color: event.target.value
+                                                                                }),
+                                                                            sx: {
+                                                                                flex: 1
+                                                                            },
+                                                                            children: [
+                                                                                /*#__PURE__*/ _jsx(MenuItem, {
+                                                                                    value: "",
+                                                                                    children: 'None'
+                                                                                }),
+                                                                                CHECK_IN_WRISTBAND_COLORS.map((color)=>/*#__PURE__*/ _jsx(MenuItem, {
+                                                                                        value: color,
+                                                                                        children: color
+                                                                                    }, color))
+                                                                            ]
+                                                                        }),
+                                                                        /*#__PURE__*/ _jsx(Button, {
+                                                                            variant: "contained",
+                                                                            onClick: ()=>void checkIn([
+                                                                                    row
+                                                                                ]),
+                                                                            disabled: busy,
+                                                                            sx: {
+                                                                                minHeight: POS_TOUCH_PX
+                                                                            },
+                                                                            children: 'Check in'
+                                                                        }),
+                                                                        row.source === 'reservation' && row.reservationId ? /*#__PURE__*/ _jsx(Button, {
+                                                                            onClick: ()=>setGuestsFor(row.reservationId),
+                                                                            disabled: busy,
+                                                                            children: 'Guests'
+                                                                        }) : null,
+                                                                        row.source === 'order' ? row.rainCheck ? /*#__PURE__*/ _jsx(Button, {
+                                                                            onClick: ()=>void undoRainCheck(row),
+                                                                            disabled: busy,
+                                                                            children: 'Undo rain check'
+                                                                        }) : /*#__PURE__*/ _jsx(Button, {
+                                                                            onClick: ()=>setRainCheckRow(row),
+                                                                            disabled: busy || !todayKey,
+                                                                            children: 'Rain check'
+                                                                        }) : null
+                                                                    ]
+                                                                })
+                                                            ]
+                                                        })
                                                     })
-                                                })
-                                            ]
-                                        }, row.id);
+                                                ]
+                                            }, row.id);
+                                        })
                                     })
-                                })
-                            ]
-                        }) : /*#__PURE__*/ _jsxs(_Fragment, {
-                            children: [
-                                /*#__PURE__*/ _jsx(TextField, {
-                                    autoFocus: true,
-                                    label: "Find a customer",
-                                    placeholder: "Name, email, phone or order number",
-                                    value: text,
-                                    onChange: (event)=>setText(event.target.value)
-                                }),
-                                customers.length ? /*#__PURE__*/ _jsx(List, {
-                                    dense: true,
-                                    disablePadding: true,
-                                    children: customers.map((one)=>/*#__PURE__*/ _jsxs(ListItem, {
-                                            disablePadding: true,
-                                            children: [
-                                                /*#__PURE__*/ _jsx(ListItemButton, {
-                                                    onClick: ()=>void openCustomer({
-                                                            customerKey: one.customerKey
-                                                        }),
-                                                    children: /*#__PURE__*/ _jsx(ListItemText, {
-                                                        primary: one.name || one.email || 'Customer',
-                                                        secondary: [
-                                                            `${one.unitsCheckedIn} of ${one.unitsDue} checked in`,
-                                                            one.items.join(', '),
-                                                            one.email,
-                                                            one.phone
-                                                        ].filter(Boolean).join(' · ')
-                                                    })
-                                                }),
-                                                dayKey ? /*#__PURE__*/ _jsx(PosCheckInZone, {
-                                                    hostId: hostId,
-                                                    orgId: undefined,
-                                                    contactId: one.contactId,
-                                                    email: one.email ? one.email.toLowerCase() : null,
-                                                    dayKey: dayKey,
-                                                    name: one.name,
-                                                    unitsDue: one.unitsDue,
-                                                    placement: "check-in-row"
-                                                }) : null
-                                            ]
-                                        }, one.customerKey))
-                                }) : searched ? /*#__PURE__*/ _jsx(Typography, {
-                                    variant: "body2",
-                                    color: "text.secondary",
-                                    children: 'Nobody with that name, email, phone or order number has anything to check in today.'
-                                }) : /*#__PURE__*/ _jsx(Typography, {
-                                    variant: "body2",
-                                    color: "text.secondary",
-                                    children: 'Passes, camping and stays bought online or at the register show up here on the day they are for.'
-                                })
-                            ]
-                        }),
-                        notice ? /*#__PURE__*/ _jsx(Alert, {
-                            severity: "info",
-                            children: notice
-                        }) : null,
-                        error ? /*#__PURE__*/ _jsx(Alert, {
-                            severity: "warning",
-                            children: error
-                        }) : null
-                    ]
-                })
+                                ]
+                            }) : /*#__PURE__*/ _jsxs(_Fragment, {
+                                children: [
+                                    /*#__PURE__*/ _jsx(TextField, {
+                                        autoFocus: true,
+                                        label: "Find a customer",
+                                        placeholder: "Name, email, phone or order number",
+                                        value: text,
+                                        onChange: (event)=>setText(event.target.value)
+                                    }),
+                                    customers.length ? /*#__PURE__*/ _jsx(List, {
+                                        dense: true,
+                                        disablePadding: true,
+                                        children: customers.map((one)=>/*#__PURE__*/ _jsxs(ListItem, {
+                                                disablePadding: true,
+                                                children: [
+                                                    /*#__PURE__*/ _jsx(ListItemButton, {
+                                                        onClick: ()=>void openCustomer({
+                                                                customerKey: one.customerKey
+                                                            }),
+                                                        children: /*#__PURE__*/ _jsx(ListItemText, {
+                                                            primary: one.name || one.email || 'Customer',
+                                                            secondary: [
+                                                                `${one.unitsCheckedIn} of ${one.unitsDue} checked in`,
+                                                                one.items.join(', '),
+                                                                one.email,
+                                                                one.phone
+                                                            ].filter(Boolean).join(' · ')
+                                                        })
+                                                    }),
+                                                    dayKey ? /*#__PURE__*/ _jsx(PosCheckInZone, {
+                                                        hostId: hostId,
+                                                        orgId: undefined,
+                                                        contactId: one.contactId,
+                                                        email: one.email ? one.email.toLowerCase() : null,
+                                                        dayKey: dayKey,
+                                                        name: one.name,
+                                                        unitsDue: one.unitsDue,
+                                                        placement: "check-in-row"
+                                                    }) : null
+                                                ]
+                                            }, one.customerKey))
+                                    }) : searched ? /*#__PURE__*/ _jsx(Typography, {
+                                        variant: "body2",
+                                        color: "text.secondary",
+                                        children: 'Nobody with that name, email, phone or order number has anything to check in today.'
+                                    }) : /*#__PURE__*/ _jsx(Typography, {
+                                        variant: "body2",
+                                        color: "text.secondary",
+                                        children: 'Passes, camping and stays bought online or at the register show up here on the day they are for.'
+                                    })
+                                ]
+                            }),
+                            notice ? /*#__PURE__*/ _jsx(Alert, {
+                                severity: "info",
+                                children: notice
+                            }) : null,
+                            error ? /*#__PURE__*/ _jsx(Alert, {
+                                severity: "warning",
+                                children: error
+                            }) : null
+                        ]
+                    }),
+                    /*#__PURE__*/ _jsx(PosRainCheckDialog, {
+                        row: rainCheckRow,
+                        hostId: hostId,
+                        todayKey: todayKey,
+                        registerId: registerId,
+                        cashierAssertion: cashierAssertion,
+                        onClose: ()=>setRainCheckRow(null),
+                        onDone: (changed)=>{
+                            setRainCheckRow(null);
+                            merge([
+                                changed
+                            ]);
+                        }
+                    }),
+                    guestsFor ? /*#__PURE__*/ _jsx(Suspense, {
+                        fallback: null,
+                        children: /*#__PURE__*/ _jsx(ReservationGuestsDialog, {
+                            reservationId: guestsFor,
+                            hostId: hostId,
+                            onClose: ()=>setGuestsFor(null),
+                            onDone: ()=>{
+                                setGuestsFor(null);
+                                // The stay's check-ins may have changed: read the customer again.
+                                if (customer) void openCustomer({
+                                    customerKey: customer.customerKey
+                                });
+                            }
+                        })
+                    }) : null
+                ]
             }),
             /*#__PURE__*/ _jsxs(DialogActions, {
                 children: [