@mohasinac/appkit 2.7.59 → 2.8.0

package/dist/features/products/constants/action-defs.js

@@ -9,7 +9,26 @@
  *   Client  — useAuthGate() shows LoginRequiredModal for Tier 1 (public) actions
  *   Server  — checkActionAllowed() enforces the same guards on every server action
  *   Admin   — ActionPermissionsManager toggles defaultEnabled via siteSettings.actionConfig
+ *
+ * Label source of truth: `ACTIONS.{RESOURCE}["..."].label` in
+ * _internal/shared/actions/action-registry.ts. `ACTION_META` derives its labels
+ * via `regLabel()` where a registry counterpart exists; entries with no
+ * counterpart keep an inline literal until a registry leaf is added (W1-5).
+ */
+import { ACTIONS } from "../../../_internal/shared/actions/action-registry";
+// ─────────────────────────────────────────────────────────────────────────────
+// Label-from-registry helper (W1-5)
+// ─────────────────────────────────────────────────────────────────────────────
+/**
+ * Returns the label for `ACTIONS[resource][id]`. The `fallback` is used only
+ * when the registry has no leaf yet — orphan IDs should be added to ACTIONS
+ * over time. Adding the fallback parameter as required ensures every call
+ * site documents what the inline label was at migration time, simplifying
+ * the eventual cleanup.
  */
+function regLabel(resource, id, fallback) {
+    return ACTIONS[resource]?.[id]?.label ?? fallback;
+}
 // ─────────────────────────────────────────────────────────────────────────────
 // § 1  Product / listing actions
 //      Used by: detail pages, BulkActionsBar, BuyBar
@@ -64,49 +83,50 @@ export const ACTION_ID = {
     DELETE_ACCOUNT: "delete-account",
 };
 export const ACTION_META = {
-    [ACTION_ID.BUY_NOW]: { id: ACTION_ID.BUY_NOW, label: "Buy Now", variant: "primary", requiresAuth: true, authMessage: "You need to be signed in to purchase items." },
-    [ACTION_ID.ADD_TO_CART]: { id: ACTION_ID.ADD_TO_CART, label: "Add to Cart", variant: "secondary", iconName: "ShoppingCart" },
-    [ACTION_ID.ADD_TO_WISHLIST]: { id: ACTION_ID.ADD_TO_WISHLIST, label: "Add to Wishlist", variant: "ghost", iconName: "Heart", requiresAuth: true, authMessage: "You need to be signed in to save items to your wishlist." },
-    [ACTION_ID.REMOVE_FROM_WISHLIST]: { id: ACTION_ID.REMOVE_FROM_WISHLIST, label: "Remove from Wishlist", variant: "ghost", iconName: "HeartOff", requiresAuth: true, authMessage: "You need to be signed in to manage your wishlist." },
-    [ACTION_ID.MAKE_OFFER]: { id: ACTION_ID.MAKE_OFFER, label: "Make an Offer", variant: "outline", iconName: "Tag", requiresAuth: true, authMessage: "You need to be signed in to make an offer." },
-    [ACTION_ID.SHARE]: { id: ACTION_ID.SHARE, label: "Share", variant: "ghost", iconName: "Share2" },
-    [ACTION_ID.COMPARE]: { id: ACTION_ID.COMPARE, label: "Compare", variant: "secondary", iconName: "Columns" },
-    [ACTION_ID.PLACE_BID]: { id: ACTION_ID.PLACE_BID, label: "Place Bid", variant: "primary", requiresAuth: true, authMessage: "You need to be signed in to place a bid." },
-    [ACTION_ID.BUY_NOW_AUCTION]: { id: ACTION_ID.BUY_NOW_AUCTION, label: "Buy Now", variant: "secondary", requiresAuth: true, authMessage: "You need to be signed in to purchase items." },
-    [ACTION_ID.WATCH_AUCTION]: { id: ACTION_ID.WATCH_AUCTION, label: "Watch", variant: "ghost", iconName: "Eye", requiresAuth: true, authMessage: "You need to be signed in to watch auctions." },
-    [ACTION_ID.UNWATCH_AUCTION]: { id: ACTION_ID.UNWATCH_AUCTION, label: "Unwatch", variant: "ghost", iconName: "EyeOff", requiresAuth: true, authMessage: "You need to be signed in to manage your watchlist." },
-    [ACTION_ID.RESERVE_NOW]: { id: ACTION_ID.RESERVE_NOW, label: "Reserve Now", variant: "primary", requiresAuth: true, authMessage: "You need to be signed in to reserve a pre-order." },
-    [ACTION_ID.CANCEL_RESERVATION]: { id: ACTION_ID.CANCEL_RESERVATION, label: "Cancel Reservation", variant: "danger", iconName: "X", requiresAuth: true, authMessage: "You need to be signed in to cancel a reservation." },
+    [ACTION_ID.BUY_NOW]: { id: ACTION_ID.BUY_NOW, label: regLabel("PRODUCT", "buy-now", "Buy Now"), variant: "primary", requiresAuth: true, authMessage: "You need to be signed in to purchase items." },
+    [ACTION_ID.ADD_TO_CART]: { id: ACTION_ID.ADD_TO_CART, label: regLabel("PRODUCT", "add-to-cart", "Add to Cart"), variant: "secondary", iconName: "ShoppingCart" },
+    [ACTION_ID.ADD_TO_WISHLIST]: { id: ACTION_ID.ADD_TO_WISHLIST, label: regLabel("PRODUCT", "add-to-wishlist", "Add to Wishlist"), variant: "ghost", iconName: "Heart", requiresAuth: true, authMessage: "You need to be signed in to save items to your wishlist." },
+    [ACTION_ID.REMOVE_FROM_WISHLIST]: { id: ACTION_ID.REMOVE_FROM_WISHLIST, label: regLabel("PRODUCT", "remove-from-wishlist", "Remove from Wishlist"), variant: "ghost", iconName: "HeartOff", requiresAuth: true, authMessage: "You need to be signed in to manage your wishlist." },
+    [ACTION_ID.MAKE_OFFER]: { id: ACTION_ID.MAKE_OFFER, label: regLabel("PRODUCT", "make-offer", "Make an Offer"), variant: "outline", iconName: "Tag", requiresAuth: true, authMessage: "You need to be signed in to make an offer." },
+    [ACTION_ID.SHARE]: { id: ACTION_ID.SHARE, label: regLabel("PRODUCT", "share", "Share"), variant: "ghost", iconName: "Share2" },
+    [ACTION_ID.COMPARE]: { id: ACTION_ID.COMPARE, label: regLabel("PRODUCT", "compare", "Compare"), variant: "secondary", iconName: "Columns" },
+    [ACTION_ID.PLACE_BID]: { id: ACTION_ID.PLACE_BID, label: regLabel("AUCTION", "place-bid", "Place Bid"), variant: "primary", requiresAuth: true, authMessage: "You need to be signed in to place a bid." },
+    [ACTION_ID.BUY_NOW_AUCTION]: { id: ACTION_ID.BUY_NOW_AUCTION, label: regLabel("AUCTION", "buy-it-now", "Buy Now"), variant: "secondary", requiresAuth: true, authMessage: "You need to be signed in to purchase items." },
+    [ACTION_ID.WATCH_AUCTION]: { id: ACTION_ID.WATCH_AUCTION, label: regLabel("AUCTION", "watch", "Watch"), variant: "ghost", iconName: "Eye", requiresAuth: true, authMessage: "You need to be signed in to watch auctions." },
+    [ACTION_ID.UNWATCH_AUCTION]: { id: ACTION_ID.UNWATCH_AUCTION, label: regLabel("AUCTION", "unwatch", "Unwatch"), variant: "ghost", iconName: "EyeOff", requiresAuth: true, authMessage: "You need to be signed in to manage your watchlist." },
+    [ACTION_ID.RESERVE_NOW]: { id: ACTION_ID.RESERVE_NOW, label: regLabel("PRE_ORDER", "reserve-now", "Reserve Now"), variant: "primary", requiresAuth: true, authMessage: "You need to be signed in to reserve a pre-order." },
+    [ACTION_ID.CANCEL_RESERVATION]: { id: ACTION_ID.CANCEL_RESERVATION, label: regLabel("PRE_ORDER", "cancel-reservation", "Cancel Reservation"), variant: "danger", iconName: "X", requiresAuth: true, authMessage: "You need to be signed in to cancel a reservation." },
     // ── Checkout / navigation CTAs ────────────────────────────────────────────
-    [ACTION_ID.CHECKOUT]: { id: ACTION_ID.CHECKOUT, label: "Checkout", variant: "primary", requiresAuth: true, authMessage: "You need to be signed in to checkout." },
-    [ACTION_ID.CONTINUE_TO_VERIFY]: { id: ACTION_ID.CONTINUE_TO_VERIFY, label: "Continue", variant: "primary", requiresAuth: true, authMessage: "You need to be signed in to checkout." },
-    [ACTION_ID.SEND_OTP]: { id: ACTION_ID.SEND_OTP, label: "Send Code", variant: "primary", requiresAuth: true, authMessage: "You need to be signed in to checkout." },
-    [ACTION_ID.VERIFY_OTP]: { id: ACTION_ID.VERIFY_OTP, label: "Verify & Continue", variant: "primary", requiresAuth: true, authMessage: "You need to be signed in to checkout." },
-    [ACTION_ID.PAY_ONLINE]: { id: ACTION_ID.PAY_ONLINE, label: "Pay Online", variant: "primary", requiresAuth: true, authMessage: "You need to be signed in to checkout." },
-    [ACTION_ID.PAY_COD]: { id: ACTION_ID.PAY_COD, label: "Cash on Delivery", variant: "secondary", requiresAuth: true, authMessage: "You need to be signed in to checkout." },
-    [ACTION_ID.APPLY_COUPON]: { id: ACTION_ID.APPLY_COUPON, label: "Apply", variant: "secondary", requiresAuth: true, authMessage: "You need to be signed in to apply a coupon." },
-    [ACTION_ID.REMOVE_COUPON]: { id: ACTION_ID.REMOVE_COUPON, label: "Remove", variant: "ghost", requiresAuth: true, authMessage: "You need to be signed in to manage coupons." },
-    [ACTION_ID.ENTER_PRIZE_DRAW]: { id: ACTION_ID.ENTER_PRIZE_DRAW, label: "Enter Draw", variant: "primary", requiresAuth: true, authMessage: "You need to be signed in to enter a prize draw." },
+    [ACTION_ID.CHECKOUT]: { id: ACTION_ID.CHECKOUT, label: regLabel("CART", "checkout", "Checkout"), variant: "primary", requiresAuth: true, authMessage: "You need to be signed in to checkout." },
+    [ACTION_ID.CONTINUE_TO_VERIFY]: { id: ACTION_ID.CONTINUE_TO_VERIFY, label: regLabel("CHECKOUT", "continue-to-verification", "Continue"), variant: "primary", requiresAuth: true, authMessage: "You need to be signed in to checkout." },
+    [ACTION_ID.SEND_OTP]: { id: ACTION_ID.SEND_OTP, label: regLabel("CHECKOUT", "send-otp", "Send Code"), variant: "primary", requiresAuth: true, authMessage: "You need to be signed in to checkout." },
+    [ACTION_ID.VERIFY_OTP]: { id: ACTION_ID.VERIFY_OTP, label: regLabel("CHECKOUT", "verify-otp", "Verify & Continue"), variant: "primary", requiresAuth: true, authMessage: "You need to be signed in to checkout." },
+    [ACTION_ID.PAY_ONLINE]: { id: ACTION_ID.PAY_ONLINE, label: regLabel("CHECKOUT", "pay-online", "Pay Online"), variant: "primary", requiresAuth: true, authMessage: "You need to be signed in to checkout." },
+    [ACTION_ID.PAY_COD]: { id: ACTION_ID.PAY_COD, label: regLabel("CHECKOUT", "pay-cod", "Cash on Delivery"), variant: "secondary", requiresAuth: true, authMessage: "You need to be signed in to checkout." },
+    [ACTION_ID.APPLY_COUPON]: { id: ACTION_ID.APPLY_COUPON, label: regLabel("CHECKOUT", "apply-coupon", "Apply"), variant: "secondary", requiresAuth: true, authMessage: "You need to be signed in to apply a coupon." },
+    [ACTION_ID.REMOVE_COUPON]: { id: ACTION_ID.REMOVE_COUPON, label: regLabel("CHECKOUT", "remove-coupon", "Remove"), variant: "ghost", requiresAuth: true, authMessage: "You need to be signed in to manage coupons." },
+    [ACTION_ID.ENTER_PRIZE_DRAW]: { id: ACTION_ID.ENTER_PRIZE_DRAW, label: regLabel("PRIZE_DRAW", "enter-draw", "Enter Draw"), variant: "primary", requiresAuth: true, authMessage: "You need to be signed in to enter a prize draw." },
+    // ── Inline literals: no registry counterpart yet (orphan IDs — add to ACTIONS in a follow-up sweep) ─
     [ACTION_ID.ENTER_RAFFLE]: { id: ACTION_ID.ENTER_RAFFLE, label: "Enter Raffle", variant: "primary", requiresAuth: true, authMessage: "You need to be signed in to enter a raffle." },
     [ACTION_ID.REPORT_LISTING]: { id: ACTION_ID.REPORT_LISTING, label: "Report Listing", variant: "ghost", requiresAuth: true, authMessage: "You need to be signed in to report a listing." },
-    [ACTION_ID.FOLLOW_STORE]: { id: ACTION_ID.FOLLOW_STORE, label: "Follow Store", variant: "outline", requiresAuth: true, authMessage: "You need to be signed in to follow a store." },
+    [ACTION_ID.FOLLOW_STORE]: { id: ACTION_ID.FOLLOW_STORE, label: regLabel("STORE", "follow", "Follow Store"), variant: "outline", requiresAuth: true, authMessage: "You need to be signed in to follow a store." },
     // ── Reviews & social ──────────────────────────────────────────────────────
-    [ACTION_ID.WRITE_REVIEW]: { id: ACTION_ID.WRITE_REVIEW, label: "Write a Review", variant: "outline", requiresAuth: true, authMessage: "You need to be signed in to write a review." },
+    [ACTION_ID.WRITE_REVIEW]: { id: ACTION_ID.WRITE_REVIEW, label: regLabel("USER", "write-review", "Write a Review"), variant: "outline", requiresAuth: true, authMessage: "You need to be signed in to write a review." },
     [ACTION_ID.MESSAGE_SELLER]: { id: ACTION_ID.MESSAGE_SELLER, label: "Message Seller", variant: "outline", requiresAuth: true, authMessage: "You need to be signed in to message a seller." },
     // ── Seller CTAs ───────────────────────────────────────────────────────────
     [ACTION_ID.BECOME_SELLER]: { id: ACTION_ID.BECOME_SELLER, label: "Apply as Seller", variant: "primary", requiresAuth: true, authMessage: "You need to be signed in to apply as a seller." },
-    [ACTION_ID.REQUEST_PAYOUT]: { id: ACTION_ID.REQUEST_PAYOUT, label: "Request Payout", variant: "outline", requiresAuth: true, authMessage: "You need to be signed in to request a payout.", requiredPermission: "seller.payouts.request" },
-    [ACTION_ID.RESPOND_TO_REVIEW]: { id: ACTION_ID.RESPOND_TO_REVIEW, label: "Respond to Review", variant: "outline", requiresAuth: true, authMessage: "You need to be signed in to respond to a review.", requiredPermission: "seller.reviews.respond" },
+    [ACTION_ID.REQUEST_PAYOUT]: { id: ACTION_ID.REQUEST_PAYOUT, label: regLabel("STORE", "request-payout", "Request Payout"), variant: "outline", requiresAuth: true, authMessage: "You need to be signed in to request a payout.", requiredPermission: "seller.payouts.request" },
+    [ACTION_ID.RESPOND_TO_REVIEW]: { id: ACTION_ID.RESPOND_TO_REVIEW, label: regLabel("STORE", "reply-review", "Respond to Review"), variant: "outline", requiresAuth: true, authMessage: "You need to be signed in to respond to a review.", requiredPermission: "seller.reviews.respond" },
     // ── User account actions ──────────────────────────────────────────────────
-    [ACTION_ID.CANCEL_ORDER]: { id: ACTION_ID.CANCEL_ORDER, label: "Cancel Order", variant: "danger", requiresAuth: true, authMessage: "You need to be signed in to cancel an order." },
-    [ACTION_ID.REQUEST_RETURN]: { id: ACTION_ID.REQUEST_RETURN, label: "Request Return", variant: "outline", requiresAuth: true, authMessage: "You need to be signed in to request a return." },
-    [ACTION_ID.REORDER]: { id: ACTION_ID.REORDER, label: "Reorder", variant: "secondary", requiresAuth: true, authMessage: "You need to be signed in to reorder." },
-    [ACTION_ID.TRACK_ORDER]: { id: ACTION_ID.TRACK_ORDER, label: "Track Order", variant: "ghost", requiresAuth: true, authMessage: "You need to be signed in to track your order." },
+    [ACTION_ID.CANCEL_ORDER]: { id: ACTION_ID.CANCEL_ORDER, label: regLabel("USER", "cancel-order", "Cancel Order"), variant: "danger", requiresAuth: true, authMessage: "You need to be signed in to cancel an order." },
+    [ACTION_ID.REQUEST_RETURN]: { id: ACTION_ID.REQUEST_RETURN, label: regLabel("USER", "request-return", "Request Return"), variant: "outline", requiresAuth: true, authMessage: "You need to be signed in to request a return." },
+    [ACTION_ID.REORDER]: { id: ACTION_ID.REORDER, label: regLabel("USER", "reorder", "Reorder"), variant: "secondary", requiresAuth: true, authMessage: "You need to be signed in to reorder." },
+    [ACTION_ID.TRACK_ORDER]: { id: ACTION_ID.TRACK_ORDER, label: regLabel("USER", "track-order", "Track Order"), variant: "ghost", requiresAuth: true, authMessage: "You need to be signed in to track your order." },
     [ACTION_ID.EDIT_PROFILE]: { id: ACTION_ID.EDIT_PROFILE, label: "Edit Profile", variant: "outline", requiresAuth: true, authMessage: "You need to be signed in to edit your profile." },
     [ACTION_ID.ADD_ADDRESS]: { id: ACTION_ID.ADD_ADDRESS, label: "Add Address", variant: "outline", requiresAuth: true, authMessage: "You need to be signed in to add an address." },
     [ACTION_ID.EDIT_ADDRESS]: { id: ACTION_ID.EDIT_ADDRESS, label: "Edit Address", variant: "ghost", requiresAuth: true, authMessage: "You need to be signed in to edit an address." },
-    [ACTION_ID.DELETE_ADDRESS]: { id: ACTION_ID.DELETE_ADDRESS, label: "Delete Address", variant: "danger", requiresAuth: true, authMessage: "You need to be signed in to delete an address." },
-    [ACTION_ID.CHANGE_PASSWORD]: { id: ACTION_ID.CHANGE_PASSWORD, label: "Change Password", variant: "outline", requiresAuth: true, authMessage: "You need to be signed in to change your password." },
+    [ACTION_ID.DELETE_ADDRESS]: { id: ACTION_ID.DELETE_ADDRESS, label: regLabel("USER", "delete-address", "Delete Address"), variant: "danger", requiresAuth: true, authMessage: "You need to be signed in to delete an address." },
+    [ACTION_ID.CHANGE_PASSWORD]: { id: ACTION_ID.CHANGE_PASSWORD, label: regLabel("USER", "update-password", "Change Password"), variant: "outline", requiresAuth: true, authMessage: "You need to be signed in to change your password." },
     [ACTION_ID.DELETE_ACCOUNT]: { id: ACTION_ID.DELETE_ACCOUNT, label: "Delete Account", variant: "danger", requiresAuth: true, authMessage: "You need to be signed in to delete your account.", requiredPermission: "user.account.delete" },
 };
 // Detail page action groups — ordered top-to-bottom in the right-hand panel

package/dist/features/products/constants/sieve.d.ts

@@ -2,6 +2,20 @@ export type SortOption = {
     readonly value: string;
     readonly label: string;
 };
+/** Time + price sorts, the common subset across most listing-type pickers. */
+export declare const BASE_SORT_OPTIONS: readonly [{
+    readonly value: string;
+    readonly label: "Newest First";
+}, {
+    readonly value: string;
+    readonly label: "Oldest First";
+}, {
+    readonly value: string;
+    readonly label: "Price: Low to High";
+}, {
+    readonly value: string;
+    readonly label: "Price: High to Low";
+}];
 export declare const STANDARD_SORT_OPTIONS: readonly [{
     readonly value: string;
     readonly label: "Newest First";
@@ -108,10 +122,13 @@ export declare const PREORDER_SORT_OPTIONS: readonly [{
 }, {
     readonly value: string;
     readonly label: "Latest Delivery";
-}, {
+}, ...({
     readonly value: string;
     readonly label: "Newest First";
-}, {
+} | {
+    readonly value: string;
+    readonly label: "Oldest First";
+})[], {
     readonly value: string;
     readonly label: "Price: Low to High";
 }, {
@@ -124,10 +141,13 @@ export declare const PREORDER_SORT_OPTIONS: readonly [{
     readonly value: string;
     readonly label: "Lowest Deposit First";
 }];
-export declare const BUNDLE_SORT_OPTIONS: readonly [{
+export declare const BUNDLE_SORT_OPTIONS: readonly [...({
     readonly value: string;
     readonly label: "Newest First";
-}, {
+} | {
+    readonly value: string;
+    readonly label: "Oldest First";
+})[], {
     readonly value: string;
     readonly label: "Price: Low to High";
 }, {

package/dist/features/products/constants/sieve.js

@@ -5,13 +5,25 @@ const LABEL_PRICE_LOW = "Price: Low to High";
 const LABEL_NEWEST = "Newest First";
 const LABEL_OLDEST = "Oldest First";
 // ---------------------------------------------------------------------------
-// Standard Products
+// W2-6 — Base sort options shared by standard / pre-order / bundle / prize-draw.
+// Auctions get their own base (auctionEndDate primary) because the "Ending Soon"
+// dimension dominates browse intent.
 // ---------------------------------------------------------------------------
-export const STANDARD_SORT_OPTIONS = [
+const BASE_TIME_SORTS = [
     { value: sortBy(PRODUCT_FIELDS.CREATED_AT), label: LABEL_NEWEST },
     { value: sortBy(PRODUCT_FIELDS.CREATED_AT, "ASC"), label: LABEL_OLDEST },
+];
+const BASE_PRICE_SORTS = [
     { value: sortBy(PRODUCT_FIELDS.PRICE, "ASC"), label: LABEL_PRICE_LOW },
     { value: sortBy(PRODUCT_FIELDS.PRICE), label: LABEL_PRICE_HIGH },
+];
+/** Time + price sorts, the common subset across most listing-type pickers. */
+export const BASE_SORT_OPTIONS = [...BASE_TIME_SORTS, ...BASE_PRICE_SORTS];
+// ---------------------------------------------------------------------------
+// Standard Products
+// ---------------------------------------------------------------------------
+export const STANDARD_SORT_OPTIONS = [
+    ...BASE_SORT_OPTIONS,
     { value: sortBy(PRODUCT_FIELDS.TITLE, "ASC"), label: "Name: A–Z" },
     { value: sortBy(PRODUCT_FIELDS.TITLE), label: "Name: Z–A" },
     { value: sortBy(PRODUCT_FIELDS.FEATURED), label: "Featured First" },
@@ -29,7 +41,7 @@ export const STANDARD_PUBLIC_SORT_OPTIONS = [
     STANDARD_SORT_OPTIONS[9],
 ];
 // ---------------------------------------------------------------------------
-// Auctions
+// Auctions — auction-specific base puts auctionEndDate primary
 // ---------------------------------------------------------------------------
 export const AUCTION_SORT_OPTIONS = [
     { value: sortBy(PRODUCT_FIELDS.AUCTION_END_DATE, "ASC"), label: "Ending Soon" },
@@ -56,9 +68,8 @@ export const AUCTION_PUBLIC_SORT_OPTIONS = [
 export const PREORDER_SORT_OPTIONS = [
     { value: sortBy(PRODUCT_FIELDS.PRE_ORDER_DELIVERY_DATE, "ASC"), label: "Earliest Delivery" },
     { value: sortBy(PRODUCT_FIELDS.PRE_ORDER_DELIVERY_DATE), label: "Latest Delivery" },
-    { value: sortBy(PRODUCT_FIELDS.CREATED_AT), label: LABEL_NEWEST },
-    { value: sortBy(PRODUCT_FIELDS.PRICE, "ASC"), label: LABEL_PRICE_LOW },
-    { value: sortBy(PRODUCT_FIELDS.PRICE), label: LABEL_PRICE_HIGH },
+    ...BASE_TIME_SORTS.slice(0, 1), // Newest First
+    ...BASE_PRICE_SORTS,
     { value: sortBy(PRODUCT_FIELDS.PRE_ORDER_CURRENT_COUNT), label: "Fewest Slots Left" },
     { value: sortBy(PRODUCT_FIELDS.PRE_ORDER_DEPOSIT_AMOUNT, "ASC"), label: "Lowest Deposit First" },
 ];
@@ -66,9 +77,8 @@ export const PREORDER_SORT_OPTIONS = [
 // Bundles
 // ---------------------------------------------------------------------------
 export const BUNDLE_SORT_OPTIONS = [
-    { value: sortBy(PRODUCT_FIELDS.CREATED_AT), label: LABEL_NEWEST },
-    { value: sortBy(PRODUCT_FIELDS.PRICE, "ASC"), label: LABEL_PRICE_LOW },
-    { value: sortBy(PRODUCT_FIELDS.PRICE), label: LABEL_PRICE_HIGH },
+    ...BASE_TIME_SORTS.slice(0, 1), // Newest First
+    ...BASE_PRICE_SORTS,
     { value: "-savingsAmount", label: "Most Savings" },
     { value: "-bundleItemCount", label: "Most Items" },
 ];
@@ -76,8 +86,7 @@ export const BUNDLE_SORT_OPTIONS = [
 // Prize Draws
 // ---------------------------------------------------------------------------
 export const PRIZE_DRAW_SORT_OPTIONS = [
-    { value: sortBy(PRODUCT_FIELDS.CREATED_AT), label: LABEL_NEWEST },
-    { value: sortBy(PRODUCT_FIELDS.CREATED_AT, "ASC"), label: LABEL_OLDEST },
+    ...BASE_TIME_SORTS,
     { value: sortBy(PRODUCT_FIELDS.PRIZE_REVEAL_WINDOW_START, "ASC"), label: "Reveal: Soonest" },
     { value: sortBy(PRODUCT_FIELDS.PRIZE_REVEAL_WINDOW_START), label: "Reveal: Furthest" },
     { value: sortBy(PRODUCT_FIELDS.PRICE, "ASC"), label: "Entry: Low to High" },

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

@@ -132,6 +132,10 @@ export interface ProductDocument {
     status: ProductStatus;
     storeId: string;
     storeName?: string;
+    /** W1-34 — denormalized seller rating (0–5) shown on product detail store card. */
+    storeRating?: number;
+    /** W1-34 — denormalized seller total review count shown alongside the rating. */
+    storeReviewCount?: number;
     featured: boolean;
     tags: string[];
     specifications?: ProductSpecification[];
@@ -194,6 +198,19 @@ export interface ProductDocument {
     groupParentSlug?: string;
     groupChildSlugs?: string[];
     groupTitle?: string;
+    /**
+     * W1-45 — optional icon shown as an overlay badge on every card whose
+     * product belongs to this group. Set once on the group parent; cards
+     * inherit it via the snapshot pipeline. Either an emoji or a media slug
+     * (rendered via `/media/<slug>`).
+     */
+    groupIcon?: string;
+    /**
+     * W1-45 — denormalized icon from the sublisting category (`display.icon`).
+     * Mirrored onto the product snapshot at create/update time so cards can
+     * render it without an extra category lookup per row.
+     */
+    sublistingIcon?: string;
     /**
      * Required since Phase 4 dropped the legacy `isAuction` / `isPreOrder`
      * booleans. Every product document carries this; queries route through

package/dist/features/products/schemas/product-features.validators.d.ts

@@ -89,8 +89,8 @@ export declare const productFeatureUpdateSchema: z.ZodObject<{
     label?: string | undefined;
     icon?: string | undefined;
     isActive?: boolean | undefined;
-    iconColor?: string | undefined;
     displayOrder?: number | undefined;
+    iconColor?: string | undefined;
     productTypes?: ("auction" | "prize-draw" | "classified" | "digital-code" | "live" | "all" | "product" | "preorder")[] | undefined;
 }, {
     category?: "seller" | "custom" | "auction" | "condition" | "shipping" | "preorder" | "platform" | undefined;
@@ -98,8 +98,8 @@ export declare const productFeatureUpdateSchema: z.ZodObject<{
     label?: string | undefined;
     icon?: string | undefined;
     isActive?: boolean | undefined;
-    iconColor?: string | undefined;
     displayOrder?: number | undefined;
+    iconColor?: string | undefined;
     productTypes?: ("auction" | "prize-draw" | "classified" | "digital-code" | "live" | "all" | "product" | "preorder")[] | undefined;
 }>;
 export type ProductFeatureAdminCreatePayload = z.infer<typeof productFeatureAdminCreateSchema>;

package/dist/features/products/schemas/product-templates.d.ts

@@ -22,7 +22,5 @@ export interface ProductTemplateDocument {
     createdAt: Date | string;
     updatedAt: Date | string;
 }
-export interface ProductTemplateCreateInput extends Omit<ProductTemplateDocument, "id" | "createdAt" | "updatedAt"> {
-}
-export interface ProductTemplateUpdateInput extends Partial<Omit<ProductTemplateDocument, "id" | "storeId" | "createdAt">> {
-}
+export type ProductTemplateCreateInput = Omit<ProductTemplateDocument, "id" | "createdAt" | "updatedAt">;
+export type ProductTemplateUpdateInput = Partial<Omit<ProductTemplateDocument, "id" | "storeId" | "createdAt">>;

package/dist/features/products/types/index.d.ts

@@ -65,6 +65,10 @@ export interface ProductItem {
     groupParentSlug?: string;
     groupChildSlugs?: string[];
     groupTitle?: string;
+    /** W1-45 — icon shown as a card overlay; emoji or `/media/<slug>`. */
+    groupIcon?: string;
+    /** W1-45 — denormalized icon from the sublisting category. */
+    sublistingIcon?: string;
     isOnSale?: boolean;
     isSold?: boolean;
     inStock?: boolean;

package/dist/features/promotions/server.d.ts

@@ -4,6 +4,5 @@
  * Server-only entry point for promotions repositories and API route handlers.
  */
 export * from "./actions";
-export { PromotionsRepository } from "./repository/promotions.repository";
 export { couponsRepository } from "./repository/coupons.repository";
 export { GET as promotionsGET, GET } from "./api/route";

package/dist/features/promotions/server.js

@@ -4,6 +4,5 @@
  * Server-only entry point for promotions repositories and API route handlers.
  */
 export * from "./actions";
-export { PromotionsRepository } from "./repository/promotions.repository";
 export { couponsRepository } from "./repository/coupons.repository";
 export { GET as promotionsGET, GET } from "./api/route";

package/dist/features/search/api/route.js

@@ -21,6 +21,8 @@
 import { NextResponse } from "next/server.js";
 import { getProviders } from "../../../contracts";
 import { SearchRepository } from "../repository/search.repository";
+import { isListingTypeEnabled, enabledListingTypes, } from "../../../_internal/shared/listing-types/feature-flags";
+import { getSiteSettingsGlobal } from "../../admin/utils/getSiteSettingsGlobal";
 function param(url, key) {
     return url.searchParams.get(key);
 }
@@ -55,6 +57,32 @@ export async function GET(request) {
         const maxPriceRaw = numParam(url, "maxPrice", 0);
         const page = numParam(url, "page", 1);
         const pageSize = Math.min(numParam(url, "pageSize", 20), 100);
+        // W1-43 — listing-type feature flag gating. Reject a search scoped to a
+        // disabled listing type with an empty result; for unscoped searches,
+        // strip disabled types post-query so search-bar suggestions stay clean.
+        let siteSettings = null;
+        try {
+            siteSettings = await getSiteSettingsGlobal();
+        }
+        catch {
+            siteSettings = null;
+        }
+        if (listingType && siteSettings && !isListingTypeEnabled(listingType, siteSettings)) {
+            return NextResponse.json({
+                success: true,
+                data: {
+                    items: [],
+                    total: 0,
+                    page,
+                    pageSize,
+                    totalPages: 0,
+                    hasMore: false,
+                    backend: "firestore",
+                    listingTypeDisabled: true,
+                },
+            });
+        }
+        const enabledSet = new Set(siteSettings ? enabledListingTypes(siteSettings) : []);
         const repo = new SearchRepository(db.getRepository("products"));
         const result = await repo.search({
             q: param(url, "q") ?? undefined,
@@ -70,9 +98,24 @@ export async function GET(request) {
             page,
             pageSize,
         });
+        // W1-43 — when no specific listingType filter, strip disabled types from
+        // the surface. Skipped when all types are enabled or settings failed to load.
+        let filteredItems = result.items;
+        let filteredTotal = result.total;
+        if (!listingType && enabledSet.size > 0 && enabledSet.size < 7) {
+            const before = filteredItems.length;
+            filteredItems = filteredItems.filter((it) => enabledSet.has(it.listingType ?? "standard"));
+            const removed = before - filteredItems.length;
+            filteredTotal = Math.max(0, filteredTotal - removed);
+        }
         return NextResponse.json({
             success: true,
-            data: { ...result, backend: "firestore" },
+            data: {
+                ...result,
+                items: filteredItems,
+                total: filteredTotal,
+                backend: "firestore",
+            },
         });
     }
     catch (error) {

package/dist/features/search/components/Search.js

@@ -12,12 +12,14 @@ const DEFAULT_TYPE_ICONS = {
     category: "🗂️",
     blog: "✍️",
     event: "🎉",
+    product: "📦",
 };
 const DEFAULT_TYPE_BADGES = {
     page: "bg-zinc-100 text-zinc-600 dark:bg-zinc-800 dark:text-zinc-300",
     category: "bg-blue-100 text-blue-600 dark:bg-blue-900/40 dark:text-blue-300",
     blog: "bg-fuchsia-100 text-fuchsia-600 dark:bg-fuchsia-900/40 dark:text-fuchsia-300",
     event: "bg-amber-100 text-amber-600 dark:bg-amber-900/40 dark:text-amber-300",
+    product: "bg-emerald-100 text-emerald-600 dark:bg-emerald-900/40 dark:text-emerald-300",
 };
 function SuggestionItem({ suggestion, itemIndex, activeIndex, onSelect, onHover, typeIcons, typeBadges, }) {
     const isActive = activeIndex === itemIndex;

package/dist/features/search/hooks/useNavSuggestions.d.ts

@@ -1,10 +1,14 @@
 export interface NavSuggestionRecord {
     objectID: string;
-    type: "page" | "category" | "blog" | "event";
+    type: "page" | "category" | "blog" | "event" | "product";
     title: string;
     subtitle?: string;
     url: string;
 }
+/**
+ * W1-19 — wired to `/api/search/suggestions` 2026-05-23. Fetches up to 20
+ * matches (5 per resource type) and surfaces them as typeahead rows.
+ */
 export declare function useNavSuggestions(query: string, selectedType?: string, debounceMs?: number): {
     suggestions: NavSuggestionRecord[];
     isLoading: boolean;

package/dist/features/search/hooks/useNavSuggestions.js

@@ -1,23 +1,48 @@
 "use client";
 import { useEffect, useRef, useState } from "react";
+const SUGGESTIONS_ENDPOINT = "/api/search/suggestions";
+/**
+ * W1-19 — wired to `/api/search/suggestions` 2026-05-23. Fetches up to 20
+ * matches (5 per resource type) and surfaces them as typeahead rows.
+ */
 export function useNavSuggestions(query, selectedType, debounceMs = 250) {
     const [suggestions, setSuggestions] = useState([]);
     const [isLoading, setIsLoading] = useState(false);
     const timerRef = useRef(null);
+    const abortRef = useRef(null);
     useEffect(() => {
         if (timerRef.current)
             clearTimeout(timerRef.current);
-        if (!query.trim()) {
+        if (abortRef.current)
+            abortRef.current.abort();
+        const trimmed = query.trim();
+        if (!trimmed) {
             setSuggestions([]);
+            setIsLoading(false);
             return;
         }
         timerRef.current = setTimeout(async () => {
             setIsLoading(true);
+            const ctrl = new AbortController();
+            abortRef.current = ctrl;
             try {
-                setSuggestions([]);
+                const params = new URLSearchParams({ q: trimmed });
+                if (selectedType && selectedType !== "all") {
+                    params.set("type", selectedType);
+                }
+                const res = await fetch(`${SUGGESTIONS_ENDPOINT}?${params.toString()}`, { signal: ctrl.signal, credentials: "same-origin" });
+                if (!res.ok) {
+                    setSuggestions([]);
+                    return;
+                }
+                const body = (await res.json());
+                const items = body.data?.suggestions ?? body.suggestions ?? [];
+                setSuggestions(items);
             }
-            catch {
-                setSuggestions([]);
+            catch (err) {
+                if (err.name !== "AbortError") {
+                    setSuggestions([]);
+                }
             }
             finally {
                 setIsLoading(false);
@@ -26,6 +51,8 @@ export function useNavSuggestions(query, selectedType, debounceMs = 250) {
         return () => {
             if (timerRef.current)
                 clearTimeout(timerRef.current);
+            if (abortRef.current)
+                abortRef.current.abort();
         };
     }, [query, selectedType, debounceMs]);
     return { suggestions, isLoading };

package/dist/features/seller/components/BrandInlineSelect.js

@@ -1,6 +1,6 @@
 "use client";
 import { jsx as _jsx } from "react/jsx-runtime";
-import { InlineCreateSelect } from "../../../ui/components/InlineCreateSelect";
+import { PaginatedSelect } from "../../../ui/components/PaginatedSelect";
 import { BrandQuickCreateForm } from "../../admin/components/BrandQuickCreateForm";
 import { apiClient } from "../../../http";
 import { ADMIN_ENDPOINTS } from "../../../constants/api-endpoints";
@@ -40,7 +40,7 @@ async function loadPublicBrandOptions(query, page) {
 }
 export function BrandInlineSelect({ value, onChange, placeholder = "Search brands…", disabled, allowCreate = true, }) {
     const loadOptions = allowCreate ? loadAdminBrandOptions : loadPublicBrandOptions;
-    return (_jsx(InlineCreateSelect, { value: value || null, onChange: (v) => onChange(v ?? ""), loadOptions: loadOptions, placeholder: placeholder, disabled: disabled, createLabel: "brand", drawerTitle: "Create Brand", renderCreateForm: allowCreate
+    return (_jsx(PaginatedSelect, { value: value || null, onChange: (v) => onChange(v ?? ""), loadOptions: loadOptions, placeholder: placeholder, disabled: disabled, createLabel: "brand", drawerTitle: "Create Brand", renderCreateForm: allowCreate
             ? ({ onCreated, onCancel }) => (_jsx(BrandQuickCreateForm, { onSaved: (id, name) => onCreated({ value: id, label: name }), onCancel: onCancel }))
             : undefined }));
 }

package/dist/features/seller/components/CategoryInlineSelect.js

@@ -1,6 +1,6 @@
 "use client";
 import { jsx as _jsx } from "react/jsx-runtime";
-import { InlineCreateSelect } from "../../../ui/components/InlineCreateSelect";
+import { PaginatedSelect } from "../../../ui/components/PaginatedSelect";
 import { CategoryQuickCreateForm } from "../../admin/components/CategoryQuickCreateForm";
 import { apiClient } from "../../../http";
 import { ADMIN_ENDPOINTS } from "../../../constants/api-endpoints";
@@ -37,7 +37,7 @@ async function loadPublicCategoryOptions(query, _page) {
 }
 export function CategoryInlineSelect({ value, onChange, placeholder = "Search categories…", disabled, allowCreate = false, }) {
     const loadOptions = allowCreate ? loadAdminCategoryOptions : loadPublicCategoryOptions;
-    return (_jsx(InlineCreateSelect, { value: value || null, onChange: (v) => onChange(v ?? ""), loadOptions: loadOptions, placeholder: placeholder, disabled: disabled, createLabel: "category", drawerTitle: "Create Category", renderCreateForm: allowCreate
+    return (_jsx(PaginatedSelect, { value: value || null, onChange: (v) => onChange(v ?? ""), loadOptions: loadOptions, placeholder: placeholder, disabled: disabled, createLabel: "category", drawerTitle: "Create Category", renderCreateForm: allowCreate
             ? ({ onCreated, onCancel }) => (_jsx(CategoryQuickCreateForm, { onSaved: (id, name) => onCreated({ value: id, label: name }), onCancel: onCancel }))
             : undefined }));
 }

package/dist/features/seller/components/SellerAddressesView.js

@@ -135,5 +135,5 @@ export function SellerAddressesView({ apiBase = SELLER_ENDPOINTS.STORE_ADDRESSES
     const handleDelete = (addr) => setDeleteTargetAddr(addr);
     const set = (key, value) => setDraft((p) => ({ ...p, [key]: value }));
     const handleTextField = (key) => (e) => set(key, e.target.value);
-    return (_jsxs("div", { className: "min-h-screen", children: [_jsxs("div", { className: "sticky z-10 bg-white/95 dark:bg-slate-900/95 backdrop-blur-sm border-b border-zinc-200 dark:border-slate-700 px-4 py-3 flex items-center justify-between", style: { top: "var(--header-height, 0px)" }, children: [_jsxs(_Fragment, { children: [_jsx(Heading, { level: 2, className: "text-base font-semibold text-zinc-900 dark:text-zinc-100", children: "Pickup Addresses" }), _jsx(Text, { className: "text-xs text-zinc-500 dark:text-zinc-400 mt-0.5", children: "Manage your store's pickup and return locations" })] }), _jsxs(Button, { size: "sm", onClick: openAdd, className: "flex items-center gap-1.5", children: [_jsx(Plus, { className: "h-4 w-4" }), _jsx("span", { children: "Add Address" })] })] }), _jsxs("div", { className: "py-6 px-4 sm:px-6 max-w-2xl", children: [errorMessage && (_jsx(Div, { className: "mb-4 rounded-xl border border-red-200 bg-error-surface dark:border-red-900/60 px-4 py-3 text-sm text-error", children: errorMessage })), isLoading ? (_jsx("div", { className: "flex justify-center py-16", children: _jsx("div", { className: "h-6 w-6 animate-spin rounded-full border-2 border-[var(--appkit-color-primary)] border-t-transparent" }) })) : addresses.length === 0 ? (_jsxs(Div, { className: "rounded-xl border-2 border-dashed border-zinc-200 dark:border-slate-700 py-16 flex flex-col items-center gap-3", children: [_jsx(MapPin, { className: "h-8 w-8 text-zinc-300 dark:text-slate-600" }), _jsx(Text, { className: "text-sm text-zinc-500 dark:text-zinc-400", children: "No pickup addresses yet" }), _jsx(Button, { size: "sm", variant: "outline", onClick: openAdd, children: "Add your first address" })] })) : (_jsxs(_Fragment, { children: [_jsxs(Row, { justify: "end", className: "mb-2", children: [_jsx(Button, { size: "sm", variant: listView === "table" ? "primary" : "ghost", onClick: () => setListView("table"), children: "Table" }), _jsx(Button, { size: "sm", variant: listView === "cards" ? "primary" : "ghost", onClick: () => setListView("cards"), children: "Cards" })] }), listView === "cards" ? (_jsx("div", { className: "grid gap-3", children: addresses.map((addr) => (_jsx("div", { className: deletingId === addr.id ? "opacity-50 pointer-events-none" : "", children: _jsx(AddressCard, { address: addr, onEdit: () => openEdit(addr), onDelete: () => handleDelete(addr) }) }, addr.id))) })) : (_jsx("div", { className: "overflow-x-auto rounded-lg border border-zinc-200 dark:border-slate-700", children: _jsxs("table", { className: "w-full text-sm", children: [_jsx("thead", { className: "bg-zinc-50 dark:bg-slate-800", children: _jsxs("tr", { children: [_jsx("th", { className: "text-left px-3 py-2 font-semibold", children: "Label" }), _jsx("th", { className: "text-left px-3 py-2 font-semibold", children: "Name" }), _jsx("th", { className: "text-left px-3 py-2 font-semibold", children: "City" }), _jsx("th", { className: "text-left px-3 py-2 font-semibold", children: "Phone" }), _jsx("th", { className: "text-right px-3 py-2 font-semibold", children: "Actions" })] }) }), _jsx("tbody", { children: addresses.map((addr) => (_jsxs("tr", { className: `border-t border-zinc-100 dark:border-slate-700 ${deletingId === addr.id ? "opacity-50" : ""}`, children: [_jsx("td", { className: "px-3 py-2", children: addr.label }), _jsx("td", { className: "px-3 py-2", children: addr.fullName }), _jsxs("td", { className: "px-3 py-2", children: [addr.city, ", ", addr.state] }), _jsx("td", { className: "px-3 py-2 tabular-nums", children: addr.phone }), _jsx("td", { className: "px-3 py-2 text-right", children: _jsxs(Row, { justify: "end", className: "gap-1", children: [_jsx(Button, { size: "sm", variant: "ghost", onClick: () => openEdit(addr), children: ROW_ACTION_META[ROW_ACTION_ID.EDIT].label }), _jsx(Button, { size: "sm", variant: "ghost", onClick: () => handleDelete(addr), children: ROW_ACTION_META[ROW_ACTION_ID.DELETE].label })] }) })] }, addr.id))) })] }) }))] }))] }), _jsx(SideDrawer, { isOpen: drawerOpen, onClose: closeDrawer, title: editingId ? "Edit Address" : "Add Address", footer: _jsxs("div", { className: "flex gap-2", children: [_jsx(Button, { variant: "outline", onClick: closeDrawer, className: "flex-1", children: "Cancel" }), _jsx(Button, { onClick: handleSave, disabled: saving, className: "flex-1", children: saving ? "Saving…" : editingId ? "Save Changes" : "Add Address" })] }), children: _jsxs("div", { className: "space-y-4 py-1", children: [saveError && (_jsx(Div, { className: "rounded-lg border border-red-200 bg-error-surface dark:border-red-900/60 px-3 py-2 text-sm text-error", children: saveError })), _jsx(Field, { label: "Label *", hint: "e.g. Warehouse, Shop, Home", children: _jsx("input", { type: "text", value: draft.label, onChange: handleTextField("label"), placeholder: "Warehouse", maxLength: 60, className: INPUT_CLS }) }), _jsxs("div", { className: CLS_GRID_2_COL, children: [_jsx(Field, { label: "Full Name *", children: _jsx("input", { type: "text", value: draft.fullName, onChange: handleTextField("fullName"), placeholder: "Ravi Kumar", maxLength: 100, className: INPUT_CLS }) }), _jsx(Field, { label: "Phone *", children: _jsx("input", { type: "tel", value: draft.phone, onChange: handleTextField("phone"), placeholder: "+91 98765 43210", maxLength: 20, className: INPUT_CLS }) })] }), _jsx(Field, { label: "Address Line 1 *", children: _jsx("input", { type: "text", value: draft.addressLine1, onChange: handleTextField("addressLine1"), placeholder: "Shop 12, Main Market", maxLength: 200, className: INPUT_CLS }) }), _jsx(Field, { label: "Address Line 2", children: _jsx("input", { type: "text", value: draft.addressLine2, onChange: handleTextField("addressLine2"), placeholder: "Building / Floor (optional)", maxLength: 200, className: INPUT_CLS }) }), _jsx(Field, { label: "Landmark", children: _jsx("input", { type: "text", value: draft.landmark, onChange: handleTextField("landmark"), placeholder: "Near metro station (optional)", maxLength: 100, className: INPUT_CLS }) }), _jsxs("div", { className: CLS_GRID_2_COL, children: [_jsx(Field, { label: "City *", children: _jsx("input", { type: "text", value: draft.city, onChange: handleTextField("city"), placeholder: "Mumbai", maxLength: 100, className: INPUT_CLS }) }), _jsx(Field, { label: "State *", children: _jsx("input", { type: "text", value: draft.state, onChange: handleTextField("state"), placeholder: "Maharashtra", maxLength: 100, className: INPUT_CLS }) })] }), _jsxs("div", { className: CLS_GRID_2_COL, children: [_jsx(Field, { label: "Postal Code *", children: _jsx("input", { type: "text", value: draft.postalCode, onChange: handleTextField("postalCode"), placeholder: "400001", maxLength: 10, className: INPUT_CLS }) }), _jsx(Field, { label: "Country *", children: _jsx("input", { type: "text", value: draft.country, onChange: handleTextField("country"), placeholder: "India", maxLength: 60, className: INPUT_CLS }) })] }), _jsxs("label", { className: "flex items-center gap-3 cursor-pointer", children: [_jsx("input", { type: "checkbox", checked: draft.isDefault, onChange: (e) => set("isDefault", e.target.checked), className: "h-4 w-4 rounded border-zinc-300 dark:border-slate-600 text-[var(--appkit-color-primary)] focus:ring-[var(--appkit-color-primary)]" }), _jsx("span", { className: "text-sm text-zinc-700 dark:text-zinc-300", children: "Set as default pickup address" })] })] }) }), deleteTargetAddr && (_jsx(ConfirmDeleteModal, { isOpen: true, title: "Delete Address", message: `Delete address "${deleteTargetAddr.label}"? This cannot be undone.`, onConfirm: () => { deleteById(deleteTargetAddr.id); setDeleteTargetAddr(null); }, onClose: () => setDeleteTargetAddr(null), isDeleting: deletingId === deleteTargetAddr.id }))] }));
+    return (_jsxs("div", { className: "min-h-screen", children: [_jsxs("div", { className: "sticky z-10 bg-white/95 dark:bg-slate-900/95 backdrop-blur-sm border-b border-zinc-200 dark:border-slate-700 px-4 py-3 flex items-center justify-between", style: { top: "var(--header-height, 0px)" }, children: [_jsxs(_Fragment, { children: [_jsx(Heading, { level: 2, className: "text-base font-semibold text-zinc-900 dark:text-zinc-100", children: "Pickup Addresses" }), _jsx(Text, { className: "text-xs text-zinc-500 dark:text-zinc-400 mt-0.5", children: "Manage your store's pickup and return locations" })] }), _jsxs(Button, { size: "sm", onClick: openAdd, className: "flex items-center gap-1.5", children: [_jsx(Plus, { className: "h-4 w-4" }), _jsx("span", { children: "Add Address" })] })] }), _jsxs("div", { className: "py-6 px-4 sm:px-6 max-w-2xl", children: [errorMessage && (_jsx(Div, { className: "mb-4 rounded-xl border border-error/20 bg-error-surface px-4 py-3 text-sm text-error", children: errorMessage })), isLoading ? (_jsx("div", { className: "flex justify-center py-16", children: _jsx("div", { className: "h-6 w-6 animate-spin rounded-full border-2 border-[var(--appkit-color-primary)] border-t-transparent" }) })) : addresses.length === 0 ? (_jsxs(Div, { className: "rounded-xl border-2 border-dashed border-zinc-200 dark:border-slate-700 py-16 flex flex-col items-center gap-3", children: [_jsx(MapPin, { className: "h-8 w-8 text-zinc-300 dark:text-slate-600" }), _jsx(Text, { className: "text-sm text-zinc-500 dark:text-zinc-400", children: "No pickup addresses yet" }), _jsx(Button, { size: "sm", variant: "outline", onClick: openAdd, children: "Add your first address" })] })) : (_jsxs(_Fragment, { children: [_jsxs(Row, { justify: "end", className: "mb-2", children: [_jsx(Button, { size: "sm", variant: listView === "table" ? "primary" : "ghost", onClick: () => setListView("table"), children: "Table" }), _jsx(Button, { size: "sm", variant: listView === "cards" ? "primary" : "ghost", onClick: () => setListView("cards"), children: "Cards" })] }), listView === "cards" ? (_jsx("div", { className: "grid gap-3", children: addresses.map((addr) => (_jsx("div", { className: deletingId === addr.id ? "opacity-50 pointer-events-none" : "", children: _jsx(AddressCard, { address: addr, onEdit: () => openEdit(addr), onDelete: () => handleDelete(addr) }) }, addr.id))) })) : (_jsx("div", { className: "overflow-x-auto rounded-lg border border-zinc-200 dark:border-slate-700", children: _jsxs("table", { className: "w-full text-sm", children: [_jsx("thead", { className: "bg-zinc-50 dark:bg-slate-800", children: _jsxs("tr", { children: [_jsx("th", { className: "text-left px-3 py-2 font-semibold", children: "Label" }), _jsx("th", { className: "text-left px-3 py-2 font-semibold", children: "Name" }), _jsx("th", { className: "text-left px-3 py-2 font-semibold", children: "City" }), _jsx("th", { className: "text-left px-3 py-2 font-semibold", children: "Phone" }), _jsx("th", { className: "text-right px-3 py-2 font-semibold", children: "Actions" })] }) }), _jsx("tbody", { children: addresses.map((addr) => (_jsxs("tr", { className: `border-t border-zinc-100 dark:border-slate-700 ${deletingId === addr.id ? "opacity-50" : ""}`, children: [_jsx("td", { className: "px-3 py-2", children: addr.label }), _jsx("td", { className: "px-3 py-2", children: addr.fullName }), _jsxs("td", { className: "px-3 py-2", children: [addr.city, ", ", addr.state] }), _jsx("td", { className: "px-3 py-2 tabular-nums", children: addr.phone }), _jsx("td", { className: "px-3 py-2 text-right", children: _jsxs(Row, { justify: "end", className: "gap-1", children: [_jsx(Button, { size: "sm", variant: "ghost", onClick: () => openEdit(addr), children: ROW_ACTION_META[ROW_ACTION_ID.EDIT].label }), _jsx(Button, { size: "sm", variant: "ghost", onClick: () => handleDelete(addr), children: ROW_ACTION_META[ROW_ACTION_ID.DELETE].label })] }) })] }, addr.id))) })] }) }))] }))] }), _jsx(SideDrawer, { isOpen: drawerOpen, onClose: closeDrawer, title: editingId ? "Edit Address" : "Add Address", footer: _jsxs("div", { className: "flex gap-2", children: [_jsx(Button, { variant: "outline", onClick: closeDrawer, className: "flex-1", children: "Cancel" }), _jsx(Button, { onClick: handleSave, disabled: saving, className: "flex-1", children: saving ? "Saving…" : editingId ? "Save Changes" : "Add Address" })] }), children: _jsxs("div", { className: "space-y-4 py-1", children: [saveError && (_jsx(Div, { className: "rounded-lg border border-error/20 bg-error-surface px-3 py-2 text-sm text-error", children: saveError })), _jsx(Field, { label: "Label *", hint: "e.g. Warehouse, Shop, Home", children: _jsx("input", { type: "text", value: draft.label, onChange: handleTextField("label"), placeholder: "Warehouse", maxLength: 60, className: INPUT_CLS }) }), _jsxs("div", { className: CLS_GRID_2_COL, children: [_jsx(Field, { label: "Full Name *", children: _jsx("input", { type: "text", value: draft.fullName, onChange: handleTextField("fullName"), placeholder: "Ravi Kumar", maxLength: 100, className: INPUT_CLS }) }), _jsx(Field, { label: "Phone *", children: _jsx("input", { type: "tel", value: draft.phone, onChange: handleTextField("phone"), placeholder: "+91 98765 43210", maxLength: 20, className: INPUT_CLS }) })] }), _jsx(Field, { label: "Address Line 1 *", children: _jsx("input", { type: "text", value: draft.addressLine1, onChange: handleTextField("addressLine1"), placeholder: "Shop 12, Main Market", maxLength: 200, className: INPUT_CLS }) }), _jsx(Field, { label: "Address Line 2", children: _jsx("input", { type: "text", value: draft.addressLine2, onChange: handleTextField("addressLine2"), placeholder: "Building / Floor (optional)", maxLength: 200, className: INPUT_CLS }) }), _jsx(Field, { label: "Landmark", children: _jsx("input", { type: "text", value: draft.landmark, onChange: handleTextField("landmark"), placeholder: "Near metro station (optional)", maxLength: 100, className: INPUT_CLS }) }), _jsxs("div", { className: CLS_GRID_2_COL, children: [_jsx(Field, { label: "City *", children: _jsx("input", { type: "text", value: draft.city, onChange: handleTextField("city"), placeholder: "Mumbai", maxLength: 100, className: INPUT_CLS }) }), _jsx(Field, { label: "State *", children: _jsx("input", { type: "text", value: draft.state, onChange: handleTextField("state"), placeholder: "Maharashtra", maxLength: 100, className: INPUT_CLS }) })] }), _jsxs("div", { className: CLS_GRID_2_COL, children: [_jsx(Field, { label: "Postal Code *", children: _jsx("input", { type: "text", value: draft.postalCode, onChange: handleTextField("postalCode"), placeholder: "400001", maxLength: 10, className: INPUT_CLS }) }), _jsx(Field, { label: "Country *", children: _jsx("input", { type: "text", value: draft.country, onChange: handleTextField("country"), placeholder: "India", maxLength: 60, className: INPUT_CLS }) })] }), _jsxs("label", { className: "flex items-center gap-3 cursor-pointer", children: [_jsx("input", { type: "checkbox", checked: draft.isDefault, onChange: (e) => set("isDefault", e.target.checked), className: "h-4 w-4 rounded border-zinc-300 dark:border-slate-600 text-[var(--appkit-color-primary)] focus:ring-[var(--appkit-color-primary)]" }), _jsx("span", { className: "text-sm text-zinc-700 dark:text-zinc-300", children: "Set as default pickup address" })] })] }) }), deleteTargetAddr && (_jsx(ConfirmDeleteModal, { isOpen: true, title: "Delete Address", message: `Delete address "${deleteTargetAddr.label}"? This cannot be undone.`, onConfirm: () => { deleteById(deleteTargetAddr.id); setDeleteTargetAddr(null); }, onClose: () => setDeleteTargetAddr(null), isDeleting: deletingId === deleteTargetAddr.id }))] }));
 }

package/dist/features/seller/components/SellerAuctionsView.d.ts

@@ -1,9 +1,9 @@
 import React from "react";
-import type { ListingViewShellProps } from "../../../ui";
-export interface SellerAuctionsViewProps extends ListingViewShellProps {
+import type { ListingLayoutProps } from "../../../ui";
+export interface SellerAuctionsViewProps extends ListingLayoutProps {
     renderHeader?: (onAdd: () => void) => React.ReactNode;
     onEditClick?: (id: string) => void;
     onDelete?: (id: string) => Promise<void>;
     onBulkDelete?: (ids: string[]) => Promise<void>;
 }
-export declare function SellerAuctionsView({ renderHeader, children, onEditClick, onDelete, onBulkDelete, ...props }: SellerAuctionsViewProps): import("react/jsx-runtime").JSX.Element;
+export declare function SellerAuctionsView({ children, onEditClick, onDelete, onBulkDelete, ...props }: SellerAuctionsViewProps): import("react/jsx-runtime").JSX.Element;