);
const OrahWordmark = ({ size = 32 }) => (
ORAHCULTURE
);
/* ============================ SHOP CTX ============================ */
const ShopCtx = createContext(null);
const useShop = () => useContext(ShopCtx);
const USERS = {
amanda: { id: "amanda", firstName: "Amanda", fullName: "Amanda Petroski", email: "amanda@orahculture.com" },
miguel: { id: "miguel", firstName: "Miguel", fullName: "Miguel Braido", email: "miguel@orahculture.com" },
};
function ShopProvider({ children }) {
const [page, setPage] = useState(["home"]); // stack
const [cart, setCart] = useState([]);
const [wish, setWish] = useState([]);
const [drawer, setDrawer] = useState(null); // 'menu' | 'cart' | 'wish' | 'search' | null
const [currentUser, setCurrentUserState] = useState(() => {
if (typeof window === "undefined") return null;
const saved = window.localStorage.getItem("orah:currentUser");
return saved && USERS[saved] ? USERS[saved] : null;
});
const [userSelectorOpen, setUserSelectorOpen] = useState(false);
const [pendingPage, setPendingPage] = useState(null);
const setCurrentUser = (id) => {
if (!USERS[id]) return;
window.localStorage.setItem("orah:currentUser", id);
setCurrentUserState(USERS[id]);
};
const clearCurrentUser = () => {
window.localStorage.removeItem("orah:currentUser");
setCurrentUserState(null);
};
const ADMIN_PAGES = new Set(["admin", "account"]);
const goto = (p, params) => {
const name = typeof p === "string" ? p : p.name;
if (ADMIN_PAGES.has(name) && !currentUser) {
setPendingPage({ name, params });
setUserSelectorOpen(true);
return;
}
setPage([typeof p === "string" ? { name: p, params } : p]);
window.scrollTo({ top: 0, behavior: "instant" });
setDrawer(null);
};
const push = (p, params) => {
const name = typeof p === "string" ? p : p.name;
if (ADMIN_PAGES.has(name) && !currentUser) {
setPendingPage({ name, params });
setUserSelectorOpen(true);
return;
}
setPage((s) => [...s, { name: p, params }]);
window.scrollTo({ top: 0, behavior: "instant" });
setDrawer(null);
};
const confirmUser = (id) => {
setCurrentUser(id);
setUserSelectorOpen(false);
if (pendingPage) {
setPage([{ name: pendingPage.name, params: pendingPage.params }]);
window.scrollTo({ top: 0, behavior: "instant" });
setDrawer(null);
setPendingPage(null);
}
};
const cancelUserSelector = () => {
setUserSelectorOpen(false);
setPendingPage(null);
};
const back = () => setPage((s) => s.length > 1 ? s.slice(0, -1) : s);
const current = page[page.length - 1];
const currentName = typeof current === "string" ? current : current.name;
const currentParams = typeof current === "string" ? {} : (current.params || {});
const addToCart = (productId, size = "M", qty = 1) => {
setCart((c) => {
const i = c.findIndex((x) => x.productId === productId && x.size === size);
if (i >= 0) {
const copy = [...c]; copy[i] = { ...copy[i], qty: copy[i].qty + qty }; return copy;
}
return [...c, { productId, size, qty }];
});
};
const updateCart = (idx, qty) => {
setCart((c) => qty <= 0 ? c.filter((_, i) => i !== idx) : c.map((x, i) => i === idx ? { ...x, qty } : x));
};
const toggleWish = (productId) => {
setWish((w) => w.includes(productId) ? w.filter((x) => x !== productId) : [...w, productId]);
};
const value = {
page: currentName, params: currentParams, goto, push, back,
cart, addToCart, updateCart, clearCart: () => setCart([]),
wish, toggleWish,
drawer, setDrawer,
currentUser, setCurrentUser, clearCurrentUser,
userSelectorOpen, confirmUser, cancelUserSelector,
};
return (
Selecione abaixo para entrar no painel.