@aglyn/plugins-commerce 1.0.0-beta.290 → 1.0.0-beta.292

package/src/lib/components/console/invoice-send.component.js

@@ -0,0 +1,237 @@
+/**
+ * @license
+ * Copyright 2026 Aglyn LLC
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *   http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */ 'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import * as CommerceModel from "../../model/index.js";
+import { siteContactEmail, resolveHostToken } from "@aglyn/aglyn/app-utils/host-tokens";
+import { useSnackbar } from "@aglyn/shared-ui-snackstack";
+import { authorizedFetch } from "@aglyn/shared-util-http/authorized-token";
+import { useFirestore, useUser } from "@aglyn/tenant-feature-instance";
+import { Button, Dialog, DialogActions, DialogContent, DialogTitle, Stack, TextField, Typography } from "@mui/material";
+import { doc, getDoc } from "firebase/firestore";
+import { useCallback, useEffect, useRef, useState } from "react";
+/** `Oct 29, 2026, 3:04 PM`. */ const sentAt = (atMs)=>new Date(atMs).toLocaleString('en-US', {
+        dateStyle: 'medium',
+        timeStyle: 'short'
+    });
+/**
+ * The order's (or the quote's) last invoice email, as the console says it:
+ * `Invoice sent Oct 29, 2026, 3:04 PM to jordan@example.com.` Null when none
+ * was sent.
+ */ export function invoiceSentLine(order) {
+    const last = CommerceModel.lastInvoiceSend(order);
+    if (!last) return null;
+    return `${last.paid ? 'Paid invoice' : 'Invoice'} sent ${sentAt(Number(last.atMs))} to ${last.to || 'the customer'}.`;
+}
+/**
+ * Send invoice (AGL-4099), for an order or a quote: a short form (To,
+ * Subject, Message) that emails the invoice in the site's look with the
+ * invoice PDF attached. Unpaid, the email carries a Pay button to the order's
+ * lasting pay link on the business's site; paid, it is the customer's record.
+ * A quote's invoice lands in the quote's conversation, and an order's in its
+ * own. The site's name and contact email are read once when the form opens,
+ * so the dialog that offers it listens to nothing more.
+ */ export function InvoiceSendDialog(props) {
+    const { open, onClose, hostId, orderId, order } = props;
+    const firestore = useFirestore();
+    const { data: user } = useUser();
+    const { enqueueSnackbar } = useSnackbar();
+    const [busy, setBusy] = useState(false);
+    const [to, setTo] = useState('');
+    const [subject, setSubject] = useState('');
+    const [message, setMessage] = useState('');
+    const [contact, setContact] = useState(null);
+    /*
+   * One attempt per form (AGL-1697's rule): a retried Send presents the same
+   * key and is answered from the first, so the customer never gets two; a
+   * changed form is a new attempt.
+   */ const attemptKey = useRef('');
+    useEffect(()=>{
+        attemptKey.current = '';
+    }, [
+        to,
+        subject,
+        message
+    ]);
+    useEffect(()=>{
+        if (!open) return;
+        let live = true;
+        setTo(CommerceModel.invoiceSendPrefill(order));
+        setSubject(CommerceModel.invoiceEmailDefaultSubject(order, '', orderId));
+        setMessage('');
+        void getDoc(doc(firestore, 'hosts', hostId)).then((snapshot)=>{
+            var _snapshot_data, _resolveHostToken;
+            if (!live) return;
+            const host = (_snapshot_data = snapshot.data()) != null ? _snapshot_data : {};
+            const businessName = String((_resolveHostToken = resolveHostToken('businessName', host)) != null ? _resolveHostToken : '').trim();
+            setSubject(CommerceModel.invoiceEmailDefaultSubject(order, businessName, orderId));
+            const listed = siteContactEmail(host);
+            setContact(listed && /^[^\s@]+@[^\s@]+\.[^\s@]+$/.test(listed) ? listed : null);
+        }).catch(()=>undefined);
+        return ()=>{
+            live = false;
+        };
+    // Filled once per opening; edits after that are the member's.
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+    }, [
+        open
+    ]);
+    const paid = CommerceModel.invoiceIsPaid(order);
+    const refused = CommerceModel.invoiceSendRefusal(order, orderId, to.trim());
+    // The address is the form's to fix; every other refusal is the order's, said up front.
+    const blocker = refused && refused !== 'no-address' && refused !== 'bad-address' ? refused : null;
+    const threaded = Boolean(CommerceModel.invoiceEmailThread(order));
+    const number = CommerceModel.formatInvoiceNumber(order, orderId);
+    const send = useCallback(async ()=>{
+        setBusy(true);
+        try {
+            var _payload_to;
+            if (!attemptKey.current) {
+                var _ref;
+                var _globalThis_crypto_randomUUID, _globalThis_crypto;
+                attemptKey.current = (_ref = (_globalThis_crypto = globalThis.crypto) == null ? void 0 : (_globalThis_crypto_randomUUID = _globalThis_crypto.randomUUID) == null ? void 0 : _globalThis_crypto_randomUUID.call(_globalThis_crypto)) != null ? _ref : `${Date.now()}-${Math.random().toString(36).slice(2)}`;
+            }
+            const response = await authorizedFetch(user, '/api/commerce/order-invoice-send', {
+                method: 'POST',
+                headers: {
+                    'Content-Type': 'application/json',
+                    'Idempotency-Key': attemptKey.current
+                },
+                body: JSON.stringify({
+                    hostId,
+                    orderId,
+                    to,
+                    subject,
+                    message
+                })
+            });
+            const payload = await response.json().catch(()=>({}));
+            if (!response.ok) {
+                var _ref1;
+                return void enqueueSnackbar((_ref1 = payload == null ? void 0 : payload.error) != null ? _ref1 : 'The invoice could not be sent', {
+                    variant: 'error',
+                    allowDuplicate: true
+                });
+            }
+            enqueueSnackbar(`${number} sent to ${String((_payload_to = payload.to) != null ? _payload_to : to)}`, {
+                variant: 'success',
+                persist: false
+            });
+            onClose();
+        } finally{
+            setBusy(false);
+        }
+    }, [
+        user,
+        hostId,
+        orderId,
+        to,
+        subject,
+        message,
+        number,
+        enqueueSnackbar,
+        onClose
+    ]);
+    return /*#__PURE__*/ _jsxs(Dialog, {
+        open: open,
+        onClose: busy ? undefined : onClose,
+        maxWidth: "sm",
+        fullWidth: true,
+        "aria-labelledby": "invoice-send-title",
+        children: [
+            /*#__PURE__*/ _jsx(DialogTitle, {
+                id: "invoice-send-title",
+                children: `Send invoice: ${number}`
+            }),
+            /*#__PURE__*/ _jsx(DialogContent, {
+                children: /*#__PURE__*/ _jsxs(Stack, {
+                    spacing: 2,
+                    sx: {
+                        pt: 1
+                    },
+                    children: [
+                        blocker ? /*#__PURE__*/ _jsx(Typography, {
+                            variant: "body2",
+                            color: "error",
+                            children: CommerceModel.invoiceSendRefusalMessage(blocker)
+                        }) : null,
+                        /*#__PURE__*/ _jsx(TextField, {
+                            label: "To",
+                            type: "email",
+                            value: to,
+                            onChange: (event)=>setTo(event.target.value),
+                            required: true,
+                            fullWidth: true,
+                            disabled: busy
+                        }),
+                        /*#__PURE__*/ _jsx(TextField, {
+                            label: "Subject",
+                            value: subject,
+                            onChange: (event)=>setSubject(event.target.value),
+                            fullWidth: true,
+                            disabled: busy,
+                            slotProps: {
+                                htmlInput: {
+                                    maxLength: CommerceModel.QUOTE_MAX_SEND_SUBJECT
+                                }
+                            },
+                            helperText: threaded ? 'Keep the subject the same to keep these emails in one conversation in your customer’s inbox.' : undefined
+                        }),
+                        /*#__PURE__*/ _jsx(TextField, {
+                            label: "Message",
+                            value: message,
+                            onChange: (event)=>setMessage(event.target.value),
+                            multiline: true,
+                            minRows: 4,
+                            fullWidth: true,
+                            disabled: busy,
+                            slotProps: {
+                                htmlInput: {
+                                    maxLength: CommerceModel.QUOTE_MAX_SEND_MESSAGE
+                                }
+                            },
+                            helperText: "Shown at the top of the email, in your words."
+                        }),
+                        /*#__PURE__*/ _jsx(Typography, {
+                            variant: "body2",
+                            color: "text.secondary",
+                            children: (paid ? 'The email shows the invoice as paid, with the date it was paid, for your customer’s records. ' : 'The email shows the invoice number, date, total and what is due, with a button to pay it by card on your site. The button keeps working until it is paid. ') + `The invoice is attached as a PDF. Replies go to ${contact || 'your email'}.`
+                        })
+                    ]
+                })
+            }),
+            /*#__PURE__*/ _jsxs(DialogActions, {
+                children: [
+                    /*#__PURE__*/ _jsx(Button, {
+                        onClick: onClose,
+                        disabled: busy,
+                        children: 'Cancel'
+                    }),
+                    /*#__PURE__*/ _jsx(Button, {
+                        variant: "contained",
+                        disabled: busy || !to.trim() || Boolean(blocker),
+                        onClick: ()=>void send(),
+                        children: busy ? 'Sending…' : 'Send'
+                    })
+                ]
+            })
+        ]
+    });
+}
+InvoiceSendDialog.displayName = 'InvoiceSendDialog';
+export default InvoiceSendDialog;
+
+//# sourceMappingURL=invoice-send.component.js.map

package/src/lib/components/console/invoice-send.component.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../../../../libs/plugins/commerce/src/lib/components/console/invoice-send.component.tsx"],"sourcesContent":["/**\n * @license\n * Copyright 2026 Aglyn LLC\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *   http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n\n'use client'\n\nimport * as CommerceModel from '../../model'\nimport { siteContactEmail, resolveHostToken, type HostTokenSource } from '@aglyn/aglyn/app-utils/host-tokens'\nimport { useSnackbar } from '@aglyn/shared-ui-snackstack'\nimport { authorizedFetch } from '@aglyn/shared-util-http/authorized-token'\nimport { useFirestore, useUser } from '@aglyn/tenant-feature-instance'\nimport {\n  Button,\n  Dialog,\n  DialogActions,\n  DialogContent,\n  DialogTitle,\n  Stack,\n  TextField,\n  Typography,\n} from '@mui/material'\nimport { doc, getDoc } from 'firebase/firestore'\nimport { useCallback, useEffect, useRef, useState } from 'react'\n\n/** `Oct 29, 2026, 3:04 PM`. */\nconst sentAt = (atMs: number) =>\n  new Date(atMs).toLocaleString('en-US', { dateStyle: 'medium', timeStyle: 'short' })\n\n/**\n * The order's (or the quote's) last invoice email, as the console says it:\n * `Invoice sent Oct 29, 2026, 3:04 PM to jordan@example.com.` Null when none\n * was sent.\n */\nexport function invoiceSentLine(order: Pick<CommerceModel.HostOrder, 'invoiceSends'>): string | null {\n  const last = CommerceModel.lastInvoiceSend(order)\n  if (!last) return null\n  return `${last.paid ? 'Paid invoice' : 'Invoice'} sent ${sentAt(Number(last.atMs))} to ${last.to || 'the customer'}.`\n}\n\nexport interface InvoiceSendDialogProps {\n  open: boolean\n  onClose: () => void\n  hostId: string\n  orderId: string\n  order: CommerceModel.HostOrder\n}\n\n/**\n * Send invoice (AGL-4099), for an order or a quote: a short form (To,\n * Subject, Message) that emails the invoice in the site's look with the\n * invoice PDF attached. Unpaid, the email carries a Pay button to the order's\n * lasting pay link on the business's site; paid, it is the customer's record.\n * A quote's invoice lands in the quote's conversation, and an order's in its\n * own. The site's name and contact email are read once when the form opens,\n * so the dialog that offers it listens to nothing more.\n */\nexport function InvoiceSendDialog(props: InvoiceSendDialogProps) {\n  const { open, onClose, hostId, orderId, order } = props\n  const firestore = useFirestore()\n  const { data: user } = useUser()\n  const { enqueueSnackbar } = useSnackbar()\n  const [busy, setBusy] = useState(false)\n  const [to, setTo] = useState('')\n  const [subject, setSubject] = useState('')\n  const [message, setMessage] = useState('')\n  const [contact, setContact] = useState<string | null>(null)\n\n  /*\n   * One attempt per form (AGL-1697's rule): a retried Send presents the same\n   * key and is answered from the first, so the customer never gets two; a\n   * changed form is a new attempt.\n   */\n  const attemptKey = useRef('')\n  useEffect(() => {\n    attemptKey.current = ''\n  }, [to, subject, message])\n\n  useEffect(() => {\n    if (!open) return\n    let live = true\n    setTo(CommerceModel.invoiceSendPrefill(order))\n    setSubject(CommerceModel.invoiceEmailDefaultSubject(order, '', orderId))\n    setMessage('')\n    void getDoc(doc(firestore, 'hosts', hostId))\n      .then((snapshot) => {\n        if (!live) return\n        const host = (snapshot.data() ?? {}) as Record<string, unknown>\n        const businessName = String(resolveHostToken('businessName', host as HostTokenSource) ?? '').trim()\n        setSubject(CommerceModel.invoiceEmailDefaultSubject(order, businessName, orderId))\n        const listed = siteContactEmail(host as never)\n        setContact(listed && /^[^\\s@]+@[^\\s@]+\\.[^\\s@]+$/.test(listed) ? listed : null)\n      })\n      .catch(() => undefined)\n    return () => {\n      live = false\n    }\n    // Filled once per opening; edits after that are the member's.\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [open])\n\n  const paid = CommerceModel.invoiceIsPaid(order)\n  const refused = CommerceModel.invoiceSendRefusal(order, orderId, to.trim())\n  // The address is the form's to fix; every other refusal is the order's, said up front.\n  const blocker = refused && refused !== 'no-address' && refused !== 'bad-address' ? refused : null\n  const threaded = Boolean(CommerceModel.invoiceEmailThread(order))\n  const number = CommerceModel.formatInvoiceNumber(order, orderId)\n\n  const send = useCallback(async () => {\n    setBusy(true)\n    try {\n      if (!attemptKey.current) {\n        attemptKey.current = globalThis.crypto?.randomUUID?.() ?? `${Date.now()}-${Math.random().toString(36).slice(2)}`\n      }\n      const response = await authorizedFetch(user, '/api/commerce/order-invoice-send', {\n        method: 'POST',\n        headers: { 'Content-Type': 'application/json', 'Idempotency-Key': attemptKey.current },\n        body: JSON.stringify({ hostId, orderId, to, subject, message }),\n      })\n      const payload = await response.json().catch(() => ({}))\n      if (!response.ok) {\n        return void enqueueSnackbar(payload?.error ?? 'The invoice could not be sent', { variant: 'error', allowDuplicate: true })\n      }\n      enqueueSnackbar(`${number} sent to ${String(payload.to ?? to)}`, { variant: 'success', persist: false })\n      onClose()\n    } finally {\n      setBusy(false)\n    }\n  }, [user, hostId, orderId, to, subject, message, number, enqueueSnackbar, onClose])\n\n  return (\n    <Dialog open={open} onClose={busy ? undefined : onClose} maxWidth=\"sm\" fullWidth aria-labelledby=\"invoice-send-title\">\n      <DialogTitle id=\"invoice-send-title\">{`Send invoice: ${number}`}</DialogTitle>\n      <DialogContent>\n        <Stack spacing={2} sx={{ pt: 1 }}>\n          {blocker ? (\n            <Typography variant=\"body2\" color=\"error\">\n              {CommerceModel.invoiceSendRefusalMessage(blocker)}\n            </Typography>\n          ) : null}\n          <TextField\n            label=\"To\"\n            type=\"email\"\n            value={to}\n            onChange={(event) => setTo(event.target.value)}\n            required\n            fullWidth\n            disabled={busy}\n          />\n          <TextField\n            label=\"Subject\"\n            value={subject}\n            onChange={(event) => setSubject(event.target.value)}\n            fullWidth\n            disabled={busy}\n            slotProps={{ htmlInput: { maxLength: CommerceModel.QUOTE_MAX_SEND_SUBJECT } }}\n            helperText={\n              threaded\n                ? 'Keep the subject the same to keep these emails in one conversation in your customer’s inbox.'\n                : undefined\n            }\n          />\n          <TextField\n            label=\"Message\"\n            value={message}\n            onChange={(event) => setMessage(event.target.value)}\n            multiline\n            minRows={4}\n            fullWidth\n            disabled={busy}\n            slotProps={{ htmlInput: { maxLength: CommerceModel.QUOTE_MAX_SEND_MESSAGE } }}\n            helperText=\"Shown at the top of the email, in your words.\"\n          />\n          <Typography variant=\"body2\" color=\"text.secondary\">\n            {(paid\n              ? 'The email shows the invoice as paid, with the date it was paid, for your customer’s records. '\n              : 'The email shows the invoice number, date, total and what is due, with a button to pay it by card on your site. The button keeps working until it is paid. ') +\n              `The invoice is attached as a PDF. Replies go to ${contact || 'your email'}.`}\n          </Typography>\n        </Stack>\n      </DialogContent>\n      <DialogActions>\n        <Button onClick={onClose} disabled={busy}>\n          {'Cancel'}\n        </Button>\n        <Button variant=\"contained\" disabled={busy || !to.trim() || Boolean(blocker)} onClick={() => void send()}>\n          {busy ? 'Sending…' : 'Send'}\n        </Button>\n      </DialogActions>\n    </Dialog>\n  )\n}\nInvoiceSendDialog.displayName = 'InvoiceSendDialog'\n\nexport default InvoiceSendDialog\n"],"names":["CommerceModel","siteContactEmail","resolveHostToken","useSnackbar","authorizedFetch","useFirestore","useUser","Button","Dialog","DialogActions","DialogContent","DialogTitle","Stack","TextField","Typography","doc","getDoc","useCallback","useEffect","useRef","useState","sentAt","atMs","Date","toLocaleString","dateStyle","timeStyle","invoiceSentLine","order","last","lastInvoiceSend","paid","Number","to","InvoiceSendDialog","props","open","onClose","hostId","orderId","firestore","data","user","enqueueSnackbar","busy","setBusy","setTo","subject","setSubject","message","setMessage","contact","setContact","attemptKey","current","live","invoiceSendPrefill","invoiceEmailDefaultSubject","then","snapshot","host","businessName","String","trim","listed","test","catch","undefined","invoiceIsPaid","refused","invoiceSendRefusal","blocker","threaded","Boolean","invoiceEmailThread","number","formatInvoiceNumber","send","payload","globalThis","crypto","randomUUID","now","Math","random","toString","slice","response","method","headers","body","JSON","stringify","json","ok","error","variant","allowDuplicate","persist","maxWidth","fullWidth","aria-labelledby","id","spacing","sx","pt","color","invoiceSendRefusalMessage","label","type","value","onChange","event","target","required","disabled","slotProps","htmlInput","maxLength","QUOTE_MAX_SEND_SUBJECT","helperText","multiline","minRows","QUOTE_MAX_SEND_MESSAGE","onClick","displayName"],"mappings":"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"}

package/src/lib/components/console/order-detail-dialog.component.d.ts

@@ -5,6 +5,11 @@ export interface OrderDetailDialogProps {
         $id: string;
     }) | null;
     onClose: () => void;
+    /**
+     * Holds "Send quotes and invoices to customers" (`commerce.quotes.send`),
+     * for Send invoice (AGL-4099). Absent reads as held: the route decides.
+     */
+    canSendInvoices?: boolean;
 }
 /**
  * The dispute chip's colour (AGL-1796).

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

@@ -39,6 +39,7 @@ import { authorizedFetch } from "@aglyn/shared-util-http/authorized-token";
 import { useConsoleWidgetSlot } from "@aglyn/aglyn/app-utils/console-widget-slot-context";
 import { consoleOrderZoneOrder, FulfillItemsPanel, FulfillmentList, toZoneFulfillment } from "./order-fulfillment-panel.component.js";
 import { ORDER_DETAIL_ZONE, ORDER_FULFILLMENT_ZONE } from "./order-zones.js";
+import { invoiceSentLine } from "./invoice-send.component.js";
 import { OrderInvoiceButton } from "./order-invoice.component.js";
 import { OrderReceiptResend } from "./order-receipt-resend.component.js";
 import { OrderReturns } from "./order-returns.component.js";
@@ -89,7 +90,7 @@ const usd = (cents)=>`$${((cents != null ? cents : 0) / 100).toFixed(2)}`;
  * write), notes, printable packing slip.
  */ export function OrderDetailDialog(props) {
     var _STATUS_COLOR_order_status, _order_lineItems, _order_extras, _order_timeline;
-    const { hostId, order: rawOrder, onClose } = props;
+    const { hostId, order: rawOrder, onClose, canSendInvoices = true } = props;
     const firestore = useFirestore();
     const { data: user } = useUser();
     const { enqueueSnackbar } = useSnackbar();
@@ -1024,6 +1025,11 @@ const usd = (cents)=>`$${((cents != null ? cents : 0) / 100).toFixed(2)}`;
                         orderId: orderId,
                         order: order
                     }) : null,
+                    invoiceSentLine(order) ? /*#__PURE__*/ _jsx(Typography, {
+                        variant: "body2",
+                        color: "text.secondary",
+                        children: invoiceSentLine(order)
+                    }) : null,
                     order.paymentLinkUrl && order.status === 'pending' ? /*#__PURE__*/ _jsx(Button, {
                         size: "small",
                         sx: {
@@ -1058,7 +1064,8 @@ const usd = (cents)=>`$${((cents != null ? cents : 0) / 100).toFixed(2)}`;
                     orderId ? /*#__PURE__*/ _jsx(OrderInvoiceButton, {
                         hostId: hostId,
                         orderId: orderId,
-                        order: order
+                        order: order,
+                        canSend: canSendInvoices
                     }) : null,
                     orderId ? /*#__PURE__*/ _jsx(OrderReceiptResend, {
                         hostId: hostId,