@mohasinac/appkit 2.7.34 → 2.7.35

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

@@ -620,6 +620,54 @@ export const ACTIONS = {
             description: "Submit the order with the chosen payment method.",
             kind: "primary",
         },
+        "continue-to-verification": {
+            id: "checkout.continue-to-verification",
+            label: "Continue to Verification",
+            description: "Advance from address selection to identity verification step.",
+            kind: "primary",
+        },
+        "send-otp": {
+            id: "checkout.send-otp",
+            label: "Send verification code",
+            description: "Send a one-time code to the buyer's registered email to verify identity before checkout.",
+            kind: "primary",
+        },
+        "verify-otp": {
+            id: "checkout.verify-otp",
+            label: "Verify & Continue",
+            description: "Submit the one-time code and proceed to payment selection.",
+            kind: "primary",
+        },
+        "resend-otp": {
+            id: "checkout.resend-otp",
+            label: "Resend code",
+            description: "Re-send the verification code to the buyer's registered email.",
+            kind: "ghost",
+        },
+        "pay-online": {
+            id: "checkout.pay-online",
+            label: "Pay Online (Razorpay)",
+            description: "Initiate an online payment via Razorpay UPI/Card/NetBanking.",
+            kind: "primary",
+        },
+        "pay-cod": {
+            id: "checkout.pay-cod",
+            label: "Cash on Delivery",
+            description: "Place the order for cash-on-delivery payment.",
+            kind: "secondary",
+        },
+        "admin-bypass": {
+            id: "checkout.admin-bypass",
+            label: "Skip Verification — Admin Bypass",
+            description: "Admin test mode: skip identity verification and place a test order without payment.",
+            kind: "secondary",
+        },
+        "admin-bypass-payment": {
+            id: "checkout.admin-bypass-payment",
+            label: "No Payment — Admin Bypass Order",
+            description: "Admin test mode: place a real order record without charging any payment.",
+            kind: "secondary",
+        },
     },
     NAV: {
         "sign-in": {

package/dist/client.d.ts

@@ -53,6 +53,10 @@ export { Badge } from "./ui/components/Badge";
 export { Button } from "./ui/components/Button";
 export { Checkbox } from "./ui/components/Checkbox";
 export { Input } from "./ui/components/Input";
+export { OtpInput } from "./ui/components/OtpInput";
+export type { OtpInputProps } from "./ui/components/OtpInput";
+export { DateInput, DateRangeInput } from "./ui/components/DateInput";
+export type { DateInputProps, DateRangeInputProps } from "./ui/components/DateInput";
 export { Select } from "./ui/components/Select";
 export type { SelectOption, SelectProps } from "./ui/components/Select";
 export { Heading } from "./ui/components/Typography";

package/dist/client.js

@@ -121,6 +121,8 @@ export { Badge } from "./ui/components/Badge";
 export { Button } from "./ui/components/Button";
 export { Checkbox } from "./ui/components/Checkbox";
 export { Input } from "./ui/components/Input";
+export { OtpInput } from "./ui/components/OtpInput";
+export { DateInput, DateRangeInput } from "./ui/components/DateInput";
 export { Select } from "./ui/components/Select";
 export { Heading } from "./ui/components/Typography";
 export { Label, Text } from "./ui/components/Typography";

package/dist/features/homepage/components/FeaturedAuctionsSection.d.ts

@@ -7,5 +7,8 @@ export interface FeaturedAuctionsSectionProps {
     className?: string;
     filterByBrand?: string;
     initialItems?: ProductItem[];
+    rows?: number;
+    autoScroll?: boolean;
+    scrollInterval?: number;
 }
-export declare function FeaturedAuctionsSection({ title, description, viewMoreHref, viewMoreLabel, className, filterByBrand, initialItems, }: FeaturedAuctionsSectionProps): import("react/jsx-runtime").JSX.Element;
+export declare function FeaturedAuctionsSection({ title, description, viewMoreHref, viewMoreLabel, className, filterByBrand, initialItems, rows, autoScroll, scrollInterval, }: FeaturedAuctionsSectionProps): import("react/jsx-runtime").JSX.Element;

package/dist/features/homepage/components/FeaturedAuctionsSection.js

@@ -4,7 +4,7 @@ import { THEME_CONSTANTS } from "../../../tokens";
 import { SectionCarousel } from "./SectionCarousel";
 import { useFeaturedAuctions } from "../hooks/useFeaturedAuctions";
 import { MarketplaceAuctionCard } from "../../auctions/components/MarketplaceAuctionCard";
-export function FeaturedAuctionsSection({ title = "Live Auctions", description, viewMoreHref, viewMoreLabel = "View all auctions →", className = "", filterByBrand, initialItems, }) {
+export function FeaturedAuctionsSection({ title = "Live Auctions", description, viewMoreHref, viewMoreLabel = "View all auctions →", className = "", filterByBrand, initialItems, rows = 1, autoScroll = false, scrollInterval = 5000, }) {
     const { data: items = [], isLoading } = useFeaturedAuctions({ filterByBrand, initialData: initialItems });
-    return (_jsx(SectionCarousel, { title: title, description: description, pillLabel: "Live Auctions", headingVariant: "editorial", viewMoreHref: viewMoreHref, viewMoreLabel: viewMoreLabel, items: items, isLoading: isLoading, skeletonCount: 4, perView: THEME_CONSTANTS.carousel.perView.standard, gap: 16, keyExtractor: (product) => product.id, renderItem: (product) => (_jsx(MarketplaceAuctionCard, { product: product })), className: className }));
+    return (_jsx(SectionCarousel, { title: title, description: description, pillLabel: "Live Auctions", headingVariant: "editorial", viewMoreHref: viewMoreHref, viewMoreLabel: viewMoreLabel, items: items, isLoading: isLoading, skeletonCount: 4, perView: THEME_CONSTANTS.carousel.perView.standard, gap: 16, rows: Math.min(Math.max(rows, 1), 4), autoScroll: autoScroll, autoScrollInterval: scrollInterval, keyExtractor: (product) => product.id, renderItem: (product) => (_jsx(MarketplaceAuctionCard, { product: product })), className: className }));
 }

package/dist/features/homepage/components/FeaturedPreOrdersSection.d.ts

@@ -7,5 +7,8 @@ export interface FeaturedPreOrdersSectionProps {
     className?: string;
     filterByBrand?: string;
     initialItems?: ProductItem[];
+    rows?: number;
+    autoScroll?: boolean;
+    scrollInterval?: number;
 }
-export declare function FeaturedPreOrdersSection({ title, description, viewMoreHref, viewMoreLabel, className, filterByBrand, initialItems, }: FeaturedPreOrdersSectionProps): import("react/jsx-runtime").JSX.Element;
+export declare function FeaturedPreOrdersSection({ title, description, viewMoreHref, viewMoreLabel, className, filterByBrand, initialItems, rows, autoScroll, scrollInterval, }: FeaturedPreOrdersSectionProps): import("react/jsx-runtime").JSX.Element;

package/dist/features/homepage/components/FeaturedPreOrdersSection.js

@@ -4,7 +4,7 @@ import { THEME_CONSTANTS } from "../../../tokens";
 import { SectionCarousel } from "./SectionCarousel";
 import { useFeaturedPreOrders } from "../hooks/useFeaturedPreOrders";
 import { MarketplacePreorderCard } from "../../pre-orders/components/MarketplacePreorderCard";
-export function FeaturedPreOrdersSection({ title = "Reserve Before It Ships", description, viewMoreHref, viewMoreLabel = "View all pre-orders →", className = "", filterByBrand, initialItems, }) {
+export function FeaturedPreOrdersSection({ title = "Reserve Before It Ships", description, viewMoreHref, viewMoreLabel = "View all pre-orders →", className = "", filterByBrand, initialItems, rows = 1, autoScroll = false, scrollInterval = 5000, }) {
     const { data: items = [], isLoading } = useFeaturedPreOrders({ filterByBrand, initialData: initialItems });
-    return (_jsx(SectionCarousel, { title: title, description: description, pillLabel: "Pre-Order Incoming", headingVariant: "editorial", viewMoreHref: viewMoreHref, viewMoreLabel: viewMoreLabel, items: items, isLoading: isLoading, skeletonCount: 4, perView: THEME_CONSTANTS.carousel.perView.standard, gap: 16, keyExtractor: (product) => product.id, renderItem: (product) => (_jsx(MarketplacePreorderCard, { product: product })), className: className }));
+    return (_jsx(SectionCarousel, { title: title, description: description, pillLabel: "Pre-Order Incoming", headingVariant: "editorial", viewMoreHref: viewMoreHref, viewMoreLabel: viewMoreLabel, items: items, isLoading: isLoading, skeletonCount: 4, perView: THEME_CONSTANTS.carousel.perView.standard, gap: 16, rows: Math.min(Math.max(rows, 1), 4), autoScroll: autoScroll, autoScrollInterval: scrollInterval, keyExtractor: (product) => product.id, renderItem: (product) => (_jsx(MarketplacePreorderCard, { product: product })), className: className }));
 }

package/dist/features/homepage/components/FeaturedProductsSection.d.ts

@@ -1,5 +1,4 @@
 import type { ProductItem } from "../../products/types";
-import type { SectionPagination } from "../schemas/firestore";
 export interface FeaturedProductsSectionProps {
     title?: string;
     description?: string;
@@ -8,11 +7,9 @@ export interface FeaturedProductsSectionProps {
     className?: string;
     filterByBrand?: string;
     initialItems?: ProductItem[];
-    /** Number of grid rows (1–4). When 1 (default), renders the existing horizontal carousel. */
     rows?: number;
-    /** Maximum items to show. Clamped to 5–20. */
     maxItems?: number;
-    /** Pagination strategy for rows > 1. */
-    pagination?: SectionPagination;
+    autoScroll?: boolean;
+    scrollInterval?: number;
 }
-export declare function FeaturedProductsSection({ title, description, viewMoreHref, viewMoreLabel, className, filterByBrand, initialItems, rows, maxItems, pagination, }: FeaturedProductsSectionProps): import("react/jsx-runtime").JSX.Element | null;
+export declare function FeaturedProductsSection({ title, description, viewMoreHref, viewMoreLabel, className, filterByBrand, initialItems, rows, autoScroll, scrollInterval, }: FeaturedProductsSectionProps): import("react/jsx-runtime").JSX.Element;

package/dist/features/homepage/components/FeaturedProductsSection.js

@@ -1,48 +1,11 @@
 "use client";
-import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
-import { useState, useEffect, useRef } from "react";
-import Link from "next/link";
+import { jsx as _jsx } from "react/jsx-runtime";
 import { SectionCarousel } from "./SectionCarousel";
 import { useFeaturedProducts } from "../hooks/useFeaturedProducts";
-import { useMediaQuery } from "../../../react";
 import { InteractiveProductCard } from "../../products/components/InteractiveProductCard";
 import { ROUTES } from "../../../next";
-import { Section, Heading, Text } from "../../../ui";
 import { THEME_CONSTANTS } from "../../../tokens";
-// --- Multi-row grid + pagination -----------------------------------------------
-function ProductGrid({ items, rows, maxItems, pagination, viewMoreHref, viewMoreLabel, title, description, }) {
-    const { themed } = THEME_CONSTANTS;
-    // On mobile (<sm, 2-col grid) a second row doubles the section height to ~2 screens.
-    // Collapse to 1 row automatically so the section fits within one viewport.
-    const isMobile = useMediaQuery("(max-width: 639px)");
-    const effectiveRows = isMobile ? 1 : rows;
-    const pageSize = Math.min(effectiveRows * 5, maxItems);
-    const [offset, setOffset] = useState(0);
-    const timerRef = useRef(null);
-    const totalItems = Math.min(items.length, maxItems);
-    const visible = items.slice(offset, Math.min(offset + pageSize, totalItems));
-    const canNext = offset + pageSize < totalItems;
-    const canPrev = offset > 0;
-    const next = () => setOffset((o) => Math.min(o + pageSize, totalItems - pageSize));
-    const prev = () => setOffset((o) => Math.max(o - pageSize, 0));
-    useEffect(() => {
-        if (pagination !== "auto-scroll")
-            return;
-        timerRef.current = setInterval(() => {
-            setOffset((o) => {
-                const nextOffset = o + pageSize;
-                return nextOffset >= totalItems ? 0 : nextOffset;
-            });
-        }, 5000);
-        return () => { if (timerRef.current)
-            clearInterval(timerRef.current); };
-    }, [pagination, pageSize, totalItems]);
-    return (_jsx(Section, { className: `py-12 px-4 ${themed.bgPrimary}`, children: _jsxs("div", { className: "mx-auto max-w-7xl", children: [_jsxs("div", { className: "mb-6 flex items-end justify-between gap-4", children: [_jsxs(_Fragment, { children: [_jsx(Heading, { level: 2, className: `text-2xl font-bold md:text-3xl ${themed.textPrimary}`, children: title }), description && (_jsx(Text, { variant: "muted", className: "mt-1 text-sm", children: description }))] }), pagination === "arrows" && (_jsxs("div", { className: "flex shrink-0 gap-2", children: [_jsx("button", { type: "button", onClick: prev, disabled: !canPrev, "aria-label": "Previous", className: "flex h-9 w-9 items-center justify-center rounded-full border border-zinc-200 bg-white text-zinc-600 hover:border-[var(--appkit-color-primary)] hover:text-[var(--appkit-color-primary)] disabled:opacity-40 dark:border-slate-700 dark:bg-slate-900 dark:text-zinc-300", children: "\u2039" }), _jsx("button", { type: "button", onClick: next, disabled: !canNext, "aria-label": "Next", className: "flex h-9 w-9 items-center justify-center rounded-full border border-zinc-200 bg-white text-zinc-600 hover:border-[var(--appkit-color-primary)] hover:text-[var(--appkit-color-primary)] disabled:opacity-40 dark:border-slate-700 dark:bg-slate-900 dark:text-zinc-300", children: "\u203A" })] }))] }), _jsx("div", { className: "grid grid-cols-2 gap-4 sm:grid-cols-3 md:grid-cols-4 lg:grid-cols-5", children: visible.map((product) => (_jsx(InteractiveProductCard, { product: product, href: String(ROUTES.PUBLIC.PRODUCT_DETAIL(product.slug ?? product.id ?? "")) }, product.id))) }), pagination === "load-more" && canNext && (_jsx("div", { className: "mt-8 text-center", children: _jsx("button", { type: "button", onClick: next, className: "rounded-lg border border-zinc-300 bg-white px-6 py-2 text-sm font-medium text-zinc-700 hover:border-[var(--appkit-color-primary)] hover:text-[var(--appkit-color-primary)] dark:border-slate-600 dark:bg-slate-900 dark:text-zinc-300", children: "Load more" }) })), viewMoreHref && (_jsx("div", { className: "mt-6 text-center", children: _jsx(Link, { href: viewMoreHref, className: "text-sm font-medium text-[var(--appkit-color-primary)] hover:opacity-80", children: viewMoreLabel }) }))] }) }));
-}
-// --- Main component -----------------------------------------------------------
-export function FeaturedProductsSection({ title = "Featured Products", description, viewMoreHref, viewMoreLabel = "View all products →", className = "", filterByBrand, initialItems, rows = 1, maxItems, pagination = "load-more", }) {
-    const effectiveRows = Math.min(Math.max(rows, 1), 4);
-    const effectiveMaxItems = Math.min(Math.max(maxItems ?? effectiveRows * 5, 5), 20);
+export function FeaturedProductsSection({ title = "Featured Products", description, viewMoreHref, viewMoreLabel = "View all products →", className = "", filterByBrand, initialItems, rows = 1, autoScroll = false, scrollInterval = 5000, }) {
     const { data, isLoading } = useFeaturedProducts({
         filterByBrand,
         initialData: initialItems?.length
@@ -50,12 +13,5 @@ export function FeaturedProductsSection({ title = "Featured Products", descripti
             : undefined,
     });
     const items = data?.items ?? [];
-    // Multi-row mode — render grid with pagination
-    if (effectiveRows > 1) {
-        if (isLoading)
-            return null;
-        return (_jsx(ProductGrid, { items: items, rows: effectiveRows, maxItems: effectiveMaxItems, pagination: pagination, viewMoreHref: viewMoreHref, viewMoreLabel: viewMoreLabel, title: title, description: description }));
-    }
-    // Single-row mode — original horizontal carousel (backward-compat)
-    return (_jsx(SectionCarousel, { title: title, description: description, pillLabel: "Featured Products", headingVariant: "editorial", viewMoreHref: viewMoreHref, viewMoreLabel: viewMoreLabel, items: items, isLoading: isLoading, skeletonCount: 4, gap: 16, keyExtractor: (product) => product.id, renderItem: (product) => (_jsx(InteractiveProductCard, { product: product, href: String(ROUTES.PUBLIC.PRODUCT_DETAIL(product.slug ?? product.id ?? "")) })), className: className }));
+    return (_jsx(SectionCarousel, { title: title, description: description, pillLabel: "Featured Products", headingVariant: "editorial", viewMoreHref: viewMoreHref, viewMoreLabel: viewMoreLabel, items: items, isLoading: isLoading, skeletonCount: 4, perView: THEME_CONSTANTS.carousel.perView.standard, gap: 16, rows: Math.min(Math.max(rows, 1), 4), autoScroll: autoScroll, autoScrollInterval: scrollInterval, keyExtractor: (product) => product.id, renderItem: (product) => (_jsx(InteractiveProductCard, { product: product, href: String(ROUTES.PUBLIC.PRODUCT_DETAIL(product.slug ?? product.id ?? "")) })), className: className }));
 }

package/dist/features/homepage/lib/section-renderer.js

@@ -84,15 +84,15 @@ function renderSectionElement(section, newsletterFormSlot, faqItems, slides, liv
         }
         case "products": {
             const cfg = config;
-            return (_jsx(FeaturedProductsSection, { title: cleanTitle(cfg?.title) || "Featured Products", viewMoreHref: ROUTES.PUBLIC.PRODUCTS, viewMoreLabel: "View all products \u2192", filterByBrand: cfg?.filterByBrand, initialItems: sectionData.products, rows: cfg?.rows, maxItems: cfg?.maxItems, pagination: cfg?.pagination }));
+            return (_jsx(FeaturedProductsSection, { title: cleanTitle(cfg?.title) || "Featured Products", viewMoreHref: ROUTES.PUBLIC.PRODUCTS, viewMoreLabel: "View all products \u2192", filterByBrand: cfg?.filterByBrand, initialItems: sectionData.products, rows: cfg?.rows, maxItems: cfg?.maxItems, autoScroll: cfg?.autoScroll, scrollInterval: cfg?.scrollInterval }));
         }
         case "auctions": {
             const cfg = config;
-            return (_jsx(FeaturedAuctionsSection, { title: cleanTitle(cfg?.title) || "Live Auctions", viewMoreHref: ROUTES.PUBLIC.AUCTIONS, viewMoreLabel: "View all auctions \u2192", filterByBrand: cfg?.filterByBrand, initialItems: sectionData.auctions }));
+            return (_jsx(FeaturedAuctionsSection, { title: cleanTitle(cfg?.title) || "Live Auctions", viewMoreHref: ROUTES.PUBLIC.AUCTIONS, viewMoreLabel: "View all auctions \u2192", filterByBrand: cfg?.filterByBrand, initialItems: sectionData.auctions, rows: cfg?.rows, autoScroll: cfg?.autoScroll, scrollInterval: cfg?.scrollInterval }));
         }
         case "pre-orders": {
             const cfg = config;
-            return (_jsx(FeaturedPreOrdersSection, { title: cleanTitle(cfg?.title) || "Reserve Before It Ships", viewMoreHref: ROUTES.PUBLIC.PRE_ORDERS, viewMoreLabel: "View all pre-orders \u2192", filterByBrand: cfg?.filterByBrand, initialItems: sectionData.preOrders }));
+            return (_jsx(FeaturedPreOrdersSection, { title: cleanTitle(cfg?.title) || "Reserve Before It Ships", viewMoreHref: ROUTES.PUBLIC.PRE_ORDERS, viewMoreLabel: "View all pre-orders \u2192", filterByBrand: cfg?.filterByBrand, initialItems: sectionData.preOrders, rows: cfg?.rows, autoScroll: cfg?.autoScroll, scrollInterval: cfg?.scrollInterval }));
         }
         case "stores": {
             const cfg = config;