@aglyn/plugins-commerce 1.0.0-beta.289 → 1.0.0-beta.291

package/src/lib/components/console/quote-proofs.component.js

@@ -0,0 +1,694 @@
+/**
+ * @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 { commerceSitePermissionRefusal } from "../../model/plugin-permissions.js";
+import { checkVisitorUploadSelection, formatVisitorUploadBytes, visitorUploadIsInline, VISITOR_UPLOAD_ACCEPT, VISITOR_UPLOAD_MAX_BYTES } from "@aglyn/aglyn/app-utils/visitor-upload";
+import { sendVisitorUpload } from "@aglyn/aglyn/app-utils/visitor-upload-client";
+import { BlockedControl } from "@aglyn/shared-ui-jsx/components/blocked-control.component";
+import { useSnackbar } from "@aglyn/shared-ui-snackstack";
+import { authorizedFetch } from "@aglyn/shared-util-http/authorized-token";
+import { useUser } from "@aglyn/tenant-feature-instance";
+import { Alert, Box, Button, Chip, CircularProgress, Dialog, DialogActions, DialogContent, DialogContentText, DialogTitle, Divider, Paper, Stack, Typography } from "@mui/material";
+import { useCallback, useEffect, useRef, useState } from "react";
+const REFUSAL = commerceSitePermissionRefusal('commerce.quotes');
+async function postQuote(user, body) {
+    const response = await authorizedFetch(user, '/api/commerce/quote', {
+        method: 'POST',
+        headers: {
+            'Content-Type': 'application/json'
+        },
+        body: JSON.stringify(body)
+    });
+    return {
+        ok: response.ok,
+        payload: await response.json().catch(()=>({}))
+    };
+}
+/** One of the quote's files as a blob, fetched with the member's token; null when refused. */ async function fetchQuoteFile(user, body) {
+    try {
+        const response = await authorizedFetch(user, '/api/commerce/quote', {
+            method: 'POST',
+            headers: {
+                'Content-Type': 'application/json'
+            },
+            body: JSON.stringify(_extends({
+                action: 'file'
+            }, body))
+        });
+        return response.ok ? await response.blob() : null;
+    } catch (unused) {
+        return null;
+    }
+}
+function dateTime(atMs) {
+    return atMs ? new Date(atMs).toLocaleString(undefined, {
+        dateStyle: 'medium',
+        timeStyle: 'short'
+    }) : '';
+}
+/** A picture of an image proof, loaded with the member's token. */ function ProofThumbnail(props) {
+    const { user, hostId, quoteId, file, revision } = props;
+    const [src, setSrc] = useState(null);
+    useEffect(()=>{
+        let live = true;
+        let url = '';
+        void fetchQuoteFile(user, _extends({
+            hostId,
+            quoteId,
+            fileId: file.id
+        }, revision ? {
+            revision
+        } : {})).then((blob)=>{
+            if (!live || !blob) return;
+            url = URL.createObjectURL(blob);
+            setSrc(url);
+        });
+        return ()=>{
+            live = false;
+            if (url) URL.revokeObjectURL(url);
+        };
+    }, [
+        user,
+        hostId,
+        quoteId,
+        file.id,
+        revision
+    ]);
+    return /*#__PURE__*/ _jsx(Box, {
+        sx: (theme)=>({
+                width: theme.spacing(16),
+                height: theme.spacing(12),
+                display: 'flex',
+                alignItems: 'center',
+                justifyContent: 'center',
+                bgcolor: 'action.hover',
+                borderRadius: 1,
+                overflow: 'hidden'
+            }),
+        children: src ? /*#__PURE__*/ _jsx(Box, {
+            component: "img",
+            src: src,
+            alt: file.name,
+            sx: {
+                maxWidth: 1,
+                maxHeight: 1,
+                objectFit: 'contain'
+            }
+        }) : /*#__PURE__*/ _jsx(CircularProgress, {
+            size: 20,
+            "aria-label": `Loading ${file.name}`
+        })
+    });
+}
+/** A file: a picture for an image, a chip naming it for anything else; both download it. */ function QuoteFileTile(props) {
+    const { file, revision, onDownload, onRemove, removeBlocked } = props;
+    const image = visitorUploadIsInline(file.contentType);
+    return /*#__PURE__*/ _jsx(Paper, {
+        variant: "outlined",
+        sx: {
+            p: 1
+        },
+        children: /*#__PURE__*/ _jsxs(Stack, {
+            spacing: 1,
+            sx: (theme)=>({
+                    width: image ? theme.spacing(16) : 'auto',
+                    maxWidth: theme.spacing(32)
+                }),
+            children: [
+                image ? /*#__PURE__*/ _jsx(ProofThumbnail, _extends({}, props)) : null,
+                /*#__PURE__*/ _jsx(Chip, {
+                    size: "small",
+                    variant: "outlined",
+                    label: `${file.name} · ${formatVisitorUploadBytes(file.size)}`,
+                    onClick: ()=>onDownload(file, revision),
+                    title: `Download ${file.name}`
+                }),
+                onRemove ? /*#__PURE__*/ _jsx(BlockedControl, {
+                    blocked: Boolean(removeBlocked),
+                    reason: REFUSAL,
+                    children: /*#__PURE__*/ _jsx(Button, {
+                        size: "small",
+                        color: "inherit",
+                        onClick: onRemove,
+                        "aria-label": `Remove ${file.name}`,
+                        children: 'Remove'
+                    })
+                }) : null
+            ]
+        })
+    });
+}
+/** What the customer said, with any files they sent. */ function QuoteResponseNote(props) {
+    var _response_files;
+    const { response, tile } = props;
+    if (response.action === 'approve') {
+        var _response_userAgent;
+        return /*#__PURE__*/ _jsx(Alert, {
+            severity: "success",
+            children: /*#__PURE__*/ _jsxs(Stack, {
+                spacing: 0.5,
+                children: [
+                    /*#__PURE__*/ _jsx(Typography, {
+                        variant: "body2",
+                        children: `Approved by ${response.name || 'the customer'} on ${dateTime(response.atMs)}.`
+                    }),
+                    /*#__PURE__*/ _jsx(Typography, {
+                        variant: "caption",
+                        color: "text.secondary",
+                        children: [
+                            response.ip ? `From ${response.ip}` : '',
+                            (_response_userAgent = response.userAgent) != null ? _response_userAgent : ''
+                        ].filter(Boolean).join(' · ')
+                    })
+                ]
+            })
+        });
+    }
+    return /*#__PURE__*/ _jsx(Alert, {
+        severity: "warning",
+        children: /*#__PURE__*/ _jsxs(Stack, {
+            spacing: 1,
+            children: [
+                /*#__PURE__*/ _jsx(Typography, {
+                    variant: "body2",
+                    children: `Changes requested on ${dateTime(response.atMs)}:`
+                }),
+                /*#__PURE__*/ _jsx(Typography, {
+                    variant: "body2",
+                    sx: {
+                        whiteSpace: 'pre-line'
+                    },
+                    children: response.comment
+                }),
+                ((_response_files = response.files) == null ? void 0 : _response_files.length) ? /*#__PURE__*/ _jsx(Stack, {
+                    direction: "row",
+                    spacing: 1,
+                    useFlexGap: true,
+                    sx: {
+                        flexWrap: 'wrap'
+                    },
+                    children: response.files.map((file)=>tile(file))
+                }) : null
+            ]
+        })
+    });
+}
+/**
+ * A quote's proofs and revisions (AGL-4096), in its editor: the current
+ * revision's proofs (a picture for an image, a chip for a PDF or a design
+ * file), Add proof, what the customer last said with any files they sent,
+ * "Start revision N+1", and every earlier revision as it was kept.
+ */ export function QuoteProofsSection(props) {
+    var _ref;
+    const { hostId, quoteId, quote, canEdit, onEdited } = props;
+    const { data: user } = useUser();
+    const { enqueueSnackbar } = useSnackbar();
+    const section = quote.quote;
+    const revision = Math.max(1, Number((_ref = section == null ? void 0 : section.revision) != null ? _ref : 1) || 1);
+    const proofs = CommerceModel.currentQuoteProofs(section);
+    const latest = CommerceModel.latestQuoteResponse(section);
+    const unpaid = CommerceModel.isUnpaidQuote(quote);
+    const addRefusal = CommerceModel.quoteProofChangeRefusal(quote, 'add');
+    const removable = CommerceModel.quoteProofChangeRefusal(quote, 'remove') === null;
+    const [sending, setSending] = useState(null);
+    const [busy, setBusy] = useState(false);
+    const [confirmingRevision, setConfirmingRevision] = useState(false);
+    const [history, setHistory] = useState(null);
+    const [historyError, setHistoryError] = useState('');
+    const picker = useRef(null);
+    const loadHistory = useCallback(async ()=>{
+        setHistoryError('');
+        const answer = await postQuote(user, {
+            action: 'revisions',
+            hostId,
+            quoteId
+        }).catch(()=>null);
+        if (!(answer == null ? void 0 : answer.ok)) {
+            var _ref;
+            var _answer_payload;
+            setHistoryError(String((_ref = answer == null ? void 0 : (_answer_payload = answer.payload) == null ? void 0 : _answer_payload.error) != null ? _ref : 'Earlier revisions could not be loaded.'));
+            return;
+        }
+        setHistory(Array.isArray(answer.payload['revisions']) ? answer.payload['revisions'] : []);
+    }, [
+        user,
+        hostId,
+        quoteId
+    ]);
+    // Earlier revisions are read when there are some, and again after one is added.
+    useEffect(()=>{
+        if (revision > 1) void loadHistory();
+    }, [
+        revision,
+        loadHistory
+    ]);
+    const download = useCallback(async (file, fromRevision)=>{
+        const blob = await fetchQuoteFile(user, _extends({
+            hostId,
+            quoteId,
+            fileId: file.id
+        }, fromRevision ? {
+            revision: fromRevision
+        } : {}));
+        if (!blob) return void enqueueSnackbar('The file could not be downloaded', {
+            variant: 'error',
+            allowDuplicate: true
+        });
+        const url = URL.createObjectURL(blob);
+        const link = document.createElement('a');
+        link.href = url;
+        link.download = file.name;
+        link.click();
+        setTimeout(()=>URL.revokeObjectURL(url), 1000);
+    }, [
+        user,
+        hostId,
+        quoteId,
+        enqueueSnackbar
+    ]);
+    const addProofs = useCallback(async (files)=>{
+        const problem = checkVisitorUploadSelection(files, proofs.length, CommerceModel.QUOTE_MAX_PROOFS);
+        if (problem) return void enqueueSnackbar(problem, {
+            variant: 'error',
+            allowDuplicate: true
+        });
+        setSending({
+            done: 0,
+            total: files.length
+        });
+        try {
+            for (const [index, file] of files.entries()){
+                let stamp = 0;
+                const sent = await sendVisitorUpload({
+                    file,
+                    requestTicket: async (request)=>{
+                        var _answer_payload_error;
+                        const answer = await postQuote(user, {
+                            action: 'proof-ticket',
+                            hostId,
+                            quoteId,
+                            file: request
+                        });
+                        return answer.ok ? answer.payload : {
+                            error: String((_answer_payload_error = answer.payload['error']) != null ? _answer_payload_error : 'The proof could not be sent')
+                        };
+                    },
+                    finalize: async (ticket)=>{
+                        var _answer_payload_error;
+                        const answer = await postQuote(user, {
+                            action: 'proof-finalize',
+                            hostId,
+                            quoteId,
+                            ticket
+                        });
+                        if (!answer.ok) return {
+                            error: String((_answer_payload_error = answer.payload['error']) != null ? _answer_payload_error : 'The proof could not be kept')
+                        };
+                        stamp = Number(answer.payload['updatedAtMs']) || 0;
+                        return {
+                            file: answer.payload['proof']
+                        };
+                    }
+                });
+                if ('error' in sent) {
+                    enqueueSnackbar(sent.error, {
+                        variant: 'error',
+                        allowDuplicate: true
+                    });
+                    break;
+                }
+                if (stamp) onEdited(stamp);
+                setSending({
+                    done: index + 1,
+                    total: files.length
+                });
+            }
+        } finally{
+            setSending(null);
+        }
+    }, [
+        user,
+        hostId,
+        quoteId,
+        proofs.length,
+        onEdited,
+        enqueueSnackbar
+    ]);
+    const removeProof = useCallback(async (proofId)=>{
+        setBusy(true);
+        try {
+            const answer = await postQuote(user, {
+                action: 'proof-remove',
+                hostId,
+                quoteId,
+                proofId
+            });
+            if (!answer.ok) {
+                var _answer_payload_error;
+                return void enqueueSnackbar(String((_answer_payload_error = answer.payload['error']) != null ? _answer_payload_error : 'The proof could not be removed'), {
+                    variant: 'error',
+                    allowDuplicate: true
+                });
+            }
+            onEdited(Number(answer.payload['updatedAtMs']) || 0);
+        } finally{
+            setBusy(false);
+        }
+    }, [
+        user,
+        hostId,
+        quoteId,
+        onEdited,
+        enqueueSnackbar
+    ]);
+    const startRevision = useCallback(async ()=>{
+        setBusy(true);
+        try {
+            const answer = await postQuote(user, {
+                action: 'start-revision',
+                hostId,
+                quoteId
+            });
+            if (!answer.ok) {
+                var _answer_payload_error;
+                return void enqueueSnackbar(String((_answer_payload_error = answer.payload['error']) != null ? _answer_payload_error : 'The revision could not be started'), {
+                    variant: 'error',
+                    allowDuplicate: true
+                });
+            }
+            onEdited(Number(answer.payload['updatedAtMs']) || 0);
+            enqueueSnackbar(`Revision ${Number(answer.payload['revision']) || revision + 1} started`, {
+                variant: 'success',
+                persist: false
+            });
+            setConfirmingRevision(false);
+        } finally{
+            setBusy(false);
+        }
+    }, [
+        user,
+        hostId,
+        quoteId,
+        revision,
+        onEdited,
+        enqueueSnackbar
+    ]);
+    const tile = (file, fromRevision, onRemove)=>/*#__PURE__*/ _jsx(QuoteFileTile, {
+            user: user,
+            hostId: hostId,
+            quoteId: quoteId,
+            file: file,
+            revision: fromRevision,
+            onDownload: (picked, at)=>void download(picked, at),
+            onRemove: onRemove,
+            removeBlocked: !canEdit
+        }, `${fromRevision != null ? fromRevision : 'current'}-${file.id}`);
+    const earlier = (history != null ? history : []).filter((entry)=>Number(entry.revision) < revision).reverse();
+    return /*#__PURE__*/ _jsxs(Stack, {
+        spacing: 1.5,
+        children: [
+            /*#__PURE__*/ _jsxs(Stack, {
+                spacing: 0.5,
+                children: [
+                    /*#__PURE__*/ _jsx(Typography, {
+                        variant: "subtitle2",
+                        children: `Proofs · Revision ${revision}`
+                    }),
+                    /*#__PURE__*/ _jsx(Typography, {
+                        variant: "body2",
+                        color: "text.secondary",
+                        children: (section == null ? void 0 : section.requireProofApproval) ? 'The customer sees these on the quote page and approves them before they can pay.' : 'The customer sees these on the quote page, and can approve them or ask for changes. Paying doesn’t wait on it.'
+                    })
+                ]
+            }),
+            latest ? /*#__PURE__*/ _jsx(QuoteResponseNote, {
+                response: latest,
+                tile: (file)=>tile(file)
+            }) : null,
+            proofs.length ? /*#__PURE__*/ _jsx(Stack, {
+                direction: "row",
+                spacing: 1,
+                useFlexGap: true,
+                sx: {
+                    flexWrap: 'wrap'
+                },
+                children: proofs.map((proof)=>tile(proof, undefined, removable ? ()=>void removeProof(proof.id) : undefined))
+            }) : /*#__PURE__*/ _jsx(Typography, {
+                variant: "body2",
+                color: "text.secondary",
+                children: 'No proofs on this revision yet. Add an image, a PDF or a design file for the customer to approve.'
+            }),
+            unpaid ? /*#__PURE__*/ _jsxs(Stack, {
+                direction: "row",
+                spacing: 1,
+                useFlexGap: true,
+                sx: {
+                    flexWrap: 'wrap',
+                    alignItems: 'center'
+                },
+                children: [
+                    /*#__PURE__*/ _jsx("input", {
+                        ref: picker,
+                        type: "file",
+                        multiple: true,
+                        hidden: true,
+                        accept: VISITOR_UPLOAD_ACCEPT,
+                        "data-testid": "quote-proof-picker",
+                        onChange: (event)=>{
+                            var _event_target_files;
+                            const files = Array.from((_event_target_files = event.target.files) != null ? _event_target_files : []);
+                            event.target.value = '';
+                            if (files.length) void addProofs(files);
+                        }
+                    }),
+                    /*#__PURE__*/ _jsx(BlockedControl, {
+                        blocked: !canEdit || Boolean(addRefusal),
+                        reason: !canEdit ? REFUSAL : addRefusal ? CommerceModel.quoteProofRefusalMessage(addRefusal) : '',
+                        children: /*#__PURE__*/ _jsx(Button, {
+                            variant: "outlined",
+                            size: "small",
+                            disabled: busy || Boolean(sending),
+                            onClick: ()=>{
+                                var _picker_current;
+                                return (_picker_current = picker.current) == null ? void 0 : _picker_current.click();
+                            },
+                            children: sending ? `Sending ${sending.done + 1} of ${sending.total}…` : 'Add proof'
+                        })
+                    }),
+                    /*#__PURE__*/ _jsx(BlockedControl, {
+                        blocked: !canEdit,
+                        reason: REFUSAL,
+                        children: /*#__PURE__*/ _jsx(Button, {
+                            size: "small",
+                            disabled: busy || Boolean(sending),
+                            onClick: ()=>setConfirmingRevision(true),
+                            children: `Start revision ${revision + 1}`
+                        })
+                    }),
+                    /*#__PURE__*/ _jsx(Typography, {
+                        variant: "caption",
+                        color: "text.secondary",
+                        children: `Up to ${CommerceModel.QUOTE_MAX_PROOFS} files, ${formatVisitorUploadBytes(VISITOR_UPLOAD_MAX_BYTES)} each.`
+                    })
+                ]
+            }) : null,
+            revision > 1 ? /*#__PURE__*/ _jsxs(Stack, {
+                spacing: 1.5,
+                children: [
+                    /*#__PURE__*/ _jsx(Divider, {}),
+                    /*#__PURE__*/ _jsx(Typography, {
+                        variant: "subtitle2",
+                        children: 'Earlier revisions'
+                    }),
+                    historyError ? /*#__PURE__*/ _jsx(Alert, {
+                        severity: "error",
+                        children: historyError
+                    }) : null,
+                    history === null && !historyError ? /*#__PURE__*/ _jsx(CircularProgress, {
+                        size: 20,
+                        "aria-label": "Loading earlier revisions"
+                    }) : null,
+                    earlier.map((entry)=>{
+                        var _CommerceModel_QUOTE_STAGE_LABELS_entry_stage, _CommerceModel_QUOTE_STATUS_COLOR_entry_stage;
+                        return /*#__PURE__*/ _jsx(Paper, {
+                            variant: "outlined",
+                            sx: {
+                                p: 2
+                            },
+                            children: /*#__PURE__*/ _jsxs(Stack, {
+                                spacing: 1,
+                                children: [
+                                    /*#__PURE__*/ _jsxs(Stack, {
+                                        direction: "row",
+                                        spacing: 1,
+                                        sx: {
+                                            alignItems: 'center',
+                                            flexWrap: 'wrap',
+                                            rowGap: 0.5
+                                        },
+                                        children: [
+                                            /*#__PURE__*/ _jsx(Typography, {
+                                                variant: "body2",
+                                                sx: {
+                                                    fontWeight: 'fontWeightMedium'
+                                                },
+                                                children: `Revision ${entry.revision}`
+                                            }),
+                                            /*#__PURE__*/ _jsx(Chip, {
+                                                size: "small",
+                                                variant: "outlined",
+                                                label: (_CommerceModel_QUOTE_STAGE_LABELS_entry_stage = CommerceModel.QUOTE_STAGE_LABELS[entry.stage]) != null ? _CommerceModel_QUOTE_STAGE_LABELS_entry_stage : entry.stage,
+                                                color: (_CommerceModel_QUOTE_STATUS_COLOR_entry_stage = CommerceModel.QUOTE_STATUS_COLOR[entry.stage]) != null ? _CommerceModel_QUOTE_STATUS_COLOR_entry_stage : 'default'
+                                            }),
+                                            /*#__PURE__*/ _jsx(Typography, {
+                                                variant: "caption",
+                                                color: "text.secondary",
+                                                children: `Replaced ${dateTime(entry.closedAtMs)}`
+                                            })
+                                        ]
+                                    }),
+                                    entry.proofs.length ? /*#__PURE__*/ _jsx(Stack, {
+                                        direction: "row",
+                                        spacing: 1,
+                                        useFlexGap: true,
+                                        sx: {
+                                            flexWrap: 'wrap'
+                                        },
+                                        children: entry.proofs.map((proof)=>tile(proof, entry.revision))
+                                    }) : /*#__PURE__*/ _jsx(Typography, {
+                                        variant: "body2",
+                                        color: "text.secondary",
+                                        children: 'No proofs.'
+                                    }),
+                                    entry.responses.map((response, index)=>/*#__PURE__*/ _jsx(QuoteResponseNote, {
+                                            response: response,
+                                            tile: (file)=>tile(file, entry.revision)
+                                        }, index))
+                                ]
+                            })
+                        }, entry.revision);
+                    })
+                ]
+            }) : null,
+            /*#__PURE__*/ _jsxs(Dialog, {
+                open: confirmingRevision,
+                onClose: ()=>setConfirmingRevision(false),
+                maxWidth: "xs",
+                fullWidth: true,
+                children: [
+                    /*#__PURE__*/ _jsx(DialogTitle, {
+                        children: `Start revision ${revision + 1}?`
+                    }),
+                    /*#__PURE__*/ _jsx(DialogContent, {
+                        children: /*#__PURE__*/ _jsx(DialogContentText, {
+                            children: `Revision ${revision} is kept as it is now, with its proofs and the customer’s answers. ` + `Revision ${revision + 1} starts with no proofs, ready for new ones and any changes to the quote.`
+                        })
+                    }),
+                    /*#__PURE__*/ _jsxs(DialogActions, {
+                        children: [
+                            /*#__PURE__*/ _jsx(Button, {
+                                onClick: ()=>setConfirmingRevision(false),
+                                disabled: busy,
+                                children: 'Cancel'
+                            }),
+                            /*#__PURE__*/ _jsx(Button, {
+                                variant: "contained",
+                                disabled: busy,
+                                onClick: ()=>void startRevision(),
+                                children: `Start revision ${revision + 1}`
+                            })
+                        ]
+                    })
+                ]
+            })
+        ]
+    });
+}
+QuoteProofsSection.displayName = 'QuoteProofsSection';
+export default QuoteProofsSection;
+/**
+ * The files a quote's request came with (AGL-4098), as the customer's files:
+ * a picture for an image, a chip naming anything else, each downloaded
+ * through the quote's own route. They stay where the request keeps them, so a
+ * request deleted from the Inbox takes them with it.
+ */ export function QuoteRequestFilesSection(props) {
+    var _quote_quote, _quote_quote1;
+    const { hostId, quoteId, quote } = props;
+    const { data: user } = useUser();
+    const { enqueueSnackbar } = useSnackbar();
+    const request = (_quote_quote = quote.quote) == null ? void 0 : _quote_quote.request;
+    const files = CommerceModel.quoteRequestFileViews((_quote_quote1 = quote.quote) == null ? void 0 : _quote_quote1.requestFiles);
+    const download = useCallback(async (file)=>{
+        const blob = await fetchQuoteFile(user, {
+            hostId,
+            quoteId,
+            fileId: file.id
+        });
+        if (!blob) {
+            return void enqueueSnackbar('The file could not be downloaded. The request may have been deleted from the Inbox.', {
+                variant: 'error',
+                allowDuplicate: true
+            });
+        }
+        const url = URL.createObjectURL(blob);
+        const link = document.createElement('a');
+        link.href = url;
+        link.download = file.name;
+        link.click();
+        setTimeout(()=>URL.revokeObjectURL(url), 1000);
+    }, [
+        user,
+        hostId,
+        quoteId,
+        enqueueSnackbar
+    ]);
+    if (!request || !user) return null;
+    const when = request.receivedAtMs ? ` on ${dateTime(request.receivedAtMs)}` : '';
+    return /*#__PURE__*/ _jsxs(Stack, {
+        spacing: 1,
+        children: [
+            /*#__PURE__*/ _jsx(Typography, {
+                variant: "subtitle2",
+                children: 'From the request'
+            }),
+            /*#__PURE__*/ _jsx(Typography, {
+                variant: "body2",
+                color: "text.secondary",
+                children: `Sent through “${request.formName}”${when}.` + (files.length ? ' The files they sent:' : ' They sent no files.')
+            }),
+            files.length ? /*#__PURE__*/ _jsx(Stack, {
+                direction: "row",
+                spacing: 1,
+                useFlexGap: true,
+                sx: {
+                    flexWrap: 'wrap'
+                },
+                children: files.map((file)=>/*#__PURE__*/ _jsx(QuoteFileTile, {
+                        user: user,
+                        hostId: hostId,
+                        quoteId: quoteId,
+                        file: file,
+                        onDownload: (picked)=>void download(picked)
+                    }, file.id))
+            }) : null
+        ]
+    });
+}
+
+//# sourceMappingURL=quote-proofs.component.js.map