@mohasinac/appkit 2.3.0 → 2.3.1

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

@@ -0,0 +1,225 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import React from "react";
+import { useMutation, useQuery } from "@tanstack/react-query";
+import { Alert, Button, Form, FormActions, Input, Select, StackedViewShell, Text, Toggle, } from "../../../ui";
+import { apiClient } from "../../../http";
+import { ADMIN_ENDPOINTS } from "../../../constants/api-endpoints";
+export function AdminAdEditorView({ adId, endpointBase = ADMIN_ENDPOINTS.ADS, labels = {}, onSaved, ...rest }) {
+    const [name, setName] = React.useState("");
+    const [provider, setProvider] = React.useState("manual");
+    const [status, setStatus] = React.useState("draft");
+    const [priority, setPriority] = React.useState(0);
+    const [requiresConsent, setRequiresConsent] = React.useState(false);
+    const [selectedPlacements, setSelectedPlacements] = React.useState([]);
+    const [startAt, setStartAt] = React.useState("");
+    const [endAt, setEndAt] = React.useState("");
+    const [title, setTitle] = React.useState("");
+    const [body, setBody] = React.useState("");
+    const [imageUrl, setImageUrl] = React.useState("");
+    const [ctaLabel, setCtaLabel] = React.useState("");
+    const [ctaHref, setCtaHref] = React.useState("");
+    const [adsenseSlot, setAdsenseSlot] = React.useState("");
+    const [thirdPartyUrl, setThirdPartyUrl] = React.useState("");
+    const [saveMessage, setSaveMessage] = React.useState(null);
+    const metaQuery = useQuery({
+        queryKey: ["admin-ads-editor-meta", endpointBase],
+        queryFn: () => apiClient.get(endpointBase),
+        staleTime: 15000,
+    });
+    const adQuery = useQuery({
+        queryKey: ["admin-ad-by-id", adId],
+        queryFn: () => apiClient.get(ADMIN_ENDPOINTS.AD_BY_ID(adId)),
+        enabled: Boolean(adId),
+        staleTime: 15000,
+    });
+    React.useEffect(() => {
+        if (!adQuery.data?.item)
+            return;
+        const item = adQuery.data.item;
+        setName(item.name || "");
+        setProvider(item.provider || "manual");
+        setStatus(item.status || "draft");
+        setPriority(item.priority ?? 0);
+        setRequiresConsent(Boolean(item.requiresConsent));
+        setSelectedPlacements(item.placementIds ?? []);
+        setStartAt(item.startAt || "");
+        setEndAt(item.endAt || "");
+        setTitle(item.creative?.title || "");
+        setBody(item.creative?.body || "");
+        setImageUrl(item.creative?.imageUrl || "");
+        setCtaLabel(item.creative?.ctaLabel || "");
+        setCtaHref(item.creative?.ctaHref || "");
+        setAdsenseSlot(item.creative?.adsenseSlot || "");
+        setThirdPartyUrl(item.creative?.thirdPartyUrl || "");
+    }, [adQuery.data]);
+    const saveMutation = useMutation({
+        mutationFn: async () => {
+            const payload = {
+                name,
+                provider,
+                status,
+                priority,
+                requiresConsent,
+                placementIds: selectedPlacements,
+                startAt: startAt || undefined,
+                endAt: endAt || undefined,
+                creative: {
+                    title: title || undefined,
+                    body: body || undefined,
+                    imageUrl: imageUrl || undefined,
+                    ctaLabel: ctaLabel || undefined,
+                    ctaHref: ctaHref || undefined,
+                    adsenseSlot: adsenseSlot || undefined,
+                    thirdPartyUrl: thirdPartyUrl || undefined,
+                },
+            };
+            if (adId) {
+                await apiClient.patch(ADMIN_ENDPOINTS.AD_BY_ID(adId), payload);
+                return adId;
+            }
+            const created = await apiClient.post(endpointBase, payload);
+            return created.id;
+        },
+        onSuccess: (savedId) => {
+            setSaveMessage("Saved successfully.");
+            if (savedId) {
+                onSaved?.(savedId);
+            }
+        },
+        onError: (error) => {
+            setSaveMessage(error instanceof Error ? error.message : "Save failed");
+        },
+    });
+    const placements = adQuery.data?.placements ?? metaQuery.data?.placements ?? [];
+    const providerCredentialStatus = metaQuery.data?.providerCredentialStatus;
+    const publishIssues = React.useMemo(() => {
+        const issues = [];
+        const now = Date.now();
+        if (!name.trim()) {
+            issues.push("Ad name is required");
+        }
+        if (selectedPlacements.length === 0) {
+            issues.push("Select at least one placement");
+        }
+        const knownPlacementIds = new Set(placements.map((placement) => placement.id));
+        const enabledPlacementIds = new Set(placements.filter((placement) => placement.enabled).map((placement) => placement.id));
+        const unknownPlacements = selectedPlacements.filter((placementId) => !knownPlacementIds.has(placementId));
+        if (unknownPlacements.length > 0) {
+            issues.push(`Unknown placements: ${unknownPlacements.join(", ")}`);
+        }
+        const disabledPlacements = selectedPlacements.filter((placementId) => !enabledPlacementIds.has(placementId));
+        if (disabledPlacements.length > 0) {
+            issues.push(`Selected placements are disabled: ${disabledPlacements.join(", ")}`);
+        }
+        const startMs = startAt ? new Date(startAt).getTime() : null;
+        const endMs = endAt ? new Date(endAt).getTime() : null;
+        if (startAt && Number.isNaN(startMs)) {
+            issues.push("Start date must be a valid ISO timestamp");
+        }
+        if (endAt && Number.isNaN(endMs)) {
+            issues.push("End date must be a valid ISO timestamp");
+        }
+        if (startMs !== null &&
+            endMs !== null &&
+            !Number.isNaN(startMs) &&
+            !Number.isNaN(endMs) &&
+            endMs <= startMs) {
+            issues.push("End date must be after start date");
+        }
+        if (status === "scheduled") {
+            if (!startAt || startMs === null || Number.isNaN(startMs)) {
+                issues.push("Scheduled ads require a valid start date");
+            }
+            else if (startMs <= now) {
+                issues.push("Scheduled ads must start in the future");
+            }
+        }
+        if (status === "active") {
+            if (startMs !== null && !Number.isNaN(startMs) && startMs > now) {
+                issues.push("Active ads cannot have a future start date");
+            }
+            if (endMs !== null && !Number.isNaN(endMs) && endMs <= now) {
+                issues.push("Active ads cannot have an end date in the past");
+            }
+        }
+        if (provider === "manual") {
+            if (!title.trim() && !body.trim() && !imageUrl.trim() && !ctaHref.trim()) {
+                issues.push("Manual ads need at least one creative field (title, body, image, or CTA URL)");
+            }
+        }
+        if (provider === "adsense") {
+            if (!adsenseSlot.trim()) {
+                issues.push("AdSense ads require an AdSense slot id");
+            }
+            if (!providerCredentialStatus?.hasAdsenseClientId) {
+                issues.push("AdSense provider credentials are missing in ad settings");
+            }
+        }
+        if (provider === "thirdParty") {
+            if (!thirdPartyUrl.trim()) {
+                issues.push("Third-party ads require a third-party URL");
+            }
+            else {
+                try {
+                    const parsed = new URL(thirdPartyUrl.trim());
+                    if (parsed.protocol !== "https:") {
+                        issues.push("Third-party ad URL must be https");
+                    }
+                }
+                catch {
+                    issues.push("Third-party ad URL must be a valid URL");
+                }
+            }
+            if (!providerCredentialStatus?.hasThirdPartyScriptUrl) {
+                issues.push("Third-party provider script URL is missing in ad settings");
+            }
+        }
+        return issues;
+    }, [
+        adsenseSlot,
+        body,
+        ctaHref,
+        endAt,
+        imageUrl,
+        name,
+        placements,
+        provider,
+        providerCredentialStatus?.hasAdsenseClientId,
+        providerCredentialStatus?.hasThirdPartyScriptUrl,
+        selectedPlacements,
+        startAt,
+        status,
+        thirdPartyUrl,
+        title,
+    ]);
+    const publishHardeningRequired = status === "active" || status === "scheduled";
+    const blockedByPublishValidation = publishHardeningRequired && publishIssues.length > 0;
+    const togglePlacement = (placementId) => {
+        setSelectedPlacements((prev) => prev.includes(placementId)
+            ? prev.filter((id) => id !== placementId)
+            : [...prev, placementId]);
+        setSaveMessage(null);
+    };
+    return (_jsx(StackedViewShell, { portal: "admin", ...rest, title: labels.title ?? (adId ? "Edit Ad" : "Create Ad"), sections: [
+            metaQuery.error ? (_jsx(Alert, { variant: "error", title: "Could not load ad metadata", children: metaQuery.error instanceof Error ? metaQuery.error.message : "Unknown error" })) : null,
+            adQuery.error ? (_jsx(Alert, { variant: "error", title: "Could not load ad", children: adQuery.error instanceof Error ? adQuery.error.message : "Unknown error" })) : null,
+            _jsxs(Form, { onSubmit: (event) => {
+                    event.preventDefault();
+                    if (blockedByPublishValidation) {
+                        setSaveMessage("Cannot save in publish-ready status until validation issues are fixed.");
+                        return;
+                    }
+                    saveMutation.mutate();
+                }, className: "space-y-4", children: [_jsx(Input, { label: "Ad name", value: name, onChange: (event) => setName(event.target.value), placeholder: "Summer Campaign" }), _jsxs("div", { className: "grid grid-cols-1 md:grid-cols-3 gap-3", "data-section": "adminadeditorview-div-235", children: [_jsx(Select, { label: "Provider", value: provider, options: [
+                                    { label: "Manual", value: "manual" },
+                                    { label: "AdSense", value: "adsense" },
+                                    { label: "Third Party", value: "thirdParty" },
+                                ], onChange: (event) => setProvider(event.target.value) }), _jsx(Select, { label: "Status", value: status, options: [
+                                    { label: "Draft", value: "draft" },
+                                    { label: "Active", value: "active" },
+                                    { label: "Scheduled", value: "scheduled" },
+                                    { label: "Paused", value: "paused" },
+                                ], onChange: (event) => setStatus(event.target.value) }), _jsx(Input, { label: "Priority", type: "number", value: String(priority), onChange: (event) => setPriority(Number(event.target.value || 0)) })] }), _jsx(Toggle, { checked: requiresConsent, onChange: setRequiresConsent, label: "Require user ad-consent for this ad" }), _jsxs("div", { className: "space-y-2", "data-section": "adminadeditorview-div-236", children: [_jsx(Text, { className: "text-sm font-medium", children: "Placements" }), _jsx("div", { className: "grid grid-cols-1 md:grid-cols-2 gap-2", "data-section": "adminadeditorview-div-237", children: placements.map((placement) => (_jsxs("label", { className: "flex items-center gap-2 rounded-md border border-neutral-200 dark:border-slate-700 px-3 py-2", children: [_jsx("input", { type: "checkbox", checked: selectedPlacements.includes(placement.id), onChange: () => togglePlacement(placement.id) }), _jsx("span", { className: "text-sm", children: placement.label })] }, placement.id))) })] }), _jsxs("div", { className: "grid grid-cols-1 md:grid-cols-2 gap-3", "data-section": "adminadeditorview-div-238", children: [_jsx(Input, { label: "Start at (ISO)", value: startAt, onChange: (event) => setStartAt(event.target.value), placeholder: "2026-05-01T00:00:00.000Z" }), _jsx(Input, { label: "End at (ISO)", value: endAt, onChange: (event) => setEndAt(event.target.value), placeholder: "2026-05-30T23:59:59.000Z" })] }), _jsxs("div", { className: "grid grid-cols-1 md:grid-cols-2 gap-3", "data-section": "adminadeditorview-div-239", children: [_jsx(Input, { label: "Creative title", value: title, onChange: (event) => setTitle(event.target.value), placeholder: "Catch the mega sale" }), _jsx(Input, { label: "Creative body", value: body, onChange: (event) => setBody(event.target.value), placeholder: "Up to 40% off this weekend" }), _jsx(Input, { label: "Image URL", value: imageUrl, onChange: (event) => setImageUrl(event.target.value), placeholder: "https://..." }), _jsx(Input, { label: "CTA label", value: ctaLabel, onChange: (event) => setCtaLabel(event.target.value), placeholder: "Shop now" }), _jsx(Input, { label: "CTA URL", value: ctaHref, onChange: (event) => setCtaHref(event.target.value), placeholder: "/promotions/deals" }), provider === "adsense" ? (_jsx(Input, { label: "AdSense slot", value: adsenseSlot, onChange: (event) => setAdsenseSlot(event.target.value), placeholder: "1234567890" })) : null, provider === "thirdParty" ? (_jsx(Input, { label: "Third-party URL", value: thirdPartyUrl, onChange: (event) => setThirdPartyUrl(event.target.value), placeholder: "https://adnetwork.example/slot" })) : null] }), _jsxs("div", { className: "rounded-lg border border-neutral-200 dark:border-slate-700 p-3", "data-section": "adminadeditorview-div-240", children: [_jsx(Text, { className: "text-sm font-medium mb-1", children: "Preview" }), _jsx(Text, { className: "text-xs text-neutral-500 dark:text-zinc-400", children: title || name || "Untitled ad" }), body ? _jsx(Text, { className: "text-sm mt-1", children: body }) : null, ctaLabel ? _jsxs(Text, { className: "text-xs mt-1", children: ["CTA: ", ctaLabel, " (", ctaHref || "#", ")"] }) : null] }), publishHardeningRequired && publishIssues.length > 0 ? (_jsx(Alert, { variant: "warning", title: "Publish readiness issues", children: publishIssues.join("; ") })) : null, _jsx(FormActions, { align: "right", children: _jsx(Button, { type: "submit", disabled: saveMutation.isPending || blockedByPublishValidation || !name.trim() || selectedPlacements.length === 0, children: saveMutation.isPending ? "Saving..." : status === "active" ? "Publish ad" : adId ? "Save changes" : "Create ad" }) }), saveMessage ? (_jsx(Alert, { variant: saveMessage.includes("failed") || saveMessage.includes("Failed") ? "error" : "success", title: "Save status", children: saveMessage })) : null] }),
+        ] }));
+}

package/dist/features/admin/components/AdminAdsView.d.ts

@@ -0,0 +1,25 @@
+import React from "react";
+import type { StackedViewShellProps } from "../../../ui";
+export type AdminAdStatus = "draft" | "active" | "scheduled" | "paused";
+export type AdminAdProvider = "manual" | "adsense" | "thirdParty";
+export interface AdminAdItem {
+    id: string;
+    name: string;
+    provider: AdminAdProvider;
+    status: AdminAdStatus;
+    placementIds: string[];
+    requiresConsent: boolean;
+    priority: number;
+    startAt?: string;
+    endAt?: string;
+    updatedAt?: string;
+}
+export interface AdminAdsViewProps extends Omit<StackedViewShellProps, "sections"> {
+    endpoint?: string;
+    labels?: {
+        title?: string;
+    };
+    createHref?: string;
+    renderEditLink?: (item: AdminAdItem) => React.ReactNode;
+}
+export declare function AdminAdsView({ endpoint, labels, createHref, renderEditLink, ...rest }: AdminAdsViewProps): import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,165 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import React from "react";
+import { useMutation, useQuery, useQueryClient } from "@tanstack/react-query";
+import { Alert, Button, Input, Select, StackedViewShell, Text } from "../../../ui";
+import { apiClient } from "../../../http";
+import { ADMIN_ENDPOINTS } from "../../../constants/api-endpoints";
+import { DataTable } from "./DataTable";
+export function AdminAdsView({ endpoint = ADMIN_ENDPOINTS.ADS, labels = {}, createHref = "/admin/ads/new", renderEditLink, ...rest }) {
+    const queryClient = useQueryClient();
+    const [page, setPage] = React.useState(1);
+    const [pageSize] = React.useState(20);
+    const [q, setQ] = React.useState("");
+    const [status, setStatus] = React.useState("all");
+    const [provider, setProvider] = React.useState("all");
+    const [placement, setPlacement] = React.useState("all");
+    const [consentRequired, setConsentRequired] = React.useState(false);
+    const [adsenseClientId, setAdsenseClientId] = React.useState("");
+    const [thirdPartyScriptUrl, setThirdPartyScriptUrl] = React.useState("");
+    const [settingsMessage, setSettingsMessage] = React.useState(null);
+    const queryKey = ["admin-ads", endpoint, page, pageSize, q, status, provider, placement];
+    const adsQuery = useQuery({
+        queryKey,
+        queryFn: () => {
+            const sp = new URLSearchParams();
+            sp.set("page", String(page));
+            sp.set("pageSize", String(pageSize));
+            if (q.trim())
+                sp.set("q", q.trim());
+            if (status !== "all")
+                sp.set("status", status);
+            if (provider !== "all")
+                sp.set("provider", provider);
+            if (placement !== "all")
+                sp.set("placement", placement);
+            return apiClient.get(`${endpoint}?${sp.toString()}`);
+        },
+        staleTime: 10000,
+    });
+    const statusMutation = useMutation({
+        mutationFn: async ({ id, nextStatus }) => {
+            await apiClient.patch(ADMIN_ENDPOINTS.AD_BY_ID(id), { status: nextStatus });
+        },
+        onSuccess: async () => {
+            await queryClient.invalidateQueries({ queryKey: ["admin-ads"] });
+        },
+    });
+    React.useEffect(() => {
+        if (!adsQuery.data)
+            return;
+        setConsentRequired(Boolean(adsQuery.data.consentRequired));
+    }, [adsQuery.data]);
+    const settingsMutation = useMutation({
+        mutationFn: async (payload) => {
+            await apiClient.patch(endpoint, payload);
+        },
+        onSuccess: async () => {
+            setSettingsMessage("Ad settings saved.");
+            setAdsenseClientId("");
+            setThirdPartyScriptUrl("");
+            await queryClient.invalidateQueries({ queryKey: ["admin-ads"] });
+        },
+        onError: (error) => {
+            setSettingsMessage(error instanceof Error ? error.message : "Failed to save ad settings");
+        },
+    });
+    const rows = (adsQuery.data?.items ?? []);
+    const columns = React.useMemo(() => [
+        {
+            key: "name",
+            header: "Ad",
+            render: (row) => (_jsxs("div", { "data-section": "adminadsview-div-241", children: [_jsx(Text, { className: "font-medium", children: row.name }), _jsx(Text, { className: "text-xs text-neutral-500 dark:text-zinc-400", children: row.id })] })),
+        },
+        {
+            key: "provider",
+            header: "Provider",
+            render: (row) => _jsx(Text, { className: "text-xs uppercase tracking-wide", children: row.provider }),
+        },
+        {
+            key: "status",
+            header: "Status",
+            render: (row) => (_jsxs("div", { "data-section": "adminadsview-div-242", children: [_jsx(Text, { className: "text-xs uppercase tracking-wide", children: row.status }), row.publishReady === false ? (_jsx(Text, { className: "text-[11px] text-red-600 dark:text-red-300", children: "Publish blocked" })) : null] })),
+        },
+        {
+            key: "placementIds",
+            header: "Placements",
+            render: (row) => (_jsx(Text, { className: "text-xs text-neutral-500 dark:text-zinc-400", children: row.placementIds.join(", ") })),
+        },
+        {
+            key: "actions",
+            header: "Actions",
+            render: (row) => {
+                const nextStatus = row.status === "active" ? "paused" : "active";
+                const cannotPublish = nextStatus === "active" && row.publishReady === false;
+                return (_jsxs("div", { className: "flex items-center gap-2", "data-section": "adminadsview-div-243", children: [renderEditLink ? renderEditLink(row) : (_jsx("a", { className: "inline-flex h-8 items-center rounded-md border border-neutral-200 px-3 text-xs dark:border-slate-700", href: `/admin/ads/${row.id}/edit`, children: "Edit" })), _jsx(Button, { size: "sm", variant: "outline", disabled: statusMutation.isPending || cannotPublish, onClick: () => statusMutation.mutate({ id: row.id, nextStatus }), children: row.status === "active" ? "Pause" : "Publish" })] }));
+            },
+        },
+    ], [renderEditLink, statusMutation]);
+    const placements = adsQuery.data?.placements ?? [];
+    const credentialStatus = adsQuery.data?.providerCredentialStatus;
+    const serverCredentialIssues = credentialStatus?.issues ?? [];
+    const localCredentialIssues = React.useMemo(() => {
+        const issues = [];
+        if (adsenseClientId.trim() && !/^ca-pub-[0-9]{10,20}$/.test(adsenseClientId.trim())) {
+            issues.push("AdSense client id must match format ca-pub-XXXXXXXXXX");
+        }
+        if (thirdPartyScriptUrl.trim()) {
+            try {
+                const parsed = new URL(thirdPartyScriptUrl.trim());
+                if (parsed.protocol !== "https:") {
+                    issues.push("Third-party script URL must be https");
+                }
+            }
+            catch {
+                issues.push("Third-party script URL must be a valid URL");
+            }
+        }
+        return issues;
+    }, [adsenseClientId, thirdPartyScriptUrl]);
+    const hasPendingCredentialInput = adsenseClientId.trim().length > 0 || thirdPartyScriptUrl.trim().length > 0;
+    const saveSettings = () => {
+        setSettingsMessage(null);
+        const payload = {
+            consentRequired,
+            providerCredentials: {
+                adsenseClientId: adsenseClientId.trim() || undefined,
+                thirdPartyScriptUrl: thirdPartyScriptUrl.trim() || undefined,
+            },
+        };
+        settingsMutation.mutate(payload);
+    };
+    return (_jsx(StackedViewShell, { portal: "admin", ...rest, title: labels.title ?? "Ad Inventory", sections: [
+            _jsxs("div", { className: "flex items-center justify-between gap-3", "data-section": "adminadsview-div-244", children: [_jsx(Text, { variant: "secondary", children: "Manage ad inventory, placement mapping, and publishing state." }), _jsx("a", { href: createHref, className: "inline-flex h-9 items-center rounded-md bg-neutral-900 px-3 text-sm font-medium text-white dark:bg-zinc-100 dark:text-zinc-900", children: "New ad" })] }),
+            adsQuery.error ? (_jsx(Alert, { variant: "error", title: "Could not load ads", children: adsQuery.error instanceof Error ? adsQuery.error.message : "Unknown error" })) : null,
+            _jsxs("div", { className: "rounded-lg border border-neutral-200 dark:border-slate-700 p-3 space-y-3", "data-section": "adminadsview-div-245", children: [_jsx(Text, { className: "text-sm font-semibold", children: "Provider and publish settings" }), _jsx(Text, { className: "text-xs text-neutral-500 dark:text-zinc-400", children: "Save provider credentials here before publishing AdSense or third-party inventory." }), serverCredentialIssues.length > 0 ? (_jsx(Alert, { variant: "warning", title: "Provider credentials need attention", children: serverCredentialIssues.join("; ") })) : null, _jsxs("div", { className: "grid grid-cols-1 md:grid-cols-2 gap-3", "data-section": "adminadsview-div-246", children: [_jsx(Input, { label: "AdSense client id", value: adsenseClientId, onChange: (event) => setAdsenseClientId(event.target.value), placeholder: adsQuery.data?.providerCredentialsMasked?.adsenseClientId || "ca-pub-XXXXXXXXXX" }), _jsx(Input, { label: "Third-party script URL", value: thirdPartyScriptUrl, onChange: (event) => setThirdPartyScriptUrl(event.target.value), placeholder: adsQuery.data?.providerCredentialsMasked?.thirdPartyScriptUrl || "https://..." })] }), _jsxs(Text, { className: "text-xs text-neutral-500 dark:text-zinc-400", children: ["Stored credentials: AdSense ", credentialStatus?.hasAdsenseClientId ? "configured" : "missing", " \u00B7 Third-party ", credentialStatus?.hasThirdPartyScriptUrl ? "configured" : "missing"] }), _jsxs("div", { className: "flex items-center justify-between gap-3", "data-section": "adminadsview-div-247", children: [_jsxs("label", { className: "flex items-center gap-2 text-sm", children: [_jsx("input", { type: "checkbox", checked: consentRequired, onChange: (event) => setConsentRequired(event.target.checked) }), "Require consent globally for ad rendering"] }), _jsx(Button, { size: "sm", variant: "outline", disabled: settingsMutation.isPending || localCredentialIssues.length > 0 || (!hasPendingCredentialInput && consentRequired === Boolean(adsQuery.data?.consentRequired)), onClick: saveSettings, children: settingsMutation.isPending ? "Saving..." : "Save settings" })] }), localCredentialIssues.length > 0 ? (_jsx(Alert, { variant: "error", title: "Fix settings before saving", children: localCredentialIssues.join("; ") })) : null, settingsMessage ? (_jsx(Alert, { variant: settingsMessage.toLowerCase().includes("failed") ? "error" : "success", title: "Settings", children: settingsMessage })) : null] }),
+            _jsxs("div", { className: "grid grid-cols-1 md:grid-cols-4 gap-3", "data-section": "adminadsview-div-248", children: [_jsx(Input, { label: "Search", value: q, onChange: (event) => {
+                            setPage(1);
+                            setQ(event.target.value);
+                        }, placeholder: "Search ads" }), _jsx(Select, { label: "Status", value: status, options: [
+                            { label: "All", value: "all" },
+                            { label: "Draft", value: "draft" },
+                            { label: "Active", value: "active" },
+                            { label: "Scheduled", value: "scheduled" },
+                            { label: "Paused", value: "paused" },
+                        ], onChange: (event) => {
+                            setPage(1);
+                            setStatus(event.target.value);
+                        } }), _jsx(Select, { label: "Provider", value: provider, options: [
+                            { label: "All", value: "all" },
+                            { label: "Manual", value: "manual" },
+                            { label: "AdSense", value: "adsense" },
+                            { label: "Third Party", value: "thirdParty" },
+                        ], onChange: (event) => {
+                            setPage(1);
+                            setProvider(event.target.value);
+                        } }), _jsx(Select, { label: "Placement", value: placement, options: [
+                            { label: "All", value: "all" },
+                            ...placements.map((item) => ({ label: item.label, value: item.id })),
+                        ], onChange: (event) => {
+                            setPage(1);
+                            setPlacement(event.target.value);
+                        } })] }),
+            _jsx(DataTable, { columns: columns, rows: rows, isLoading: adsQuery.isLoading, currentPage: adsQuery.data?.page ?? page, totalPages: adsQuery.data?.totalPages ?? 1, onPageChange: setPage, emptyLabel: "No ads found" }),
+        ] }));
+}

package/dist/features/admin/components/AdminAnalyticsView.d.ts

@@ -0,0 +1,30 @@
+import React from "react";
+import type { AdminAnalyticsData, AnalyticsTopProduct } from "../types";
+export interface AdminAnalyticsViewLabels {
+    title?: string;
+    subtitle?: string;
+    totalRevenue?: string;
+    totalOrders?: string;
+    revenueThisMonth?: string;
+    ordersThisMonth?: string;
+    revenueByMonth?: string;
+    ordersByMonth?: string;
+    topProducts?: string;
+    orders?: string;
+    view?: string;
+}
+export interface AdminAnalyticsViewProps {
+    data?: AdminAnalyticsData;
+    labels?: AdminAnalyticsViewLabels;
+    formatRevenue?: (amount: number) => string;
+    renderProductLink?: (product: AnalyticsTopProduct) => React.ReactNode;
+    renderHeader?: () => React.ReactNode;
+    renderDateRange?: () => React.ReactNode;
+    renderSummaryCards?: () => React.ReactNode;
+    renderCharts?: () => React.ReactNode;
+    renderTable?: () => React.ReactNode;
+    endpoint?: string;
+    isLoading?: boolean;
+    className?: string;
+}
+export declare function AdminAnalyticsView({ data, labels, formatRevenue, renderProductLink, renderHeader, renderDateRange, renderSummaryCards, renderCharts, renderTable, endpoint, isLoading, className, }: AdminAnalyticsViewProps): import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,29 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useQuery } from "@tanstack/react-query";
+import { Div, Heading } from "../../../ui";
+import { Alert } from "../../../ui";
+import { apiClient } from "../../../http";
+import { ADMIN_ENDPOINTS } from "../../../constants/api-endpoints";
+import { AdminStatCard } from "./analytics/AdminStatCard";
+import { AdminRevenueChart, AdminOrdersChart, } from "./analytics/AdminAnalyticsCharts";
+import { AdminTopProductsTable } from "./analytics/AdminTopProductsTable";
+export function AdminAnalyticsView({ data, labels = {}, formatRevenue = (n) => String(n), renderProductLink, renderHeader, renderDateRange, renderSummaryCards, renderCharts, renderTable, endpoint = ADMIN_ENDPOINTS.ANALYTICS, isLoading = false, className = "", }) {
+    const shouldFetch = !data;
+    const query = useQuery({
+        queryKey: ["admin-analytics", endpoint],
+        queryFn: () => apiClient.get(endpoint),
+        enabled: shouldFetch,
+        staleTime: 60000,
+    });
+    const resolvedData = data ?? query.data;
+    const busy = isLoading || query.isLoading;
+    const summary = resolvedData?.summary;
+    const ordersByMonth = resolvedData?.ordersByMonth ?? [];
+    const topProducts = resolvedData?.topProducts ?? [];
+    return (_jsxs(Div, { className: className, children: [renderHeader ? (renderHeader()) : labels.title ? (_jsx(Heading, { level: 1, className: "text-2xl font-bold mb-6", children: labels.title })) : null, query.error ? (_jsx(Alert, { variant: "error", title: "Could not load analytics", children: query.error instanceof Error ? query.error.message : "Unknown error" })) : null, renderDateRange?.(), renderSummaryCards ? (renderSummaryCards()) : busy ? (_jsx(Div, { className: "grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-4", children: Array.from({ length: 4 }).map((_, index) => (_jsx(Div, { className: "h-28 rounded-xl border border-neutral-200 dark:border-neutral-800 bg-white dark:bg-neutral-900 animate-pulse" }, index))) })) : summary ? (_jsxs(Div, { className: "grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-4", children: [_jsx(AdminStatCard, { label: labels.totalRevenue ?? "Total Revenue", value: formatRevenue(summary.totalRevenue) }), _jsx(AdminStatCard, { label: labels.totalOrders ?? "Total Orders", value: String(summary.totalOrders) }), _jsx(AdminStatCard, { label: labels.revenueThisMonth ?? "Revenue This Month", value: formatRevenue(summary.revenueThisMonth) }), _jsx(AdminStatCard, { label: labels.ordersThisMonth ?? "Orders This Month", value: String(summary.newOrdersThisMonth) })] })) : null, renderCharts ? (renderCharts()) : ordersByMonth.length > 0 ? (_jsxs(Div, { className: "space-y-6", children: [_jsx(AdminRevenueChart, { data: ordersByMonth, labels: { title: labels.revenueByMonth } }), _jsx(AdminOrdersChart, { data: ordersByMonth, labels: { title: labels.ordersByMonth } })] })) : null, renderTable ? (renderTable()) : topProducts.length > 0 ? (_jsx(AdminTopProductsTable, { products: topProducts, labels: {
+                    title: labels.topProducts,
+                    orders: labels.orders,
+                    view: labels.view,
+                }, formatRevenue: formatRevenue, renderProductLink: renderProductLink })) : null] }));
+}

package/dist/features/admin/components/AdminBidsView.d.ts

@@ -0,0 +1,4 @@
+import type { ListingViewShellProps } from "../../../ui";
+export interface AdminBidsViewProps extends ListingViewShellProps {
+}
+export declare function AdminBidsView({ children, ...props }: AdminBidsViewProps): import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,29 @@
+"use client";
+import { jsx as _jsx } from "react/jsx-runtime";
+import React from "react";
+import { ListingViewShell } from "../../../ui";
+import { ADMIN_ENDPOINTS } from "../../../constants/api-endpoints";
+import { toRecordArray, toRelativeDate, toRupees, toStringValue, useAdminListingData, } from "../hooks/useAdminListingData";
+import { AdminListingScaffold } from "./AdminListingScaffold";
+export function AdminBidsView({ children, ...props }) {
+    const hasChildren = React.Children.count(children) > 0;
+    const { rows, total, isLoading, errorMessage } = useAdminListingData({
+        queryKey: ["admin", "bids", "listing"],
+        endpoint: ADMIN_ENDPOINTS.BIDS,
+        mapRows: (response) => toRecordArray(response.items).map((item, index) => ({
+            id: toStringValue(item.id, `bid-${index}`),
+            primary: [
+                toStringValue(item.productName ?? item.productTitle, "Unknown item"),
+                toRupees(item.amount),
+            ].join(" · "),
+            secondary: toStringValue(item.bidderId ?? item.userId, "Unknown bidder"),
+            status: toStringValue(item.status, "Active"),
+            updatedAt: toRelativeDate(item.bidDate ?? item.updatedAt ?? item.createdAt),
+        })),
+        getTotal: (response, mappedRows) => typeof response.total === "number" ? response.total : mappedRows.length,
+    });
+    if (hasChildren) {
+        return _jsx(ListingViewShell, { portal: "admin", ...props, children: children });
+    }
+    return (_jsx(AdminListingScaffold, { portal: "admin", ...props, title: "Bid Oversight", subtitle: "Review high-value bidding activity, outbid events, and auction integrity from one queue.", actionLabel: "Export bids", searchPlaceholder: "Search bids, products, or bidder IDs", rows: rows, isLoading: isLoading, errorMessage: errorMessage, emptyLabel: "No bids found", resultSummary: `Showing ${rows.length} of ${total} bids` }));
+}

package/dist/features/admin/components/AdminBlogView.d.ts

@@ -0,0 +1,4 @@
+import type { ListingViewShellProps } from "../../../ui";
+export interface AdminBlogViewProps extends ListingViewShellProps {
+}
+export declare function AdminBlogView({ children, ...props }: AdminBlogViewProps): import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,37 @@
+"use client";
+import { jsx as _jsx } from "react/jsx-runtime";
+import React from "react";
+import { ListingViewShell } from "../../../ui";
+import { ADMIN_ENDPOINTS } from "../../../constants/api-endpoints";
+import { toRecordArray, toRelativeDate, toStringValue, useAdminListingData, } from "../hooks/useAdminListingData";
+import { AdminListingScaffold } from "./AdminListingScaffold";
+export function AdminBlogView({ children, ...props }) {
+    const hasChildren = React.Children.count(children) > 0;
+    const { rows, total, isLoading, errorMessage } = useAdminListingData({
+        queryKey: ["admin", "blog", "listing"],
+        endpoint: ADMIN_ENDPOINTS.BLOG,
+        mapRows: (response) => toRecordArray(response.posts).map((item, index) => ({
+            id: toStringValue(item.id, `post-${index}`),
+            primary: toStringValue(item.title, "Untitled post"),
+            secondary: [
+                toStringValue(item.authorName, "Unknown author"),
+                toStringValue(item.category, "Uncategorized"),
+            ].join(" · "),
+            status: toStringValue(item.status, "Draft"),
+            updatedAt: toRelativeDate(item.updatedAt ?? item.createdAt),
+        })),
+        getTotal: (response, mappedRows) => {
+            if (typeof response.meta?.filteredTotal === "number") {
+                return response.meta.filteredTotal;
+            }
+            if (typeof response.meta?.total === "number") {
+                return response.meta.total;
+            }
+            return mappedRows.length;
+        },
+    });
+    if (hasChildren) {
+        return _jsx(ListingViewShell, { portal: "admin", ...props, children: children });
+    }
+    return (_jsx(AdminListingScaffold, { portal: "admin", ...props, title: "Blog Publishing", subtitle: "Manage editorial drafts, featured placement, and publish readiness in the shared listing frame.", actionLabel: "New article", searchPlaceholder: "Search articles, authors, or tags", rows: rows, isLoading: isLoading, errorMessage: errorMessage, emptyLabel: "No blog posts found", resultSummary: `Showing ${rows.length} of ${total} posts` }));
+}

package/dist/features/admin/components/AdminCarouselView.d.ts

@@ -0,0 +1,4 @@
+import type { ListingViewShellProps } from "../../../ui";
+export interface AdminCarouselViewProps extends ListingViewShellProps {
+}
+export declare function AdminCarouselView({ children, ...props }: AdminCarouselViewProps): import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,40 @@
+"use client";
+import { jsx as _jsx } from "react/jsx-runtime";
+import React from "react";
+import { ListingViewShell } from "../../../ui";
+import { HOMEPAGE_ENDPOINTS } from "../../../constants/api-endpoints";
+import { toRecordArray, toRelativeDate, toStringValue, useAdminListingData, } from "../hooks/useAdminListingData";
+import { AdminListingScaffold } from "./AdminListingScaffold";
+export function AdminCarouselView({ children, ...props }) {
+    const hasChildren = React.Children.count(children) > 0;
+    const { rows, total, isLoading, errorMessage } = useAdminListingData({
+        queryKey: ["admin", "carousel", "listing"],
+        endpoint: `${HOMEPAGE_ENDPOINTS.CAROUSEL}?includeInactive=true`,
+        mapRows: (response) => {
+            const sourceItems = Array.isArray(response.data)
+                ? response.data
+                : response.items;
+            return toRecordArray(sourceItems).map((item, index) => {
+                const orderValue = typeof item.order === "number" ? String(item.order) : "-";
+                const mediaType = toStringValue(item.media?.type, "image");
+                const linkUrl = toStringValue(item.link?.url, "no-link");
+                return {
+                    id: toStringValue(item.id, `slide-${index}`),
+                    primary: toStringValue(item.title, `Carousel slide ${index + 1}`),
+                    secondary: `Order: ${orderValue} · Media: ${mediaType} · Link: ${linkUrl}`,
+                    status: typeof item.active === "boolean"
+                        ? item.active
+                            ? "Active"
+                            : "Inactive"
+                        : toStringValue(item.status, "Inactive"),
+                    updatedAt: toRelativeDate(item.updatedAt ?? item.createdAt),
+                };
+            });
+        },
+        getTotal: (response, mappedRows) => typeof response.total === "number" ? response.total : mappedRows.length,
+    });
+    if (hasChildren) {
+        return _jsx(ListingViewShell, { portal: "admin", ...props, children: children });
+    }
+    return (_jsx(AdminListingScaffold, { portal: "admin", ...props, title: "Homepage Carousel", subtitle: "Manage hero slide ordering, activation state, and destination links in one listing workflow.", actionLabel: "New slide", searchPlaceholder: "Search slide titles or link URLs", rows: rows, isLoading: isLoading, errorMessage: errorMessage, emptyLabel: "No carousel slides found", resultSummary: `Showing ${rows.length} of ${total} slides` }));
+}

package/dist/features/admin/components/AdminCategoriesView.d.ts

@@ -0,0 +1,4 @@
+import type { ListingViewShellProps } from "../../../ui";
+export interface AdminCategoriesViewProps extends ListingViewShellProps {
+}
+export declare function AdminCategoriesView({ children, ...props }: AdminCategoriesViewProps): import("react/jsx-runtime").JSX.Element;