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

package/src/lib/components/console/return-detail-dialog.component.js

@@ -0,0 +1,718 @@
+/**
+ * @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 { _ as _object_without_properties_loose } from "@swc/helpers/_/_object_without_properties_loose";
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import * as CommerceModel from "../../model/index.js";
+import { useConfirmationContext } from "@aglyn/shared-ui-jsx";
+import { useSnackbar } from "@aglyn/shared-ui-snackstack";
+import { useConsoleWidgetSlot } from "@aglyn/aglyn/app-utils/console-widget-slot-context";
+import { Button, Checkbox, Chip, Dialog, DialogActions, DialogContent, DialogTitle, Divider, FormControlLabel, InputAdornment, Link, MenuItem, Stack, TextField, Typography } from "@mui/material";
+import { collection, doc, limit, query } from "firebase/firestore";
+import { memo, useCallback, useMemo, useState } from "react";
+import { useFirestore, useFirestoreCollection, useFirestoreDoc, useUser } from "@aglyn/tenant-feature-instance";
+import { formatMoney, postReturnAction } from "./return-actions.js";
+import { RETURN_DETAIL_ZONE } from "./return-zones.js";
+/** The locations a receive may restock to — the locations card's own window. */ const LOCATION_WINDOW = 25;
+/**
+ * A zone hosted in the dialog, drawn again only when what it is handed
+ * changes — the order dialog's reasoning: the shell's renderer is not
+ * memoized, and the dialog redraws on every keystroke in its fields.
+ */ const HostedZone = /*#__PURE__*/ memo(function HostedZone(props) {
+    const { renderer: Renderer } = props, zone = _object_without_properties_loose(props, [
+        "renderer"
+    ]);
+    return /*#__PURE__*/ _jsx(Renderer, _extends({}, zone));
+});
+const centsFromInput = (value)=>Math.round(Number(value) * 100);
+/**
+ * One return (AGL-3611): what is coming back and why, the notes on both
+ * sides, the label and the restock, its timeline, and the actions its state
+ * allows (`canTransitionReturn`). Every action is the returns route — the
+ * return is never written from here — and the dialog reads the return live,
+ * so what the route wrote is what it shows next.
+ */ export function ReturnDetailDialog(props) {
+    var _ref, _ref1, _ref2, _ref3, _ref4, _ref5, _CommerceModel_RETURN_STATUS_LABELS_status, _CommerceModel_RETURN_STATUS_COLOR_status, _entry_lines, _entry_refundCents, _entry_timeline;
+    var _entry_restock, _locations_find, _locations_, _entry_restock1, _locations_find1;
+    const { hostId, returnId, onClose } = props;
+    const firestore = useFirestore();
+    const { data: user } = useUser();
+    const { enqueueSnackbar } = useSnackbar();
+    const { confirm } = useConfirmationContext();
+    const WidgetSlot = useConsoleWidgetSlot();
+    const { data: entry } = useFirestoreDoc(()=>returnId ? doc(firestore, 'hosts', hostId, 'returns', returnId) : null, [
+        firestore,
+        hostId,
+        returnId
+    ]);
+    const orderId = (_ref = entry == null ? void 0 : entry.orderId) != null ? _ref : null;
+    const { data: rawOrder } = useFirestoreDoc(()=>orderId ? doc(firestore, 'hosts', hostId, 'orders', orderId) : null, [
+        firestore,
+        hostId,
+        orderId
+    ]);
+    const { data: store } = useFirestoreDoc(()=>returnId ? doc(firestore, 'hosts', hostId, 'settings', 'store') : null, [
+        firestore,
+        hostId,
+        returnId
+    ]);
+    const [panel, setPanel] = useState(null);
+    // The locations are read only to set up a receive, or to name the one a
+    // receive restocked to.
+    const readLocations = panel === 'receive' || Boolean(entry == null ? void 0 : (_entry_restock = entry.restock) == null ? void 0 : _entry_restock.locationId);
+    const { data: locationDocs } = useFirestoreCollection(()=>readLocations ? query(collection(firestore, 'hosts', hostId, 'locations'), limit(LOCATION_WINDOW)) : null, [
+        firestore,
+        hostId,
+        readLocations
+    ], {
+        idField: '$id'
+    });
+    const locations = useMemo(()=>[
+            ...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 : ''));
+        }), [
+        locationDocs
+    ]);
+    const order = useMemo(()=>rawOrder ? CommerceModel.liftLegacyOrder(rawOrder) : null, [
+        rawOrder
+    ]);
+    const currency = String((_ref1 = store == null ? void 0 : store.currency) != null ? _ref1 : 'USD').toUpperCase();
+    const [busy, setBusy] = useState(false);
+    const [buyerNote, setBuyerNote] = useState('');
+    const [notify, setNotify] = useState(true);
+    const [restock, setRestock] = useState({});
+    const [locationId, setLocationId] = useState('');
+    const [amount, setAmount] = useState('');
+    const [merchantNote, setMerchantNote] = useState(null);
+    const lineName = useCallback((lineItemId)=>{
+        var _order_lineItems;
+        const line = order == null ? void 0 : (_order_lineItems = order.lineItems) == null ? void 0 : _order_lineItems[lineItemId];
+        if (!line) return `Line ${lineItemId + 1}`;
+        return line.variantLabel ? `${line.name} — ${line.variantLabel}` : line.name;
+    }, [
+        order
+    ]);
+    const suggestedRefundCents = useMemo(()=>{
+        var _entry_lines;
+        return order && entry ? CommerceModel.returnRefundCents(order, (_entry_lines = entry.lines) != null ? _entry_lines : []) : 0;
+    }, [
+        order,
+        entry
+    ]);
+    const run = useCallback(async (body, done)=>{
+        if (!returnId) return false;
+        setBusy(true);
+        try {
+            const outcome = await postReturnAction(user, _extends({
+                hostId,
+                returnId
+            }, body));
+            if (!outcome.ok) {
+                enqueueSnackbar(outcome.message, {
+                    variant: outcome.refused ? 'warning' : 'error',
+                    allowDuplicate: true
+                });
+                return false;
+            }
+            enqueueSnackbar(outcome.payload['already'] ? 'Nothing to change — already done' : done, {
+                variant: 'success',
+                persist: false
+            });
+            setPanel(null);
+            return true;
+        } finally{
+            setBusy(false);
+        }
+    }, [
+        returnId,
+        user,
+        hostId,
+        enqueueSnackbar
+    ]);
+    const openPanel = useCallback((next)=>{
+        setPanel(next);
+        setBuyerNote('');
+        setNotify(true);
+        if (next === 'receive' && entry) {
+            setRestock(Object.fromEntries(entry.lines.map((line)=>[
+                    line.lineItemId,
+                    String(line.quantity)
+                ])));
+            setLocationId('');
+        }
+        if (next === 'refund') setAmount((suggestedRefundCents / 100).toFixed(2));
+    }, [
+        entry,
+        suggestedRefundCents
+    ]);
+    const handleDecision = useCallback((action)=>run(_extends({
+            action
+        }, buyerNote.trim() ? {
+            merchantNote: buyerNote.trim()
+        } : {}, {
+            notify
+        }), action === 'approve' ? 'Return approved' : 'Return declined'), [
+        run,
+        buyerNote,
+        notify
+    ]);
+    const defaultLocationId = (_ref2 = (_ref3 = (_locations_find = locations.find((location)=>location.isDefault)) == null ? void 0 : _locations_find.$id) != null ? _ref3 : (_locations_ = locations[0]) == null ? void 0 : _locations_.$id) != null ? _ref2 : '';
+    const handleReceive = useCallback(()=>{
+        if (!entry) return;
+        const chosen = locationId || defaultLocationId;
+        return run(_extends({
+            action: 'receive',
+            restock: entry.lines.map((line)=>{
+                var _restock_line_lineItemId;
+                return {
+                    lineItemId: line.lineItemId,
+                    quantity: Math.max(0, Math.floor(Number((_restock_line_lineItemId = restock[line.lineItemId]) != null ? _restock_line_lineItemId : 0) || 0))
+                };
+            })
+        }, chosen ? {
+            locationId: chosen
+        } : {}), 'Return received');
+    }, [
+        entry,
+        restock,
+        locationId,
+        defaultLocationId,
+        run
+    ]);
+    const refundCents = centsFromInput(amount);
+    const refundValid = Number.isInteger(refundCents) && refundCents > 0;
+    const handleRefund = useCallback(async ()=>{
+        if (!refundValid) return;
+        const confirmed = await confirm({
+            title: 'Refund this return?',
+            description: `Refunds ${formatMoney(refundCents, currency)} to the buyer through Stripe, ` + 'through the order’s own refund. The buyer is emailed.',
+            confirmationText: 'Refund',
+            confirmationButtonProps: {
+                color: 'error'
+            }
+        }).then(()=>true).catch(()=>false);
+        if (!confirmed) return;
+        await run({
+            action: 'refund',
+            amountCents: refundCents
+        }, 'Refund issued');
+    }, [
+        confirm,
+        refundValid,
+        refundCents,
+        currency,
+        run
+    ]);
+    const noteDraft = (_ref4 = merchantNote != null ? merchantNote : entry == null ? void 0 : entry.merchantNote) != null ? _ref4 : '';
+    const handleSaveNote = useCallback(async ()=>{
+        const saved = await run({
+            action: 'note',
+            merchantNote: noteDraft.trim()
+        }, 'Note saved');
+        if (saved) setMerchantNote(null);
+    }, [
+        run,
+        noteDraft
+    ]);
+    const attachReturnLabel = useCallback(async (label)=>{
+        if (!returnId) throw new Error('No return is open');
+        const outcome = await postReturnAction(user, {
+            hostId,
+            returnId,
+            action: 'attach-label',
+            label: _extends({
+                carrier: label.carrier,
+                trackingNumber: label.trackingNumber,
+                labelUrl: label.labelUrl
+            }, label.trackingUrl ? {
+                trackingUrl: label.trackingUrl
+            } : {})
+        });
+        if (!outcome.ok) throw new Error(outcome.message);
+    }, [
+        user,
+        hostId,
+        returnId
+    ]);
+    const zoneReturn = useMemo(()=>{
+        var _entry_customerName, _entry_customerEmail, _entry_lines, _address_name, _address_line1, _address_line2, _address_city, _address_state, _address_postalCode, _address_country, _address_phone, _entry_returnLabel_trackingUrl;
+        if (!entry || !returnId) return null;
+        const address = order == null ? void 0 : order.shippingAddress;
+        return {
+            id: returnId,
+            status: entry.status,
+            orderId: entry.orderId,
+            orderNumber: entry.orderNumber,
+            customerName: (_entry_customerName = entry.customerName) != null ? _entry_customerName : null,
+            customerEmail: (_entry_customerEmail = entry.customerEmail) != null ? _entry_customerEmail : null,
+            lines: ((_entry_lines = entry.lines) != null ? _entry_lines : []).map((line)=>{
+                var _ref, _ref1;
+                var _order_lineItems_line_lineItemId, _order_lineItems, _order_lineItems_line_lineItemId1, _order_lineItems1;
+                return {
+                    lineItemId: line.lineItemId,
+                    name: (_ref = order == null ? void 0 : (_order_lineItems = order.lineItems) == null ? void 0 : (_order_lineItems_line_lineItemId = _order_lineItems[line.lineItemId]) == null ? void 0 : _order_lineItems_line_lineItemId.name) != null ? _ref : `Line ${line.lineItemId + 1}`,
+                    variantLabel: (_ref1 = order == null ? void 0 : (_order_lineItems1 = order.lineItems) == null ? void 0 : (_order_lineItems_line_lineItemId1 = _order_lineItems1[line.lineItemId]) == null ? void 0 : _order_lineItems_line_lineItemId1.variantLabel) != null ? _ref1 : null,
+                    quantity: line.quantity,
+                    reason: line.reason
+                };
+            }),
+            fromAddress: 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,
+            returnLabel: entry.returnLabel ? {
+                carrier: entry.returnLabel.carrier,
+                trackingNumber: entry.returnLabel.trackingNumber,
+                labelUrl: entry.returnLabel.labelUrl,
+                trackingUrl: (_entry_returnLabel_trackingUrl = entry.returnLabel.trackingUrl) != null ? _entry_returnLabel_trackingUrl : null,
+                attachedAtMs: entry.returnLabel.attachedAtMs
+            } : null
+        };
+    }, [
+        entry,
+        order,
+        returnId
+    ]);
+    if (!returnId) return null;
+    const status = entry == null ? void 0 : entry.status;
+    const can = (to)=>Boolean(status) && CommerceModel.canTransitionReturn(status, to);
+    const restockLocationName = (entry == null ? void 0 : (_entry_restock1 = entry.restock) == null ? void 0 : _entry_restock1.locationId) ? (_ref5 = (_locations_find1 = locations.find((location)=>{
+        var _entry_restock;
+        return location.$id === ((_entry_restock = entry.restock) == null ? void 0 : _entry_restock.locationId);
+    })) == null ? void 0 : _locations_find1.name) != null ? _ref5 : null : null;
+    return /*#__PURE__*/ _jsxs(Dialog, {
+        open: true,
+        onClose: onClose,
+        maxWidth: "sm",
+        fullWidth: true,
+        children: [
+            /*#__PURE__*/ _jsx(DialogTitle, {
+                children: /*#__PURE__*/ _jsxs(Stack, {
+                    direction: "row",
+                    spacing: 1,
+                    sx: {
+                        alignItems: 'center'
+                    },
+                    children: [
+                        /*#__PURE__*/ _jsx("span", {
+                            children: entry ? `Return for order ${entry.orderNumber}` : 'Return'
+                        }),
+                        status ? /*#__PURE__*/ _jsx(Chip, {
+                            label: (_CommerceModel_RETURN_STATUS_LABELS_status = CommerceModel.RETURN_STATUS_LABELS[status]) != null ? _CommerceModel_RETURN_STATUS_LABELS_status : status,
+                            size: "small",
+                            color: (_CommerceModel_RETURN_STATUS_COLOR_status = CommerceModel.RETURN_STATUS_COLOR[status]) != null ? _CommerceModel_RETURN_STATUS_COLOR_status : 'default',
+                            variant: "outlined"
+                        }) : null
+                    ]
+                })
+            }),
+            /*#__PURE__*/ _jsx(DialogContent, {
+                sx: {
+                    display: 'flex',
+                    flexDirection: 'column',
+                    gap: 1.5
+                },
+                children: !entry ? /*#__PURE__*/ _jsx(Typography, {
+                    variant: "body2",
+                    color: "text.secondary",
+                    children: 'Loading the return…'
+                }) : /*#__PURE__*/ _jsxs(_Fragment, {
+                    children: [
+                        /*#__PURE__*/ _jsxs(Typography, {
+                            variant: "body2",
+                            color: "text.secondary",
+                            children: [
+                                [
+                                    entry.customerName,
+                                    entry.customerEmail
+                                ].filter(Boolean).join(' · ') || 'Guest buyer',
+                                entry.requestedBy === 'merchant' ? ' · Opened by the store' : ''
+                            ]
+                        }),
+                        ((_entry_lines = entry.lines) != null ? _entry_lines : []).map((line)=>{
+                            var _CommerceModel_RETURN_REASON_LABELS_line_reason;
+                            return /*#__PURE__*/ _jsxs(Stack, {
+                                direction: "row",
+                                spacing: 1,
+                                sx: {
+                                    alignItems: 'center'
+                                },
+                                children: [
+                                    /*#__PURE__*/ _jsx(Typography, {
+                                        variant: "body2",
+                                        sx: {
+                                            flex: 1
+                                        },
+                                        children: `${line.quantity}× ${lineName(line.lineItemId)}`
+                                    }),
+                                    /*#__PURE__*/ _jsx(Chip, {
+                                        label: (_CommerceModel_RETURN_REASON_LABELS_line_reason = CommerceModel.RETURN_REASON_LABELS[line.reason]) != null ? _CommerceModel_RETURN_REASON_LABELS_line_reason : line.reason,
+                                        size: "small",
+                                        variant: "outlined"
+                                    })
+                                ]
+                            }, line.lineItemId);
+                        }),
+                        entry.customerNote ? /*#__PURE__*/ _jsxs(Stack, {
+                            spacing: 0.5,
+                            children: [
+                                /*#__PURE__*/ _jsx(Typography, {
+                                    variant: "subtitle2",
+                                    children: 'Customer note'
+                                }),
+                                /*#__PURE__*/ _jsx(Typography, {
+                                    variant: "body2",
+                                    color: "text.secondary",
+                                    children: entry.customerNote
+                                })
+                            ]
+                        }) : null,
+                        entry.returnLabel ? /*#__PURE__*/ _jsxs(Stack, {
+                            spacing: 0.5,
+                            children: [
+                                /*#__PURE__*/ _jsx(Typography, {
+                                    variant: "subtitle2",
+                                    children: 'Return label'
+                                }),
+                                /*#__PURE__*/ _jsx(Typography, {
+                                    variant: "body2",
+                                    color: "text.secondary",
+                                    children: `${entry.returnLabel.carrier} · ${entry.returnLabel.trackingNumber}`
+                                }),
+                                /*#__PURE__*/ _jsxs(Stack, {
+                                    direction: "row",
+                                    spacing: 2,
+                                    children: [
+                                        /*#__PURE__*/ _jsx(Link, {
+                                            href: entry.returnLabel.labelUrl,
+                                            target: "_blank",
+                                            rel: "noopener noreferrer",
+                                            children: 'Print label'
+                                        }),
+                                        entry.returnLabel.trackingUrl ? /*#__PURE__*/ _jsx(Link, {
+                                            href: entry.returnLabel.trackingUrl,
+                                            target: "_blank",
+                                            rel: "noopener noreferrer",
+                                            children: 'Track parcel'
+                                        }) : null
+                                    ]
+                                })
+                            ]
+                        }) : null,
+                        entry.restock ? /*#__PURE__*/ _jsxs(Stack, {
+                            spacing: 0.5,
+                            children: [
+                                /*#__PURE__*/ _jsx(Typography, {
+                                    variant: "subtitle2",
+                                    children: 'Restocked'
+                                }),
+                                /*#__PURE__*/ _jsxs(Typography, {
+                                    variant: "body2",
+                                    color: "text.secondary",
+                                    children: [
+                                        entry.restock.lines.length ? entry.restock.lines.map((line)=>`${line.quantity}× ${lineName(line.lineItemId)}`).join(', ') : 'Nothing went back on the shelf',
+                                        restockLocationName ? ` at ${restockLocationName}` : '',
+                                        ` · ${new Date(entry.restock.atMs).toLocaleDateString()}`
+                                    ]
+                                })
+                            ]
+                        }) : null,
+                        entry.refundedAtMs ? /*#__PURE__*/ _jsx(Typography, {
+                            variant: "body2",
+                            color: "text.secondary",
+                            children: `Refunded ${formatMoney((_entry_refundCents = entry.refundCents) != null ? _entry_refundCents : 0, currency)} on ${new Date(entry.refundedAtMs).toLocaleDateString()}`
+                        }) : null,
+                        /*#__PURE__*/ _jsxs(Stack, {
+                            direction: "row",
+                            spacing: 1,
+                            sx: {
+                                alignItems: 'flex-start'
+                            },
+                            children: [
+                                /*#__PURE__*/ _jsx(TextField, {
+                                    label: "Merchant note",
+                                    value: noteDraft,
+                                    onChange: (event)=>setMerchantNote(event.target.value),
+                                    size: "small",
+                                    multiline: true,
+                                    sx: {
+                                        flex: 1
+                                    },
+                                    slotProps: {
+                                        htmlInput: {
+                                            maxLength: CommerceModel.RETURN_NOTE_MAX
+                                        }
+                                    }
+                                }),
+                                /*#__PURE__*/ _jsx(Button, {
+                                    size: "small",
+                                    disabled: busy || merchantNote === null,
+                                    onClick: handleSaveNote,
+                                    children: 'Save note'
+                                })
+                            ]
+                        }),
+                        panel === 'approve' || panel === 'decline' ? /*#__PURE__*/ _jsxs(Stack, {
+                            spacing: 1,
+                            children: [
+                                /*#__PURE__*/ _jsx(Divider, {}),
+                                /*#__PURE__*/ _jsx(TextField, {
+                                    label: "Note to the customer (optional)",
+                                    value: buyerNote,
+                                    onChange: (event)=>setBuyerNote(event.target.value),
+                                    size: "small",
+                                    multiline: true,
+                                    minRows: 2,
+                                    slotProps: {
+                                        htmlInput: {
+                                            maxLength: CommerceModel.RETURN_NOTE_MAX
+                                        }
+                                    }
+                                }),
+                                /*#__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,
+                                    children: [
+                                        /*#__PURE__*/ _jsx(Button, {
+                                            variant: "contained",
+                                            color: panel === 'decline' ? 'error' : 'primary',
+                                            disabled: busy,
+                                            onClick: ()=>handleDecision(panel),
+                                            children: panel === 'approve' ? 'Approve return' : 'Decline return'
+                                        }),
+                                        /*#__PURE__*/ _jsx(Button, {
+                                            disabled: busy,
+                                            onClick: ()=>setPanel(null),
+                                            children: 'Back'
+                                        })
+                                    ]
+                                })
+                            ]
+                        }) : null,
+                        panel === 'receive' ? /*#__PURE__*/ _jsxs(Stack, {
+                            spacing: 1,
+                            children: [
+                                /*#__PURE__*/ _jsx(Divider, {}),
+                                /*#__PURE__*/ _jsx(Typography, {
+                                    variant: "subtitle2",
+                                    children: 'Put back on the shelf'
+                                }),
+                                entry.lines.map((line)=>{
+                                    var _restock_line_lineItemId;
+                                    return /*#__PURE__*/ _jsxs(Stack, {
+                                        direction: "row",
+                                        spacing: 1,
+                                        sx: {
+                                            alignItems: 'center'
+                                        },
+                                        children: [
+                                            /*#__PURE__*/ _jsx(Typography, {
+                                                variant: "body2",
+                                                sx: {
+                                                    flex: 1
+                                                },
+                                                children: lineName(line.lineItemId)
+                                            }),
+                                            /*#__PURE__*/ _jsx(TextField, {
+                                                label: `Restock (of ${line.quantity})`,
+                                                type: "number",
+                                                size: "small",
+                                                value: (_restock_line_lineItemId = restock[line.lineItemId]) != null ? _restock_line_lineItemId : '',
+                                                onChange: (event)=>setRestock((prior)=>_extends({}, prior, {
+                                                            [line.lineItemId]: event.target.value
+                                                        })),
+                                                slotProps: {
+                                                    htmlInput: {
+                                                        min: 0,
+                                                        max: line.quantity,
+                                                        step: 1
+                                                    }
+                                                },
+                                                sx: {
+                                                    width: 150
+                                                }
+                                            })
+                                        ]
+                                    }, line.lineItemId);
+                                }),
+                                locations.length > 0 ? /*#__PURE__*/ _jsx(TextField, {
+                                    label: "Location",
+                                    select: true,
+                                    size: "small",
+                                    value: locationId || defaultLocationId,
+                                    onChange: (event)=>setLocationId(event.target.value),
+                                    sx: {
+                                        maxWidth: 280
+                                    },
+                                    children: locations.map((location)=>{
+                                        var _location_name;
+                                        return /*#__PURE__*/ _jsx(MenuItem, {
+                                            value: location.$id,
+                                            children: (_location_name = location.name) != null ? _location_name : location.$id
+                                        }, location.$id);
+                                    })
+                                }) : null,
+                                /*#__PURE__*/ _jsxs(Stack, {
+                                    direction: "row",
+                                    spacing: 1,
+                                    children: [
+                                        /*#__PURE__*/ _jsx(Button, {
+                                            variant: "contained",
+                                            color: "primary",
+                                            disabled: busy,
+                                            onClick: handleReceive,
+                                            children: 'Confirm received'
+                                        }),
+                                        /*#__PURE__*/ _jsx(Button, {
+                                            disabled: busy,
+                                            onClick: ()=>setPanel(null),
+                                            children: 'Back'
+                                        })
+                                    ]
+                                })
+                            ]
+                        }) : null,
+                        panel === 'refund' ? /*#__PURE__*/ _jsxs(Stack, {
+                            spacing: 1,
+                            children: [
+                                /*#__PURE__*/ _jsx(Divider, {}),
+                                /*#__PURE__*/ _jsx(TextField, {
+                                    label: "Refund amount",
+                                    type: "number",
+                                    size: "small",
+                                    value: amount,
+                                    onChange: (event)=>setAmount(event.target.value),
+                                    error: !refundValid,
+                                    helperText: `Suggested ${formatMoney(suggestedRefundCents, currency)} — what the returned ` + 'items were paid, shipping and tax left out. Change it to refund more or less.',
+                                    slotProps: {
+                                        htmlInput: {
+                                            min: 0,
+                                            step: 0.01
+                                        },
+                                        input: {
+                                            startAdornment: /*#__PURE__*/ _jsx(InputAdornment, {
+                                                position: "start",
+                                                children: currency
+                                            })
+                                        }
+                                    },
+                                    sx: {
+                                        maxWidth: 360
+                                    }
+                                }),
+                                /*#__PURE__*/ _jsxs(Stack, {
+                                    direction: "row",
+                                    spacing: 1,
+                                    children: [
+                                        /*#__PURE__*/ _jsx(Button, {
+                                            variant: "contained",
+                                            color: "error",
+                                            disabled: busy || !refundValid,
+                                            onClick: handleRefund,
+                                            children: 'Refund'
+                                        }),
+                                        /*#__PURE__*/ _jsx(Button, {
+                                            disabled: busy,
+                                            onClick: ()=>setPanel(null),
+                                            children: 'Back'
+                                        })
+                                    ]
+                                })
+                            ]
+                        }) : null,
+                        WidgetSlot && zoneReturn ? /*#__PURE__*/ _jsx(HostedZone, {
+                            renderer: WidgetSlot,
+                            slot: RETURN_DETAIL_ZONE.id,
+                            hostId: hostId,
+                            orgId: undefined,
+                            return: zoneReturn,
+                            attachReturnLabel: attachReturnLabel
+                        }) : null,
+                        /*#__PURE__*/ _jsx(Divider, {}),
+                        /*#__PURE__*/ _jsx(Typography, {
+                            variant: "subtitle2",
+                            children: 'Timeline'
+                        }),
+                        ((_entry_timeline = entry.timeline) != null ? _entry_timeline : []).slice().reverse().map((event, index)=>/*#__PURE__*/ _jsx(Typography, {
+                                variant: "caption",
+                                color: "text.secondary",
+                                children: `${new Date(event.atMs).toLocaleString()} — ${event.event}` + (event.detail ? `: ${event.detail}` : '')
+                            }, index))
+                    ]
+                })
+            }),
+            /*#__PURE__*/ _jsxs(DialogActions, {
+                children: [
+                    can('closed') ? /*#__PURE__*/ _jsx(Button, {
+                        disabled: busy,
+                        onClick: ()=>run({
+                                action: 'close'
+                            }, 'Return closed'),
+                        children: 'Close return'
+                    }) : null,
+                    can('declined') && panel === null ? /*#__PURE__*/ _jsx(Button, {
+                        color: "error",
+                        disabled: busy,
+                        onClick: ()=>openPanel('decline'),
+                        children: 'Decline'
+                    }) : null,
+                    can('refunded') && panel === null ? /*#__PURE__*/ _jsx(Button, {
+                        color: "error",
+                        disabled: busy || !order,
+                        onClick: ()=>openPanel('refund'),
+                        children: 'Refund…'
+                    }) : null,
+                    can('received') && panel === null ? /*#__PURE__*/ _jsx(Button, {
+                        disabled: busy,
+                        onClick: ()=>openPanel('receive'),
+                        children: 'Mark received…'
+                    }) : null,
+                    can('approved') && panel === null ? /*#__PURE__*/ _jsx(Button, {
+                        variant: "contained",
+                        color: "primary",
+                        disabled: busy,
+                        onClick: ()=>openPanel('approve'),
+                        children: 'Approve'
+                    }) : null,
+                    /*#__PURE__*/ _jsx(Button, {
+                        onClick: onClose,
+                        children: 'Done'
+                    })
+                ]
+            })
+        ]
+    });
+}
+ReturnDetailDialog.displayName = 'ReturnDetailDialog';
+export default ReturnDetailDialog;
+
+//# sourceMappingURL=return-detail-dialog.component.js.map