@aglyn/plugins-commerce 1.0.0-beta.278 → 1.0.0-beta.283

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

@@ -0,0 +1,456 @@
+/**
+ * @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 } from "@aglyn/shared-ui-jsx";
+import { ListTable } from "@aglyn/shared-ui-jsx/components/list-table.component";
+import { useSnackbar } from "@aglyn/shared-ui-snackstack";
+import { useUser } from "@aglyn/tenant-feature-instance";
+import { Alert, Box, Button, Card, CardContent, Chip, Link, MenuItem, Stack, TextField, Typography } from "@mui/material";
+import { useCallback, useEffect, useMemo, useState } from "react";
+import { formatPosHardwareCents, POS_HARDWARE_ANCHOR, POS_HARDWARE_MAX_PER_LINE, POS_HARDWARE_STATUS_LABELS } from "../../model/pos-hardware.js";
+import { newAttemptKey } from "./pos/pos-api.js";
+import { openPosHardwareCheckout, posHardwareCatalog, posHardwareCheckout, posHardwareOrders, PosHardwareRequestError } from "./pos/pos-hardware-api.js";
+export const POS_HARDWARE_STATUS_COLOR = {
+    paid: 'info',
+    ordered: 'info',
+    shipped: 'primary',
+    delivered: 'success',
+    registered: 'success',
+    canceled: 'default',
+    refunded: 'default'
+};
+const QUANTITIES = Array.from({
+    length: POS_HARDWARE_MAX_PER_LINE + 1
+}, (_, index)=>index);
+const placedOn = (ms)=>ms ? new Date(ms).toLocaleDateString([], {
+        month: 'short',
+        day: 'numeric',
+        year: 'numeric'
+    }) : '—';
+/**
+ * The Hardware card (AGL-4038): Stripe card readers and accessories sold by
+ * the platform and shipped by Stripe straight to the store, with the store's
+ * orders and their tracking underneath.
+ *
+ * HIDDEN, NOT DISABLED, while the deployment has not opened the shop: it is a
+ * gate only the platform can lift, so naming it would point at a step nobody
+ * on the workspace can take. The route answers `available: false` until
+ * every price, the markup and the shipping figures are configured.
+ */ export function PosHardwareCard({ hostId, canManagePos = false }) {
+    var _ref, _ref1;
+    const { data: user } = useUser();
+    const { enqueueSnackbar } = useSnackbar();
+    const [catalog, setCatalog] = useState(null);
+    const [orders, setOrders] = useState(null);
+    const [quantities, setQuantities] = useState({});
+    const [shippingMethod, setShippingMethod] = useState('');
+    const [busy, setBusy] = useState(false);
+    const [returned, setReturned] = useState(null);
+    const uid = (_ref = user == null ? void 0 : user.uid) != null ? _ref : '';
+    useEffect(()=>{
+        if (!user || !canManagePos) return;
+        let active = true;
+        void posHardwareCatalog(user, hostId).then((answer)=>{
+            if (active) setCatalog(answer);
+        }).catch(()=>{
+            if (active) setCatalog({
+                available: false
+            });
+        });
+        return ()=>{
+            active = false;
+        };
+    // Keyed on the person, not the session object.
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+    }, [
+        uid,
+        hostId,
+        canManagePos
+    ]);
+    const available = (catalog == null ? void 0 : catalog.available) === true;
+    const loadOrders = useCallback(async ()=>{
+        if (!user) return;
+        try {
+            setOrders((await posHardwareOrders(user, hostId)).orders);
+        } catch (unused) {
+            setOrders([]);
+        }
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+    }, [
+        uid,
+        hostId
+    ]);
+    useEffect(()=>{
+        if (available) void loadOrders();
+    }, [
+        available,
+        loadOrders
+    ]);
+    // The first shipping speed is the default once the catalog answers.
+    useEffect(()=>{
+        if ((catalog == null ? void 0 : catalog.available) && !shippingMethod && catalog.shipping.length) {
+            setShippingMethod(catalog.shipping[0].method);
+        }
+    }, [
+        catalog,
+        shippingMethod
+    ]);
+    // Back from Checkout: say what happened, then drop the marker from the URL.
+    useEffect(()=>{
+        if (typeof window === 'undefined') return;
+        const url = new URL(window.location.href);
+        const outcome = url.searchParams.get('hardwareOrder');
+        if (outcome === 'placed' || outcome === 'canceled') {
+            setReturned(outcome);
+            url.searchParams.delete('hardwareOrder');
+            window.history.replaceState(window.history.state, '', url.toString());
+        }
+    }, []);
+    // Arrived by an email's link or Checkout's return: bring the card into view.
+    useEffect(()=>{
+        var _document_getElementById_scrollIntoView, _document_getElementById;
+        if (!available || typeof window === 'undefined') return;
+        if (window.location.hash !== `#${POS_HARDWARE_ANCHOR}`) return;
+        (_document_getElementById = document.getElementById(POS_HARDWARE_ANCHOR)) == null ? void 0 : (_document_getElementById_scrollIntoView = _document_getElementById.scrollIntoView) == null ? void 0 : _document_getElementById_scrollIntoView.call(_document_getElementById, {
+            block: 'start'
+        });
+    }, [
+        available
+    ]);
+    const lines = useMemo(()=>Object.entries(quantities).filter(([, quantity])=>quantity > 0).map(([sku, quantity])=>({
+                sku,
+                quantity
+            })), [
+        quantities
+    ]);
+    const shipping = (catalog == null ? void 0 : catalog.available) ? catalog.shipping.find((option)=>option.method === shippingMethod) : undefined;
+    const subtotalCents = (catalog == null ? void 0 : catalog.available) ? lines.reduce((sum, line)=>{
+        var _ref;
+        var _catalog_offers_find;
+        return sum + ((_ref = (_catalog_offers_find = catalog.offers.find((offer)=>offer.sku === line.sku)) == null ? void 0 : _catalog_offers_find.unitCents) != null ? _ref : 0) * line.quantity;
+    }, 0) : 0;
+    // One attempt per basket: a second press of the same basket reaches the
+    // same Checkout Session, and a changed basket is a new one.
+    const basketKey = JSON.stringify([
+        lines,
+        shippingMethod
+    ]);
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+    const attemptKey = useMemo(()=>newAttemptKey(), [
+        basketKey
+    ]);
+    const checkout = async ()=>{
+        if (!user || !shippingMethod || !lines.length) return;
+        setBusy(true);
+        try {
+            const { url } = await posHardwareCheckout(user, attemptKey, {
+                hostId,
+                lines,
+                shippingMethod
+            });
+            openPosHardwareCheckout(url);
+        } catch (error) {
+            enqueueSnackbar(error instanceof PosHardwareRequestError ? error.message : 'Checkout could not be started', {
+                variant: 'warning',
+                persist: false
+            });
+            setBusy(false);
+        }
+    };
+    const columns = useMemo(()=>[
+            {
+                field: 'number',
+                headerName: 'Order',
+                minWidth: 110
+            },
+            {
+                field: 'createdAtMs',
+                headerName: 'Placed',
+                type: 'number',
+                minWidth: 120,
+                align: 'left',
+                headerAlign: 'left',
+                valueFormatter: (value)=>placedOn(value)
+            },
+            {
+                field: 'items',
+                headerName: 'Items',
+                flex: 1,
+                minWidth: 200,
+                valueGetter: (_value, row)=>row.lines.map((line)=>`${line.name} × ${line.quantity}`).join(', ')
+            },
+            {
+                field: 'totalCents',
+                headerName: 'Total',
+                type: 'number',
+                minWidth: 100,
+                valueFormatter: (value)=>formatPosHardwareCents(value)
+            },
+            {
+                field: 'status',
+                headerName: 'Status',
+                minWidth: 130,
+                valueGetter: (_value, row)=>POS_HARDWARE_STATUS_LABELS[row.status],
+                renderCell: ({ row })=>/*#__PURE__*/ _jsx(Chip, {
+                        size: "small",
+                        color: POS_HARDWARE_STATUS_COLOR[row.status],
+                        label: POS_HARDWARE_STATUS_LABELS[row.status]
+                    })
+            },
+            {
+                field: 'tracking',
+                headerName: 'Tracking',
+                minWidth: 160,
+                valueGetter: (_value, row)=>{
+                    var _ref;
+                    var _row_tracking;
+                    return (_ref = (_row_tracking = row.tracking) == null ? void 0 : _row_tracking.number) != null ? _ref : '';
+                },
+                renderCell: ({ row })=>{
+                    var _ref;
+                    var _row_tracking, _row_tracking1;
+                    return ((_row_tracking = row.tracking) == null ? void 0 : _row_tracking.url) ? /*#__PURE__*/ _jsx(Link, {
+                        href: row.tracking.url,
+                        target: "_blank",
+                        rel: "noopener noreferrer",
+                        children: row.tracking.number
+                    }) : (_ref = (_row_tracking1 = row.tracking) == null ? void 0 : _row_tracking1.number) != null ? _ref : '—';
+                }
+            }
+        ], []);
+    if (!available || !(catalog == null ? void 0 : catalog.available)) return null;
+    return /*#__PURE__*/ _jsx(CardDisplay, {
+        id: POS_HARDWARE_ANCHOR,
+        header: 'Hardware',
+        subheader: 'Card readers from Stripe, shipped straight to you',
+        help: pluginDocsHelp('posHardware', {
+            anchor: '#buy-a-reader-from-aglyn'
+        }),
+        HeaderProps: {
+            action: /*#__PURE__*/ _jsx(Button, {
+                size: "small",
+                variant: "contained",
+                disabled: busy || !lines.length || !shipping,
+                onClick: ()=>void checkout(),
+                children: 'Check out'
+            })
+        },
+        contentGutterX: true,
+        contentGutterY: true,
+        children: /*#__PURE__*/ _jsxs(Stack, {
+            spacing: 3,
+            children: [
+                returned === 'placed' ? /*#__PURE__*/ _jsx(Alert, {
+                    severity: "success",
+                    onClose: ()=>setReturned(null),
+                    children: 'Thanks, your order is in. It shows under Your orders within a minute, and we email you as it ships.'
+                }) : returned === 'canceled' ? /*#__PURE__*/ _jsx(Alert, {
+                    severity: "info",
+                    onClose: ()=>setReturned(null),
+                    children: 'Checkout was canceled. Nothing was charged.'
+                }) : null,
+                /*#__PURE__*/ _jsx(Typography, {
+                    variant: "body2",
+                    color: "text.secondary",
+                    children: 'Choose the readers and accessories you need. Stripe ships them to the address you enter at checkout, and you add each reader to a register on the POS devices card when it arrives.'
+                }),
+                /*#__PURE__*/ _jsx(Box, {
+                    sx: {
+                        display: 'grid',
+                        gap: 2,
+                        gridTemplateColumns: {
+                            xs: '1fr',
+                            sm: 'repeat(2, 1fr)',
+                            md: 'repeat(3, 1fr)'
+                        }
+                    },
+                    children: catalog.offers.map((offer)=>{
+                        var _quantities_offer_sku;
+                        return /*#__PURE__*/ _jsx(Card, {
+                            variant: "outlined",
+                            children: /*#__PURE__*/ _jsx(CardContent, {
+                                children: /*#__PURE__*/ _jsxs(Stack, {
+                                    spacing: 1,
+                                    sx: {
+                                        height: '100%'
+                                    },
+                                    children: [
+                                        /*#__PURE__*/ _jsx(Typography, {
+                                            variant: "subtitle2",
+                                            children: offer.name
+                                        }),
+                                        /*#__PURE__*/ _jsx(Typography, {
+                                            variant: "body2",
+                                            color: "text.secondary",
+                                            sx: {
+                                                flex: 1
+                                            },
+                                            children: offer.use
+                                        }),
+                                        /*#__PURE__*/ _jsxs(Stack, {
+                                            direction: "row",
+                                            spacing: 1,
+                                            sx: {
+                                                alignItems: 'center',
+                                                justifyContent: 'space-between'
+                                            },
+                                            children: [
+                                                /*#__PURE__*/ _jsx(Typography, {
+                                                    variant: "body1",
+                                                    children: formatPosHardwareCents(offer.unitCents)
+                                                }),
+                                                /*#__PURE__*/ _jsx(TextField, {
+                                                    select: true,
+                                                    size: "small",
+                                                    label: "Quantity",
+                                                    value: (_quantities_offer_sku = quantities[offer.sku]) != null ? _quantities_offer_sku : 0,
+                                                    onChange: (event)=>setQuantities((prev)=>_extends({}, prev, {
+                                                                [offer.sku]: Number(event.target.value)
+                                                            })),
+                                                    slotProps: {
+                                                        htmlInput: {
+                                                            'aria-label': `Quantity of ${offer.name}`
+                                                        }
+                                                    },
+                                                    children: QUANTITIES.map((quantity)=>/*#__PURE__*/ _jsx(MenuItem, {
+                                                            value: quantity,
+                                                            children: quantity
+                                                        }, quantity))
+                                                })
+                                            ]
+                                        })
+                                    ]
+                                })
+                            })
+                        }, offer.sku);
+                    })
+                }),
+                /*#__PURE__*/ _jsxs(Stack, {
+                    direction: {
+                        xs: 'column',
+                        sm: 'row'
+                    },
+                    spacing: 2,
+                    sx: {
+                        alignItems: {
+                            sm: 'flex-start'
+                        }
+                    },
+                    children: [
+                        /*#__PURE__*/ _jsx(TextField, {
+                            select: true,
+                            size: "small",
+                            label: "Shipping",
+                            value: shippingMethod,
+                            onChange: (event)=>setShippingMethod(event.target.value),
+                            sx: {
+                                minWidth: {
+                                    sm: '40%'
+                                }
+                            },
+                            children: catalog.shipping.map((option)=>/*#__PURE__*/ _jsx(MenuItem, {
+                                    value: option.method,
+                                    children: `${option.label} · ${formatPosHardwareCents(option.cents)}`
+                                }, option.method))
+                        }),
+                        /*#__PURE__*/ _jsxs(Stack, {
+                            spacing: 0.5,
+                            sx: {
+                                flex: 1
+                            },
+                            "aria-label": "Order summary",
+                            children: [
+                                /*#__PURE__*/ _jsx(SummaryRow, {
+                                    label: "Items",
+                                    value: formatPosHardwareCents(subtotalCents)
+                                }),
+                                /*#__PURE__*/ _jsx(SummaryRow, {
+                                    label: "Shipping",
+                                    value: shipping ? formatPosHardwareCents(shipping.cents) : '—'
+                                }),
+                                catalog.automaticTax ? /*#__PURE__*/ _jsx(SummaryRow, {
+                                    label: "Tax",
+                                    value: "Calculated at checkout"
+                                }) : null,
+                                /*#__PURE__*/ _jsx(SummaryRow, {
+                                    label: catalog.automaticTax ? 'Total before tax' : 'Total',
+                                    value: formatPosHardwareCents(subtotalCents + ((_ref1 = shipping == null ? void 0 : shipping.cents) != null ? _ref1 : 0)),
+                                    strong: true
+                                })
+                            ]
+                        })
+                    ]
+                }),
+                /*#__PURE__*/ _jsx(Typography, {
+                    variant: "caption",
+                    color: "text.secondary",
+                    children: 'Ships to street addresses in the United States. P.O. boxes and military addresses are not accepted.'
+                }),
+                /*#__PURE__*/ _jsxs(Stack, {
+                    spacing: 1,
+                    children: [
+                        /*#__PURE__*/ _jsx(Typography, {
+                            variant: "subtitle2",
+                            children: 'Your orders'
+                        }),
+                        orders && orders.length === 0 ? /*#__PURE__*/ _jsx(Typography, {
+                            variant: "body2",
+                            color: "text.secondary",
+                            children: 'No hardware orders yet.'
+                        }) : /*#__PURE__*/ _jsx(ListTable, {
+                            rows: (orders != null ? orders : []).map((order)=>_extends({}, order, {
+                                    $id: order.id
+                                })),
+                            columns: columns,
+                            loading: orders === null,
+                            hideFooter: true,
+                            quickFilter: false
+                        })
+                    ]
+                })
+            ]
+        })
+    });
+}
+PosHardwareCard.displayName = 'PosHardwareCard';
+function SummaryRow(props) {
+    return /*#__PURE__*/ _jsxs(Stack, {
+        direction: "row",
+        sx: {
+            justifyContent: 'space-between'
+        },
+        children: [
+            /*#__PURE__*/ _jsx(Typography, {
+                variant: "body2",
+                color: props.strong ? 'text.primary' : 'text.secondary',
+                children: props.label
+            }),
+            /*#__PURE__*/ _jsx(Typography, {
+                variant: "body2",
+                sx: props.strong ? {
+                    fontWeight: 'fontWeightMedium'
+                } : undefined,
+                children: props.value
+            })
+        ]
+    });
+}
+export default PosHardwareCard;
+
+//# sourceMappingURL=pos-hardware-card.component.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../../../../libs/plugins/commerce/src/lib/components/console/pos-hardware-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 } from '@aglyn/shared-ui-jsx'\nimport { ListTable } from '@aglyn/shared-ui-jsx/components/list-table.component'\nimport { useSnackbar } from '@aglyn/shared-ui-snackstack'\nimport { useUser } from '@aglyn/tenant-feature-instance'\nimport {\n  Alert,\n  Box,\n  Button,\n  Card,\n  CardContent,\n  Chip,\n  Link,\n  MenuItem,\n  Stack,\n  TextField,\n  Typography,\n} from '@mui/material'\nimport type { GridColDef } from '@mui/x-data-grid'\nimport { useCallback, useEffect, useMemo, useState } from 'react'\nimport {\n  formatPosHardwareCents,\n  POS_HARDWARE_ANCHOR,\n  POS_HARDWARE_MAX_PER_LINE,\n  POS_HARDWARE_STATUS_LABELS,\n  type PosHardwareOrderStatus,\n  type PosHardwareShippingMethod,\n} from '../../model/pos-hardware'\nimport { newAttemptKey } from './pos/pos-api'\nimport {\n  openPosHardwareCheckout,\n  posHardwareCatalog,\n  posHardwareCheckout,\n  posHardwareOrders,\n  PosHardwareRequestError,\n  type PosHardwareCatalog,\n  type PosHardwareOrderRow,\n} from './pos/pos-hardware-api'\n\n\nexport const POS_HARDWARE_STATUS_COLOR: Record<\n  PosHardwareOrderStatus,\n  'default' | 'info' | 'primary' | 'success'\n> = {\n  paid: 'info',\n  ordered: 'info',\n  shipped: 'primary',\n  delivered: 'success',\n  registered: 'success',\n  canceled: 'default',\n  refunded: 'default',\n}\n\nconst QUANTITIES = Array.from({ length: POS_HARDWARE_MAX_PER_LINE + 1 }, (_, index) => index)\n\nconst placedOn = (ms: number) =>\n  ms ? new Date(ms).toLocaleDateString([], { month: 'short', day: 'numeric', year: 'numeric' }) : '—'\n\nexport interface PosHardwareCardProps {\n  hostId: string\n  /**\n   * Whether the viewer may work this site's register — the same gate the\n   * shop's route asks (`managePos` on an admin or editor role). The shop is\n   * the register's hardware, so a viewer who may not run it is not shown it.\n   */\n  canManagePos?: boolean\n}\n\n/**\n * The Hardware card (AGL-4038): Stripe card readers and accessories sold by\n * the platform and shipped by Stripe straight to the store, with the store's\n * orders and their tracking underneath.\n *\n * HIDDEN, NOT DISABLED, while the deployment has not opened the shop: it is a\n * gate only the platform can lift, so naming it would point at a step nobody\n * on the workspace can take. The route answers `available: false` until\n * every price, the markup and the shipping figures are configured.\n */\nexport function PosHardwareCard({ hostId, canManagePos = false }: PosHardwareCardProps) {\n  const { data: user } = useUser()\n  const { enqueueSnackbar } = useSnackbar()\n  const [catalog, setCatalog] = useState<PosHardwareCatalog | null>(null)\n  const [orders, setOrders] = useState<PosHardwareOrderRow[] | null>(null)\n  const [quantities, setQuantities] = useState<Record<string, number>>({})\n  const [shippingMethod, setShippingMethod] = useState<PosHardwareShippingMethod | ''>('')\n  const [busy, setBusy] = useState(false)\n  const [returned, setReturned] = useState<'placed' | 'canceled' | null>(null)\n  const uid = user?.uid ?? ''\n\n  useEffect(() => {\n    if (!user || !canManagePos) return\n    let active = true\n    void posHardwareCatalog(user, hostId)\n      .then((answer) => {\n        if (active) setCatalog(answer)\n      })\n      .catch(() => {\n        if (active) setCatalog({ available: false })\n      })\n    return () => {\n      active = false\n    }\n    // Keyed on the person, not the session object.\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [uid, hostId, canManagePos])\n\n  const available = catalog?.available === true\n\n  const loadOrders = useCallback(async () => {\n    if (!user) return\n    try {\n      setOrders((await posHardwareOrders(user, hostId)).orders)\n    } catch {\n      setOrders([])\n    }\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [uid, hostId])\n\n  useEffect(() => {\n    if (available) void loadOrders()\n  }, [available, loadOrders])\n\n  // The first shipping speed is the default once the catalog answers.\n  useEffect(() => {\n    if (catalog?.available && !shippingMethod && catalog.shipping.length) {\n      setShippingMethod(catalog.shipping[0].method)\n    }\n  }, [catalog, shippingMethod])\n\n  // Back from Checkout: say what happened, then drop the marker from the URL.\n  useEffect(() => {\n    if (typeof window === 'undefined') return\n    const url = new URL(window.location.href)\n    const outcome = url.searchParams.get('hardwareOrder')\n    if (outcome === 'placed' || outcome === 'canceled') {\n      setReturned(outcome)\n      url.searchParams.delete('hardwareOrder')\n      window.history.replaceState(window.history.state, '', url.toString())\n    }\n  }, [])\n\n  // Arrived by an email's link or Checkout's return: bring the card into view.\n  useEffect(() => {\n    if (!available || typeof window === 'undefined') return\n    if (window.location.hash !== `#${POS_HARDWARE_ANCHOR}`) return\n    document.getElementById(POS_HARDWARE_ANCHOR)?.scrollIntoView?.({ block: 'start' })\n  }, [available])\n\n  const lines = useMemo(\n    () =>\n      Object.entries(quantities)\n        .filter(([, quantity]) => quantity > 0)\n        .map(([sku, quantity]) => ({ sku, quantity })),\n    [quantities],\n  )\n  const shipping = catalog?.available ? catalog.shipping.find((option) => option.method === shippingMethod) : undefined\n  const subtotalCents = catalog?.available\n    ? lines.reduce(\n        (sum, line) => sum + (catalog.offers.find((offer) => offer.sku === line.sku)?.unitCents ?? 0) * line.quantity,\n        0,\n      )\n    : 0\n\n  // One attempt per basket: a second press of the same basket reaches the\n  // same Checkout Session, and a changed basket is a new one.\n  const basketKey = JSON.stringify([lines, shippingMethod])\n  // eslint-disable-next-line react-hooks/exhaustive-deps\n  const attemptKey = useMemo(() => newAttemptKey(), [basketKey])\n\n  const checkout = async () => {\n    if (!user || !shippingMethod || !lines.length) return\n    setBusy(true)\n    try {\n      const { url } = await posHardwareCheckout(user, attemptKey, { hostId, lines, shippingMethod })\n      openPosHardwareCheckout(url)\n    } catch (error) {\n      enqueueSnackbar(\n        error instanceof PosHardwareRequestError ? error.message : 'Checkout could not be started',\n        { variant: 'warning', persist: false },\n      )\n      setBusy(false)\n    }\n  }\n\n  const columns = useMemo<GridColDef[]>(\n    () => [\n      { field: 'number', headerName: 'Order', minWidth: 110 },\n      {\n        field: 'createdAtMs',\n        headerName: 'Placed',\n        type: 'number',\n        minWidth: 120,\n        align: 'left',\n        headerAlign: 'left',\n        valueFormatter: (value: number) => placedOn(value),\n      },\n      {\n        field: 'items',\n        headerName: 'Items',\n        flex: 1,\n        minWidth: 200,\n        valueGetter: (_value: unknown, row: PosHardwareOrderRow) =>\n          row.lines.map((line) => `${line.name} × ${line.quantity}`).join(', '),\n      },\n      {\n        field: 'totalCents',\n        headerName: 'Total',\n        type: 'number',\n        minWidth: 100,\n        valueFormatter: (value: number) => formatPosHardwareCents(value),\n      },\n      {\n        field: 'status',\n        headerName: 'Status',\n        minWidth: 130,\n        valueGetter: (_value: unknown, row: PosHardwareOrderRow) => POS_HARDWARE_STATUS_LABELS[row.status],\n        renderCell: ({ row }: { row: PosHardwareOrderRow }) => (\n          <Chip size=\"small\" color={POS_HARDWARE_STATUS_COLOR[row.status]} label={POS_HARDWARE_STATUS_LABELS[row.status]} />\n        ),\n      },\n      {\n        field: 'tracking',\n        headerName: 'Tracking',\n        minWidth: 160,\n        valueGetter: (_value: unknown, row: PosHardwareOrderRow) => row.tracking?.number ?? '',\n        renderCell: ({ row }: { row: PosHardwareOrderRow }) =>\n          row.tracking?.url ? (\n            <Link href={row.tracking.url} target=\"_blank\" rel=\"noopener noreferrer\">\n              {row.tracking.number}\n            </Link>\n          ) : (\n            row.tracking?.number ?? '—'\n          ),\n      },\n    ],\n    [],\n  )\n\n  if (!available || !catalog?.available) return null\n\n  return (\n    <CardDisplay\n      id={POS_HARDWARE_ANCHOR}\n      header={'Hardware'}\n      subheader={'Card readers from Stripe, shipped straight to you'}\n      help={pluginDocsHelp('posHardware', { anchor: '#buy-a-reader-from-aglyn' })}\n      HeaderProps={{\n        action: (\n          <Button\n            size=\"small\"\n            variant=\"contained\"\n            disabled={busy || !lines.length || !shipping}\n            onClick={() => void checkout()}\n          >\n            {'Check out'}\n          </Button>\n        ),\n      }}\n      contentGutterX\n      contentGutterY\n    >\n      <Stack spacing={3}>\n        {returned === 'placed' ? (\n          <Alert severity=\"success\" onClose={() => setReturned(null)}>\n            {'Thanks, your order is in. It shows under Your orders within a minute, and we email you as it ships.'}\n          </Alert>\n        ) : returned === 'canceled' ? (\n          <Alert severity=\"info\" onClose={() => setReturned(null)}>\n            {'Checkout was canceled. Nothing was charged.'}\n          </Alert>\n        ) : null}\n        <Typography variant=\"body2\" color=\"text.secondary\">\n          {'Choose the readers and accessories you need. Stripe ships them to the address you enter at checkout, and you add each reader to a register on the POS devices card when it arrives.'}\n        </Typography>\n        <Box\n          sx={{\n            display: 'grid',\n            gap: 2,\n            gridTemplateColumns: { xs: '1fr', sm: 'repeat(2, 1fr)', md: 'repeat(3, 1fr)' },\n          }}\n        >\n          {catalog.offers.map((offer) => (\n            <Card key={offer.sku} variant=\"outlined\">\n              <CardContent>\n                <Stack spacing={1} sx={{ height: '100%' }}>\n                  <Typography variant=\"subtitle2\">{offer.name}</Typography>\n                  <Typography variant=\"body2\" color=\"text.secondary\" sx={{ flex: 1 }}>\n                    {offer.use}\n                  </Typography>\n                  <Stack direction=\"row\" spacing={1} sx={{ alignItems: 'center', justifyContent: 'space-between' }}>\n                    <Typography variant=\"body1\">{formatPosHardwareCents(offer.unitCents)}</Typography>\n                    <TextField\n                      select\n                      size=\"small\"\n                      label=\"Quantity\"\n                      value={quantities[offer.sku] ?? 0}\n                      onChange={(event) =>\n                        setQuantities((prev) => ({ ...prev, [offer.sku]: Number(event.target.value) }))\n                      }\n                      slotProps={{ htmlInput: { 'aria-label': `Quantity of ${offer.name}` } }}\n                    >\n                      {QUANTITIES.map((quantity) => (\n                        <MenuItem key={quantity} value={quantity}>\n                          {quantity}\n                        </MenuItem>\n                      ))}\n                    </TextField>\n                  </Stack>\n                </Stack>\n              </CardContent>\n            </Card>\n          ))}\n        </Box>\n        <Stack direction={{ xs: 'column', sm: 'row' }} spacing={2} sx={{ alignItems: { sm: 'flex-start' } }}>\n          <TextField\n            select\n            size=\"small\"\n            label=\"Shipping\"\n            value={shippingMethod}\n            onChange={(event) => setShippingMethod(event.target.value as PosHardwareShippingMethod)}\n            sx={{ minWidth: { sm: '40%' } }}\n          >\n            {catalog.shipping.map((option) => (\n              <MenuItem key={option.method} value={option.method}>\n                {`${option.label} · ${formatPosHardwareCents(option.cents)}`}\n              </MenuItem>\n            ))}\n          </TextField>\n          <Stack spacing={0.5} sx={{ flex: 1 }} aria-label=\"Order summary\">\n            <SummaryRow label=\"Items\" value={formatPosHardwareCents(subtotalCents)} />\n            <SummaryRow label=\"Shipping\" value={shipping ? formatPosHardwareCents(shipping.cents) : '—'} />\n            {catalog.automaticTax ? <SummaryRow label=\"Tax\" value=\"Calculated at checkout\" /> : null}\n            <SummaryRow\n              label={catalog.automaticTax ? 'Total before tax' : 'Total'}\n              value={formatPosHardwareCents(subtotalCents + (shipping?.cents ?? 0))}\n              strong\n            />\n          </Stack>\n        </Stack>\n        <Typography variant=\"caption\" color=\"text.secondary\">\n          {'Ships to street addresses in the United States. P.O. boxes and military addresses are not accepted.'}\n        </Typography>\n        <Stack spacing={1}>\n          <Typography variant=\"subtitle2\">{'Your orders'}</Typography>\n          {orders && orders.length === 0 ? (\n            <Typography variant=\"body2\" color=\"text.secondary\">\n              {'No hardware orders yet.'}\n            </Typography>\n          ) : (\n            <ListTable\n              rows={(orders ?? []).map((order) => ({ ...order, $id: order.id }))}\n              columns={columns}\n              loading={orders === null}\n              hideFooter\n              quickFilter={false}\n            />\n          )}\n        </Stack>\n      </Stack>\n    </CardDisplay>\n  )\n}\nPosHardwareCard.displayName = 'PosHardwareCard'\n\nfunction SummaryRow(props: { label: string; value: string; strong?: boolean }) {\n  return (\n    <Stack direction=\"row\" sx={{ justifyContent: 'space-between' }}>\n      <Typography variant=\"body2\" color={props.strong ? 'text.primary' : 'text.secondary'}>\n        {props.label}\n      </Typography>\n      <Typography variant=\"body2\" sx={props.strong ? { fontWeight: 'fontWeightMedium' } : undefined}>\n        {props.value}\n      </Typography>\n    </Stack>\n  )\n}\n\nexport default PosHardwareCard\n"],"names":["pluginDocsHelp","CardDisplay","ListTable","useSnackbar","useUser","Alert","Box","Button","Card","CardContent","Chip","Link","MenuItem","Stack","TextField","Typography","useCallback","useEffect","useMemo","useState","formatPosHardwareCents","POS_HARDWARE_ANCHOR","POS_HARDWARE_MAX_PER_LINE","POS_HARDWARE_STATUS_LABELS","newAttemptKey","openPosHardwareCheckout","posHardwareCatalog","posHardwareCheckout","posHardwareOrders","PosHardwareRequestError","POS_HARDWARE_STATUS_COLOR","paid","ordered","shipped","delivered","registered","canceled","refunded","QUANTITIES","Array","from","length","_","index","placedOn","ms","Date","toLocaleDateString","month","day","year","PosHardwareCard","hostId","canManagePos","data","user","enqueueSnackbar","catalog","setCatalog","orders","setOrders","quantities","setQuantities","shippingMethod","setShippingMethod","busy","setBusy","returned","setReturned","uid","active","then","answer","catch","available","loadOrders","shipping","method","window","url","URL","location","href","outcome","searchParams","get","delete","history","replaceState","state","toString","document","hash","getElementById","scrollIntoView","block","lines","Object","entries","filter","quantity","map","sku","find","option","undefined","subtotalCents","reduce","sum","line","offers","offer","unitCents","basketKey","JSON","stringify","attemptKey","checkout","error","message","variant","persist","columns","field","headerName","minWidth","type","align","headerAlign","valueFormatter","value","flex","valueGetter","_value","row","name","join","status","renderCell","size","color","label","tracking","number","target","rel","id","header","subheader","help","anchor","HeaderProps","action","disabled","onClick","contentGutterX","contentGutterY","spacing","severity","onClose","sx","display","gap","gridTemplateColumns","xs","sm","md","height","use","direction","alignItems","justifyContent","select","onChange","event","prev","Number","slotProps","htmlInput","cents","aria-label","SummaryRow","automaticTax","strong","rows","order","$id","loading","hideFooter","quickFilter","displayName","props","fontWeight"],"mappings":"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"}

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

@@ -0,0 +1,14 @@
+import type { ConsoleStaffPageProps } from '@aglyn/aglyn';
+/**
+ * Staff → Hardware orders (AGL-4038): every workspace's orders from the POS
+ * hardware shop, newest first. In phase 1 a person places each one in the
+ * Stripe Dashboard's Terminal hardware shop, then records Stripe's order id
+ * and the tracking here and moves the order along; the merchant is emailed
+ * as it ships and is delivered. Canceling or refunding returns the whole
+ * payment and is offered only before the order ships.
+ */
+export declare function PosHardwareOrdersStaffPage(props: ConsoleStaffPageProps): import("react").JSX.Element;
+export declare namespace PosHardwareOrdersStaffPage {
+    var displayName: string;
+}
+export default PosHardwareOrdersStaffPage;