@mohasinac/appkit 2.7.35 → 2.7.37

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

@@ -2,13 +2,16 @@
 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 { useBulkSelection } from "../../../react/hooks/useBulkSelection";
-import { BulkActionBar, FilterChipGroup, ListingToolbar, Pagination, ListingViewShell, RowActionMenu } from "../../../ui";
+import { BulkActionBar, Button, FilterChipGroup, Form, FormActions, Input, ListingToolbar, Modal, Pagination, ListingViewShell, RowActionMenu, Text as AppText, useToast } from "../../../ui";
 import { AdminViewCards } from "./AdminViewCards";
 import { ADMIN_ENDPOINTS } from "../../../constants/api-endpoints";
+import { ACTIONS } from "../../../_internal/shared/actions/action-registry";
 import { ADMIN_USER_STATUS_TABS, ADMIN_USER_ROLE_TABS } from "../constants/filter-tabs";
 import { toRecordArray, toRelativeDate, toStringValue, useAdminListingData, } from "../hooks/useAdminListingData";
+import { apiClient } from "../../../http";
 import { DataTable } from "./DataTable";
 import { AdminUserEditorView } from "./AdminUserEditorView";
 const PAGE_SIZE = 25;
@@ -29,12 +32,40 @@ function UsersFilterDrawer({ filterOpen, setFilterOpen, activeFilterCount, clear
 export function AdminUsersView({ children, ...props }) {
     const hasChildren = React.Children.count(children) > 0;
     const [view, setView] = useState("table");
+    const toast = useToast();
+    const queryClient = useQueryClient();
     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 [drawerOpen, setDrawerOpen] = useState(false);
     const [selectedRow, setSelectedRow] = useState(null);
+    const [banModalOpen, setBanModalOpen] = useState(false);
+    const [banTargetId, setBanTargetId] = useState(null);
+    const [banReason, setBanReason] = useState("");
+    const banUser = useMutation({
+        mutationFn: () => {
+            if (!banTargetId)
+                throw new Error("No user selected");
+            return apiClient.post(ADMIN_ENDPOINTS.USER_HARD_BAN(banTargetId), { reason: banReason.trim() });
+        },
+        onSuccess: () => {
+            toast.showToast("User has been banned.", "success");
+            setBanModalOpen(false);
+            setBanTargetId(null);
+            setBanReason("");
+            void queryClient.invalidateQueries({ queryKey: ["admin", "users", "listing"] });
+        },
+        onError: () => { toast.showToast("Failed to ban user.", "error"); },
+    });
+    const unbanUser = useMutation({
+        mutationFn: (uid) => apiClient.post(ADMIN_ENDPOINTS.USER_UNBAN(uid), {}),
+        onSuccess: () => {
+            toast.showToast("Ban lifted.", "success");
+            void queryClient.invalidateQueries({ queryKey: ["admin", "users", "listing"] });
+        },
+        onError: () => { toast.showToast("Failed to lift ban.", "error"); },
+    });
     const openFilters = useCallback(() => {
         setPendingFilters(Object.fromEntries(FILTER_KEYS.map((k) => [k, table.get(k)])));
         setFilterOpen(true);
@@ -117,10 +148,26 @@ export function AdminUsersView({ children, ...props }) {
     }
     return (_jsxs(_Fragment, { children: [_jsxs("div", { className: "min-h-screen", children: [_jsx(ListingToolbar, { filterCount: activeFilterCount, onFiltersClick: openFilters, searchValue: searchInput, searchPlaceholder: "Search users, email, or seller handles", onSearchChange: setSearchInput, onSearchCommit: commitSearch, sortValue: table.get("sort") || DEFAULT_SORT, sortOptions: SORT_OPTIONS, onSortChange: (v) => { table.set("sort", v); }, showTableView: true, view: view, onViewChange: (v) => setView(v), onResetAll: resetAll, hasActiveState: hasActiveState }), _jsx(BulkActionBar, { selectedCount: selection.selectedCount, onClearSelection: selection.clearSelection, actions: [
                             { id: "manage", label: "Manage Selected", variant: "primary", onClick: () => { setSelectedRow(rows.find(r => r.id === selection.selectedIds[0]) ?? null); setDrawerOpen(true); selection.clearSelection(); } },
-                        ] }), 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 })), view === "table" ? (_jsx(DataTable, { rows: rows, isLoading: isLoading, emptyLabel: "No users found", selectedIds: selection.selectedIdSet, onToggleSelect: selection.toggle, onToggleSelectAll: (next) => next ? selection.setSelectedIds(rows.map(r => r.id)) : selection.clearSelection(), renderRowActions: (row) => (_jsx(RowActionMenu, { actions: [{
-                                            label: "Manage",
-                                            onClick: () => { setSelectedRow(row); setDrawerOpen(true); },
-                                        }] })) })) : (_jsx(AdminViewCards, { rows: rows, view: view, isLoading: isLoading, emptyLabel: "No users found", onRowClick: (row) => { setSelectedRow(row); setDrawerOpen(true); }, selectedIdSet: selection.selectedIdSet, onToggleSelect: selection.toggle }))] }), _jsx(UsersFilterDrawer, { filterOpen: filterOpen, setFilterOpen: setFilterOpen, activeFilterCount: activeFilterCount, clearFilters: clearFilters, pendingFilters: pendingFilters, setPendingFilters: setPendingFilters, applyFilters: applyFilters })] }), _jsx(AdminUserEditorView, { open: drawerOpen, onClose: () => setDrawerOpen(false), userId: selectedRow?.id, displayName: selectedRow?.primary, currentRole: toStringValue(selectedRow?._raw?.role, "user"), currentEmailVerified: Boolean(selectedRow?._raw?.emailVerified), ownedStoreId: toStringValue(selectedRow?._raw?.storeId, "") || undefined, ownedStoreName: toStringValue(selectedRow?._raw?.storeName, "") || undefined, currentIsHardBanned: Boolean((selectedRow?._raw?.isDisabled ?? selectedRow?._raw?.disabled) &&
+                        ] }), 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 })), view === "table" ? (_jsx(DataTable, { rows: rows, isLoading: isLoading, emptyLabel: "No users found", selectedIds: selection.selectedIdSet, onToggleSelect: selection.toggle, onToggleSelectAll: (next) => next ? selection.setSelectedIds(rows.map(r => r.id)) : selection.clearSelection(), renderRowActions: (row) => {
+                                    const ur = row;
+                                    const isBanned = ur.status === "Hard banned";
+                                    return (_jsx(RowActionMenu, { actions: [
+                                            {
+                                                label: "Manage",
+                                                onClick: () => { setSelectedRow(ur); setDrawerOpen(true); },
+                                            },
+                                            {
+                                                label: ACTIONS.ADMIN["ban-user"].label,
+                                                onClick: () => { setBanTargetId(ur.id); setBanReason(""); setBanModalOpen(true); },
+                                                disabled: isBanned,
+                                            },
+                                            {
+                                                label: ACTIONS.ADMIN["unban-user"].label,
+                                                onClick: () => unbanUser.mutate(ur.id),
+                                                disabled: !isBanned || unbanUser.isPending,
+                                            },
+                                        ] }));
+                                } })) : (_jsx(AdminViewCards, { rows: rows, view: view, isLoading: isLoading, emptyLabel: "No users found", onRowClick: (row) => { setSelectedRow(row); setDrawerOpen(true); }, selectedIdSet: selection.selectedIdSet, onToggleSelect: selection.toggle }))] }), _jsx(UsersFilterDrawer, { filterOpen: filterOpen, setFilterOpen: setFilterOpen, activeFilterCount: activeFilterCount, clearFilters: clearFilters, pendingFilters: pendingFilters, setPendingFilters: setPendingFilters, applyFilters: applyFilters })] }), _jsx(AdminUserEditorView, { open: drawerOpen, onClose: () => setDrawerOpen(false), userId: selectedRow?.id, displayName: selectedRow?.primary, currentRole: toStringValue(selectedRow?._raw?.role, "user"), currentEmailVerified: Boolean(selectedRow?._raw?.emailVerified), ownedStoreId: toStringValue(selectedRow?._raw?.storeId, "") || undefined, ownedStoreName: toStringValue(selectedRow?._raw?.storeName, "") || undefined, currentIsHardBanned: Boolean((selectedRow?._raw?.isDisabled ?? selectedRow?._raw?.disabled) &&
                     selectedRow?._raw?.hardBanReason), currentHardBanReason: toStringValue(selectedRow?._raw?.hardBanReason, "") || undefined, currentSoftBans: Array.isArray(selectedRow?._raw?.softBans)
                     ? selectedRow._raw.softBans.map((b) => ({
                         action: toStringValue(b.action, ""),
@@ -135,5 +182,5 @@ export function AdminUsersView({ children, ...props }) {
                             : null,
                         bannedBy: toStringValue(b.bannedBy, ""),
                     }))
-                    : undefined })] }));
+                    : undefined }), _jsxs(Modal, { isOpen: banModalOpen, onClose: () => { setBanModalOpen(false); setBanTargetId(null); setBanReason(""); }, title: ACTIONS.ADMIN["ban-user"].confirmation.title, children: [_jsx(AppText, { size: "sm", color: "muted", className: "mb-4", children: ACTIONS.ADMIN["ban-user"].confirmation.body }), _jsxs(Form, { onSubmit: (e) => { e.preventDefault(); banUser.mutate(); }, children: [_jsx(Input, { label: "Reason", value: banReason, onChange: (e) => setBanReason(e.target.value), placeholder: "e.g. Repeated fraud, scam activity\u2026", required: true }), _jsxs(FormActions, { children: [_jsx(Button, { type: "button", variant: "secondary", onClick: () => { setBanModalOpen(false); setBanTargetId(null); setBanReason(""); }, children: "Cancel" }), _jsx(Button, { type: "submit", variant: "danger", isLoading: banUser.isPending, disabled: !banReason.trim() || banUser.isPending, children: ACTIONS.ADMIN["ban-user"].confirmation.confirmLabel })] })] })] })] }));
 }

package/dist/features/admin/schemas/firestore.d.ts

@@ -17,7 +17,7 @@ export interface NotificationDocument {
     isRead: boolean;
     readAt?: Date;
     relatedId?: string;
-    relatedType?: "order" | "product" | "bid" | "review" | "blog" | "user" | "offer" | "support_ticket";
+    relatedType?: "order" | "product" | "bid" | "review" | "blog" | "user" | "offer" | "support_ticket" | "scammer";
     createdAt: Date;
     updatedAt: Date;
 }

package/dist/features/auctions/actions/bid-actions.js

@@ -14,6 +14,8 @@ import { storeRepository } from "../../stores/repository/store.repository";
 import { getAdminRealtimeDb } from "../../../providers/db-firebase";
 import { maskPublicBid } from "../../../security";
 import { ERROR_MESSAGES, AuthorizationError, ValidationError, NotFoundError, } from "../../../errors";
+import { BID_ERROR_CODES } from "../../../errors/error-codes";
+import { increment } from "../../../contracts/field-ops";
 import { getDefaultCurrency } from "../../../core/baseline-resolver";
 import { resolveDate } from "../../../utils";
 // --- Domain Functions ----------------------------------------------------------
@@ -27,7 +29,7 @@ export async function placeBid(userId, userEmail, input) {
     if (product.auctionEndDate) {
         const endDate = resolveDate(product.auctionEndDate);
         if (endDate && endDate.getTime() < Date.now()) {
-            throw new ValidationError(ERROR_MESSAGES.BID.AUCTION_ENDED);
+            throw new ValidationError(ERROR_MESSAGES.BID.AUCTION_ENDED, { code: BID_ERROR_CODES.AUCTION_ENDED });
         }
     }
     if (product.storeId) {
@@ -36,11 +38,15 @@ export async function placeBid(userId, userEmail, input) {
             throw new AuthorizationError(ERROR_MESSAGES.BID.OWN_AUCTION);
         }
     }
-    const minimumBid = (product.currentBid ?? 0) > 0
+    const baseBid = (product.currentBid ?? 0) > 0
         ? product.currentBid
         : (product.startingBid ?? product.price);
-    if (bidAmount <= minimumBid) {
-        throw new ValidationError(ERROR_MESSAGES.BID.BID_TOO_LOW);
+    if (bidAmount <= baseBid) {
+        throw new ValidationError(ERROR_MESSAGES.BID.BID_TOO_LOW, { code: BID_ERROR_CODES.TOO_LOW });
+    }
+    const minIncrement = product.minBidIncrement ?? 100;
+    if (bidAmount < baseBid + minIncrement) {
+        throw new ValidationError(ERROR_MESSAGES.BID.INCREMENT_TOO_LOW, { code: BID_ERROR_CODES.INCREMENT_VIOLATED });
     }
     const profile = await userRepository.findById(userId);
     const bid = await bidRepository.create({
@@ -64,14 +70,15 @@ export async function placeBid(userId, userEmail, input) {
         }
         unitOfWork.products.updateInBatch(batch, productId, {
             currentBid: bidAmount,
-            bidCount: (product.bidCount ?? 0) + 1,
+            bidCount: increment(1),
+            leadingBidderId: userId,
+            bidsHaveStarted: true,
         });
     });
     try {
         const rtdb = getAdminRealtimeDb();
         await rtdb.ref(`/auction-bids/${productId}`).set({
             currentBid: bidAmount,
-            bidCount: (product.bidCount ?? 0) + 1,
             lastBid: {
                 amount: bidAmount,
                 bidderName: "Bidder",

package/dist/features/auctions/components/PlaceBidFormClient.js

@@ -4,6 +4,13 @@ import { useState, useTransition } from "react";
 import { formatCurrency } from "../../../utils/number.formatter";
 import { isAuthError } from "../../../utils/auth-error";
 import { Button, Div, Input, LoginRequiredModal, Row, Span, Stack, Text } from "../../../ui";
+const BID_ERROR_DISPLAY = {
+    BID_AUCTION_ENDED: "This auction has closed. No more bids are accepted.",
+    BID_AMOUNT_TOO_LOW: "Your bid must exceed the current winning bid.",
+    BID_INCREMENT_TOO_LOW: "Your bid does not meet the minimum increment requirement.",
+    BID_SELF_BID: "You cannot bid on your own listing.",
+    BID_USER_BANNED: "Your account is currently restricted from bidding. Contact support.",
+};
 export function PlaceBidFormClient({ productId, currentBid, startingBid, minBidIncrement, currency, isEnded, buyNowPrice, bidCount, tags = [], onPlaceBid, }) {
     const minBid = currentBid + minBidIncrement;
     const [bidAmount, setBidAmount] = useState(String(minBid));
@@ -27,8 +34,9 @@ export function PlaceBidFormClient({ productId, currentBid, startingBid, minBidI
                     typeof result === "object" &&
                     "ok" in result &&
                     result.ok === false) {
-                    const msg = result.error;
-                    setError(msg || "Failed to place bid. Please try again.");
+                    const r = result;
+                    const display = (r.code && BID_ERROR_DISPLAY[r.code]) ?? r.error ?? "Failed to place bid. Please try again.";
+                    setError(display);
                     return;
                 }
                 setSuccess(true);

package/dist/features/auctions/repository/bid.repository.d.ts

@@ -23,6 +23,13 @@ export declare class BidRepository extends BaseRepository<BidDocument> {
      * Find bids by user ID
      */
     findByUser(userId: string): Promise<BidDocument[]>;
+    /**
+     * Paginated bids by user — returns at most pageSize bids, sorted by createdAt desc.
+     */
+    findByUserPaginated(userId: string, pageSize?: number, startAfterDoc?: import("firebase-admin/firestore").QueryDocumentSnapshot): Promise<{
+        items: BidDocument[];
+        hasMore: boolean;
+    }>;
     /**
      * Find bids by status
      */

package/dist/features/auctions/repository/bid.repository.js

@@ -56,6 +56,22 @@ export class BidRepository extends BaseRepository {
     async findByUser(userId) {
         return this.findBy(BID_FIELDS.USER_ID, userId);
     }
+    /**
+     * Paginated bids by user — returns at most pageSize bids, sorted by createdAt desc.
+     */
+    async findByUserPaginated(userId, pageSize = 25, startAfterDoc) {
+        let query = this.db
+            .collection(this.collection)
+            .where(BID_FIELDS.USER_ID, "==", userId)
+            .orderBy("createdAt", "desc")
+            .limit(pageSize + 1);
+        if (startAfterDoc)
+            query = query.startAfter(startAfterDoc);
+        const snap = await query.get();
+        const hasMore = snap.docs.length > pageSize;
+        const docs = hasMore ? snap.docs.slice(0, pageSize) : snap.docs;
+        return { items: docs.map((d) => this.mapDoc(d)), hasMore };
+    }
     /**
      * Find bids by status
      */

package/dist/features/auctions/schemas/index.d.ts

@@ -29,18 +29,18 @@ export declare const auctionItemSchema: z.ZodObject<{
         source: z.ZodOptional<z.ZodEnum<["upload", "youtube", "external"]>>;
         youtubeId: z.ZodOptional<z.ZodString>;
     }, "strip", z.ZodTypeAny, {
-        type: "video" | "image" | "file";
         url: string;
-        source?: "upload" | "youtube" | "external" | undefined;
+        type: "image" | "video" | "file";
         alt?: string | undefined;
         thumbnailUrl?: string | undefined;
+        source?: "upload" | "youtube" | "external" | undefined;
         youtubeId?: string | undefined;
     }, {
-        type: "video" | "image" | "file";
         url: string;
-        source?: "upload" | "youtube" | "external" | undefined;
+        type: "image" | "video" | "file";
         alt?: string | undefined;
         thumbnailUrl?: string | undefined;
+        source?: "upload" | "youtube" | "external" | undefined;
         youtubeId?: string | undefined;
     }>, "many">>;
     currency: z.ZodString;
@@ -59,18 +59,18 @@ export declare const auctionItemSchema: z.ZodObject<{
     updatedAt: z.ZodString;
 }, "strip", z.ZodTypeAny, {
     currency: string;
-    id: string;
-    createdAt: string;
-    updatedAt: string;
     status: "draft" | "published" | "archived" | "sold";
-    title: string;
     featured: boolean;
     listingType: "auction";
+    createdAt: string;
+    id: string;
+    title: string;
     slug: string;
     price: number;
     auctionEndDate: string;
     startingBid: number;
     bidCount: number;
+    updatedAt: string;
     sellerId: string;
     storeId?: string | undefined;
     description?: string | undefined;
@@ -78,28 +78,28 @@ export declare const auctionItemSchema: z.ZodObject<{
     images?: string[] | undefined;
     currentBid?: number | undefined;
     media?: {
-        type: "video" | "image" | "file";
         url: string;
-        source?: "upload" | "youtube" | "external" | undefined;
+        type: "image" | "video" | "file";
         alt?: string | undefined;
         thumbnailUrl?: string | undefined;
+        source?: "upload" | "youtube" | "external" | undefined;
         youtubeId?: string | undefined;
     }[] | undefined;
     storeSlug?: string | undefined;
 }, {
     currency: string;
-    id: string;
-    createdAt: string;
-    updatedAt: string;
     status: "draft" | "published" | "archived" | "sold";
-    title: string;
     featured: boolean;
     listingType: "auction";
+    createdAt: string;
+    id: string;
+    title: string;
     slug: string;
     price: number;
     auctionEndDate: string;
     startingBid: number;
     bidCount: number;
+    updatedAt: string;
     sellerId: string;
     storeId?: string | undefined;
     description?: string | undefined;
@@ -107,11 +107,11 @@ export declare const auctionItemSchema: z.ZodObject<{
     images?: string[] | undefined;
     currentBid?: number | undefined;
     media?: {
-        type: "video" | "image" | "file";
         url: string;
-        source?: "upload" | "youtube" | "external" | undefined;
+        type: "image" | "video" | "file";
         alt?: string | undefined;
         thumbnailUrl?: string | undefined;
+        source?: "upload" | "youtube" | "external" | undefined;
         youtubeId?: string | undefined;
     }[] | undefined;
     storeSlug?: string | undefined;
@@ -152,14 +152,14 @@ export declare const auctionListParamsSchema: z.ZodObject<{
     filters: z.ZodOptional<z.ZodString>;
 }, "strip", z.ZodTypeAny, {
     sort?: string | undefined;
-    pageSize?: number | undefined;
     page?: number | undefined;
+    pageSize?: number | undefined;
     filters?: string | undefined;
     storeSlug?: string | undefined;
 }, {
     sort?: string | undefined;
-    pageSize?: number | undefined;
     page?: number | undefined;
+    pageSize?: number | undefined;
     filters?: string | undefined;
     storeSlug?: string | undefined;
 }>;

package/dist/features/auth/schemas/index.d.ts

@@ -57,16 +57,16 @@ export declare const authUserSchema: z.ZodObject<{
     isEmailVerified: z.ZodOptional<z.ZodBoolean>;
 }, "strip", z.ZodTypeAny, {
     id: string;
-    displayName?: string | undefined;
     role?: "user" | "seller" | "moderator" | "employee" | "admin" | undefined;
     email?: string | undefined;
+    displayName?: string | undefined;
     photoURL?: string | undefined;
     isEmailVerified?: boolean | undefined;
 }, {
     id: string;
-    displayName?: string | undefined;
     role?: "user" | "seller" | "moderator" | "employee" | "admin" | undefined;
     email?: string | undefined;
+    displayName?: string | undefined;
     photoURL?: string | undefined;
     isEmailVerified?: boolean | undefined;
 }>;

package/dist/features/before-after/schemas/index.d.ts

@@ -23,8 +23,8 @@ export declare const beforeAfterItemSchema: z.ZodObject<{
     createdAt: z.ZodOptional<z.ZodString>;
 }, "strip", z.ZodTypeAny, {
     id: string;
-    sortOrder: number;
     title: string;
+    sortOrder: number;
     isActive: boolean;
     createdAt?: string | undefined;
     description?: string | undefined;
@@ -37,8 +37,8 @@ export declare const beforeAfterItemSchema: z.ZodObject<{
     id: string;
     title: string;
     createdAt?: string | undefined;
-    sortOrder?: number | undefined;
     description?: string | undefined;
+    sortOrder?: number | undefined;
     isActive?: boolean | undefined;
     productId?: string | undefined;
     concern?: string | undefined;

package/dist/features/blog/actions/blog-actions.d.ts

@@ -16,13 +16,13 @@ export declare const createBlogPostSchema: z.ZodObject<{
         alt: z.ZodOptional<z.ZodString>;
         thumbnailUrl: z.ZodOptional<z.ZodString>;
     }, "strip", z.ZodTypeAny, {
-        type: "video" | "image" | "file";
         url: string;
+        type: "image" | "video" | "file";
         alt?: string | undefined;
         thumbnailUrl?: string | undefined;
     }, {
-        type: "video" | "image" | "file";
         url: string;
+        type: "image" | "video" | "file";
         alt?: string | undefined;
         thumbnailUrl?: string | undefined;
     }>, z.ZodEffects<z.ZodString, {
@@ -35,13 +35,13 @@ export declare const createBlogPostSchema: z.ZodObject<{
         alt: z.ZodOptional<z.ZodString>;
         thumbnailUrl: z.ZodOptional<z.ZodString>;
     }, "strip", z.ZodTypeAny, {
-        type: "video" | "image" | "file";
         url: string;
+        type: "image" | "video" | "file";
         alt?: string | undefined;
         thumbnailUrl?: string | undefined;
     }, {
-        type: "video" | "image" | "file";
         url: string;
+        type: "image" | "video" | "file";
         alt?: string | undefined;
         thumbnailUrl?: string | undefined;
     }>, "many">>>;
@@ -51,13 +51,13 @@ export declare const createBlogPostSchema: z.ZodObject<{
         alt: z.ZodOptional<z.ZodString>;
         thumbnailUrl: z.ZodOptional<z.ZodString>;
     }, "strip", z.ZodTypeAny, {
-        type: "video" | "image" | "file";
         url: string;
+        type: "image" | "video" | "file";
         alt?: string | undefined;
         thumbnailUrl?: string | undefined;
     }, {
-        type: "video" | "image" | "file";
         url: string;
+        type: "image" | "video" | "file";
         alt?: string | undefined;
         thumbnailUrl?: string | undefined;
     }>, "many">>>;
@@ -70,30 +70,30 @@ export declare const createBlogPostSchema: z.ZodObject<{
     metaDescription: z.ZodOptional<z.ZodString>;
 }, "strip", z.ZodTypeAny, {
     status: "draft" | "published" | "archived";
-    title: string;
-    content: string;
     category: "news" | "tips" | "guides" | "updates" | "community";
+    title: string;
     slug: string;
     tags: string[];
+    content: string;
     isFeatured: boolean;
     excerpt: string;
     readTimeMinutes: number;
     contentImages: {
-        type: "video" | "image" | "file";
         url: string;
+        type: "image" | "video" | "file";
         alt?: string | undefined;
         thumbnailUrl?: string | undefined;
     }[];
     additionalImages: {
-        type: "video" | "image" | "file";
         url: string;
+        type: "image" | "video" | "file";
         alt?: string | undefined;
         thumbnailUrl?: string | undefined;
     }[];
     publishedAt?: string | undefined;
     coverImage?: {
-        type: "video" | "image" | "file";
         url: string;
+        type: "image" | "video" | "file";
         alt?: string | undefined;
         thumbnailUrl?: string | undefined;
     } | {
@@ -106,18 +106,18 @@ export declare const createBlogPostSchema: z.ZodObject<{
     metaTitle?: string | undefined;
     metaDescription?: string | undefined;
 }, {
-    title: string;
-    content: string;
     category: "news" | "tips" | "guides" | "updates" | "community";
+    title: string;
     slug: string;
+    content: string;
     excerpt: string;
     status?: "draft" | "published" | "archived" | undefined;
     tags?: string[] | undefined;
     isFeatured?: boolean | undefined;
     publishedAt?: string | undefined;
     coverImage?: string | {
-        type: "video" | "image" | "file";
         url: string;
+        type: "image" | "video" | "file";
         alt?: string | undefined;
         thumbnailUrl?: string | undefined;
     } | null | undefined;
@@ -125,14 +125,14 @@ export declare const createBlogPostSchema: z.ZodObject<{
     authorName?: string | undefined;
     readTimeMinutes?: number | undefined;
     contentImages?: {
-        type: "video" | "image" | "file";
         url: string;
+        type: "image" | "video" | "file";
         alt?: string | undefined;
         thumbnailUrl?: string | undefined;
     }[] | undefined;
     additionalImages?: {
-        type: "video" | "image" | "file";
         url: string;
+        type: "image" | "video" | "file";
         alt?: string | undefined;
         thumbnailUrl?: string | undefined;
     }[] | undefined;
@@ -155,13 +155,13 @@ export declare const updateBlogPostSchema: z.ZodObject<{
         alt: z.ZodOptional<z.ZodString>;
         thumbnailUrl: z.ZodOptional<z.ZodString>;
     }, "strip", z.ZodTypeAny, {
-        type: "video" | "image" | "file";
         url: string;
+        type: "image" | "video" | "file";
         alt?: string | undefined;
         thumbnailUrl?: string | undefined;
     }, {
-        type: "video" | "image" | "file";
         url: string;
+        type: "image" | "video" | "file";
         alt?: string | undefined;
         thumbnailUrl?: string | undefined;
     }>, z.ZodEffects<z.ZodString, {
@@ -174,13 +174,13 @@ export declare const updateBlogPostSchema: z.ZodObject<{
         alt: z.ZodOptional<z.ZodString>;
         thumbnailUrl: z.ZodOptional<z.ZodString>;
     }, "strip", z.ZodTypeAny, {
-        type: "video" | "image" | "file";
         url: string;
+        type: "image" | "video" | "file";
         alt?: string | undefined;
         thumbnailUrl?: string | undefined;
     }, {
-        type: "video" | "image" | "file";
         url: string;
+        type: "image" | "video" | "file";
         alt?: string | undefined;
         thumbnailUrl?: string | undefined;
     }>, "many">>>>;
@@ -190,13 +190,13 @@ export declare const updateBlogPostSchema: z.ZodObject<{
         alt: z.ZodOptional<z.ZodString>;
         thumbnailUrl: z.ZodOptional<z.ZodString>;
     }, "strip", z.ZodTypeAny, {
-        type: "video" | "image" | "file";
         url: string;
+        type: "image" | "video" | "file";
         alt?: string | undefined;
         thumbnailUrl?: string | undefined;
     }, {
-        type: "video" | "image" | "file";
         url: string;
+        type: "image" | "video" | "file";
         alt?: string | undefined;
         thumbnailUrl?: string | undefined;
     }>, "many">>>>;
@@ -209,16 +209,16 @@ export declare const updateBlogPostSchema: z.ZodObject<{
     metaDescription: z.ZodOptional<z.ZodOptional<z.ZodString>>;
 }, "strip", z.ZodTypeAny, {
     status?: "draft" | "published" | "archived" | undefined;
-    title?: string | undefined;
-    content?: string | undefined;
     category?: "news" | "tips" | "guides" | "updates" | "community" | undefined;
+    title?: string | undefined;
     slug?: string | undefined;
     tags?: string[] | undefined;
+    content?: string | undefined;
     isFeatured?: boolean | undefined;
     publishedAt?: string | undefined;
     coverImage?: {
-        type: "video" | "image" | "file";
         url: string;
+        type: "image" | "video" | "file";
         alt?: string | undefined;
         thumbnailUrl?: string | undefined;
     } | {
@@ -230,14 +230,14 @@ export declare const updateBlogPostSchema: z.ZodObject<{
     authorName?: string | undefined;
     readTimeMinutes?: number | undefined;
     contentImages?: {
-        type: "video" | "image" | "file";
         url: string;
+        type: "image" | "video" | "file";
         alt?: string | undefined;
         thumbnailUrl?: string | undefined;
     }[] | undefined;
     additionalImages?: {
-        type: "video" | "image" | "file";
         url: string;
+        type: "image" | "video" | "file";
         alt?: string | undefined;
         thumbnailUrl?: string | undefined;
     }[] | undefined;
@@ -246,16 +246,16 @@ export declare const updateBlogPostSchema: z.ZodObject<{
     metaDescription?: string | undefined;
 }, {
     status?: "draft" | "published" | "archived" | undefined;
-    title?: string | undefined;
-    content?: string | undefined;
     category?: "news" | "tips" | "guides" | "updates" | "community" | undefined;
+    title?: string | undefined;
     slug?: string | undefined;
     tags?: string[] | undefined;
+    content?: string | undefined;
     isFeatured?: boolean | undefined;
     publishedAt?: string | undefined;
     coverImage?: string | {
-        type: "video" | "image" | "file";
         url: string;
+        type: "image" | "video" | "file";
         alt?: string | undefined;
         thumbnailUrl?: string | undefined;
     } | null | undefined;
@@ -264,14 +264,14 @@ export declare const updateBlogPostSchema: z.ZodObject<{
     authorName?: string | undefined;
     readTimeMinutes?: number | undefined;
     contentImages?: {
-        type: "video" | "image" | "file";
         url: string;
+        type: "image" | "video" | "file";
         alt?: string | undefined;
         thumbnailUrl?: string | undefined;
     }[] | undefined;
     additionalImages?: {
-        type: "video" | "image" | "file";
         url: string;
+        type: "image" | "video" | "file";
         alt?: string | undefined;
         thumbnailUrl?: string | undefined;
     }[] | undefined;

package/dist/features/blog/components/BlogPostForm.js

@@ -1,3 +1,4 @@
+"use client";
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 import { Div, Input, Label, RichTextEditor, Select, Stack, TagInput, Text, Textarea, } from "../../../ui";
 import { Checkbox } from "../../forms/index";
@@ -10,7 +11,7 @@ function renderBlogPostMetaFields(props) {
 }
 function renderBlogPostMediaFields(props) {
     const { value, update, isReadonly, labels, onUploadCover, onUploadContentImage, onUploadAdditionalImage, onAbort, coverImageUrl, contentImages, additionalImages } = props;
-    return (_jsxs(_Fragment, { children: [_jsx(MediaUploadField, { label: labels.coverImage, value: coverImageUrl || "", onChange: (url) => update({ coverImage: url ? { url, type: "image" } : null }), onChangeField: (media) => update({ coverImage: media }), onUpload: onUploadCover, onAbort: onAbort, accept: "image/*", maxSizeMB: 10, disabled: isReadonly, helperText: labels.coverImageHelper }), _jsx(MediaUploadList, { label: labels.contentImages, value: contentImages, onChange: (media) => update({ contentImages: media }), onUpload: onUploadContentImage, onAbort: onAbort, accept: "image/*", maxItems: 10, maxSizeMB: 10, disabled: isReadonly, helperText: labels.contentImagesHelper }), _jsx(MediaUploadList, { label: labels.additionalImages, value: additionalImages, onChange: (media) => update({ additionalImages: media }), onUpload: onUploadAdditionalImage, onAbort: onAbort, accept: "image/*", maxItems: 5, maxSizeMB: 10, disabled: isReadonly, helperText: labels.additionalImagesHelper }), isReadonly && coverImageUrl && _jsx(Text, { size: "xs", variant: "secondary", children: coverImageUrl })] }));
+    return (_jsxs(_Fragment, { children: [_jsx(MediaUploadField, { label: labels.coverImage, value: coverImageUrl || "", onChange: (url) => update({ coverImage: url ? { url, type: "image" } : null }), onChangeField: (media) => update({ coverImage: media }), onUpload: onUploadCover, onAbort: onAbort, accept: "image/*", maxSizeMB: 10, disabled: isReadonly, helperText: labels.coverImageHelper }), _jsx(MediaUploadList, { label: labels.contentImages, value: contentImages, onChange: (media) => update({ contentImages: media }), onUpload: onUploadContentImage, onAbort: onAbort, accept: "image/*,video/*", maxItems: 10, maxSizeMB: 10, disabled: isReadonly, helperText: labels.contentImagesHelper }), _jsx(MediaUploadList, { label: labels.additionalImages, value: additionalImages, onChange: (media) => update({ additionalImages: media }), onUpload: onUploadAdditionalImage, onAbort: onAbort, accept: "image/*,video/*", maxItems: 5, maxSizeMB: 10, disabled: isReadonly, helperText: labels.additionalImagesHelper }), isReadonly && coverImageUrl && _jsx(Text, { size: "xs", variant: "secondary", children: coverImageUrl })] }));
 }
 export function BlogPostForm({ value, onChange, categoryOptions, statusOptions, labels, onUploadCover, onUploadContentImage, onUploadAdditionalImage, onAbort, isReadonly = false, renderContentField, renderContentReadonly, }) {
     const coverImageUrl = getMediaUrl(value.coverImage) ?? null;