@mohasinac/appkit 4.29.1 → 4.30.0

package/dist/features/admin/components/AdminNotificationsView.js

@@ -34,6 +34,7 @@ export function AdminNotificationsView({ children, ...props }) {
         },
     });
     const deleteMutation = useApiMutation({
+        errorMessage: "Failed to delete notification.",
         mutationFn: async (id) => {
             await apiClient.delete(ADMIN_ENDPOINTS.ADMIN_NOTIFICATION_BY_ID(id));
         },
@@ -42,11 +43,9 @@ export function AdminNotificationsView({ children, ...props }) {
             queryClient.invalidateQueries({ queryKey: ["admin", "notifications"] });
             setDeleteTarget(null);
         },
-        onError: (err) => {
-            showToast(err?.message ?? "Failed to delete notification.", "error");
-        },
     });
     const resendMutation = useApiMutation({
+        errorMessage: "Failed to resend notification.",
         mutationFn: async (id) => {
             await apiClient.post(ADMIN_ENDPOINTS.ADMIN_NOTIFICATION_RESEND(id), {});
         },
@@ -54,9 +53,6 @@ export function AdminNotificationsView({ children, ...props }) {
             showToast("Notification resent.", "success");
             queryClient.invalidateQueries({ queryKey: ["admin", "notifications"] });
         },
-        onError: (err) => {
-            showToast(err?.message ?? "Failed to resend notification.", "error");
-        },
     });
     if (React.Children.count(children) > 0) {
         return (_jsx(ListingLayout, { portal: "admin", ...props, children: children }));

package/dist/features/admin/components/AdminOffersView.js

@@ -83,6 +83,7 @@ export function AdminOffersView({ children, ...props }) {
         }
     };
     const cancelMutation = useApiMutation({
+        errorMessage: "Failed to cancel offer.",
         mutationFn: async ({ offerId, reason }) => {
             await apiClient.patch(ADMIN_ENDPOINTS.OFFER_BY_ID(offerId), {
                 status: "expired",
@@ -95,9 +96,6 @@ export function AdminOffersView({ children, ...props }) {
             setCancelOpen(false);
             setSelectedRow(null);
         },
-        onError: (err) => {
-            showToast(err?.message ?? "Failed to cancel offer.", "error");
-        },
     });
     if (React.Children.count(children) > 0) {
         return (_jsx(ListingLayout, { portal: "admin", ...props, children: children }));

package/dist/features/admin/components/AdminOrderEditorView.js

@@ -69,6 +69,7 @@ export function AdminOrderEditorView({ open, onClose, orderId, orderLabel, curre
         }
     }, [open, currentStatus]);
     const saveMutation = useApiMutation({
+        errorMessage: "Failed to update order.",
         mutationFn: async () => {
             const payload = {
                 status,
@@ -90,9 +91,6 @@ export function AdminOrderEditorView({ open, onClose, orderId, orderLabel, curre
             queryClient.invalidateQueries({ queryKey: ["admin", "orders"] });
             onClose();
         },
-        onError: (err) => {
-            showToast(err?.message ?? "Failed to update order.", "error");
-        },
     });
     const handleVerifyPayment = async () => {
         if (!orderId)

package/dist/features/admin/components/AdminPaymentClustersView.js

@@ -21,6 +21,7 @@ export function AdminPaymentClustersView(_props) {
         },
     });
     const flagMutation = useApiMutation({
+        errorMessage: "Failed to flag payment method.",
         mutationFn: async (id) => {
             await apiClient.patch(ADMIN_ENDPOINTS.PAYMENT_METHOD_BY_ID(id), { action: "flag_suspicious" });
         },
@@ -28,9 +29,6 @@ export function AdminPaymentClustersView(_props) {
             showToast("Payment method flagged as suspicious.", "success");
             void queryClient.invalidateQueries({ queryKey: ["admin", "payment-clusters"] });
         },
-        onError: (err) => {
-            showToast(err.message ?? "Failed to flag payment method.", "error");
-        },
     });
     const clusters = data?.clusters ?? [];
     return (_jsxs(Stack, { gap: "lg", padding: "page", children: [_jsxs(Stack, { gap: "none", children: [_jsx(Heading, { level: 2, size: "lg", weight: "semibold", color: "primary", children: "Payment Method Clusters" }), _jsx(Text, { size: "sm", color: "muted", className: "mt-1", children: "Multiple accounts sharing the same payment identifier. Flagging is informational only \u2014 users are not blocked." })] }), isLoading && (_jsx(Row, { justify: "center", padding: "y-4xl", children: _jsx(Div, { className: "h-6 w-6 animate-spin border-2 border-[var(--appkit-color-primary)] border-t-transparent", rounded: "full" }) })), error && (_jsx(Div, { surface: "danger-surface", color: "error", padding: "inline", rounded: "xl", textSize: "sm", children: "Failed to load payment clusters." })), !isLoading && clusters.length === 0 && (_jsx(Div, { surface: "muted", padding: "y-4xl", rounded: "xl", className: "text-center", children: _jsx(Text, { color: "muted", size: "sm", children: "No shared payment identifiers found." }) })), clusters.map((cluster) => (_jsxs(Stack, { surface: "card", padding: "md", gap: "md", rounded: "xl", border: "default", children: [_jsxs(Row, { justify: "between", align: "start", gap: "sm", children: [_jsxs(Stack, { gap: "none", children: [_jsx(Text, { size: "xs", color: "muted", weight: "medium", children: "Identifier Hash" }), _jsx(Span, { size: "xs", color: "muted", className: "font-mono truncate max-w-xs", children: cluster.identifierHash })] }), _jsxs(Badge, { variant: "secondary", size: "sm", children: [cluster.methods.length, " accounts"] })] }), _jsx(Stack, { gap: "xs", children: cluster.methods.map((m) => (_jsxs(Row, { justify: "between", align: "center", gap: "sm", surface: "muted", padding: "inlineSm", rounded: "lg", children: [_jsxs(Stack, { gap: "none", className: "min-w-0", children: [_jsxs(Text, { size: "sm", weight: "medium", color: "primary", className: "truncate", children: [m.type.toUpperCase(), " \u00B7 ", m.displayLabel] }), _jsxs(Text, { size: "xs", color: "muted", children: ["User: ", m.userId] })] }), _jsxs(Row, { gap: "xs", align: "center", children: [m.banStatus && (_jsx(Badge, { variant: BAN_BADGE[m.banStatus] ?? "secondary", size: "sm", children: m.banStatus.replace(/_/g, " ") })), m.banStatus !== "suspicious" && (_jsx(Button, { size: "sm", variant: "ghost", onClick: () => flagMutation.mutate(m.id), disabled: flagMutation.isPending, children: "Flag Suspicious" }))] })] }, m.id))) })] }, cluster.identifierHash)))] }));

package/dist/features/admin/components/AdminPaymentMethodsView.js

@@ -127,6 +127,7 @@ export function AdminPaymentMethodsView(_props) {
     const queryClient = useQueryClient();
     const { showToast } = useToast();
     const actionMutation = useApiMutation({
+        errorMessage: "Failed to update payment method.",
         mutationFn: async ({ id, action }) => {
             await apiClient.patch(ADMIN_ENDPOINTS.PAYMENT_METHOD_BY_ID(id), { action });
         },
@@ -134,9 +135,6 @@ export function AdminPaymentMethodsView(_props) {
             showToast("Payment method updated.", "success");
             void queryClient.invalidateQueries({ queryKey: ["admin", "payment-methods"] });
         },
-        onError: (err) => {
-            showToast(err.message ?? "Failed to update payment method.", "error");
-        },
     });
     const handleAction = (id, action) => {
         actionMutation.mutate({ id, action });

package/dist/features/admin/components/AdminPayoutMarkPaidModal.js

@@ -15,12 +15,13 @@ import { ADMIN_ENDPOINTS } from "../../../constants/api-endpoints";
 import { payoutMarkPaidSchema } from "../schemas/small-forms";
 import { FieldInput } from "../../../ui/forms/FieldInput";
 import { FormErrorSummary } from "../../../ui/forms/FormErrorSummary";
-import { applyZodIssues } from "../../../ui/forms/FormShell";
+import { applyZodIssues } from "../../../ui/forms/apply-zod-issues";
 export function AdminPayoutMarkPaidModal({ isOpen, payoutId, onClose, onSuccess }) {
     const [transactionId, setTransactionId] = useState("");
     const { showToast } = useToast();
     const queryClient = useQueryClient();
     const markPaid = useApiMutation({
+        errorMessage: "Failed to update payout.",
         mutationFn: () => {
             if (!payoutId)
                 throw new Error("No payout selected");
@@ -36,9 +37,6 @@ export function AdminPayoutMarkPaidModal({ isOpen, payoutId, onClose, onSuccess
             onSuccess?.();
             onClose();
         },
-        onError: () => {
-            showToast("Failed to update payout.", "error");
-        },
     });
     const handleClose = () => {
         setTransactionId("");

package/dist/features/admin/components/AdminProductEditorView.js

@@ -156,6 +156,7 @@ export function AdminProductEditorView({ productId, onSaved, onDeleted, embedded
         }));
     };
     const saveMutation = useApiMutation({
+        errorMessage: "Failed to save product.",
         mutationFn: async () => {
             const payload = applyMode(product, mode);
             if (isEdit) {
@@ -176,19 +177,16 @@ export function AdminProductEditorView({ productId, onSaved, onDeleted, embedded
             if (issues && issues.length > 0) {
                 applyZodIssues(issues, setFieldError);
             }
-            showToast(err?.message ?? "Failed to save product.", "error");
         },
     });
     const deleteMutation = useApiMutation({
+        errorMessage: "Failed to delete product.",
         mutationFn: () => apiClient.delete(ADMIN_ENDPOINTS.PRODUCT_BY_ID(productId)),
         onSuccess: () => {
             showToast("Product deleted.", "success");
             if (onDeleted)
                 onDeleted();
         },
-        onError: (err) => {
-            showToast(err?.message ?? "Failed to delete product.", "error");
-        },
     });
     const isSubmitting = saveMutation.isPending || productQuery.isLoading;
     const actionSidebar = (_jsx(FormShellContext.Provider, { value: shellCtx, children: _jsxs(Card, { variant: "outlined", padding: "md", spacing: "sm", children: [_jsx(Text, { className: "tracking-widest", color: "muted", size: "xs", weight: "semibold", transform: "uppercase", children: "Status" }), _jsx(Text, { className: "text-[var(--appkit-color-text-muted)]", size: "sm", children: isEdit ? product.status ?? "—" : "New" }), _jsx(FormErrorSummary, {}), _jsx(Button, { type: "submit", form: "product-editor-form", className: "w-full", isLoading: isSubmitting, disabled: !product.title || isSubmitting, children: isEdit ? "Save changes" : "Create product" }), isEdit && (_jsx(Button, { type: "button", variant: "danger", className: "w-full", isLoading: deleteMutation.isPending, onClick: () => setDeleteOpen(true), children: "Delete product" }))] }) }));

package/dist/features/admin/components/AdminReturnRequestsView.js

@@ -18,6 +18,7 @@ export function AdminReturnRequestsView(_props) {
     const [rejectOpen, setRejectOpen] = useState(false);
     const [selectedRow, setSelectedRow] = useState(null);
     const approveMutation = useApiMutation({
+        errorMessage: "Failed to approve return.",
         mutationFn: async (orderId) => {
             await apiClient.patch(ADMIN_ENDPOINTS.ORDER_BY_ID(orderId), { status: "refunded" });
         },
@@ -28,11 +29,9 @@ export function AdminReturnRequestsView(_props) {
             setApproveOpen(false);
             setSelectedRow(null);
         },
-        onError: (err) => {
-            showToast(err?.message ?? "Failed to approve return.", "error");
-        },
     });
     const rejectMutation = useApiMutation({
+        errorMessage: "Failed to reject return.",
         mutationFn: async (orderId) => {
             await apiClient.patch(ADMIN_ENDPOINTS.ORDER_BY_ID(orderId), { status: "delivered" });
         },
@@ -43,9 +42,6 @@ export function AdminReturnRequestsView(_props) {
             setRejectOpen(false);
             setSelectedRow(null);
         },
-        onError: (err) => {
-            showToast(err?.message ?? "Failed to reject return.", "error");
-        },
     });
     const config = {
         portal: "admin",

package/dist/features/admin/components/AdminReviewsView.js

@@ -22,6 +22,7 @@ export function AdminReviewsView({ children, ...props }) {
     const [replyTarget, setReplyTarget] = useState(null);
     const [replyText, setReplyText] = useState("");
     const patchMutation = useApiMutation({
+        errorMessage: "Failed to update review.",
         mutationFn: async ({ id, payload }) => {
             await apiClient.patch(ADMIN_ENDPOINTS.REVIEW_BY_ID(id), payload);
         },
@@ -29,11 +30,9 @@ export function AdminReviewsView({ children, ...props }) {
             showToast("Review updated.", "success");
             queryClient.invalidateQueries({ queryKey: ["admin", "reviews"] });
         },
-        onError: (err) => {
-            showToast(err?.message ?? "Failed to update review.", "error");
-        },
     });
     const replyMutation = useApiMutation({
+        errorMessage: "Failed to save reply.",
         mutationFn: async () => {
             await apiClient.patch(ADMIN_ENDPOINTS.REVIEW_BY_ID(replyTarget.id), { adminReply: replyText });
         },
@@ -44,9 +43,6 @@ export function AdminReviewsView({ children, ...props }) {
             setReplyText("");
             setReplyTarget(null);
         },
-        onError: (err) => {
-            showToast(err?.message ?? "Failed to save reply.", "error");
-        },
     });
     const handleViewReview = useCallback((rr) => {
         const raw = rr._raw ?? {};

package/dist/features/admin/components/AdminScammerEditorView.js

@@ -26,6 +26,7 @@ export function AdminScammerEditorView({ open, onClose, scammerId, displayNames
         }
     }, [open, currentStatus, verificationNote]);
     const updateMutation = useApiMutation({
+        errorMessage: "Failed to update profile.",
         mutationFn: async () => {
             await apiClient.patch(ADMIN_ENDPOINTS.SCAMMER_BY_ID(scammerId), {
                 status,
@@ -37,11 +38,9 @@ export function AdminScammerEditorView({ open, onClose, scammerId, displayNames
             queryClient.invalidateQueries({ queryKey: ["admin", "scammers"] });
             onClose();
         },
-        onError: (err) => {
-            showToast(err?.message ?? "Failed to update profile.", "error");
-        },
     });
     const deleteMutation = useApiMutation({
+        errorMessage: "Failed to delete profile.",
         mutationFn: async () => {
             await apiClient.delete(ADMIN_ENDPOINTS.SCAMMER_BY_ID(scammerId));
         },
@@ -50,9 +49,6 @@ export function AdminScammerEditorView({ open, onClose, scammerId, displayNames
             queryClient.invalidateQueries({ queryKey: ["admin", "scammers"] });
             onClose();
         },
-        onError: (err) => {
-            showToast(err?.message ?? "Failed to delete profile.", "error");
-        },
     });
     return (_jsx(SideDrawer, { isOpen: open, onClose: onClose, title: displayNames.length > 0 ? displayNames[0] : "Scammer Profile", children: _jsxs(Stack, { className: `${__P.p4}`, gap: "md", children: [_jsx(RecordStatusTimeline, { title: "Decision history", entries: statusHistory, truncatedCount: statusHistoryTruncated }), _jsxs(Row, { align: "center", gap: "sm", children: [_jsx(Span, { size: "xs", weight: "medium", className: `inline-flex ${SCAMMER_STATUS_BADGE[currentStatus ?? ScammerStatusValues.PENDING_REVIEW]}`, rounded: "full", padding: "pill-sm-tall", children: SCAMMER_STATUS_LABEL[currentStatus ?? ScammerStatusValues.PENDING_REVIEW] }), scamType && (_jsx(Span, { size: "xs", rounded: "full", padding: "pill-sm-tall", surface: "subtle", color: "muted", children: scamType.replace(/_/g, " ") }))] }), displayNames.length > 0 && (_jsxs(Div, { children: [_jsx(Text, { className: "mb-1 tracking-wide", color: "muted", size: "xs", weight: "semibold", transform: "uppercase", children: "Names / Aliases" }), _jsx(Row, { wrap: true, gap: "xs", children: displayNames.map((name, i) => (_jsx(Span, { size: "xs", rounded: "full", surface: "subtle", padding: "pill-sm", children: name }, i))) })] })), (phones.length > 0 || upiIds.length > 0) && (_jsxs(Div, { className: `${__P.p3}`, rounded: "lg", surface: "muted", border: "default", children: [phones.length > 0 && (_jsxs(Div, { className: "mb-2", children: [_jsx(Text, { className: CLS_SECTION_LABEL, children: "Phone numbers" }), _jsx(Row, { wrap: true, gap: "xs", children: phones.map((p, i) => (_jsx(Code, { size: "xs", rounded: "default", padding: "sm", surface: "subtle", children: p }, i))) })] })), upiIds.length > 0 && (_jsxs(_Fragment, { children: [_jsx(Text, { className: CLS_SECTION_LABEL, children: "UPI IDs" }), _jsx(Row, { wrap: true, gap: "xs", children: upiIds.map((u, i) => (_jsx(Code, { size: "xs", rounded: "default", padding: "sm", surface: "subtle", children: u }, i))) })] }))] })), description && (_jsxs(Div, { className: `${__P.p3}`, rounded: "lg", surface: "muted", border: "default", children: [_jsx(Text, { className: CLS_SECTION_LABEL, children: "Description" }), _jsx(Text, { className: "whitespace-pre-wrap", color: "primary", size: "sm", children: description })] })), _jsxs(Div, { textSize: "xs", color: "muted", children: ["Reported by:", " ", _jsx(Span, { weight: "medium", color: "muted", children: reportedByAnon ? "Anonymous" : (reportedBy ?? "Unknown") })] }), _jsx(HorizontalRule, { tone: "subtle", spacing: "comfortable" }), _jsx(Select, { label: "Status", options: SCAMMER_STATUS_OPTIONS, value: status, onValueChange: setStatus }), _jsxs(Stack, { gap: "xs", children: [_jsx(Label, { className: "uppercase tracking-wide", color: "muted", size: "xs", weight: "semibold", children: "Verification note (internal)" }), _jsx(Textarea, { value: note, onChange: (e) => setNote(e.target.value), rows: 3, placeholder: "e.g. Verified via 3 independent reports\u2026" })] }), _jsxs(FormActions, { align: "right", children: [_jsx(Button, { type: "button", variant: "danger", size: "sm", disabled: !scammerId, isLoading: deleteMutation.isPending, onClick: () => deleteMutation.mutate(), children: "Delete" }), _jsx(Button, { type: "button", variant: "secondary", onClick: onClose, children: "Cancel" }), _jsx(Button, { type: "button", isLoading: updateMutation.isPending, disabled: !scammerId || updateMutation.isPending, onClick: () => updateMutation.mutate(), children: "Save changes" })] })] }) }));
 }

package/dist/features/admin/components/AdminSectionsView.js

@@ -170,6 +170,7 @@ export function AdminSectionsView({ children }) {
         setReorderUndoStack([]);
     }, [sections]);
     const saveSection = useApiMutation({
+        errorMessage: "Failed to save section.",
         mutationFn: async () => {
             let parsedConfig;
             try {
@@ -207,11 +208,9 @@ export function AdminSectionsView({ children }) {
             toast.showToast(mode === "create" ? "Section created." : "Section updated.", "success");
             setIsModalOpen(false);
         },
-        onError: (error) => {
-            toast.showToast(error instanceof Error ? error.message : "Failed to save section.", "error");
-        },
     });
     const reorderSections = useApiMutation({
+        errorMessage: "Failed to reorder sections.",
         mutationFn: async () => {
             await Promise.all(reorderDraft.map((item) => apiClient.patch(`${ADMIN_ENDPOINTS.SECTIONS}/${item.id}`, {
                 order: item.order,
@@ -225,9 +224,6 @@ export function AdminSectionsView({ children }) {
             setReorderUndoStack([]);
             toast.showToast("Section order updated.", "success");
         },
-        onError: (error) => {
-            toast.showToast(error instanceof Error ? error.message : "Failed to reorder sections.", "error");
-        },
     });
     React.useEffect(() => {
         if (mode !== "edit" || !selectedSectionId)

package/dist/features/admin/components/AdminSessionsView.js

@@ -25,6 +25,7 @@ export function AdminSessionsView({ children, ...props }) {
     const { showToast } = useToast();
     const [revokeTarget, setRevokeTarget] = useState(null);
     const revokeMutation = useApiMutation({
+        errorMessage: "Failed to revoke session.",
         mutationFn: async (id) => {
             await apiClient.delete(ADMIN_ENDPOINTS.SESSION_BY_ID(id));
         },
@@ -33,9 +34,6 @@ export function AdminSessionsView({ children, ...props }) {
             queryClient.invalidateQueries({ queryKey: ["admin", "sessions"] });
             setRevokeTarget(null);
         },
-        onError: (err) => {
-            showToast(err?.message ?? "Failed to revoke session.", "error");
-        },
     });
     if (React.Children.count(children) > 0) {
         return (_jsx(ListingLayout, { portal: "admin", ...props, children: children }));

package/dist/features/admin/components/AdminSidebar.js

@@ -48,13 +48,13 @@ function GroupsContent({ groups, activePath, onItemClick, }) {
                 const hasActive = !!findActiveNavItem(group.items, activePath);
                 return (_jsxs(Div, { className: "mb-0.5", children: [_jsx(Button, { type: "button", variant: "ghost", onClick: () => toggle(group.title), paddingX: "md", paddingY: "sm", weight: "semibold", rounded: "none", className: `w-full text-[0.6875rem] uppercase tracking-widest transition-colors ${hasActive && !isOpen
                                 ? "text-[var(--appkit-color-text-muted)]"
-                                : "text-[var(--appkit-color-text-faint)] hover:text-[var(--appkit-color-text-muted)]"}`, children: _jsxs(Row, { align: "center", justify: "between", className: "w-full", children: [_jsx(Span, { children: group.title }), _jsx("svg", { className: `w-3 h-3 transition-transform duration-150 ${isOpen ? "rotate-180" : ""}`, fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", "aria-hidden": "true", children: _jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2.5, d: "M19 9l-7 7-7-7" }) })] }) }), isOpen && (_jsx(Ul, { paddingX: "x-sm", paddingY: "y-bottom-xs", spacing: "2xs", children: group.items.map((item) => (_jsx(Li, { children: _jsx(NavLink, { item: item, isActive: activeItem?.href === item.href, onClick: onItemClick }) }, item.href))) }))] }, group.title));
+                                : "text-[var(--appkit-color-text-faint)] hover:text-[var(--appkit-color-text-muted)]"}`, children: _jsxs(Row, { align: "center", justify: "between", className: "w-full", children: [_jsx(Span, { children: group.title }), _jsx("svg", { className: `w-3 h-3 transition-transform duration-150 ${isOpen ? "rotate-180" : ""} shrink-0`, fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", "aria-hidden": "true", children: _jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2.5, d: "M19 9l-7 7-7-7" }) })] }) }), isOpen && (_jsx(Ul, { paddingX: "x-sm", paddingY: "y-bottom-xs", spacing: "2xs", children: group.items.map((item) => (_jsx(Li, { children: _jsx(NavLink, { item: item, isActive: activeItem?.href === item.href, onClick: onItemClick }) }, item.href))) }))] }, group.title));
             })] }));
 }
 function DrawerPanel({ title, onClose, children, }) {
     const { hand } = useHandMode();
     const { edgeClass, borderClass } = getSidebarOverlayClasses(hand);
-    return (_jsxs(Div, { className: "hidden lg:block", children: [_jsx(Div, { surface: "overlay-xs", className: "fixed inset-0 z-40 backdrop-blur-sm", onClick: onClose, "aria-hidden": "true" }), _jsxs(Stack, { border: "default", shadow: "2xl", role: "dialog", "aria-modal": "true", "aria-label": title, className: `fixed top-0 ${edgeClass} z-50 h-full w-64 ${borderClass}`, surface: "default", children: [_jsxs(Row, { border: "bottom-subtle", paddingY: "y-sm-tall", className: "shrink-0", padding: "x-md", align: "center", justify: "between", children: [_jsx(Span, { size: "xs", weight: "semibold", transform: "uppercase", color: "muted", children: title }), _jsx(IconButton, { "aria-label": "Close", variant: "ghost", size: "sm", onClick: onClose, icon: _jsx("svg", { className: "w-4 h-4", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", "aria-hidden": "true", children: _jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M6 18L18 6M6 6l12 12" }) }) })] }), _jsx(Div, { className: `flex-1 ${__O.yAuto}`, children: children })] })] }));
+    return (_jsxs(Div, { className: "hidden lg:block", children: [_jsx(Div, { surface: "overlay-xs", className: "fixed inset-0 z-40 backdrop-blur-sm", onClick: onClose, "aria-hidden": "true" }), _jsxs(Stack, { border: "default", shadow: "2xl", role: "dialog", "aria-modal": "true", "aria-label": title, className: `fixed top-0 ${edgeClass} z-50 h-full w-64 ${borderClass}`, surface: "default", children: [_jsxs(Row, { border: "bottom-subtle", paddingY: "y-sm-tall", className: "shrink-0", padding: "x-md", align: "center", justify: "between", children: [_jsx(Span, { size: "xs", weight: "semibold", transform: "uppercase", color: "muted", children: title }), _jsx(IconButton, { "aria-label": "Close", variant: "ghost", size: "sm", onClick: onClose, icon: _jsx("svg", { className: "w-4 h-4 shrink-0", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", "aria-hidden": "true", children: _jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M6 18L18 6M6 6l12 12" }) }) })] }), _jsx(Div, { className: `flex-1 ${__O.yAuto}`, children: children })] })] }));
 }
 export function AdminSidebar({ renderNavItems, renderHeader, renderFooter, activePath = "", groups, mobileOpen = false, desktopOpen = false, variant = "overlay", onCloseMobile, onToggle, }) {
     const close = onCloseMobile ?? (() => { });

package/dist/features/admin/components/AdminSiteSettingsView.js

@@ -619,6 +619,7 @@ export function AdminSiteSettingsView({ labels = {}, ...rest }) {
         };
     }
     const saveAllMutation = useApiMutation({
+        errorMessage: "Failed to save site settings.",
         mutationFn: async () => {
             await apiClient.put(ADMIN_ENDPOINTS.ADMIN_SITE, buildFullPayload());
         },
@@ -629,7 +630,6 @@ export function AdminSiteSettingsView({ labels = {}, ...rest }) {
             // shared useSiteSettings() hook under a different key — must invalidate both.
             queryClient.invalidateQueries({ queryKey: ["site-settings"] });
         },
-        onError: (err) => showToast(err?.message ?? "Failed to save site settings.", "error"),
     });
     const BG_TYPE_OPTIONS = [
         { label: "Solid color", value: "color" },

package/dist/features/admin/components/AdminStoreEditorView.js

@@ -80,6 +80,7 @@ export function AdminStoreEditorView({ open, onClose, storeId, storeName, curren
         }
     }, [open, currentStatus, currentIsVerified, currentIsFeatured, currentCapabilities]);
     const saveMutation = useApiMutation({
+        errorMessage: "Failed to update store.",
         mutationFn: async () => {
             await apiClient.patch(ADMIN_ENDPOINTS.STORE_BY_ID(storeId), {
                 storeStatus,
@@ -95,9 +96,6 @@ export function AdminStoreEditorView({ open, onClose, storeId, storeName, curren
             queryClient.invalidateQueries({ queryKey: ["admin", "stores"] });
             onClose();
         },
-        onError: (err) => {
-            showToast(err?.message ?? "Failed to update store.", "error");
-        },
     });
     const renderStatusSection = () => (_jsx(Select, { label: "Store status", options: STATUS_OPTIONS, value: storeStatus, onValueChange: setStoreStatus }));
     const renderNotesSection = () => (_jsxs(Stack, { gap: "xs", children: [_jsx(Label, { children: "Admin notes (optional)" }), _jsx(Textarea, { value: adminNotes, onChange: (e) => setAdminNotes(e.target.value), rows: 3, placeholder: "e.g. Reason for suspension, approval notes\u2026" })] }));

package/dist/features/admin/components/AdminStoresView.js

@@ -22,24 +22,20 @@ export function AdminStoresView({ children, ...props }) {
     const queryClient = useQueryClient();
     const router = useRouter();
     const verifyStore = useApiMutation({
+        errorMessage: "Failed to verify store.",
         mutationFn: (storeId) => apiClient.patch(ADMIN_ENDPOINTS.STORE_BY_ID(storeId), { isVerified: true }),
         onSuccess: () => {
             toast.showToast("Store verified.", "success");
             void queryClient.invalidateQueries({ queryKey: ["admin", "stores", "listing"] });
         },
-        onError: () => {
-            toast.showToast("Failed to verify store.", "error");
-        },
     });
     const suspendStore = useApiMutation({
+        errorMessage: "Failed to suspend store.",
         mutationFn: (storeId) => apiClient.patch(ADMIN_ENDPOINTS.STORE_BY_ID(storeId), { storeStatus: "suspended" }),
         onSuccess: () => {
             toast.showToast("Store suspended.", "success");
             void queryClient.invalidateQueries({ queryKey: ["admin", "stores", "listing"] });
         },
-        onError: () => {
-            toast.showToast("Failed to suspend store.", "error");
-        },
     });
     if (React.Children.count(children) > 0) {
         return (_jsx(ListingLayout, { portal: "admin", ...props, children: children }));

package/dist/features/admin/components/AdminSublistingCategoryEditorView.js

@@ -42,6 +42,7 @@ export function AdminSublistingCategoryEditorView({ categoryId, onSaved, onDelet
         setCoverImage(cat.coverImage ?? "");
     }, [categoryQuery.data]);
     const saveMutation = useApiMutation({
+        errorMessage: "Failed to save category.",
         mutationFn: async () => {
             const payload = {
                 name,
@@ -60,20 +61,15 @@ export function AdminSublistingCategoryEditorView({ categoryId, onSaved, onDelet
             if (onSaved && id)
                 onSaved(String(id));
         },
-        onError: (err) => {
-            showToast(err?.message ?? "Failed to save category.", "error");
-        },
     });
     const deleteMutation = useApiMutation({
+        errorMessage: "Failed to delete category.",
         mutationFn: () => apiClient.delete(ADMIN_ENDPOINTS.SUBLISTING_CATEGORY_BY_ID(categoryId)),
         onSuccess: () => {
             showToast("Category deleted. All linked listings were unlinked.", "success");
             if (onDeleted)
                 onDeleted();
         },
-        onError: (err) => {
-            showToast(err?.message ?? "Failed to delete category.", "error");
-        },
     });
     const { upload } = useMediaUpload();
     const isSubmitting = saveMutation.isPending || categoryQuery.isLoading;

package/dist/features/admin/components/AdminSupportTicketDetailView.js

@@ -73,6 +73,7 @@ export function AdminSupportTicketDetailView({ open, onClose, ticketId, subject,
         return out;
     }, [parties]);
     const updateMutation = useApiMutation({
+        errorMessage: "Failed to update ticket.",
         mutationFn: async () => {
             await apiClient.patch(ADMIN_ENDPOINTS.SUPPORT_TICKET_BY_ID(ticketId), {
                 status,
@@ -86,11 +87,9 @@ export function AdminSupportTicketDetailView({ open, onClose, ticketId, subject,
             invalidate();
             onClose();
         },
-        onError: (err) => {
-            showToast(err?.message ?? "Failed to update ticket.", "error");
-        },
     });
     const replyMutation = useApiMutation({
+        errorMessage: "Failed to send reply.",
         mutationFn: async () => {
             await apiClient.post(SUPPORT_ENDPOINTS.TICKET_MESSAGES(ticketId), { body: replyBody, newStatus: status });
         },
@@ -100,9 +99,6 @@ export function AdminSupportTicketDetailView({ open, onClose, ticketId, subject,
             invalidate();
             onClose();
         },
-        onError: (err) => {
-            showToast(err?.message ?? "Failed to send reply.", "error");
-        },
     });
     // ST-4 — Apply Store Change action (only relevant for store_change_request)
     const [storeStatus, setStoreStatus] = React.useState("active");
@@ -129,6 +125,7 @@ export function AdminSupportTicketDetailView({ open, onClose, ticketId, subject,
         },
     });
     const applyStoreChange = useApiMutation({
+        errorMessage: "Failed to apply store change.",
         mutationFn: async () => {
             if (!linkedStoreId)
                 throw new Error("No linked store on this ticket.");
@@ -149,9 +146,6 @@ export function AdminSupportTicketDetailView({ open, onClose, ticketId, subject,
                 .catch(console.error);
             invalidate();
         },
-        onError: (err) => {
-            showToast(err?.message ?? "Failed to apply store change.", "error");
-        },
     });
     // ST-3 — Modify Order Items panel (fetches current items on demand, lets
     // admin edit quantity per line + remove lines, then PATCHes the order).
@@ -160,6 +154,7 @@ export function AdminSupportTicketDetailView({ open, onClose, ticketId, subject,
     const linkedOrderId = parties.orderId?.trim() || orderId;
     const isOrderModificationRequest = category === "order_modification_request" || category === "order_issue";
     const loadOrderItems = useApiMutation({
+        errorMessage: "Failed to load order.",
         mutationFn: async () => {
             if (!linkedOrderId)
                 throw new Error("No linked order on this ticket.");
@@ -174,14 +169,12 @@ export function AdminSupportTicketDetailView({ open, onClose, ticketId, subject,
             })));
             setOrderItemsOpen(true);
         },
-        onError: (err) => {
-            showToast(err?.message ?? "Failed to load order.", "error");
-        },
     });
     // ST-5 — Lift Ban actions for unban_request tickets
     const linkedUserId = parties.userId?.trim();
     const isUnbanRequest = category === "unban_request";
     const liftHardBan = useApiMutation({
+        errorMessage: "Failed to lift hard ban.",
         mutationFn: async () => {
             if (!linkedUserId)
                 throw new Error("No linked user on this ticket.");
@@ -198,11 +191,9 @@ export function AdminSupportTicketDetailView({ open, onClose, ticketId, subject,
                 .catch(console.error);
             invalidate();
         },
-        onError: (err) => {
-            showToast(err?.message ?? "Failed to lift hard ban.", "error");
-        },
     });
     const liftSoftBanTickets = useApiMutation({
+        errorMessage: "Failed to lift soft ban.",
         mutationFn: async () => {
             if (!linkedUserId)
                 throw new Error("No linked user on this ticket.");
@@ -219,11 +210,9 @@ export function AdminSupportTicketDetailView({ open, onClose, ticketId, subject,
                 .catch(console.error);
             invalidate();
         },
-        onError: (err) => {
-            showToast(err?.message ?? "Failed to lift soft ban.", "error");
-        },
     });
     const applyOrderItems = useApiMutation({
+        errorMessage: "Failed to update order items.",
         mutationFn: async () => {
             if (!linkedOrderId)
                 throw new Error("No linked order on this ticket.");
@@ -256,9 +245,6 @@ export function AdminSupportTicketDetailView({ open, onClose, ticketId, subject,
             invalidate();
             setOrderItemsOpen(false);
         },
-        onError: (err) => {
-            showToast(err?.message ?? "Failed to update order items.", "error");
-        },
     });
     return (_jsx(SideDrawer, { isOpen: open, onClose: onClose, title: subject ?? "Support Ticket", children: _jsxs(Stack, { className: `${__P.p4}`, gap: "md", children: [_jsxs(Row, { align: "center", gap: "sm", wrap: true, children: [_jsx(Span, { size: "xs", weight: "medium", className: `inline-flex ${STATUS_COLOR[currentStatus ?? "open"] ?? STATUS_COLOR.open}`, rounded: "full", padding: "pill-sm-tall", children: (currentStatus ?? "open").replace(/_/g, " ") }), _jsx(Span, { size: "xs", rounded: "full", padding: "pill-sm-tall", surface: "subtle", color: "muted", children: category }), orderId && (_jsxs(Span, { size: "xs", rounded: "full", padding: "pill-sm-tall", surface: "subtle", color: "muted", children: ["Order: ", orderId] }))] }), _jsxs(Div, { textSize: "sm", color: "muted", children: ["From: ", _jsx(Span, { weight: "medium", color: "primary", children: userDisplayName })] }), description && (_jsxs(Div, { className: `${__P.p3}`, rounded: "lg", surface: "muted", border: "default", children: [_jsx(Text, { className: "mb-1 tracking-wide", color: "muted", size: "xs", weight: "semibold", transform: "uppercase", children: "Description" }), _jsx(Text, { className: "whitespace-pre-wrap", color: "primary", size: "sm", children: description })] })), messages.length > 0 && (_jsxs(Stack, { gap: "sm", children: [_jsxs(Text, { className: "tracking-wide", color: "muted", size: "xs", weight: "semibold", transform: "uppercase", children: ["Messages (", messages.length, ")"] }), _jsx(Stack, { className: `max-h-64 ${__O.yAuto}`, gap: "sm", children: messages.map((msg, i) => (_jsxs(Div, { textSize: "sm", surface: msg.authorRole === "user" ? "default" : "info-surface", className: msg.authorRole === "user" ? "border border-[var(--appkit-color-border)]" : "border border-[var(--appkit-color-info)]", rounded: "lg", padding: "sm", children: [_jsxs(Row, { color: "muted", textSize: "xs", className: "mb-1", align: "center", gap: "sm", children: [_jsx(Span, { weight: "medium", color: "muted", children: ROLE_LABEL[msg.authorRole ?? "user"] ?? msg.authorRole }), msg.createdAt && (_jsx(Span, { children: new Date(msg.createdAt).toLocaleString() }))] }), _jsx(Text, { className: "whitespace-pre-wrap", color: "primary", children: msg.body })] }, msg.id ?? i))) })] })), _jsxs(Stack, { gap: "xs", children: [_jsx(Label, { className: "uppercase tracking-wide", color: "muted", size: "xs", weight: "semibold", children: "Reply to user" }), _jsx(Textarea, { value: replyBody, onChange: (e) => setReplyBody(e.target.value), rows: 3, placeholder: "Type a reply\u2026" }), _jsx(Button, { type: "button", variant: "primary", size: "sm", isLoading: replyMutation.isPending, disabled: !replyBody.trim() || !ticketId || replyMutation.isPending, onClick: () => replyMutation.mutate(), children: "Send reply" })] }), _jsx(HorizontalRule, { tone: "subtle", spacing: "comfortable" }), _jsx(RecordStatusTimeline, { entries: statusHistory, truncatedCount: statusHistoryTruncated }), _jsx(HorizontalRule, { tone: "subtle", spacing: "comfortable" }), _jsx(Select, { label: "Status", options: STATUS_OPTIONS, value: status, onValueChange: setStatus }), _jsx(Select, { label: "Priority", options: PRIORITY_OPTIONS, value: priority, onValueChange: setPriority }), _jsxs(Stack, { gap: "xs", children: [_jsx(Label, { className: "uppercase tracking-wide", color: "muted", size: "xs", weight: "semibold", children: "Internal notes (staff only)" }), _jsx(Textarea, { value: notes, onChange: (e) => setNotes(e.target.value), rows: 3, placeholder: "Notes visible only to admins and employees\u2026" })] }), _jsxs(Stack, { padding: "sm", gap: "sm", rounded: "lg", border: "default", children: [_jsx(Text, { className: "tracking-wide", color: "muted", size: "xs", weight: "semibold", transform: "uppercase", children: "Linked parties" }), _jsx(Text, { size: "xs", color: "muted", children: "Tag the buyer / store / order / product / bid this ticket concerns." }), [
                             ["userId", "User slug"],

package/dist/features/admin/components/AdminTesterChecklistItemEditorView.js

@@ -79,6 +79,7 @@ export function AdminTesterChecklistItemEditorView({ itemId, onSaved, onDeleted,
             setPageKey(slugifyKey(value));
     };
     const saveMutation = useApiMutation({
+        errorMessage: "Failed to save checklist item.",
         mutationFn: async () => {
             const payload = {
                 groupKey: groupKey || slugifyKey(groupLabel),
@@ -104,18 +105,15 @@ export function AdminTesterChecklistItemEditorView({ itemId, onSaved, onDeleted,
             if (onSaved && id)
                 onSaved(id);
         },
-        onError: (err) => {
-            showToast(err?.message ?? "Failed to save checklist item.", "error");
-        },
     });
     const deleteMutation = useApiMutation({
+        errorMessage: "Failed to delete checklist item.",
         mutationFn: () => apiClient.delete(ADMIN_ENDPOINTS.TESTER_CHECKLIST_ITEM_BY_ID(itemId)),
         onSuccess: () => {
             showToast("Checklist item deleted.", "success");
             if (onDeleted)
                 onDeleted();
         },
-        onError: (err) => showToast(err?.message ?? "Failed to delete checklist item.", "error"),
     });
     const isSubmitting = saveMutation.isPending || itemQuery.isLoading;
     const canSave = Boolean(groupLabel.trim()) && Boolean(pageLabel.trim()) && Boolean(label.trim());