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

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

@@ -0,0 +1,542 @@
+/**
+ * @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 { Button, Checkbox, Chip, FormControlLabel, IconButton, Link, Stack, TextField, Typography } from "@mui/material";
+import { useCallback, useMemo, useState } from "react";
+/**
+ * The order dialog's fulfillment surfaces (AGL-3611): the Fulfill items panel,
+ * with a quantity per line, a carrier, a tracking number and the notify
+ * switch; and the list of recorded shipments, each editable and cancellable.
+ *
+ * Neither writes. Every act goes through the dialog's `fulfill-order` route,
+ * which re-checks the quantities and the transition under the write; these
+ * only collect what the merchant means and hand it up.
+ */ /** The carrier select's value for a carrier typed by hand. */ const OTHER_CARRIER = 'other';
+/** The order a widget reads: the dialog's order in the zone's words. */ export function consoleOrderZoneOrder(order, orderId) {
+    var _address_name, _address_line1, _address_line2, _address_city, _address_state, _address_postalCode, _address_country, _address_phone, _order_channel, _order_customerEmail, _order_customerName, _order_lineItems, _order_fulfillments, _ref, _ref1, _ref2, _ref3, _ref4, _order_amountCents;
+    var _order_totals, _order_totals1, _order_totals2, _order_totals3, _order_totals4;
+    const states = CommerceModel.orderLineFulfillmentStates(order);
+    const address = order.shippingAddress;
+    const shippingAddress = address ? {
+        name: (_address_name = address.name) != null ? _address_name : null,
+        line1: (_address_line1 = address.line1) != null ? _address_line1 : null,
+        line2: (_address_line2 = address.line2) != null ? _address_line2 : null,
+        city: (_address_city = address.city) != null ? _address_city : null,
+        state: (_address_state = address.state) != null ? _address_state : null,
+        postalCode: (_address_postalCode = address.postalCode) != null ? _address_postalCode : null,
+        country: (_address_country = address.country) != null ? _address_country : null,
+        phone: (_address_phone = address.phone) != null ? _address_phone : null
+    } : null;
+    return {
+        id: orderId,
+        number: CommerceModel.formatOrderNumber(order, orderId),
+        status: order.status,
+        channel: (_order_channel = order.channel) != null ? _order_channel : 'online',
+        // Orders are charged in US dollars today, as the public API reports them.
+        currency: 'USD',
+        customerEmail: (_order_customerEmail = order.customerEmail) != null ? _order_customerEmail : null,
+        customerName: (_order_customerName = order.customerName) != null ? _order_customerName : null,
+        shippingAddress,
+        lines: ((_order_lineItems = order.lineItems) != null ? _order_lineItems : []).map((line, index)=>{
+            var _line_variantId, _line_variantLabel, _line_sku, _line_productType, _ref, _ref1, _ref2, _ref3;
+            var _states_index, _states_index1, _states_index2, _states_index3;
+            return {
+                lineItemId: index,
+                productId: line.productId,
+                variantId: (_line_variantId = line.variantId) != null ? _line_variantId : null,
+                name: line.name,
+                variantLabel: (_line_variantLabel = line.variantLabel) != null ? _line_variantLabel : null,
+                sku: (_line_sku = line.sku) != null ? _line_sku : null,
+                productType: (_line_productType = line.productType) != null ? _line_productType : null,
+                quantity: (_ref = (_states_index = states[index]) == null ? void 0 : _states_index.quantity) != null ? _ref : 0,
+                unitAmountCents: line.unitAmountCents,
+                fulfilledQuantity: (_ref1 = (_states_index1 = states[index]) == null ? void 0 : _states_index1.fulfilledQuantity) != null ? _ref1 : 0,
+                remainingQuantity: (_ref2 = (_states_index2 = states[index]) == null ? void 0 : _states_index2.remainingQuantity) != null ? _ref2 : 0,
+                requiresShipping: (_ref3 = (_states_index3 = states[index]) == null ? void 0 : _states_index3.requiresShipping) != null ? _ref3 : true
+            };
+        }),
+        fulfillments: ((_order_fulfillments = order.fulfillments) != null ? _order_fulfillments : []).map((entry)=>toZoneFulfillment(order, entry)),
+        totals: {
+            itemsCents: (_ref = (_order_totals = order.totals) == null ? void 0 : _order_totals.itemsCents) != null ? _ref : 0,
+            shippingCents: (_ref1 = (_order_totals1 = order.totals) == null ? void 0 : _order_totals1.shippingCents) != null ? _ref1 : 0,
+            taxCents: (_ref2 = (_order_totals2 = order.totals) == null ? void 0 : _order_totals2.taxCents) != null ? _ref2 : 0,
+            discountCents: (_ref3 = (_order_totals3 = order.totals) == null ? void 0 : _order_totals3.discountCents) != null ? _ref3 : 0,
+            totalCents: (_ref4 = (_order_totals4 = order.totals) == null ? void 0 : _order_totals4.totalCents) != null ? _ref4 : Number((_order_amountCents = order.amountCents) != null ? _order_amountCents : 0)
+        },
+        testMode: CommerceModel.orderIsTestMode(order)
+    };
+}
+/** One recorded shipment in the zone's words. */ export function toZoneFulfillment(order, entry) {
+    var _entry_carrier, _entry_trackingNumber, _entry_labelUrl;
+    return {
+        id: entry.id,
+        lines: CommerceModel.fulfillmentLineQuantities(order, entry),
+        carrier: (_entry_carrier = entry.carrier) != null ? _entry_carrier : null,
+        trackingNumber: (_entry_trackingNumber = entry.trackingNumber) != null ? _entry_trackingNumber : null,
+        trackingUrl: CommerceModel.fulfillmentTrackingUrl(entry),
+        labelUrl: (_entry_labelUrl = entry.labelUrl) != null ? _entry_labelUrl : null,
+        status: CommerceModel.fulfillmentIsActive(entry) ? 'active' : 'cancelled',
+        atMs: entry.atMs
+    };
+}
+/** The select's value for a typed carrier: a known name, or Other. */ function carrierChoiceFor(carrier) {
+    if (!carrier) return '';
+    const label = CommerceModel.carrierLabelFor(carrier);
+    return CommerceModel.FULFILLMENT_CARRIER_CHOICES.includes(label) ? label : OTHER_CARRIER;
+}
+/**
+ * Carrier, tracking number and, for a carrier without a known tracker, the
+ * link. A native select so the choice is one keystroke and one change event.
+ */ function CarrierFields(props) {
+    const { carrier, trackingNumber, trackingUrl, onChange } = props;
+    const [other, setOther] = useState(()=>carrierChoiceFor(carrier) === OTHER_CARRIER);
+    const choice = other ? OTHER_CARRIER : carrierChoiceFor(carrier);
+    const derived = CommerceModel.trackingUrlFor(carrier, trackingNumber);
+    return /*#__PURE__*/ _jsxs(Stack, {
+        spacing: 1,
+        children: [
+            /*#__PURE__*/ _jsxs(Stack, {
+                direction: "row",
+                spacing: 1,
+                children: [
+                    /*#__PURE__*/ _jsxs(TextField, {
+                        select: true,
+                        label: "Carrier",
+                        value: choice,
+                        onChange: (event)=>{
+                            const value = event.target.value;
+                            setOther(value === OTHER_CARRIER);
+                            onChange({
+                                carrier: value === OTHER_CARRIER ? '' : value
+                            });
+                        },
+                        size: "small",
+                        sx: {
+                            width: 160
+                        },
+                        slotProps: {
+                            select: {
+                                native: true
+                            },
+                            inputLabel: {
+                                shrink: true
+                            }
+                        },
+                        children: [
+                            /*#__PURE__*/ _jsx("option", {
+                                value: "",
+                                children: 'None'
+                            }),
+                            CommerceModel.FULFILLMENT_CARRIER_CHOICES.map((name)=>/*#__PURE__*/ _jsx("option", {
+                                    value: name,
+                                    children: name
+                                }, name)),
+                            /*#__PURE__*/ _jsx("option", {
+                                value: OTHER_CARRIER,
+                                children: 'Other'
+                            })
+                        ]
+                    }),
+                    other ? /*#__PURE__*/ _jsx(TextField, {
+                        label: "Carrier name",
+                        value: carrier,
+                        onChange: (event)=>onChange({
+                                carrier: event.target.value
+                            }),
+                        size: "small",
+                        sx: {
+                            width: 160
+                        }
+                    }) : null,
+                    /*#__PURE__*/ _jsx(TextField, {
+                        label: "Tracking number",
+                        value: trackingNumber,
+                        onChange: (event)=>onChange({
+                                trackingNumber: event.target.value
+                            }),
+                        size: "small",
+                        sx: {
+                            flex: 1
+                        }
+                    })
+                ]
+            }),
+            trackingNumber && !derived ? /*#__PURE__*/ _jsx(TextField, {
+                label: "Tracking link",
+                value: trackingUrl,
+                onChange: (event)=>onChange({
+                        trackingUrl: event.target.value
+                    }),
+                size: "small",
+                placeholder: "https://",
+                helperText: "Optional. USPS, UPS, FedEx, DHL, Canada Post, Royal Mail and Australia Post get a link on their own."
+            }) : null
+        ]
+    });
+}
+/**
+ * Fulfill items: one quantity per line, starting at what is left of each
+ * shippable line, so the common case — ship everything — is one click.
+ */ export function FulfillItemsPanel(props) {
+    var _order_lineItems;
+    const { order, busy, onSubmit, onCancel, renderZone } = props;
+    const states = useMemo(()=>CommerceModel.orderLineFulfillmentStates(order), [
+        order
+    ]);
+    const [quantities, setQuantities] = useState(()=>Object.fromEntries(states.map((state)=>[
+                state.lineItemId,
+                // Digital and service lines start at zero: nothing to ship. When the
+                // order has nothing physical left, they start full instead, so the
+                // panel still closes a digital-only order in one click.
+                states.some((candidate)=>candidate.requiresShipping && candidate.remainingQuantity > 0) ? state.requiresShipping ? state.remainingQuantity : 0 : state.remainingQuantity
+            ])));
+    const [tracking, setTracking] = useState({
+        carrier: '',
+        trackingNumber: '',
+        trackingUrl: '',
+        labelUrl: ''
+    });
+    const [notify, setNotify] = useState(true);
+    const [zoneKey, setZoneKey] = useState(0);
+    const selection = useMemo(()=>states.map((state)=>{
+            var _quantities_state_lineItemId;
+            return {
+                lineItemId: state.lineItemId,
+                quantity: (_quantities_state_lineItemId = quantities[state.lineItemId]) != null ? _quantities_state_lineItemId : 0
+            };
+        }).filter((entry)=>entry.quantity > 0), [
+        states,
+        quantities
+    ]);
+    const everything = useMemo(()=>{
+        const remaining = CommerceModel.remainingFulfillmentLines(order);
+        return remaining.length > 0 && remaining.length === selection.length && remaining.every((entry, index)=>{
+            var _selection_index, _selection_index1;
+            return ((_selection_index = selection[index]) == null ? void 0 : _selection_index.lineItemId) === entry.lineItemId && ((_selection_index1 = selection[index]) == null ? void 0 : _selection_index1.quantity) === entry.quantity;
+        });
+    }, [
+        order,
+        selection
+    ]);
+    const setQuantity = (lineItemId, value, max)=>setQuantities((current)=>_extends({}, current, {
+                [lineItemId]: Math.max(0, Math.min(max, Math.floor(Number.isFinite(value) ? value : 0)))
+            }));
+    const applyTracking = useCallback((next)=>{
+        var _next_carrier, _next_trackingNumber, _next_trackingUrl, _next_labelUrl;
+        setTracking({
+            carrier: String((_next_carrier = next.carrier) != null ? _next_carrier : ''),
+            trackingNumber: String((_next_trackingNumber = next.trackingNumber) != null ? _next_trackingNumber : ''),
+            trackingUrl: String((_next_trackingUrl = next.trackingUrl) != null ? _next_trackingUrl : ''),
+            labelUrl: String((_next_labelUrl = next.labelUrl) != null ? _next_labelUrl : '')
+        });
+        // The carrier select reads its Other state once; a remount re-reads it.
+        setZoneKey((key)=>key + 1);
+    }, []);
+    const submit = async ()=>{
+        await onSubmit(_extends({}, everything ? {} : {
+            lineItems: selection
+        }, {
+            carrier: tracking.carrier.trim(),
+            trackingNumber: tracking.trackingNumber.trim()
+        }, tracking.trackingUrl.trim() ? {
+            trackingUrl: tracking.trackingUrl.trim()
+        } : {}, tracking.labelUrl ? {
+            labelUrl: tracking.labelUrl
+        } : {}, {
+            notify
+        }));
+    };
+    return /*#__PURE__*/ _jsxs(Stack, {
+        spacing: 1,
+        sx: {
+            border: 1,
+            borderColor: 'divider',
+            borderRadius: 1,
+            p: 1.5
+        },
+        children: [
+            /*#__PURE__*/ _jsx(Typography, {
+                variant: "subtitle2",
+                children: 'Fulfill items'
+            }),
+            ((_order_lineItems = order.lineItems) != null ? _order_lineItems : []).map((line, index)=>{
+                var _quantities_index, _quantities_index1, _quantities_index2;
+                const state = states[index];
+                if (!state || state.remainingQuantity === 0) return null;
+                return /*#__PURE__*/ _jsxs(Stack, {
+                    direction: "row",
+                    spacing: 1,
+                    sx: {
+                        alignItems: 'center'
+                    },
+                    children: [
+                        /*#__PURE__*/ _jsxs(Typography, {
+                            variant: "body2",
+                            sx: {
+                                flex: 1
+                            },
+                            children: [
+                                line.name + (line.variantLabel ? ` — ${line.variantLabel}` : ''),
+                                state.requiresShipping ? null : /*#__PURE__*/ _jsx(Typography, {
+                                    component: "span",
+                                    variant: "caption",
+                                    color: "text.secondary",
+                                    children: ' · no shipping needed'
+                                })
+                            ]
+                        }),
+                        /*#__PURE__*/ _jsx(IconButton, {
+                            size: "small",
+                            "aria-label": `One fewer ${line.name}`,
+                            disabled: busy || ((_quantities_index = quantities[index]) != null ? _quantities_index : 0) <= 0,
+                            onClick: ()=>{
+                                var _quantities_index;
+                                return setQuantity(index, ((_quantities_index = quantities[index]) != null ? _quantities_index : 0) - 1, state.remainingQuantity);
+                            },
+                            children: '−'
+                        }),
+                        /*#__PURE__*/ _jsx(TextField, {
+                            size: "small",
+                            type: "number",
+                            value: (_quantities_index1 = quantities[index]) != null ? _quantities_index1 : 0,
+                            onChange: (event)=>setQuantity(index, Number(event.target.value), state.remainingQuantity),
+                            sx: {
+                                width: 72
+                            },
+                            slotProps: {
+                                htmlInput: {
+                                    min: 0,
+                                    max: state.remainingQuantity,
+                                    'aria-label': `Quantity of ${line.name} to fulfill`
+                                }
+                            }
+                        }),
+                        /*#__PURE__*/ _jsx(IconButton, {
+                            size: "small",
+                            "aria-label": `One more ${line.name}`,
+                            disabled: busy || ((_quantities_index2 = quantities[index]) != null ? _quantities_index2 : 0) >= state.remainingQuantity,
+                            onClick: ()=>{
+                                var _quantities_index;
+                                return setQuantity(index, ((_quantities_index = quantities[index]) != null ? _quantities_index : 0) + 1, state.remainingQuantity);
+                            },
+                            children: '+'
+                        }),
+                        /*#__PURE__*/ _jsx(Typography, {
+                            variant: "caption",
+                            color: "text.secondary",
+                            sx: {
+                                width: 56
+                            },
+                            children: `of ${state.remainingQuantity}`
+                        })
+                    ]
+                }, index);
+            }),
+            /*#__PURE__*/ _jsx(CarrierFields, {
+                carrier: tracking.carrier,
+                trackingNumber: tracking.trackingNumber,
+                trackingUrl: tracking.trackingUrl,
+                onChange: (patch)=>setTracking((current)=>_extends({}, current, patch))
+            }, zoneKey),
+            tracking.labelUrl ? /*#__PURE__*/ _jsx(Link, {
+                href: tracking.labelUrl,
+                target: "_blank",
+                rel: "noopener noreferrer",
+                variant: "caption",
+                children: 'Shipping label'
+            }) : null,
+            renderZone ? renderZone(selection, applyTracking) : null,
+            /*#__PURE__*/ _jsx(FormControlLabel, {
+                control: /*#__PURE__*/ _jsx(Checkbox, {
+                    checked: notify,
+                    onChange: (event)=>setNotify(event.target.checked)
+                }),
+                label: "Notify customer"
+            }),
+            /*#__PURE__*/ _jsxs(Stack, {
+                direction: "row",
+                spacing: 1,
+                sx: {
+                    justifyContent: 'flex-end'
+                },
+                children: [
+                    /*#__PURE__*/ _jsx(Button, {
+                        size: "small",
+                        onClick: onCancel,
+                        disabled: busy,
+                        children: 'Cancel'
+                    }),
+                    /*#__PURE__*/ _jsx(Button, {
+                        size: "small",
+                        variant: "contained",
+                        color: "primary",
+                        disabled: busy || selection.length === 0,
+                        onClick: submit,
+                        children: 'Fulfill'
+                    })
+                ]
+            })
+        ]
+    });
+}
+/** The shipments recorded on the order, newest last, with edit and cancel. */ export function FulfillmentList(props) {
+    var _order_fulfillments;
+    const { order, busy, onUpdateTracking, onCancelFulfillment } = props;
+    const [editing, setEditing] = useState(null);
+    const fulfillments = (_order_fulfillments = order.fulfillments) != null ? _order_fulfillments : [];
+    if (fulfillments.length === 0) return null;
+    const editable = CommerceModel.orderFulfillmentsEditable(order);
+    return /*#__PURE__*/ _jsxs(Stack, {
+        spacing: 1,
+        children: [
+            /*#__PURE__*/ _jsx(Typography, {
+                variant: "subtitle2",
+                children: 'Shipments'
+            }),
+            fulfillments.map((entry)=>{
+                const active = CommerceModel.fulfillmentIsActive(entry);
+                const lines = CommerceModel.fulfillmentLineQuantities(order, entry);
+                const url = CommerceModel.fulfillmentTrackingUrl(entry);
+                const carrier = entry.carrier ? CommerceModel.carrierLabelFor(entry.carrier) : '';
+                return /*#__PURE__*/ _jsxs(Stack, {
+                    spacing: 0.5,
+                    children: [
+                        /*#__PURE__*/ _jsxs(Stack, {
+                            direction: "row",
+                            spacing: 1,
+                            sx: {
+                                alignItems: 'center'
+                            },
+                            children: [
+                                /*#__PURE__*/ _jsx(Typography, {
+                                    variant: "body2",
+                                    sx: _extends({
+                                        flex: 1
+                                    }, active ? {} : {
+                                        textDecoration: 'line-through'
+                                    }),
+                                    color: active ? 'text.primary' : 'text.secondary',
+                                    children: CommerceModel.describeFulfillmentLines(order, lines) || 'Fulfilled'
+                                }),
+                                active ? null : /*#__PURE__*/ _jsx(Chip, {
+                                    label: "canceled",
+                                    size: "small",
+                                    variant: "outlined"
+                                }),
+                                active && editable && (editing == null ? void 0 : editing.id) !== entry.id ? /*#__PURE__*/ _jsxs(_Fragment, {
+                                    children: [
+                                        /*#__PURE__*/ _jsx(Button, {
+                                            size: "small",
+                                            disabled: busy,
+                                            onClick: ()=>{
+                                                var _entry_carrier, _entry_trackingNumber, _entry_trackingUrl;
+                                                return setEditing({
+                                                    id: entry.id,
+                                                    carrier: (_entry_carrier = entry.carrier) != null ? _entry_carrier : '',
+                                                    trackingNumber: (_entry_trackingNumber = entry.trackingNumber) != null ? _entry_trackingNumber : '',
+                                                    trackingUrl: (_entry_trackingUrl = entry.trackingUrl) != null ? _entry_trackingUrl : ''
+                                                });
+                                            },
+                                            children: 'Edit tracking'
+                                        }),
+                                        /*#__PURE__*/ _jsx(Button, {
+                                            size: "small",
+                                            color: "error",
+                                            disabled: busy,
+                                            onClick: ()=>onCancelFulfillment(entry.id),
+                                            children: 'Cancel shipment'
+                                        })
+                                    ]
+                                }) : null
+                            ]
+                        }),
+                        /*#__PURE__*/ _jsxs(Typography, {
+                            variant: "caption",
+                            color: "text.secondary",
+                            children: [
+                                `${new Date(entry.atMs).toLocaleString()}`,
+                                entry.trackingNumber ? ` · ${carrier || 'Tracking'} ` : '',
+                                entry.trackingNumber ? url ? /*#__PURE__*/ _jsx(Link, {
+                                    href: url,
+                                    target: "_blank",
+                                    rel: "noopener noreferrer",
+                                    children: entry.trackingNumber
+                                }) : entry.trackingNumber : null,
+                                entry.labelUrl ? /*#__PURE__*/ _jsxs(_Fragment, {
+                                    children: [
+                                        ' · ',
+                                        /*#__PURE__*/ _jsx(Link, {
+                                            href: entry.labelUrl,
+                                            target: "_blank",
+                                            rel: "noopener noreferrer",
+                                            children: 'Label'
+                                        })
+                                    ]
+                                }) : null
+                            ]
+                        }),
+                        (editing == null ? void 0 : editing.id) === entry.id ? /*#__PURE__*/ _jsxs(Stack, {
+                            spacing: 1,
+                            children: [
+                                /*#__PURE__*/ _jsx(CarrierFields, {
+                                    carrier: editing.carrier,
+                                    trackingNumber: editing.trackingNumber,
+                                    trackingUrl: editing.trackingUrl,
+                                    onChange: (patch)=>setEditing(_extends({}, editing, patch))
+                                }),
+                                /*#__PURE__*/ _jsxs(Stack, {
+                                    direction: "row",
+                                    spacing: 1,
+                                    sx: {
+                                        justifyContent: 'flex-end'
+                                    },
+                                    children: [
+                                        /*#__PURE__*/ _jsx(Button, {
+                                            size: "small",
+                                            disabled: busy,
+                                            onClick: ()=>setEditing(null),
+                                            children: 'Discard'
+                                        }),
+                                        /*#__PURE__*/ _jsx(Button, {
+                                            size: "small",
+                                            variant: "contained",
+                                            disabled: busy,
+                                            onClick: async ()=>{
+                                                const saved = await onUpdateTracking(entry.id, _extends({
+                                                    carrier: editing.carrier.trim(),
+                                                    trackingNumber: editing.trackingNumber.trim()
+                                                }, editing.trackingUrl.trim() ? {
+                                                    trackingUrl: editing.trackingUrl.trim()
+                                                } : {}));
+                                                if (saved) setEditing(null);
+                                            },
+                                            children: 'Save tracking'
+                                        })
+                                    ]
+                                })
+                            ]
+                        }) : null
+                    ]
+                }, entry.id);
+            })
+        ]
+    });
+}
+
+//# sourceMappingURL=order-fulfillment-panel.component.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../../../../libs/plugins/commerce/src/lib/components/console/order-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'use client'\n\nimport * as CommerceModel from '../../model'\nimport {\n  Button,\n  Checkbox,\n  Chip,\n  FormControlLabel,\n  IconButton,\n  Link,\n  Stack,\n  TextField,\n  Typography,\n} from '@mui/material'\nimport { useCallback, useMemo, useState, type ReactNode } from 'react'\nimport type {\n  ConsoleFulfillmentTracking,\n  ConsoleOrderZoneAddress,\n  ConsoleOrderZoneFulfillment,\n  ConsoleOrderZoneOrder,\n} from './order-zones'\n\n/**\n * The order dialog's fulfillment surfaces (AGL-3611): the Fulfill items panel,\n * with a quantity per line, a carrier, a tracking number and the notify\n * switch; and the list of recorded shipments, each editable and cancellable.\n *\n * Neither writes. Every act goes through the dialog's `fulfill-order` route,\n * which re-checks the quantities and the transition under the write; these\n * only collect what the merchant means and hand it up.\n */\n\n/** The carrier select's value for a carrier typed by hand. */\nconst OTHER_CARRIER = 'other'\n\n/** What the panel asks the dialog to record. */\nexport interface FulfillItemsSubmission {\n  /** Absent when the picked units are everything still to ship. */\n  lineItems?: Array<{ lineItemId: number; quantity: number }>\n  carrier: string\n  trackingNumber: string\n  trackingUrl?: string\n  labelUrl?: string\n  notify: boolean\n}\n\n/** The order a widget reads: the dialog's order in the zone's words. */\nexport function consoleOrderZoneOrder(\n  order: CommerceModel.HostOrder,\n  orderId: string,\n): ConsoleOrderZoneOrder {\n  const states = CommerceModel.orderLineFulfillmentStates(order)\n  const address = order.shippingAddress\n  const shippingAddress: ConsoleOrderZoneAddress | null = address\n    ? {\n        name: address.name ?? null,\n        line1: address.line1 ?? null,\n        line2: address.line2 ?? null,\n        city: address.city ?? null,\n        state: address.state ?? null,\n        postalCode: address.postalCode ?? null,\n        country: address.country ?? null,\n        phone: address.phone ?? null,\n      }\n    : null\n  return {\n    id: orderId,\n    number: CommerceModel.formatOrderNumber(order, orderId),\n    status: order.status,\n    channel: order.channel ?? 'online',\n    // Orders are charged in US dollars today, as the public API reports them.\n    currency: 'USD',\n    customerEmail: order.customerEmail ?? null,\n    customerName: order.customerName ?? null,\n    shippingAddress,\n    lines: (order.lineItems ?? []).map((line, index) => ({\n      lineItemId: index,\n      productId: line.productId,\n      variantId: line.variantId ?? null,\n      name: line.name,\n      variantLabel: line.variantLabel ?? null,\n      sku: line.sku ?? null,\n      productType: line.productType ?? null,\n      quantity: states[index]?.quantity ?? 0,\n      unitAmountCents: line.unitAmountCents,\n      fulfilledQuantity: states[index]?.fulfilledQuantity ?? 0,\n      remainingQuantity: states[index]?.remainingQuantity ?? 0,\n      requiresShipping: states[index]?.requiresShipping ?? true,\n    })),\n    fulfillments: (order.fulfillments ?? []).map((entry) => toZoneFulfillment(order, entry)),\n    totals: {\n      itemsCents: order.totals?.itemsCents ?? 0,\n      shippingCents: order.totals?.shippingCents ?? 0,\n      taxCents: order.totals?.taxCents ?? 0,\n      discountCents: order.totals?.discountCents ?? 0,\n      totalCents: order.totals?.totalCents ?? Number(order.amountCents ?? 0),\n    },\n    testMode: CommerceModel.orderIsTestMode(order),\n  }\n}\n\n/** One recorded shipment in the zone's words. */\nexport function toZoneFulfillment(\n  order: Pick<CommerceModel.HostOrder, 'lineItems'>,\n  entry: CommerceModel.OrderFulfillment,\n): ConsoleOrderZoneFulfillment {\n  return {\n    id: entry.id,\n    lines: CommerceModel.fulfillmentLineQuantities(order, entry),\n    carrier: entry.carrier ?? null,\n    trackingNumber: entry.trackingNumber ?? null,\n    trackingUrl: CommerceModel.fulfillmentTrackingUrl(entry),\n    labelUrl: entry.labelUrl ?? null,\n    status: CommerceModel.fulfillmentIsActive(entry) ? 'active' : 'cancelled',\n    atMs: entry.atMs,\n  }\n}\n\n/** The select's value for a typed carrier: a known name, or Other. */\nfunction carrierChoiceFor(carrier: string): string {\n  if (!carrier) return ''\n  const label = CommerceModel.carrierLabelFor(carrier)\n  return CommerceModel.FULFILLMENT_CARRIER_CHOICES.includes(label) ? label : OTHER_CARRIER\n}\n\ninterface CarrierFieldsProps {\n  carrier: string\n  trackingNumber: string\n  trackingUrl: string\n  onChange: (patch: { carrier?: string; trackingNumber?: string; trackingUrl?: string }) => void\n}\n\n/**\n * Carrier, tracking number and, for a carrier without a known tracker, the\n * link. A native select so the choice is one keystroke and one change event.\n */\nfunction CarrierFields(props: CarrierFieldsProps) {\n  const { carrier, trackingNumber, trackingUrl, onChange } = props\n  const [other, setOther] = useState(() => carrierChoiceFor(carrier) === OTHER_CARRIER)\n  const choice = other ? OTHER_CARRIER : carrierChoiceFor(carrier)\n  const derived = CommerceModel.trackingUrlFor(carrier, trackingNumber)\n  return (\n    <Stack spacing={1}>\n      <Stack direction=\"row\" spacing={1}>\n        <TextField\n          select\n          label=\"Carrier\"\n          value={choice}\n          onChange={(event) => {\n            const value = event.target.value\n            setOther(value === OTHER_CARRIER)\n            onChange({ carrier: value === OTHER_CARRIER ? '' : value })\n          }}\n          size=\"small\"\n          sx={{ width: 160 }}\n          slotProps={{ select: { native: true }, inputLabel: { shrink: true } }}\n        >\n          <option value=\"\">{'None'}</option>\n          {CommerceModel.FULFILLMENT_CARRIER_CHOICES.map((name) => (\n            <option key={name} value={name}>\n              {name}\n            </option>\n          ))}\n          <option value={OTHER_CARRIER}>{'Other'}</option>\n        </TextField>\n        {other ? (\n          <TextField\n            label=\"Carrier name\"\n            value={carrier}\n            onChange={(event) => onChange({ carrier: event.target.value })}\n            size=\"small\"\n            sx={{ width: 160 }}\n          />\n        ) : null}\n        <TextField\n          label=\"Tracking number\"\n          value={trackingNumber}\n          onChange={(event) => onChange({ trackingNumber: event.target.value })}\n          size=\"small\"\n          sx={{ flex: 1 }}\n        />\n      </Stack>\n      {trackingNumber && !derived ? (\n        <TextField\n          label=\"Tracking link\"\n          value={trackingUrl}\n          onChange={(event) => onChange({ trackingUrl: event.target.value })}\n          size=\"small\"\n          placeholder=\"https://\"\n          helperText=\"Optional. USPS, UPS, FedEx, DHL, Canada Post, Royal Mail and Australia Post get a link on their own.\"\n        />\n      ) : null}\n    </Stack>\n  )\n}\n\nexport interface FulfillItemsPanelProps {\n  order: CommerceModel.HostOrder\n  busy: boolean\n  onSubmit: (submission: FulfillItemsSubmission) => Promise<boolean>\n  onCancel: () => void\n  /** Draws the `orderFulfillment` zone with the panel's current selection. */\n  renderZone?: (\n    selection: ReadonlyArray<{ lineItemId: number; quantity: number }>,\n    applyTracking: (tracking: ConsoleFulfillmentTracking) => void,\n  ) => ReactNode\n}\n\n/**\n * Fulfill items: one quantity per line, starting at what is left of each\n * shippable line, so the common case — ship everything — is one click.\n */\nexport function FulfillItemsPanel(props: FulfillItemsPanelProps) {\n  const { order, busy, onSubmit, onCancel, renderZone } = props\n  const states = useMemo(() => CommerceModel.orderLineFulfillmentStates(order), [order])\n  const [quantities, setQuantities] = useState<Record<number, number>>(() =>\n    Object.fromEntries(\n      states.map((state) => [\n        state.lineItemId,\n        // Digital and service lines start at zero: nothing to ship. When the\n        // order has nothing physical left, they start full instead, so the\n        // panel still closes a digital-only order in one click.\n        states.some((candidate) => candidate.requiresShipping && candidate.remainingQuantity > 0)\n          ? state.requiresShipping\n            ? state.remainingQuantity\n            : 0\n          : state.remainingQuantity,\n      ]),\n    ),\n  )\n  const [tracking, setTracking] = useState({ carrier: '', trackingNumber: '', trackingUrl: '', labelUrl: '' })\n  const [notify, setNotify] = useState(true)\n  const [zoneKey, setZoneKey] = useState(0)\n\n  const selection = useMemo(\n    () =>\n      states\n        .map((state) => ({ lineItemId: state.lineItemId, quantity: quantities[state.lineItemId] ?? 0 }))\n        .filter((entry) => entry.quantity > 0),\n    [states, quantities],\n  )\n  const everything = useMemo(() => {\n    const remaining = CommerceModel.remainingFulfillmentLines(order)\n    return (\n      remaining.length > 0 &&\n      remaining.length === selection.length &&\n      remaining.every(\n        (entry, index) =>\n          selection[index]?.lineItemId === entry.lineItemId && selection[index]?.quantity === entry.quantity,\n      )\n    )\n  }, [order, selection])\n\n  const setQuantity = (lineItemId: number, value: number, max: number) =>\n    setQuantities((current) => ({\n      ...current,\n      [lineItemId]: Math.max(0, Math.min(max, Math.floor(Number.isFinite(value) ? value : 0))),\n    }))\n\n  const applyTracking = useCallback((next: ConsoleFulfillmentTracking) => {\n    setTracking({\n      carrier: String(next.carrier ?? ''),\n      trackingNumber: String(next.trackingNumber ?? ''),\n      trackingUrl: String(next.trackingUrl ?? ''),\n      labelUrl: String(next.labelUrl ?? ''),\n    })\n    // The carrier select reads its Other state once; a remount re-reads it.\n    setZoneKey((key) => key + 1)\n  }, [])\n\n  const submit = async () => {\n    await onSubmit({\n      ...(everything ? {} : { lineItems: selection }),\n      carrier: tracking.carrier.trim(),\n      trackingNumber: tracking.trackingNumber.trim(),\n      ...(tracking.trackingUrl.trim() ? { trackingUrl: tracking.trackingUrl.trim() } : {}),\n      ...(tracking.labelUrl ? { labelUrl: tracking.labelUrl } : {}),\n      notify,\n    })\n  }\n\n  return (\n    <Stack spacing={1} sx={{ border: 1, borderColor: 'divider', borderRadius: 1, p: 1.5 }}>\n      <Typography variant=\"subtitle2\">{'Fulfill items'}</Typography>\n      {(order.lineItems ?? []).map((line, index) => {\n        const state = states[index]\n        if (!state || state.remainingQuantity === 0) return null\n        return (\n          <Stack key={index} direction=\"row\" spacing={1} sx={{ alignItems: 'center' }}>\n            <Typography variant=\"body2\" sx={{ flex: 1 }}>\n              {line.name + (line.variantLabel ? ` — ${line.variantLabel}` : '')}\n              {state.requiresShipping ? null : (\n                <Typography component=\"span\" variant=\"caption\" color=\"text.secondary\">\n                  {' · no shipping needed'}\n                </Typography>\n              )}\n            </Typography>\n            <IconButton\n              size=\"small\"\n              aria-label={`One fewer ${line.name}`}\n              disabled={busy || (quantities[index] ?? 0) <= 0}\n              onClick={() => setQuantity(index, (quantities[index] ?? 0) - 1, state.remainingQuantity)}\n            >\n              {'−'}\n            </IconButton>\n            <TextField\n              size=\"small\"\n              type=\"number\"\n              value={quantities[index] ?? 0}\n              onChange={(event) => setQuantity(index, Number(event.target.value), state.remainingQuantity)}\n              sx={{ width: 72 }}\n              slotProps={{\n                htmlInput: {\n                  min: 0,\n                  max: state.remainingQuantity,\n                  'aria-label': `Quantity of ${line.name} to fulfill`,\n                },\n              }}\n            />\n            <IconButton\n              size=\"small\"\n              aria-label={`One more ${line.name}`}\n              disabled={busy || (quantities[index] ?? 0) >= state.remainingQuantity}\n              onClick={() => setQuantity(index, (quantities[index] ?? 0) + 1, state.remainingQuantity)}\n            >\n              {'+'}\n            </IconButton>\n            <Typography variant=\"caption\" color=\"text.secondary\" sx={{ width: 56 }}>\n              {`of ${state.remainingQuantity}`}\n            </Typography>\n          </Stack>\n        )\n      })}\n      <CarrierFields\n        key={zoneKey}\n        carrier={tracking.carrier}\n        trackingNumber={tracking.trackingNumber}\n        trackingUrl={tracking.trackingUrl}\n        onChange={(patch) => setTracking((current) => ({ ...current, ...patch }))}\n      />\n      {tracking.labelUrl ? (\n        <Link href={tracking.labelUrl} target=\"_blank\" rel=\"noopener noreferrer\" variant=\"caption\">\n          {'Shipping label'}\n        </Link>\n      ) : null}\n      {renderZone ? renderZone(selection, applyTracking) : null}\n      <FormControlLabel\n        control={<Checkbox checked={notify} onChange={(event) => setNotify(event.target.checked)} />}\n        label=\"Notify customer\"\n      />\n      <Stack direction=\"row\" spacing={1} sx={{ justifyContent: 'flex-end' }}>\n        <Button size=\"small\" onClick={onCancel} disabled={busy}>\n          {'Cancel'}\n        </Button>\n        <Button\n          size=\"small\"\n          variant=\"contained\"\n          color=\"primary\"\n          disabled={busy || selection.length === 0}\n          onClick={submit}\n        >\n          {'Fulfill'}\n        </Button>\n      </Stack>\n    </Stack>\n  )\n}\n\nexport interface FulfillmentListProps {\n  order: CommerceModel.HostOrder\n  busy: boolean\n  onUpdateTracking: (\n    fulfillmentId: string,\n    tracking: { carrier: string; trackingNumber: string; trackingUrl?: string },\n  ) => Promise<boolean>\n  onCancelFulfillment: (fulfillmentId: string) => Promise<void>\n}\n\n/** The shipments recorded on the order, newest last, with edit and cancel. */\nexport function FulfillmentList(props: FulfillmentListProps) {\n  const { order, busy, onUpdateTracking, onCancelFulfillment } = props\n  const [editing, setEditing] = useState<{\n    id: string\n    carrier: string\n    trackingNumber: string\n    trackingUrl: string\n  } | null>(null)\n  const fulfillments = order.fulfillments ?? []\n  if (fulfillments.length === 0) return null\n  const editable = CommerceModel.orderFulfillmentsEditable(order)\n  return (\n    <Stack spacing={1}>\n      <Typography variant=\"subtitle2\">{'Shipments'}</Typography>\n      {fulfillments.map((entry) => {\n        const active = CommerceModel.fulfillmentIsActive(entry)\n        const lines = CommerceModel.fulfillmentLineQuantities(order, entry)\n        const url = CommerceModel.fulfillmentTrackingUrl(entry)\n        const carrier = entry.carrier ? CommerceModel.carrierLabelFor(entry.carrier) : ''\n        return (\n          <Stack key={entry.id} spacing={0.5}>\n            <Stack direction=\"row\" spacing={1} sx={{ alignItems: 'center' }}>\n              <Typography\n                variant=\"body2\"\n                sx={{ flex: 1, ...(active ? {} : { textDecoration: 'line-through' }) }}\n                color={active ? 'text.primary' : 'text.secondary'}\n              >\n                {CommerceModel.describeFulfillmentLines(order, lines) || 'Fulfilled'}\n              </Typography>\n              {active ? null : <Chip label=\"canceled\" size=\"small\" variant=\"outlined\" />}\n              {active && editable && editing?.id !== entry.id ? (\n                <>\n                  <Button\n                    size=\"small\"\n                    disabled={busy}\n                    onClick={() =>\n                      setEditing({\n                        id: entry.id,\n                        carrier: entry.carrier ?? '',\n                        trackingNumber: entry.trackingNumber ?? '',\n                        trackingUrl: entry.trackingUrl ?? '',\n                      })\n                    }\n                  >\n                    {'Edit tracking'}\n                  </Button>\n                  <Button size=\"small\" color=\"error\" disabled={busy} onClick={() => onCancelFulfillment(entry.id)}>\n                    {'Cancel shipment'}\n                  </Button>\n                </>\n              ) : null}\n            </Stack>\n            <Typography variant=\"caption\" color=\"text.secondary\">\n              {`${new Date(entry.atMs).toLocaleString()}`}\n              {entry.trackingNumber ? ` · ${carrier || 'Tracking'} ` : ''}\n              {entry.trackingNumber ? (\n                url ? (\n                  <Link href={url} target=\"_blank\" rel=\"noopener noreferrer\">\n                    {entry.trackingNumber}\n                  </Link>\n                ) : (\n                  entry.trackingNumber\n                )\n              ) : null}\n              {entry.labelUrl ? (\n                <>\n                  {' · '}\n                  <Link href={entry.labelUrl} target=\"_blank\" rel=\"noopener noreferrer\">\n                    {'Label'}\n                  </Link>\n                </>\n              ) : null}\n            </Typography>\n            {editing?.id === entry.id ? (\n              <Stack spacing={1}>\n                <CarrierFields\n                  carrier={editing.carrier}\n                  trackingNumber={editing.trackingNumber}\n                  trackingUrl={editing.trackingUrl}\n                  onChange={(patch) => setEditing({ ...editing, ...patch })}\n                />\n                <Stack direction=\"row\" spacing={1} sx={{ justifyContent: 'flex-end' }}>\n                  <Button size=\"small\" disabled={busy} onClick={() => setEditing(null)}>\n                    {'Discard'}\n                  </Button>\n                  <Button\n                    size=\"small\"\n                    variant=\"contained\"\n                    disabled={busy}\n                    onClick={async () => {\n                      const saved = await onUpdateTracking(entry.id, {\n                        carrier: editing.carrier.trim(),\n                        trackingNumber: editing.trackingNumber.trim(),\n                        ...(editing.trackingUrl.trim() ? { trackingUrl: editing.trackingUrl.trim() } : {}),\n                      })\n                      if (saved) setEditing(null)\n                    }}\n                  >\n                    {'Save tracking'}\n                  </Button>\n                </Stack>\n              </Stack>\n            ) : null}\n          </Stack>\n        )\n      })}\n    </Stack>\n  )\n}\n"],"names":["CommerceModel","Button","Checkbox","Chip","FormControlLabel","IconButton","Link","Stack","TextField","Typography","useCallback","useMemo","useState","OTHER_CARRIER","consoleOrderZoneOrder","order","orderId","address","states","orderLineFulfillmentStates","shippingAddress","name","line1","line2","city","state","postalCode","country","phone","id","number","formatOrderNumber","status","channel","currency","customerEmail","customerName","lines","lineItems","map","line","index","lineItemId","productId","variantId","variantLabel","sku","productType","quantity","unitAmountCents","fulfilledQuantity","remainingQuantity","requiresShipping","fulfillments","entry","toZoneFulfillment","totals","itemsCents","shippingCents","taxCents","discountCents","totalCents","Number","amountCents","testMode","orderIsTestMode","fulfillmentLineQuantities","carrier","trackingNumber","trackingUrl","fulfillmentTrackingUrl","labelUrl","fulfillmentIsActive","atMs","carrierChoiceFor","label","carrierLabelFor","FULFILLMENT_CARRIER_CHOICES","includes","CarrierFields","props","onChange","other","setOther","choice","derived","trackingUrlFor","spacing","direction","select","value","event","target","size","sx","width","slotProps","native","inputLabel","shrink","option","flex","placeholder","helperText","FulfillItemsPanel","busy","onSubmit","onCancel","renderZone","quantities","setQuantities","Object","fromEntries","some","candidate","tracking","setTracking","notify","setNotify","zoneKey","setZoneKey","selection","filter","everything","remaining","remainingFulfillmentLines","length","every","setQuantity","max","current","Math","min","floor","isFinite","applyTracking","next","String","key","submit","trim","border","borderColor","borderRadius","p","variant","alignItems","component","color","aria-label","disabled","onClick","type","htmlInput","patch","href","rel","control","checked","justifyContent","FulfillmentList","onUpdateTracking","onCancelFulfillment","editing","setEditing","editable","orderFulfillmentsEditable","active","url","textDecoration","describeFulfillmentLines","Date","toLocaleString","saved"],"mappings":"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"}

package/src/lib/components/console/order-invoice.component.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 * as CommerceModel from '../../model';
+export interface OrderInvoiceButtonProps {
+    hostId: string;
+    orderId: string;
+    order: CommerceModel.HostOrder;
+}
+/**
+ * "Invoice" (AGL-3611), beside "Packing slip" in the order dialog: the order
+ * as a printable bill, which the print dialog also saves as a PDF. The store's
+ * name, currency and footer are read when it is clicked, not while the dialog
+ * is open, so the dialog listens to nothing more.
+ */
+export declare function OrderInvoiceButton(props: OrderInvoiceButtonProps): import("react").JSX.Element;
+export declare namespace OrderInvoiceButton {
+    var displayName: string;
+}
+export default OrderInvoiceButton;