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

package/src/lib/components/console/order-local-fulfillment-panel.component.js

@@ -0,0 +1,265 @@
+/**
+ * @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, Fragment as _Fragment } from "react/jsx-runtime";
+import * as CommerceModel from "../../model/index.js";
+import { useSnackbar } from "@aglyn/shared-ui-snackstack";
+import { Alert, Button, Chip, Divider, Stack, TextField, Typography } from "@mui/material";
+import { authorizedFetch } from "@aglyn/shared-util-http/authorized-token";
+import { useCallback, useState } from "react";
+import { useUser } from "@aglyn/tenant-feature-instance";
+const STEP_DONE = {
+    ready: 'Marked ready — the buyer has been told',
+    preparing: 'Back to preparing',
+    picked_up: 'Marked picked up',
+    out_for_delivery: 'Out for delivery — the buyer has been told',
+    delivered: 'Marked delivered',
+    delivery_failed: 'Delivery marked failed'
+};
+/** Posts one step. Resolves `true` when the order moved (or already had). */ export function useLocalFulfillmentStep(hostId) {
+    const { data: user } = useUser();
+    const { enqueueSnackbar } = useSnackbar();
+    const [busy, setBusy] = useState(false);
+    const run = useCallback(async (orderId, action, extra = {})=>{
+        setBusy(true);
+        try {
+            const response = await authorizedFetch(user, '/api/commerce/local-fulfillment', {
+                method: 'POST',
+                headers: {
+                    'Content-Type': 'application/json'
+                },
+                body: JSON.stringify(_extends({
+                    hostId,
+                    orderId,
+                    action
+                }, extra))
+            });
+            const payload = await response.json().catch(()=>({}));
+            if (!response.ok) {
+                var _ref;
+                enqueueSnackbar((_ref = payload == null ? void 0 : payload.error) != null ? _ref : `The update failed (${response.status}) and it is not known whether it landed. Reopen the order to check.`, {
+                    variant: response.status === 409 ? 'warning' : 'error',
+                    allowDuplicate: true
+                });
+                return false;
+            }
+            enqueueSnackbar((payload == null ? void 0 : payload.already) ? 'Already done' : STEP_DONE[action], {
+                variant: 'success',
+                persist: false
+            });
+            return true;
+        } catch (unused) {
+            enqueueSnackbar('The request did not complete. Reopen the order to check — retrying is safe.', {
+                variant: 'error',
+                allowDuplicate: true
+            });
+            return false;
+        } finally{
+            setBusy(false);
+        }
+    }, [
+        enqueueSnackbar,
+        hostId,
+        user
+    ]);
+    return {
+        run,
+        busy
+    };
+}
+/** The steps an order can take next, in the order a person takes them. */ export function nextLocalFulfillmentSteps(order) {
+    if ([
+        'cancelled',
+        'refunded',
+        'pending'
+    ].includes(order.status)) return [];
+    if (order.fulfillmentMethod === 'pickup' && order.pickup) {
+        const status = CommerceModel.orderPickupStatus(order.pickup.status);
+        if (status === 'preparing') {
+            return [
+                {
+                    step: 'ready',
+                    label: 'Mark ready',
+                    primary: true
+                },
+                {
+                    step: 'picked_up',
+                    label: 'Picked up'
+                }
+            ];
+        }
+        if (status === 'ready') {
+            return [
+                {
+                    step: 'picked_up',
+                    label: 'Picked up',
+                    primary: true
+                },
+                {
+                    step: 'preparing',
+                    label: 'Not ready yet'
+                }
+            ];
+        }
+        return [];
+    }
+    if (order.fulfillmentMethod === 'local_delivery' && order.localDelivery) {
+        const status = CommerceModel.orderLocalDeliveryStatus(order.localDelivery.status);
+        if (status === 'scheduled' || status === 'failed') {
+            return [
+                {
+                    step: 'out_for_delivery',
+                    label: 'Out for delivery',
+                    primary: true
+                },
+                {
+                    step: 'delivered',
+                    label: 'Delivered'
+                }
+            ];
+        }
+        if (status === 'out_for_delivery') {
+            return [
+                {
+                    step: 'delivered',
+                    label: 'Delivered',
+                    primary: true
+                },
+                {
+                    step: 'delivery_failed',
+                    label: 'Couldn’t deliver'
+                }
+            ];
+        }
+    }
+    return [];
+}
+export function OrderLocalFulfillmentPanel(props) {
+    const { hostId, orderId, order } = props;
+    const { run, busy } = useLocalFulfillmentStep(hostId);
+    const [failing, setFailing] = useState(false);
+    const [reason, setReason] = useState('');
+    if (!CommerceModel.orderIsLocallyFulfilled(order)) return null;
+    const steps = nextLocalFulfillmentSteps(order);
+    const take = (step)=>{
+        if (step === 'delivery_failed' && !failing) return setFailing(true);
+        void run(orderId, step, step === 'delivery_failed' && reason.trim() ? {
+            reason: reason.trim()
+        } : {}).then((moved)=>{
+            if (moved) {
+                setFailing(false);
+                setReason('');
+            }
+        });
+    };
+    const pickup = order.fulfillmentMethod === 'pickup' ? order.pickup : undefined;
+    const delivery = order.fulfillmentMethod === 'local_delivery' ? order.localDelivery : undefined;
+    return /*#__PURE__*/ _jsxs(_Fragment, {
+        children: [
+            /*#__PURE__*/ _jsx(Divider, {}),
+            /*#__PURE__*/ _jsxs(Stack, {
+                spacing: 0.75,
+                children: [
+                    /*#__PURE__*/ _jsxs(Stack, {
+                        direction: "row",
+                        spacing: 1,
+                        sx: {
+                            alignItems: 'center'
+                        },
+                        children: [
+                            /*#__PURE__*/ _jsx(Typography, {
+                                variant: "subtitle2",
+                                sx: {
+                                    flex: 1
+                                },
+                                children: pickup ? 'Pickup' : 'Local delivery'
+                            }),
+                            /*#__PURE__*/ _jsx(Chip, {
+                                size: "small",
+                                variant: "outlined",
+                                label: pickup ? CommerceModel.ORDER_PICKUP_STATUS_LABELS[CommerceModel.orderPickupStatus(pickup.status)] : CommerceModel.ORDER_LOCAL_DELIVERY_STATUS_LABELS[CommerceModel.orderLocalDeliveryStatus(delivery == null ? void 0 : delivery.status)]
+                            })
+                        ]
+                    }),
+                    pickup ? /*#__PURE__*/ _jsxs(_Fragment, {
+                        children: [
+                            /*#__PURE__*/ _jsxs(Typography, {
+                                variant: "body2",
+                                children: [
+                                    pickup.locationName,
+                                    pickup.address ? ` — ${pickup.address}` : ''
+                                ]
+                            }),
+                            pickup.pickedUpBy ? /*#__PURE__*/ _jsx(Typography, {
+                                variant: "caption",
+                                color: "text.secondary",
+                                children: `Collected by ${pickup.pickedUpBy}`
+                            }) : null
+                        ]
+                    }) : null,
+                    delivery ? /*#__PURE__*/ _jsxs(_Fragment, {
+                        children: [
+                            /*#__PURE__*/ _jsx(Typography, {
+                                variant: "body2",
+                                children: [
+                                    delivery.windowLabel,
+                                    delivery.zoneName,
+                                    delivery.postalCode
+                                ].filter(Boolean).join(' · ')
+                            }),
+                            delivery.addressOutsideZone ? /*#__PURE__*/ _jsx(Alert, {
+                                severity: "warning",
+                                children: 'The address entered at payment is outside your delivery zones. Contact the buyer, or refund the delivery.'
+                            }) : null,
+                            delivery.failedReason ? /*#__PURE__*/ _jsx(Typography, {
+                                variant: "caption",
+                                color: "text.secondary",
+                                children: `Last attempt: ${delivery.failedReason}`
+                            }) : null
+                        ]
+                    }) : null,
+                    failing ? /*#__PURE__*/ _jsx(TextField, {
+                        label: "What happened (optional)",
+                        value: reason,
+                        onChange: (event)=>setReason(event.target.value),
+                        size: "small",
+                        slotProps: {
+                            htmlInput: {
+                                maxLength: 200
+                            }
+                        }
+                    }) : null,
+                    steps.length ? /*#__PURE__*/ _jsx(Stack, {
+                        direction: "row",
+                        spacing: 1,
+                        children: steps.map((entry)=>/*#__PURE__*/ _jsx(Button, {
+                                size: "small",
+                                variant: entry.primary ? 'contained' : 'text',
+                                disabled: busy,
+                                onClick: ()=>take(entry.step),
+                                children: entry.step === 'delivery_failed' && failing ? 'Save' : entry.label
+                            }, entry.step))
+                    }) : null
+                ]
+            })
+        ]
+    });
+}
+OrderLocalFulfillmentPanel.displayName = 'OrderLocalFulfillmentPanel';
+export default OrderLocalFulfillmentPanel;
+
+//# sourceMappingURL=order-local-fulfillment-panel.component.js.map

package/src/lib/components/console/order-local-fulfillment-panel.component.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../../../../libs/plugins/commerce/src/lib/components/console/order-local-fulfillment-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 * as CommerceModel from '../../model'\nimport { useSnackbar } from '@aglyn/shared-ui-snackstack'\nimport { Alert, Button, Chip, Divider, Stack, TextField, Typography } from '@mui/material'\nimport { authorizedFetch } from '@aglyn/shared-util-http/authorized-token'\nimport { useCallback, useState } from 'react'\nimport { useUser } from '@aglyn/tenant-feature-instance'\n\n/**\n * The pickup or local delivery of one order (AGL-3624), and the next step\n * the store can take with it, posted to `/api/commerce/local-fulfillment`.\n * Shared by the order dialog and the pickup and delivery queue, so both say\n * the same thing and take the same steps.\n */\n\nexport type LocalFulfillmentStep =\n  | 'ready'\n  | 'preparing'\n  | 'picked_up'\n  | 'out_for_delivery'\n  | 'delivered'\n  | 'delivery_failed'\n\nconst STEP_DONE: Record<LocalFulfillmentStep, string> = {\n  ready: 'Marked ready — the buyer has been told',\n  preparing: 'Back to preparing',\n  picked_up: 'Marked picked up',\n  out_for_delivery: 'Out for delivery — the buyer has been told',\n  delivered: 'Marked delivered',\n  delivery_failed: 'Delivery marked failed',\n}\n\n/** Posts one step. Resolves `true` when the order moved (or already had). */\nexport function useLocalFulfillmentStep(hostId: string) {\n  const { data: user } = useUser()\n  const { enqueueSnackbar } = useSnackbar()\n  const [busy, setBusy] = useState(false)\n  const run = useCallback(\n    async (orderId: string, action: LocalFulfillmentStep, extra: Record<string, unknown> = {}) => {\n      setBusy(true)\n      try {\n        const response = await authorizedFetch(user, '/api/commerce/local-fulfillment', {\n          method: 'POST',\n          headers: { 'Content-Type': 'application/json' },\n          body: JSON.stringify({ hostId, orderId, action, ...extra }),\n        })\n        const payload: any = await response.json().catch(() => ({}))\n        if (!response.ok) {\n          enqueueSnackbar(\n            payload?.error ??\n              `The update failed (${response.status}) and it is not known whether it landed. Reopen the order to check.`,\n            { variant: response.status === 409 ? 'warning' : 'error', allowDuplicate: true },\n          )\n          return false\n        }\n        enqueueSnackbar(payload?.already ? 'Already done' : STEP_DONE[action], {\n          variant: 'success',\n          persist: false,\n        })\n        return true\n      } catch {\n        enqueueSnackbar('The request did not complete. Reopen the order to check — retrying is safe.', {\n          variant: 'error',\n          allowDuplicate: true,\n        })\n        return false\n      } finally {\n        setBusy(false)\n      }\n    },\n    [enqueueSnackbar, hostId, user],\n  )\n  return { run, busy }\n}\n\n/** The steps an order can take next, in the order a person takes them. */\nexport function nextLocalFulfillmentSteps(\n  order: Pick<CommerceModel.HostOrder, 'fulfillmentMethod' | 'pickup' | 'localDelivery' | 'status'>,\n): Array<{ step: LocalFulfillmentStep; label: string; primary?: boolean }> {\n  if (['cancelled', 'refunded', 'pending'].includes(order.status)) return []\n  if (order.fulfillmentMethod === 'pickup' && order.pickup) {\n    const status = CommerceModel.orderPickupStatus(order.pickup.status)\n    if (status === 'preparing') {\n      return [\n        { step: 'ready', label: 'Mark ready', primary: true },\n        { step: 'picked_up', label: 'Picked up' },\n      ]\n    }\n    if (status === 'ready') {\n      return [\n        { step: 'picked_up', label: 'Picked up', primary: true },\n        { step: 'preparing', label: 'Not ready yet' },\n      ]\n    }\n    return []\n  }\n  if (order.fulfillmentMethod === 'local_delivery' && order.localDelivery) {\n    const status = CommerceModel.orderLocalDeliveryStatus(order.localDelivery.status)\n    if (status === 'scheduled' || status === 'failed') {\n      return [\n        { step: 'out_for_delivery', label: 'Out for delivery', primary: true },\n        { step: 'delivered', label: 'Delivered' },\n      ]\n    }\n    if (status === 'out_for_delivery') {\n      return [\n        { step: 'delivered', label: 'Delivered', primary: true },\n        { step: 'delivery_failed', label: 'Couldn’t deliver' },\n      ]\n    }\n  }\n  return []\n}\n\nexport function OrderLocalFulfillmentPanel(props: {\n  hostId: string\n  orderId: string\n  order: CommerceModel.HostOrder\n}) {\n  const { hostId, orderId, order } = props\n  const { run, busy } = useLocalFulfillmentStep(hostId)\n  const [failing, setFailing] = useState(false)\n  const [reason, setReason] = useState('')\n  if (!CommerceModel.orderIsLocallyFulfilled(order)) return null\n  const steps = nextLocalFulfillmentSteps(order)\n  const take = (step: LocalFulfillmentStep) => {\n    if (step === 'delivery_failed' && !failing) return setFailing(true)\n    void run(orderId, step, step === 'delivery_failed' && reason.trim() ? { reason: reason.trim() } : {}).then(\n      (moved) => {\n        if (moved) {\n          setFailing(false)\n          setReason('')\n        }\n      },\n    )\n  }\n  const pickup = order.fulfillmentMethod === 'pickup' ? order.pickup : undefined\n  const delivery = order.fulfillmentMethod === 'local_delivery' ? order.localDelivery : undefined\n  return (\n    <>\n      <Divider />\n      <Stack spacing={0.75}>\n        <Stack direction=\"row\" spacing={1} sx={{ alignItems: 'center' }}>\n          <Typography variant=\"subtitle2\" sx={{ flex: 1 }}>\n            {pickup ? 'Pickup' : 'Local delivery'}\n          </Typography>\n          <Chip\n            size=\"small\"\n            variant=\"outlined\"\n            label={\n              pickup\n                ? CommerceModel.ORDER_PICKUP_STATUS_LABELS[CommerceModel.orderPickupStatus(pickup.status)]\n                : CommerceModel.ORDER_LOCAL_DELIVERY_STATUS_LABELS[\n                    CommerceModel.orderLocalDeliveryStatus(delivery?.status)\n                  ]\n            }\n          />\n        </Stack>\n        {pickup ? (\n          <>\n            <Typography variant=\"body2\">\n              {pickup.locationName}\n              {pickup.address ? ` — ${pickup.address}` : ''}\n            </Typography>\n            {pickup.pickedUpBy ? (\n              <Typography variant=\"caption\" color=\"text.secondary\">{`Collected by ${pickup.pickedUpBy}`}</Typography>\n            ) : null}\n          </>\n        ) : null}\n        {delivery ? (\n          <>\n            <Typography variant=\"body2\">\n              {[delivery.windowLabel, delivery.zoneName, delivery.postalCode].filter(Boolean).join(' · ')}\n            </Typography>\n            {delivery.addressOutsideZone ? (\n              <Alert severity=\"warning\">\n                {'The address entered at payment is outside your delivery zones. Contact the buyer, or refund the delivery.'}\n              </Alert>\n            ) : null}\n            {delivery.failedReason ? (\n              <Typography variant=\"caption\" color=\"text.secondary\">{`Last attempt: ${delivery.failedReason}`}</Typography>\n            ) : null}\n          </>\n        ) : null}\n        {failing ? (\n          <TextField\n            label=\"What happened (optional)\"\n            value={reason}\n            onChange={(event) => setReason(event.target.value)}\n            size=\"small\"\n            slotProps={{ htmlInput: { maxLength: 200 } }}\n          />\n        ) : null}\n        {steps.length ? (\n          <Stack direction=\"row\" spacing={1}>\n            {steps.map((entry) => (\n              <Button\n                key={entry.step}\n                size=\"small\"\n                variant={entry.primary ? 'contained' : 'text'}\n                disabled={busy}\n                onClick={() => take(entry.step)}\n              >\n                {entry.step === 'delivery_failed' && failing ? 'Save' : entry.label}\n              </Button>\n            ))}\n          </Stack>\n        ) : null}\n      </Stack>\n    </>\n  )\n}\nOrderLocalFulfillmentPanel.displayName = 'OrderLocalFulfillmentPanel'\n\nexport default OrderLocalFulfillmentPanel\n"],"names":["CommerceModel","useSnackbar","Alert","Button","Chip","Divider","Stack","TextField","Typography","authorizedFetch","useCallback","useState","useUser","STEP_DONE","ready","preparing","picked_up","out_for_delivery","delivered","delivery_failed","useLocalFulfillmentStep","hostId","data","user","enqueueSnackbar","busy","setBusy","run","orderId","action","extra","response","method","headers","body","JSON","stringify","payload","json","catch","ok","error","status","variant","allowDuplicate","already","persist","nextLocalFulfillmentSteps","order","includes","fulfillmentMethod","pickup","orderPickupStatus","step","label","primary","localDelivery","orderLocalDeliveryStatus","OrderLocalFulfillmentPanel","props","failing","setFailing","reason","setReason","orderIsLocallyFulfilled","steps","take","trim","then","moved","undefined","delivery","spacing","direction","sx","alignItems","flex","size","ORDER_PICKUP_STATUS_LABELS","ORDER_LOCAL_DELIVERY_STATUS_LABELS","locationName","address","pickedUpBy","color","windowLabel","zoneName","postalCode","filter","Boolean","join","addressOutsideZone","severity","failedReason","value","onChange","event","target","slotProps","htmlInput","maxLength","length","map","entry","disabled","onClick","displayName"],"mappings":"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"}

package/src/lib/components/console/order-offline-notice.component.d.ts

@@ -0,0 +1,12 @@
+import type * as CommerceModel from '../../model';
+/**
+ * A register sale rung offline (AGL-3625), said on its order: when it was
+ * rung and synced, and what the sync found that the merchant should check —
+ * stock that went short above all. Nothing on any other order.
+ */
+export declare function OrderOfflineNotice(props: {
+    order: Pick<CommerceModel.HostOrder, 'offline'>;
+}): import("react").JSX.Element;
+export declare namespace OrderOfflineNotice {
+    var displayName: string;
+}

package/src/lib/components/console/order-offline-notice.component.js

@@ -0,0 +1,53 @@
+/**
+ * @license
+ * Copyright 2026 Aglyn LLC
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *   http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */ 'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Alert, AlertTitle, Typography } from "@mui/material";
+import { posOfflineFlagLabels } from "../../model/commerce-pos-offline.js";
+/**
+ * A register sale rung offline (AGL-3625), said on its order: when it was
+ * rung and synced, and what the sync found that the merchant should check —
+ * stock that went short above all. Nothing on any other order.
+ */ export function OrderOfflineNotice(props) {
+    var _stamp_stockConflicts, _stamp_flags;
+    const stamp = props.order.offline;
+    if (!stamp) return null;
+    const conflicts = (_stamp_stockConflicts = stamp.stockConflicts) != null ? _stamp_stockConflicts : [];
+    const flags = ((_stamp_flags = stamp.flags) != null ? _stamp_flags : []).filter((flag)=>flag !== 'stock-short');
+    const checks = [
+        ...conflicts.map((conflict)=>`${conflict.shortUnits} of ${conflict.requested}× ${conflict.name} not in stock`),
+        ...posOfflineFlagLabels(flags)
+    ];
+    return /*#__PURE__*/ _jsxs(Alert, {
+        severity: checks.length ? 'warning' : 'info',
+        children: [
+            /*#__PURE__*/ _jsx(AlertTitle, {
+                children: 'Rung while the register was offline'
+            }),
+            /*#__PURE__*/ _jsx(Typography, {
+                variant: "body2",
+                children: `Rung ${new Date(stamp.soldAtMs).toLocaleString()}, synced ${new Date(stamp.syncedAtMs).toLocaleString()}.`
+            }),
+            checks.map((check)=>/*#__PURE__*/ _jsx(Typography, {
+                    variant: "body2",
+                    children: check
+                }, check))
+        ]
+    });
+}
+OrderOfflineNotice.displayName = 'OrderOfflineNotice';
+
+//# sourceMappingURL=order-offline-notice.component.js.map

package/src/lib/components/console/order-offline-notice.component.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../../../../libs/plugins/commerce/src/lib/components/console/order-offline-notice.component.tsx"],"sourcesContent":["/**\n * @license\n * Copyright 2026 Aglyn LLC\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *   http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n'use client'\n\nimport { Alert, AlertTitle, Typography } from '@mui/material'\nimport type * as CommerceModel from '../../model'\nimport { posOfflineFlagLabels } from '../../model/commerce-pos-offline'\n\n/**\n * A register sale rung offline (AGL-3625), said on its order: when it was\n * rung and synced, and what the sync found that the merchant should check —\n * stock that went short above all. Nothing on any other order.\n */\nexport function OrderOfflineNotice(props: { order: Pick<CommerceModel.HostOrder, 'offline'> }) {\n  const stamp = props.order.offline\n  if (!stamp) return null\n  const conflicts = stamp.stockConflicts ?? []\n  const flags = (stamp.flags ?? []).filter((flag) => flag !== 'stock-short')\n  const checks = [\n    ...conflicts.map((conflict) => `${conflict.shortUnits} of ${conflict.requested}× ${conflict.name} not in stock`),\n    ...posOfflineFlagLabels(flags),\n  ]\n  return (\n    <Alert severity={checks.length ? 'warning' : 'info'}>\n      <AlertTitle>{'Rung while the register was offline'}</AlertTitle>\n      <Typography variant=\"body2\">\n        {`Rung ${new Date(stamp.soldAtMs).toLocaleString()}, synced ${new Date(stamp.syncedAtMs).toLocaleString()}.`}\n      </Typography>\n      {checks.map((check) => (\n        <Typography key={check} variant=\"body2\">\n          {check}\n        </Typography>\n      ))}\n    </Alert>\n  )\n}\nOrderOfflineNotice.displayName = 'OrderOfflineNotice'\n"],"names":["Alert","AlertTitle","Typography","posOfflineFlagLabels","OrderOfflineNotice","props","stamp","order","offline","conflicts","stockConflicts","flags","filter","flag","checks","map","conflict","shortUnits","requested","name","severity","length","variant","Date","soldAtMs","toLocaleString","syncedAtMs","check","displayName"],"mappings":"AAAA;;;;;;;;;;;;;;;CAeC,GACD;;AAEA,SAASA,KAAK,EAAEC,UAAU,EAAEC,UAAU,QAAQ,gBAAe;AAE7D,SAASC,oBAAoB,QAAQ,sCAAkC;AAEvE;;;;CAIC,GACD,OAAO,SAASC,mBAAmBC,KAA0D;QAGzEC,uBACHA;IAHf,MAAMA,QAAQD,MAAME,KAAK,CAACC,OAAO;IACjC,IAAI,CAACF,OAAO,OAAO;IACnB,MAAMG,aAAYH,wBAAAA,MAAMI,cAAc,YAApBJ,wBAAwB,EAAE;IAC5C,MAAMK,QAAQ,EAACL,eAAAA,MAAMK,KAAK,YAAXL,eAAe,EAAE,EAAEM,MAAM,CAAC,CAACC,OAASA,SAAS;IAC5D,MAAMC,SAAS;WACVL,UAAUM,GAAG,CAAC,CAACC,WAAa,GAAGA,SAASC,UAAU,CAAC,IAAI,EAAED,SAASE,SAAS,CAAC,EAAE,EAAEF,SAASG,IAAI,CAAC,aAAa,CAAC;WAC5GhB,qBAAqBQ;KACzB;IACD,qBACE,MAACX;QAAMoB,UAAUN,OAAOO,MAAM,GAAG,YAAY;;0BAC3C,KAACpB;0BAAY;;0BACb,KAACC;gBAAWoB,SAAQ;0BACjB,CAAC,KAAK,EAAE,IAAIC,KAAKjB,MAAMkB,QAAQ,EAAEC,cAAc,GAAG,SAAS,EAAE,IAAIF,KAAKjB,MAAMoB,UAAU,EAAED,cAAc,GAAG,CAAC,CAAC;;YAE7GX,OAAOC,GAAG,CAAC,CAACY,sBACX,KAACzB;oBAAuBoB,SAAQ;8BAC7BK;mBADcA;;;AAMzB;AACAvB,mBAAmBwB,WAAW,GAAG"}

package/src/lib/components/console/pickup-delivery-queue-card.component.d.ts

@@ -0,0 +1,35 @@
+/**
+ * @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.
+ */
+export interface PickupDeliveryQueueCardProps {
+    hostId: string;
+}
+/**
+ * The pickup and local delivery queue (AGL-3624): what to prepare, what is
+ * waiting at the counter, and what the store's driver takes out, per
+ * location, soonest first — each tab ONE Firestore query on the fields every
+ * pickup and delivery writer stamps (`constants/local-fulfillment-list-query`),
+ * which the native Aglyn app runs too. A row's next step is one click; the
+ * order opens for anything more.
+ *
+ * Draws nothing for a store with no pickup location and no local delivery
+ * switched on, so a store that only ships never sees it.
+ */
+export declare function PickupDeliveryQueueCard(props: PickupDeliveryQueueCardProps): import("react").JSX.Element;
+export declare namespace PickupDeliveryQueueCard {
+    var displayName: string;
+}
+export default PickupDeliveryQueueCard;

package/src/lib/components/console/pickup-delivery-queue-card.component.js

@@ -0,0 +1,222 @@
+/**
+ * @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 * as CommerceModel from "../../model/index.js";
+import { LOCAL_FULFILLMENT_QUEUE_TABS, localFulfillmentQueueQuery } from "../../constants/local-fulfillment-list-query.js";
+import { CardDisplay } from "@aglyn/shared-ui-jsx";
+import { pluginDocsHelp } from "@aglyn/aglyn";
+import { Button, MenuItem, Stack, Tab, Tabs, TextField, Typography } from "@mui/material";
+import { collection, doc, limit, orderBy, query, where } from "firebase/firestore";
+import { useMemo, useState } from "react";
+import { useFirestore, useFirestoreCollection, useFirestoreDoc, usePagedCollection } from "@aglyn/tenant-feature-instance";
+import { ListPagination } from "@aglyn/shared-ui-jsx/components/list-pagination.component";
+import OrderDetailDialog from "./order-detail-dialog.component.js";
+import { nextLocalFulfillmentSteps, useLocalFulfillmentStep } from "./order-local-fulfillment-panel.component.js";
+/**
+ * The pickup and local delivery queue (AGL-3624): what to prepare, what is
+ * waiting at the counter, and what the store's driver takes out, per
+ * location, soonest first — each tab ONE Firestore query on the fields every
+ * pickup and delivery writer stamps (`constants/local-fulfillment-list-query`),
+ * which the native Aglyn app runs too. A row's next step is one click; the
+ * order opens for anything more.
+ *
+ * Draws nothing for a store with no pickup location and no local delivery
+ * switched on, so a store that only ships never sees it.
+ */ export function PickupDeliveryQueueCard(props) {
+    var _ref;
+    var _tabs_;
+    const { hostId } = props;
+    const firestore = useFirestore();
+    const [tab, setTab] = useState('pickup_preparing');
+    const [locationId, setLocationId] = useState('');
+    const [open, setOpen] = useState(null);
+    const { run, busy } = useLocalFulfillmentStep(hostId);
+    const { data: locationDocs } = useFirestoreCollection(()=>query(collection(firestore, 'hosts', hostId, 'locations'), limit(25)), [
+        firestore,
+        hostId
+    ], {
+        idField: '$id'
+    });
+    const { data: settings } = useFirestoreDoc(()=>doc(firestore, 'hosts', hostId, 'settings', 'store'), [
+        firestore,
+        hostId
+    ]);
+    const pickupOn = (locationDocs != null ? locationDocs : []).some((location)=>CommerceModel.normalizePickupSettings(location == null ? void 0 : location.pickup).enabled);
+    const deliveryOn = Boolean(CommerceModel.normalizeLocalDeliverySettings(settings == null ? void 0 : settings.localDelivery).enabled);
+    const tabs = LOCAL_FULFILLMENT_QUEUE_TABS.filter((entry)=>entry.method === 'pickup' ? pickupOn : deliveryOn);
+    const active = tabs.some((entry)=>entry.key === tab) ? tab : (_ref = (_tabs_ = tabs[0]) == null ? void 0 : _tabs_.key) != null ? _ref : tab;
+    const plan = useMemo(()=>localFulfillmentQueueQuery(active, locationId || null), [
+        active,
+        locationId
+    ]);
+    const anyOn = tabs.length > 0;
+    // Paged like every list of something that grows: one tab's query, a page
+    // at a time (the native app pages it by `plan.limit`).
+    const { rows, status, page, setPage, pageSize, setPageSize, hasMore } = usePagedCollection((pageLimit)=>anyOn ? query(collection(firestore, 'hosts', hostId, 'orders'), ...plan.where.map((clause)=>where(clause.field, clause.op, clause.value)), orderBy(plan.orderBy.field, plan.orderBy.direction), limit(pageLimit)) : null, [
+        firestore,
+        hostId,
+        active,
+        locationId,
+        anyOn
+    ], {
+        idField: '$id'
+    });
+    if (!tabs.length) return null;
+    const orders = (rows != null ? rows : []).map((row)=>_extends({}, CommerceModel.liftLegacyOrder(row), {
+            $id: String(row.$id)
+        }));
+    const locations = [
+        ...locationDocs != null ? locationDocs : []
+    ].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 : ''));
+    });
+    return /*#__PURE__*/ _jsxs(CardDisplay, {
+        header: 'Pickup & delivery',
+        help: pluginDocsHelp('commerce', {
+            anchor: '#pickup-and-local-delivery'
+        }),
+        HeaderProps: {
+            action: locations.length > 1 ? /*#__PURE__*/ _jsxs(TextField, {
+                select: true,
+                label: "Location",
+                value: locationId,
+                onChange: (event)=>setLocationId(event.target.value),
+                size: "small",
+                sx: {
+                    minWidth: 160
+                },
+                children: [
+                    /*#__PURE__*/ _jsx(MenuItem, {
+                        value: "",
+                        children: 'All locations'
+                    }),
+                    locations.map((location)=>/*#__PURE__*/ _jsx(MenuItem, {
+                            value: location.$id,
+                            children: location.name
+                        }, location.$id))
+                ]
+            }) : null
+        },
+        contentGutterX: true,
+        contentGutterY: true,
+        children: [
+            /*#__PURE__*/ _jsx(Tabs, {
+                value: active,
+                onChange: (_event, value)=>setTab(value),
+                variant: "scrollable",
+                allowScrollButtonsMobile: true,
+                children: tabs.map((entry)=>/*#__PURE__*/ _jsx(Tab, {
+                        value: entry.key,
+                        label: entry.label
+                    }, entry.key))
+            }),
+            /*#__PURE__*/ _jsxs(Stack, {
+                spacing: 1,
+                sx: {
+                    pt: 1.5
+                },
+                children: [
+                    status === 'loading' ? /*#__PURE__*/ _jsx(Typography, {
+                        variant: "body2",
+                        color: "text.secondary",
+                        children: 'Loading…'
+                    }) : orders.length === 0 ? /*#__PURE__*/ _jsx(Typography, {
+                        variant: "body2",
+                        color: "text.secondary",
+                        children: 'Nothing here right now.'
+                    }) : orders.map((order)=>{
+                        var _order_lineItems, _ref, _ref1;
+                        var _order_localDelivery, _order_pickup, _order_shippingAddress, _order_localDelivery1;
+                        const units = ((_order_lineItems = order.lineItems) != null ? _order_lineItems : []).reduce((sum, line)=>sum + (Number(line.quantity) || 0), 0);
+                        const when = order.fulfillmentMethod === 'local_delivery' ? (_ref = (_order_localDelivery = order.localDelivery) == null ? void 0 : _order_localDelivery.windowLabel) != null ? _ref : '' : order.createdAtMs ? `Ordered ${new Date(order.createdAtMs).toLocaleString()}` : '';
+                        const where = order.fulfillmentMethod === 'pickup' ? (_ref1 = (_order_pickup = order.pickup) == null ? void 0 : _order_pickup.locationName) != null ? _ref1 : '' : [
+                            (_order_shippingAddress = order.shippingAddress) == null ? void 0 : _order_shippingAddress.line1,
+                            (_order_localDelivery1 = order.localDelivery) == null ? void 0 : _order_localDelivery1.postalCode
+                        ].filter(Boolean).join(', ');
+                        return /*#__PURE__*/ _jsxs(Stack, {
+                            direction: {
+                                xs: 'column',
+                                sm: 'row'
+                            },
+                            spacing: 1,
+                            sx: {
+                                alignItems: {
+                                    sm: 'center'
+                                }
+                            },
+                            children: [
+                                /*#__PURE__*/ _jsxs(Stack, {
+                                    sx: {
+                                        flex: 1,
+                                        minWidth: 0
+                                    },
+                                    children: [
+                                        /*#__PURE__*/ _jsx(Typography, {
+                                            variant: "body2",
+                                            noWrap: true,
+                                            children: `${CommerceModel.formatOrderNumber(order, order.$id)} · ${order.customerName || order.customerEmail || 'Guest buyer'} · ${units} item${units === 1 ? '' : 's'}`
+                                        }),
+                                        /*#__PURE__*/ _jsx(Typography, {
+                                            variant: "caption",
+                                            color: "text.secondary",
+                                            noWrap: true,
+                                            children: [
+                                                when,
+                                                where
+                                            ].filter(Boolean).join(' · ')
+                                        })
+                                    ]
+                                }),
+                                nextLocalFulfillmentSteps(order).filter((entry)=>entry.primary).map((entry)=>/*#__PURE__*/ _jsx(Button, {
+                                        size: "small",
+                                        variant: "outlined",
+                                        disabled: busy,
+                                        onClick: ()=>void run(order.$id, entry.step),
+                                        children: entry.label
+                                    }, entry.step)),
+                                /*#__PURE__*/ _jsx(Button, {
+                                    size: "small",
+                                    onClick: ()=>setOpen(order),
+                                    children: 'Open'
+                                })
+                            ]
+                        }, order.$id);
+                    }),
+                    /*#__PURE__*/ _jsx(ListPagination, {
+                        page: page,
+                        pageSize: pageSize,
+                        rowCount: orders.length,
+                        hasMore: hasMore,
+                        onPageChange: setPage,
+                        onPageSizeChange: setPageSize
+                    })
+                ]
+            }),
+            open ? /*#__PURE__*/ _jsx(OrderDetailDialog, {
+                hostId: hostId,
+                order: open,
+                onClose: ()=>setOpen(null)
+            }) : null
+        ]
+    });
+}
+PickupDeliveryQueueCard.displayName = 'PickupDeliveryQueueCard';
+export default PickupDeliveryQueueCard;
+
+//# sourceMappingURL=pickup-delivery-queue-card.component.js.map