@mohasinac/appkit 2.3.2 → 2.4.0

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

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

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

@@ -0,0 +1,119 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import React, { useState, useCallback } from "react";
+import { X } from "lucide-react";
+import { useMutation, useQueryClient } from "@tanstack/react-query";
+import { useUrlTable } from "../../../react/hooks/useUrlTable";
+import { ListingToolbar, Pagination, ListingViewShell, RowActionMenu, ConfirmDeleteModal, useToast } from "../../../ui";
+import { ADMIN_ENDPOINTS } from "../../../constants/api-endpoints";
+import { toRecordArray, toRelativeDate, toStringValue, useAdminListingData, } from "../hooks/useAdminListingData";
+import { DataTable } from "./DataTable";
+import { apiClient } from "../../../http";
+const PAGE_SIZE = 25;
+const FILTER_KEYS = ["isActive"];
+const DEFAULT_SORT = "-lastActivity";
+const SORT_OPTIONS = [
+    { value: "-lastActivity", label: "Most recent" },
+    { value: "lastActivity", label: "Least recent" },
+    { value: "-createdAt", label: "Newest" },
+];
+function maskIp(ip) {
+    if (!ip)
+        return "—";
+    const parts = ip.split(".");
+    if (parts.length === 4)
+        return `${parts[0]}.${parts[1]}.${parts[2]}.*`;
+    return ip.replace(/:\w+$/, ":*");
+}
+export function AdminSessionsView({ children, ...props }) {
+    const hasChildren = React.Children.count(children) > 0;
+    const queryClient = useQueryClient();
+    const { showToast } = useToast();
+    const [revokeTarget, setRevokeTarget] = useState(null);
+    const table = useUrlTable({ defaults: { pageSize: String(PAGE_SIZE), sort: DEFAULT_SORT } });
+    const [searchInput, setSearchInput] = useState(table.get("q") || "");
+    const [filterOpen, setFilterOpen] = useState(false);
+    const [pendingFilters, setPendingFilters] = useState(() => Object.fromEntries(FILTER_KEYS.map((k) => [k, table.get(k)])));
+    const openFilters = useCallback(() => {
+        setPendingFilters(Object.fromEntries(FILTER_KEYS.map((k) => [k, table.get(k)])));
+        setFilterOpen(true);
+    }, [table]);
+    const applyFilters = useCallback(() => {
+        const updates = { page: "1" };
+        for (const k of FILTER_KEYS)
+            updates[k] = pendingFilters[k] ?? "";
+        table.setMany(updates);
+        setFilterOpen(false);
+    }, [pendingFilters, table]);
+    const clearFilters = useCallback(() => {
+        setPendingFilters(Object.fromEntries(FILTER_KEYS.map((k) => [k, ""])));
+    }, []);
+    const resetAll = useCallback(() => {
+        const updates = { q: "", sort: "" };
+        for (const k of FILTER_KEYS)
+            updates[k] = "";
+        table.setMany(updates);
+        setSearchInput("");
+    }, [table]);
+    const commitSearch = useCallback(() => {
+        table.set("q", searchInput.trim());
+    }, [searchInput, table]);
+    const activeFilterCount = FILTER_KEYS.filter((k) => !!table.get(k)).length;
+    const hasActiveState = !!table.get("q") || table.get("sort") !== DEFAULT_SORT || activeFilterCount > 0;
+    const isActiveRaw = table.get("isActive");
+    const filters = isActiveRaw ? `isActive==${isActiveRaw}` : undefined;
+    const { rows, total, isLoading, errorMessage } = useAdminListingData({
+        queryKey: ["admin", "sessions", "listing"],
+        endpoint: ADMIN_ENDPOINTS.SESSIONS,
+        page: table.getNumber("page", 1),
+        pageSize: PAGE_SIZE,
+        sorts: table.get("sort") || DEFAULT_SORT,
+        filters,
+        q: table.get("q") || undefined,
+        mapRows: (response) => toRecordArray(response.sessions).map((item, index) => {
+            const deviceInfo = (item.deviceInfo ?? {});
+            const userLabel = toStringValue(item.user &&
+                item.user?.displayName, toStringValue(item.userId, `user-${index}`));
+            const ipMasked = maskIp(toStringValue(deviceInfo.ip, ""));
+            return {
+                id: toStringValue(item.id, `session-${index}`),
+                primary: userLabel,
+                secondary: [
+                    toStringValue(deviceInfo.browser, "Unknown browser"),
+                    toStringValue(deviceInfo.os, ""),
+                    toStringValue(deviceInfo.device, ""),
+                    ipMasked,
+                ].filter(Boolean).join(" · "),
+                status: Boolean(item.isActive) ? "Active" : "Expired",
+                updatedAt: toRelativeDate(item.lastActivity ?? item.createdAt),
+            };
+        }),
+        getTotal: (response, mappedRows) => typeof response.count === "number" ? response.count : mappedRows.length,
+    });
+    const revokeMutation = useMutation({
+        mutationFn: async (id) => {
+            await apiClient.delete(ADMIN_ENDPOINTS.SESSION_BY_ID(id));
+        },
+        onSuccess: () => {
+            showToast("Session revoked.", "success");
+            queryClient.invalidateQueries({ queryKey: ["admin", "sessions"] });
+            setRevokeTarget(null);
+        },
+        onError: (err) => {
+            showToast(err?.message ?? "Failed to revoke session.", "error");
+        },
+    });
+    const currentPage = table.getNumber("page", 1);
+    const totalPages = Math.ceil(total / PAGE_SIZE);
+    if (hasChildren) {
+        return _jsx(ListingViewShell, { portal: "admin", ...props, children: children });
+    }
+    return (_jsxs(_Fragment, { children: [_jsxs("div", { className: "min-h-screen", children: [_jsx(ListingToolbar, { filterCount: activeFilterCount, onFiltersClick: openFilters, searchValue: searchInput, searchPlaceholder: "Search by user or device", onSearchChange: setSearchInput, onSearchCommit: commitSearch, sortValue: table.get("sort") || DEFAULT_SORT, sortOptions: SORT_OPTIONS, onSortChange: (v) => { table.set("sort", v); table.setPage(1); }, hideViewToggle: true, onResetAll: resetAll, hasActiveState: hasActiveState }), totalPages > 1 && (_jsx("div", { className: "sticky top-[calc(var(--header-height,0px)+44px)] z-10 flex justify-center bg-white/95 dark:bg-slate-900/95 backdrop-blur-sm border-b border-zinc-200 dark:border-slate-700 px-3 py-1.5", children: _jsx(Pagination, { currentPage: currentPage, totalPages: totalPages, onPageChange: (p) => table.setPage(p) }) })), _jsxs("div", { className: "py-4 px-3 sm:px-4", children: [errorMessage && (_jsx("div", { className: "mb-4 rounded-xl border border-red-200 bg-red-50 px-4 py-3 text-sm text-red-700 dark:border-red-900/60 dark:bg-red-950/40 dark:text-red-200", children: errorMessage })), _jsx(DataTable, { rows: rows, isLoading: isLoading, emptyLabel: "No sessions found", renderRowActions: (row) => (_jsx(RowActionMenu, { actions: [
+                                        {
+                                            label: "Revoke",
+                                            destructive: true,
+                                            onClick: () => setRevokeTarget(row),
+                                        },
+                                    ] })) })] }), filterOpen && (_jsxs(_Fragment, { children: [_jsx("div", { className: "fixed inset-0 z-40 bg-black/40", "aria-hidden": "true", onClick: () => setFilterOpen(false) }), _jsxs("div", { className: "fixed inset-y-0 left-0 z-50 flex w-80 flex-col bg-white dark:bg-slate-900 shadow-2xl", children: [_jsxs("div", { className: "flex items-center justify-between border-b border-zinc-200 dark:border-slate-700 px-4 py-3.5", children: [_jsx("span", { className: "text-base font-semibold text-zinc-900 dark:text-zinc-100", children: "Filters" }), _jsxs("div", { className: "flex items-center gap-2", children: [activeFilterCount > 0 && (_jsx("button", { type: "button", onClick: clearFilters, className: "text-xs text-zinc-500 hover:text-rose-500 dark:text-zinc-400 transition-colors", children: "Clear all" })), _jsx("button", { type: "button", onClick: () => setFilterOpen(false), "aria-label": "Close", className: "rounded-lg p-1.5 text-zinc-500 hover:bg-zinc-100 dark:hover:bg-slate-800 transition-colors", children: _jsx(X, { className: "h-5 w-5" }) })] })] }), _jsx("div", { className: "flex-1 overflow-y-auto px-4 py-4 space-y-5", children: _jsxs("div", { className: "space-y-2", children: [_jsx("p", { className: "text-xs font-semibold uppercase tracking-widest text-zinc-500 dark:text-zinc-400", children: "Status" }), _jsx("div", { className: "flex flex-wrap gap-2", children: [{ label: "All", value: "" }, { label: "Active only", value: "true" }].map((opt) => (_jsx("button", { type: "button", onClick: () => setPendingFilters((p) => ({ ...p, isActive: opt.value })), className: `rounded-full px-3 py-1 text-xs font-medium border transition-colors ${(pendingFilters.isActive || "") === opt.value ? "bg-primary text-white border-primary" : "border-zinc-300 dark:border-slate-600 text-zinc-700 dark:text-zinc-300 hover:bg-zinc-50 dark:hover:bg-slate-800"}`, children: opt.label }, opt.label))) })] }) }), _jsx("div", { className: "border-t border-zinc-200 dark:border-slate-700 px-4 py-3.5", children: _jsxs("button", { type: "button", onClick: applyFilters, className: "w-full rounded-lg bg-primary py-2.5 text-sm font-semibold text-white hover:bg-primary-600 transition-colors active:scale-[0.98]", children: ["Apply Filters", activeFilterCount > 0 ? ` (${activeFilterCount})` : ""] }) })] })] }))] }), _jsx(ConfirmDeleteModal, { isOpen: Boolean(revokeTarget), onClose: () => setRevokeTarget(null), onConfirm: () => { if (revokeTarget)
+                    revokeMutation.mutate(revokeTarget.id); }, isDeleting: revokeMutation.isPending, confirmText: "Revoke", title: "Revoke session?", message: "This will sign the user out of this device immediately.", variant: "danger" })] }));
+}

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

@@ -1,13 +1,28 @@
 import React from "react";
+export interface AdminNavItem {
+    href: string;
+    label: string;
+    icon?: React.ReactNode;
+}
+export interface AdminNavGroup {
+    title: string;
+    items: AdminNavItem[];
+    defaultOpen?: boolean;
+}
 export interface AdminSidebarProps {
+    /** Flat render prop — used when `groups` is not provided. */
     renderNavItems?: (activePath: string) => React.ReactNode;
     renderHeader?: () => React.ReactNode;
     renderFooter?: () => React.ReactNode;
     activePath?: string;
-    /** Whether the mobile drawer is open */
+    /** Structured groups — takes precedence over renderNavItems when provided. */
+    groups?: AdminNavGroup[];
     mobileOpen?: boolean;
-    /** Called when the mobile drawer should close */
+    desktopOpen?: boolean;
+    variant?: "sidebar" | "overlay";
     onCloseMobile?: () => void;
+    /** Toggle callback for the desktop sidebar tab (open ↔ close). */
+    onToggle?: () => void;
     className?: string;
 }
-export declare function AdminSidebar({ renderNavItems, renderHeader, renderFooter, activePath, mobileOpen, onCloseMobile, className, }: AdminSidebarProps): import("react/jsx-runtime").JSX.Element;
+export declare function AdminSidebar({ renderNavItems, renderHeader, renderFooter, activePath, groups, mobileOpen, desktopOpen, variant, onCloseMobile, onToggle, }: AdminSidebarProps): import("react/jsx-runtime").JSX.Element;

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

@@ -1,7 +1,54 @@
 "use client";
-import { jsxs as _jsxs, jsx as _jsx, Fragment as _Fragment } from "react/jsx-runtime";
-import { Aside, Nav } from "../../../ui";
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { useEffect, useState, useCallback } from "react";
+import { createPortal } from "react-dom";
+import Link from "next/link";
+import { Nav } from "../../../ui";
 import { BottomSheet } from "../../layout/BottomSheet";
-export function AdminSidebar({ renderNavItems, renderHeader, renderFooter, activePath = "", mobileOpen = false, onCloseMobile, className = "", }) {
-    return (_jsxs(_Fragment, { children: [_jsx(Aside, { className: `hidden md:flex w-64 shrink-0 flex-col bg-white dark:bg-slate-900 border-r border-zinc-200 dark:border-slate-700 ${className}`, children: _jsxs(Nav, { "aria-label": "Admin sidebar", className: "flex-1 overflow-y-auto py-3", children: [renderHeader?.(), renderNavItems?.(activePath), renderFooter?.()] }) }), _jsx(BottomSheet, { open: mobileOpen, onClose: onCloseMobile ?? (() => { }), title: "Admin Panel", children: _jsxs(Nav, { "aria-label": "Admin sidebar", className: "py-3", children: [renderHeader?.(), renderNavItems?.(activePath), renderFooter?.()] }) })] }));
+function NavLink({ item, isActive, onClick }) {
+    return (_jsxs(Link, { href: item.href, onClick: onClick, className: `flex items-center gap-2.5 rounded-lg px-3 py-2 text-[0.8125rem] font-medium leading-tight transition-colors ${isActive
+            ? "bg-zinc-100 dark:bg-slate-800 text-zinc-900 dark:text-zinc-100"
+            : "text-zinc-500 dark:text-zinc-400 hover:bg-zinc-50 dark:hover:bg-slate-800/60 hover:text-zinc-800 dark:hover:text-zinc-200"}`, children: [item.icon && _jsx("span", { className: "shrink-0 text-base opacity-60", children: item.icon }), _jsx("span", { className: "flex-1 truncate", children: item.label })] }));
+}
+function GroupsContent({ groups, activePath, onItemClick, }) {
+    const [openGroups, setOpenGroups] = useState(() => Object.fromEntries(groups.map((g) => [
+        g.title,
+        g.defaultOpen ?? g.items.some((i) => activePath === i.href || activePath.startsWith(i.href + "/")),
+    ])));
+    const toggle = useCallback((title) => setOpenGroups((p) => ({ ...p, [title]: !p[title] })), []);
+    return (_jsx(Nav, { "aria-label": "Admin navigation", className: "py-2", children: groups.map((group) => {
+            const isOpen = openGroups[group.title] ?? false;
+            const hasActive = group.items.some((i) => activePath === i.href || activePath.startsWith(i.href + "/"));
+            return (_jsxs("div", { className: "mb-0.5", children: [_jsxs("button", { type: "button", onClick: () => toggle(group.title), className: `flex w-full items-center justify-between px-4 py-2 text-[0.6875rem] font-semibold uppercase tracking-widest transition-colors ${hasActive && !isOpen
+                            ? "text-zinc-700 dark:text-zinc-200"
+                            : "text-zinc-400 dark:text-zinc-500 hover:text-zinc-600 dark:hover:text-zinc-300"}`, 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", { className: "space-y-0.5 px-3 pb-1", children: group.items.map((item) => {
+                            const isActive = activePath === item.href || activePath.startsWith(item.href + "/");
+                            return (_jsx("li", { children: _jsx(NavLink, { item: item, isActive: isActive, onClick: onItemClick }) }, item.href));
+                        }) }))] }, group.title));
+        }) }));
+}
+function DrawerPanel({ title, onClose, children, }) {
+    return (_jsxs("div", { className: "hidden md:block", children: [_jsx("div", { className: "fixed inset-0 z-40 bg-black/40 backdrop-blur-sm", onClick: onClose, "aria-hidden": "true" }), _jsxs("div", { role: "dialog", "aria-modal": "true", "aria-label": title, className: "fixed top-0 right-0 z-50 h-full w-64 bg-white dark:bg-slate-900 border-l border-zinc-200 dark:border-slate-700 flex flex-col shadow-2xl", children: [_jsxs("div", { className: "flex items-center justify-between px-4 py-3.5 border-b border-zinc-100 dark:border-slate-800 shrink-0", children: [_jsx("span", { className: "text-xs font-semibold uppercase tracking-widest text-zinc-400 dark:text-zinc-500", children: title }), _jsx("button", { type: "button", onClick: onClose, "aria-label": "Close", className: "flex items-center justify-center w-7 h-7 rounded-md text-zinc-400 hover:bg-zinc-100 dark:hover:bg-slate-800 hover:text-zinc-700 dark:hover:text-zinc-200 transition-colors", children: _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 overflow-y-auto", children: children })] })] }));
+}
+export function AdminSidebar({ renderNavItems, renderHeader, renderFooter, activePath = "", groups, mobileOpen = false, desktopOpen = false, variant = "overlay", onCloseMobile, onToggle, }) {
+    const close = onCloseMobile ?? (() => { });
+    const [mounted, setMounted] = useState(false);
+    useEffect(() => { setMounted(true); }, []);
+    useEffect(() => {
+        document.body.style.overflow = mobileOpen ? "hidden" : "";
+        return () => { document.body.style.overflow = ""; };
+    }, [mobileOpen]);
+    const navContent = groups ? (_jsx(GroupsContent, { groups: groups, activePath: activePath, onItemClick: close })) : (_jsxs(Nav, { "aria-label": "Admin sidebar", className: "py-3", children: [renderHeader?.(), renderNavItems?.(activePath), renderFooter?.()] }));
+    const mobileNavContent = groups ? (_jsx(GroupsContent, { groups: groups, activePath: activePath, onItemClick: close })) : (_jsxs(Nav, { "aria-label": "Admin sidebar", className: "py-3", children: [renderHeader?.(), renderNavItems?.(activePath), renderFooter?.()] }));
+    if (variant === "sidebar") {
+        const handleToggle = onToggle ?? close;
+        return (_jsxs(_Fragment, { children: [desktopOpen && (_jsx("div", { className: "hidden md:block fixed inset-0 bg-black/40 backdrop-blur-[2px] z-30", onClick: handleToggle, "aria-hidden": "true" })), _jsxs("div", { className: "hidden md:flex fixed left-0 z-40 transition-transform duration-300", style: {
+                        top: "var(--header-height, 3.5rem)",
+                        height: "calc(100vh - var(--header-height, 3.5rem))",
+                        width: "18rem",
+                        transform: desktopOpen ? "translateX(0)" : "translateX(calc(-100% + 1.25rem))",
+                    }, children: [_jsxs("div", { className: "flex-1 bg-white dark:bg-slate-950 border-r border-zinc-200 dark:border-slate-800 flex flex-col overflow-hidden shadow-xl", children: [_jsx("div", { className: "px-4 py-3.5 border-b border-zinc-100 dark:border-slate-800 shrink-0", children: renderHeader ? renderHeader() : _jsx("span", { className: "text-xs font-semibold uppercase tracking-widest text-zinc-400 dark:text-zinc-500", children: "Admin Panel" }) }), _jsx("div", { className: "flex-1 overflow-y-auto", children: navContent }), renderFooter && _jsx("div", { className: "px-4 py-3 border-t border-zinc-200 dark:border-slate-800", children: renderFooter() })] }), _jsx("button", { type: "button", onClick: handleToggle, "aria-label": desktopOpen ? "Collapse sidebar" : "Expand sidebar", className: "w-5 shrink-0 bg-primary dark:bg-secondary hover:bg-primary-600 dark:hover:bg-secondary-600 flex items-center justify-center transition-colors rounded-r-md shadow-md", children: _jsx("svg", { className: "w-3 h-3 text-white", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", "aria-hidden": "true", children: desktopOpen ? (_jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2.5, d: "M11 19l-7-7 7-7m8 14l-7-7 7-7" })) : (_jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2.5, d: "M13 5l7 7-7 7M5 5l7 7-7 7" })) }) })] }), _jsx("div", { className: "md:hidden", children: _jsx(BottomSheet, { open: mobileOpen, onClose: close, title: "Admin Panel", children: mobileNavContent }) })] }));
+    }
+    return (_jsxs(_Fragment, { children: [mounted && mobileOpen &&
+                createPortal(_jsx(DrawerPanel, { title: "Admin Panel", onClose: close, children: navContent }), document.body), _jsx("div", { className: "md:hidden", children: _jsx(BottomSheet, { open: mobileOpen, onClose: close, title: "Admin Panel", children: mobileNavContent }) })] }));
 }

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

@@ -0,0 +1,7 @@
+import type { StackedViewShellProps } from "../../../ui";
+export interface AdminSiteSettingsViewProps extends Omit<StackedViewShellProps, "sections"> {
+    labels?: {
+        title?: string;
+    };
+}
+export declare function AdminSiteSettingsView({ labels, ...rest }: AdminSiteSettingsViewProps): import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,319 @@
+"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, Form, FormActions, Input, Select, Slider, StackedViewShell, Tabs, TabsContent, TabsList, TabsTrigger, Toggle, useToast, } from "../../../ui";
+import { ImageUpload } from "../../media/upload/ImageUpload";
+import { useMediaUpload } from "../../media";
+import { apiClient } from "../../../http";
+import { ADMIN_ENDPOINTS } from "../../../constants/api-endpoints";
+// --- Helpers -----------------------------------------------------------------
+function MaskedInput({ label, value, onChange, placeholder, helperText, }) {
+    const [revealed, setRevealed] = React.useState(false);
+    return (_jsxs("div", { className: "relative", children: [_jsx(Input, { label: label, value: value, onChange: (e) => onChange(e.target.value), type: revealed ? "text" : "password", placeholder: placeholder, helperText: helperText }), _jsx("button", { type: "button", onClick: () => setRevealed((r) => !r), className: "absolute right-3 top-8 text-xs text-zinc-400 hover:text-zinc-700 dark:hover:text-zinc-200", children: revealed ? "Hide" : "Reveal" })] }));
+}
+function GroupSaveButton({ isPending }) {
+    return (_jsx(FormActions, { align: "right", children: _jsx(Button, { type: "submit", isLoading: isPending, disabled: isPending, children: isPending ? "Saving…" : "Save changes" }) }));
+}
+// --- Component ---------------------------------------------------------------
+export function AdminSiteSettingsView({ labels = {}, ...rest }) {
+    const queryClient = useQueryClient();
+    const { showToast } = useToast();
+    const { upload } = useMediaUpload();
+    const { data, isLoading, error } = useQuery({
+        queryKey: ["admin", "site-settings"],
+        queryFn: async () => {
+            const res = await apiClient.get(ADMIN_ENDPOINTS.ADMIN_SITE);
+            return res?.data ?? res;
+        },
+    });
+    const s = (data ?? {});
+    // ① Branding
+    const [siteName, setSiteName] = React.useState("");
+    const [tagline, setTagline] = React.useState("");
+    const [logoUrl, setLogoUrl] = React.useState("");
+    const [faviconUrl, setFaviconUrl] = React.useState("");
+    const [maintenanceMode, setMaintenanceMode] = React.useState(false);
+    const [maintenanceMessage, setMaintenanceMessage] = React.useState("");
+    // ② Appearance
+    const [primaryColor, setPrimaryColor] = React.useState("");
+    const [secondaryColor, setSecondaryColor] = React.useState("");
+    const [accentColor, setAccentColor] = React.useState("");
+    const [defaultTheme, setDefaultTheme] = React.useState("light");
+    const [fontFamily, setFontFamily] = React.useState("inter");
+    // ③ Announcement
+    const [announcementEnabled, setAnnouncementEnabled] = React.useState(false);
+    const [announcementText, setAnnouncementText] = React.useState("");
+    const [announcementLink, setAnnouncementLink] = React.useState("");
+    const [announcementBg, setAnnouncementBg] = React.useState("");
+    // ④ SEO
+    const [seoTitle, setSeoTitle] = React.useState("");
+    const [seoDescription, setSeoDescription] = React.useState("");
+    const [seoOgImage, setSeoOgImage] = React.useState("");
+    const [seoNoIndex, setSeoNoIndex] = React.useState(false);
+    const [canonicalUrl, setCanonicalUrl] = React.useState("");
+    // ⑤ Contact & Social
+    const [supportEmail, setSupportEmail] = React.useState("");
+    const [supportPhone, setSupportPhone] = React.useState("");
+    const [supportAddress, setSupportAddress] = React.useState("");
+    const [supportHours, setSupportHours] = React.useState("");
+    const [instagram, setInstagram] = React.useState("");
+    const [twitter, setTwitter] = React.useState("");
+    const [facebook, setFacebook] = React.useState("");
+    const [youtube, setYoutube] = React.useState("");
+    const [whatsapp, setWhatsapp] = React.useState("");
+    const [linkedin, setLinkedin] = React.useState("");
+    const [pinterest, setPinterest] = React.useState("");
+    // ⑥ Watermark
+    const [watermarkType, setWatermarkType] = React.useState("text");
+    const [watermarkText, setWatermarkText] = React.useState("letitrip.in");
+    const [watermarkImageUrl, setWatermarkImageUrl] = React.useState("");
+    const [watermarkSize, setWatermarkSize] = React.useState(30);
+    const [watermarkOpacity, setWatermarkOpacity] = React.useState(20);
+    // ⑦ Fees
+    const [platformCommission, setPlatformCommission] = React.useState(5);
+    const [buyerFee, setBuyerFee] = React.useState(2);
+    const [razorpayFee, setRazorpayFee] = React.useState(2.36);
+    const [payoutHoldDays, setPayoutHoldDays] = React.useState(7);
+    const [minPayoutAmount, setMinPayoutAmount] = React.useState(100);
+    const [auctionListingFee, setAuctionListingFee] = React.useState(0);
+    const [preOrderListingFee, setPreOrderListingFee] = React.useState(0);
+    const [featuredSlotFee, setFeaturedSlotFee] = React.useState(999);
+    const [promotedSlotFee, setPromotedSlotFee] = React.useState(499);
+    // ⑧ Integrations
+    const [razorpayKeyId, setRazorpayKeyId] = React.useState("");
+    const [razorpaySecret, setRazorpaySecret] = React.useState("");
+    const [shiprocketToken, setShiprocketToken] = React.useState("");
+    const [smtpHost, setSmtpHost] = React.useState("");
+    const [smtpPort, setSmtpPort] = React.useState("587");
+    const [smtpUser, setSmtpUser] = React.useState("");
+    const [smtpPassword, setSmtpPassword] = React.useState("");
+    const [smtpFrom, setSmtpFrom] = React.useState("");
+    const [gaMeasurementId, setGaMeasurementId] = React.useState("");
+    const [fbPixelId, setFbPixelId] = React.useState("");
+    const [gtmContainerId, setGtmContainerId] = React.useState("");
+    // ⑨ Shipping
+    const [freeShippingThreshold, setFreeShippingThreshold] = React.useState(999);
+    const [codEnabled, setCodEnabled] = React.useState(true);
+    const [defaultCarrier, setDefaultCarrier] = React.useState("shiprocket");
+    const [maxDeliveryRadius, setMaxDeliveryRadius] = React.useState(0);
+    // ⑩ Auction
+    const [minBidIncrement, setMinBidIncrement] = React.useState(50);
+    const [autoExtendWindow, setAutoExtendWindow] = React.useState(5);
+    const [settlementGrace, setSettlementGrace] = React.useState(24);
+    // ⑪ Platform Limits
+    const [maxProductsPerStore, setMaxProductsPerStore] = React.useState(100);
+    const [maxImagesPerProduct, setMaxImagesPerProduct] = React.useState(10);
+    const [maxVideoSizeMb, setMaxVideoSizeMb] = React.useState(100);
+    const [maxCustomFields, setMaxCustomFields] = React.useState(50);
+    const [maxCustomSections, setMaxCustomSections] = React.useState(3);
+    const [orderCancelWindow, setOrderCancelWindow] = React.useState(24);
+    // ⑫ Legal
+    const [termsHtml, setTermsHtml] = React.useState("");
+    const [privacyHtml, setPrivacyHtml] = React.useState("");
+    const [refundHtml, setRefundHtml] = React.useState("");
+    const [shippingPolicyHtml, setShippingPolicyHtml] = React.useState("");
+    const [cookieHtml, setCookieHtml] = React.useState("");
+    // ⑬ WhatsApp Business Cloud API (platform-level)
+    const [waPhoneNumberId, setWaPhoneNumberId] = React.useState("");
+    const [waCloudApiToken, setWaCloudApiToken] = React.useState("");
+    const [waAdminNotifyNumbers, setWaAdminNotifyNumbers] = React.useState("");
+    // ⓪ About
+    const [aboutTitle, setAboutTitle] = React.useState("");
+    const [aboutSubtitle, setAboutSubtitle] = React.useState("");
+    const [aboutMissionTitle, setAboutMissionTitle] = React.useState("");
+    const [aboutMissionText, setAboutMissionText] = React.useState("");
+    const [aboutCtaTitle, setAboutCtaTitle] = React.useState("");
+    // Populate from query data
+    React.useEffect(() => {
+        if (!s || !Object.keys(s).length)
+            return;
+        setSiteName(s.siteName ?? "");
+        setTagline(s.tagline ?? "");
+        setLogoUrl(s.logo ?? "");
+        setFaviconUrl(s.favicon ?? "");
+        setMaintenanceMode(s.maintenance?.enabled ?? false);
+        setMaintenanceMessage(s.maintenance?.message ?? "");
+        setPrimaryColor(s.appearance?.primaryColor ?? "");
+        setSecondaryColor(s.appearance?.secondaryColor ?? "");
+        setAccentColor(s.appearance?.accentColor ?? "");
+        setDefaultTheme(s.appearance?.defaultTheme ?? "light");
+        setFontFamily(s.appearance?.fontFamily ?? "inter");
+        setAnnouncementEnabled(s.announcementBar?.enabled ?? false);
+        setAnnouncementText(s.announcementBar?.text ?? s.announcementBar?.message ?? "");
+        setAnnouncementLink(s.announcementBar?.link ?? "");
+        setAnnouncementBg(s.announcementBar?.backgroundColor ?? "");
+        setSeoTitle(s.seo?.defaultTitle ?? "");
+        setSeoDescription(s.seo?.defaultDescription ?? "");
+        setSeoOgImage(s.seo?.defaultOgImage ?? "");
+        setSeoNoIndex(s.seo?.noIndex ?? false);
+        setCanonicalUrl(s.seo?.canonicalBaseUrl ?? "");
+        setSupportEmail(s.contact?.email ?? "");
+        setSupportPhone(s.contact?.phone ?? "");
+        setSupportAddress(s.contact?.address ?? "");
+        setSupportHours(s.contact?.supportHours ?? "");
+        setInstagram(s.socialLinks?.instagram ?? "");
+        setTwitter(s.socialLinks?.twitter ?? "");
+        setFacebook(s.socialLinks?.facebook ?? "");
+        setYoutube(s.socialLinks?.youtube ?? "");
+        setWhatsapp(s.contact?.whatsappNumber ?? "");
+        setLinkedin(s.socialLinks?.linkedin ?? "");
+        setPinterest(s.socialLinks?.pinterest ?? "");
+        setWatermarkType(s.watermark?.type ?? "text");
+        setWatermarkText(s.watermark?.text ?? "letitrip.in");
+        setWatermarkImageUrl(s.watermark?.imageUrl ?? "");
+        setWatermarkSize(s.watermark?.size ?? 30);
+        setWatermarkOpacity(s.watermark?.opacity ?? 20);
+        setPlatformCommission(s.fees?.platformCommission ?? 5);
+        setBuyerFee(s.fees?.buyerFee ?? 2);
+        setRazorpayFee(s.fees?.razorpayFeePercent ?? 2.36);
+        setPayoutHoldDays(s.fees?.payoutHoldDays ?? 7);
+        setMinPayoutAmount(s.fees?.minPayoutAmount ?? 100);
+        setAuctionListingFee(s.fees?.auctionListingFee ?? 0);
+        setPreOrderListingFee(s.fees?.preOrderListingFee ?? 0);
+        setFeaturedSlotFee(s.fees?.featuredSlotFee ?? 999);
+        setPromotedSlotFee(s.fees?.promotedSlotFee ?? 499);
+        setRazorpayKeyId(s.credentialsMasked?.razorpayKeyId ?? "");
+        setRazorpaySecret(s.credentialsMasked?.razorpaySecret ?? "");
+        setShiprocketToken(s.credentialsMasked?.shiprocketToken ?? "");
+        setSmtpHost(s.emailSettings?.host ?? "");
+        setSmtpPort(String(s.emailSettings?.port ?? 587));
+        setSmtpUser(s.emailSettings?.user ?? "");
+        setSmtpPassword(s.credentialsMasked?.smtpPassword ?? "");
+        setSmtpFrom(s.emailSettings?.fromAddress ?? "");
+        setGaMeasurementId(s.integrations?.googleAnalyticsId ?? "");
+        setFbPixelId(s.integrations?.facebookPixelId ?? "");
+        setGtmContainerId(s.integrations?.gtmContainerId ?? "");
+        setFreeShippingThreshold(Math.round((s.shipping?.freeShippingThreshold ?? 99900) / 100));
+        setCodEnabled(s.shipping?.codEnabled ?? true);
+        setDefaultCarrier(s.shipping?.defaultCarrier ?? "shiprocket");
+        setMaxDeliveryRadius(s.shipping?.maxDeliveryRadius ?? 0);
+        setMinBidIncrement(Math.round((s.auctionConfig?.minBidIncrement ?? 5000) / 100));
+        setAutoExtendWindow(s.auctionConfig?.autoExtendWindowMinutes ?? 5);
+        setSettlementGrace(s.auctionConfig?.settlementGracePeriodHours ?? 24);
+        setMaxProductsPerStore(s.platformLimits?.maxProductsPerStore ?? 100);
+        setMaxImagesPerProduct(s.platformLimits?.maxImagesPerProduct ?? 10);
+        setMaxVideoSizeMb(s.platformLimits?.maxVideoSizeMb ?? 100);
+        setMaxCustomFields(s.platformLimits?.maxCustomFieldsPerProduct ?? 50);
+        setMaxCustomSections(s.platformLimits?.maxCustomSectionsPerProduct ?? 3);
+        setOrderCancelWindow(s.platformLimits?.orderCancellationWindowHours ?? 24);
+        setTermsHtml(s.legalPages?.terms ?? "");
+        setPrivacyHtml(s.legalPages?.privacy ?? "");
+        setRefundHtml(s.legalPages?.refundPolicy ?? "");
+        setShippingPolicyHtml(s.legalPages?.shipping ?? "");
+        setCookieHtml(s.legalPages?.cookies ?? "");
+        setAboutTitle(s.aboutContent?.title ?? "");
+        setAboutSubtitle(s.aboutContent?.subtitle ?? "");
+        setAboutMissionTitle(s.aboutContent?.missionTitle ?? "");
+        setAboutMissionText(s.aboutContent?.missionText ?? "");
+        setAboutCtaTitle(s.aboutContent?.ctaTitle ?? "");
+        setWaPhoneNumberId(s.credentialsMasked?.whatsappPhoneNumberId ?? "");
+        setWaCloudApiToken(s.credentialsMasked?.whatsappCloudApiToken ?? "");
+        setWaAdminNotifyNumbers(s.credentialsMasked?.whatsappAdminNotifyNumbers ?? "");
+    }, [data]);
+    function useSave(group, payload) {
+        return useMutation({
+            mutationFn: async () => {
+                await apiClient.put(ADMIN_ENDPOINTS.ADMIN_SITE, payload());
+            },
+            onSuccess: () => {
+                showToast(`${group} saved.`, "success");
+                queryClient.invalidateQueries({ queryKey: ["admin", "site-settings"] });
+            },
+            onError: (err) => showToast(err?.message ?? `Failed to save ${group}.`, "error"),
+        });
+    }
+    const brandingMutation = useSave("Branding", () => ({
+        siteName, tagline, logo: logoUrl, favicon: faviconUrl,
+        maintenance: { enabled: maintenanceMode, message: maintenanceMessage },
+    }));
+    const appearanceMutation = useSave("Appearance", () => ({
+        appearance: { primaryColor, secondaryColor, accentColor, defaultTheme, fontFamily },
+    }));
+    const announcementMutation = useSave("Announcement", () => ({
+        announcementBar: { enabled: announcementEnabled, text: announcementText, link: announcementLink, backgroundColor: announcementBg },
+    }));
+    const seoMutation = useSave("SEO", () => ({
+        seo: { defaultTitle: seoTitle, defaultDescription: seoDescription, defaultOgImage: seoOgImage, noIndex: seoNoIndex, canonicalBaseUrl: canonicalUrl },
+    }));
+    const contactMutation = useSave("Contact & Social", () => ({
+        contact: { email: supportEmail, phone: supportPhone, address: supportAddress, supportHours, whatsappNumber: whatsapp },
+        socialLinks: { instagram, twitter, facebook, youtube, linkedin, pinterest },
+    }));
+    const watermarkMutation = useSave("Watermark", () => ({
+        watermark: { type: watermarkType, text: watermarkText, imageUrl: watermarkImageUrl, size: watermarkSize, opacity: watermarkOpacity },
+    }));
+    const feesMutation = useSave("Fees", () => ({
+        fees: { platformCommission, buyerFee, razorpayFeePercent: razorpayFee, payoutHoldDays, minPayoutAmount, auctionListingFee, preOrderListingFee, featuredSlotFee, promotedSlotFee },
+    }));
+    const integrationsMutation = useSave("Integrations", () => ({
+        credentials: { razorpayKeyId, razorpaySecret, shiprocketToken, smtpPassword },
+        emailSettings: { host: smtpHost, port: Number(smtpPort), user: smtpUser, fromAddress: smtpFrom },
+        integrations: { googleAnalyticsId: gaMeasurementId, facebookPixelId: fbPixelId, gtmContainerId },
+    }));
+    const shippingMutation = useSave("Shipping", () => ({
+        shipping: { freeShippingThreshold: freeShippingThreshold * 100, codEnabled, defaultCarrier, maxDeliveryRadius },
+    }));
+    const auctionMutation = useSave("Auction Config", () => ({
+        auctionConfig: { minBidIncrement: minBidIncrement * 100, autoExtendWindowMinutes: autoExtendWindow, settlementGracePeriodHours: settlementGrace },
+    }));
+    const limitsMutation = useSave("Platform Limits", () => ({
+        platformLimits: { maxProductsPerStore, maxImagesPerProduct, maxVideoSizeMb, maxCustomFieldsPerProduct: maxCustomFields, maxCustomSectionsPerProduct: maxCustomSections, orderCancellationWindowHours: orderCancelWindow },
+    }));
+    const whatsappMutation = useSave("WhatsApp", () => ({
+        credentials: {
+            whatsappPhoneNumberId: waPhoneNumberId,
+            whatsappCloudApiToken: waCloudApiToken,
+            whatsappAdminNotifyNumbers: waAdminNotifyNumbers,
+        },
+    }));
+    const legalMutation = useSave("Legal Policies", () => ({
+        legalPages: { terms: termsHtml, privacy: privacyHtml, refundPolicy: refundHtml, shipping: shippingPolicyHtml, cookies: cookieHtml },
+    }));
+    const aboutMutation = useSave("About Page", () => ({
+        aboutContent: { title: aboutTitle, subtitle: aboutSubtitle, missionTitle: aboutMissionTitle, missionText: aboutMissionText, ctaTitle: aboutCtaTitle },
+    }));
+    const FONT_OPTIONS = [
+        { label: "Inter", value: "inter" },
+        { label: "Poppins", value: "poppins" },
+        { label: "Roboto", value: "roboto" },
+        { label: "Nunito", value: "nunito" },
+    ];
+    const THEME_OPTIONS = [
+        { label: "Light", value: "light" },
+        { label: "Dark", value: "dark" },
+        { label: "System", value: "system" },
+    ];
+    const CARRIER_OPTIONS = [
+        { label: "Shiprocket", value: "shiprocket" },
+        { label: "Delhivery", value: "delhivery" },
+        { label: "Bluedart", value: "bluedart" },
+        { label: "FedEx", value: "fedex" },
+    ];
+    return (_jsx(StackedViewShell, { portal: "admin", ...rest, title: labels.title ?? "Site Settings", sections: [
+            isLoading ? (_jsx(Alert, { variant: "info", title: "Loading", children: "Fetching site settings\u2026" }, "loading")) : null,
+            error ? (_jsx(Alert, { variant: "error", title: "Load failed", children: error instanceof Error ? error.message : "Unknown error" }, "error")) : null,
+            _jsxs(Tabs, { defaultValue: "branding", children: [_jsx(TabsList, { children: [
+                            ["about", "⓪ About"],
+                            ["branding", "① Branding"],
+                            ["appearance", "② Appearance"],
+                            ["announcement", "③ Announcement"],
+                            ["seo", "④ SEO"],
+                            ["contact", "⑤ Contact & Social"],
+                            ["watermark", "⑥ Watermark"],
+                            ["fees", "⑦ Fees"],
+                            ["integrations", "⑧ Integrations"],
+                            ["shipping", "⑨ Shipping"],
+                            ["auction", "⑩ Auction"],
+                            ["limits", "⑪ Limits"],
+                            ["legal", "⑫ Legal"],
+                            ["whatsapp", "⑬ WhatsApp"],
+                        ].map(([value, label]) => (_jsx(TabsTrigger, { value: value, children: label }, value))) }), _jsx(TabsContent, { value: "about", children: _jsxs(Form, { onSubmit: (e) => { e.preventDefault(); aboutMutation.mutate(); }, className: "space-y-4 pt-4", children: [_jsx("p", { className: "text-xs text-zinc-500 dark:text-zinc-400", children: "Override the About page hero and mission text. Leave blank to use the platform defaults." }), _jsx(Input, { label: "Hero title", value: aboutTitle, onChange: (e) => setAboutTitle(e.target.value), placeholder: "About LetItRip" }), _jsx(Input, { label: "Hero subtitle", value: aboutSubtitle, onChange: (e) => setAboutSubtitle(e.target.value), placeholder: "Connecting buyers, sellers, and bidders in one vibrant marketplace" }), _jsx(Input, { label: "Mission section title", value: aboutMissionTitle, onChange: (e) => setAboutMissionTitle(e.target.value), placeholder: "Our Mission" }), _jsxs("div", { children: [_jsx("p", { className: "text-sm font-medium text-zinc-700 dark:text-zinc-300 mb-1", children: "Mission text" }), _jsx("textarea", { value: aboutMissionText, onChange: (e) => setAboutMissionText(e.target.value), placeholder: "LetItRip was built to democratise commerce\u2026", rows: 4, className: "w-full rounded-md border border-zinc-300 dark:border-zinc-600 bg-white dark:bg-zinc-800 p-3 text-sm text-zinc-800 dark:text-zinc-200 resize-y focus:outline-none focus:ring-2 focus:ring-blue-500" })] }), _jsx(Input, { label: "CTA banner title", value: aboutCtaTitle, onChange: (e) => setAboutCtaTitle(e.target.value), placeholder: "Ready to get started?" }), _jsx(GroupSaveButton, { isPending: aboutMutation.isPending })] }) }), _jsx(TabsContent, { value: "branding", children: _jsxs(Form, { onSubmit: (e) => { e.preventDefault(); brandingMutation.mutate(); }, className: "space-y-4 pt-4", children: [_jsx(Input, { label: "Site name", value: siteName, onChange: (e) => setSiteName(e.target.value), placeholder: "LetItRip" }), _jsx(Input, { label: "Tagline", value: tagline, onChange: (e) => setTagline(e.target.value), placeholder: "India's Largest Collectibles Marketplace" }), _jsx(ImageUpload, { label: "Logo", currentImage: logoUrl, onUpload: (file) => upload(file, "store"), onChange: setLogoUrl }), _jsx(ImageUpload, { label: "Favicon", currentImage: faviconUrl, onUpload: (file) => upload(file, "store"), onChange: setFaviconUrl }), _jsxs("div", { className: "space-y-3 rounded-lg border border-zinc-200 dark:border-zinc-700 p-4", children: [_jsx(Toggle, { label: "Maintenance mode", checked: maintenanceMode, onChange: setMaintenanceMode }), _jsx(Input, { label: "Maintenance message", value: maintenanceMessage, onChange: (e) => setMaintenanceMessage(e.target.value), placeholder: "We're back soon.", disabled: !maintenanceMode })] }), _jsx(GroupSaveButton, { isPending: brandingMutation.isPending })] }) }), _jsx(TabsContent, { value: "appearance", children: _jsxs(Form, { onSubmit: (e) => { e.preventDefault(); appearanceMutation.mutate(); }, className: "space-y-4 pt-4", children: [_jsxs("div", { className: "grid grid-cols-3 gap-4", children: [_jsxs("div", { children: [_jsx("p", { className: "text-sm font-medium text-zinc-700 dark:text-zinc-300 mb-1", children: "Primary color" }), _jsx("input", { type: "color", value: primaryColor || "#000000", onChange: (e) => setPrimaryColor(e.target.value), className: "h-10 w-full rounded border border-zinc-200 dark:border-zinc-700 cursor-pointer" })] }), _jsxs("div", { children: [_jsx("p", { className: "text-sm font-medium text-zinc-700 dark:text-zinc-300 mb-1", children: "Secondary color" }), _jsx("input", { type: "color", value: secondaryColor || "#000000", onChange: (e) => setSecondaryColor(e.target.value), className: "h-10 w-full rounded border border-zinc-200 dark:border-zinc-700 cursor-pointer" })] }), _jsxs("div", { children: [_jsx("p", { className: "text-sm font-medium text-zinc-700 dark:text-zinc-300 mb-1", children: "Accent color" }), _jsx("input", { type: "color", value: accentColor || "#000000", onChange: (e) => setAccentColor(e.target.value), className: "h-10 w-full rounded border border-zinc-200 dark:border-zinc-700 cursor-pointer" })] })] }), _jsxs("div", { className: "grid grid-cols-2 gap-4", children: [_jsx(Select, { label: "Default theme", options: THEME_OPTIONS, value: defaultTheme, onValueChange: setDefaultTheme }), _jsx(Select, { label: "Font family", options: FONT_OPTIONS, value: fontFamily, onValueChange: setFontFamily })] }), _jsx(GroupSaveButton, { isPending: appearanceMutation.isPending })] }) }), _jsx(TabsContent, { value: "announcement", children: _jsxs(Form, { onSubmit: (e) => { e.preventDefault(); announcementMutation.mutate(); }, className: "space-y-4 pt-4", children: [_jsx(Toggle, { label: "Show announcement bar", checked: announcementEnabled, onChange: setAnnouncementEnabled }), _jsx(Input, { label: "Announcement text", value: announcementText, onChange: (e) => setAnnouncementText(e.target.value), placeholder: "\uD83C\uDF89 Free shipping on orders \u20B9999+", disabled: !announcementEnabled }), _jsx(Input, { label: "Link URL (optional)", value: announcementLink, onChange: (e) => setAnnouncementLink(e.target.value), placeholder: "/products", disabled: !announcementEnabled }), _jsxs("div", { children: [_jsx("p", { className: "text-sm font-medium text-zinc-700 dark:text-zinc-300 mb-1", children: "Background color" }), _jsx("input", { type: "color", value: announcementBg || "#1d4ed8", onChange: (e) => setAnnouncementBg(e.target.value), className: "h-10 w-32 rounded border border-zinc-200 dark:border-zinc-700 cursor-pointer", disabled: !announcementEnabled })] }), _jsx(GroupSaveButton, { isPending: announcementMutation.isPending })] }) }), _jsx(TabsContent, { value: "seo", children: _jsxs(Form, { onSubmit: (e) => { e.preventDefault(); seoMutation.mutate(); }, className: "space-y-4 pt-4", children: [_jsx(Input, { label: "Default meta title", value: seoTitle, onChange: (e) => setSeoTitle(e.target.value), placeholder: "LetItRip \u2014 Buy, Sell & Auction Collectibles in India", maxLength: 60, helperText: "Max 60 chars. Use {page} token for dynamic insertion." }), _jsx(Input, { label: "Default meta description", value: seoDescription, onChange: (e) => setSeoDescription(e.target.value), placeholder: "India's largest collectibles marketplace\u2026", maxLength: 160, helperText: "Max 160 chars." }), _jsx(ImageUpload, { label: "Default OG image", currentImage: seoOgImage, onUpload: (file) => upload(file, "store"), onChange: setSeoOgImage }), _jsx(Input, { label: "Canonical base URL", value: canonicalUrl, onChange: (e) => setCanonicalUrl(e.target.value), placeholder: "https://letitrip.in" }), _jsx(Toggle, { label: "Robots noindex (disables search indexing \u2014 use carefully)", checked: seoNoIndex, onChange: setSeoNoIndex }), _jsx(GroupSaveButton, { isPending: seoMutation.isPending })] }) }), _jsx(TabsContent, { value: "contact", children: _jsxs(Form, { onSubmit: (e) => { e.preventDefault(); contactMutation.mutate(); }, className: "space-y-4 pt-4", children: [_jsxs("div", { className: "grid grid-cols-2 gap-4", children: [_jsx(Input, { label: "Support email", value: supportEmail, onChange: (e) => setSupportEmail(e.target.value), type: "email", placeholder: "support@letitrip.in" }), _jsx(Input, { label: "Support phone", value: supportPhone, onChange: (e) => setSupportPhone(e.target.value), placeholder: "+91 XXXXX XXXXX" })] }), _jsx(Input, { label: "Physical address", value: supportAddress, onChange: (e) => setSupportAddress(e.target.value), placeholder: "Mumbai, Maharashtra, India" }), _jsx(Input, { label: "Support hours", value: supportHours, onChange: (e) => setSupportHours(e.target.value), placeholder: "Mon\u2013Fri, 10 AM \u2013 6 PM IST" }), _jsx("p", { className: "text-sm font-medium text-zinc-600 dark:text-zinc-400 pt-2", children: "Social links" }), _jsxs("div", { className: "grid grid-cols-2 gap-4", children: [_jsx(Input, { label: "Instagram URL", value: instagram, onChange: (e) => setInstagram(e.target.value), placeholder: "https://instagram.com/letitrip" }), _jsx(Input, { label: "Twitter / X URL", value: twitter, onChange: (e) => setTwitter(e.target.value), placeholder: "https://twitter.com/letitrip" }), _jsx(Input, { label: "Facebook URL", value: facebook, onChange: (e) => setFacebook(e.target.value), placeholder: "https://facebook.com/letitrip" }), _jsx(Input, { label: "YouTube URL", value: youtube, onChange: (e) => setYoutube(e.target.value), placeholder: "https://youtube.com/@letitrip" }), _jsx(Input, { label: "WhatsApp number", value: whatsapp, onChange: (e) => setWhatsapp(e.target.value), placeholder: "+91XXXXXXXXXX" }), _jsx(Input, { label: "LinkedIn URL", value: linkedin, onChange: (e) => setLinkedin(e.target.value), placeholder: "https://linkedin.com/company/letitrip" }), _jsx(Input, { label: "Pinterest URL", value: pinterest, onChange: (e) => setPinterest(e.target.value), placeholder: "https://pinterest.com/letitrip" })] }), _jsx(GroupSaveButton, { isPending: contactMutation.isPending })] }) }), _jsx(TabsContent, { value: "watermark", children: _jsxs(Form, { onSubmit: (e) => { e.preventDefault(); watermarkMutation.mutate(); }, className: "space-y-4 pt-4", children: [_jsx(Select, { label: "Watermark type", options: [{ label: "Text", value: "text" }, { label: "Image", value: "image" }], value: watermarkType, onValueChange: (v) => setWatermarkType(v) }), watermarkType === "text" ? (_jsx(Input, { label: "Watermark text", value: watermarkText, onChange: (e) => setWatermarkText(e.target.value), placeholder: "letitrip.in" })) : (_jsx(ImageUpload, { label: "Watermark image", currentImage: watermarkImageUrl, onUpload: (file) => upload(file, "store"), onChange: setWatermarkImageUrl })), _jsx(Slider, { label: `Size — ${watermarkSize}% of image width`, value: watermarkSize, onChange: setWatermarkSize, min: 5, max: 100, step: 5 }), _jsx(Slider, { label: `Opacity — ${watermarkOpacity}%`, value: watermarkOpacity, onChange: setWatermarkOpacity, min: 5, max: 100, step: 5 }), _jsxs("div", { className: "rounded-lg border border-zinc-200 dark:border-zinc-700 p-4 bg-zinc-50 dark:bg-zinc-800", children: [_jsx("p", { className: "text-xs text-zinc-500 mb-2", children: "Preview (text watermark only)" }), _jsx("div", { className: "relative bg-white dark:bg-zinc-900 rounded h-32 flex items-end justify-end overflow-hidden", children: _jsx("span", { className: "text-zinc-400 select-none p-2 font-medium", style: { fontSize: `${Math.max(10, watermarkSize / 5)}px`, opacity: watermarkOpacity / 100 }, children: watermarkText }) })] }), _jsx(GroupSaveButton, { isPending: watermarkMutation.isPending })] }) }), _jsx(TabsContent, { value: "fees", children: _jsxs(Form, { onSubmit: (e) => { e.preventDefault(); feesMutation.mutate(); }, className: "space-y-4 pt-4", children: [_jsxs("div", { className: "grid grid-cols-2 gap-4", children: [_jsx(Input, { label: "Platform commission (%)", value: String(platformCommission), onChange: (e) => setPlatformCommission(parseFloat(e.target.value) || 0), type: "number", min: 0, max: 100, step: 0.1 }), _jsx(Input, { label: "Buyer convenience fee (%)", value: String(buyerFee), onChange: (e) => setBuyerFee(parseFloat(e.target.value) || 0), type: "number", min: 0, max: 100, step: 0.1 }), _jsx(Input, { label: "Razorpay gateway fee (%)", value: String(razorpayFee), onChange: (e) => setRazorpayFee(parseFloat(e.target.value) || 0), type: "number", min: 0, max: 10, step: 0.01 }), _jsx(Input, { label: "Seller payout hold (days)", value: String(payoutHoldDays), onChange: (e) => setPayoutHoldDays(parseInt(e.target.value) || 0), type: "number", min: 0 }), _jsx(Input, { label: "Minimum payout amount (\u20B9)", value: String(minPayoutAmount), onChange: (e) => setMinPayoutAmount(parseInt(e.target.value) || 0), type: "number", min: 0 }), _jsx(Input, { label: "Auction listing fee (\u20B9)", value: String(auctionListingFee), onChange: (e) => setAuctionListingFee(parseInt(e.target.value) || 0), type: "number", min: 0 }), _jsx(Input, { label: "Pre-order listing fee (\u20B9)", value: String(preOrderListingFee), onChange: (e) => setPreOrderListingFee(parseInt(e.target.value) || 0), type: "number", min: 0 }), _jsx(Input, { label: "Featured slot fee (\u20B9)", value: String(featuredSlotFee), onChange: (e) => setFeaturedSlotFee(parseInt(e.target.value) || 0), type: "number", min: 0 }), _jsx(Input, { label: "Promoted slot fee (\u20B9)", value: String(promotedSlotFee), onChange: (e) => setPromotedSlotFee(parseInt(e.target.value) || 0), type: "number", min: 0 })] }), _jsx(GroupSaveButton, { isPending: feesMutation.isPending })] }) }), _jsx(TabsContent, { value: "integrations", children: _jsxs(Form, { onSubmit: (e) => { e.preventDefault(); integrationsMutation.mutate(); }, className: "space-y-4 pt-4", children: [_jsx("p", { className: "text-xs text-zinc-500 dark:text-zinc-400", children: "Keys are masked in transit and stored encrypted. Click Reveal to view." }), _jsxs("div", { className: "space-y-3", children: [_jsx("p", { className: "text-sm font-medium text-zinc-600 dark:text-zinc-400", children: "Razorpay" }), _jsxs("div", { className: "grid grid-cols-2 gap-4", children: [_jsx(MaskedInput, { label: "Razorpay Key ID", value: razorpayKeyId, onChange: setRazorpayKeyId, placeholder: "rzp_live_\u2026" }), _jsx(MaskedInput, { label: "Razorpay Secret", value: razorpaySecret, onChange: setRazorpaySecret, placeholder: "\u2022\u2022\u2022\u2022\u2022\u2022\u2022\u2022" })] })] }), _jsxs("div", { className: "space-y-3", children: [_jsx("p", { className: "text-sm font-medium text-zinc-600 dark:text-zinc-400", children: "Shiprocket" }), _jsx(MaskedInput, { label: "Shiprocket API token", value: shiprocketToken, onChange: setShiprocketToken, placeholder: "\u2022\u2022\u2022\u2022\u2022\u2022\u2022\u2022" })] }), _jsxs("div", { className: "space-y-3", children: [_jsx("p", { className: "text-sm font-medium text-zinc-600 dark:text-zinc-400", children: "SMTP / Email" }), _jsxs("div", { className: "grid grid-cols-2 gap-4", children: [_jsx(Input, { label: "SMTP host", value: smtpHost, onChange: (e) => setSmtpHost(e.target.value), placeholder: "smtp.sendgrid.net" }), _jsx(Input, { label: "SMTP port", value: smtpPort, onChange: (e) => setSmtpPort(e.target.value), type: "number", placeholder: "587" }), _jsx(Input, { label: "SMTP user", value: smtpUser, onChange: (e) => setSmtpUser(e.target.value), placeholder: "apikey" }), _jsx(MaskedInput, { label: "SMTP password", value: smtpPassword, onChange: setSmtpPassword, placeholder: "\u2022\u2022\u2022\u2022\u2022\u2022\u2022\u2022" })] }), _jsx(Input, { label: "From address", value: smtpFrom, onChange: (e) => setSmtpFrom(e.target.value), placeholder: "noreply@letitrip.in", type: "email" })] }), _jsxs("div", { className: "space-y-3", children: [_jsx("p", { className: "text-sm font-medium text-zinc-600 dark:text-zinc-400", children: "Analytics & Tracking" }), _jsxs("div", { className: "grid grid-cols-2 gap-4", children: [_jsx(Input, { label: "Google Analytics ID", value: gaMeasurementId, onChange: (e) => setGaMeasurementId(e.target.value), placeholder: "G-XXXXXXXXXX" }), _jsx(Input, { label: "Facebook Pixel ID", value: fbPixelId, onChange: (e) => setFbPixelId(e.target.value), placeholder: "XXXXXXXXXXXXXXXX" }), _jsx(Input, { label: "GTM Container ID", value: gtmContainerId, onChange: (e) => setGtmContainerId(e.target.value), placeholder: "GTM-XXXXXXX" })] })] }), _jsx(GroupSaveButton, { isPending: integrationsMutation.isPending })] }) }), _jsx(TabsContent, { value: "shipping", children: _jsxs(Form, { onSubmit: (e) => { e.preventDefault(); shippingMutation.mutate(); }, className: "space-y-4 pt-4", children: [_jsx(Input, { label: "Free shipping threshold (\u20B9)", value: String(freeShippingThreshold), onChange: (e) => setFreeShippingThreshold(parseInt(e.target.value) || 0), type: "number", min: 0, helperText: "Orders above this amount get free shipping." }), _jsx(Toggle, { label: "Cash on delivery (COD) enabled", checked: codEnabled, onChange: setCodEnabled }), _jsx(Select, { label: "Default carrier", options: CARRIER_OPTIONS, value: defaultCarrier, onValueChange: setDefaultCarrier }), _jsx(Input, { label: "Max delivery radius (km, 0 = no limit)", value: String(maxDeliveryRadius), onChange: (e) => setMaxDeliveryRadius(parseInt(e.target.value) || 0), type: "number", min: 0 }), _jsx(GroupSaveButton, { isPending: shippingMutation.isPending })] }) }), _jsx(TabsContent, { value: "auction", children: _jsxs(Form, { onSubmit: (e) => { e.preventDefault(); auctionMutation.mutate(); }, className: "space-y-4 pt-4", children: [_jsx(Input, { label: "Minimum bid increment (\u20B9)", value: String(minBidIncrement), onChange: (e) => setMinBidIncrement(parseInt(e.target.value) || 0), type: "number", min: 1, helperText: "Global default \u2014 individual auctions may override." }), _jsx(Input, { label: "Auto-extend window (minutes before end)", value: String(autoExtendWindow), onChange: (e) => setAutoExtendWindow(parseInt(e.target.value) || 0), type: "number", min: 0, helperText: "Extend auction end time if a bid arrives within this window." }), _jsx(Input, { label: "Settlement grace period (hours)", value: String(settlementGrace), onChange: (e) => setSettlementGrace(parseInt(e.target.value) || 0), type: "number", min: 1, helperText: "Time winner has to pay before the auction is re-listed." }), _jsx(GroupSaveButton, { isPending: auctionMutation.isPending })] }) }), _jsx(TabsContent, { value: "limits", children: _jsxs(Form, { onSubmit: (e) => { e.preventDefault(); limitsMutation.mutate(); }, className: "space-y-4 pt-4", children: [_jsxs("div", { className: "grid grid-cols-2 gap-4", children: [_jsx(Input, { label: "Max products per store", value: String(maxProductsPerStore), onChange: (e) => setMaxProductsPerStore(parseInt(e.target.value) || 0), type: "number", min: 1 }), _jsx(Input, { label: "Max images per product", value: String(maxImagesPerProduct), onChange: (e) => setMaxImagesPerProduct(parseInt(e.target.value) || 0), type: "number", min: 1 }), _jsx(Input, { label: "Max video size (MB)", value: String(maxVideoSizeMb), onChange: (e) => setMaxVideoSizeMb(parseInt(e.target.value) || 0), type: "number", min: 1 }), _jsx(Input, { label: "Max custom fields per product", value: String(maxCustomFields), onChange: (e) => setMaxCustomFields(parseInt(e.target.value) || 0), type: "number", min: 0 }), _jsx(Input, { label: "Max custom sections per product", value: String(maxCustomSections), onChange: (e) => setMaxCustomSections(parseInt(e.target.value) || 0), type: "number", min: 0 }), _jsx(Input, { label: "Order cancellation window (hours)", value: String(orderCancelWindow), onChange: (e) => setOrderCancelWindow(parseInt(e.target.value) || 0), type: "number", min: 0 })] }), _jsx(GroupSaveButton, { isPending: limitsMutation.isPending })] }) }), _jsx(TabsContent, { value: "whatsapp", children: _jsxs(Form, { onSubmit: (e) => { e.preventDefault(); whatsappMutation.mutate(); }, className: "space-y-4 pt-4", children: [_jsx("p", { className: "text-xs text-zinc-500 dark:text-zinc-400", children: "Platform-level WhatsApp Business Cloud API credentials. Used for automated purchase announcements to admin numbers when orders are placed. Store owners configure their own credentials in Store \u2192 WhatsApp." }), _jsx(Input, { label: "Phone Number ID", value: waPhoneNumberId, onChange: (e) => setWaPhoneNumberId(e.target.value), placeholder: "987654321098765", helperText: "From Meta for Developers \u2192 App \u2192 WhatsApp \u2192 API Setup" }), _jsx(MaskedInput, { label: "Cloud API System User Token", value: waCloudApiToken, onChange: setWaCloudApiToken, placeholder: "EAAxxxxxxxx\u2026", helperText: "Long-lived system user access token with WhatsApp Business permissions" }), _jsx(Input, { label: "Admin Notify Numbers", value: waAdminNotifyNumbers, onChange: (e) => setWaAdminNotifyNumbers(e.target.value), placeholder: "919876543210,918765432109", helperText: "Comma-separated, digits-only, include country code. These receive a WhatsApp message when any order is placed." }), _jsx(GroupSaveButton, { isPending: whatsappMutation.isPending })] }) }), _jsx(TabsContent, { value: "legal", children: _jsxs(Form, { onSubmit: (e) => { e.preventDefault(); legalMutation.mutate(); }, className: "space-y-5 pt-4", children: [[
+                                    ["Terms of Service", termsHtml, setTermsHtml],
+                                    ["Privacy Policy", privacyHtml, setPrivacyHtml],
+                                    ["Refund Policy", refundHtml, setRefundHtml],
+                                    ["Shipping Policy", shippingPolicyHtml, setShippingPolicyHtml],
+                                    ["Cookie Policy", cookieHtml, setCookieHtml],
+                                ].map(([label, value, setter]) => (_jsxs("div", { className: "space-y-1", children: [_jsx("p", { className: "text-sm font-medium text-zinc-700 dark:text-zinc-300", children: label }), _jsx("textarea", { value: value, onChange: (e) => setter(e.target.value), placeholder: `<p>Enter ${label} HTML here…</p>`, rows: 6, className: "w-full rounded-md border border-zinc-300 dark:border-zinc-600 bg-white dark:bg-zinc-800 p-3 text-sm font-mono text-zinc-800 dark:text-zinc-200 resize-y focus:outline-none focus:ring-2 focus:ring-blue-500" })] }, label))), _jsx(GroupSaveButton, { isPending: legalMutation.isPending })] }) })] }, "tabs"),
+        ] }));
+}

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

@@ -0,0 +1,5 @@
+import React from "react";
+export interface AdminStoreAddressesViewProps {
+    children?: React.ReactNode;
+}
+export declare function AdminStoreAddressesView({ children: _children }: AdminStoreAddressesViewProps): import("react/jsx-runtime").JSX.Element;