+ خانه + / + مجله سلامت +
+{post.title}
+{formatFaDate(post.publishedAt || post.createdAt)}
+
+
+ {post.abstract ? {post.abstract}
: null} + {post.mainTextHtml ? ( + + ) : null} ++ خانه + / + مجله سلامت +
+مجله سلامت
+ + {result.items.length === 0 ? ( +
+
+ ) : (
+ مطلبی منتشر نشده است
+پس از انتشار مقاله در پنل Meshkee، اینجا نمایش داده میشود.
+
+ {result.items.map((post) => (
+
+
+
+ ))}
+
+ )}
+
+ {pageCount > 1 && result.items.length > 0 ? (
+
+
+ {formatFaDate(post.publishedAt || post.createdAt)}
++ {post.title} +
+ {post.abstract ?{post.abstract}
: null} +
+ {Array.from({ length: pageCount }, (_, index) => {
+ const number = index + 1;
+ return (
+
+ {faDigits(number)}
+
+ );
+ })}
+
+ ) : null}
+ + خانه + / + محصولات + / + {title} +
+ +
+
+
+
+ {brand ?
+ {brand}
: null} +{title}
+ {variant.label && variant.label !== title ? ( +{variant.label}
+ ) : null} + +
+ {oldPrice ?
+ {formatPrice(oldPrice)} تومان
: null} ++ {price != null ? ( + <> + {formatPrice(price)} + تومان + + ) : ( + برای قیمت تماس بگیرید + )} +
++ {inStock ? "موجود در داروخانه" : "ناموجود"} +
+ + {variants.length > 1 ? ( +
+ {variants.map((item) => (
+
+ {item.label || variantTitle(item)}
+
+ ))}
+
+ ) : null}
+
+ {inStock ?
+
+
+ {products.length === 0 ? (
+ + خانه + / + محصولات +
++ {categoryTitle || (q ? `جستجو: ${q}` : "همه محصولات")} +
+ {result.total ? ( +{faDigits(result.total)} کالا
+ ) : null} +
+
+ ) : (
+ محصولی برای نمایش وجود ندارد
+بهزودی موجودی فروشگاه از پنل Meshkee اینجا دیده میشود.
+
+ {products.map((product) => (
+
+ )}
+
+ {pageCount > 1 ? (
+
+ {Array.from({ length: pageCount }, (_, index) => {
+ const number = index + 1;
+ const query = new URLSearchParams();
+ if (categoryId) query.set("categoryId", categoryId);
+ if (q) query.set("q", q);
+ query.set("page", String(number));
+ return (
+
+ {faDigits(number)}
+
+ );
+ })}
+
+ ) : null}
+ {children}
;
+ if (href.startsWith("/") || href.startsWith("#")) {
+ return (
+
+ {children}
+
+ );
+ }
+ return (
+
+ {children}
+
+ );
+}
+
+export function SlotMedia({
+ src,
+ alt = "",
+ href,
+ fallbackSrc,
+ aspectRatio,
+ className = "",
+ imgClassName = "absolute inset-0 h-full w-full object-cover",
+ fill = false,
+}: SlotMediaProps) {
+ const image =
-
{about.subtitle}
diff --git a/components/home/BannerRow.tsx b/components/home/BannerRow.tsx index 717db6f..f9000a7 100644 --- a/components/home/BannerRow.tsx +++ b/components/home/BannerRow.tsx @@ -1,18 +1,29 @@ -import Link from "next/link"; import { Container } from "@/components/Container"; -import { Placeholder } from "@/components/Placeholder"; +import { SlotMedia } from "@/components/SlotMedia"; +import type { SlotMediaItem } from "@/lib/static-images"; -type Banner = { id: string; image: string; href: string }; - -export function BannerRow({ banners, columns }: { banners: Banner[]; columns: 2 | 3 }) { +export function BannerRow({ + banners, + columns, + aspectRatio, +}: { + banners?: SlotMediaItem[]; + columns: 2 | 3; + aspectRatio?: string; +}) { return (
- {banners.map((banner) => (
-
-
آخرین مطالب مجله سلامت
نکتههای کاربردی از داروسازان داروخانه
+
+
+ مشاهده همه
+
- {blogs.map((post) => (
+ {list.map((post) => (
-
+
@@ -14,19 +50,23 @@ export function FeaturedCategories() {
{post.date}
- {post.title} + {post.title}
{post.excerpt}
{children}
;
+ if (href.startsWith("/") || href.startsWith("#")) {
+ return (
+
+ {children}
+
+ );
+ }
+ return (
+
+ {children}
+
+ );
+}
+
+export function FeaturedCategories({
+ items,
+ aspectRatio,
+}: {
+ items?: SlotMediaItem[];
+ aspectRatio?: string;
+}) {
+ const list: SlotMediaItem[] =
+ items && items.length > 0
+ ? items
+ : categories.map((category) => ({
+ id: category.id,
+ image: category.image,
+ href: category.href,
+ title: category.title,
+ }));
-export function FeaturedCategories() {
return (
- {categories.map((category) => (
-
+ {list.map((category) => (
+
-
))}
- ([]);
+ const [open, setOpen] = useState(false);
+ const [loading, setLoading] = useState(false);
+ const box = useRef(null);
+
+ useEffect(() => {
+ const onClick = (event: MouseEvent) => {
+ if (!box.current?.contains(event.target as Node)) setOpen(false);
+ };
+ document.addEventListener("mousedown", onClick);
+ return () => document.removeEventListener("mousedown", onClick);
+ }, []);
+
+ useEffect(() => {
+ const value = query.trim();
+ if (value.length <= 2) {
+ setItems([]);
+ setOpen(false);
+ setLoading(false);
+ return;
+ }
+
+ const timer = setTimeout(async () => {
+ setLoading(true);
+ try {
+ const response = await fetch(`/api/search?q=${encodeURIComponent(value)}`);
+ const data = (await response.json()) as { items?: StoreVariant[] };
+ setItems(data.items ?? []);
+ setOpen(true);
+ } catch {
+ setItems([]);
+ } finally {
+ setLoading(false);
+ }
+ }, 250);
+
+ return () => clearTimeout(timer);
+ }, [query]);
+
+ return (
+ (null);
+
+ useEffect(() => {
+ setToken(
+ window.localStorage.getItem("accessToken") ||
+ window.localStorage.getItem("meshkeeToken") ||
+ window.localStorage.getItem("token"),
+ );
+ }, []);
+
+ return (
+
+ {showDescription ? (
+
+ );
+}
diff --git a/components/ui/ProductCard.tsx b/components/ui/ProductCard.tsx
index 1a8e322..aad566b 100644
--- a/components/ui/ProductCard.tsx
+++ b/components/ui/ProductCard.tsx
@@ -5,19 +5,25 @@ import { faDigits, formatPrice } from "@/lib/format";
import type { Product } from "@/lib/data";
export function ProductCard({ product }: { product: Product }) {
+ const href = product.href ?? `/products/${encodeURIComponent(product.id)}`;
+
return (
-
+
{product.discount ? (
{faDigits(product.discount)}٪
) : null}
-
diff --git a/lib/blog.ts b/lib/blog.ts
new file mode 100644
index 0000000..7ff412d
--- /dev/null
+++ b/lib/blog.ts
@@ -0,0 +1,46 @@
+import { meshkeeGet, tenantPath } from "@/lib/meshkee";
+
+export type BlogPost = {
+ id: string;
+ title: string;
+ slug: string;
+ abstract?: string | null;
+ mainTextHtml?: string | null;
+ titleImageUrl?: string | null;
+ publishedAt?: string | null;
+ createdAt?: string | null;
+ commentCount?: number;
+ author?: { name?: string } | string | null;
+};
+
+export type PagedBlogs = {
+ items: BlogPost[];
+ total: number;
+ page: number;
+ pageSize: number;
+};
+
+export async function fetchBlogs(params: { page?: number; pageSize?: number } = {}) {
+ const query = new URLSearchParams();
+ query.set("page", String(params.page ?? 1));
+ query.set("pageSize", String(params.pageSize ?? 12));
+ return meshkeeGet(tenantPath(`/blogs?${query.toString()}`), {
+ items: [],
+ total: 0,
+ page: 1,
+ pageSize: params.pageSize ?? 12,
+ });
+}
+
+export async function fetchBlog(slug: string) {
+ const data = await meshkeeGet<{ blog?: BlogPost }>(tenantPath(`/blogs/${encodeURIComponent(slug)}`), {});
+ return data.blog ?? null;
+}
+
+export function blogImage(post: BlogPost) {
+ return post.titleImageUrl || "/placeholders/blog.svg";
+}
+
+export function blogHref(post: BlogPost) {
+ return `/blog/${encodeURIComponent(post.slug)}`;
+}
diff --git a/lib/categories.ts b/lib/categories.ts
new file mode 100644
index 0000000..80ebb33
--- /dev/null
+++ b/lib/categories.ts
@@ -0,0 +1,65 @@
+import { meshkeeGet, tenantPath } from "@/lib/meshkee";
+
+export type ApiCategory = {
+ id: string;
+ parentId?: string | null;
+ name?: string | null;
+ nameFa?: string | null;
+ slug?: string | null;
+ sortOrder?: number | null;
+ isActive?: boolean;
+};
+
+export type NavCategory = {
+ id: string;
+ title: string;
+ href: string;
+ image?: string;
+ children: { id: string; title: string; href: string }[];
+};
+
+function titleOf(category: ApiCategory) {
+ return category.nameFa?.trim() || category.name?.trim() || "دستهبندی";
+}
+
+function hrefOf(category: ApiCategory) {
+ return `/products?categoryId=${encodeURIComponent(category.id)}`;
+}
+
+export async function fetchProductCategories() {
+ const data = await meshkeeGet<{ items?: ApiCategory[] }>(tenantPath("/categories?entityType=product"), {
+ items: [],
+ });
+ return (data.items ?? []).filter((category) => category.isActive !== false);
+}
+
+export function buildCategoryTree(flat: ApiCategory[]): NavCategory[] {
+ const byId = new Map(flat.map((category) => [String(category.id), category]));
+ const children = new Map();
+
+ for (const category of flat) {
+ const parentId = category.parentId ? String(category.parentId) : "";
+ const key = parentId && byId.has(parentId) ? parentId : "root";
+ const list = children.get(key) ?? [];
+ list.push(category);
+ children.set(key, list);
+ }
+
+ const sort = (list: ApiCategory[]) =>
+ [...list].sort((a, b) => (a.sortOrder ?? 0) - (b.sortOrder ?? 0) || titleOf(a).localeCompare(titleOf(b), "fa"));
+
+ return sort(children.get("root") ?? []).map((root) => ({
+ id: String(root.id),
+ title: titleOf(root),
+ href: hrefOf(root),
+ children: sort(children.get(String(root.id)) ?? []).map((child) => ({
+ id: String(child.id),
+ title: titleOf(child),
+ href: hrefOf(child),
+ })),
+ }));
+}
+
+export async function getNavCategories() {
+ return buildCategoryTree(await fetchProductCategories());
+}
diff --git a/lib/comments.ts b/lib/comments.ts
new file mode 100644
index 0000000..3ea7442
--- /dev/null
+++ b/lib/comments.ts
@@ -0,0 +1,16 @@
+import { meshkeeGet, tenantPath } from "@/lib/meshkee";
+
+export type CommentItem = {
+ id?: string;
+ authorName?: string | null;
+ text?: string | null;
+ createdAt?: string | null;
+};
+
+export async function fetchComments(entityType: "product" | "blog", entityId: string) {
+ const data = await meshkeeGet<{ items?: CommentItem[] }>(
+ tenantPath(`/comments?entityType=${entityType}&entityId=${encodeURIComponent(entityId)}`),
+ { items: [] },
+ );
+ return data.items ?? [];
+}
diff --git a/lib/config.ts b/lib/config.ts
new file mode 100644
index 0000000..fba8544
--- /dev/null
+++ b/lib/config.ts
@@ -0,0 +1,16 @@
+export const websiteDomain =
+ process.env.NEXT_PUBLIC_WEBSITE_DOMAIN ??
+ process.env.WEBSITE_DOMAIN ??
+ process.env.NEXT_PUBLIC_MESHKEE_DOMAIN ??
+ "arjmandpharmacy.com";
+
+export const meshkeeApiBase = (
+ process.env.NEXT_PUBLIC_MESHKEE_API_BASE ??
+ process.env.MESHKEE_API_BASE ??
+ process.env.NEXT_PUBLIC_MESHKEE_API_URL ??
+ "https://api.meshkee.com/api/v1"
+).replace(/\/$/, "");
+
+export const customerPortalUrl = (
+ process.env.NEXT_PUBLIC_CUSTOMER_PORTAL_URL ?? `https://customer.${websiteDomain}`
+).replace(/\/$/, "");
diff --git a/lib/data.ts b/lib/data.ts
index 60867a2..650ec70 100644
--- a/lib/data.ts
+++ b/lib/data.ts
@@ -2,10 +2,12 @@ export type Product = {
id: string;
title: string;
brand: string;
- price: number;
+ price?: number;
oldPrice?: number;
discount?: number;
image: string;
+ href?: string;
+ inStock?: boolean;
};
export type Category = {
@@ -30,10 +32,11 @@ export const site = {
};
export const navLinks = [
- { title: "فروش ویژه", href: "#special-sale" },
- { title: "درباره ما", href: "#about" },
- { title: "سوالات متداول", href: "#faq" },
- { title: "تماس با ما", href: "#contact" },
+ { title: "فروش ویژه", href: "/#special-sale" },
+ { title: "مجله سلامت", href: "/blog" },
+ { title: "درباره ما", href: "/#about" },
+ { title: "سوالات متداول", href: "/#faq" },
+ { title: "تماس با ما", href: "/#contact" },
];
export const categories: Category[] = [
@@ -385,15 +388,15 @@ export const faqs = [
export const footerLinks = {
shop: [
- { title: "فروش ویژه", href: "#special-sale" },
- { title: "پرفروشترینها", href: "#top-selling" },
- { title: "محصولات یگانه", href: "#yeganeh" },
- { title: "دستهبندیها", href: "#categories" },
+ { title: "فروش ویژه", href: "/#special-sale" },
+ { title: "مولتی ویتامین", href: "/#multi-vitamin" },
+ { title: "مکمل بدنسازی", href: "/#body-building-supplement" },
+ { title: "همه محصولات", href: "/products" },
],
pages: [
- { title: "درباره ما", href: "#about" },
- { title: "سوالات متداول", href: "#faq" },
- { title: "تماس با ما", href: "#contact" },
- { title: "مجله سلامت", href: "#blog" },
+ { title: "درباره ما", href: "/#about" },
+ { title: "سوالات متداول", href: "/#faq" },
+ { title: "تماس با ما", href: "/#contact" },
+ { title: "مجله سلامت", href: "/blog" },
],
};
diff --git a/lib/format.ts b/lib/format.ts
index 083aef4..d67ff00 100644
--- a/lib/format.ts
+++ b/lib/format.ts
@@ -5,3 +5,10 @@ export function faDigits(value: string | number) {
export function formatPrice(value: number) {
return faDigits(value.toLocaleString("en-US"));
}
+
+export function formatFaDate(value?: string | null) {
+ if (!value) return "";
+ const date = new Date(value);
+ if (Number.isNaN(date.getTime())) return "";
+ return date.toLocaleDateString("fa-IR");
+}
diff --git a/lib/meshkee.ts b/lib/meshkee.ts
new file mode 100644
index 0000000..ee18ad0
--- /dev/null
+++ b/lib/meshkee.ts
@@ -0,0 +1,28 @@
+import { meshkeeApiBase, websiteDomain } from "@/lib/config";
+
+export async function meshkeeGet(path: string, fallback: T, revalidate = 60): Promise {
+ try {
+ const response = await fetch(`${meshkeeApiBase}${path}`, {
+ next: { revalidate },
+ });
+ if (!response.ok) return fallback;
+ return (await response.json()) as T;
+ } catch {
+ return fallback;
+ }
+}
+
+export function tenantPath(suffix: string) {
+ return `/tenants/${encodeURIComponent(websiteDomain)}${suffix}`;
+}
+
+type Tenant = { id: number | string; nameFa?: string; name?: string; domain?: string };
+
+export async function getTenant() {
+ return meshkeeGet(`/tenants/${encodeURIComponent(websiteDomain)}`, null);
+}
+
+export async function getBusinessId() {
+ const tenant = await getTenant();
+ return tenant?.id != null ? String(tenant.id) : "";
+}
diff --git a/lib/static-images.ts b/lib/static-images.ts
new file mode 100644
index 0000000..244e08a
--- /dev/null
+++ b/lib/static-images.ts
@@ -0,0 +1,205 @@
+import { meshkeeApiBase, websiteDomain } from "@/lib/config";
+
+export type SlotKind = "single" | "list";
+
+export type SlotImage = {
+ id: string;
+ url: string;
+ titleFa?: string | null;
+ titleEn?: string | null;
+ subtext?: string | null;
+ linkUrl?: string | null;
+ width?: number | null;
+ height?: number | null;
+ sortOrder?: number | null;
+};
+
+export type StaticImageSlotCatalogItem = {
+ key: string;
+ label: string;
+ kind: SlotKind;
+ pageKey: string;
+ aspectRatio: string;
+ itemCount: number | null;
+ recommendedWidth: number;
+};
+
+export type StaticImageSlot = StaticImageSlotCatalogItem & {
+ images: SlotImage[];
+};
+
+export type SlotMediaItem = {
+ id: string;
+ image: string;
+ href?: string;
+ title?: string;
+ fallbackSrc?: string;
+};
+
+/**
+ * Homepage slot catalog published at GET /meshkee/static-image-slots.
+ * Ratios match the live homepage layout at max-w-[1280px] (inner 1232px).
+ * If a section’s size or aspect ratio changes, update this catalog — the
+ * Meshkee dashboard reads it as the static-image source of truth.
+ */
+export const STATIC_IMAGE_SLOTS: StaticImageSlotCatalogItem[] = [
+ {
+ key: "slider",
+ label: "Homepage slider",
+ kind: "list",
+ pageKey: "home",
+ aspectRatio: "40:13",
+ itemCount: null,
+ recommendedWidth: 1280,
+ },
+ {
+ key: "two-banner-below-slider",
+ label: "Two banners below slider",
+ kind: "list",
+ pageKey: "home",
+ aspectRatio: "61:11",
+ itemCount: 2,
+ recommendedWidth: 610,
+ },
+ {
+ key: "categories",
+ label: "Featured categories",
+ kind: "list",
+ pageKey: "home",
+ aspectRatio: "1:1",
+ itemCount: null,
+ recommendedWidth: 168,
+ },
+ {
+ key: "two-banner-row",
+ label: "Two banner row",
+ kind: "list",
+ pageKey: "home",
+ aspectRatio: "305:59",
+ itemCount: 2,
+ recommendedWidth: 610,
+ },
+ {
+ key: "three-banner-row",
+ label: "Three banner row",
+ kind: "list",
+ pageKey: "home",
+ aspectRatio: "403:118",
+ itemCount: 3,
+ recommendedWidth: 403,
+ },
+ {
+ key: "about-us-image",
+ label: "About us image",
+ kind: "single",
+ pageKey: "home",
+ aspectRatio: "10:11",
+ itemCount: 1,
+ recommendedWidth: 560,
+ },
+];
+
+export function catalogSlot(key: string) {
+ return STATIC_IMAGE_SLOTS.find((slot) => slot.key === key);
+}
+
+export function parseAspectRatio(ratio?: string | null) {
+ if (!ratio) return undefined;
+ const match = /^(\d+(?:\.\d+)?)\s*:\s*(\d+(?:\.\d+)?)$/.exec(ratio.trim());
+ if (!match) return undefined;
+ return `${match[1]} / ${match[2]}`;
+}
+
+export function pickSlot(slots: StaticImageSlot[], key: string) {
+ return slots.find((slot) => slot.key === key);
+}
+
+function normalizeImages(images: SlotImage[] | undefined) {
+ return [...(images ?? [])]
+ .filter((image) => Boolean(image?.url))
+ .sort((a, b) => (a.sortOrder ?? 0) - (b.sortOrder ?? 0));
+}
+
+export function imagesFromSlot(slot?: StaticImageSlot | null): SlotImage[] {
+ if (!slot) return [];
+ const images = normalizeImages(slot.images);
+ if (slot.kind === "single") return images.slice(0, 1);
+ return images;
+}
+
+function toMedia(image: SlotImage, fallbackSrc?: string): SlotMediaItem {
+ return {
+ id: String(image.id),
+ image: image.url,
+ href: image.linkUrl?.trim() || undefined,
+ title: image.titleFa?.trim() || image.titleEn?.trim() || undefined,
+ fallbackSrc,
+ };
+}
+
+export function overlaySlotImages(
+ slot: StaticImageSlot | undefined,
+ fallbacks: SlotMediaItem[],
+ key: string,
+): { items: SlotMediaItem[]; aspectRatio?: string } {
+ const catalog = catalogSlot(key);
+ const aspectRatio = slot?.aspectRatio || catalog?.aspectRatio;
+ const kind = slot?.kind ?? catalog?.kind ?? "list";
+ const itemCount = slot?.itemCount ?? catalog?.itemCount ?? null;
+ const apiImages = imagesFromSlot(slot ? { ...slot, kind, images: slot.images ?? [] } : undefined);
+
+ if (kind === "single") {
+ const image = apiImages[0];
+ const fallback = fallbacks[0];
+ return {
+ aspectRatio,
+ items: image ? [toMedia(image, fallback?.image)] : fallbacks.slice(0, 1),
+ };
+ }
+
+ if (apiImages.length === 0) {
+ return {
+ aspectRatio,
+ items: itemCount ? fallbacks.slice(0, itemCount) : fallbacks,
+ };
+ }
+
+ if (itemCount) {
+ return {
+ aspectRatio,
+ items: Array.from({ length: itemCount }, (_, index) => {
+ const image = apiImages[index];
+ const fallback = fallbacks[index] ?? fallbacks[fallbacks.length - 1];
+ return image ? toMedia(image, fallback?.image) : fallback;
+ }).filter(Boolean),
+ };
+ }
+
+ return {
+ aspectRatio,
+ items: apiImages.map((image, index) => toMedia(image, fallbacks[index]?.image)),
+ };
+}
+
+function readItems(payload: unknown): StaticImageSlot[] {
+ if (Array.isArray(payload)) return payload as StaticImageSlot[];
+ if (payload && typeof payload === "object") {
+ const record = payload as { items?: StaticImageSlot[]; slots?: StaticImageSlot[] };
+ return record.items ?? record.slots ?? [];
+ }
+ return [];
+}
+
+export async function fetchStaticImageSlots(pageKey = "home"): Promise {
+ const url = `${meshkeeApiBase}/tenants/${encodeURIComponent(websiteDomain)}/website/static-images?pageKey=${encodeURIComponent(pageKey)}`;
+
+ try {
+ const response = await fetch(url, {
+ next: { revalidate: 60 },
+ });
+ if (!response.ok) return [];
+ return readItems(await response.json());
+ } catch {
+ return [];
+ }
+}
diff --git a/lib/store.ts b/lib/store.ts
new file mode 100644
index 0000000..6774501
--- /dev/null
+++ b/lib/store.ts
@@ -0,0 +1,193 @@
+import type { Product } from "@/lib/data";
+import { meshkeeGet, tenantPath } from "@/lib/meshkee";
+
+export type StoreVariant = {
+ id: string;
+ storeItemId?: string;
+ productId?: string;
+ productTitle?: string | null;
+ productNameFa?: string | null;
+ productImage?: string | null;
+ productTotalStock?: number | null;
+ label?: string | null;
+ price?: number | null;
+ discountedPrice?: number | null;
+ stockQuantity?: number | null;
+ isFestival?: boolean;
+ selections?: { variationName?: string; value?: string }[];
+};
+
+export type StoreSpecial = {
+ id: string;
+ key: string;
+ title: string;
+ items?: StoreSpecialProduct[];
+};
+
+export type StoreSpecialProduct = {
+ id: string;
+ productId?: string;
+ productTitle?: string | null;
+ productNameFa?: string | null;
+ productImage?: string | null;
+ variants?: StoreVariant[];
+};
+
+export type CatalogProduct = {
+ id: string;
+ title?: string | null;
+ nameFa?: string | null;
+ slug?: string;
+ summary?: string | null;
+ descriptionHtml?: string | null;
+ brand?: { name?: string; nameFa?: string } | string | null;
+ thumbnailUrl?: string | null;
+ image?: string | null;
+ thumbnail?: string | null;
+ images?: Array;
+ categoryNameFa?: string | null;
+ categoryName?: string | null;
+ commentCount?: number;
+};
+
+export type Paged = {
+ items: T[];
+ total: number;
+ page: number;
+ pageSize: number;
+};
+
+const PLACEHOLDER = "/placeholders/product.svg";
+
+function asNumber(value: unknown) {
+ if (typeof value === "number" && Number.isFinite(value)) return value;
+ if (typeof value === "string" && value.trim()) {
+ const parsed = Number(value);
+ return Number.isFinite(parsed) ? parsed : null;
+ }
+ return null;
+}
+
+function discountPercent(price?: number | null, discounted?: number | null) {
+ if (!price || !discounted || discounted >= price) return undefined;
+ return Math.round((1 - discounted / price) * 100);
+}
+
+function inStock(quantity?: number | null) {
+ return quantity == null || quantity > 0;
+}
+
+export function variantTitle(variant: StoreVariant) {
+ return variant.productNameFa?.trim() || variant.productTitle?.trim() || variant.label?.trim() || "محصول";
+}
+
+export function variantToProduct(variant: StoreVariant): Product {
+ const price = asNumber(variant.discountedPrice) ?? asNumber(variant.price);
+ const oldPrice = asNumber(variant.discountedPrice) != null ? asNumber(variant.price) ?? undefined : undefined;
+ return {
+ id: String(variant.id),
+ href: `/products/${encodeURIComponent(String(variant.id))}`,
+ title: variantTitle(variant),
+ brand: variant.selections?.map((item) => item.value).filter(Boolean).join(" / ") || variant.label || "",
+ price: price ?? undefined,
+ oldPrice,
+ discount: discountPercent(asNumber(variant.price), asNumber(variant.discountedPrice)),
+ image: variant.productImage || PLACEHOLDER,
+ inStock: inStock(variant.stockQuantity ?? variant.productTotalStock),
+ };
+}
+
+export function specialItemToProduct(item: StoreSpecialProduct): Product | null {
+ const variant = item.variants?.[0];
+ if (!variant) return null;
+ return variantToProduct({
+ ...variant,
+ productId: item.productId ?? variant.productId,
+ productTitle: item.productTitle ?? variant.productTitle,
+ productNameFa: item.productNameFa ?? variant.productNameFa,
+ productImage: item.productImage ?? variant.productImage,
+ });
+}
+
+export async function fetchStoreItems(params: {
+ page?: number;
+ pageSize?: number;
+ categoryId?: string;
+ name?: string;
+} = {}) {
+ const query = new URLSearchParams();
+ query.set("page", String(params.page ?? 1));
+ query.set("pageSize", String(params.pageSize ?? 20));
+ if (params.categoryId) query.set("categoryId", params.categoryId);
+ if (params.name) query.set("name", params.name);
+ return meshkeeGet>(tenantPath(`/store-items?${query.toString()}`), {
+ items: [],
+ total: 0,
+ page: 1,
+ pageSize: params.pageSize ?? 20,
+ });
+}
+
+export async function fetchStoreVariant(variantId: string) {
+ const data = await meshkeeGet<{ variant?: StoreVariant }>(
+ tenantPath(`/store-items/${encodeURIComponent(variantId)}`),
+ {},
+ );
+ return data.variant ?? null;
+}
+
+export async function fetchStoreItemByProduct(productId: string) {
+ return meshkeeGet<{ storeItem?: { id?: string; productId?: string; variants?: StoreVariant[] } }>(
+ tenantPath(`/store-items/by-product/${encodeURIComponent(productId)}`),
+ {},
+ );
+}
+
+export async function fetchStoreSpecials() {
+ const data = await meshkeeGet<{ items?: StoreSpecial[] }>(tenantPath("/store-specials"), { items: [] });
+ return data.items ?? [];
+}
+
+export async function fetchSpecialProducts(key: string) {
+ const specials = await fetchStoreSpecials();
+ const special = specials.find((item) => item.key === key);
+ const products = (special?.items ?? []).map(specialItemToProduct).filter((item): item is Product => Boolean(item));
+ return { special, products };
+}
+
+export function galleryUrls(product?: CatalogProduct | null, fallback?: string | null) {
+ const urls: string[] = [];
+ for (const image of product?.images ?? []) {
+ const url = typeof image === "string" ? image : image?.url;
+ if (url) urls.push(url);
+ }
+ for (const url of [product?.image, product?.thumbnailUrl, product?.thumbnail, fallback]) {
+ if (url && !urls.includes(url)) urls.push(url);
+ }
+ return urls.length ? urls : [PLACEHOLDER];
+}
+
+export async function fetchCatalogProductByTitle(title?: string | null, productId?: string | null) {
+ if (!title?.trim()) return null;
+ const data = await meshkeeGet>(
+ tenantPath(`/products?name=${encodeURIComponent(title.trim())}&pageSize=8`),
+ { items: [], total: 0, page: 1, pageSize: 8 },
+ );
+ const match =
+ data.items.find((item) => String(item.id) === String(productId)) ??
+ data.items[0] ??
+ null;
+ if (!match?.slug) return match;
+ const detail = await meshkeeGet<{ product?: CatalogProduct }>(
+ tenantPath(`/products/${encodeURIComponent(match.slug)}`),
+ {},
+ );
+ return detail.product ?? match;
+}
+
+export function brandName(product?: CatalogProduct | null) {
+ const brand = product?.brand;
+ if (!brand) return "";
+ if (typeof brand === "string") return brand;
+ return brand.nameFa || brand.name || "";
+}
- {slides.map((slide, i) => (
-
-
+
+ {slides.map((slide, i) => (
+
diff --git a/components/layout/InstantSearch.tsx b/components/layout/InstantSearch.tsx
new file mode 100644
index 0000000..510d94a
--- /dev/null
+++ b/components/layout/InstantSearch.tsx
@@ -0,0 +1,104 @@
+"use client";
+
+import { useEffect, useRef, useState } from "react";
+import Link from "next/link";
+import { Search } from "lucide-react";
+import { Placeholder } from "@/components/Placeholder";
+import { formatPrice } from "@/lib/format";
+import { variantTitle, type StoreVariant } from "@/lib/store";
+
+export function InstantSearch({ compact = false }: { compact?: boolean }) {
+ const [query, setQuery] = useState("");
+ const [items, setItems] = useState
+ setQuery(event.target.value)}
+ onFocus={() => {
+ if (query.trim().length > 2) setOpen(true);
+ }}
+ placeholder={compact ? "جستجو..." : "جستجوی دارو، مکمل و محصولات بهداشتی..."}
+ className="h-11 w-full rounded-xl border border-line bg-mist pr-4 pl-11 text-[13px] outline-none transition focus:border-primary focus:bg-white"
+ />
+
+ );
+}
diff --git a/components/layout/MegaMenu.tsx b/components/layout/MegaMenu.tsx
index 6de9e28..63f3b0e 100644
--- a/components/layout/MegaMenu.tsx
+++ b/components/layout/MegaMenu.tsx
@@ -1,41 +1,49 @@
"use client";
import Link from "next/link";
-import { categories } from "@/lib/data";
import { Placeholder } from "@/components/Placeholder";
+import type { NavCategory } from "@/lib/categories";
-export function MegaMenu({ open }: { open: boolean }) {
+export function MegaMenu({ open, categories }: { open: boolean; categories: NavCategory[] }) {
if (!open) return null;
+ const list = categories.length ? categories : [];
+
return (
+ {loading ? (
+
+ ) : null}
+ در حال جستجو...
+ ) : items.length === 0 ? ( +نتیجهای پیدا نشد.
+ ) : ( +-
+ {items.map((item) => {
+ const price = item.discountedPrice ?? item.price;
+ return (
+
-
+ setOpen(false)}
+ >
+
+
+ + + {variantTitle(item)} + + {price != null ? `${formatPrice(price)} تومان` : "تماس بگیرید"} + + + +
+ );
+ })}
+
-
);
}
diff --git a/components/product/AddToCart.tsx b/components/product/AddToCart.tsx
new file mode 100644
index 0000000..55f85ec
--- /dev/null
+++ b/components/product/AddToCart.tsx
@@ -0,0 +1,71 @@
+"use client";
+
+import { useState } from "react";
+import { Minus, Plus, ShoppingBag } from "lucide-react";
+import { customerPortalUrl } from "@/lib/config";
+
+export function AddToCart({ variantId, maxQuantity }: { variantId: string; maxQuantity?: number | null }) {
+ const [quantity, setQuantity] = useState(1);
+ const [status, setStatus] = useState<"idle" | "loading" | "ok" | "error">("idle");
+ const cap = maxQuantity && maxQuantity > 0 ? maxQuantity : 99;
+
+ const change = (delta: number) => {
+ setQuantity((current) => Math.min(cap, Math.max(1, current + delta)));
+ };
+
+ const add = async () => {
+ const token =
+ window.localStorage.getItem("accessToken") ||
+ window.localStorage.getItem("meshkeeToken") ||
+ window.localStorage.getItem("token");
+
+ if (!token) {
+ window.location.href = customerPortalUrl;
+ return;
+ }
+
+ setStatus("loading");
+ try {
+ const response = await fetch("/api/cart/items", {
+ method: "POST",
+ headers: {
+ Authorization: `Bearer ${token}`,
+ "Content-Type": "application/json",
+ },
+ body: JSON.stringify({ storeItemVariantId: variantId, quantity }),
+ });
+ if (response.status === 401) {
+ window.location.href = customerPortalUrl;
+ return;
+ }
+ setStatus(response.ok ? "ok" : "error");
+ } catch {
+ setStatus("error");
+ }
+ };
+
+ return (
+
- {categories.map((category) => (
-
+ {list.length === 0 ? (
+
-
-
-
- ))}
- -
- {category.children.map((child) => (
-
- - - {child.title} - - - ))} -
دستهبندیها بهزودی اضافه میشوند.
+ ) : ( +
+ {list.map((category) => (
+
+ )}
+
+
+
+ ))}
+ -
+ {category.children.map((child) => (
+
- + + {child.title} + + + ))} +
+
+ );
+}
diff --git a/components/product/ProductGallery.tsx b/components/product/ProductGallery.tsx
new file mode 100644
index 0000000..89a05cf
--- /dev/null
+++ b/components/product/ProductGallery.tsx
@@ -0,0 +1,81 @@
+"use client";
+
+import { useState } from "react";
+import { X } from "lucide-react";
+import { Placeholder } from "@/components/Placeholder";
+
+export function ProductGallery({ images, alt }: { images: string[]; alt: string }) {
+ const gallery = images.length ? images : ["/placeholders/product.svg"];
+ const [active, setActive] = useState(0);
+ const [lightbox, setLightbox] = useState(false);
+ const [origin, setOrigin] = useState("50% 50%");
+ const [zoomed, setZoomed] = useState(false);
+ const current = gallery[active] ?? gallery[0];
+
+ return (
+ <>
+
+
+ {quantity}
+
+
+
+ {status === "ok" ? به سبد اضافه شد.
: null} + {status === "error" ?افزودن به سبد انجام نشد.
: null} +
+
+ {gallery.length > 1 ? (
+
+
+ {lightbox ? (
+
+ {gallery.map((image, index) => (
+
+ ))}
+
+ ) : null}
+ setLightbox(false)}>
+
+ 
event.stopPropagation()}
+ />
+
+ ) : null}
+
+ );
+}
diff --git a/components/product/ProductTabs.tsx b/components/product/ProductTabs.tsx
new file mode 100644
index 0000000..0e054db
--- /dev/null
+++ b/components/product/ProductTabs.tsx
@@ -0,0 +1,89 @@
+"use client";
+
+import { useEffect, useState } from "react";
+import { customerPortalUrl } from "@/lib/config";
+import { formatFaDate } from "@/lib/format";
+import type { CommentItem } from "@/lib/comments";
+
+export function ProductTabs({
+ descriptionHtml,
+ comments,
+ showDescription = true,
+}: {
+ descriptionHtml?: string | null;
+ comments: CommentItem[];
+ showDescription?: boolean;
+}) {
+ const [tab, setTab] = useState<"description" | "comments">(showDescription ? "description" : "comments");
+ const [token, setToken] = useState
+
+
+
+ ) : (
+ نظرات
+ )} + + {tab === "description" ? ( + descriptionHtml ? ( + + ) : ( +توضیحاتی برای این محصول ثبت نشده است.
+ ) + ) : ( +
+ {comments.length === 0 ? (
+
+
+ ))
+ )}
+
+ {token ? (
+
+ )}
+ نظری ثبت نشده است.
+ ) : ( + comments.map((comment, index) => ( +{comment.authorName || "کاربر"}
+ {comment.createdAt ?{formatFaDate(comment.createdAt)}
: null} +{comment.text}
+برای مدیریت نظرات از حساب کاربری خود استفاده کنید.
+ ) : ( + + )} +{product.brand}
+ {product.brand ? ( +{product.brand}
+ ) : ( + + )}- {product.title} + {product.title}
{product.oldPrice ? (
@@ -27,16 +33,22 @@ export function ProductCard({ product }: { product: Product }) {
)}
- {formatPrice(product.price)} - تومان + {product.price != null ? ( + <> + {formatPrice(product.price)} + تومان + + ) : ( + تماس بگیرید + )}
- +