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

package/src/lib/components/order-status.js

@@ -0,0 +1,502 @@
+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 } from "react/jsx-runtime";
+/**
+ * @license
+ * Copyright 2026 Aglyn LLC
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *   http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */ import * as Aglyn from "@aglyn/aglyn";
+import { mdiTruckCheckOutline } from "@aglyn/shared-data-mdi";
+import Alert from "@mui/material/Alert";
+import Box from "@mui/material/Box";
+import Button from "@mui/material/Button";
+import Chip from "@mui/material/Chip";
+import CircularProgress from "@mui/material/CircularProgress";
+import Divider from "@mui/material/Divider";
+import Link from "@mui/material/Link";
+import Paper from "@mui/material/Paper";
+import Stack from "@mui/material/Stack";
+import Step from "@mui/material/Step";
+import StepLabel from "@mui/material/StepLabel";
+import Stepper from "@mui/material/Stepper";
+import Typography from "@mui/material/Typography";
+import { forwardRef, useEffect, useState } from "react";
+import { BUNDLE_ID } from "../constants/bundle-common.js";
+import { ORDER_STATUS_COMPONENT_ID } from "../constants/order-status.js";
+import { formatOrderMoney } from "../model/index.js";
+import { generatePresetId } from "../utils/generate-preset-id.js";
+// Component ids are persisted in screen documents; never rename.
+export const ID = ORDER_STATUS_COMPONENT_ID;
+function dateLabel(atMs) {
+    if (!atMs) return '';
+    return new Date(atMs).toLocaleDateString(undefined, {
+        month: 'short',
+        day: 'numeric',
+        year: 'numeric'
+    });
+}
+/**
+ * The guest order-status page (AGL-3610): what a buyer sees when they open
+ * the "View your order" link in any order email. The commerce page resolver
+ * serves it at `/order-status` inside the site's own header and footer; a
+ * merchant can also place it on a page of their own design at that address.
+ *
+ * The order is read AFTER hydration from `?o=&t=` — the page itself is the
+ * same for every buyer and may be cached, the order never is — through
+ * `/api/commerce/order-status`, which verifies the signed link and returns an
+ * allow-listed projection (no email, phone or address).
+ */ const OrderStatus = /*#__PURE__*/ forwardRef((props, ref)=>{
+    var _view_extras;
+    const { heading } = props, rest = _object_without_properties_loose(props, [
+        "heading"
+    ]);
+    const nodeSx = Array.isArray(props['sx']) ? props['sx'] : [
+        props['sx']
+    ];
+    const { hostId } = Aglyn.useSite();
+    const siteFetch = Aglyn.useSiteFetch();
+    const [state, setState] = useState({
+        kind: 'loading'
+    });
+    useEffect(()=>{
+        var _params_get, _params_get1;
+        if (!hostId) return;
+        const params = new URLSearchParams(window.location.search);
+        const orderId = (_params_get = params.get('o')) != null ? _params_get : '';
+        const token = (_params_get1 = params.get('t')) != null ? _params_get1 : '';
+        if (!orderId || !token) {
+            setState({
+                kind: 'missing',
+                message: 'Open this page from the link in your order email.'
+            });
+            return;
+        }
+        let live = true;
+        siteFetch(`/api/commerce/order-status?hostId=${encodeURIComponent(hostId)}` + `&o=${encodeURIComponent(orderId)}&t=${encodeURIComponent(token)}`).then(async (response)=>{
+            const payload = await response.json().catch(()=>({}));
+            if (!live) return;
+            if (!response.ok) {
+                var _ref;
+                setState({
+                    kind: 'missing',
+                    message: String((_ref = payload == null ? void 0 : payload.error) != null ? _ref : 'We could not find that order.')
+                });
+                return;
+            }
+            setState({
+                kind: 'ready',
+                view: payload
+            });
+        }).catch(()=>{
+            if (live) {
+                setState({
+                    kind: 'missing',
+                    message: 'Your order could not be loaded. Check your connection and try again.'
+                });
+            }
+        });
+        return ()=>{
+            live = false;
+        };
+    }, [
+        hostId,
+        siteFetch
+    ]);
+    if (!hostId) {
+        return /*#__PURE__*/ _jsx(Box, _extends({
+            ref: ref
+        }, rest, {
+            sx: [
+                {
+                    p: 3,
+                    border: '1px dashed',
+                    borderColor: 'divider',
+                    borderRadius: 1
+                },
+                ...nodeSx
+            ],
+            children: /*#__PURE__*/ _jsx(Typography, {
+                variant: "body2",
+                color: "text.secondary",
+                children: 'Order status — a buyer’s order, shipments and tracking render here'
+            })
+        }));
+    }
+    if (state.kind === 'loading') {
+        return /*#__PURE__*/ _jsx(Box, _extends({
+            ref: ref
+        }, rest, {
+            sx: [
+                {
+                    py: 6,
+                    textAlign: 'center'
+                },
+                ...nodeSx
+            ],
+            children: /*#__PURE__*/ _jsx(CircularProgress, {
+                size: 28,
+                "aria-label": "Loading your order"
+            })
+        }));
+    }
+    if (state.kind === 'missing') {
+        return /*#__PURE__*/ _jsxs(Box, _extends({
+            ref: ref
+        }, rest, {
+            sx: [
+                {
+                    maxWidth: 560
+                },
+                ...nodeSx
+            ],
+            children: [
+                /*#__PURE__*/ _jsx(Typography, {
+                    variant: "h4",
+                    component: "h1",
+                    gutterBottom: true,
+                    children: heading || 'Your order'
+                }),
+                /*#__PURE__*/ _jsx(Alert, {
+                    severity: "info",
+                    children: state.message
+                })
+            ]
+        }));
+    }
+    const { view } = state;
+    const money = (cents)=>formatOrderMoney(cents, view.currency);
+    const activeStep = Math.max(0, view.steps.reduce((last, step, index)=>step.done ? index : last, 0));
+    const cancelled = view.status === 'cancelled';
+    return /*#__PURE__*/ _jsx(Box, _extends({
+        ref: ref
+    }, rest, {
+        sx: [
+            {
+                maxWidth: 720
+            },
+            ...nodeSx
+        ],
+        children: /*#__PURE__*/ _jsxs(Stack, {
+            spacing: 3,
+            children: [
+                /*#__PURE__*/ _jsxs(Stack, {
+                    spacing: 1,
+                    children: [
+                        view.storeName ? /*#__PURE__*/ _jsx(Typography, {
+                            variant: "overline",
+                            color: "text.secondary",
+                            children: view.storeName
+                        }) : null,
+                        /*#__PURE__*/ _jsxs(Stack, {
+                            direction: "row",
+                            spacing: 1.5,
+                            sx: {
+                                alignItems: 'center',
+                                flexWrap: 'wrap'
+                            },
+                            children: [
+                                /*#__PURE__*/ _jsx(Typography, {
+                                    variant: "h4",
+                                    component: "h1",
+                                    children: heading || `Order ${view.number}`
+                                }),
+                                /*#__PURE__*/ _jsx(Chip, {
+                                    label: view.statusLabel,
+                                    color: cancelled || view.status === 'refunded' ? 'default' : 'primary',
+                                    size: "small"
+                                })
+                            ]
+                        }),
+                        view.createdAtMs ? /*#__PURE__*/ _jsx(Typography, {
+                            variant: "body2",
+                            color: "text.secondary",
+                            children: `Placed ${dateLabel(view.createdAtMs)}`
+                        }) : null
+                    ]
+                }),
+                /*#__PURE__*/ _jsx(Stepper, {
+                    activeStep: activeStep,
+                    alternativeLabel: true,
+                    children: view.steps.map((step)=>/*#__PURE__*/ _jsx(Step, {
+                            completed: step.done,
+                            children: /*#__PURE__*/ _jsx(StepLabel, {
+                                optional: step.atMs ? /*#__PURE__*/ _jsx(Typography, {
+                                    variant: "caption",
+                                    color: "text.secondary",
+                                    children: dateLabel(step.atMs)
+                                }) : undefined,
+                                children: step.label
+                            })
+                        }, step.key))
+                }),
+                view.shipments.length ? /*#__PURE__*/ _jsxs(Stack, {
+                    spacing: 1.5,
+                    children: [
+                        /*#__PURE__*/ _jsx(Typography, {
+                            variant: "h6",
+                            component: "h2",
+                            children: view.shipments.length === 1 ? 'Shipment' : 'Shipments'
+                        }),
+                        view.shipments.map((shipment, index)=>/*#__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',
+                                                justifyContent: 'space-between',
+                                                flexWrap: 'wrap'
+                                            },
+                                            children: [
+                                                /*#__PURE__*/ _jsx(Typography, {
+                                                    variant: "subtitle2",
+                                                    children: [
+                                                        view.shipments.length > 1 ? `Package ${index + 1}` : 'Package',
+                                                        dateLabel(shipment.atMs) ? `shipped ${dateLabel(shipment.atMs)}` : ''
+                                                    ].filter(Boolean).join(' · ')
+                                                }),
+                                                shipment.trackingUrl ? /*#__PURE__*/ _jsx(Button, {
+                                                    size: "small",
+                                                    variant: "outlined",
+                                                    href: shipment.trackingUrl,
+                                                    target: "_blank",
+                                                    rel: "noopener noreferrer",
+                                                    children: 'Track package'
+                                                }) : null
+                                            ]
+                                        }),
+                                        shipment.trackingNumber ? /*#__PURE__*/ _jsx(Typography, {
+                                            variant: "body2",
+                                            color: "text.secondary",
+                                            children: [
+                                                shipment.carrier,
+                                                shipment.trackingNumber
+                                            ].filter(Boolean).join(' ')
+                                        }) : null,
+                                        /*#__PURE__*/ _jsx(Typography, {
+                                            variant: "body2",
+                                            children: shipment.lines.map((line)=>`${line.quantity}× ${line.name}`).join(', ')
+                                        })
+                                    ]
+                                })
+                            }, shipment.id || index))
+                    ]
+                }) : null,
+                /*#__PURE__*/ _jsxs(Stack, {
+                    spacing: 1,
+                    children: [
+                        /*#__PURE__*/ _jsx(Typography, {
+                            variant: "h6",
+                            component: "h2",
+                            children: 'Items'
+                        }),
+                        view.lines.map((line, index)=>/*#__PURE__*/ _jsxs(Stack, {
+                                direction: "row",
+                                spacing: 2,
+                                sx: {
+                                    justifyContent: 'space-between'
+                                },
+                                children: [
+                                    /*#__PURE__*/ _jsxs(Box, {
+                                        children: [
+                                            /*#__PURE__*/ _jsxs(Typography, {
+                                                variant: "body2",
+                                                sx: line.refunded ? {
+                                                    textDecoration: 'line-through'
+                                                } : undefined,
+                                                children: [
+                                                    `${line.quantity}× ${line.name}`,
+                                                    line.variantLabel ? ` (${line.variantLabel})` : ''
+                                                ]
+                                            }),
+                                            line.refunded ? /*#__PURE__*/ _jsx(Typography, {
+                                                variant: "caption",
+                                                color: "text.secondary",
+                                                children: 'Refunded'
+                                            }) : !cancelled && line.shippedQuantity > 0 && line.shippedQuantity < line.quantity ? /*#__PURE__*/ _jsx(Typography, {
+                                                variant: "caption",
+                                                color: "text.secondary",
+                                                children: `${line.shippedQuantity} of ${line.quantity} shipped`
+                                            }) : null
+                                        ]
+                                    }),
+                                    /*#__PURE__*/ _jsx(Typography, {
+                                        variant: "body2",
+                                        children: money(line.amountCents)
+                                    })
+                                ]
+                            }, index)),
+                        /*#__PURE__*/ _jsx(Divider, {}),
+                        [
+                            [
+                                'Subtotal',
+                                view.totals.itemsCents
+                            ],
+                            [
+                                'Discount',
+                                -view.totals.discountCents
+                            ],
+                            [
+                                'Shipping',
+                                view.totals.shippingCents
+                            ],
+                            // Optional lines the buyer took at checkout (AGL-3635), by name.
+                            ...((_view_extras = view.extras) != null ? _view_extras : []).map((extra)=>[
+                                    extra.label,
+                                    extra.amountCents
+                                ]),
+                            [
+                                'Tax',
+                                view.totals.taxCents
+                            ]
+                        ].filter(([label, cents])=>label === 'Subtotal' || cents !== 0).map(([label, cents])=>/*#__PURE__*/ _jsxs(Stack, {
+                                direction: "row",
+                                sx: {
+                                    justifyContent: 'space-between'
+                                },
+                                children: [
+                                    /*#__PURE__*/ _jsx(Typography, {
+                                        variant: "body2",
+                                        color: "text.secondary",
+                                        children: label
+                                    }),
+                                    /*#__PURE__*/ _jsx(Typography, {
+                                        variant: "body2",
+                                        color: "text.secondary",
+                                        children: money(cents)
+                                    })
+                                ]
+                            }, label)),
+                        /*#__PURE__*/ _jsxs(Stack, {
+                            direction: "row",
+                            sx: {
+                                justifyContent: 'space-between'
+                            },
+                            children: [
+                                /*#__PURE__*/ _jsx(Typography, {
+                                    variant: "subtitle1",
+                                    children: 'Total'
+                                }),
+                                /*#__PURE__*/ _jsx(Typography, {
+                                    variant: "subtitle1",
+                                    children: money(view.totals.totalCents)
+                                })
+                            ]
+                        }),
+                        view.totals.refundedCents > 0 ? /*#__PURE__*/ _jsxs(Stack, {
+                            direction: "row",
+                            sx: {
+                                justifyContent: 'space-between'
+                            },
+                            children: [
+                                /*#__PURE__*/ _jsx(Typography, {
+                                    variant: "body2",
+                                    color: "text.secondary",
+                                    children: 'Refunded'
+                                }),
+                                /*#__PURE__*/ _jsx(Typography, {
+                                    variant: "body2",
+                                    color: "text.secondary",
+                                    children: money(-view.totals.refundedCents)
+                                })
+                            ]
+                        }) : null
+                    ]
+                }),
+                view.actions.length ? /*#__PURE__*/ _jsx(Stack, {
+                    direction: "row",
+                    spacing: 1,
+                    sx: {
+                        flexWrap: 'wrap'
+                    },
+                    children: view.actions.map((action)=>/*#__PURE__*/ _jsx(Button, {
+                            variant: "outlined",
+                            href: action.url,
+                            children: action.label
+                        }, action.id))
+                }) : null,
+                /*#__PURE__*/ _jsxs(Typography, {
+                    variant: "body2",
+                    color: "text.secondary",
+                    children: [
+                        'Questions about your order? Reply to your order email',
+                        view.storeName ? ` or contact ${view.storeName}` : '',
+                        '.'
+                    ]
+                }),
+                /*#__PURE__*/ _jsx(Link, {
+                    href: "/",
+                    variant: "body2",
+                    children: 'Continue shopping'
+                })
+            ]
+        })
+    }));
+});
+OrderStatus.displayName = 'OrderStatus';
+export const schema = {
+    $id: ID,
+    pluginId: BUNDLE_ID,
+    displayName: 'Order status',
+    description: 'A buyer’s order, shipments and tracking, opened from the link in their order emails.',
+    category: Aglyn.ComponentCategory.COMMERCE,
+    icon: {
+        path: mdiTruckCheckOutline.path,
+        sx: {
+            color: 'success.main'
+        }
+    },
+    flags: {
+        selfClosing: Aglyn.FEATURE_FLAG.ENABLED
+    },
+    attributes: [
+        {
+            name: 'heading',
+            label: 'Heading',
+            description: 'Shown above the order. Defaults to the order number.',
+            component: Aglyn.FieldComponentType.TEXT_FIELD
+        }
+    ]
+};
+export const presets = [
+    {
+        $id: generatePresetId(ID),
+        type: Aglyn.NodeType.PRESET,
+        displayName: 'Order status',
+        pluginId: BUNDLE_ID,
+        description: 'The buyer’s order status, for the /order-status page',
+        category: Aglyn.ComponentCategory.COMMERCE,
+        icon: {
+            path: mdiTruckCheckOutline.path,
+            sx: {
+                color: 'success.main'
+            }
+        },
+        data: {
+            $id: null,
+            componentId: ID,
+            pluginId: BUNDLE_ID,
+            props: {}
+        }
+    }
+];
+export default OrderStatus;
+
+//# sourceMappingURL=order-status.js.map

package/src/lib/components/order-status.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../../../libs/plugins/commerce/src/lib/components/order-status.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\nimport * as Aglyn from '@aglyn/aglyn'\nimport { mdiTruckCheckOutline } from '@aglyn/shared-data-mdi'\nimport Alert from '@mui/material/Alert'\nimport Box from '@mui/material/Box'\nimport Button from '@mui/material/Button'\nimport Chip from '@mui/material/Chip'\nimport CircularProgress from '@mui/material/CircularProgress'\nimport Divider from '@mui/material/Divider'\nimport Link from '@mui/material/Link'\nimport Paper from '@mui/material/Paper'\nimport Stack from '@mui/material/Stack'\nimport Step from '@mui/material/Step'\nimport StepLabel from '@mui/material/StepLabel'\nimport Stepper from '@mui/material/Stepper'\nimport Typography from '@mui/material/Typography'\nimport { forwardRef, useEffect, useState } from 'react'\nimport { BUNDLE_ID } from '../constants/bundle-common'\nimport { ORDER_STATUS_COMPONENT_ID } from '../constants/order-status'\nimport {\n  formatOrderMoney,\n  type OrderStatusView,\n} from '../model'\nimport { generatePresetId } from '../utils/generate-preset-id'\n\n// Component ids are persisted in screen documents; never rename.\nexport const ID: Aglyn.ComponentId = ORDER_STATUS_COMPONENT_ID\n\nexport interface OrderStatusProps {\n  heading?: string\n}\n\ntype LoadState =\n  | { kind: 'loading' }\n  | { kind: 'missing'; message: string }\n  | { kind: 'ready'; view: OrderStatusView }\n\nfunction dateLabel(atMs: number | null): string {\n  if (!atMs) return ''\n  return new Date(atMs).toLocaleDateString(undefined, {\n    month: 'short',\n    day: 'numeric',\n    year: 'numeric',\n  })\n}\n\n/**\n * The guest order-status page (AGL-3610): what a buyer sees when they open\n * the \"View your order\" link in any order email. The commerce page resolver\n * serves it at `/order-status` inside the site's own header and footer; a\n * merchant can also place it on a page of their own design at that address.\n *\n * The order is read AFTER hydration from `?o=&t=` — the page itself is the\n * same for every buyer and may be cached, the order never is — through\n * `/api/commerce/order-status`, which verifies the signed link and returns an\n * allow-listed projection (no email, phone or address).\n */\nconst OrderStatus = forwardRef<HTMLDivElement, OrderStatusProps>((props, ref) => {\n  const { heading, ...rest } = props\n  const nodeSx = Array.isArray(props['sx']) ? props['sx'] : [props['sx']]\n  const { hostId } = Aglyn.useSite()\n  const siteFetch = Aglyn.useSiteFetch()\n  const [state, setState] = useState<LoadState>({ kind: 'loading' })\n\n  useEffect(() => {\n    if (!hostId) return\n    const params = new URLSearchParams(window.location.search)\n    const orderId = params.get('o') ?? ''\n    const token = params.get('t') ?? ''\n    if (!orderId || !token) {\n      setState({\n        kind: 'missing',\n        message: 'Open this page from the link in your order email.',\n      })\n      return\n    }\n    let live = true\n    siteFetch(\n      `/api/commerce/order-status?hostId=${encodeURIComponent(hostId)}` +\n        `&o=${encodeURIComponent(orderId)}&t=${encodeURIComponent(token)}`,\n    )\n      .then(async (response) => {\n        const payload = await response.json().catch(() => ({}))\n        if (!live) return\n        if (!response.ok) {\n          setState({\n            kind: 'missing',\n            message: String(payload?.error ?? 'We could not find that order.'),\n          })\n          return\n        }\n        setState({ kind: 'ready', view: payload as OrderStatusView })\n      })\n      .catch(() => {\n        if (live) {\n          setState({\n            kind: 'missing',\n            message: 'Your order could not be loaded. Check your connection and try again.',\n          })\n        }\n      })\n    return () => {\n      live = false\n    }\n  }, [hostId, siteFetch])\n\n  if (!hostId) {\n    return (\n      <Box\n        ref={ref}\n        {...rest}\n        sx={[\n          { p: 3, border: '1px dashed', borderColor: 'divider', borderRadius: 1 },\n          ...nodeSx,\n        ]}\n      >\n        <Typography variant=\"body2\" color=\"text.secondary\">\n          {'Order status — a buyer’s order, shipments and tracking render here'}\n        </Typography>\n      </Box>\n    )\n  }\n\n  if (state.kind === 'loading') {\n    return (\n      <Box ref={ref} {...rest} sx={[{ py: 6, textAlign: 'center' }, ...nodeSx]}>\n        <CircularProgress size={28} aria-label=\"Loading your order\" />\n      </Box>\n    )\n  }\n\n  if (state.kind === 'missing') {\n    return (\n      <Box ref={ref} {...rest} sx={[{ maxWidth: 560 }, ...nodeSx]}>\n        <Typography variant=\"h4\" component=\"h1\" gutterBottom>\n          {heading || 'Your order'}\n        </Typography>\n        <Alert severity=\"info\">{state.message}</Alert>\n      </Box>\n    )\n  }\n\n  const { view } = state\n  const money = (cents: number) => formatOrderMoney(cents, view.currency)\n  const activeStep = Math.max(\n    0,\n    view.steps.reduce((last, step, index) => (step.done ? index : last), 0),\n  )\n  const cancelled = view.status === 'cancelled'\n\n  return (\n    <Box ref={ref} {...rest} sx={[{ maxWidth: 720 }, ...nodeSx]}>\n      <Stack spacing={3}>\n        <Stack spacing={1}>\n          {view.storeName ? (\n            <Typography variant=\"overline\" color=\"text.secondary\">\n              {view.storeName}\n            </Typography>\n          ) : null}\n          <Stack direction=\"row\" spacing={1.5} sx={{ alignItems: 'center', flexWrap: 'wrap' }}>\n            <Typography variant=\"h4\" component=\"h1\">\n              {heading || `Order ${view.number}`}\n            </Typography>\n            <Chip\n              label={view.statusLabel}\n              color={cancelled || view.status === 'refunded' ? 'default' : 'primary'}\n              size=\"small\"\n            />\n          </Stack>\n          {view.createdAtMs ? (\n            <Typography variant=\"body2\" color=\"text.secondary\">\n              {`Placed ${dateLabel(view.createdAtMs)}`}\n            </Typography>\n          ) : null}\n        </Stack>\n\n        <Stepper activeStep={activeStep} alternativeLabel>\n          {view.steps.map((step) => (\n            <Step key={step.key} completed={step.done}>\n              <StepLabel\n                optional={\n                  step.atMs ? (\n                    <Typography variant=\"caption\" color=\"text.secondary\">\n                      {dateLabel(step.atMs)}\n                    </Typography>\n                  ) : undefined\n                }\n              >\n                {step.label}\n              </StepLabel>\n            </Step>\n          ))}\n        </Stepper>\n\n        {view.shipments.length ? (\n          <Stack spacing={1.5}>\n            <Typography variant=\"h6\" component=\"h2\">\n              {view.shipments.length === 1 ? 'Shipment' : 'Shipments'}\n            </Typography>\n            {view.shipments.map((shipment, index) => (\n              <Paper key={shipment.id || index} variant=\"outlined\" sx={{ p: 2 }}>\n                <Stack spacing={1}>\n                  <Stack\n                    direction=\"row\"\n                    spacing={1}\n                    sx={{ alignItems: 'center', justifyContent: 'space-between', flexWrap: 'wrap' }}\n                  >\n                    <Typography variant=\"subtitle2\">\n                      {[\n                        view.shipments.length > 1 ? `Package ${index + 1}` : 'Package',\n                        dateLabel(shipment.atMs) ? `shipped ${dateLabel(shipment.atMs)}` : '',\n                      ]\n                        .filter(Boolean)\n                        .join(' · ')}\n                    </Typography>\n                    {shipment.trackingUrl ? (\n                      <Button\n                        size=\"small\"\n                        variant=\"outlined\"\n                        href={shipment.trackingUrl}\n                        target=\"_blank\"\n                        rel=\"noopener noreferrer\"\n                      >\n                        {'Track package'}\n                      </Button>\n                    ) : null}\n                  </Stack>\n                  {shipment.trackingNumber ? (\n                    <Typography variant=\"body2\" color=\"text.secondary\">\n                      {[shipment.carrier, shipment.trackingNumber].filter(Boolean).join(' ')}\n                    </Typography>\n                  ) : null}\n                  <Typography variant=\"body2\">\n                    {shipment.lines.map((line) => `${line.quantity}× ${line.name}`).join(', ')}\n                  </Typography>\n                </Stack>\n              </Paper>\n            ))}\n          </Stack>\n        ) : null}\n\n        <Stack spacing={1}>\n          <Typography variant=\"h6\" component=\"h2\">\n            {'Items'}\n          </Typography>\n          {view.lines.map((line, index) => (\n            <Stack key={index} direction=\"row\" spacing={2} sx={{ justifyContent: 'space-between' }}>\n              <Box>\n                <Typography\n                  variant=\"body2\"\n                  sx={line.refunded ? { textDecoration: 'line-through' } : undefined}\n                >\n                  {`${line.quantity}× ${line.name}`}\n                  {line.variantLabel ? ` (${line.variantLabel})` : ''}\n                </Typography>\n                {line.refunded ? (\n                  <Typography variant=\"caption\" color=\"text.secondary\">\n                    {'Refunded'}\n                  </Typography>\n                ) : !cancelled && line.shippedQuantity > 0 && line.shippedQuantity < line.quantity ? (\n                  <Typography variant=\"caption\" color=\"text.secondary\">\n                    {`${line.shippedQuantity} of ${line.quantity} shipped`}\n                  </Typography>\n                ) : null}\n              </Box>\n              <Typography variant=\"body2\">{money(line.amountCents)}</Typography>\n            </Stack>\n          ))}\n          <Divider />\n          {(\n            [\n              ['Subtotal', view.totals.itemsCents],\n              ['Discount', -view.totals.discountCents],\n              ['Shipping', view.totals.shippingCents],\n              // Optional lines the buyer took at checkout (AGL-3635), by name.\n              ...(view.extras ?? []).map((extra) => [extra.label, extra.amountCents]),\n              ['Tax', view.totals.taxCents],\n            ] as Array<[string, number]>\n          )\n            .filter(([label, cents]) => label === 'Subtotal' || cents !== 0)\n            .map(([label, cents]) => (\n              <Stack key={label} direction=\"row\" sx={{ justifyContent: 'space-between' }}>\n                <Typography variant=\"body2\" color=\"text.secondary\">\n                  {label}\n                </Typography>\n                <Typography variant=\"body2\" color=\"text.secondary\">\n                  {money(cents)}\n                </Typography>\n              </Stack>\n            ))}\n          <Stack direction=\"row\" sx={{ justifyContent: 'space-between' }}>\n            <Typography variant=\"subtitle1\">{'Total'}</Typography>\n            <Typography variant=\"subtitle1\">{money(view.totals.totalCents)}</Typography>\n          </Stack>\n          {view.totals.refundedCents > 0 ? (\n            <Stack direction=\"row\" sx={{ justifyContent: 'space-between' }}>\n              <Typography variant=\"body2\" color=\"text.secondary\">\n                {'Refunded'}\n              </Typography>\n              <Typography variant=\"body2\" color=\"text.secondary\">\n                {money(-view.totals.refundedCents)}\n              </Typography>\n            </Stack>\n          ) : null}\n        </Stack>\n\n        {view.actions.length ? (\n          <Stack direction=\"row\" spacing={1} sx={{ flexWrap: 'wrap' }}>\n            {view.actions.map((action) => (\n              <Button key={action.id} variant=\"outlined\" href={action.url}>\n                {action.label}\n              </Button>\n            ))}\n          </Stack>\n        ) : null}\n\n        <Typography variant=\"body2\" color=\"text.secondary\">\n          {'Questions about your order? Reply to your order email'}\n          {view.storeName ? ` or contact ${view.storeName}` : ''}\n          {'.'}\n        </Typography>\n        <Link href=\"/\" variant=\"body2\">\n          {'Continue shopping'}\n        </Link>\n      </Stack>\n    </Box>\n  )\n})\nOrderStatus.displayName = 'OrderStatus'\n\nexport const schema: Aglyn.ComponentSchema<OrderStatusProps> = {\n  $id: ID,\n  pluginId: BUNDLE_ID,\n  displayName: 'Order status',\n  description:\n    'A buyer’s order, shipments and tracking, opened from the link in their order emails.',\n  category: Aglyn.ComponentCategory.COMMERCE,\n  icon: { path: mdiTruckCheckOutline.path, sx: { color: 'success.main' } },\n  flags: { selfClosing: Aglyn.FEATURE_FLAG.ENABLED },\n  attributes: [\n    {\n      name: 'heading',\n      label: 'Heading',\n      description: 'Shown above the order. Defaults to the order number.',\n      component: Aglyn.FieldComponentType.TEXT_FIELD,\n    },\n  ],\n}\n\nexport const presets: Aglyn.PresetSchema[] = [\n  {\n    $id: generatePresetId(ID),\n    type: Aglyn.NodeType.PRESET,\n    displayName: 'Order status',\n    pluginId: BUNDLE_ID,\n    description: 'The buyer’s order status, for the /order-status page',\n    category: Aglyn.ComponentCategory.COMMERCE,\n    icon: { path: mdiTruckCheckOutline.path, sx: { color: 'success.main' } },\n    data: {\n      $id: null,\n      componentId: ID,\n      pluginId: BUNDLE_ID,\n      props: {},\n    },\n  },\n]\n\nexport default OrderStatus\n"],"names":["Aglyn","mdiTruckCheckOutline","Alert","Box","Button","Chip","CircularProgress","Divider","Link","Paper","Stack","Step","StepLabel","Stepper","Typography","forwardRef","useEffect","useState","BUNDLE_ID","ORDER_STATUS_COMPONENT_ID","formatOrderMoney","generatePresetId","ID","dateLabel","atMs","Date","toLocaleDateString","undefined","month","day","year","OrderStatus","props","ref","view","heading","rest","nodeSx","Array","isArray","hostId","useSite","siteFetch","useSiteFetch","state","setState","kind","params","URLSearchParams","window","location","search","orderId","get","token","message","live","encodeURIComponent","then","response","payload","json","catch","ok","String","error","sx","p","border","borderColor","borderRadius","variant","color","py","textAlign","size","aria-label","maxWidth","component","gutterBottom","severity","money","cents","currency","activeStep","Math","max","steps","reduce","last","step","index","done","cancelled","status","spacing","storeName","direction","alignItems","flexWrap","number","label","statusLabel","createdAtMs","alternativeLabel","map","completed","optional","key","shipments","length","shipment","justifyContent","filter","Boolean","join","trackingUrl","href","target","rel","trackingNumber","carrier","lines","line","quantity","name","id","refunded","textDecoration","variantLabel","shippedQuantity","amountCents","totals","itemsCents","discountCents","shippingCents","extras","extra","taxCents","totalCents","refundedCents","actions","action","url","displayName","schema","$id","pluginId","description","category","ComponentCategory","COMMERCE","icon","path","flags","selfClosing","FEATURE_FLAG","ENABLED","attributes","FieldComponentType","TEXT_FIELD","presets","type","NodeType","PRESET","data","componentId"],"mappings":"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"}