@mohasinac/appkit 2.7.58 → 2.8.0

package/dist/features/shell/field-groups/StatusFieldGroup.d.ts

@@ -0,0 +1,35 @@
+import { type ReactNode } from "react";
+export interface StatusFieldGroupOption<T extends string = string> {
+    value: T;
+    label: string;
+    description?: string;
+}
+export interface StatusFieldGroupProps<T extends string = string> {
+    /** Current status value. */
+    status: T;
+    /** Available status options. */
+    options: readonly StatusFieldGroupOption<T>[];
+    /** Setter. */
+    onStatusChange: (next: T) => void;
+    /** Optional sub-toggles below the status select (e.g. `isFeatured`, `isPromoted`). */
+    toggles?: ReadonlyArray<{
+        key: string;
+        label: ReactNode;
+        description?: ReactNode;
+        checked: boolean;
+        onChange: (next: boolean) => void;
+        disabled?: boolean;
+    }>;
+    /** Optional section label override. */
+    sectionTitle?: ReactNode;
+    sectionDescription?: ReactNode;
+    disabled?: boolean;
+}
+/**
+ * `StatusFieldGroup` — status select plus optional sub-toggles (featured /
+ * promoted / pinned, etc.) used across Product, Blog, Event, Coupon, FAQ
+ * editors.
+ *
+ * W1-15 — extracted 2026-05-23.
+ */
+export declare function StatusFieldGroup<T extends string = string>({ status, options, onStatusChange, toggles, sectionTitle, sectionDescription, disabled, }: StatusFieldGroupProps<T>): import("react/jsx-runtime").JSX.Element;

package/dist/features/shell/field-groups/StatusFieldGroup.js

@@ -0,0 +1,16 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Select } from "../../../ui/components/Select";
+import { ToggleRow, SettingsSection } from "../../../ui/components/SettingsSection";
+/**
+ * `StatusFieldGroup` — status select plus optional sub-toggles (featured /
+ * promoted / pinned, etc.) used across Product, Blog, Event, Coupon, FAQ
+ * editors.
+ *
+ * W1-15 — extracted 2026-05-23.
+ */
+export function StatusFieldGroup({ status, options, onStatusChange, toggles, sectionTitle = "Status", sectionDescription, disabled = false, }) {
+    return (_jsxs(SettingsSection, { title: sectionTitle, description: sectionDescription, children: [_jsx(Select, { label: "Visibility status", value: status, onValueChange: (v) => onStatusChange(v), options: options.map((o) => ({ value: o.value, label: o.label })), disabled: disabled }), toggles?.length
+                ? toggles.map((t) => (_jsx(ToggleRow, { label: t.label, description: t.description, checked: t.checked, onChange: t.onChange, disabled: t.disabled ?? disabled }, t.key)))
+                : null] }));
+}

package/dist/features/shell/field-groups/TitleDescriptionGroup.d.ts

@@ -0,0 +1,40 @@
+import { type ReactNode } from "react";
+export interface TitleDescriptionGroupProps {
+    /** Form field value: title. */
+    title: string;
+    /** Form field value: description (plain text). */
+    description: string;
+    /** Setters. */
+    onTitleChange: (next: string) => void;
+    onDescriptionChange: (next: string) => void;
+    /** Optional section label override. */
+    sectionTitle?: ReactNode;
+    /** Optional section description. */
+    sectionDescription?: ReactNode;
+    /** Optional placeholder overrides. */
+    titlePlaceholder?: string;
+    descriptionPlaceholder?: string;
+    /** Disable both inputs. */
+    disabled?: boolean;
+    /** When true, render a rich-text editor instead of plain `<Textarea>` (consumer-provided). */
+    renderDescription?: (args: {
+        value: string;
+        onChange: (next: string) => void;
+        disabled: boolean;
+    }) => ReactNode;
+    /** Field-level validation messages. */
+    titleError?: string;
+    descriptionError?: string;
+    /** Max length helpers. */
+    titleMaxLength?: number;
+    descriptionMaxLength?: number;
+}
+/**
+ * `TitleDescriptionGroup` — shared title + description fields used across
+ * Product, Blog, Category, Event, FAQ, Feature, Brand editors. Optionally
+ * accepts a `renderDescription` slot to plug in the rich-text editor without
+ * coupling this primitive to it.
+ *
+ * W1-15 — extracted 2026-05-23.
+ */
+export declare function TitleDescriptionGroup({ title, description, onTitleChange, onDescriptionChange, sectionTitle, sectionDescription, titlePlaceholder, descriptionPlaceholder, disabled, renderDescription, titleError, descriptionError, titleMaxLength, descriptionMaxLength, }: TitleDescriptionGroupProps): import("react/jsx-runtime").JSX.Element;

package/dist/features/shell/field-groups/TitleDescriptionGroup.js

@@ -0,0 +1,16 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Input } from "../../../ui/components/Input";
+import { Textarea } from "../../../ui/components/Textarea";
+import { SettingsSection } from "../../../ui/components/SettingsSection";
+/**
+ * `TitleDescriptionGroup` — shared title + description fields used across
+ * Product, Blog, Category, Event, FAQ, Feature, Brand editors. Optionally
+ * accepts a `renderDescription` slot to plug in the rich-text editor without
+ * coupling this primitive to it.
+ *
+ * W1-15 — extracted 2026-05-23.
+ */
+export function TitleDescriptionGroup({ title, description, onTitleChange, onDescriptionChange, sectionTitle = "Title & description", sectionDescription, titlePlaceholder, descriptionPlaceholder, disabled = false, renderDescription, titleError, descriptionError, titleMaxLength, descriptionMaxLength, }) {
+    return (_jsxs(SettingsSection, { title: sectionTitle, description: sectionDescription, children: [_jsx(Input, { label: "Title", value: title, onChange: (e) => onTitleChange(e.target.value), placeholder: titlePlaceholder, disabled: disabled, maxLength: titleMaxLength, error: titleError, required: true }), renderDescription ? (renderDescription({ value: description, onChange: onDescriptionChange, disabled })) : (_jsx(Textarea, { label: "Description", value: description, onChange: (e) => onDescriptionChange(e.target.value), placeholder: descriptionPlaceholder, disabled: disabled, maxLength: descriptionMaxLength, error: descriptionError, rows: 5 }))] }));
+}

package/dist/features/shell/field-groups/index.d.ts

@@ -0,0 +1,13 @@
+/**
+ * Field-group primitives (W1-15) — composable form sections used across the
+ * admin/seller editor surface. Each group is a thin wrapper around primitive
+ * inputs that encapsulates a recurring 3-or-more-field pattern.
+ */
+export type { TitleDescriptionGroupProps } from "./TitleDescriptionGroup";
+export { TitleDescriptionGroup } from "./TitleDescriptionGroup";
+export type { ImageFieldGroupProps } from "./ImageFieldGroup";
+export { ImageFieldGroup } from "./ImageFieldGroup";
+export type { SeoFieldGroupProps } from "./SeoFieldGroup";
+export { SeoFieldGroup } from "./SeoFieldGroup";
+export type { StatusFieldGroupProps, StatusFieldGroupOption } from "./StatusFieldGroup";
+export { StatusFieldGroup } from "./StatusFieldGroup";

package/dist/features/shell/field-groups/index.js

@@ -0,0 +1,9 @@
+/**
+ * Field-group primitives (W1-15) — composable form sections used across the
+ * admin/seller editor surface. Each group is a thin wrapper around primitive
+ * inputs that encapsulates a recurring 3-or-more-field pattern.
+ */
+export { TitleDescriptionGroup } from "./TitleDescriptionGroup";
+export { ImageFieldGroup } from "./ImageFieldGroup";
+export { SeoFieldGroup } from "./SeoFieldGroup";
+export { StatusFieldGroup } from "./StatusFieldGroup";

package/dist/features/shell/index.d.ts

@@ -4,3 +4,5 @@ export type { QuickFieldType, QuickFieldDef, QuickFormDrawerProps } from "./Quic
 export { QuickFormDrawer } from "./QuickFormDrawer";
 export type { StepDef, StepFormProps, StepFormActionsProps } from "./StepForm";
 export { StepForm, StepFormActions, StepIndicator } from "./StepForm";
+export type { TitleDescriptionGroupProps, ImageFieldGroupProps, SeoFieldGroupProps, StatusFieldGroupProps, StatusFieldGroupOption, } from "./field-groups";
+export { TitleDescriptionGroup, ImageFieldGroup, SeoFieldGroup, StatusFieldGroup, } from "./field-groups";

package/dist/features/shell/index.js

@@ -1,3 +1,4 @@
 export { FormShell, useFormShell } from "./FormShell";
 export { QuickFormDrawer } from "./QuickFormDrawer";
 export { StepForm, StepFormActions, StepIndicator } from "./StepForm";
+export { TitleDescriptionGroup, ImageFieldGroup, SeoFieldGroup, StatusFieldGroup, } from "./field-groups";

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

@@ -1,3 +1,2 @@
-export interface StoreCapabilitiesGuideViewProps {
-}
+export type StoreCapabilitiesGuideViewProps = Record<string, never>;
 export declare function StoreCapabilitiesGuideView(_props: StoreCapabilitiesGuideViewProps): import("react/jsx-runtime").JSX.Element;

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

@@ -1,3 +1,2 @@
-export interface StoreFinanceGuideViewProps {
-}
+export type StoreFinanceGuideViewProps = Record<string, never>;
 export declare function StoreFinanceGuideView(_props: StoreFinanceGuideViewProps): import("react/jsx-runtime").JSX.Element;

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

@@ -2,8 +2,9 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { Button, Div, Heading, RichText, Row, Section, Span, Text, } from "../../../ui";
 import { normalizeRichTextHtml } from "../../../utils/string.formatter";
 import { ShareButton } from "../../products/components/ShareButton";
+import { StoreScopedSearch } from "./StoreScopedSearch";
 export function StoreHeader({ store, labels = {}, onFollow, className = "", }) {
     return (_jsxs(Section, { surface: "default", className: `border-b border-gray-200 dark:border-slate-700 ${className}`, children: [store.storeBannerURL && (_jsx(Div, { className: "h-40 md:h-56 overflow-hidden bg-gray-100 dark:bg-slate-800", children: _jsx(Div, { role: "img", "aria-label": `${store.storeName} banner`, className: "h-full w-full bg-center bg-cover", style: { backgroundImage: `url(${store.storeBannerURL})` } }) })), _jsxs(Div, { className: "max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-4", children: [_jsxs(Div, { className: "flex items-end gap-4", children: [store.storeLogoURL ? (_jsx(Div, { role: "img", "aria-label": store.storeName, className: "-mt-8 h-16 w-16 rounded-xl border-2 border-white dark:border-slate-800 bg-center bg-cover shadow-sm", style: { backgroundImage: `url(${store.storeLogoURL})` } })) : (_jsx(Div, { className: "-mt-8 h-16 w-16 rounded-xl border-2 border-white dark:border-slate-800 bg-orange-100 dark:bg-orange-900/30 flex items-center justify-center text-orange-600 dark:text-orange-400 font-bold text-2xl shadow-sm", children: store.storeName[0]?.toUpperCase() })), _jsxs(Div, { className: "flex-1 min-w-0", children: [_jsxs(Div, { className: "flex flex-wrap items-center gap-2 mb-0.5", children: [_jsx(Heading, { level: 1, className: "text-xl font-bold text-gray-900 dark:text-zinc-100", children: store.storeName }), store.averageRating != null && store.averageRating > 0 && (_jsxs(Span, { className: "inline-flex items-center gap-1 text-sm font-medium text-amber-500", children: ["\u2605 ", store.averageRating.toFixed(1)] }))] }), _jsxs(Row, { className: "gap-3 text-xs text-gray-500 dark:text-zinc-400 mb-0.5", children: [store.category && _jsx(Span, { className: "capitalize", children: store.category }), store.totalProducts != null && store.totalProducts > 0 && (_jsxs(Span, { children: [store.totalProducts, " ", labels.products ?? "products"] })), store.totalReviews != null && store.totalReviews > 0 && (_jsxs(Span, { children: [store.totalReviews, " ", labels.reviews ?? "reviews"] })), store.itemsSold != null && store.itemsSold > 0 && (_jsxs(Span, { children: [store.itemsSold, " ", labels.sold ?? "sold"] }))] }), store.storeDescription && (_jsx(RichText, { html: normalizeRichTextHtml(store.storeDescription), copyableCode: true, className: "mt-0.5" }))] }), _jsxs(Row, { gap: "sm", align: "center", className: "shrink-0", children: [_jsx(ShareButton, { title: store.storeName }), onFollow && (_jsx(Button, { type: "button", variant: "outline", size: "sm", onClick: () => onFollow(store.storeSlug), className: "rounded-lg border border-orange-500 px-4 py-2 text-sm font-medium text-orange-500 hover:bg-orange-50 transition-colors", children: labels.follow ?? "Follow" }))] })] }), store.isVacationMode && (_jsx(Text, { className: "mt-3 rounded-lg bg-yellow-50 dark:bg-yellow-900/20 border border-yellow-200 dark:border-yellow-800 px-3 py-2 text-sm text-yellow-700 dark:text-yellow-300", children: store.vacationMessage ??
                             labels.vacationMode ??
-                            "Store is on vacation mode" }))] })] }));
+                            "Store is on vacation mode" })), _jsx(Div, { className: "mt-3", children: _jsx(StoreScopedSearch, { storeId: store.storeSlug, storeName: store.storeName }) })] })] }));
 }

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

@@ -1,3 +1,2 @@
-export interface StoreListingsGuideViewProps {
-}
+export type StoreListingsGuideViewProps = Record<string, never>;
 export declare function StoreListingsGuideView(_props: StoreListingsGuideViewProps): import("react/jsx-runtime").JSX.Element;

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

@@ -1,3 +1,2 @@
-export interface StoreOrdersGuideViewProps {
-}
+export type StoreOrdersGuideViewProps = Record<string, never>;
 export declare function StoreOrdersGuideView(_props: StoreOrdersGuideViewProps): import("react/jsx-runtime").JSX.Element;

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

@@ -1,9 +1,8 @@
 "use client";
-import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { useState, useCallback, useMemo } from "react";
-import { X } from "lucide-react";
 import { useUrlTable } from "../../../react/hooks/useUrlTable";
-import { ListingToolbar, Pagination, Row, Span, Text } from "../../../ui";
+import { ListingFilterDrawer, ListingToolbar, Pagination, Row, Span, Text } from "../../../ui";
 import { ReviewCard } from "../../reviews/components/ReviewsList";
 import { ReviewFilters, REVIEW_PUBLIC_SORT_OPTIONS } from "../../reviews/components/ReviewFilters";
 import { useStoreReviews } from "../hooks/useStores";
@@ -102,5 +101,5 @@ export function StoreReviewsListing({ storeSlug }) {
         value: opt.value,
         label: SORT_OPTION_LABELS[opt.key] ?? opt.key,
     }));
-    return (_jsxs("div", { className: "min-h-screen", children: [totalReviews > 0 && (_jsxs(Row, { align: "center", gap: "sm", className: "px-4 py-3 border-b border-zinc-200 dark:border-slate-700", children: [_jsx(Span, { className: "text-2xl font-bold text-zinc-900 dark:text-zinc-100", children: averageRating.toFixed(1) }), _jsxs(Span, { className: "text-zinc-500 dark:text-zinc-400 text-sm", children: ["/ 5 \u00B7 ", totalReviews, " reviews"] })] })), _jsx(ListingToolbar, { filterCount: activeFilterCount, onFiltersClick: openFilters, searchValue: searchInput, searchPlaceholder: "Search reviews...", onSearchChange: setSearchInput, onSearchCommit: commitSearch, sortValue: sort, sortOptions: sortOptions, onSortChange: (v) => { table.set(TABLE_KEYS.SORT, v); }, view: view, onViewChange: handleViewToggle, onResetAll: resetAll, hasActiveState: hasActiveState }), totalPages > 1 && (_jsx("div", { className: "sticky top-[calc(var(--header-height,0px)+44px)] z-10 flex justify-center bg-white/95 dark:bg-slate-900/95 backdrop-blur-sm border-b border-zinc-200 dark:border-slate-700 px-3 py-1.5", children: _jsx(Pagination, { currentPage: currentPage, totalPages: totalPages, onPageChange: (p) => table.setPage(p) }) })), _jsx("div", { className: "py-6 px-4", children: isLoading ? (_jsx("div", { className: "grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 gap-6", children: Array.from({ length: 6 }).map((_, i) => (_jsx("div", { className: "rounded-xl border border-zinc-100 dark:border-slate-700 overflow-hidden animate-pulse", children: _jsxs("div", { className: "p-4 space-y-3", children: [_jsx("div", { className: "h-4 bg-zinc-200 dark:bg-slate-700 rounded w-3/4" }), _jsx("div", { className: "h-3 bg-zinc-200 dark:bg-slate-700 rounded w-full" }), _jsx("div", { className: "h-3 bg-zinc-200 dark:bg-slate-700 rounded w-2/3" })] }) }, i))) })) : reviews.length === 0 ? (_jsx(Text, { className: "py-12 text-center text-sm text-zinc-500 dark:text-zinc-400", children: "No reviews found." })) : view === "list" ? (_jsx("div", { className: "flex flex-col divide-y divide-zinc-100 dark:divide-zinc-800 rounded-xl border border-zinc-100 dark:border-zinc-800", children: reviews.map((review) => (_jsx(ReviewCard, { review: review, context: "store" }, review.id))) })) : (_jsx("div", { className: "grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 gap-6", children: reviews.map((review) => (_jsx(ReviewCard, { review: review, context: "store" }, review.id))) })) }), filterOpen && (_jsxs(_Fragment, { children: [_jsx("div", { className: "fixed inset-0 z-40 bg-black/40", "aria-hidden": "true", onClick: () => setFilterOpen(false) }), _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: [_jsx("span", { className: "flex items-center gap-2 text-base font-semibold text-zinc-900 dark:text-zinc-100", children: "Filters" }), _jsxs("div", { className: "flex items-center gap-2", children: [activeFilterCount > 0 && (_jsx("button", { type: "button", onClick: clearFilters, className: "text-xs text-zinc-500 hover:text-rose-500 dark:text-zinc-400 transition-colors", children: "Clear all" })), _jsx("button", { type: "button", onClick: () => setFilterOpen(false), "aria-label": "Close filters", className: "rounded-lg p-1.5 text-zinc-500 dark:text-zinc-400 hover:bg-zinc-100 dark:hover:bg-zinc-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(ReviewFilters, { table: pendingTable, variant: "public" }) }), _jsx("div", { className: "border-t border-zinc-200 dark:border-slate-700 px-4 py-3.5", children: _jsxs("button", { type: "button", onClick: applyFilters, className: "w-full rounded-lg bg-primary py-2.5 text-sm font-semibold text-white hover:bg-primary-600 transition-colors active:scale-[0.98]", children: ["Apply Filters", activeFilterCount > 0 ? ` (${activeFilterCount})` : ""] }) })] })] }))] }));
+    return (_jsxs("div", { className: "min-h-screen", children: [totalReviews > 0 && (_jsxs(Row, { align: "center", gap: "sm", className: "px-4 py-3 border-b border-zinc-200 dark:border-slate-700", children: [_jsx(Span, { className: "text-2xl font-bold text-zinc-900 dark:text-zinc-100", children: averageRating.toFixed(1) }), _jsxs(Span, { className: "text-zinc-500 dark:text-zinc-400 text-sm", children: ["/ 5 \u00B7 ", totalReviews, " reviews"] })] })), _jsx(ListingToolbar, { filterCount: activeFilterCount, onFiltersClick: openFilters, searchValue: searchInput, searchPlaceholder: "Search reviews...", onSearchChange: setSearchInput, onSearchCommit: commitSearch, sortValue: sort, sortOptions: sortOptions, onSortChange: (v) => { table.set(TABLE_KEYS.SORT, v); }, view: view, onViewChange: handleViewToggle, onResetAll: resetAll, hasActiveState: hasActiveState }), totalPages > 1 && (_jsx("div", { className: "sticky top-[calc(var(--header-height,0px)+44px)] z-10 flex justify-center bg-white/95 dark:bg-slate-900/95 backdrop-blur-sm border-b border-zinc-200 dark:border-slate-700 px-3 py-1.5", children: _jsx(Pagination, { currentPage: currentPage, totalPages: totalPages, onPageChange: (p) => table.setPage(p) }) })), _jsx("div", { className: "py-6 px-4", children: isLoading ? (_jsx("div", { className: "grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 gap-6", children: Array.from({ length: 6 }).map((_, i) => (_jsx("div", { className: "rounded-xl border border-zinc-100 dark:border-slate-700 overflow-hidden animate-pulse", children: _jsxs("div", { className: "p-4 space-y-3", children: [_jsx("div", { className: "h-4 bg-zinc-200 dark:bg-slate-700 rounded w-3/4" }), _jsx("div", { className: "h-3 bg-zinc-200 dark:bg-slate-700 rounded w-full" }), _jsx("div", { className: "h-3 bg-zinc-200 dark:bg-slate-700 rounded w-2/3" })] }) }, i))) })) : reviews.length === 0 ? (_jsx(Text, { className: "py-12 text-center text-sm text-zinc-500 dark:text-zinc-400", children: "No reviews found." })) : view === "list" ? (_jsx("div", { className: "flex flex-col divide-y divide-zinc-100 dark:divide-zinc-800 rounded-xl border border-zinc-100 dark:border-zinc-800", children: reviews.map((review) => (_jsx(ReviewCard, { review: review, context: "store" }, review.id))) })) : (_jsx("div", { className: "grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 gap-6", children: reviews.map((review) => (_jsx(ReviewCard, { review: review, context: "store" }, review.id))) })) }), _jsx(ListingFilterDrawer, { open: filterOpen, onClose: () => setFilterOpen(false), onApply: applyFilters, onClear: clearFilters, activeCount: activeFilterCount, children: _jsx(ReviewFilters, { table: pendingTable, variant: "public" }) })] }));
 }

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

@@ -0,0 +1,16 @@
+interface StoreScopedSearchProps {
+    storeId: string;
+    storeName: string;
+    /** Override placeholder; falls back to "Search {storeName}…". */
+    placeholder?: string;
+    className?: string;
+}
+/**
+ * W1-19 — inline search input scoped to a single store. Submits to
+ * `/products?storeId={storeId}&q={query}` so the public product listing
+ * filters down to this seller's catalog. Lives alongside `StoreHeader` and
+ * is the store-page complement to the global `<Search>` slot rendered in
+ * `LayoutShellClient`.
+ */
+export declare function StoreScopedSearch({ storeId, storeName, placeholder, className, }: StoreScopedSearchProps): import("react/jsx-runtime").JSX.Element;
+export {};

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

@@ -0,0 +1,27 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useState } from "react";
+import { useRouter } from "next/navigation";
+import { Button, Input, Row } from "../../../ui";
+import { ROUTES } from "../../../next/routing/route-map";
+/**
+ * W1-19 — inline search input scoped to a single store. Submits to
+ * `/products?storeId={storeId}&q={query}` so the public product listing
+ * filters down to this seller's catalog. Lives alongside `StoreHeader` and
+ * is the store-page complement to the global `<Search>` slot rendered in
+ * `LayoutShellClient`.
+ */
+export function StoreScopedSearch({ storeId, storeName, placeholder, className = "", }) {
+    const router = useRouter();
+    const [value, setValue] = useState("");
+    const submit = (e) => {
+        e.preventDefault();
+        const q = value.trim();
+        const base = String(ROUTES.PUBLIC.PRODUCTS);
+        const params = new URLSearchParams({ storeId });
+        if (q)
+            params.set("q", q);
+        router.push(`${base}?${params.toString()}`);
+    };
+    return (_jsx("form", { onSubmit: submit, className: `w-full ${className}`, children: _jsxs(Row, { gap: "sm", align: "center", className: "w-full", children: [_jsx(Input, { type: "search", value: value, onChange: (e) => setValue(e.target.value), placeholder: placeholder ?? `Search ${storeName}…`, "aria-label": `Search ${storeName}`, className: "flex-1" }), _jsx(Button, { type: "submit", variant: "primary", size: "sm", children: "Search" })] }) }));
+}

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

@@ -1,3 +1,2 @@
-export interface StoreSettingsGuideViewProps {
-}
+export type StoreSettingsGuideViewProps = Record<string, never>;
 export declare function StoreSettingsGuideView(_props: StoreSettingsGuideViewProps): import("react/jsx-runtime").JSX.Element;

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

@@ -1,10 +1,9 @@
 "use client";
-import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { useState, useCallback, useMemo } from "react";
-import { SlidersHorizontal, X } from "lucide-react";
 import { useUrlTable } from "../../../react/hooks/useUrlTable";
 import { useStores } from "../hooks/useStores";
-import { BulkActionBar, ListingToolbar, Pagination, Text } from "../../../ui";
+import { BulkActionBar, ListingFilterDrawer, ListingToolbar, Pagination, Text } from "../../../ui";
 import { ROUTES } from "../../../next";
 import { InteractiveStoreCard } from "./InteractiveStoreCard";
 import { StoreFilters } from "./StoreFilters";
@@ -150,5 +149,5 @@ export function StoresIndexListing({ initialData }) {
                                     },
                                 ] } } : {});
                         return (_jsx(InteractiveStoreCard, { store: store, href: String(ROUTES.PUBLIC.STORE_DETAIL(storeKey)), selectable: selection.isSelecting, isSelected: selection.isSelected(store.id ?? store.storeSlug), onSelect: (id, sel) => { void sel; selection.toggle(id); } }, storeKey));
-                    }) })) }), filterOpen && (_jsxs(_Fragment, { children: [_jsx("div", { className: "fixed inset-0 z-40 bg-black/40", "aria-hidden": "true", onClick: () => setFilterOpen(false) }), _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"] }), _jsxs("div", { className: "flex items-center gap-2", children: [pendingFilterCount > 0 && (_jsx("button", { type: "button", onClick: clearFilters, className: "text-xs text-zinc-500 hover:text-rose-500 dark:text-zinc-400 transition-colors", children: "Clear all" })), _jsx("button", { type: "button", onClick: () => setFilterOpen(false), "aria-label": "Close filters", className: "rounded-lg p-1.5 text-zinc-500 dark:text-zinc-400 hover:bg-zinc-100 dark:hover:bg-zinc-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(StoreFilters, { table: pendingTable }) }), _jsx("div", { className: "border-t border-zinc-200 dark:border-slate-700 px-4 py-3.5", children: _jsxs("button", { type: "button", onClick: applyFilters, className: "w-full rounded-lg bg-primary py-2.5 text-sm font-semibold text-white hover:bg-primary-600 transition-colors active:scale-[0.98]", children: ["Apply Filters", pendingFilterCount > 0 ? ` (${pendingFilterCount})` : ""] }) })] })] }))] }));
+                    }) })) }), _jsx(ListingFilterDrawer, { open: filterOpen, onClose: () => setFilterOpen(false), onApply: applyFilters, onClear: clearFilters, activeCount: pendingFilterCount, children: _jsx(StoreFilters, { table: pendingTable }) })] }));
 }

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

@@ -4,7 +4,6 @@
  * Server-only entry point — repositories and API route handlers.
  */
 export * from "./actions";
-export { StoresRepository } from "./repository/stores.repository";
 export { StoreRepository, storeRepository, } from "./repository/store.repository";
 export { GET as storesGET, GET } from "./api/route";
 export { GET as storeSlugGET } from "./api/[storeSlug]/route";

package/dist/features/stores/server.js

@@ -4,7 +4,6 @@
  * Server-only entry point — repositories and API route handlers.
  */
 export * from "./actions";
-export { StoresRepository } from "./repository/stores.repository";
 export { StoreRepository, storeRepository, } from "./repository/store.repository";
 // SB-UNI-A 2026-05-13 — storeAddressRepository deleted. Use addressesRepository
 // (top-level addresses collection with ownerType:"store").

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

@@ -23,6 +23,9 @@ export declare const TicketCategoryValues: {
     readonly REFUND_REQUEST: "refund_request";
     readonly AUCTION_DISPUTE: "auction_dispute";
     readonly GENERAL: "general";
+    readonly STORE_CHANGE_REQUEST: "store_change_request";
+    readonly ORDER_MODIFICATION_REQUEST: "order_modification_request";
+    readonly UNBAN_REQUEST: "unban_request";
 };
 export type TicketCategory = (typeof TicketCategoryValues)[keyof typeof TicketCategoryValues];
 export declare const TicketStatusValues: {
@@ -54,6 +57,19 @@ export interface TicketMessage {
     attachments?: string[];
     createdAt: Date;
 }
+/**
+ * Subject entities a ticket concerns. Assigned by admin/support agents so a
+ * single ticket can reference the buyer, store, order, product, or bid in
+ * dispute. Used to render clickable chips in the ticket detail view that link
+ * to the relevant admin detail page.
+ */
+export interface TicketRelatedParties {
+    userId?: string;
+    storeId?: string;
+    orderId?: string;
+    productId?: string;
+    bidId?: string;
+}
 export interface SupportTicketDocument {
     id: string;
     userId: string;
@@ -67,6 +83,11 @@ export interface SupportTicketDocument {
     description: string;
     /** Linked order ID — required when category === "order_issue". */
     orderId?: string;
+    /**
+     * ST-6 — subjects of the ticket. Admin/support assignable. `orderId` is
+     * mirrored here for consistency when set via the linked-parties panel.
+     */
+    relatedParties?: TicketRelatedParties;
     status: TicketStatus;
     priority: TicketPriority;
     /** UID of the assigned employee. */
@@ -86,7 +107,7 @@ export interface SupportTicketDocument {
     updatedAt: Date;
 }
 export type SupportTicketCreateInput = Pick<SupportTicketDocument, "userId" | "userEmail" | "userDisplayName" | "category" | "subject" | "description" | "orderId">;
-export type SupportTicketUpdateInput = Partial<Pick<SupportTicketDocument, "status" | "priority" | "assignedTo" | "assignedToName" | "internalNotes" | "resolvedAt" | "closedAt">>;
+export type SupportTicketUpdateInput = Partial<Pick<SupportTicketDocument, "status" | "priority" | "assignedTo" | "assignedToName" | "internalNotes" | "resolvedAt" | "closedAt" | "relatedParties">>;
 export declare const SUPPORT_TICKET_COLLECTION: "supportTickets";
 export declare const SUPPORT_TICKET_ID_PREFIX: "ticket-";
 export declare const SUPPORT_TICKET_INDEXED_FIELDS: readonly ["userId", "status", "category", "priority", "assignedTo", "orderId", "createdAt", "updatedAt"];

package/dist/features/support/schemas/firestore.js

@@ -26,6 +26,16 @@ export const TicketCategoryValues = {
     REFUND_REQUEST: "refund_request",
     AUCTION_DISPUTE: "auction_dispute",
     GENERAL: "general",
+    // ST-4 — sellers request admin-only field changes on their store
+    // (status / capabilities / isVerified) through this category.
+    STORE_CHANGE_REQUEST: "store_change_request",
+    // ST-3 — buyers/sellers request mutation of order line items
+    // (wrong item shipped, partial fulfilment, bundle correction).
+    ORDER_MODIFICATION_REQUEST: "order_modification_request",
+    // ST-5 — users appeal a soft-ban or hard-ban via this category.
+    // Server bypasses the create_support_tickets soft-ban guard and the
+    // active-ticket limit so the user always has an appeal channel.
+    UNBAN_REQUEST: "unban_request",
 };
 export const TicketStatusValues = {
     OPEN: "open",

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

@@ -4,5 +4,4 @@
  * Server-only entry point for wishlist repositories.
  */
 export * from "./actions";
-export { WishlistRepository } from "./repository/wishlist.repository";
 export { UserWishlistRepository, wishlistRepository, WishlistFullError, type UserWishlistItem, type WishlistDocument, type WishlistItemSnapshot, } from "./repository/user-wishlist.repository";

package/dist/features/wishlist/server.js

@@ -4,5 +4,4 @@
  * Server-only entry point for wishlist repositories.
  */
 export * from "./actions";
-export { WishlistRepository } from "./repository/wishlist.repository";
 export { UserWishlistRepository, wishlistRepository, WishlistFullError, } from "./repository/user-wishlist.repository";