` : ""; const packTable = packs.length > 0 ? `${packs.map( (pk) => `` ).join("")}

Packing	Size	/Case	Net Wt	Gross Wt	Case L\xD7W\xD7H	HSN	MRP	GS1
${pk.packingType \|\| ""}	${pk.sizeValue ?? ""} ${pk.sizeUnit \|\| ""}	${pk.piecesPerCase ?? ""}	$${pk.netWtKg != null ? pk.netWtKg + " kg" : ""}	$${pk.grossWtKg != null ? pk.grossWtKg + " kg" : ""}	${pk.caseLengthCm \|\| 0}\xD7${pk.caseWidthCm \|\| 0}\xD7${pk.caseHeightCm \|\| 0} cm	${pk.hsn \|\| ""}	${pk.mrpCurrency \|\| "INR"} ${pk.mrpValue ?? ""}	${pk.gs1Barcode \|\| "-"}

` : `

No packaging data

`; const uspChips = usps.slice(0, 6).map( (u) => `${u}` ).join(""); const extraDetails = ` ${p.ingredients ? `

Ingredients: ${p.ingredients}

` : ""} ${Array.isArray(p.certifications) && p.certifications.length ? `

Certifications: ${p.certifications.join(", ")}

` : ""} ${p.storage ? `

Storage: ${p.storage}

` : ""} ${p.shelfLife ? `

Shelf life: ${p.shelfLife}

` : ""} ${p.cookingTime ? `

Cooking time: ${p.cookingTime}

` : ""} `; return `

${imageTag}${p.name}

${p.group || p.groupName || ""}

${(p.description || "").slice( 0, 240 )}

${uspChips}

${extraDetails}${packTable}

`; }); const html = `${brand?.company || "Nova Pure Foods"} \u2014 Offline Catalogue

${brand?.company || "Nova Pure Foods"} \u2014 Offline Catalogue

This is a portable, offline snapshot of your catalogue with full details.

${productCards.join( "" )}

`; const blob = new Blob([html], { type: "text/html" }); const url = URL.createObjectURL(blob); const a = document.createElement("a"); a.href = url; a.download = "nova-pure-offline-catalogue.html"; a.click(); URL.revokeObjectURL(url); } catch (e) { console.error(e); alert("Could not create offline file"); } } async function handlePrimaryDownload(brand) { try { const brochure = brand?.brochurePdf; if (brochure) { const a = document.createElement("a"); a.href = brochure; a.download = brochure.split("/").pop() || "nova-pure-brochure.pdf"; a.rel = "noopener"; a.click(); return; } const res = await fetch("/api/brochure"); if (res.ok) { const blob = await res.blob(); const url = URL.createObjectURL(blob); const a = document.createElement("a"); a.href = url; a.download = "nova-pure-catalogue.pdf"; a.click(); URL.revokeObjectURL(url); return; } await downloadSingleFile(brand); } catch (e) { console.error(e); } } // virtual:/apps/web/src/components/catalogue/CatalogueHeader.jsx function CatalogueHeader({ brand, searchTerm, onSearchChange, onInstallApp, // NEW: allow parent to control quick group selection (UI only) groups = [], onSelectGroup, // NEW: submit handler for Enter key in search onSearchSubmit }) { const [downloadOpen, setDownloadOpen] = (0, import_react6.useState)(false); const logoSrc = brand?.logoMain || "https://ucarecdn.com/a8c4d25d-e717-49eb-a6ec-b796ddaf2dd1/-/format/auto/"; const logo = /* @__PURE__ */ React.createElement("a", { href: "/", "aria-label": "Home", className: "inline-flex items-center gap-2" }, /* @__PURE__ */ React.createElement( "img", { src: logoSrc, srcSet: `${logoSrc} 1x, ${logoSrc} 2x`, decoding: "async", fetchpriority: "low", alt: brand?.company || "Nova Pure Foods", className: "h-10 md:h-12 w-auto object-contain rounded-md bg-white" } ), /* @__PURE__ */ React.createElement("span", { className: "hidden sm:inline font-semibold text-[#355E3B] text-sm md:text-base" }, brand?.company || "Nova Pure Foods")); const byName = (0, import_react6.useMemo)(() => { const map = {}; (groups || []).forEach((g) => { map[(g.name || "").toLowerCase()] = g.slug; }); return map; }, [groups]); const getSlug = (nameLike) => { const exact = byName[nameLike.toLowerCase()]; if (exact) return exact; const found = (groups || []).find( (g) => (g.name || "").toLowerCase().includes(nameLike.toLowerCase()) ); return found?.slug || null; }; const pills = [ { label: "All Products", slug: null }, { label: "No-Maida Pastas", slug: getSlug("Pastas") }, { label: "Millet Range", slug: getSlug("Millet") }, { label: "Flours", slug: getSlug("Flours") } ]; return ( // Olive/white sticky header with AI-first search /* @__PURE__ */ React.createElement("header", { className: "sticky top-0 z-50 bg-white/90 backdrop-blur border-b border-[#DDE7DD]" }, /* @__PURE__ */ React.createElement("div", { className: "max-w-7xl mx-auto px-4 py-3" }, /* @__PURE__ */ React.createElement("div", { className: "flex items-center justify-between gap-3" }, /* @__PURE__ */ React.createElement("div", { className: "flex-1 md:flex md:items-center" }, logo), /* @__PURE__ */ React.createElement("div", { className: "flex items-center gap-2 relative" }, /* @__PURE__ */ React.createElement( "button", { onClick: () => { try { window.openNovaChat?.(); } catch { } try { window.postMessage({ type: "chat.open" }, "*"); } catch { } }, className: "hidden sm:inline-flex px-3 py-2 rounded-xl border border-[#DDE7DD] hover:bg-[#F2F6F2] text-sm", "aria-label": "Open AI assistant" }, "AI Assistant" ), /* @__PURE__ */ React.createElement("div", { className: "relative" }, /* @__PURE__ */ React.createElement( "button", { onClick: () => handlePrimaryDownload(brand), className: "px-3 py-2 rounded-full text-sm bg-[#3A5A40] text-white inline-flex items-center gap-2 shadow hover:brightness-110" }, /* @__PURE__ */ React.createElement(import_lucide_react.Download, { size: 16 }), " Download Catalogue" ), /* @__PURE__ */ React.createElement( "button", { onClick: () => setDownloadOpen((v) => !v), "aria-label": "More formats", className: "ml-1 px-2 py-2 rounded-full border border-[#DDE7DD] inline-flex items-center hover:bg-[#F2F6F2]" }, /* @__PURE__ */ React.createElement(import_lucide_react.ChevronDown, { size: 16 }) ), downloadOpen && /* @__PURE__ */ React.createElement("div", { className: "absolute right-0 mt-2 w-56 bg-white border border-[#DDE7DD] rounded-xl shadow-lg overflow-hidden z-50" }, /* @__PURE__ */ React.createElement( "button", { onClick: () => downloadSingleFile(brand), className: "w-full text-left px-3 py-2 hover:bg-[#F2F6F2] text-sm" }, "Interactive Offline (.html)" ), /* @__PURE__ */ React.createElement( "button", { onClick: onInstallApp, className: "w-full text-left px-3 py-2 hover:bg-[#F2F6F2] text-sm" }, "Install App (PWA)" ))))), /* @__PURE__ */ React.createElement("div", { className: "mt-3 md:mt-4" }, /* @__PURE__ */ React.createElement("div", { className: "relative" }, /* @__PURE__ */ React.createElement( import_lucide_react.Search, { className: "absolute left-4 top-1/2 -translate-y-1/2 text-black/40", size: 18 } ), /* @__PURE__ */ React.createElement( "input", { value: searchTerm, onChange: (e) => onSearchChange(e.target.value), onKeyDown: (e) => { if (e.key === "Enter") { const q = e.currentTarget.value; try { onSearchSubmit && onSearchSubmit(q); } catch (err) { console.error(err); } } }, placeholder: "Ask me anything... (e.g., 'gluten-free', 'cooks in 5 mins')", className: "w-full pl-11 pr-4 py-3 md:py-4 rounded-2xl border border-[#DDE7DD] bg-white focus:outline-none focus:ring-2 focus:ring-[#A7C4A0] text-black text-sm md:text-base shadow-sm" } )), /* @__PURE__ */ React.createElement("div", { className: "mt-2 md:mt-3 flex flex-wrap gap-2" }, pills.map((p) => /* @__PURE__ */ React.createElement( "button", { key: p.label, type: "button", onClick: () => onSelectGroup && onSelectGroup(p.slug || null), className: "px-2 md:px-3 py-1 md:py-1.5 rounded-full text-xs md:text-sm border border-[#DDE7DD] hover:bg-[#F2F6F2] text-[#355E3B]" }, p.label )))))) ); } // virtual:/apps/web/src/components/catalogue/FilterRail.jsx init_injected_globals(); function FilterRail({ selectedGroup, onSelectGroup, orderedGroups, countsBySlug, totalCount, // New controls sortOption, onChangeSort, availableTags, selectedTag, onSelectTag, availableCerts, selectedCert, onSelectCert }) { return /* @__PURE__ */ React.createElement("div", { id: "filters", className: "mt-3" }, /* @__PURE__ */ React.createElement("div", { className: "flex items-center gap-2 flex-wrap" }, /* @__PURE__ */ React.createElement( "button", { onClick: () => onSelectGroup(null), className: `${selectedGroup === null ? "bg-[#3A5A40] text-white border-transparent" : "bg-white text-black/70 border-[#DDE7DD] hover:bg-[#F2F6F2]"} px-3 py-1.5 rounded-full text-sm whitespace-nowrap border transition` }, "All (", totalCount, ")" ), orderedGroups.map((g) => /* @__PURE__ */ React.createElement( "button", { key: g.id, onClick: () => onSelectGroup(g.slug), className: `${selectedGroup === g.slug ? "bg-[#3A5A40] text-white border-transparent" : "bg-white text-black/70 border-[#DDE7DD] hover:bg-[#F2F6F2]"} px-3 py-1.5 rounded-full text-sm whitespace-nowrap border transition` }, g.name, " (", countsBySlug[g.slug] || 0, ")" )), /* @__PURE__ */ React.createElement("span", { className: "grow" }), /* @__PURE__ */ React.createElement("label", { className: "text-sm text-black/70 mr-1" }, "Sort"), /* @__PURE__ */ React.createElement( "select", { value: sortOption, onChange: (e) => onChangeSort(e.target.value), className: "px-2 py-1.5 text-sm border rounded bg-white" }, /* @__PURE__ */ React.createElement("option", { value: "az" }, "A\u2013Z"), /* @__PURE__ */ React.createElement("option", { value: "custom" }, "Custom") ), availableTags && availableTags.length > 0 && /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement("label", { className: "text-sm text-black/70 ml-3 mr-1" }, "Tag"), /* @__PURE__ */ React.createElement( "select", { value: selectedTag || "", onChange: (e) => onSelectTag(e.target.value || null), className: "px-2 py-1.5 text-sm border rounded bg-white max-w-[180px]" }, /* @__PURE__ */ React.createElement("option", { value: "" }, "All"), availableTags.map((t) => /* @__PURE__ */ React.createElement("option", { key: t, value: t }, t)) )), availableCerts && availableCerts.length > 0 && /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement("label", { className: "text-sm text-black/70 ml-3 mr-1" }, "Cert"), /* @__PURE__ */ React.createElement( "select", { value: selectedCert || "", onChange: (e) => onSelectCert(e.target.value || null), className: "px-2 py-1.5 text-sm border rounded bg-white max-w-[180px]" }, /* @__PURE__ */ React.createElement("option", { value: "" }, "All"), availableCerts.map((c) => /* @__PURE__ */ React.createElement("option", { key: c, value: c }, c)) )))); } // virtual:/apps/web/src/components/catalogue/GroupBanner.jsx init_injected_globals(); // virtual:/apps/web/src/utils/catalogueHelpers.js init_injected_globals(); function defaultUsps(groupName) { const map = { Pastas: ["Al dente texture", "Sauce-friendly"], Flours: ["Stone-ground taste", "Rich nutrients"], "Canned & RTE": ["Ready to eat", "Quality ingredients"], Juices: ["Real fruit taste", "Refreshing sip"], "Pickles & Vinegar": ["Bold flavors", "Time-tested"], All: ["Premium selection", "Trusted quality"] }; return map[groupName] || map["All"]; } function getProductGlyph(group) { return group === "Pastas" ? "\u{1F35D}" : group === "Flours" ? "\u{1F33E}" : group?.includes("Vinegar") ? "\u{1F952}" : group?.includes("Juices") ? "\u{1F9C3}" : "\u{1F96B}"; } function sentenceCase(input) { try { if (input == null) return ""; const str = String(input).trim(); if (!str) return ""; const lower = str.toLowerCase(); let out = ""; let start = true; for (let i = 0; i < lower.length; i++) { const ch = lower[i]; if (start && /[a-zA-Z]/.test(ch)) { out += ch.toUpperCase(); start = false; } else { out += ch; } if (/[.!?]/.test(ch)) { start = true; } else if (!/\s/.test(ch)) { } } return out; } catch { return String(input || ""); } } // virtual:/apps/web/src/components/catalogue/GroupBanner.jsx function GroupBanner({ selectedGroup, groups }) { const groupName = selectedGroup ? groups.find((x) => x.slug === selectedGroup)?.name || "All" : "All"; const chips = defaultUsps(groupName); return /* @__PURE__ */ React.createElement("div", { className: "sticky top-[68px] z-40 bg-white/85 backdrop-blur border-b border-[#DDE7DD]" }, /* @__PURE__ */ React.createElement("div", { className: "max-w-7xl mx-auto px-4 py-2 text-sm flex items-center gap-3 flex-wrap" }, /* @__PURE__ */ React.createElement("span", { className: "font-medium text-[#355E3B]" }, groupName), /* @__PURE__ */ React.createElement("div", { className: "flex items-center gap-2 flex-wrap" }, chips.map((chip, i) => /* @__PURE__ */ React.createElement( "span", { key: i, className: "px-2 py-1 rounded-full text-xs bg-[#E8F1E8] text-[#355E3B] border border-[#DDE7DD]" }, chip ))))); } // virtual:/apps/web/src/components/catalogue/ProductGrid.jsx init_injected_globals(); // virtual:/apps/web/src/components/catalogue/ProductCard.jsx init_injected_globals(); var import_react7 = __toESM(require_react()); var import_lucide_react2 = __toESM(require_lucide_react()); // virtual:/apps/web/src/components/catalogue/ProductPlaceholder.jsx init_injected_globals(); function ProductPlaceholder({ name, group }) { const initials = (name || "").split(" ").map((s) => s[0]).filter(Boolean).slice(0, 2).join("").toUpperCase(); const glyph = getProductGlyph(group); return /* @__PURE__ */ React.createElement("div", { className: "aspect-square relative flex items-center justify-center bg-[#0f3d2e] text-white" }, /* @__PURE__ */ React.createElement( "div", { className: "absolute inset-0", style: { background: "radial-gradient( circle at 30% 30%, rgba(255,255,255,0.12), transparent 60%)" } } ), /* @__PURE__ */ React.createElement("div", { className: "absolute top-2 left-2 opacity-50 text-2xl" }, glyph), /* @__PURE__ */ React.createElement("div", { className: "text-4xl font-bold tracking-wider drop-shadow" }, initials)); } // virtual:/apps/web/src/components/catalogue/ProductCard.jsx function ProductCard({ product, packs, isHighlighted, isExpanded, onToggleExpand, // NEW: compare actions onCompare, isCompared }) { const firstPack = packs[0] || {}; const panelRef = (0, import_react7.useRef)(null); (0, import_react7.useEffect)(() => { if (isExpanded && panelRef.current) { try { panelRef.current.scrollTo({ top: 0, behavior: "instant" }); } catch { panelRef.current.scrollTop = 0; } } }, [isExpanded]); const MAX_USP_CHARS = 36; const trimUsp = (s) => { try { const text = String(s || "").trim(); if (!text) return ""; if (text.length <= MAX_USP_CHARS) return text; const hard = text.slice(0, MAX_USP_CHARS); const cut = hard.lastIndexOf(" "); const base = cut > 18 ? hard.slice(0, cut) : hard; return base + "\u2026"; } catch { return ""; } }; const cardUsps = (0, import_react7.useMemo)(() => { const snake = product.card_usps; const camel = product.cardUsps; const preferred = Array.isArray(camel) && camel.length ? camel : Array.isArray(snake) ? snake : []; const fromPreferred = preferred.slice(0, 3).map((u) => sentenceCase(trimUsp(u))).filter(Boolean); if (fromPreferred.length) return fromPreferred; const raw = Array.isArray(product.usps) ? product.usps : []; return raw.slice(0, 3).map((u) => sentenceCase(trimUsp(u))).filter(Boolean); }, [product]); const shortLine = product.short_line || product.shortLine; const curr = firstPack?.mrp_currency || firstPack?.mrpCurrency || product.mrp_currency || product.mrpCurrency || "INR"; const value = typeof firstPack?.mrp_value === "number" ? firstPack.mrp_value : typeof firstPack?.mrpValue === "number" ? firstPack.mrpValue : product.mrp_value ?? product.mrpValue; const currencySymbol = curr === "INR" ? "\u20B9" : curr === "USD" ? "$" : ""; const priceLabel = typeof value === "number" ? `${currencySymbol}${Math.round(value)}` : null; return /* @__PURE__ */ React.createElement( "div", { "data-slug": product.slug, className: `group relative min-w-0 bg-white dark:bg-neutral-900 rounded-3xl overflow-hidden shadow-lg hover:shadow-xl transition-all duration-500 hover:scale-[1.02] transform-gpu flex flex-col h-full ${isHighlighted ? "ring-2 ring-[#A7C4A0] shadow-[#A7C4A0]/20" : "border border-black/5 dark:border-white/10"}` }, /* @__PURE__ */ React.createElement("div", { className: "relative flex-shrink-0" }, product.images?.[0] ? /* @__PURE__ */ React.createElement("div", { className: "aspect-[4/3] overflow-hidden rounded-t-3xl bg-[#F8F9FA] dark:bg-neutral-800 flex items-center justify-center" }, /* @__PURE__ */ React.createElement( "img", { loading: "lazy", decoding: "async", sizes: "(max-width: 640px) 50vw, (max-width: 1024px) 25vw, 20vw", src: product.images[0]?.src || product.images[0], alt: sentenceCase(product.name), className: "w-full h-full object-contain block group-hover:scale-[1.05] transition-transform duration-700 ease-out" } )) : /* @__PURE__ */ React.createElement( ProductPlaceholder, { name: sentenceCase(product.name), group: product.groupName || product.group_name } ), /* @__PURE__ */ React.createElement("div", { className: "absolute inset-0 bg-gradient-to-t from-black/20 via-transparent to-transparent opacity-0 group-hover:opacity-100 transition-opacity duration-300" }), /* @__PURE__ */ React.createElement("div", { className: "hidden md:flex absolute top-4 right-4 gap-3 opacity-0 group-hover:opacity-100 transition-all duration-300 transform translate-y-2 group-hover:translate-y-0" }, /* @__PURE__ */ React.createElement( "button", { onClick: (e) => { e.stopPropagation(); onCompare && onCompare(); }, "aria-label": "Compare", className: `${isCompared ? "bg-[#3A5A40] text-white shadow-lg scale-105" : "bg-white/95 backdrop-blur-md text-black hover:bg-white hover:scale-105"} p-3 rounded-2xl shadow-lg border border-white/20 transition-all duration-300`, title: isCompared ? "Remove from compare" : "Add to compare" }, /* @__PURE__ */ React.createElement( import_lucide_react2.Plus, { size: 18, className: `transition-transform duration-300 ${isCompared ? "rotate-45" : ""}` } ) ), /* @__PURE__ */ React.createElement( "button", { onClick: (e) => { e.stopPropagation(); onToggleExpand && onToggleExpand(); }, "aria-label": "Quick View", className: "p-3 rounded-2xl shadow-lg border border-white/20 bg-white/95 backdrop-blur-md text-black hover:bg-white hover:scale-105 transition-all duration-300", title: "Quick View" }, /* @__PURE__ */ React.createElement(import_lucide_react2.Eye, { size: 18 }) )), /* @__PURE__ */ React.createElement("div", { className: "md:hidden absolute bottom-3 right-3 flex gap-2 opacity-0 group-hover:opacity-100 transition-opacity duration-300" }, /* @__PURE__ */ React.createElement( "button", { onClick: (e) => { e.stopPropagation(); onCompare && onCompare(); }, className: `px-3 py-2 text-sm font-medium rounded-xl backdrop-blur-md ${isCompared ? "bg-[#3A5A40]/90 text-white" : "bg-white/90 text-[#355E3B]"} transition-all duration-300` }, "Compare" ), /* @__PURE__ */ React.createElement( "button", { onClick: (e) => { e.stopPropagation(); onToggleExpand && onToggleExpand(); }, className: "px-3 py-2 text-sm font-medium rounded-xl bg-white/90 backdrop-blur-md text-[#355E3B] transition-all duration-300" }, "View" ))), /* @__PURE__ */ React.createElement( "button", { onClick: onToggleExpand, className: "text-left w-full flex-1 flex flex-col" }, /* @__PURE__ */ React.createElement("div", { className: "p-6 flex-1 flex flex-col" }, /* @__PURE__ */ React.createElement("h4", { className: "font-bold text-lg text-black dark:text-white mb-2 leading-tight" }, sentenceCase(product.name)), shortLine && /* @__PURE__ */ React.createElement("p", { className: "text-sm text-black/70 dark:text-white/70 mb-4 line-clamp-2 leading-relaxed" }, sentenceCase(shortLine)), /* @__PURE__ */ React.createElement("div", { className: "flex-1" }, cardUsps.length > 0 && /* @__PURE__ */ React.createElement("div", { className: "mb-4 space-y-2" }, cardUsps.map((usp, i) => /* @__PURE__ */ React.createElement("div", { key: i, className: "inline-block w-full" }, /* @__PURE__ */ React.createElement( "span", { className: "block text-xs font-medium px-3 py-2 rounded-full bg-gradient-to-r from-[#E8F1E8] to-[#F2F6F2] text-[#355E3B] overflow-hidden text-ellipsis whitespace-nowrap shadow-sm border border-[#DDE7DD]/50", title: usp }, usp ))))), priceLabel && /* @__PURE__ */ React.createElement("div", { className: "mt-4 pt-4 border-t border-black/5 dark:border-white/10" }, /* @__PURE__ */ React.createElement("span", { className: "text-lg font-bold text-[#355E3B] bg-gradient-to-r from-[#355E3B] to-[#3A5A40] bg-clip-text" }, priceLabel))) ) ); } // virtual:/apps/web/src/components/catalogue/ProductGrid.jsx function ProductGrid({ products, packsBySlug, highlightSlug, expandedSlug, onToggleExpand, // NEW: compare and quick view handlers are passed through to cards onCompare, comparedSlugs = [] }) { if (products.length === 0) { return /* @__PURE__ */ React.createElement("div", { className: "flex flex-col items-center justify-center py-24 px-6" }, /* @__PURE__ */ React.createElement("div", { className: "w-24 h-24 rounded-full bg-gradient-to-br from-gray-100 to-gray-200 dark:from-gray-700 dark:to-gray-800 flex items-center justify-center mb-6 shadow-lg" }, /* @__PURE__ */ React.createElement("div", { className: "text-3xl" }, "\u{1F4E6}")), /* @__PURE__ */ React.createElement("h3", { className: "text-xl font-semibold text-gray-900 dark:text-gray-100 mb-2" }, "No products found"), /* @__PURE__ */ React.createElement("p", { className: "text-gray-600 dark:text-gray-400 text-center max-w-md leading-relaxed" }, "Try adjusting your filters or search terms to find what you're looking for.")); } return /* @__PURE__ */ React.createElement("div", { className: "grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 xl:grid-cols-4 2xl:grid-cols-5 gap-6 md:gap-8" }, products.map((p) => { const packs = packsBySlug[p.slug] || []; const isHighlighted = highlightSlug === p.slug; const isExpanded = expandedSlug === p.slug; const isCompared = comparedSlugs.includes(p.slug); return /* @__PURE__ */ React.createElement( "div", { key: p.slug, className: "transform transition-all duration-300 hover:-translate-y-2" }, /* @__PURE__ */ React.createElement( ProductCard, { product: p, packs, isHighlighted, isExpanded, onToggleExpand: () => onToggleExpand(isExpanded ? null : p.slug), onCompare: () => onCompare && onCompare(p.slug), isCompared } ) ); })); } // virtual:/apps/web/src/components/catalogue/IntroCover.jsx init_injected_globals(); function IntroCover({ brand }) { const title = "Nova Pure Foods Pvt Limited"; const subtitle = "Product Catalogue 2025-26"; const bg = brand && brand.heroImage || null; const logo = brand && brand.logoMain; return /* @__PURE__ */ React.createElement("section", { className: "relative overflow-hidden rounded-2xl border border-black/5 mb-6" }, /* @__PURE__ */ React.createElement("div", { className: "absolute inset-0" }, bg ? /* @__PURE__ */ React.createElement( "img", { src: bg, alt: "Cover", className: "w-full h-full object-cover opacity-70" } ) : /* @__PURE__ */ React.createElement("div", { className: "w-full h-full bg-gradient-to-br from-orange-100 via-white to-orange-50" })), /* @__PURE__ */ React.createElement("div", { className: "relative z-10 px-6 py-12 md:px-10 md:py-16 flex items-center" }, /* @__PURE__ */ React.createElement("div", { className: "max-w-2xl" }, logo && /* @__PURE__ */ React.createElement( "img", { src: logo, alt: "Logo", className: "w-[72px] h-[72px] object-contain mb-4 drop-shadow" } ), /* @__PURE__ */ React.createElement("h1", { className: "text-2xl md:text-4xl font-bold text-black drop-shadow-sm" }, title), /* @__PURE__ */ React.createElement("p", { className: "mt-2 text-lg md:text-2xl text-black/80" }, subtitle)))); } // virtual:/apps/web/src/components/catalogue/ProductDetail.jsx init_injected_globals(); var import_react8 = __toESM(require_react()); function ProductDetail({ product, packs = [], modal = false, brand = null }) { const [tab, setTab] = (0, import_react8.useState)("overview"); const [showMoreDesc, setShowMoreDesc] = (0, import_react8.useState)(false); const [showMoreIngr, setShowMoreIngr] = (0, import_react8.useState)(false); const P = product || {}; const B = brand || {}; const Tabs = [ "overview", "ingredients", "nutrition", "cooking", "packs", "trade", "why", "compliance" ]; const Title = { overview: "Overview", ingredients: "Ingredients & allergens", nutrition: "Nutrition", cooking: "Cooking / preparation", packs: "Packs & pricing", trade: "Trade logistics", why: "Why we\u2019re better", compliance: "Compliance & contact" }; const name = P.name || "Product"; const groupName = P.group_name || P.groupName || null; const shortLine = P.short_line || P.shortLine || null; const cookingTime = P.cooking_time || P.cookingTime || null; const storage = P.storage || null; const mrpCurrency = P.mrp_currency || P.mrpCurrency || "INR"; const mrpValue = typeof P.mrp_value === "number" ? P.mrp_value : typeof P.mrpValue === "number" ? P.mrpValue : null; const certifications = Array.isArray(P.certifications) ? P.certifications : []; const packsList = Array.isArray(packs) ? packs : []; const firstPack = packsList[0] || {}; const factCooking = cookingTime || "-"; const packSize = firstPack.size_value ?? firstPack.sizeValue ?? null; const packUnit = firstPack.size_unit ?? firstPack.sizeUnit ?? ""; const factPack = packSize ? `${packSize}${packUnit || ""}` : Array.isArray(P.pack_sizes) && P.pack_sizes[0] || Array.isArray(P.packSizes) && P.packSizes[0] || "-"; const curr = firstPack.mrp_currency || firstPack.mrpCurrency || mrpCurrency; const sym = curr === "INR" ? "\u20B9" : curr === "USD" ? "$" : ""; const packMrpVal = typeof firstPack.mrp_value === "number" ? Math.round(firstPack.mrp_value) : typeof firstPack.mrpValue === "number" ? Math.round(firstPack.mrpValue) : null; const value = packMrpVal !== null ? packMrpVal : typeof mrpValue === "number" ? Math.round(mrpValue) : null; const factMrp = value !== null ? `${sym}${value}` : "-"; const factCerts = certifications.slice(0, 2).join(" \xB7 ") || "-"; const rawIngredients = P.ingredients; const rawAllergens = P.allergens; const asCleanString = (x) => { if (typeof x === "string") return x.trim(); if (Array.isArray(x)) return x.filter(Boolean).join(", ").trim(); if (typeof x === "object" && x) { const values = Object.values(x).flat().filter((s) => typeof s === "string" && s.trim()); return values.join(", ").trim(); } return ""; }; const asCleanArray = (x) => { if (Array.isArray(x)) return x.filter(Boolean).map(String).map((s) => s.trim()).filter(Boolean); if (typeof x === "string") { return x.split(/[;,\n]/).map((s) => s.trim()).filter(Boolean); } if (x && typeof x === "object") { return Object.values(x).flat().map(String).map((s) => s.trim()).filter(Boolean); } return []; }; let ingredientsDisplay = ""; let allergensDisplay = []; if (rawIngredients) { ingredientsDisplay = asCleanString(rawIngredients); } if (rawAllergens) { allergensDisplay = asCleanArray(rawAllergens); } ingredientsDisplay = sentenceCase(ingredientsDisplay || ""); allergensDisplay = allergensDisplay.map((a) => sentenceCase(a)).filter(Boolean); allergensDisplay = Array.from( new Set(allergensDisplay.map((a) => a.toLowerCase())) ).map((a) => a.charAt(0).toUpperCase() + a.slice(1)); const whyItems = Array.isArray(P.benefits) ? P.benefits : []; const brandFSSAI = B.fssai || B?.meta?.fssai || null; const brandManufacturer = B.manufacturer || B?.meta?.manufacturer || null; const brandCustomerCare = B.customerCare || B.customer_care || B?.meta?.customer_care || B?.meta?.contact || null; const brandComplianceDoc = B.complianceDocsUrl || B.compliance_docs_url || null; return /* @__PURE__ */ React.createElement( "div", { className: `max-w-3xl mx-auto ${modal ? "p-4" : "p-6"} bg-white dark:bg-neutral-900 rounded-2xl` }, /* @__PURE__ */ React.createElement("div", { className: "flex items-center justify-between gap-3" }, /* @__PURE__ */ React.createElement("h2", { className: "text-xl font-semibold" }, sentenceCase(name)), /* @__PURE__ */ React.createElement("div", { className: "flex items-center gap-2" }, brandComplianceDoc && /* @__PURE__ */ React.createElement( "a", { href: brandComplianceDoc, target: "_blank", rel: "noreferrer", className: "text-xs px-2 py-1 rounded border border-[#DDE7DD] text-[#355E3B] hover:bg-[#F2F6F2] whitespace-nowrap" }, "Compliance PDF" ), groupName && /* @__PURE__ */ React.createElement("div", { className: "text-xs opacity-70" }, sentenceCase(groupName)))), /* @__PURE__ */ React.createElement("div", { className: "mt-3 grid grid-cols-2 sm:grid-cols-4 gap-2" }, /* @__PURE__ */ React.createElement("div", { className: "border border-[#DDE7DD] rounded-xl px-3 py-2" }, /* @__PURE__ */ React.createElement("div", { className: "text-[11px] opacity-60" }, "Cooking"), /* @__PURE__ */ React.createElement("div", { className: "text-sm font-medium" }, sentenceCase(factCooking))), /* @__PURE__ */ React.createElement("div", { className: "border border-[#DDE7DD] rounded-xl px-3 py-2" }, /* @__PURE__ */ React.createElement("div", { className: "text-[11px] opacity-60" }, "Pack"), /* @__PURE__ */ React.createElement("div", { className: "text-sm font-medium" }, sentenceCase(factPack))), /* @__PURE__ */ React.createElement("div", { className: "border border-[#DDE7DD] rounded-xl px-3 py-2" }, /* @__PURE__ */ React.createElement("div", { className: "text-[11px] opacity-60" }, "MRP"), /* @__PURE__ */ React.createElement("div", { className: "text-sm font-medium" }, factMrp)), /* @__PURE__ */ React.createElement("div", { className: "border border-[#DDE7DD] rounded-xl px-3 py-2" }, /* @__PURE__ */ React.createElement("div", { className: "text-[11px] opacity-60" }, "Certifications"), /* @__PURE__ */ React.createElement("div", { className: "text-sm font-medium truncate" }, sentenceCase(factCerts)))), /* @__PURE__ */ React.createElement("div", { className: "mt-3 flex gap-2 flex-wrap" }, Tabs.map((t) => /* @__PURE__ */ React.createElement( "button", { key: t, onClick: () => setTab(t), className: `px-3 py-1 rounded-full text-sm ${tab === t ? "bg-[#3A5A40] text-white" : "bg-black/5 dark:bg-white/10"}` }, sentenceCase(Title[t]) ))), /* @__PURE__ */ React.createElement("div", { className: "mt-4 space-y-2 text-sm leading-6" }, tab === "overview" && /* @__PURE__ */ React.createElement(React.Fragment, null, shortLine && /* @__PURE__ */ React.createElement("p", { className: "font-medium" }, sentenceCase(shortLine)), Array.isArray(P.usps) && P.usps.length > 0 && /* @__PURE__ */ React.createElement("div", { className: "flex gap-2 flex-wrap" }, P.usps.slice(0, 6).map((u, i) => /* @__PURE__ */ React.createElement( "span", { key: i, className: "px-2 py-0.5 rounded bg-[#E8F1E8] text-[#355E3B]" }, sentenceCase(u) ))), P.description && /* @__PURE__ */ React.createElement("p", { className: `${showMoreDesc ? "" : "line-clamp-3"} opacity-80` }, sentenceCase(P.description)), P.description && /* @__PURE__ */ React.createElement( "button", { onClick: () => setShowMoreDesc((v) => !v), className: "text-xs text-[#355E3B] underline" }, showMoreDesc ? "Show less" : "Show more" )), tab === "ingredients" && /* @__PURE__ */ React.createElement(React.Fragment, null, ingredientsDisplay && /* @__PURE__ */ React.createElement("p", { className: `${showMoreIngr ? "" : "line-clamp-3"}` }, /* @__PURE__ */ React.createElement("b", null, "Ingredients:"), " ", ingredientsDisplay), allergensDisplay.length > 0 && /* @__PURE__ */ React.createElement("p", null, /* @__PURE__ */ React.createElement("b", null, "Allergens:"), " ", allergensDisplay.join(", ")), (ingredientsDisplay || allergensDisplay.length > 0) && /* @__PURE__ */ React.createElement( "button", { onClick: () => setShowMoreIngr((v) => !v), className: "text-xs text-[#355E3B] underline" }, showMoreIngr ? "Show less" : "Show more" )), tab === "nutrition" && /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement("p", { className: "font-medium" }, "Per 100g"), /* @__PURE__ */ React.createElement("table", { className: "w-full text-sm" }, /* @__PURE__ */ React.createElement("tbody", null, Object.entries(P?.nutrition?.per100g || {}).map(([k, v]) => /* @__PURE__ */ React.createElement("tr", { key: k }, /* @__PURE__ */ React.createElement("td", { className: "py-1 pr-3 opacity-70" }, sentenceCase(k)), /* @__PURE__ */ React.createElement("td", { className: "py-1" }, v))))), P?.nutrition?.perServe && /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement("p", { className: "font-medium mt-3" }, "Per serve (", P?.nutrition?.serveSize || "", ")"), /* @__PURE__ */ React.createElement("table", { className: "w-full text-sm" }, /* @__PURE__ */ React.createElement("tbody", null, Object.entries(P.nutrition.perServe).map(([k, v]) => /* @__PURE__ */ React.createElement("tr", { key: k }, /* @__PURE__ */ React.createElement("td", { className: "py-1 pr-3 opacity-70" }, sentenceCase(k)), /* @__PURE__ */ React.createElement("td", { className: "py-1" }, v))))))), tab === "cooking" && /* @__PURE__ */ React.createElement(React.Fragment, null, cookingTime && /* @__PURE__ */ React.createElement("p", null, /* @__PURE__ */ React.createElement("b", null, "Cooking time:"), " ", sentenceCase(cookingTime)), storage && /* @__PURE__ */ React.createElement("p", null, /* @__PURE__ */ React.createElement("b", null, "Storage:"), " ", sentenceCase(storage))), tab === "packs" && /* @__PURE__ */ React.createElement(React.Fragment, null, typeof mrpValue !== "undefined" && mrpValue !== null && /* @__PURE__ */ React.createElement("p", null, /* @__PURE__ */ React.createElement("b", null, "MRP (product):"), " ", `${sym}${Math.round(mrpValue || 0)}`, " ", mrpCurrency), packsList.length > 0 ? /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement("div", { className: "md:hidden space-y-2 mt-2" }, packsList.map((r, i) => { const c = r.mrp_currency || r.mrpCurrency || curr; const s = c === "INR" ? "\u20B9" : c === "USD" ? "$" : ""; const val = typeof r.mrp_value === "number" ? Math.round(r.mrp_value) : typeof r.mrpValue === "number" ? Math.round(r.mrpValue) : null; return /* @__PURE__ */ React.createElement( "div", { key: i, className: "border border-[#DDE7DD] rounded-xl p-3 text-sm" }, /* @__PURE__ */ React.createElement("div", { className: "font-medium mb-1" }, sentenceCase(r.packing_type || r.packingType), " ", r.size_value ?? r.sizeValue, r.size_unit ?? r.sizeUnit), /* @__PURE__ */ React.createElement("div", { className: "grid grid-cols-2 gap-1 text-[12px]" }, /* @__PURE__ */ React.createElement("div", { className: "opacity-60" }, "MRP"), /* @__PURE__ */ React.createElement("div", null, val !== null ? `${s}${val}` : "-", " ", c), /* @__PURE__ */ React.createElement("div", { className: "opacity-60" }, "Pieces/case"), /* @__PURE__ */ React.createElement("div", null, r.pieces_per_case ?? r.piecesPerCase ?? "-")) ); })), /* @__PURE__ */ React.createElement("div", { className: "hidden md:block mt-2" }, /* @__PURE__ */ React.createElement("table", { className: "w-full text-sm" }, /* @__PURE__ */ React.createElement("thead", null, /* @__PURE__ */ React.createElement("tr", { className: "opacity-70" }, /* @__PURE__ */ React.createElement("th", { className: "text-left py-1 pr-4" }, "Pack"), /* @__PURE__ */ React.createElement("th", { className: "text-left py-1 pr-4" }, "MRP"), /* @__PURE__ */ React.createElement("th", { className: "text-left py-1 pr-4" }, "Currency"), /* @__PURE__ */ React.createElement("th", { className: "text-left py-1 pr-4" }, "Pieces/case"))), /* @__PURE__ */ React.createElement("tbody", null, packsList.map((r, i) => { const c = r.mrp_currency || r.mrpCurrency || curr; const s = c === "INR" ? "\u20B9" : c === "USD" ? "$" : ""; const val = typeof r.mrp_value === "number" ? Math.round(r.mrp_value) : typeof r.mrpValue === "number" ? Math.round(r.mrpValue) : null; return /* @__PURE__ */ React.createElement( "tr", { key: i, className: "border-top border-black/5 dark:border-white/10" }, /* @__PURE__ */ React.createElement("td", { className: "py-1 pr-4" }, sentenceCase( (r.packing_type || r.packingType) + " " + (r.size_value ?? r.sizeValue) + (r.size_unit ?? r.sizeUnit) )), /* @__PURE__ */ React.createElement("td", { className: "py-1 pr-4" }, val !== null ? `${s}${val}` : "-"), /* @__PURE__ */ React.createElement("td", { className: "py-1 pr-4" }, c), /* @__PURE__ */ React.createElement("td", { className: "py-1 pr-4" }, r.pieces_per_case ?? r.piecesPerCase ?? "-") ); }))))) : /* @__PURE__ */ React.createElement("p", { className: "opacity-70" }, "No pack pricing available.")), tab === "trade" && /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement("div", { className: "md:hidden space-y-2" }, (packs || []).map((r, i) => /* @__PURE__ */ React.createElement( "div", { key: i, className: "border border-[#DDE7DD] rounded-xl p-3 text-sm" }, /* @__PURE__ */ React.createElement("div", { className: "font-medium mb-1" }, sentenceCase(r.packing_type || r.packingType), " ", r.size_value ?? r.sizeValue, r.size_unit ?? r.sizeUnit), /* @__PURE__ */ React.createElement("div", { className: "grid grid-cols-2 gap-1 text-[12px]" }, /* @__PURE__ */ React.createElement("div", { className: "text-black/60 dark:text-white/60" }, "Pieces/case"), /* @__PURE__ */ React.createElement("div", null, r.pieces_per_case ?? r.piecesPerCase ?? "-"), /* @__PURE__ */ React.createElement("div", { className: "text-black/60 dark:text-white/60" }, "Case (l\xD7w\xD7h)"), /* @__PURE__ */ React.createElement("div", null, [ r.case_length_cm ?? r.caseLengthCm, r.case_width_cm ?? r.caseWidthCm, r.case_height_cm ?? r.caseHeightCm ].filter(Boolean).join("\xD7") || "-"), /* @__PURE__ */ React.createElement("div", { className: "text-black/60 dark:text-white/60" }, "Gross wt (kg)"), /* @__PURE__ */ React.createElement("div", null, r.case_gross_weight_kg ?? r.grossWtKg ?? "-"), /* @__PURE__ */ React.createElement("div", { className: "text-black/60 dark:text-white/60" }, "HSN"), /* @__PURE__ */ React.createElement("div", null, r.hsn || "-"), /* @__PURE__ */ React.createElement("div", { className: "text-black/60 dark:text-white/60" }, "GS1/carton"), /* @__PURE__ */ React.createElement("div", null, r.gs1_barcode ?? r.gs1Barcode ?? r.carton_gtin ?? "-"), /* @__PURE__ */ React.createElement("div", { className: "text-black/60 dark:text-white/60" }, "MOQ"), /* @__PURE__ */ React.createElement("div", null, r.moq ?? "-"), /* @__PURE__ */ React.createElement("div", { className: "text-black/60 dark:text-white/60" }, "Lead (d)"), /* @__PURE__ */ React.createElement("div", null, r.lead_time_days ?? "-")) ))), /* @__PURE__ */ React.createElement("div", { className: "hidden md:block" }, /* @__PURE__ */ React.createElement("table", { className: "w-full text-sm" }, /* @__PURE__ */ React.createElement("thead", null, /* @__PURE__ */ React.createElement("tr", { className: "opacity-70" }, /* @__PURE__ */ React.createElement("th", { className: "text-left py-1 pr-4" }, "Pack"), /* @__PURE__ */ React.createElement("th", { className: "text-left py-1 pr-4" }, "Pieces/case"), /* @__PURE__ */ React.createElement("th", { className: "text-left py-1 pr-4" }, "Case (l\xD7w\xD7h cm)"), /* @__PURE__ */ React.createElement("th", { className: "text-left py-1 pr-4" }, "Gross wt (kg)"), /* @__PURE__ */ React.createElement("th", { className: "text-left py-1 pr-4" }, "HSN"), /* @__PURE__ */ React.createElement("th", { className: "text-left py-1 pr-4" }, "GS1/carton"), /* @__PURE__ */ React.createElement("th", { className: "text-left py-1 pr-4" }, "MOQ"), /* @__PURE__ */ React.createElement("th", { className: "text-left py-1 pr-4" }, "Lead (d)"))), /* @__PURE__ */ React.createElement("tbody", null, (packs || []).map((r, i) => /* @__PURE__ */ React.createElement( "tr", { key: i, className: "border-t border-black/5 dark:border-white/10" }, /* @__PURE__ */ React.createElement("td", { className: "py-1 pr-4" }, sentenceCase(r.packing_type || r.packingType), " ", r.size_value ?? r.sizeValue, r.size_unit ?? r.sizeUnit), /* @__PURE__ */ React.createElement("td", { className: "py-1 pr-4" }, r.pieces_per_case ?? r.piecesPerCase ?? "-"), /* @__PURE__ */ React.createElement("td", { className: "py-1 pr-4" }, [ r.case_length_cm ?? r.caseLengthCm, r.case_width_cm ?? r.caseWidthCm, r.case_height_cm ?? r.caseHeightCm ].filter(Boolean).join("\xD7")), /* @__PURE__ */ React.createElement("td", { className: "py-1 pr-4" }, r.case_gross_weight_kg ?? r.grossWtKg ?? "-"), /* @__PURE__ */ React.createElement("td", { className: "py-1 pr-4" }, r.hsn || "-"), /* @__PURE__ */ React.createElement("td", { className: "py-1 pr-4" }, r.gs1_barcode ?? r.gs1Barcode ?? r.carton_gtin ?? "-"), /* @__PURE__ */ React.createElement("td", { className: "py-1 pr-4" }, r.moq ?? "-"), /* @__PURE__ */ React.createElement("td", { className: "py-1 pr-4" }, r.lead_time_days ?? "-") )))))), tab === "why" && (Array.isArray(whyItems) && whyItems.length > 0 ? /* @__PURE__ */ React.createElement("ul", { className: "list-disc ml-5" }, whyItems.map((b, i) => /* @__PURE__ */ React.createElement("li", { key: i }, sentenceCase(b)))) : /* @__PURE__ */ React.createElement("p", { className: "opacity-70" }, "No highlights available.")), tab === "compliance" && /* @__PURE__ */ React.createElement(React.Fragment, null, P.hsn && /* @__PURE__ */ React.createElement("p", null, /* @__PURE__ */ React.createElement("b", null, "HSN:"), " ", P.hsn), P.gtin && /* @__PURE__ */ React.createElement("p", null, /* @__PURE__ */ React.createElement("b", null, "GTIN/EAN:"), " ", P.gtin), /* @__PURE__ */ React.createElement("p", null, /* @__PURE__ */ React.createElement("b", null, "FSSAI:"), " ", brandFSSAI || "12724066001333"), /* @__PURE__ */ React.createElement("p", null, /* @__PURE__ */ React.createElement("b", null, "Manufacturer:"), " ", sentenceCase( brandManufacturer || "ZAgrication LLP, Plot No-1, Khasra No 247, Barawan Kalan, Ward Balakganj, Lucknow (UP) \u2013 226 101" )), /* @__PURE__ */ React.createElement("p", null, /* @__PURE__ */ React.createElement("b", null, "Customer care:"), " ", sentenceCase( brandCustomerCare || "08062179566 / 8953232323 \xB7 info@zagrication.com" )), brandComplianceDoc && /* @__PURE__ */ React.createElement("p", null, /* @__PURE__ */ React.createElement( "a", { href: brandComplianceDoc, target: "_blank", rel: "noreferrer", className: "text-[#355E3B] underline" }, "View compliance documents" )))) ); } // virtual:/apps/web/src/app/catalogue/page.jsx var import_lucide_react3 = __toESM(require_lucide_react()); function CatalogueSlidesPage() { const { brand, groups, products, packsBySlug, loading, error } = useCatalogueData(); const { selectedGroup, setSelectedGroup, searchTerm, setSearchTerm, orderedGroups, countsBySlug, totalCount, filtered, sortOption, setSortOption, availableTags, selectedTag, setSelectedTag, availableCerts, selectedCert, setSelectedCert } = useCatalogueFilters(products, groups); const { highlightSlug } = useProductHighlight(filtered.length); const { expandedSlug, setExpandedSlug } = useProductExpansion(); const { promptInstall } = usePWAInstall(); const gridRootRef = (0, import_react9.useRef)(null); const allowedGroupNames = [ "Pastas", "Flours", "Canned & RTE", "Juices", "Pickles & Vinegar" ]; const [compareSlugs, setCompareSlugs] = (0, import_react9.useState)([]); const [compareOpen, setCompareOpen] = (0, import_react9.useState)(false); const toggleCompare = (slug) => { setCompareSlugs((prev) => { const next = prev.includes(slug) ? prev.filter((s) => s !== slug) : [...prev, slug]; return next.slice(0, getMaxCompare()); }); }; (0, import_react9.useEffect)(() => { try { const usp = new URLSearchParams(window.location.search); const cmp = usp.get("compare"); if (!cmp) return; const slugs = cmp.split(",").map((s) => s.trim()).filter(Boolean); const valid = slugs.filter((slug) => products.some((p) => p.slug === slug)).slice(0, 4); if (valid.length) setCompareSlugs(valid); } catch { } }, [products]); (0, import_react9.useEffect)(() => { try { const url = new URL(window.location.href); if (!compareSlugs.length) { url.searchParams.delete("compare"); } else { url.searchParams.set("compare", compareSlugs.join(",")); } window.history.replaceState({}, "", url.toString()); } catch { } }, [compareSlugs]); (0, import_react9.useEffect)(() => { try { const usp = new URLSearchParams(window.location.search); const q = usp.get("q"); if (typeof q === "string") { setSearchTerm(q); } } catch { } }, [setSearchTerm]); const qDebounceRef = (0, import_react9.useRef)(null); (0, import_react9.useEffect)(() => { try { if (qDebounceRef.current) { clearTimeout(qDebounceRef.current); } qDebounceRef.current = setTimeout(() => { try { const url = new URL(window.location.href); if (!searchTerm) { url.searchParams.delete("q"); } else { url.searchParams.set("q", searchTerm); } window.history.replaceState({}, "", url.toString()); } catch { } }, 300); return () => { if (qDebounceRef.current) clearTimeout(qDebounceRef.current); }; } catch { } }, [searchTerm]); const selectedProduct = (0, import_react9.useMemo)( () => products.find((p) => p.slug === expandedSlug), [products, expandedSlug] ); const selectedPacks = packsBySlug[expandedSlug] || []; (0, import_react9.useEffect)(() => { try { const usp = new URLSearchParams(window.location.search); const groupSlug = usp.get("group"); if (!groupSlug) return; const slugExists = (groups || []).some((g) => g.slug === groupSlug); if (slugExists) { setSelectedGroup(groupSlug); const el = document.getElementById("filters"); if (el) { el.scrollIntoView({ behavior: "smooth", block: "start" }); } } } catch { } }, [groups, setSelectedGroup]); (0, import_react9.useEffect)(() => { try { const url = new URL(window.location.href); if (!selectedGroup) { url.searchParams.delete("group"); } else { url.searchParams.set("group", selectedGroup); } window.history.replaceState({}, "", url.toString()); } catch { } }, [selectedGroup]); (0, import_react9.useEffect)(() => { try { const usp = new URLSearchParams(window.location.search); const openSlug = usp.get("open"); if (!openSlug) return; const exists = products.some((p) => p.slug === openSlug); if (exists) setExpandedSlug(openSlug); } catch { } }, [products, setExpandedSlug]); (0, import_react9.useEffect)(() => { try { const url = new URL(window.location.href); if (!expandedSlug) { url.searchParams.delete("open"); } else { url.searchParams.set("open", expandedSlug); } window.history.replaceState({}, "", url.toString()); } catch { } }, [expandedSlug]); const getMaxCompare = () => { try { if (typeof window === "undefined") return 4; const w = window.innerWidth; if (w < 640) return 2; if (w < 1024) return 3; return 4; } catch { return 4; } }; const isExpanded = Boolean(expandedSlug); (0, import_react9.useEffect)(() => { try { if (!expandedSlug) return; if (typeof window !== "undefined" && window.innerWidth < 1024) return; const el = document.querySelector(`[data-slug="${expandedSlug}"]`); if (el && typeof el.scrollIntoView === "function") { el.scrollIntoView({ behavior: "smooth", block: "center", inline: "nearest" }); } } catch { } }, [expandedSlug]); if (loading) { return /* @__PURE__ */ React.createElement(LoadingState, null); } if (error) { return /* @__PURE__ */ React.createElement(ErrorState, { error }); } const handleInstallApp = () => { const success = promptInstall(); if (!success) { alert("Install prompt not available"); } }; const handleNavigatorAsk = (q) => { return processNavigatorQuery(q, products, packsBySlug, allowedGroupNames); }; const handleSearchSubmit = async (q) => { const query = String(q || "").trim(); setSearchTerm(query); if (!query) return; try { const list = await handleNavigatorAsk(query); if (Array.isArray(list) && list.length) { const first = list[0]; if (first?.group) { const match = (groups || []).find( (g) => (g.name || "").toLowerCase() === String(first.group).toLowerCase() ); if (match) { setSelectedGroup(match.slug); } } if (first?.slug) { setExpandedSlug(first.slug); try { gridRootRef.current?.scrollIntoView({ behavior: "smooth", block: "start" }); } catch { } } } } catch (err) { console.error(err); } }; return /* @__PURE__ */ React.createElement("div", { className: "min-h-screen bg-gradient-to-b from-[#F3F7F3] to-white dark:from-neutral-950 dark:to-neutral-900 text-slate-900 dark:text-white font-inter overflow-x-hidden" }, /* @__PURE__ */ React.createElement( CatalogueHeader, { brand, searchTerm, onSearchChange: setSearchTerm, onInstallApp: handleInstallApp, groups, onSelectGroup: (slug) => setSelectedGroup(slug), onSearchSubmit: handleSearchSubmit } ), /* @__PURE__ */ React.createElement("div", { className: "max-w-7xl mx-auto px-4" }, !isExpanded && /* @__PURE__ */ React.createElement(IntroCover, { brand }), /* @__PURE__ */ React.createElement( FilterRail, { selectedGroup, onSelectGroup: setSelectedGroup, orderedGroups, countsBySlug, totalCount, sortOption, onChangeSort: setSortOption, availableTags, selectedTag, onSelectTag: setSelectedTag, availableCerts, selectedCert, onSelectCert: setSelectedCert } )), /* @__PURE__ */ React.createElement(GroupBanner, { selectedGroup, groups }), /* @__PURE__ */ React.createElement("div", { className: "max-w-7xl mx-auto px-4 py-4 lg:flex lg:items-start lg:gap-4" }, /* @__PURE__ */ React.createElement( "div", { ref: gridRootRef, className: `transition-all duration-300 ${isExpanded ? "lg:w-[40%]" : "lg:w-full"}` }, /* @__PURE__ */ React.createElement( ProductGrid, { products: filtered, packsBySlug, highlightSlug, expandedSlug, onToggleExpand: setExpandedSlug, onCompare: toggleCompare, comparedSlugs: compareSlugs } ) ), /* @__PURE__ */ React.createElement( "div", { className: `hidden lg:block transition-all duration-300 ${isExpanded ? "lg:w-[60%]" : "lg:w-0"}` }, selectedProduct && /* @__PURE__ */ React.createElement("div", { className: "flex items-center min-h-[calc(100vh-220px)]" }, /* @__PURE__ */ React.createElement("div", { className: "bg-white dark:bg-neutral-900 border border-[#DDE7DD] dark:border-white/10 rounded-2xl shadow-sm overflow-hidden max-h-[calc(100vh-220px)] overflow-y-auto w-full" }, /* @__PURE__ */ React.createElement("div", { className: "w-full aspect-[2/1] bg-white dark:bg-neutral-900 flex items-center justify-center" }, selectedProduct.images?.[0] ? /* @__PURE__ */ React.createElement( "img", { src: selectedProduct.images[0]?.src || selectedProduct.images[0], alt: selectedProduct.name, className: "w-full h-full object-contain" } ) : /* @__PURE__ */ React.createElement("div", { className: "text-sm text-[#355E3B]" }, "No image")), /* @__PURE__ */ React.createElement("div", { className: "p-4" }, /* @__PURE__ */ React.createElement( ProductDetail, { product: selectedProduct, packs: selectedPacks, modal: false, brand } )))) )), selectedProduct && /* @__PURE__ */ React.createElement("div", { className: "lg:hidden" }, /* @__PURE__ */ React.createElement( "div", { className: "fixed inset-0 z-40 bg-black/40", onClick: () => setExpandedSlug(null) } ), /* @__PURE__ */ React.createElement("div", { className: "fixed inset-x-0 top-[8vh] bottom-[8vh] z-50 rounded-2xl bg-white dark:bg-neutral-900 border-t border-[#DDE7DD] dark:border-white/10 shadow-xl overflow-auto" }, /* @__PURE__ */ React.createElement("div", { className: "sticky top-0 z-10 flex justify-between items-center p-3 bg-white/90 dark:bg-neutral-900/90 backdrop-blur border-b border-[#DDE7DD] dark:border-white/10" }, /* @__PURE__ */ React.createElement("div", { className: "font-semibold text-[#355E3B]" }, "Product details"), /* @__PURE__ */ React.createElement( "button", { onClick: () => setExpandedSlug(null), className: "inline-flex items-center gap-1 text-sm px-3 py-1.5 rounded bg-[#3A5A40] text-white" }, /* @__PURE__ */ React.createElement(import_lucide_react3.X, { size: 14 }), " Close" )), /* @__PURE__ */ React.createElement("div", { className: "p-4 space-y-4" }, /* @__PURE__ */ React.createElement("div", { className: "w-full aspect-[2/1] bg-white dark:bg-neutral-900 flex items-center justify-center" }, selectedProduct.images?.[0] ? /* @__PURE__ */ React.createElement( "img", { src: selectedProduct.images[0]?.src || selectedProduct.images[0], alt: selectedProduct.name, className: "w-full h-full object-contain" } ) : /* @__PURE__ */ React.createElement("div", { className: "text-sm text-[#355E3B]" }, "No image")), /* @__PURE__ */ React.createElement( ProductDetail, { product: selectedProduct, packs: selectedPacks, modal: true, brand } )))), compareSlugs.length > 0 && /* @__PURE__ */ React.createElement("div", { className: "fixed inset-x-0 bottom-0 z-40" }, /* @__PURE__ */ React.createElement("div", { className: "mx-auto max-w-7xl px-4 pb-4" }, /* @__PURE__ */ React.createElement("div", { className: "rounded-2xl bg-white dark:bg-neutral-900 border border-[#DDE7DD] dark:border-white/10 shadow-lg p-3 flex items-center justify-between gap-3" }, /* @__PURE__ */ React.createElement("div", { className: "flex items-center gap-2 overflow-x-auto md:overflow-x-visible" }, compareSlugs.map((slug) => { const p = products.find((x) => x.slug === slug); const img = p?.images?.[0]; return /* @__PURE__ */ React.createElement( "div", { key: slug, className: "flex items-center gap-2 border border-[#DDE7DD] dark:border-white/10 rounded-xl px-2 py-1 bg-[#F8FAF8] dark:bg-neutral-800" }, img ? /* @__PURE__ */ React.createElement( "img", { src: img?.src || img, alt: p?.name || slug, className: "h-8 w-8 rounded object-cover" } ) : /* @__PURE__ */ React.createElement("div", { className: "h-8 w-8 rounded bg-[#E8F1E8]" }), /* @__PURE__ */ React.createElement("span", { className: "text-xs text-slate-700 dark:text-white max-w-[120px] truncate" }, p?.name || slug), /* @__PURE__ */ React.createElement( "button", { onClick: () => setCompareSlugs( (prev) => prev.filter((s) => s !== slug) ), "aria-label": `Remove ${p?.name || slug} from compare`, className: "ml-1 px-2 py-0.5 rounded-full text-[10px] border border-[#DDE7DD] dark:border-white/10 text-slate-700 dark:text-white hover:bg-[#F2F6F2] dark:hover:bg-neutral-800" }, "Remove" ) ); })), /* @__PURE__ */ React.createElement("div", { className: "flex items-center gap-2" }, /* @__PURE__ */ React.createElement( "button", { onClick: () => setCompareOpen(true), className: "px-4 py-2 rounded-xl bg-[#3A5A40] text-white text-sm" }, "Compare (", compareSlugs.length, ") items" ), /* @__PURE__ */ React.createElement( "button", { onClick: () => setCompareSlugs([]), className: "px-3 py-2 rounded-xl border border-[#DDE7DD] dark:border-white/10 text-sm hover:bg-[#F2F6F2] dark:hover:bg-neutral-800" }, "Clear" ))))), compareOpen && /* @__PURE__ */ React.createElement("div", { className: "fixed inset-0 z-50" }, /* @__PURE__ */ React.createElement( "div", { className: "absolute inset-0 bg-black/50", onClick: () => setCompareOpen(false) } ), /* @__PURE__ */ React.createElement("div", { className: "relative z-10 max-w-7xl mx-auto p-4" }, /* @__PURE__ */ React.createElement("div", { className: "bg-white dark:bg-neutral-900 rounded-2xl border border-[#DDE7DD] dark:border-white/10 shadow-xl overflow-hidden" }, /* @__PURE__ */ React.createElement("div", { className: "flex items-center justify-between px-4 py-3 border-b border-[#DDE7DD] dark:border-white/10" }, /* @__PURE__ */ React.createElement("div", { className: "font-semibold text-[#355E3B]" }, "Compare products"), /* @__PURE__ */ React.createElement( "button", { onClick: () => setCompareOpen(false), className: "px-3 py-1.5 rounded bg-[#3A5A40] text-white text-sm" }, "Close" )), /* @__PURE__ */ React.createElement("div", { className: "hidden md:block" }, /* @__PURE__ */ React.createElement("div", { className: "overflow-hidden" }, /* @__PURE__ */ React.createElement("table", { className: "w-full text-sm table-fixed" }, /* @__PURE__ */ React.createElement("colgroup", null, /* @__PURE__ */ React.createElement("col", { className: "w-[22%]" }), compareSlugs.map((_, i) => /* @__PURE__ */ React.createElement( "col", { key: i, className: `w-[${Math.floor( 78 / (compareSlugs.length || 1) )}%]` } ))), /* @__PURE__ */ React.createElement("thead", null, /* @__PURE__ */ React.createElement("tr", { className: "bg-[#F3F7F3] dark:bg-neutral-800 text-left" }, /* @__PURE__ */ React.createElement("th", { className: "p-3" }, "Feature"), compareSlugs.map((slug) => { const p = products.find((x) => x.slug === slug); const img = p?.images?.[0]; return /* @__PURE__ */ React.createElement("th", { key: slug, className: "p-3" }, /* @__PURE__ */ React.createElement("div", { className: "flex items-center gap-2" }, img ? /* @__PURE__ */ React.createElement( "img", { src: img?.src || img, alt: p?.name || slug, className: "h-8 w-8 rounded object-cover" } ) : /* @__PURE__ */ React.createElement("div", { className: "h-8 w-8 rounded bg-[#E8F1E8]" }), /* @__PURE__ */ React.createElement("span", { className: "font-medium truncate" }, p?.name || slug))); }))), /* @__PURE__ */ React.createElement("tbody", null, /* @__PURE__ */ React.createElement("tr", { className: "border-t border-[#DDE7DD] dark:border-white/10" }, /* @__PURE__ */ React.createElement("td", { className: "p-3 font-medium" }, "Cooking time"), compareSlugs.map((slug) => { const p = products.find((x) => x.slug === slug); return /* @__PURE__ */ React.createElement("td", { key: slug, className: "p-3" }, p?.cooking_time || p?.cookingTime || "-"); })), /* @__PURE__ */ React.createElement("tr", { className: "border-t border-[#DDE7DD] dark:border-white/10" }, /* @__PURE__ */ React.createElement("td", { className: "p-3 font-medium" }, "Pack"), compareSlugs.map((slug) => { const pack = (packsBySlug[slug] || [])[0] || {}; const sv = pack.size_value ?? pack.sizeValue; const su = pack.size_unit ?? pack.sizeUnit; return /* @__PURE__ */ React.createElement("td", { key: slug, className: "p-3" }, sv ? `${sv}${su || ""}` : "-"); })), /* @__PURE__ */ React.createElement("tr", { className: "border-t border-[#DDE7DD] dark:border-white/10" }, /* @__PURE__ */ React.createElement("td", { className: "p-3 font-medium" }, "MRP"), compareSlugs.map((slug) => { const pack = (packsBySlug[slug] || [])[0] || {}; const value = typeof pack.mrp_value === "number" ? Math.round(pack.mrp_value) : typeof pack.mrpValue === "number" ? Math.round(pack.mrpValue) : products.find((x) => x.slug === slug)?.mrp_value ?? null; const curr = pack.mrp_currency || pack.mrpCurrency || products.find((x) => x.slug === slug)?.mrp_currency || "INR"; const sym = curr === "INR" ? "\u20B9" : curr === "USD" ? "$" : ""; return /* @__PURE__ */ React.createElement("td", { key: slug, className: "p-3" }, typeof value === "number" ? `${sym}${value}` : "-"); })), /* @__PURE__ */ React.createElement("tr", { className: "border-t border-[#DDE7DD] dark:border-white/10 align-top" }, /* @__PURE__ */ React.createElement("td", { className: "p-3 font-medium" }, "USPs"), compareSlugs.map((slug) => { const p = products.find((x) => x.slug === slug); const arr = Array.isArray(p?.usps) ? p.usps : []; return /* @__PURE__ */ React.createElement( "td", { key: slug, className: "p-3 text-slate-700 dark:text-white" }, arr.slice(0, 4).join(" \xB7 ") || "-" ); })))))), /* @__PURE__ */ React.createElement("div", { className: "md:hidden p-3" }, compareSlugs.length === 1 && /* @__PURE__ */ React.createElement("div", { className: "text-sm text-slate-700 dark:text-white" }, "Add one more item to compare."), compareSlugs.length > 2 && /* @__PURE__ */ React.createElement("div", { className: "text-sm text-red-700 mb-2" }, "On phones, compare is limited to 2 items for readability. Remove extras."), /* @__PURE__ */ React.createElement("div", { className: "grid grid-cols-2 gap-2" }, compareSlugs.slice(0, 2).map((slug) => { const p = products.find((x) => x.slug === slug); const img = p?.images?.[0]; const pack = (packsBySlug[slug] || [])[0] || {}; const mrp = typeof pack.mrp_value === "number" ? Math.round(pack.mrp_value) : typeof pack.mrpValue === "number" ? Math.round(pack.mrpValue) : p?.mrp_value ?? null; const curr = pack.mrp_currency || p?.mrp_currency || pack.mrpCurrency || "INR"; const sym = curr === "INR" ? "\u20B9" : curr === "USD" ? "$" : ""; const sv = pack.size_value ?? pack.sizeValue; const su = pack.size_unit ?? pack.sizeUnit; return /* @__PURE__ */ React.createElement( "div", { key: slug, className: "border border-[#DDE7DD] dark:border-white/10 rounded-xl p-2" }, /* @__PURE__ */ React.createElement("div", { className: "flex items-center gap-2" }, img ? /* @__PURE__ */ React.createElement( "img", { src: img?.src || img, alt: p?.name || slug, className: "h-8 w-8 rounded object-cover" } ) : /* @__PURE__ */ React.createElement("div", { className: "h-8 w-8 rounded bg-[#E8F1E8]" }), /* @__PURE__ */ React.createElement("div", { className: "text-xs font-medium truncate" }, p?.name || slug)), /* @__PURE__ */ React.createElement("ul", { className: "mt-2 text-[11px] space-y-1" }, /* @__PURE__ */ React.createElement("li", null, /* @__PURE__ */ React.createElement("span", { className: "opacity-60" }, "Cooking:"), " ", p?.cooking_time || p?.cookingTime || "-"), /* @__PURE__ */ React.createElement("li", null, /* @__PURE__ */ React.createElement("span", { className: "opacity-60" }, "Pack:"), " ", sv ? `${sv}${su || ""}` : "-"), /* @__PURE__ */ React.createElement("li", null, /* @__PURE__ */ React.createElement("span", { className: "opacity-60" }, "MRP:"), " ", typeof mrp === "number" ? `${sym}${mrp}` : "-"), /* @__PURE__ */ React.createElement("li", { className: "line-clamp-2" }, /* @__PURE__ */ React.createElement("span", { className: "opacity-60" }, "USPs:"), " ", (Array.isArray(p?.usps) ? p.usps : []).slice(0, 3).join(" \xB7 ") || "-")) ); }))))))); } // virtual:/apps/web/src/app/layout.jsx init_injected_globals(); var import_react11 = __toESM(require_react()); // virtual:/apps/web/src/components/ai/ChatWidget.jsx init_injected_globals(); var import_react10 = __toESM(require_react()); var import_lucide_react4 = __toESM(require_lucide_react()); // virtual:/apps/web/src/components/ai/usePrefLang.js init_injected_globals(); var KEY = "np_lang_pref"; function getPrefLang() { if (typeof window === "undefined") return "auto"; try { return localStorage.getItem(KEY) || "auto"; } catch { return "auto"; } } function setPrefLang(v) { if (typeof window === "undefined") return; try { localStorage.setItem(KEY, v); } catch { } } function mapPrefToBCP47(pref, detected = "en") { if (pref === "en") return "en-IN"; if (pref === "hi") return "hi-IN"; return detected && detected.startsWith("hi") ? "hi-IN" : "en-IN"; } // virtual:/apps/web/src/components/ai/ChatWidget.jsx function ChatWidget() { const [open, setOpen] = (0, import_react10.useState)(false); const [msgs, setMsgs] = (0, import_react10.useState)([]); const [input, setInput] = (0, import_react10.useState)(""); const [loading, setLoading] = (0, import_react10.useState)(false); const [voice, setVoice] = (0, import_react10.useState)(true); const [prefLang, setPrefLangState] = (0, import_react10.useState)(getPrefLang()); const [detectedLang, setDetectedLang] = (0, import_react10.useState)("en"); const synthRef = (0, import_react10.useRef)( typeof window !== "undefined" ? window.speechSynthesis : null ); const recognitionRef = (0, import_react10.useRef)(null); const sectionMapRef = (0, import_react10.useRef)(null); const [voices, setVoices] = (0, import_react10.useState)([]); const [naturalVoiceId, setNaturalVoiceId] = (0, import_react10.useState)(""); const audioRef = (0, import_react10.useRef)(null); (0, import_react10.useEffect)(() => { fetch("/api/brochure/section-map").then((r) => r.json()).then((j) => sectionMapRef.current = j).catch(() => { }); }, []); (0, import_react10.useEffect)(() => { fetch("/api/voices").then((r) => r.ok ? r.json() : []).then((rows) => { const list = Array.isArray(rows) ? rows : []; list.sort((a, b) => { if (a.is_default === b.is_default) { return String(a.name || "").localeCompare(String(b.name || "")); } return a.is_default ? -1 : 1; }); setVoices(list); let saved = null; try { saved = localStorage.getItem("nova_voice_id") || null; } catch { } const found = saved && list.find((v) => v.elevenlabs_voice_id === saved); if (found) { setNaturalVoiceId(found.elevenlabs_voice_id); setVoice(true); return; } const first = list[0]; if (first) { setNaturalVoiceId(first.elevenlabs_voice_id); setVoice(true); try { localStorage.setItem("nova_voice_id", first.elevenlabs_voice_id); } catch { } } }).catch(() => setVoices([])); }, []); (0, import_react10.useEffect)(() => { const onMsg = (e) => { if (e?.data?.type === "chat.open") setOpen(true); }; if (typeof window !== "undefined") { try { window.openNovaChat = () => setOpen(true); } catch { } window.addEventListener("message", onMsg); } return () => { if (typeof window !== "undefined") window.removeEventListener("message", onMsg); }; }, []); (0, import_react10.useEffect)(() => { if (typeof window === "undefined") return; const SR = window.SpeechRecognition || window.webkitSpeechRecognition; if (!SR) return; const r = new SR(); r.lang = mapPrefToBCP47(prefLang, detectedLang); r.interimResults = false; r.maxAlternatives = 1; r.onresult = (e) => { const text = e.results[0][0].transcript; setInput(text); }; recognitionRef.current = r; }, [prefLang, detectedLang]); async function sayNatural(text) { if (!voice || !text || !naturalVoiceId) return false; try { const modelId = "eleven_multilingual_v2"; const res = await fetch("/api/tts/elevenlabs", { method: "POST", headers: { "Content-Type": "application/json" }, body: JSON.stringify({ text, voiceId: naturalVoiceId, modelId }) }); if (!res.ok) { return false; } const buf = await res.arrayBuffer(); const blob = new Blob([buf], { type: "audio/mpeg" }); const url = URL.createObjectURL(blob); try { if (!audioRef.current) { audioRef.current = new Audio(); } audioRef.current.src = url; await audioRef.current.play(); } finally { setTimeout(() => URL.revokeObjectURL(url), 2e4); } return true; } catch { return false; } } async function send(qOverride) { const q = (qOverride ?? input).trim(); if (!q) return; setInput(""); setMsgs((m) => [...m, { role: "user", content: q }]); setLoading(true); try { let group = null; try { const usp = new URLSearchParams(window.location.search); group = (usp.get("group") || "").trim() || null; } catch { } const res = await fetch("/api/ai-chat", { method: "POST", headers: { "Content-Type": "application/json" }, body: JSON.stringify({ message: q, group }) }); const data = await res.json(); const { answer, answer_en, sources, actions, comparison, detected_lang, related, links // NEW } = data; if (detected_lang) setDetectedLang(detected_lang); setMsgs((m) => [ ...m, { role: "assistant", content: answer || "\u2014", answer_en, sources: sources || [], actions: actions || {}, comparison: comparison || null, detected_lang: detected_lang || "en", related: Array.isArray(related) ? related.slice(0, 4) : [], links: Array.isArray(links) ? links.slice(0, 3) : [] // NEW } ]); await sayNatural(answer); if (actions?.openProductId) { setTimeout(() => { window.location.href = `/product/${actions.openProductId}`; }, 300); } if (actions?.scrollToSection && sectionMapRef.current?.[actions.scrollToSection]) { const page = sectionMapRef.current[actions.scrollToSection]; window.postMessage({ type: "flipbook.scrollTo", page }, "*"); } } finally { setLoading(false); } } function mic() { if (recognitionRef.current) { try { recognitionRef.current.start(); } catch { } } else alert("Voice input not supported in this browser. (Use text.)"); } function onPrefChange(v) { setPrefLangState(v); setPrefLang(v); } const subtitleAuto = `Listening & speaking in ${mapPrefToBCP47("auto", detectedLang)} (auto)`; const subtitleFixed = `Preference: ${mapPrefToBCP47(prefLang, detectedLang)}`; const subtitle = prefLang === "auto" ? subtitleAuto : subtitleFixed; const inputPlaceholder = prefLang === "hi" ? "\u0939\u093F\u0928\u094D\u0926\u0940 \u092E\u0947\u0902 \u092A\u0942\u091B\u0947\u0902 \u092F\u093E English\u2026" : "Ask in English \u092F\u093E Hindi\u2026"; return ( // Moved to bottom-right, glass effect, LARGER, friendlier /* @__PURE__ */ React.createElement("div", { className: "fixed bottom-4 right-4 z-50" }, open ? /* @__PURE__ */ React.createElement("div", { className: "backdrop-blur-xl bg-white/80 dark:bg-neutral-900/80 border border-black/10 dark:border-white/10 shadow-2xl rounded-3xl w-[420px] sm:w-[480px] md:w-[520px] h-[640px] sm:h-[680px] flex flex-col" }, /* @__PURE__ */ React.createElement("div", { className: "px-5 pt-4 pb-3 border-b border-black/10 dark:border-white/10" }, /* @__PURE__ */ React.createElement("div", { className: "flex items-center justify-between" }, /* @__PURE__ */ React.createElement("div", { className: "flex items-center gap-3" }, /* @__PURE__ */ React.createElement("div", { className: "inline-flex items-center justify-center w-10 h-10 rounded-xl bg-gradient-to-br from-orange-500 to-orange-600 text-white shadow" }, /* @__PURE__ */ React.createElement(import_lucide_react4.MessageCircle, { size: 18 })), /* @__PURE__ */ React.createElement("div", null, /* @__PURE__ */ React.createElement("div", { className: "font-semibold leading-tight text-base" }, "AI Assistant"), /* @__PURE__ */ React.createElement("div", { className: "text-sm opacity-70 leading-tight" }, subtitle))), /* @__PURE__ */ React.createElement( "button", { onClick: () => setOpen(false), className: "p-2 rounded-lg hover:bg-black/5 dark:hover:bg-white/10", "aria-label": "Close", title: "Close" }, /* @__PURE__ */ React.createElement(import_lucide_react4.X, { size: 18 }) )), /* @__PURE__ */ React.createElement("div", { className: "mt-4 flex items-center gap-3 flex-wrap" }, /* @__PURE__ */ React.createElement("div", { className: "inline-flex items-center gap-2 px-4 py-2 rounded-full bg-black/5 dark:bg-white/10 text-sm" }, /* @__PURE__ */ React.createElement(import_lucide_react4.Globe2, { size: 16, className: "opacity-70" }), /* @__PURE__ */ React.createElement( "select", { "aria-label": "Language preference", value: prefLang, onChange: (e) => onPrefChange(e.target.value), className: "bg-transparent focus:outline-none text-sm" }, /* @__PURE__ */ React.createElement("option", { value: "auto" }, "Auto"), /* @__PURE__ */ React.createElement("option", { value: "en" }, "English"), /* @__PURE__ */ React.createElement("option", { value: "hi" }, "\u0939\u093F\u0928\u094D\u0926\u0940") )), /* @__PURE__ */ React.createElement("label", { className: "inline-flex items-center gap-2 px-4 py-2 rounded-full bg-black/5 dark:bg-white/10 text-sm cursor-pointer select-none" }, /* @__PURE__ */ React.createElement(import_lucide_react4.Volume2, { size: 16, className: "opacity-70" }), /* @__PURE__ */ React.createElement( "input", { type: "checkbox", checked: voice, onChange: (e) => setVoice(e.target.checked), className: "accent-orange-600" } ), "Voice"), /* @__PURE__ */ React.createElement( "select", { "aria-label": "Voice selection", value: naturalVoiceId || "", onChange: (e) => { const v = e.target.value; setNaturalVoiceId(v); try { localStorage.setItem("nova_voice_id", v); } catch { } }, className: "text-sm px-4 py-2 rounded-full bg-black/5 dark:bg-white/10 max-w-[55%] truncate", title: "Select voice" }, voices.length === 0 && /* @__PURE__ */ React.createElement("option", { value: "", disabled: true }, "No voices"), voices.map((v) => { const star = v.is_default ? "\u2605 " : ""; const langTag = v.lang !== "auto" ? ` \xB7 ${v.lang}` : ""; const defaultTag = v.is_default ? " \xB7 Default" : ""; const label = `${star}${v.name} \xB7 ${v.gender}${langTag}${defaultTag}`; return /* @__PURE__ */ React.createElement( "option", { key: v.id, value: v.elevenlabs_voice_id, title: label }, label ); }) ))), /* @__PURE__ */ React.createElement("div", { className: "flex-1 overflow-y-auto p-4 text-base space-y-4" }, msgs.map((m, i) => /* @__PURE__ */ React.createElement( "div", { key: i, className: m.role === "user" ? "text-right" : "text-left" }, /* @__PURE__ */ React.createElement( "div", { className: `${m.role === "user" ? "bg-orange-100/80 ml-auto" : "bg-gray-100/70 dark:bg-gray-800/40"} inline-block rounded-2xl px-4 py-3 max-w-[90%] shadow-sm` }, /* @__PURE__ */ React.createElement("div", { className: "flex items-center gap-2" }, /* @__PURE__ */ React.createElement("div", { className: "text-base leading-relaxed" }, m.content), m.role === "assistant" && /* @__PURE__ */ React.createElement( "span", { className: `ml-auto text-xs px-2 py-1 rounded ${Array.isArray(m.sources) && m.sources.length > 0 ? "bg-emerald-100 text-emerald-800" : "bg-amber-100 text-amber-800"}` }, Array.isArray(m.sources) && m.sources.length > 0 ? "Grounded" : "No sources" )), m.answer_en && /* @__PURE__ */ React.createElement("div", { className: "mt-2 text-sm opacity-70" }, "EN: ", m.answer_en), m.role === "assistant" && Array.isArray(m.sources) && m.sources.length > 0 && /* @__PURE__ */ React.createElement("div", { className: "mt-3 text-sm opacity-70" }, "Sources:", " ", m.sources.map((s, si) => /* @__PURE__ */ React.createElement( "button", { key: si, className: "underline mr-3", onClick: () => window.location.href = `/product/${s.id}` }, s.name || s.id ))), m.role === "assistant" && m.comparison && Array.isArray(m.comparison.metrics) && m.comparison.metrics.length > 0 && /* @__PURE__ */ React.createElement("div", { className: "mt-3 overflow-x-auto" }, /* @__PURE__ */ React.createElement("table", { className: "text-sm min-w-[360px]" }, /* @__PURE__ */ React.createElement("thead", { className: "opacity-70" }, /* @__PURE__ */ React.createElement("tr", null, /* @__PURE__ */ React.createElement("th", { className: "text-left pr-3 py-1" }, "Metric"), /* @__PURE__ */ React.createElement("th", { className: "text-left pr-3 py-1" }, m.sources?.[0]?.name || "Product A"), /* @__PURE__ */ React.createElement("th", { className: "text-left pr-3 py-1" }, m.sources?.[1]?.name || "Product B"), /* @__PURE__ */ React.createElement("th", { className: "text-left pr-3 py-1" }, "Note"))), /* @__PURE__ */ React.createElement("tbody", null, m.comparison.metrics.map((r, ri) => /* @__PURE__ */ React.createElement( "tr", { key: ri, className: "border-t border-black/5 dark:border-white/10" }, /* @__PURE__ */ React.createElement("td", { className: "pr-3 py-1" }, r.metric), /* @__PURE__ */ React.createElement("td", { className: "pr-3 py-1" }, r.p1), /* @__PURE__ */ React.createElement("td", { className: "pr-3 py-1" }, r.p2), /* @__PURE__ */ React.createElement("td", { className: "pr-3 py-1" }, r.note || "") ))))), m.role === "assistant" && Array.isArray(m.related) && m.related.length > 0 && /* @__PURE__ */ React.createElement("div", { className: "mt-3 text-sm opacity-80" }, "Related you could ask:", " ", m.related.map((q, qi) => /* @__PURE__ */ React.createElement( "button", { key: qi, onClick: () => send(q), className: "ml-1 mb-1 inline-block px-3 py-1 rounded-full bg-orange-50 text-orange-700 hover:bg-orange-100" }, q ))), m.role === "assistant" && Array.isArray(m.links) && m.links.length > 0 && /* @__PURE__ */ React.createElement("div", { className: "mt-3 text-sm opacity-85" }, "Helpful links:", " ", m.links.map((l, li) => /* @__PURE__ */ React.createElement( "a", { key: li, className: "ml-2 underline", href: l.url, target: "_blank", rel: "noopener noreferrer", title: l.title }, l.title ))) ) )), loading && /* @__PURE__ */ React.createElement("div", { className: "text-sm opacity-50" }, "Thinking\u2026")), /* @__PURE__ */ React.createElement("div", { className: "p-4 border-t border-black/10 dark:border-white/10" }, /* @__PURE__ */ React.createElement("div", { className: "flex items-center gap-3" }, /* @__PURE__ */ React.createElement( "button", { onClick: mic, className: "inline-flex items-center justify-center w-11 h-11 rounded-xl bg-black/5 dark:bg-white/10 hover:bg-black/10 dark:hover:bg-white/20", title: `Speak (${mapPrefToBCP47(prefLang, detectedLang)})`, "aria-label": "Speak" }, /* @__PURE__ */ React.createElement(import_lucide_react4.Mic, { size: 18 }) ), /* @__PURE__ */ React.createElement( "input", { className: "flex-1 rounded-xl border border-black/10 dark:border-white/10 bg-white/70 dark:bg-neutral-800 px-4 py-3 text-base", placeholder: inputPlaceholder, value: input, onChange: (e) => setInput(e.target.value), onKeyDown: (e) => e.key === "Enter" && send() } ), /* @__PURE__ */ React.createElement( "button", { onClick: () => send(), className: "inline-flex items-center gap-2 px-4 py-3 rounded-xl bg-orange-600 text-white text-base shadow hover:brightness-110", "aria-label": "Send", title: "Send" }, /* @__PURE__ */ React.createElement(import_lucide_react4.Send, { size: 16 }), "Go" )))) : /* @__PURE__ */ React.createElement( "button", { onClick: () => setOpen(true), className: "rounded-full w-16 h-16 bg-gradient-to-br from-orange-500 to-orange-600 text-white shadow-2xl flex items-center justify-center text-xl hover:scale-105 active:scale-95 transition", "aria-label": "Open AI Assistant", title: "Ask our AI assistant" }, /* @__PURE__ */ React.createElement(import_lucide_react4.MessageCircle, { size: 24 }) )) ); } // virtual:/apps/web/src/app/layout.jsx var queryClient = new QueryClient({ defaultOptions: { queries: { staleTime: 1e3 * 60 * 5, // 5 minutes cacheTime: 1e3 * 60 * 30, // 30 minutes retry: 1, refetchOnWindowFocus: false } } }); function ViewTransitions() { (0, import_react11.useEffect)(() => { const html = document.documentElement; const reduce = window.matchMedia?.( "(prefers-reduced-motion: reduce)" )?.matches; if (!reduce && "startViewTransition" in document) { html.classList.add("view-transitions"); } return () => html.classList.remove("view-transitions"); }, []); return null; } function AdminShortcut() { (0, import_react11.useEffect)(() => { const onKeyDown = (e) => { if (e.shiftKey && (e.key === "." || e.code === "Period")) { e.preventDefault(); try { window.location.href = "/admin"; } catch { window.location.assign("/admin"); } } }; if (typeof window !== "undefined") { window.addEventListener("keydown", onKeyDown); } return () => { if (typeof window !== "undefined") { window.removeEventListener("keydown", onKeyDown); } }; }, []); return null; } function CanonicalTag() { (0, import_react11.useEffect)(() => { if (typeof document === "undefined") return; const href = "https://catalogue.novapurefoods.in/"; let link = document.querySelector('link[rel="canonical"]'); if (!link) { link = document.createElement("link"); link.setAttribute("rel", "canonical"); document.head.appendChild(link); } link.setAttribute("href", href); }, []); return null; } function TitleSetter() { (0, import_react11.useEffect)(() => { if (typeof document === "undefined") return; const desired = "Mand8-AI"; if (document.title !== desired) { document.title = desired; } }, []); return null; } function RootLayout({ children }) { return /* @__PURE__ */ React.createElement(QueryClientProvider, { client: queryClient }, /* @__PURE__ */ React.createElement(ViewTransitions, null), /* @__PURE__ */ React.createElement(AdminShortcut, null), /* @__PURE__ */ React.createElement(CanonicalTag, null), /* @__PURE__ */ React.createElement(TitleSetter, null), /* @__PURE__ */ React.createElement("div", { className: "font-inter bg-white dark:bg-neutral-950 text-slate-900 dark:text-white min-h-screen" }, children, /* @__PURE__ */ React.createElement(ChatWidget, null))); } // virtual:/__wrapped_entry__.jsx function WrappedPage(props) { let content = /* @__PURE__ */ import_react12.default.createElement(CatalogueSlidesPage, { ...props }); content = /* @__PURE__ */ import_react12.default.createElement(RootLayout, null, content); return content; } return __toCommonJS(wrapped_entry_exports); })(); /*! Bundled license information: react/cjs/react-jsx-runtime.production.min.js: (** * @license React * react-jsx-runtime.production.min.js * * Copyright (c) Facebook, Inc. and its affiliates. * * This source code is licensed under the MIT license found in the * LICENSE file in the root directory of this source tree. *) lucide-react/dist/cjs/lucide-react.js: (** * @license lucide-react v0.358.0 - ISC * * This source code is licensed under the ISC license. * See the LICENSE file in the root directory of this source tree. *) */