@aglyn/plugins-commerce 1.0.0-beta.232 → 1.0.0-beta.233

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

@@ -1,3 +1,4 @@
+import { type PosCreditAccount } from './pos-api';
 /** Cash: what the customer handed over, with one-tap round-ups. */
 export declare function PosCashDialog(props: {
     open: boolean;
@@ -51,3 +52,20 @@ export declare function PosKeyedCardDialog(props: {
     onClose: () => void;
     onConfirmed: () => void;
 }): import("react").JSX.Element;
+/**
+ * Store credit another plugin keeps (AGL-3640) — a rewards balance, a friend's
+ * referral credit. The cashier finds the customer by email or code and takes
+ * from the account found, or applies a code the customer reads out. Which
+ * plugin answers is the provider's business; the register only shows its name
+ * and what the account can give.
+ */
+export declare function PosCreditDialog(props: {
+    open: boolean;
+    label: string;
+    canLookup: boolean;
+    busy: boolean;
+    onClose: () => void;
+    onLookup: (query: string) => Promise<PosCreditAccount[] | null>;
+    onApplyCode: (code: string) => void;
+    onApplyAccount: (account: PosCreditAccount) => void;
+}): import("react").JSX.Element;

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

@@ -15,7 +15,7 @@
  * 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 { Alert, Box, Button, Dialog, DialogActions, DialogContent, DialogTitle, List, ListItemButton, ListItemText, 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).
@@ -441,5 +441,120 @@ function KeyedCardForm(props) {
         ]
     });
 }
+/**
+ * Store credit another plugin keeps (AGL-3640) — a rewards balance, a friend's
+ * referral credit. The cashier finds the customer by email or code and takes
+ * from the account found, or applies a code the customer reads out. Which
+ * plugin answers is the provider's business; the register only shows its name
+ * and what the account can give.
+ */ export function PosCreditDialog(props) {
+    const [query, setQuery] = useState('');
+    const [found, setFound] = useState(null);
+    const close = ()=>{
+        setQuery('');
+        setFound(null);
+        props.onClose();
+    };
+    const find = async ()=>{
+        if (!query.trim()) return;
+        setFound(await props.onLookup(query.trim()));
+    };
+    return /*#__PURE__*/ _jsxs(Dialog, {
+        open: props.open,
+        onClose: close,
+        maxWidth: "xs",
+        fullWidth: true,
+        children: [
+            /*#__PURE__*/ _jsx(DialogTitle, {
+                children: props.label
+            }),
+            /*#__PURE__*/ _jsxs(DialogContent, {
+                sx: {
+                    display: 'flex',
+                    flexDirection: 'column',
+                    gap: 2
+                },
+                children: [
+                    /*#__PURE__*/ _jsx(TextField, {
+                        label: props.canLookup ? 'Code or customer email' : 'Code',
+                        value: query,
+                        onChange: (event)=>{
+                            setQuery(event.target.value);
+                            setFound(null);
+                        },
+                        onKeyDown: (event)=>{
+                            if (event.key === 'Enter' && props.canLookup) void find();
+                        },
+                        autoFocus: true,
+                        sx: {
+                            mt: 1
+                        },
+                        slotProps: {
+                            htmlInput: {
+                                autoComplete: 'off',
+                                'data-testid': 'pos-credit-query'
+                            }
+                        }
+                    }),
+                    found && !found.length ? /*#__PURE__*/ _jsx(Alert, {
+                        severity: "info",
+                        children: 'No account matches.'
+                    }) : null,
+                    (found == null ? void 0 : found.length) ? /*#__PURE__*/ _jsx(List, {
+                        disablePadding: true,
+                        children: found.map((account)=>/*#__PURE__*/ _jsx(ListItemButton, {
+                                disabled: props.busy || account.availableCents <= 0,
+                                onClick: ()=>{
+                                    props.onApplyAccount(account);
+                                    setQuery('');
+                                    setFound(null);
+                                },
+                                divider: true,
+                                sx: {
+                                    minHeight: POS_TOUCH_PX
+                                },
+                                children: /*#__PURE__*/ _jsx(ListItemText, {
+                                    primary: `${account.label}${account.last4 ? ` •• ${account.last4}` : ''} · ${usd(account.availableCents)} available`,
+                                    secondary: account.detail
+                                })
+                            }, account.reference))
+                    }) : null
+                ]
+            }),
+            /*#__PURE__*/ _jsxs(DialogActions, {
+                children: [
+                    /*#__PURE__*/ _jsx(Button, {
+                        onClick: close,
+                        sx: {
+                            minHeight: POS_TOUCH_PX
+                        },
+                        children: 'Cancel'
+                    }),
+                    props.canLookup ? /*#__PURE__*/ _jsx(Button, {
+                        disabled: props.busy || !query.trim(),
+                        onClick: ()=>void find(),
+                        sx: {
+                            minHeight: POS_TOUCH_PX
+                        },
+                        children: 'Find'
+                    }) : null,
+                    /*#__PURE__*/ _jsx(Button, {
+                        variant: "contained",
+                        disabled: props.busy || !query.trim() || query.includes('@'),
+                        onClick: ()=>{
+                            props.onApplyCode(query.trim());
+                            setQuery('');
+                            setFound(null);
+                        },
+                        sx: {
+                            minHeight: POS_TOUCH_PX
+                        },
+                        children: 'Apply code'
+                    })
+                ]
+            })
+        ]
+    });
+}
 
 //# sourceMappingURL=pos-tender-dialogs.component.js.map

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

@@ -1 +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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"}
+{"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  List,\n  ListItemButton,\n  ListItemText,\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, type PosCreditAccount } 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\n/**\n * Store credit another plugin keeps (AGL-3640) — a rewards balance, a friend's\n * referral credit. The cashier finds the customer by email or code and takes\n * from the account found, or applies a code the customer reads out. Which\n * plugin answers is the provider's business; the register only shows its name\n * and what the account can give.\n */\nexport function PosCreditDialog(props: {\n  open: boolean\n  label: string\n  canLookup: boolean\n  busy: boolean\n  onClose: () => void\n  onLookup: (query: string) => Promise<PosCreditAccount[] | null>\n  onApplyCode: (code: string) => void\n  onApplyAccount: (account: PosCreditAccount) => void\n}) {\n  const [query, setQuery] = useState('')\n  const [found, setFound] = useState<PosCreditAccount[] | null>(null)\n  const close = () => {\n    setQuery('')\n    setFound(null)\n    props.onClose()\n  }\n  const find = async () => {\n    if (!query.trim()) return\n    setFound(await props.onLookup(query.trim()))\n  }\n  return (\n    <Dialog open={props.open} onClose={close} maxWidth=\"xs\" fullWidth>\n      <DialogTitle>{props.label}</DialogTitle>\n      <DialogContent sx={{ display: 'flex', flexDirection: 'column', gap: 2 }}>\n        <TextField\n          label={props.canLookup ? 'Code or customer email' : 'Code'}\n          value={query}\n          onChange={(event) => {\n            setQuery(event.target.value)\n            setFound(null)\n          }}\n          onKeyDown={(event) => {\n            if (event.key === 'Enter' && props.canLookup) void find()\n          }}\n          autoFocus\n          sx={{ mt: 1 }}\n          slotProps={{ htmlInput: { autoComplete: 'off', 'data-testid': 'pos-credit-query' } }}\n        />\n        {found && !found.length ? <Alert severity=\"info\">{'No account matches.'}</Alert> : null}\n        {found?.length ? (\n          <List disablePadding>\n            {found.map((account) => (\n              <ListItemButton\n                key={account.reference}\n                disabled={props.busy || account.availableCents <= 0}\n                onClick={() => {\n                  props.onApplyAccount(account)\n                  setQuery('')\n                  setFound(null)\n                }}\n                divider\n                sx={{ minHeight: POS_TOUCH_PX }}\n              >\n                <ListItemText\n                  primary={`${account.label}${account.last4 ? ` •• ${account.last4}` : ''} · ${usd(account.availableCents)} available`}\n                  secondary={account.detail}\n                />\n              </ListItemButton>\n            ))}\n          </List>\n        ) : null}\n      </DialogContent>\n      <DialogActions>\n        <Button onClick={close} sx={{ minHeight: POS_TOUCH_PX }}>\n          {'Cancel'}\n        </Button>\n        {props.canLookup ? (\n          <Button disabled={props.busy || !query.trim()} onClick={() => void find()} sx={{ minHeight: POS_TOUCH_PX }}>\n            {'Find'}\n          </Button>\n        ) : null}\n        <Button\n          variant=\"contained\"\n          disabled={props.busy || !query.trim() || query.includes('@')}\n          onClick={() => {\n            props.onApplyCode(query.trim())\n            setQuery('')\n            setFound(null)\n          }}\n          sx={{ minHeight: POS_TOUCH_PX }}\n        >\n          {'Apply code'}\n        </Button>\n      </DialogActions>\n    </Dialog>\n  )\n}\n"],"names":["Alert","Box","Button","Dialog","DialogActions","DialogContent","DialogTitle","List","ListItemButton","ListItemText","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","PosCreditDialog","query","setQuery","found","setFound","find","onLookup","canLookup","length","disablePadding","account","onApplyAccount","divider","primary","last4","secondary","detail","reference","includes","onApplyCode"],"mappings":"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"}

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

@@ -17,6 +17,14 @@ export interface PosTenderPanelProps {
     /** A PIN-switched cashier (AGL-3609) takes each payment they start. */
     cashierAssertion?: string;
     notify: (message: string, variant: 'success' | 'error' | 'warning' | 'info') => void;
+    /**
+     * The register is offline (AGL-3625). Every tender here is the server's —
+     * the card reader, the typed card, the QR link, the gift card, the room
+     * charge and this sale's own cash — so each is off until it returns.
+     */
+    offline?: boolean;
+    /** Rings this basket as an offline cash sale instead; offered while nothing is paid. */
+    onSellOffline?: () => void;
 }
 /**
  * Taking payment on an open sale (AGL-3607): the balance due, every payment

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

@@ -20,9 +20,9 @@ import { Alert, Box, Button, Chip, Divider, MenuItem, Stack, TextField, Typograp
 import { useConfirmationContext } from "@aglyn/shared-ui-jsx";
 import { useCallback, useEffect, useRef, useState } from "react";
 import * as CommerceModel from "../../../model/index.js";
-import { centsFromInput, newAttemptKey, posGiftCardBalance, posNativeBridge, posTender, PosRequestError, usd } from "./pos-api.js";
+import { centsFromInput, newAttemptKey, posCreditLookup, posGiftCardBalance, posNativeBridge, posTender, PosRequestError, usd } from "./pos-api.js";
 import { POS_TOUCH_PX } from "./pos-product-grid.component.js";
-import { PosCashDialog, PosFolioDialog, PosGiftCardDialog, PosKeyedCardDialog, PosQrDialog } from "./pos-tender-dialogs.component.js";
+import { PosCashDialog, PosCreditDialog, PosFolioDialog, PosGiftCardDialog, PosKeyedCardDialog, PosQrDialog } from "./pos-tender-dialogs.component.js";
 const STATUS_LABEL = {
     pending: 'Waiting',
     succeeded: 'Approved',
@@ -43,7 +43,7 @@ const STATUS_COLOR = {
  * 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 function PosTenderPanel(props) {
-    var _ref, _ref1, _ref2, _ref3, _ref4, _ref5, _ref6;
+    var _ref, _ref1, _ref2, _ref3, _ref4, _ref5, _ref6, _ref7, _ref8;
     var _context_terminal, _context_terminal1;
     const { user, hostId, sale, context, display, onSale, notify } = props;
     const settings = context == null ? void 0 : context.settings;
@@ -51,6 +51,8 @@ const STATUS_COLOR = {
     const [tipCents, setTipCents] = useState(0);
     const [busy, setBusy] = useState(false);
     const [dialog, setDialog] = useState(null);
+    // The store-credit provider whose dialog is open (AGL-3640).
+    const [creditProvider, setCreditProvider] = useState(null);
     const [qr, setQr] = useState(null);
     const [keyed, setKeyed] = useState(null);
     const [readerId, setReaderId] = useState('');
@@ -80,6 +82,7 @@ const STATUS_COLOR = {
     const typedCents = centsFromInput(amount);
     const chargeCents = typedCents > 0 ? Math.min(typedCents, sale.tenderableCents) : sale.tenderableCents;
     const paid = sale.status === 'paid';
+    const offline = props.offline === true;
     const run = useCallback(async (action, body = {}, starts = false)=>{
         if (inFlight.current) return null;
         inFlight.current = true;
@@ -368,6 +371,16 @@ const STATUS_COLOR = {
                     }, payment.id);
                 })
             }) : null,
+            offline && !paid ? /*#__PURE__*/ _jsx(Alert, {
+                severity: "warning",
+                action: props.onSellOffline && sale.payments.length === 0 ? /*#__PURE__*/ _jsx(Button, {
+                    color: "inherit",
+                    size: "small",
+                    onClick: props.onSellOffline,
+                    children: 'Sell for cash offline'
+                }) : null,
+                children: sale.payments.length === 0 ? 'Offline: card readers, typed cards, the QR link, gift cards, store credit and room charges are off. ' + 'Take this basket as an offline cash sale, or wait for the connection.' : 'Offline: this sale has a payment on it and finishes when the connection returns. ' + 'Card readers, typed cards, the QR link, gift cards, store credit and room charges are off.'
+            }) : null,
             !paid ? /*#__PURE__*/ _jsxs(_Fragment, {
                 children: [
                     /*#__PURE__*/ _jsx(Divider, {}),
@@ -412,7 +425,7 @@ const STATUS_COLOR = {
                             display.connected ? /*#__PURE__*/ _jsx(Button, {
                                 variant: "outlined",
                                 onClick: ()=>void askTip(),
-                                disabled: busy || Boolean(display.asking),
+                                disabled: offline || busy || Boolean(display.asking),
                                 sx: {
                                     minHeight: POS_TOUCH_PX
                                 },
@@ -444,7 +457,7 @@ const STATUS_COLOR = {
                         children: [
                             /*#__PURE__*/ _jsx(Button, {
                                 variant: "contained",
-                                disabled: busy || chargeCents <= 0,
+                                disabled: offline || busy || chargeCents <= 0,
                                 onClick: ()=>setDialog('cash'),
                                 sx: {
                                     minHeight: 56
@@ -453,7 +466,7 @@ const STATUS_COLOR = {
                             }),
                             (context == null ? void 0 : (_context_terminal = context.terminal) == null ? void 0 : _context_terminal.available) && readers.length ? /*#__PURE__*/ _jsx(Button, {
                                 variant: "contained",
-                                disabled: busy || chargeCents <= 0 || !readerId,
+                                disabled: offline || busy || chargeCents <= 0 || !readerId,
                                 onClick: ()=>void startCardPresent(),
                                 sx: {
                                     minHeight: 56
@@ -462,7 +475,7 @@ const STATUS_COLOR = {
                             }) : null,
                             posNativeBridge() ? /*#__PURE__*/ _jsx(Button, {
                                 variant: "contained",
-                                disabled: busy || chargeCents <= 0,
+                                disabled: offline || busy || chargeCents <= 0,
                                 onClick: ()=>void startBridge(),
                                 sx: {
                                     minHeight: 56
@@ -471,7 +484,7 @@ const STATUS_COLOR = {
                             }) : null,
                             (context == null ? void 0 : context.publishableKey) ? /*#__PURE__*/ _jsx(Button, {
                                 variant: "outlined",
-                                disabled: busy || chargeCents <= 0,
+                                disabled: offline || busy || chargeCents <= 0,
                                 onClick: ()=>void startKeyed(),
                                 sx: {
                                     minHeight: 56
@@ -480,7 +493,7 @@ const STATUS_COLOR = {
                             }) : null,
                             /*#__PURE__*/ _jsx(Button, {
                                 variant: "outlined",
-                                disabled: busy || chargeCents <= 0,
+                                disabled: offline || busy || chargeCents <= 0,
                                 onClick: ()=>void startLink(),
                                 sx: {
                                     minHeight: 56
@@ -489,16 +502,28 @@ const STATUS_COLOR = {
                             }),
                             /*#__PURE__*/ _jsx(Button, {
                                 variant: "outlined",
-                                disabled: busy || chargeCents <= 0,
+                                disabled: offline || busy || chargeCents <= 0,
                                 onClick: ()=>setDialog('gift'),
                                 sx: {
                                     minHeight: 56
                                 },
                                 children: 'Gift card'
                             }),
+                            ((_ref2 = context == null ? void 0 : context.credits) != null ? _ref2 : []).map((credit)=>/*#__PURE__*/ _jsx(Button, {
+                                    variant: "outlined",
+                                    disabled: offline || busy || chargeCents <= 0,
+                                    onClick: ()=>{
+                                        setCreditProvider(credit);
+                                        setDialog('credit');
+                                    },
+                                    sx: {
+                                        minHeight: 56
+                                    },
+                                    children: credit.label
+                                }, credit.providerId)),
                             props.stays.length ? /*#__PURE__*/ _jsx(Button, {
                                 variant: "outlined",
-                                disabled: busy || chargeCents <= 0,
+                                disabled: offline || busy || chargeCents <= 0,
                                 onClick: ()=>setDialog('folio'),
                                 sx: {
                                     minHeight: 56
@@ -524,11 +549,11 @@ const STATUS_COLOR = {
                     }) : null,
                     /*#__PURE__*/ _jsx(Button, {
                         color: "error",
-                        disabled: busy,
+                        disabled: offline || busy,
                         onClick: async ()=>{
                             const confirmed = await confirm({
                                 title: 'Void this sale?',
-                                description: 'Every payment taken on it is handed back: cards are refunded, gift ' + 'cards re-credited and room charges removed. Hand back any cash.',
+                                description: 'Every payment taken on it is handed back: cards are refunded, gift ' + 'cards and store credit re-credited and room charges removed. Hand back any cash.',
                                 confirmationText: 'Void sale',
                                 confirmationButtonProps: {
                                     color: 'error'
@@ -592,6 +617,40 @@ const STATUS_COLOR = {
                     if (result) setDialog(null);
                 }
             }),
+            /*#__PURE__*/ _jsx(PosCreditDialog, {
+                open: dialog === 'credit' && Boolean(creditProvider),
+                label: (_ref3 = creditProvider == null ? void 0 : creditProvider.label) != null ? _ref3 : 'Store credit',
+                canLookup: Boolean(creditProvider == null ? void 0 : creditProvider.lookup),
+                busy: busy,
+                onClose: ()=>setDialog(null),
+                onLookup: async (query)=>{
+                    if (!creditProvider) return null;
+                    try {
+                        return (await posCreditLookup(user, hostId, creditProvider.providerId, query)).accounts;
+                    } catch (error) {
+                        notify(error instanceof PosRequestError ? error.message : 'Could not look that up', 'warning');
+                        return null;
+                    }
+                },
+                onApplyCode: async (code)=>{
+                    const result = await run('credit', _extends({
+                        code
+                    }, typedCents > 0 ? {
+                        amountCents: chargeCents
+                    } : {}), true);
+                    if (result) setDialog(null);
+                },
+                onApplyAccount: async (account)=>{
+                    if (!creditProvider) return;
+                    const result = await run('credit', _extends({
+                        providerId: creditProvider.providerId,
+                        reference: account.reference
+                    }, typedCents > 0 ? {
+                        amountCents: chargeCents
+                    } : {}), true);
+                    if (result) setDialog(null);
+                }
+            }),
             /*#__PURE__*/ _jsx(PosFolioDialog, {
                 open: dialog === 'folio',
                 amountCents: chargeCents,
@@ -608,14 +667,14 @@ const STATUS_COLOR = {
                 }
             }),
             /*#__PURE__*/ _jsx(PosQrDialog, {
-                url: (_ref2 = qr == null ? void 0 : qr.url) != null ? _ref2 : '',
-                amountCents: (_ref3 = qr == null ? void 0 : qr.amountCents) != null ? _ref3 : 0,
+                url: (_ref4 = qr == null ? void 0 : qr.url) != null ? _ref4 : '',
+                amountCents: (_ref5 = qr == null ? void 0 : qr.amountCents) != null ? _ref5 : 0,
                 onClose: ()=>setQr(null)
             }),
             /*#__PURE__*/ _jsx(PosKeyedCardDialog, {
-                clientSecret: (_ref4 = keyed == null ? void 0 : keyed.clientSecret) != null ? _ref4 : '',
-                publishableKey: (_ref5 = context == null ? void 0 : context.publishableKey) != null ? _ref5 : '',
-                amountCents: (_ref6 = keyed == null ? void 0 : keyed.amountCents) != null ? _ref6 : 0,
+                clientSecret: (_ref6 = keyed == null ? void 0 : keyed.clientSecret) != null ? _ref6 : '',
+                publishableKey: (_ref7 = context == null ? void 0 : context.publishableKey) != null ? _ref7 : '',
+                amountCents: (_ref8 = keyed == null ? void 0 : keyed.amountCents) != null ? _ref8 : 0,
                 onClose: async ()=>{
                     const open = keyed;
                     setKeyed(null);