@aglyn/plugins-commerce 1.0.0-beta.230 → 1.0.0-beta.231

package/src/lib/components/console/pos-display/tip-screen.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../../../../../libs/plugins/commerce/src/lib/components/console/pos-display/tip-screen.tsx"],"sourcesContent":["/**\n * @license\n * Copyright 2026 Aglyn LLC\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *   http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n\nimport Button from '@mui/material/Button'\nimport InputAdornment from '@mui/material/InputAdornment'\nimport Stack from '@mui/material/Stack'\nimport TextField from '@mui/material/TextField'\nimport Typography from '@mui/material/Typography'\nimport type { CSSObject, Theme } from '@mui/material/styles'\nimport { type FormEvent, useState } from 'react'\nimport * as CommerceModel from '../../../model'\nimport { displayMoney, dollarsToCents, type PosDisplayAnswer } from './pos-display-api'\n\ntype TipPrompt = NonNullable<CommerceModel.PosDisplayState['tip']>\n\n/** A tall, full-width touch target. */\nexport const posDisplayTouchSx = (theme: Theme): CSSObject => ({\n  minHeight: theme.spacing(10),\n  ...theme.typography.h5,\n})\n\n/**\n * The tip prompt (AGL-3608): the merchant's presets, each with the amount it\n * comes to, a custom amount and no tip. The server recomputes a percentage\n * from the prompt it sent, so what is shown here is never what is charged.\n */\nexport function PosDisplayTipScreen({\n  tip,\n  promptId,\n  busy,\n  currency,\n  onAnswer,\n}: {\n  tip: TipPrompt\n  promptId: string\n  busy: boolean\n  /** The store's currency, from the display state. */\n  currency?: string\n  onAnswer: (answer: PosDisplayAnswer) => void\n}) {\n  const [custom, setCustom] = useState<string | null>(null)\n  const [problem, setProblem] = useState<string | null>(null)\n\n  const submitCustom = (event: FormEvent) => {\n    event.preventDefault()\n    const cents = dollarsToCents(custom ?? '')\n    const error =\n      cents === null\n        ? 'Enter an amount, like 5 or 5.50.'\n        : CommerceModel.posTipProblem(cents, tip.baseCents)\n    if (cents === null || error) {\n      setProblem(error)\n      return\n    }\n    setCustom(null)\n    setProblem(null)\n    onAnswer({ promptId, tipChoice: 'custom', tipCents: cents })\n  }\n\n  if (custom !== null) {\n    return (\n      <Stack component=\"form\" onSubmit={submitCustom} spacing={3} sx={{ width: '100%' }}>\n        <Typography variant=\"h3\" component=\"h1\" sx={{ textAlign: 'center' }}>\n          Custom tip\n        </Typography>\n        <TextField\n          value={custom}\n          onChange={(event) => {\n            setCustom(event.target.value)\n            setProblem(null)\n          }}\n          autoFocus\n          error={Boolean(problem)}\n          helperText={problem ?? `Up to ${displayMoney(tip.baseCents, currency)}`}\n          slotProps={{\n            input: { startAdornment: <InputAdornment position=\"start\">$</InputAdornment> },\n            htmlInput: { inputMode: 'decimal', 'aria-label': 'Tip amount' },\n          }}\n          sx={(theme) => ({ '& input': theme.typography.h4 })}\n        />\n        <Stack direction=\"row\" spacing={2}>\n          <Button\n            variant=\"outlined\"\n            size=\"large\"\n            fullWidth\n            disabled={busy}\n            onClick={() => {\n              setCustom(null)\n              setProblem(null)\n            }}\n            sx={posDisplayTouchSx}\n          >\n            Back\n          </Button>\n          <Button\n            type=\"submit\"\n            variant=\"contained\"\n            size=\"large\"\n            fullWidth\n            disabled={busy || !custom}\n            sx={posDisplayTouchSx}\n          >\n            Add tip\n          </Button>\n        </Stack>\n      </Stack>\n    )\n  }\n\n  return (\n    <Stack spacing={3} sx={{ width: '100%' }}>\n      <Typography variant=\"h3\" component=\"h1\" sx={{ textAlign: 'center' }}>\n        Add a tip?\n      </Typography>\n      <Typography variant=\"h6\" color=\"text.secondary\" sx={{ textAlign: 'center' }}>\n        {`On ${displayMoney(tip.baseCents, currency)}`}\n      </Typography>\n      <Stack direction={{ xs: 'column', sm: 'row' }} spacing={2}>\n        {tip.percentages.map((percent) => (\n          <Button\n            key={percent}\n            variant=\"contained\"\n            size=\"large\"\n            fullWidth\n            disabled={busy}\n            onClick={() => onAnswer({ promptId, tipChoice: 'percent', tipPercent: percent })}\n            sx={(theme) => ({ ...posDisplayTouchSx(theme), flexDirection: 'column' })}\n          >\n            <span>{`${percent}%`}</span>\n            <Typography variant=\"body1\" component=\"span\">\n              {displayMoney(CommerceModel.posTipFromPercent(tip.baseCents, percent), currency)}\n            </Typography>\n          </Button>\n        ))}\n      </Stack>\n      <Stack direction={{ xs: 'column', sm: 'row' }} spacing={2}>\n        {tip.allowCustom ? (\n          <Button\n            variant=\"outlined\"\n            size=\"large\"\n            fullWidth\n            disabled={busy}\n            onClick={() => setCustom('')}\n            sx={posDisplayTouchSx}\n          >\n            Custom amount\n          </Button>\n        ) : null}\n        <Button\n          variant=\"outlined\"\n          size=\"large\"\n          fullWidth\n          disabled={busy}\n          onClick={() => onAnswer({ promptId, tipChoice: 'none' })}\n          sx={posDisplayTouchSx}\n        >\n          No tip\n        </Button>\n      </Stack>\n    </Stack>\n  )\n}\n"],"names":["Button","InputAdornment","Stack","TextField","Typography","useState","CommerceModel","displayMoney","dollarsToCents","posDisplayTouchSx","theme","minHeight","spacing","typography","h5","PosDisplayTipScreen","tip","promptId","busy","currency","onAnswer","custom","setCustom","problem","setProblem","submitCustom","event","preventDefault","cents","error","posTipProblem","baseCents","tipChoice","tipCents","component","onSubmit","sx","width","variant","textAlign","value","onChange","target","autoFocus","Boolean","helperText","slotProps","input","startAdornment","position","htmlInput","inputMode","h4","direction","size","fullWidth","disabled","onClick","type","color","xs","sm","percentages","map","percent","tipPercent","flexDirection","span","posTipFromPercent","allowCustom"],"mappings":"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"}

package/src/lib/components/console/pos-display-page.component.d.ts

@@ -0,0 +1,16 @@
+import type { ConsolePublicPageProps } from '@aglyn/aglyn';
+/** How often the display asks for news while a sale is on screen. */
+export declare const POS_DISPLAY_ACTIVE_POLL_MS = 1000;
+/** And between sales, when nothing on it is changing. */
+export declare const POS_DISPLAY_IDLE_POLL_MS = 3000;
+/**
+ * The screen a register turns toward its customer (AGL-3608), served at
+ * `/kiosk/commerce/pos-display` with no staff session.
+ *
+ * It holds one secret, the display token from pairing, and reads one thing
+ * with it: its register's display state, polled. Everything the customer
+ * answers goes back through `respond`, and the server checks each answer
+ * against the prompt it claims to answer, so a stale screen cannot answer
+ * the next sale's question.
+ */
+export default function PosDisplayPage(_props: ConsolePublicPageProps): import("react").JSX.Element;

package/src/lib/components/console/pos-display-page.component.js

@@ -0,0 +1,407 @@
+/**
+ * @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 { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import Alert from "@mui/material/Alert";
+import Box from "@mui/material/Box";
+import Button from "@mui/material/Button";
+import CircularProgress from "@mui/material/CircularProgress";
+import Container from "@mui/material/Container";
+import Dialog from "@mui/material/Dialog";
+import DialogActions from "@mui/material/DialogActions";
+import DialogContent from "@mui/material/DialogContent";
+import DialogContentText from "@mui/material/DialogContentText";
+import DialogTitle from "@mui/material/DialogTitle";
+import Stack from "@mui/material/Stack";
+import { useCallback, useEffect, useRef, useState } from "react";
+import * as CommerceModel from "../../model/index.js";
+import { PosDisplayBrandMark, PosDisplayBrandScreen } from "./pos-display/brand-screen.js";
+import { PosDisplayCartView } from "./pos-display/cart-screen.js";
+import { PosDisplayPairingScreen } from "./pos-display/pairing-screen.js";
+import { displayMoney, forgetDisplay, pollDisplay, readStoredToken, respondToDisplay, storeToken } from "./pos-display/pos-display-api.js";
+import { PosDisplayReceiptScreen } from "./pos-display/receipt-screen.js";
+import { PosDisplayTipScreen } from "./pos-display/tip-screen.js";
+/** How often the display asks for news while a sale is on screen. */ export const POS_DISPLAY_ACTIVE_POLL_MS = 1000;
+/** And between sales, when nothing on it is changing. */ export const POS_DISPLAY_IDLE_POLL_MS = 3000;
+/** The store's name and logo are re-read this often, so an edit reaches the screen. */ const BRANDING_REFRESH_MS = 10 * 60 * 1000;
+/**
+ * The screen a register turns toward its customer (AGL-3608), served at
+ * `/kiosk/commerce/pos-display` with no staff session.
+ *
+ * It holds one secret, the display token from pairing, and reads one thing
+ * with it: its register's display state, polled. Everything the customer
+ * answers goes back through `respond`, and the server checks each answer
+ * against the prompt it claims to answer, so a stale screen cannot answer
+ * the next sale's question.
+ */ export default function PosDisplayPage(_props) {
+    var _ref, _ref1, _state_promptId;
+    // `undefined` while storage is being read, so the pairing screen never
+    // flashes on a display that is already paired.
+    const [token, setToken] = useState(undefined);
+    const [branding, setBranding] = useState(null);
+    const [state, setState] = useState(null);
+    const [offline, setOffline] = useState(false);
+    const [busy, setBusy] = useState(false);
+    const [notice, setNotice] = useState(null);
+    // The prompt this screen has answered, so "the cashier will finish up"
+    // shows the moment the answer lands rather than on the next poll.
+    const [sentPromptId, setSentPromptId] = useState(null);
+    const [thanksOver, setThanksOver] = useState(false);
+    const stateRef = useRef(state);
+    stateRef.current = state;
+    const brandingAtRef = useRef(0);
+    useEffect(()=>{
+        setToken(readStoredToken());
+    }, []);
+    const unpaired = useCallback(()=>{
+        storeToken(null);
+        brandingAtRef.current = 0;
+        setToken(null);
+        setState(null);
+        setBranding(null);
+        setSentPromptId(null);
+    }, []);
+    const paired = useCallback((next, nextBranding)=>{
+        storeToken(next);
+        setBranding(nextBranding != null ? nextBranding : null);
+        brandingAtRef.current = Date.now();
+        setToken(next);
+    }, []);
+    // The poll: every second while a sale is on screen, every three between
+    // sales, and not at all while the tab is hidden.
+    useEffect(()=>{
+        if (!token) return undefined;
+        let active = true;
+        let inFlight = false;
+        let timer;
+        const schedule = ()=>{
+            var _ref;
+            var _stateRef_current;
+            if (!active) return;
+            if (timer) clearTimeout(timer);
+            const mode = (_ref = (_stateRef_current = stateRef.current) == null ? void 0 : _stateRef_current.mode) != null ? _ref : 'idle';
+            timer = setTimeout(()=>void tick(), mode === 'idle' ? POS_DISPLAY_IDLE_POLL_MS : POS_DISPLAY_ACTIVE_POLL_MS);
+        };
+        const tick = async ()=>{
+            timer = undefined;
+            if (!active || inFlight) return;
+            // Hidden: stop here. Coming back into view polls at once.
+            if (typeof document !== 'undefined' && document.hidden) return;
+            inFlight = true;
+            const withBranding = Date.now() - brandingAtRef.current > BRANDING_REFRESH_MS;
+            const result = await pollDisplay(token, withBranding);
+            inFlight = false;
+            if (!active) return;
+            if (result.ok) {
+                var _result_value;
+                setOffline(false);
+                const { state: next, branding: nextBranding } = (_result_value = result.value) != null ? _result_value : {};
+                if (next) {
+                    stateRef.current = next;
+                    setState(next);
+                }
+                if (nextBranding) {
+                    brandingAtRef.current = Date.now();
+                    setBranding(nextBranding);
+                }
+            } else if (result.status === 401) {
+                unpaired();
+                return;
+            } else {
+                setOffline(true);
+            }
+            schedule();
+        };
+        const onVisibility = ()=>{
+            if (document.hidden) return;
+            if (timer) clearTimeout(timer);
+            void tick();
+        };
+        void tick();
+        document.addEventListener('visibilitychange', onVisibility);
+        return ()=>{
+            active = false;
+            if (timer) clearTimeout(timer);
+            document.removeEventListener('visibilitychange', onVisibility);
+        };
+    }, [
+        token,
+        unpaired
+    ]);
+    // Keep the screen on while paired. Best effort: a browser without the
+    // Wake Lock API, or one that refuses it, just follows its own sleep.
+    useEffect(()=>{
+        if (!token) return undefined;
+        let active = true;
+        let lock = null;
+        const request = async ()=>{
+            try {
+                const wakeLock = navigator.wakeLock;
+                if (!wakeLock || document.hidden) return;
+                const next = await wakeLock.request('screen');
+                if (active) lock = next;
+                else await (next.release == null ? void 0 : next.release.call(next));
+            } catch (unused) {
+            // Refused (battery saver, no user gesture yet): nothing to do.
+            }
+        };
+        void request();
+        // The browser drops the lock when the tab is hidden; take it back.
+        const onVisibility = ()=>{
+            if (!document.hidden) void request();
+        };
+        document.addEventListener('visibilitychange', onVisibility);
+        return ()=>{
+            var _lock_release;
+            active = false;
+            document.removeEventListener('visibilitychange', onVisibility);
+            lock == null ? void 0 : (_lock_release = lock.release) == null ? void 0 : _lock_release.call(lock).catch(()=>undefined);
+        };
+    }, [
+        token
+    ]);
+    // A new prompt or mode clears whatever this screen said about the last one.
+    const promptKey = `${(_ref = state == null ? void 0 : state.mode) != null ? _ref : 'idle'}:${(_ref1 = state == null ? void 0 : state.promptId) != null ? _ref1 : ''}`;
+    useEffect(()=>{
+        setNotice(null);
+    }, [
+        promptKey
+    ]);
+    // The thank-you returns to the idle screen on its own, even if the next
+    // poll is late; the server reports idle after the same interval.
+    const thanksKey = (state == null ? void 0 : state.mode) === 'thanks' ? `${(_state_promptId = state.promptId) != null ? _state_promptId : ''}:${state.updatedAtMs}` : '';
+    useEffect(()=>{
+        setThanksOver(false);
+        if (!thanksKey) return undefined;
+        const timer = setTimeout(()=>setThanksOver(true), CommerceModel.POS_DISPLAY_THANKS_MS);
+        return ()=>clearTimeout(timer);
+    }, [
+        thanksKey
+    ]);
+    const answer = useCallback(async (response)=>{
+        var _result_error;
+        if (!token) return;
+        setBusy(true);
+        setNotice(null);
+        const result = await respondToDisplay(token, response);
+        setBusy(false);
+        if (result.ok) {
+            setSentPromptId(response.promptId);
+            return;
+        }
+        if (result.status === 401) {
+            unpaired();
+            return;
+        }
+        setNotice(result.status === 409 ? 'That screen has moved on. Check the display.' : (_result_error = result.error) != null ? _result_error : 'Something went wrong. Try again.');
+    }, [
+        token,
+        unpaired
+    ]);
+    if (token === undefined) {
+        return /*#__PURE__*/ _jsx(Box, {
+            sx: {
+                minHeight: '100dvh',
+                display: 'grid',
+                placeItems: 'center'
+            },
+            children: /*#__PURE__*/ _jsx(CircularProgress, {
+                "aria-label": "Loading"
+            })
+        });
+    }
+    if (!token) return /*#__PURE__*/ _jsx(PosDisplayPairingScreen, {
+        onPaired: paired
+    });
+    return /*#__PURE__*/ _jsxs(Box, {
+        sx: {
+            position: 'relative',
+            minHeight: '100dvh'
+        },
+        children: [
+            offline ? /*#__PURE__*/ _jsx(Alert, {
+                severity: "warning",
+                sx: {
+                    position: 'absolute',
+                    top: 0,
+                    left: 0,
+                    right: 0
+                },
+                children: "Reconnecting…"
+            }) : null,
+            /*#__PURE__*/ _jsx(PosDisplayBody, {
+                state: state,
+                branding: branding,
+                busy: busy,
+                notice: notice,
+                answered: Boolean(state && (state.answered || state.promptId && state.promptId === sentPromptId)),
+                thanksOver: thanksOver,
+                onAnswer: answer
+            }, promptKey),
+            /*#__PURE__*/ _jsx(UnpairControl, {
+                onUnpair: async ()=>{
+                    await forgetDisplay(token);
+                    unpaired();
+                }
+            })
+        ]
+    });
+}
+/**
+ * The screen for the current mode. Keyed by mode and prompt where it is
+ * used, so moving on unmounts every input the customer typed into.
+ */ function PosDisplayBody({ state, branding, busy, notice, answered, thanksOver, onAnswer }) {
+    var _state_promptId;
+    const idle = /*#__PURE__*/ _jsx(PosDisplayBrandScreen, {
+        branding: branding,
+        message: (branding == null ? void 0 : branding.message) || 'Welcome'
+    });
+    if (!state || state.mode === 'idle') return idle;
+    if (state.mode === 'thanks') {
+        if (thanksOver) return idle;
+        return /*#__PURE__*/ _jsx(PosDisplayBrandScreen, {
+            branding: branding,
+            title: "Thank you!"
+        });
+    }
+    if (state.mode === 'processing') {
+        var _ref;
+        var _state_cart, _state_cart1, _state_processing;
+        const due = (_ref = (_state_cart = state.cart) == null ? void 0 : _state_cart.dueCents) != null ? _ref : (_state_cart1 = state.cart) == null ? void 0 : _state_cart1.totalCents;
+        return /*#__PURE__*/ _jsx(PosDisplayBrandScreen, {
+            branding: branding,
+            title: ((_state_processing = state.processing) == null ? void 0 : _state_processing.message) || 'Tap, insert or swipe your card on the reader.',
+            message: due ? `Total ${displayMoney(due, state.currency)}` : undefined,
+            busy: true
+        });
+    }
+    if ((state.mode === 'tip' || state.mode === 'receipt') && answered) {
+        return /*#__PURE__*/ _jsx(PosDisplayBrandScreen, {
+            branding: branding,
+            title: "Thanks — the cashier will finish up"
+        });
+    }
+    const promptId = (_state_promptId = state.promptId) != null ? _state_promptId : '';
+    let body;
+    if (state.mode === 'tip' && state.tip && promptId) {
+        body = /*#__PURE__*/ _jsx(PosDisplayTipScreen, {
+            tip: state.tip,
+            promptId: promptId,
+            busy: busy,
+            currency: state.currency,
+            onAnswer: onAnswer
+        });
+    } else if (state.mode === 'receipt' && state.receipt && promptId) {
+        body = /*#__PURE__*/ _jsx(PosDisplayReceiptScreen, {
+            receipt: state.receipt,
+            promptId: promptId,
+            busy: busy,
+            onAnswer: onAnswer
+        });
+    } else if (state.cart) {
+        body = /*#__PURE__*/ _jsx(PosDisplayCartView, {
+            cart: state.cart,
+            currency: state.currency
+        });
+    } else {
+        return idle;
+    }
+    return /*#__PURE__*/ _jsx(Container, {
+        maxWidth: "md",
+        sx: {
+            py: 4
+        },
+        children: /*#__PURE__*/ _jsxs(Stack, {
+            spacing: 4,
+            sx: {
+                alignItems: 'center'
+            },
+            children: [
+                /*#__PURE__*/ _jsx(PosDisplayBrandMark, {
+                    branding: branding
+                }),
+                notice ? /*#__PURE__*/ _jsx(Alert, {
+                    severity: "info",
+                    sx: {
+                        width: '100%'
+                    },
+                    children: notice
+                }) : null,
+                body
+            ]
+        })
+    });
+}
+/**
+ * Unpairing, tucked into a corner behind a confirmation: the person at the
+ * counter is a customer, and one stray tap must not take the screen away.
+ */ function UnpairControl({ onUnpair }) {
+    const [open, setOpen] = useState(false);
+    const [busy, setBusy] = useState(false);
+    return /*#__PURE__*/ _jsxs(_Fragment, {
+        children: [
+            /*#__PURE__*/ _jsx(Button, {
+                size: "small",
+                color: "inherit",
+                onClick: ()=>setOpen(true),
+                sx: (theme)=>({
+                        position: 'fixed',
+                        right: theme.spacing(1),
+                        bottom: theme.spacing(1),
+                        opacity: 0.4
+                    }),
+                children: "Unpair this display"
+            }),
+            /*#__PURE__*/ _jsxs(Dialog, {
+                open: open,
+                onClose: ()=>busy ? undefined : setOpen(false),
+                children: [
+                    /*#__PURE__*/ _jsx(DialogTitle, {
+                        children: "Unpair this display?"
+                    }),
+                    /*#__PURE__*/ _jsx(DialogContent, {
+                        children: /*#__PURE__*/ _jsx(DialogContentText, {
+                            children: "It stops showing sales from the register. To use it again, enter a new code from the register."
+                        })
+                    }),
+                    /*#__PURE__*/ _jsxs(DialogActions, {
+                        children: [
+                            /*#__PURE__*/ _jsx(Button, {
+                                onClick: ()=>setOpen(false),
+                                disabled: busy,
+                                children: "Cancel"
+                            }),
+                            /*#__PURE__*/ _jsx(Button, {
+                                color: "error",
+                                variant: "contained",
+                                disabled: busy,
+                                onClick: async ()=>{
+                                    setBusy(true);
+                                    await onUnpair();
+                                    setBusy(false);
+                                    setOpen(false);
+                                },
+                                children: "Unpair"
+                            })
+                        ]
+                    })
+                ]
+            })
+        ]
+    });
+}
+
+//# sourceMappingURL=pos-display-page.component.js.map

package/src/lib/components/console/pos-display-page.component.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../../../../libs/plugins/commerce/src/lib/components/console/pos-display-page.component.tsx"],"sourcesContent":["/**\n * @license\n * Copyright 2026 Aglyn LLC\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *   http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n'use client'\n\nimport type { ConsolePublicPageProps } from '@aglyn/aglyn'\nimport Alert from '@mui/material/Alert'\nimport Box from '@mui/material/Box'\nimport Button from '@mui/material/Button'\nimport CircularProgress from '@mui/material/CircularProgress'\nimport Container from '@mui/material/Container'\nimport Dialog from '@mui/material/Dialog'\nimport DialogActions from '@mui/material/DialogActions'\nimport DialogContent from '@mui/material/DialogContent'\nimport DialogContentText from '@mui/material/DialogContentText'\nimport DialogTitle from '@mui/material/DialogTitle'\nimport Stack from '@mui/material/Stack'\nimport { type ReactNode, useCallback, useEffect, useRef, useState } from 'react'\nimport * as CommerceModel from '../../model'\nimport { PosDisplayBrandMark, PosDisplayBrandScreen } from './pos-display/brand-screen'\nimport { PosDisplayCartView } from './pos-display/cart-screen'\nimport { PosDisplayPairingScreen } from './pos-display/pairing-screen'\nimport {\n  displayMoney,\n  forgetDisplay,\n  pollDisplay,\n  type PosDisplayAnswer,\n  type PosDisplayBranding,\n  type PosDisplayPublicState,\n  readStoredToken,\n  respondToDisplay,\n  storeToken,\n} from './pos-display/pos-display-api'\nimport { PosDisplayReceiptScreen } from './pos-display/receipt-screen'\nimport { PosDisplayTipScreen } from './pos-display/tip-screen'\n\n/** How often the display asks for news while a sale is on screen. */\nexport const POS_DISPLAY_ACTIVE_POLL_MS = 1_000\n/** And between sales, when nothing on it is changing. */\nexport const POS_DISPLAY_IDLE_POLL_MS = 3_000\n/** The store's name and logo are re-read this often, so an edit reaches the screen. */\nconst BRANDING_REFRESH_MS = 10 * 60 * 1000\n\n/**\n * The screen a register turns toward its customer (AGL-3608), served at\n * `/kiosk/commerce/pos-display` with no staff session.\n *\n * It holds one secret, the display token from pairing, and reads one thing\n * with it: its register's display state, polled. Everything the customer\n * answers goes back through `respond`, and the server checks each answer\n * against the prompt it claims to answer, so a stale screen cannot answer\n * the next sale's question.\n */\nexport default function PosDisplayPage(_props: ConsolePublicPageProps) {\n  // `undefined` while storage is being read, so the pairing screen never\n  // flashes on a display that is already paired.\n  const [token, setToken] = useState<string | null | undefined>(undefined)\n  const [branding, setBranding] = useState<PosDisplayBranding | null>(null)\n  const [state, setState] = useState<PosDisplayPublicState | null>(null)\n  const [offline, setOffline] = useState(false)\n  const [busy, setBusy] = useState(false)\n  const [notice, setNotice] = useState<string | null>(null)\n  // The prompt this screen has answered, so \"the cashier will finish up\"\n  // shows the moment the answer lands rather than on the next poll.\n  const [sentPromptId, setSentPromptId] = useState<string | null>(null)\n  const [thanksOver, setThanksOver] = useState(false)\n\n  const stateRef = useRef(state)\n  stateRef.current = state\n  const brandingAtRef = useRef(0)\n\n  useEffect(() => {\n    setToken(readStoredToken())\n  }, [])\n\n  const unpaired = useCallback(() => {\n    storeToken(null)\n    brandingAtRef.current = 0\n    setToken(null)\n    setState(null)\n    setBranding(null)\n    setSentPromptId(null)\n  }, [])\n\n  const paired = useCallback((next: string, nextBranding: PosDisplayBranding) => {\n    storeToken(next)\n    setBranding(nextBranding ?? null)\n    brandingAtRef.current = Date.now()\n    setToken(next)\n  }, [])\n\n  // The poll: every second while a sale is on screen, every three between\n  // sales, and not at all while the tab is hidden.\n  useEffect(() => {\n    if (!token) return undefined\n    let active = true\n    let inFlight = false\n    let timer: ReturnType<typeof setTimeout> | undefined\n\n    const schedule = () => {\n      if (!active) return\n      if (timer) clearTimeout(timer)\n      const mode = stateRef.current?.mode ?? 'idle'\n      timer = setTimeout(\n        () => void tick(),\n        mode === 'idle' ? POS_DISPLAY_IDLE_POLL_MS : POS_DISPLAY_ACTIVE_POLL_MS,\n      )\n    }\n\n    const tick = async () => {\n      timer = undefined\n      if (!active || inFlight) return\n      // Hidden: stop here. Coming back into view polls at once.\n      if (typeof document !== 'undefined' && document.hidden) return\n      inFlight = true\n      const withBranding = Date.now() - brandingAtRef.current > BRANDING_REFRESH_MS\n      const result = await pollDisplay(token, withBranding)\n      inFlight = false\n      if (!active) return\n      if (result.ok) {\n        setOffline(false)\n        const { state: next, branding: nextBranding } = result.value ?? {}\n        if (next) {\n          stateRef.current = next\n          setState(next)\n        }\n        if (nextBranding) {\n          brandingAtRef.current = Date.now()\n          setBranding(nextBranding)\n        }\n      } else if (result.status === 401) {\n        unpaired()\n        return\n      } else {\n        setOffline(true)\n      }\n      schedule()\n    }\n\n    const onVisibility = () => {\n      if (document.hidden) return\n      if (timer) clearTimeout(timer)\n      void tick()\n    }\n\n    void tick()\n    document.addEventListener('visibilitychange', onVisibility)\n    return () => {\n      active = false\n      if (timer) clearTimeout(timer)\n      document.removeEventListener('visibilitychange', onVisibility)\n    }\n  }, [token, unpaired])\n\n  // Keep the screen on while paired. Best effort: a browser without the\n  // Wake Lock API, or one that refuses it, just follows its own sleep.\n  useEffect(() => {\n    if (!token) return undefined\n    let active = true\n    let lock: { release?: () => Promise<void> } | null = null\n    const request = async () => {\n      try {\n        const wakeLock = (\n          navigator as Navigator & {\n            wakeLock?: { request: (type: 'screen') => Promise<{ release?: () => Promise<void> }> }\n          }\n        ).wakeLock\n        if (!wakeLock || document.hidden) return\n        const next = await wakeLock.request('screen')\n        if (active) lock = next\n        else await next.release?.()\n      } catch {\n        // Refused (battery saver, no user gesture yet): nothing to do.\n      }\n    }\n    void request()\n    // The browser drops the lock when the tab is hidden; take it back.\n    const onVisibility = () => {\n      if (!document.hidden) void request()\n    }\n    document.addEventListener('visibilitychange', onVisibility)\n    return () => {\n      active = false\n      document.removeEventListener('visibilitychange', onVisibility)\n      lock?.release?.().catch(() => undefined)\n    }\n  }, [token])\n\n  // A new prompt or mode clears whatever this screen said about the last one.\n  const promptKey = `${state?.mode ?? 'idle'}:${state?.promptId ?? ''}`\n  useEffect(() => {\n    setNotice(null)\n  }, [promptKey])\n\n  // The thank-you returns to the idle screen on its own, even if the next\n  // poll is late; the server reports idle after the same interval.\n  const thanksKey = state?.mode === 'thanks' ? `${state.promptId ?? ''}:${state.updatedAtMs}` : ''\n  useEffect(() => {\n    setThanksOver(false)\n    if (!thanksKey) return undefined\n    const timer = setTimeout(() => setThanksOver(true), CommerceModel.POS_DISPLAY_THANKS_MS)\n    return () => clearTimeout(timer)\n  }, [thanksKey])\n\n  const answer = useCallback(\n    async (response: PosDisplayAnswer) => {\n      if (!token) return\n      setBusy(true)\n      setNotice(null)\n      const result = await respondToDisplay(token, response)\n      setBusy(false)\n      if (result.ok) {\n        setSentPromptId(response.promptId)\n        return\n      }\n      if (result.status === 401) {\n        unpaired()\n        return\n      }\n      setNotice(\n        result.status === 409\n          ? 'That screen has moved on. Check the display.'\n          : (result.error ?? 'Something went wrong. Try again.'),\n      )\n    },\n    [token, unpaired],\n  )\n\n  if (token === undefined) {\n    return (\n      <Box sx={{ minHeight: '100dvh', display: 'grid', placeItems: 'center' }}>\n        <CircularProgress aria-label=\"Loading\" />\n      </Box>\n    )\n  }\n\n  if (!token) return <PosDisplayPairingScreen onPaired={paired} />\n\n  return (\n    <Box sx={{ position: 'relative', minHeight: '100dvh' }}>\n      {offline ? (\n        <Alert severity=\"warning\" sx={{ position: 'absolute', top: 0, left: 0, right: 0 }}>\n          Reconnecting…\n        </Alert>\n      ) : null}\n      <PosDisplayBody\n        key={promptKey}\n        state={state}\n        branding={branding}\n        busy={busy}\n        notice={notice}\n        answered={Boolean(\n          state && (state.answered || (state.promptId && state.promptId === sentPromptId)),\n        )}\n        thanksOver={thanksOver}\n        onAnswer={answer}\n      />\n      <UnpairControl\n        onUnpair={async () => {\n          await forgetDisplay(token)\n          unpaired()\n        }}\n      />\n    </Box>\n  )\n}\n\n/**\n * The screen for the current mode. Keyed by mode and prompt where it is\n * used, so moving on unmounts every input the customer typed into.\n */\nfunction PosDisplayBody({\n  state,\n  branding,\n  busy,\n  notice,\n  answered,\n  thanksOver,\n  onAnswer,\n}: {\n  state: PosDisplayPublicState | null\n  branding: PosDisplayBranding | null\n  busy: boolean\n  notice: string | null\n  answered: boolean\n  thanksOver: boolean\n  onAnswer: (answer: PosDisplayAnswer) => void\n}) {\n  const idle = <PosDisplayBrandScreen branding={branding} message={branding?.message || 'Welcome'} />\n  if (!state || state.mode === 'idle') return idle\n\n  if (state.mode === 'thanks') {\n    if (thanksOver) return idle\n    return <PosDisplayBrandScreen branding={branding} title=\"Thank you!\" />\n  }\n\n  if (state.mode === 'processing') {\n    const due = state.cart?.dueCents ?? state.cart?.totalCents\n    return (\n      <PosDisplayBrandScreen\n        branding={branding}\n        title={state.processing?.message || 'Tap, insert or swipe your card on the reader.'}\n        message={due ? `Total ${displayMoney(due, state.currency)}` : undefined}\n        busy\n      />\n    )\n  }\n\n  if ((state.mode === 'tip' || state.mode === 'receipt') && answered) {\n    return <PosDisplayBrandScreen branding={branding} title=\"Thanks — the cashier will finish up\" />\n  }\n\n  const promptId = state.promptId ?? ''\n  let body: ReactNode\n  if (state.mode === 'tip' && state.tip && promptId) {\n    body = (\n      <PosDisplayTipScreen\n        tip={state.tip}\n        promptId={promptId}\n        busy={busy}\n        currency={state.currency}\n        onAnswer={onAnswer}\n      />\n    )\n  } else if (state.mode === 'receipt' && state.receipt && promptId) {\n    body = (\n      <PosDisplayReceiptScreen\n        receipt={state.receipt}\n        promptId={promptId}\n        busy={busy}\n        onAnswer={onAnswer}\n      />\n    )\n  } else if (state.cart) {\n    body = <PosDisplayCartView cart={state.cart} currency={state.currency} />\n  } else {\n    return idle\n  }\n\n  return (\n    <Container maxWidth=\"md\" sx={{ py: 4 }}>\n      <Stack spacing={4} sx={{ alignItems: 'center' }}>\n        <PosDisplayBrandMark branding={branding} />\n        {notice ? (\n          <Alert severity=\"info\" sx={{ width: '100%' }}>\n            {notice}\n          </Alert>\n        ) : null}\n        {body}\n      </Stack>\n    </Container>\n  )\n}\n\n/**\n * Unpairing, tucked into a corner behind a confirmation: the person at the\n * counter is a customer, and one stray tap must not take the screen away.\n */\nfunction UnpairControl({ onUnpair }: { onUnpair: () => Promise<void> }) {\n  const [open, setOpen] = useState(false)\n  const [busy, setBusy] = useState(false)\n  return (\n    <>\n      <Button\n        size=\"small\"\n        color=\"inherit\"\n        onClick={() => setOpen(true)}\n        sx={(theme) => ({\n          position: 'fixed',\n          right: theme.spacing(1),\n          bottom: theme.spacing(1),\n          opacity: 0.4,\n        })}\n      >\n        Unpair this display\n      </Button>\n      <Dialog open={open} onClose={() => (busy ? undefined : setOpen(false))}>\n        <DialogTitle>Unpair this display?</DialogTitle>\n        <DialogContent>\n          <DialogContentText>\n            It stops showing sales from the register. To use it again, enter a new code from the\n            register.\n          </DialogContentText>\n        </DialogContent>\n        <DialogActions>\n          <Button onClick={() => setOpen(false)} disabled={busy}>\n            Cancel\n          </Button>\n          <Button\n            color=\"error\"\n            variant=\"contained\"\n            disabled={busy}\n            onClick={async () => {\n              setBusy(true)\n              await onUnpair()\n              setBusy(false)\n              setOpen(false)\n            }}\n          >\n            Unpair\n          </Button>\n        </DialogActions>\n      </Dialog>\n    </>\n  )\n}\n"],"names":["Alert","Box","Button","CircularProgress","Container","Dialog","DialogActions","DialogContent","DialogContentText","DialogTitle","Stack","useCallback","useEffect","useRef","useState","CommerceModel","PosDisplayBrandMark","PosDisplayBrandScreen","PosDisplayCartView","PosDisplayPairingScreen","displayMoney","forgetDisplay","pollDisplay","readStoredToken","respondToDisplay","storeToken","PosDisplayReceiptScreen","PosDisplayTipScreen","POS_DISPLAY_ACTIVE_POLL_MS","POS_DISPLAY_IDLE_POLL_MS","BRANDING_REFRESH_MS","PosDisplayPage","_props","state","token","setToken","undefined","branding","setBranding","setState","offline","setOffline","busy","setBusy","notice","setNotice","sentPromptId","setSentPromptId","thanksOver","setThanksOver","stateRef","current","brandingAtRef","unpaired","paired","next","nextBranding","Date","now","active","inFlight","timer","schedule","clearTimeout","mode","setTimeout","tick","document","hidden","withBranding","result","ok","value","status","onVisibility","addEventListener","removeEventListener","lock","request","wakeLock","navigator","release","catch","promptKey","promptId","thanksKey","updatedAtMs","POS_DISPLAY_THANKS_MS","answer","response","error","sx","minHeight","display","placeItems","aria-label","onPaired","position","severity","top","left","right","PosDisplayBody","answered","Boolean","onAnswer","UnpairControl","onUnpair","idle","message","title","due","cart","dueCents","totalCents","processing","currency","body","tip","receipt","maxWidth","py","spacing","alignItems","width","open","setOpen","size","color","onClick","theme","bottom","opacity","onClose","disabled","variant"],"mappings":"AAAA;;;;;;;;;;;;;;;CAeC,GACD;;AAGA,OAAOA,WAAW,sBAAqB;AACvC,OAAOC,SAAS,oBAAmB;AACnC,OAAOC,YAAY,uBAAsB;AACzC,OAAOC,sBAAsB,iCAAgC;AAC7D,OAAOC,eAAe,0BAAyB;AAC/C,OAAOC,YAAY,uBAAsB;AACzC,OAAOC,mBAAmB,8BAA6B;AACvD,OAAOC,mBAAmB,8BAA6B;AACvD,OAAOC,uBAAuB,kCAAiC;AAC/D,OAAOC,iBAAiB,4BAA2B;AACnD,OAAOC,WAAW,sBAAqB;AACvC,SAAyBC,WAAW,EAAEC,SAAS,EAAEC,MAAM,EAAEC,QAAQ,QAAQ,QAAO;AAChF,YAAYC,mBAAmB,uBAAa;AAC5C,SAASC,mBAAmB,EAAEC,qBAAqB,QAAQ,gCAA4B;AACvF,SAASC,kBAAkB,QAAQ,+BAA2B;AAC9D,SAASC,uBAAuB,QAAQ,kCAA8B;AACtE,SACEC,YAAY,EACZC,aAAa,EACbC,WAAW,EAIXC,eAAe,EACfC,gBAAgB,EAChBC,UAAU,QACL,mCAA+B;AACtC,SAASC,uBAAuB,QAAQ,kCAA8B;AACtE,SAASC,mBAAmB,QAAQ,8BAA0B;AAE9D,mEAAmE,GACnE,OAAO,MAAMC,6BAA6B,KAAK;AAC/C,uDAAuD,GACvD,OAAO,MAAMC,2BAA2B,KAAK;AAC7C,qFAAqF,GACrF,MAAMC,sBAAsB,KAAK,KAAK;AAEtC;;;;;;;;;CASC,GACD,eAAe,SAASC,eAAeC,MAA8B;qBA+InBC;IA9IhD,uEAAuE;IACvE,+CAA+C;IAC/C,MAAM,CAACC,OAAOC,SAAS,GAAGrB,SAAoCsB;IAC9D,MAAM,CAACC,UAAUC,YAAY,GAAGxB,SAAoC;IACpE,MAAM,CAACmB,OAAOM,SAAS,GAAGzB,SAAuC;IACjE,MAAM,CAAC0B,SAASC,WAAW,GAAG3B,SAAS;IACvC,MAAM,CAAC4B,MAAMC,QAAQ,GAAG7B,SAAS;IACjC,MAAM,CAAC8B,QAAQC,UAAU,GAAG/B,SAAwB;IACpD,uEAAuE;IACvE,kEAAkE;IAClE,MAAM,CAACgC,cAAcC,gBAAgB,GAAGjC,SAAwB;IAChE,MAAM,CAACkC,YAAYC,cAAc,GAAGnC,SAAS;IAE7C,MAAMoC,WAAWrC,OAAOoB;IACxBiB,SAASC,OAAO,GAAGlB;IACnB,MAAMmB,gBAAgBvC,OAAO;IAE7BD,UAAU;QACRuB,SAASZ;IACX,GAAG,EAAE;IAEL,MAAM8B,WAAW1C,YAAY;QAC3Bc,WAAW;QACX2B,cAAcD,OAAO,GAAG;QACxBhB,SAAS;QACTI,SAAS;QACTD,YAAY;QACZS,gBAAgB;IAClB,GAAG,EAAE;IAEL,MAAMO,SAAS3C,YAAY,CAAC4C,MAAcC;QACxC/B,WAAW8B;QACXjB,YAAYkB,uBAAAA,eAAgB;QAC5BJ,cAAcD,OAAO,GAAGM,KAAKC,GAAG;QAChCvB,SAASoB;IACX,GAAG,EAAE;IAEL,wEAAwE;IACxE,iDAAiD;IACjD3C,UAAU;QACR,IAAI,CAACsB,OAAO,OAAOE;QACnB,IAAIuB,SAAS;QACb,IAAIC,WAAW;QACf,IAAIC;QAEJ,MAAMC,WAAW;;gBAGFZ;YAFb,IAAI,CAACS,QAAQ;YACb,IAAIE,OAAOE,aAAaF;YACxB,MAAMG,gBAAOd,oBAAAA,SAASC,OAAO,qBAAhBD,kBAAkBc,IAAI,mBAAI;YACvCH,QAAQI,WACN,IAAM,KAAKC,QACXF,SAAS,SAASnC,2BAA2BD;QAEjD;QAEA,MAAMsC,OAAO;YACXL,QAAQzB;YACR,IAAI,CAACuB,UAAUC,UAAU;YACzB,0DAA0D;YAC1D,IAAI,OAAOO,aAAa,eAAeA,SAASC,MAAM,EAAE;YACxDR,WAAW;YACX,MAAMS,eAAeZ,KAAKC,GAAG,KAAKN,cAAcD,OAAO,GAAGrB;YAC1D,MAAMwC,SAAS,MAAMhD,YAAYY,OAAOmC;YACxCT,WAAW;YACX,IAAI,CAACD,QAAQ;YACb,IAAIW,OAAOC,EAAE,EAAE;oBAEmCD;gBADhD7B,WAAW;gBACX,MAAM,EAAER,OAAOsB,IAAI,EAAElB,UAAUmB,YAAY,EAAE,IAAGc,gBAAAA,OAAOE,KAAK,YAAZF,gBAAgB,CAAC;gBACjE,IAAIf,MAAM;oBACRL,SAASC,OAAO,GAAGI;oBACnBhB,SAASgB;gBACX;gBACA,IAAIC,cAAc;oBAChBJ,cAAcD,OAAO,GAAGM,KAAKC,GAAG;oBAChCpB,YAAYkB;gBACd;YACF,OAAO,IAAIc,OAAOG,MAAM,KAAK,KAAK;gBAChCpB;gBACA;YACF,OAAO;gBACLZ,WAAW;YACb;YACAqB;QACF;QAEA,MAAMY,eAAe;YACnB,IAAIP,SAASC,MAAM,EAAE;YACrB,IAAIP,OAAOE,aAAaF;YACxB,KAAKK;QACP;QAEA,KAAKA;QACLC,SAASQ,gBAAgB,CAAC,oBAAoBD;QAC9C,OAAO;YACLf,SAAS;YACT,IAAIE,OAAOE,aAAaF;YACxBM,SAASS,mBAAmB,CAAC,oBAAoBF;QACnD;IACF,GAAG;QAACxC;QAAOmB;KAAS;IAEpB,sEAAsE;IACtE,qEAAqE;IACrEzC,UAAU;QACR,IAAI,CAACsB,OAAO,OAAOE;QACnB,IAAIuB,SAAS;QACb,IAAIkB,OAAiD;QACrD,MAAMC,UAAU;YACd,IAAI;gBACF,MAAMC,WAAW,AACfC,UAGAD,QAAQ;gBACV,IAAI,CAACA,YAAYZ,SAASC,MAAM,EAAE;gBAClC,MAAMb,OAAO,MAAMwB,SAASD,OAAO,CAAC;gBACpC,IAAInB,QAAQkB,OAAOtB;qBACd,OAAMA,KAAK0B,OAAO,oBAAZ1B,KAAK0B,OAAO,MAAZ1B;YACb,EAAE,eAAM;YACN,+DAA+D;YACjE;QACF;QACA,KAAKuB;QACL,mEAAmE;QACnE,MAAMJ,eAAe;YACnB,IAAI,CAACP,SAASC,MAAM,EAAE,KAAKU;QAC7B;QACAX,SAASQ,gBAAgB,CAAC,oBAAoBD;QAC9C,OAAO;gBAGLG;YAFAlB,SAAS;YACTQ,SAASS,mBAAmB,CAAC,oBAAoBF;YACjDG,yBAAAA,gBAAAA,KAAMI,OAAO,qBAAbJ,mBAAAA,MAAkBK,KAAK,CAAC,IAAM9C;QAChC;IACF,GAAG;QAACF;KAAM;IAEV,4EAA4E;IAC5E,MAAMiD,YAAY,WAAGlD,yBAAAA,MAAO+B,IAAI,mBAAI,OAAO,CAAC,WAAE/B,yBAAAA,MAAOmD,QAAQ,oBAAI,IAAI;IACrExE,UAAU;QACRiC,UAAU;IACZ,GAAG;QAACsC;KAAU;IAEd,wEAAwE;IACxE,iEAAiE;IACjE,MAAME,YAAYpD,CAAAA,yBAAAA,MAAO+B,IAAI,MAAK,WAAW,IAAG/B,kBAAAA,MAAMmD,QAAQ,YAAdnD,kBAAkB,GAAG,CAAC,EAAEA,MAAMqD,WAAW,EAAE,GAAG;IAC9F1E,UAAU;QACRqC,cAAc;QACd,IAAI,CAACoC,WAAW,OAAOjD;QACvB,MAAMyB,QAAQI,WAAW,IAAMhB,cAAc,OAAOlC,cAAcwE,qBAAqB;QACvF,OAAO,IAAMxB,aAAaF;IAC5B,GAAG;QAACwB;KAAU;IAEd,MAAMG,SAAS7E,YACb,OAAO8E;YAiBEnB;QAhBP,IAAI,CAACpC,OAAO;QACZS,QAAQ;QACRE,UAAU;QACV,MAAMyB,SAAS,MAAM9C,iBAAiBU,OAAOuD;QAC7C9C,QAAQ;QACR,IAAI2B,OAAOC,EAAE,EAAE;YACbxB,gBAAgB0C,SAASL,QAAQ;YACjC;QACF;QACA,IAAId,OAAOG,MAAM,KAAK,KAAK;YACzBpB;YACA;QACF;QACAR,UACEyB,OAAOG,MAAM,KAAK,MACd,kDACCH,gBAAAA,OAAOoB,KAAK,YAAZpB,gBAAgB;IAEzB,GACA;QAACpC;QAAOmB;KAAS;IAGnB,IAAInB,UAAUE,WAAW;QACvB,qBACE,KAACnC;YAAI0F,IAAI;gBAAEC,WAAW;gBAAUC,SAAS;gBAAQC,YAAY;YAAS;sBACpE,cAAA,KAAC3F;gBAAiB4F,cAAW;;;IAGnC;IAEA,IAAI,CAAC7D,OAAO,qBAAO,KAACf;QAAwB6E,UAAU1C;;IAEtD,qBACE,MAACrD;QAAI0F,IAAI;YAAEM,UAAU;YAAYL,WAAW;QAAS;;YAClDpD,wBACC,KAACxC;gBAAMkG,UAAS;gBAAUP,IAAI;oBAAEM,UAAU;oBAAYE,KAAK;oBAAGC,MAAM;oBAAGC,OAAO;gBAAE;0BAAG;iBAGjF;0BACJ,KAACC;gBAECrE,OAAOA;gBACPI,UAAUA;gBACVK,MAAMA;gBACNE,QAAQA;gBACR2D,UAAUC,QACRvE,SAAUA,CAAAA,MAAMsE,QAAQ,IAAKtE,MAAMmD,QAAQ,IAAInD,MAAMmD,QAAQ,KAAKtC,YAAY;gBAEhFE,YAAYA;gBACZyD,UAAUjB;eATLL;0BAWP,KAACuB;gBACCC,UAAU;oBACR,MAAMtF,cAAca;oBACpBmB;gBACF;;;;AAIR;AAEA;;;CAGC,GACD,SAASiD,eAAe,EACtBrE,KAAK,EACLI,QAAQ,EACRK,IAAI,EACJE,MAAM,EACN2D,QAAQ,EACRvD,UAAU,EACVyD,QAAQ,EAST;QAyBkBxE;IAxBjB,MAAM2E,qBAAO,KAAC3F;QAAsBoB,UAAUA;QAAUwE,SAASxE,CAAAA,4BAAAA,SAAUwE,OAAO,KAAI;;IACtF,IAAI,CAAC5E,SAASA,MAAM+B,IAAI,KAAK,QAAQ,OAAO4C;IAE5C,IAAI3E,MAAM+B,IAAI,KAAK,UAAU;QAC3B,IAAIhB,YAAY,OAAO4D;QACvB,qBAAO,KAAC3F;YAAsBoB,UAAUA;YAAUyE,OAAM;;IAC1D;IAEA,IAAI7E,MAAM+B,IAAI,KAAK,cAAc;;YACnB/B,aAAwBA,cAIzBA;QAJX,MAAM8E,eAAM9E,cAAAA,MAAM+E,IAAI,qBAAV/E,YAAYgF,QAAQ,oBAAIhF,eAAAA,MAAM+E,IAAI,qBAAV/E,aAAYiF,UAAU;QAC1D,qBACE,KAACjG;YACCoB,UAAUA;YACVyE,OAAO7E,EAAAA,oBAAAA,MAAMkF,UAAU,qBAAhBlF,kBAAkB4E,OAAO,KAAI;YACpCA,SAASE,MAAM,CAAC,MAAM,EAAE3F,aAAa2F,KAAK9E,MAAMmF,QAAQ,GAAG,GAAGhF;YAC9DM,IAAI;;IAGV;IAEA,IAAI,AAACT,CAAAA,MAAM+B,IAAI,KAAK,SAAS/B,MAAM+B,IAAI,KAAK,SAAQ,KAAMuC,UAAU;QAClE,qBAAO,KAACtF;YAAsBoB,UAAUA;YAAUyE,OAAM;;IAC1D;IAEA,MAAM1B,YAAWnD,kBAAAA,MAAMmD,QAAQ,YAAdnD,kBAAkB;IACnC,IAAIoF;IACJ,IAAIpF,MAAM+B,IAAI,KAAK,SAAS/B,MAAMqF,GAAG,IAAIlC,UAAU;QACjDiC,qBACE,KAAC1F;YACC2F,KAAKrF,MAAMqF,GAAG;YACdlC,UAAUA;YACV1C,MAAMA;YACN0E,UAAUnF,MAAMmF,QAAQ;YACxBX,UAAUA;;IAGhB,OAAO,IAAIxE,MAAM+B,IAAI,KAAK,aAAa/B,MAAMsF,OAAO,IAAInC,UAAU;QAChEiC,qBACE,KAAC3F;YACC6F,SAAStF,MAAMsF,OAAO;YACtBnC,UAAUA;YACV1C,MAAMA;YACN+D,UAAUA;;IAGhB,OAAO,IAAIxE,MAAM+E,IAAI,EAAE;QACrBK,qBAAO,KAACnG;YAAmB8F,MAAM/E,MAAM+E,IAAI;YAAEI,UAAUnF,MAAMmF,QAAQ;;IACvE,OAAO;QACL,OAAOR;IACT;IAEA,qBACE,KAACxG;QAAUoH,UAAS;QAAK7B,IAAI;YAAE8B,IAAI;QAAE;kBACnC,cAAA,MAAC/G;YAAMgH,SAAS;YAAG/B,IAAI;gBAAEgC,YAAY;YAAS;;8BAC5C,KAAC3G;oBAAoBqB,UAAUA;;gBAC9BO,uBACC,KAAC5C;oBAAMkG,UAAS;oBAAOP,IAAI;wBAAEiC,OAAO;oBAAO;8BACxChF;qBAED;gBACHyE;;;;AAIT;AAEA;;;CAGC,GACD,SAASX,cAAc,EAAEC,QAAQ,EAAqC;IACpE,MAAM,CAACkB,MAAMC,QAAQ,GAAGhH,SAAS;IACjC,MAAM,CAAC4B,MAAMC,QAAQ,GAAG7B,SAAS;IACjC,qBACE;;0BACE,KAACZ;gBACC6H,MAAK;gBACLC,OAAM;gBACNC,SAAS,IAAMH,QAAQ;gBACvBnC,IAAI,CAACuC,QAAW,CAAA;wBACdjC,UAAU;wBACVI,OAAO6B,MAAMR,OAAO,CAAC;wBACrBS,QAAQD,MAAMR,OAAO,CAAC;wBACtBU,SAAS;oBACX,CAAA;0BACD;;0BAGD,MAAC/H;gBAAOwH,MAAMA;gBAAMQ,SAAS,IAAO3F,OAAON,YAAY0F,QAAQ;;kCAC7D,KAACrH;kCAAY;;kCACb,KAACF;kCACC,cAAA,KAACC;sCAAkB;;;kCAKrB,MAACF;;0CACC,KAACJ;gCAAO+H,SAAS,IAAMH,QAAQ;gCAAQQ,UAAU5F;0CAAM;;0CAGvD,KAACxC;gCACC8H,OAAM;gCACNO,SAAQ;gCACRD,UAAU5F;gCACVuF,SAAS;oCACPtF,QAAQ;oCACR,MAAMgE;oCACNhE,QAAQ;oCACRmF,QAAQ;gCACV;0CACD;;;;;;;;AAOX"}

package/src/lib/components/console/pos-ops/pos-customer-lookup.component.d.ts

@@ -0,0 +1,40 @@
+/**
+ * @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.
+ */
+/** The customer a sale is rung for. `id` is empty when no record system keeps people. */
+export interface PosSelectedCustomer {
+    kind: string;
+    id: string;
+    name: string;
+    email: string | null;
+    phone: string | null;
+}
+export interface PosCustomerLookupProps {
+    hostId: string;
+    value: PosSelectedCustomer | null;
+    onChange: (customer: PosSelectedCustomer | null) => void;
+}
+/**
+ * The customer at the register (AGL-3609): search the workspace's people by
+ * name, email or phone, see what they have bought here before, attach them
+ * to the sale — or add a new one in a few taps. Where the workspace keeps no
+ * people, it falls back to an email typed for the receipt.
+ */
+export declare function PosCustomerLookup(props: PosCustomerLookupProps): import("react").JSX.Element;
+export declare namespace PosCustomerLookup {
+    var displayName: string;
+}
+export default PosCustomerLookup;