@mohasinac/appkit 2.3.0 → 2.3.2

package/dist/features/stores/api/[storeSlug]/reviews/route.js

@@ -0,0 +1,106 @@
+/**
+ * feat-stores — store reviews aggregate (GET /api/stores/[storeSlug]/reviews)
+ *
+ * 2-line stub:
+ * ```ts
+ * // app/api/stores/[storeSlug]/reviews/route.ts
+ * export { storeReviewsGET as GET } from "@mohasinac/feat-stores";
+ * ```
+ *
+ * Aggregates approved reviews from up to 20 published products in a store.
+ * Returns: reviews[], averageRating, totalReviews, ratingDistribution.
+ *
+ * Requires `db` registered in providers.config via `registerProviders()`.
+ * Collections: "stores", "products", "reviews"
+ */
+import { NextResponse } from "next/server.js";
+import { getProviders } from "../../../../../contracts";
+// --- GET /api/stores/[storeSlug]/reviews --------------------------------------
+export async function GET(request, context) {
+    try {
+        const { storeSlug } = await context.params;
+        const url = new URL(request.url);
+        const ratingParam = url.searchParams.get("rating");
+        const ratingFilter = ratingParam ? Number(ratingParam) : 0;
+        const page = Math.max(1, Number(url.searchParams.get("page") || "1"));
+        const pageSize = Math.min(50, Math.max(1, Number(url.searchParams.get("pageSize") || "12")));
+        const { db } = getProviders();
+        if (!db) {
+            return NextResponse.json({ success: false, error: "Database provider not registered" }, { status: 503 });
+        }
+        // Resolve store by slug
+        const storesRepo = db.getRepository("stores");
+        const storeResult = await storesRepo.findAll({
+            filters: `storeSlug==${storeSlug},status==active,isPublic==true`,
+            perPage: 1,
+        });
+        const store = storeResult.data[0];
+        if (!store) {
+            return NextResponse.json({ success: false, error: "Store not found" }, { status: 404 });
+        }
+        // Fetch up to 20 published products for this seller
+        const productsRepo = db.getRepository("products");
+        const productsResult = await productsRepo.findAll({
+            filters: `sellerId==${store.ownerId},status==published`,
+            sort: "itemsSold",
+            order: "desc",
+            perPage: 20,
+        });
+        const products = productsResult.data;
+        // Fetch approved reviews for each product in parallel (cap 50 per product)
+        const reviewsRepo = db.getRepository("reviews");
+        const reviewArrays = await Promise.all(products.map((p) => reviewsRepo
+            .findAll({
+            filters: `productId==${p.id},status==approved`,
+            sort: "createdAt",
+            order: "desc",
+            perPage: 50,
+        })
+            .then((r) => r.data)));
+        // Compute aggregate metrics from ALL reviews (unfiltered)
+        const ratingDistribution = { 1: 0, 2: 0, 3: 0, 4: 0, 5: 0 };
+        let ratingSum = 0;
+        let totalReviews = 0;
+        for (const reviews of reviewArrays) {
+            for (const review of reviews) {
+                totalReviews++;
+                ratingSum += review.rating;
+                ratingDistribution[review.rating] = (ratingDistribution[review.rating] ?? 0) + 1;
+            }
+        }
+        const averageRating = totalReviews > 0 ? ratingSum / totalReviews : 0;
+        // Flatten and sort all reviews by date desc
+        const productMap = new Map(products.map((p) => [p.id, p]));
+        const allSorted = reviewArrays
+            .flat()
+            .sort((a, b) => new Date(b.createdAt ?? 0).getTime() - new Date(a.createdAt ?? 0).getTime());
+        // Apply rating filter
+        const filtered = ratingFilter > 0
+            ? allSorted.filter((r) => Math.round(r.rating) === ratingFilter)
+            : allSorted;
+        const totalFiltered = filtered.length;
+        const totalPages = Math.max(1, Math.ceil(totalFiltered / pageSize));
+        const pageSlice = filtered.slice((page - 1) * pageSize, page * pageSize);
+        // Enrich with product title + main image
+        const reviewsWithProduct = pageSlice.map((review) => ({
+            ...review,
+            productTitle: productMap.get(review.productId)?.title ?? review.productTitle,
+            productMainImage: productMap.get(review.productId)?.mainImage ?? null,
+        }));
+        return NextResponse.json({
+            success: true,
+            data: {
+                reviews: reviewsWithProduct,
+                averageRating: Math.round(averageRating * 10) / 10,
+                totalReviews,
+                totalFiltered,
+                totalPages,
+                ratingDistribution,
+            },
+        });
+    }
+    catch (error) {
+        console.error("[feat-stores] GET /api/stores/[storeSlug]/reviews failed", error);
+        return NextResponse.json({ success: false, error: "Failed to fetch store reviews" }, { status: 500 });
+    }
+}

package/dist/features/stores/api/[storeSlug]/route.d.ts

@@ -0,0 +1,21 @@
+/**
+ * feat-stores — single-store route handler (GET /api/stores/[storeSlug])
+ *
+ * Consuming projects create a 2-line stub:
+ *
+ * ```ts
+ * // app/api/stores/[storeSlug]/route.ts
+ * export { GET } from "@mohasinac/feat-stores";   // re-exported as storeSlugGET
+ * ```
+ *
+ * Returns StoreDetail directly (no outer `{ store }` wrapper) so
+ * apiClient.get<StoreDetail>('/api/stores/x') resolves correctly.
+ */
+import { NextResponse } from "next/server.js";
+type RouteContext = {
+    params: Promise<{
+        storeSlug: string;
+    }>;
+};
+export declare function GET(_request: Request, context: RouteContext): Promise<NextResponse>;
+export {};

package/dist/features/stores/api/[storeSlug]/route.js

@@ -0,0 +1,66 @@
+/**
+ * feat-stores — single-store route handler (GET /api/stores/[storeSlug])
+ *
+ * Consuming projects create a 2-line stub:
+ *
+ * ```ts
+ * // app/api/stores/[storeSlug]/route.ts
+ * export { GET } from "@mohasinac/feat-stores";   // re-exported as storeSlugGET
+ * ```
+ *
+ * Returns StoreDetail directly (no outer `{ store }` wrapper) so
+ * apiClient.get<StoreDetail>('/api/stores/x') resolves correctly.
+ */
+import { NextResponse } from "next/server.js";
+import { getProviders } from "../../../../contracts";
+// --- GET /api/stores/[storeSlug] ---------------------------------------------
+export async function GET(_request, context) {
+    try {
+        const { storeSlug } = await context.params;
+        const { db } = getProviders();
+        if (!db) {
+            return NextResponse.json({ success: false, error: "Database provider not registered" }, { status: 503 });
+        }
+        // Look up store by slug — filters for active + public stores only
+        const repo = db.getRepository("stores");
+        const result = await repo.findAll({
+            filters: `storeSlug==${storeSlug},status==active,isPublic==true`,
+            perPage: 1,
+        });
+        const raw = result.data[0];
+        if (!raw) {
+            return NextResponse.json({ success: false, error: "Store not found" }, { status: 404 });
+        }
+        // Map to public-safe StoreDetail shape (strip internal/sensitive fields)
+        const store = {
+            id: raw.id,
+            storeSlug: raw.storeSlug,
+            ownerId: raw.ownerId,
+            storeName: raw.storeName,
+            storeDescription: raw.storeDescription,
+            storeCategory: raw.storeCategory,
+            storeLogoURL: raw.storeLogoURL,
+            storeBannerURL: raw.storeBannerURL,
+            status: raw.status,
+            isPublic: raw.isPublic,
+            totalProducts: raw.stats?.totalProducts ?? raw.totalProducts ?? undefined,
+            itemsSold: raw.stats?.itemsSold ?? raw.itemsSold ?? undefined,
+            totalReviews: raw.stats?.totalReviews ?? raw.totalReviews ?? undefined,
+            averageRating: raw.stats?.averageRating ?? raw.averageRating,
+            bio: raw.bio,
+            location: raw.location,
+            website: raw.website,
+            socialLinks: raw.socialLinks,
+            returnPolicy: raw.returnPolicy,
+            shippingPolicy: raw.shippingPolicy,
+            isVacationMode: raw.isVacationMode,
+            vacationMessage: raw.vacationMessage,
+            createdAt: raw.createdAt,
+        };
+        return NextResponse.json({ success: true, data: store });
+    }
+    catch (error) {
+        console.error("[feat-stores] GET /api/stores/[storeSlug] failed", error);
+        return NextResponse.json({ success: false, error: "Failed to fetch store" }, { status: 500 });
+    }
+}

package/dist/features/stores/api/route.d.ts

@@ -0,0 +1,12 @@
+/**
+ * feat-stores — Next.js App Router API handlers (GET /api/stores)
+ *
+ * Consuming projects can create a 2-line stub:
+ *
+ * ```ts
+ * // app/api/stores/route.ts
+ * export { GET } from "@mohasinac/feat-stores";
+ * ```
+ */
+import { NextResponse } from "next/server.js";
+export declare function GET(request: Request): Promise<NextResponse>;

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

@@ -0,0 +1,101 @@
+/**
+ * feat-stores — Next.js App Router API handlers (GET /api/stores)
+ *
+ * Consuming projects can create a 2-line stub:
+ *
+ * ```ts
+ * // app/api/stores/route.ts
+ * export { GET } from "@mohasinac/feat-stores";
+ * ```
+ */
+import { NextResponse } from "next/server.js";
+import { getProviders } from "../../../contracts";
+function param(url, key) {
+    return url.searchParams.get(key);
+}
+function numParam(url, key, fallback) {
+    const v = url.searchParams.get(key);
+    const n = v !== null ? Number(v) : NaN;
+    return Number.isFinite(n) ? n : fallback;
+}
+const SAFE_STORE_FILTER_FIELDS = new Set([
+    "storeName",
+    "storeCategory",
+    "status",
+    "isPublic",
+]);
+function validateSieveFilters(raw, allowedFields) {
+    return raw
+        .split(",")
+        .map((c) => c.trim())
+        .filter((c) => {
+        const m = c.match(/^([^<>=!@]+)\s*(?:==|!=|<=|>=|<|>|@=\*?)/);
+        return m ? allowedFields.has(m[1].trim()) : false;
+    })
+        .join(",");
+}
+// --- GET /api/stores --------------------------------------------------------
+export async function GET(request) {
+    try {
+        const url = new URL(request.url);
+        const page = numParam(url, "page", 1);
+        const pageSize = numParam(url, "pageSize", 24);
+        const sort = param(url, "sorts") ?? "-createdAt";
+        const parts = ["status==active,isPublic==true"];
+        const q = param(url, "q");
+        if (q)
+            parts.push(`storeName@=*${q}`);
+        const category = param(url, "category");
+        if (category)
+            parts.push(`storeCategory==${category}`);
+        const rawFilters = param(url, "filters");
+        if (rawFilters) {
+            const safe = validateSieveFilters(rawFilters, SAFE_STORE_FILTER_FIELDS);
+            if (safe)
+                parts.push(safe);
+        }
+        const filters = parts.join(",");
+        const { db } = getProviders();
+        if (!db) {
+            return NextResponse.json({ success: false, error: "Database provider not registered" }, { status: 503 });
+        }
+        const repo = db.getRepository("stores");
+        const result = await repo.findAll({
+            filters,
+            sort,
+            page,
+            perPage: pageSize,
+        });
+        // Map to public-safe shape (strip sensitive fields)
+        const items = result.data.map((s) => ({
+            id: s.id,
+            storeSlug: s.storeSlug,
+            ownerId: s.ownerId,
+            storeName: s.storeName,
+            storeDescription: s.storeDescription,
+            storeCategory: s.storeCategory,
+            storeLogoURL: s.storeLogoURL,
+            storeBannerURL: s.storeBannerURL,
+            status: s.status,
+            isPublic: s.isPublic,
+            totalProducts: s.stats?.totalProducts ?? s.totalProducts ?? undefined,
+            itemsSold: s.stats?.itemsSold ?? s.itemsSold ?? undefined,
+            totalReviews: s.stats?.totalReviews ?? s.totalReviews ?? undefined,
+            averageRating: s.stats?.averageRating ?? s.averageRating,
+            createdAt: s.createdAt,
+        }));
+        const body = {
+            items,
+            total: result.total,
+            page: result.page,
+            pageSize: result.perPage,
+            totalPages: result.totalPages,
+            hasMore: result.page < result.totalPages,
+        };
+        return NextResponse.json({ success: true, data: body });
+    }
+    catch (error) {
+        console.error("[feat-stores] GET /api/stores failed", error);
+        return NextResponse.json({ success: false, error: "Failed to fetch stores" }, { status: 500 });
+    }
+}

package/dist/features/stores/columns/index.d.ts

@@ -0,0 +1,16 @@
+import type { TableColumn, ColumnExtensionOpts } from "../../../contracts";
+import type { StoreListItem } from "../types";
+/**
+ * Default admin column definitions for a store table.
+ *
+ * @example
+ * const columns = buildStoreColumns<MyStore>({
+ *   overrides: { storeName: { render: (s) => <StoreLink store={s} /> } },
+ *   extras: [{ key: "tier", header: "Tier", render: (s) => s.tier ?? "basic" }],
+ * });
+ */
+export declare const storeAdminColumns: TableColumn<StoreListItem>[];
+/**
+ * Build a merged column list from the base store columns.
+ */
+export declare function buildStoreColumns<T extends StoreListItem = StoreListItem>(opts?: ColumnExtensionOpts<T>): TableColumn<T>[];

package/dist/features/stores/columns/index.js

@@ -0,0 +1,45 @@
+import { buildColumns, renderBoolean, renderNullable, renderRating, } from "../../../ui/columns";
+/**
+ * Default admin column definitions for a store table.
+ *
+ * @example
+ * const columns = buildStoreColumns<MyStore>({
+ *   overrides: { storeName: { render: (s) => <StoreLink store={s} /> } },
+ *   extras: [{ key: "tier", header: "Tier", render: (s) => s.tier ?? "basic" }],
+ * });
+ */
+export const storeAdminColumns = [
+    { key: "storeName", header: "Store Name", sortable: true },
+    { key: "storeCategory", header: "Category", sortable: true },
+    { key: "status", header: "Status", sortable: true },
+    {
+        key: "isPublic",
+        header: "Public",
+        render: (s) => renderBoolean(s.isPublic),
+    },
+    {
+        key: "totalProducts",
+        header: "Products",
+        sortable: true,
+        render: (s) => renderNullable(s.totalProducts, (v) => v.toLocaleString()),
+    },
+    {
+        key: "itemsSold",
+        header: "Sold",
+        sortable: true,
+        render: (s) => renderNullable(s.itemsSold, (v) => v.toLocaleString()),
+    },
+    {
+        key: "averageRating",
+        header: "Rating",
+        sortable: true,
+        render: (s) => renderRating(s.averageRating, null, { showCount: false }),
+    },
+    { key: "createdAt", header: "Created", sortable: true },
+];
+/**
+ * Build a merged column list from the base store columns.
+ */
+export function buildStoreColumns(opts) {
+    return buildColumns(storeAdminColumns, opts);
+}

package/dist/features/stores/components/InteractiveStoreCard.d.ts

@@ -0,0 +1,16 @@
+import type { StoreListItem } from "../types";
+export interface InteractiveStoreCardProps {
+    store: StoreListItem;
+    href: string;
+    selectable?: boolean;
+    selected?: boolean;
+    onSelect?: (id: string, selected: boolean) => void;
+    labels?: {
+        products?: string;
+        sold?: string;
+        reviews?: string;
+        visitStore?: string;
+    };
+    className?: string;
+}
+export declare function InteractiveStoreCard({ store, href, selectable, selected, onSelect, labels, className, }: InteractiveStoreCardProps): import("react/jsx-runtime").JSX.Element;

package/dist/features/stores/components/InteractiveStoreCard.js

@@ -0,0 +1,16 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import Link from "next/link";
+import { Heading, Span, Row, Button, RichText } from "../../../ui";
+import { THEME_CONSTANTS } from "../../../tokens";
+import { normalizeRichTextHtml } from "../../../utils";
+export function InteractiveStoreCard({ store, href, selectable, selected, onSelect, labels = {}, className = "", }) {
+    const initial = store.storeName[0]?.toUpperCase() ?? "S";
+    const hasLogo = Boolean(store.storeLogoURL);
+    const hasBanner = Boolean(store.storeBannerURL);
+    return (_jsxs("div", { className: `group relative flex flex-col h-full overflow-hidden rounded-xl border bg-white dark:bg-zinc-900 shadow-sm transition-shadow hover:shadow-lg ${selected
+            ? "border-primary outline outline-2 outline-primary"
+            : "border-zinc-200 dark:border-zinc-700"} ${className}`, children: [selectable && (_jsx(Button, { type: "button", "aria-label": selected ? "Deselect store" : "Select store", onClick: (e) => {
+                    e.preventDefault();
+                    onSelect?.(store.id, !selected);
+                }, className: `absolute top-2.5 left-2.5 z-10 h-5 w-5 rounded border-2 flex items-center justify-center bg-white/90 dark:bg-zinc-800/90 ${selected ? "bg-primary border-primary" : "border-zinc-300 dark:border-zinc-600"}`, children: selected && _jsx(Span, { className: "text-white text-xs leading-none", children: "\u2713" }) })), _jsxs(Link, { href: href, className: "flex flex-col flex-1 min-h-0", children: [_jsxs("div", { className: "relative aspect-video w-full overflow-hidden bg-gradient-to-br from-zinc-100 via-zinc-200 to-zinc-300 dark:from-zinc-800 dark:via-zinc-700 dark:to-zinc-900 flex-shrink-0", children: [hasBanner ? (_jsx("div", { className: "absolute inset-0 bg-center bg-cover transition-transform duration-500 group-hover:scale-105", style: { backgroundImage: `url(${store.storeBannerURL})` }, role: "img", "aria-label": `${store.storeName} banner` })) : (_jsx("div", { className: "absolute inset-0 flex items-center justify-center", children: _jsx("span", { className: "text-5xl opacity-20 select-none", "aria-hidden": "true", children: "\uD83C\uDFEA" }) })), _jsx("div", { className: "absolute inset-x-0 bottom-0 h-12 bg-gradient-to-t from-black/40 to-transparent pointer-events-none" }), store.averageRating != null && store.averageRating > 0 && (_jsxs("div", { className: "absolute top-2 right-2 flex items-center gap-1 rounded-full bg-black/50 backdrop-blur-sm px-2 py-0.5 text-xs font-semibold text-yellow-300", children: ["\u2605 ", store.averageRating.toFixed(1)] }))] }), _jsxs("div", { className: "flex flex-col flex-1 px-4 pb-4", children: [_jsx("div", { className: "-mt-5 mb-2 flex items-end justify-between", children: _jsx("div", { className: "flex-shrink-0", children: hasLogo ? (_jsx("div", { className: "h-10 w-10 rounded-lg border-2 border-white dark:border-zinc-800 bg-center bg-cover shadow-md", style: { backgroundImage: `url(${store.storeLogoURL})` }, role: "img", "aria-label": store.storeName })) : (_jsx("div", { className: "flex h-10 w-10 items-center justify-center rounded-lg border-2 border-white dark:border-zinc-800 bg-primary/10 dark:bg-primary/20 text-base font-bold text-primary shadow-md", children: initial })) }) }), _jsx(Heading, { level: 3, className: `${THEME_CONSTANTS.utilities.textClamp1} text-sm font-bold text-zinc-900 dark:text-zinc-100 group-hover:text-primary transition-colors`, children: store.storeName }), store.storeDescription ? (_jsx(RichText, { html: normalizeRichTextHtml(store.storeDescription), proseClass: "prose prose-sm max-w-none dark:prose-invert prose-p:my-0", className: `mt-1 ${THEME_CONSTANTS.utilities.textClamp2} text-xs text-zinc-500 dark:text-zinc-400 flex-1` })) : (_jsx("div", { className: "flex-1" })), _jsxs(Row, { gap: "sm", className: "mt-2.5 flex-wrap text-xs text-zinc-500 dark:text-zinc-400", children: [store.totalProducts != null && store.totalProducts > 0 && (_jsxs(Span, { className: "flex items-center gap-0.5", children: [_jsx("span", { "aria-hidden": "true", children: "\uD83D\uDCE6" }), " ", store.totalProducts, " ", labels.products ?? "products"] })), store.itemsSold != null && store.itemsSold > 0 && (_jsxs(Span, { className: "flex items-center gap-0.5", children: [_jsx("span", { "aria-hidden": "true", children: "\uD83D\uDECD\uFE0F" }), " ", store.itemsSold, " ", labels.sold ?? "sold"] }))] }), _jsxs("div", { className: "mt-3 pt-2.5 border-t border-zinc-100 dark:border-zinc-800 flex items-center justify-between", children: [_jsxs("span", { className: "text-xs font-semibold text-primary group-hover:underline transition-colors", children: [labels.visitStore ?? "Visit store", " \u2192"] }), store.totalReviews != null && store.totalReviews > 0 && (_jsxs("span", { className: "text-xs text-zinc-400 dark:text-zinc-500", children: [store.totalReviews, " ", labels.reviews ?? "reviews"] }))] })] })] })] }));
+}

package/dist/features/stores/components/StoreAboutView.d.ts

@@ -0,0 +1,21 @@
+import React from "react";
+import type { StoreDetail } from "../types";
+export interface StoreAboutViewProps {
+    store: StoreDetail;
+    labels?: {
+        aboutTitle?: string;
+        locationLabel?: string;
+        websiteLabel?: string;
+        returnPolicyLabel?: string;
+        shippingPolicyLabel?: string;
+        memberSinceLabel?: string;
+        socialLinksLabel?: string;
+        vacationModeLabel?: string;
+    };
+    /** Render-prop for social links */
+    renderSocialLinks?: (links: StoreDetail["socialLinks"]) => React.ReactNode;
+    /** Render-prop for stats (products sold, reviews, rating) */
+    renderStats?: (store: StoreDetail) => React.ReactNode;
+    className?: string;
+}
+export declare function StoreAboutView({ store, labels, renderSocialLinks, renderStats, className, }: StoreAboutViewProps): import("react/jsx-runtime").JSX.Element;

package/dist/features/stores/components/StoreAboutView.js

@@ -0,0 +1,13 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Div, Heading, RichText, Text } from "../../../ui";
+import { getDefaultLocale } from "../../../core/baseline-resolver";
+import { normalizeRichTextHtml } from "../../../utils/string.formatter";
+export function StoreAboutView({ store, labels = {}, renderSocialLinks, renderStats, className = "", }) {
+    const joinDate = store.createdAt
+        ? new Date(store.createdAt).toLocaleDateString(getDefaultLocale(), {
+            year: "numeric",
+            month: "long",
+        })
+        : null;
+    return (_jsxs(Div, { className: `space-y-6 py-6 ${className}`, children: [store.bio && (_jsxs(Div, { children: [_jsx(Heading, { level: 2, className: "text-lg font-semibold mb-2", children: labels.aboutTitle ?? "About" }), _jsx(Text, { className: "text-neutral-600 whitespace-pre-line", children: store.bio })] })), renderStats?.(store), _jsxs(Div, { className: "space-y-3 text-sm", children: [store.location && (_jsxs(Div, { className: "flex gap-2", children: [_jsx(Text, { className: "font-medium text-neutral-700 min-w-[120px]", children: labels.locationLabel ?? "Location" }), _jsx(Text, { className: "text-neutral-600", children: store.location })] })), joinDate && (_jsxs(Div, { className: "flex gap-2", children: [_jsx(Text, { className: "font-medium text-neutral-700 min-w-[120px]", children: labels.memberSinceLabel ?? "Member since" }), _jsx(Text, { className: "text-neutral-600", children: joinDate })] })), store.website && (_jsxs(Div, { className: "flex gap-2", children: [_jsx(Text, { className: "font-medium text-neutral-700 min-w-[120px]", children: labels.websiteLabel ?? "Website" }), _jsx("a", { href: store.website, target: "_blank", rel: "noopener noreferrer", className: "text-primary hover:underline break-all", children: store.website })] }))] }), store.socialLinks && renderSocialLinks?.(store.socialLinks), store.returnPolicy && (_jsxs(Div, { children: [_jsx(Heading, { level: 3, className: "text-base font-semibold mb-2", children: labels.returnPolicyLabel ?? "Return Policy" }), _jsx(RichText, { html: normalizeRichTextHtml(store.returnPolicy), className: "text-neutral-600" })] })), store.shippingPolicy && (_jsxs(Div, { children: [_jsx(Heading, { level: 3, className: "text-base font-semibold mb-2", children: labels.shippingPolicyLabel ?? "Shipping Policy" }), _jsx(RichText, { html: normalizeRichTextHtml(store.shippingPolicy), className: "text-neutral-600" })] })), store.isVacationMode && (_jsxs(Div, { className: "bg-yellow-50 border border-yellow-200 rounded-lg p-4", children: [_jsx(Text, { className: "text-yellow-800 font-medium", children: labels.vacationModeLabel ?? "This store is on vacation mode" }), store.vacationMessage && (_jsx(Text, { className: "text-yellow-700 mt-1", children: store.vacationMessage }))] }))] }));
+}

package/dist/features/stores/components/StoreAddressSelectorCreate.d.ts

@@ -0,0 +1,16 @@
+export interface StoreAddressSelectorCreateLabels {
+    addAddress: string;
+    save: string;
+    pickupAddress: string;
+    selectAddress: string;
+}
+export interface StoreAddressSelectorCreateProps {
+    value: string;
+    onChange: (id: string) => void;
+    disabled?: boolean;
+    label?: string;
+    labels?: Partial<StoreAddressSelectorCreateLabels>;
+    onCreated?: (id: string) => void;
+    onCreateError?: () => void;
+}
+export declare function StoreAddressSelectorCreate({ value, onChange, disabled, label, labels, onCreated, onCreateError, }: StoreAddressSelectorCreateProps): import("react/jsx-runtime").JSX.Element;

package/dist/features/stores/components/StoreAddressSelectorCreate.js

@@ -0,0 +1,40 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { useCallback, useState } from "react";
+import { Button, Label, Select, SideDrawer } from "../../../ui";
+import { AddressForm } from "../../account";
+import { useStoreAddressSelector } from "../hooks/useStoreAddressSelector";
+const DEFAULT_LABELS = {
+    addAddress: "Add Address",
+    save: "Save",
+    pickupAddress: "Pickup Address",
+    selectAddress: "Select an address",
+};
+export function StoreAddressSelectorCreate({ value, onChange, disabled = false, label, labels, onCreated, onCreateError, }) {
+    const mergedLabels = { ...DEFAULT_LABELS, ...labels };
+    const [drawerOpen, setDrawerOpen] = useState(false);
+    const { addresses, isLoading, createAddress: mutate, isSaving, } = useStoreAddressSelector({
+        onCreated: (id) => {
+            setDrawerOpen(false);
+            onChange(id);
+            onCreated?.(id);
+        },
+        onCreateError,
+    });
+    const handleAddressSubmit = useCallback(async (data) => {
+        await mutate(data);
+    }, [mutate]);
+    const formatLabel = (addr) => {
+        const parts = [addr.label, addr.fullName, addr.city, addr.state].filter(Boolean);
+        return parts.join(" - ");
+    };
+    return (_jsxs(_Fragment, { children: [_jsxs("div", { "data-section": "storeaddressselectorcreate-div-442", children: [label && _jsx(Label, { className: "mb-1.5", children: label }), _jsxs("div", { className: "flex items-center gap-2", "data-section": "storeaddressselectorcreate-div-443", children: [_jsx("div", { className: "flex-1", "data-section": "storeaddressselectorcreate-div-444", children: _jsx(Select, { value: value, onChange: (e) => onChange(e.target.value), disabled: disabled || isLoading, "aria-label": label ?? mergedLabels.pickupAddress, options: [
+                                        { value: "", label: mergedLabels.selectAddress },
+                                        ...addresses.map((addr) => ({
+                                            value: addr.id,
+                                            label: formatLabel(addr),
+                                        })),
+                                    ] }) }), !disabled && (_jsxs(Button, { variant: "outline", size: "sm", type: "button", onClick: () => setDrawerOpen(true), "aria-haspopup": "dialog", children: ["+ ", mergedLabels.addAddress] }))] })] }), _jsx(SideDrawer, { isOpen: drawerOpen, onClose: () => setDrawerOpen(false), title: mergedLabels.addAddress, mode: "create", children: _jsx(AddressForm, { onSubmit: handleAddressSubmit, onCancel: () => setDrawerOpen(false), isLoading: isSaving, submitLabel: mergedLabels.save, labels: {
+                        save: mergedLabels.save,
+                    } }) })] }));
+}

package/dist/features/stores/components/StoreAuctionsListing.d.ts

@@ -0,0 +1,5 @@
+export interface StoreAuctionsListingProps {
+    sellerId: string;
+    initialData?: any;
+}
+export declare function StoreAuctionsListing({ sellerId, initialData }: StoreAuctionsListingProps): import("react/jsx-runtime").JSX.Element;

package/dist/features/stores/components/StoreAuctionsListing.js

@@ -0,0 +1,59 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { useState, useCallback } from "react";
+import { Search, SlidersHorizontal, LayoutGrid, List, X } from "lucide-react";
+import { useUrlTable } from "../../../react/hooks/useUrlTable";
+import { useProducts } from "../../products/hooks/useProducts";
+import { Pagination, SortDropdown } from "../../../ui";
+import { MarketplaceAuctionGrid } from "../../auctions/components/MarketplaceAuctionGrid";
+import { ProductFilters } from "../../products/components/ProductFilters";
+import { getDefaultCurrency } from "../../../core/baseline-resolver";
+const AUCTION_SORT_OPTIONS = [
+    { value: "auctionEndDate", label: "Ending Soonest" },
+    { value: "-createdAt", label: "Newest" },
+    { value: "-currentBid", label: "Highest Bid" },
+    { value: "price", label: "Price: Low to High" },
+    { value: "-price", label: "Price: High to Low" },
+];
+export function StoreAuctionsListing({ sellerId, initialData }) {
+    const table = useUrlTable({ defaults: { pageSize: "24", sort: "auctionEndDate" } });
+    const [searchInput, setSearchInput] = useState(table.get("q") || "");
+    const [filterOpen, setFilterOpen] = useState(false);
+    const [view, setView] = useState(table.get("view") || "grid");
+    const params = {
+        q: table.get("q") || undefined,
+        minPrice: table.get("minPrice") ? Number(table.get("minPrice")) : undefined,
+        maxPrice: table.get("maxPrice") ? Number(table.get("maxPrice")) : undefined,
+        sort: table.get("sort") || "auctionEndDate",
+        page: table.getNumber("page", 1),
+        perPage: table.getNumber("pageSize", 24),
+        sellerId,
+        isAuction: true,
+    };
+    const { products: rawAuctions, total, totalPages, page, isLoading } = useProducts(params, { initialData });
+    const auctions = rawAuctions.map((p) => ({
+        id: p.id,
+        title: p.title ?? p.name ?? "",
+        description: p.description,
+        price: p.price ?? 0,
+        currency: p.currency || getDefaultCurrency(),
+        mainImage: p.mainImage ?? p.images?.[0],
+        images: p.images,
+        isAuction: true,
+        auctionEndDate: p.auctionEndDate,
+        startingBid: p.startingBid ?? p.price,
+        currentBid: p.currentBid,
+        bidCount: p.bidCount,
+        featured: p.featured,
+        status: p.status,
+        slug: p.slug,
+        buyNowPrice: p.buyNowPrice,
+    }));
+    const commitSearch = useCallback(() => {
+        table.set("q", searchInput.trim());
+        table.setPage(1);
+    }, [searchInput, table]);
+    const closeFilters = () => setFilterOpen(false);
+    const gridClass = "grid grid-cols-2 sm:grid-cols-3 lg:grid-cols-4 gap-4";
+    return (_jsxs("div", { className: "min-h-[200px]", children: [_jsx("div", { className: "sticky top-0 z-20 border-b border-zinc-200 dark:border-slate-700 bg-white/95 dark:bg-slate-900/95 backdrop-blur-sm py-2.5 px-4", children: _jsxs("div", { className: "flex items-center gap-2.5 max-w-full", children: [_jsxs("button", { type: "button", onClick: () => setFilterOpen(true), className: "flex shrink-0 items-center gap-2 rounded-lg border border-zinc-300 dark:border-slate-600 px-3.5 py-2 text-sm font-medium text-zinc-700 dark:text-zinc-200 hover:bg-zinc-50 dark:hover:bg-slate-800 transition-colors", children: [_jsx(SlidersHorizontal, { className: "h-4 w-4" }), _jsx("span", { className: "hidden sm:inline", children: "Filters" })] }), _jsxs("div", { className: "flex flex-1 items-center overflow-hidden rounded-lg border border-zinc-300 dark:border-slate-600 bg-white dark:bg-slate-900", children: [_jsx("input", { type: "text", value: searchInput, onChange: (e) => setSearchInput(e.target.value), onKeyDown: (e) => e.key === "Enter" && commitSearch(), placeholder: "Search store auctions...", className: "min-w-0 flex-1 bg-transparent px-3 py-2 text-sm text-zinc-900 dark:text-zinc-100 placeholder-zinc-400 outline-none" }), _jsx("button", { type: "button", onClick: commitSearch, className: "flex shrink-0 items-center justify-center px-3 py-2 text-zinc-400 hover:text-primary dark:hover:text-primary-400 transition-colors", "aria-label": "Search", children: _jsx(Search, { className: "h-4 w-4" }) })] }), _jsxs("div", { className: "flex shrink-0 items-center gap-1.5 text-sm text-zinc-500 dark:text-zinc-400", children: [_jsx("span", { className: "hidden md:inline whitespace-nowrap", children: "Sort by" }), _jsx(SortDropdown, { value: table.get("sort") || "auctionEndDate", onChange: (v) => { table.set("sort", v); table.setPage(1); }, options: AUCTION_SORT_OPTIONS })] }), _jsxs("div", { className: "flex shrink-0 items-center rounded-lg border border-zinc-300 dark:border-slate-600 overflow-hidden", children: [_jsx("button", { type: "button", onClick: () => { setView("grid"); table.set("view", "grid"); }, "aria-label": "Grid view", className: `p-2 transition-colors ${view === "grid" ? "bg-primary text-white" : "text-zinc-500 hover:bg-zinc-50 dark:hover:bg-slate-800 dark:text-zinc-400"}`, children: _jsx(LayoutGrid, { className: "h-4 w-4" }) }), _jsx("button", { type: "button", onClick: () => { setView("list"); table.set("view", "list"); }, "aria-label": "List view", className: `p-2 transition-colors ${view === "list" ? "bg-primary text-white" : "text-zinc-500 hover:bg-zinc-50 dark:hover:bg-slate-800 dark:text-zinc-400"}`, children: _jsx(List, { className: "h-4 w-4" }) })] })] }) }), _jsxs("div", { className: "py-6", children: [isLoading ? (_jsx("div", { className: gridClass, children: Array.from({ length: 8 }).map((_, i) => (_jsxs("div", { className: "rounded-xl border border-zinc-100 dark:border-slate-700 overflow-hidden animate-pulse", children: [_jsx("div", { className: "aspect-square bg-zinc-200 dark:bg-slate-700" }), _jsxs("div", { className: "p-3 space-y-2", children: [_jsx("div", { className: "h-3 bg-zinc-200 dark:bg-slate-700 rounded w-3/4" }), _jsx("div", { className: "h-4 bg-zinc-200 dark:bg-slate-700 rounded w-1/2" }), _jsx("div", { className: "h-8 bg-zinc-200 dark:bg-slate-700 rounded" })] })] }, i))) })) : (_jsx(MarketplaceAuctionGrid, { auctions: auctions, variant: view === "list" ? "list" : "grid", gridClassName: view === "list" ? "flex flex-col gap-4" : gridClass, labels: { emptyTitle: "No auctions yet", emptyDescription: "This store has no active auctions." } })), totalPages > 1 && (_jsx("div", { className: "mt-8 flex justify-center", children: _jsx(Pagination, { currentPage: page, totalPages: totalPages, onPageChange: (p) => table.setPage(p) }) }))] }), filterOpen && (_jsxs(_Fragment, { children: [_jsx("div", { className: "fixed inset-0 z-40 bg-black/40", "aria-hidden": "true", onClick: closeFilters }), _jsxs("div", { className: "fixed inset-y-0 left-0 z-50 flex w-80 flex-col bg-white dark:bg-slate-900 shadow-2xl", children: [_jsxs("div", { className: "flex items-center justify-between border-b border-zinc-200 dark:border-slate-700 px-4 py-3.5", children: [_jsxs("span", { className: "flex items-center gap-2 text-base font-semibold text-zinc-900 dark:text-zinc-100", children: [_jsx(SlidersHorizontal, { className: "h-4 w-4" }), "Filters"] }), _jsx("button", { type: "button", onClick: closeFilters, "aria-label": "Close filters", className: "rounded-lg p-1.5 text-zinc-500 hover:bg-zinc-100 dark:hover:bg-slate-800 transition-colors", children: _jsx(X, { className: "h-5 w-5" }) })] }), _jsx("div", { className: "flex-1 overflow-y-auto px-4 py-4", children: _jsx(ProductFilters, { table: table, currencyPrefix: "\u20B9" }) }), _jsx("div", { className: "border-t border-zinc-200 dark:border-slate-700 px-4 py-3.5", children: _jsx("button", { type: "button", onClick: closeFilters, className: "w-full rounded-lg bg-primary py-2.5 text-sm font-semibold text-white hover:bg-primary-600 transition-colors", children: "Apply filters" }) })] })] }))] }));
+}

package/dist/features/stores/components/StoreAuctionsPageView.d.ts

@@ -0,0 +1,4 @@
+export interface StoreAuctionsPageViewProps {
+    storeSlug: string;
+}
+export declare function StoreAuctionsPageView({ storeSlug }: StoreAuctionsPageViewProps): Promise<import("react/jsx-runtime").JSX.Element | null>;

package/dist/features/stores/components/StoreAuctionsPageView.js

@@ -0,0 +1,21 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { productRepository, storeRepository } from "../../../repositories";
+import { StoreAuctionsListing } from "./StoreAuctionsListing";
+export async function StoreAuctionsPageView({ storeSlug }) {
+    const store = await storeRepository.findBySlug(storeSlug).catch(() => undefined);
+    const ownerId = store?.ownerId;
+    const result = ownerId
+        ? await productRepository
+            .list({
+            filters: `sellerId==${ownerId},status==published,isAuction==true`,
+            sorts: "auctionEndDate",
+            page: 1,
+            pageSize: 24,
+        })
+            .catch(() => null)
+        : null;
+    if (!ownerId) {
+        return null;
+    }
+    return (_jsx(StoreAuctionsListing, { sellerId: ownerId, initialData: result ?? undefined }));
+}

package/dist/features/stores/components/StoreAuctionsView.d.ts

@@ -0,0 +1,17 @@
+import React from "react";
+import type { SlottedListingViewProps } from "../../../ui";
+import type { StoreAuctionItem } from "../types";
+export interface StoreAuctionsViewProps extends Omit<SlottedListingViewProps, "renderTable"> {
+    storeSlug: string;
+    labels?: {
+        title?: string;
+        emptyTitle?: string;
+        emptyDescription?: string;
+    };
+    renderAuctions: (items: StoreAuctionItem[], isLoading: boolean) => React.ReactNode;
+    renderPagination?: (total: number) => React.ReactNode;
+    items?: StoreAuctionItem[];
+    total?: number;
+    isLoading?: boolean;
+}
+export declare function StoreAuctionsView({ labels, renderAuctions, renderPagination, items, total, isLoading, ...rest }: StoreAuctionsViewProps): import("react/jsx-runtime").JSX.Element;

package/dist/features/stores/components/StoreAuctionsView.js

@@ -0,0 +1,5 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { SlottedListingView } from "../../../ui";
+export function StoreAuctionsView({ labels = {}, renderAuctions, renderPagination, items = [], total = 0, isLoading = false, ...rest }) {
+    return (_jsx(SlottedListingView, { portal: "public", ...rest, title: labels.title, className: `py-4 ${rest.className ?? ""}`, renderTable: () => renderAuctions(items, isLoading), renderPagination: () => renderPagination?.(total) ?? null, total: total, isLoading: isLoading }));
+}