@mohasinac/appkit 2.2.0 → 2.3.0

package/dist/features/categories/components/CategoryTree.js

@@ -1,49 +0,0 @@
-"use client";
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useState } from "react";
-import { Div, Span, Text } from "../../../ui";
-function CategoryTreeNode({ item, children = [], activeId, onSelect, depth = 0, }) {
-    const hasChildren = children.length > 0;
-    const isActive = item.id === activeId;
-    const [expanded, setExpanded] = useState(true);
-    const indent = depth * 16;
-    return (_jsxs(Div, { children: [_jsxs(Div, { role: "treeitem", "aria-expanded": hasChildren ? expanded : undefined, "aria-selected": isActive, tabIndex: 0, onKeyDown: (e) => {
-                    if (e.key === "Enter" || e.key === " ") {
-                        if (hasChildren)
-                            setExpanded((p) => !p);
-                        onSelect?.(item);
-                        e.preventDefault();
-                    }
-                }, onClick: () => {
-                    if (hasChildren)
-                        setExpanded((p) => !p);
-                    onSelect?.(item);
-                }, className: `flex cursor-pointer items-center gap-1 rounded-md px-2 py-1.5 text-sm transition select-none
-          ${isActive ? "bg-primary-50 font-semibold text-primary-700 dark:bg-primary-900/30 dark:text-primary-400" : "text-neutral-700 hover:bg-neutral-50 dark:text-zinc-300 dark:hover:bg-zinc-800"}`, style: { paddingLeft: `${8 + indent}px` }, children: [hasChildren && (_jsx(Span, { "aria-hidden": "true", className: `text-xs text-neutral-400 dark:text-zinc-500 transition-transform duration-150 ${expanded ? "rotate-90" : ""}`, children: "\u25B6" })), !hasChildren && _jsx(Span, { className: "w-3" }), item.display?.icon && (_jsx(Span, { className: "flex-shrink-0 text-base", "aria-hidden": "true", children: item.display.icon })), _jsx(Text, { className: "flex-1 truncate", children: item.name }), item.metrics && (_jsx(Span, { className: "ml-auto flex-shrink-0 text-xs text-neutral-400 dark:text-zinc-500 tabular-nums", children: item.metrics.productCount }))] }), hasChildren && expanded && (_jsx(Div, { role: "group", children: children.map((child) => (_jsx(CategoryTreeNode, { item: child, activeId: activeId, onSelect: onSelect, depth: depth + 1 }, child.id))) }))] }));
-}
-/**
- * CategoryTree — hierarchical expandable navigation for categories.
- *
- * Builds a tree from a flat list by grouping on `rootId` and `parentIds`.
- * Root-level nodes have `tier === 0` or no `parentIds`.
- */
-export function CategoryTree({ categories, activeId, onSelect, className = "", }) {
-    // Group children by parent
-    const childMap = new Map();
-    const roots = [];
-    for (const cat of categories) {
-        const parent = cat.parentIds?.[cat.parentIds.length - 1];
-        if (parent) {
-            if (!childMap.has(parent))
-                childMap.set(parent, []);
-            childMap.get(parent).push(cat);
-        }
-        else {
-            roots.push(cat);
-        }
-    }
-    if (roots.length === 0) {
-        return (_jsx(Text, { className: "py-4 text-center text-sm text-neutral-500 dark:text-zinc-500", children: "No categories" }));
-    }
-    return (_jsx(Div, { role: "tree", "aria-label": "Category navigation", className: `select-none ${className}`, children: roots.map((root) => (_jsx(CategoryTreeNode, { item: root, children: childMap.get(root.id), activeId: activeId, onSelect: onSelect, depth: 0 }, root.id))) }));
-}

package/dist/features/categories/components/ConcernCard.d.ts

@@ -1,8 +0,0 @@
-import type { CategoryItem } from "../types";
-interface ConcernCardProps {
-    concern: CategoryItem;
-    onClick?: (concern: CategoryItem) => void;
-    className?: string;
-}
-export declare function ConcernCard({ concern, onClick, className, }: ConcernCardProps): import("react/jsx-runtime").JSX.Element;
-export {};

package/dist/features/categories/components/ConcernCard.js

@@ -1,5 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Button, Div, Heading, Text } from "../../../ui";
-export function ConcernCard({ concern, onClick, className = "", }) {
-    return (_jsxs(Button, { type: "button", variant: "outline", onClick: () => onClick?.(concern), className: `group flex flex-col items-center gap-3 rounded-xl border border-neutral-200 bg-white p-4 text-center shadow-sm transition hover:border-primary hover:shadow-md ${className}`, children: [concern.display?.coverImage && (_jsx(Div, { role: "img", "aria-label": concern.name, className: "h-16 w-16 rounded-full bg-center bg-cover", style: { backgroundImage: `url(${concern.display.coverImage})` } })), _jsxs(Div, { children: [_jsx(Heading, { level: 3, className: "text-sm font-semibold text-neutral-900 group-hover:text-primary", children: concern.name }), concern.description && (_jsx(Text, { className: "mt-1 text-xs text-neutral-500 line-clamp-2", children: concern.description }))] })] }));
-}

package/dist/features/categories/components/ConcernGrid.d.ts

@@ -1,8 +0,0 @@
-import type { CategoryItem } from "../types";
-interface ConcernGridProps {
-    concerns: CategoryItem[];
-    onSelect?: (concern: CategoryItem) => void;
-    className?: string;
-}
-export declare function ConcernGrid({ concerns, onSelect, className, }: ConcernGridProps): import("react/jsx-runtime").JSX.Element | null;
-export {};

package/dist/features/categories/components/ConcernGrid.js

@@ -1,8 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { Grid } from "../../../ui";
-import { ConcernCard } from "./ConcernCard";
-export function ConcernGrid({ concerns, onSelect, className = "", }) {
-    if (concerns.length === 0)
-        return null;
-    return (_jsx(Grid, { cols: "categoryCards", className: className, children: concerns.map((concern) => (_jsx(ConcernCard, { concern: concern, onClick: onSelect }, concern.id))) }));
-}

package/dist/features/categories/components/index.d.ts

@@ -1,22 +0,0 @@
-export type { CategoryCardProps, CategoryGridProps } from "./CategoryGrid";
-export { CategoryCard, CategoryGrid } from "./CategoryGrid";
-export type { CategoryTreeProps } from "./CategoryTree";
-export { CategoryTree } from "./CategoryTree";
-export type { BreadcrumbTrailProps } from "./BreadcrumbTrail";
-export { BreadcrumbTrail } from "./BreadcrumbTrail";
-export { ConcernCard } from "./ConcernCard";
-export { ConcernGrid } from "./ConcernGrid";
-export { CategoriesListView } from "./CategoriesListView";
-export type { CategoriesListViewProps } from "./CategoriesListView";
-export { CategoryFilters, CATEGORY_FILTER_KEYS, CATEGORY_ADMIN_SORT_OPTIONS, CATEGORY_SELLER_SORT_OPTIONS, CATEGORY_PUBLIC_SORT_OPTIONS, getCategoryFilterKeys, getCategorySortOptions, } from "./CategoryFilters";
-export type { CategoryFiltersProps, CategoryFilterVariant, } from "./CategoryFilters";
-export { CategorySortSelect } from "./CategorySortSelect";
-export type { CategorySortSelectProps } from "./CategorySortSelect";
-export { CategoryProductsView } from "./CategoryProductsView";
-export type { CategoryProductsViewProps } from "./CategoryProductsView";
-export { CategoryForm } from "./CategoryForm";
-export type { CategoryFormProps, CategoryFormLabels } from "./CategoryForm";
-export { CategorySelectorCreate } from "./CategorySelectorCreate";
-export type { CategorySelectorCreateProps, CategorySelectorCreateLabels, } from "./CategorySelectorCreate";
-export { getCategoryTableColumns } from "./CategoryTableColumns";
-export type { CategoryTableColumnsLabels } from "./CategoryTableColumns";

package/dist/features/categories/components/index.js

@@ -1,12 +0,0 @@
-export { CategoryCard, CategoryGrid } from "./CategoryGrid";
-export { CategoryTree } from "./CategoryTree";
-export { BreadcrumbTrail } from "./BreadcrumbTrail";
-export { ConcernCard } from "./ConcernCard";
-export { ConcernGrid } from "./ConcernGrid";
-export { CategoriesListView } from "./CategoriesListView";
-export { CategoryFilters, CATEGORY_FILTER_KEYS, CATEGORY_ADMIN_SORT_OPTIONS, CATEGORY_SELLER_SORT_OPTIONS, CATEGORY_PUBLIC_SORT_OPTIONS, getCategoryFilterKeys, getCategorySortOptions, } from "./CategoryFilters";
-export { CategorySortSelect } from "./CategorySortSelect";
-export { CategoryProductsView } from "./CategoryProductsView";
-export { CategoryForm } from "./CategoryForm";
-export { CategorySelectorCreate } from "./CategorySelectorCreate";
-export { getCategoryTableColumns } from "./CategoryTableColumns";

package/dist/features/categories/hooks/useCategories.d.ts

@@ -1,26 +0,0 @@
-import type { CategoryItem } from "../types";
-interface UseCategoriesListOptions {
-    initialData?: CategoryItem[];
-    enabled?: boolean;
-}
-export declare function useCategoriesList(opts?: UseCategoriesListOptions): {
-    categories: CategoryItem[];
-    total: number;
-    isLoading: boolean;
-    error: Error | null;
-};
-interface UseCategoryDetailOptions {
-    initialCategory?: CategoryItem;
-    initialChildren?: CategoryItem[];
-    enabled?: boolean;
-    categoryEndpoint?: string;
-    childrenEndpoint?: string;
-}
-export declare function useCategoryDetail(slug: string, opts?: UseCategoryDetailOptions): {
-    category: CategoryItem | null;
-    children: CategoryItem[];
-    isLoading: boolean;
-    childrenLoading: boolean;
-    error: Error | null;
-};
-export {};

package/dist/features/categories/hooks/useCategories.js

@@ -1,50 +0,0 @@
-"use client";
-import { useQuery } from "@tanstack/react-query";
-import { apiClient } from "../../../http";
-import { CATEGORY_ENDPOINTS } from "../../../constants/api-endpoints";
-export function useCategoriesList(opts) {
-    const query = useQuery({
-        queryKey: ["categories", "flat"],
-        queryFn: () => apiClient.get(CATEGORY_ENDPOINTS.FLAT),
-        initialData: opts?.initialData,
-        enabled: opts?.enabled,
-        staleTime: 5 * 60 * 1000, // 5 min — categories change infrequently
-    });
-    return {
-        categories: query.data ?? [],
-        total: query.data?.length ?? 0,
-        isLoading: query.isLoading,
-        error: query.error,
-    };
-}
-export function useCategoryDetail(slug, opts) {
-    const categoryEndpoint = opts?.categoryEndpoint ?? CATEGORY_ENDPOINTS.BY_SLUG(encodeURIComponent(slug));
-    const categoryQuery = useQuery({
-        queryKey: ["categories", "slug", slug],
-        queryFn: async () => {
-            try {
-                return await apiClient.get(categoryEndpoint);
-            }
-            catch {
-                return null;
-            }
-        },
-        initialData: opts?.initialCategory ?? undefined,
-        enabled: opts?.enabled !== false && !!slug,
-    });
-    const category = categoryQuery.data ?? null;
-    const childrenEndpoint = opts?.childrenEndpoint ?? CATEGORY_ENDPOINTS.BY_PARENT(encodeURIComponent(category.id));
-    const childrenQuery = useQuery({
-        queryKey: ["categories", "children", category?.id ?? ""],
-        queryFn: () => apiClient.get(childrenEndpoint),
-        enabled: !!category?.id,
-        initialData: opts?.initialChildren,
-    });
-    return {
-        category,
-        children: childrenQuery.data ?? [],
-        isLoading: categoryQuery.isLoading,
-        childrenLoading: childrenQuery.isLoading,
-        error: categoryQuery.error,
-    };
-}

package/dist/features/categories/hooks/useCategorySelector.d.ts

@@ -1,26 +0,0 @@
-import type { CategoryItem } from "../types";
-export interface UseCategorySelectorOptions {
-    categoriesEndpoint?: string;
-    createCategoryEndpoint?: string;
-    onCreated?: (id: string) => void;
-    onCreateError?: (err: Error) => void;
-}
-export declare function useCategorySelector(options?: UseCategorySelectorOptions): {
-    categories: CategoryItem[];
-    isLoading: boolean;
-    refetch: (options?: import("@tanstack/query-core").RefetchOptions) => Promise<import("@tanstack/query-core").QueryObserverResult<CategoryItem[], Error>>;
-    createCategory: import("@tanstack/react-query").UseMutateFunction<CategoryItem, Error, Record<string, unknown>, unknown>;
-    isCreating: boolean;
-};
-export declare function useCategories(options?: {
-    endpoint?: string;
-}): {
-    categories: CategoryItem[];
-    isLoading: boolean;
-    refetch: (options?: import("@tanstack/query-core").RefetchOptions) => Promise<import("@tanstack/query-core").QueryObserverResult<CategoryItem[], Error>>;
-};
-export declare function useCreateCategory(options?: {
-    endpoint?: string;
-    onSuccess?: (res: CategoryItem) => void;
-    onError?: (err: Error) => void;
-}): import("@tanstack/react-query").UseMutationResult<CategoryItem, Error, Record<string, unknown>, unknown>;

package/dist/features/categories/hooks/useCategorySelector.js

@@ -1,42 +0,0 @@
-"use client";
-import { useMutation, useQuery } from "@tanstack/react-query";
-import { apiClient } from "../../../http";
-import { CATEGORY_ENDPOINTS } from "../../../constants/api-endpoints";
-export function useCategorySelector(options) {
-    const categoriesEndpoint = options?.categoriesEndpoint ?? CATEGORY_ENDPOINTS.FLAT;
-    const createCategoryEndpoint = options?.createCategoryEndpoint ?? CATEGORY_ENDPOINTS.LIST;
-    const { data: raw, isLoading, refetch, } = useQuery({
-        queryKey: ["categories"],
-        queryFn: () => apiClient.get(categoriesEndpoint),
-    });
-    const categories = raw ?? [];
-    const { mutate: createCategory, isPending: isCreating } = useMutation({
-        mutationFn: (data) => apiClient.post(createCategoryEndpoint, data),
-        onSuccess: (res) => {
-            refetch();
-            options?.onCreated?.(res?.id ?? "");
-        },
-        onError: options?.onCreateError,
-    });
-    return { categories, isLoading, refetch, createCategory, isCreating };
-}
-export function useCategories(options) {
-    const endpoint = options?.endpoint ?? CATEGORY_ENDPOINTS.FLAT;
-    const { data: raw, isLoading, refetch, } = useQuery({
-        queryKey: ["categories"],
-        queryFn: () => apiClient.get(endpoint),
-    });
-    return {
-        categories: raw ?? [],
-        isLoading,
-        refetch,
-    };
-}
-export function useCreateCategory(options) {
-    const endpoint = options?.endpoint ?? CATEGORY_ENDPOINTS.LIST;
-    return useMutation({
-        mutationFn: (data) => apiClient.post(endpoint, data),
-        onSuccess: options?.onSuccess,
-        onError: options?.onError,
-    });
-}

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

@@ -1,7 +0,0 @@
-export * from "./types";
-export * from "./hooks/useCategories";
-export * from "./hooks/useCategorySelector";
-export * from "./components";
-export * from "./schemas";
-export * from "./columns";
-export { manifest } from "./manifest";

package/dist/features/categories/index.js

@@ -1,7 +0,0 @@
-export * from "./types";
-export * from "./hooks/useCategories";
-export * from "./hooks/useCategorySelector";
-export * from "./components";
-export * from "./schemas";
-export * from "./columns";
-export { manifest } from "./manifest";

package/dist/features/categories/manifest.d.ts

@@ -1,2 +0,0 @@
-import type { FeatureManifest } from "../../contracts";
-export declare const manifest: FeatureManifest;

package/dist/features/categories/manifest.js

@@ -1,20 +0,0 @@
-export const manifest = {
-    name: "categories",
-    i18nNamespace: "categories",
-    envKeys: [],
-    routes: [
-        { segment: "[locale]/categories", exports: { default: "CategoriesView" } },
-        {
-            segment: "[locale]/categories/[slug]",
-            exports: { default: "CategoryDetailView" },
-        },
-        { segment: "[locale]/concern", exports: { default: "ConcernListPageView" } },
-        { segment: "[locale]/concern/[slug]", exports: { default: "ConcernPageView" } },
-    ],
-    apiRoutes: [
-        { segment: "api/categories", methods: ["GET", "POST"] },
-        { segment: "api/categories/[id]", methods: ["GET", "PATCH", "DELETE"] },
-        { segment: "api/categories/[id]/children", methods: ["GET"] },
-        { segment: "api/categories/flat", methods: ["GET"] },
-    ],
-};

package/dist/features/categories/messages/en.json

@@ -1,14 +0,0 @@
-{
-  "title": "Categories",
-  "allCategories": "All Categories",
-  "noCategories": "No categories found",
-  "exploreAll": "Explore All",
-  "items": "{{count}} items",
-  "viewAll": "View All",
-  "concern": {
-    "title": "Shop by Concern",
-    "subtitle": "Find products tailored to your skin and hair needs",
-    "seeAll": "See all concerns",
-    "noProducts": "No products found for this concern"
-  }
-}

package/dist/features/categories/repository/categories.repository.d.ts

@@ -1,31 +0,0 @@
-import "server-only";
-import { BaseRepository, type FirebaseSieveFields, type FirebaseSieveResult, type SieveModel } from "../../../providers/db-firebase";
-import { type CategoryCreateInput, type CategoryDocument, type CategoryMoveInput, type CategoryTreeNode } from "../schemas";
-export declare class CategoriesRepository extends BaseRepository<CategoryDocument> {
-    static readonly SIEVE_FIELDS: FirebaseSieveFields;
-    constructor();
-    list(model: SieveModel): Promise<FirebaseSieveResult<CategoryDocument>>;
-    createWithHierarchy(input: CategoryCreateInput): Promise<CategoryDocument>;
-    getCategoryBySlug(slug: string): Promise<CategoryDocument | null>;
-    getRootCategories(): Promise<CategoryDocument[]>;
-    getLeafCategories(): Promise<CategoryDocument[]>;
-    getCategoriesByTier(tier: number): Promise<CategoryDocument[]>;
-    getCategoriesByRootId(rootId: string): Promise<CategoryDocument[]>;
-    getChildren(parentId: string): Promise<CategoryDocument[]>;
-    getFeaturedCategories(): Promise<CategoryDocument[]>;
-    getBrandCategories(limit?: number): Promise<CategoryDocument[]>;
-    updateMetrics(categoryId: string, productDelta: number, auctionDelta: number, productId?: string): Promise<void>;
-    moveCategory(input: CategoryMoveInput): Promise<CategoryDocument>;
-    buildTree(rootId?: string): Promise<CategoryTreeNode[]>;
-    toggleFeatured(categoryId: string, featured: boolean): Promise<CategoryDocument>;
-    /**
-     * Cloud Functions: stage metric increments into a caller-owned WriteBatch.
-     * The caller must have already fetched `parentIds` for the category.
-     */
-    updateMetricsInBatch(batch: import("firebase-admin/firestore").WriteBatch, categoryId: string, parentIds: string[], productDelta: number, auctionDelta: number, productId?: string): void;
-    /**
-     * Cloud Functions: full-overwrite category metrics (used by nightly reconciliation job).
-     */
-    setMetrics(categoryId: string, productCount: number, auctionCount: number, productIds: string[], auctionIds: string[]): Promise<void>;
-}
-export declare const categoriesRepository: CategoriesRepository;