/* global React, window, useCart, useAuth, api, humanError, palette,
BagPlate, TrunkPlate, RoundPlate, ShoeCabinetPlate, CasePlate, Eyebrow, Rule,
useIsMobile, FavHeart, AddToCartButton */
const { useState: uS, useEffect: uE, useMemo: uM, useRef: uR } = React;
/* ---------- мелкие хелперы ---------- */
function Wrap({ children, style }) {
return {children}
;
}
const cartInput = {
all: "unset", display: "block", width: "100%", boxSizing: "border-box",
fontFamily: "'Manrope', sans-serif", fontSize: 14, color: "var(--ink)",
padding: "13px 14px", border: "1px solid rgba(0,0,0,0.18)", background: "var(--cream)",
};
function priceNum(item) { return parseInt(String(item.price || "").replace(/[^\d]/g, ""), 10) || 0; }
function fmtRub(n) { return n.toLocaleString("ru-RU") + " ₽"; }
// Переход на карточку товара. Комплекты - на свою детальную страницу.
function openProduct(item, setRoute) {
if (!item || !setRoute) return;
if (item.category === "ensemble") setRoute("ensemble", item.id);
else setRoute("product", item.key);
}
function PlateFor({ item, size }) {
const tones = item.tones || [palette.cognac, palette.brass, palette.bone];
const P = { bag: BagPlate, trunk: TrunkPlate, round: RoundPlate, shoecabinet: ShoeCabinetPlate, case: CasePlate }[item.plate] || CasePlate;
return (
);
}
function PageTitle({ kicker, title }) {
return (
{kicker}
{title}
);
}
function SolidBtn({ children, onClick, disabled, style }) {
return (
);
}
function GhostBtn2({ children, onClick, style }) {
return (
);
}
/* ---------- степпер количества ---------- */
function QtyStepper({ qty, onChange }) {
const btn = {
all: "unset", cursor: "pointer", width: 32, height: 32, textAlign: "center",
fontFamily: "'Manrope', sans-serif", fontSize: 16, color: "var(--ink)",
display: "flex", alignItems: "center", justifyContent: "center",
};
return (
{qty}
);
}
/* ---------- строка товара в корзине ---------- */
function CartRow({ item, showPrice, setRoute }) {
const { setQty, removeFromCart } = useCart();
const m = useIsMobile();
const open = () => openProduct(item, setRoute);
return (
{item.kind || item.category}
{item.name}
setQty(item.key, q)} />
{showPrice ? fmtRub(priceNum(item) * item.qty) : item.price}
);
}
/* =========================================================
КОРЗИНА
========================================================= */
function CartPage({ setRoute }) {
const { cartItems } = useCart();
const m = useIsMobile();
const bags = cartItems.filter(i => i.payable);
const interior = cartItems.filter(i => !i.payable);
const bagsTotal = bags.reduce((s, i) => s + priceNum(i) * i.qty, 0);
if (cartItems.length === 0) {
return (
Загляните в каталог - добавьте сумки к оплате или чемоданы и интерьер под заявку.
setRoute("bags", "all")}>Школьные сумки
setRoute("trunks")}>Чемоданы и интерьер
);
}
return (
{bags.length > 0 && (
{bags.map(i => )}
Итого к оплате:
{fmtRub(bagsTotal)}
setRoute("checkout-pay")}>Перейти к оплате
)}
{interior.length > 0 && (
{interior.map(i => )}
Это заявка, а не оплата. После отправки мастер свяжется и согласует размеры, тон и стоимость.
setRoute("checkout-request")}>Оформить заявку
)}
);
}
function GroupHead({ title, note }) {
return (
);
}
/* ---------- контактные поля (общие для заявки и оплаты) ---------- */
function useContactForm() {
const auth = useAuth();
const [form, setForm] = uS({ name: "", phone: "", email: "", comment: "" });
const prefilled = uR(false);
uE(() => {
if (!prefilled.current && auth.isAuthed && auth.user) {
setForm(f => ({
...f,
name: f.name || auth.user.name || "",
email: f.email || auth.user.email || "",
phone: f.phone || auth.user.phone || "",
}));
prefilled.current = true;
}
}, [auth.isAuthed, auth.user]);
return [form, setForm];
}
function ContactFields({ form, setForm, withComment }) {
const set = (k, v) => setForm(f => ({ ...f, [k]: v }));
return (
set("name", e.target.value)} />
set("phone", e.target.value)} />
set("email", e.target.value)} />
{withComment && (