// shared.jsx - reusable site bits: waitlist form, store badges, interactive bisou.
(function () {
const { Button, KissMark } = window.BisouxDesignSystem_144cac;
const Ic = window.BxIcon;
// The signature gesture, made interactive. Click and the disc presses in and
// blooms, a ring ripples outward, and a kiss floats up - one-shot, on-brand.
// Restart is done by direct reflow so the animation replays on every click.
function BisouTap({ size = 96, idleKiss = "red", hint }) {
const ref = React.useRef(null);
const send = () => {
const el = ref.current;
if (!el) return;
el.classList.remove("sent");
void el.offsetWidth; // force reflow → restart the keyframes
el.classList.add("sent");
};
return (
{hint ? (
{hint}
) : null}
);
}
// Inline waitlist - calm, single field + one accent button. Confirmation is
// plain and reassuring, in the Bisoux voice. No exclamation marks.
// Saves to Supabase (waitlist table, insert-only RLS) when credentials are
// set in site/config.js; until then it falls back to the front-end mock.
function Waitlist({ light, compact }) {
const [email, setEmail] = React.useState("");
const [done, setDone] = React.useState(false);
const [busy, setBusy] = React.useState(false);
const [err, setErr] = React.useState(false);
const valid = /^[^@\s]+@[^@\s]+\.[^@\s]+$/.test(email);
async function submit(e) {
e.preventDefault();
if (!valid || busy) return;
const cfg = window.BX_CONFIG || {};
if (!cfg.supabaseUrl || !cfg.supabaseAnonKey) { setDone(true); return; }
setBusy(true);
setErr(false);
try {
const res = await fetch(cfg.supabaseUrl.replace(/\/+$/, "") + "/rest/v1/waitlist", {
method: "POST",
headers: {
// apikey alone is the documented path for sb_publishable_ keys;
// the gateway runs the request as the anon role.
apikey: cfg.supabaseAnonKey,
"Content-Type": "application/json",
Prefer: "return=minimal",
},
body: JSON.stringify({ email: email.trim().toLowerCase() }),
});
// 409 = unique-constraint conflict: already on the list. Same outcome.
if (res.ok || res.status === 409) setDone(true);
else setErr(true);
} catch (e2) {
setErr(true);
}
setBusy(false);
}
if (done) {
return (
You're on the list. We'll write the moment there's room for you two.