@mohasinac/appkit 3.4.8 → 3.5.0

package/dist/constants/api-endpoints.js

@@ -7,12 +7,24 @@
  * Never hard-code `/api/...` strings in hook files — import from here.
  */
 // ---------------------------------------------------------------------------
+// Config
+// ---------------------------------------------------------------------------
+export const CONFIG_ENDPOINTS = {
+    FEATURE_FLAGS: "/api/config/feature-flags",
+};
+// ---------------------------------------------------------------------------
 // Logs
 // ---------------------------------------------------------------------------
 export const LOGS_ENDPOINTS = {
     WRITE: "/api/logs/write",
 };
 // ---------------------------------------------------------------------------
+// Client Error Reporting
+// ---------------------------------------------------------------------------
+export const CLIENT_ERROR_ENDPOINTS = {
+    REPORT: "/api/client-errors",
+};
+// ---------------------------------------------------------------------------
 // Auth
 // ---------------------------------------------------------------------------
 export const AUTH_ENDPOINTS = {
@@ -47,9 +59,34 @@ export const ACCOUNT_ENDPOINTS = {
     ORDERS: "/api/user/orders",
     ORDER_BY_ID: (orderId) => `/api/user/orders/${orderId}`,
     WISHLIST: "/api/user/wishlist",
+    WISHLIST_ITEM_BY_ID: (itemId) => `/api/user/wishlist/${encodeURIComponent(itemId)}`,
+    WISHLIST_VALIDATE: "/api/user/wishlist/validate",
     HISTORY: "/api/user/history",
     HISTORY_ITEM: (productId) => `/api/user/history/${encodeURIComponent(productId)}`,
     HISTORY_MERGE: "/api/user/history/merge",
+    REVIEWS: "/api/user/reviews",
+    BIDS: "/api/user/bids",
+    EXPORT: "/api/user/export",
+    /** Claimed-coupons wallet — GET list, POST claim, DELETE by id. */
+    COUPONS: "/api/user/coupons",
+    COUPON_BY_ID: (id) => `/api/user/coupons/${id}`,
+    COUPONS_CLAIM: "/api/user/coupons/claim",
+    OFFERS: "/api/user/offers",
+    NOTIFICATION_PREFERENCES: "/api/user/notification-preferences",
+    CATALOGUE: "/api/user/catalogue",
+    CATALOGUE_BY_ID: (id) => `/api/user/catalogue/${id}`,
+    CATALOGUE_LIST: (id) => `/api/user/catalogue/${id}/list`,
+    CATALOGUE_SUBMIT: (id) => `/api/user/catalogue/${id}/submit`,
+    PUBLIC_CATALOGUE: (ownerSlug) => `/api/catalogue/${ownerSlug}`,
+};
+// ---------------------------------------------------------------------------
+// Conversations (buyer messaging)
+// ---------------------------------------------------------------------------
+export const CONVERSATION_ENDPOINTS = {
+    LIST: "/api/user/conversations",
+    BY_ID: (id) => `/api/user/conversations/${encodeURIComponent(id)}`,
+    MESSAGES: (id) => `/api/user/conversations/${encodeURIComponent(id)}/messages`,
+    READ: (id) => `/api/user/conversations/${encodeURIComponent(id)}/read`,
 };
 // ---------------------------------------------------------------------------
 // Notifications
@@ -81,7 +118,9 @@ export const ADMIN_ENDPOINTS = {
     ORDERS: "/api/admin/orders",
     ORDER_BY_ID: (id) => `/api/admin/orders/${id}`,
     ORDER_REFUND: (id) => `/api/admin/orders/${id}/refund`,
+    ORDER_PAYMENT_VERIFY: (id) => `/api/admin/orders/${id}/payment-verify`,
     USERS: "/api/admin/users",
+    USERS_BULK: "/api/admin/users/bulk",
     USER_BY_ID: (uid) => `/api/admin/users/${uid}`,
     REVIEWS: "/api/admin/reviews",
     REVIEW_BY_ID: (id) => `/api/admin/reviews/${id}`,
@@ -104,6 +143,18 @@ export const ADMIN_ENDPOINTS = {
     PAYOUT_BY_ID: (id) => `/api/admin/payouts/${id}`,
     PAYOUTS_WEEKLY: "/api/admin/payouts/weekly",
     PAYOUTS_EXPORT: "/api/admin/payouts/export",
+    SHIPMENTS: "/api/admin/shipments",
+    SHIPMENT_BY_ID: (id) => `/api/admin/shipments/${id}`,
+    SHIPMENT_LOTS: (id) => `/api/admin/shipments/${id}/lots`,
+    SHIPMENT_LOT_BY_ID: (id, lotId) => `/api/admin/shipments/${id}/lots/${lotId}`,
+    SHIPMENT_LOT_ITEMS: (id, lotId) => `/api/admin/shipments/${id}/lots/${lotId}/items`,
+    SHIPMENT_LOT_ITEM_BY_ID: (id, lotId, itemId) => `/api/admin/shipments/${id}/lots/${lotId}/items/${itemId}`,
+    SHIPMENT_LOT_ITEMS_BULK: (id, lotId) => `/api/admin/shipments/${id}/lots/${lotId}/items/bulk`,
+    SHIPMENT_LOT_ITEM_LINK: (id, lotId, itemId) => `/api/admin/shipments/${id}/lots/${lotId}/items/${itemId}/link`,
+    SHIPMENTS_PROJECTIONS: "/api/admin/shipments/projections",
+    CATALOGUE_APPROVALS: "/api/admin/catalogue",
+    CATALOGUE_APPROVE: (id) => `/api/admin/catalogue/${id}/approve`,
+    CATALOGUE_REJECT: (id) => `/api/admin/catalogue/${id}/reject`,
     EVENTS: "/api/admin/events",
     EVENT_BY_ID: (id) => `/api/admin/events/${id}`,
     EVENT_STATUS: (id) => `/api/admin/events/${id}/status`,
@@ -126,6 +177,7 @@ export const ADMIN_ENDPOINTS = {
     ADMIN_EVENT_ENTRIES: "/api/admin/event-entries",
     ADMIN_EVENT_ENTRY_BY_ID: (id) => `/api/admin/event-entries/${id}`,
     ADMIN_NOTIFICATIONS: "/api/admin/notifications",
+    ADMIN_NOTIFICATIONS_BULK: "/api/admin/notifications/bulk",
     ADMIN_NOTIFICATION_BY_ID: (id) => `/api/admin/notifications/${id}`,
     ADMIN_NOTIFICATION_RESEND: (id) => `/api/admin/notifications/${id}/resend`,
     ADMIN_CARTS: "/api/admin/carts",
@@ -163,6 +215,9 @@ export const ADMIN_ENDPOINTS = {
     GROUPED_LISTINGS: "/api/admin/grouped-listings",
     GROUPED_LISTING_BY_ID: (id) => `/api/admin/grouped-listings/${id}`,
     ADMIN_FULFILLMENT: (storeId) => `/api/store/fulfillment?storeId=${encodeURIComponent(storeId)}`,
+    CHECKOUT_BYPASS: "/api/admin/checkout-bypass",
+    MAINTENANCE_ANALYSIS: "/api/admin/maintenance/analysis",
+    MEDIA_LIST: "/api/admin/media",
 };
 // ---------------------------------------------------------------------------
 // Chat
@@ -195,6 +250,10 @@ export const CART_ENDPOINTS = {
     GET: "/api/cart",
     BY_USER: (userId) => `/api/cart?userId=${userId}`,
     MERGE: "/api/cart/merge",
+    BY_ITEM_ID: (itemId) => `/api/cart/${encodeURIComponent(itemId)}`,
+    VALIDATE: "/api/cart/validate",
+    SELECTION: "/api/cart/selection",
+    COUPON: "/api/cart/coupon",
 };
 // ---------------------------------------------------------------------------
 // Categories
@@ -206,6 +265,8 @@ export const CATEGORY_ENDPOINTS = {
     BY_PARENT: (parentId) => `/api/categories?parentId=${parentId}`,
     BRANDS: (pageSize = 100) => `/api/categories?isBrand=true&pageSize=${pageSize}`,
     ROOT: (pageSize = 20) => `/api/categories?tier=0&pageSize=${pageSize}`,
+    /** @param qs — pre-built querystring (no leading `?`) for structured filters */
+    FILTERED: (qs) => `/api/categories?${qs}`,
 };
 // ---------------------------------------------------------------------------
 // Checkout
@@ -239,6 +300,7 @@ export const CONSULTATION_ENDPOINTS = {
 // ---------------------------------------------------------------------------
 export const COPILOT_ENDPOINTS = {
     CHAT: "/api/copilot/chat",
+    HISTORY: "/api/copilot/history",
 };
 // ---------------------------------------------------------------------------
 // Corporate
@@ -247,6 +309,18 @@ export const CORPORATE_ENDPOINTS = {
     INQUIRIES: "/api/corporate-inquiries",
 };
 // ---------------------------------------------------------------------------
+// Contact (public contact-us form)
+// ---------------------------------------------------------------------------
+export const CONTACT_ENDPOINTS = {
+    SUBMIT: "/api/contact",
+};
+// ---------------------------------------------------------------------------
+// Ads (public — active ad lookup by slot)
+// ---------------------------------------------------------------------------
+export const AD_ENDPOINTS = {
+    ACTIVE_BY_SLOT: (slotId) => `/api/ads?slot=${encodeURIComponent(slotId)}`,
+};
+// ---------------------------------------------------------------------------
 // Events
 // ---------------------------------------------------------------------------
 export const EVENT_ENDPOINTS = {
@@ -311,13 +385,14 @@ export const ORDER_ENDPOINTS = {
     LIST: "/api/orders",
     BY_ID: (id) => `/api/orders/${id}`,
     TRACK: (trackingId) => `/api/orders/track/${trackingId}`,
+    PAYMENT_PROOF: (id) => `/api/orders/${id}/payment-proof`,
 };
 // ---------------------------------------------------------------------------
 // Pre-orders
 // ---------------------------------------------------------------------------
 export const PREORDER_ENDPOINTS = {
-    LIST: "/api/preorders",
-    BY_SLUG: (slug) => `/api/preorders/${slug}`,
+    LIST: "/api/pre-orders",
+    BY_SLUG: (slug) => `/api/pre-orders/${slug}`,
 };
 // ---------------------------------------------------------------------------
 // Products
@@ -329,6 +404,22 @@ export const PRODUCT_ENDPOINTS = {
     // Lottery: user self-pull for prize-draw products in lottery mode
     LOTTERY_PULL: (id) => `/api/products/${id}/lottery-pull`,
     LOTTERY_ENTRIES: (id) => `/api/products/${id}/lottery-entries`,
+    SEARCH: (query, pageSize = 20) => `/api/products?q=${encodeURIComponent(query)}&pageSize=${pageSize}`,
+    /** @param ids — comma-separated product ids, e.g. for a compare-tray fetch */
+    BY_IDS: (ids) => `/api/products?ids=${encodeURIComponent(ids)}`,
+    GROUP_BY_ID: (groupId) => `/api/products/group/${encodeURIComponent(groupId)}`,
+};
+// ---------------------------------------------------------------------------
+// Prize Draws
+// ---------------------------------------------------------------------------
+export const PRIZE_DRAW_ENDPOINTS = {
+    REVEAL: (productId) => `/api/prize-draws/${encodeURIComponent(productId)}/reveal`,
+};
+// ---------------------------------------------------------------------------
+// Sublisting Categories (public)
+// ---------------------------------------------------------------------------
+export const SUBLISTING_CATEGORY_ENDPOINTS = {
+    BY_ID: (id) => `/api/sublisting-categories/${encodeURIComponent(id)}`,
 };
 // ---------------------------------------------------------------------------
 // Promotions
@@ -350,6 +441,9 @@ export const REVIEW_ENDPOINTS = {
 // ---------------------------------------------------------------------------
 export const SEARCH_ENDPOINTS = {
     QUERY: (q, extra) => `/api/search?q=${encodeURIComponent(q)}${extra ? `&${extra}` : ""}`,
+    SUGGESTIONS: "/api/search/suggestions",
+    /** @param params — pre-built querystring (no leading `?`) from a caller-owned URLSearchParams */
+    RAW: (params) => `/api/search?${params}`,
 };
 // ---------------------------------------------------------------------------
 // Seller
@@ -365,10 +459,16 @@ export const SELLER_ENDPOINTS = {
     OFFERS: "/api/store/offers",
     PAYOUTS: "/api/store/payouts",
     PAYOUT_SETTINGS: "/api/store/payout-settings",
+    PAYOUT_REQUEST: "/api/store/payouts/request",
+    REVIEWS: "/api/store/reviews",
+    REVIEW_CONTEST: (id) => `/api/store/reviews/${id}/contest`,
+    REVIEW_FEEDBACK: (id) => `/api/store/reviews/${id}/feedback`,
+    SHIPPING: "/api/store/shipping",
     STORE: "/api/store/storefront",
     STORE_ADDRESSES: "/api/store/addresses",
     STORE_ADDRESS_BY_ID: (id) => `/api/store/addresses/${id}`,
     BIDS: "/api/store/bids",
+    BID_BY_ID: (id) => `/api/store/bids/${id}`,
     DASHBOARD: "/api/store/dashboard",
     ANALYTICS: (period) => `/api/store/analytics${period ? `?period=${period}` : ""}`,
     FEATURES: "/api/store/features",
@@ -392,6 +492,17 @@ export const SELLER_ENDPOINTS = {
     PRODUCTS_SCAN: (barcode) => `/api/store/products/scan?barcode=${encodeURIComponent(barcode)}`,
     ORDERS_FULFILLMENT: "/api/store/fulfillment",
     ORDERS_ASSIGN: (orderId) => `/api/store/orders/${orderId}/assign`,
+    PRODUCT_BY_ID: (id) => `/api/store/products/${id}`,
+    PRODUCT_DUPLICATE: (id) => `/api/store/products/${id}/duplicate`,
+};
+// ---------------------------------------------------------------------------
+// Brands (public)
+// ---------------------------------------------------------------------------
+export const BRAND_ENDPOINTS = {
+    LIST: "/api/brands",
+    BY_ID: (id) => `/api/brands/${id}`,
+    /** @param qs — pre-built querystring (no leading `?`) for structured filters */
+    FILTERED: (qs) => `/api/brands?${qs}`,
 };
 // ---------------------------------------------------------------------------
 // Blog
@@ -418,6 +529,8 @@ export const STORE_ENDPOINTS = {
 export const WISHLIST_ENDPOINTS = {
     LIST: "/api/user/wishlist",
     BY_USER: (userId) => `/api/wishlist?userId=${userId}`,
+    ADD: "/api/wishlist",
+    MERGE: "/api/wishlist/merge",
 };
 // ---------------------------------------------------------------------------
 // Profile Stats
@@ -432,6 +545,12 @@ export const PROFILE_STATS_ENDPOINTS = {
 // Before / After
 // ---------------------------------------------------------------------------
 // ---------------------------------------------------------------------------
+// Reports (content/listing abuse reports)
+// ---------------------------------------------------------------------------
+export const REPORT_ENDPOINTS = {
+    SUBMIT: "/api/reports",
+};
+// ---------------------------------------------------------------------------
 // Support Tickets (user-facing)
 // ---------------------------------------------------------------------------
 export const SUPPORT_ENDPOINTS = {
@@ -472,9 +591,12 @@ export const WHATSAPP_SELLER_ENDPOINTS = {
 // Aggregate namespace export
 // ---------------------------------------------------------------------------
 export const API_ENDPOINTS = {
+    CONFIG: CONFIG_ENDPOINTS,
     LOGS: LOGS_ENDPOINTS,
+    CLIENT_ERRORS: CLIENT_ERROR_ENDPOINTS,
     AUTH: AUTH_ENDPOINTS,
     ACCOUNT: ACCOUNT_ENDPOINTS,
+    CONVERSATIONS: CONVERSATION_ENDPOINTS,
     NOTIFICATIONS: NOTIFICATIONS_ENDPOINTS,
     SITE_SETTINGS: SITE_SETTINGS_ENDPOINTS,
     ADMIN: ADMIN_ENDPOINTS,
@@ -490,6 +612,8 @@ export const API_ENDPOINTS = {
     CONSULTATION: CONSULTATION_ENDPOINTS,
     COPILOT: COPILOT_ENDPOINTS,
     CORPORATE: CORPORATE_ENDPOINTS,
+    CONTACT: CONTACT_ENDPOINTS,
+    ADS: AD_ENDPOINTS,
     EVENTS: EVENT_ENDPOINTS,
     LOTTERY: LOTTERY_ENDPOINTS,
     FAQS: FAQ_ENDPOINTS,
@@ -499,18 +623,22 @@ export const API_ENDPOINTS = {
     ORDERS: ORDER_ENDPOINTS,
     PREORDERS: PREORDER_ENDPOINTS,
     PRODUCTS: PRODUCT_ENDPOINTS,
+    PRIZE_DRAWS: PRIZE_DRAW_ENDPOINTS,
     PROMOTIONS: PROMOTION_ENDPOINTS,
     REVIEWS: REVIEW_ENDPOINTS,
     SEARCH: SEARCH_ENDPOINTS,
     SELLER: SELLER_ENDPOINTS,
+    BRANDS: BRAND_ENDPOINTS,
     BLOG: BLOG_ENDPOINTS,
     STORES: STORE_ENDPOINTS,
+    SUBLISTING_CATEGORIES: SUBLISTING_CATEGORY_ENDPOINTS,
     WISHLIST: WISHLIST_ENDPOINTS,
     PROFILE_STATS: PROFILE_STATS_ENDPOINTS,
     DEMO: DEMO_ENDPOINTS,
     WHATSAPP_SELLER: WHATSAPP_SELLER_ENDPOINTS,
     SUPPORT: SUPPORT_ENDPOINTS,
     SCAMMERS: SCAMMER_ENDPOINTS,
+    REPORTS: REPORT_ENDPOINTS,
 };
 /** Canonical alias — prefer API_ROUTES over API_ENDPOINTS in new code. */
 export const API_ROUTES = API_ENDPOINTS;

package/dist/core/hooks/useSyncManager.js

@@ -16,6 +16,7 @@
 import { useEffect, useRef } from "react";
 import { useQueryClient } from "@tanstack/react-query";
 import { apiClient } from "../../http";
+import { CART_ENDPOINTS, ACCOUNT_ENDPOINTS } from "../../constants/api-endpoints";
 import { getCartOps, clearCartOps, getWishlistOps, clearWishlistOps, } from "../../features/cart/utils/pending-ops";
 const SYNC_INTERVAL_MS = 30000;
 async function replayCartOps() {
@@ -26,7 +27,7 @@ async function replayCartOps() {
     for (const op of ops) {
         if (op.op === "add") {
             await apiClient
-                .post("/api/cart", {
+                .post(CART_ENDPOINTS.GET, {
                 productId: op.productId,
                 quantity: op.quantity ?? 1,
             })
@@ -34,7 +35,7 @@ async function replayCartOps() {
         }
         else if (op.op === "remove") {
             await apiClient
-                .delete(`/api/cart/${op.productId}`)
+                .delete(CART_ENDPOINTS.BY_ITEM_ID(op.productId))
                 .catch(console.error);
         }
     }
@@ -49,12 +50,12 @@ async function replayWishlistOps() {
             continue; // server wishlist is product-only
         if (op.op === "add") {
             await apiClient
-                .post("/api/user/wishlist", { productId: op.itemId })
+                .post(ACCOUNT_ENDPOINTS.WISHLIST, { productId: op.itemId })
                 .catch(console.error);
         }
         else if (op.op === "remove") {
             await apiClient
-                .delete(`/api/user/wishlist/${op.itemId}`)
+                .delete(ACCOUNT_ENDPOINTS.WISHLIST_ITEM_BY_ID(op.itemId))
                 .catch(console.error);
         }
     }

package/dist/errors/conflict-error.d.ts

@@ -0,0 +1,4 @@
+import { AppError } from "./base-error";
+export declare class ConflictError extends AppError {
+    constructor(message: string, code?: string, data?: unknown);
+}

package/dist/errors/conflict-error.js

@@ -0,0 +1,6 @@
+import { AppError } from "./base-error";
+export class ConflictError extends AppError {
+    constructor(message, code = "CONFLICT", data) {
+        super(409, message, code, data);
+    }
+}

package/dist/errors/index.d.ts

@@ -7,6 +7,7 @@ export { ValidationError } from "./validation-error";
 export { AuthenticationError } from "./authentication-error";
 export { AuthorizationError } from "./authorization-error";
 export { NotFoundError } from "./not-found-error";
+export { ConflictError } from "./conflict-error";
 export { DatabaseError } from "./database-error";
 export { RazorpayUnreachableError } from "./razorpay-unreachable";
 export { handleApiError, logError, isAppError } from "./error-handler";

package/dist/errors/index.js

@@ -10,6 +10,7 @@ export { ValidationError } from "./validation-error";
 export { AuthenticationError } from "./authentication-error";
 export { AuthorizationError } from "./authorization-error";
 export { NotFoundError } from "./not-found-error";
+export { ConflictError } from "./conflict-error";
 export { DatabaseError } from "./database-error";
 export { RazorpayUnreachableError } from "./razorpay-unreachable";
 // error-handler uses `next/server` — only import in server/API-route contexts

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

@@ -4,12 +4,12 @@ import { PAGE_CONTAINER } from "../../../_internal/shared/styles/page";
 import { THEMED_BG_PRIMARY, THEMED_BG_SECONDARY } from "../../../_internal/shared/styles/themed";
 import { Caption, Div, Heading, Row, Section, Stack, Table, Tbody, Td, Text, Th, Thead, Tr } from "../../../ui";
 const __P = {
-    p5: "p-5",
+    p5: "p-[var(--appkit-space-5)]",
 };
 const __O = {
     xAuto: "overflow-x-auto",
 };
-const CLS_RATE_CELL = "py-3 px-4 font-semibold text-violet-700 dark:text-violet-400";
+const CLS_RATE_CELL = "py-[var(--appkit-space-3)] px-[var(--appkit-space-4)] font-semibold text-violet-700 dark:text-violet-400";
 const CLS_HIGHLIGHT = "font-bold text-green-700 dark:text-green-400";
 export async function FeesView({} = {}) {
     const themed = { bgPrimary: THEMED_BG_PRIMARY, bgSecondary: THEMED_BG_SECONDARY };

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

@@ -6,8 +6,8 @@ import { Alert, Div, Heading, Row, Section, Stack, Text } from "../../../ui";
 import { TextLink } from "../../../ui";
 import { BookOpen, MessageCircle, ShoppingBag, Gavel, PackageCheck, UserCheck, Store, ChevronRight, } from "lucide-react";
 const __P = {
-    p6: "p-6",
-    p8: "p-8",
+    p6: "p-[var(--appkit-space-6)]",
+    p8: "p-[var(--appkit-space-8)]",
 };
 export async function HelpPageView({} = {}) {
     const page = { container: PAGE_CONTAINER };

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

@@ -5,8 +5,8 @@ import { Div, FlowDiagram, Heading, Row, Section, Stack, Text } from "../../../u
 import { TextLink } from "../../../ui";
 import { Gavel, Clock, Trophy, CreditCard } from "lucide-react";
 const __P = {
-    p5: "p-5",
-    p8: "p-8",
+    p5: "p-[var(--appkit-space-5)]",
+    p8: "p-[var(--appkit-space-8)]",
 };
 export async function HowAuctionsWorkView({} = {}) {
     const page = { container: PAGE_CONTAINER };

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

@@ -5,8 +5,8 @@ import { Div, FlowDiagram, Heading, Row, Section, Stack, Text } from "../../../u
 import { TextLink } from "../../../ui";
 import { Wallet, Smartphone, Banknote, CalendarClock } from "lucide-react";
 const __P = {
-    p5: "p-5",
-    p8: "p-8",
+    p5: "p-[var(--appkit-space-5)]",
+    p8: "p-[var(--appkit-space-8)]",
 };
 export async function HowCheckoutWorksView({} = {}) {
     const page = { container: PAGE_CONTAINER };

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

@@ -6,8 +6,8 @@ import { Alert, Caption, Div, FlowDiagram, Heading, Row, Section, Stack, Table,
 import { TextLink } from "../../../ui";
 import { CalendarClock, Wallet, TrendingUp, ShieldCheck } from "lucide-react";
 const __P = {
-    p5: "p-5",
-    p8: "p-8",
+    p5: "p-[var(--appkit-space-5)]",
+    p8: "p-[var(--appkit-space-8)]",
 };
 const __O = {
     xAuto: "overflow-x-auto",

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

@@ -4,9 +4,9 @@ import { PAGE_CONTAINER } from "../../../_internal/shared/styles/page";
 import { Div, FlowDiagram, Heading, Li, Row, Section, Span, Stack, Text, Ul } from "../../../ui";
 import { TextLink } from "../../../ui";
 const __P = {
-    p5: "p-5",
-    p6: "p-6",
-    p8: "p-8",
+    p5: "p-[var(--appkit-space-5)]",
+    p6: "p-[var(--appkit-space-6)]",
+    p8: "p-[var(--appkit-space-8)]",
 };
 export async function HowOffersWorkView({} = {}) {
     const page = { container: PAGE_CONTAINER };

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

@@ -5,9 +5,9 @@ import { Div, FlowDiagram, Heading, Row, Section, Span, Stack, Text } from "../.
 import { TextLink } from "../../../ui";
 import { PackageSearch, MapPinned, FileText, XCircle } from "lucide-react";
 const __P = {
-    p4: "p-4",
-    p5: "p-5",
-    p8: "p-8",
+    p4: "p-[var(--appkit-space-4)]",
+    p5: "p-[var(--appkit-space-5)]",
+    p8: "p-[var(--appkit-space-8)]",
 };
 export async function HowOrdersWorkView({} = {}) {
     const page = { container: PAGE_CONTAINER };

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

@@ -5,8 +5,8 @@ import { Div, FlowDiagram, Heading, Row, Section, Stack, Text } from "../../../u
 import { TextLink } from "../../../ui";
 import { DollarSign, Calendar, Banknote, ShieldCheck } from "lucide-react";
 const __P = {
-    p5: "p-5",
-    p8: "p-8",
+    p5: "p-[var(--appkit-space-5)]",
+    p8: "p-[var(--appkit-space-8)]",
 };
 export async function HowPayoutsWorkView({} = {}) {
     const page = { container: PAGE_CONTAINER };

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

@@ -5,8 +5,8 @@ import { Div, FlowDiagram, Heading, Row, Section, Stack, Text } from "../../../u
 import { TextLink } from "../../../ui";
 import { Package, Clock, Banknote, AlertCircle } from "lucide-react";
 const __P = {
-    p5: "p-5",
-    p8: "p-8",
+    p5: "p-[var(--appkit-space-5)]",
+    p8: "p-[var(--appkit-space-8)]",
 };
 export async function HowPreOrdersWorkView({} = {}) {
     const page = { container: PAGE_CONTAINER };

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

@@ -5,8 +5,8 @@ import { Div, FlowDiagram, Heading, Row, Section, Stack, Text } from "../../../u
 import { TextLink } from "../../../ui";
 import { ShieldCheck, ThumbsUp, Pencil } from "lucide-react";
 const __P = {
-    p5: "p-5",
-    p8: "p-8",
+    p5: "p-[var(--appkit-space-5)]",
+    p8: "p-[var(--appkit-space-8)]",
 };
 export async function HowReviewsWorkView({} = {}) {
     const page = { container: PAGE_CONTAINER };

package/dist/features/about/components/PublicProfileView.d.ts

@@ -1,4 +1,11 @@
 export interface PublicProfileViewProps {
     userId: string;
+    /**
+     * Feature B — the profile page is deliberately tab-capable (this session
+     * only wires "catalogue"; a future tab is a new value here, not a
+     * restructure). Falls back to the existing overview content when unset
+     * or unrecognized.
+     */
+    tab?: string;
 }
-export declare function PublicProfileView({ userId, }: PublicProfileViewProps): Promise<import("react").JSX.Element>;
+export declare function PublicProfileView({ userId, tab, }: PublicProfileViewProps): Promise<import("react").JSX.Element>;

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

@@ -1,21 +1,22 @@
-import { jsxs as _jsxs, jsx as _jsx } from "react/jsx-runtime";
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 import Link from "next/link";
 import { getPublicUserProfile, getProfileStoreProducts, getReviewsAuthoredBy, getReviewsReceivedBy } from "../../auth/actions/profile-actions";
 import { storeRepository } from "../../stores/repository/store.repository";
 import { ROUTES } from "../../../constants";
 import { PAGE_CONTAINER } from "../../../_internal/shared/styles/page";
 import { FLEX_CENTER } from "../../../_internal/shared/styles/themed";
-import { Anchor, Div, Grid, Heading, Row, Section, Span, Stack, Text } from "../../../ui";
+import { Anchor, Div, Grid, Heading, Row, Section, Span, Stack, Text, TextLink } from "../../../ui";
 import { MediaImage } from "../../media/MediaImage";
 import { ProductCard } from "../../products/components/ProductGrid";
 import { ReviewCard } from "../../reviews/components/ReviewsList";
+import { PublicCatalogueView } from "../../catalogue/components/PublicCatalogueView";
 import { pluginFor } from "../../../_internal/shared/listing-types/_registry";
 import { normalizeListingType } from "../../products/utils/listing-type";
 import { isAdminUser, isSellerUser } from "../../auth/role-predicates";
 import { User, Star, ShoppingBag, Package, Trophy, Globe, MapPin, ExternalLink } from "lucide-react";
 const __P = {
-    p4: "p-4",
-    p6: "p-6",
+    p4: "p-[var(--appkit-space-4)]",
+    p6: "p-[var(--appkit-space-6)]",
 };
 const CLS_EMPTY_ICON = "w-10 h-10 mx-auto mb-3 text-neutral-300 dark:text-[var(--appkit-color-text-muted)] ";
 const __O = {
@@ -53,7 +54,7 @@ function toProductItem(p) {
 function getProductHref(p) {
     return pluginFor(normalizeListingType(p)).detailRoute(p.id);
 }
-export async function PublicProfileView({ userId, }) {
+export async function PublicProfileView({ userId, tab, }) {
     const page = { container: PAGE_CONTAINER };
     const flex = { center: FLEX_CENTER };
     const { getTranslations } = await import("next-intl/server");
@@ -89,7 +90,8 @@ export async function PublicProfileView({ userId, }) {
     const storeDescription = store?.storeDescription ?? pub?.storeDescription;
     const profileHeroCtx = { displayName, photoURL, memberSince, isSeller, storeSlug, flex, page };
     const statItems = buildProfileStatItems(t, { listingCount, reviewCount, itemsSold, auctionsWon, totalOrders, isSeller });
-    return (_jsxs(Div, { className: "-mx-4 md:-mx-6 lg:-mx-8 -mt-6 sm:-mt-8 lg:-mt-10", children: [renderProfileHero(t, profileHeroCtx), _jsxs(Stack, { gap: "2xl", className: `${page.container.md}`, paddingY: "y-3xl", children: [renderProfileStatsRow(flex, statItems), renderProfileBioSection(pub), renderStoreDescriptionSection(isSeller, storeSlug ?? null, storeDescription ?? null, storeName, t), renderProfileListingsSection(t, products, storeSlug ?? null), renderAuthoredReviewsSection(t, reviewsAuthored, displayName), reviewsReceivedAsBuyer.length > 0 && renderBuyerReceivedReviewsSection(t, reviewsReceivedAsBuyer), _jsx(Row, { justify: "center", padding: "t-xs", children: _jsxs(Link, { href: String(ROUTES.HOME), className: "text-sm text-[var(--appkit-color-text-faint)] hover:text-[var(--appkit-color-text-muted)]", children: ["\u2190 ", t("backHome")] }) })] })] }));
+    const activeTab = tab === "catalogue" ? "catalogue" : "overview";
+    return (_jsxs(Div, { className: "-mx-4 md:-mx-6 lg:-mx-8 -mt-6 sm:-mt-8 lg:-mt-10", children: [renderProfileHero(t, profileHeroCtx), _jsxs(Stack, { gap: "2xl", className: `${page.container.md}`, paddingY: "y-3xl", children: [_jsxs(Row, { gap: "md", padding: "t-xs", border: "bottom", children: [_jsx(TextLink, { href: `/profile/${userId}/overview`, variant: activeTab === "overview" ? "default" : "muted", weight: activeTab === "overview" ? "semibold" : "normal", children: "Overview" }), _jsx(TextLink, { href: `/profile/${userId}/catalogue`, variant: activeTab === "catalogue" ? "default" : "muted", weight: activeTab === "catalogue" ? "semibold" : "normal", children: "Catalogue" })] }), activeTab === "catalogue" ? (_jsx(PublicCatalogueView, { ownerSlug: userId })) : (_jsxs(_Fragment, { children: [renderProfileStatsRow(flex, statItems), renderProfileBioSection(pub), renderStoreDescriptionSection(isSeller, storeSlug ?? null, storeDescription ?? null, storeName, t), renderProfileListingsSection(t, products, storeSlug ?? null), renderAuthoredReviewsSection(t, reviewsAuthored, displayName), reviewsReceivedAsBuyer.length > 0 && renderBuyerReceivedReviewsSection(t, reviewsReceivedAsBuyer)] })), _jsx(Row, { justify: "center", padding: "t-xs", children: _jsxs(Link, { href: String(ROUTES.HOME), className: "text-[length:var(--appkit-text-sm)] text-[var(--appkit-color-text-faint)] hover:text-[var(--appkit-color-text-muted)]", children: ["\u2190 ", t("backHome")] }) })] })] }));
 }
 function buildProfileStatItems(t, ctx) {
     const { listingCount, reviewCount, itemsSold, auctionsWon, totalOrders, isSeller } = ctx;
@@ -109,7 +111,7 @@ function buildProfileStatItems(t, ctx) {
 }
 function renderProfileHero(t, ctx) {
     const { displayName, photoURL, memberSince, isSeller, storeSlug, page } = ctx;
-    return (_jsx(Section, { color: "inverse", tone: "accent-banner", paddingY: "y-2-5xl", children: _jsx(Div, { className: `${page.container.md}`, children: _jsxs(Stack, { direction: "sm-row", wrap: true, align: "center", smAlign: "end", gap: "md", children: [_jsx(Row, { align: "center", justify: "center", className: `w-20 h-20 flex-shrink-0 ${__O.hidden}`, surface: "default", rounded: "full", children: photoURL ? _jsx(MediaImage, { src: photoURL, alt: displayName, size: "avatar", fallback: "\uD83D\uDC64" }) : _jsx(User, { className: "w-10 h-10 text-white/60" }) }), _jsxs(Stack, { gap: "xs", className: "text-center sm:text-left", children: [_jsxs(Row, { justify: "start", gap: "xs", wrap: true, children: [_jsx(Heading, { color: "inverse", level: 1, variant: "none", className: "mb-0", children: displayName }), isSeller && _jsx(Span, { color: "inverse", size: "xs", weight: "semibold", className: "bg-[white]/20", padding: "pill-sm", rounded: "full", children: t("roleSeller") })] }), _jsx(Text, { color: "inverse", variant: "none", size: "sm", children: memberSince })] }), isSeller && storeSlug && (_jsx(Div, { className: "sm:ml-auto", children: _jsxs(Link, { href: String(ROUTES.PUBLIC.STORE_DETAIL(storeSlug)), className: "inline-flex items-center gap-1.5 rounded-full border border-white/30 bg-white/10 hover:bg-white/20 px-4 py-2 text-sm font-medium text-white transition-colors", children: [_jsx(ExternalLink, { className: "w-3.5 h-3.5" }), t("visitStore")] }) }))] }) }) }));
+    return (_jsx(Section, { color: "inverse", tone: "accent-banner", paddingY: "y-2-5xl", children: _jsx(Div, { className: `${page.container.md}`, children: _jsxs(Stack, { direction: "sm-row", wrap: true, align: "center", smAlign: "end", gap: "md", children: [_jsx(Row, { align: "center", justify: "center", className: `w-20 h-20 flex-shrink-0 ${__O.hidden}`, surface: "default", rounded: "full", children: photoURL ? _jsx(MediaImage, { src: photoURL, alt: displayName, size: "avatar", fallback: "\uD83D\uDC64" }) : _jsx(User, { className: "w-10 h-10 text-white/60" }) }), _jsxs(Stack, { gap: "xs", className: "text-center sm:text-left", children: [_jsxs(Row, { justify: "start", gap: "xs", wrap: true, children: [_jsx(Heading, { color: "inverse", level: 1, variant: "none", className: "mb-0", children: displayName }), isSeller && _jsx(Span, { color: "inverse", size: "xs", weight: "semibold", className: "bg-[white]/20", padding: "pill-sm", rounded: "full", children: t("roleSeller") })] }), _jsx(Text, { color: "inverse", variant: "none", size: "sm", children: memberSince })] }), isSeller && storeSlug && (_jsx(Div, { className: "sm:ml-auto", children: _jsxs(Link, { href: String(ROUTES.PUBLIC.STORE_DETAIL(storeSlug)), className: "inline-flex items-center gap-[var(--appkit-space-1-5)] rounded-full border border-white/30 bg-white/10 hover:bg-white/20 px-[var(--appkit-space-4)] py-[var(--appkit-space-2)] text-[length:var(--appkit-text-sm)] font-medium text-white transition-colors", children: [_jsx(ExternalLink, { className: "w-3.5 h-3.5" }), t("visitStore")] }) }))] }) }) }));
 }
 function renderProfileStatsRow(flex, statItems) {
     return (_jsx(Grid, { gap: "md", className: "grid-cols-2 sm:grid-cols-4", children: statItems.map(({ icon: Icon, label, value }) => (_jsxs(Div, { rounded: "xl", className: `${__P.p4} text-center`, border: "default", surface: "muted", children: [_jsx(Row, { centered: true, className: `${flex.center} mb-1`, children: _jsx(Icon, { className: "w-4 h-4 text-neutral-400" }) }), _jsx(Text, { size: "lg", weight: "bold", children: value }), _jsx(Text, { variant: "secondary", size: "xs", children: label })] }, label))) }));
@@ -122,10 +124,10 @@ function renderProfileBioSection(pub) {
 function renderStoreDescriptionSection(isSeller, storeSlug, storeDescription, storeName, t) {
     if (!isSeller || !storeSlug || !storeDescription)
         return null;
-    return (_jsx(Section, { children: _jsxs(Div, { rounded: "2xl", className: `${__P.p6}`, border: "default", surface: "subtle", children: [_jsx(Heading, { level: 3, className: "mb-2", children: storeName }), _jsx(Text, { variant: "secondary", className: "leading-relaxed", size: "sm", children: storeDescription }), _jsxs(Link, { href: String(ROUTES.PUBLIC.STORE_DETAIL(storeSlug)), className: "mt-3 inline-flex items-center gap-1 text-sm font-medium text-primary hover:underline", children: [t("visitStore"), " \u2192"] })] }) }));
+    return (_jsx(Section, { children: _jsxs(Div, { rounded: "2xl", className: `${__P.p6}`, border: "default", surface: "subtle", children: [_jsx(Heading, { level: 3, className: "mb-2", children: storeName }), _jsx(Text, { variant: "secondary", className: "leading-relaxed", size: "sm", children: storeDescription }), _jsxs(Link, { href: String(ROUTES.PUBLIC.STORE_DETAIL(storeSlug)), className: "mt-3 inline-flex items-center gap-[var(--appkit-space-1)] text-[length:var(--appkit-text-sm)] font-medium text-primary hover:underline", children: [t("visitStore"), " \u2192"] })] }) }));
 }
 function renderProfileListingsSection(t, products, storeSlug) {
-    return (_jsxs(Section, { children: [_jsx(Heading, { level: 2, className: "mb-4", children: t("listingsTitle") }), products.length === 0 ? (_jsxs(Div, { rounded: "2xl", padding: "3xl", className: "text-center", border: "default", surface: "subtle", children: [_jsx(ShoppingBag, { className: CLS_EMPTY_ICON }), _jsx(Text, { variant: "secondary", size: "sm", children: t("noListings") })] })) : (_jsx(Grid, { gap: "md", className: "grid-cols-2 sm:grid-cols-3 lg:grid-cols-4", children: products.slice(0, 8).map((p) => _jsx(ProductCard, { product: toProductItem(p), href: getProductHref(p) }, p.id)) })), products.length > 8 && storeSlug && (_jsx(Div, { className: "mt-4 text-center", children: _jsx(Link, { href: String(ROUTES.PUBLIC.STORE_PRODUCTS(storeSlug)), className: "text-sm font-medium text-primary hover:underline", children: t("viewAllListings", { count: products.length }) }) }))] }));
+    return (_jsxs(Section, { children: [_jsx(Heading, { level: 2, className: "mb-4", children: t("listingsTitle") }), products.length === 0 ? (_jsxs(Div, { rounded: "2xl", padding: "3xl", className: "text-center", border: "default", surface: "subtle", children: [_jsx(ShoppingBag, { className: CLS_EMPTY_ICON }), _jsx(Text, { variant: "secondary", size: "sm", children: t("noListings") })] })) : (_jsx(Grid, { gap: "md", className: "grid-cols-2 sm:grid-cols-3 lg:grid-cols-4", children: products.slice(0, 8).map((p) => _jsx(ProductCard, { product: toProductItem(p), href: getProductHref(p) }, p.id)) })), products.length > 8 && storeSlug && (_jsx(Div, { className: "mt-4 text-center", children: _jsx(Link, { href: String(ROUTES.PUBLIC.STORE_PRODUCTS(storeSlug)), className: "text-[length:var(--appkit-text-sm)] font-medium text-primary hover:underline", children: t("viewAllListings", { count: products.length }) }) }))] }));
 }
 function renderAuthoredReviewsSection(t, reviews, displayName) {
     return (_jsxs(Section, { children: [_jsx(Heading, { level: 2, className: "mb-4", children: t("reviewsAuthoredTitle", { name: displayName }) }), reviews.length === 0 ? (_jsxs(Div, { rounded: "2xl", padding: "3xl", className: "text-center", border: "default", surface: "subtle", children: [_jsx(Star, { className: CLS_EMPTY_ICON }), _jsx(Text, { variant: "secondary", size: "sm", children: t("noReviewsAuthored", { name: displayName }) })] })) : (_jsx(Grid, { gap: "md", className: "grid-cols-1 sm:grid-cols-2", children: reviews.slice(0, 6).map((review) => _jsx(ReviewCard, { review: review }, review.id)) }))] }));

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

@@ -5,8 +5,8 @@ import { Div, FlowDiagram, Heading, Row, Section, Stack, Text } from "../../../u
 import { TextLink } from "../../../ui";
 import { Shield, Lock, Search, Globe, Database, KeyRound, FileText, Upload, ShieldCheck, Scale, } from "lucide-react";
 const __P = {
-    p5: "p-5",
-    p8: "p-8",
+    p5: "p-[var(--appkit-space-5)]",
+    p8: "p-[var(--appkit-space-8)]",
 };
 export async function SecurityPrivacyView({} = {}) {
     const page = { container: PAGE_CONTAINER };

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

@@ -23,6 +23,6 @@ export async function UnauthorizedView({} = {}) {
         },
     ];
     return (_jsxs(Div, { className: "-mx-4 md:-mx-6 lg:-mx-8 -mt-6 sm:-mt-8 lg:-mt-10", children: [_jsx(Section, { padding: "y-5xl", color: "inverse", layout: "flex-col", align: "center", justify: "center", tone: "accent-banner", className: "min-h-[60vh] text-center", children: _jsxs(Div, { className: `${page.container.sm}`, children: [_jsx(Row, { align: "center", justify: "center", className: `w-20 h-20 mx-auto mb-6`, surface: "default", rounded: "2xl", children: _jsx(ShieldAlert, { className: "w-10 h-10 text-white" }) }), _jsx(Heading, { color: "inverse", level: 1, variant: "none", className: "mb-4", size: "4xl", children: t("title") }), _jsx(Text, { color: "inverse", variant: "none", className: "/80 max-w-lg mx-auto mb-8", size: "lg", children: t("subtitle") }), _jsx(Row, { align: "center", justify: "center", gap: "md", wrap: true, children: LINKS.map(({ icon: Icon, label, href, isPrimary }) => (_jsx(TextLink, { href: href, className: isPrimary
-                                    ? "bg-white text-rose-700 font-semibold px-6 py-2.5 rounded-xl hover:bg-white/90 transition-colors"
-                                    : "border border-white/40 text-white px-6 py-2.5 rounded-xl hover:bg-white/10 transition-colors", children: _jsxs(Span, { layout: "inline-flex", gap: "md", children: [_jsx(Icon, { className: "w-4 h-4" }), label] }) }, href))) })] }) }), _jsx(Div, { className: `${page.container.sm}`, padding: "y-2xl", children: _jsxs(Section, { className: `text-center`, border: "default", surface: "subtle", rounded: "2xl", padding: "lg", children: [_jsx(Heading, { level: 2, className: "mb-2", size: "base", children: t("helpTitle") }), _jsx(Text, { variant: "secondary", className: "mb-3", size: "sm", children: t("helpText") }), _jsxs(Row, { justify: "center", gap: "lg", wrap: true, children: [_jsx(TextLink, { href: String(ROUTES.PUBLIC.HELP), variant: "muted", size: "sm", children: t("helpCenter") }), _jsx(TextLink, { href: String(ROUTES.PUBLIC.CONTACT), variant: "muted", size: "sm", children: t("contact") })] })] }) })] }));
+                                    ? "bg-white text-rose-700 font-semibold px-[var(--appkit-space-6)] py-[var(--appkit-space-2-5)] rounded-xl hover:bg-white/90 transition-colors"
+                                    : "border border-white/40 text-white px-[var(--appkit-space-6)] py-[var(--appkit-space-2-5)] rounded-xl hover:bg-white/10 transition-colors", children: _jsxs(Span, { layout: "inline-flex", gap: "md", children: [_jsx(Icon, { className: "w-4 h-4" }), label] }) }, href))) })] }) }), _jsx(Div, { className: `${page.container.sm}`, padding: "y-2xl", children: _jsxs(Section, { className: `text-center`, border: "default", surface: "subtle", rounded: "2xl", padding: "lg", children: [_jsx(Heading, { level: 2, className: "mb-2", size: "base", children: t("helpTitle") }), _jsx(Text, { variant: "secondary", className: "mb-3", size: "sm", children: t("helpText") }), _jsxs(Row, { justify: "center", gap: "lg", wrap: true, children: [_jsx(TextLink, { href: String(ROUTES.PUBLIC.HELP), variant: "muted", size: "sm", children: t("helpCenter") }), _jsx(TextLink, { href: String(ROUTES.PUBLIC.CONTACT), variant: "muted", size: "sm", children: t("contact") })] })] }) })] }));
 }