// === Mania De Jeans CG — Shared Components === const { useState, useEffect, useMemo, useRef, useCallback } = React; // === Icons (heroicons-style outline, minimal set) === const Icon = { Search: (p) => , User: (p) => , Heart: (p) => , Cart: (p) => , Menu: (p) => , Close: (p) => , Plus: (p) => , Minus: (p) => , ChevronRight: (p) => , ChevronDown: (p) => , Star: (p) => , Truck: (p) => , Shield: (p) => , WhatsApp: (p) => , Trash: (p) => , Check: (p) => , CheckCircle: (p) => , Lock: (p) => , Pix: (p) => , Sliders: (p) => , Pin: (p) => , Box: (p) => , Tag: (p) => , Chart: (p) => , Settings: (p) => , Edit: (p) => , Eye: (p) => , Bolt: (p) => , Alert: (p) => , Image: (p) => , Home: (p) => , }; // === Denim placeholder === // Renders a soft denim-textured rectangle with a label. // Variants are hashed from `seed` to add visual variety across products. function DenimPlaceholder({ label, seed = "x", tone, accent }) { // Hash seed → consistent pseudo-random values const hash = useMemo(() => { let h = 0; for (let i = 0; i < seed.length; i++) h = (h * 31 + seed.charCodeAt(i)) >>> 0; return h; }, [seed]); const variantIdx = hash % 4; const baseTone = tone || ["#3d5a7a", "#4a6586", "#2e4769", "#5a7593"][hash % 4]; return (
{label && {label}}
); } // === Helpers === const fmt = (v) => "R$ " + v.toFixed(2).replace(".", ","); const fmtN = (v) => v.toFixed(2).replace(".", ","); // === Logo === const BRAND_LOGO = (() => { const p = (window.location.pathname || "").replace(/\\/g, "/"); return p.includes("/admin") ? "../assets/images/logo.jpg" : "assets/images/logo.jpg"; })(); function Logo({ onClick, showName }) { return (
{showName {showName && (
Mania De Jeans CG
)}
); } // === Header === function Header({ route, go, cartCount, fav, openSearch }) { return ( <>
Enviamos para todo o Brasil Atendimento personalizado pelo WhatsApp Parcele em até 3x sem juros
go("home")} showName/>
openSearch && openSearch()} readOnly/>
); } // === Footer === const FOOTER_CAT_FALLBACK = [ "Wide leg", "Pantalona", "Flare", "Boot cut", "Barrel", "Mom", "Skinny", "Cigarrete", ]; function Footer({ go, flushTop }) { const [catVersion, setCatVersion] = useState(0); useEffect(() => { if (window.MJ_CATEGORY_NAMES?.length) return; const p = window.MJ_loadCatalogLookups?.(); if (p) p.then(() => setCatVersion((v) => v + 1)).catch(() => {}); }, []); const footerCategories = useMemo(() => { void catVersion; const names = window.MJ_CATEGORY_NAMES?.length ? window.MJ_CATEGORY_NAMES : (window.MJ_CATEGORIES || []).map((c) => c.id); const list = names.length ? names : FOOTER_CAT_FALLBACK; return list.map((name) => ({ id: name, label: name })); }, [catVersion]); return ( ); } // === Foto do produto (URL do Storage ou placeholder) === function isImageUrl(src) { return typeof src === "string" && /^https?:\/\//i.test(src); } function ProductPhoto({ src, seed, tone, alt, className, style }) { if (isImageUrl(src)) { return ( {alt ); } return ; } // === Product Card === function ProductCard({ p, style, onClick, fav, toggleFav }) { const isFav = fav && fav.includes(p.id); const photoSrc = p.fotoListing || p.foto1 || p.imageUrl || p.images?.[0]; return (
onClick(p)}>
{p.isNew && Novo} {p.isPromo && -{Math.round(((p.priceOld - p.price) / p.priceOld) * 100)}%}
Ver detalhes
{p.name}
{p.priceOld && {fmt(p.priceOld)}} {fmt(p.price)}
{p.installments}
); } // === Calculadora de frete (Correios) === function ShippingQuotePanel({ cep, onCepChange, items, subtotal, shipping, setShipping, toast, variant }) { const [loading, setLoading] = useState(false); const [err, setErr] = useState(""); const inBox = variant !== "inline"; const options = shipping?.options || []; const selected = shipping?.selected || null; const digits = window.MJ_cepDigits?.(cep) || ""; const pickDefault = useCallback((list) => { if (!list?.length) return null; const pac = list.find((o) => window.MJ_isEconomyShipping?.(o)); return pac || list[0]; }, []); const onCalculate = async () => { setErr(""); if (digits.length !== 8) { setErr("Informe um CEP com 8 dígitos."); return; } setLoading(true); try { const data = await window.MJ_fetchShippingQuote({ toCep: digits, items }); const list = data.options || []; const chosen = selected && list.find((o) => o.id === selected.id) ? selected : pickDefault(list); setShipping({ toCep: window.MJ_normalizeCep(digits), options: list, selected: chosen, quotedAt: new Date().toISOString(), estimated: !!data.estimated, }); if (!list.length) setErr("Nenhuma opção de frete para este CEP."); } catch (e) { setErr(e.message || "Erro ao calcular frete."); toast?.(e.message || "Erro ao calcular frete."); } finally { setLoading(false); } }; const onSelect = (opt) => { setShipping((prev) => ({ ...(prev || {}), toCep: window.MJ_normalizeCep(digits) || prev?.toCep, options: prev?.options || options, selected: opt, quotedAt: prev?.quotedAt || new Date().toISOString(), })); }; const content = ( <>
onCepChange(e.target.value)} maxLength={9} />
{err &&
{err}
} {options.length > 0 && (
{options.map((opt) => { const isOn = selected?.id === opt.id; const price = Number(opt.price) || 0; return ( ); })}
)} {!options.length && !err && (
Informe o CEP e clique em Calcular para ver prazos e valores.
)} {shipping?.estimated && options.length > 0 && (
Valores estimados (Correios indisponível no momento). A loja pode confirmar no pedido.
)} ); if (!inBox) return
{content}
; return (
  Calcular entrega para todo o Brasil
{content}
); } // === Toast === function Toast({ message, onClose }) { useEffect(() => { if (!message) return; const t = setTimeout(onClose, 2800); return () => clearTimeout(t); }, [message, onClose]); if (!message) return null; return (
{message}
); } // === Modal === function Modal({ open, onClose, children, title }) { if (!open) return null; return (
e.stopPropagation()}> {title &&

{title}

} {children}
); } // === Star Rating === function StarRating({ rating, size = 14 }) { const filled = Math.round(rating); return ( {[1,2,3,4,5].map(i => filled}/>)} ); } // === Share to window === Object.assign(window, { Icon, DenimPlaceholder, Logo, Header, Footer, ProductCard, ProductPhoto, isImageUrl, ShippingQuotePanel, Toast, Modal, StarRating, fmt, fmtN });