@@ -24,6 +30,8 @@ export function TopSellingCarousel({ products }: { products: Product[] }) {
brand={product.brand ?? ""}
price={product.price}
image={product.image ?? "/images/placeholder.svg"}
+ href={productHref(product)}
+ contactPhone={contactPhone}
/>
))}
diff --git a/src/components/ui/Placeholder.tsx b/src/components/ui/Placeholder.tsx
index f942cf1..f1aacac 100644
--- a/src/components/ui/Placeholder.tsx
+++ b/src/components/ui/Placeholder.tsx
@@ -5,6 +5,7 @@ type PlaceholderProps = {
height?: string;
label?: string;
className?: string;
+ fit?: "cover" | "contain";
};
export function Placeholder({
@@ -14,6 +15,7 @@ export function Placeholder({
height,
label,
className = "",
+ fit = "cover",
}: PlaceholderProps) {
return (
{label && (
diff --git a/src/components/ui/ProductCard.tsx b/src/components/ui/ProductCard.tsx
index 9b3f30a..465e1ee 100644
--- a/src/components/ui/ProductCard.tsx
+++ b/src/components/ui/ProductCard.tsx
@@ -4,11 +4,14 @@ import { formatPrice } from "@/data/sample";
type ProductCardProps = {
name: string;
brand: string;
- price: number;
- oldPrice?: number;
+ price: number | null;
+ oldPrice?: number | null;
discount?: number;
image: string;
variant?: "sale" | "default" | "brand";
+ href?: string;
+ fluid?: boolean;
+ contactPhone?: string;
};
export function ProductCard({
@@ -19,17 +22,19 @@ export function ProductCard({
discount,
image,
variant = "default",
+ href,
+ fluid = false,
+ contactPhone,
}: ProductCardProps) {
- return (
-
+ const info = (
+ <>
{discount && (
@@ -42,7 +47,7 @@ export function ProductCard({
)}
-
+
{brand}
@@ -51,8 +56,14 @@ export function ProductCard({
- {formatPrice(price)}
- تومان
+ {price != null ? (
+ <>
+ {formatPrice(price)}
+ تومان
+
+ ) : (
+ تماس با فروشگاه
+ )}
{oldPrice && (
@@ -60,12 +71,40 @@ export function ProductCard({
)}
-
+
+
+ );
+
+ return (
+
+ {href ? {info} : info}
+
+ {price != null ? (
+
+ ) : contactPhone ? (
+
+ 📞
+ تماس با فروشگاه
+
+ ) : (
+
+ )}
);
diff --git a/src/lib/meshkee.ts b/src/lib/meshkee.ts
index 0fa5026..8e78bc8 100644
--- a/src/lib/meshkee.ts
+++ b/src/lib/meshkee.ts
@@ -60,32 +60,51 @@ export async function getCategories(): Promise
{
return res?.items ?? [];
}
-export type CategoryGroup = {
+// Real category hierarchy from /categories (id, parentId, name, nameFa, slug).
+// Level 1 = root, used only as an internal grouping key for menu columns — never
+// rendered. Level 2 items carry their level 3 children (if any) in `children`.
+export type CategoryNode = {
id: string;
- key: string;
- title: string;
- items: { name: string; href?: string }[];
+ slug: string;
+ name: string;
+ nameFa: string;
+ children: CategoryNode[];
};
-function normalizeGroupLinkItem(raw: unknown): { name: string; href?: string } {
- if (typeof raw === "string") return { name: raw };
- const item = raw as Record;
- return {
- name: String(item.name ?? item.title ?? item.label ?? ""),
- href: typeof item.slug === "string" ? item.slug : undefined,
- };
-}
+export type CategoryTreeGroup = {
+ id: string;
+ items: CategoryNode[];
+};
-export async function getCategoryGroups(): Promise {
- const res = await apiGet<{ items: Record[] }>(
- `/tenants/${DOMAIN}/website/category-groups`,
- );
- return (res?.items ?? []).map((group) => ({
- id: String(group.id ?? group.key ?? ""),
- key: String(group.key ?? group.id ?? ""),
- title: String(group.title ?? ""),
- items: Array.isArray(group.items) ? group.items.map(normalizeGroupLinkItem) : [],
- }));
+export async function getCategoryTree(): Promise {
+ const res = await apiGet<{ items: Record[] }>(`/tenants/${DOMAIN}/categories`, {
+ entityType: "product",
+ });
+ const raw = res?.items ?? [];
+
+ const toNode = (item: Record): CategoryNode => ({
+ id: String(item.id ?? ""),
+ slug: String(item.slug ?? ""),
+ name: String(item.name ?? ""),
+ nameFa: String(item.nameFa ?? item.name ?? ""),
+ children: [],
+ });
+
+ const roots = raw.filter((item) => !item.parentId);
+ const groups: CategoryTreeGroup[] = roots.map((root) => {
+ const level2 = raw
+ .filter((item) => String(item.parentId) === String(root.id))
+ .map((item) => {
+ const node = toNode(item);
+ node.children = raw
+ .filter((child) => String(child.parentId) === String(item.id))
+ .map(toNode);
+ return node;
+ });
+ return { id: String(root.id ?? ""), items: level2 };
+ });
+
+ return groups.filter((group) => group.items.length > 0);
}
export type Product = {
@@ -93,8 +112,8 @@ export type Product = {
slug: string;
name: string;
brand?: string;
- price: number;
- oldPrice?: number;
+ price: number | null;
+ oldPrice?: number | null;
discount?: number;
image?: string | null;
};
@@ -103,20 +122,35 @@ function normalizeProduct(raw: Record): Product {
const images = raw.images as unknown[] | undefined;
const firstImage = images?.[0];
const brand = raw.brand;
+ const store = raw.store as Record | undefined;
+ // Some sources (store-specials, brand-groups) nest price on the first variant
+ // instead of the item itself.
+ const variants = raw.variants as Record[] | undefined;
+ const firstVariant = variants?.[0];
+ const price =
+ store?.minPrice ?? raw.discountedPrice ?? raw.price ?? firstVariant?.discountedPrice ?? firstVariant?.price;
+ const oldPrice = raw.discountedPrice != null && raw.price != null ? raw.price : raw.oldPrice;
return {
- id: String(raw.id ?? raw.slug ?? ""),
- slug: String(raw.slug ?? raw.id ?? ""),
- name: String(raw.name ?? raw.title ?? ""),
+ id: String(raw.id ?? ""),
+ // Group sources (store-specials, brand-groups, store-items) don't include a
+ // product slug, so leave it empty rather than fabricating a broken URL from
+ // the id — callers should fall back to a name search when this is empty.
+ slug: String(raw.slug ?? ""),
+ name: String(
+ raw.title ?? raw.nameFa ?? raw.name ?? raw.productTitle ?? raw.productNameFa ?? "",
+ ),
brand:
typeof brand === "string"
? brand
: ((brand as Record | undefined)?.name as string | undefined) ??
(raw.brandName as string | undefined),
- price: Number(raw.price ?? raw.salePrice ?? 0),
- oldPrice: raw.oldPrice != null ? Number(raw.oldPrice) : undefined,
+ price: price != null ? Number(price) : null,
+ oldPrice: oldPrice != null ? Number(oldPrice) : undefined,
discount: raw.discount != null ? Number(raw.discount) : undefined,
image:
+ (raw.thumbnailUrl as string | undefined) ??
(raw.image as string | undefined) ??
+ (raw.productImage as string | undefined) ??
(raw.imageUrl as string | undefined) ??
(typeof firstImage === "string"
? firstImage
@@ -125,9 +159,16 @@ function normalizeProduct(raw: Record): Product {
};
}
+export function productHref(product: Product): string {
+ return product.slug
+ ? `/products/${product.slug}`
+ : `/products?q=${encodeURIComponent(product.name)}`;
+}
+
export async function getProducts(params?: {
page?: number;
pageSize?: number;
+ name?: string;
categoryId?: string;
brandId?: string;
tag?: string;
@@ -140,6 +181,156 @@ export async function getProducts(params?: {
return { items: (res?.items ?? []).map(normalizeProduct), total: res?.total ?? 0 };
}
+export type ProductDetail = Product & {
+ descriptionHtml?: string;
+ images: string[];
+ categoryId?: string;
+ categoryName?: string;
+ inStock: boolean;
+ minPrice: number | null;
+ maxPrice: number | null;
+};
+
+function normalizeProductDetail(raw: Record): ProductDetail {
+ const store = raw.store as Record | undefined;
+ const images = raw.images as unknown[] | undefined;
+ return {
+ ...normalizeProduct(raw),
+ descriptionHtml: raw.descriptionHtml as string | undefined,
+ images: (images ?? []).filter((i): i is string => typeof i === "string"),
+ categoryId: raw.categoryId as string | undefined,
+ categoryName:
+ (raw.categoryNameFa as string | undefined) ?? (raw.categoryName as string | undefined),
+ inStock: Boolean(store?.inStock),
+ minPrice: store?.minPrice != null ? Number(store.minPrice) : null,
+ maxPrice: store?.maxPrice != null ? Number(store.maxPrice) : null,
+ };
+}
+
+export async function getProduct(slug: string): Promise {
+ const res = await apiGet<{ product: Record }>(
+ `/tenants/${DOMAIN}/products/${slug}`,
+ );
+ return res?.product ? normalizeProductDetail(res.product) : null;
+}
+
+export async function getProductVariations(slug: string): Promise {
+ const res = await apiGet<{ variations: unknown[] }>(
+ `/tenants/${DOMAIN}/products/${slug}/variations`,
+ );
+ return res?.variations ?? [];
+}
+
+export type TechnicalInfoField = { label: string; value: string };
+
+export async function getProductTechnicalInfo(slug: string): Promise {
+ const res = await apiGet<{ form: unknown; values: Record[] }>(
+ `/tenants/${DOMAIN}/products/${slug}/technical-info`,
+ );
+ return (res?.values ?? []).map((v) => ({
+ label: String(v.label ?? v.name ?? v.key ?? ""),
+ value: String(v.value ?? ""),
+ }));
+}
+
+export type StoreItem = {
+ id: string;
+ productId: string;
+ name: string;
+ image: string | null;
+ price: number | null;
+ discountedPrice: number | null;
+ stockQuantity: number;
+ isFestival: boolean;
+};
+
+function normalizeStoreItem(raw: Record): StoreItem {
+ return {
+ id: String(raw.id ?? ""),
+ productId: String(raw.productId ?? ""),
+ name: String(raw.productTitle ?? raw.productNameFa ?? raw.label ?? ""),
+ image: (raw.productImage as string | undefined) ?? null,
+ price: raw.price != null ? Number(raw.price) : null,
+ discountedPrice: raw.discountedPrice != null ? Number(raw.discountedPrice) : null,
+ stockQuantity: Number(raw.stockQuantity ?? 0),
+ isFestival: Boolean(raw.isFestival),
+ };
+}
+
+export async function getStoreItems(params?: {
+ page?: number;
+ pageSize?: number;
+ categoryId?: string;
+ brandId?: string;
+ productId?: string;
+ name?: string;
+ inStock?: boolean;
+ isFestival?: boolean;
+ minPrice?: number;
+ maxPrice?: number;
+}): Promise<{ items: StoreItem[]; total: number }> {
+ const res = await apiGet<{ items: Record[]; total: number }>(
+ `/tenants/${DOMAIN}/store-items`,
+ params,
+ );
+ return { items: (res?.items ?? []).map(normalizeStoreItem), total: res?.total ?? 0 };
+}
+
+export type BlogSummary = {
+ id: string;
+ slug: string;
+ title: string;
+ abstract?: string;
+ image?: string | null;
+ publishedAt?: string;
+ categoryName?: string;
+};
+
+function normalizeBlog(raw: Record): BlogSummary {
+ return {
+ id: String(raw.id ?? ""),
+ slug: String(raw.slug ?? ""),
+ title: String(raw.title ?? ""),
+ abstract: raw.abstract as string | undefined,
+ image: (raw.titleImageUrl as string | undefined) ?? null,
+ publishedAt: raw.publishedAt as string | undefined,
+ categoryName: raw.categoryName as string | undefined,
+ };
+}
+
+export async function getBlogs(params?: {
+ page?: number;
+ pageSize?: number;
+ categoryId?: string;
+ title?: string;
+}): Promise<{ items: BlogSummary[]; total: number }> {
+ const res = await apiGet<{ items: Record[]; total: number }>(
+ `/tenants/${DOMAIN}/blogs`,
+ params,
+ );
+ return { items: (res?.items ?? []).map(normalizeBlog), total: res?.total ?? 0 };
+}
+
+export type BlogDetail = BlogSummary & {
+ mainTextHtml: string;
+ author?: string;
+};
+
+export async function getBlog(slug: string): Promise {
+ const res = await apiGet<{ blog: Record }>(`/tenants/${DOMAIN}/blogs/${slug}`);
+ if (!res?.blog) return null;
+ const blog = res.blog;
+ const author = blog.author as Record | undefined;
+ const authorName = author
+ ? `${(author.firstName as string | undefined) ?? ""} ${(author.lastName as string | undefined) ?? ""}`.trim()
+ : undefined;
+ return {
+ ...normalizeBlog(blog),
+ mainTextHtml: String(blog.mainTextHtml ?? ""),
+ author: authorName || undefined,
+ };
+}
+
export type ProductGroup = {
id: string;
key: string;