@mohasinac/appkit 2.7.30 → 2.7.31

package/dist/_internal/client/features/filters/filter-load-options.d.ts

@@ -0,0 +1,29 @@
+/**
+ * filter-load-options.ts
+ *
+ * Factory functions that return `loadOptions(query, page)` callbacks for use
+ * with AsyncFacetSection, PaginatedMultiSelect, DynamicSelect, and
+ * InlineCreateSelect. Each factory hits a paginated API endpoint and maps the
+ * response to { items: DynamicSelectOption[], hasMore: boolean }.
+ *
+ * Usage:
+ *   const load = makeCategoryLoadOptions();
+ *   <AsyncFacetSection loadOptions={load} ... />
+ */
+import type { DynamicSelectOption, AsyncPage } from "../../../../ui/components/DynamicSelect";
+import type { FacetOption } from "../../../../features/filters/FilterFacetSection";
+export type LoadOptionsFn<T = DynamicSelectOption> = (query: string, page: number) => Promise<AsyncPage<T>>;
+/**
+ * Returns a loadOptions function for categories.
+ * @param variant "admin" uses /api/admin/categories; "public" uses /api/categories.
+ * @param categoryType Optional filter to narrow to a specific category type (e.g. "brand").
+ */
+export declare function makeCategoryLoadOptions(variant?: "public" | "admin", categoryType?: string): LoadOptionsFn;
+export declare function makeCategoryFacetLoadOptions(variant?: "public" | "admin", categoryType?: string): LoadOptionsFn<FacetOption>;
+export declare function makeBrandLoadOptions(variant?: "public" | "admin"): LoadOptionsFn;
+export declare function makeBrandFacetLoadOptions(variant?: "public" | "admin"): LoadOptionsFn<FacetOption>;
+export declare function makeStoreLoadOptions(): LoadOptionsFn;
+export declare function makeStoreFacetLoadOptions(): LoadOptionsFn<FacetOption>;
+export declare function makeProductLoadOptions(storeId?: string): LoadOptionsFn;
+export declare function makeUserLoadOptions(role?: string): LoadOptionsFn;
+export declare function makeAddressLoadOptions(ownerType?: "user" | "store"): LoadOptionsFn;

package/dist/_internal/client/features/filters/filter-load-options.js

@@ -0,0 +1,98 @@
+"use client";
+const PAGE_SIZE = 25;
+function buildUrl(base, q, page, extra) {
+    const params = new URLSearchParams({
+        q,
+        page: String(page),
+        pageSize: String(PAGE_SIZE),
+        ...extra,
+    });
+    return `${base}?${params.toString()}`;
+}
+async function fetchPage(url, mapItem) {
+    const res = await fetch(url);
+    if (!res.ok)
+        return { items: [], hasMore: false };
+    const json = (await res.json());
+    const raw = json.data?.items ?? [];
+    const hasMore = json.data?.hasMore ?? false;
+    return {
+        items: raw.map(mapItem),
+        hasMore,
+    };
+}
+// ── Categories ────────────────────────────────────────────────────────────────
+/**
+ * Returns a loadOptions function for categories.
+ * @param variant "admin" uses /api/admin/categories; "public" uses /api/categories.
+ * @param categoryType Optional filter to narrow to a specific category type (e.g. "brand").
+ */
+export function makeCategoryLoadOptions(variant = "admin", categoryType) {
+    const base = variant === "admin" ? "/api/admin/categories" : "/api/categories";
+    return async (q, page) => fetchPage(buildUrl(base, q, page, categoryType ? { categoryType } : undefined), (item) => ({
+        value: String(item.id ?? item.slug ?? ""),
+        label: String(item.name ?? item.id ?? ""),
+        meta: item,
+    }));
+}
+export function makeCategoryFacetLoadOptions(variant = "public", categoryType) {
+    const base = variant === "admin" ? "/api/admin/categories" : "/api/categories";
+    return async (q, page) => fetchPage(buildUrl(base, q, page, categoryType ? { categoryType } : undefined), (item) => ({
+        value: String(item.id ?? item.slug ?? ""),
+        label: String(item.name ?? item.id ?? ""),
+    }));
+}
+// ── Brands ────────────────────────────────────────────────────────────────────
+export function makeBrandLoadOptions(variant = "admin") {
+    const base = variant === "admin" ? "/api/admin/brands" : "/api/brands";
+    return async (q, page) => fetchPage(buildUrl(base, q, page), (item) => ({
+        value: String(item.id ?? item.slug ?? ""),
+        label: String(item.name ?? item.id ?? ""),
+        meta: item,
+    }));
+}
+export function makeBrandFacetLoadOptions(variant = "public") {
+    const base = variant === "admin" ? "/api/admin/brands" : "/api/brands";
+    return async (q, page) => fetchPage(buildUrl(base, q, page), (item) => ({
+        value: String(item.id ?? item.slug ?? ""),
+        label: String(item.name ?? item.id ?? ""),
+    }));
+}
+// ── Stores ────────────────────────────────────────────────────────────────────
+export function makeStoreLoadOptions() {
+    return async (q, page) => fetchPage(buildUrl("/api/admin/stores", q, page), (item) => ({
+        value: String(item.id ?? item.slug ?? ""),
+        label: String(item.storeName ?? item.name ?? item.id ?? ""),
+        meta: item,
+    }));
+}
+export function makeStoreFacetLoadOptions() {
+    return async (q, page) => fetchPage(buildUrl("/api/admin/stores", q, page), (item) => ({
+        value: String(item.id ?? item.slug ?? ""),
+        label: String(item.storeName ?? item.name ?? item.id ?? ""),
+    }));
+}
+// ── Products ──────────────────────────────────────────────────────────────────
+export function makeProductLoadOptions(storeId) {
+    return async (q, page) => fetchPage(buildUrl("/api/admin/products", q, page, storeId ? { storeId } : undefined), (item) => ({
+        value: String(item.id ?? item.slug ?? ""),
+        label: String(item.title ?? item.name ?? item.id ?? ""),
+        meta: item,
+    }));
+}
+// ── Users ─────────────────────────────────────────────────────────────────────
+export function makeUserLoadOptions(role) {
+    return async (q, page) => fetchPage(buildUrl("/api/admin/users", q, page, role ? { role } : undefined), (item) => ({
+        value: String(item.id ?? item.uid ?? ""),
+        label: String(item.displayName ?? item.email ?? item.id ?? ""),
+        meta: item,
+    }));
+}
+// ── Addresses ─────────────────────────────────────────────────────────────────
+export function makeAddressLoadOptions(ownerType) {
+    return async (q, page) => fetchPage(buildUrl("/api/admin/addresses", q, page, ownerType ? { ownerType } : undefined), (item) => ({
+        value: String(item.id ?? ""),
+        label: [item.label, item.city, item.state].filter(Boolean).join(", "),
+        meta: item,
+    }));
+}

package/dist/_internal/server/features/classified/adapters.js

@@ -12,7 +12,7 @@ export function toClientClassified(doc) {
         images: doc.images ?? [],
         storeId: doc.storeId,
         storeName: doc.storeName ?? null,
-        category: doc.category,
+        category: doc.categorySlugs?.[0] ?? doc.category ?? "",
         condition: doc.condition ?? null,
         tags: doc.tags ?? [],
         classified: doc.classified ?? null,

package/dist/_internal/server/features/digital-code/adapters.js

@@ -13,7 +13,7 @@ export function toClientDigitalCode(doc) {
         images: doc.images ?? [],
         storeId: doc.storeId,
         storeName: doc.storeName ?? null,
-        category: doc.category,
+        category: doc.categorySlugs?.[0] ?? doc.category ?? "",
         tags: doc.tags ?? [],
         digitalCode: dc
             ? {

package/dist/_internal/server/features/live/adapters.js

@@ -13,7 +13,7 @@ export function toClientLiveItem(doc) {
         images: doc.images ?? [],
         storeId: doc.storeId,
         storeName: doc.storeName ?? null,
-        category: doc.category,
+        category: doc.categorySlugs?.[0] ?? doc.category ?? "",
         tags: doc.tags ?? [],
         liveItem: li
             ? {

package/dist/_internal/shared/actions/action-registry.js

@@ -386,7 +386,200 @@ export const ACTIONS = {
         },
     },
     SELLER: {},
-    ADMIN: {},
+    ADMIN: {
+        // ── Product moderation ─────────────────────────────────────────────────
+        "approve-product": {
+            id: "admin.approve-product",
+            label: "Approve",
+            ariaLabel: "Approve listing",
+            description: "Mark a pending product listing as approved and visible to buyers.",
+            kind: "primary",
+            permissions: ["admin", "moderator"],
+        },
+        "reject-product": {
+            id: "admin.reject-product",
+            label: "Reject",
+            ariaLabel: "Reject listing",
+            description: "Reject a product listing and notify the seller with a reason.",
+            kind: "danger",
+            permissions: ["admin", "moderator"],
+            confirmation: {
+                title: "Reject this listing?",
+                body: "The listing will be rejected and the seller will be notified. You can restore it later.",
+                confirmLabel: "Reject listing",
+                confirmKind: "danger",
+            },
+        },
+        // ── User moderation ────────────────────────────────────────────────────
+        "ban-user": {
+            id: "admin.ban-user",
+            label: "Ban user",
+            ariaLabel: "Ban this user",
+            description: "Soft-ban a user account — blocks login and all marketplace activity.",
+            kind: "danger",
+            permissions: ["admin", "moderator"],
+            confirmation: {
+                title: "Ban this user?",
+                body: "The user will be blocked from logging in and all marketplace activity. You can lift the ban later.",
+                confirmLabel: "Ban user",
+                confirmKind: "danger",
+            },
+        },
+        "unban-user": {
+            id: "admin.unban-user",
+            label: "Lift ban",
+            ariaLabel: "Lift ban on this user",
+            description: "Remove a soft-ban and restore normal account access.",
+            kind: "secondary",
+            permissions: ["admin"],
+        },
+        "verify-vendor": {
+            id: "admin.verify-vendor",
+            label: "Verify vendor",
+            ariaLabel: "Grant verified-vendor status",
+            description: "Grant verified-vendor badge to a seller account.",
+            kind: "primary",
+            permissions: ["admin"],
+        },
+        "unverify-vendor": {
+            id: "admin.unverify-vendor",
+            label: "Remove verification",
+            ariaLabel: "Revoke verified-vendor status",
+            description: "Revoke the verified-vendor badge from a seller account.",
+            kind: "secondary",
+            permissions: ["admin"],
+            confirmation: {
+                title: "Remove vendor verification?",
+                body: "The verified badge will be removed from this seller's store.",
+                confirmLabel: "Remove verification",
+                confirmKind: "danger",
+            },
+        },
+        // ── Store moderation ───────────────────────────────────────────────────
+        "verify-store": {
+            id: "admin.verify-store",
+            label: "Verify store",
+            ariaLabel: "Verify this store",
+            description: "Grant verified status to a store.",
+            kind: "primary",
+            permissions: ["admin"],
+        },
+        "suspend-store": {
+            id: "admin.suspend-store",
+            label: "Suspend store",
+            ariaLabel: "Suspend this store",
+            description: "Suspend a store — hides all its listings from buyers.",
+            kind: "danger",
+            permissions: ["admin"],
+            confirmation: {
+                title: "Suspend this store?",
+                body: "All listings from this store will be hidden. The seller will be notified.",
+                confirmLabel: "Suspend store",
+                confirmKind: "danger",
+            },
+        },
+        // ── Review moderation ──────────────────────────────────────────────────
+        "approve-review": {
+            id: "admin.approve-review",
+            label: "Approve",
+            ariaLabel: "Approve review",
+            description: "Publish a pending product review.",
+            kind: "primary",
+            permissions: ["admin", "moderator"],
+        },
+        "reject-review": {
+            id: "admin.reject-review",
+            label: "Reject",
+            ariaLabel: "Reject review",
+            description: "Reject a product review and prevent it from being shown.",
+            kind: "danger",
+            permissions: ["admin", "moderator"],
+            confirmation: {
+                title: "Reject this review?",
+                body: "The review will be hidden from the product page.",
+                confirmLabel: "Reject review",
+                confirmKind: "danger",
+            },
+        },
+        // ── Return request moderation ──────────────────────────────────────────
+        "approve-return": {
+            id: "admin.approve-return",
+            label: "Approve return",
+            ariaLabel: "Approve return request",
+            description: "Approve a return request and initiate the refund flow.",
+            kind: "primary",
+            permissions: ["admin", "moderator"],
+        },
+        "reject-return": {
+            id: "admin.reject-return",
+            label: "Reject return",
+            ariaLabel: "Reject return request",
+            description: "Reject a return request with a reason.",
+            kind: "danger",
+            permissions: ["admin", "moderator"],
+            confirmation: {
+                title: "Reject return request?",
+                body: "The return request will be declined and the buyer will be notified.",
+                confirmLabel: "Reject return",
+                confirmKind: "danger",
+            },
+        },
+        // ── Payout management ──────────────────────────────────────────────────
+        "grant-payout": {
+            id: "admin.grant-payout",
+            label: "Approve payout",
+            ariaLabel: "Approve payout request",
+            description: "Approve a seller payout request and trigger the transfer.",
+            kind: "primary",
+            permissions: ["admin"],
+        },
+        "hold-payout": {
+            id: "admin.hold-payout",
+            label: "Hold payout",
+            ariaLabel: "Put payout on hold",
+            description: "Put a payout request on hold pending investigation.",
+            kind: "secondary",
+            permissions: ["admin"],
+            confirmation: {
+                title: "Hold this payout?",
+                body: "The payout will be paused. The seller will be notified.",
+                confirmLabel: "Hold payout",
+                confirmKind: "danger",
+            },
+        },
+        // ── Bundle management ──────────────────────────────────────────────────
+        "rebuild-bundle": {
+            id: "admin.rebuild-bundle",
+            label: "Rebuild bundle",
+            ariaLabel: "Trigger bundle stock rebuild",
+            description: "Recalculate bundle availability from its constituent product stock.",
+            kind: "secondary",
+            permissions: ["admin"],
+        },
+        // ── Dev / system ───────────────────────────────────────────────────────
+        "reset-seed-data": {
+            id: "admin.reset-seed-data",
+            label: "Reset seed data",
+            ariaLabel: "Clear and re-seed Firestore",
+            description: "Delete all seeded documents and reload from seed fixtures. Dev environments only.",
+            kind: "danger",
+            permissions: ["admin"],
+            confirmation: {
+                title: "Reset all seed data?",
+                body: "Every seeded document will be deleted and reloaded from fixtures. This cannot be undone. Only use this in a development environment.",
+                confirmLabel: "Reset seed data",
+                confirmKind: "danger",
+            },
+        },
+        // ── Generic admin forms ────────────────────────────────────────────────
+        "save-changes": {
+            id: "admin.save-changes",
+            label: "Save changes",
+            description: "Submit any admin editor form.",
+            kind: "primary",
+            permissions: ["admin", "moderator"],
+        },
+    },
     CART: {
         "clear-cart": {
             id: "cart.clear",

package/dist/client.d.ts

@@ -79,6 +79,8 @@ export type { CouponsIndexListingProps } from "./features/promotions/components/
 export { NotificationBell } from "./features/account/components/NotificationBell";
 export { NotificationPreferencesPanel } from "./features/account/components/NotificationPreferencesPanel";
 export type { NotificationPreferencesPanelProps } from "./features/account/components/NotificationPreferencesPanel";
+export { AuctionBidsTable } from "./features/auctions/components/AuctionBidsTable";
+export type { AuctionBidsTableProps, AuctionWithBids } from "./features/auctions/components/AuctionBidsTable";
 export { ProtectedRoute, AuthStatusPanel, ForgotPasswordView, LoginForm, RegisterForm, ResetPasswordView, VerifyEmailView } from "./features/auth/index";
 export type { AuthGuardUser, ForgotPasswordViewProps, LoginFormProps, LoginFormValues, RegisterFormProps, RegisterFormValues, ResetPasswordViewProps, VerifyEmailViewProps, } from "./features/auth/index";
 export { useLogout, useLogin, useGoogleLogin, useRegister, useForgotPassword, useResetPassword, useVerifyEmail, useChangePassword, useChangeEmail } from "./features/auth/index";

package/dist/client.js

@@ -137,6 +137,7 @@ export { UserSidebar } from "./features/account/components/UserSidebar";
 export { CouponsIndexListing } from "./features/promotions/components/CouponsIndexListing";
 export { NotificationBell } from "./features/account/components/NotificationBell";
 export { NotificationPreferencesPanel } from "./features/account/components/NotificationPreferencesPanel";
+export { AuctionBidsTable } from "./features/auctions/components/AuctionBidsTable";
 export { ProtectedRoute, AuthStatusPanel, ForgotPasswordView, LoginForm, RegisterForm, ResetPasswordView, VerifyEmailView } from "./features/auth/index";
 export { useLogout, useLogin, useGoogleLogin, useRegister, useForgotPassword, useResetPassword, useVerifyEmail, useChangePassword, useChangeEmail } from "./features/auth/index";
 export { CartView, CartItemRow, CartSummary, CartDrawer, CheckoutView, CheckoutSuccessView, CheckoutAddressStep, useGuestCart, useCartCount, useAddToCart, useCart, useGuestCartMerge, useCartQuery } from "./features/cart/index";

package/dist/constants/api-endpoints.d.ts

@@ -132,6 +132,8 @@ export declare const ADMIN_ENDPOINTS: {
     readonly SUPPORT_TICKET_BY_ID: (id: string) => string;
     readonly SCAMMERS: "/api/admin/scammers";
     readonly SCAMMER_BY_ID: (id: string) => string;
+    readonly ADDRESSES: "/api/admin/addresses";
+    readonly ADDRESS_BY_ID: (id: string) => string;
 };
 export declare const CHAT_ENDPOINTS: {
     readonly LIST: "/api/chat";
@@ -430,6 +432,8 @@ export declare const API_ENDPOINTS: {
         readonly SUPPORT_TICKET_BY_ID: (id: string) => string;
         readonly SCAMMERS: "/api/admin/scammers";
         readonly SCAMMER_BY_ID: (id: string) => string;
+        readonly ADDRESSES: "/api/admin/addresses";
+        readonly ADDRESS_BY_ID: (id: string) => string;
     };
     readonly CHAT: {
         readonly LIST: "/api/chat";
@@ -730,6 +734,8 @@ export declare const API_ROUTES: {
         readonly SUPPORT_TICKET_BY_ID: (id: string) => string;
         readonly SCAMMERS: "/api/admin/scammers";
         readonly SCAMMER_BY_ID: (id: string) => string;
+        readonly ADDRESSES: "/api/admin/addresses";
+        readonly ADDRESS_BY_ID: (id: string) => string;
     };
     readonly CHAT: {
         readonly LIST: "/api/chat";

package/dist/constants/api-endpoints.js

@@ -151,6 +151,8 @@ export const ADMIN_ENDPOINTS = {
     SUPPORT_TICKET_BY_ID: (id) => `/api/admin/support-tickets/${id}`,
     SCAMMERS: "/api/admin/scammers",
     SCAMMER_BY_ID: (id) => `/api/admin/scammers/${id}`,
+    ADDRESSES: "/api/admin/addresses",
+    ADDRESS_BY_ID: (id) => `/api/admin/addresses/${id}`,
 };
 // ---------------------------------------------------------------------------
 // Chat

package/dist/constants/field-names.d.ts

@@ -13,6 +13,7 @@ export declare const PRODUCT_FIELDS: {
     readonly DESCRIPTION: "description";
     readonly SLUG: "slug";
     readonly CATEGORY: "category";
+    readonly CATEGORY_SLUGS: "categorySlugs";
     readonly CATEGORY_SLUG: "categorySlug";
     readonly SUBCATEGORY: "subcategory";
     readonly BRAND: "brand";

package/dist/constants/field-names.js

@@ -16,6 +16,7 @@ export const PRODUCT_FIELDS = {
     DESCRIPTION: "description",
     SLUG: "slug",
     CATEGORY: "category",
+    CATEGORY_SLUGS: "categorySlugs",
     CATEGORY_SLUG: "categorySlug",
     SUBCATEGORY: "subcategory",
     BRAND: "brand",

package/dist/features/about/components/PublicProfileView.js

@@ -27,8 +27,8 @@ function toProductItem(p) {
         isSold: p.isSold,
         isPromoted: p.isPromoted,
         featured: p.featured,
-        category: p.category,
-        categoryName: p.categoryName,
+        categorySlugs: p.categorySlugs ?? (p.category ? [p.category] : []),
+        categoryNames: p.categoryNames ?? (p.categoryName ? [p.categoryName] : []),
         brand: p.brand,
         brandSlug: p.brandSlug,
         storeId: p.storeId,

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

@@ -0,0 +1,7 @@
+import type { StackedViewShellProps } from "../../../ui";
+export interface AdminAddressEditorViewProps extends Omit<StackedViewShellProps, "sections"> {
+    addressId?: string;
+    onSaved?: (id: string) => void;
+    onDeleted?: () => void;
+}
+export declare function AdminAddressEditorView({ addressId, onSaved, onDeleted, ...rest }: AdminAddressEditorViewProps): import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,117 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import React from "react";
+import { useMutation, useQuery } from "@tanstack/react-query";
+import { Button, Card, CardBody, ConfirmDeleteModal, Form, Input, Select, StackedViewShell, Text, Toggle, useToast, } from "../../../ui";
+import { apiClient } from "../../../http";
+import { ADMIN_ENDPOINTS } from "../../../constants/api-endpoints";
+import { ACTIONS } from "../../../_internal/shared/actions/action-registry";
+import { INDIAN_STATES } from "../../account/constants/addresses";
+const STATE_OPTIONS = INDIAN_STATES.map((s) => ({ value: s, label: s }));
+// ── Section heading helper ─────────────────────────────────────────────────────
+function SectionHeading({ children }) {
+    return (_jsx(Text, { className: "text-xs font-semibold uppercase tracking-widest text-zinc-500 dark:text-zinc-400 mb-4", children: children }));
+}
+const EMPTY = {
+    ownerType: "user",
+    ownerId: "",
+    label: "",
+    fullName: "",
+    phone: "",
+    addressLine1: "",
+    addressLine2: "",
+    landmark: "",
+    city: "",
+    state: "",
+    postalCode: "",
+    country: "India",
+    isDefault: false,
+};
+export function AdminAddressEditorView({ addressId, onSaved, onDeleted, ...rest }) {
+    const isEdit = Boolean(addressId);
+    const [deleteOpen, setDeleteOpen] = React.useState(false);
+    const { showToast } = useToast();
+    const [form, setForm] = React.useState(EMPTY);
+    const set = (key, value) => setForm((prev) => ({ ...prev, [key]: value }));
+    const { isLoading } = useQuery({
+        queryKey: ["admin", "address", addressId],
+        queryFn: async () => {
+            const res = await apiClient.get(ADMIN_ENDPOINTS.ADDRESS_BY_ID(addressId));
+            return (res?.data ?? res);
+        },
+        enabled: isEdit,
+        select: (data) => {
+            setForm({
+                ownerType: data.ownerType ?? "user",
+                ownerId: data.ownerId ?? "",
+                label: data.label ?? "",
+                fullName: data.fullName ?? "",
+                phone: data.phone ?? "",
+                addressLine1: data.addressLine1 ?? "",
+                addressLine2: data.addressLine2 ?? "",
+                landmark: data.landmark ?? "",
+                city: data.city ?? "",
+                state: data.state ?? "",
+                postalCode: data.postalCode ?? "",
+                country: data.country ?? "India",
+                isDefault: data.isDefault ?? false,
+            });
+            return data;
+        },
+    });
+    const saveMutation = useMutation({
+        mutationFn: async () => {
+            const payload = {
+                ...form,
+                addressLine2: form.addressLine2 || undefined,
+                landmark: form.landmark || undefined,
+            };
+            if (isEdit) {
+                return apiClient.patch(ADMIN_ENDPOINTS.ADDRESS_BY_ID(addressId), payload);
+            }
+            return apiClient.post(ADMIN_ENDPOINTS.ADDRESSES, payload);
+        },
+        onSuccess: (res) => {
+            const id = res?.data?.id ?? res?.id ?? addressId;
+            showToast(isEdit ? "Address updated." : "Address created.", "success");
+            if (onSaved && id)
+                onSaved(String(id));
+        },
+        onError: (err) => {
+            showToast(err?.message ?? "Failed to save address.", "error");
+        },
+    });
+    const deleteMutation = useMutation({
+        mutationFn: () => apiClient.delete(ADMIN_ENDPOINTS.ADDRESS_BY_ID(addressId)),
+        onSuccess: () => {
+            showToast("Address deleted.", "success");
+            setDeleteOpen(false);
+            if (onDeleted)
+                onDeleted();
+        },
+        onError: (err) => showToast(err?.message ?? "Failed to delete address.", "error"),
+    });
+    const isSubmitting = saveMutation.isPending || isLoading;
+    const canSave = form.ownerId &&
+        form.label &&
+        form.fullName &&
+        form.phone &&
+        form.addressLine1 &&
+        form.city &&
+        form.state &&
+        form.postalCode.length === 6;
+    // ── Action sidebar (desktop) ───────────────────────────────────────────────
+    const actionSidebar = (_jsxs(Card, { variant: "outlined", padding: "md", className: "space-y-3", children: [_jsx(Button, { type: "submit", form: "address-editor-form", className: "w-full", isLoading: isSubmitting, disabled: !canSave || isSubmitting, children: isEdit ? ACTIONS.ADMIN["save-changes"].label : "Create address" }), isEdit && (_jsx(Button, { type: "button", variant: "danger", className: "w-full", isLoading: deleteMutation.isPending, onClick: () => setDeleteOpen(true), children: "Delete address" }))] }));
+    // ── Form sections ──────────────────────────────────────────────────────────
+    const formContent = (_jsxs(Form, { id: "address-editor-form", onSubmit: (e) => {
+            e.preventDefault();
+            saveMutation.mutate();
+        }, className: "space-y-6", children: [_jsxs(Card, { variant: "outlined", padding: "lg", children: [_jsx(SectionHeading, { children: "Ownership" }), _jsxs("div", { className: "space-y-4", children: [_jsx("div", { className: "flex gap-6", children: ["user", "store"].map((type) => (_jsxs("label", { className: "flex cursor-pointer items-center gap-2", children: [_jsx("input", { type: "radio", name: "ownerType", value: type, checked: form.ownerType === type, onChange: () => {
+                                                set("ownerType", type);
+                                                set("ownerId", "");
+                                            }, className: "accent-[var(--appkit-color-primary)]" }), _jsx("span", { className: "text-sm capitalize text-[var(--appkit-color-text)]", children: type })] }, type))) }), _jsx(Input, { label: form.ownerType === "user" ? "User ID" : "Store ID (slug)", value: form.ownerId, onChange: (e) => set("ownerId", e.target.value), required: true, placeholder: form.ownerType === "user" ? "user-mohsin-c" : "store-pokemon-palace", helperText: form.ownerType === "user"
+                                    ? "Firebase Auth UID or user slug"
+                                    : "Store slug (e.g. store-pokemon-palace)" })] })] }), _jsxs(Card, { variant: "outlined", padding: "lg", children: [_jsx(SectionHeading, { children: "Contact & Location" }), _jsxs("div", { className: "space-y-4", children: [_jsxs("div", { className: "grid gap-4 sm:grid-cols-2", children: [_jsx(Input, { label: "Label", value: form.label, onChange: (e) => set("label", e.target.value), required: true, placeholder: "Home / Office / Pickup" }), _jsx(Input, { label: "Full Name", value: form.fullName, onChange: (e) => set("fullName", e.target.value), required: true, placeholder: "Recipient name (PII)" })] }), _jsx(Input, { label: "Phone", value: form.phone, onChange: (e) => set("phone", e.target.value), required: true, type: "tel", placeholder: "+91 9876543210 (PII)" }), _jsx(Input, { label: "Address Line 1", value: form.addressLine1, onChange: (e) => set("addressLine1", e.target.value), required: true, placeholder: "House/flat no., street (PII)" }), _jsxs("div", { className: "grid gap-4 sm:grid-cols-2", children: [_jsx(Input, { label: "Address Line 2", value: form.addressLine2 ?? "", onChange: (e) => set("addressLine2", e.target.value), placeholder: "Area, locality (optional)" }), _jsx(Input, { label: "Landmark", value: form.landmark ?? "", onChange: (e) => set("landmark", e.target.value), placeholder: "Near hospital, etc. (optional)" })] }), _jsxs("div", { className: "grid gap-4 sm:grid-cols-3", children: [_jsx(Input, { label: "City", value: form.city, onChange: (e) => set("city", e.target.value), required: true, placeholder: "Mumbai" }), _jsx(Select, { label: "State", value: form.state, onValueChange: (val) => set("state", val), options: STATE_OPTIONS, placeholder: "Select state", required: true }), _jsx(Input, { label: "Postal Code", value: form.postalCode, onChange: (e) => set("postalCode", e.target.value), required: true, placeholder: "400001", maxLength: 6 })] }), _jsx(Input, { label: "Country", value: form.country, onChange: (e) => set("country", e.target.value), placeholder: "India" })] })] }), _jsxs(Card, { variant: "outlined", padding: "lg", children: [_jsx(SectionHeading, { children: "Flags" }), _jsx(Toggle, { label: "Set as default address", checked: form.isDefault, onChange: (v) => set("isDefault", v) })] }), _jsxs("div", { className: "flex gap-3 lg:hidden", children: [_jsx(Button, { type: "submit", isLoading: isSubmitting, disabled: !canSave || isSubmitting, children: isEdit ? ACTIONS.ADMIN["save-changes"].label : "Create address" }), isEdit && (_jsx(Button, { type: "button", variant: "danger", isLoading: deleteMutation.isPending, onClick: () => setDeleteOpen(true), children: "Delete address" }))] })] }, "address-form"));
+    const twoPanel = (_jsxs("div", { className: "grid gap-6 lg:grid-cols-[1fr_280px] lg:items-start", children: [_jsx(CardBody, { className: "min-w-0 space-y-6 p-0", children: formContent }), _jsx("div", { className: "hidden lg:block lg:sticky lg:top-[var(--header-height,0px)]", children: actionSidebar })] }));
+    return (_jsxs(_Fragment, { children: [_jsx(StackedViewShell, { portal: "admin", ...rest, title: isEdit ? "Edit Address" : "New Address", sections: [twoPanel] }), _jsx(ConfirmDeleteModal, { isOpen: deleteOpen, onClose: () => setDeleteOpen(false), onConfirm: () => deleteMutation.mutate(), isDeleting: deleteMutation.isPending, title: "Delete this address?", message: "This address will be permanently removed. This action cannot be undone.", confirmText: "Delete address", variant: "danger" })] }));
+}