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

package/src/lib/components/console/order-webhooks-card.component.js

@@ -0,0 +1,623 @@
+/**
+ * @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 { pluginDocsHelp } from "@aglyn/aglyn";
+import { CardDisplay, useConfirmationContext } from "@aglyn/shared-ui-jsx";
+import { ListPagination } from "@aglyn/shared-ui-jsx/components/list-pagination.component";
+import { useSnackbar } from "@aglyn/shared-ui-snackstack";
+import { authorizedFetch } from "@aglyn/shared-util-http/authorized-token";
+import { useFirestore, useFirestoreCollection, usePagedCollection, useUser } from "@aglyn/tenant-feature-instance";
+import { Alert, Button, Checkbox, Chip, Dialog, DialogActions, DialogContent, DialogTitle, FormControlLabel, FormGroup, MenuItem, Stack, TextField, Typography } from "@mui/material";
+import { collection, limit, orderBy, query, where } from "firebase/firestore";
+import { useCallback, useEffect, useState } from "react";
+import * as Webhooks from "../../model/order-webhooks.js";
+const ROUTE = '/api/commerce/order-webhooks';
+/** POSTs one action to the webhooks route; answers the body or throws its error. */ export async function callOrderWebhooks(user, hostId, body) {
+    var _payload_error;
+    const response = await authorizedFetch(user, ROUTE, {
+        method: 'POST',
+        headers: {
+            'content-type': 'application/json'
+        },
+        body: JSON.stringify(_extends({
+            hostId
+        }, body))
+    });
+    const payload = await response.json().catch(()=>({}));
+    if (!response.ok) throw Object.assign(new Error(String((_payload_error = payload.error) != null ? _payload_error : 'Request failed')), {
+        status: response.status
+    });
+    return payload;
+}
+/**
+ * Order webhooks (AGL-3611): the store's endpoints for order and return
+ * events, each with its signing secret, a test event and a delivery log. Shown
+ * only to the people who may manage them — the route answers who — and only
+ * where the deployment can sign.
+ */ export function OrderWebhooksCard(props) {
+    const { hostId } = props;
+    const firestore = useFirestore();
+    const { data: user } = useUser();
+    const { enqueueSnackbar } = useSnackbar();
+    const { confirm } = useConfirmationContext();
+    const [status, setStatus] = useState(null);
+    const [editing, setEditing] = useState(null);
+    const [secret, setSecret] = useState(null);
+    const [logFor, setLogFor] = useState(null);
+    const [busy, setBusy] = useState(false);
+    useEffect(()=>{
+        if (!user) return;
+        let active = true;
+        callOrderWebhooks(user, hostId, {
+            action: 'status'
+        }).then((payload)=>{
+            if (active) setStatus(payload);
+        }).catch(()=>{
+            // Not an admin of the whole workspace, or the route is down: the
+            // card is not this person's to use.
+            if (active) setStatus(null);
+        });
+        return ()=>{
+            active = false;
+        };
+    }, [
+        user,
+        hostId
+    ]);
+    const { data: endpointDocs } = useFirestoreCollection(()=>query(collection(firestore, 'hosts', hostId, 'orderWebhooks'), orderBy('createdAtMs', 'desc'), limit(Webhooks.ORDER_WEBHOOK_MAX_ENDPOINTS)), [
+        firestore,
+        hostId
+    ], {
+        idField: '$id'
+    });
+    const endpoints = endpointDocs != null ? endpointDocs : [];
+    const run = useCallback(async (body, success)=>{
+        setBusy(true);
+        try {
+            const payload = await callOrderWebhooks(user, hostId, body);
+            if (success) enqueueSnackbar(success, {
+                variant: 'success'
+            });
+            return payload;
+        } catch (error) {
+            enqueueSnackbar(String(error.message), {
+                variant: 'error'
+            });
+            return null;
+        } finally{
+            setBusy(false);
+        }
+    }, [
+        user,
+        hostId,
+        enqueueSnackbar
+    ]);
+    const handleTest = useCallback(async (endpoint)=>{
+        var _ref;
+        var _payload_attempt;
+        const payload = await run({
+            action: 'test',
+            endpointId: endpoint.$id
+        });
+        if (!payload) return;
+        enqueueSnackbar(payload.delivered ? 'Test event delivered' : `Test event not delivered: ${(_ref = (_payload_attempt = payload.attempt) == null ? void 0 : _payload_attempt.error) != null ? _ref : 'no answer'}`, {
+            variant: payload.delivered ? 'success' : 'warning'
+        });
+    }, [
+        run,
+        enqueueSnackbar
+    ]);
+    const handleRoll = useCallback(async (endpoint)=>{
+        const confirmed = await confirm({
+            title: 'Roll the signing secret?',
+            description: 'A new secret signs every event from now on. Update your endpoint before ' + 'the next order, or it will reject what it is sent.',
+            confirmationText: 'Roll secret'
+        }).then(()=>true).catch(()=>false);
+        if (!confirmed) return;
+        const payload = await run({
+            action: 'roll-secret',
+            endpointId: endpoint.$id
+        });
+        if (payload == null ? void 0 : payload.secret) setSecret(String(payload.secret));
+    }, [
+        confirm,
+        run
+    ]);
+    const handleDelete = useCallback(async (endpoint)=>{
+        const confirmed = await confirm({
+            title: 'Delete this endpoint?',
+            description: `${endpoint.url} stops receiving order events. Its delivery log is kept for 30 days.`,
+            confirmationText: 'Delete',
+            confirmationButtonProps: {
+                color: 'error'
+            }
+        }).then(()=>true).catch(()=>false);
+        if (!confirmed) return;
+        await run({
+            action: 'delete',
+            endpointId: endpoint.$id
+        }, 'Endpoint deleted');
+    }, [
+        confirm,
+        run
+    ]);
+    if (!(status == null ? void 0 : status.configured)) return null;
+    const labelFor = (event)=>{
+        var _ref;
+        var _status_events_find;
+        return (_ref = (_status_events_find = status.events.find((entry)=>entry.event === event)) == null ? void 0 : _status_events_find.label) != null ? _ref : event;
+    };
+    const atMax = endpoints.length >= status.maxEndpoints;
+    return /*#__PURE__*/ _jsxs(CardDisplay, {
+        header: 'Order webhooks',
+        help: pluginDocsHelp('ordersAndReturns', {
+            anchor: '#order-webhooks'
+        }),
+        contentGutterX: true,
+        contentGutterY: true,
+        HeaderProps: {
+            action: /*#__PURE__*/ _jsx(Button, {
+                size: "small",
+                disabled: atMax || busy,
+                onClick: ()=>setEditing('new'),
+                children: 'Add endpoint'
+            })
+        },
+        children: [
+            /*#__PURE__*/ _jsxs(Stack, {
+                spacing: 2,
+                children: [
+                    endpoints.length === 0 ? /*#__PURE__*/ _jsx(Typography, {
+                        variant: "body2",
+                        color: "text.secondary",
+                        children: 'Send order and return events to your own systems — a warehouse, an ERP or a ' + 'script. Each event is signed so your endpoint can check it came from this store.'
+                    }) : endpoints.map((endpoint)=>/*#__PURE__*/ _jsxs(Stack, {
+                            spacing: 1,
+                            "data-testid": "order-webhook-endpoint",
+                            children: [
+                                /*#__PURE__*/ _jsxs(Stack, {
+                                    direction: "row",
+                                    spacing: 1,
+                                    sx: {
+                                        alignItems: 'center',
+                                        flexWrap: 'wrap'
+                                    },
+                                    children: [
+                                        /*#__PURE__*/ _jsx(Typography, {
+                                            variant: "subtitle2",
+                                            sx: {
+                                                flex: 1,
+                                                minWidth: 0,
+                                                wordBreak: 'break-all'
+                                            },
+                                            children: endpoint.description ? `${endpoint.description} · ${endpoint.url}` : endpoint.url
+                                        }),
+                                        /*#__PURE__*/ _jsx(Chip, {
+                                            size: "small",
+                                            label: endpoint.enabled ? 'On' : 'Paused',
+                                            color: endpoint.enabled ? 'success' : 'default',
+                                            variant: "outlined"
+                                        }),
+                                        endpoint.lastDeliveryStatus ? /*#__PURE__*/ _jsx(Chip, {
+                                            size: "small",
+                                            label: `Last: ${Webhooks.ORDER_WEBHOOK_DELIVERY_STATUS_LABELS[endpoint.lastDeliveryStatus]}`,
+                                            color: Webhooks.ORDER_WEBHOOK_DELIVERY_STATUS_COLOR[endpoint.lastDeliveryStatus],
+                                            variant: "outlined"
+                                        }) : null
+                                    ]
+                                }),
+                                /*#__PURE__*/ _jsx(Typography, {
+                                    variant: "caption",
+                                    color: "text.secondary",
+                                    children: `${endpoint.events.map(labelFor).join(', ')} · secret ends ${endpoint.secretHint}`
+                                }),
+                                /*#__PURE__*/ _jsxs(Stack, {
+                                    direction: "row",
+                                    spacing: 1,
+                                    sx: {
+                                        flexWrap: 'wrap'
+                                    },
+                                    children: [
+                                        /*#__PURE__*/ _jsx(Button, {
+                                            size: "small",
+                                            disabled: busy || !endpoint.enabled,
+                                            onClick: ()=>handleTest(endpoint),
+                                            children: 'Send test event'
+                                        }),
+                                        /*#__PURE__*/ _jsx(Button, {
+                                            size: "small",
+                                            onClick: ()=>setLogFor(endpoint),
+                                            children: 'Deliveries'
+                                        }),
+                                        /*#__PURE__*/ _jsx(Button, {
+                                            size: "small",
+                                            disabled: busy,
+                                            onClick: ()=>setEditing(endpoint),
+                                            children: 'Edit'
+                                        }),
+                                        /*#__PURE__*/ _jsx(Button, {
+                                            size: "small",
+                                            disabled: busy,
+                                            onClick: ()=>run({
+                                                    action: 'update',
+                                                    endpointId: endpoint.$id,
+                                                    enabled: !endpoint.enabled
+                                                }),
+                                            children: endpoint.enabled ? 'Pause' : 'Resume'
+                                        }),
+                                        /*#__PURE__*/ _jsx(Button, {
+                                            size: "small",
+                                            disabled: busy,
+                                            onClick: ()=>handleRoll(endpoint),
+                                            children: 'Roll secret'
+                                        }),
+                                        /*#__PURE__*/ _jsx(Button, {
+                                            size: "small",
+                                            color: "error",
+                                            disabled: busy,
+                                            onClick: ()=>handleDelete(endpoint),
+                                            children: 'Delete'
+                                        })
+                                    ]
+                                })
+                            ]
+                        }, endpoint.$id)),
+                    /*#__PURE__*/ _jsx(Typography, {
+                        variant: "caption",
+                        color: "text.secondary",
+                        children: `${endpoints.length}/${status.maxEndpoints} endpoints. A failed delivery is retried for about a day.`
+                    })
+                ]
+            }),
+            editing ? /*#__PURE__*/ _jsx(EndpointDialog, {
+                endpoint: editing === 'new' ? null : editing,
+                events: status.events,
+                busy: busy,
+                onClose: ()=>setEditing(null),
+                onSave: async (values)=>{
+                    const payload = editing === 'new' ? await run(_extends({
+                        action: 'create'
+                    }, values)) : await run(_extends({
+                        action: 'update',
+                        endpointId: editing.$id
+                    }, values), 'Endpoint saved');
+                    if (!payload) return;
+                    setEditing(null);
+                    if (payload.secret) setSecret(String(payload.secret));
+                }
+            }) : null,
+            secret ? /*#__PURE__*/ _jsx(SecretDialog, {
+                secret: secret,
+                onClose: ()=>setSecret(null)
+            }) : null,
+            logFor ? /*#__PURE__*/ _jsx(DeliveriesDialog, {
+                hostId: hostId,
+                endpoint: logFor,
+                labelFor: labelFor,
+                busy: busy,
+                onResend: async (delivery)=>{
+                    const payload = await run({
+                        action: 'resend',
+                        deliveryId: delivery.$id
+                    });
+                    if (payload) {
+                        var _ref;
+                        var _payload_attempt;
+                        enqueueSnackbar(payload.delivered ? 'Delivered' : `Not delivered: ${(_ref = (_payload_attempt = payload.attempt) == null ? void 0 : _payload_attempt.error) != null ? _ref : 'no answer'}`, {
+                            variant: payload.delivered ? 'success' : 'warning'
+                        });
+                    }
+                },
+                onClose: ()=>setLogFor(null)
+            }) : null
+        ]
+    });
+}
+OrderWebhooksCard.displayName = 'OrderWebhooksCard';
+function EndpointDialog(props) {
+    var _ref, _ref1, _ref2;
+    const { endpoint, events, busy, onClose, onSave } = props;
+    const [url, setUrl] = useState((_ref = endpoint == null ? void 0 : endpoint.url) != null ? _ref : '');
+    const [description, setDescription] = useState((_ref1 = endpoint == null ? void 0 : endpoint.description) != null ? _ref1 : '');
+    const [chosen, setChosen] = useState((_ref2 = endpoint == null ? void 0 : endpoint.events) != null ? _ref2 : events.map((entry)=>entry.event));
+    const toggle = (event)=>setChosen((current)=>current.includes(event) ? current.filter((entry)=>entry !== event) : [
+                ...current,
+                event
+            ]);
+    const valid = /^https:\/\//i.test(url.trim()) && chosen.length > 0;
+    return /*#__PURE__*/ _jsxs(Dialog, {
+        open: true,
+        onClose: onClose,
+        fullWidth: true,
+        maxWidth: "sm",
+        children: [
+            /*#__PURE__*/ _jsx(DialogTitle, {
+                children: endpoint ? 'Edit endpoint' : 'Add endpoint'
+            }),
+            /*#__PURE__*/ _jsx(DialogContent, {
+                children: /*#__PURE__*/ _jsxs(Stack, {
+                    spacing: 2,
+                    sx: {
+                        pt: 1
+                    },
+                    children: [
+                        /*#__PURE__*/ _jsx(TextField, {
+                            label: "Endpoint URL",
+                            value: url,
+                            onChange: (event)=>setUrl(event.target.value),
+                            placeholder: "https://example.com/aglyn-webhooks",
+                            helperText: "An https address on a public server. Redirects are not followed.",
+                            fullWidth: true,
+                            autoFocus: true
+                        }),
+                        /*#__PURE__*/ _jsx(TextField, {
+                            label: "Description",
+                            value: description,
+                            onChange: (event)=>setDescription(event.target.value),
+                            placeholder: "Warehouse",
+                            fullWidth: true
+                        }),
+                        /*#__PURE__*/ _jsxs(FormGroup, {
+                            children: [
+                                /*#__PURE__*/ _jsx(Typography, {
+                                    variant: "subtitle2",
+                                    children: 'Events'
+                                }),
+                                events.map((entry)=>/*#__PURE__*/ _jsx(FormControlLabel, {
+                                        control: /*#__PURE__*/ _jsx(Checkbox, {
+                                            checked: chosen.includes(entry.event),
+                                            onChange: ()=>toggle(entry.event)
+                                        }),
+                                        label: /*#__PURE__*/ _jsxs(Stack, {
+                                            children: [
+                                                /*#__PURE__*/ _jsx(Typography, {
+                                                    variant: "body2",
+                                                    children: `${entry.label} (${entry.event})`
+                                                }),
+                                                /*#__PURE__*/ _jsx(Typography, {
+                                                    variant: "caption",
+                                                    color: "text.secondary",
+                                                    children: entry.description
+                                                })
+                                            ]
+                                        })
+                                    }, entry.event))
+                            ]
+                        })
+                    ]
+                })
+            }),
+            /*#__PURE__*/ _jsxs(DialogActions, {
+                children: [
+                    /*#__PURE__*/ _jsx(Button, {
+                        onClick: onClose,
+                        children: 'Cancel'
+                    }),
+                    /*#__PURE__*/ _jsx(Button, {
+                        variant: "contained",
+                        disabled: !valid || busy,
+                        onClick: ()=>onSave({
+                                url: url.trim(),
+                                description: description.trim(),
+                                events: chosen
+                            }),
+                        children: endpoint ? 'Save' : 'Add endpoint'
+                    })
+                ]
+            })
+        ]
+    });
+}
+function SecretDialog(props) {
+    const { secret, onClose } = props;
+    const { enqueueSnackbar } = useSnackbar();
+    return /*#__PURE__*/ _jsxs(Dialog, {
+        open: true,
+        onClose: onClose,
+        fullWidth: true,
+        maxWidth: "sm",
+        children: [
+            /*#__PURE__*/ _jsx(DialogTitle, {
+                children: 'Signing secret'
+            }),
+            /*#__PURE__*/ _jsx(DialogContent, {
+                children: /*#__PURE__*/ _jsxs(Stack, {
+                    spacing: 2,
+                    children: [
+                        /*#__PURE__*/ _jsx(Alert, {
+                            severity: "warning",
+                            children: 'Copy it now. It is not shown again; roll a new one if it is lost.'
+                        }),
+                        /*#__PURE__*/ _jsx(TextField, {
+                            value: secret,
+                            fullWidth: true,
+                            slotProps: {
+                                input: {
+                                    readOnly: true
+                                }
+                            },
+                            label: "Secret"
+                        }),
+                        /*#__PURE__*/ _jsx(Typography, {
+                            variant: "body2",
+                            color: "text.secondary",
+                            children: `Each request carries an ${Webhooks.ORDER_WEBHOOK_SIGNATURE_HEADER} header, t=<timestamp>,v1=<signature>. ` + 'The signature is the HMAC-SHA256, in hex, of the timestamp, a period and the raw body, ' + `keyed with this secret. ${Webhooks.ORDER_WEBHOOK_EVENT_ID_HEADER} is the same on every retry.`
+                        })
+                    ]
+                })
+            }),
+            /*#__PURE__*/ _jsxs(DialogActions, {
+                children: [
+                    /*#__PURE__*/ _jsx(Button, {
+                        onClick: ()=>{
+                            var _navigator_clipboard;
+                            void ((_navigator_clipboard = navigator.clipboard) == null ? void 0 : _navigator_clipboard.writeText(secret).then(()=>enqueueSnackbar('Secret copied', {
+                                    variant: 'success'
+                                })));
+                        },
+                        children: 'Copy'
+                    }),
+                    /*#__PURE__*/ _jsx(Button, {
+                        variant: "contained",
+                        onClick: onClose,
+                        children: 'Done'
+                    })
+                ]
+            })
+        ]
+    });
+}
+/** The endpoint's delivery log, newest first, filtered and paged by a Firestore query. */ export function DeliveriesDialog(props) {
+    const { hostId, endpoint, labelFor, busy, onResend, onClose } = props;
+    const firestore = useFirestore();
+    const [statusFilter, setStatusFilter] = useState('');
+    const [openBody, setOpenBody] = useState(null);
+    const { rows: deliveries, hasMore, page, setPage, pageSize, setPageSize } = usePagedCollection((pageLimit)=>query(collection(firestore, 'hosts', hostId, 'orderWebhookDeliveries'), where('endpointId', '==', endpoint.$id), ...statusFilter ? [
+            where('status', '==', statusFilter)
+        ] : [], orderBy('createdAtMs', 'desc'), limit(pageLimit)), [
+        firestore,
+        hostId,
+        endpoint.$id,
+        statusFilter
+    ], {
+        idField: '$id'
+    });
+    return /*#__PURE__*/ _jsxs(Dialog, {
+        open: true,
+        onClose: onClose,
+        fullWidth: true,
+        maxWidth: "md",
+        children: [
+            /*#__PURE__*/ _jsx(DialogTitle, {
+                children: `Deliveries · ${endpoint.url}`
+            }),
+            /*#__PURE__*/ _jsx(DialogContent, {
+                children: /*#__PURE__*/ _jsxs(Stack, {
+                    spacing: 2,
+                    sx: {
+                        pt: 1
+                    },
+                    children: [
+                        /*#__PURE__*/ _jsxs(TextField, {
+                            select: true,
+                            size: "small",
+                            label: "Status",
+                            value: statusFilter,
+                            onChange: (event)=>setStatusFilter(event.target.value),
+                            sx: {
+                                maxWidth: 200
+                            },
+                            children: [
+                                /*#__PURE__*/ _jsx(MenuItem, {
+                                    value: "",
+                                    children: 'All'
+                                }),
+                                Object.keys(Webhooks.ORDER_WEBHOOK_DELIVERY_STATUS_LABELS).map((key)=>/*#__PURE__*/ _jsx(MenuItem, {
+                                        value: key,
+                                        children: Webhooks.ORDER_WEBHOOK_DELIVERY_STATUS_LABELS[key]
+                                    }, key))
+                            ]
+                        }),
+                        deliveries.length === 0 ? /*#__PURE__*/ _jsx(Typography, {
+                            variant: "body2",
+                            color: "text.secondary",
+                            children: 'No deliveries in the last 30 days.'
+                        }) : deliveries.map((delivery)=>{
+                            var _ref, _last_httpStatus;
+                            var _delivery_attempts, _delivery_attempts1, _delivery_attempts2;
+                            const last = (_delivery_attempts = delivery.attempts) == null ? void 0 : _delivery_attempts[delivery.attempts.length - 1];
+                            return /*#__PURE__*/ _jsxs(Stack, {
+                                spacing: 0.5,
+                                "data-testid": "order-webhook-delivery",
+                                children: [
+                                    /*#__PURE__*/ _jsxs(Stack, {
+                                        direction: "row",
+                                        spacing: 1,
+                                        sx: {
+                                            alignItems: 'center',
+                                            flexWrap: 'wrap'
+                                        },
+                                        children: [
+                                            /*#__PURE__*/ _jsx(Typography, {
+                                                variant: "body2",
+                                                sx: {
+                                                    flex: 1
+                                                },
+                                                children: `${delivery.test ? 'Test event' : labelFor(delivery.event)} · ${new Date(delivery.createdAtMs).toLocaleString()}`
+                                            }),
+                                            /*#__PURE__*/ _jsx(Chip, {
+                                                size: "small",
+                                                variant: "outlined",
+                                                label: Webhooks.ORDER_WEBHOOK_DELIVERY_STATUS_LABELS[delivery.status],
+                                                color: Webhooks.ORDER_WEBHOOK_DELIVERY_STATUS_COLOR[delivery.status]
+                                            }),
+                                            /*#__PURE__*/ _jsx(Button, {
+                                                size: "small",
+                                                onClick: ()=>setOpenBody(openBody === delivery.$id ? null : delivery.$id),
+                                                children: openBody === delivery.$id ? 'Hide body' : 'Body'
+                                            }),
+                                            /*#__PURE__*/ _jsx(Button, {
+                                                size: "small",
+                                                disabled: busy,
+                                                onClick: ()=>onResend(delivery),
+                                                children: 'Resend'
+                                            })
+                                        ]
+                                    }),
+                                    /*#__PURE__*/ _jsx(Typography, {
+                                        variant: "caption",
+                                        color: "text.secondary",
+                                        children: `${(_ref = (_delivery_attempts1 = delivery.attempts) == null ? void 0 : _delivery_attempts1.length) != null ? _ref : 0} attempt${((_delivery_attempts2 = delivery.attempts) == null ? void 0 : _delivery_attempts2.length) === 1 ? '' : 's'}` + (last ? ` · last ${(_last_httpStatus = last.httpStatus) != null ? _last_httpStatus : 'no answer'}${last.error ? ` — ${last.error}` : ''}` : '')
+                                    }),
+                                    openBody === delivery.$id ? /*#__PURE__*/ _jsx(TextField, {
+                                        value: delivery.body,
+                                        multiline: true,
+                                        maxRows: 12,
+                                        fullWidth: true,
+                                        slotProps: {
+                                            input: {
+                                                readOnly: true
+                                            }
+                                        }
+                                    }) : null
+                                ]
+                            }, delivery.$id);
+                        }),
+                        /*#__PURE__*/ _jsx(ListPagination, {
+                            page: page,
+                            pageSize: pageSize,
+                            rowCount: deliveries.length,
+                            hasMore: hasMore,
+                            onPageChange: setPage,
+                            onPageSizeChange: setPageSize
+                        })
+                    ]
+                })
+            }),
+            /*#__PURE__*/ _jsx(DialogActions, {
+                children: /*#__PURE__*/ _jsx(Button, {
+                    onClick: onClose,
+                    children: 'Close'
+                })
+            })
+        ]
+    });
+}
+export default OrderWebhooksCard;
+
+//# sourceMappingURL=order-webhooks-card.component.js.map