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

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../../../../../libs/plugins/commerce/src/lib/components/console/pos-ops/pos-shift-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\n'use client'\n\nimport {\n  Alert,\n  Button,\n  Chip,\n  Dialog,\n  DialogActions,\n  DialogContent,\n  DialogTitle,\n  MenuItem,\n  Stack,\n  TextField,\n  Typography,\n} from '@mui/material'\nimport { doc } from 'firebase/firestore'\nimport { useFirestore, useFirestoreDoc, useUser } from '@aglyn/tenant-feature-instance'\nimport { useSnackbar } from '@aglyn/shared-ui-snackstack'\nimport { useCallback, useState } from 'react'\nimport {\n  POS_CASH_EVENT_LABELS,\n  posCashVarianceCents,\n  posMoney,\n  type PosCashEventType,\n  type PosShift,\n  type PosShiftReport,\n} from '../../../model/commerce-pos-ops'\nimport { callPosOps, newPosAttemptKey, parsePosDollars } from './pos-ops-api'\nimport { usePosReceiptStore } from './pos-receipt-actions.component'\nimport {\n  PosShiftReportView,\n  posShiftReportDocument,\n  printPosDocument,\n} from './pos-shift-report.component'\n\nexport interface PosShiftPanelProps {\n  hostId: string\n  registerId: string\n  registerName?: string\n  /** The PIN-switched cashier's assertion, so the shift names them. */\n  cashierAssertion?: string\n}\n\ntype DialogKind = 'open' | 'cash' | 'report' | 'close' | null\n\n/**\n * The register's shift (AGL-3609): open it with a starting float, record cash\n * paid in, paid out and dropped to the safe, read the X report at any time,\n * and close with a count — the Z report freezes the figures and the variance.\n * Live: a shift another tablet opens on this register shows here at once.\n */\nexport function PosShiftPanel(props: PosShiftPanelProps) {\n  const { hostId, registerId, cashierAssertion } = props\n  const firestore = useFirestore()\n  const { data: user } = useUser()\n  const { enqueueSnackbar } = useSnackbar()\n  const store = usePosReceiptStore(hostId)\n  const { data: register } = useFirestoreDoc<Record<string, any>>(\n    () => (registerId ? doc(firestore, 'hosts', hostId, 'registers', registerId) : null),\n    [firestore, hostId, registerId],\n  )\n  const openShiftId = String(register?.['openShiftId'] ?? '')\n  const { data: shiftData } = useFirestoreDoc<PosShift>(\n    () =>\n      registerId && openShiftId\n        ? doc(firestore, 'hosts', hostId, 'registers', registerId, 'shifts', openShiftId)\n        : null,\n    [firestore, hostId, registerId, openShiftId],\n  )\n  const shift = openShiftId && shiftData?.status === 'open' ? shiftData : null\n\n  const [dialog, setDialog] = useState<DialogKind>(null)\n  const [amount, setAmount] = useState('')\n  const [cashType, setCashType] = useState<Exclude<PosCashEventType, 'refund'>>('paid_out')\n  const [reason, setReason] = useState('')\n  const [note, setNote] = useState('')\n  const [busy, setBusy] = useState(false)\n  const [error, setError] = useState('')\n  const [report, setReport] = useState<PosShiftReport | null>(null)\n  const [closed, setClosed] = useState<(PosShift & { id: string }) | null>(null)\n  const [eventKey, setEventKey] = useState('')\n\n  const reset = () => {\n    setAmount('')\n    setReason('')\n    setNote('')\n    setError('')\n    setBusy(false)\n  }\n  const close = () => {\n    setDialog(null)\n    setClosed(null)\n    reset()\n  }\n\n  const call = useCallback(\n    (body: Record<string, unknown>) =>\n      callPosOps<Record<string, any>>(user, 'pos-shift', {\n        hostId,\n        registerId,\n        ...(cashierAssertion ? { cashierAssertion } : {}),\n        ...body,\n      }),\n    [user, hostId, registerId, cashierAssertion],\n  )\n\n  const loadReport = useCallback(async () => {\n    const answer = await call({ action: 'x-report' })\n    if (!answer.ok) {\n      setError(answer.body.error ?? 'Could not read the shift.')\n      return null\n    }\n    setReport(answer.body['report'] as PosShiftReport)\n    return answer.body['report'] as PosShiftReport\n  }, [call])\n\n  const submitOpen = async () => {\n    const cents = parsePosDollars(amount || '0')\n    if (cents == null) return setError('Enter the starting cash, like 150.00.')\n    setBusy(true)\n    const answer = await call({ action: 'open', openingFloatCents: cents })\n    setBusy(false)\n    if (!answer.ok) return setError(answer.body.error ?? 'Could not open the shift.')\n    enqueueSnackbar('Shift opened', { variant: 'success', persist: false })\n    close()\n  }\n\n  const submitCash = async () => {\n    const cents = parsePosDollars(amount)\n    if (!cents) return setError('Enter an amount above zero.')\n    setBusy(true)\n    const answer = await call({ action: 'cash-event', type: cashType, amountCents: cents, reason, eventId: eventKey })\n    setBusy(false)\n    if (!answer.ok) return setError(answer.body.error ?? 'Could not record the cash.')\n    enqueueSnackbar(`${POS_CASH_EVENT_LABELS[cashType]} recorded`, { variant: 'success', persist: false })\n    close()\n  }\n\n  const submitClose = async () => {\n    const counted = parsePosDollars(amount)\n    if (counted == null) return setError('Enter the cash you counted, like 212.40.')\n    setBusy(true)\n    const answer = await call({ action: 'close', countedCashCents: counted, shiftId: openShiftId, note })\n    setBusy(false)\n    if (!answer.ok) return setError(answer.body.error ?? 'Could not close the shift.')\n    setClosed(answer.body['shift'] as PosShift & { id: string })\n  }\n\n  /**\n   * The register's cloud receipt printer when it has one (AGL-3619), and the\n   * browser's print dialog when it does not or the queue is unreachable.\n   */\n  const printReport = async (\n    title: string,\n    data: PosShiftReport,\n    shiftId: string,\n    frozen?: PosShift,\n  ) => {\n    const answer = await call({ action: 'print-report', shiftId, attemptKey: newPosAttemptKey() })\n    if (answer.ok && answer.body['printed']) {\n      enqueueSnackbar('Sent to the receipt printer', { variant: 'success', persist: false })\n      return\n    }\n    printPosDocument(\n      posShiftReportDocument({\n        title,\n        storeName: store.name,\n        subtitle: `${props.registerName ?? 'Register'} · ${new Date().toLocaleString()}`,\n        report: data,\n        ...(frozen ? { shift: frozen } : {}),\n      }),\n    )\n  }\n\n  const countedCents = parsePosDollars(amount)\n  return (\n    <Stack spacing={1}>\n      <Stack direction=\"row\" spacing={1} useFlexGap sx={{ alignItems: 'center', flexWrap: 'wrap' }}>\n        {shift ? (\n          <>\n            <Chip\n              color=\"success\"\n              size=\"small\"\n              label={`Shift open since ${new Date(shift.openedAtMs).toLocaleTimeString([], {\n                hour: 'numeric',\n                minute: '2-digit',\n              })}`}\n            />\n            <Button\n              size=\"small\"\n              onClick={() => {\n                setEventKey(newPosAttemptKey())\n                setDialog('cash')\n              }}\n            >\n              {'Cash in/out'}\n            </Button>\n            <Button\n              size=\"small\"\n              onClick={() => {\n                setReport(null)\n                setDialog('report')\n                void loadReport()\n              }}\n            >\n              {'X report'}\n            </Button>\n            <Button\n              size=\"small\"\n              color=\"warning\"\n              onClick={() => {\n                setReport(null)\n                setDialog('close')\n                void loadReport()\n              }}\n            >\n              {'Close shift'}\n            </Button>\n          </>\n        ) : (\n          <>\n            <Chip size=\"small\" label=\"No shift open\" />\n            <Button size=\"small\" variant=\"outlined\" onClick={() => setDialog('open')} disabled={!registerId}>\n              {'Open shift'}\n            </Button>\n          </>\n        )}\n      </Stack>\n\n      <Dialog open={dialog === 'open'} onClose={close} maxWidth=\"xs\" fullWidth>\n        <DialogTitle>{'Open a shift'}</DialogTitle>\n        <DialogContent>\n          <Stack spacing={2} sx={{ pt: 1 }}>\n            <Typography variant=\"body2\" color=\"text.secondary\">\n              {'Count the cash in the drawer before the first sale. Every sale and cash ' +\n                'movement until you close is counted against it.'}\n            </Typography>\n            <TextField\n              autoFocus\n              label=\"Starting cash ($)\"\n              value={amount}\n              onChange={(event) => setAmount(event.target.value)}\n              inputMode=\"decimal\"\n              placeholder=\"150.00\"\n            />\n            {error ? <Alert severity=\"warning\">{error}</Alert> : null}\n          </Stack>\n        </DialogContent>\n        <DialogActions>\n          <Button onClick={close}>{'Cancel'}</Button>\n          <Button variant=\"contained\" disabled={busy} onClick={submitOpen}>\n            {'Open shift'}\n          </Button>\n        </DialogActions>\n      </Dialog>\n\n      <Dialog open={dialog === 'cash'} onClose={close} maxWidth=\"xs\" fullWidth>\n        <DialogTitle>{'Cash in or out'}</DialogTitle>\n        <DialogContent>\n          <Stack spacing={2} sx={{ pt: 1 }}>\n            <TextField\n              select\n              label=\"What happened\"\n              value={cashType}\n              onChange={(event) => setCashType(event.target.value as typeof cashType)}\n            >\n              <MenuItem value=\"paid_in\">{'Paid in — cash added to the drawer'}</MenuItem>\n              <MenuItem value=\"paid_out\">{'Paid out — cash taken for an expense'}</MenuItem>\n              <MenuItem value=\"drop\">{'Safe drop — cash moved to the safe'}</MenuItem>\n            </TextField>\n            <TextField\n              label=\"Amount ($)\"\n              value={amount}\n              onChange={(event) => setAmount(event.target.value)}\n              inputMode=\"decimal\"\n            />\n            <TextField\n              label={cashType === 'drop' ? 'Note (optional)' : 'Reason'}\n              value={reason}\n              onChange={(event) => setReason(event.target.value)}\n              placeholder={cashType === 'paid_out' ? 'Milk for the coffee bar' : ''}\n            />\n            {error ? <Alert severity=\"warning\">{error}</Alert> : null}\n          </Stack>\n        </DialogContent>\n        <DialogActions>\n          <Button onClick={close}>{'Cancel'}</Button>\n          <Button variant=\"contained\" disabled={busy} onClick={submitCash}>\n            {'Record'}\n          </Button>\n        </DialogActions>\n      </Dialog>\n\n      <Dialog open={dialog === 'report'} onClose={close} maxWidth=\"xs\" fullWidth>\n        <DialogTitle>{'X report'}</DialogTitle>\n        <DialogContent>\n          {report ? <PosShiftReportView report={report} /> : <Typography variant=\"body2\">{'Reading the shift…'}</Typography>}\n          {error ? <Alert severity=\"warning\">{error}</Alert> : null}\n        </DialogContent>\n        <DialogActions>\n          <Button disabled={!report} onClick={() => report && void printReport('X REPORT', report, openShiftId)}>\n            {'Print'}\n          </Button>\n          <Button onClick={close}>{'Done'}</Button>\n        </DialogActions>\n      </Dialog>\n\n      <Dialog open={dialog === 'close'} onClose={close} maxWidth=\"xs\" fullWidth>\n        <DialogTitle>{closed ? 'Z report' : 'Close the shift'}</DialogTitle>\n        <DialogContent>\n          {closed?.report ? (\n            <PosShiftReportView report={closed.report} shift={closed} />\n          ) : (\n            <Stack spacing={2} sx={{ pt: 1 }}>\n              <Typography variant=\"body2\" color=\"text.secondary\">\n                {'Count the drawer, then enter what is in it.'}\n              </Typography>\n              <TextField\n                autoFocus\n                label=\"Cash counted ($)\"\n                value={amount}\n                onChange={(event) => setAmount(event.target.value)}\n                inputMode=\"decimal\"\n              />\n              {report && countedCents != null ? (\n                <Alert\n                  severity={posCashVarianceCents(countedCents, report.expectedCashCents) === 0 ? 'success' : 'info'}\n                >\n                  {`Expected ${posMoney(report.expectedCashCents)} · ${(() => {\n                    const variance = posCashVarianceCents(countedCents, report.expectedCashCents)\n                    return variance === 0\n                      ? 'balanced'\n                      : `${variance < 0 ? 'short' : 'over'} ${posMoney(Math.abs(variance))}`\n                  })()}`}\n                </Alert>\n              ) : null}\n              <TextField\n                label=\"Note (optional)\"\n                value={note}\n                onChange={(event) => setNote(event.target.value)}\n                multiline\n                minRows={2}\n              />\n              {error ? <Alert severity=\"warning\">{error}</Alert> : null}\n            </Stack>\n          )}\n        </DialogContent>\n        <DialogActions>\n          {closed?.report ? (\n            <>\n              <Button onClick={() => void printReport('Z REPORT', closed.report!, closed.id, closed)}>{'Print'}</Button>\n              <Button variant=\"contained\" onClick={close}>\n                {'Done'}\n              </Button>\n            </>\n          ) : (\n            <>\n              <Button onClick={close}>{'Cancel'}</Button>\n              <Button variant=\"contained\" color=\"warning\" disabled={busy} onClick={submitClose}>\n                {'Close shift'}\n              </Button>\n            </>\n          )}\n        </DialogActions>\n      </Dialog>\n    </Stack>\n  )\n}\n\nPosShiftPanel.displayName = 'PosShiftPanel'\n\nexport default PosShiftPanel\n"],"names":["Alert","Button","Chip","Dialog","DialogActions","DialogContent","DialogTitle","MenuItem","Stack","TextField","Typography","doc","useFirestore","useFirestoreDoc","useUser","useSnackbar","useCallback","useState","POS_CASH_EVENT_LABELS","posCashVarianceCents","posMoney","callPosOps","newPosAttemptKey","parsePosDollars","usePosReceiptStore","PosShiftReportView","posShiftReportDocument","printPosDocument","PosShiftPanel","props","hostId","registerId","cashierAssertion","firestore","data","user","enqueueSnackbar","store","register","openShiftId","String","shiftData","shift","status","dialog","setDialog","amount","setAmount","cashType","setCashType","reason","setReason","note","setNote","busy","setBusy","error","setError","report","setReport","closed","setClosed","eventKey","setEventKey","reset","close","call","body","loadReport","answer","action","ok","submitOpen","cents","openingFloatCents","variant","persist","submitCash","type","amountCents","eventId","submitClose","counted","countedCashCents","shiftId","printReport","title","frozen","attemptKey","storeName","name","subtitle","registerName","Date","toLocaleString","countedCents","spacing","direction","useFlexGap","sx","alignItems","flexWrap","color","size","label","openedAtMs","toLocaleTimeString","hour","minute","onClick","disabled","open","onClose","maxWidth","fullWidth","pt","autoFocus","value","onChange","event","target","inputMode","placeholder","severity","select","expectedCashCents","variance","Math","abs","multiline","minRows","id","displayName"],"mappings":"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"}
+{"version":3,"sources":["../../../../../../../../../libs/plugins/commerce/src/lib/components/console/pos-ops/pos-shift-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\n'use client'\n\nimport {\n  Alert,\n  Button,\n  Chip,\n  Dialog,\n  DialogActions,\n  DialogContent,\n  DialogTitle,\n  MenuItem,\n  Stack,\n  TextField,\n  Typography,\n} from '@mui/material'\nimport { doc } from 'firebase/firestore'\nimport { useFirestore, useFirestoreDoc, useUser } from '@aglyn/tenant-feature-instance'\nimport { useSnackbar } from '@aglyn/shared-ui-snackstack'\nimport { BlockedControl } from '@aglyn/shared-ui-jsx/components/blocked-control.component'\nimport { useCallback, useState } from 'react'\nimport {\n  POS_CASH_EVENT_LABELS,\n  posCashVarianceCents,\n  posMoney,\n  type PosCashEventType,\n  type PosShift,\n  type PosShiftReport,\n} from '../../../model/commerce-pos-ops'\nimport { callPosOps, newPosAttemptKey, parsePosDollars } from './pos-ops-api'\nimport { usePosReceiptStore } from './pos-receipt-actions.component'\nimport {\n  PosShiftReportView,\n  posShiftReportDocument,\n  printPosDocument,\n} from './pos-shift-report.component'\n\nexport interface PosShiftPanelProps {\n  hostId: string\n  registerId: string\n  registerName?: string\n  /** The PIN-switched cashier's assertion, so the shift names them. */\n  cashierAssertion?: string\n  /**\n   * Why this member may not run the drawer (AGL-4047): the \"Cash drawer and\n   * shifts\" key refused. The shift still shows; its buttons are disabled\n   * with this reason. Absent: allowed.\n   */\n  blocked?: string\n}\n\ntype DialogKind = 'open' | 'cash' | 'report' | 'close' | null\n\n/**\n * The register's shift (AGL-3609): open it with a starting float, record cash\n * paid in, paid out and dropped to the safe, read the X report at any time,\n * and close with a count — the Z report freezes the figures and the variance.\n * Live: a shift another tablet opens on this register shows here at once.\n */\nexport function PosShiftPanel(props: PosShiftPanelProps) {\n  const { hostId, registerId, cashierAssertion } = props\n  const firestore = useFirestore()\n  const { data: user } = useUser()\n  const { enqueueSnackbar } = useSnackbar()\n  const store = usePosReceiptStore(hostId)\n  const { data: register } = useFirestoreDoc<Record<string, any>>(\n    () => (registerId ? doc(firestore, 'hosts', hostId, 'registers', registerId) : null),\n    [firestore, hostId, registerId],\n  )\n  const openShiftId = String(register?.['openShiftId'] ?? '')\n  const { data: shiftData } = useFirestoreDoc<PosShift>(\n    () =>\n      registerId && openShiftId\n        ? doc(firestore, 'hosts', hostId, 'registers', registerId, 'shifts', openShiftId)\n        : null,\n    [firestore, hostId, registerId, openShiftId],\n  )\n  const shift = openShiftId && shiftData?.status === 'open' ? shiftData : null\n\n  const [dialog, setDialog] = useState<DialogKind>(null)\n  const [amount, setAmount] = useState('')\n  const [cashType, setCashType] = useState<Exclude<PosCashEventType, 'refund'>>('paid_out')\n  const [reason, setReason] = useState('')\n  const [note, setNote] = useState('')\n  const [busy, setBusy] = useState(false)\n  const [error, setError] = useState('')\n  const [report, setReport] = useState<PosShiftReport | null>(null)\n  const [closed, setClosed] = useState<(PosShift & { id: string }) | null>(null)\n  const [eventKey, setEventKey] = useState('')\n\n  const reset = () => {\n    setAmount('')\n    setReason('')\n    setNote('')\n    setError('')\n    setBusy(false)\n  }\n  const close = () => {\n    setDialog(null)\n    setClosed(null)\n    reset()\n  }\n\n  const call = useCallback(\n    (body: Record<string, unknown>) =>\n      callPosOps<Record<string, any>>(user, 'pos-shift', {\n        hostId,\n        registerId,\n        ...(cashierAssertion ? { cashierAssertion } : {}),\n        ...body,\n      }),\n    [user, hostId, registerId, cashierAssertion],\n  )\n\n  const loadReport = useCallback(async () => {\n    const answer = await call({ action: 'x-report' })\n    if (!answer.ok) {\n      setError(answer.body.error ?? 'Could not read the shift.')\n      return null\n    }\n    setReport(answer.body['report'] as PosShiftReport)\n    return answer.body['report'] as PosShiftReport\n  }, [call])\n\n  const submitOpen = async () => {\n    const cents = parsePosDollars(amount || '0')\n    if (cents == null) return setError('Enter the starting cash, like 150.00.')\n    setBusy(true)\n    const answer = await call({ action: 'open', openingFloatCents: cents })\n    setBusy(false)\n    if (!answer.ok) return setError(answer.body.error ?? 'Could not open the shift.')\n    enqueueSnackbar('Shift opened', { variant: 'success', persist: false })\n    close()\n  }\n\n  const submitCash = async () => {\n    const cents = parsePosDollars(amount)\n    if (!cents) return setError('Enter an amount above zero.')\n    setBusy(true)\n    const answer = await call({ action: 'cash-event', type: cashType, amountCents: cents, reason, eventId: eventKey })\n    setBusy(false)\n    if (!answer.ok) return setError(answer.body.error ?? 'Could not record the cash.')\n    enqueueSnackbar(`${POS_CASH_EVENT_LABELS[cashType]} recorded`, { variant: 'success', persist: false })\n    close()\n  }\n\n  const submitClose = async () => {\n    const counted = parsePosDollars(amount)\n    if (counted == null) return setError('Enter the cash you counted, like 212.40.')\n    setBusy(true)\n    const answer = await call({ action: 'close', countedCashCents: counted, shiftId: openShiftId, note })\n    setBusy(false)\n    if (!answer.ok) return setError(answer.body.error ?? 'Could not close the shift.')\n    setClosed(answer.body['shift'] as PosShift & { id: string })\n  }\n\n  /**\n   * The register's cloud receipt printer when it has one (AGL-3619), and the\n   * browser's print dialog when it does not or the queue is unreachable.\n   */\n  const printReport = async (\n    title: string,\n    data: PosShiftReport,\n    shiftId: string,\n    frozen?: PosShift,\n  ) => {\n    const answer = await call({ action: 'print-report', shiftId, attemptKey: newPosAttemptKey() })\n    if (answer.ok && answer.body['printed']) {\n      enqueueSnackbar('Sent to the receipt printer', { variant: 'success', persist: false })\n      return\n    }\n    printPosDocument(\n      posShiftReportDocument({\n        title,\n        storeName: store.name,\n        subtitle: `${props.registerName ?? 'Register'} · ${new Date().toLocaleString()}`,\n        report: data,\n        ...(frozen ? { shift: frozen } : {}),\n      }),\n    )\n  }\n\n  const countedCents = parsePosDollars(amount)\n  return (\n    <Stack spacing={1}>\n      <Stack direction=\"row\" spacing={1} useFlexGap sx={{ alignItems: 'center', flexWrap: 'wrap' }}>\n        {shift ? (\n          <>\n            <Chip\n              color=\"success\"\n              size=\"small\"\n              label={`Shift open since ${new Date(shift.openedAtMs).toLocaleTimeString([], {\n                hour: 'numeric',\n                minute: '2-digit',\n              })}`}\n            />\n            <BlockedControl blocked={Boolean(props.blocked)} reason={props.blocked ?? ''}>\n              <Button\n                size=\"small\"\n                onClick={() => {\n                  setEventKey(newPosAttemptKey())\n                  setDialog('cash')\n                }}\n              >\n                {'Cash in/out'}\n              </Button>\n            </BlockedControl>\n            <BlockedControl blocked={Boolean(props.blocked)} reason={props.blocked ?? ''}>\n              <Button\n                size=\"small\"\n                onClick={() => {\n                  setReport(null)\n                  setDialog('report')\n                  void loadReport()\n                }}\n              >\n                {'X report'}\n              </Button>\n            </BlockedControl>\n            <BlockedControl blocked={Boolean(props.blocked)} reason={props.blocked ?? ''}>\n              <Button\n                size=\"small\"\n                color=\"warning\"\n                onClick={() => {\n                  setReport(null)\n                  setDialog('close')\n                  void loadReport()\n                }}\n              >\n                {'Close shift'}\n              </Button>\n            </BlockedControl>\n          </>\n        ) : (\n          <>\n            <Chip size=\"small\" label=\"No shift open\" />\n            <BlockedControl blocked={Boolean(props.blocked)} reason={props.blocked ?? ''}>\n              <Button size=\"small\" variant=\"outlined\" onClick={() => setDialog('open')} disabled={!registerId}>\n                {'Open shift'}\n              </Button>\n            </BlockedControl>\n          </>\n        )}\n      </Stack>\n\n      <Dialog open={dialog === 'open'} onClose={close} maxWidth=\"xs\" fullWidth>\n        <DialogTitle>{'Open a shift'}</DialogTitle>\n        <DialogContent>\n          <Stack spacing={2} sx={{ pt: 1 }}>\n            <Typography variant=\"body2\" color=\"text.secondary\">\n              {'Count the cash in the drawer before the first sale. Every sale and cash ' +\n                'movement until you close is counted against it.'}\n            </Typography>\n            <TextField\n              autoFocus\n              label=\"Starting cash ($)\"\n              value={amount}\n              onChange={(event) => setAmount(event.target.value)}\n              inputMode=\"decimal\"\n              placeholder=\"150.00\"\n            />\n            {error ? <Alert severity=\"warning\">{error}</Alert> : null}\n          </Stack>\n        </DialogContent>\n        <DialogActions>\n          <Button onClick={close}>{'Cancel'}</Button>\n          <Button variant=\"contained\" disabled={busy} onClick={submitOpen}>\n            {'Open shift'}\n          </Button>\n        </DialogActions>\n      </Dialog>\n\n      <Dialog open={dialog === 'cash'} onClose={close} maxWidth=\"xs\" fullWidth>\n        <DialogTitle>{'Cash in or out'}</DialogTitle>\n        <DialogContent>\n          <Stack spacing={2} sx={{ pt: 1 }}>\n            <TextField\n              select\n              label=\"What happened\"\n              value={cashType}\n              onChange={(event) => setCashType(event.target.value as typeof cashType)}\n            >\n              <MenuItem value=\"paid_in\">{'Paid in — cash added to the drawer'}</MenuItem>\n              <MenuItem value=\"paid_out\">{'Paid out — cash taken for an expense'}</MenuItem>\n              <MenuItem value=\"drop\">{'Safe drop — cash moved to the safe'}</MenuItem>\n            </TextField>\n            <TextField\n              label=\"Amount ($)\"\n              value={amount}\n              onChange={(event) => setAmount(event.target.value)}\n              inputMode=\"decimal\"\n            />\n            <TextField\n              label={cashType === 'drop' ? 'Note (optional)' : 'Reason'}\n              value={reason}\n              onChange={(event) => setReason(event.target.value)}\n              placeholder={cashType === 'paid_out' ? 'Milk for the coffee bar' : ''}\n            />\n            {error ? <Alert severity=\"warning\">{error}</Alert> : null}\n          </Stack>\n        </DialogContent>\n        <DialogActions>\n          <Button onClick={close}>{'Cancel'}</Button>\n          <Button variant=\"contained\" disabled={busy} onClick={submitCash}>\n            {'Record'}\n          </Button>\n        </DialogActions>\n      </Dialog>\n\n      <Dialog open={dialog === 'report'} onClose={close} maxWidth=\"xs\" fullWidth>\n        <DialogTitle>{'X report'}</DialogTitle>\n        <DialogContent>\n          {report ? <PosShiftReportView report={report} /> : <Typography variant=\"body2\">{'Reading the shift…'}</Typography>}\n          {error ? <Alert severity=\"warning\">{error}</Alert> : null}\n        </DialogContent>\n        <DialogActions>\n          <Button disabled={!report} onClick={() => report && void printReport('X REPORT', report, openShiftId)}>\n            {'Print'}\n          </Button>\n          <Button onClick={close}>{'Done'}</Button>\n        </DialogActions>\n      </Dialog>\n\n      <Dialog open={dialog === 'close'} onClose={close} maxWidth=\"xs\" fullWidth>\n        <DialogTitle>{closed ? 'Z report' : 'Close the shift'}</DialogTitle>\n        <DialogContent>\n          {closed?.report ? (\n            <PosShiftReportView report={closed.report} shift={closed} />\n          ) : (\n            <Stack spacing={2} sx={{ pt: 1 }}>\n              <Typography variant=\"body2\" color=\"text.secondary\">\n                {'Count the drawer, then enter what is in it.'}\n              </Typography>\n              <TextField\n                autoFocus\n                label=\"Cash counted ($)\"\n                value={amount}\n                onChange={(event) => setAmount(event.target.value)}\n                inputMode=\"decimal\"\n              />\n              {report && countedCents != null ? (\n                <Alert\n                  severity={posCashVarianceCents(countedCents, report.expectedCashCents) === 0 ? 'success' : 'info'}\n                >\n                  {`Expected ${posMoney(report.expectedCashCents)} · ${(() => {\n                    const variance = posCashVarianceCents(countedCents, report.expectedCashCents)\n                    return variance === 0\n                      ? 'balanced'\n                      : `${variance < 0 ? 'short' : 'over'} ${posMoney(Math.abs(variance))}`\n                  })()}`}\n                </Alert>\n              ) : null}\n              <TextField\n                label=\"Note (optional)\"\n                value={note}\n                onChange={(event) => setNote(event.target.value)}\n                multiline\n                minRows={2}\n              />\n              {error ? <Alert severity=\"warning\">{error}</Alert> : null}\n            </Stack>\n          )}\n        </DialogContent>\n        <DialogActions>\n          {closed?.report ? (\n            <>\n              <Button onClick={() => void printReport('Z REPORT', closed.report!, closed.id, closed)}>{'Print'}</Button>\n              <Button variant=\"contained\" onClick={close}>\n                {'Done'}\n              </Button>\n            </>\n          ) : (\n            <>\n              <Button onClick={close}>{'Cancel'}</Button>\n              <Button variant=\"contained\" color=\"warning\" disabled={busy} onClick={submitClose}>\n                {'Close shift'}\n              </Button>\n            </>\n          )}\n        </DialogActions>\n      </Dialog>\n    </Stack>\n  )\n}\n\nPosShiftPanel.displayName = 'PosShiftPanel'\n\nexport default PosShiftPanel\n"],"names":["Alert","Button","Chip","Dialog","DialogActions","DialogContent","DialogTitle","MenuItem","Stack","TextField","Typography","doc","useFirestore","useFirestoreDoc","useUser","useSnackbar","BlockedControl","useCallback","useState","POS_CASH_EVENT_LABELS","posCashVarianceCents","posMoney","callPosOps","newPosAttemptKey","parsePosDollars","usePosReceiptStore","PosShiftReportView","posShiftReportDocument","printPosDocument","PosShiftPanel","props","hostId","registerId","cashierAssertion","firestore","data","user","enqueueSnackbar","store","register","openShiftId","String","shiftData","shift","status","dialog","setDialog","amount","setAmount","cashType","setCashType","reason","setReason","note","setNote","busy","setBusy","error","setError","report","setReport","closed","setClosed","eventKey","setEventKey","reset","close","call","body","loadReport","answer","action","ok","submitOpen","cents","openingFloatCents","variant","persist","submitCash","type","amountCents","eventId","submitClose","counted","countedCashCents","shiftId","printReport","title","frozen","attemptKey","storeName","name","subtitle","registerName","Date","toLocaleString","countedCents","spacing","direction","useFlexGap","sx","alignItems","flexWrap","color","size","label","openedAtMs","toLocaleTimeString","hour","minute","blocked","Boolean","onClick","disabled","open","onClose","maxWidth","fullWidth","pt","autoFocus","value","onChange","event","target","inputMode","placeholder","severity","select","expectedCashCents","variance","Math","abs","multiline","minRows","id","displayName"],"mappings":"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"}

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

@@ -28,7 +28,7 @@ export declare function posProductPlan(options: {
 export declare const POS_GRID_QUERY: typeof PRODUCT_LIST_QUERY;
 /** The basket line an item-sheet choice makes: label and estimate from the product. */
 export declare function registerLineFor(product: any, choice: PosItemChoice): RegisterLine;
-export declare function PosConsolePage({ hostId, basePath }: ConsolePluginPageProps): import("react").JSX.Element;
+export declare function PosConsolePage({ hostId, basePath, permissions }: ConsolePluginPageProps): import("react").JSX.Element;
 export declare namespace PosConsolePage {
     var displayName: string;
 }

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

@@ -18,6 +18,7 @@ import { _ as _extends } from "@swc/helpers/_/_extends";
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 import * as Aglyn from "@aglyn/aglyn";
 import * as CommerceModel from "../../model/index.js";
+import { posPermissionRefusal } from "../../model/plugin-permissions.js";
 import { PRODUCT_LIST_BASE, PRODUCT_LIST_QUERY } from "../../constants/product-list-query.js";
 import { NextPageTitle } from "@aglyn/shared-ui-next/contexts/next-page-title-provider";
 import { useSnackbar } from "@aglyn/shared-ui-snackstack";
@@ -26,7 +27,7 @@ import { useViewportFill } from "@aglyn/shared-ui-jsx/hooks/use-viewport-fill";
 import { nameSearchNormalizers } from "@aglyn/aglyn/app-utils/name-search";
 import { Badge, Box, Button, Drawer, MenuItem, Stack, TextField, Typography, useMediaQuery, useTheme } from "@mui/material";
 import { collection, getDocs, limit, query, where } from "firebase/firestore";
-import { memo, useCallback, useEffect, useMemo, useRef, useState } from "react";
+import { lazy, memo, Suspense, useCallback, useEffect, useMemo, useRef, useState } from "react";
 import { useFirestore, useUser } from "@aglyn/tenant-feature-instance";
 import { useFirestoreCollection } from "@aglyn/tenant-feature-instance";
 import { listQueryConstraints } from "@aglyn/tenant-feature-instance/hooks/use-list-query";
@@ -45,6 +46,12 @@ import { posDisplayTipCents, usePosDisplay } from "./pos/use-pos-display.js";
 import { posRegistersSettingsHref, usePosPairing } from "./pos/pos-pairing.component.js";
 import { useConsoleWidgetSlot } from "@aglyn/aglyn/app-utils/console-widget-slot-context";
 import { POS_ORDERS_ZONE } from "./pos-zones.js";
+import { isPosHardwareSkuId } from "../../model/pos-hardware.js";
+/**
+ * Card reader sales at the platform's own store (AGL-4038): attaching the
+ * buyer and the To attach list. Its own chunk, and it draws nothing on any
+ * store but that one.
+ */ const PosHardwareBuyer = /*#__PURE__*/ lazy(()=>import("./pos/pos-hardware-buyer.component.js"));
 import { PosOfflineBanner, PosOfflineCheckout, usePosOffline } from "./pos-offline/register-offline.js";
 /** The till sells active products only; every read of the catalog asks it. */ const SELLABLE = {
     field: 'status',
@@ -186,9 +193,21 @@ import { PosOfflineBanner, PosOfflineCheckout, usePosOffline } from "./pos-offli
         registerId: registerId
     });
 });
-export function PosConsolePage({ hostId, basePath }) {
+export function PosConsolePage({ hostId, basePath, permissions }) {
     var _ref, _ref1, _ref2, _liveRegister_openShiftId, _ref3, _ref4, _ref5;
     var _usableRegisters_find, _usableRegisters_, _offline_totalsFor;
+    /*
+   * The register's FINER keys (AGL-4047) — discounts, returns, the drawer —
+   * are read here, unlike `managePos` above: the shell admits anyone who may
+   * use the register, and these say which of its controls are theirs. Only an
+   * explicit refusal disables one; a map without the key follows `managePos`,
+   * which the shell already confirmed. The routes refuse either way.
+   */ const refusedReason = (key)=>(permissions == null ? void 0 : permissions[key]) === false ? posPermissionRefusal(key) : undefined;
+    const blockedControls = {
+        returns: refusedReason('posRefund'),
+        shift: refusedReason('posCashDrawer')
+    };
+    const discountBlocked = refusedReason('posDiscount');
     const WidgetSlot = useConsoleWidgetSlot();
     const firestore = useFirestore();
     const { data: user } = useUser();
@@ -398,6 +417,22 @@ export function PosConsolePage({ hostId, basePath }) {
             ])), [
         sellProducts
     ]);
+    // Whether the sale on the register sells a card reader (AGL-4038): only
+    // the platform's own store names hardware on a product, and only there
+    // does the buyer step draw.
+    const saleSellsHardware = useMemo(()=>(sale ? saleLines : lines).some((line)=>{
+            var _productsById_get;
+            return isPosHardwareSkuId((_productsById_get = productsById.get(line.productId)) == null ? void 0 : _productsById_get.hardwareSku);
+        }), [
+        sale,
+        saleLines,
+        lines,
+        productsById
+    ]);
+    // Only a store whose catalog names hardware asks whether it is the seller.
+    const storeSellsHardware = useMemo(()=>products.some((product)=>isPosHardwareSkuId(product.hardwareSku)), [
+        products
+    ]);
     /** AGL-2357: warns, never blocks. */ const shortfalls = useMemo(()=>lines.map((line)=>{
             var _line_variantId;
             var _product_variants_, _product_variants;
@@ -811,6 +846,7 @@ export function PosConsolePage({ hostId, basePath }) {
                 registerName
             } : {}, {
                 cashier: cashier,
+                blocked: blockedControls,
                 onExchange: (returned)=>{
                     var _returned_name;
                     return setCustomer(returned.email || returned.name ? {
@@ -822,7 +858,9 @@ export function PosConsolePage({ hostId, basePath }) {
                     } : null);
                 }
             })) : null,
-            /*#__PURE__*/ _jsx(PosCartPanel, {
+            /*#__PURE__*/ _jsx(PosCartPanel, _extends({}, discountBlocked ? {
+                discountBlocked
+            } : {}, {
                 lines: sale ? saleLines : lines,
                 shortfalls: sale ? [] : shortfalls,
                 onQuantity: (index, quantity)=>setLines((prev)=>quantity <= 0 ? prev.filter((_line, at)=>at !== index) : prev.map((line, at)=>at === index ? _extends({}, line, {
@@ -848,16 +886,29 @@ export function PosConsolePage({ hostId, basePath }) {
                 },
                 discountPct: discountPct,
                 onDiscountPct: setDiscountPct,
-                customer: sale ? null : /*#__PURE__*/ _jsx(PosCustomerLookup, _extends({
-                    hostId: hostId,
-                    value: customer,
-                    onChange: setCustomer,
-                    registerId: registerId
-                }, cashier.assertion ? {
-                    cashierAssertion: cashier.assertion
-                } : {})),
+                customer: /*#__PURE__*/ _jsxs(_Fragment, {
+                    children: [
+                        sale ? null : /*#__PURE__*/ _jsx(PosCustomerLookup, _extends({
+                            hostId: hostId,
+                            value: customer,
+                            onChange: setCustomer,
+                            registerId: registerId
+                        }, cashier.assertion ? {
+                            cashierAssertion: cashier.assertion
+                        } : {})),
+                        user && storeSellsHardware ? /*#__PURE__*/ _jsx(Suspense, {
+                            fallback: null,
+                            children: /*#__PURE__*/ _jsx(PosHardwareBuyer, {
+                                user: user,
+                                hostId: hostId,
+                                saleOrderId: sale && saleSellsHardware ? sale.orderId : null,
+                                notify: notify
+                            })
+                        }) : null
+                    ]
+                }),
                 locked: Boolean(sale)
-            }),
+            })),
             sale && user ? sale.status === 'paid' ? /*#__PURE__*/ _jsx(PosReceiptPanel, _extends({
                 user: user,
                 hostId: hostId,