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

package/src/lib/components/console/pos-devices-card.component.js

@@ -0,0 +1,546 @@
+/**
+ * @license
+ * Copyright 2026 Aglyn LLC
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *   http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */ 'use client';
+import { _ as _extends } from "@swc/helpers/_/_extends";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { pluginDocsHelp } from "@aglyn/aglyn";
+import { CardDisplay, useConfirmationContext } from "@aglyn/shared-ui-jsx";
+import { useSnackbar } from "@aglyn/shared-ui-snackstack";
+import { useFirestore, useFirestoreCollection, useUser } from "@aglyn/tenant-feature-instance";
+import { Box, Button, Chip, Dialog, DialogActions, DialogContent, DialogTitle, MenuItem, Stack, TextField, Typography } from "@mui/material";
+import { collection, limit, query } from "firebase/firestore";
+import { useCallback, useEffect, useState } from "react";
+import { posDisplayCall, posReadersCall, PosRequestError } from "./pos/pos-api.js";
+const EMPTY_ADDRESS = {
+    line1: '',
+    line2: '',
+    city: '',
+    state: '',
+    postalCode: '',
+    country: 'US'
+};
+/**
+ * The register's hardware (AGL-3607, AGL-3608): Stripe Terminal card readers
+ * — registered with the code a reader shows, bound to a register, renamed,
+ * removed — and the customer displays paired to each register, which can be
+ * signed out. Readers appear only where card readers are offered at all.
+ */ export function PosDevicesCard({ hostId }) {
+    var _ref, _ref1, _ref2;
+    const firestore = useFirestore();
+    const { data: user } = useUser();
+    const { enqueueSnackbar } = useSnackbar();
+    const { confirm } = useConfirmationContext();
+    const { data: registerDocs } = useFirestoreCollection(()=>query(collection(firestore, 'hosts', hostId, 'registers'), limit(25)), [
+        firestore,
+        hostId
+    ], {
+        idField: '$id'
+    });
+    const registers = [
+        ...registerDocs != null ? registerDocs : []
+    ].sort((a, b)=>{
+        var _a_name, _b_name;
+        return String((_a_name = a.name) != null ? _a_name : '').localeCompare(String((_b_name = b.name) != null ? _b_name : ''));
+    });
+    const [answer, setAnswer] = useState(null);
+    const [displays, setDisplays] = useState({});
+    const [adding, setAdding] = useState(false);
+    const [code, setCode] = useState('');
+    const [label, setLabel] = useState('');
+    const [registerId, setRegisterId] = useState('');
+    const [address, setAddress] = useState(EMPTY_ADDRESS);
+    const [busy, setBusy] = useState(false);
+    const [renaming, setRenaming] = useState(null);
+    const notify = useCallback((error, fallback)=>enqueueSnackbar(error instanceof PosRequestError ? error.message : fallback, {
+            variant: 'warning',
+            persist: false
+        }), [
+        enqueueSnackbar
+    ]);
+    const load = useCallback(async (refresh = false)=>{
+        if (!user) return;
+        try {
+            setAnswer(await posReadersCall(user, {
+                action: 'list',
+                hostId,
+                refresh
+            }));
+        } catch (unused) {
+            setAnswer(null);
+        }
+    }, [
+        user,
+        hostId
+    ]);
+    const uid = (_ref = user == null ? void 0 : user.uid) != null ? _ref : '';
+    useEffect(()=>{
+        void load(true);
+    // Keyed on the person, not the session object (see the register page).
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+    }, [
+        uid,
+        hostId
+    ]);
+    const registerIds = registers.map((register)=>register.$id).join(',');
+    useEffect(()=>{
+        if (!user || !registerIds) return;
+        let active = true;
+        void Promise.all(registerIds.split(',').map(async (id)=>{
+            const result = await posDisplayCall(user, {
+                action: 'displays',
+                hostId,
+                registerId: id
+            }).catch(()=>({
+                    displays: []
+                }));
+            return [
+                id,
+                result.displays
+            ];
+        })).then((entries)=>{
+            if (active) setDisplays(Object.fromEntries(entries));
+        });
+        return ()=>{
+            active = false;
+        };
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+    }, [
+        uid,
+        hostId,
+        registerIds
+    ]);
+    const registerName = (id)=>{
+        var _ref;
+        var _registers_find;
+        return (_ref = (_registers_find = registers.find((register)=>register.$id === id)) == null ? void 0 : _registers_find.name) != null ? _ref : null;
+    };
+    const addReader = async ()=>{
+        if (!user) return;
+        setBusy(true);
+        try {
+            await posReadersCall(user, _extends({
+                action: 'register',
+                hostId,
+                registrationCode: code.trim(),
+                label: label.trim()
+            }, registerId ? {
+                registerId
+            } : {}, (answer == null ? void 0 : answer.locationReady) ? {} : {
+                address
+            }));
+            setAdding(false);
+            setCode('');
+            setLabel('');
+            setRegisterId('');
+            await load();
+        } catch (error) {
+            notify(error, 'The reader could not be added');
+        } finally{
+            setBusy(false);
+        }
+    };
+    const readers = (_ref1 = answer == null ? void 0 : answer.readers) != null ? _ref1 : [];
+    const showReaders = Boolean(answer == null ? void 0 : answer.available);
+    return /*#__PURE__*/ _jsxs(CardDisplay, {
+        header: 'POS devices',
+        help: pluginDocsHelp('pos', {
+            anchor: '#card-readers'
+        }),
+        HeaderProps: showReaders ? {
+            action: /*#__PURE__*/ _jsx(Button, {
+                size: "small",
+                onClick: ()=>setAdding(true),
+                children: 'Add card reader'
+            })
+        } : undefined,
+        contentGutterX: true,
+        contentGutterY: true,
+        children: [
+            /*#__PURE__*/ _jsxs(Stack, {
+                spacing: 2,
+                children: [
+                    showReaders ? /*#__PURE__*/ _jsxs(Stack, {
+                        spacing: 1,
+                        children: [
+                            /*#__PURE__*/ _jsx(Typography, {
+                                variant: "subtitle2",
+                                children: 'Card readers'
+                            }),
+                            readers.length === 0 ? /*#__PURE__*/ _jsx(Typography, {
+                                variant: "body2",
+                                color: "text.secondary",
+                                children: (answer == null ? void 0 : answer.testMode) ? 'No card readers yet. In test mode, add one with the code "simulated-wpe" to try a simulated reader.' : 'No card readers yet. Add a Stripe Reader S700 or BBPOS WisePOS E with the code it shows on screen.'
+                            }) : readers.map((reader)=>{
+                                var _registerName, _reader_registerId;
+                                return /*#__PURE__*/ _jsxs(Stack, {
+                                    direction: "row",
+                                    spacing: 1,
+                                    sx: {
+                                        alignItems: 'center',
+                                        flexWrap: 'wrap',
+                                        rowGap: 1
+                                    },
+                                    children: [
+                                        /*#__PURE__*/ _jsxs(Typography, {
+                                            variant: "body2",
+                                            sx: {
+                                                flex: 1,
+                                                minWidth: 160
+                                            },
+                                            children: [
+                                                reader.label,
+                                                /*#__PURE__*/ _jsx(Typography, {
+                                                    component: "span",
+                                                    variant: "caption",
+                                                    color: "text.secondary",
+                                                    children: ` · ${(_registerName = registerName(reader.registerId)) != null ? _registerName : 'Any register'}` + (reader.livemode ? '' : ' · test')
+                                                })
+                                            ]
+                                        }),
+                                        /*#__PURE__*/ _jsx(Chip, {
+                                            size: "small",
+                                            label: reader.status === 'online' ? 'Online' : 'Offline',
+                                            color: reader.status === 'online' ? 'success' : 'default'
+                                        }),
+                                        /*#__PURE__*/ _jsxs(TextField, {
+                                            select: true,
+                                            size: "small",
+                                            label: "Register",
+                                            value: (_reader_registerId = reader.registerId) != null ? _reader_registerId : '',
+                                            onChange: async (event)=>{
+                                                if (!user) return;
+                                                try {
+                                                    await posReadersCall(user, {
+                                                        action: 'update',
+                                                        hostId,
+                                                        readerId: reader.id,
+                                                        registerId: event.target.value
+                                                    });
+                                                    await load();
+                                                } catch (error) {
+                                                    notify(error, 'The reader could not be updated');
+                                                }
+                                            },
+                                            sx: {
+                                                minWidth: 140
+                                            },
+                                            children: [
+                                                /*#__PURE__*/ _jsx(MenuItem, {
+                                                    value: "",
+                                                    children: 'Any register'
+                                                }),
+                                                registers.map((register)=>/*#__PURE__*/ _jsx(MenuItem, {
+                                                        value: register.$id,
+                                                        children: register.name
+                                                    }, register.$id))
+                                            ]
+                                        }),
+                                        /*#__PURE__*/ _jsx(Button, {
+                                            size: "small",
+                                            onClick: ()=>setRenaming({
+                                                    id: reader.id,
+                                                    label: reader.label
+                                                }),
+                                            children: 'Rename'
+                                        }),
+                                        /*#__PURE__*/ _jsx(Button, {
+                                            size: "small",
+                                            color: "error",
+                                            onClick: async ()=>{
+                                                const confirmed = await confirm({
+                                                    title: 'Remove this card reader?',
+                                                    description: `"${reader.label}" is removed from your account and stops taking payments. ` + 'To use it again, register it with a new code.',
+                                                    confirmationText: 'Remove',
+                                                    confirmationButtonProps: {
+                                                        color: 'error'
+                                                    }
+                                                }).then(()=>true).catch(()=>false);
+                                                if (!confirmed || !user) return;
+                                                try {
+                                                    await posReadersCall(user, {
+                                                        action: 'remove',
+                                                        hostId,
+                                                        readerId: reader.id
+                                                    });
+                                                    await load();
+                                                } catch (error) {
+                                                    notify(error, 'The reader could not be removed');
+                                                }
+                                            },
+                                            children: 'Remove'
+                                        })
+                                    ]
+                                }, reader.id);
+                            })
+                        ]
+                    }) : null,
+                    /*#__PURE__*/ _jsxs(Stack, {
+                        spacing: 1,
+                        children: [
+                            /*#__PURE__*/ _jsx(Typography, {
+                                variant: "subtitle2",
+                                children: 'Customer displays'
+                            }),
+                            /*#__PURE__*/ _jsx(Typography, {
+                                variant: "body2",
+                                color: "text.secondary",
+                                children: 'Pair a tablet facing your customer from the register: tap Pair display and enter the code on the tablet.'
+                            }),
+                            registers.flatMap((register)=>{
+                                var _displays_register_$id;
+                                return ((_displays_register_$id = displays[register.$id]) != null ? _displays_register_$id : []).map((display)=>/*#__PURE__*/ _jsxs(Stack, {
+                                        direction: "row",
+                                        spacing: 1,
+                                        sx: {
+                                            alignItems: 'center'
+                                        },
+                                        children: [
+                                            /*#__PURE__*/ _jsx(Typography, {
+                                                variant: "body2",
+                                                sx: {
+                                                    flex: 1
+                                                },
+                                                children: `${display.label} · ${register.name}`
+                                            }),
+                                            /*#__PURE__*/ _jsx(Chip, {
+                                                size: "small",
+                                                label: Date.now() - display.lastSeenAtMs < 120000 ? 'Connected' : 'Not connected',
+                                                color: Date.now() - display.lastSeenAtMs < 120000 ? 'success' : 'default'
+                                            }),
+                                            /*#__PURE__*/ _jsx(Button, {
+                                                size: "small",
+                                                color: "error",
+                                                onClick: async ()=>{
+                                                    if (!user) return;
+                                                    try {
+                                                        await posDisplayCall(user, {
+                                                            action: 'revoke',
+                                                            hostId,
+                                                            registerId: register.$id,
+                                                            displayId: display.id
+                                                        });
+                                                        setDisplays((prev)=>{
+                                                            var _prev_register_$id;
+                                                            return _extends({}, prev, {
+                                                                [register.$id]: ((_prev_register_$id = prev[register.$id]) != null ? _prev_register_$id : []).filter((entry)=>entry.id !== display.id)
+                                                            });
+                                                        });
+                                                    } catch (error) {
+                                                        notify(error, 'The display could not be signed out');
+                                                    }
+                                                },
+                                                children: 'Sign out'
+                                            })
+                                        ]
+                                    }, `${register.$id}:${display.id}`));
+                            })
+                        ]
+                    })
+                ]
+            }),
+            /*#__PURE__*/ _jsxs(Dialog, {
+                open: Boolean(renaming),
+                onClose: ()=>setRenaming(null),
+                maxWidth: "xs",
+                fullWidth: true,
+                children: [
+                    /*#__PURE__*/ _jsx(DialogTitle, {
+                        children: 'Rename card reader'
+                    }),
+                    /*#__PURE__*/ _jsx(DialogContent, {
+                        children: /*#__PURE__*/ _jsx(TextField, {
+                            label: "Name",
+                            value: (_ref2 = renaming == null ? void 0 : renaming.label) != null ? _ref2 : '',
+                            onChange: (event)=>setRenaming((prev)=>prev ? _extends({}, prev, {
+                                        label: event.target.value
+                                    }) : prev),
+                            fullWidth: true,
+                            autoFocus: true,
+                            sx: {
+                                mt: 1
+                            }
+                        })
+                    }),
+                    /*#__PURE__*/ _jsxs(DialogActions, {
+                        children: [
+                            /*#__PURE__*/ _jsx(Button, {
+                                onClick: ()=>setRenaming(null),
+                                children: 'Cancel'
+                            }),
+                            /*#__PURE__*/ _jsx(Button, {
+                                variant: "contained",
+                                disabled: !(renaming == null ? void 0 : renaming.label.trim()),
+                                onClick: async ()=>{
+                                    if (!renaming || !user) return;
+                                    try {
+                                        await posReadersCall(user, {
+                                            action: 'update',
+                                            hostId,
+                                            readerId: renaming.id,
+                                            label: renaming.label.trim()
+                                        });
+                                        setRenaming(null);
+                                        await load();
+                                    } catch (error) {
+                                        notify(error, 'The reader could not be renamed');
+                                    }
+                                },
+                                children: 'Save'
+                            })
+                        ]
+                    })
+                ]
+            }),
+            /*#__PURE__*/ _jsxs(Dialog, {
+                open: adding,
+                onClose: ()=>setAdding(false),
+                maxWidth: "sm",
+                fullWidth: true,
+                children: [
+                    /*#__PURE__*/ _jsx(DialogTitle, {
+                        children: 'Add a card reader'
+                    }),
+                    /*#__PURE__*/ _jsxs(DialogContent, {
+                        sx: {
+                            display: 'flex',
+                            flexDirection: 'column',
+                            gap: 2
+                        },
+                        children: [
+                            /*#__PURE__*/ _jsx(Typography, {
+                                variant: "body2",
+                                color: "text.secondary",
+                                sx: {
+                                    mt: 1
+                                },
+                                children: 'On the reader, open Settings and choose Generate pairing code, then enter the code it shows.'
+                            }),
+                            /*#__PURE__*/ _jsx(TextField, {
+                                label: "Registration code",
+                                value: code,
+                                onChange: (event)=>setCode(event.target.value),
+                                autoFocus: true,
+                                slotProps: {
+                                    htmlInput: {
+                                        autoComplete: 'off'
+                                    }
+                                }
+                            }),
+                            /*#__PURE__*/ _jsx(TextField, {
+                                label: "Name",
+                                placeholder: "Front counter reader",
+                                value: label,
+                                onChange: (event)=>setLabel(event.target.value)
+                            }),
+                            /*#__PURE__*/ _jsxs(TextField, {
+                                select: true,
+                                label: "Register",
+                                value: registerId,
+                                onChange: (event)=>setRegisterId(event.target.value),
+                                children: [
+                                    /*#__PURE__*/ _jsx(MenuItem, {
+                                        value: "",
+                                        children: 'Any register'
+                                    }),
+                                    registers.map((register)=>/*#__PURE__*/ _jsx(MenuItem, {
+                                            value: register.$id,
+                                            children: register.name
+                                        }, register.$id))
+                                ]
+                            }),
+                            answer && !answer.locationReady ? /*#__PURE__*/ _jsxs(Box, {
+                                sx: {
+                                    display: 'grid',
+                                    gap: 1.5,
+                                    gridTemplateColumns: {
+                                        xs: '1fr',
+                                        sm: '1fr 1fr'
+                                    }
+                                },
+                                children: [
+                                    /*#__PURE__*/ _jsx(Typography, {
+                                        variant: "body2",
+                                        color: "text.secondary",
+                                        sx: {
+                                            gridColumn: '1 / -1'
+                                        },
+                                        children: 'Where the reader is used. Stripe sets the reader up for this country.'
+                                    }),
+                                    /*#__PURE__*/ _jsx(TextField, {
+                                        label: "Street",
+                                        value: address.line1,
+                                        onChange: (event)=>setAddress(_extends({}, address, {
+                                                line1: event.target.value
+                                            })),
+                                        sx: {
+                                            gridColumn: '1 / -1'
+                                        }
+                                    }),
+                                    /*#__PURE__*/ _jsx(TextField, {
+                                        label: "City",
+                                        value: address.city,
+                                        onChange: (event)=>setAddress(_extends({}, address, {
+                                                city: event.target.value
+                                            }))
+                                    }),
+                                    /*#__PURE__*/ _jsx(TextField, {
+                                        label: "State",
+                                        value: address.state,
+                                        onChange: (event)=>setAddress(_extends({}, address, {
+                                                state: event.target.value
+                                            }))
+                                    }),
+                                    /*#__PURE__*/ _jsx(TextField, {
+                                        label: "Postal code",
+                                        value: address.postalCode,
+                                        onChange: (event)=>setAddress(_extends({}, address, {
+                                                postalCode: event.target.value
+                                            }))
+                                    }),
+                                    /*#__PURE__*/ _jsx(TextField, {
+                                        label: "Country",
+                                        value: address.country,
+                                        onChange: (event)=>setAddress(_extends({}, address, {
+                                                country: event.target.value.toUpperCase().slice(0, 2)
+                                            }))
+                                    })
+                                ]
+                            }) : null
+                        ]
+                    }),
+                    /*#__PURE__*/ _jsxs(DialogActions, {
+                        children: [
+                            /*#__PURE__*/ _jsx(Button, {
+                                onClick: ()=>setAdding(false),
+                                children: 'Cancel'
+                            }),
+                            /*#__PURE__*/ _jsx(Button, {
+                                variant: "contained",
+                                disabled: busy || !code.trim(),
+                                onClick: ()=>void addReader(),
+                                children: 'Add reader'
+                            })
+                        ]
+                    })
+                ]
+            })
+        ]
+    });
+}
+PosDevicesCard.displayName = 'PosDevicesCard';
+export default PosDevicesCard;
+
+//# sourceMappingURL=pos-devices-card.component.js.map

package/src/lib/components/console/pos-devices-card.component.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../../../../libs/plugins/commerce/src/lib/components/console/pos-devices-card.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 { pluginDocsHelp } from '@aglyn/aglyn'\nimport { CardDisplay, useConfirmationContext } from '@aglyn/shared-ui-jsx'\nimport { useSnackbar } from '@aglyn/shared-ui-snackstack'\nimport { useFirestore, useFirestoreCollection, useUser } from '@aglyn/tenant-feature-instance'\nimport {\n  Box,\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 { collection, limit, query } from 'firebase/firestore'\nimport { useCallback, useEffect, useState } from 'react'\nimport { posDisplayCall, posReadersCall, PosRequestError } from './pos/pos-api'\n\ninterface ReaderRow {\n  id: string\n  label: string\n  registerId: string | null\n  deviceType: string | null\n  serialNumber: string | null\n  status: string\n  livemode: boolean\n}\n\ninterface ReadersAnswer {\n  available: boolean\n  testMode: boolean\n  locationReady: boolean\n  readers: ReaderRow[]\n}\n\ninterface DisplayRow {\n  id: string\n  label: string\n  createdAtMs: number\n  lastSeenAtMs: number\n}\n\nexport interface PosDevicesCardProps {\n  hostId: string\n}\n\nconst EMPTY_ADDRESS = { line1: '', line2: '', city: '', state: '', postalCode: '', country: 'US' }\n\n/**\n * The register's hardware (AGL-3607, AGL-3608): Stripe Terminal card readers\n * — registered with the code a reader shows, bound to a register, renamed,\n * removed — and the customer displays paired to each register, which can be\n * signed out. Readers appear only where card readers are offered at all.\n */\nexport function PosDevicesCard({ hostId }: PosDevicesCardProps) {\n  const firestore = useFirestore()\n  const { data: user } = useUser()\n  const { enqueueSnackbar } = useSnackbar()\n  const { confirm } = useConfirmationContext()\n  const { data: registerDocs } = useFirestoreCollection<any>(\n    () => query(collection(firestore, 'hosts', hostId, 'registers'), limit(25)),\n    [firestore, hostId],\n    { idField: '$id' },\n  )\n  const registers = [...(registerDocs ?? [])].sort((a: any, b: any) =>\n    String(a.name ?? '').localeCompare(String(b.name ?? '')),\n  )\n  const [answer, setAnswer] = useState<ReadersAnswer | null>(null)\n  const [displays, setDisplays] = useState<Record<string, DisplayRow[]>>({})\n  const [adding, setAdding] = useState(false)\n  const [code, setCode] = useState('')\n  const [label, setLabel] = useState('')\n  const [registerId, setRegisterId] = useState('')\n  const [address, setAddress] = useState(EMPTY_ADDRESS)\n  const [busy, setBusy] = useState(false)\n  const [renaming, setRenaming] = useState<{ id: string; label: string } | null>(null)\n\n  const notify = useCallback(\n    (error: unknown, fallback: string) =>\n      enqueueSnackbar(error instanceof PosRequestError ? error.message : fallback, {\n        variant: 'warning',\n        persist: false,\n      }),\n    [enqueueSnackbar],\n  )\n\n  const load = useCallback(\n    async (refresh = false) => {\n      if (!user) return\n      try {\n        setAnswer(await posReadersCall<ReadersAnswer>(user, { action: 'list', hostId, refresh }))\n      } catch {\n        setAnswer(null)\n      }\n    },\n    [user, hostId],\n  )\n  const uid = user?.uid ?? ''\n  useEffect(() => {\n    void load(true)\n    // Keyed on the person, not the session object (see the register page).\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [uid, hostId])\n\n  const registerIds = registers.map((register: any) => register.$id).join(',')\n  useEffect(() => {\n    if (!user || !registerIds) return\n    let active = true\n    void Promise.all(\n      registerIds.split(',').map(async (id) => {\n        const result = await posDisplayCall<{ displays: DisplayRow[] }>(user, {\n          action: 'displays',\n          hostId,\n          registerId: id,\n        }).catch(() => ({ displays: [] as DisplayRow[] }))\n        return [id, result.displays] as const\n      }),\n    ).then((entries) => {\n      if (active) setDisplays(Object.fromEntries(entries))\n    })\n    return () => {\n      active = false\n    }\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [uid, hostId, registerIds])\n\n  const registerName = (id: string | null) =>\n    registers.find((register: any) => register.$id === id)?.name ?? null\n\n  const addReader = async () => {\n    if (!user) return\n    setBusy(true)\n    try {\n      await posReadersCall(user, {\n        action: 'register',\n        hostId,\n        registrationCode: code.trim(),\n        label: label.trim(),\n        ...(registerId ? { registerId } : {}),\n        ...(answer?.locationReady ? {} : { address }),\n      })\n      setAdding(false)\n      setCode('')\n      setLabel('')\n      setRegisterId('')\n      await load()\n    } catch (error) {\n      notify(error, 'The reader could not be added')\n    } finally {\n      setBusy(false)\n    }\n  }\n\n  const readers = answer?.readers ?? []\n  const showReaders = Boolean(answer?.available)\n\n  return (\n    <CardDisplay\n      header={'POS devices'}\n      help={pluginDocsHelp('pos', { anchor: '#card-readers' })}\n      HeaderProps={\n        showReaders\n          ? {\n              action: (\n                <Button size=\"small\" onClick={() => setAdding(true)}>\n                  {'Add card reader'}\n                </Button>\n              ),\n            }\n          : undefined\n      }\n      contentGutterX\n      contentGutterY\n    >\n      <Stack spacing={2}>\n        {showReaders ? (\n          <Stack spacing={1}>\n            <Typography variant=\"subtitle2\">{'Card readers'}</Typography>\n            {readers.length === 0 ? (\n              <Typography variant=\"body2\" color=\"text.secondary\">\n                {answer?.testMode\n                  ? 'No card readers yet. In test mode, add one with the code \"simulated-wpe\" to try a simulated reader.'\n                  : 'No card readers yet. Add a Stripe Reader S700 or BBPOS WisePOS E with the code it shows on screen.'}\n              </Typography>\n            ) : (\n              readers.map((reader) => (\n                <Stack\n                  key={reader.id}\n                  direction=\"row\"\n                  spacing={1}\n                  sx={{ alignItems: 'center', flexWrap: 'wrap', rowGap: 1 }}\n                >\n                  <Typography variant=\"body2\" sx={{ flex: 1, minWidth: 160 }}>\n                    {reader.label}\n                    <Typography component=\"span\" variant=\"caption\" color=\"text.secondary\">\n                      {` · ${registerName(reader.registerId) ?? 'Any register'}` +\n                        (reader.livemode ? '' : ' · test')}\n                    </Typography>\n                  </Typography>\n                  <Chip\n                    size=\"small\"\n                    label={reader.status === 'online' ? 'Online' : 'Offline'}\n                    color={reader.status === 'online' ? 'success' : 'default'}\n                  />\n                  <TextField\n                    select\n                    size=\"small\"\n                    label=\"Register\"\n                    value={reader.registerId ?? ''}\n                    onChange={async (event) => {\n                      if (!user) return\n                      try {\n                        await posReadersCall(user, {\n                          action: 'update',\n                          hostId,\n                          readerId: reader.id,\n                          registerId: event.target.value,\n                        })\n                        await load()\n                      } catch (error) {\n                        notify(error, 'The reader could not be updated')\n                      }\n                    }}\n                    sx={{ minWidth: 140 }}\n                  >\n                    <MenuItem value=\"\">{'Any register'}</MenuItem>\n                    {registers.map((register: any) => (\n                      <MenuItem key={register.$id} value={register.$id}>\n                        {register.name}\n                      </MenuItem>\n                    ))}\n                  </TextField>\n                  <Button\n                    size=\"small\"\n                    onClick={() => setRenaming({ id: reader.id, label: reader.label })}\n                  >\n                    {'Rename'}\n                  </Button>\n                  <Button\n                    size=\"small\"\n                    color=\"error\"\n                    onClick={async () => {\n                      const confirmed = await confirm({\n                        title: 'Remove this card reader?',\n                        description:\n                          `\"${reader.label}\" is removed from your account and stops taking payments. ` +\n                          'To use it again, register it with a new code.',\n                        confirmationText: 'Remove',\n                        confirmationButtonProps: { color: 'error' },\n                      })\n                        .then(() => true)\n                        .catch(() => false)\n                      if (!confirmed || !user) return\n                      try {\n                        await posReadersCall(user, { action: 'remove', hostId, readerId: reader.id })\n                        await load()\n                      } catch (error) {\n                        notify(error, 'The reader could not be removed')\n                      }\n                    }}\n                  >\n                    {'Remove'}\n                  </Button>\n                </Stack>\n              ))\n            )}\n          </Stack>\n        ) : null}\n        <Stack spacing={1}>\n          <Typography variant=\"subtitle2\">{'Customer displays'}</Typography>\n          <Typography variant=\"body2\" color=\"text.secondary\">\n            {'Pair a tablet facing your customer from the register: tap Pair display and enter the code on the tablet.'}\n          </Typography>\n          {registers.flatMap((register: any) =>\n            (displays[register.$id] ?? []).map((display) => (\n              <Stack key={`${register.$id}:${display.id}`} direction=\"row\" spacing={1} sx={{ alignItems: 'center' }}>\n                <Typography variant=\"body2\" sx={{ flex: 1 }}>\n                  {`${display.label} · ${register.name}`}\n                </Typography>\n                <Chip\n                  size=\"small\"\n                  label={Date.now() - display.lastSeenAtMs < 120_000 ? 'Connected' : 'Not connected'}\n                  color={Date.now() - display.lastSeenAtMs < 120_000 ? 'success' : 'default'}\n                />\n                <Button\n                  size=\"small\"\n                  color=\"error\"\n                  onClick={async () => {\n                    if (!user) return\n                    try {\n                      await posDisplayCall(user, {\n                        action: 'revoke',\n                        hostId,\n                        registerId: register.$id,\n                        displayId: display.id,\n                      })\n                      setDisplays((prev) => ({\n                        ...prev,\n                        [register.$id]: (prev[register.$id] ?? []).filter((entry) => entry.id !== display.id),\n                      }))\n                    } catch (error) {\n                      notify(error, 'The display could not be signed out')\n                    }\n                  }}\n                >\n                  {'Sign out'}\n                </Button>\n              </Stack>\n            )),\n          )}\n        </Stack>\n      </Stack>\n\n      <Dialog open={Boolean(renaming)} onClose={() => setRenaming(null)} maxWidth=\"xs\" fullWidth>\n        <DialogTitle>{'Rename card reader'}</DialogTitle>\n        <DialogContent>\n          <TextField\n            label=\"Name\"\n            value={renaming?.label ?? ''}\n            onChange={(event) => setRenaming((prev) => (prev ? { ...prev, label: event.target.value } : prev))}\n            fullWidth\n            autoFocus\n            sx={{ mt: 1 }}\n          />\n        </DialogContent>\n        <DialogActions>\n          <Button onClick={() => setRenaming(null)}>{'Cancel'}</Button>\n          <Button\n            variant=\"contained\"\n            disabled={!renaming?.label.trim()}\n            onClick={async () => {\n              if (!renaming || !user) return\n              try {\n                await posReadersCall(user, {\n                  action: 'update',\n                  hostId,\n                  readerId: renaming.id,\n                  label: renaming.label.trim(),\n                })\n                setRenaming(null)\n                await load()\n              } catch (error) {\n                notify(error, 'The reader could not be renamed')\n              }\n            }}\n          >\n            {'Save'}\n          </Button>\n        </DialogActions>\n      </Dialog>\n      <Dialog open={adding} onClose={() => setAdding(false)} maxWidth=\"sm\" fullWidth>\n        <DialogTitle>{'Add a card reader'}</DialogTitle>\n        <DialogContent sx={{ display: 'flex', flexDirection: 'column', gap: 2 }}>\n          <Typography variant=\"body2\" color=\"text.secondary\" sx={{ mt: 1 }}>\n            {'On the reader, open Settings and choose Generate pairing code, then enter the code it shows.'}\n          </Typography>\n          <TextField\n            label=\"Registration code\"\n            value={code}\n            onChange={(event) => setCode(event.target.value)}\n            autoFocus\n            slotProps={{ htmlInput: { autoComplete: 'off' } }}\n          />\n          <TextField label=\"Name\" placeholder=\"Front counter reader\" value={label} onChange={(event) => setLabel(event.target.value)} />\n          <TextField select label=\"Register\" value={registerId} onChange={(event) => setRegisterId(event.target.value)}>\n            <MenuItem value=\"\">{'Any register'}</MenuItem>\n            {registers.map((register: any) => (\n              <MenuItem key={register.$id} value={register.$id}>\n                {register.name}\n              </MenuItem>\n            ))}\n          </TextField>\n          {answer && !answer.locationReady ? (\n            <Box sx={{ display: 'grid', gap: 1.5, gridTemplateColumns: { xs: '1fr', sm: '1fr 1fr' } }}>\n              <Typography variant=\"body2\" color=\"text.secondary\" sx={{ gridColumn: '1 / -1' }}>\n                {'Where the reader is used. Stripe sets the reader up for this country.'}\n              </Typography>\n              <TextField label=\"Street\" value={address.line1} onChange={(event) => setAddress({ ...address, line1: event.target.value })} sx={{ gridColumn: '1 / -1' }} />\n              <TextField label=\"City\" value={address.city} onChange={(event) => setAddress({ ...address, city: event.target.value })} />\n              <TextField label=\"State\" value={address.state} onChange={(event) => setAddress({ ...address, state: event.target.value })} />\n              <TextField label=\"Postal code\" value={address.postalCode} onChange={(event) => setAddress({ ...address, postalCode: event.target.value })} />\n              <TextField\n                label=\"Country\"\n                value={address.country}\n                onChange={(event) => setAddress({ ...address, country: event.target.value.toUpperCase().slice(0, 2) })}\n              />\n            </Box>\n          ) : null}\n        </DialogContent>\n        <DialogActions>\n          <Button onClick={() => setAdding(false)}>{'Cancel'}</Button>\n          <Button variant=\"contained\" disabled={busy || !code.trim()} onClick={() => void addReader()}>\n            {'Add reader'}\n          </Button>\n        </DialogActions>\n      </Dialog>\n    </CardDisplay>\n  )\n}\nPosDevicesCard.displayName = 'PosDevicesCard'\n\nexport default PosDevicesCard\n"],"names":["pluginDocsHelp","CardDisplay","useConfirmationContext","useSnackbar","useFirestore","useFirestoreCollection","useUser","Box","Button","Chip","Dialog","DialogActions","DialogContent","DialogTitle","MenuItem","Stack","TextField","Typography","collection","limit","query","useCallback","useEffect","useState","posDisplayCall","posReadersCall","PosRequestError","EMPTY_ADDRESS","line1","line2","city","state","postalCode","country","PosDevicesCard","hostId","firestore","data","user","enqueueSnackbar","confirm","registerDocs","idField","registers","sort","a","b","String","name","localeCompare","answer","setAnswer","displays","setDisplays","adding","setAdding","code","setCode","label","setLabel","registerId","setRegisterId","address","setAddress","busy","setBusy","renaming","setRenaming","notify","error","fallback","message","variant","persist","load","refresh","action","uid","registerIds","map","register","$id","join","active","Promise","all","split","id","result","catch","then","entries","Object","fromEntries","registerName","find","addReader","registrationCode","trim","locationReady","readers","showReaders","Boolean","available","header","help","anchor","HeaderProps","size","onClick","undefined","contentGutterX","contentGutterY","spacing","length","color","testMode","reader","direction","sx","alignItems","flexWrap","rowGap","flex","minWidth","component","livemode","status","select","value","onChange","event","readerId","target","confirmed","title","description","confirmationText","confirmationButtonProps","flatMap","display","Date","now","lastSeenAtMs","displayId","prev","filter","entry","open","onClose","maxWidth","fullWidth","autoFocus","mt","disabled","flexDirection","gap","slotProps","htmlInput","autoComplete","placeholder","gridTemplateColumns","xs","sm","gridColumn","toUpperCase","slice","displayName"],"mappings":"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"}

package/src/lib/components/console/pos-display/brand-screen.d.ts

@@ -0,0 +1,33 @@
+/**
+ * @license
+ * Copyright 2026 Aglyn LLC
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *   http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+import type { ReactNode } from 'react';
+import type { PosDisplayBranding } from './pos-display-api';
+/** The store's logo for the scheme in use, its name when it has none. */
+export declare function PosDisplayBrandMark({ branding }: {
+    branding: PosDisplayBranding | null;
+}): import("react").JSX.Element;
+/**
+ * A centered full-screen message under the store's mark: the idle screen,
+ * the thank-you, the card reader prompt and "the cashier will finish up".
+ */
+export declare function PosDisplayBrandScreen({ branding, title, message, busy, children, }: {
+    branding: PosDisplayBranding | null;
+    title?: string;
+    message?: string;
+    busy?: boolean;
+    children?: ReactNode;
+}): import("react").JSX.Element;