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

package/src/lib/components/console/pos/pos-receipt-panel.component.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../../../../../libs/plugins/commerce/src/lib/components/console/pos/pos-receipt-panel.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 { Alert, Button, Stack, TextField, Typography } from '@mui/material'\nimport { useCallback, useEffect, useRef, useState } from 'react'\nimport * as CommerceModel from '../../../model'\nimport { usePosRegisterHasPrinter, usePosSaleReceipt } from '../pos-ops/register-ops'\nimport { posTender, PosRequestError, usd, type PosRegisterContext, type PosSaleSummary } from './pos-api'\nimport { POS_TOUCH_PX } from './pos-product-grid.component'\nimport type { PosDisplayControl } from './use-pos-display'\n\ntype User = Parameters<typeof posTender>[0]\n\nexport interface PosReceiptPanelProps {\n  user: User\n  hostId: string\n  sale: PosSaleSummary\n  context: PosRegisterContext | null\n  display: PosDisplayControl\n  onNewSale: () => void\n  /** The register the sale rang on, for its receipt printer and header. */\n  registerId?: string\n  registerName?: string\n  /** The cashier a PIN switched in (AGL-3609), as the receipt prints them. */\n  cashierName?: string\n  notify: (message: string, variant: 'success' | 'error' | 'warning' | 'info') => void\n}\n\n/**\n * The sale is paid (AGL-3607, AGL-3608): change due, then the receipt — on\n * the customer display when one is paired and the store asks, otherwise by\n * the cashier — and a new sale.\n */\nexport function PosReceiptPanel(props: PosReceiptPanelProps) {\n  const { user, hostId, sale, display, notify } = props\n  const [email, setEmail] = useState('')\n  const [phone, setPhone] = useState('')\n  const [sent, setSent] = useState('')\n  const asked = useRef(false)\n  const settings = props.context?.settings\n  // The 80 mm receipt the register's operations print (AGL-3609), read back\n  // from the stored sale; on a register with a cloud printer the server\n  // prints it there instead of the browser.\n  const receipt = usePosSaleReceipt({\n    hostId,\n    orderId: sale.orderId,\n    ...(props.registerName ? { registerName: props.registerName } : {}),\n    ...(props.cashierName ? { cashierName: props.cashierName } : {}),\n  })\n  const hasPrinter = usePosRegisterHasPrinter(hostId, props.registerId)\n  const change = sale.payments.reduce((sum, payment) => sum + (payment.changeCents ?? 0), 0)\n\n  // A text receipt is offered only when the store can send one (AGL-3610).\n  const smsReceipts = props.context?.smsReceipts === true\n\n  /**\n   * Sends (email, text) or records (print, none) the receipt choice. The\n   * server also ends the customer's turn on the display: it says thank you\n   * and forgets the address or number they typed (AGL-3608).\n   */\n  const sendReceipt = useCallback(\n    async (channel: CommerceModel.PosReceiptChannel, to = '', marketingOptIn = false) => {\n      try {\n        await posTender(user, hostId, sale.orderId, 'receipt', {\n          channel,\n          ...(to ? { to } : {}),\n          ...(marketingOptIn ? { marketingOptIn: true } : {}),\n        })\n        if (channel === 'email' || channel === 'sms') {\n          setSent(channel === 'sms' ? `Receipt texted to ${to}` : `Receipt emailed to ${to}`)\n          if (channel === 'sms') setPhone('')\n          else setEmail('')\n          notify('Receipt sent', 'success')\n        }\n      } catch (error) {\n        if (channel === 'email' || channel === 'sms') {\n          notify(error instanceof PosRequestError ? error.message : 'The receipt was not sent', 'error')\n        }\n      }\n    },\n    [user, hostId, sale.orderId, notify],\n  )\n\n  /** Prints on the register's cloud printer when it has one, else in the browser. */\n  const printReceipt = useCallback(async () => {\n    if (!hasPrinter) receipt.print()\n    await sendReceipt('print')\n  }, [hasPrinter, receipt, sendReceipt])\n\n  // Once per sale: print when the store always prints, or hand the choice to\n  // the customer's screen when it asks and a display is paired.\n  useEffect(() => {\n    if (asked.current || !settings) return\n    if (settings.receiptDefault === 'print') {\n      // The receipt prints from the stored sale, so it waits for that read.\n      if (!receipt.order) return\n      asked.current = true\n      void printReceipt()\n      return\n    }\n    asked.current = true\n    if (settings.receiptDefault === 'ask' && display.connected) {\n      void (async () => {\n        const answer = await display.ask({\n          mode: 'receipt',\n          receipt: {\n            channels: ['email', ...(smsReceipts ? (['sms'] as const) : []), 'print', 'none'],\n            offerMarketing: settings.displayMarketingOptIn,\n          },\n        })\n        if (!answer) {\n          // The cashier took the receipt over, or the customer walked away:\n          // the screen still ends on its thank-you, not a stale prompt.\n          await display.show({ mode: 'thanks' })\n          return\n        }\n        if (answer.receiptChannel === 'email' && answer.email) {\n          await sendReceipt('email', answer.email, answer.marketingOptIn === true)\n        } else if (answer.receiptChannel === 'sms' && answer.phone) {\n          await sendReceipt('sms', answer.phone)\n        } else if (answer.receiptChannel === 'print') {\n          await printReceipt()\n        } else {\n          await sendReceipt('none')\n        }\n      })()\n    }\n  }, [settings, display, receipt.order, printReceipt, sendReceipt, smsReceipts])\n\n  return (\n    <Stack spacing={1.5}>\n      <Alert severity=\"success\">\n        {`Paid ${usd(sale.totalCents)}` + (sale.tipCents ? ` + ${usd(sale.tipCents)} tip` : '')}\n      </Alert>\n      {change ? (\n        <Typography variant=\"h5\" component=\"p\">\n          {`Change due: ${usd(change)}`}\n        </Typography>\n      ) : null}\n      {display.asking === 'receipt' ? (\n        <Typography variant=\"body2\" color=\"text.secondary\">\n          {'The customer is choosing a receipt on the display…'}\n        </Typography>\n      ) : null}\n      {sent ? (\n        <Typography variant=\"body2\" color=\"text.secondary\">\n          {sent}\n        </Typography>\n      ) : null}\n      <Stack direction=\"row\" spacing={1}>\n        <TextField\n          label=\"Email receipt to\"\n          value={email}\n          onChange={(event) => setEmail(event.target.value)}\n          sx={{ flex: 1 }}\n          slotProps={{ htmlInput: { inputMode: 'email', autoComplete: 'off' } }}\n        />\n        <Button\n          variant=\"outlined\"\n          disabled={!CommerceModel.posDisplayEmail(email)}\n          onClick={() => {\n            display.cancelAsk()\n            void sendReceipt('email', email.trim())\n          }}\n          sx={{ minHeight: POS_TOUCH_PX }}\n        >\n          {'Send'}\n        </Button>\n      </Stack>\n      {smsReceipts ? (\n        <Stack direction=\"row\" spacing={1}>\n          <TextField\n            label=\"Text receipt to\"\n            value={phone}\n            onChange={(event) => setPhone(event.target.value)}\n            sx={{ flex: 1 }}\n            slotProps={{ htmlInput: { inputMode: 'tel', autoComplete: 'off' } }}\n          />\n          <Button\n            variant=\"outlined\"\n            disabled={!CommerceModel.posDisplayPhone(phone)}\n            onClick={() => {\n              display.cancelAsk()\n              void sendReceipt('sms', phone.trim())\n            }}\n            sx={{ minHeight: POS_TOUCH_PX }}\n          >\n            {'Text'}\n          </Button>\n        </Stack>\n      ) : null}\n      <Stack direction=\"row\" spacing={1}>\n        <Button\n          variant=\"outlined\"\n          disabled={!receipt.order}\n          onClick={() => {\n            // The cashier answers for the customer: the display's receipt\n            // prompt ends with a thank-you rather than waiting it out.\n            display.cancelAsk()\n            void printReceipt()\n          }}\n          sx={{ minHeight: POS_TOUCH_PX, flex: 1 }}\n        >\n          {'Print receipt'}\n        </Button>\n        <Button\n          variant=\"outlined\"\n          disabled={!receipt.order}\n          onClick={() => receipt.print(true)}\n          sx={{ minHeight: POS_TOUCH_PX, flex: 1 }}\n        >\n          {'Gift receipt'}\n        </Button>\n        <Button\n          variant=\"contained\"\n          onClick={() => {\n            display.cancelAsk()\n            props.onNewSale()\n          }}\n          sx={{ minHeight: POS_TOUCH_PX, flex: 1 }}\n        >\n          {'New sale'}\n        </Button>\n      </Stack>\n    </Stack>\n  )\n}\nPosReceiptPanel.displayName = 'PosReceiptPanel'\n"],"names":["Alert","Button","Stack","TextField","Typography","useCallback","useEffect","useRef","useState","CommerceModel","usePosRegisterHasPrinter","usePosSaleReceipt","posTender","PosRequestError","usd","POS_TOUCH_PX","PosReceiptPanel","props","user","hostId","sale","display","notify","email","setEmail","phone","setPhone","sent","setSent","asked","settings","context","receipt","orderId","registerName","cashierName","hasPrinter","registerId","change","payments","reduce","sum","payment","changeCents","smsReceipts","sendReceipt","channel","to","marketingOptIn","error","message","printReceipt","print","current","receiptDefault","order","connected","answer","ask","mode","channels","offerMarketing","displayMarketingOptIn","show","receiptChannel","spacing","severity","totalCents","tipCents","variant","component","asking","color","direction","label","value","onChange","event","target","sx","flex","slotProps","htmlInput","inputMode","autoComplete","disabled","posDisplayEmail","onClick","cancelAsk","trim","minHeight","posDisplayPhone","onNewSale","displayName"],"mappings":"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"}

package/src/lib/components/console/pos/pos-tender-dialogs.component.d.ts

@@ -0,0 +1,53 @@
+/** Cash: what the customer handed over, with one-tap round-ups. */
+export declare function PosCashDialog(props: {
+    open: boolean;
+    dueCents: number;
+    tipCents: number;
+    busy: boolean;
+    onClose: () => void;
+    onTake: (tenderedCents: number) => void;
+}): import("react").JSX.Element;
+/** A gift card: type or scan the code, see the balance, apply it. */
+export declare function PosGiftCardDialog(props: {
+    open: boolean;
+    busy: boolean;
+    onClose: () => void;
+    onCheck: (code: string) => Promise<{
+        availableCents: number;
+        frozen: boolean;
+        voided: boolean;
+    } | null>;
+    onApply: (code: string) => void;
+}): import("react").JSX.Element;
+/** Charge to a checked-in stay's folio. */
+export declare function PosFolioDialog(props: {
+    open: boolean;
+    amountCents: number;
+    stays: any[];
+    busy: boolean;
+    onClose: () => void;
+    onCharge: (reservationId: string) => void;
+}): import("react").JSX.Element;
+/**
+ * The QR payment page. Encoded in this browser, never fetched (AGL-1671): a
+ * live payment URL in a third party's query string is a link that pays the
+ * sale for whoever opens it.
+ */
+export declare function PosQrDialog(props: {
+    url: string;
+    amountCents: number;
+    onClose: () => void;
+}): import("react").JSX.Element;
+/**
+ * A card typed in by staff (card not present). The card goes into Stripe's
+ * own Payment Element and never touches the register; the server created the
+ * PaymentIntent and records the payment from Stripe, never from this form's
+ * say-so.
+ */
+export declare function PosKeyedCardDialog(props: {
+    clientSecret: string;
+    publishableKey: string;
+    amountCents: number;
+    onClose: () => void;
+    onConfirmed: () => void;
+}): import("react").JSX.Element;

package/src/lib/components/console/pos/pos-tender-dialogs.component.js

@@ -0,0 +1,445 @@
+/**
+ * @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, Box, Button, Dialog, DialogActions, DialogContent, DialogTitle, MenuItem, Stack, TextField, Typography } from "@mui/material";
+import { Elements, PaymentElement, useElements, useStripe } from "@stripe/react-stripe-js";
+// `/pure`: the Stripe script loads when a typed card is actually taken, not
+// whenever the register mounts (the AGL-2486 reasoning).
+import { loadStripe } from "@stripe/stripe-js/pure";
+import { QRCodeSVG } from "qrcode.react";
+import { useMemo, useState } from "react";
+import { centsFromInput, usd } from "./pos-api.js";
+import { POS_TOUCH_PX } from "./pos-product-grid.component.js";
+/*==========================================
+ * The register's tender dialogs (AGL-3607). Each collects what its tender
+ * needs and hands it to the tender panel, which owns the request.
+ *=========================================*/ /** Cash: what the customer handed over, with one-tap round-ups. */ export function PosCashDialog(props) {
+    const [received, setReceived] = useState('');
+    const owed = props.dueCents + props.tipCents;
+    const tendered = centsFromInput(received);
+    const quick = [
+        ...new Set([
+            owed,
+            Math.ceil(owed / 500) * 500,
+            Math.ceil(owed / 1000) * 1000,
+            Math.ceil(owed / 2000) * 2000
+        ])
+    ].filter((value)=>value >= owed).slice(0, 4);
+    const close = ()=>{
+        setReceived('');
+        props.onClose();
+    };
+    return /*#__PURE__*/ _jsxs(Dialog, {
+        open: props.open,
+        onClose: close,
+        maxWidth: "xs",
+        fullWidth: true,
+        children: [
+            /*#__PURE__*/ _jsx(DialogTitle, {
+                children: `Cash — ${usd(owed)}`
+            }),
+            /*#__PURE__*/ _jsxs(DialogContent, {
+                sx: {
+                    display: 'flex',
+                    flexDirection: 'column',
+                    gap: 2
+                },
+                children: [
+                    /*#__PURE__*/ _jsx(TextField, {
+                        label: "Cash received ($)",
+                        value: received,
+                        onChange: (event)=>setReceived(event.target.value.replace(/[^0-9.]/g, '')),
+                        autoFocus: true,
+                        sx: {
+                            mt: 1
+                        },
+                        slotProps: {
+                            htmlInput: {
+                                inputMode: 'decimal'
+                            }
+                        }
+                    }),
+                    /*#__PURE__*/ _jsx(Stack, {
+                        direction: "row",
+                        spacing: 1,
+                        sx: {
+                            flexWrap: 'wrap'
+                        },
+                        children: quick.map((cents)=>/*#__PURE__*/ _jsx(Button, {
+                                variant: "outlined",
+                                onClick: ()=>setReceived((cents / 100).toFixed(2)),
+                                sx: {
+                                    minHeight: POS_TOUCH_PX
+                                },
+                                children: cents === owed ? 'Exact' : usd(cents)
+                            }, cents))
+                    }),
+                    tendered > 0 && tendered >= owed ? /*#__PURE__*/ _jsx(Alert, {
+                        severity: "success",
+                        children: `Change: ${usd(tendered - owed)}`
+                    }) : tendered > 0 && tendered < owed ? /*#__PURE__*/ _jsx(Alert, {
+                        severity: "info",
+                        children: `Takes ${usd(Math.max(0, tendered - props.tipCents))} toward the sale; ${usd(owed - tendered)} left to pay.`
+                    }) : null
+                ]
+            }),
+            /*#__PURE__*/ _jsxs(DialogActions, {
+                children: [
+                    /*#__PURE__*/ _jsx(Button, {
+                        onClick: close,
+                        sx: {
+                            minHeight: POS_TOUCH_PX
+                        },
+                        children: 'Cancel'
+                    }),
+                    /*#__PURE__*/ _jsx(Button, {
+                        variant: "contained",
+                        disabled: props.busy || tendered <= props.tipCents,
+                        onClick: ()=>{
+                            props.onTake(tendered);
+                            setReceived('');
+                        },
+                        sx: {
+                            minHeight: POS_TOUCH_PX
+                        },
+                        children: 'Take cash'
+                    })
+                ]
+            })
+        ]
+    });
+}
+/** A gift card: type or scan the code, see the balance, apply it. */ export function PosGiftCardDialog(props) {
+    const [code, setCode] = useState('');
+    const [balance, setBalance] = useState(null);
+    const close = ()=>{
+        setCode('');
+        setBalance(null);
+        props.onClose();
+    };
+    return /*#__PURE__*/ _jsxs(Dialog, {
+        open: props.open,
+        onClose: close,
+        maxWidth: "xs",
+        fullWidth: true,
+        children: [
+            /*#__PURE__*/ _jsx(DialogTitle, {
+                children: 'Gift card'
+            }),
+            /*#__PURE__*/ _jsxs(DialogContent, {
+                sx: {
+                    display: 'flex',
+                    flexDirection: 'column',
+                    gap: 2
+                },
+                children: [
+                    /*#__PURE__*/ _jsx(TextField, {
+                        label: "Gift card code",
+                        value: code,
+                        onChange: (event)=>{
+                            setCode(event.target.value.toUpperCase());
+                            setBalance(null);
+                        },
+                        onKeyDown: async (event)=>{
+                            if (event.key !== 'Enter' || !code.trim()) return;
+                            const answer = await props.onCheck(code);
+                            setBalance(answer ? answer.frozen ? 'This card is on hold.' : answer.voided ? 'This card was voided.' : `Available: ${usd(answer.availableCents)}` : null);
+                        },
+                        autoFocus: true,
+                        sx: {
+                            mt: 1
+                        },
+                        slotProps: {
+                            htmlInput: {
+                                autoComplete: 'off',
+                                autoCapitalize: 'characters'
+                            }
+                        }
+                    }),
+                    balance ? /*#__PURE__*/ _jsx(Alert, {
+                        severity: "info",
+                        children: balance
+                    }) : null
+                ]
+            }),
+            /*#__PURE__*/ _jsxs(DialogActions, {
+                children: [
+                    /*#__PURE__*/ _jsx(Button, {
+                        onClick: close,
+                        sx: {
+                            minHeight: POS_TOUCH_PX
+                        },
+                        children: 'Cancel'
+                    }),
+                    /*#__PURE__*/ _jsx(Button, {
+                        disabled: !code.trim(),
+                        onClick: async ()=>{
+                            const answer = await props.onCheck(code);
+                            setBalance(answer ? answer.frozen ? 'This card is on hold.' : `Available: ${usd(answer.availableCents)}` : null);
+                        },
+                        sx: {
+                            minHeight: POS_TOUCH_PX
+                        },
+                        children: 'Check balance'
+                    }),
+                    /*#__PURE__*/ _jsx(Button, {
+                        variant: "contained",
+                        disabled: props.busy || !code.trim(),
+                        onClick: ()=>{
+                            props.onApply(code);
+                            setCode('');
+                            setBalance(null);
+                        },
+                        sx: {
+                            minHeight: POS_TOUCH_PX
+                        },
+                        children: 'Apply card'
+                    })
+                ]
+            })
+        ]
+    });
+}
+/** Charge to a checked-in stay's folio. */ export function PosFolioDialog(props) {
+    const [stay, setStay] = useState('');
+    return /*#__PURE__*/ _jsxs(Dialog, {
+        open: props.open,
+        onClose: props.onClose,
+        maxWidth: "xs",
+        fullWidth: true,
+        children: [
+            /*#__PURE__*/ _jsx(DialogTitle, {
+                children: `Charge to room — ${usd(props.amountCents)}`
+            }),
+            /*#__PURE__*/ _jsx(DialogContent, {
+                children: /*#__PURE__*/ _jsx(TextField, {
+                    label: "Checked-in stay",
+                    value: stay,
+                    onChange: (event)=>setStay(event.target.value),
+                    select: true,
+                    fullWidth: true,
+                    sx: {
+                        mt: 1
+                    },
+                    children: props.stays.map((entry)=>{
+                        var _ref, _entry_guestName;
+                        return /*#__PURE__*/ _jsx(MenuItem, {
+                            value: entry.$id,
+                            children: (_ref = (_entry_guestName = entry.guestName) != null ? _entry_guestName : entry.guestEmail) != null ? _ref : entry.$id
+                        }, entry.$id);
+                    })
+                })
+            }),
+            /*#__PURE__*/ _jsxs(DialogActions, {
+                children: [
+                    /*#__PURE__*/ _jsx(Button, {
+                        onClick: props.onClose,
+                        sx: {
+                            minHeight: POS_TOUCH_PX
+                        },
+                        children: 'Cancel'
+                    }),
+                    /*#__PURE__*/ _jsx(Button, {
+                        variant: "contained",
+                        disabled: props.busy || !stay,
+                        onClick: ()=>props.onCharge(stay),
+                        sx: {
+                            minHeight: POS_TOUCH_PX
+                        },
+                        children: 'Charge folio'
+                    })
+                ]
+            })
+        ]
+    });
+}
+/**
+ * The QR payment page. Encoded in this browser, never fetched (AGL-1671): a
+ * live payment URL in a third party's query string is a link that pays the
+ * sale for whoever opens it.
+ */ export function PosQrDialog(props) {
+    return /*#__PURE__*/ _jsxs(Dialog, {
+        open: Boolean(props.url),
+        onClose: props.onClose,
+        maxWidth: "xs",
+        fullWidth: true,
+        children: [
+            /*#__PURE__*/ _jsx(DialogTitle, {
+                children: `Scan to pay ${usd(props.amountCents)}`
+            }),
+            /*#__PURE__*/ _jsxs(DialogContent, {
+                sx: {
+                    display: 'flex',
+                    flexDirection: 'column',
+                    gap: 2
+                },
+                children: [
+                    /*#__PURE__*/ _jsx(Typography, {
+                        variant: "body2",
+                        color: "text.secondary",
+                        sx: {
+                            mt: 1
+                        },
+                        children: 'The customer scans this and pays on their phone. The payment shows ' + 'here as soon as it goes through.'
+                    }),
+                    /*#__PURE__*/ _jsx(Box, {
+                        sx: {
+                            display: 'flex',
+                            justifyContent: 'center'
+                        },
+                        children: /*#__PURE__*/ _jsx(QRCodeSVG, {
+                            value: props.url,
+                            size: 256,
+                            level: "L",
+                            marginSize: 4,
+                            title: "Payment QR",
+                            role: "img"
+                        })
+                    }),
+                    /*#__PURE__*/ _jsx(Button, {
+                        href: props.url,
+                        target: "_blank",
+                        rel: "noopener noreferrer",
+                        children: 'Open payment page'
+                    })
+                ]
+            }),
+            /*#__PURE__*/ _jsx(DialogActions, {
+                children: /*#__PURE__*/ _jsx(Button, {
+                    onClick: props.onClose,
+                    sx: {
+                        minHeight: POS_TOUCH_PX
+                    },
+                    children: 'Close'
+                })
+            })
+        ]
+    });
+}
+const stripePromises = new Map();
+function stripeFor(publishableKey) {
+    let promise = stripePromises.get(publishableKey);
+    if (!promise) {
+        promise = loadStripe(publishableKey);
+        stripePromises.set(publishableKey, promise);
+    }
+    return promise;
+}
+/**
+ * A card typed in by staff (card not present). The card goes into Stripe's
+ * own Payment Element and never touches the register; the server created the
+ * PaymentIntent and records the payment from Stripe, never from this form's
+ * say-so.
+ */ export function PosKeyedCardDialog(props) {
+    const stripe = useMemo(()=>props.publishableKey ? stripeFor(props.publishableKey) : null, [
+        props.publishableKey
+    ]);
+    return /*#__PURE__*/ _jsxs(Dialog, {
+        open: Boolean(props.clientSecret),
+        onClose: props.onClose,
+        maxWidth: "sm",
+        fullWidth: true,
+        children: [
+            /*#__PURE__*/ _jsx(DialogTitle, {
+                children: `Type a card — ${usd(props.amountCents)}`
+            }),
+            props.clientSecret && stripe ? /*#__PURE__*/ _jsx(Elements, {
+                stripe: stripe,
+                options: {
+                    clientSecret: props.clientSecret
+                },
+                children: /*#__PURE__*/ _jsx(KeyedCardForm, {
+                    onClose: props.onClose,
+                    onConfirmed: props.onConfirmed
+                })
+            }) : null
+        ]
+    });
+}
+function KeyedCardForm(props) {
+    const stripe = useStripe();
+    const elements = useElements();
+    const [error, setError] = useState('');
+    const [busy, setBusy] = useState(false);
+    return /*#__PURE__*/ _jsxs(_Fragment, {
+        children: [
+            /*#__PURE__*/ _jsxs(DialogContent, {
+                sx: {
+                    display: 'flex',
+                    flexDirection: 'column',
+                    gap: 2
+                },
+                children: [
+                    /*#__PURE__*/ _jsx(PaymentElement, {
+                        options: {
+                            layout: 'tabs',
+                            wallets: {
+                                applePay: 'never',
+                                googlePay: 'never'
+                            }
+                        }
+                    }),
+                    error ? /*#__PURE__*/ _jsx(Alert, {
+                        severity: "error",
+                        children: error
+                    }) : null
+                ]
+            }),
+            /*#__PURE__*/ _jsxs(DialogActions, {
+                children: [
+                    /*#__PURE__*/ _jsx(Button, {
+                        onClick: props.onClose,
+                        disabled: busy,
+                        sx: {
+                            minHeight: POS_TOUCH_PX
+                        },
+                        children: 'Cancel'
+                    }),
+                    /*#__PURE__*/ _jsx(Button, {
+                        variant: "contained",
+                        disabled: busy || !stripe || !elements,
+                        onClick: async ()=>{
+                            if (!stripe || !elements) return;
+                            setBusy(true);
+                            setError('');
+                            const result = await stripe.confirmPayment({
+                                elements,
+                                redirect: 'if_required',
+                                confirmParams: {
+                                    return_url: window.location.href
+                                }
+                            });
+                            setBusy(false);
+                            if (result.error) {
+                                var _result_error_message;
+                                setError((_result_error_message = result.error.message) != null ? _result_error_message : 'The card was not accepted.');
+                                return;
+                            }
+                            props.onConfirmed();
+                        },
+                        sx: {
+                            minHeight: POS_TOUCH_PX
+                        },
+                        children: busy ? 'Charging…' : 'Charge card'
+                    })
+                ]
+            })
+        ]
+    });
+}
+
+//# sourceMappingURL=pos-tender-dialogs.component.js.map

package/src/lib/components/console/pos/pos-tender-dialogs.component.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../../../../../libs/plugins/commerce/src/lib/components/console/pos/pos-tender-dialogs.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 {\n  Alert,\n  Box,\n  Button,\n  Dialog,\n  DialogActions,\n  DialogContent,\n  DialogTitle,\n  MenuItem,\n  Stack,\n  TextField,\n  Typography,\n} from '@mui/material'\nimport { Elements, PaymentElement, useElements, useStripe } from '@stripe/react-stripe-js'\n// `/pure`: the Stripe script loads when a typed card is actually taken, not\n// whenever the register mounts (the AGL-2486 reasoning).\nimport { loadStripe } from '@stripe/stripe-js/pure'\nimport type { Stripe } from '@stripe/stripe-js'\nimport { QRCodeSVG } from 'qrcode.react'\nimport { useMemo, useState } from 'react'\nimport { centsFromInput, usd } from './pos-api'\nimport { POS_TOUCH_PX } from './pos-product-grid.component'\n\n/*==========================================\n * The register's tender dialogs (AGL-3607). Each collects what its tender\n * needs and hands it to the tender panel, which owns the request.\n *=========================================*/\n\n/** Cash: what the customer handed over, with one-tap round-ups. */\nexport function PosCashDialog(props: {\n  open: boolean\n  dueCents: number\n  tipCents: number\n  busy: boolean\n  onClose: () => void\n  onTake: (tenderedCents: number) => void\n}) {\n  const [received, setReceived] = useState('')\n  const owed = props.dueCents + props.tipCents\n  const tendered = centsFromInput(received)\n  const quick = [...new Set([owed, Math.ceil(owed / 500) * 500, Math.ceil(owed / 1000) * 1000, Math.ceil(owed / 2000) * 2000])]\n    .filter((value) => value >= owed)\n    .slice(0, 4)\n  const close = () => {\n    setReceived('')\n    props.onClose()\n  }\n  return (\n    <Dialog open={props.open} onClose={close} maxWidth=\"xs\" fullWidth>\n      <DialogTitle>{`Cash — ${usd(owed)}`}</DialogTitle>\n      <DialogContent sx={{ display: 'flex', flexDirection: 'column', gap: 2 }}>\n        <TextField\n          label=\"Cash received ($)\"\n          value={received}\n          onChange={(event) => setReceived(event.target.value.replace(/[^0-9.]/g, ''))}\n          autoFocus\n          sx={{ mt: 1 }}\n          slotProps={{ htmlInput: { inputMode: 'decimal' } }}\n        />\n        <Stack direction=\"row\" spacing={1} sx={{ flexWrap: 'wrap' }}>\n          {quick.map((cents) => (\n            <Button\n              key={cents}\n              variant=\"outlined\"\n              onClick={() => setReceived((cents / 100).toFixed(2))}\n              sx={{ minHeight: POS_TOUCH_PX }}\n            >\n              {cents === owed ? 'Exact' : usd(cents)}\n            </Button>\n          ))}\n        </Stack>\n        {tendered > 0 && tendered >= owed ? (\n          <Alert severity=\"success\">{`Change: ${usd(tendered - owed)}`}</Alert>\n        ) : tendered > 0 && tendered < owed ? (\n          <Alert severity=\"info\">\n            {`Takes ${usd(Math.max(0, tendered - props.tipCents))} toward the sale; ${usd(owed - tendered)} left to pay.`}\n          </Alert>\n        ) : null}\n      </DialogContent>\n      <DialogActions>\n        <Button onClick={close} sx={{ minHeight: POS_TOUCH_PX }}>\n          {'Cancel'}\n        </Button>\n        <Button\n          variant=\"contained\"\n          disabled={props.busy || tendered <= props.tipCents}\n          onClick={() => {\n            props.onTake(tendered)\n            setReceived('')\n          }}\n          sx={{ minHeight: POS_TOUCH_PX }}\n        >\n          {'Take cash'}\n        </Button>\n      </DialogActions>\n    </Dialog>\n  )\n}\n\n/** A gift card: type or scan the code, see the balance, apply it. */\nexport function PosGiftCardDialog(props: {\n  open: boolean\n  busy: boolean\n  onClose: () => void\n  onCheck: (code: string) => Promise<{ availableCents: number; frozen: boolean; voided: boolean } | null>\n  onApply: (code: string) => void\n}) {\n  const [code, setCode] = useState('')\n  const [balance, setBalance] = useState<string | null>(null)\n  const close = () => {\n    setCode('')\n    setBalance(null)\n    props.onClose()\n  }\n  return (\n    <Dialog open={props.open} onClose={close} maxWidth=\"xs\" fullWidth>\n      <DialogTitle>{'Gift card'}</DialogTitle>\n      <DialogContent sx={{ display: 'flex', flexDirection: 'column', gap: 2 }}>\n        <TextField\n          label=\"Gift card code\"\n          value={code}\n          onChange={(event) => {\n            setCode(event.target.value.toUpperCase())\n            setBalance(null)\n          }}\n          onKeyDown={async (event) => {\n            if (event.key !== 'Enter' || !code.trim()) return\n            const answer = await props.onCheck(code)\n            setBalance(\n              answer\n                ? answer.frozen\n                  ? 'This card is on hold.'\n                  : answer.voided\n                    ? 'This card was voided.'\n                    : `Available: ${usd(answer.availableCents)}`\n                : null,\n            )\n          }}\n          autoFocus\n          sx={{ mt: 1 }}\n          slotProps={{ htmlInput: { autoComplete: 'off', autoCapitalize: 'characters' } }}\n        />\n        {balance ? <Alert severity=\"info\">{balance}</Alert> : null}\n      </DialogContent>\n      <DialogActions>\n        <Button onClick={close} sx={{ minHeight: POS_TOUCH_PX }}>\n          {'Cancel'}\n        </Button>\n        <Button\n          disabled={!code.trim()}\n          onClick={async () => {\n            const answer = await props.onCheck(code)\n            setBalance(\n              answer\n                ? answer.frozen\n                  ? 'This card is on hold.'\n                  : `Available: ${usd(answer.availableCents)}`\n                : null,\n            )\n          }}\n          sx={{ minHeight: POS_TOUCH_PX }}\n        >\n          {'Check balance'}\n        </Button>\n        <Button\n          variant=\"contained\"\n          disabled={props.busy || !code.trim()}\n          onClick={() => {\n            props.onApply(code)\n            setCode('')\n            setBalance(null)\n          }}\n          sx={{ minHeight: POS_TOUCH_PX }}\n        >\n          {'Apply card'}\n        </Button>\n      </DialogActions>\n    </Dialog>\n  )\n}\n\n/** Charge to a checked-in stay's folio. */\nexport function PosFolioDialog(props: {\n  open: boolean\n  amountCents: number\n  stays: any[]\n  busy: boolean\n  onClose: () => void\n  onCharge: (reservationId: string) => void\n}) {\n  const [stay, setStay] = useState('')\n  return (\n    <Dialog open={props.open} onClose={props.onClose} maxWidth=\"xs\" fullWidth>\n      <DialogTitle>{`Charge to room — ${usd(props.amountCents)}`}</DialogTitle>\n      <DialogContent>\n        <TextField\n          label=\"Checked-in stay\"\n          value={stay}\n          onChange={(event) => setStay(event.target.value)}\n          select\n          fullWidth\n          sx={{ mt: 1 }}\n        >\n          {props.stays.map((entry: any) => (\n            <MenuItem key={entry.$id} value={entry.$id}>\n              {entry.guestName ?? entry.guestEmail ?? entry.$id}\n            </MenuItem>\n          ))}\n        </TextField>\n      </DialogContent>\n      <DialogActions>\n        <Button onClick={props.onClose} sx={{ minHeight: POS_TOUCH_PX }}>\n          {'Cancel'}\n        </Button>\n        <Button\n          variant=\"contained\"\n          disabled={props.busy || !stay}\n          onClick={() => props.onCharge(stay)}\n          sx={{ minHeight: POS_TOUCH_PX }}\n        >\n          {'Charge folio'}\n        </Button>\n      </DialogActions>\n    </Dialog>\n  )\n}\n\n/**\n * The QR payment page. Encoded in this browser, never fetched (AGL-1671): a\n * live payment URL in a third party's query string is a link that pays the\n * sale for whoever opens it.\n */\nexport function PosQrDialog(props: { url: string; amountCents: number; onClose: () => void }) {\n  return (\n    <Dialog open={Boolean(props.url)} onClose={props.onClose} maxWidth=\"xs\" fullWidth>\n      <DialogTitle>{`Scan to pay ${usd(props.amountCents)}`}</DialogTitle>\n      <DialogContent sx={{ display: 'flex', flexDirection: 'column', gap: 2 }}>\n        <Typography variant=\"body2\" color=\"text.secondary\" sx={{ mt: 1 }}>\n          {'The customer scans this and pays on their phone. The payment shows ' +\n            'here as soon as it goes through.'}\n        </Typography>\n        <Box sx={{ display: 'flex', justifyContent: 'center' }}>\n          <QRCodeSVG value={props.url} size={256} level=\"L\" marginSize={4} title=\"Payment QR\" role=\"img\" />\n        </Box>\n        <Button href={props.url} target=\"_blank\" rel=\"noopener noreferrer\">\n          {'Open payment page'}\n        </Button>\n      </DialogContent>\n      <DialogActions>\n        <Button onClick={props.onClose} sx={{ minHeight: POS_TOUCH_PX }}>\n          {'Close'}\n        </Button>\n      </DialogActions>\n    </Dialog>\n  )\n}\n\nconst stripePromises = new Map<string, Promise<Stripe | null>>()\n\nfunction stripeFor(publishableKey: string): Promise<Stripe | null> {\n  let promise = stripePromises.get(publishableKey)\n  if (!promise) {\n    promise = loadStripe(publishableKey)\n    stripePromises.set(publishableKey, promise)\n  }\n  return promise\n}\n\n/**\n * A card typed in by staff (card not present). The card goes into Stripe's\n * own Payment Element and never touches the register; the server created the\n * PaymentIntent and records the payment from Stripe, never from this form's\n * say-so.\n */\nexport function PosKeyedCardDialog(props: {\n  clientSecret: string\n  publishableKey: string\n  amountCents: number\n  onClose: () => void\n  onConfirmed: () => void\n}) {\n  const stripe = useMemo(\n    () => (props.publishableKey ? stripeFor(props.publishableKey) : null),\n    [props.publishableKey],\n  )\n  return (\n    <Dialog open={Boolean(props.clientSecret)} onClose={props.onClose} maxWidth=\"sm\" fullWidth>\n      <DialogTitle>{`Type a card — ${usd(props.amountCents)}`}</DialogTitle>\n      {props.clientSecret && stripe ? (\n        <Elements stripe={stripe} options={{ clientSecret: props.clientSecret }}>\n          <KeyedCardForm onClose={props.onClose} onConfirmed={props.onConfirmed} />\n        </Elements>\n      ) : null}\n    </Dialog>\n  )\n}\n\nfunction KeyedCardForm(props: { onClose: () => void; onConfirmed: () => void }) {\n  const stripe = useStripe()\n  const elements = useElements()\n  const [error, setError] = useState('')\n  const [busy, setBusy] = useState(false)\n  return (\n    <>\n      <DialogContent sx={{ display: 'flex', flexDirection: 'column', gap: 2 }}>\n        <PaymentElement options={{ layout: 'tabs', wallets: { applePay: 'never', googlePay: 'never' } }} />\n        {error ? <Alert severity=\"error\">{error}</Alert> : null}\n      </DialogContent>\n      <DialogActions>\n        <Button onClick={props.onClose} disabled={busy} sx={{ minHeight: POS_TOUCH_PX }}>\n          {'Cancel'}\n        </Button>\n        <Button\n          variant=\"contained\"\n          disabled={busy || !stripe || !elements}\n          onClick={async () => {\n            if (!stripe || !elements) return\n            setBusy(true)\n            setError('')\n            const result = await stripe.confirmPayment({\n              elements,\n              redirect: 'if_required',\n              confirmParams: { return_url: window.location.href },\n            })\n            setBusy(false)\n            if (result.error) {\n              setError(result.error.message ?? 'The card was not accepted.')\n              return\n            }\n            props.onConfirmed()\n          }}\n          sx={{ minHeight: POS_TOUCH_PX }}\n        >\n          {busy ? 'Charging…' : 'Charge card'}\n        </Button>\n      </DialogActions>\n    </>\n  )\n}\n"],"names":["Alert","Box","Button","Dialog","DialogActions","DialogContent","DialogTitle","MenuItem","Stack","TextField","Typography","Elements","PaymentElement","useElements","useStripe","loadStripe","QRCodeSVG","useMemo","useState","centsFromInput","usd","POS_TOUCH_PX","PosCashDialog","props","received","setReceived","owed","dueCents","tipCents","tendered","quick","Set","Math","ceil","filter","value","slice","close","onClose","open","maxWidth","fullWidth","sx","display","flexDirection","gap","label","onChange","event","target","replace","autoFocus","mt","slotProps","htmlInput","inputMode","direction","spacing","flexWrap","map","cents","variant","onClick","toFixed","minHeight","severity","max","disabled","busy","onTake","PosGiftCardDialog","code","setCode","balance","setBalance","toUpperCase","onKeyDown","key","trim","answer","onCheck","frozen","voided","availableCents","autoComplete","autoCapitalize","onApply","PosFolioDialog","stay","setStay","amountCents","select","stays","entry","$id","guestName","guestEmail","onCharge","PosQrDialog","Boolean","url","color","justifyContent","size","level","marginSize","title","role","href","rel","stripePromises","Map","stripeFor","publishableKey","promise","get","set","PosKeyedCardDialog","stripe","clientSecret","options","KeyedCardForm","onConfirmed","elements","error","setError","setBusy","layout","wallets","applePay","googlePay","result","confirmPayment","redirect","confirmParams","return_url","window","location","message"],"mappings":"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"}

package/src/lib/components/console/pos/pos-tender-panel.component.d.ts

@@ -0,0 +1,31 @@
+import { posTender, type PosRegisterContext, type PosSaleSummary } from './pos-api';
+import type { PosDisplayControl } from './use-pos-display';
+type User = Parameters<typeof posTender>[0];
+export interface PosTenderPanelProps {
+    user: User;
+    hostId: string;
+    registerId: string;
+    sale: PosSaleSummary;
+    context: PosRegisterContext | null;
+    stays: any[];
+    display: PosDisplayControl;
+    onSale: (sale: PosSaleSummary) => void;
+    /** The sale is voided: the basket is the cashier's again. */
+    onVoided: () => void;
+    /** The tip chosen for the next payment, before it is taken. */
+    onTipChange?: (tipCents: number) => void;
+    /** A PIN-switched cashier (AGL-3609) takes each payment they start. */
+    cashierAssertion?: string;
+    notify: (message: string, variant: 'success' | 'error' | 'warning' | 'info') => void;
+}
+/**
+ * Taking payment on an open sale (AGL-3607): the balance due, every payment
+ * taken so far with its live status, and the tenders. A sale can take as many
+ * payments as it needs; it is paid when the balance reaches zero, and only
+ * then does the server take the stock and complete it.
+ */
+export declare function PosTenderPanel(props: PosTenderPanelProps): import("react").JSX.Element;
+export declare namespace PosTenderPanel {
+    var displayName: string;
+}
+export {};